:root {
   --ControlEscolar-main-color: #012766; 
   --ControlEscolar-color2: #3f69aa;  
   --ControlEscolar-color3: #029dbb; 
}

body {
   font-family: "Microsoft New Tai Lue", Futura, sans-serif !important;
   font-size: 1.0rem; 
   font-weight: 400;
}

::-webkit-input-placeholder {
  color: #d9d9d9 !important;
}
/* WebKit, Blink, Edge */
:-moz-placeholder {
  color: #d9d9d9 !important;
  opacity: 1;
}
/* Mozilla Firefox 4 to 18 */
::-moz-placeholder {
  color: #d9d9d9 !important;
  opacity: 1;
}
/* Mozilla Firefox 19+ */
:-ms-input-placeholder {
  color: #d9d9d9;
}
/* Internet Explorer 10-11 */
::-ms-input-placeholder {
  color: #d9d9d9;
}
/* Microsoft Edge */
::placeholder {
  color: #d9d9d9 !important;
}


/**************** Clases personalizadas de Bootstrap ****************/
.bg-dark {
  background-color: #012766 !important;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .open > .dropdown-toggle.btn-outline-secondary {
  color: #fff;
  background: #012766;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #012766;
  border-color: #012766;
}

.btn-primary {
  background-color: #012766;
  border-color: #012766;
}

.btn-primary:hover {
  background-color: #003a45 !important;
  border-color: #003a45 !important;
}

.btn-outline-primary {
  color: #012766;
  border-color: #012766;
}

.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #012766;
  border-color: #012766;
}

.dropdown-item:hover {
  background-color: lightgray;
}

.modal-backdrop {
  opacity: 0 !important;
}

.custom-file-input ~ .custom-file-label::after {
  content: "Elegir";
}

.dropdown-menu {
  top: 38px;
  margin-left: .1rem;
  margin-right: .1rem;
}

