:root {
    
}

.RadForm_CnMaterial {
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
    /* Primary Button styles */
    /* Flat Button styles */
}

    .RadForm_CnMaterial .cnFieldType.rfdSkinnedButton:disabled {
        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);
    }

    .RadForm_CnMaterial.rfdZone {
        background-color: var(--bg-color-main);
    }

.RadForm_CnMaterial .rfdTextInput,
.RadForm_CnMaterial.rfdTextbox .rfdTextInput,
.RadForm_CnMaterial.rfdTextarea textarea,
.RadForm_CnMaterial.rfdFieldset fieldset,
.RadForm_CnMaterial.rfdFieldset legend,
.RadForm_CnMaterial .rfdHeading,
.RadForm_CnMaterial .rfdValidationSummaryControl,
.RadForm_CnMaterial .rfdLoginControl {
    color: var(--color-main_text);
}

.RadForm_CnMaterial .rfdHeading {
    border-bottom-color: var(--border-color-ctrl);
}

.RadForm_CnMaterial.RadForm.rfdFieldset fieldset {
    border-color: var(--border-color-ctrl);
/*    background-color: var(--bg-color-main-three);*/
}

    .RadForm_CnMaterial .rfdSkinnedButton,
    .RadForm_CnMaterial .cnPrimaryButton.rfdSkinnedButton {
        border-color: var(--border-color-ctrl-focus);
        color: var(--color-pri-default);
        background-color: var(--bg-color-pri-default);
        line-height: var(--line-height);
        transition: all .2s ease-in-out;
        box-shadow: var(--box-shadow-button-main);
    }

    .RadForm_CnMaterial .cnSecondaryButton.rfdSkinnedButton {
        border-color: var(--border-color-sec-default);
        color: var(--color-sec-default);
        background-color: var(--bg-color-sec-default);
        line-height: var(--line-height);
        transition: all .2s ease-in-out;
        box-shadow: var(--box-shadow-button-main);
    }

    .RadForm_CnMaterial .cnFieldType.rfdSkinnedButton {
        border-color: var(--border-color-ctrl-default);
        color: var(--btnField_Color_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);*/
        box-shadow: unset !important;
    }

    .RadForm_CnMaterial .rfdSkinnedButton:disabled
    .RadForm_CnMaterial .cnPrimaryButton.rfdSkinnedButton:disabled {
        background-color: var(--color-pri-disable);
        color: var(--color-ctrl-disable);
        border-color: var(--color-pri-disable);
        box-shadow: var(--box-shadow-button-main);
    }

    .RadForm_CnMaterial .cnSecondaryButton.rfdSkinnedButton:disabled {
        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-main);
    }

    .RadForm_CnMaterial .cnFieldType.rfdSkinnedButton {
        border-color: 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);*/
    }

    .RadForm_CnMaterial .rfdSkinnedButton:hover,
    .RadForm_CnMaterial .cnPrimaryButton.rfdSkinnedButton:hover {
        border-color: var(--border-color-pri-hover);
        color: var(--color-pri-hover);
        background-color: var(--bg-color-pri-hover);
    }
        .RadForm_CnMaterial .rfdSkinnedButton:hover::before, .RadForm_CnMaterial .cnPrimaryButton.rfdSkinnedButton:hover::before{
            filter:var(--filter-black);
        }
    .RadForm_CnMaterial .cnSecondaryButton.rfdSkinnedButton:hover {
        border-color: var(--border-color-sec-hover);
        color: var(--color-sec-hover);
        background-color: var(--bg-color-sec-hover);
    }

    .RadForm_CnMaterial .cnFieldType.rfdSkinnedButton:hover {
        border-color: var(--border-color-ctrl-hover);
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-hover);
    }

