/*  || START GENERIC POPUP CONTAINER STYLING */
.dropdown-popup-container .k-popup {
    min-width: 100%;
    border: none;
    box-shadow: none;
    padding: 0;
}

.dropdown-popup-outer {
    width: 100%;
    border: solid 1px var(--colors-stroke-light);
    border-radius: 8px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.08);
    padding: 4px;
}

.dropdown-popup-inner {
    max-height: 216px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dropdown-popup-inner > * {
    flex-shrink: 0;
}

.scrollbar-padding {
    padding-right: 4px;
}

/*  || END GENERIC POPUP CONTAINER STYLING */



/* || START SCROLLBAR */

.dropdown-popup-inner::-webkit-scrollbar {
    position: absolute;
    width: 4px;
}

.dropdown-popup-inner::-webkit-scrollbar-track {
    background: var(--colors-fill-quatrenary);
    border-radius: 8px;
}

.dropdown-popup-inner::-webkit-scrollbar-thumb {
    background: var(--misc-scroll-bar);
    border-radius: 8px;
}

/* || END SCROLLBAR */


/*  || START ACTIONS POPUP CONTAINER */

.actions-dropdown-popup {
    direction: rtl;
    width: fit-content !important;
    min-width: 160px;
}

/*  || END ACTIONS POPUP CONTAINER */

/*  || START ICON POPUP CONTAINER */

.chevron-dropdown-popup {
    width: fit-content !important;
    min-width: 100px;
}

/*  || END ICON POPUP CONTAINER */



/*  || START ICON POPUP CONTAINER */

.icon-dropdown-popup {
    direction: rtl;
    width: fit-content !important;
    min-width: 100px;
}

/*  || END ICON POPUP CONTAINER */