.filters {
    display: flex;
}

.filters .flt-cont {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    align-items: center;
    padding-top: unset;
}

.filters .flt-cont .flt_sct {
    display: flex;
    flex-wrap: wrap;
    width: 750px;
    max-width: 100%;
    justify-content: space-between;
}

.flt-block,
.flt-client-block,
.ads_block {
    width: calc(33% - 20px);
    margin: 10px;
    padding: 0 4px;
    position: relative;
    border: 2px solid var(--scheme-78);
    order: 0 !important;
    font-size: 90%;
    font-weight: lighter;
}


div.flt-block.flt-text-2,
div.flt-client-block.flt-text-2 {
    width: calc(66% - 20px);
}

.flt-block.G-data,
.flt-client-block.G-data {
    border: 2px solid var(--scheme-red);
}

.flt-block .flt-name,
.flt-client-block .flt-name,
.ads_block .flt-name {
    position: absolute;
    transform: translate(0, -50%);
    top: 50%;
    background-color: var(--scheme-2);
    color: var(--scheme-78);
    cursor: text;
    display: flex;
    align-items: center;
    padding: 0 12px;
}


.flt-block .after-cont,
.flt-client-block .after-cont,
.ads_block .after-cont {
    width: 100%;
    opacity: 0;
}

.after-cont p {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

.flt-block .flt-field,
.flt-client-block .flt-field,
.ads_block .flt-field {
    padding: 10px;
    width: 100%;
    background-color: transparent;
    color: var(--scheme-6);
}

.flt-block .SELECT_.flt-field,
.flt-client-block .SELECT_.flt-field,
.ads_block .SELECT_.flt-field {
    padding: 0 8px 0 0;
}

.flt-block .select_style2,
.flt-client-block .select_style2,
.ads_block .select_style2 {
    width: 100%;
}

.flt-block.flt-textarea,
.flt-client-block.flt-textarea {
    display: flex;
    width: 100%;
}

.flt-block.flt-textarea .flt-name,
.flt-client-block.flt-textarea .flt-name {
    height: unset;
    transform: translate(0, 0);
    left: 18px;
    top: 20px;
}

.flt-block.flt-textarea textarea,
.flt-client-block.flt-textarea textarea {
    opacity: 0;
}

.flt-block.active.flt-block.flt-textarea textarea,
.flt-client-block.active.flt-block.flt-textarea textarea {
    opacity: 1;
}

.flt-block .OPTIONS_,
.flt-client-block .OPTIONS_,
.ads_block .OPTIONS_ {
    position: absolute;
}


div.flt-block.flt-checkbox,
div.flt-client-block.flt-checkbox {
    width: 100%;
    /* display: flex; */
    flex-direction: column;
    border: solid var(--scheme-df);
    border-width: 2px 0 0 0;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

div.flt-block.flt-checkbox .flt-name,
div.flt-client-block.flt-checkbox .flt-name,
.flt-block.flt-radio .flt-name,
.flt-client-block.flt-radio .flt-name {
    width: unset;
    height: unset;
    padding: 0 12px;
    transform: translate(-50%, -50%);
    top: 0;
    left: 50%;
}

div.flt-block.flt-checkbox .flt-radio-cont,
div.flt-client-block.flt-checkbox .flt-radio-cont {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    cursor: pointer;
}

div.flt-block.flt-checkbox .flt-radio-items,
div.flt-client-block.flt-checkbox .flt-radio-items {
    width: 33%;
    display: flex;
    align-items: center;
    padding: 8px;
    cursor: pointer;
}


div.flt-block.flt-checkbox .flt-radio-items p,
div.flt-client-block.flt-checkbox .flt-radio-items p {
    margin-left: 12px;
    color: var(--scheme-6);
}

div.flt-block.active .flt-name,
div.flt-client-block.active .flt-name,
div.flt-block.show-active .flt-name,
div.flt-client-block.show-active .flt-name {
    top: -1px;
}

div.flt-block.flt-write.active .after-cont,
div.flt-client-block.flt-write.active .after-cont {
    display: flex;
    opacity: 1;
    align-items: center;
}

div.flt-block.active.flt-textarea .flt-name,
div.flt-client-block.active.flt-textarea .flt-name {
    transform: translate(0, -50%);
}

.required::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    height: 8px;
    width: 8px;
    background-color: #ff3333;
    position: absolute;
    right: 4px;
    top: 4px;
    clip-path: polygon(40% 0, 60% 0, 50% 50%, 80% 10%, 90% 20%, 50% 50%, 100% 40%, 100% 60%, 50% 50%, 90% 80%, 80% 90%, 50% 50%, 60% 100%, 40% 100%, 50% 50%, 20% 90%, 10% 80%, 50% 50%, 0 60%, 0 40%, 50% 50%, 10% 20%, 20% 10%, 50% 50%);
}

.required.active::after {
    display: none;
}

.flt-block.active,
.flt-client-block.active {
    border-radius: 0 12px;
}

.flt-double-number {
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flt-double-number .input_cont {
    border: 2px solid var(--scheme-78);
    width: calc(50% - 10px);
    padding: 8px 11px;
    display: flex;
}

.flt-double-number .input_cont input {
    font-size: 100%;
    width: 100%;
}

.flt-double-number .flt-name {
    min-width: max-content;
    padding: 4px 8px;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    top: 0 !important;
    color: var(--scheme-6);
}

.flt-double-number b {
    display: block;
    width: 8px;
    height: 2px;
    background-color: var(--scheme-78);
}

.flt-block .SELECT_,
.flt-client-block .SELECT_ {
    width: 100% !important;
    /* z-index: 100; */
    height: 100%;
}

.flt-block .OPTIONS_,
.flt-client-block .OPTIONS_ {
    /* background-color: var(--scheme-df); */
}

.flt-double-select {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
}

.flt-double-select .select_style2 {
    border: 2px solid var(--scheme-78);
    width: calc(50% - 10px);
}


.flt-double-select .SELECT_ {
    padding: 8px 11px;
    height: 100%;
    font-size: 100%;
    width: 100%;
}

.flt-double-select .flt-name {
    min-width: max-content;
    padding: 4px 8px;
    position: absolute;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
    top: 0 !important;
    color: var(--scheme-6);
}

.flt-double-select b {
    display: block;
    width: 8px;
    height: 2px;
    background-color: var(--scheme-78);
}

.flt-search .flt-name {
    position: absolute;
    transform: translate(0, -50%);
    top: 0;
    left: 5px;
    min-width: max-content;
}

.flt-search .SELECTED_EL {
    padding: 0 !important;
}

.flt-search .SELECT_ {
    padding: 8px 11px !important;
}

.flt-block.flt-radio,
.flt-client-block.flt-radio {
    width: 100%;
    border: unset;
    border-top: 2px solid var(--scheme-78);
}

.flt-block.flt-radio .flt-radio-cont,
.flt-client-block.flt-radio .flt-radio-cont {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}

.flt-block.flt-radio .flt-radio-cont .flt-radio-items,
.flt-client-block.flt-radio .flt-radio-cont .flt-radio-items {
    width: 33%;
    display: flex;
    padding: 8px 12px;
    align-items: center;
}

.flt-block.flt-radio .flt-name,
.flt-client-block.flt-radio .flt-name {
    left: 30px;
}

@media only screen and (max-width: 700px) {
    .flt-block {
        width: calc(50% - 20px);
    }

    .flt-block.flt-text,
    .flt-block.flt-text-2,
    .flt-block.flt-number,
    .flt-block.flt-select {
        height: 40px;
    }

    .flt-block .flt-name,
    .flt-client-block .flt-name,
    .ads_block .flt-name {
        width: 80%;
        overflow: hidden;
        white-space: nowrap;
        font-size: 80%;
        color: var(--scheme-bl);
    }

    .select_style2 .SELECTED_EL.DISABLED_EL {
        margin: 0;
        height: 100%;
        overflow: hidden;
    }

    div.flt-block.flt-checkbox .flt-radio-items,
    div.flt-client-block.flt-checkbox .flt-radio-items {
        width: calc(33% - 5px);
        margin: 0 2.5px;
        flex-direction: column-reverse;
        border-bottom: 2px solid var(--scheme-df);
        align-items: center;
        justify-content: space-between;
    }

    div.flt-block.flt-checkbox .flt-radio-items p,
    div.flt-client-block.flt-checkbox .flt-radio-items p {
        text-align: center;
        font-size: 80%;
        margin: 0;
        margin-bottom: 10px;
    }

    div.flt-block.flt-checkbox .flt-name,
    div.flt-client-block.flt-checkbox .flt-name {
        font-size: 120%;
        white-space: nowrap;
    }
}