/* paginacion por cada pagina */
.paging {
	background: #fff;
	color: #ccc;
	margin-top: 1em;
	clear: both;
}

.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block;
	color: #333;
}

.paging>span {
	display: inline-block;
	border: 1px solid #ccc;
	border-left: 0;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	line-height: 1.42857;
	text-decoration: none;

}

.paging>span:hover {
	background: #efefef;
}

.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.paging .disabled {
	color: #ddd;
}

.paging .disabled:hover {
	background: transparent;
}

.paging .current {
	background: #efefef;
}

/* Tamara */

.boton {
	border-radius: 13px;
	height: 45px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
}

.btn-purpura {
	background-color: #6661E8;
	border-color: #6661E8;
	color: #fff;
}

.boton-azul {
	background-color: #1A99F8;
	border-color: #1A99F8;
	color: #FFFFFF;
	border-radius: 20px;
}

.boton-naranja {
	background-color: #FEC056;
	border-color: #FEC056;
	color: #FFFFFF;
}

.boton-rojo {
	background-color: #EE4B41;
	border-color: #EE4B41;
	color: #FFFFFF;
}

.boton-rosado {
	background-color: #F57DB1;
	border-color: #F57DB1;
	color: #FFFFFF;
}

.boton-verde {
	background-color: #8AD665;
	border-color: #8AD665;
	color: #FFFFFF
}

.boton-calipso {
	background-color: #E0F9FC;
	border-color: #EAEAEA;
	color: #1CA4EB;
}

.boton-light-azul {
	background-color: #e0f9fc;
	border-color: #e0f9fc;
	color: #4db9ef;
}

.boton-light-red {
	background-color: #fce0e3;
	border-color: #fce0e3;
	color: #ef4d60;
}

.boton-light-success {
	background-color: #e5f8ed;
	border-color: #e5f8ed;
	color: #36cb78;
}
.boton-goku {
	background-color: #e5f8ed;
	border-color: #e5f8ed;
	color: #36cb78;
}

.vertical-align {
	vertical-align: middle !important;
}

.font-dosis {
	font-family: 'Dosis', sans-serif;
}

.font-15 {
	font-size: 15px;
}

.font-20 {
	font-size: 20px;
}

.font-24 {
	font-size: 24px;
}

.btn-login {
	background-color: #1A99F8;
	color: white;
	transition: background-color 0.3s ease;
}

.btn-login:hover {
	background-color: #4e5d73;
	color: white;
}