/*:root {
    --message_error_button: #D80000;
}*/
.RadButton_CnMaterial.cnPrimaryButton.rbButton.cn_buttonCancelOperationPopup {
    box-shadow: unset;
    border-radius: unset;
}
.RadButton.rbDisabled {
    opacity: unset !important;
}
    .RadButton.rbDisabled.AddButtonInNormalMode {
        opacity: 0.5 !important;
    }
    .RadButton.rbDisabled.removebuttoninsimplegrid {
        opacity: 0.5 !important;
    }
.RadForm_CnMaterial .fieldTypeButtonTelerik {
    min-height: 32px !important;
}
.RadButton_CnMaterial.k-switch {
    border-radius: 9999px;
}

    .RadButton_CnMaterial.k-switch:hover .k-switch-container, .RadButton_CnMaterial.k-switch.k-state-hover .k-switch-container {
        box-shadow: inset 0 0 0 1px var(--bg-color-main-three);
    }

.RadButton_CnMaterial.k-switch:focus .k-switch-container, .RadButton_CnMaterial.k-switch.k-state-focused .k-switch-container {
    outline: none;
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.RadButton_CnMaterial .k-switch-container {
    border-radius: 9999px;
    padding: 0px 0px;
    box-shadow: inset 0 0 0 1px var(--border-color-ctrl);
}

.RadButton_CnMaterial .k-switch-handle {
    border-radius: 9999px;
}

.RadButton_CnMaterial.k-switch-on .k-switch-container {
    color: var(--color-main_text-light);
    background-color: #03A9F4;
}

.RadButton_CnMaterial.k-switch-on .k-switch-handle {
    border-color: var(--border-color-ctrl);
    color: var(--color-ctrl-default);
    background-color: #f2f2f2;
}

.RadButton_CnMaterial.k-switch-on:hover .k-switch-container, .RadButton_CnMaterial.k-switch-on.k-state-hover .k-switch-container {
    color: var(--color-ctrl-default);
    background-color: #039be0;
}

.RadButton_CnMaterial.k-switch-on:hover .k-switch-handle, .RadButton_CnMaterial.k-switch-on.k-state-hover .k-switch-handle {
    border-color: var(--border-color-main-three);
    color: var(--color-ctrl-hover);
    background-color: #ededed;
}

.RadButton_CnMaterial.k-switch-on .k-switch-label-off {
    color: transparent;
}

.RadButton_CnMaterial.k-switch-off .k-switch-container {
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-default);
}

.RadButton_CnMaterial.k-switch-off .k-switch-handle {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: #f2f2f2;
}

.RadButton_CnMaterial.k-switch-off:hover .k-switch-container, .RadButton_CnMaterial.k-switch-off.k-state-hover .k-switch-container {
    color: var(--color-main_text);
    background-color: var(--bg-color-ctrl-default);
}

.RadButton_CnMaterial.k-switch-off:hover .k-switch-handle, .RadButton_CnMaterial.k-switch-off.k-state-hover .k-switch-handle {
    border-color: var(--border-color-main-three);
    color: var(--color-main_text);
    background-color: #ededed;
}

.RadButton_CnMaterial.k-switch-off .k-switch-label-on {
    color: transparent;
}

.RadButton_CnMaterial {
    /*-webkit-tap-highlight-color: var(--color-ctrl_button-hover);*/
}

    .RadButton_CnMaterial.rbButton,
    .RadButton_CnMaterial.cnPrimaryButton.rbButton,
    .cn-panel-buttons .RadButton_CnMaterial.rbButton.btnEditModeTelerik_width:first-of-type,
    .cn-panel-buttons .cnTreeButtons .RadButton_CnMaterial.rbButton.btnEditModeTelerik_width:first-of-type,
    .cn-panel-buttons .rfdSkinnedButton.btnEditModeTelerik_width:first-of-type {
        border-color: var(--border-color-pri-default);
        color: var(--color-pri-default);
        background-color: var(--bg-color-pri-default);
        transition: all .2s ease-in-out;
        box-shadow: var(--box-shadow-button-main);
    }
        .RadButton_CnMaterial.rbButton.definition_button {
            color: var(--color-main_text);
        }