.RadForm_CnMaterial .rfdSkinnedButton:active,
.RadForm_CnMaterial .rfdClickedButton,
.RadForm_CnMaterial .rfdFocusedButton {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--border-color-ctrl);
    box-shadow: var(--box-shadow-button);
}

    .RadForm_CnMaterial .rfdSkinnedButton.rfdPrimaryButton {
        border-color: var(--border-color-pri-default);
        color: var(--color-pri-default);
        background-color: var(--bg-color-pri-default);
    }

        .RadForm_CnMaterial .rfdSkinnedButton.rfdPrimaryButton:hover {
            border-color: var(--border-color-pri-hover);
            color: var(--color-pri-hover);
            background-color: var(--bg-color-pri-hover);
        }

        .RadForm_CnMaterial .rfdSkinnedButton.rfdPrimaryButton:active, .RadForm_CnMaterial .rfdSkinnedButton.rfdPrimaryButton.rfdClickedButton, .RadForm_CnMaterial .rfdSkinnedButton.rfdPrimaryButton.rfdFocusedButton {
            border-color: var(--border-color-pri-hover);
            color: var(--color-pri-hover);
            background-color: var(--bg-color-pri-hover);
        }

    .RadForm_CnMaterial.rfdButton .rfdSkinnedButton.rfdInputDisabled,
    .RadForm_CnMaterial.rfdButton .rfdSkinnedButton.rfdPrimaryButton.rfdInputDisabled {
        background-color: var(--bg-color-ctrl-disable);
        color: var(--color-ctrl-disable);
        border-bottom: 1px solid;
        border-color: var(--border-color-ctrl-disable);
        box-shadow: none;
    }

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton {
    padding: 8px;
    color: var(--color-main_text);
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    transition: none;
}

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled.rfdPrimaryButton:hover, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled.rfdPrimaryButton:active, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled.rfdPrimaryButton.rfdClickedButton, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled.rfdPrimaryButton.rfdFocusedButton, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled[type="button"], .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled[type="submit"], .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdInputDisabled[type="reset"] {
    padding: 8px;
    color: var(--color-main_text);
    background-color: transparent;
    transition: none;
}

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton:hover {
    color: var(--color-main_text);
    background-color: rgba(69, 90, 100, 0.12);
}

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton:active, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdClickedButton, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdFocusedButton {
    background-color: rgba(69, 90, 100, 0.24);
}

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdPrimaryButton {
    color: #8BC34A;
}

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdPrimaryButton:hover {
    color: #8BC34A;
    background-color: rgba(139, 195, 74, 0.12);
}

.RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdPrimaryButton:active, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdPrimaryButton.rfdClickedButton, .RadForm_CnMaterial .rfdSkinnedButton.rfdFlatButton.rfdPrimaryButton.rfdFocusedButton {
    background-color: rgba(139, 195, 74, 0.24);
}

    .RadForm_CnMaterial .rfdTextInput,
    .RadForm_CnMaterial.rfdTextarea textarea {
        background-color: var(--bg-color-ctrl-default);
        color: var(--color-ctrl-default);
        border-style: solid;
        border-width: 1px 1px 2px 1px;
    }

.rfdTextInput,
.rfdTextarea textarea {
    border-color: var(--border-color-ctrl-default);
}

        .RadForm_CnMaterial .rfdTextInput:hover,
        .RadForm_CnMaterial.rfdTextarea textarea:hover {
            /*background-color: transparent;*/
            color: var(--color-main_text);
            /*border-color: transparent transparent #90A4AE;*/
            /*border-bottom: 1px solid ;*/
          /*  border-bottom-color: var(--color-ctrl-border-bothover);*/
        }

.RadForm_CnMaterial .rfdTextInput:active,
.RadForm_CnMaterial.rfdTextarea textarea:active,
.RadForm_CnMaterial .rfdTextInput:focus,
.RadForm_CnMaterial.rfdTextarea textarea:focus {
    /*background-color: transparent;*/
    color: var(--color-main_text) !important;
    /*border-color: transparent transparent #8BC34A;*/
}

.RadForm_CnMaterial .rfdTextInput:disabled,
.RadForm_CnMaterial .rfdTextInput:focus:disabled,
.RadForm_CnMaterial .rfdTextInput:active:disabled,
.RadForm_CnMaterial.rfdTextarea textarea:disabled {
    background-color: transparent;
    color: var(--color-ctrl-disable);
}

.RadForm_CnMaterial .rfdCheckboxChecked .t-ripple-effect-icon,
.RadForm_CnMaterial .rfdRadioChecked .t-ripple-effect-icon,
.RadForm_CnMaterial .rfdCheckboxUnchecked .t-ripple-effect-icon,
.RadForm_CnMaterial .rfdRadioUnchecked .t-ripple-effect-icon {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 1.7142857143em;
    height: 1.7142857143em;
}

.RadForm_CnMaterial .rfdRippleContainer {
    top: 0.2142857143em;
    left: 0;
}

.RadForm_CnMaterial .rfdCheckboxChecked .t-ripple-container,
.RadForm_CnMaterial .rfdRadioChecked .t-ripple-container,
.RadForm_CnMaterial .rfdCheckboxUnchecked .t-ripple-container,
.RadForm_CnMaterial .rfdRadioUnchecked .t-ripple-container {
    top: -0.2142857143em;
    top: -0.1428571429em \9;
    left: -0.2142857143em;
    left: -0.1428571429em \9;
}

