.chosen-container
{
    --form_border_color: #eee;
    --form_focus_color: #eee;
    --form_error_color: #ef4836;
    --form_success_color: green;
    --form_border_radius: 27px;
    --form_bg_color: #eee;
    --form_placeholder_color: #737373;
}


.chosen-container ::-webkit-input-placeholder
{
    color: var(--form_placeholder_color);
}

.chosen-container :-moz-placeholder
{
    color: var(--form_placeholder_color);
}

.chosen-container :-ms-input-placeholder
{
    color: var(--form_placeholder_color);
}


.chosen-container
{
    position: relative;

    display: block;
}

.chosen-container .chosen-single
{
    color: var(--form_placeholder_color);

    position: relative;

    display: block;
    overflow: hidden;

    height: 54px;
    padding: 27px 54px 0 19px;

    cursor: pointer;
    transition: .2s linear;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid var(--form_border_color);
    border-radius: var(--form_border_radius);
    background: var(--form_bg_color);
}

select.active + .chosen-container .chosen-single
{
    background: #fff;
}

.chosen-container.chosen-with-drop .chosen-single
{
    color: var(--text_color);

    border-radius: var(--form_border_radius) var(--form_border_radius) 0 0;
}

.chosen-container .chosen-single:after
{
    position: absolute;
    top: -4px;
    right: 19px;
    bottom: 0;

    display: block;

    width: 12px;
    height: 12px;
    margin: auto;

    content: '';
    transform: rotate(-45deg);

    border-bottom: 2px solid var(--color_black);
    border-left: 2px solid var(--color_black);
}

.chosen-container-single .chosen-search
{
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 3px 4px 8px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] 
{
    color: var(--text_color);
    font-family: var(--font_family);
    font-size: var(--font_size);
    display: block;
    width: 100%;
    height: 37px;
    padding: 0 50px 0 14px;
    border: 1px solid #dadada;
    border-radius: 19px;
    background: url('/assets/template/images/sprite.svg#ic_search_blue') no-repeat 95% 6px;
    background-size: 20px 20px;
}

.chosen-container .chosen-drop
{
    position: absolute;
    z-index: 9;
    top: calc(100% + 30px);
    left: 0;

    visibility: hidden;
    overflow: hidden;

    min-width: 100%;
    padding: 5px 0;

    transition: .2s linear;

    opacity: 0;
    border: 1px solid var(--form_border_color);
    border-radius: 0 0 var(--form_border_radius) var(--form_border_radius);
    background: #fff;
}

.chosen-container.chosen-with-drop .chosen-drop
{
    top: calc(100% - 1px);

    visibility: visible;

    opacity: 1;
}

.chosen-container .chosen-drop .chosen-results
{
    overflow: auto;
    position: relative;
    max-height: 240px;
}

.chosen-container .chosen-drop .chosen-results li
{
    padding: 9px 19px;

    cursor: pointer;
    transition: background .2s linear;
}

.chosen-container .chosen-drop .chosen-results li em
{
    font-style: normal;
    font-weight: bold;
}

.chosen-container .chosen-drop .chosen-results li:empty
{
    display: none;
}

.chosen-container .chosen-drop .chosen-results li:hover,
.chosen-container .chosen-drop .chosen-results li.result-selected
{
    background: var(--form_border_color);
}

.chosen-container .chosen-drop .chosen-results li.disabled-result
{
    background: none;
    cursor: default;
}

.chosen-container.chosen-container-single-nosearch .chosen-search
{
    display: none;
}


.chosen-white .chosen-container
{
    width: calc(100% - 146px) !important;
}

.chosen-white .chosen-container .chosen-single
{
    height: 41px;
    padding: 0 42px 0 15px;
    background: #fff;
    border: 1px solid #cdcdcd;
    line-height: 39px;
    font-size: 16px;
    font-weight: 300;
    color: #212121;
}

.chosen-white .chosen-container .chosen-single:after 
{
    top: -3px;
    right: 17px;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid var(--color_blue);
    border-left: 2px solid var(--color_blue);
}

@media (max-width: 479px)
{
    .chosen-white .chosen-container
    {
        width: 100% !important;
    }
}