/* /Components/Forms/Combos/ComboNavHeader.razor.rz.scp.css */
li > ul[b-ddf8mno19j] {
    transform: translatex(100%) scale(0)
}

li:hover > ul[b-ddf8mno19j] {
    transform: translatex(101%) scale(1)
}

li > button svg[b-ddf8mno19j] {
    transform: rotate(-90deg)
}

li:hover > button svg[b-ddf8mno19j] {
    transform: rotate(-270deg)
}

/* Below styles fake what can be achieved with the tailwind config
     you need to add the group-hover variant to scale and define your custom
     min width style.
  	 See https://codesandbox.io/s/tailwindcss-multilevel-dropdown-y91j7?file=/index.html
  	 for implementation with config file
  */
.group:hover .group-hover\:scale-100[b-ddf8mno19j] {
    transform: scale(1)
}

.group:hover .group-hover\:-rotate-180[b-ddf8mno19j] {
    transform: rotate(180deg)
}

.scale-0[b-ddf8mno19j] {
    transform: scale(0)
}

.min-w-32[b-ddf8mno19j] {
    min-width: 8rem
}


.combo-header-dropdown-scrollable[b-ddf8mno19j] {
    max-height: calc(100vh - 112px);
}


    /* Custom Scrollbar Main */

    /* width */
    .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 4px;
    }

    /* Handle */
    .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 4px;
    }

        /* Handle on hover */
        .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar-thumb:hover {
            background: rgba(23, 23, 23, 0.6);
        }

@media (max-width: 1279px) {
    /* width */
    .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 2px;
    }

    /* Handle */
    .combo-header-dropdown-scrollable[b-ddf8mno19j]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 2px;
    }
}
/* /Components/Forms/Inputs/RegionDropdown.razor.rz.scp.css */
/* Menu Popup Empresas */
/* since nested groupes are not supported we have to use 
     regular css for the nested dropdowns 
  */
li > ul[b-108k5g4c65] {
    transform: translatex(100%) scale(0)
}

li:hover > ul[b-108k5g4c65] {
    transform: translatex(101%) scale(1)
}

li > button svg[b-108k5g4c65] {
    transform: rotate(-90deg)
}

li:hover > button svg[b-108k5g4c65] {
    transform: rotate(-270deg)
}

/* Below styles fake what can be achieved with the tailwind config
     you need to add the group-hover variant to scale and define your custom
     min width style.
  	 See https://codesandbox.io/s/tailwindcss-multilevel-dropdown-y91j7?file=/index.html
  	 for implementation with config file
  */
.group:hover .group-hover\:scale-100[b-108k5g4c65] {
    transform: scale(1)
}

.group:hover .group-hover\:-rotate-180[b-108k5g4c65] {
    transform: rotate(180deg)
}

.scale-0[b-108k5g4c65] {
    transform: scale(0)
}

.min-w-32[b-108k5g4c65] {
    min-width: 8rem
}


.client-dropdown-scrollable[b-108k5g4c65] {
    height: calc(100vh - 112px);
}


    /* Custom Scrollbar Main */

    /* width */
    .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 2px;
    }

    /* Handle */
    .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 2px;
    }

        /* Handle on hover */
        .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar-thumb:hover {
            background: rgba(23, 23, 23, 0.6) !important;
        }


@media (max-width: 1279px) {
    /* width */
    .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 2px;
    }

    /* Handle */
    .client-dropdown-scrollable[b-108k5g4c65]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 2px;
    }
}

@media (max-width: 1280px) {
    .height-to-tablet[b-108k5g4c65] {
        height: 40px !important;
    }
}
/* /Components/Menus/LeftMenu.razor.rz.scp.css */



/*@media (min-width: 768px) {*/
.sidebar-minimized .menu-item-text[b-wvh12skmzq] {
    display: none;
}

.sidebar-minimized .menu-item-icon[b-wvh12skmzq] {
    margin-left: auto;
    margin-right: auto;
}

.sidebar-minimized .menu-item-separador[b-wvh12skmzq] {
    display: block;
}

.sidebar-minimized .menu-item-badge[b-wvh12skmzq] {
    display: none;
}
/*}*/


.filter-red[b-wvh12skmzq] {
    filter: invert(25%) sepia(37%) saturate(5882%) hue-rotate(1deg) brightness(104%) contrast(103%);
}





.menu-thirdlevel-container[b-wvh12skmzq] {
    /*visibility: hidden;*/
    display: none;
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    position: absolute;
    left: 99%;
    background: white;
    margin-top: -42px;
}

