/**
 * Selectbox
 */

.nice-select {
    height: 50px;
    border-radius: 0;
    line-height: 48px;
    padding: 0 15px;
    padding-right: 35px;
    width: 100%;

    &::after {
        content: "";
        position: absolute;
        border: 0;
        background-image: url(../images/icons/down-caret.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: scroll;
        background-size: contain;
        transform: rotate(0deg);
        transform-origin: center center;
        height: 9px;
        width: 9px;
        line-height: 1;
        text-align: center;
    }

    .current {
        display: block;
        padding: 0;
    }

    .list {
        border-radius: 0;
        margin-bottom: 0;
        min-width: 180px;
        width: 100%;
        margin-top: 1px;

        .option {
            padding: 0 15px;
            min-height: auto;
            line-height: 30px;

            &:hover {
                background: $color-theme;
                color: #ffffff;
            }
        }
    }

    &:focus {
        border-color: $color-theme;
    }

    &.open {
        border-color: $color-theme;

        &:after {
            transform: rotate(180deg);
        }
    }

    @media #{$layout-mobile-lg}{
        height: 44px;
        line-height: 42px;
    }
}