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

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

.theme-whbl #page-wrapper
{
    background-color: #26324f !important
}

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

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

    .theme-whbl #sidebar-nav .nav > li > a:hover, #sidebar-nav .nav .open > a:hover
    {
        background: #1f2a43 !important;
        color: #ffc53e !important;
        transition: .3s
    }

.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: #ffc53e !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: #3b496a !important;
    color: #fff !important;
    border-left-color: #3b496a !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: #dba621 !important;
    border-radius: 0 !important;
    transition: .2s
}

.theme-whbl #sidebar-nav .nav-pills > li.active > a > i
{
    color: #26324f !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;
    padding-top: 10px
}

.theme-whbl #nav-col
{
    background: #26324f !important
}

.theme-whbl #content-wrapper
{
    background: #f6f6f6
}

.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: #313f60 !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
{
    background-color: #26324f !important
}

.theme-whbl #sidebar-nav .nav li .submenu > li > a:hover
{
    color: #ffc53e !important;
    background-color: #26324f !important;
    transition: .3s
}

.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: #fff !important;
    background-color: #606d8b !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: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .atrasado-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .emerald-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .red-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .yellow-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .green-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .purple-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

.theme-whbl .gray-bg
{
    background-color: #f6f6f6 !important;
    color: #757575 !important
}

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

.theme-whbl .white-bg
{
    background-color: #fff !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: #26324f !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: #c2bfc3 !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: #a39fa4 !important;
        border-color: #b0bec5 !important
    }

.theme-whbl .btn-primary
{
    background-color: #c2bfc3 !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: #a39fa4 !important;
        border-color: #C5C5C5 !important
    }

.theme-whbl .btn-success, .btn-danger.disabled
{
    background-color: #dba621 !important;
    border-color: transparent !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: transparent !important;
    box-shadow: 0 0 6px #dba621;
    text-shadow: 0 0 6px #fff;
    background-image: linear-gradient(120deg,#e2b823 12%,#dba621 100%,#b9801b 100%)
}

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

    .theme-whbl .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger
    {
        background-color: #a39fa4 !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: #a39fa4 !important;
        border-color: #26324f !important
    }

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

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

#login-logo
{
    background: none repeat scroll 0 0 #26324f
}

.theme-whbl .pricing-package .package-header
{
    background: #e6e7e8 !important;
    border-radius: 2px 2px 0 0 !important;
    background-clip: padding-box !important
}

    .theme-whbl .pricing-package .package-header h3
    {
        color: initial !important;
        font-weight: 700 !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: #606d8b !important
}

.pace .pace-activity
{
    background: #26324f
}

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

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

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

    #logo
    {
        width: 150px !important
    }
}

#logo.navbar-brand > img
{
    margin: 0 auto !important;
    padding-right: 0 !important;
    margin-top: 4px !important
}

#sidebar-nav .nav > li > a > span
{
    margin-left: 35px !important;
    font-size: .9em !important;
    font-weight: 500 !important
}

#header-navbar .nav > li > a
{
    height: 56px !important
}

#header-navbar .nav > li .caret
{
    border-top-color: #d5d5d5 !important;
    border-bottom-color: #fff !important
}

#user-left-box img
{
    border-radius: 4% !important;
    border: 0 solid #fff !important;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important
}

#content-header
{
    background: transparent !important;
    margin: -15px -15px 20px;
    padding: 15px;
    border-bottom: 1px solid rgba(38,50,79,0.16) !important
}

.infographic-box.colored i
{
    font-size: 4.6em !important;
    margin-left: 7px !important;
    color: #a3a8b4 !important
}

.theme-whbl #content-wrapper
{
    border-left: 0 solid #e7ebee !important
}

.project-box .project-box-header .name a
{
    color: #26324f !important;
    font-size: 1.6em !important;
    font-weight: 500 !important
}

.theme-whbl h1
{
    color: #26324f !important;
    font-weight: 500 !important;
    font-size: 2em !important;
    margin-top: 6px !important
}

.main-box h2
{
    font-size: 1.74em !important;
    line-height: 29px !important;
    margin: 0 !important;
    padding-bottom: 8px !important
}

.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
}

h4
{
    font-size: 1.4em !important;
    font-weight: 500 !important;
    padding-bottom: 10px !important;
    color: rgba(38,50,79,0.6) !important
}

.accordion .panel-title > a:hover
{
    color: #dba621 !important
}

.accordion .panel-title > a
{
    color: #26324f !important;
    padding-top: 10px !important
}

.theme-whbl .panel-default > .panel-heading, .theme-whbl .notifications-list .item-footer
{
    background-color: #f6f6f6 !important;
    border-radius: 4px 4px 0 0 !important
}

.panel-collapse
{
    border: 1px solid #f6f6f6 !important;
    border-top: 0 !important
}

#header-navbar .profile-dropdown > a > img
{
    margin-right: 15px !important;
    border: 0 solid #fff !important;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5) !important
}

.dropdown-menu > li > a
{
    font-size: 1em !important
}

#footer-copyright img
{
    width: 5% !important;
    height: 5% !important;
    margin-left: 6px
}

#login-box-inner
{
    background: rgba(255,255,255,0.95);
    border-radius: 0 !important;
    background-clip: padding-box;
    border: 0 solid #e1e1e1 !important;
    border-bottom-width: 0 !important;
    padding: 20px 25px
}

#login-box
{
    box-shadow: 0 0 4px rgba(0,0,0,0.5) !important;
    border-radius: 8px !important
}

    #login-box .input-group .input-group-addon i
    {
        color: #909090 !important
    }

.radio label:after
{
    background-color: #dba621 !important;
    border: 1px solid #dba621 !important
}

.radio input[type=radio]:checked + label:before, .radio input[type=radio]:hover + label:before
{
    border-color: #dba621 !important
}

.form-control
{
    font-size: 16px !important;
}

#login-logo
{
    background: none repeat scroll 0 0 #fff !important
}