body {font-size: 11pt !important; font-family: "Open Sans", sans-serif !important;}
h1{font-size:20pt; padding-top:10px; padding-bottom:10px; margin:0px !important;}
h2{font-size:14pt; padding-top:0px; padding-bottom:0px; margin:0px !important; color:#0d6efd;}
h3{font-size:15pt;  padding-top:20px; padding-bottom:10px; margin:0px !important;}
a:hover{ text-decoration:none !important;}

body, table, p, div { font-family: "Open Sans", sans-serif !important;}

/*Generales*/
.DivBusqueda{}
.DivBusqueda input[type=text]{ height:30px;}
.DivBusqueda select{ height:30px;}
.bg-disabled{background-color: #dedede;}
.FormSeparador{width:100%; height:25px; margin-bottom:15px; border-bottom:1px solid #b0baee; clear:both;}
.FormSeparador2{width:100%; height:25px; margin-bottom:15px; border-bottom:1px solid #379237; clear:both;}
.DivSeparador{width:100%; clear:both;}
.Encabezado h1{padding:0px;}
.LH30{line-height:30px;}
.LH35{line-height:35px;}
.CAzul{color:#0d6efd;}
.Requerido{font-size:10pt; color:#999999; font-style:italic;}
.BordeCuestionario{border: 1px solid #AAAAAA;}
.Borde2Cuestionario{border: 1px solid #AAAAAA; border-top:none;}
.Pad0{padding:0px !important;}
.PadLR10{padding-left:10px !important; padding-right:10px;}
.PadLR30{padding-left:30px !important; padding-right:30px;}

/*UPDATE PROGRESS*/
.PopUpBG{width: 100%; background-color: #4D4D4D; opacity: 0.8; display: none; position: fixed; top: 0px; left: 0px; z-index: 100; height: 100%; min-height: 100%;}

/* HTML: <div class="loader"></div> */
.loaderUP {
  width: 100px;
  --b: 20px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#FFFFFF) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
  position: fixed; top: 200px; left: calc(50% - 50px);
  z-index:100;
}
@keyframes l4 {to{transform: rotate(1turn)}}

/*#####################*/


/*Empresas -> Modal Búsqueda Alumno*/
.suggestion-box {position: absolute;z-index: 10;width: 200px;background-color: #fff; border: 1px solid #ccc; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
.suggestion-box div.autocomplete-suggestion {padding: 5px; cursor: pointer;}
.autocomplete-suggestions {border: 1px solid #e4e4e4;max-height: 450px; overflow-y: auto;}
.autocomplete-suggestion {padding: 8px; cursor: pointer;}
.autocomplete-suggestion:hover {background-color: #e4e4e4;}

/*#####################*/



/*Bootstrap Corrections*/
.form-control{font-size: 10pt;}
.form-select{font-size: 10pt;}
.btn{font-size: 10pt;}
table{font-size: 10pt;}
.navbar-Separator{ border-right: 1px solid white;}
.form-check-input{ width:55px !important; height:22px; margin-right:10px; margin-left:-25px !important;}
.form-switch{padding-top:33px;}
.form-switch label{margin-top:3px !important;}
/*#####################*/

/*COLORES DEL GESTOR
    NEGRO #000000
    GRIS MEDIO Medio #333333
    GRIS CLARO #888888
    AZUL #0d6efd
    AZUL CLARO #b0baee
    VERDE #379237
*/


/*LISTADOS*/
.Grid th{ padding-left:10px; padding-right:10px;}
.Grid td{ padding-left:10px; padding-right:10px;}
.GridHeader{ height:50px; background-color:#F6F6F6; color:#333333; border-top:1px solid #333333; border-bottom:1px solid #333333; font-size:11pt;}
.GridHeader a{ color: #333333; text-decoration: none; font-weight:bold;}
.GridHeader a:hover{ color: #000000; text-decoration: none;}
.GridRow{ height:50px; background-color:#FFFFFF; color: #333333; border-bottom:1px solid #EEEEEE; font-size:11pt;}
.GridRowA{ height:50px; background-color:#FCFCFC; color: #333333; border-bottom:1px solid #EEEEEE; font-size:11pt;}
.GridSelected{ height:50px; background-color:#e3eeff; color: #000000; border-bottom:1px solid #EEEEEE; font-size:11pt;}
.GridPager{ height:30px; background-color:#EEEEEE; text-align: center; font-size:12pt;}
.GridPager span{ font-size:12pt; color:#000000; font-weight:bold;}
.GridPager a{color: #999999; font-size:12pt; font-weight:bold; text-decoration:none;}
.GridPager a:hover{ color: #000000; font-size:12pt;}
.GridPager table{ margin:0px  auto;}
.GridPager td{margin:0px; padding:5px;}
.Grid table[border="0"] td, table:not([border]) td, table[border="0"] th, table:not([border]) th {border:none;}

.GridHeaderSimple{ height:35px; background-color:transparent; color:#333333; border-bottom:1px solid #333333; font-size:10pt;}
.GridHeaderSimple a{ color: #333333; text-decoration: none; font-weight:bold;}
.GridHeaderSimple a:hover{ color: #000000; text-decoration: none;}
.GridRowSimple{ height:35px; background-color:#FFFFFF; color: #333333; border-bottom:1px solid #EEEEEE; font-size:10pt;}


/*MENU PRINCIPAL*/
.itemMenuPpal{color:#FFFFFF !important; font-size:11pt; margin-right:10px;}
.itemMenuPpal:hover{color:#b0baee !important;}
.itemMenuPpalA{color:#b0baee !important; font-size:11pt; margin-right:10px;}
.IconMenu{margin-right:5px;}

/*FORMULARIO*/
.Formulario{ }
.Formulario label{ margin-top:10px; margin-bottom:3px; color:#888888; font-weight:bold;}
.Formulario h2{ color:#0d6efd; font-size:14pt; margin:0px; padding-top:15px; padding-bottom:5px;}
.MyForms input[type=checkbox] {
    background-color: #FFFFFF;
    border-radius: 2px;
    border-color: #999999;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    outline: none !important;
    box-shadow: none;
    border-width:1px;
    border-style:solid;
}
.MyForms input[type=checkbox]:checked {
    background-color: #FFFFFF;
    background: #FFFFFF url('/Img/check.png') 2px 4px no-repeat;
    outline: none !important;
    box-shadow: none;
}

/*TABS*/
.MyTab { font-size:14pt; color: #888888;}
.MyTab:hover{ color: #000000;}
.MyTab active {font-size:14pt; color: #000000;}

/*CODE SNIPPETS*/
.code-snippet-item {padding:1px 5px 1px 5px !important;}

/*POPUPS*/
.PanelModal{vertical-align: middle; background-color: #333333; filter:alpha(opacity=80); opacity:0.8;}
.DivPopUpContenido{width:450px; height:auto; background-color: White; color: #808080; text-align: left; padding:20px; position:relative; line-height:25px;}
.DivCerrarPopUp{ position: absolute; top:5px; right:5px; height:30px; width:30px; z-index:100;}


/*EXAMEN*/
.AddPregunta{width: 100%; background-color: #F8F8F8; padding: 20px; border-top: 1px solid #379237; border-bottom: 1px solid #379237; margin-top: 20px;}

/*CUESTIONARIO*/
.SelOpciones input[type=checkbox] {
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 50px;
    height: 28px;
    line-height:28px;
    cursor: pointer;
    position: relative;
    outline: none !important;
    box-shadow: none;
    border-width:1px;
    border-style:solid;
}

.SelOpciones input[type=checkbox]:checked {
    background-color: #FFFFFF;
    background: #FFFFFF url('/Img/checked.png') 8px 1px no-repeat;
    outline: none !important;
    box-shadow: none;
}

.SelOpcionNO input[type=checkbox]:checked {
    background-color: #FFFFFF;
    background: #FFFFFF url('/Img/nochecked.png') 8px 1px no-repeat;
    outline: none !important;
    box-shadow: none;
}

.Opciones5 input[type=checkbox] {
    width:20%;
    max-width: 90px;
    text-align:center;
}

.Opciones5 input[type=checkbox]:checked {
   background: #FFFFFF url('/Img/checked.png') 45% 1px no-repeat;
}

/*CONTRATOS TIPOS*/
.CabeceraCategoria{width: 100%; background-color: #F8F8F8; padding: 12px; border-top: 1px solid #b0baee; border-bottom: 1px solid #b0baee; margin-top: 20px; text-align:center; font-size:11pt;}
.MuestraDocs{width: 100%; padding:20px; text-align:left;}
.itemDoc{width:25%; float:left;}

.itemDoc input[type=checkbox] {
    background-color: #FCFCFC;
    border-radius: 2px;
    border: 1px solid #999999;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 5px;
    outline: none !important;
    box-shadow: none;
}

.itemDoc input[type=checkbox]:checked
{
    background-color: #FCFCFC;
    background: #FFFFFF url('/Img/check.png') 2px 4px no-repeat; 
    outline: none !important;
    box-shadow: none;    
}

/*CONTRATOS*/
.itemDirFact{border: 1px solid #CCCCCC; background-color: #F0F0F0; line-height: 30px; position:relative; color:#666666; opacity:0.7;}
.itemDirFactA{border: 1px solid #006e27; background-color: #FFFFFF; line-height: 30px; position:relative;}
.itemExamenP{width: 100%; border: 1px solid #CCCCCC; margin-bottom: 20px;}
.itemExamenPCabecera{width: 100%; background-color: #EEEEEE; padding: 10px !important; text-align: left;}
.itemExamenPNotas{width: 100%; background-color: #FFFFFF; padding: 0px !important; padding: 10px !important;}
.itemExamenPNotas input:disabled{border:1px solid #EEEEEE; background-color:#FCFCFC;}
.itemNotas{ width:50px; text-align:center; font-size:12pt;}

/*TUTOR*/
.Notas{margin-top:10px;}
.Notas input{width: 95px; background-color: #FFFFFF; padding: 0px !important; padding: 5px !important; border:1px solid #CCCCCC; text-align:center;}

/*PLANTILLA GENERAL*/
.Cabecera{ padding:10px; color:white;}
.Cabecera b{ color:white; font-size:20pt;}
.Cabecera a{ color:white;}

/*FIRMA ALUMNO*/
.TratamientoImg{width: 650px; text-align: left; margin:0px auto;}

@media (min-width: 200px) and (max-width: 767px) {
    h1{font-size:16pt;}
    .LH35{line-height:25px;}
    .HideXS{display:none !important;}
    .TratamientoImg{width: 100%;}
    .DivPopUpContenido{width:95%; margin-left:2%;}
}

@media (min-width: 768px) and (max-width: 1000px) {   
    .LH35{line-height:32px;}
    .HideXS{display:none !important;}
    .DivPopUpContenido{width:95%; margin-left:2%;}
}

@media (max-width: 1690px) {
    .itemMenuPpal{ font-size:10pt; margin-right:7px;}
    .itemMenuPpalA{ font-size:10pt; margin-right:7px;}
    .IconMenu{margin-right:3px;}

}