/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
@media(max-width: 480px) {
    html {
        font-size: 12px;
    }

    .navbar-brand {
        display: inline-block;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        font: bold 20px normal !important;
    }
}

@media(max-width: 575.95px) {
    html {
        font-size: 12px;
    }

    .navbar-brand {
        display: inline-block;
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
        margin-right: 1rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        font: bold 18px normal !important;
    }
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}
/*.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}*/

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

/*body {*/
/* Margin bottom by footer height */
/*margin-bottom: 60px;
}*/

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

.l-navbar {
    position: fixed;
    top: 4.5rem;
    left: -30%;
    width: 15vw;
    height: 100vh;
    background-color: var(--first-color);
    padding: 0.5rem 1rem 0 0;
    transition: 0.5s;
    z-index: var(--z-fixed);
}

.nav {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
}

.nav_logo,
.nav_link {
    display: grid;
    grid-template-columns: max-content max-content;
    align-items: center;
    column-gap: 1rem;
    padding: 0.5rem 0 0.5rem 1.5rem;
}

.nav_logo {
    margin-bottom: 2rem;
}

.nav_logo-icon {
    font-size: 1.25rem;
    color: var(--white-color);
}

.nav_logo-name {
    color: var(--white-color);
    font-weight: 700;
}

.nav_link {
    position: relative;
    color: var(--first-color-light);
    margin-bottom: 1.5rem;
    transition: 0.3s;
}

.nav_link.active {
    color: white;
}

    .nav_link:hover {
        color: var(--white-color);
    }

.nav_icon {
    font-size: 1.25rem;
}

.show {
    left: 0;
}

.body-pd {
    padding-left: calc(var(--nav-width) + 1rem);
}

.active {
    color: var(--white-color);
}

    .active::before {
        content: "";
        position: absolute;
        left: 0;
        width: 2px;
        height: 32px;
        background-color: var(--white-color);
    }

.height-100 {
    height: 100vh;
}

/*@media screen and (min-width: 768px) {
    body {
        margin: calc(var(--header-height) + 1rem) 0 0 0;
        padding-left: calc(var(--nav-width) + 2rem);
    }

    .header {
        height: calc(var(--header-height) + 1rem);
        padding: 0 2rem 0 calc(var(--nav-width) + 2rem);
    }

    .header_img {
        width: 40px;
        height: 40px;
    }

        .header_img img {
            width: 45px;
        }

    .l-navbar {
        left: 0;
        padding: 1rem 1rem 0 0;
    }*/

/* .show {
        width: calc(var(--nav-width) + 156px);
    }*/

/*.body-pd {
        padding-left: calc(var(--nav-width) + 188px);
    }
}*/



.list-group-item-menu {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #2D2926;
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item-menu:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .list-group-item-menu:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .list-group-item-menu.disabled, .list-group-item-menu:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #2D2926;
    }

    .list-group-item-menu.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

.menuNavOpen {
    height: 105vh;
    /*padding-left: 210px!important;*/
    margin-top: -12px;
    max-height: 105vh;
    min-height: 105vh;
    overflow-y: auto;
}

.menuNavLayout {
    height: 100%;
    width: 100%;
}

.menuNavigator {
    margin-top: -5px;
    background-color: #2D2926 !important;
    height: 105vh;
}

.buttonToggle {
    position: fixed;
    bottom: -1.5rem;
}

.buttonToggleLeft {
    padding-left: 180px;
}

.nav-title {
    margin: 5px 0px 5px 15px;
    color: var(--first-color-light) !important;
    font-size: 20px;
}

.nav-list {
    padding-top: 20px
}

/*Estilos para el Menu*/
.layout {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    flex-grow: 1;
}

    .layout.has-sidebar {
        flex-direction: row;
    }

    .layout .header {
        transition: width, 0.3s;
        height: 64px;
        min-height: 64px;
        position: relative;
    }

    .layout .sidebar {
        width: 250px;
        min-width: 269px;
        transition: width, left, right, 0.3s;
    }

        .layout .sidebar.collapsed {
            width: 80px;
            min-width: 80px;
        }

@media (max-width: 480px) {
    .layout .sidebar.break-point-xs {
        position: fixed;
        left: -280px;
        height: 100%;
        top: 0;
        z-index: 100;
    }

        .layout .sidebar.break-point-xs.collapsed {
            left: -80px;
        }

        .layout .sidebar.break-point-xs.toggled {
            left: 0;
        }

            .layout .sidebar.break-point-xs.toggled ~ .overlay {
                display: block;
            }

        .layout .sidebar.break-point-xs ~ .layout .header {
            width: 100% !important;
            transition: none;
        }
}

