.RadImageEditor_Avanti {
  font-family: "Roboto", "Noto", sans-serif; }

.RadImageEditor_Avanti,
.RadImageEditor_Avanti.rieDialogs .riePrintContent,
.RadImageEditor_Avanti .rieHighlightVertical,
.RadImageEditor_Avanti .rieHighlightHorizontal,
.RadDock_Avanti.rieDialogs .rieActiveThumbsLink,
.RadDock_Avanti.rieDialogs .rieThumbsLink:hover,
.RadDock_Avanti.rieDialogs .riePrintContent,
.RadDock_Avanti.rieDialogs .riePrintContent img {
  border-color: #CFD8DC;
  background-color: #ffffff; }

.RadImageEditor_Avanti,
.RadDock_Avanti.rieDialogs .rdContent {
  color: #455A64; }

.RadImageEditor_Avanti .rieStatusBarInfo .rieLabel {
  font-size: 0.85714em;
  font-weight: 500;
  color: #607D8B; }

.RadImageEditor_Avanti .rieContentArea,
.RadDock_Avanti.rieDialogs .rieThumbsBottomRow td,
.RadDock_Avanti.rieDialogs .rieDialogsThumbsLeft,
.RadDock_Avanti.rieDialogs .rieThumbsLink {
  border-color: #CFD8DC; }

.rieRotateTable .rbIcon:before,
.rieResizeButtons .rbIcon:before {
  color: #607D8B; }

.rieRotateTable .rbHovered .rbIcon:before,
.rieResizeButtons .rbHovered .rbIcon:before {
  color: #607D8B; }

.rieBottomCell {
  border-color: #CFD8DC; }

.rieResizeHandle {
  color: #607D8B; }

.RadImageEditor_Avanti {
  padding: 0; }

.RadImageEditor_Avanti .RadToolBar_Avanti {
  border-color: #CFD8DC;
  color: #455A64;
  background-color: #ffffff;
  width: auto !important;
  height: 36px;
  padding: 0;
  border-width: 0;
  overflow: visible;
  font: inherit; }
  .RadImageEditor_Avanti .RadToolBar_Avanti .rtbButton:not(.rtbSplitButton),
  .RadImageEditor_Avanti .RadToolBar_Avanti .rtbSplitButton .rtbSplBtnActivator,
  .RadImageEditor_Avanti .RadToolBar_Avanti .rtbArrow {
    padding: 8px 10px; }
  .RadImageEditor_Avanti .RadToolBar_Avanti .rtbMore {
    padding: 8px; }
  .RadImageEditor_Avanti .RadToolBar_Avanti:before {
    padding: 8px 0; }

.RadImageEditor_Avanti .rieContentArea {
  border-width: 1px 0; }

.RadImageEditor_Avanti .rieStatusBar {
  height: 3.42857em;
  line-height: 3.42857em;
  padding: 0em 1.14286em; }

.RadImageEditor_Avanti .rieResizeHandle {
  right: 0.5em;
  bottom: 0.28571em; }

.rtbLink:before {
  margin: 0.08333em 0.66667em 0 -1em; }

.rieDialogs .rieComboCombo {
  width: 5.71429em;
  margin: 4px; }

.rieInputDimension {
  width: 7.14286em; }

.riePxLabel {
  line-height: 2.85714em; }

.rieResizeButtons {
  width: 7.14286em; }

.rieRotateButtons {
  padding: 0.71429em 0em 0em; }

.riePositionLabel {
  display: inline-block;
  margin: 0.21429em 0em 0em;
  padding: 0em 0.35714em; }

div.rieZoneLeft,
div.rieZoneRight {
  width: 6.42857em; }

.RadImageEditor_Avanti .RadToolBar_Vertical .rtbItem,
.RadImageEditor_Avanti .RadToolBar_Vertical .rtbItem + .rtbItem {
  margin-left: 0.35714em; }

.RadToolBarDropDown_Avanti_rtl .rtbLink:before {
  margin: 0.08333em -1em 0 0.66667em; }

.rieRtl .RadToolBar_Avanti_rtl .rtbItem + .rtbItem {
  margin-right: -0.07143em; }