.emby-select {
    display: block;
    margin: 0;
    margin-bottom: 0 !important;
    border: 1px solid #383838;
    border-width: 0 0 1px 0;
    /* Prefixed box-sizing rules necessary for older browsers */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* Remove select styling */
    /* Font size must the 16px or larger to prevent iOS page zoom on focus */
    font-size: 110%;
    /* General select styles: change as needed */
    font-family: inherit;
    font-weight: inherit;
    padding: .35em .8em .3em 0;
    cursor: pointer;
    outline: none !important;
    width: 100%;
}

.emby-select-withoptioncolor {
    color: inherit;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .emby-select-withoptioncolor > option {
        color: initial;
    }

.selectContainer {
    margin-bottom: 1.8em;
    position: relative;
}

.selectArrowContainer {
    position: absolute;
    right: 0;
    top: .25em;
    color: inherit;
}

.selectArrow {
    margin-top: .35em;
}

.selectLabel {
    display: block;
}

.selectLabelFocused {
    color: #52B54B;
}

.emby-select-selectionbar {
    height: 2px;
    transform: scale(.01, 1);
    transition: transform .25s ease-out;
    position: relative;
    top: -1px;
    margin-bottom: .5em;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.emby-select:focus + .emby-select-selectionbar {
    background-color: #52B54B;
    transform: none;
}
