.mater_select.bordered .select-wrapper input.select-dropdown,
textarea.wrapped_input,
input.wrapped_input{
    --select-controls-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
    --select-control-height: 60px;
    background-color: #fff;
    border: 1px solid transparent;
    box-shadow: var(--select-controls-box-shadow);
    border-radius: 5px;
    padding: 0 15px;
    box-sizing: border-box;
    height: var(--select-control-height);
    -webkit-appearance: none;
    font-weight: normal;
    transition: border-color 0.3s ease-in-out;
    outline: none;
}
.mater_select.bordered .select-wrapper input.select-dropdown:hover,
textarea.wrapped_input:hover,
input.wrapped_input:hover{
    border: 1px solid var(--main-gray-color);
}
.mater_select.bordered .select-wrapper input.select-dropdown.active,
textarea.wrapped_input:focus,
input.wrapped_input:focus{
    border: 1px solid var(--main-blue-color) !important;
    box-shadow: unset!important;
}
textarea.wrapped_input.invalid,
input.wrapped_input.invalid{
    border: 1px solid var(--main-error-color);
    box-shadow: unset!important;
}



.mater_select.bordered .dropdown-content li > span {
    color: var(--main-black-color);
    font-weight: normal;
}
.border_placeholder{
    position: relative;
}
.border_placeholder:after{
    position: absolute;
    font-size: 14px;
    content: attr(border-placeholder);
    background: var(--main-background-color);
    left: 20px;
    top: -8px;
    padding: 0 1px;
    line-height: 100%;
    z-index: 1;
    font-weight: 400;
    background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,0) 51%, rgba(250,250,250,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(255,255,255,1)), color-stop(51%, rgba(250,250,250,0)), color-stop(100%, rgba(250,250,250,0)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,0) 51%, rgba(250,250,250,0) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,0) 51%, rgba(250,250,250,0) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,0) 51%, rgba(250,250,250,0) 100%);
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(250,250,250,0) 51%, rgba(250,250,250,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
    color: var(--main-darknest-gray-color);
}