/* Import font BANK GOTHIC MEDIUM BT */
@font-face {
    font-family: 'BankGothic';
    src: url('../../../assetsfonts/bankgothic-lt-bt-light-webfont.eot');
    src: url('../../../assetsfonts/bankgothic-lt-bt-light-webfont.eot?#iefix') format('eot'), url('../../../assetsfonts/bankgothic-lt-bt-light-webfont.woff') format('woff'), url('../../../assetsfonts/bankgothic-lt-bt-light-webfont.ttf') format('truetype'), url('../../../assetsfonts/bankgothic-lt-bt-light-webfont.svg#webfontqkeXzljY') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BankGothicBold';
    src: url('../../../assetsfonts/bankgothic-md-bt-medium-webfont.eot');
    src: url('../../../assetsfonts/bankgothic-md-bt-medium-webfont.eot?#iefix') format('eot'), url('../../../assetsfonts/bankgothic-md-bt-medium-webfont.woff') format('woff'), url('../../../assetsfonts/bankgothic-md-bt-medium-webfont.ttf') format('truetype'), url('../../../assetsfonts/bankgothic-md-bt-medium-webfont.svg#webfontc0f9s3aJ') format('svg');
    font-weight: bold;
    font-style: normal;
}

.text-green {
    color: #788548 !important;
}

.text-tan {
    color: #a88f4f !important;
}

.LetraCSS {
    font-family: BankGothic !important;
}

.Basefondos {
    /*gris fondo*/
    background-color: #bfbdbd24;
}

.LogoCSSsm {
    height: 35px;
    width: 121px;
}
.LogoCSSsm2 {
    height: 35px;
}

/* COMPATIBILIDAD CON FIREFOX */
/* Firefox solo permite cambiar el color del 'thumb' y el 'track' */

body {
    /* Color del thumb (#788548) y color del track (transparente) */
    scrollbar-color: #788548 transparent;
    /* El valor 'thin' hace que la barra sea más delgada (aprox. 8px) */
    scrollbar-width: thin;
}
    /* Nota: Firefox no soporta el efecto :hover en el thumb ni bordes redondeados. */

    /* COMPATIBILIDAD CON WEBKIT (Chrome, Safari, Edge Chromium) */
    /* Configuración de la barra base (Fondo transparente) */
    body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: transparent;
    }

    /* Estilo del "pulgar" (thumb) - Color inicial */
    body::-webkit-scrollbar-thumb {
        background-color: #788548;
        border-radius: 5px;
        /* Borde para separar visualmente el thumb del track transparente */
        border: 2px solid transparent;
    }

        /* Estilo del "pulgar" al sobreponer el mouse (Color rojo) */
        body::-webkit-scrollbar-thumb:hover {
            background-color: #ff4d4d; /* El toque rojo */
        }

    /* Estilo del "carril" (track) - Opcional, pero explícito */
    body::-webkit-scrollbar-track {
        background-color: transparent;
    }


/* Estilos de la Ventana (La clave del efecto) */
.glass-window {
    /*padding: 30px 40px;*/
    border-radius: 12px;
    /* 1. Transparencia */
    /* Usamos un color ligeramente blanco/gris con opacidad */
    background: rgba(255, 255, 255, 0.15);
    /* 2. Desenfoque (La propiedad clave) */
    /* desenfoca los elementos DETRÁS de este div */
    backdrop-filter: blur(10px) saturate(180%);
    /* Prefijo de compatibilidad */
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    /* 3. Borde sutil (Para darle un toque de brillo) */
    border: 1px solid rgba(255, 255, 255, 0.25);
    /* 4. Sombra (Para darle profundidad y simular que flota) */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
    /*color: #fff; Texto blanco para contraste 
    max-width: 400px;*/
}

.efectglass {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3);
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
    border-color: #788548;
}

/*Este codigo se tomo de style*/
.main-divider .divider-body {
    align-items: center;
    display: flex;
    gap: calc(10.8px + 1vw);
    margin-bottom: 16px
}

    .main-divider .divider-body:last-child {
        margin-bottom: 0
    }

    .main-divider .divider-body:after, .main-divider .divider-body:before {
        flex-grow: 1
    }

    .main-divider .divider-body div[class*=divider-p-] {
        padding: 8px
    }

    .main-divider .divider-body .divider-circle {
        align-items: center;
        border-radius: 50%;
        display: flex;
        height: 45px;
        justify-content: center;
        width: 45px
    }

        .main-divider .divider-body .divider-circle i {
            font-size: 16px
        }

.main-divider .divider-body-1:after, .main-divider .divider-body-1:before {
    border: 1px solid;
    content: ""
}

.main-divider .divider-body-2:after, .main-divider .divider-body-2:before {
    border: 1px dashed;
    content: ""
}

.main-divider .divider-body-3:after, .main-divider .divider-body-3:before {
    border: 2px dotted;
    content: ""
}

.main-divider .divider-body-4:after, .main-divider .divider-body-4:before {
    border: 4px double;
    content: ""
}

.main-divider .divider-body-3:after, .main-divider .divider-body-3:before {
    flex-grow: unset;
    width: 100%
}