li.menu-secondlevel-item:hover .menu-thirdlevel-container[b-wvh12skmzq] {
    /*visibility: visible;*/
    display: block;
    opacity: 1;
    transition-delay: 0.2s;
}


@media (max-width: 1280px) {
    .height-to-tablet[b-wvh12skmzq] {
        height: 40px !important;
    }
}
/* /Components/Modal/ModalGeneric.razor.rz.scp.css */
/*Estilos para modal de alerta*/
.modal-producto[b-x32gv0e705] {
    height: 100vh;
    backdrop-filter: blur(16px);
    background: rgba(218, 226, 229, 0.56);
}

.modal-producto-content[b-x32gv0e705] {
    /* width: 562px;*/
    background: #FFFFFF;
    border-radius: 12px;
    /*padding: 48px;*/
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


.close-btn-modal[b-x32gv0e705] {
    right: 16px;
    top: 16px;
}

.title-modal[b-x32gv0e705] {
    line-height: 34px;
    margin-bottom: 24px;
    margin-top: -27px;
}

.body-content-modal[b-x32gv0e705] {
    line-height: 23.4px;
    color: #21212199;
}
/* /Components/Navigation/Breadcrumb/Breadcrumb.razor.rz.scp.css */
div[b-kdjacwv9fd] {
    display: flex;
    margin: 0.25rem 0.5rem;
    /*font-size: 20px;*/
    font-style: normal;
    font-weight: 600;
}

span[b-kdjacwv9fd] {
}

@media (max-width: 768px) {
    div[b-kdjacwv9fd] {
        margin: 0;
    }
}
/* /Components/Navigation/Breadcrumb/BreadcrumbItem.razor.rz.scp.css */
li[b-sgni5cclaj]::before {
    float: left;
    padding-right: .5rem;
    color: #171717;
    content: var(--bs-breadcrumb-divider, "/");
}

li[b-sgni5cclaj] {
    margin: 0 0.25rem;
}
/* /Components/Navigation/Breadcrumb/BreadcumbContainer.razor.rz.scp.css */
ol[b-dpr9mptlw1] {
    display: flex;
    flex-direction: row;
}
/* /Components/Notification/Notification.razor.rz.scp.css */
.main-content-notification-scrollable[b-yuz3q60zvp] {
    overflow: auto;
}

.main-content-notification-height[b-yuz3q60zvp] {
    height: calc(100vh - 112px);
}

.main-content-notification-height-mobile[b-yuz3q60zvp] {
    height: 85vh;
}

.main-content-notification-mobile-scrollable[b-yuz3q60zvp] {
    overflow: auto;
    height: 100vh;
}

.mt-63px[b-yuz3q60zvp] {
    top: 63px;
}

@media (max-width: 1024px) {
    .main-content-notification-mobile-scrollable[b-yuz3q60zvp] {
        overflow: auto;
        height: 86vh;
    }

    .main-content-notification-height[b-yuz3q60zvp] {
        height: calc(100vh - 170px);
    }
}
/* Custom Scrollbar Main */

/* width */
.main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar {
    width: 3px;
}

/* Track */
.main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px black;
    border-radius: 2px;
}

/* Handle */
.main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar-thumb {
    background: rgba(107, 114, 128, 0.5) !important;
    border-radius: 2px;
}

    /* Handle on hover */
    .main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar-thumb:hover {
        background: rgba(23, 23, 23, 0.6) !important;
    }


@media (max-width: 1279px) {
    /* width */
    .main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 2px;
    }

    /* Handle */
    .main-content-notification-scrollable[b-yuz3q60zvp]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 2px;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */

/* Menu Popup Empresas */
/* since nested groupes are not supported we have to use 
     regular css for the nested dropdowns 
  */
li > ul[b-eislei3v0g] {
    transform: translatex(100%) scale(0)
}

li:hover > ul[b-eislei3v0g] {
    transform: translatex(101%) scale(1)
}

li > button svg[b-eislei3v0g] {
    transform: rotate(-90deg)
}

li:hover > button svg[b-eislei3v0g] {
    transform: rotate(-270deg)
}

/* Below styles fake what can be achieved with the tailwind config
     you need to add the group-hover variant to scale and define your custom
     min width style.
  	 See https://codesandbox.io/s/tailwindcss-multilevel-dropdown-y91j7?file=/index.html
  	 for implementation with config file
  */
