@media (min-width: 1025px) {
    /*.fondo {
        background-image: url('../img/fondo4.png');
        background-repeat: no-repeat, repeat;
        color: white;
        background-position: center;
        background-size: 100% 100%;
    }*/
    .PanelMenuppal {
         text-align: center; 
         border-radius: 0 0 0 0; 
         /*border: 1px solid;*/ 
         display: block; 
         border-color: #337ab7; 
    }
}
@media (max-width: 767px) {
    .SubSystemsP {
        font-size:4vw !important;
        text-align:center !important;
    }
    .opcionesUsuario {
        top:54px;
    }
    .noMostrarMobile {
        display:none;
    }
    .flexContainer{
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .width100{
        width: 100%;
    }
    table.theadFixed thead th{
        /* position: absolute !important;
        top: -9999px !important;
        left: -9999px !important; */
        position:sticky;
        top:0;
        z-index: 10;
        background-color: #FFFFFF;
    }
    #botonAutorizar {
        position: fixed;
        bottom: 10%;
        left: 2%;
    }
    #botonGoTop {
        position: fixed;
        top: 30%;;
        left: 2%;
    }
    div.scrolleable{
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    input[type='checkbox'] {
        -webkit-appearance:none;
        width:30px;
        height:30px;
        background:white;
        border-radius:5px;
        border:2px solid #555;
    }
    input[type='checkbox']:checked {
        background: #abd;
    }
    .noPadding{
        padding: 0;
    }
    #accordion > div:nth-child(2){
        display: none;
    }
    .tamano-icono {
        height: 101px !important;
    }
    #divMenuAcceso a {
        font-size:14px !important;
        text-align:center;
    }
    .clsCerrarSistemas {
        height: 55px;
        width: 100%;
        background-color: black;
        color: white;
        font-weight: bold;
        font-size: 34px;
        z-index: 99999999;
    }
}
@media (min-width:768px) {
    .opcionesUsuario {
        top:43px;
    }
    .mostrarMobile{
        display:none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .SubSystemsP {
        /*font-size:2rem !important;*/
        text-align:center !important;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .SubSystemsP {
        font-size:15px !important;
        text-align:center !important;
    }
}
@media (min-width: 1201px) {
    .SubSystemsP {
        /*font-size:2rem !important;*/
        text-align:center !important;
    }
}
@media (max-width: 768px) {
    .cumtomFotter {
        display:none;
    }
}
.opcionesUsuario {
        width:255px;
        position:fixed;
        right:16px;
        display:none;
        z-index:9999;
        border-color:black !important;
        color:black;
    }
.opcionesUsuario .ouHeader{
    color:black;
    font-weight:bold;
    background: #f1b4bb;

}
.opcionesUsuario .ouFooter{
    background-color:#3A515A;
}
.opcionesUsuarioIcono {
    width:10px;
}
.opButtons {
    border-color:white !important;

}
.opButtons > a {
    color:white !important;
    text-decoration: none;
}

.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}

.panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
.panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

.panel-collapse div.list-group div.list-group{margin: 0;}
.panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}

.SubSystemsP {
    font-size: 18px;
    margin-bottom: 30px;
}
/*.SubSystemsP span a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}*/

.modal-body-ppal {
    margin-top: 45px;
}

.noMostrarMobile {
    /*margin-top: 20px;*/
}

body {
    background-color: white !important;
}

#loader__container{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999999;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.5);
}
.loader__btn {
  border: none;
  background-color: white;
  padding: 10px 20px 10px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  color: rgba(0, 0, 0, 0.7);
  font-size: 15px;
  border-radius: 12px;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),
    0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
    0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  cursor: wait;
}

.loader__cm {
  border: 4px solid rgba(0, 0, 0, .1);
  border-left-color: transparent;
  border-radius: 50%;
}

.loader__cm {
  border: 4px solid rgba(0, 0, 255, 0.5);
  border-left-color: transparent;
  width: 23px;
  height: 23px;
  animation: spin89345 1s linear infinite;
}

@keyframes spin89345 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


#_mdlBodyAutorizacionGeneral{
    min-height: 79.3vh !important;
    max-height: 79.3vh !important;
}

/* From Uiverse.io by Shoh2008 */ 
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
}

.lds-ellipsis div {
  position: absolute;
  /* top: 33px; */
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(0, 0, 255, 0.5);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(24px, 0);
  }
}