@PrimaryColor:rgba(153,0,51,0.96);@FunctionBgTextColor:rgba(255,255,255,1);@TopBgColor:rgba(153,0,51,1);@TopLinkColor:rgba(255,255,255,1);@MainBgColor:rgba(252,252,252,1);@PanelBodyBgColor:rgba(255,255,255,1);@PanelSupportColor:rgba(241,236,211,0.65);@SubMenuBgColor:rgba(210,190,138,0.52);@TextColor:rgba(0,0,0,1);@BorderColor:rgba(153,0,51,0.74);@SuccessColor:rgba(255,127,39,1);@DangerColor:rgba(228,95,86,1);@HoverColor:rgba(168,130,33,0.92);@HoverBgTextColor:rgba(255,255,255,1);@SignPanelBgColor:rgba(251,251,251,0.95);@SignTextColor:rgba(97,9,9,1);@SignLinkColor:rgba(117,57,7,0.98);@SingBtnBgColor:rgba(168,130,33,1);@SignBtnTextColor:rgba(251,251,251,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,.modal-dialog .modal-content .panel-body,.modal-dialog .modal-content.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} .orca-input-warning{ background-color:red;color:white}