@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');
.collapsible li.active i {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}
.rotate {
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
.collapsible-header {
  justify-content: space-between;
}

.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;
}


.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*/


.divspace{
	padding: 40px 0 40px 0 !important;
}

body {

	/*height: 100vh;*/
	font-size: 14px;
	line-height: 26px;
	/*top:0!important;*/
}

nav .nav-wrapper{position:relative;height:120% !important;}

p{
	color: #7E8388;
}

h5{
	font-size:13px !important;
	letter-spacing: 0px;
	font-weight: 700 !important;
	color: #ADADAD !important;
	line-height: 90% !important;
	margin: 0.5rem 0 .656rem 0 !important;
	position: absolute;
	top: -5px;
}

/* h1{
	letter-spacing: 0px;
	font-size: 50px !important;
	font-weight: 550 !important;
	line-height: 42px !important;
} */


h6{
	font-size:20px !important;
	line-height: 150px;
	letter-spacing: 1px;
	font-weight: bolder !important;
}


nav {
	background-color: #E7F3FF!important;
	width: 100%;
	height: 100px !important;
	line-height: 56px;
	/*height: 56px;*/
	/*line-height: 56px;*/
	padding-left: 100px;
	padding-right: 100px;
	box-shadow: none !important;
}

nav ul a {
	transition: background-color .3s;
	color: #13293D !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	display: block;
	/*padding: 0 15px;*/
	cursor: pointer;
	padding: 12px !important;
	height: 100%;
}


.fondoceleste{
	background-color: #E7F3FF;
}

.collapsible-body{
	background-color: #fff !important;
}

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



.btn, .btn-large, .btn-small {
	border-radius: 10px!important;
	text-decoration: none;
	color: #fff !important;
	background-color: #1B98E0!important;
	font-weight: bolder !important;
	text-align: center;
	letter-spacing: 0px !important;
	text-transform: uppercase !important;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
	cursor: pointer;
}

/*Colores bases winmed */
/*
Verde: #26D07C;
Azul-oscuro : #243F63;
Amarillo: #FFD282;
*/



/* Paleta de colores */

.azulfiniquito{
	color: #13293D;
}

.celestefiniquito{
	color: #1B98E0;
}

.azulmarino{
	color: #2379A3;
}

.rojo{
	color: #EC2F21;
}

.verde{
	color: #26D07C;
}

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

.azul-oscuro{
	color: #2D2D2D;
}

.rosado{
	color: #ff3366;
}

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

.fondo-azul-oscuro{
	background-color: #2d2d2d;
}

.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;
}



.input-field .prefix {
    position: absolute;
    width: 3rem;
    font-size: 2rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    top: 2.2rem !important;
    left: 15px;
    bottom: 0;
}

.input-field .prefix ~ label{
	text-align: center;
}

.input-field input {
     font-size: 13px !important;
    }


.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;
	line-height: 13px !important;
	height: 60px;
	text-transform: none;
}

.tabs .indicator {

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

.modal { width: 75% !important ; height: auto!important ; }



/*calendario yii plugin*/

.current .schedule{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(38,208,124,1);
	-moz-box-shadow: 0px 0px 6px 0px rgba(38,208,124,1);
	box-shadow: 0px 0px 6px 0px rgba(38,208,124,1);
	background-color: #fff!important;

} 

.not-relevant .schedule{
	background-color: #0000002b;
}

.past-day{
	background-color: #fff;
}

.past-day .schedule{
	background-color: #eeeeee;
}

/* 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) {




}