.RadForm_CnMaterial _:-ms-fullscreen, .RadForm_CnMaterial .rfdCheckboxChecked .t-ripple-container,
.RadForm_CnMaterial _:-ms-fullscreen, .RadForm_CnMaterial .rfdCheckboxUnchecked .t-ripple-container,
.RadForm_CnMaterial _:-ms-fullscreen, .RadForm_CnMaterial .rfdRadioChecked .t-ripple-container,
.RadForm_CnMaterial _:-ms-fullscreen, .RadForm_CnMaterial .rfdRadioUnchecked .t-ripple-container {
    top: -0.1428571429em;
    left: -0.1428571429em;
}

    .RadForm_CnMaterial .rfdCheckboxUnchecked:before,
    .RadForm_CnMaterial .rfdRadioUnchecked:before,
    .RadForm_CnMaterial .rfdCheckboxChecked:hover:before,
    .RadForm_CnMaterial .rfdRadioChecked:hover:before,
    .RadForm_CnMaterial .rfdCheckboxUnchecked .rfdRippleContainer,
    .RadForm_CnMaterial .rfdRadioUnchecked .rfdRippleContainer,
    .RadForm_CnMaterial .rfdCheckboxChecked:hover .rfdRippleContainer,
    .RadForm_CnMaterial .rfdRadioChecked:hover .rfdRippleContainer {
        color: var(--color-ctrl-default);
    }
    .RadForm_CnMaterial.rfdCheckbox .cn-checkbox[issetdefault='1'] .rfdCheckboxUnchecked:before {
        color: var(--color-ctrl-default);
    }
    .RadForm_CnMaterial.rfdCheckbox .cn-checkbox[issetdefault='1'] .rfdCheckboxChecked:before
    {
        color: var(--color-ctrl-checked);
    }
    .RadForm_CnMaterial .rfdCheckboxChecked:before,
    .RadForm_CnMaterial .rfdRadioChecked:before,
    .RadForm_CnMaterial .rfdRadioUnchecked:hover:before,
    .RadForm_CnMaterial .rfdCheckboxChecked .rfdRippleContainer,
    .RadForm_CnMaterial .rfdRadioChecked .rfdRippleContainer,
    .RadForm_CnMaterial .rfdCheckboxUnchecked:hover .rfdRippleContainer,
    .RadForm_CnMaterial .rfdRadioUnchecked:hover .rfdRippleContainer {
        color: var(--color-ctrl-checked) !important ;
    }
    .RadForm_CnMaterial .rfdInputDisabled.rfdCheckboxChecked:before {
        color: var(--color-ctrl-disable) !important;
    }
    .RadForm_CnMaterial .rfdCheckboxchecked:hover:before {
        color: var(--color-ctrl-hover) !important;
    }
    .RadForm_CnMaterial .rfdCheckboxUnchecked:hover:before {
        color: var(--color-ctrl-hover) !important;
    }
    .RadForm_CnMaterial label.rfdCheckboxUnchecked.rfdInputDisabled,
    .RadForm_CnMaterial.RadForm .rfdCheckboxChecked.rfdInputDisabled,
    .RadForm_CnMaterial .rfdCheckboxUnchecked.rfdInputDisabled:hover,
    .RadForm_CnMaterial .rfdRadioUnchecked.rfdInputDisabled:hover {
        color: var(--color-ctrl-default);
    }
        

        .RadForm_CnMaterial label.rfdRadioUnchecked.rfdInputDisabled,
        .RadForm_CnMaterial.RadForm .rfdRadioChecked.rfdInputDisabled {
            color: var(--color-ctrl-disable);
        }
        .RadForm_CnMaterial label.rfdCheckboxUnchecked.rfdInputDisabled:before,
        .RadForm_CnMaterial label.rfdRadioUnchecked.rfdInputDisabled:before,
        .RadForm_CnMaterial.RadForm .rfdCheckboxChecked.rfdInputDisabled:before,
        .RadForm_CnMaterial.RadForm .rfdRadioChecked.rfdInputDisabled:before,
        .RadForm_CnMaterial .rfdCheckboxUnchecked.rfdInputDisabled:hover:before,
        .RadForm_CnMaterial .rfdRadioUnchecked.rfdInputDisabled:hover:before {
            color: var(--bg-color-ctrl-disable) !important;
        }
    .RadForm .rfdTextInput:disabled,
    .RadForm.rfdTextarea textarea:disabled,
    .RadForm .rfdInputDisabled, .RadForm .rfdSelectDisabled,
    .RadForm .rfdSkinnedButton:disabled {
        opacity: 1 !important;
    }
