.dijitMenu {
    padding: 0;
    border: 0 none;

    // Template selector in create page form
    &#templateSel_popup {
        .dijitMenuItem {
            height: auto;
            padding: $spacing-1 $spacing-2;
            gap: $spacing-0;

            small {
                color: $color-palette-gray-700;
            }
        }
    }

    .dijitMenuItem {
        display: flex;
        padding: 0 $spacing-2;
        color: $black;
        height: $field-height-md;
        align-items: center;

        &:last-child {
            border-bottom: none;
        }

        &Hover {
            background: $color-palette-primary-100;
        }

        &Selected {
            background: $color-palette-primary-200;
        }

        .dijitMenuItemIconCell {
            padding-left: $spacing-1;
            width: 3;
        }
    }

    &ArrowCell {
        .dijitIcon {
            margin-right: $spacing-1;
            text-align: right;
            vertical-align: baseline;
        }
    }

    &SeparatorBottom {
        height: auto;
        margin-bottom: 1px;
    }

    &SeparatorTop {
        height: auto;
        margin-top: 1px;
        border-bottom: 1px solid $color-palette-gray-400;
    }
}

// http://localhost:8080/dotAdmin/#/c/maintenance
// Specific to the maintenance page to prevent double scrollbars
.dijitComboBoxMenuPopup#widget_cache_list_dropdown {
    max-height: 17.5rem !important;
}

.dijitComboBoxMenuPopup {
    background: $white;
    color: $black;
    border: 0 none;
    border-radius: $border-radius-md;
    box-shadow: $shadow-l;
    padding: $spacing-1;
    margin-top: $spacing-1;

    .dijitMenuItem {
        padding: 0 $spacing-2;
        color: $black;
        height: $field-height-md;

        .dijitComboBoxHighlightMatch {
            font-weight: $font-weight-bold;
        }

        &:has(small) {
            display: flex;
            align-items: start;
            flex-direction: column;
            justify-content: center;
        }
    }

    .dijitComboBoxMenu {
        min-width: 200px;
        padding: 0;
        border: none;
    }
}

.dijitMenuBar {
    .dijitMenuItem {
        padding: 5px;
    }
}

.dijitTimePicker {
    background-color: $timepicker-bgcolor;
    margin-top: 1px;

    &Item {
        line-height: $field-height-md;
        height: $field-height-md;
        color: $font-color-base;
        border-bottom: $timepicker-item-separator;

        &Hover {
            background-color: $timepicker-item-hover-bgcolor;
            color: $timepicker-item-hover-textcolor;
        }

        &Selected {
            .dijitTimePickerItemInner {
                background-color: $timepicker-item-selected-bgcolor;
                color: $timepicker-item-selected-textcolor;
            }
        }

        &Inner {
            padding: 0;
        }
    }

    &Marker {
        font-weight: bold;
        background-color: $timepicker-marker-bgcolor;
    }
}
