.RadFilter_CnMaterial {
    color: var(--color-main_text);
}

    .RadFilter_CnMaterial .rfMid,
    .RadFilter_CnMaterial .rfTools {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        background-color: var(--bg-color-main-three);
        padding: 0;
        border-radius: 0;
    }

    .RadFilter_CnMaterial .rfOper,
    .RadFilter_CnMaterial .rfField,
    .RadFilter_CnMaterial .rfExp,
    .RadFilter_CnMaterial .rfAddGr,
    .RadFilter_CnMaterial .rfAddExp,
    .RadFilter_CnMaterial .rfDel {
        border: 0;
        transition: color ease-in-out .2s, background-color ease-in-out .2s;
    }

        .RadFilter_CnMaterial .rfOper:hover,
        .RadFilter_CnMaterial .rfField:hover,
        .RadFilter_CnMaterial .rfExp:hover,
        .RadFilter_CnMaterial .rfAddGr:hover,
        .RadFilter_CnMaterial .rfAddExp:hover,
        .RadFilter_CnMaterial .rfDel:hover {
            background-color: var(--bg-color-ctrl-hover);
        }

    .RadFilter_CnMaterial .rfOper,
    .RadFilter_CnMaterial .rfField,
    .RadFilter_CnMaterial .rfExp {
        margin-top: 0;
        margin-bottom: -1px;
        padding-top: 13px;
        padding-bottom: 13px;
        padding-left: 15px;
    }

    .RadFilter_CnMaterial .rfAddExp,
    .RadFilter_CnMaterial .rfAddGr,
    .RadFilter_CnMaterial .rfDel {
        margin-top: -1px;
        margin-bottom: -1px;
        padding: 13px;
    }

    .RadFilter_CnMaterial .rfOper,
    .RadFilter_CnMaterial .rfField {
        margin-left: -1px;
    }

    .RadFilter_CnMaterial .rfDel {
        margin-right: -1px;
    }

        .RadFilter_CnMaterial .rfDel:hover,
        .RadFilter_CnMaterial .rfDel:focus,
        .RadFilter_CnMaterial .rfDel:active {
            color: #f34235;
        }

    .RadFilter_CnMaterial .rfText {
        border-color: var(--bg-color-ctrl-default);
        color: var(--color-ctrl-default);
        background-color: transparent;
        margin-top: 2px;
        margin-bottom: 2px;
        padding: 8px 0 7px !important;
        border-width: 1px 1px 2px 1px !important;
        outline: 0;
    }

        .RadFilter_CnMaterial .rfText:hover {
            border-color: var(--border-color-ctrl-default);
            color: var(--color-main_text);
            outline:0;
        }

        .RadFilter_CnMaterial .rfText:focus {
            border-width: 1px 1px 2px 1px !important;
            border-style: solid !important;
            font: inherit !important;
            border-bottom-color: var(--border-color-ctrl-focus) !important;
        }
            .RadFilter_CnMaterial .rfCheckBox {
                margin-top: -1px;
                margin-bottom: -1px;
                padding-top: 13px;
                padding-bottom: 13px;
            }

    .RadFilter_CnMaterial .rfPreview {
        color: var(--color-main_text);
    }

        .RadFilter_CnMaterial .rfPreview strong {
            opacity: .7;
        }

        .RadFilter_CnMaterial .rfPreview em,
        .RadFilter_CnMaterial .rfPreview .rfBr {
            color: #8BC34A;
        }

    .RadFilter_CnMaterial .rfApply a,
    .RadFilter_CnMaterial .rfApply > span {
        
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-default);
        border: 0 !important;
        border-radius: 0;
        /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2);*/
        margin-bottom: 5px;
    }

    .RadFilter_CnMaterial .rfApply a {
        font-size: var(--font-size);
    }

        .RadFilter_CnMaterial .rfApply a input,
        .RadFilter_CnMaterial.cnPrimaryButton .rfApply a input,
        .RadFilter_CnMaterial .rfApply > span input,
        .RadFilter_CnMaterial.cnPrimaryButton .rfApply > span input {
            padding: 8px 12px;
            border: 1px solid var(--border-color-ctrl-default);
            color: var(--color-ctrl-default);
            background-color: var(--bg-color-ctrl-default);
            line-height: var(--line-height);
            transition: all .2s ease-in-out;
            /*box-shadow: var(--box-shadow-button-main);*/
            border-radius: 4px;
            font-weight: var(--font-bold);
        }

    .RadFilter_CnMaterial.cnSecondaryButton .rfApply a input, .RadFilter_CnMaterial.cnSecondaryButton .rfApply > span input {
        padding: 8px 12px;
        border-color: var(--color-main_text-light);
        color: var(--color-main-default);
        background-color: var(--bg-color-main);
        line-height: var(--line-height);
        transition: all .2s ease-in-out;
        box-shadow: var(--box-shadow-button-main);
        font-weight: var(--font-bold);
    }

    .RadFilter_CnMaterial.cnFieldType .rfApply a input, .RadFilter_CnMaterial.cnFieldType .rfApply > span input {
        padding: 8px 12px;
        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl-default);
        line-height: var(--line-height);
        transition: all .2s ease-in-out;
        box-shadow: var(--box-shadow-button);
        font-weight: var(--font-bold);
    }

    .RadFilter_CnMaterial .rfApply a input:hover,
    .RadFilter_CnMaterial.cnPrimaryButton .rfApply a input:hover,
    .RadFilter_CnMaterial .rfApply > span input:hover,
    .RadFilter_CnMaterial.cnPrimaryButton .rfApply > span input:hover {
        border-color: var(--border-color-ctrl-hover);
        color: var(--color-ctrl-hover);
        background-color: var(--bg-color-ctrl-hover);
    }

    .RadFilter_CnMaterial.cnSecondaryButton .rfApply a input:hover,
    .RadFilter_CnMaterial.cnSecondaryButton .rfApply > span input:hover {
        border-color: var(--border-color-pri-hover);
        color: var(--color-main_text);
        background-color: var(--bg-color-pri-hover);
    }

    .RadFilter_CnMaterial.cnFieldType .rfApply a input:hover,
    .RadFilter_CnMaterial.cnFieldType .rfApply > span input:hover {
        border-color: var(--border-color-ctrl-hover);
        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl-hover);
    }

    .RadFilter_CnMaterial .rfApply a:hover,
    .RadFilter_CnMaterial.cnPrimaryButton .rfApply a:hover,
    .RadFilter_CnMaterial .rfApply > span:hover,
    .RadFilter_CnMaterial.cnPrimaryButton .rfApply > span:hover {
        border-color: var(--border-color-pri-hover);
        color: var(--color-main_text);
        background-color: var(--bg-color-pri-hover);
    }

    .RadFilter_CnMaterial.cnSecondaryButton .rfApply a:hover, .RadFilter_CnMaterial.cnSecondaryButton .rfApply > span:hover {
        border-color: var(--border-color-pri-hover);
        color: var(--color-main_text);
        background-color: var(--bg-color-pri-hover);
    }

    .RadFilter_CnMaterial .rfApply a:hover, .RadFilter_CnMaterial .rfApply > span:hover {
        border-color: var(--border-color-ctrl-hover);
        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl-hover);
    }

    /*.RadFilter_CnMaterial .RadInput,
.RadFilter_CnMaterial .RadPicker,
.RadFilter_CnMaterial .RadComboBox,
.RadFilter_CnMaterial .RadDropDownList {
    margin-top: 2px;
    margin-bottom: 2px;
}
*/
    .RadFilter_CnMaterial .RadInput_CnMaterial input.riTextBox, .RadFilter_CnMaterial .RadInput_CnMaterial .riFocused, .RadInput_Focused_CnMaterial, .RadFilter_CnMaterial .rfText {
        padding: 12px 10px !important;
        height: 1.42857143em !important;
        border-width: 1px 1px 2px 1px;
        border-style: solid;
        font: inherit;
        border-color: var(--border-color-ctrl-default);
        color: var(--color-main_text);
        margin: 0;
        border-radius: 3px !important;
        background-color: var(--bg-color-main) !important;
    }

    .RadFilter_CnMaterial .rfText {
        padding: 3px 10px !important;
    }

       

    .RadFilter_CnMaterial .RadInput_CnMaterial {
        margin: 0;
    }
.RadFilter .rfTools {
    padding: 5px 4px 4px 0 !important;
}