@import url('https://fonts.googleapis.com/css?family=Roboto:500');
*{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family:"Roboto"; box-sizing:border-box;}

body{margin:0; padding:0; padding-bottom: 80px; background-color:white; font-size:14px; -webkit-user-select:none;}
b, h1, h2, h3, h4, h5, h6{font-weight:500}

.loading{padding-top: 30px; text-align: center}

#loading, #loadingModal{display: none; padding-top: 30px; text-align: center}
#loading .spinner-layer, #loadingModal .spinner-layer{border-color: #2570A6}
.container_general{ padding-bottom:0px}

#form_data{padding:40px 0}

.fondoNegro{background-color: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; display: none; height: 100%; width: 100%; z-index:3000}

#bodyForm{position:relative; background-color: white; z-index:3005; display: none; top:0; left:0; width:100%; height:auto; overflow-y: scroll; padding:10px}


/*----------------------MD MD MD MD MD MD MDMD MD MD MD MD MD MDMD MD MD MD MD ----------------*/
 
.btn{background-color: #2570A6 !important; }
.fab_abm{display: none; background-color: #2570A6 !important; }

.botonMenu{display: block; border-radius: 8px; box-shadow: 0 2px 3px 1px rgba(0,0,0,.2); background-color: #F7F9EA; color: black; padding:16px 10px; margin:20px 2%; width: 96%; text-align: center; text-decoration: none; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-transform: uppercase}



.botonCargos{height: auto; min-height: 45px; line-height: 45px; width: 94%; margin: 10px 3%; background-color: #2570A6; }

.botonCargosIndex{border-radius: 8px; line-height:normal !important; height:140px; width: 96%; margin: 4px 2%; background-color: #2570A6; position: relative}
.botonCargosIndex h2{position:absolute; top:13px; left:10px; margin:0 !important; font-size:22px; text-align: left}
.botonCargosIndex h4{position:absolute; top:45px; left:10px; margin:0 !important; font-size:14px; text-align: left}
.botonCargosIndex span{position:absolute; bottom:10px; left:10px; margin:0 !important; font-size:13px; text-align: left}

.botonDirectorIndex{background-color:#ED6C15 !important}
.botonProfesorIndex{background-color:#0F77AA !important}
.botonTutorIndex{background-color:#00a56c !important}
.botonAlumnoIndex{background-color:#028F9B !important; }
.botonAdminIndex{background-color:#6E025C !important}


.btnPurple{background-color: #770441 !important}

.tabs{overflow-x:auto}
.tabs::-webkit-scrollbar{width: 0em; height: 0em;}
.tabs::-webkit-scrollbar-thumb{ display:none}
.tabs::-webkit-scrollbar-corner{ display:none}
.nav-extended{background-color: #26a69a; }

.bodyTab{padding-top:20px }


.collection{text-align: left;}
.collection .divAction{width:15%; float: left; text-align: center}
.collection .divAction i{padding: 10px; margin-top:15px; font-size: 35px}
.collection .divAction i:hover{background-color: #ddd; border-radius: 100%;}
.collection .divAction .iMargin{margin-top:2px}
.collection .divAction .iMargin2{margin-top:12px}
.collection .divAction .iMargin3{margin-top:0px}



.collection a.collection-item{text-align: left; color:#333; font-size: 125%; padding:18px !important; width: 70%; float: left; position: relative}
.collection a.collection-item85{width: 85%;}
.collection a.collection-item100{width: 100%;}
.collection a.collection-item span{text-align: left; color:#777; font-size: 85%}

.bodyTab20{margin:-8px 0 20px 0}


/* label focus color */
 .input-field input:focus + label , .input-field textarea:focus + label {
   color: #2570A6 !important;
 }
 
 
 [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {border: 2px solid #2570A6 !important;}
 
 [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color:#2570A6 !important;}
 
 
 
 /* label underline focus color */
 .row .input-field input:focus, .row .input-field textarea:focus {
   border-bottom: 1px solid #2570A6 !important;
   box-shadow: 0 1px 0 0 #2570A6 !important
 }
 
.dropdown-content li>span {color: #2570A6 !important}

.dropdown-content li.optgroup>span {color: #999 !important; font-weight: normal !important}

.modal, .modal .modal-footer{ background-color:#f9f9f9; width: 90%; top: 150px; display:block !important}


.bodyInteriorBoton{margin: -12px 0 20px 0; width: 94%; border: solid 1px #2570A6; border-radius: 0 0 7px 7px;}

.card-action{position: relative; height: 58px;}
.card-action h5{color:#777; position: absolute; top:5px; right: 23px; font-size: 15px;}

.row {margin-bottom: 5px;}


.dropdown-content{height: auto !important; width: max-content !important; z-index: 151545454545}

.card-action {min-height: 58px; height: auto;}
.listaFirmas {border-top: 1px solid rgba(160,160,160,0.2); margin-top: 16px; padding: 15px 0 0 0}
.chipFirmado{background-color: #c8f1a9; color:#555}
.flechaArriba{transform: rotate(-180deg);}

.labelPendiente{border-radius: 13px; background-color: darkorange; color: white; padding: 5px 15px; width: max-content; margin-top: 20px; float:left}
.fechaPendiente{color:#777; padding: 5px 15px; width: max-content; margin-top: 20px; float:left}

#btnVerMas{width: max-content}
.btnVerMasDisabled{user-select: none; pointer-events: none; background-color: transparent !important; color: #777; box-shadow: none; text-transform: inherit; font-style: oblique; font-size: 18px; transition:0s !important;}
.btnVerMasDisabled:active, .btnVerMasDisabled:hover{box-shadow: none !important;}

.titleAlertTutor{background-color: #024867; color: white; font-size: 16px; width: 100%; padding: 10px 25px 5px 25px; margin-top: -20px; margin-bottom: 10px;}

#bodyAvisoTutor{padding: 10px 0}

.cartelHorario{background-color: #B03208; color:white; font-weight: 500; padding: 10px !important; border-radius: 7px; width: 96%; margin: 10px 2% 30px 2%}

.link001{padding: 10px 30px; color: #555; font-size: 17px; text-decoration: underline; display: block; text-align: center}


.legendTareaDisabled{ position: absolute; }



.bloqueTarea{border: solid 1px #8ec2fd; border-radius: 8px; width: 100%; margin: 20px 0 !important; padding: 15px 2px;}
.bloqueTarea .labelBloque{padding:5px 15px; font-size: 13px; color: #3387d0}
.cursoTarea{font-size: 20px; color:#2570A6}
.tituloTarea{padding:0 15px; font-size: 20px; color:#2570A6}
.fechaTarea{padding:0 15px;}
.consignasTarea, .respuestasTarea, .correccionesTarea{font-size: 15px; padding: 15px;}
.archivoTarea{padding:25px 15px; text-align: center; position: relative}
.archivoTarea .fileDown{padding:5px; font-size: 15px; text-align: center; border-radius: 10px; border:solid 1px #ccc; display: block; width: 80%; float:left; background-color: #e4edf5;}
.archivoTarea .fileDelete{width:20%; float:left}
.archivoTarea .fileDelete i{margin-top: 20px;}
.archivoTarea img{width: 30px; height: 30px; vertical-align: bottom; margin-right: 10px;}
.archivoTarea i{margin-left: 3px; border-radius: 100%; vertical-align: middle; }
.archivoTarea i:active{background-color: #DDDDDD}
.nombreArchivo{word-break: break-all; display: block; margin-top: 10px; padding: 5px; color: #555; font-size: 13px;}

.msgTarea1{font-size: 17px; color:#2570A6; padding: 15px;}
.botonTarea{float:left; width: 48%; margin: 10px 1%}

.inscripcionEscuela{width: 100%; background-color: #21968e; color: white; font-size: 15px; text-align: center; padding: 16px 5px; display: block; margin-bottom: 15px;}