.transparente {
    opacity: 0.35;
    filter: alpha(opacity=35);
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
/*jqgrid tiene un bug cuando son multiples grup headers esto blockquote soluciona*/
.jqg-second-row-header:nth-of-type(n+3) > th {
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(228,224,228,1);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(228,224,228,1);
    box-shadow: inset 0px 1px 0px 0px rgba(228,224,228,1);
}
.container .breadcrumb {
    margin-left: 60px;
}

#div-ini-breadcrumb {
    width: 70px;
    height: 36px;
    background-color: #f5f5f5;
    -webkit-transform: skewX(-43deg);
    -moz-transform: skewX(-43deg);
    -o-transform: skewX(-43deg);
    position: absolute;
    z-index: -1;
    margin-left: 45px;
}

.jumbotron {
    padding-bottom: 1px;
}

.verdegmx {
    /*color: #009632;*/
    color: #00A14B;
}

.azulgmx {
    /*color: #001740;*/
    color: #101F43;
}

.fondoazulgmx {
    background-color: #101F43;
}

.parpadea {
    animation: parpadea 2s steps(5, start) infinite;
    -webkit-animation: parpadea 1.5s steps(5, start) infinite;
}

@keyframes parpadea {
    0% {
        opacity: 0;
    }
    1% {
        opacity: 100;
    }
    50% {
        opacity: 100;
    }
    51% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes parpadea {
    0% {
        opacity: 0;
    }

    1% {
        opacity: 100;
    }

    50% {
        opacity: 100;
    }

    51% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

input[mayusminus=mayus], textarea[mayusminus=mayus] {
    text-transform: uppercase;
}

input[mayusminus=minus], textarea[mayusminus=minus]  {
    text-transform: lowercase;
}

.fade-lg{
    overflow:auto;
}
.Redondeado {
    border-radius: 0.25rem !important;
}
.Contenedor-izquierda {
    float: right !important;
    text-align: center;
}
.img-Logo, .img-Logo-md, .img-Logo-lg {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.modal-body-lg {
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    padding: 20px;
}

.img-Logo {
    max-height: 20vh;
}
.img-Logo-lg {
    max-height: 50vh;
}
.img-Logo-md {
    max-height: 33vh;
}
/*SOLO EXTRA PEQUEÑO Tamaño Extra Pequeño en Bostrap xs*/
@media (max-width: 575px) {}

/* Tamaño Pequeño en Bostrap sm*/
@media (min-width: 576px) {
    
}

/* Tamaño Mediano en Bostrap md*/
@media (max-width: 768px) {
    .blockUI.blockMsg.blockPage {
        width: 90% !important;
        left: 5% !important;
    }
}

/* Tamaño Mediano en Bostrap md*/
@media (min-width: 768px) {
    .Contenedor-izquierda {
        text-align: right;
    }
    .img-Logo {
        max-height: 15vh;
    }
}
/* Tamaño Grande en Bostrap sm*/
@media (min-width: 992px) {
   
}
/* Tamaño Extra Grande en Bostrap sm*/
@media (min-width: 1200px) {
    
}

.Resaltar-Elemento {
    animation-name: anima-Resaltar-Elemento;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}

.Resaltar-Fila {
    background-color: white;
    animation-name: anima-Resaltar-Fila !important;
    animation-duration: 1.5s !important;
    animation-iteration-count: infinite !important;
}

@keyframes anima-Tour-Element {
    0% {
        box-shadow: 0 0 0 0.2rem #F69B3A;
    }
    50% {
        box-shadow: 0 0 0 0.4rem #F69B3A;
    }
    100% {
        box-shadow: 0 0 0 0.2rem #F69B3A;
    }
}

@keyframes anima-Resaltar-Elemento {
    0% {
        box-shadow: 0 0 0 0.2rem #007BFF;
    }
    50% {
        box-shadow: 0 0 0 0.4rem #007BFF;
    }
    100% {
        box-shadow: 0 0 0 0.2rem #007BFF;
    }
}

@keyframes anima-Resaltar-Fila {
    0% {
        background-color: #e0e0e0;
    }
    50% {
        background-color: #7abaff;
    }
    100% {
        background-color: #e0e0e0;
    }
}

@keyframes anima-Background {
    0% {
        background-color: white;
    }
    50% {
        background-color: #F69B3A;
    }
    100% {
        background-color: white;
    }
}

.etiqueta-link {
    cursor: pointer;
    cursor: hand;
    color: #337ab7;
    text-decoration: none;
}
.etiqueta-link:hover {
    text-decoration: underline;
}

.btn-Grid {
    display: inline-block;
    cursor: pointer;
}

.btn-Grid span {
    margin: 0 2px 0 2px;
}
.btn-Grid:hover {
    background-color: #ddd;
}

@media (max-width: 768px) {
    .btn-Grid [data-texto] {
        display: none;
    }
}

.ui-jqgrid-bdiv:not([data-contenedor="interior"] div) {
    transition: height 700ms linear;
}

.menu-principal .glyphicon, .menu-principal .fa {
    height:16px;
    width:14px;
    position: relative;
    left: -10px;
}

.Index tr:nth-child(odd):not(.FilaPar) { /*Par*/
    background: white;
}

.Index tr:nth-child(even):not(.FilaImpar) { /*Impar*/
    background: #e0e0e0;
}

.desactivado-superficial {
    pointer-events: none;
    opacity:0.4;
}

.desactivado-superficial::after {
    content: "\f110";
    text-align: center;
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    font-size: 2.5em;
    position: absolute;
    z-index: 2;
    left: 40%;
    color: black;
}

.tituloModal {
    text-align: center;
    font-size: 20px;
    color: #052c65;
    margin-bottom: -10px;
    font-weight: bold;
}

.tituloModulo {
    margin-top: -10px;
    margin-bottom: 10px;
}

/*Estilo de panel para golmex en presentacion clara*/
.panel-golmex-tema-claro {
    border-color: #0F1E42; /* Color del borde del panel */
}
    .panel-golmex-tema-claro > .panel-heading {
        border-color: #0F1E42; /* Color del borde del encabezado */
        background-color: #0F1E42;
        color: white;
        font-size: 20px;
        text-align: center;
        font-weight: bold;
    }
    .panel-golmex-tema-claro > .panel-body {
        margin-bottom: 10px;
    }
        .panel-golmex-tema-claro > .panel-body > div {
            margin-bottom: 10px;
        }

/*Estilo de las nav-tabs para golmex en presentacion clara*/
.golmex-tema-claro-nav-tabs > li > a {
    color: white !important;
    background-color: transparent;
}

.golmex-tema-claro-nav-tabs > li.active > a,
.golmex-tema-claro-nav-tabs > li.active > a:focus,
.golmex-tema-claro-nav-tabs > li.active > a:hover {
    color: black !important;
    background-color: white !important;
}

.golmex-tema-claro-nav-tabs > li > a:hover {
    color: black !important;
}

/* Transicion del despliegue */
.panel-collapse.collapsing {
    transition: height 0.5s ease;
}

/* Icono de boton desplegable panel filtros */
.toggle-icon {
    background-color: #fff;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
    transition: transform 0.3s ease;
}

/* Cuando se agrega la clase 'rotated', rota 180° */
.toggle-icon.rotated {
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

/*Estilos para los Divs que muestran informacion*/
#tituloPanel {
    text-align: left !important;
}

.DatosModulo {
    padding: 0px;
    margin-bottom: 0px;
}

/*LOS ESTILOS AGREGADOS POR "form-group" PROVOCA DEMASIADA AMPLITUD ENTRE LOS CAMPOS*/
.DivEstiloFiltro {
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.DivEstiloElementosAC {
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.DivEstiloElementosVer {
    font-size: 16px;
    margin-bottom: 20px;
    display: inline-block;
}

.DivEstiloElementos {
    font-size: 16px;
    margin-top: 15px;
    padding-left: 20px;
    margin-bottom: 20px;
}

    .DivEstiloElementos label {
        margin-bottom: 0px !important;
    }

.DivTitulo {
    width: 100%;
    margin-bottom: 20px;
}

/*Texto alineado a la izquierda cuando es xs*/
.texto-xs-izquierda {
    text-align: center;
}

@media (max-width: 767px) {
    .texto-xs-izquierda {
        text-align: left;
    }
}

/*CARD-VIEW*/
.panel-cardview {
    margin-top: 15px; /* Separación vertical entre cards */
    border-width: 2px; /* Para igualar tu grosor de borde */
    border-radius: 4px; /* Ligera curvatura */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    transition: box-shadow 0.4s ease, transform 0.4s ease;
}

    /* Variante por color */
    .panel-cardview.AzulGMX {
        background-color: #0F1E42;
        color: white;
    }

    .panel-cardview.AzulInfo {
        background-color: #31708f;
        color: white;
    }

    .panel-cardview.Rojo {
        background-color: #a94442;
        color: white;
    }

    .panel-cardview.Amarillo {
        background-color: #8a6d3b;
        color: white;
    }

    .panel-cardview.Verde {
        background-color: #3c763d;
        color: white;
    }

    .panel-cardview.hoverable:hover {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
        transform: translateY(-8px);
    }

    .panel-cardview .panel-heading {
        font-weight: 600;
        font-size: 16px;
        padding: 10px 15px;
    }

    .panel-cardview .panel-body {
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

/* RESALTADOS */
.has-error-Resaltado {
    border: 2px solid red !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.9) !important;
    transition: box-shadow 0.3s ease;
}

.modal-dialog-lg {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}