.RadEditor_CnMaterial {
    background-color: var(--bg-color-main-second);
    border-color: var(--border-color-ctrl-default);
    color: var(--color-ctrl-default);
}

.RadEditor_CnMaterial .RadRibbonBar a.reDropdown {
    height: auto;
    padding: 8px 13px;
}

.RadEditor_CnMaterial .RadRibbonBar a.reDropdown:before {
    margin-top: -0.6428571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool {
    width: 2.3571428571em;
    height: 2.3571428571em;
    border-radius: 0;
    border-width: 1px 0 1px 1px;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool.rrbSmallButton {
    width: 1.4285714286em;
    height: 1.4285714286em;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool:first-child {
    border-radius: 0.2857142857em 0em 0em 0.2857142857em;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool:last-child {
    border-radius: 0em 0.2857142857em 0.2857142857em 0em;
    border-width: 1px;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool.reSplitButton {
    min-width: 4em;
    height: 2.1428571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool.reSplitButton .reSplitArrow:before {
    margin: 9px auto auto;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    width: 2.2857142857em;
    height: 2.2857142857em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
    font-size: 16px;
    vertical-align: top;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbMediumButton.reRibbonTool {
    height: 1.3928571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    margin-top: -0.7857142857em;
    height: 1.7857142857em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
    vertical-align: text-top;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbLargeButton {
    width: inherit;
    height: 4.6428571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    height: 2.8571428571em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
    font-size: 32px;
    vertical-align: text-top;
}

    .RadEditor_CnMaterial.rePopupContainer,
    .RadEditor_CnMaterial .rePopupTitle,
    .RadEditor_CnMaterial .reCommentInfoPanel,
    .RadEditor_CnMaterial .reCommentView,
    .RadEditor_CnMaterial .reCommentViewText,
    .RadEditor_CnMaterial .reCommentEdit {
        background-color: var(--bg-color-main-second);
        border-color: var(--border-color-ctrl);
    }

.RadEditor_CnMaterial.rePopupContainer,
.RadEditor_CnMaterial .rePopupTitle,
.RadEditor_CnMaterial .reCommentInfoPanel,
.RadEditor_CnMaterial .reCommentView,
.RadEditor_CnMaterial .reCommentViewText,
.RadEditor_CnMaterial .reCommentEdit {
    background-color: #8BC34A;
}

    .RadEditor_CnMaterial .reTool {
        color: var(--color-ctrl-default);
    }

.RadEditor_CnMaterial .reTool:hover,
.RadEditor_CnMaterial .reToolText:hover,
.RadEditor_CnMaterial .reDropdown:hover,
.RadEditor_CnMaterial.reInsertTable .reTool:hover:before,
.RadEditor_CnMaterial .rePopupButton:hover,
.RadEditor_CnMaterial .reCommentButton:hover,
.RadEditor_CnMaterial .reAjaxSpellButton:hover {
    background-color: var(--bg-color-ctrl-hover);
    color: var(--color-ctrl-default);
}

    .RadEditor_CnMaterial .reTool:active,
    .RadEditor_CnMaterial .reTool:focus,
    .RadEditor_CnMaterial .reToolText:active,
    .RadEditor_CnMaterial .reToolText:focus,
    .RadEditor_CnMaterial .reToolSelected,
    .RadEditor_CnMaterial .reToolSelected:hover,
    .RadEditor_CnMaterial .reModes a:active,
    .RadEditor_CnMaterial .reDropdown:active,
    .RadEditor_CnMaterial .reDropdown:focus,
    .RadEditor_CnMaterial .rePopupButton:active,
    .RadEditor_CnMaterial .rePopupButton:focus,
    .RadEditor_CnMaterial .reCommentButton:active,
    .RadEditor_CnMaterial .reCommentButton:focus,
    .RadEditor_CnMaterial .reAjaxSpellButton:focus,
    .RadEditor_CnMaterial .reAjaxSpellButton:active {
        background-color: var(--border-color-ctrl-default);
        color: var(--color-ctrl-default);
    }

.RadEditor_CnMaterial .reTool:hover .reSplitArrow {
    border-left-color: #90A4AE;
}

.RadEditor_CnMaterial .reTool:active .reSplitArrow,
.RadEditor_CnMaterial .reTool:focus .reSplitArrow {
    border-left-color: #8BC34A;
}

.RadEditor_CnMaterial .reSeparator {
    border-right-color: var(--border-color-ctrl);
    border-left-color: transparent;
}

    .RadEditor_CnMaterial .reContent {
        background-color: var(--bg-color-ctrl-default);
        border-color: var(--border-color-ctrl-default);
    }

.RadEditor_CnMaterial.reToolBarLeft {
    padding-left: 3.7857142857em;
}

.RadEditor_CnMaterial.reToolBarRight {
    padding-right: 3.7857142857em;
}

.RadEditor_CnMaterial .reToolBarWrapperLeft,
.RadEditor_CnMaterial .reToolBarWrapperRight {
    width: 3.3em;
}

.RadEditor_CnMaterial .reToolBarWrapperLeft .reSplitButton,
.RadEditor_CnMaterial .reToolBarWrapperRight .reSplitButton {
    width: 3.7142857143em;
}

.RadEditor_CnMaterial .reToolBarWrapperLeft .reDropdown,
.RadEditor_CnMaterial .reToolBarWrapperRight .reDropdown {
    min-width: 3.5714285714em;
    padding: 0.3571428571em 0em 0.3571428571em 0em;
}

.RadEditor_CnMaterial .reToolBarWrapperLeft .reSeparator,
.RadEditor_CnMaterial .reToolBarWrapperRight .reSeparator {
    border-top-color: transparent;
    border-bottom-color: var(--border-color-ctrl);
}

.RadEditor_CnMaterial .reTableDiv .reModule,
.RadEditor_CnMaterial .reTableDiv .reRow {
    border-top-color: var(--border-color-ctrl);
}

    .RadEditor_CnMaterial .reModes a {
        background-color: var(--bg-color-ctrl-default);
        color: var(--color-ctrl-default);
        border-radius: 4px !important;
    }

        .RadEditor_CnMaterial .reModes a:hover {
            background-color: var(--bg-color-ctrl-hover);
            color: var(--color-ctrl-default);
        }

        .RadEditor_CnMaterial .reModes a:focus,
        .RadEditor_CnMaterial .reModes .reSelectedMode,
        .RadEditor_CnMaterial .reModes .reSelectedMode:hover {
            border-color: var(--border-color-ctrl-selected);
            color: var(--color-ctrl-selected);
        }

    .RadEditor_CnMaterial .reDropdown,
    .RadEditor_CnMaterial .reDropdown.reToolDisabled,
    .RadEditor_CnMaterial .reDropdown.reToolDisabled:hover,
    .RadEditor_CnMaterial .reDropdown.reToolDisabled:active,
    .RadEditor_CnMaterial .reDropdown.reToolDisabled:focus {
        background-color: var(--bg-color-main-second);
        color: var(--color-ctrl-default);
    }

.RadEditor_CnMaterial .reDropdown.reToolDisabled:before,
.RadEditor_CnMaterial .reDropdown.reToolDisabled:hover:before,
.RadEditor_CnMaterial .reDropdown.reToolDisabled:active:before,
.RadEditor_CnMaterial .reDropdown.reToolDisabled:focus:before {
    color: #607D8B;
}

.RadEditor_CnMaterial .reDOMElement {
    color: #8BC34A;
}

.RadEditor_CnMaterial .reRemoveDOMElement,
.RadEditor_CnMaterial .reRemoveDOMElement:before {
    color: #f34235;
}

    .RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"],
    .RadEditor_CnMaterial .reTableDiv input[type="text"] {
        background-color: transparent;
        color: var(--color-ctrl-default);
        border-color: var(--border-color-ctrl);
    }

        .RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"]:hover,
        .RadEditor_CnMaterial .reTableDiv input[type="text"]:hover {
            background-color: transparent;
            color: var(--color-ctrl-default);
            border-color: var(--border-color-main-three);
        }

        .RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"]:focus,
        .RadEditor_CnMaterial .reTableDiv input[type="text"]:focus,
        .RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"]:active,
        .RadEditor_CnMaterial .reTableDiv input[type="text"]:active {
            background-color: transparent;
            color: var(--color-ctrl-default);
            border-color: #8BC34A;
        }

/*.RadEditor_CnMaterial.reInlineEditor:hover {
    border-color: var(--border-color-main-three);
}
*/
.RadEditor_CnMaterial.RadWindow, .RadEditor_CnMaterial.RadWindow.reInlineEditor:hover {
    border-color: var(--border-color-ctrl);
}

.RadEditor_CnMaterial.reInlineEditorSelected, .RadEditor_CnMaterial.reInlineEditorSelected:hover {
    border-color: #8BC34A;
}

    .RadEditor_CnMaterial.RadWindow,
    .RadEditor_CnMaterial.RadWindow .rwContent {
        background-color: var(--bg-color-main-second);
    }

.RadEditor_CnMaterial .reResize {
    color: #13283B;
}

    .RadEditor_CnMaterial.reDropDownBody {
        background-color: var(--bg-color-main);
    }

.RadEditor_CnMaterial.reDropDownBody li:hover {
    background-color: var(--bg-color-ctrl-hover);
}

.RadEditor_CnMaterial.reInsertTable td {
    border-color: var(--border-color-ctrl);
}

    .RadEditor_CnMaterial .reFormatSetsHeader,
    .RadEditor_CnMaterial.reInsertTable .reItemOver {
        background-color: var(--bg-color-ctrl-hover);
        color: var(--color-ctrl-default);
    }

.RadEditor_CnMaterial {
    padding: 0;
    border-radius: 0.1428571429em;
}

.RadEditor_CnMaterial .reToolBarWrapper {
    padding: 1px 0 0;
    margin: 0;
}

.RadEditor_CnMaterial .reToolBar {
    border-width: 0 0 1px;
    border-radius: 0;
}

.RadEditor_CnMaterial .reTool {
    margin: -1px 0 0;
    width: 2.5714285714em;
    height: 2.5714285714em;
    border: 0;
    border-radius: 0;
}

.RadEditor_CnMaterial .reDropdown {
    min-width: 3.5714285714em;
    margin: -1px 0 0;
    padding: 0.0714285714em 0.7142857143em 0.0714285714em 1em;
    height: 2.4285714286em;
    line-height: 2.4285714286em;
    border-width: 0;
    border-radius: 0.1428571429em;
}

.RadEditor_CnMaterial .reDropdown:before {
    right: 0em;
}

.RadEditor_CnMaterial .reSplitButton {
    width: 4.2857142857em !important;
}

.RadEditor_CnMaterial .reSplitArrow {
    width: 2.2857142857em;
    height: 2.5714285714em;
    border-left: 0;
}

.RadEditor_CnMaterial a.reToolIcon.reSplitButton:before {
    margin: auto 0 auto .7142em;
}

.RadEditor_CnMaterial .reContent {
    margin: -3px 0 0;
    border-width: 1px 0 0;
}

.RadEditor_CnMaterial .reRow {
    margin: 0;
}

.RadEditor_CnMaterial .reHTMLStructure {
    width: auto;
}

    .RadEditor_CnMaterial.reDropDownBody .reToolBar {
        background-color: var(--bg-color-main);
    }

.RadEditor_CnMaterial.reDropDownBody ul {
    padding: 0;
}

.RadEditor_CnMaterial.reDropDownBody li {
    padding: 6px 13px !important;
}
    .RadEditor_CnMaterial.reDropDownBody.reColorPicker li {
        padding: 2px !important;
    }

    .RadEditor_CnMaterial.reDropDownBody .reTool {
        height: auto;
    }

.RadEditor_CnMaterial.reDropDownBody .reCustomLinks a {
    color: var(--color-ctrl-default);
}

.RadEditor_CnMaterial .reRow {
    padding: 0.7142857143em 1em;
}

.RadEditor_CnMaterial .reModes a {
    width: 8.5714285714em;
    height: 2.5714285714em;
    margin: 0;
    padding: 0.5714285714em 0.3571428571em 0.8571428571em;
    border-radius: 0;
    margin-left:10px;
}
    .RadEditor_CnMaterial .reModes a:first-child {
        margin-left:0px;
    }
        /*.RadEditor_CnMaterial .reModes a:first-child {
    border-radius: 0.1428571429em 0em 0em 0.1428571429em;
}

.RadEditor_CnMaterial .reModes a:last-child {
    border-radius: 0em 0.1428571429em 0.1428571429em 0em;
}
*/
        .RadEditor_CnMaterial .reResize:before {
    margin: .85em 0 0 .15em;
}

.RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"],
.RadEditor_CnMaterial .reTableDiv input[type="text"] {
    border-width: 0 0 1px;
    padding: 0.6428571429em 0em;
    vertical-align: middle;
}

.RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"]:focus,
.RadEditor_CnMaterial .reTableDiv input[type="text"]:focus,
.RadEditor_CnMaterial.reDropDownBody.reAjaxSpellCheck input[type="text"]:active,
.RadEditor_CnMaterial .reTableDiv input[type="text"]:active {
    border-width: 0 0 2px;
    padding: 0.6071428571em 0em;
}

.RadEditor_CnMaterial .reAltRow .reLabel {
    padding: 0.1428571429em 0.7142857143em 0.3571428571em 0.4285714286em;
    vertical-align: middle;
}

.RadEditor_CnMaterial .reRow .reSpinBoxButtons {
    top: 0.7142857143em;
}

.RadEditor_CnMaterial .reTableDiv .reRow .reSpinBox {
    width: 5em;
}

.RadEditor_CnMaterial .reTableDiv .reRow .reSpinBox input[type="text"] {
    width: 5em;
    padding: 0.6428571429em 0.6428571429em 0.6428571429em 0em;
    text-align: left;
}

.RadEditor_CnMaterial .reLabel + span {
    margin: 0em 1.4285714286em 0em 0em;
}

.RadEditor_CnMaterial.reDropDownBody.reColorPicker li {
    width: 1.4285714286em;
    height: 1.4285714286em;
    margin: 0;
    padding: 0;
    border: 0;
}

.RadEditor_CnMaterial.reDropDownBody.reColorPicker li div {
    width: 1.4285714286em;
    height: 1.4285714286em;
}

.RadEditor_CnMaterial.reDropDownBody.reColorPicker .reClear {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.RadEditor_CnMaterial .reCustomColor {
    display: inline-block;
    padding: 0.7142857143em;
    color: #8BC34A;
}

.RadEditor_CnMaterial.reDropDownBody.reColorPicker .reColorPickerFooter {
    height: 3.2142857143em;
    border: 0;
    border-radius: 0.1428571429em;
}

.RadEditor_CnMaterial.reDropDownBody.reColorPicker .reColorPickerFooter span {
    height: 2.2857142857em;
    line-height: 2.2857142857em;
    border: 1px solid var(--border-color-ctrl);
    box-sizing: border-box;
}

.RadEditor_CnMaterial .reTool.reToolText {
    padding: 0 15px;
    line-height: 2.5714285714em;
}

.RadEditor_CnMaterial .reToolIcon.reTool.reToolText:before {
    margin: 0.1428571429em 0.2142857143em 0em 0em;
    vertical-align: initial;
}

.RadEditor_CnMaterial .reTool.reToolIcon.reSplitButton.reToolText:before {
    margin: 0em 0.2142857143em;
    vertical-align: initial;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool {
    width: 2.3571428571em;
    height: 2.3571428571em;
    border-radius: 0;
    border-width: 1px 0 1px 1px;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool.rrbSmallButton {
    width: 1.4285714286em;
    height: 1.4285714286em;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool:first-child {
    border-radius: 0.1428571429em 0em 0em 0.1428571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .reTool:last-child {
    border-radius: 0em 0.1428571429em 0.1428571429em 0em;
    border-width: 1px;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    width: 2.2857142857em;
    height: 2.2857142857em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
    font-size: 1.3571428571em;
    font-size: 1em \9;
    vertical-align: top;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbMediumButton.reRibbonTool {
    height: 1.3928571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    margin-top: -0.7857142857em;
    height: 1.7857142857em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
    vertical-align: text-top;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbLargeButton {
    width: inherit;
    height: 4.6428571429em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    height: 2.8571428571em;
}

.RadEditor_CnMaterial .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
    font-size: 32px;
    vertical-align: text-top;
}

.RadEditor_CnMaterial.reRtl .reDropdown {
    padding: 0.0714285714em 1em 0.0714285714em 0.7142857143em;
}

.RadEditor_CnMaterial.reRtl .reDropdown:before {
    right: auto;
    left: 0;
    padding: 0;
}

.RadEditor_CnMaterial.reRtl .reSplitArrow {
    border-right: 0;
}

.RadEditor_CnMaterial.reRtl a.reToolIcon.reSplitButton:before {
    margin: auto .7142em auto 0;
}

.RadEditor_CnMaterial.reRtl .reModule.reStatistic {
    top: 0.9285714286em;
}

.RadEditor_CnMaterial .reModes a.t-ripple-effect {
    border: 0px solid transparent;
}

.RadWindow_CnMaterial .rwContent.rwExternalContent {
    border-width: 0 1px 1px;
}

.RadWindow_CnMaterial .reTablePropertyControlCell .lightTable {
    margin: 3px 4px 0 4px;
}

.RadWindow_CnMaterial .reControlsLayout {
    padding: 5px 4px 0 4px;
}

.RadWindow_CnMaterial .reDialogLabelLight[for="re1_ImageSrc"] span {
    width: 82px;
}

.reTool .reNoAlignment {
    color: var(--color-ctrl-default);
}

/*Light dialogs CSS - should be reworked */
.reInsertImageWrapper, .reInsertLinkWrapper, .reInsertTableLightWrapper {
    padding: 20px 0 0 0;
}

.reInsertLinkWrapper .reControlsLayout td {
    padding: 3px 0 3px 3px;
}

.reInsertImageWrapper .reControlsLayout td {
    padding: 3px 0;
}

.reConfirmCancelButtonsTblLight button {
    width: 75px;
}

.reControlsLayout {
    width: 100%;
    height: 100%;
}

.reControlsLayout .reControlCellLight input {
    width: 215px;
}

.reControlsLayout .reControlCellLight select {
    width: 220px;
}

.reControlsLayout .reConfirmCancelButtonsTblLight {
    height: auto;
    margin: 12px 0;
    text-align: center;
    width: 100%;
}

.reControlsLayout td,
.reControlsLayout .reImgPropertyControlCell td,
.reControlsLayout .reTablePropertyControlCell td {
    padding: 2px;
}

.reControlsLayout .reTablePropertyControlCell td input[type="text"],
.reControlsLayout .reTablePropertyControlCell td input[type="password"] {
    padding: 2px 1px 0;
}

.reImgPropertyControlCell table {
    width: 100%;
    height: 100%;
}

.reControlsLayout td.reImgPropertyControlCell {
    padding: 0 22px 0 38px;
}

.reInsertImageWrapper .reControlsLayout .reControlCellLight input {
    width: 190px;
}

.reTablePropertyControlCell .short {
    width: 80px;
}

.reTablePropertyControlCell .lightTable {
    margin: -10px 4px 0 4px;
}

table.reControlsLayout .reTablePropertyControlCell input.rfdIgnore,
table.reControlsLayout .reImgPropertyControlCell input.rfdIgnore {
    width: 40px;
}

.RadForm_CnMaterial .RadEditor_CnMaterial textarea:focus {
    background-color:inherit !important;

    padding: 8px 6px 7px 6px;
    /*border-width: 1px 0 2px;*/
    border-bottom: 0 !important;
    transition: ease-in-out .5s border;
    box-shadow: unset !important;
}