/* Shared mobile treatment for Telerik dropdown fields and their popup choices. */
@media (max-width: 767px) {
    .RadComboBox_Bootstrap:not(.menu_search_input) {
        box-sizing: border-box;
        min-height: 44px;
        border: 1px solid #d9e4dc !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    .RadComboBox_Bootstrap:not(.menu_search_input) > table {
        width: 100% !important;
        min-height: 42px;
        border: 0 !important;
        border-collapse: separate;
        border-radius: inherit;
        background: transparent !important;
    }

    .RadComboBox_Bootstrap:not(.menu_search_input) .rcbInputCell,
    .RadComboBox_Bootstrap:not(.menu_search_input) .rcbArrowCell {
        height: 42px;
        border: 0 !important;
        background: transparent !important;
    }

    .RadComboBox_Bootstrap:not(.menu_search_input) .rcbInput {
        box-sizing: border-box;
        min-height: 42px;
        padding: 0 12px !important;
        border: 0 !important;
        background: transparent !important;
    }

    .RadComboBox_Bootstrap:not(.menu_search_input):is(:focus-within, .rcbFocused) {
        border-color: #416b4e !important;
        box-shadow: 0 0 0 2px rgba(65, 107, 78, .12) !important;
    }

    .type_list .RadComboBox_Bootstrap.Bootstrap_invalid:not(.menu_search_input) {
        border-color: #dc3545 !important;
    }

    .RadComboBoxDropDown_Bootstrap:not(.dd-search):not(.Bootstrap_Pantone) {
        box-sizing: border-box;
        overflow: hidden;
        padding: 4px !important;
        border: 1px solid #d9e4dc !important;
        border-radius: 8px !important;
        background: #fff !important;
        box-shadow: 0 9px 24px rgba(24, 49, 32, .12) !important;
    }

    .RadComboBoxDropDown_Bootstrap:not(.dd-search):not(.Bootstrap_Pantone) .rcbScroll {
        max-height: min(260px, 50vh) !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    .RadComboBoxDropDown_Bootstrap:not(.dd-search):not(.Bootstrap_Pantone) :is(.rcbItem, .rcbHovered, .rcbSelected):not(.rcbDisabled):not(.rcbSeparator):not(.dd-list-header) {
        box-sizing: border-box;
        min-height: 42px;
        margin: 0 !important;
        padding: 10px 12px !important;
        border: 0 !important;
        border-radius: 5px !important;
        background: #fff !important;
        color: #213e30 !important;
        white-space: normal;
    }

    .RadComboBoxDropDown_Bootstrap:not(.dd-search):not(.Bootstrap_Pantone) :is(.rcbHovered, .rcbSelected):not(.rcbDisabled):not(.rcbSeparator):not(.dd-list-header) {
        background: #eaf4ed !important;
    }
}