.qs-form-field #datetimepicker-qs-publication_datetime-from::before,
.qs-form-field #datetimepicker-qs-publication_datetime-to::before,
#qs-contract_start_price-from + .form-control-title::before,
#qs-contract_start_price-to + .form-control-title::before
{
    display: inline-block;
    font-family: 'russo_oneregular', Arial, sans-serif;
    letter-spacing: 0.02em;
    font-style: normal;
    position: absolute;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #212121;
    top: 0;
    left: 0;
}

#qs-contract_start_price-element {
    position: relative;
}

.new-design-mte-advanced-search.mte-advanced-search > .qs-form-row {
    min-height: 64px;
}

#qs-contract_start_price-element .qs-input-wrapper .qs-form-field {
    width: 180px;
}

#qs-contract_start_price-element .qs-form-field:nth-child(1):after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #DCE3EB;
    position: absolute;
    right: 0;
}

#procedureCatalogQS.qs-form .qs-form-field #datetimepicker-qs-publication_datetime-from::after, #qs-contract_start_price-element .qs-form-field:nth-child(1):after {
    transform: translate(-50%, -50%);
    top: 50%;
}

#procedureCatalogQS.qs-form .qs-input-wrapper {
    min-height: 48px;
}

#procedureCatalogQS.qs-form .qs-input-wrapper [name="q"] {
    min-height: 46px;
}

#procedureCatalogQS.qs-form .qs-input-wrapper {
    height: 48px;
}

#procedureCatalogQS.qs-form .qs-form-field #datetimepicker-qs-publication_datetime-from::before, #procedureCatalogQS.qs-form .qs-form-field #datetimepicker-qs-publication_datetime-to::before {
    display: none;
}

#procedureCatalogQS.qs-form  input.placeholder {
    color: #787876;
}

@media (max-width: 1450px) {
    .new-design-mte-advanced-search.mte-advanced-search .qs-form #q-element {
        margin-right: 16px;
    }
}

#procedureCatalogQS #contract_start_price-element .form-control-title  {
    display: none;
}

#procedureCatalogQS-reset.qs-form-action {
    letter-spacing: -0.4px;
}

@media (max-width: 1399px) {
    #procedureCatalogQS #procedureCatalogQS_additional_parameters-element {
        display: none;
    }

    #procedureCatalogQS #qs-publication_datetime-element .qs-input-wrapper .qs-form-field {
        width: 140px;
    }

    #procedureCatalogQS #qs-contract_start_price-element .qs-input-wrapper .qs-form-field {
        width: 156px;
    }
}

@media (max-width: 1070px) {
    #procedureCatalogQS #qs-contract_start_price-element .qs-input-wrapper .qs-form-field {
        width: 130px;
    }
}

.qs-form-field {
    display: flex;
    align-items: flex-end;
    padding: 12px 16px ;
}

.qs-form .qs-form-row .form-control:focus {
    box-shadow: none;
}

.qs-form-field input {
    padding: 0;
}

.qs-form .qs-form-row .qs-form-field-direction {
    display: none;
}

.qs-form-field-direction span {
    margin: 0 5px;
}

.qs-form .control-label {
    text-align: left;
}

.qs-form .form-control {
    font-family: 'Inter', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    height: auto;
    border: none;
    box-shadow: none;
}

.qs-pull-right {
    float: right !important;
}

.qs-form-wrapper {
    display: flex;
}

.qs-form-wrapper [name="q"] {
    display: flex;
    width: 100%;
}

.qs-form {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-right: 20px;
    align-items: center;
}


#q-element {
    flex-grow: 1;
}

.qs-form .qs-input-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    border: 1px solid #D0D6DE;
    border-radius: 4px;
}

.qs-form .qs-input-wrapper,
.qs-form .qs-input-wrapper [name="q"] {
    min-height: 64px;
}

.qs-form-row {
    display: flex;
    justify-content: right;
    align-items: center;
}

.qs-form label {
    margin-bottom: 0;
    white-space: nowrap;
    min-width: 140px;
    text-align: left;
}

.qs-form-row:not(:last-child) {
    margin-right: 16px;
}

.qs-form > div:last-child {
    margin-right: 0;
}

.panel-heading .qs-form-clear {
    color: gray;
    text-decoration: none;
    margin-top: 22px;
    font-weight: normal;
}

