/* Start:/bitrix/components/kolibri/form.universal/style.css?15022634003567*/
.kolibri_form_universal {
    display: none; /* show via FancyBox */
}
.headbutton_diz .kolibri_form_universal{
    display: block;
}
#order.kolibri_form_universal form{
    width: 100%;
}
.kolibri_form_universal form {
    width: 350px;
}
.kolibri_form_universal form .form-header {
    padding: 25px 30px;
    border-bottom: 5px solid;
}
.kolibri_form_universal form .form-header i.fa {
    font-size: 300%;
    float: left;
    margin-right: 15px;
}
.kolibri_form_universal form .form-header .title {
    font-size: 130%;
    font-weight: 700;
}
.kolibri_form_universal form .form-header .text {
    font-size: 90%;
    font-weight: 400;
    margin-top: 5px;
}
.kolibri_form_universal form .form-body {
    padding: 20px 30px;
    background-color: #f4f4f4;
}
.kolibri_form_universal form .form-body .echo div {
    font-size: 85%;
    display: none;
    margin-bottom: 15px;
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
}
.kolibri_form_universal form .form-body .echo .loading {
    font-size: 135%;
}
.kolibri_form_universal form .form-body .echo .success {
    background-color: #cfff97;
}
.kolibri_form_universal form .form-body .echo .nofill,
.kolibri_form_universal form .form-body .echo .error {
    background-color: #ffdbdb;
}
.kolibri_form_universal form .form-body .row {
    margin: 5px 0 14px;
}
.kolibri_form_universal form .form-body .row label {
    font-size: 95%;
    color: #777;
    display: block;
    margin-bottom: 2px;
}
.kolibri_form_universal form .form-body .row label .star {
    font-size: 110%;
    font-weight: normal;
    vertical-align: middle;
    color: #e02222;
}
.kolibri_form_universal form .form-body .row input {
    font-size: 95%;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #d7dee3;
    border-radius: 2px;
}
.kolibri_form_universal form .form-body .row input:focus {
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
}
.kolibri_form_universal form .form-body .row textarea {
    font-size: 95%;
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #d7dee3;
    border-radius: 2px;
}
.kolibri_form_universal form .form-footer {
    padding: 20px 30px;
}
.kolibri_form_universal form .form-footer .note {
    font-size: 85%;
    float: left;
    padding: 8px 0;
}
.kolibri_form_universal form .form-footer .note .star {
    color: #e02222;
}
.kolibri_form_universal form .form-footer .button {
    float: right;
}
.form_str {
    display: flex;
    justify-content: space-around;
}
.kolibri_form_universal form .form-body .form_str .row {
    margin: 5px 0 14px;
    width: 47%;
}

.kolibri_form_universal form .form-body .form_textarea .row {
    padding: 0 15px;
    width: 100%;
}

.kolibri_form_universal form .form-body .form_str .row input, .kolibri_form_universal form .form-body .form_textarea .row textarea{
font-size: 95%;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #d7dee3;
    border-radius: 16px;
    box-shadow: inset 3px 2px rgba(0, 0, 0, 0.32);
}

.kolibri_form_universal form .form-body .form_textarea .row textarea{
font-size: 95%;
    width: 100%;
    height: 74px;
    padding: 6px 12px;
    border: 1px solid #d7dee3;
    border-radius: 16px;
    box-shadow: inset 3px 2px rgba(0, 0, 0, 0.32);
}

#order.kolibri_form_universal form .form-body .form_textarea .row textarea:focus, #order.kolibri_form_universal form .form-body .form_str .row input:focus  {
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0,0,0,.075) inset;
}
input, textarea {outline: none;}
/* End */
/* /bitrix/components/kolibri/form.universal/style.css?15022634003567 */