/************************ BRANDING ************************/

@import url(//fonts.googleapis.com/css?family=Roboto:300);
* { font-family: 'Roboto', sans-serif; line-height:140%; font-weight:normal;}

/* background */
html, body, .lite-2013-body-style, #pageLoading {  /* body tag */
  background-color:#151515;   /* #000000 is default */
  background: url('../../media/images/backgrounds/SmartLink_background.jpg') no-repeat 50% 50% / cover;   /*   /site/images/background/SmartLink_background.jpg */
}

/************************ NAVIGATION ************************/

.menu, .headerBar, .lite-2013-layout-box-menu-040 {
    background-color: #252525;
}
div.lite-menu-version-box, .expandedStatus{
    background-color: #2F2F2F;
}

/************************ MAIN FEATURE COLOR************************/

/* feature color text */
.featureColor { 
  color: #007674;
}

/************************ FONT COLORS ************************/

/* default text */
a, .ui-dialog-title, .lite-2013-layout-box-content-030, #global-chime-off, .titleRow p,#activex .row a, 
#camera_install .row a, .textC a, #automation_page .deviceControlTabs .content_table_title_nav, 
.deviceControlMenu, .setupControlMenu, .sceneControlMenu, .statusBar, .info_box, .error_box, .notice_box, 
#slider, .bypassBtn, .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button, 
.zero, #global-chime, .video_back, .forgot-phrase-link, .expandedStatus, table tbody tr td input[type="image"],
.defaultText, .forgot-phrase-link, .lite-2013-layout-box-primary-010, a.ui-dialog-titlebar-close.ui-corner-all, a.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover {
  color:#FFF;
}

/************************ FEATURE AND FONTS ************************/


/* feature color background */
/*.featureColorBG,*/ .fColorBG, .cta, input.cta, .toggleOn, .colorOn, #sliderBar,
.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix .ui-dialog-buttonset button,
.ui-slider-range.ui-widget-header.ui-slider-range-min, .device2013-setup-step,
.bg-primary, .bg-info, .box-primary, .box-info,
button[type="submit"].primary, a.colorOn.primary, a.colorOff.primary, .colorOff
button[type="submit"].primary:hover, a.colorOn.primary:hover, a.colorOff.primary:hover,
.colorOn.primary, .colorOff.primary, .featureColorBG.primary, .chime_state_on, .chime_state_off,
.colorOn.primary:hover, .colorOff.primary:hover, .featureColorBG.primary:hover, .cta:hover
{
  background-color: #007674;
  color:#FFFFFF;
}

/* panel color */
.lite-2013-layout-box-content-030, .forgottenPassword, .termsBackground { 
  background-color:rgba(25,25,25,.7);
  color:#FFFFFF;
}

.expandArrow > div, .expandArrow input {
  border: 3px solid #EEEEEE !important;
}

.expandArrow input{
  border-color: #EEEEEE;
}   

/* titlebars etc */
div.ui-dialog-titlebar, .titleBar,  div.titleRow, .content_table_title, .content_table_title_corners, .deviceControlTabs, .line {
  background-color: #606060;
  color:#000;
}

.schedWrap{
  background-color:rgba(255,255,255,0.1);
}

 .timeScheduleBlock {
  background-color:rgba(255,255,255,0.2); /* rgba(255,255,255,.1) is default */
}

.timeScheduleSpace{
    background-color: rgba(255,255,255,0.03);
}

/* semi Trans 1 */
.automation_slider, .toggle, #global-chime {
  background-color: rgba(255,255,255,.1);
  color: #FFF;
}

/* semi Trans 2 */
.setupControlMenu a, .setupControlAdd a, .sceneControlMenu a, .deviceControlMenu a {
  background-color: rgba(255,255,255,.2);
}

.highlight{
    background: none transparent !important;
}

.setupControlMenu a:not(:last-child), .setupControlAdd a:not(:last-child), .sceneControlMenu a:not(:last-child), .deviceControlMenu a{
  border-right: 2px solid rgba(25,25,25,.4) !important;
}
.ControlMenuTwo a:last-child
{
  border-right: none !important;
}


.termsBackground p font{
  color: #fff;
  text-shadow: rgba(0,0,0,.01) 0 0 1px; /*cross browser anti-aliasing*/
}

.termsBackground p{
  text-shadow: rgba(0,0,0,.01) 0 0 1px; /*cross browser anti-aliasing*/
}

/*.setupControlAdd{
  background-color: rgb(238, 238, 238);
}*/