.w-fit {
    width: fit-content !important;
}
.h-fit {
    height: fit-content !important;
}
.flex-1 {
    flex: 1;
}
.profile-info .role {
    color: black;
}
.btn-border {
    border-color: #9a3324;
}
.text-color {
    color: #000;
}
.jsgrid-pager * {
    padding: 10px 2px !important;
}
html.dark {
    li.dropdown > ul.dropdown-menu > li:hover {
        background-color: #1d2127;
    }

    #imgenpie {
        filter: invert(1);
    }

    .card-body {
        background: #2e353e !important;
        color: initial;
    }

    .card.card-modern .card-header, .select-style-1, .form-select {
        background-color: #282d36;
        color: #f4f4f4;
    }

    h1, h2, h3, h4, h5, h6,
    b, span, p, label, div, .text-color, a, button, .text-color {
        color: #FFF !important;
    }

    .text-dark {
        color: #2e353e !important;
    }

    .btn-border {
        border-color: white;
    }

    strong {
        color: #E5533D !important;
    }
    /*.btn {
        --bs-btn-color: #fff;
    }
    .btn:hover {
            --bs-btn-hover-color: var(--bs-body-color);
        }*/

    .btn-light, .btn-light i {
        color: #000 !important;
    }

    .form-control {
        border: var(--bs-border-width) solid var(--bs-border-color);
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        filter: invert(1);
        color: white;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #2f2f2f !important;
    }

    .btn-close {
        filter: invert(1);
    }

    select {
        -webkit-appearance: none;
        appearance: none;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" fill-rule="evenodd"></path></svg>');
        background-repeat: no-repeat;
        background-position: right 0.75rem center;
        background-size: 1.5em 1.5em;
        padding-right: 2.5rem;
        border: 1px solid #E5E7E9;
    }
    /*
        jsGrid Dark Theme Styles
    */
    tbody, tr, td, th {
        background: #2e353e !important;
    }

    .jsgrid-header-row {
        background: #2e353e !important;
        border: none !important;
    }

    .jsgrid-header-cell {
        padding: .5em;
    }

    .jsgrid-grid-header {
        border: none;
    }

    .jsgrid-alt-row, .jsgrid-alt-row .jsgrid-cell {
        background-color: initial;
    }

    .jsgrid-cell {
        border: none !important;
        padding: .5em;
    }

    .jsgrid-grid-body {
        border: none !important;
    }
    /*.jsgrid-alt-row .btn {
        background-color: transparent;
    }
        .jsgrid-alt-row .btn:hover {
            background-color: #282d36;
            color: white;
        }*/
    .jsgrid-row, .jsgrid-row .jsgrid-cell, .jsgrid-row > td, .jsgrid-row > td > div {
        background-color: #282d36 !important;
    }
    /*.jsgrid-row .btn {
        background-color: transparent;
    }
        .jsgrid-row .btn:hover {
            background-color: #2e353e !important;
            color: white;
        }*/

    .jsgrid-header-row > .jsgrid-header-cell {
        background: #2e353e !important;
        background-color: #2e353e !important;
        color: white;
    }

    .jsgrid-row > td > hr {
        color: white !important;
    }

    .jsgrid-pager {
        span {
            color: #E5533D !important;
        }
    }

    .jsgrid-selected-row, .jsgrid-selected-row .jsgrid-cell, .jsgrid-selected-row .jsgrid-cell *:not(.badge):not([title]):not(i) {
        background: #2A465A !important;

        .jsgrid-cell span, .jsgrid-cell h4 {
            /*color: black !important;*/
        }
    }

    .jsgrid-header-sort-asc::before {
        border-bottom-color: #FFFFFF !important;
    }

    .jsgrid-header-sort-desc::before {
        border-top-color: #FFFFFF !important;
    }
    /*
        End of jsGrid Dark Theme Styles
    */
}


/*
    jsGrid Mobile Styles
*/
.jsgrid.mobile {
    display: none;
}

    .jsgrid.mobile tbody {
        display: flex;
        flex-direction: column
    }

.jsgrid-grid-body {
    overflow-y: hidden;
}

.jsgrid.mobile tr {
    box-shadow: -1px 2px 12px -1px rgba(50,50,50,0.3);
    -webkit-box-shadow: -1px 2px 12px -1px rgba(50,50,50,0.3);
    -moz-box-shadow: -1px 2px 12px -1px rgba(50,50,50,0.3);
}
.jsgrid-cell {
    padding: .5em;
}
.jsgrid-alt-row, .jsgrid-alt-row .jsgrid-cell {
    background-color: #fff;
}

.jsgrid-row, .jsgrid-row .jsgrid-cell {
    background-color: #ececec;
}

@media (max-width: 767px) {
    .jsgrid {
        display: none;
    }

        .jsgrid.mobile {
            display: block;
        }

    .jsgrid-grid-body {
        overflow: hidden;
    }
}
/*
    End of jsGrid Mobile Styles
*/

/*
    Desde - Hasta responsive
    En exportacion_net_pt.aspx hay un ejemplo
*/
.desdeHastaMobile {
    display: none;
}

@media (max-width: 768px) {
    .desdeHastaMobile {
        display: block;
    }

    .espaciadorResponsive {
        display: none;
    }

    .nombreDato {
        align-items: start !important;
        padding-right: 10px;
    }
}
/*
    End of Desde - Hasta responsive
*/
body.swal2-shown {
    padding-right: 0 !important;
}