.qs-form-clear img {
    top: -1px;
    color: #666666;
    position: relative;
    right: 2px;
}

#qs-publication_datetime-element .qs-form-field {
    width: 155px;
}

#qs-contract_start_price-element .qs-form-field {
    width: auto;
}

.qs-form #q:focus {
    outline: 1px solid #0097CE;
}


@media (min-width: 1565px) {
    #qs-contract_start_price-element,
    #qs-publication_datetime-element {
        /*width: 50%;*/
    }
    #qs-contract_start_price-element label {
        margin-left: 15px;
    }
}

@media (max-width: 1564px) {
    #qs-contract_start_price-element label {
        margin-right: 61px;
    }
}

.new-design-mte-advanced-search .qs-form-search {
    width: 64px;
    height: 48px;
    color: #FFFFFF;
    background: #0097CE;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.qs-form-search span {
    font-size: 24px;
    line-height: 24px;
    font-weight: 100;
}

#procedureCatalogQS-reset.qs-form-action {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    font-weight:  400;
    color: #7a97ab;
    padding-left: 22px;
}

#procedureCatalogQS-reset.qs-form-action:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%237A97AB' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 14.667A6.667 6.667 0 1 0 8 1.333a6.667 6.667 0 0 0 0 13.334ZM10 6l-4 4M6 6l4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

#procedureCatalogQS-reset.qs-form-action:hover {
    color: #718C9E;
}

#procedureCatalogQS-reset.qs-form-action:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg stroke='%23718C9E' stroke-linecap='round' stroke-linejoin='round' clip-path='url(%23a)'%3E%3Cpath d='M8 14.667A6.667 6.667 0 1 0 8 1.334a6.667 6.667 0 0 0 0 13.333ZM10 6l-4 4M6 6l4 4'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.qs-form-field #datetimepicker-qs-publication_datetime-from::before {
    content: "Дата от";
}

#procedureCatalogQS #qs-contract_start_price-from + .form-control-title::before,
#procedureCatalogQS #qs-contract_start_price-to + .form-control-title::before {
    top: 12px;
    left: 16px;
}

#qs-contract_start_price-element .qs-form-field {
    display: flex;
    align-items: flex-end;
}

#qs-contract_start_price-element .qs-form-field .form-control {
    height: auto;
}

.new-design-mte-advanced-search .qs-form-search:hover {
    background: #4DB6DD;
}

#procedureCatalogQS_additional_parameters-element .qs-form-row {
    justify-content: left;
}

#procedureCatalogQS fieldset legend {
    display: none;
}

#procedureCatalogQS_additional_parameters-element {
    padding-top: 0;
    padding-left: 5px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 0;
}

#procedureCatalogQS_additional_parameters-element .checkbox {
    min-height: unset;
    padding-top: 0;
}

#qs-contract_start_price-element .qs-form-field {
    position: relative;
}

.qs-form-field #datetimepicker-qs-publication_datetime-from::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #DCE3EB;
    position: absolute;
    right: -16px;
    top: 40%;
}

.qs-form-field #datetimepicker-qs-publication_datetime-to::before {
    content: "до";
}

.new-design-mte-advanced-search .qs-form-search:active {
    background: #66C1E2;
    box-shadow: none;
}

@media (max-width: 1053px) {
    #procedureCatalogQS_additional_parameters-element .qs-form-row:not(:last-child) {
        margin-bottom: 16px;
    }
}

.new-design-mte-advanced-search .panel {
    border-top-left-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    box-sizing: border-box;
}

.new-design-mte-advanced-search.panel-group {
    border-radius: 0 8px 8px;
    border: 1px solid #DCE3EB;
    overflow: hidden;
    box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
}

.new-design-mte-advanced-search [id^="datetimepicker-"] {
    display: flex;
    align-items: flex-end;
}

.form-control + .form-control-title {
    font-family: 'Inter', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
}

.form-control + .form-control-title--rub {
    color: #787876;
    padding: 0 3px;
}

.ui-selectmenu-text {
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #212121;
}

.advanced-search-button {
    padding: 8px;
    color: #008FC8;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    white-space: nowrap;
}

.advanced-search-button:hover {
    color: #115A75;
}

.advanced-search-button:focus {
    text-decoration: none;
}

.advanced-search-button span.ui-theme-icon.ui-icon-filter {
    margin-right: 9px;
}

#apply_color_indication-element {
    margin-bottom: 4px;
}

