﻿

html .sidebar .btn-new-node,
html .help-menu .rmRootGroup {
  color: #25a0da; }

html .RadToolTip .addBtn {
  color: #25a0da; }

html .scroller {
  overflow: hidden; }

html .rightScndNav .RadSearchBox .rsbButtonSearch:hover {
  background: #25a0da; 
text-align: right;
    padding-right: 30px !important;
}   

html .rightScndN

html .rightScndNav .button:hover {
  color: #25a0da; }

html .rightScndNav .RadSearchBox .rsbButtonSearch:focus,
html .rightScndNav .RadSearchBox .rsbButtonSearch:hover {
  background-color: #25a0da; }

html .RadGrid .rgActionButton.rgExpand:hover,
html .RadGrid .rgActionButton.rgCollapse {
  color: #00a94f;}

html .RadTreeView .rtMinus {
  color: #00a94f;}

html .mobile .breadcrumb {
  color: #25a0da; }
  html .mobile .breadcrumb .item.expanded {
    background-color: #25a0da; }

html .mobile .RadMenuPopup_MetroTouch .rmItem.rmSelected {
  color: #00a94f;}

.bottom .horizontalBtn,
.right .verticalBtn {
  color: #00a94f;}

.right .RadGrid {
  height: 100% !important; }

.right .gridWrapper,
.right .mainDetails {
  width: 30%;
  height: 100%;
  float: left; }

.right .mainDetails {
  width: 70%; }

.RadMenu .rmGroup.rmVertical > .rmSeparator {
  border-bottom: 0; }

html .RadGrid {
  border: 0; }
  html .RadGrid,
  html .RadGrid * {
    cursor: pointer; }
  html .RadGrid .rgMasterTable td {
    padding: 1px; }
  html .RadGrid .rgRow,
  html .RadGrid .rgAltRow {
    height: 36px; }
  html .RadGrid .mobile-column .from,
  html .RadGrid .mobile-column .received,
  html .RadGrid .mobile-column .subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  html .RadGrid .mobile-column .from {
    width: 58%;
    float: left;
    overflow: hidden; }
  html .RadGrid .mobile-column .received {
    width: 40%;
    float: right; }
  html .RadGrid .mobile-column .subject {
    clear: both;
    display: block; }

.gridWrapper {
  position: relative;
  border-bottom: 1px solid #fff; }

.mainDetails {
  border-top: 1px solid #cdcdcd;
  background: #fff; }
  .mainDetails .header {
    padding: 0 30px;
    color: #000;
    background: #e8e8e8; }
    .mainDetails .header:after {
      content: "";
      display: block;
      clear: both; }
  .mainDetails #subject {
    padding: 15px 0;
    font-size: 22px;
    border-bottom: 1px solid #fff; }
  .mainDetails #from {
    float: left;
    padding: 10px 0; }
  .mainDetails #recieved {
    float: right;
    padding: 10px 0; }
  .mainDetails #body {
    padding: 30px; }
