.RadEditor_PG {
  background-color: #f4f7f8;
  border-color: #CFD8DC;
  color: #455A64;
  font-family: "Roboto", "Noto", sans-serif; }
  .RadEditor_PG .RadRibbonBar a.reDropdown {
    height: auto;
    padding: 8px 13px; }
    .RadEditor_PG .RadRibbonBar a.reDropdown:before {
      margin-top: -0.64286em; }
  .RadEditor_PG .RadRibbonBar .reTool {
    width: 2.35714em;
    height: 2.35714em;
    border-radius: 0;
    border-width: 1px 0 1px 1px; }
    .RadEditor_PG .RadRibbonBar .reTool.rrbSmallButton {
      width: 1.42857em;
      height: 1.42857em; }
    .RadEditor_PG .RadRibbonBar .reTool:first-child {
      border-radius: 0.28571em 0em 0em 0.28571em; }
    .RadEditor_PG .RadRibbonBar .reTool:last-child {
      border-radius: 0em 0.28571em 0.28571em 0em;
      border-width: 1px; }
    .RadEditor_PG .RadRibbonBar .reTool.reSplitButton {
      min-width: 4em;
      height: 2.14286em; }
      .RadEditor_PG .RadRibbonBar .reTool.reSplitButton .reSplitArrow:before {
        margin: 9px auto auto; }
  .RadEditor_PG .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    width: 2.28571em;
    height: 2.28571em; }
    .RadEditor_PG .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
      font-size: 16px;
      vertical-align: top; }
  .RadEditor_PG .RadRibbonBar .rrbMediumButton.reRibbonTool {
    height: 1.39286em; }
    .RadEditor_PG .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
      margin-top: -0.78571em;
      height: 1.78571em; }
      .RadEditor_PG .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
        vertical-align: text-top; }
  .RadEditor_PG .RadRibbonBar .rrbLargeButton {
    width: inherit;
    height: 4.64286em; }
    .RadEditor_PG .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
      height: 2.85714em; }
      .RadEditor_PG .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
        font-size: 32px;
        vertical-align: text-top; }
  .RadEditor_PG.rePopupContainer,
  .RadEditor_PG .rePopupTitle,
  .RadEditor_PG .reCommentInfoPanel,
  .RadEditor_PG .reCommentView,
  .RadEditor_PG .reCommentViewText,
  .RadEditor_PG .reCommentEdit {
    background-color: #f4f7f8;
    border-color: #CFD8DC; }
  .RadEditor_PG.rePopupContainer,
  .RadEditor_PG .rePopupTitle,
  .RadEditor_PG .reCommentInfoPanel,
  .RadEditor_PG .reCommentView,
  .RadEditor_PG .reCommentViewText,
  .RadEditor_PG .reCommentEdit {
    background-color: #8BC34A; }
  .RadEditor_PG .reTool {
    color: #607D8B; }
  .RadEditor_PG .reTool:hover,
  .RadEditor_PG .reToolText:hover,
  .RadEditor_PG .reDropdown:hover,
  .RadEditor_PG.reInsertTable .reTool:hover:before,
  .RadEditor_PG .rePopupButton:hover,
  .RadEditor_PG .reCommentButton:hover,
  .RadEditor_PG .reAjaxSpellButton:hover {
    background-color: #ECEFF1;
    color: #455A64; }
  .RadEditor_PG .reTool:active,
  .RadEditor_PG .reTool:focus,
  .RadEditor_PG .reToolText:active,
  .RadEditor_PG .reToolText:focus,
  .RadEditor_PG .reToolSelected,
  .RadEditor_PG .reToolSelected:hover,
  .RadEditor_PG .reModes a:active,
  .RadEditor_PG .reDropdown:active,
  .RadEditor_PG .reDropdown:focus,
  .RadEditor_PG .rePopupButton:active,
  .RadEditor_PG .rePopupButton:focus,
  .RadEditor_PG .reCommentButton:active,
  .RadEditor_PG .reCommentButton:focus,
  .RadEditor_PG .reAjaxSpellButton:focus,
  .RadEditor_PG .reAjaxSpellButton:active {
    background-color: #CFD8DC;
    color: #455A64; }
  .RadEditor_PG .reTool:hover .reSplitArrow {
    border-left-color: #90A4AE; }
  .RadEditor_PG .reTool:active .reSplitArrow,
  .RadEditor_PG .reTool:focus .reSplitArrow {
    border-left-color: #8BC34A; }
  .RadEditor_PG .reSeparator {
    border-right-color: #CFD8DC;
    border-left-color: transparent; }
  .RadEditor_PG .reContent {
    background-color: #ffffff;
    border-color: #CFD8DC; }
  .RadEditor_PG.reToolBarLeft {
    padding-left: 3.78571em; }
  .RadEditor_PG.reToolBarRight {
    padding-right: 3.78571em; }
  .RadEditor_PG .reToolBarWrapperLeft,
  .RadEditor_PG .reToolBarWrapperRight {
    width: 3.3em; }
  .RadEditor_PG .reToolBarWrapperLeft .reSplitButton,
  .RadEditor_PG .reToolBarWrapperRight .reSplitButton {
    width: 3.71429em; }
  .RadEditor_PG .reToolBarWrapperLeft .reDropdown,
  .RadEditor_PG .reToolBarWrapperRight .reDropdown {
    min-width: 3.57143em;
    padding: 0.35714em 0em 0.35714em 0em; }
  .RadEditor_PG .reToolBarWrapperLeft .reSeparator,
  .RadEditor_PG .reToolBarWrapperRight .reSeparator {
    border-top-color: transparent;
    border-bottom-color: #CFD8DC; }
  .RadEditor_PG .reTableDiv .reModule,
  .RadEditor_PG .reTableDiv .reRow {
    border-top-color: #CFD8DC; }
  .RadEditor_PG .reModes a {
    background-color: #f4f7f8;
    color: #455A64;
    border-color: #CFD8DC;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.2); }
  .RadEditor_PG .reModes a:hover {
    background-color: #ECEFF1;
    color: #455A64;
    border-color: #ECEFF1; }
  .RadEditor_PG .reModes a:focus,
  .RadEditor_PG .reModes .reSelectedMode,
  .RadEditor_PG .reModes .reSelectedMode:hover {
    background-color: #CFD8DC;
    color: #455A64;
    border-color: #CFD8DC; }
  .RadEditor_PG .reDropdown,
  .RadEditor_PG .reDropdown.reToolDisabled,
  .RadEditor_PG .reDropdown.reToolDisabled:hover,
  .RadEditor_PG .reDropdown.reToolDisabled:active,
  .RadEditor_PG .reDropdown.reToolDisabled:focus {
    background-color: #f4f7f8;
    color: #455A64; }
  .RadEditor_PG .reDropdown:before,
  .RadEditor_PG .reDropdown.reToolDisabled:before,
  .RadEditor_PG .reDropdown.reToolDisabled:hover:before,
  .RadEditor_PG .reDropdown.reToolDisabled:active:before,
  .RadEditor_PG .reDropdown.reToolDisabled:focus:before {
    color: #607D8B; }
  .RadEditor_PG .reDOMElement {
    color: #8BC34A; }
  .RadEditor_PG .reRemoveDOMElement,
  .RadEditor_PG .reRemoveDOMElement:before {
    color: #f34235; }
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"],
  .RadEditor_PG .reTableDiv input[type="text"] {
    background-color: transparent;
    color: #455A64;
    border-color: #CFD8DC; }
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"]:hover,
  .RadEditor_PG .reTableDiv input[type="text"]:hover {
    background-color: transparent;
    color: #455A64;
    border-color: #ECEFF1; }
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"]:focus,
  .RadEditor_PG .reTableDiv input[type="text"]:focus,
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"]:active,
  .RadEditor_PG .reTableDiv input[type="text"]:active {
    background-color: transparent;
    color: #455A64;
    border-color: #8BC34A; }
  .RadEditor_PG.reInlineEditor:hover {
    border-color: #ECEFF1; }
  .RadEditor_PG.RadWindow, .RadEditor_PG.RadWindow.reInlineEditor:hover {
    border-color: #CFD8DC; }
  .RadEditor_PG.reInlineEditorSelected, .RadEditor_PG.reInlineEditorSelected:hover {
    border-color: #8BC34A; }
  .RadEditor_PG.RadWindow,
  .RadEditor_PG.RadWindow .rwContent {
    background-color: #f4f7f8; }
  .RadEditor_PG .reResize {
    color: #607D8B; }
  .RadEditor_PG.reDropDownBody {
    background-color: #ffffff; }
  .RadEditor_PG.reDropDownBody li:hover {
    background-color: #ECEFF1; }
  .RadEditor_PG.reInsertTable td {
    border-color: #CFD8DC; }
  .RadEditor_PG .reFormatSetsHeader,
  .RadEditor_PG.reInsertTable .reItemOver {
    background-color: #ECEFF1;
    color: #263238; }
  .RadEditor_PG {
    padding: 0;
    border-radius: 0.14286em; }
  .RadEditor_PG .reToolBarWrapper {
    padding: 1px 0 0;
    margin: 0; }
  .RadEditor_PG .reToolBar {
    border-width: 0 0 1px;
    border-radius: 0; }
  .RadEditor_PG .reTool {
    margin: -1px 0 0;
    width: 2.57143em;
    height: 2.57143em;
    border: 0;
    border-radius: 0; }
  .RadEditor_PG .reDropdown {
    min-width: 3.57143em;
    margin: -1px 0 0;
    padding: 0.07143em 0.71429em 0.07143em 1em;
    height: 2.42857em;
    line-height: 2.42857em;
    border-width: 0;
    border-radius: 0.14286em; }
  .RadEditor_PG .reDropdown:before {
    right: 0em; }
  .RadEditor_PG .reSplitButton {
    width: 4.28571em; }
  .RadEditor_PG .reSplitArrow {
    width: 2.28571em;
    height: 2.57143em;
    border-left: 0; }
  .RadEditor_PG a.reToolIcon.reSplitButton:before {
    margin: auto 0 auto .7142em; }
  .RadEditor_PG .reContent {
    margin: -3px 0 0;
    border-width: 1px 0 0; }
  .RadEditor_PG .reRow {
    margin: 0; }
  .RadEditor_PG .reHTMLStructure {
    width: auto; }
  .RadEditor_PG.reDropDownBody .reToolBar {
    background-color: #ffffff; }
  .RadEditor_PG.reDropDownBody ul {
    padding: 0; }
  .RadEditor_PG.reDropDownBody li {
    padding: 0.35714em; }
  .RadEditor_PG.reDropDownBody .reTool {
    height: auto; }
  .RadEditor_PG.reDropDownBody .reCustomLinks a {
    color: #8BC34A; }
  .RadEditor_PG .reRow {
    padding: 0.71429em 1em; }
  .RadEditor_PG .reModes a {
    width: 8.57143em;
    height: 2.57143em;
    margin: 0;
    padding: 0.57143em 0.35714em 0.85714em;
    border-radius: 0;
    text-transform: uppercase; }
  .RadEditor_PG .reModes a:first-child {
    border-radius: 0.14286em 0em 0em 0.14286em; }
  .RadEditor_PG .reModes a:last-child {
    border-radius: 0em 0.14286em 0.14286em 0em; }
  .RadEditor_PG .reResize:before {
    margin: .85em 0 0 .15em; }
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"],
  .RadEditor_PG .reTableDiv input[type="text"] {
    border-width: 0 0 1px;
    padding: 0.64286em 0em;
    vertical-align: middle; }
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"]:focus,
  .RadEditor_PG .reTableDiv input[type="text"]:focus,
  .RadEditor_PG.reDropDownBody.reAjaxSpellCheck input[type="text"]:active,
  .RadEditor_PG .reTableDiv input[type="text"]:active {
    border-width: 0 0 2px;
    padding: 0.60714em 0em; }
  .RadEditor_PG .reAltRow .reLabel {
    padding: 0.14286em 0.71429em 0.35714em 0.42857em;
    vertical-align: middle; }
  .RadEditor_PG .reRow .reSpinBoxButtons {
    top: 0.71429em; }
  .RadEditor_PG .reTableDiv .reRow .reSpinBox {
    width: 5em; }
  .RadEditor_PG .reTableDiv .reRow .reSpinBox input[type="text"] {
    width: 5em;
    padding: 0.64286em 0.64286em 0.64286em 0em;
    text-align: left; }
  .RadEditor_PG .reLabel + span {
    margin: 0em 1.42857em 0em 0em; }
  .RadEditor_PG.reDropDownBody.reColorPicker li {
    width: 1.42857em;
    height: 1.42857em;
    margin: 0;
    padding: 0;
    border: 0; }
  .RadEditor_PG.reDropDownBody.reColorPicker li div {
    width: 1.42857em;
    height: 1.42857em; }
  .RadEditor_PG.reDropDownBody.reColorPicker .reClear {
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden; }
  .RadEditor_PG .reCustomColor {
    display: inline-block;
    padding: 0.71429em;
    color: #8BC34A; }
  .RadEditor_PG.reDropDownBody.reColorPicker .reColorPickerFooter {
    height: 3.21429em;
    border: 0;
    border-radius: 0.14286em; }
  .RadEditor_PG.reDropDownBody.reColorPicker .reColorPickerFooter span {
    height: 2.28571em;
    line-height: 2.28571em;
    border: 1px solid #CFD8DC;
    box-sizing: border-box; }
  .RadEditor_PG .reTool.reToolText {
    padding: 0 15px;
    line-height: 2.57143em; }
  .RadEditor_PG .reToolIcon.reTool.reToolText:before {
    margin: 0.14286em 0.21429em 0em 0em;
    vertical-align: initial; }
  .RadEditor_PG .reTool.reToolIcon.reSplitButton.reToolText:before {
    margin: 0em 0.21429em;
    vertical-align: initial; }
  .RadEditor_PG .RadRibbonBar .reTool {
    width: 2.35714em;
    height: 2.35714em;
    border-radius: 0;
    border-width: 1px 0 1px 1px; }
    .RadEditor_PG .RadRibbonBar .reTool.rrbSmallButton {
      width: 1.42857em;
      height: 1.42857em; }
    .RadEditor_PG .RadRibbonBar .reTool:first-child {
      border-radius: 0.14286em 0em 0em 0.14286em; }
    .RadEditor_PG .RadRibbonBar .reTool:last-child {
      border-radius: 0em 0.14286em 0.14286em 0em;
      border-width: 1px; }
  .RadEditor_PG .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
    width: 2.28571em;
    height: 2.28571em; }
    .RadEditor_PG .RadRibbonBar .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
      font-size: 1.35714em;
      font-size: 1em \9;
      vertical-align: top; }
  .RadEditor_PG .RadRibbonBar .rrbMediumButton.reRibbonTool {
    height: 1.39286em; }
    .RadEditor_PG .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
      margin-top: -0.78571em;
      height: 1.78571em; }
      .RadEditor_PG .RadRibbonBar .rrbMediumButton.reRibbonTool .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
        vertical-align: text-top; }
  .RadEditor_PG .RadRibbonBar .rrbLargeButton {
    width: inherit;
    height: 4.64286em; }
    .RadEditor_PG .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon {
      height: 2.85714em; }
      .RadEditor_PG .RadRibbonBar .rrbLargeButton .rrbImagePlaceholder.reToolIcon.reRibbonToolIcon:before {
        font-size: 32px;
        vertical-align: text-top; }
  .RadEditor_PG.reRtl .reDropdown {
    padding: 0.07143em 1em 0.07143em 0.71429em; }
  .RadEditor_PG.reRtl .reDropdown:before {
    right: auto;
    left: 0;
    padding: 0; }
  .RadEditor_PG.reRtl .reSplitArrow {
    border-right: 0; }
  .RadEditor_PG.reRtl a.reToolIcon.reSplitButton:before {
    margin: auto .7142em auto 0; }
  .RadEditor_PG.reRtl .reModule.reStatistic {
    top: 0.92857em; }
  .RadEditor_PG .reModes a.t-ripple-effect {
    border: 0px solid transparent; }

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

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

.RadWindow_PG .reControlsLayout {
  margin: 5px 4px 0 4px; }

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

.reTool .reNoAlignment {
  color: #455A64; }

/*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; }