/*Фильтры на главной*/

.common-page__main-filters {
    padding: 8px 16px;

    @media (max-width: 767px) {
        padding: 0;
        margin-bottom: 16px;
    }
}

.common-page__main-filters form .invisible {
    padding: 0;
    border: none;
}

.common-page__main-filters-fields {
    padding: 0;
}

.arrow-right-left {
    display: flex;
    align-items: center;

    @media (max-width: 767px) {
        display: none;
    }
}

.common-page__main-filters input,
.common-page__main-filters select,
.common-page__main-filters input:focus,
.common-page__main-filters input:focus-visible{
    height: 40px;
    border-radius: 8px;
    padding: 8px 12px;
    border: 1px solid var(--neutral-marble);
    font-weight: 500;
    font-size: 16px;
    vertical-align: middle;
    margin: 0;
    color: var(--neutral-navy);

    @media (max-width: 991px) {
        height: 34px;
        border-radius: 6px;
        padding: 6px 9px;
        font-size: 12px;
    }
}

.common-page input::placeholder {
    color: var(--neutral-top-shelf);
}

.common-page .select2-container .select2-selection--single {
    border: 1px solid var(--neutral-marble) !important;
    border-radius: 8px !important;
    padding: 4px !important;
    height: 40px !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 14px !important;

    @media (max-width: 991px) {
        height: 34px !important;
        font-size: 12px !important;
    }
}

.common-page .form-control {
    @media (max-width: 991px) {
        height: 34px;
        font-size: 12px;
    }
}

.select2-results__option {
    font-size: 14px;
}

.common-page__main-filters label {
    font-weight: 500;
    font-size: 12px;
}

.common-page__main-filters-search {
    width: 100%;
    display: flex;
    gap: 12px;
    justify-content: flex-start;

    @media (max-width: 991px) {
    }

    @media (max-width: 767px) {
        flex-wrap: wrap;
        row-gap: 12px;
        column-gap: 10px;
    }
}

.common-page__main-filters-search-l {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    width: 100%;
    flex-wrap: nowrap;

    @media (max-width: 767px) {
        flex-wrap: wrap;
        row-gap: 12px;
        column-gap: 10px;
    }
}

.common-page__main-filters-search-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;

    @media (max-width: 991px) {
        width: 100%;
    }
}

.common-page__main-filters-search-title {
    background: url('../image/loupe.svg') no-repeat left center;
    white-space: nowrap;
    padding: 0 0 0 32px;
    font-weight: 600;
    font-size: 20px;
    color: var(--neutral-navy);

    @media (max-width: 1280px) {
        background: url('../image/loupe.svg') no-repeat center center;
        padding: 0 0 0 32px;
        width: 20px;
        overflow: hidden;
    }
}

.common-page__main-filters-search-by-words  {
    min-width: 125px;
    margin: 0;
    flex-grow: 1;


    @media (max-width: 991px) {
        min-width: 0;
    }

    input#search_content_text {
        width: 100%;
        margin: 0;

        @media (max-width: 991px) {
            max-width: unset;
            min-width: 0;
            width: 100%;
        }
    }
}

.common-page__main-filters-search-by-number {
    min-width: 125px;
    margin: 0;
    flex-grow: 1;

    @media (max-width: 991px) {
        min-width: 0;
    }

    @media (max-width: 576px) {
        max-width: 85px;
    }

    input#search_text {
        width: 100%;
        margin: 0;

        @media (max-width: 991px) {
            max-width: unset;
            min-width: 0;
            width: 100%;
        }
    }
}

.btn-gray {
    width: 125px;
    height: 40px;
    border-radius: 8px;
    gap: 8px;
    padding: 8px 16px;
    border: 2px solid var(--neutral-navy);
    background-color: var(--neutral-bg);
    font-weight: 600;
    font-size: 14px;
    color: var(--neutral-navy);

    @media (max-width: 991px) {
        height: 32px;
        border-radius: 6px;
        padding: 6px 12px;
        font-size: 12px;
        flex-grow: 1;
        min-width: 0;
        max-width: unset;
        width: 100%;
    }
}

.btn-gray:hover, .btn-gray {
    background-color: var(--neutral-bg);
}

.btn-filter-per {
    background: url('../image/filters.svg') no-repeat center center;
    content: "";
    width: 40px;
    min-width: 40px;
    height: 40px;
    gap: 8px;
    border-radius: 8px;
    border: 2px solid var(--neutral-navy);
    padding: 6px 8px;

    @media (max-width: 991px) {
        height: 32px;
        width: 32px;
        min-width: 32px;
    }
}

.common-page__main-filters-add {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 12px;
}

.common-page__main-filters-add > div{
    width: 100%;

    @media (max-width: 991px) {
        margin-right: 0;
        margin-top: 8px;
        width: unset;
        flex-grow: 1;
        min-width: 0;
    }
}

.common-page__main-filters-add-field_1, .common-page__main-filters-add-field_2 {
    @media (max-width: 576px) {
        grid-column: 1/3;
    }
}

.common-page__main-filters-add_5-8 {
    grid-column: 1/2;

    @media (max-width: 576px) {
        grid-column: 1/3;
    }
}

.common-page__main-filters-add_5-8 > div {
    width: 100%;

    @media (max-width: 991px) {
        width: unset;
        flex-grow: 1;
        min-width: 0;
    }
}

.common-page__main-filters-add-field_9 {
    grid-column: 2/3;

    @media (max-width: 576px) {
        grid-column: 1/3;
    }
}

.create-tender__fields > div {
    margin-right: 12px;
    width: 100%;

    @media (max-width: 991px) {
        margin-right: 0;
        margin-top: 8px;
        width: unset;
        flex-grow: 1;
        min-width: 0;
    }
}

.common-page__main-filters-add input {
    width: 100% !important;
}

.common-page__main-filters-search-r {

    @media (max-width: 767px) {
        margin-top: 10px;
    }
}

.common-page__main-filters-search-title_filter {

    @media (max-width: 767px) {
        padding-top: 10px;
    }
}