.RadForm_CnMaterial label.rfdCheckboxUnchecked.rfdInputDisabled:before, .RadForm_CnMaterial.RadForm .rfdCheckboxChecked.rfdInputDisabled:before {
    color: var(--border-color-ctrl-default) !important;
}

    .RadForm_CnMaterial .rfdRadioUnchecked:hover:before,
    .RadForm_CnMaterial .rfdCheckboxUnchecked:hover:before,
    .RadForm_CnMaterial .rfdRadioChecked:hover:before,
    .RadForm_CnMaterial .rfdCheckboxChecked:hover:before {
        color: var(--color-ctrl-checked);
    }

    .RadForm_CnMaterial .rfdRadioUnchecked:hover:before,
    .RadForm_CnMaterial .rfdCheckboxUnchecked:hover:before,
    .RadForm_CnMaterial .rfdRadioChecked:hover:before,
    .RadForm_CnMaterial .rfdCheckboxChecked:hover:before {
        color: var(--color-ctrl-checked);
    }

    .RadForm_CnMaterial label.rfdCheckboxUnchecked,
    .RadForm_CnMaterial label.rfdCheckboxChecked,
    .RadForm_CnMaterial label.rfdRadioUnchecked,
    .RadForm_CnMaterial label.rfdRadioChecked {
        padding: 0.3125em 0em 0.1875em 1.5em;
        left: -2px;
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadForm_CnMaterial label.rfdCheckboxUnchecked,
    .RadForm_CnMaterial label.rfdCheckboxChecked,
    .RadForm_CnMaterial label.rfdRadioUnchecked,
    .RadForm_CnMaterial label.rfdRadioChecked {
        padding: 0.3125em 0em 0.1875em 1.5em;
    }
}

.RadForm_CnMaterial .rfdSelect_CnMaterial {
    background-color: var(--bg-color-ctrl-default);
    color: var(--color-ctrl-default);
    border-style: solid;
    border-width: 1px 1px 2px 1px;
    border-color: var(--border-color-ctrl-default);
    box-sizing: border-box !important;
}

    .RadForm_CnMaterial .rfdSelect_CnMaterial:hover {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-default);
        border-bottom: 2px solid;
        border-bottom-color: var(--border-color-ctrl-default);
    }

    .RadForm_CnMaterial .rfdSelect_CnMaterial:active,
    .RadForm_CnMaterial .rfdSelect_CnMaterial:focus {
        /*        border-color: #CFD8DC;*/

        color: var(--color-main_text);
        background-color: var(--bg-color-ctrl-default);
        border-bottom: 2px solid var(--border-color-ctrl-focus) !important;
     /*   box-shadow: 0 -1px 0 var(--border-color-ctrl-focus) inset !important;*/
    }

    .RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled,
    .RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled:hover,
    .RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled:active,
    .RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled:focus {
        color: var(--color-ctrl-disable);
        background-color: var(--bg-color-ctrl-disable);
        opacity: unset !important;
    }



.RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled:hover:before,
.RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled:focus:before,
.RadForm_CnMaterial .rfdSelect_CnMaterial.rfdSelectDisabled:active:before {
    display: block;
}

    .RadForm_CnMaterial .rfdSelect_CnMaterial.rfdDropDownExpanded {
        border-color: var(--border-color-ctrl);
        color: var(--color-main_text);
        /*background-color: var(--color-main_text-light);*/
        border-color: var(--border-color-ctrl-default);
    }

.RadForm_CnMaterial.rfdScrollBars .rfdSelectBox::-webkit-scrollbar,
.RadForm_CnMaterial.rfdScrollBars .rfdSelectBox::-webkit-scrollbar-thumb:vertical,
.RadForm_CnMaterial.rfdScrollBars .rfdSelectBox::-webkit-scrollbar-thumb:horizontal,
.RadForm_CnMaterial.rfdScrollBars form::-webkit-scrollbar,
.RadForm_CnMaterial.rfdScrollBars form::-webkit-scrollbar-thumb:vertical,
.RadForm_CnMaterial.rfdScrollBars form::-webkit-scrollbar-thumb:horizontal {
    background-color: var(--bg-color-main-three);
}

.RadForm_CnMaterial.rfdScrollBars textarea::-webkit-scrollbar-corner {
    background-color: #e6e5e5;
}

.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-thumb:vertical,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-thumb:horizontal {
    border-color: var(--border-color-ctrl);
    background-color: var(--bg-color-main-three);
}

.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement,
.RadForm_CnMaterial.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment {
    background-image: none;
}

.RadForm_CnMaterial.rfdGrids .rfdTable {
    border: 1px solid var(--border-color-ctrl);
    background: var(--bg-color-main);
    color: var(--color-main_text);
    font-family: inherit;
    font-size: inherit;
}

.RadForm_CnMaterial.rfdGrids .rfdTable th {
    border-bottom: 1px solid var(--border-color-ctrl);
    border-left: 1px solid var(--color-main_text);
    background-color: #8BC34A;
    color: var(--color-main_text);
}

.RadForm_CnMaterial.rfdGrids .rfdTable a {
    color: var(--color-main_text);
}

