@charset "utf-8";
@import url("../theme-blue.css");
.main-header > .logo {
 color: #636e77;
 background-color: #fafafa;
 background-image: url(../../img/bg-slant.png);
 background-position: 200px 50%;
}
.content-header {
 color: #fff;
 background: #555299;
 background: -webkit-gradient(linear, left top, right top, from(#054b90), to(#ffffff));
 background: -webkit-linear-gradient(left, #054b90, #ffffff);
 background: -moz-linear-gradient(left, #054b90, #ffffff);
 background: -o-linear-gradient(left, #054b90, #ffffff);
 background: linear-gradient(to right, #054b90, #ffffff);
 padding-left: 0;
}
.content-header > h1 > .fa, .content-header > h1 > small, .breadcrumb > li > a, .breadcrumb > li.active {
 color: #fff;
}
.content-header > h1 {
 background: url(../../img/bg-slant.png) -100px 50% no-repeat;
 margin: 0;
}
.content-header > .breadcrumb {
 margin: 0;
 float: right;
 border: 0;
}
.content-header > h1 > .fa {
 top: 40px;
 left: 30px;
}
.main-sidebar {
 border: 0;
 background-image: none;
 background-color: #233445;
}
.sidebar-menu > li {
 border-color: #293c4f;
}
.sidebar-menu > li.active {
 padding: 0;
}
.sidebar-menu li.header {
 color: #fff;
}
.sidebar-menu > li > a {
 color: #c1c9d1;
}
.sidebar-menu > li:hover, .sidebar-menu > li:hover a, .sidebar-menu > li.active, .sidebar-menu > li.active > a, .sidebar-menu > li.active:hover, .sidebar-menu > li.active:hover a:hover {
 color: #fff;
 border-left-color: #054b90;
}
.sidebar-menu > li > a > .fa {
 color: #f5f6f7;
}
.sidebar-menu > li.active > .treeview-menu > li > a, .sidebar-menu > li.active > a > li > a, .sidebar-menu > li.active > a > .fa, .sidebar-menu > li:hover > a > .fa {
 color: #fff;
}
.sidebar-menu > li:hover, .sidebar-menu > li.active:hover, .sidebar-menu > li.active, .sidebar-menu > li:hover a, .sidebar-menu > li.active > a:hover, .sidebar-menu .treeview-menu.menu-open > li:hover {
 background: #30465d;
}

@media screen and (min-width: 768px) {
.main-header {
 border-top: 5px solid #233445;
}
.content-header > h1, .user-panel {
 min-height: 80px;
}
.content-header > h1, .content-header > .breadcrumb {
 padding-top: 25px;
}
.content-header {
 margin-bottom: 20px;
}
.content-header > h1 {
 padding-left: 30px;
}
}

@media screen and (max-width: 767px) {
.main-header > .logo, .main-header a.logo:hover {
 color: #fff;
 background: #233445;
}
}

.bg-top-menu {
 background-color: #266099;
}
.bg-top-menu:hover {
 background-color: #4579ac!important;
}
.content h2 .label {
 background-color: #266099;
}
.force-blue {
 color: #3f6b96!important;
}
.force-dark-blue {
 color: #31708f!important;
}