:root {
  --bs-body-bg: #ffffff;
  --app-theme: #249ca5;
  --app-theme-rgb: 36, 156, 165;
  --app-theme-color: #FFFFFF;
  --app-theme-color-rgb: 255,255,255;
  --app-border-color: #d1d9e7;
  --app-border-color-rgb: 209,217,231;
  --app-header-bg: #000000;
  --app-header-bg-rgb: 0,0,0;
  --app-header-color: #eeeeee;
  --app-header-color-rgb: 238,238,238;
  --app-header-input-bg: #ebeef4;
  --app-header-input-border: #ebeef4;
  --app-sidebar-border-color: #dae0ec;
  --app-sidebar-menu-header-color: #657eae;
  --app-sidebar-menu-link-icon-label-bg: linear-gradient(to bottom, #FF9500, #d63384);
  --app-sidebar-menu-link-icon-label-color: #FFFFFF;
  --app-sidebar-menu-link-color: #3c4e71;
  --app-sidebar-menu-link-hover-bg: rgba(201, 210, 227, 0.5);
  --app-sidebar-menu-link-active-bg: transparent;
  --app-sidebar-content-mobile-bg: #FFFFFF;
  --app-sidebar-mobile-backdrop-bg: rgba(33, 40, 55, 0.5);
  --app-float-submenu-bg: #FFFFFF;
  --app-float-submenu-link-color: #212837;
  --app-float-submenu-link-active-bg: transparent;
  --app-component-bg: #FFFFFF;
  --app-component-bg-rgb: 255,255,255;
  --app-component-dropdown-bg: #FFFFFF;
  --app-component-dropdown-bg-rgb: 255,255,255;
  --app-component-dropdown-hover-bg: #ebeef4;
  --app-component-dropdown-hover-bg-rgb: 235,238,244;
  --app-component-dropdown-border-color: #dae0ec;
  --app-component-dropdown-border-color-rgb: 218,224,236;
  --app-component-modal-bg: #FFFFFF;
  --app-component-modal-bg-rgb: 255,255,255;
  --app-component-modal-border-color: #dae0ec;
  --app-component-modal-border-color-rgb: 218,224,236;
  --app-component-secondary-bg: #c9d2e3;
  --app-component-color: #212837;
  --app-component-color-rgb: 33,40,55;
  --app-component-muted-color: #a8b6d1;
  --app-component-muted-color-rgb: 168,182,209;
  --app-component-border-color: #249ca5;
  --app-component-border-color-rgb: 31,107,255;
  --app-component-active-bg: #249ca5;
  --app-component-active-bg-rgb: 31,107,255;
  --app-component-active-color: #FFFFFF;
  --app-component-active-color-rgb: 255,255,255;
  --app-component-hover-bg: #ebeef4;
  --app-component-hover-color: #212837;
  --app-component-hover-border-color: #c9d2e3;
  --app-component-focus-border-color: #5790ff;
  --app-component-disabled-bg: #ebeef4;
  --app-component-disabled-color: #a8b6d1;
  --app-component-disabled-border-color: #c9d2e3;
  --app-component-table-border-color: #d1d9e7;
}
.app-sidebar{
    background-color: rgba(255, 255, 255, 1);
}
.colorPrincipal{
    color: #249ca5;
}

.white{
    color: #FFFFFF;
}

.btn-primary{
    background-color:#249ca5;
}
.btn-primary.disabled, .btn-primary:disabled{
    background-color:#93c6c9;
}
.bg-primary{
    background-color: #249ca5 !important;
}

.inasistencia{
    filter: grayscale(100%);
}



.btnsFlotando{
    position: fixed;
    right: 40px;
    top: 70px;
    z-index: 99;
}

@media (max-width:767.98px) {
    .btnsFlotandoTxt{
        display: none;
    }
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.myPrepend{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;   
}

.hasAppend{
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;      
}


/*  
    estilos para tablas a mano
*/
.headerTabla{
    font-size: 17px;
    height: 40px;
    line-height: 40px;
}
.celdaAzul{
    background-color: #203b60;
    color: #fff;
}
.celdaTabla{
    border: solid 1px #E0E0E0;
}
.celdaCielo{
    background-color: #dce8f7;
    color: #000000;
}
.celdaCielo2{
    background-color: #c7e4f3;
}
.celdaVerde{
    background-color: #dff2d3;
    border: solid;
    font-size: 20px;
    font-weight: bolder;
}
.textoGrisClaro{
    color: #AAAAAA;
}
/*  
    fin estilos para tablas a mano
*/


/*
    
    estilos para el modulo de menu
*/

.myapp-sidebar {
    position: absolute;
    top: 3.75rem;
    bottom: 0;
    width: 15rem;
    z-index: 1020;
    display: flex;
    flex-direction: column;
    left: 50%;
    border: 1px solid #ffffff;
    margin-left: -7.5rem;
}
.myapp-sidebar .menu .menu-header {
    margin: .5rem 1.25rem;
    font-size: .7875rem;
    font-weight: 600;
    color: var(--app-sidebar-menu-header-color);
}
.myapp-sidebar .menu .menu-header a{
    text-decoration: none;
}
.myapp-sidebar .menu .menu-item {
    padding: 0 .625rem;
}
.myapp-sidebar .menu .menu-item .menu-text {
    flex: 1;
}
.myapp-sidebar .menu .menu-item .menu-icon {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.myapp-sidebar .menu .menu-item .menu-icon + .menu-text {
    margin-left: .625rem;
}
.myapp-sidebar .menu .menu-item .menu-caret {
    opacity: .75;
}
.myapp-sidebar .menu .menu-item .menu-link {
    padding: .375rem .625rem;
    line-height: 1.25rem;
    text-decoration: none;
    color: var(--app-sidebar-menu-link-color);
    display: flex;
    align-items: center;
    border-radius: 6px;
}
.myapp-sidebar .menu .menu-item .menu-link:hover {
    background: var(--app-sidebar-menu-link-hover-bg);
}

.myapp-sidebar .menu .menu-divider {
  margin: 8px 0;
  height: 1px;
}

.small{
    font-size: .8em;
}

#sortable { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}
#sortable li {
  margin: 3px;
  padding: 20px;
  float: left;
  text-align: center;
}

#sortableMenu { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
}
#sortableMenu li {
  margin: 3px;
  padding: 20px;
}