.RadForm_CnMaterial .rfdValidationSummaryControl,
.RadForm_CnMaterial .rfdLoginControl {
    background-color: var(--bg-color-main-three);
    border: 1px solid var(--border-color-ctrl);
}

.RadForm_CnMaterial a.rfdLoginControl,
.RadForm_CnMaterial a.rfdLoginControl:active,
.RadForm_CnMaterial a.rfdLoginControl:visited {
    color: var(--color-main_text);
}

.RadForm_CnMaterial a.rfdLoginControl:hover {
    color: var(--color-main_text);
}

.RadForm_CnMaterial.rfdRoundedCorners.rfdTextbox .rfdTextInput,
.RadForm_CnMaterial.rfdTextarea.rfdRoundedCorners.rfdTextarea textarea,
.RadForm_CnMaterial.rfdFieldset.rfdRoundedCorners.rfdFieldset fieldset,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelect,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelectBox li:first-child,
.RadForm_CnMaterial.rfdRoundedCorners legend,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelectBoxDropDown {
    border-radius: 3px !important;
}

.RadForm_CnMaterial.rfdRoundedCorners .rfdSkinnedButton,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelect:hover,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelect:active,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelect:focus,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelectBox,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelectBox ul {
    border-radius: 0.1428571429em;
}

.RadForm_CnMaterial.rfdRoundedCorners .rfdSelectBox.rfdSelectBoxDropDown,
.RadForm_CnMaterial.rfdRoundedCorners .rfdSelectBox.rfdSelectBoxDropDown ul {
    border-radius: 0em 0em 0.1428571429em 0.1428571429em;
}

.RadForm_CnMaterial .rfdSkinnedButton {
    /*border-width: 0;*/
    padding: 8px 15px;
    font-weight: var(--font-bold) !important;
}

.RadForm_CnMaterial .rfdTextInput,
.RadForm_CnMaterial.rfdTextarea textarea {
    padding: 8px 6px 7px 6px;
/*    border-width: 1px 0;*/
}

.RadForm_CnMaterial .rfdTextInput {
    /* line-height: 1.42857143em;*/
   line-height: var(--line-height);
    height: calc(1.4285714286em + 16px) \9;
}

.RadForm_CnMaterial _:-ms-fullscreen, .RadForm_CnMaterial .rfdTextInput {
    height: calc(1.4285714286em + 16px);
}

@media \0screen\,screen\9 {
    .RadForm_CnMaterial .rfdTextInput {
        height: 36px;
    }
}

.RadForm_CnMaterial .rfdTextInput[readonly="readonly"] {
    color: var(--color-ctrl-disable);
    background-color: var(--bg-color-ctrl-disable);
    opacity: unset !important;
    border-bottom-color: var(--border-color-ctrl-disable);
}

.RadForm_CnMaterial .rfdTextInput:active,
.RadForm_CnMaterial .rfdTextInput:focus,
.RadForm_CnMaterial.rfdTextarea textarea:active,
.RadForm_CnMaterial.rfdTextarea textarea:focus {
    padding: 8px 6px 7px 6px;
    /*border-width: 1px 0 2px;*/
    border-bottom: 2px solid;
    border-bottom-color: var(--border-color-ctrl-focus);
    transition: ease-in-out .5s border;
    /*box-shadow: 0 -1px 0 var(--border-color-ctrl-focus) inset;*/
}
.RadForm_CnMaterial .rfdTextInput[readonly="readonly"]:active,
.RadForm_CnMaterial .rfdTextInput[readonly="readonly"]:focus,
.RadForm_CnMaterial.rfdTextarea textarea[readonly="readonly"]:active,
.RadForm_CnMaterial.rfdTextarea textarea[readonly="readonly"]:focus {
    color: var(--color-ctrl-disable) !important;
    background-color: var(--bg-color-ctrl-disable);
    opacity: unset !important;
    border-bottom-color: var(--border-color-ctrl) !important;
    box-shadow: none !important;
}
.RadForm_CnMaterial.rfdTextarea textarea[readonly="readonly"],
.RadForm_CnMaterial.rfdTextarea textarea[readonly="readonly"] {
    background-color: var(--bg-color-ctrl-disable);
    color: var(--color-ctrl-disable);
}
.RadForm_CnMaterial .rfdSelect_CnMaterial, .RadForm_CnMaterial .rfdSelectDisabled {
    /*border: 1px solid;*/
    min-width: 4.5714285714em;
    padding: 8px 13px 7px 10px;
    border-bottom: 2px solid;
    border-bottom-color: var(--border-color-ctrl-default);
    line-height: var(--line-height);
    min-height: 34px !important;
}