.rgCommandCell .RadButton_CnMaterial.definition_button .rbText {
    line-height: 17px !important;
}
.RadButton_CnMaterial.cnSecondaryButton.rbButton {
    border-color: var(--border-color-sec-default);
    color: var(--color-sec-default);
    background-color: var(--bg-color-sec-default);
    transition: all .2s ease-in-out;
    box-shadow: var(--box-shadow-button-main);
}


    .RadButton_CnMaterial.rbButton.cnButtonMarginLeft5,
    .cn-panel-buttons .RadButton_CnMaterial.rbButton.cnButtonMarginLeft5:first-of-type {
        margin-left: 5px;
    }
    /*.RadButton_CnMaterial.rbButton.cnButtonMarginLeft3,
    .cn-panel-buttons .RadButton_CnMaterial.rbButton.cnButtonMarginLeft3:first-of-type {
        margin-left: 3px;
    }*/




.cn-panel-buttons .cnTreeButtons .RadButton_CnMaterial.rbButton.btnEditModeTelerik_width.flexbuttoninchild,
.cn-panel-buttons .cnTreeButtons .RadButton_CnMaterial.rbButton.btnCancelTelerik_width.flexbuttoninchild {
    margin-right: 0px;
}

html .cn-panel-buttons .RadButton_CnMaterial.rbButton:first-of-type,
html .cn-panel-buttons .rfdSkinnedButton:first-of-type {
    margin-left: 0px;
}


/*For button in popup document grid checkout*/
html .cn-panel-buttons .cnPancelButtonCheckOutIn .RadButton_CnMaterial.rbButton:first-of-type {
    margin-left: -2px;
}

.RadButton_CnMaterial.cnFieldType.rbButton {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-default);
    transition: all .2s ease-in-out;
    border: 1px solid var(--border-color-ctrl-default) !important;
    box-shadow: unset !important;
    
    /*box-shadow: var(--box-shadow-button);*/
}