@media (max-width: 576px) {
    .layout .sidebar.break-point-sm {
        position: fixed;
        left: -280px;
        height: 100%;
        top: 0;
        z-index: 100;
    }

        .layout .sidebar.break-point-sm.collapsed {
            left: -80px;
        }

        .layout .sidebar.break-point-sm.toggled {
            left: 0;
        }

            .layout .sidebar.break-point-sm.toggled ~ .overlay {
                display: block;
            }

        .layout .sidebar.break-point-sm ~ .layout .header {
            width: 100% !important;
            transition: none;
        }
}

@media (max-width: 768px) {
    .layout .sidebar.break-point-md {
        position: fixed;
        left: -280px;
        height: 100%;
        top: 0;
        z-index: 100;
    }

        .layout .sidebar.break-point-md.collapsed {
            left: -80px;
        }

        .layout .sidebar.break-point-md.toggled {
            left: 0;
        }

            .layout .sidebar.break-point-md.toggled ~ .overlay {
                display: block;
            }

        .layout .sidebar.break-point-md ~ .layout .header {
            width: 100% !important;
            transition: none;
        }
}

@media (max-width: 992px) {
    .layout .sidebar.break-point-lg {
        position: fixed;
        left: -280px;
        height: 100%;
        top: 0;
        z-index: 100;
    }

        .layout .sidebar.break-point-lg.collapsed {
            left: -2px;
        }

        .layout .sidebar.break-point-lg.toggled {
            left: 0;
        }

            .layout .sidebar.break-point-lg.toggled ~ .overlay {
                display: block;
            }

        .layout .sidebar.break-point-lg ~ .layout .header {
            width: 100% !important;
            transition: none;
        }
}

@media (max-width: 1200px) {
    .layout .sidebar.break-point-xl {
        position: fixed;
        left: -280px;
        height: 100%;
        top: 0;
        z-index: 100;
    }

        .layout .sidebar.break-point-xl.collapsed {
            left: -80px;
        }

        .layout .sidebar.break-point-xl.toggled {
            left: 0;
        }

            .layout .sidebar.break-point-xl.toggled ~ .overlay {
                display: block;
            }

        .layout .sidebar.break-point-xl ~ .layout .header {
            width: 100% !important;
            transition: none;
        }
}

@media (max-width: 1600px) {
    .layout .sidebar.break-point-xxl {
        position: fixed;
        left: -280px;
        height: 100%;
        top: 0;
        z-index: 100;
    }

        .layout .sidebar.break-point-xxl.collapsed {
            left: -80px;
        }

        .layout .sidebar.break-point-xxl.toggled {
            left: 0;
        }

            .layout .sidebar.break-point-xxl.toggled ~ .overlay {
                display: block;
            }

        .layout .sidebar.break-point-xxl ~ .layout .header {
            width: 100% !important;
            transition: none;
        }
}

.layout .footer {
    height: 64px;
    min-height: 64px;
}

.layout .content {
    flex-grow: 1;
}

.layout .overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 99;
    display: none;
}

.layout .sidebar-toggler {
    display: none;
}

@media (max-width: 480px) {
    .layout .sidebar-toggler.break-point-xs {
        display: initial;
    }
}

@media (max-width: 576px) {
    .layout .sidebar-toggler.break-point-sm {
        display: initial;
    }
}

@media (max-width: 768px) {
    .layout .sidebar-toggler.break-point-md {
        display: initial;
    }
}

@media (max-width: 992px) {
    .layout .sidebar-toggler.break-point-lg {
        display: initial;
    }
}

@media (max-width: 1200px) {
    .layout .sidebar-toggler.break-point-xl {
        display: initial;
    }
}

@media (max-width: 1600px) {
    .layout .sidebar-toggler.break-point-xxl {
        display: initial;
    }
}

.layout.fixed-sidebar {
    height: 100%;
}

    .layout.fixed-sidebar .sidebar {
        height: 100%;
        overflow: auto;
    }

        .layout.fixed-sidebar .sidebar ~ .layout {
            height: 100%;
            overflow: auto;
        }

.layout.fixed-header .header {
    position: fixed;
    width: 100%;
    z-index: 2;
}

    .layout.fixed-header .header ~ .layout,
    .layout.fixed-header .header ~ .content {
        margin-top: 64px;
    }

.layout.fixed-header.fixed-sidebar .header {
    width: calc(100% - 280px);
}

.layout.fixed-header.fixed-sidebar .sidebar.collapsed ~ .layout .header {
    width: calc(100% - 80px);
}

.layout.rtl {
    direction: rtl;
}

@media (max-width: 480px) {
    .layout.rtl .sidebar.break-point-xs {
        left: auto;
        right: -280px;
    }

        .layout.rtl .sidebar.break-point-xs.collapsed {
            left: auto;
            right: -80px;
        }

        .layout.rtl .sidebar.break-point-xs.toggled {
            left: auto;
            right: 0;
        }
}

