.dropdown {
    display: inline-block;
}

.dropdown div {
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    margin-left: 2px;
}

.select-css {
    display: block;
    font-size: 0.875rem;
    line-height: 1.3;
    color: #232323;
    font-weight: normal;
    padding: 0.4375rem 2.375rem 0.4375rem .5rem;
    width: 100%;
    box-sizing: border-box;
    margin: 1px;
    border: 1px solid #757575;
    box-shadow: none;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    /* note: bg image below uses 2 urls. The first is an svg url for the arrow icon, and the second is the gradient. */
    background-image:
            url('/lco/v2/graphics/chevron-down-ffb228fdf4889b55eb449f5d6fc86502.svg'),
            linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .5em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: 1em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
    display: none;
}
/* Hover style */
.select-css:hover {
    border-color: #757575;
}
/* Focus style */
@supports (-webkit-appearance:none) {
    .select-css:focus {
        box-shadow: none;
        outline: none;
    }
}

select.select-css::-ms-value {
    background: none;
    color: #232323;
}
/* Set options to normal weight */
.select-css option {
    font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
    background-position: right .5em top 50%, 0 0;
    padding: 0.4375rem .5rem 0.4375rem 2.375rem;

}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
    color: graytext;
    background-image:
            url('/lco/v2/graphics/chevron-down-ffb228fdf4889b55eb449f5d6fc86502.svg'),
            linear-gradient(to bottom, #e5e5e5 0%, #e5e5e5 100%);
}

.select-css option:disabled, .select-css option[aria-disabled=true] {
    color: black;
    background: white;
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
    border-color: #757575;
}