@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

.picker__date-display {
	background-color: #A32430!important;
}

.picker__weekday-display {
	background-color: #A32430!important;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

nav .nav-wrapper {
  /*  position: relative;
    height: 100%;
    padding-top: 0px!important;
    height: 80px!important;
    line-height: 80px;*/
}


.datepicker-modal{
	
	width: auto!important;
	height: auto!important;
	
}

.datepicker-date-display {

	background-color: #3A7FF9!important;
	color: #fff;

}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
	color: #3A7FF9!important;
	padding: 0 1rem;
}

.datepicker-table td.is-selected {
	background-color: #3a7ff9!important;
	color: #fff;
}

.dropdown-content li>a, .dropdown-content li>span {
	
	color: #3a7ff9!important;

}

.modal.bottom-sheet {
	height: 50%!important;
}


#footer{
	margin-top:-20px!important
}

/* desarrollado por Prime Developers Chile*/

body {

	/*height: 100vh;*/
	font-family: 'Oxygen', sans-serif;
	/*top:0!important;*/
}


nav {
	color: #243F63!important;
	background-color: #fff!important;
	width: 100%;
	/*height: 56px;*/
	/*line-height: 56px;*/
}

nav ul a {
	transition: background-color .3s;
	font-size: 1rem;
	display: block;
	/*padding: 0 15px;*/
	cursor: pointer;
}



.card{
	border-radius: 10px!important;
}



.btn, .btn-large, .btn-small {
	border-radius: 10px!important;
	text-decoration: none;
	color: #fff;
	background-color: #ff3366!important;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
	cursor: pointer;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* Paleta de colores */

.verde{
	color: #26D07C;
}

.fondo-verde{
	background-color: #26D07C;
}

.azul-oscuro{
	color: #243F63;
}

.rosado{
	color: ##ff3366;
}

.fondo-rosado{
	background-color: #ff3366;
}

.fondo-azul-oscuro{
	background-color: #010e34;
}

.amarillo{
	color: #FFD282;
}

.fondo-amarillo{
	background-color: #FFD282;
}

.gris-claro{
	color: #6c6c6c;
}
/*fin paleta de colores*/

/*ayudas de texto*/

.mayusculas{
	text-transform: uppercase;
}

.minusculas{
	text-transform: lowercase;
}

.capitalize{
	text-transform: capitalize;
}

.negrita{
	font-weight: bold;
}

.justificado{
	text-align: justify;
}

.valing-mid{
	vertical-align: middle;
}

.izquierda{
	text-align: left;
}

.derecha{
	text-align: right;
}







.span-login{
	height: 12em;
}


.btn{
	margin-top: 10px;
	width: 80%;
	height: 40px!important;
}



.btn-index{

	width: 343px;
}

.btn-index:hover{
	opacity: 0.5;
	
}

.btn:hover{
	opacity: 0.5;
}
.btn-small:hover{
	opacity: 0.5;
}





.mini-container{
	padding-left: 4%;
	padding-right: 4%;
}

.tabs .tab a:hover, .tabs .tab a.active {
	background-color: transparent;
	color: #01518c!important;
}

.tabs .tab a {
	color: #000!important;

}

.tabs .indicator {

	background-color: #01518c!important;
	width: 45%;
}

.modal {
	border-radius: 20px!important;
	top: 2%!important;
	width: 80% !important;
	height: auto!important;
}

.modal{
	/* width: 90%!important; */
}

/*álbum eclipsados*/

.text img {

}

/* Dispositivos */
@media  (min-width: 1020px) and (max-width: 1278px) {

	

	.s2-5{
		width: 10%;
	}
	.span-login{
		height: 18em;
	}



}

@media  (min-width: 1280px) and (max-width: 1360px) {


	.span-login{
		height: 18em;
	}


}

@media  (min-width: 1360px) and (max-width: 1399px) {

	.span-login{
		height: 6em;
	}

}

@media (min-width: 1400px) and (max-width: 1499px){

	.span-login{
		height: 18em;
	}

}

@media (min-width: 1500px) and (max-width: 1699px){

	
	.span-login{
		height: 18em;
	}


}

@media (min-width: 1600px) and (max-width: 1699px){
	

}

@media  (min-width: 1700px) and (max-width: 1980px) {


}

/* dispositivos */

@media only screen and (max-width: 992px) {


}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {




}

@media (-webkit-min-device-pixel-ratio: 1) and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {




}


@media (min-width: 481px) and (max-width: 767px) {


}


@media (min-width: 320px) and (max-width: 480px) {




}