@media (max-width: 576px) {
    .layout.rtl .sidebar.break-point-sm {
        left: auto;
        right: -280px;
    }

        .layout.rtl .sidebar.break-point-sm.collapsed {
            left: auto;
            right: -80px;
        }

        .layout.rtl .sidebar.break-point-sm.toggled {
            left: auto;
            right: 0;
        }
}

@media (max-width: 768px) {
    .layout.rtl .sidebar.break-point-md {
        left: auto;
        right: -280px;
    }

        .layout.rtl .sidebar.break-point-md.collapsed {
            left: auto;
            right: -80px;
        }

        .layout.rtl .sidebar.break-point-md.toggled {
            left: auto;
            right: 0;
        }
}

@media (max-width: 992px) {
    .layout.rtl .sidebar.break-point-lg {
        left: auto;
        right: -280px;
    }

        .layout.rtl .sidebar.break-point-lg.collapsed {
            left: -10px;
            right: -80px;
        }

        .layout.rtl .sidebar.break-point-lg.toggled {
            left: auto;
            right: 0;
        }
}

@media (max-width: 1200px) {
    .layout.rtl .sidebar.break-point-xl {
        left: auto;
        right: -280px;
    }

        .layout.rtl .sidebar.break-point-xl.collapsed {
            left: auto;
            right: -80px;
        }

        .layout.rtl .sidebar.break-point-xl.toggled {
            left: auto;
            right: 0;
        }
}

@media (max-width: 1600px) {
    .layout.rtl .sidebar.break-point-xxl {
        left: auto;
        right: -280px;
    }

        .layout.rtl .sidebar.break-point-xxl.collapsed {
            left: auto;
            right: -80px;
        }

        .layout.rtl .sidebar.break-point-xxl.toggled {
            left: auto;
            right: 0;
        }
}

.layout {
    z-index: 1;
}

    .layout .header {
        box-shadow: 1px 1px 4px #9aa0b9;
        display: flex;
        align-items: center;
        padding: 20px;
    }

    .layout .content {
        padding: 20px;
        display: flex;
        flex-direction: column;
    }

    .layout .footer {
        text-align: center;
        margin-top: auto;
        margin-bottom: 20px;
        padding: 20px;
    }

    .layout.rtl .header {
        box-shadow: -1px 1px 4px #9aa0b9;
    }