.btn-group
.dropdown-menu {
  top: -2px !important;
  left: 100%;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu
.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dropdown-item {
  padding-top: 1px;
  padding-bottom: 1px;
}

.separator {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}

.modal-backdrop {
  opacity: 0.25 !important;
}

/**************** Clases personalizadas de FontAwesome ****************/
.fa-circle-o-notch {
  color: #012766;
}

/**************** Clases personalizadas de Bootbox ****************/
.bootbox-accept,
.bootbox-cancel {
  background: #fff;
  color: #6c757d;
  border-color: #6c757d;
}

.bootbox-accept:hover, .bootbox-accept:focus, .bootbox-accept.active, .open > .dropdown-toggle.bootbox-accept {
  background: #012766 !important;
  color: #fff;
  border-color: #6c757d;
}

.bootbox-cancel:hover, .bootbox-cancel:focus, .bootbox-cancel.active, .open > .dropdown-toggle.bootbox-cancel {
  background: #ff7728 !important;
  color: #fff;
  border-color: #6c757d;
}

.bootbox-accept:active,
.bootbox-cancel:active {
  background: #6c757d !important;
  color: #fff;
  border-color: #b5babe;
}


/**************** Clases propias *****************/

.logoControlEscolar {
  height: 75px;
}

.navbar-perfil {
  width: 370px;
  padding: 10px;
  padding-bottom: 0px;
}

.navbar-perfil-session {
  padding: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.botonPerfil {
  color: white;
}

  .botonPerfil:hover {
  color: white;
  }

.fotoPerfil {
  border-color: lightgray;
  padding: 0;
}

.fotoPerfil-width80 {
  width: 80px;
}

.fotoPerfil-width40 {
  width: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
}

.section-contenido {
  padding-top: 70px;
  padding-bottom: 70px;
}

.linea {
  height: 1px;
  border: none;
  color: rgb(60,90,180);
  background-color: #012766;
}


.linea-punteada-95{
  border: 1px dotted #a0a0a0;
  color:  #101010;
  background-color:  #ffffff;
  width: 95%;
} 

.subtitulo {
  color: #012766;
  font-size: 1.10rem;
  text-decoration: none !important;
}

.color-requerido {
   color: #3f69aa;
}

.requerido {
   background: url('../images/asterisco.png') right repeat-y;
   background-position: right top;
}

.btnMove:hover {
  background: #012766;
  color: #fff;
}

.btnMove {
   background: #ffffff;
   border-color: #012766;
   color: #012766;
   cursor: pointer;
   border: 1px solid;
   background-color: transparent;
   border-radius: .25rem;

   font-family: FontAwesome;
   width: 40px;
}

.btn-nuevo {
   height: 38px !important;
   margin: 5px;
}


/* iconos awesome */

.btnMoveAllRight:after {
  content: '\f101';
}

.btnMoveRight:after {
  content: '\f105';
}

.btnMoveLeft:after {
  content: '\f104';
}

.btnMoveAllLeft:after {
  content: '\f100';
}

.btnMoveUp:after {
  content: '\f106';
}

.btnMoveDown:after {
  content: '\f107';
}

.icoActivo:after {
   content: '\f14a';
   color: #05b03d;
   font-family: 'FontAwesome';
}

.icoInactivo:after {
   content: '\f057';
   color: #f60707;
   font-family: 'FontAwesome';
}

.icoAbierto::after {
   content: '\f13e';
   color: #05b03d;
   font-family: 'FontAwesome';
}

.icoCerrado::after {
   content: '\f023';
   color: #f60707;
   font-family: 'FontAwesome';
}

.icoAprobado:after {
   content: '\f046';
   color: #fed821;
   font-family: 'FontAwesome';
}

.icoEspera:after {
   content: '\f017';
   color: #a0a0a0;
   font-family: 'FontAwesome';
}

.icoGlobal:after {
   content: '\f0ac';
   color: #3b83bd;
   font-family: 'FontAwesome';
}

.icoIndividual:after {
   content: '\f007';
   color: #339933;
   font-family: 'FontAwesome';
}

.icoCheck:after {
   content: '\f00c';
   color: #05b03d;
   font-family: 'FontAwesome';
}

.icoCajaCerrada:after {
   content: '\f023';
   color: #05b03d;
   font-family: 'FontAwesome';
}

.icoCajaAbierta:after {
   content: '\f09c';
   color: #f60707;
   font-family: 'FontAwesome';
}

.icoNone:after {
   content: '';
   color: #ffffff;
   /*font-family: 'FontAwesome';*/
}

/* iconos para estatus en lista */
.icoGrupoAbierto:after {
  content: '\f13e'; /* \f13e \f3c1 <i class="fas fa-lock-open"></i> */
  color: #2e8e1b;
  font-size: 1.2em;
  font-family: 'FontAwesome';
}

.icoGrupoCerrado:after {
  content: '\f023'; /* <i class="fas fa-lock"></i> */
  color: #ff7728;
  font-size: 1.2em;
  font-family: 'FontAwesome';
}

.icoFilderAbierto:after {
  content: '\f07c'; /* <i class="fas fa-folder-open"></i> */
  color: #dda112;
  font-family: 'FontAwesome';
}

.icoStatusActivo:after {
  content: '\f140'; /*  <i class="fas fa-bullseye"></i> */
  color: #2dc937;
  font-family: 'FontAwesome';
}

.icoStatusInactivo:after {
  /*content:'\f244';*/ /* \f233   <i class="fas fa-battery-empty"></i> */
  /*content:'\f243';*/ /* \f243   <i class="fas fa-battery-quarter"></i> */
  content: '\f243';
  color: #cc3232;
  font-family: 'FontAwesome';
}

.table-small {
   font-size: 0.85rem !important;
}

.catalogo-btnPaginador {
  display: none;
  height: 30px;
  width: 30px;
  padding-top: 2px;
}

.catalogo-filtroCampo {
  width: 200px;
}

.catalogo-filtroOperador {
  width: 200px;
}

.catalogo-filtroValor {
  width: 200px !important;
}

.catalogo-inputPagina {
  width: 35px;
  height: 30px;
  text-align: center;
  display:inline !important;
}

.header-color {
  background-color: #d9d9d9;
}

@media (min-width: 576px) {
  .th-sticky {
  position: sticky;
  top: 70px;
  background: #d9d9d9;
  }
}

.th-pointer {
  cursor: pointer;
}

.sorting-asc:after,
.sorting-des:after {
  position: absolute;
  bottom: .5em;
  display: block;
}

.sorting-des:after {
  content: "\f0d7";
  font-family: 'FontAwesome';
  font-weight: 900;
  right: 1px;
  top: -6px;
  font-size: 1rem;
}

.sorting-asc:after {
  content: "\f0d8";
  font-family: 'FontAwesome';
  font-weight: 900;
  right: 1px;
  top: -6px;
  font-size: 1rem;
}

.sorting-disabled:after {
  display: none;
}

.my-col-sm {
  margin-bottom: 0.4rem;
}

.migaja {
  font-size: 12px;
}

.img-excel {
  height: 20px;
}

.btn-Accion {
  border-color: lightgray;
}


.fileLabel-border {
  color: #d9d9d9;
}

.custom-file-div {
  height: 51px;
  width: 251px;
  border: 1px solid #d9d9d9;
}

.custom-file-imgLogo {
  max-height: 50px;
  max-width: 250px;
}

[data-toggle="collapse"] .fa:before {
  content: "\f139";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "\f13a";
}

.btn-flotante {
  position: fixed;
  bottom: 50px;
  border-radius: 50%;
  z-index: 1000;
}

.modal-xlg {
  max-width: 80% !important;
}

.autoselect-group {
  height: calc(2.25rem + 2px);
}

.ocultarColumna {
  display: none;
}

.header-draggable {
  background-color: #ececec;
  color: black;
  cursor: move;
}

.calificacion-right {
   text-align: right !important;
}


@media (min-width: 768px) {
   .migaja {     
      padding-top: 20px;
      font-size: 12px;
   }

   .btn-Accion {
      top: 0px;
   }
}


@media (max-width: 767px) {
   .calificacion-right {
      text-align: left !important;
   }

   .fotoPerfil-width40 {
      display: none;
   }

   .botonPerfil {
      padding-left: 0 !important;
   }

   .navbar-perfil {
      width: 100%;
   }

   .perfil-color {
      background-color: #ffffff !important;
   }

   .menu-color {
      color: #ffffff !important;
   }

   .menu-background-color {
      background-color: #012766 !important;
   }

   .container {
      width: 100%;
      padding: 0;
      margin-right: auto;
      margin-left: auto;
   }
}

.table-scroll-y {
   position: relative;
   min-height: 100px;
   max-height: 350px;
   overflow: auto;
   display: block;
}

.tableFixHead thead th {
   position: sticky;
   top: 0;
   background: #012766;
}

select.no-valido,
textarea.no-valido,
input.no-valido {
   border-color: red;
}

i.grupoabierto{
  color: #2e8e1b;
}

i.grupocerrado {
  color: #ff7728;
}

.append-text-height {
   height: calc(2.25rem + 2px);
}