html .main-header {
  background-image: url("../Images/backgrounds/header_calendar.gif"); }

html .sidebar .btn-new-node,
html .help-menu .rmRootGroup {
  color: #77aa45; }

html body .RadInput_MetroTouch input.riFocused,
html body .RadInput_Focused_MetroTouch {
  border-color: #77aa45; }

html .RadToolTip .addBtn {
  color: #77aa45; }

html .container .RadNavigation .rnvHovered .rnvRootLink {
  border-color: #77aa45;
  background: #77aa45; }

html .container .RadNavigation .rnvSelected .rnvRootLink,
html .container .RadNavigation .rnvExpanded .rnvRootLink {
  border-color: #77aa45;
  background: #77aa45; }

html .radSkin_BlackMetroTouch .rnvPopup .rnvHovered > .rnvLink {
  background-color: #77aa45; }

html .radSkin_BlackMetroTouch .rnvPopup .rnvSelected > .rnvLink {
  background-color: #77aa45; }

html .rightScndNav .RadSearchBox .rsbButtonSearch.rsbHovered {
  background: #77aa45;
  border-color: #77aa45; }

html .rightScndNav .button:hover {
  color: #77aa45; }

html .rsbPopup .rsbListItemHovered {
  background: #77aa45; }

html .sidebar .RadCalendar .rcRow .rcSelected {
  background: #77aa45; }

html .RadScheduler .rsSelected > .rsButton,
html .RadScheduler .rsPressed > .rsButton,
html .RadScheduler .rsButton.rsPressed {
  border-color: #77aa45;
  background-color: #77aa45; }

html .RadScheduler .rsSelectedSlot {
  background: #77aa45; }

html .RadScheduler .rsIconClose:before,
html .RadScheduler .rsIconDelete:before {
  content: "\e61d"; }

html .RadScheduler .rsAdvancedEdit.rsAdvancedModal {
  border: 0; }

html .RadScheduler .rfbRow {
  padding-left: 100px; }

html .RadScheduler .rfbLabel {
  margin-left: -100px;
  width: 100px; }

html .RadScheduler .rsBody .rsCommandFooter {
  margin: 15px -15px -15px;
  padding: 15px; }

html .RadScheduler .rsCommandFooter {
  text-align: right; }
  html .RadScheduler .rsCommandFooter .rsButton {
    min-width: 70px;
    text-align: center; }

html .RadPicker .rcCalPopup:hover,
html .RadPicker .rcCalPopup:focus,
html .RadPicker .rcTimePopup:hover,
html .RadPicker .rcTimePopup:focus {
  background-color: #77aa45; }

html .RadCalendarTimeView td.rcSelected a,
html .RadCalendar .rcMain .rcRow .rcSelected a,
html .RadCalendarMonthView #rcMView_Today,
html .RadCalendarMonthView .rcSelected a {
  background-color: #77aa45;
  border-color: #77aa45; }

html .RadCalendar .rcFastPrev:hover,
html .RadCalendar .rcPrev:hover,
html .RadCalendar .rcNext:hover,
html .RadCalendar .rcFastNext:hover {
  border-color: #77aa45; }
  html .RadCalendar .rcFastPrev:hover:before,
  html .RadCalendar .rcPrev:hover:before,
  html .RadCalendar .rcNext:hover:before,
  html .RadCalendar .rcFastNext:hover:before {
    color: #77aa45; }

html .RadDropDownList .rddlFocused {
  border-color: #77aa45;
  background-color: #77aa45; }

html .rddlPopup .rddlItemSelected {
  background-color: #77aa45; }

html .RadButton_MetroTouch.rbButton.rbSelected {
  background: #77aa45;
  border-color: #77aa45; }

html .RadScheduler .rsPrimary {
  background: #77aa45;
  border-color: #77aa45; }

html .RadWindow .rwTitleBar {
  background: #77aa45; }

html .mobile .breadcrumb {
  color: #77aa45; }
  html .mobile .breadcrumb .item.expanded {
    background-color: #77aa45; }

html .mobile .RadMenuPopup_MetroTouch .rmItem.rmSelected {
  color: #77aa45; }

html .RadCalendar .rcTitlebar,
html .RadCalendar .rcMain {
  border: 0; }

html .RadCalendar .rcTitlebar {
  border-bottom: 1px solid #cdcdcd; }

html .RadCalendar .rcWeek th {
  border-bottom: 1px solid #e5e5e5; }

html .RadScheduler .rsTitle {
  color: #fff;
  background: #77aa45; }

html .RadScheduler .rsAdvancedEdit .rbButton.icon {
  margin: -2px 0 0 5px;
  padding: 0;
  color: #77aa45;
  font-size: 1.8em;
  border: 0;
  background: transparent; }

html .RadScheduler .rsCheckBoxList input {
  visibility: hidden; }
  html .RadScheduler .rsCheckBoxList input:checked + label:before {
    font-family: OutlookSampleApp;
    content: "\e61e"; }

html .RadScheduler .rsCheckBoxList label {
  position: relative; }
  html .RadScheduler .rsCheckBoxList label:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 3px;
    width: 16px;
    height: 16px;
    line-height: 16px; }

html .RadScheduler .rsCheckBoxList .Personal label:before {
  background: #94cbfa; }

html .RadScheduler .rsCheckBoxList .Work label:before {
  background: #acd975; }

html .RadScheduler .rsCheckBoxList .Development label:before {
  background: #deacff; }

html .RadScheduler .rsCheckBoxList .Design label:before {
  background: #fb9898; }

html .RadScheduler .rsCheckBoxList .Marketing label:before {
  background: #ffb75e; }

html .RadScheduler .rsInvalid  + .RadInput input {
  display: block !important;
  visibility: visible !important;
  border-color: red !important;
}

html .RadWindow {
  padding: 0; }
  html .RadWindow .rwTitleBar {
    margin: 0; }
  html .RadWindow .rwTitleWrapper .rwTitle {
    padding-left: 0;
    line-height: 34px; }
  html .RadWindow .rwContent {
    position: relative;
    padding: 0; }
  html .RadWindow .rwIcon {
    display: none; }
  html .RadWindow .RadListBox {
    display: block; }
    html .RadWindow .RadListBox .rlbGroup {
      border: 0; }
    html .RadWindow .RadListBox .rlbList {
      padding: 10px 0; }
    html .RadWindow .RadListBox .rlbItem {
      position: relative;
      line-height: 40px;
      cursor: pointer; }
      html .RadWindow .RadListBox .rlbItem.rlbSelected {
        color: #000;
        background: transparent; }
      html .RadWindow .RadListBox .rlbItem.checked {
        background: #f9f9f9; }
        html .RadWindow .RadListBox .rlbItem.checked:before {
          content: "\E037";
          position: absolute;
          right: 20px;
          top: 10px;
          line-height: 20px;
          color: #77aa45;
          font: 1.3em TelerikWebUI; }
    html .RadWindow .RadListBox .rlbTemplate {
      padding-left: 45px; }
    html .RadWindow .RadListBox .photo {
      width: 32px;
      height: 32px;
      border-radius: 16px;
      position: absolute;
      top: 50%;
      margin: -16px 0 0 -36px; }
  html .RadWindow .footer {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5; }
  html .RadWindow .selectedCount {
    float: left; }
  html .RadWindow .buttons {
    float: right; }

.mobile .RadScheduler .rsApt {
  background-color: #66bde5; }

.mobile .RadScheduler div.rsAptContent {
  color: #fff;
  border-color: rgba(0, 0, 0, 0.2);
  background: transparent; }

.mobile .RadScheduler .rsAdvancedEdit .RadPicker {
  width: 160px; }