.RadButton_CnMaterial.rbButton.rbHovered,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbHovered,
.RadButton_CnMaterial.rbButton.rbHovered:hover,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbHovered:hover,
.RadButton_CnMaterial.rbButton.rbToggled.rbHovered,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbToggled.rbHovered,
.RadButton_CnMaterial.rbButton .rbHovered,
.RadButton_CnMaterial.cnPrimaryButton.rbButton .rbHovered,
.cn-panel-buttons .RadButton_CnMaterial.rbButton.btnEditModeTelerik_width:first-of-type:hover,
.cn-panel-buttons .cnTreeButtons .RadButton_CnMaterial.rbButton.btnEditModeTelerik_width:first-of-type:hover,
.cn-panel-buttons .rfdSkinnedButton.btnEditModeTelerik_width:first-of-type:hover {
    border-color: var(--border-color-pri-hover);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbHovered,
.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbHovered:hover,
.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbToggled.rbHovered,
.RadButton_CnMaterial.cnSecondaryButton.rbButton .rbHovered {
    border-color: var(--border-color-sec-hover);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-sec-hover);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbHovered,
.RadButton_CnMaterial.cnFieldType.rbButton.rbHovered:hover,
.RadButton_CnMaterial.cnFieldType.rbButton.rbToggled.rbHovered,
.RadButton_CnMaterial.cnFieldType.rbButton .rbHovered {
    border-color: var(--border-color-ctrl-hover);
    color: var(--color-ctrl-hover);
    background-color: var(--bg-color-ctrl-hover);
}

.RadButton_CnMaterial.rbButton:focus,
.RadButton_CnMaterial.cnPrimaryButton.rbButton:focus,
.cn-panel-buttons .RadButton_CnMaterial.rbButton.btnEditModeTelerik_width:first-of-type:focus,
.cn-panel-buttons .rfdSkinnedButton.btnEditModeTelerik_width:first-of-type:focus {
    border-color: var(--border-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton:focus {
    border-color: var(--border-color-sec-hover);
    box-shadow: var(--box-shadow-button-main);
    color: var(--color-sec-hover);
    background-color: var(--bg-color-sec-hover);
}

.RadButton_CnMaterial.cnFieldType.rbButton:focus {
    border-color: var(--border-color-ctrl-hover);
    box-shadow: var(--box-shadow-button);
    background-color: var(--bg-color-ctrl-hover);
}

.RadButton_CnMaterial.rbButton.rbSelected,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbSelected,
.RadButton_CnMaterial.rbButton.rbToggled,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbToggled,
.RadButton_CnMaterial.rbSelected .rbHovered,
.RadButton_CnMaterial.cnPrimaryButton.rbSelected .rbHovered {
    border-color: var(--border-color-pri-hover);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbSelected,
.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbToggled,
.RadButton_CnMaterial.cnSecondaryButton.rbSelected .rbHovered {
    border-color: var(--border-color-sec-hover);
    color: var(--color-sec-hover);
    background-color: var(--bg-color-sec-hover);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbSelected,
.RadButton_CnMaterial.cnFieldType.rbButton.rbToggled,
.RadButton_CnMaterial.cnFieldType.rbSelected .rbHovered {
    border-color: var(--border-color-ctrl-hover);
    color: var(--color-ctrl-hover);
    background-color: var(--bg-color-ctrl-hover);
}

.RadButton_CnMaterial.rbButton:hover,
.RadButton_CnMaterial.cnPrimaryButton .rbButton:hover {
    border-color: var(--border-color-pri-hover);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
    transition: all .2s ease-in-out;
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton:hover {
    border-color: var(--border-color-sec-hover);
    color: var(--color-sec-hover);
    background-color: var(--bg-color-sec-hover);
    transition: all .2s ease-in-out;
}

.RadButton_CnMaterial.cnFieldType.rbButton:hover,
.RadButton_CnMaterial.rbButton.rbHovered .rbSplitPart,
.RadButton_CnMaterial.rbButton.rbHovered.rbSelected .rbSplitPart {
    border-color: var(--border-color-ctrl-default);
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-default);
    transition: all .2s ease-in-out;
}

.RadButton_CnMaterial.rbButton:hover .rbHovered {
    border-color: var(--border-color-main-three);
    color: var(--color-ctrl-default);
    /*background-color: var(--bg-color-main-three);*/
    box-shadow: var(--box-shadow-button);
}

.RadButton_CnMaterial.rbButton.rbHovered .rbSplitPartRight,
.RadButton_CnMaterial.rbButton:hover .rbSplitPartRight {
    border-color: transparent transparent transparent var(--border-color-ctrl);
}

.RadButton_CnMaterial.rbButton:hover .rbSplitPartLeft,
.RadButton_CnMaterial.rbButton.rbHovered .rbSplitPartLeft {
    border-color: transparent var(--border-color-ctrl) transparent transparent;
}

.RadButton_CnMaterial.rbButton.rbHovered.rbSelected,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbHovered.rbSelected {
    border-color: var(--border-color-pri-hover);
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbHovered.rbSelected {
    border-color: var(--border-color-sec-hover);
    color: var(--color-sec-hover);
    background-color: var(--bg-color-sec-hover);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbHovered.rbSelected {
    border-color: var(--border-color-ctrl-hover);
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-hover);
}

.RadButton_CnMaterial.rbButton.rbSelected .rbSplitPartRight,
.RadButton_CnMaterial.rbButton.rbSelected .rbSplitPartRight.rbHovered {
    border-color: transparent transparent transparent var(--border-color-ctrl);
}

.RadButton_CnMaterial.rbButton.rbSelected .rbSplitPartLeft,
.RadButton_CnMaterial.rbButton.rbSelected .rbSplitPartLeft.rbHovered {
    border-color: transparent var(--border-color-ctrl) transparent transparent;
}

.RadButton_CnMaterial.rbButton.rbSelected:active .rbSplitPartRight {
    border-color: transparent transparent transparent var(--border-color-ctrl);
}

.RadButton_CnMaterial.rbButton.rbSelected:active .rbSplitPartLeft {
    border-color: transparent var(--border-color-ctrl) transparent transparent;
}

.RadButton_CnMaterial .rbSplitPart .rbIcon,
.RadButton_CnMaterial.rbButton.rbHovered .rbSplitPart .rbIcon,
.RadButton_CnMaterial.rbButton.rbHovered.rbSelected .rbSplitPart .rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbButton:hover .rbHovered .rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbButton.rbSelected .rbHovered .rbSplitPart .rbIcon,
.RadButton_CnMaterial.rbButton.rbSelected .rbSplitPart .rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbCheckBox .rbText,
.RadButton_CnMaterial.rbRadioButton .rbText,
.RadButton_CnMaterial.rbToggleButton .rbText {
    color: var(--color-ctrl-default);
}
    .RadButton_CnMaterial .rbIcon{

    }
    .RadButton_CnMaterial .rbIcon,
    .RadButton_CnMaterial .rbCheckBox .rbText:before,
    .RadButton_CnMaterial .rbText.rbToggleCheckboxChecked .rbRippleContainer,
    .RadButton_CnMaterial .rbText.rbToggleRadioChecked .rbRippleContainer {
        color: #2E3139;
    }

.RadButton_CnMaterial.rbHovered .rbIcon,
.RadButton_CnMaterial.rbCheckBox.rbHovered .rbText:before {
    color: var(--color-ctrl-default);
}
    .RadButton_CnMaterial.rbHovered .rbIcon{

    }
    .RadButton_CnMaterial .rbToggleCheckboxChecked,
    .RadButton_CnMaterial .rbToggleCheckboxFilled,
    .RadButton_CnMaterial.rbCheckBox .rbToggleCheckboxChecked.rbIcon,
    .RadButton_CnMaterial.rbRadioButton .rbToggleRadioChecked.rbIcon,
    .RadButton_CnMaterial.rbToggled .rbToggleCheckBoxChecked.rbIcon,
    .RadButton_CnMaterial.rbToggled .rbToggleRadioChecked.rbIcon,
    .RadButton_CnMaterial .rbText.rbToggleCheckboxChecked:before,
    .RadButton_CnMaterial .rbText.rbToggleRadioChecked:before,
    .RadButton_CnMaterial .rbText.rbToggleCheckbox .rbRippleContainer,
    .RadButton_CnMaterial .rbText.rbToggleRadio .rbRippleContainer {
        color: var(--color-ctrl-checked);
    }

.RadButton_CnMaterial.rbDisabled .rbIcon,
.RadButton_CnMaterial.cnPrimaryButton.rbDisabled .rbIcon {
    color: var(--color-ctrl-disable) !important;
}
.RadButton_CnMaterial.RadCheckBox.rbDisabled .rbIcon {
    color: var(--color-ctrl-disable);
}
    .RadButton_CnMaterial.RadCheckBox.rbDisabled .rbIcon:before {
        color: var(--border-color-ctrl-default);
        background-color: unset !important;
    }
.RadButton_CnMaterial.cnSecondaryButton.rbDisabled .rbIcon {
    color: var(--color-ctrl-disable);
}

.RadButton_CnMaterial.rbCheckBox.rbDisabled .rbToggleCheckboxChecked.rbIcon, 
.RadButton_CnMaterial.cnFieldType.rbDisabled .rbIcon {
    color: var(--color-ctrl-disable);
}

.RadButton_CnMaterial span.rbToggleCheckbox.rbText,
.RadButton_CnMaterial span.rbToggleCheckboxChecked.rbText,
.RadButton_CnMaterial span.rbToggleRadio.rbText,
.RadButton_CnMaterial span.rbToggleRadioChecked.rbText {
    color: #607D8B;
}

.RadButton_CnMaterial.RadRadioButton span.rbText.rbToggleRadioChecked,
.RadButton_CnMaterial.RadRadioButton span.rbText.rbToggleRadio,
.RadButton_CnMaterial.RadCheckBox span.rbText.rbToggleCheckbox,
.RadButton_CnMaterial.RadCheckBox span.rbText.rbToggleCheckboxChecked {
    padding-left: 2.2857142857em;
}

.RadButton_CnMaterial.rbCheckBox, .RadButton_CnMaterial.rbRadioButton {
    overflow: visible;
}

.RadButton_CnMaterial.rbPrimaryButton .rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbPrimaryButton.rbHovered .rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbPrimaryButton.rbCheckBox .rbToggleCheckboxChecked.rbIcon,
.RadButton_CnMaterial.rbPrimaryButton.rbRadioButton .rbToggleRadioChecked.rbIcon,
.RadButton_CnMaterial.rbPrimaryButton.rbToggled .rbToggleCheckBoxChecked.rbIcon,
.RadButton_CnMaterial.rbPrimaryButton.rbToggled .rbToggleRadioChecked.rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbPrimaryButton.rbToggled.rbHovered .rbIcon,
.RadButton_CnMaterial.rbPrimaryButton.rbHovered .rbToggleCheckboxChecked.rbIcon,
.RadButton_CnMaterial.rbPrimaryButton.rbHovered .rbToggleRadioChecked.rbIcon {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbButton.rbRtl .rbSplitPart,
.RadButton_CnMaterial.rbButton.rbRtl .rbSplitPart.rbHovered {
    border-right-color: var(--border-color-ctrl-default);
}

    .RadButton_CnMaterial.rbButton.rbRtl .rbSplitPart.rbSelected {
        border-right-color: var(--border-color-ctrl-default);
    }

.RadButton_CnMaterial.rbButton {
    padding: 8px 13px;
    border-width: 1px;
    font-weight: var(--font-bold) !important;
}
.rgCommandCell .RadButton_CnMaterial.rbButton {
    font-weight: normal !important;
    margin-left:3px;
}

.RadButton_CnMaterial.rbButton .rbIcon:before {
    vertical-align: middle;
    
}
.RadButton_CnMaterial.rbButton.definition_button .rbIcon:before {
    vertical-align: middle;
    position: relative;
    margin-top: -2px;
}

.RadButton_CnMaterial .rbIcon {
    width: 1.3571428571em;
    height: 1.3571428571em;
    margin-top: 0;
    vertical-align: middle;
}

.RadButton_CnMaterial.rbButton.rbIconOnly {
    padding: 8px;
}

.RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckbox,
.RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
.RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckbox,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
.RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadio,
.RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadioChecked,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadio,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadioChecked {
    padding-top: 0.1428571429em;
    font-size: inherit;
    vertical-align: middle;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckbox,
    .RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
    .RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckbox,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadio,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadioChecked,
    .RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadio,
    .RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadioChecked {
        padding-top: 0.0714285714em;
    }
    .RadButton_CnMaterial.rbCheckBox .rbIcon:before,
    .RadButton_CnMaterial.rbRadioButton .rbIcon:before,
    .RadButton_CnMaterial.rbToggleButton .rbIcon:before {
        vertical-align: middle;
    }
}

.RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText,
.RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText,
.RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadio + .rbText,
.RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadio + .rbText,
.RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText,
.RadButton_CnMaterial.RadCheckBox .rbText,
.RadButton_CnMaterial.RadRadioButton .rbText {
    color: var(--color-ctrl-default);
    vertical-align: middle;
    line-height: 1.42857143em;
    font-weight: var(--font-bold);
}

.RadButton_CnMaterial.RadCheckBox .rbText,
.RadButton_CnMaterial.RadRadioButton .rbText {
    font-weight: normal !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckbox + .rbText,
    .RadButton_CnMaterial.rbCheckBox .rbIcon.rbToggleCheckboxChecked + .rbText,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckbox + .rbText,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxChecked + .rbText,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleCheckboxFilled + .rbText,
    .RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadio + .rbText,
    .RadButton_CnMaterial.rbRadioButton .rbIcon.rbToggleRadioChecked + .rbText,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadio + .rbText,
    .RadButton_CnMaterial.rbToggleButton .rbIcon.rbToggleRadioChecked + .rbText {
        line-height: 2em;
        vertical-align: middle;
    }
}

.RadButton_CnMaterial .rbToggleCheckbox:before,
.RadButton_CnMaterial .rbToggleCheckboxChecked:before,
.RadButton_CnMaterial .rbToggleCheckBoxChecked:before,
.RadButton_CnMaterial .rbToggleCheckboxFilled:before,
.RadButton_CnMaterial .rbToggleRadio:before,
.RadButton_CnMaterial .rbToggleRadioChecked:before,
.RadButton_CnMaterial.RadButton span.rbText.rbToggleCheckbox:before,
.RadButton_CnMaterial.RadButton span.rbText.rbToggleCheckboxChecked:before,
.RadButton_CnMaterial.RadButton span.rbText.rbToggleRadio:before,
.RadButton_CnMaterial.RadButton span.rbText.rbToggleRadioChecked:before {
    font-family: var(--font-icons) !important;
    font-size: 21px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.5em;
}

.RadButton_CnMaterial .rbToggleCheckbox:before {
    content: "\e835";
 
}

.RadButton_CnMaterial .rbToggleCheckBoxChecked:before,
.RadButton_CnMaterial .rbToggleCheckboxChecked:before {
    content: "\e834";
}

.RadButton_CnMaterial .rbToggleCheckboxFilled:before {
    content: "\e909";
}

.RadButton_CnMaterial .rbToggleRadio:before {
    content: "\e836";
}

.RadButton_CnMaterial .rbToggleRadioChecked:before {
    content: "\e837";
}

.RadButton_CnMaterial .rbPrimaryIcon {
    margin: 0.0714285714em 0.3571428571em 0em 0em \9;
}

.RadButton_CnMaterial .rbSecondaryIcon {
    margin: 0.0714285714em 0em 0em 0.3571428571em \9;
}

.RadButton_CnMaterial _:-ms-fullscreen, :root .RadButton_CnMaterial.rbButton .rbPrimaryIcon {
    margin: 0.0714285714em 0.3571428571em 0em 0em;
}

.RadButton_CnMaterial _:-ms-fullscreen, :root .RadButton_CnMaterial.rbButton .rbSecondaryIcon {
    margin: 0.0714285714em 0em 0em 0.3571428571em;
}

.RadButton_CnMaterial .rbText {
    margin-top: 0;
    line-height: 1.4285714286em;
    /* vertical-align: middle !important; NghiaNX commented to make button text and button icon align in same line*/ 
}
.cnPrimaryButton.ButtonWithIcon span.rbIcon {
    -webkit-filter: var(--filter-white);
    filter: var(--filter-white);
    -moz-filter: var(--filter-white);
}
.cnPrimaryButton.ButtonWithIcon.rbDisabled span.rbIcon {
    -webkit-filter: none;
    filter: none;
    -moz-filter: none;
}
.cnPrimaryButton.ButtonWithIcon.rbHovered span.rbIcon, .cnPrimaryButton.ButtonWithIcon:hover span.rbIcon {
    -webkit-filter: var(--filter-black);
    filter: var(--filter-black);
    -moz-filter: var(--filter-black);
}
.cnPrimaryButton.ButtonWithIcon.rbHovered.rbDisabled span.rbIcon, .cnPrimaryButton.ButtonWithIcon.rbDisabled:hover span.rbIcon {
    -webkit-filter: none;
    filter: none;
    -moz-filter: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadButton_CnMaterial .rbText {
        line-height: var(--line-height);
    }
    .rgCommandCell .RadButton_CnMaterial .rbText {
        line-height: inherit !important;
    }
}

.RadButton_CnMaterial.rbButton.rbPrimaryButton {
    border-color: #8BC34A;
    color: var(--color-ctrl-default);
    background-color: #8BC34A;
}

    .RadButton_CnMaterial.rbButton.rbPrimaryButton.rbHovered, .RadButton_CnMaterial.rbButton.rbPrimaryButton.rbToggled.rbHovered, .RadButton_CnMaterial.rbButton.rbPrimaryButton.rbFocused {
        border-color: #7CB342;
        color: var(--color-ctrl-default);
        background-color: #7CB342;
    }

    .RadButton_CnMaterial.rbButton.rbPrimaryButton.rbSelected, .RadButton_CnMaterial.rbButton.rbPrimaryButton.rbToggled {
        border-color: #689F38;
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-pri-default);
    }

.RadButton_CnMaterial.rbButton.rbFlatButton,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton {
    padding: 8px;
    color: var(--color-pri-default);
    background-color: var(--bg-color-pri-default);
    border: 0 none;
    box-shadow: var(--box-shadow-button-main);
    transition: none;
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton {
    padding: 8px;
    color: var(--color-sec-default);
    background-color: var(--bg-color-sec-default);
    border: 0 none;
    box-shadow: var(--box-shadow-button-main) !important;
    transition: none;
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton {
    padding: 8px;
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-default);
    border: 0 none;
    box-shadow: var(--box-shadow-button);
    transition: none;
}

.RadButton_CnMaterial.rbButton.rbFlatButton.rbHovered,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbHovered {
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbHovered {
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbHovered {
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-hover);
    box-shadow: var(--box-shadow-button);
}

.RadButton_CnMaterial.rbButton.rbFlatButton:focus,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton:focus,
.RadButton_CnMaterial.rbButton.rbFlatButton.rbFocused,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbFocused,
.RadButton_CnMaterial.rbButton.rbFlatButton.rbSelected,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbSelected {
    background-color: var(--bg-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton:focus, .RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbFocused, .RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbSelected {
    background-color: var(--bg-color-pri-hover);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton:focus, .RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbFocused, .RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbSelected {
    background-color: var(--bg-color-ctrl-hover);
    box-shadow: var(--box-shadow-button);
}

.RadButton_CnMaterial.rbButton.rbFlatButton.rbPrimaryButton,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbPrimaryButton {
    color: var(--color-main_text-light);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbPrimaryButton {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbPrimaryButton {
    color: var(--color-ctrl-default);
}

.RadButton_CnMaterial.rbButton.rbFlatButton.rbPrimaryButton.rbHovered,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbPrimaryButton.rbHovered {
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbPrimaryButton.rbHovered {
    color: var(--color-pri-hover);
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbPrimaryButton.rbHovered {
    color: var(--color-ctrl-default);
    background-color: var(--bg-color-ctrl-default)
}

.RadButton_CnMaterial.rbButton.rbFlatButton.rbPrimaryButton:focus,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbPrimaryButton:focus,
.RadButton_CnMaterial.rbButton.rbFlatButton.rbPrimaryButton.rbFocused,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbPrimaryButton.rbFocused,
.RadButton_CnMaterial.rbButton.rbFlatButton.rbPrimaryButton.rbSelected,
.RadButton_CnMaterial.cnPrimaryButton.rbButton.rbFlatButton.rbPrimaryButton.rbSelected {
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbPrimaryButton:focus, .RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbPrimaryButton.rbFocused, .RadButton_CnMaterial.cnSecondaryButton.rbButton.rbFlatButton.rbPrimaryButton.rbSelected {
    background-color: var(--bg-color-pri-hover);
}

.RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbPrimaryButton:focus, .RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbPrimaryButton.rbFocused, .RadButton_CnMaterial.cnFieldType.rbButton.rbFlatButton.rbPrimaryButton.rbSelected {
    background-color: var(--bg-color-ctrl-hover)
}

.RadButton_CnMaterial.rbButton.rbFlatButton.rbPrimaryButton .rbIcon {
    color: #607D8B;
}

.RadButton_CnMaterial.RadButton.rbButton.rbDisabled,
.RadButton_CnMaterial.RadButton.rbButton.btnEditModeTelerik_width:first-child.rfdInputDisabled,
.RadButton_CnMaterial.RadButton.cnPrimaryButton.rbButton.rbDisabled,
.RadButton_CnMaterial.RadButton.rbButton.rbPrimaryButton.rbDisabled,
.RadButton_CnMaterial.RadButton.cnPrimaryButton.rbButton.rbPrimaryButton.rbDisabled {
    background-color: var(--bg-color-pri-disable);
    color: var(--color-pri-disable);
    border-color: var(--border-color-pri-disable);
    box-shadow: var(--box-shadow-button-main);
}
.RadButton_CnMaterial.RadButton.rbButton.definition_button.rbDisabled {
    background-color: var(--bg-color-ctrl-disable) !important;
}
.RadButton_CnMaterial.RadButton.cnSecondaryButton.rbButton.rbDisabled, .RadButton_CnMaterial.RadButton.cnSecondaryButton.rbButton.rbPrimaryButton.rbDisabled {
    background-color: var(--bg-color-sec-disable);
    color: var(--color-sec-disable);
    border-color: var(--border-color-sec-disable);
    box-shadow: var(--box-shadow-button-main);
}

.RadButton_CnMaterial.RadButton.rbButton.cnFieldType.rbDisabled, .RadButton_CnMaterial.RadButton.rbButton.cnFieldType.rbPrimaryButton.rbDisabled {
    background-color: var(--bg-color-ctrl-disable);
    color: var(--color-ctrl-disable);
    border-color: var(--border-color-ctrl-disable);
    box-shadow: var(--box-shadow-button);
}

.RadCheckBox.RadButton.rbDisabled {
    opacity: unset !important;
}

    .RadButton_CnMaterial.rbRtl.RadButton.rbCheckBox .rbIcon.rbToggleCheckbox,
    .RadButton_CnMaterial.rbRtl.RadButton.rbCheckBox .rbIcon.rbToggleCheckboxChecked,
    .RadButton_CnMaterial.rbRtl.RadButton.rbCheckBox .rbIcon.rbToggleCheckboxFilled,
    .RadButton_CnMaterial.rbRtl.RadButton.rbToggleButton .rbIcon.rbToggleCheckbox,
    .RadButton_CnMaterial.rbRtl.RadButton.rbToggleButton .rbIcon.rbToggleCheckboxChecked,
    .RadButton_CnMaterial.rbRtl.RadButton.rbToggleButton .rbIcon.rbToggleCheckboxFilled,
    .RadButton_CnMaterial.rbRtl.RadButton.rbRadioButton .rbIcon.rbToggleRadio,
    .RadButton_CnMaterial.rbRtl.RadButton.rbRadioButton .rbIcon.rbToggleRadioChecked {
        margin: -.22em 0 0 .41667em;
    }

.RadButton_CnMaterial.RadRadioButton.rbRtl span.rbText.rbToggleRadioChecked,
.RadButton_CnMaterial.RadRadioButton.rbRtl span.rbText.rbToggleRadio,
.RadButton_CnMaterial.RadCheckBox.rbRtl span.rbText.rbToggleCheckbox,
.RadButton_CnMaterial.RadCheckBox.rbRtl span.rbText.rbToggleCheckboxChecked {
    padding-right: 2.2857142857em;
}

.RadButton_CnMaterial + .RadLabel {
    vertical-align: top;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
}

span.RadButton_CnMaterial.rbButton {
    background-color: transparent;
    border-color: transparent;
    box-shadow: var(--box-shadow-button);
    padding: 1px 19px 0 16px;
    text-transform: none;
}

span.RadButton_CnMaterial.rbButton:before {
    border-bottom: 1px solid var(--border-color-ctrl);
    display: block;
    position: absolute;
    right: 13px;
    bottom: 1px;
    left: 13px;
    content: "";
}

span.RadButton_CnMaterial.rbButton:hover:before, span.RadButton_CnMaterial.rbButton:focus:before, span.RadButton_CnMaterial.rbButton:active:before {
    display: none;
}

span.RadButton_CnMaterial.rbButton.rbDisabled:focus {
    box-shadow: var(--box-shadow-button);
}

span.RadButton_CnMaterial.rbButton.rbDisabled:hover:before, span.RadButton_CnMaterial.rbButton.rbDisabled:focus:before, span.RadButton_CnMaterial.rbButton.rbDisabled:active:before {
    display: block;
}

span.RadButton_CnMaterial.rbButton .rbSplitPart {
    padding: 8px;
    top: 0;
    border-color: transparent;
}

span.RadButton_CnMaterial.rbButton .rbSplitPartRight {
    right: -0.3571428571em;
}

span.RadButton_CnMaterial.rbButton .rbSplitPartLeft {
    left: 0.2142857143em;
}

span.RadButton_CnMaterial.rbButton .rbSplitIcon:before {
    margin: -0.0714285714em 0em 0em -0.1071428571em;
}

span.RadButton_CnMaterial.rbButton .rbText {
    line-height: 2.5em;
}

.rbRippleContainer.t-ripple-effect-icon {
    display: inline-block;
    position: absolute;
    width: 1.6428571429em;
    height: 1.6428571429em;
    top: -1px;
    left: -1px;
}
.RadForm_CnMaterial .MessageErrorButton {
    color: var(--color-main-error) !important;
    padding-top: 5px !important;
    padding-left:5px;
}

.RadForm_CnMaterial button.RadCheckBox ~ label {
    line-height: 16px !important;
    color: var(--color-ctrl-default) !important;
    font-weight: normal !important;
}
.RadForm_CnMaterial .cn-checkbox .rfdRealInput ~ label {
    line-height: 16px !important;
    color: var(--color-ctrl-default);
    font-weight: normal !important;
}
.RadForm_CnMaterial button.RadCheckBox ~ a.HistoryLinkClass {
    line-height: 22px !important;
    vertical-align:unset !important;
}
.RadForm_CnMaterial .cn-checkbox .rfdInputDisabled {
    background-color: unset !important;
}

.RadForm_CnMaterial .cn-checkbox .rfdInputDisabled:before {
    color: var(--color-ctrl-disable);
}

.RadForm_CnMaterial .cn-checkbox label.rfdInputDisabled:before {
    color: var(--bg-color-ctrl-disable) !important;
}


.rbPrint:before {
    color: var(--color-ctrl-default);
    position: relative;
    top: -3px;
}
.rbCancel:before {
    color: var(--color-ctrl-default);
    position: relative;
    top: -3px;
}
.RadButton_CnMaterial:hover span.rbIcon.rbCancel::before {
    color: var(--color-ctrl-default);
}
.RadButton_CnMaterial .rieActualSize:before, .RadButton_CnMaterial .rieBestFit:before {
    color: var(--color-ctrl-default);
}