/*------------------------------------------------*/
/*	Skin: Access
/*------------------------------------------------*/
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background: #999; }
::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background: #375dad; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: #dfdfdf; }

/* auth */
.btn-auth { background-color: #375dad; border-color: #31539a; color: #fff; border-radius: 15px; }
.btn-auth:hover { color: #fff; }

/* general */
a { color: #517cd4; }
a:hover, a:focus { color: #2e5cba; }

.bg-img{
  	background-image: url('../../img/bg-img/bg-img-6.jpg') !important;
}

.top-bar-bgcolor { background: #375dad; }

.top-bar { background: #375dad; background: -moz-linear-gradient(left, #fff 0%, #fff 100px, #375dad 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(100px, #fff), color-stop(100%, #375dad)); background: -webkit-linear-gradient(left, #fff 0%, #fff 100px, #375dad 100%); background: -o-linear-gradient(left, #fff 0%, #fff 100px, #375dad 100%); background: -ms-linear-gradient(left, #fff 0%, #fff 100px, #375dad 100%); background: linear-gradient(to right, #fff 0%, #fff 100px, #375dad 100%); }
.top-bar .top-bar-right .btn-link { color: #c4d1ec; }
.top-bar .top-bar-right .btn-link:hover { color: #fff; }
.top-bar .main-nav-toggle i { color: #375dad; }
.top-bar .notifications .count { border-color: #375dad; }

/* widget */
.widget.doorKey { border-color: #6385cd; height: 100%;}
.widget .widget-header { background-color: #375dad; border-bottom-color: #31539a; color: #fff; }
.widget .widget-header em { color: #fff; }
.widget .widget-header .btn-help { color: #7694d4; }
.widget .widget-header .widget-header-toolbar { border-left-color: #3357a1; }
.widget .widget-header .widget-header-toolbar .control-title { color: #fff; }
.widget .widget-header .btn-group > a { color: #fff; }
.widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus { color: #ffc3c3; }

/* left menu */
ul.main-menu .sub-menu a.sub-active { background-color: #c4d1ec; font-weight: normal; color:#5c5c5c;}
body.dark-mode ul.main-menu .sub-menu a.sub-active {
	background-color: rgba(55,93,173,0.3); }

/* main content */
.main-header h2, .page-header h2 { color: #2d4c8e; border-right-color: #6385cd; }
.main-header em, .page-header em { color: #3b63b9; }

/* footer */
/*.footer { background-color: #375dad; }*/

/* Fancy checkbox */
.fancy-checkbox.custom-color input[type="checkbox"]:checked + span:before { color: #375dad; background-color: #fff; }
.fancy-checkbox.custom-bgcolor input[type="checkbox"]:checked + span:before { background-color: #375dad; border-color: #2b4886; color: #fff; }
.fancy-radio.custom-color input[type="radio"]:checked + span i:after { background-color: #375dad; }
.fancy-radio.custom-bgcolor input[type="radio"]:checked + span i:after { background-color: #375dad; }
.onoffswitch .onoffswitch-inner:before { background-color: #296EAA !important;}
.onoffswitch.disabled .onoffswitch-inner:before {background-color: #b2d2ed !important;}

.cube-chart .chart-nav button { border-bottom: 2px #ccc solid; }
.cube-chart .chart-nav button.active { border-bottom: 2px #375dad solid; box-shadow: none; background-color: #c4d1ec; }
.modal .modal-header{ background-color: #375dad;}

/* .multiselect-container > li.active > a, .multiselect-container > li.active > a > label {
  background-color: #c4d1ec;
} */