/*------------------------------------------------------------------------------
    Bootstrap dropdown menu fix for arrows (PMSEDB-3301)
--------------------------------------------------------------------------------*/
.fc-dropdown-arrow .dropdown-item:first-child::before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 9px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    pointer-events: none;
}

@media only screen and (min-height: 478px) {
    .fc-dropdown-arrow .dropdown-item:first-child::before {
        top: -12px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid var(--color-sub-menu-bg);
    }
}


@media only screen and (max-height: 478px) {
    .fc-dropdown-arrow .dropdown-item:first-child::before {
        bottom: -12px;
        border-top: 6px solid var(--color-sub-menu-bg);
        border-bottom: 6px solid transparent;
    }
}