@PrimaryColor:rgba(0,0,0,0.83);@FunctionBgTextColor:rgba(255,255,255,1);@TopBgColor:rgba(31,164,13,1);@TopLinkColor:rgba(0,0,0,1);@MainBgColor:rgba(252,252,252,1);@PanelBodyBgColor:rgba(255,255,255,1);@PanelSupportColor:rgba(255,255,255,1);@SubMenuBgColor:rgba(231,212,177,0.62);@TextColor:rgba(0,0,0,1);@BorderColor:rgba(184,234,132,0.67);@SuccessColor:rgba(26,163,8,1);@DangerColor:rgba(217,0,0,1);@HoverColor:rgba(26,163,8,1);@HoverBgTextColor:rgba(255,255,255,1);@SignPanelBgColor:rgba(245,242,236,0.71);@SignTextColor:rgba(97,9,9,1);@SignLinkColor:rgba(117,57,7,0.98);@SingBtnBgColor:rgba(244,53,53,0.96);@SignBtnTextColor:rgba(255,255,255,1);@SignHoverColor:rgba(91,8,15,0.85);@SignBtnHoverTextColor:rgba(255,255,255,1);







@menubgcolor:@PanelBodyBgColor;

@menucolor:@toplinkhovercolor;

@menuhovercolor:@HoverBgTextColor;

@menuhoverbgcolor:@HoverColor;




@breadcrumbsbgcolor:@menubgcolor;

@linkcolor:@PrimaryColor;

@toplinkhovercolor:@TextColor;









html,body{
  background:@MainBgColor;
color:@TextColor;
}

a,
.btn-link{
color:@linkcolor;
}

a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus{
color:@HoverColor;
text-decoration:none;
}

a:active,
.btn-link:active{
color:@HoverColor;
}

.sidebar-left{
background:@menubgcolor;
}
.sidebar-left .sidebar-header .sidebar-toggle:hover i{
color:@PrimaryColor;
}

@media only screen and (min-width:768px){
html.sidebar-left-collapsed .sidebar-left .nano{
background-color:@menubgcolor;
}
html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover{
color:@PrimaryColor;
}

html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label,
html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label{
background-color:@PrimaryColor;
}
}

@media only screen and (max-width:1199px){
html .header{
background-color:@TopBgColor;
}
}

@media only screen and (min-width:1200px){
html .header{
background-color:@TopBgColor;
}

html .sidebar-right{
border-top-color:@PrimaryColor;
min-height:0;
}
}

.userbox.open .dropdown-menu{
background-color:@menubgcolor;
}
.userbox.open .dropdown-menu a:hover,.userbox.open .dropdown-menu a.active{
color:@menuhovercolor!important;
background-color:@menuhoverbgcolor!important;
}
.userbox .name,.userbox .languagebox,.userbox .custom-caret{
color:@TopLinkColor;
}

.userbox.open .name,.userbox.open .languagebox,.userbox.open .custom-caret,
.collapse.in .name,.collapse.in .languagebox,.collapse.in .custom-caret{
color:@toplinkhovercolor;
}


.body-sign .panel-sign .panel-title-sign .title{
background-color:@PrimaryColor;
}

.body-sign .panel-sign .panel-body{
border-top-color:@PrimaryColor;
}
body .body-sign .sign-custom{
color:@SignTextColor;
}
body .body-sign .sign-custom a,body .body-sign .sign-custom a:visited{
color:@SignLinkColor;
}
body .body-sign .sign-custom a:focus,body .body-sign .sign-custom a:hover,body .body-sign .sign-custom a:active{
color:@SignHoverColor;
}
body .body-sign .sign-custom .btn-primary{
background-color:@SingBtnBgColor;
border-color:@SingBtnBgColor!important;
color:@SignBtnTextColor;
}
body .body-sign .sign-custom .btn-primary:hover,body .body-sign .sign-custom .btn-primary:focus{
background-color:@SignHoverColor;
border-color:@SignHoverColor!important;
color:@SignBtnHoverTextColor;
}
body .body-sign .input-group-addon:last-child{
 border:0;
}
.center-sign,.center-sign .panel-body{
background-color:@SignPanelBgColor;
}


.body-locked .current-user .user-image{
border-color:#fff;
}

blockquote.primary{
border-color:#fff;
}

