﻿.hidden_select_container {
    width: 0;
    height: 0;
    overflow: hidden
}

.simpleselect, .simpleselect * {
    box-sizing: content-box
}

.simpleselect {
    position: relative;
    font-size: 16px
}

    .simpleselect .options {
        width: calc(100% - 30px);
    }

        .simpleselect .placeholder, .simpleselect .options .option, .simpleselect .options .optgroup .optgroup-label {
            padding: 8px;
            line-height: 18px;
            cursor: pointer
        }

        .simpleselect .options .optgroup .optgroup-label {
            cursor: default;
            font-weight: bold
        }

        .simpleselect .options .optgroup .option {
            padding-left: 10px
        }

    .simpleselect .placeholder, .simpleselect .options {
        background: #fff;
        border: 1px solid #a1a1a1;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px
    }

    .simpleselect .placeholder {
        position: relative
    }

        .simpleselect .placeholder:after {
            position: absolute;
            right: 10px;
            width: 8px;
            content: '\f107' ;
            font-family: FontAwesome;
        }

        .simpleselect .placeholder:hover {
            background: #fafafa
        }

    .simpleselect .options {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000
    }

        .simpleselect .options .option.active {
            background: dodgerblue;
            color: #fff
        }

    .simpleselect.disabled .placeholder, .simpleselect.disabled .placeholder:hover {
        background: #fafafa;
        color: #aaa;
        border-color: #eee;
        cursor: default
    }

        .simpleselect.disabled .placeholder:after {
            opacity: .5
        }