.sidebar {
    color: #b3b8d4;
    overflow-x: hidden !important;
    position: relative;
    background-color: #2D2926 !important;
    z-index: -10;
}

    .sidebar .image-wrapper {
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.2;
        z-index: 1;
        display: none;
    }

        .sidebar .image-wrapper > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .sidebar.has-bg-image .image-wrapper {
        display: block;
    }

    .sidebar .sidebar-layout {
        height: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }

        .sidebar .sidebar-layout .sidebar-header {
            height: 64px;
            min-height: 64px;
            display: flex;
            align-items: center;
            padding: 0 20px;
            border-bottom: 1px solid rgba(83, 93, 125, 0.3);
        }

            .sidebar .sidebar-layout .sidebar-header > span {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

        .sidebar .sidebar-layout .sidebar-content {
            flex-grow: 1;
            padding: 10px 0;
        }

        .sidebar .sidebar-layout .sidebar-footer {
            height: 64px;
            min-height: 64px;
            display: flex;
            align-items: center;
            border-top: 1px solid rgba(83, 93, 125, 0.3);
            padding: 0 20px;
        }

            .sidebar .sidebar-layout .sidebar-footer > span {
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }

@keyframes swing {
    0%, 30%, 50%, 70%, 100% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(10deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }
}

.layout .sidebar .menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.layout .sidebar .menu .menu-item a {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    color: #b3b8d4;
}

    .layout .sidebar .menu .menu-item a .menu-icon {
        font-size: 1.2rem;
        /*width: 35px;*/
        min-width: 35px;
        /*height: 35px;*/
        line-height: 35px;
        text-align: center;
        display: inline-block;
        margin-right: 10px;
        border-radius: 2px;
        transition: color 0.3s;
    }

        .layout .sidebar .menu .menu-item a .menu-icon i {
            display: inline-block;
        }

    .layout .sidebar .menu .menu-item a .menu-title {
        font-size: 0.9rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex-grow: 1;
        transition: color 0.3s;
    }

    .layout .sidebar .menu .menu-item a .menu-prefix,
    .layout .sidebar .menu .menu-item a .menu-suffix {
        display: inline-block;
        padding: 5px;
        opacity: 1;
        transition: opacity 0.3s;
    }

    .layout .sidebar .menu .menu-item a:hover .menu-title {
        color: #dee2ec;
    }

    .layout .sidebar .menu .menu-item a:hover .menu-icon {
        color: #dee2ec;
    }

        .layout .sidebar .menu .menu-item a:hover .menu-icon i {
            animation: swing ease-in-out 0.5s 1 alternate;
        }

    .layout .sidebar .menu .menu-item a:hover::after {
        border-color: #dee2ec !important;
    }

.layout .sidebar .menu .menu-item.sub-menu {
    position: relative;
    width: 17.3rem;
}

    .layout .sidebar .menu .menu-item.sub-menu > a::after {
        content: "";
        transition: transform 0.3s;
        border-right: 2px solid currentcolor;
        border-bottom: 2px solid currentcolor;
        width: 5px;
        height: 5px;
        transform: rotate(-45deg);
    }

    .layout .sidebar .menu .menu-item.sub-menu > .sub-menu-list {
        padding-left: 20px;
        display: none;
        overflow: hidden;
        z-index: 999;
    }

    .layout .sidebar .menu .menu-item.sub-menu.open > a::after {
        transform: rotate(45deg);
    }

.layout .sidebar .menu .menu-item.active > a .menu-title {
    color: #dee2ec;
}

.layout .sidebar .menu .menu-item.active > a::after {
    border-color: #dee2ec;
}

.layout .sidebar .menu .menu-item.active > a .menu-icon {
    color: #dee2ec;
}

.layout .sidebar .menu > ul > .sub-menu > .sub-menu-list {
    background-color: #0b1a2c;
}

.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon, .layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon, .layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon {
    background-color: #0b1a2c;
}

.layout .sidebar .menu.icon-shape-circle .menu-item a .menu-icon {
    border-radius: 50%;
}

.layout .sidebar .menu.icon-shape-rounded .menu-item a .menu-icon {
    border-radius: 4px;
}

.layout .sidebar .menu.icon-shape-square .menu-item a .menu-icon {
    border-radius: 0;
}

.layout .sidebar:not(.collapsed) .menu > ul > .menu-item.sub-menu > .sub-menu-list {
    visibility: visible !important;
    position: static !important;
    /*transform: translate(0, 0) !important;*/
}

.layout .sidebar.collapsed .menu > ul > .menu-item > a .menu-prefix,
.layout .sidebar.collapsed .menu > ul > .menu-item > a .menu-suffix {
    opacity: 0;
}

.layout .sidebar.collapsed .menu > ul > .menu-item.sub-menu > a::after {
    content: "";
    width: 5px;
    height: 5px;
    background-color: currentcolor;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    border: none;
    transform: translateY(-50%);
}

.layout .sidebar.collapsed .menu > ul > .menu-item.sub-menu > a:hover::after {
    background-color: #dee2ec;
}

.layout .sidebar.collapsed .menu > ul > .menu-item.sub-menu > .sub-menu-list {
    transition: none !important;
    width: 200px;
    margin-left: 3px !important;
    border-radius: 4px;
    display: block !important;
}

.layout .sidebar.collapsed .menu > ul > .menu-item.active > a::after {
    background-color: #dee2ec;
}

.layout .sidebar.has-bg-image .menu.icon-shape-circle .menu-item a .menu-icon, .layout .sidebar.has-bg-image .menu.icon-shape-rounded .menu-item a .menu-icon, .layout .sidebar.has-bg-image .menu.icon-shape-square .menu-item a .menu-icon {
    background-color: rgba(11, 26, 44, 0.6);
}

.layout .sidebar.has-bg-image:not(.collapsed) .menu > ul > .sub-menu > .sub-menu-list {
    background-color: rgba(11, 26, 44, 0.6);
}

.layout.rtl .sidebar .menu .menu-item a .menu-icon {
    margin-left: 10px;
    margin-right: 0;
}

.layout.rtl .sidebar .menu .menu-item.sub-menu > a::after {
    transform: rotate(135deg);
}

.layout.rtl .sidebar .menu .menu-item.sub-menu > .sub-menu-list {
    padding-left: 0;
    padding-right: 20px;
}

.layout.rtl .sidebar .menu .menu-item.sub-menu.open > a::after {
    transform: rotate(45deg);
}

.layout.rtl .sidebar.collapsed .menu > ul > .menu-item.sub-menu a::after {
    right: auto;
    left: 10px;
}

.layout.rtl .sidebar.collapsed .menu > ul > .menu-item.sub-menu > .sub-menu-list {
    margin-left: -3px !important;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


@media (max-width: 992px) {
    #btn-collapse {
        display: none;
    }
}

.k-grid-disabled {
    pointer-events: none; /* Deshabilita los eventos de puntero */
    opacity: 0.5; /* Reduce la opacidad para indicar que está deshabilitado */
    /* Otros estilos de deshabilitado según sea necesario */
}

/* Ocultar el botón de limpiar (x) */
.k-combobox .k-clear-value {
    display: none;
}

/* Deshabilitar la edición del texto */
.k-combobox .k-input {
    pointer-events: none;
    color: inherit;
}