/* Copyright Art. Lebedev | http://www.artlebedev.ru/ */
/* Updated 2013-11-05 by dy */

label.with-checkbox,
label.with-radio{
    position: relative;
    padding-left: 23px;
    display: block;
    cursor: pointer;
}
label.with-checkbox input[type='checkbox'],
label.with-checkbox input[type='radio'],
label.with-radio input[type='checkbox'],
label.with-radio input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;
}
input[type='checkbox'],
input[type='radio'] {
    border: none;
}

input {
    -webkit-transition: outline-color .3s ease-out;
    -moz-transition: outline-color .3s ease-out;
    transition: outline-color .3s ease-out;
    outline-color: rgba(0, 0, 0, 0);
}

input:focus {
    outline-color: var(--color-blue2, #0050CF);
}

textarea {
    background: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 5px 5px 0 -2px #F0F0F0 inset, 0 0 0 1px #787878;
    font-family: Arial, sans-serif;
    padding: .5em .7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.detect_no-boxshadow textarea {
    border: 1px solid #787878;
}
.input{
    background: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 1px 5px 0 -2px #F0F0F0 inset, 0 0 0 1px #787878;
    font-family: Arial, sans-serif;
    padding: .4em .7em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.input[type="text"] {
    -webkit-appearance: none;
}
input:-moz-placeholder {
    font-style: normal;
}
input::-webkit-input-placeholder {
    font-style: normal;
}
.detect_no-boxshadow .input {
    border: 1px solid #787878;
    padding: .3em .65em;
}
.input_mr {
    margin-right: .3em;
}
.input:focus {
    box-shadow: 1px 5px 0 -2px #F0F0F0 inset, 0 0 0 1px #50a7e1;
    outline: none;
}
.detect_no-boxshadow .input:focus {
    border: 1px solid #50a7e1;
}
.input_textarea {
    font-size: 90%;
    height: 4em;
    resize: vertical;
    width: 100%;
}
.input_textarea:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
.input.input75 {
    width: 75%;
}
.input.input100 {
    width: 100%;
    max-width: 700px;
}
.input.input_wide {
    width: 100%;
}
/*Search Form*/
.search-form {
    position: relative;
    max-width: 592px;
}
.search-form_results {
    max-width: 100%;
    margin-right: 30px;
}
.search-form__input {
    margin-right: 4em;
    padding-right: .4em;
}
.search-form__button {
    width: 4em;
    float: right;
}
.search-form__query  {
    margin-right: 4.7em;
}
.form__input input {
    font-size: 85%;
}
.form__button {
    float: right;
}

.search-form__option {
    margin-top: .5em;
}

.input.input_search {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAAnRSTlMAAHaTzTgAAABqSURBVHgBY2D4dWnRsut/GIDg56Ko+oqY9b+AzP3RBxgYNkQdBTJrpwCJv1VzfjMwFC0BKeuY8ZOBYWHOcwaG66m7/jEwvCrNWL402X8vSO7JnLKqVV1JB0Fm/P7w4e/3zoLLDFDwYOMzAJ0GLQ2/+fhsAAAAAElFTkSuQmCC") no-repeat scroll 10px center #fff;
    border-radius: 16px;
    padding-left: 25px;
    box-shadow: 2px 4px 1px -2px #dbdbdb inset, 0 0 0 1px #bbb;
    font-size: 85%;
}
.input_cyan {
    border: 1px solid #3fb4e0;
    box-shadow: none;
    color: #3fb4e0;
    padding: .5em 1em;
    font-size: 110%;
}
.submit-search + .input_cyan, .submit-search + .input_transparent {
    padding-left: 2.5em;
}
.submit-search {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: url('/f/src/global/i/sprite.png') no-repeat -127px -33px;
}

.submit-search_white {
    background: url('/f/src/global/i/sprite.png') no-repeat -102px -33px;
}

.input_clean {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    box-shadow: none;
}
.input_clean:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #50a7e1;
}

.input_transparent {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    box-shadow: none;
    background: transparent;
    color: #fff;
    font-size: 100%;
}

.input_transparent:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #fff;
}

/*
.form_with-btn {
    padding-left: 38px;
}
.input_with-btn {
    margin: 0 0 0 -22px;
    padding-left: 25px
}
.btn {
    position: relative;
    background: url('/f/src/global/i/sprite.png') -443px -78px;
    border: none;
    cursor: pointer;
    height: 13px;
    width: 13px;
    margin: 0 0 0 -30px;
    padding: 0;
    vertical-align: sub;
}*/
/* Icon cancel */
.i-cancel {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 8px;
    width: 13px;
    height: 13px;
    background: #fff url("/f/src/global/i/sprite.png") -427px -67px;
    cursor: pointer;
}

.input_dt {
    padding-right: 25px;
}