/*Framework color styling*/
body {
    background-color: #ddd !important;
}

.page-container {
    background-color: #246fba !important;
}

.page-content-wrapper {
    background-color: #246fba !important;
}

.page-header.navbar {
    background-color: #246fba !important;
}

li.dropdown.dropdown-user a.dropdown-toggle span {
    color: #ffffff !important;
}

li.dropdown.dropdown-user a.dropdown-toggle i.fa.fa-angle-down {
    color: #ffb400 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    /*background-color: #5e5e5d !important;*/
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown.dropdown-user a.dropdown-toggle:hover {
    /*background-color: #6e6e6d !important;*/
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: #6e6e6d !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a:hover {
    background-color: #c4c4c4 !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a {
    background: #de9829 !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.active > a > span.selected {
    border-top: 6px solid #de9829 !important;
}

.page-sidebar.navbar-collapse {
    background-color: #5e5e5d !important;
}

/* Hamburg Theme */
.hamburg-theme .page-bar {
    background-color: #F44336 !important;
}

.hamburg-theme .page-bar ul.page-breadcrumb li a,
.hamburg-theme .page-bar ul.page-breadcrumb li span,
.hamburg-theme .page-bar ul.page-breadcrumb li i {
    color: #ffffff !important;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #fff;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
    color: #fff !important;
    background: #C62828 !important;
}

.hamburg-theme .page-header.navbar {
    background-color: #D32F2F !important;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    background: #C62828 !important;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #fff !important;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    background: #FF5722 !important;
    color: #fff !important;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #fff !important;
}

.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li.open > a,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
.hamburg-theme .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
    background: #9C1B1B !important;
}

.hamburg-theme .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
.hamburg-theme .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background: #FF5722 !important;
}

.hamburg-theme .page-footer {
    background-color: #D32F2F;
}

/*END  Hamburg Theme */

div.page-bar {
    background-color: #1d5a8d !important;
}

div.page-bar ul.page-breadcrumb li a,
div.page-bar ul.page-breadcrumb li span,
div.page-bar ul.page-breadcrumb li i {
    color: #ffffff !important;
}

h1.page-title small {
    font-style: italic !important;
}

li.heading {
    background-color: #246fba !important;
    color: #ffffff !important;
}

li.heading h3 {
    color: #ffffff !important;
    font-weight: bold !important;
}

li.nav-item {
    background-color: #246fba !important;
}

li.nav-item a:hover,
li.nav-item.active a:hover {
    background-color: #2164a0 !important;
}

li.nav-item.active a {
    background-color: #1d5a8d !important;
}

.application-icon-color, .application-icon-color::before {
    color: #fff !important;
}

li.nav-item span.title {
    color: #ffffff !important;
}

.page-footer {
    background-color: #1d5a8d;
}

.page-footer .page-footer-inner {
    color: #fff !important;
}

div.clearfix-color {
    background-color: #5e5e5d !important;
}

.page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #fff;
}

.page-header.navbar .hor-menu .navbar-nav > li:hover > a,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
    color: #fff !important;
    background: #1d5a8d !important;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
    background: #3a8fd6 !important;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #fff !important;
}

.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover,
.page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    background: #1d5a8d !important;
    color: #fff !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3,
.page-header.navbar .hor-menu .navbar-nav > li > a {
    color: #fff !important;
}

.page-header.navbar .hor-menu .navbar-nav > li.open > a,
.page-header.navbar .hor-menu .navbar-nav > li:hover > a,
.page-header.navbar .hor-menu .navbar-nav > li > a:hover {
    background: #337ab7 !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background: #1d5a8d !important;
}

.mega-menu-submenu.custom-menu-submenu {
    width: 185px;
    float: left;
}

span.colored-dot {
    width: 14px;
    height: 14px;
    border-radius: 100% !important;
    display: inline-block;
    margin: auto calc(50% - 7px);
}

.green {
    background: #7ed321 !important;
}

.blue {
    background: #308bd5 !important;
}

.yellow {
    background: #f5a623 !important;
}

.red {
    background: #e91818 !important;
}

.grey {
    background: #9c9c9c !important;
}