.RadForm_CnMaterial .rfdSelect_CnMaterial:before {
    /*border-bottom: 1px solid #CFD8DC;*/
    display: block;
    position: absolute;
    right: 13px;
    bottom: 0;
    left: 11px;
    content: "";
}

/*    .RadForm_CnMaterial .rfdSelect_CnMaterial .rfdDropDownArrow::before {
        color: #000000 !important;
    }*/
.RadForm_CnMaterial .rfdSelect_CnMaterial:hover:before, .RadForm_CnMaterial .rfdSelect_CnMaterial:focus:before, .RadForm_CnMaterial .rfdSelect_CnMaterial:active:before {
    display: none;
}

.RadForm_CnMaterial .p-i-radio-checked {
    color: var(--color-main_text);
}

.RadForm_CnMaterial .p-i-radio, .RadForm_CnMaterial .p-i-radio-checked {
    margin: 0.2857142857em 0em 0em;
}

.RadForm_CnMaterial.rfdLabel label,
.RadForm_CnMaterial.rfdLabel .rfdAspLabel {
    color: var(--color-main_text);
    vertical-align: middle;
    /*line-height: 2.5714285714em;*/
    line-height: 1.9714285714em;
    font-weight: var(--font-bold);
}

.RadForm_CnMaterial.rfdLabel .RecurrenceEditor label {
    line-height: var(--line-height);
    font-weight: unset;
}

.RadForm_CnMaterial.rfdCheckbox .rfdCheckboxChecked,
.RadForm_CnMaterial.rfdCheckbox .rfdCheckboxUnchecked,
.RadForm_CnMaterial.rfdRadio .rfdRadioChecked,
.RadForm_CnMaterial.rfdRadio .rfdRadioUnchecked {
/*    padding: 0.3571428571em 0em 0em 2.3571428571em;*/

/*    line-height: unset;*/
}

    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxChecked:before,
    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxUnchecked:before,
    .RadForm_CnMaterial.rfdRadio .rfdRadioChecked:before,
    .RadForm_CnMaterial.rfdRadio .rfdRadioUnchecked:before {
        top: 0.2142857143em;
        font-size: 21px !important;
        font-family: var(--font-icons);
        font-weight: var(--font-bold);
        border-radius: 45px;
    }
    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxUnchecked:before, .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxChecked:before {
        border-radius: unset;
    }

        .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxUnchecked:before {
            content: "\e835";
        }

.RadForm_CnMaterial.rfdCheckbox .rfdCheckboxChecked:before {
    content: "\e834";
}

.RadForm_CnMaterial.rfdRadio .rfdRadioUnchecked:before {
    content: "\e836";
}

.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI .rfdRadioUnchecked:before {
    content: "";
}

.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI .rfdRadioUnchecked {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    border-top-left-radius: var(--border-radius);
    box-shadow: 0px 2px 0px 0px var(--border-color-ctrl);
    padding: 3px 3px 3px 3px;
    border-right: 1px solid white !important;
}
.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI:last-child .rfdRadioUnchecked {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    border-top-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    box-shadow: 0px 2px 0px 0px var(--border-color-ctrl);
    padding: 3px 3px 3px 3px;
    border-right: 1px solid white !important;
}
.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI:first-child .rfdRadioUnchecked {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    box-shadow: 0px 2px 0px 0px var(--border-color-ctrl);
    padding: 3px 3px 3px 3px;
    border-right: 1px solid white !important;
}

.RadForm .customtabforradiobutton label.rfdRadioUnchecked:before, .RadForm .customtabforradiobutton label.rfdRadioChecked:before {
    width: 0px;
    height: 0px;
}

.RadForm_CnMaterial.rfdRadio .rfdRadioChecked:before {
    content: "\e837";
}

.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rfdRadioChecked:before {
    content: "";
}

.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI .rfdRadioChecked {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    border-top-left-radius: var(--border-radius);
    box-shadow: 0px 2px 0px 0px var(--color-main-default);
    padding: 3px 3px 3px 3px;
    border-right: 1px solid white !important;
}
.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI:last-child .rfdRadioChecked {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    border-top-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    box-shadow: 0px 2px 0px 0px var(--color-main-default);
    padding: 3px 3px 3px 3px;
    border-right: 1px solid white !important;
}
.RadForm_CnMaterial.rfdRadio .customtabforradiobutton .rtsLI:first-child .rfdRadioChecked {
    background-color: var(--bg-color-ctrl_grid-head) !important;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    box-shadow: 0px 2px 0px 0px var(--color-main-default);
    padding: 3px 3px 3px 3px;
    border-right: 1px solid white !important;
}

.RadForm_CnMaterial .rfdRtl .rfdSelect:before {
    right: 2px;
    left: 2px;
}