.group:hover .group-hover\:scale-100[b-eislei3v0g] {
    transform: scale(1)
}

.group:hover .group-hover\:-rotate-180[b-eislei3v0g] {
    transform: rotate(180deg)
}

.scale-0[b-eislei3v0g] {
    transform: scale(0)
}

.min-w-32[b-eislei3v0g] {
    min-width: 8rem
}


/* Minimizado de Sidebar */
.logo-minimized[b-eislei3v0g] {
    min-height: 52px;
}

.logo-full[b-eislei3v0g] {
    min-height: 52px;
}

.btn-max-sidebar[b-eislei3v0g] {
    opacity: 1;
    left: 204px;
    top: 46px;
    /*    padding-top: 8px;
    padding-left: 12px;*/
    transition: all 0.3s ease 0s;
    font-size: 16px;
}

.icon-max-siderbar[b-eislei3v0g] {
    font-size: 16px;
}

.w-202px[b-eislei3v0g] {
    width: 220px;
    transition: width 0.3s;
}

/*@media (min-width: 768px) {*/
.sidebar-minimized[b-eislei3v0g] {
    width: 68px;
    transition: width 0.3s;
}

    .sidebar-minimized .logo-minimized[b-eislei3v0g] {
        display: block;
    }

    .sidebar-minimized .btn-max-sidebar[b-eislei3v0g] {
        opacity: 1;
        left: 53px;
        transition: all 0.3s ease 0s;
    }

    .sidebar-minimized .hide-on-minimized[b-eislei3v0g] {
        display: none;
    }

    .sidebar-minimized .show-on-minimized[b-eislei3v0g] {
        display: inline-block;
    }

    .sidebar-minimized .fa-angle-left[b-eislei3v0g] {
        transform: scale(-1, 1);
    }
/*}*/


.btn-open-config svg[b-eislei3v0g] {
    transform: rotate(180deg);
}

.modal-configurador[b-eislei3v0g] {
    height: 100vh;
    backdrop-filter: blur(3px);
}

.modal-configurador-content[b-eislei3v0g] {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    border-radius: 0;
}

@media (min-width: 1024px) {
    .modal-configurador-content[b-eislei3v0g] {
        height: 380px;
        width: 75%;
        border-radius: 12px;
    }
}

@media (min-width: 1280px) {
    .modal-configurador-content[b-eislei3v0g] {
        width: 60%;
    }
}


/* Menu secundario en sidebar */

.menusec-item-separador[b-eislei3v0g] {
    display: none;
}


@media (min-width: 768px) {

    .sidebar-minimized .menusec-item-text[b-eislei3v0g] {
        display: none;
    }

    .sidebar-minimized .menusec-item-icon[b-eislei3v0g] {
        margin-left: auto;
        margin-right: auto;
    }

    .sidebar-minimized .menusec-item-separador[b-eislei3v0g] {
        display: block;
    }
}


/* Custom Scrollbar Menu */

/* width */
[b-eislei3v0g]::-webkit-scrollbar {
    width: 6px;
}

/* Track */
[b-eislei3v0g]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px white;
    border-radius: 4px;
}

/* Handle */
[b-eislei3v0g]::-webkit-scrollbar-thumb {
    background: rgba(107, 114, 128, 0.5) !important;
    border-radius: 4px;
}

    /* Handle on hover */
    [b-eislei3v0g]::-webkit-scrollbar-thumb:hover {
        background: rgba(23, 23, 23, 0.6) !important;
    }

@media (max-width: 1279px) {
    /* width */
    [b-eislei3v0g]::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    [b-eislei3v0g]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 2px;
    }

    /* Handle */
    [b-eislei3v0g]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 2px;
    }
}


/* Custom Scrollbar Main */

/* width */
.main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 1px black;
    border-radius: 4px;
}

/* Handle */
.main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar-thumb {
    background: rgba(107, 114, 128, 0.5) !important;
    border-radius: 4px;
}

    /* Handle on hover */
    .main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar-thumb:hover {
        background: rgba(23, 23, 23, 0.6) !important;
    }

@media (max-width: 1279px) {
    /* width */
    .main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar {
        width: 3px;
    }

    /* Track */
    .main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar-track {
        box-shadow: inset 0 0 1px black;
        border-radius: 2px;
    }

    /* Handle */
    .main-content-scrollable[b-eislei3v0g]::-webkit-scrollbar-thumb {
        background: rgba(107, 114, 128, 0.5) !important;
        border-radius: 2px;
    }
}