.theme-whbl #header-navbar { background-color: #fff !important }

.theme-whbl a { color: #333; outline: none !important; }

.theme-whbl #page-wrapper { background-color: #333 !important; }

.theme-whbl .navbar > .container .navbar-brand { background: #333 !important; width: 220px }

.theme-whbl #sidebar-nav .nav > li > a { font-size: 1.125em !important; color: #fff !important; }

    .theme-whbl #sidebar-nav .nav > li > a:hover, #sidebar-nav .nav .open > a:hover { background: #e6e7e8 !important; color: #333 !important; }

.theme-whbl #header-navbar .nav > li > a:hover, #header-navbar .nav > li > a:focus, #header-navbar .nav .open > a, #header-navbar .nav .open > a:hover, #header-navbar .nav .open > a:focus, .navbar-toggle:hover, .navbar-toggle:focus, .mobile-search.active > .btn { background: #03a9f4 !important; color: #fff !important; }

.theme-whbl .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, #sidebar-nav .nav-pills > li.active > a, #sidebar-nav .nav-pills > li.active > a:hover, #sidebar-nav .nav-pills > li.active > a:focus, .nav-pills > li.open > a, .nav-pills > li.open > a:hover, .nav-pills > li.open > a:focus, #sidebar-nav .nav-pills > li.open > a, #sidebar-nav .nav-pills > li.open > a:hover, #sidebar-nav .nav-pills > li.open > a:focus, .nav-small #nav-col #sidebar-nav .nav-pills > li.open > a { background-color: #DBA621 !important; color: #333 !important; border-left-color: #e6e7e8 !important; }

.theme-whbl #header-navbar .nav > li > a:hover, #header-navbar .nav > li > a:focus, #header-navbar .nav .open > a, #header-navbar .nav .open > a:hover, #header-navbar .nav .open > a:focus { background-color: #03a9f4 !important; }

.theme-whbl #sidebar-nav .nav-pills > li.active > a > i { color: #333 !important; }

.theme-whbl #sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon, #sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon { color: #fff !important; }

.theme-whbl #header-navbar .nav > li > a { color: #484848 !important; }

.theme-whbl #nav-col { background: #333 !important; }

.theme-whbl #content-wrapper { background: #e7ebee; }

.theme-whbl .navbar-toggle { color: initial; }

.theme-whbl #sidebar-nav .nav > li.nav-header { color: #8aa4be !important; }

.theme-whbl #user-left-box .user-box, .theme-whbl #user-left-box .user-box a { color: #fff !important; }

.theme-whbl #user-left-box.dropdown .dropdown-menu a { color: #707070 !important; }

#user-left-box.dropdown .dropdown-menu a:hover { background-color: #f6f6f6 !important; color: #707070 !important; }

.theme-whbl #sidebar-nav .nav li .submenu { background: #333 !important; }

    .theme-whbl #sidebar-nav .nav li .submenu > li > a { color: #fff !important; }

.theme-whbl .nav-small #nav-col-submenu .submenu > li > a { color: #fff; }

.theme-whbl .nav-tabs { background: #e7ebee !important; }

.theme-whbl .notifications-list .item-footer a:hover, .notifications-list .item-footer a:focus { background-color: #0288d1 !important; color: #fff !important; }

.theme-whbl .notifications-list .item-footer { background-color: #03a9f4 !important; }

.theme-whbl #sidebar-nav .nav li .submenu > li > a:hover { color: #333 !important; background-color: #e6e7e8 !important; }

.theme-whbl #sidebar-nav .nav li .submenu > li > a.active, #sidebar-nav .nav li .submenu > li.active > a, #sidebar-nav .nav li .submenu > li.open > a { text-decoration: none !important; color: #333 !important; background-color: #DBA621 !important; }

.theme-whbl #sidebar-nav .nav > .open .submenu > .open > a, #sidebar-nav .nav > .open .submenu > .active > a, #sidebar-nav .nav > .active .submenu > .open > a, #sidebar-nav .nav > .active .submenu > .active > a { background: initial !important; border-bottom-color: #1f2c39 !important; box-shadow: 0 -1px 0 #1f2c39 inset !important; }

.theme-whbl .pago-bg { background-color: #e6e7e8 !important; color: #333 !important; }

.theme-whbl .atrasado-bg { background-color: #333 !important; color: #fff !important; }

.theme-whbl .emerald-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .red-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .yellow-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .green-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .purple-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .gray-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .gray2-bg { background-color: #333 !important; color: #fff; }

.theme-whbl .white-bg { background-color: #ffffff !important; color: #fff; }

.theme-whbl .emerald { color: #DBA621 !important; }

.theme-whbl .red { color: #DBA621 !important; }

.theme-whbl .yellow { color: #DBA621 !important; }

.theme-whbl .green { color: #DBA621 !important; }

.theme-whbl .purple { color: #DBA621 !important; }

.theme-whbl .gray { color: #DBA621 !important; }

.theme-whbl .btn-default, .wizard-cancel, .wizard-back { background-color: #e6e7e8 !important; border-color: #C1C1C1 !important; color: #333 !important; }

    .theme-whbl .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .wizard-cancel:hover, .wizard-cancel:focus, .wizard-cancel:active, .wizard-cancel.active, .wizard-back:hover, .wizard-back:focus, .wizard-back:active, .wizard-back.active { background-color: #b0bec5 !important; border-color: #b0bec5 !important; color: #fff !important; }

    .theme-whbl .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #b0bec5 !important; border-color: #b0bec5 !important; }

.theme-whbl .btn-primary { background-color: #C5C5C5 !important; border-color: #C5C5C5 !important; }

    .theme-whbl .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #C5C5C5 !important; border-color: #C5C5C5 !important; }

.theme-whbl .btn-success, .btn-danger.disabled { background-color: #edb317 !important; border-color: #edb317 !important; }

.theme-whbl i.fa-minus-square, i.fa-circle { color: #edb317 !important; }

.theme-whbl .sweet-alert .icon.error { border-color: #edb317 !important; }

.theme-whbl .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .sweet-alert .icon.error .line.left, .sweet-alert .icon.error .line.right { background-color: #edb317 !important; }

.theme-whbl .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff !important; background-color: #edb317 !important; border-color: #edb317 !important; }

.theme-whbl .btn-danger { background-color: #333 !important; border-color: #333 !important; }

    .theme-whbl .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-color: #333 !important; }

    .theme-whbl .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff !important; background-color: #333 !important; border-color: #333 !important; }

.theme-whbl .alert-info { border-color: #DBA621 !important; color: #333 !important; background-color: #e6e7e8 !important; }

.theme-whbl .wysiwyg-editor { height: 250px !important; }

#login-logo { background: none repeat scroll 0 0 #333; }

.theme-whbl .pricing-package .package-header { background: #e6e7e8 !important; border-radius: 2px 2px 0 0 !important; background-clip: padding-box !important; /* stops bg color from leaking outside the border: */ }

    .theme-whbl .pricing-package .package-header h3 { color: initial !important; font-weight: bold !important; }

.theme-whbl #email-new .wysiwyg-editor { height: 220px !important; }

.theme-whbl #config-tool #config-tool-cog { top: 0 !important; }

.theme-whbl .breadcrumb > li a { color: #616161 !important; }

.pace .pace-activity { background: #333; }

    .pace .pace-activity::before { border-right-color: #616161; border-left-color: #616161; }

    .pace .pace-activity::after { border-top-color: #616161; border-bottom-color: #616161; }

.btn {
    border: none;
    padding: 12px 16px !important;
    border-bottom: 0 solid !important;
    transition: .2s !important;
    outline: none;
    border-radius: 4px !important;
    background-clip: padding-box;
    font-size: 1em !important;
    font-weight: 600 !important
}

@media (max-width: 991px) {
    .theme-whbl .navbar > .container .navbar-brand { background-color: #FFF !important; }

    #logo { width: 150px !important; }
}