aside.fi-sidebar > div.overflow-x-clip {
    overflow-x: clip;
    position: sticky;
    top: var(--impersonate-banner-height);
    z-index: 20;
}

div.fi-layout > aside.fi-sidebar {
    padding-top: 0 !important;
}


.fi-simple-main .fi-simple-header img {
    height: 5.5rem !important;
}

 

.fi-dropdown-list button:last-child {
    margin-top: 1px;
    margin-bottom: 5px;
}

.fi-dropdown-list button:last-child svg {
    /* margin-left: 15px !important; */
    transform: scale(0.89);
}

button[title="Impersonate"] svg {
    margin-left: 17px !important;
    transform: scale(0.89);
    margin-top: -16px;

}

button[title="Impersonate"] {
    display: inline-block !important;
}

button[title="Impersonate"] svg {
    margin-left: 15px !important;
    transform: scale(0.89);
}

button[title="Impersonate"] .sr-only {
    position: relative;
    display: inline-block !important;
    height: 30px;
    width: 140px;
    left: 26px;
    right: 30px;
    display: block;
    margin-left: 20px;
    text-align: left;
    margin-bottom: -20px;
    font-weight: 500;
    font-size: 15px;
 
}

.reflect-capitalize {
    display:inline-block !important;
    text-transform: capitalize;
}

.fi-no {
    z-index: 99999 !important;
}


.viol-status-state-column {
    border-radius: 4px;
    background-color: aquamarine;
}

.filament-table-repeater tr {
    border-bottom: 7px solid #fff;
    margin-top: 10px;
}
/* .reflect-capitalize {text-transform: lowercase}


.reflect-capitalize::first-letter {text-transform: uppercase} */

.vl-ordering-table {
    margin-top: -37px;
}
.vl-ordering-add-item-button {
    margin-top: 20px;
    margin-bottom: 20px;
}
.vl-ordering-add-item-button button {
    background-color: #712f99;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.vl-ordering-add-item-button button:hover {
    background-color: #34455d
}

.vl-ordering-items-delete {
    margin-right: 0px;
    display: block;
    width: 60%;
    text-align: right;
    align-items: end;
    display: flex;
    justify-content: flex-end;
    margin-right: -25px;
    padding-left: 15px;
}

.vl-ordering-add-item-button button:after {
    content: "+";
    margin-left: 5px;
}

/* .filament-table-repeater-tbody-cell  */
.choices__item .choices__item--selectable {
    
}

/* .choices__item.choices__item--selectable { */
.product-select .choices__item.choices__item--selectable[aria-selected="true"] {
    height: 17px !important;
    overflow: hidden !important;
    background-color: transparent !important;
}

.product-select .choices__item.choices__item--selectable[aria-selected="true"]:hover,
.product-select .choices__item.choices__item--selectable:hover {
    /* border: 0.5px solid #712f99; */
    height: 70px;
    display: block;
}
/* product-select */
.product-select .choices__list--dropdown .choices__item.choices__item--selectable {
    height: 70px !important;
    border-bottom: 0.5px solid #d8d8d8;

}

.choices__list--dropdown .choices__item.choices__item--selectable:hover {
    background-color: #ece6f0 !important;  
}

.viol-ukupno-narudzbi .fi-wi-stats-overview-stat-icon {
    /* color: blue; */
}

.viol-draft-narudzbe .fi-wi-stats-overview-stat-icon,  .viol-draft-narudzbe .text-sm {
    color: #723099;
}

.viol-poslane-narudzbe .fi-wi-stats-overview-stat-icon, .viol-poslane-narudzbe .text-sm {
    color: #e38606;
}

.viol-otkazane-narudzbe .fi-wi-stats-overview-stat-icon, .viol-otkazane-narudzbe .text-sm {
    color: #e32b06;
}

.viol-success .fi-wi-stats-overview-stat-icon, .viol-success .text-sm {
    color: #73c977;
}

/* .fi-sidebar-nav-groups .fi-sidebar-group ul .fi-sidebar-group-items .fi-sidebar-item:first-child a {
    background-color: #723099;
    color: #fff !important;
}

.fi-sidebar-nav-groups .fi-sidebar-group ul .fi-sidebar-group-items .fi-sidebar-item:first-child a span, 
.fi-sidebar-nav-groups .fi-sidebar-group ul .fi-sidebar-group-items .fi-sidebar-item:first-child a svg {
    color: #fff !important;
} */

body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside > nav > ul > li:nth-child(2) > ul > li:nth-child(1) > a {
    background-color: #723099;
}

body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside > nav > ul > li:nth-child(2) > ul > li:nth-child(1) > a span, 
body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside > nav > ul > li:nth-child(2) > ul > li:nth-child(1) > a svg {
    color: #fff !important;
}

body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside > nav > ul > li:nth-child(2) > ul > li:nth-child(1) > a > span:nth-child(3) > div > span > span {
    color: #723099 !important;
}

/* Fix bacge count color on dark mode */
body > div.fi-layout.flex.min-h-screen.w-full.overflow-x-clip > aside > nav > ul > li:nth-child(2) > ul > li:nth-child(1) > a > span:nth-child(3) > div {
    color: #723099 !important;
    background-color: #f8f5fa !important;
}