.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus{
color:@PrimaryColor;
background-color:#cceeff;
}

.nav-pills-primary > li.active > a,
.nav-pills-primary > li.active > a:hover,
.nav-pills-primary > li.active > a:active,
.nav-pills-primary > li.active > a:focus{
background-color:@PrimaryColor;
}

.dropdown-menu> .active> a,
.dropdown-menu> .active> a:hover,
.dropdown-menu> .active> a:focus{
background-color:@PrimaryColor;
}
.dropdown-menu> .active >a > label{
color:@HoverBgTextColor;
}

.open > .dropdown-toggle.btn-primary{
background:@PrimaryColor;
border-color:@HoverColor;
}

body .btn-primary.dropdown-toggle{
border-left-color:@PrimaryColor;
}

body .btn-default{
color:@TextColor;
border-color:@BorderColor;
}

body .btn-default:hover{
color:@HoverBgTextColor;
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-default:active,body .btn-default.active,
body .btn-default:focus{
color:@HoverBgTextColor;
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-default[disabled],body .btn-default.disabled:focus,.btn-default.disabled:active{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}
body .btn-primary{
color:@FunctionBgTextColor;
background-color:@PrimaryColor;
border-color:@PrimaryColor;
}

body .btn-primary:hover{
border-color:@HoverColor !important;
background-color:@HoverColor;
color:@HoverBgTextColor;
}

body .btn-primary:active,
body .btn-primary:focus{
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-primary[disabled]{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}

body .btn-success{
color:@FunctionBgTextColor;
background-color:@SuccessColor;
border-color:@SuccessColor;
}

body .btn-success:hover{
color:@HoverBgTextColor;
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-success:active,
body .btn-success:focus{
color:@HoverBgTextColor;
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-success[disabled]{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}

body .btn-warning{
color:@FunctionBgTextColor;
background-color:#ed9c28;
border-color:#ed9c28;
}

body .btn-warning:hover{
border-color:#efa740 !important;
background-color:#efa740;
}

body .btn-warning:active,
body .btn-warning:focus{
border-color:#e89113 !important;
background-color:#e89113;
}

body .btn-warning[disabled]{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}

body .btn-danger{
color:@FunctionBgTextColor;
background-color:@DangerColor;
border-color:@DangerColor;
}

body .btn-danger:hover{
color:@HoverBgTextColor;
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-danger:active,
body .btn-danger:focus{
color:@HoverBgTextColor;
border-color:@HoverColor !important;
background-color:@HoverColor;
}

body .btn-danger[disabled]{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}

body .btn-info{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#5bc0de;
border-color:#5bc0de;
}

body .btn-info:hover{
border-color:#70c8e2 !important;
background-color:#70c8e2;
}

body .btn-info:active,
body .btn-info:focus{
border-color:#46b8da !important;
background-color:#46b8da;
}

body .btn-info[disabled]{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}

body .btn-dark{
color:#ffffff;
text-shadow:0 -1px 0 rgba(0,0,0,0.25);
background-color:#171717;
border-color:#171717;
}

body .btn-dark:hover{
border-color:#242424 !important;
background-color:#242424;
}

body .btn-dark:active,
body .btn-dark:focus{
border-color:#0a0a0a !important;
background-color:#0a0a0a;
}

body .btn-dark[disabled]{
border-color:#ccc !important;
background-color:#ddd;
  color:#777;
}

.switch.switch-primary .ios-switch .on-background{
background:@PrimaryColor;
}

.label-primary{
background:@PrimaryColor;
}

.text-primary{
color:@PrimaryColor !important;
}
.text-success{
color:@SuccessColor !important;
}
.text-danger{
color:@DangerColor !important;
}
.text-default{  color:@TextColor !important}


.bg-primary{
background:@PrimaryColor;
}
.bg-success{
background-color:@SuccessColor;
}
.bg-danger{
background-color:@DangerColor;
}
.label-danger{
background-color:@DangerColor;
}


.border-primary{
  border-color:@PrimaryColor;
}

.border-success{
  border-color:@SuccessColor;
}

.border-danger{
  border-color:@DangerColor;
}


.force-border-color{
border-color:@BorderColor!important;
}

.alternative-font{
color:@PrimaryColor;
}

.highlight{
background-color:@PrimaryColor

;
}

p.drop-caps.colored:first-child:first-letter{
color:@PrimaryColor;
}

p.drop-caps.colored.secundary:first-child:first-letter{
background-color:@PrimaryColor;
}

.well.primary{
background:@PrimaryColor;
border-color:@HoverColor;
}

.form-control{
border-color:@BorderColor;
}
.form-control:focus{
border-color:@PrimaryColor;
box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(0,136,204,0.3);
}

.header .toggle-sidebar-left{
background:@TopBgColor;
color:@TopLinkColor;
}
@media only screen and (max-width:767px){
.header .logo-container{
background-color:@TopBgColor;
background-image:-webkit-linear-gradient(@TopBgColor 100%,white 45%);
background-image:linear-gradient(@TopBgColor 100%,white 45%);
}
}


.page-header{
background-color:@breadcrumbsbgcolor;

}
.page-header .breadcrumbs li{
color:@TextColor;
}
.page-header h2{
border-bottom-color:@PrimaryColor;
}

.page-header .sidebar-right-toggle:hover{
color:@PrimaryColor;
}

ul.nav-main > li.nav-active > a{
box-shadow:2px 0 0 @PrimaryColor inset;
}

ul.nav-main > li.nav-active > i{
color:@PrimaryColor;
}
ul.nav-main li a{
color:@menucolor;
}
ul.nav-main li .nav-children{
background-color:@SubMenuBgColor;
}
ul.nav-main li .nav-children li.nav-active > a{
color:#ffffff;
background-color:@PrimaryColor;

}
ul.nav-main > li > a:hover,ul.nav-main > li > a:focus{
background-color:@menuhoverbgcolor;
color:@menuhovercolor;
}
ul.nav-main li .nav-children li a:hover,ul.nav-main li .nav-children li a:focus{
background:@menuhoverbgcolor;
color:@menuhovercolor;
}


html.no-overflowscrolling .nano > .nano-pane > .nano-slider{
background:@PrimaryColor;
}

.scrollable .scrollable-slider{
background:#CCC;
}

.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus{
background-color:@PrimaryColor;
}

.pagination > li a{
color:@PrimaryColor;
}

.pagination > li a:hover,
.pagination > li a:focus{
color:@PrimaryColor;
}

.pagination > li.active a,
.pagination > li.active span,
.pagination > li.active a:hover,
.pagination > li.active span:hover,
.pagination > li.active a:focus,
.pagination > li.active span:focus{
background-color:@PrimaryColor;
border-color:#fff;
}

.pagination > li.active a{
background-color:@PrimaryColor;
}

html .pagination > li.active a,
html.dark .pagination > li.active a,
html .pagination > li.active span,
html.dark .pagination > li.active span,
html .pagination > li.active a:hover,
html.dark .pagination > li.active a:hover,
html .pagination > li.active span:hover,
html.dark .pagination > li.active span:hover,
html .pagination > li.active a:focus,
html.dark .pagination > li.active a:focus,
html .pagination > li.active span:focus,
html.dark .pagination > li.active span:focus{
background-color:@PrimaryColor;
border-color:#fff;
}

html .pagination > li.active a,
html.dark .pagination > li.active a{
background-color:@PrimaryColor;
}

.fc .fc-widget-header{
background:@PrimaryColor;
border-color:#fff;
}

.fc .fc-header-title h2:before{
color:@PrimaryColor;
}

.fc-event{
background:@PrimaryColor;
border-color:#fff;
}

.fc-event.fc-event-primary{
background:@PrimaryColor;
border-color:#fff;
}

.jqvmap-zoomin,
.jqvmap-zoomout{
background:@PrimaryColor;
}

.timeline{
background-color:@PanelSupportColor;
}
.timeline:before{
background:@BorderColor;
  background:-moz-linear-gradient(top,rgba(80,80,80,0) 0%,@BorderColor 8%,@BorderColor 92%,rgba(80,80,80,0) 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e5799),color-stop(100%,#7db9e8));
  background:-webkit-linear-gradient(top,rgba(80,80,80,0) 0%,@BorderColor 8%,@BorderColor 92%,rgba(80,80,80,0) 100%);
  background:-o-linear-gradient(top,rgba(80,80,80,0) 0%,@BorderColor 8%,@BorderColor 92%,rgba(80,80,80,0) 100%);
  background:-ms-linear-gradient(top,rgba(80,80,80,0) 0%,@BorderColor 8%,@BorderColor 92%,rgba(80,80,80,0) 100%);
  background:linear,to bottom,rgba(80,80,80,0) 0%,@BorderColor 8%,@BorderColor 92%,rgba(80,80,80,0);
}
.timeline li .timeline-body{
background-color:@PanelBodyBgColor;
border:1px solid @BorderColor;
}
.timeline li .timeline-body:before{
border-right-color:@BorderColor;
}
.timeline li .timeline-body:after{
border-right-color:@PanelBodyBgColor;
}
.timeline li .timeline-icon{
border-color:@PrimaryColor;
background-color:@PanelSupportColor;
color:@PrimaryColor;
}
.timeline li .timeline-icon.text-success{
border-color:@SuccessColor;
}
.timeline li .timeline-icon.text-danger{
border-color:@DangerColor;
}
.timeline .tm-title{
border-color:@BorderColor;
}
.timeline .tm-items > li .tm-datetime .tm-datetime-time{
color:@PrimaryColor;
}

.timeline .tm-items > li .tm-icon{
border-color:#fff;
color:@PrimaryColor;
}

.timeline.timeline-simple .tm-body .tm-items > li:before{
background:@PrimaryColor;
box-shadow:0 0 0 3px #ffffff,0 0 0 6px @PrimaryColor;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before{
background:@PrimaryColor;
box-shadow:0 0 0 3px #2e353e,0 0 0 6px @PrimaryColor;
}

.pricing-table h3 span{
color:@PrimaryColor;
}

.pricing-table .most-popular h3{
background-color:@PrimaryColor !important;
color:#ffffff !important;
}

.dataTables_processing{
background-color:@PrimaryColor;
}

.panel-group .panel-accordion .panel-heading a{
color:@TextColor;
border:1px solid @BorderColor;
}

.alert-primary{
background-color:@PrimaryColor;
border-color:#007ebd;
}

.alert-primary .alert-link{
color:#004466;
}
.alert-info{
  background-color:@SubMenuBgColor;
  border-color:@BorderColor;
  color:@TextColor;
}


.dd-handle:hover{
color:@PrimaryColor !important;
}

.dd-placeholder{
background:#e6f7ff;
border-color:#fff;
}

.panel-body{
border:1px solid @BorderColor;
background-color:@PanelBodyBgColor;
}
.panel-highlight .panel-heading{
background-color:@PrimaryColor;
border-color:#fff;
}

.panel-highlight .panel-body{
background-color:@PrimaryColor;
}

html .panel-primary .panel-heading{
background:@PrimaryColor;
border-color:#fff;
}
.panel-heading{
background:@PanelBodyBgColor;
border:1px solid @BorderColor;
}
.panel-heading.bg-primary{
background:@PrimaryColor;
}

.panel-body.bg-primary{
background:@PrimaryColor;
}

.panel-featured-primary{
border-color:@PrimaryColor;
}
.panel-title{
color:@TextColor;
}
.panel-featured-primary .panel-title{
color:@PrimaryColor;
}

.panel-heading-icon.bg-primary{
background:@PrimaryColor;
}

.panel-group .panel-accordion-primary .panel-heading .panel-title a,.btn-primary .panel-title{
background:@PrimaryColor;
color:@FunctionBgTextColor;
}

.progress-bar{
background-color:@PrimaryColor;
}

.progress .progress-bar-primary{
background-color:@PrimaryColor;
}
.progress .progress-bar-success{
background-color:@SuccessColor;
}
.progress .progress-bar-danger{
background-color:@DangerColor;
}

.toggle label{
border-left-color:@PrimaryColor;
color:@TextColor;
}
.toggle .toggle-header{
  color:@TextColor;
}
.toggle.active > label,
.toggle.active > .toggle-header{
  background:@PrimaryColor !important;
  border-color:@PrimaryColor;
  color:@FunctionBgTextColor;
}

.form-group label{
color:#777;
}



.jstree-default .jstree-hovered{
background-color:#e6f7ff !important;
}

.jstree-default .jstree-clicked{
background-color:#b3e5ff !important;
}

.jstree-default .colored{
color:@PrimaryColor !important;
}

.jstree-default .colored .jstree-icon{
color:@PrimaryColor !important;
}

.jstree-default .colored-icon .jstree-icon{
color:@PrimaryColor !important;
}

.sidebar-widget.widget-tasks ul li:before{
border-color:#fff;
}

.widget-twitter-profile{
background-color:@PrimaryColor;
}

.widget-twitter-profile .profile-quote{
background-color:#0096e0;
}

.widget-twitter-profile .profile-quote .quote-footer{
border-top-color:rgba(0,170,255,0.7);
}

.widget-profile-info .profile-info .profile-footer{
border-top-color:rgba(0,170,255,0.7);
}

.bg-primary .widget-summary .summary-icon,.bg-success .widget-summary .summary-icon,.bg-danger .widget-summary .summary-icon{
background-color:@PanelBodyBgColor;
}
.bg-primary .widget-summary .summary-icon{
color:@PrimaryColor;
}
.bg-success .widget-summary .summary-icon{
color:@SuccessColor;
}
.bg-danger .widget-summary .summary-icon{
color:@PrimaryColor;
}
.widget-summary.widget-summary-xs.hover-effect{
color:@linkcolor;
}
.widget-summary.widget-summary-xs.hover-effect:hover{
background-color:@HoverColor;
color:@HoverBgTextColor;
}
.widget-summary.widget-summary-xs.hover-effect .summary-icon.bg-primary{
background-color:@SubMenuBgColor;
  color:@linkcolor;
}
.widget-summary.widget-summary-xs.hover-effect:hover .summary-icon.bg-primary{
background:@PanelBodyBgColor;
  color:@linkcolor;
}


.thumb-info .thumb-info-type{
background-color:@PrimaryColor;
}

.social-icons-list a{
background:@PrimaryColor;
}

.notifications .notification-menu .notification-title{
background:@PrimaryColor;
}


.notifications .notification-menu:before,
.notifications .notification-icon:before{
border-bottom-color:@PrimaryColor;
}


.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary{
background:@PrimaryColor;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary{
color:@FunctionBgTextColor;
background:fade(@PrimaryColor,95%);
}

.ui-pnotify .notification-success{
color:@FunctionBgTextColor;
background:fade(@SuccessColor,95%);
}
.ui-pnotify .notification-danger{
color:@FunctionBgTextColor;
background:fade(@DangerColor,95%);
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary{
background:@PrimaryColor;
}


.ui-pnotify a{
color:@HoverBgTextColor;
text-decoration:underline;
}

.ui-pnotify a:hover,
.ui-pnotify a:focus,
.ui-pnotify a:active{
color:@HoverBgTextColor;
text-decoration:underline;
font-style:italic;
}




ul.simple-user-list li{
background-color:@PanelSupportColor;
border-bottom:1px solid @BorderColor;
}
ul.simple-user-list li:hover,.bs-glyphicons li:hover{
background:@HoverColor;
color:@HoverBgTextColor;
}


.simple-card-list li.default{
  background:@PanelBodyBgColor;
  color:@linkcolor;
}
.quick-launch-grid .simple-card-list i{
  background:@SubMenuBgColor;
}
.quick-launch-grid .simple-card-list li:hover{
background-color:@HoverColor;
color:@HoverBgTextColor;
}
.quick-launch-grid .simple-card-list li:hover i{
  background:@PanelBodyBgColor;
  color:@linkcolor;
}
.panel-transparent .quick-launch-grid{
background-color:@PanelBodyBgColor;
border:1px solid @BorderColor;
}

.carousel-inner > .item.next.left,.carousel-inner > .item.prev.right,.carousel-inner > .item{
border:1px solid @BorderColor;
}



.modal-block-primary .modal-icon .fa{
color:@PrimaryColor;
}
.modal-block-success .modal-icon .fa{
color:@SuccessColor;
}
.modal-block-danger .modal-icon .fa{
color:@DangerColor;
}
.modal-wrapper .panel-group .panel-accordion .panel-heading:hover{
background-color:@HoverColor;
}

html body .tabs-primary.tabs-top .nav-tabs li a ,
html body .tabs-primary.tabs-top .nav-tabs.nav-justified li a{
  background:#f4f4f4;
}
html body .tabs-primary.tabs-top .nav-tabs li.active a,
html body .tabs-primary.tabs-top .nav-tabs.nav-justified li.active a{
  background-color:#ffffff;
}
html body .tabs-primary .nav-tabs li a,
html.dark body .tabs-primary .nav-tabs li a,
html body .tabs-primary .nav-tabs.nav-justified li a,
html.dark body .tabs-primary .nav-tabs.nav-justified li a{
color:@linkcolor;
}
html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover{
color:@HoverBgTextColor;
}

html body .tabs-primary .nav-tabs li a:hover,
html.dark body .tabs-primary .nav-tabs li a:hover,
html body .tabs-primary .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover{
border-bottom-color:@HoverColor;
background-color:@HoverColor;
}


html body .tabs-primary .nav-tabs li.active a,
html.dark body .tabs-primary .nav-tabs li.active a,
html body .tabs-primary .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
html body .tabs-primary .nav-tabs li.active a:focus,
html.dark body .tabs-primary .nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus{
border-bottom-color:@PrimaryColor;
color:@linkcolor;
}

html body .tabs-primary .nav-tabs li.active a:hover,
html.dark body .tabs-primary .nav-tabs li.active a:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover{
border-bottom-color:@HoverColor;
color:@HoverBgTextColor;
background-color:@HoverColor;
}

html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover{
border-bottom-color:@PrimaryColor;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus{
border-top-color:#FFF;
border-bottom-color:@PrimaryColor;
}

html body .tabs-primary.tabs-top .nav-tabs li.active a,
html body .tabs-primary.tabs-top .nav-tabs.nav-justified li.active a,
html body .tabs-primary.tabs-top .nav-tabs li.active a:hover,
html body .tabs-primary.tabs-top .nav-tabs.nav-justified li.active a:hover,
html body .tabs-primary.tabs-top .nav-tabs li.active a:focus,
html body .tabs-primary.tabs-top .nav-tabs.nav-justified li.active a:focus{
  border-top-color:@PrimaryColor;
  border-bottom-color:#ffffff;
}


html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover{
border-left-color:@PrimaryColor;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus{
border-left-color:@PrimaryColor;
}

html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover{
border-right-color:@PrimaryColor;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active a,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus{
border-right-color:@PrimaryColor;
}
.nav-tabs li.active a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus,
html body .tabs-primary .nav-tabs li a,
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus
{
background-color:@PanelBodyBgColor;
}
ul.droptabs{
background-color:@PanelBodyBgColor;
border:1px solid @BorderColor;
}
.dashboard-sm ul.droptabs,.dashboard-md ul.droptabs,.dashboard-lg ul.droptabs{
border-bottom:1px solid @BorderColor;
}
ul.droptabs>li>a{
color:@TextColor;
}
ul.droptabs>li.active>a,ul.droptabs>li.active>a:focus,ul.droptabs>li.active>a:hover{
border-bottom:3px solid @PrimaryColor;

}
html body .tabs-primary .nav-tabs li a{

}
.controller-for-mobile-transform.panel-collapsed .panel-heading{
border-bottom:1px solid @BorderColor;
}



ul.simple-bullet-list li:before{
border-color:#fff;
}

.simple-card-list li.primary{
border:1px solid @BorderColor;
background:@PrimaryColor;
}
.simple-card-list li.primaryBorder{
border:1px solid @BorderColor;
  background:@PanelBodyBgColor;
  color:@linkcolor;
}

.search-content .search-toolbar .nav-pills li.active a{
color:@PrimaryColor;
border-bottom-color:@PrimaryColor;
}

.search-results-list .result-thumb .fa{
background:@PrimaryColor;
}

.scrollable.colored-slider .scrollable-slider{
background:@PrimaryColor;
}

html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus{
color:@PrimaryColor;
border-bottom-color:@PrimaryColor;
}

.bootstrap-timepicker-widget table td a:hover{
background-color:@PrimaryColor;
}

#nprogress .bar{
background:@PrimaryColor;
}

#nprogress .peg{
box-shadow:0 0 10px 1px @PrimaryColor,0 0 5px @PrimaryColor;
}

.ct-chart .tooltip{
background:@PrimaryColor;
}

.ct-chart .tooltip:after{
border-top-color:@PrimaryColor;
}

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut{
stroke:@PrimaryColor;
}

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut){
fill:@PrimaryColor;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut{
stroke:#005580;
}

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut){
fill:#005580;
}

.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut{
stroke:#005580;
}

.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut){
fill:#005580;
}

.ct-chart .ct-series.ct-series-j .ct-bar,
.ct-chart .ct-series.ct-series-j .ct-line,
.ct-chart .ct-series.ct-series-j .ct-point,
.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut{
stroke:#1ab2ff;
}

.ct-chart .ct-series.ct-series-j .ct-area,
.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut){
fill:#1ab2ff;
}

.ct-chart .ct-series.ct-series-n .ct-bar,
.ct-chart .ct-series.ct-series-n .ct-line,
.ct-chart .ct-series.ct-series-n .ct-point,
.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut{
stroke:#00111a;
}

.ct-chart .ct-series.ct-series-n .ct-area,
.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut){
fill:#00111a;
}

.ct-chart .ct-series.ct-series-o .ct-bar,
.ct-chart .ct-series.ct-series-o .ct-line,
.ct-chart .ct-series.ct-series-o .ct-point,
.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut{
stroke:#80d4ff;
}

.ct-chart .ct-series.ct-series-o .ct-area,
.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut){
fill:#80d4ff;
}

.checkbox-custom label:before{
  border:1px solid @BorderColor;
}
html.dark .checkbox-primary label:before,
.checkbox-primary label:before{
background:@PrimaryColor;
border-color:@HoverColor;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after{
color:@PrimaryColor;
}

.radio-custom label:before{
  border:1px solid @BorderColor;
}
html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after{
background:@PrimaryColor;
-webkit-box-shadow:0px 0px 1px @PrimaryColor;
box-shadow:0px 0px 1px @PrimaryColor;
}

.switch.switch-primary .ios-switch .on-background{
background:@PrimaryColor;
}

.progress-bar{
background-color:@PrimaryColor;
}

.progress .progress-bar-primary{
background-color:@PrimaryColor;
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle{
background:@PrimaryColor;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle{
background-image:-webkit-linear-gradient(left,#00aaff 0,@PrimaryColor 50%,#006699 100%);
background-image:linear-gradient(left,#00aaff 0,@PrimaryColor 50%,#006699 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle{
background-image:-webkit-linear-gradient(to right,#00aaff 0,@PrimaryColor 50%,#006699 100%);
background-image:linear-gradient(to right,#00aaff 0,@PrimaryColor 50%,#006699 100%);
}

.datepicker table{
width:100%;
}

.datepicker table thead tr th.prev:hover,
.datepicker table thead tr th.next:hover{
background:@PrimaryColor;
}

.datepicker table thead tr:first-child th:hover{
background:@PrimaryColor;
}

.datepicker table tr td span:hover{
background:@PrimaryColor;
}

.datepicker table tr td.day:hover{
background:@PrimaryColor;
}

.datepicker table tfoot tr th:hover{
background:@PrimaryColor;
}

html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
.datepicker.datepicker-dark table thead tr th.prev:hover,
html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
.datepicker.datepicker-dark table thead tr th.next:hover{
background:@PrimaryColor;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
.datepicker.datepicker-dark table tbody tr td.day:hover{
background:@PrimaryColor;
}

html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
.datepicker.datepicker-dark table tbody tr td.day.active{
background:@PrimaryColor;
}

.datepicker.datepicker-primary table thead tr:first-child{
background-color:@PrimaryColor;
}

.datepicker.datepicker-primary table thead tr:first-child th:hover{
background-color:#006699;
}

.datepicker.datepicker-primary table thead tr:last-child{
background-color:@PrimaryColor;
}

.datepicker.datepicker-primary table thead tr:last-child th:hover{
background-color:@PrimaryColor;
}

.datepicker.datepicker-primary table tbody tr td.day:hover{
background:@PrimaryColor;
}

.datepicker.datepicker-primary table tbody tr td.day.active{
background:@PrimaryColor;
}

.select2-container-multi .select2-choices .select2-search-choice{
background:@PrimaryColor;
}

.input-daterange .input-group-addon{
border:solid @BorderColor;
border-width:1px 0;
}
.input-daterange .input-group-addon:first-child{
border-left:1px solid @BorderColor;
}
.input-group-addon:first-child{
border:1px solid @BorderColor;
border-right:0;
}
.input-group-addon:last-child{
border:1px solid @BorderColor;
border-left:0;
}
.input-group-addon.input-group-addon-text,.input-group-addon.input-group-addon-text:hover{
background-color:@PanelBodyBgColor;
color:@TextColor;
}
.input-group-addon{
border:solid @BorderColor;
background:@PanelBodyBgColor;
color:@TextColor;
border-width:1px 0;
}
.input-group-addon:hover{
background:@HoverColor;
color:@HoverBgTextColor;
}

.display-add-input-left{
border-left:1px solid @BorderColor;
}
.display-add-input-right{
border-right:1px solid @BorderColor;
}


.wizard-steps > li.active .badge{
background-color:@PrimaryColor;
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus{
border-top-color:@PrimaryColor;
}

.wizard-tabs ul > li.active .badge{
background-color:@PrimaryColor;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator{
background:@PrimaryColor;
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span{
border-color:@PrimaryColor;
background:@PrimaryColor;
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span{
color:@PrimaryColor;
border-color:@PrimaryColor;
}

.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th{
background-color:@PrimaryColor;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{
  border:1px solid @BorderColor;
}
.table-striped > tbody > tr:nth-of-type(odd){
background-color:@PanelSupportColor;
}
th{
background-color:@PanelBodyBgColor;
}
tbody th{
background-color:@MainBgColor;
}
tbody tr:hover{
  background-color:@SubMenuBgColor!important;
}
.sticky-wrap td,.sticky-wrap th{
border:1px solid @BorderColor!important;
}


.dataTables_processing{
background-color:@PrimaryColor;
}

.liquid-meter-wrapper .liquid-meter-selector a.active{
color:@PrimaryColor;
}


.treeview .list-group-item{
background-color:@menubgcolor;
border-color:@BorderColor;
}
.treeview .list-group-item:hover,.treeview .list-group-item.node-selected{
background-color:@menuhoverbgcolor;
color:@HoverBgTextColor;
}
.node-icon.fa.fa-adjust,.node-icon.fa.fa-circle-o{
color:@PrimaryColor;
}
.node-icon.fa.fa-circle{
color:@SuccessColor;
}

.uploaded-attachment{
border-color:@BorderColor;
}
.uploaded-attachment-delete i{
background-color:@SubMenuBgColor;
}


.ms-container .ms-list{
border-color:@BorderColor;
}
.ms-container .ms-selectable,.ms-container .ms-selection{
background:@PanelBodyBgColor;
color:@TextColor;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
color:@TextColor;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
color:@HoverBgTextColor;
background-color:@HoverColor;
}
.ms-container .ms-list.ms-focus{
 border-color:@BorderColor;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px @BorderColor;
 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px @BorderColor;
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px @BorderColor;
}

.FunctionBarItem:hover,
.FunctionBarItem:active,
.stickytb-funcmenu a:hover,
.stickytb-funcmenu a:active{
  color:@HoverBgTextColor;
  background-color:@HoverColor
}
.gridster li.selected{  background-color:@HoverColor; color:#ffffff}


.orca-data-fail,.orca-data-fail.checkbox-custom label:before{
  color:@FunctionBgTextColor !important;
  background-color:@DangerColor !important;
  border-color:@DangerColor !important;
}


.card.widget-twitter-profile{
  color:@TextColor;
}

.card-featured-success{
  border-color:@SuccessColor !important;
}
.card-featured-danger{
  border-color:@DangerColor !important;
}
.card-featured-primary{
  border-color:@PrimaryColor !important;
}
.orca-HasReadTag{
  background:@PrimaryColor;
  color:white;
  position:absolute;
  top:0px;
  right:0;
  padding:0 5px;
}

.selectedNode{
background-color:@menuhoverbgcolor;
color:@HoverBgTextColor;
}

#divPlayList > div:hover{
background:@menuhoverbgcolor;
color:@HoverBgTextColor;
}

.playingNode{
background:@menuhoverbgcolor;
color:@HoverBgTextColor;
}

 
.thumbnail-selected{
  border:5px solid @PrimaryColor;
}

.thumbnail-selected-icon{  color:@PrimaryColor; margin-right:10px !important; margin-bottom:10px}