:root {
	--main-cl: #0073BA;
	--secondary-cl: #079FE0; 
	--active-cl:#00AEC4; 
	--highlight-cl:#EC5E45;
	--submenu-cl:#068DC7;
}

#navbar .right-menu .dropdown-menu {
    background: var(--secondary-cl);
}
.dropdown-menu > li > a, #navbar .dropdown-menu > li > a {
	color:#fff!important;
}
#navbar .nav > li > a, #navbar .nav > li > a {
	transition:all 0.15s ease;
}
#nav-search .nav-search-input:focus {
    border-color: var(--active-cl);
}
#navbar .nav > li > a:focus, #navbar .nav > li > a:hover {
	background-color:var(--active-cl)!important;
}
.ace-nav > li.open > a, .ace-nav > li.open > .no-anchor {
    background-color: var(--actice-cl) !important;
}
.sidebar, .sidebar:before {
	 background-color: var(--secondary-cl)!important;
}
#sidebar .nav.nav-list li a:focus, #sidebar .nav.nav-list li a:hover {
	background-color: var(--active-cl);
}
#sidebar .nav.nav-list > li.menu-active > a, #sidebar .nav.nav-list > li.menu-active > a:focus, #sidebar .nav.nav-list > li.menu-active > a:hover {
	background-color: var(--active-cl);
}
.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-top: 5px solid var(--active-cl)!important;
}
.label-danger, .badge-danger {
    background-color: var(--highlight-cl);
}
#navbar {
    background-color: var(--main-cl);
    border-color: #37474f;
}
#sidebar .nav.nav-list > li.menu-active > a:hover {
	background-color:var(--active-cl);
}
.btn-success {
	background-color: var(--main-cl);
	border-color: var(--main-cl);
}
.dropdown-menu  {
	background:var(--secondary-cl)
}
.ace-nav select option, .ace-nav select.form-control option {
	background-color: var(--secondary-cl);
}
.ui-datepicker table td.ui-datepicker-current-day .ui-state-active {
	background-color:var(--active-cl);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
	background-color: var(--active-cl);
	border-color: var(--active-cl);
}
.sidebar .nav {
	background-color: var(--secondary-cl);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: var(--active-cl);
    border-color: var(--active-cl);
}
.form-control:focus, .form-control.select2-container--focus {
	border-color: var(--active-cl)!important;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:var(--active-cl);
}
.layout-login-container .login-sidebar:before {
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	background-color: var(--main-cl);
	opacity:0.8;
}
.login-layout-alt .btn-login { 
	background-color: var(--active-cl);
}
.btn-info {
	background-color: var(--active-cl);
	border-color: var(--active-cl);
}
.btn-info.focus, .btn-info:focus, .btn-info:hover {
	background-color: var(--secondary-cl);
	border-color: var(--secondary-cl);
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, #navbar .dropdown-menu > li > a:focus, #navbar .dropdown-menu > li > a:hover {
	background-color: var(--active-cl);
	color:#fff!important;
}
.is_parent .submenu.opened {
	background-color:var(--submenu-cl);
}
#sidebar.menu-min .nav>li>ul {
	background-color:var(--submenu-cl);
}
.login-layout-alt .alt-fieldset i {
    color: var(--active-cl);
}
#sidebar .nav.nav-list li a:focus, #sidebar .nav.nav-list li a:hover {
    background-color: var(--active-cl);
    color: #fff;
}
@media (min-width: 769px) {
	#sidebar.menu-min .nav>li>ul {
		top:50px;
	}
	#sidebar.menu-min .nav>li:hover:not(.menu-active)>a {
	    background-color: var(--active-cl);
	    color: #fff;
	}
	#sidebar.menu-min .nav > li > a > span {
	    background-color: var(--secondary-cl);
	    border: 1px solid var(--secondary-cl);
	}
	#sidebar.menu-min .nav > li > a > span:hover{
		background-color: var(--active-cl);
	    border: 1px solid var(--active-cl);
	}
}
@media (max-width:991px) {
	.nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    	border-top: 2px solid var(--active-cl)!important;
	}
}

@media (max-width:768px) {
	#sidebar .nav.nav-list li a:focus, #sidebar .nav.nav-list li a:hover {
		background-color: var(--active-cl);
	}
}