.RadForm_CnMaterial.rfdLabel .rfdRtl label,
.RadForm_CnMaterial.rfdLabel .rfdRtl .rfdAspLabel {
    padding: 0.1428571429em 1.7857142857em 0em 0.7142857143em;
    padding: 0em 1.7857142857em 0em 0.7142857143em \9;
}

.RadForm_CnMaterial.rfdRtl.rfdCheckbox .rfdCheckboxChecked,
.RadForm_CnMaterial.rfdRtl.rfdCheckbox .rfdCheckboxUnchecked,
.RadForm_CnMaterial.rfdRtl.rfdRadio .rfdRadioChecked,
.RadForm_CnMaterial.rfdRtl.rfdRadio .rfdRadioUnchecked,
.RadForm_CnMaterial.rfdCheckbox .rfdRtl .rfdCheckboxChecked,
.RadForm_CnMaterial.rfdCheckbox .rfdRtl .rfdCheckboxUnchecked,
.RadForm_CnMaterial.rfdRadio .rfdRtl .rfdRadioChecked,
.RadForm_CnMaterial.rfdRadio .rfdRtl .rfdRadioUnchecked {
    padding: 0.3571428571em 2.3571428571em 0em 0em;
}

@supports (-ms-accelerator: true) {
    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxChecked,
    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxUnchecked,
    .RadForm_CnMaterial.rfdRadio .rfdRadioChecked,
    .RadForm_CnMaterial.rfdRadio .rfdRadioUnchecked,
    .RadForm_CnMaterial.rfdRtl.rfdCheckbox .rfdCheckboxChecked,
    .RadForm_CnMaterial.rfdRtl.rfdCheckbox .rfdCheckboxUnchecked,
    .RadForm_CnMaterial.rfdRtl.rfdRadio .rfdRadioChecked,
    .RadForm_CnMaterial.rfdRtl.rfdRadio .rfdRadioUnchecked,
    .RadForm_CnMaterial.rfdCheckbox .rfdRtl .rfdCheckboxChecked,
    .RadForm_CnMaterial.rfdCheckbox .rfdRtl .rfdCheckboxUnchecked,
    .RadForm_CnMaterial.rfdRadio .rfdRtl .rfdRadioChecked,
    .RadForm_CnMaterial.rfdRadio .rfdRtl .rfdRadioUnchecked {
        padding-top: 0.2142857143em !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxChecked:before,
    .RadForm_CnMaterial.rfdCheckbox .rfdCheckboxUnchecked:before,
    .RadForm_CnMaterial.rfdRadio .rfdRadioChecked:before,
    .RadForm_CnMaterial.rfdRadio .rfdRadioUnchecked:before {
        top: 0.1428571429em;
    }
}

.rfdSelectBox_CnMaterial {
    border-color: var(--border-color-ctrl);
    color: var(--color-main_text);
    background-color: var(--bg-color-main);
}

    .rfdSelectBox_CnMaterial.rfdSelectBoxDropDown {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 3px 2px rgba(0, 0, 0, 0.2);
        /*border-color: #CFD8DC transparent transparent;*/
        /* border-top: 2px solid;
        border-top-color: var(--color-main-default) !important;
        */
        margin-top: 0px !important;
    }

        .rfdSelectBox_CnMaterial.rfdSelectBoxDropDown li.rfdSelect_disabled {
            opacity: var(--opacity-readonly);
        }
            .rfdSelectBox_CnMaterial.rfdSelectBoxDropDown li.rfdSelect_disabled:hover {
                background-color: var(--bg-color-main) !important;
            }


    .rfdSelectBox_CnMaterial li {
        padding: 6px 13px;
    }

        .rfdSelectBox_CnMaterial li:hover,
        .rfdSelectBox_CnMaterial .rfdSelect_hovered,
        .rfdSelectBox.rfdSelectBox_CnMaterial li:hover {
            color: var(--color-ctrl-default);
            background-color: var(--bg-color-ctrl-hover);
        }

    .rfdSelectBox_CnMaterial .rfdSelect_selected,
    .rfdSelectBox.rfdSelectBox_CnMaterial .rfdSelect_selected:hover {
        color: var(--color-ctrl-default);
        background-color: var(--bg-color-ctrl-selected);
    }

.RadForm_CnMaterial .RadGrid_CnMaterial label.rfdCheckboxUnchecked, 
.RadForm_CnMaterial .RadGrid_CnMaterial label.rfdCheckboxChecked {
    line-height: 21px !important;
}

.RadForm_CnMaterial .rfdTextInput, .RadForm_CnMaterial .rfdTextarea textarea {
    vertical-align: bottom !important;
    margin-right: 0px;
}
.document-automation-manager .rfdTextInput, .document-automation-manager .rfdTextarea textarea {
    margin-right: 5px;
}
.RadForm_CnMaterial .container-item {
    padding-right: 8px;
}

.RadForm_CnMaterial.tabletmode .container-item {
    padding-right: 0px;
}

.RadForm_CnMaterial .DivField[type="vertical_left_top"] .container-item,
.RadForm_CnMaterial .DivField[type="vertical_top_top"] .container-item,
.RadForm_CnMaterial .DivField[type="vertical_left_left"] .container-item,
.RadForm_CnMaterial .DivField[type="vertical_top_left"] .container-item {
    padding-right: 0px;
}

.RadForm_CnMaterial .cnf-documentgenerate .container-item:not(.documentgeneratebutton),
.RadForm_CnMaterial .cnf-documentgenerate .container-item:not(.documentgeneratebutton),
.RadForm_CnMaterial .cnf-documentgenerate .container-item:not(.documentgeneratebutton),
.RadForm_CnMaterial .cnf-documentgenerate .container-item:not(.documentgeneratebutton) {
    padding-right: 5px !important;
}

.RadForm_CnMaterial .cnf-documentgenerate.container-item:not(.documentgeneratebutton),
.RadForm_CnMaterial .cnf-documentgenerate.container-item:not(.documentgeneratebutton),
.RadForm_CnMaterial .cnf-documentgenerate.container-item:not(.documentgeneratebutton),
.RadForm_CnMaterial .cnf-documentgenerate.container-item:not(.documentgeneratebutton) {
    padding-right: 5px !important;
}

    .RadForm_CnMaterial .container-item:last-child {
        padding-right: 0px;
    }

.RadForm_CnMaterial .RadButton.rbCheckBox .rbIcon{
    margin:0 !important;
}
.RadForm_CnMaterial .container-flex .rfdSelect_CnMaterial {
    margin-right: 0px;
}
.RadForm_CnMaterial .validate-require-control {
    margin-top: auto;
    margin-bottom: unset;
    padding: 0 5px;
    vertical-align: bottom;
    bottom: 5px;
    position: relative;
}

.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable.SimpleGrid .validate-require-control,
.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable.SimpleGridTransparent .validate-require-control,
.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable.SimpleGrid .ddlrequired {
    padding-right: 2px;
    padding-left: 2px;
}

.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable.SimpleGrid .rfdSelect {
    margin-right: 0px;
}

.RadForm_CnMaterial .validate-require-control-primary {
    margin-top: auto;
    margin-bottom: unset;
    /*padding-left: 0px;*/
    vertical-align: unset;
}

.RadForm_CnMaterial .nav-menu {
    background-color: var(--bg-color-main);
}
.RadForm_CnMaterial .container-flex .HistoryLinkClassEditor{
    padding-right:0;
}

.RadForm_CnMaterial .divpopup_cn_required_control {
    margin-left: 0;
}
.RadForm_CnMaterial .RadGrid .rgMasterTable tr.cn-row-grid td{
    padding-bottom:8px;
}
.RadForm_CnMaterial .RadGrid .rgMasterTable tr.cn-row-grid td {
    padding-top: 8px;
}
.RadForm_CnMaterial .RadGrid .rgMasterTable tr.cn-row-grid:first-child td {
    padding-top: 0px;
}
.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable tr.rgRow td {
    padding-bottom: 8px;
}
.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable tr.rgAltRow td {
    padding-bottom: 8px;
}
.RadForm_CnMaterial .RadGrid .rgMasterTable tr.cn-row-grid:first-child td, 
.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable tr.rgRow:first-child td {
    padding-top: 8px;
}
.RadForm_CnMaterial .SimpleGridTableControl .SimpleGridTable.IsEmptyAllCaption tr.rgRow:first-child td {
    padding-top: 0px !important;
}
.div-form .SimpleGridTableControl .SimpleGridTable tr.rgRow:first-child td {
    padding-top: 0;
}
    /*.RadForm_CnMaterial .RadGrid .rgMasterTable tr.cn-row-grid td:first-child {
        padding-left: 1px;
    }*/

.RadForm_CnMaterial .field-caption, .RadForm_CnMaterial .field-caption-empty {
    padding-bottom: 5px;
    vertical-align: top;
}

.RadForm_CnMaterial ul.ListTypeLabel li {
    line-height:22px;
}
.RadForm .rfdValidationSummaryControl ul{
    color: var(--color-main-error) !important;
    min-height:unset !important;
    margin:10px 0;
}
.rfdSelect .p-i-arrow-down:before{
    margin-left:10px !important;
    margin-top:7px !important;
}
.RadForm_CnMaterial .rfdCheckboxUnchecked:before {
     color: var(--color-ctrl-default) !important
}