.overlay {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY2MTMyRjMyREEzMTFFMUEzMkZEOEZBQTJFQjQyNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY2MTMyRjQyREEzMTFFMUEzMkZEOEZBQTJFQjQyNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjYxMzJGMTJEQTMxMUUxQTMyRkQ4RkFBMkVCNDI1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjYxMzJGMjJEQTMxMUUxQTMyRkQ4RkFBMkVCNDI1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk0rPrsAAAAYSURBVHjaYmRgYNjPgAaYGLAACgUBAgwATdEAyZ/nVhQAAAAASUVORK5CYII=");
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}
.closeBox {
  background-color: #d9534f;
  color: #e7e7e7;
}
.closeBox {
  border-radius: 20px;
  cursor: pointer;
  height: 40px;
  line-height: 50px;
  position: inherit;
  right: 2%;
  text-align: center;
  top: 2%;
  width: 40px;
  z-index: 101;
  font-weight: bold;
}
.box {
  background-color: #fdfdfd;
  border: 1px solid #353535;
  border-radius: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 18px;
  min-height: 50px;
  max-height: 90%;
  overflow: auto;
}
.iframebox {
  height: 86vh;
  margin-top: 10px;
  width: 100%;
}


.datepicker-inline {
  width: 100%;
}

.datepicker{
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}

.zebra .row:nth-child(odd) {
    background-color: #E9E9E9;
}

.zebra .row:nth-child(even) {
    background-color: #fff;
}

.fondoBlanco{
    background-color: white;
}

.loader {
  height: 15px;
  aspect-ratio: 5;
  display: grid;
  animation: l36-0 2s infinite linear; 
  margin-left: auto;
  margin-right: auto;
}
.loader:before,
.loader:after {
  content: "";
  grid-area: 1/1;
  height: inherit;
  --_g: no-repeat radial-gradient(farthest-side,#fff 94%,#0000);
  background:
    var(--_g) left,
    var(--_g) right;
  background-size: 15px 100%;
  background-repeat: no-repeat;
  animation: l36-1 1s infinite linear; 
}
.loader:after {
  margin-left: auto;
  --s:-1;
}
@keyframes l36-0 {
  0%,49.99% {transform: scaleY( 1)}
  50%,100%  {transform: scaleY(-1)}
}
@keyframes l36-1 {
  0%   {transform:translate(0                    ,calc(var(--s,1)*0px));aspect-ratio: 2.3}
  33%  {transform:translate(0                    ,calc(var(--s,1)*8px));aspect-ratio: 2.3}
  66%  {transform:translate(calc(var(--s,1)*19px),calc(var(--s,1)*8px));aspect-ratio: 3.7}
  100% {transform:translate(calc(var(--s,1)*19px),calc(var(--s,1)*0px));aspect-ratio: 3.7}
}
.loaderBox{
  bottom: 0;
  height: 200px;
  left: 0;
  margin: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 200px;
  padding-top: 40px;
}
.loaderText {
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
}


.ui-draggable{
    z-index: 1000;
}



/*
    INICIO ESTILOS PARA DATATABLES
*/
div.dt-processing {
  top: 55px !important;
  height: calc(100% - 55px) !important;
  margin-top: 0px !important;
  width: 100%;
  left: 0px !important;
  margin-left: 0px;
  padding-top: 17px;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 26px;
  border: none;
}

div.dt-processing > div:last-child > div{
    background: rgb(var(--app-theme-rgb));
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before {
    margin-top: 0px !important;
}
/*
    FIN ESTILOS PARA DATATABLES
*/
/*
    INICIO ESTILOS PARA TYPEAHEAD
*/
.typeahead.dropdown-menu > li{
    text-transform: capitalize;
}
/*
    FIN ESTILOS PARA TYPEAHEAD
*/


/* PARA EVITAR QUE SE MUESTRE EL STATUS BAR TRANSPARENTE EN IOS */
#ios-safe-top {
  position: fixed;
  top: -50px;
  left: 0;
  right: 0;
  height: 100px;
  background-color: var(--app-header-bg);  
  z-index: 1029;
  display: block; /* por default oculto */
}
/* FIN PARA EVITAR QUE SE MUESTRE EL STATUS BAR TRANSPARENTE EN IOS */