.form-custom-select {
    position: relative;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #e4ebf0;
    border-radius: 4px;
    width: 110px;
    height: 22px;
    &.options-show {
        border: 1px solid #1687d9;
        .select-options {
            display: block;
        }
    }
    &.options-hide {
        .select-options {
            display: none;
        }
    }
    .select-value {
        padding: 0 0 0 5px;
        .mux-drop-down-arrow-svg{
            width: 14px;
            height: 14px;
            font-size: 12px;
            color: #66757f;
            float: right;
            padding: 18px 20px 0 0;
            line-height: 16px;
        }
    }
    &:hover {
        box-shadow: 0px 0px 1px 1px rgba(150, 208, 250, 0.5);
    }
    .select-options {
        position: absolute;
        top: 22px;
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
        border-radius: 4px;
        width: 110px;
        outline: none;
        position: absolute;
        background-color: #fff;
        z-index: 10;
        ul {
            margin: 0;
            padding: 0;
            li {
                list-style: none;
                padding: 0;
                margin: 0;
                padding-left: 5px;
                width: 110px;
                height: 20px;
                cursor: pointer;
                font-family: PingFangSC-Regular;
                font-size: 12px;
                color: #3e4f59;
                line-height: 20px;
                &:hover {
                    background: #1687d9;
                    color: #fff;
                }
            }
        }
    }
}