.main-divider.horizontal-variation .divider {
    align-items: center;
    display: flex;
    margin-bottom: 4px
}

    .main-divider.horizontal-variation .divider:last-child {
        margin-bottom: 0
    }

    .main-divider.horizontal-variation .divider:after, .main-divider.horizontal-variation .divider:before {
        content: "";
        flex: 1
    }

    .main-divider.horizontal-variation .divider.linear-line:before {
        height: 1px;
        margin: 0 24px 0 0
    }

[dir=rtl] .main-divider.horizontal-variation .divider.linear-line:before {
    margin: 0 0 0 24px
}

.main-divider.horizontal-variation .divider.linear-line:after {
    height: 1px;
    margin: 0 0 0 24px
}

[dir=rtl] .main-divider.horizontal-variation .divider.linear-line:after {
    margin: 0 24px 0 0
}

.main-divider.horizontal-variation .divider.double-line:after, .main-divider.horizontal-variation .divider.double-line:before {
    border-width: 0;
    height: 3px
}

.main-divider.horizontal-variation .divider.double-line-1:after, .main-divider.horizontal-variation .divider.double-line-1:before {
    box-shadow: 0 -.6px 0 var(--theme-default),0 .6px 0 var(--theme-default)
}

.main-divider.horizontal-variation .divider.double-line-2:after, .main-divider.horizontal-variation .divider.double-line-2:before {
    box-shadow: 0 -1.6px 0 #838383,0 1.6px 0 #838383
}

.main-divider.horizontal-variation .divider.double-line-3:after, .main-divider.horizontal-variation .divider.double-line-3:before {
    box-shadow: 0 -2.6px 0 #65c15c,0 2.6px 0 #65c15c
}

.main-divider.horizontal-variation .divider.double-line-4:after, .main-divider.horizontal-variation .divider.double-line-4:before {
    box-shadow: 0 -3.6px 0 #ffb829,0 3.6px 0 #ffb829
}

.main-divider.horizontal-variation .divider.double-line-5:after, .main-divider.horizontal-variation .divider.double-line-5:before {
    box-shadow: 0 -3.6px 0 #fc564a,0 3.6px 0 #fc564a
}

.main-divider.horizontal-variation .divider.double-line-6:after, .main-divider.horizontal-variation .divider.double-line-6:before {
    box-shadow: 0 -3.6px 0 #40b8f5,0 3.6px 0 #40b8f5
}

.main-divider .vertical-divider {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

    .main-divider .vertical-divider .vertical-line {
        border-left: 2px dashed;
        min-height: 80px
    }

[dir=rtl] .main-divider .vertical-divider .vertical-line {
    border-left: unset;
    border-right: 2px dashed
}

.main-divider .vertical-divider p {
    padding: 8px
}

@media (max-width: 1570px) {
    .main-divider .vertical-divider p {
        padding: 8px 4px
    }
}

@media (max-width: 1464px) {
    .main-divider .vertical-divider p {
        font-size: 13px
    }
}

.main-divider .vertical-divider svg {
    height: 42px;
    width: 22px
}

.main-divider .dotted-divider .vertical-divider .vertical-line {
    border-left: 2px dotted
}

[dir=rtl] .main-divider .dotted-divider .vertical-divider .vertical-line {
    border-left: unset;
    border-right: 2px dotted
}

.main-divider .double-divider .vertical-divider .vertical-line {
    border-style: double;
    border-width: 3px
}

.animated-divider {
    display: block;
    height: 1px;
    padding: 12px 0;
    position: relative;
    width: 100%
}

    .animated-divider:after, .animated-divider:before {
        bottom: 50%;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

[dir=rtl] .animated-divider:after, [dir=rtl] .animated-divider:before {
    left: unset;
    right: 0
}

.animated-divider:after {
    animation: linear-line 15s linear infinite;
    animation-duration: 2s;
    background: linear-gradient(90deg,#65c15c 5%,#ffb829 15%,#ffb829 25%,#fc564a 35%,#fc564a 45%,#7366ff 55%,#7366ff 65%,#40b8f5 75%,#40b8f5 85%,#65c15c 95%);
    background-position: 0;
    background-size: 200%;
    transition: opacity .3s ease,animation .3s ease
}

.animated-divider:hover:before {
    animation-duration: 20s
}

.animated-divider.animated-line:before {
    animation: linear-line 16s linear infinite;
    background: linear-gradient(90deg,#fff,#fff 5%,transparent 0,transparent 10%,#fff 0,#fff 15%,transparent 0,transparent 20%,#fff 0,#fff 25%,transparent 0,transparent 30%,#fff 0,#fff 35%,transparent 0,transparent 40%,#fff 0,#fff 45%,transparent 0,transparent 50%,#fff 0,#fff 55%,transparent 0,transparent 60%,#fff 0,#fff 65%,transparent 0,transparent 70%,#fff 0,#fff 75%,transparent 0,transparent 80%,#fff 0,#fff 85%,transparent 0,transparent 90%,#fff 0,#fff 95%,transparent 0,transparent);
    background-position: 50%;
    background-size: 150px;
    z-index: 1
}

@keyframes linear-line {
    0% {
        background-position: 0
    }

    to {
        background-position: 200%
    }
}

.divider-h-line {
    height: 1px;
    margin-block: 22px
}

    .divider-h-line:first-child {
        margin-top: 0
    }

    .divider-h-line:last-child {
        margin-bottom: 0
    }

@media (max-width: 1399px) {
    .linear-divider p {
        display: -webkit-box;
        height: 100px;
        max-width: 100%;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}