/* -- Color -- */
:root {
    --primary: #173151;
}
/*#4db4dd*/
.logo-text {
    color: #173151;
}

/* -- icon   left-sidebar --*/
#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .nav-small-cap, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
    color: #173151;
}

/* -- icon   Top-navbar --*/
.nav-item a {
    color: #173151 !important;
}

/* -- Background primary */
.bg-primary {
    background-color: #173151 !important;
}
/* -- btn-primary */
.btn-primary {
    background-color: #173151;
    border-color: #173151;
}

    .btn-primary:hover {
        background-color: #BB9651;
        border-color: #173151;
    }

    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #173151;
        border: 2px solid #173151;
    }

.text-primary {
    color: #173151 !important;
}

.border-primary {
    border-color: #173151 !important;
}

.btn-outline-primary {
    color: #173151;
    background-color: transparent;
    border-color: #173151;
}

    .btn-outline-primary:hover {
        background-color: #173151;
        border-color: #173151;
    }

    .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #173151;
        border-color: #173151;
    }

        .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.3rem #bb96514d;
            background-color: #173151;
        }

/* Site bar */
.sidebar-nav > #sidebarnav > .sidebar-item.selected > .sidebar-link, .sidebar-nav > #sidebarnav > .sidebar-item > .sidebar-link:hover {
    background: rgba(0,0,0,.1);
    border-right: 4px solid #173151;
}

/*-- settings menu item --*/
.settings-menu-item:hover, .settings-menu-item.active {
    background-color: #ebeaf6;
    border-right: 0.25rem solid #173151;
    padding-right: 1rem;
}
/*-- Wizard --*/
.wizard-content .wizard > .steps > ul > li.current .step {
    border-color: #173151;
    background-color: #fff;
    color: #173151;
}

.wizard-content .wizard.wizard-circle > .steps > ul > li.current:after, .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:after, .wizard-content .wizard.wizard-circle > .steps > ul > li.current ~ li:before {
    background-color: #173151;
}

.wizard-content .wizard > .steps > ul > li a {
    position: relative;
    padding-top: 52px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #173151;
}

.wizard-content .wizard > .actions > ul > li > a {
    background: #173151;
    color: #fff;
    display: block;
    padding: 7px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
}

.wizard-content .wizard > .steps > ul > li.done .step {
    background-color: #173151;
    border-color: #173151;
    color: #fff;
}

.wizard-content .wizard.wizard-circle > .steps > ul > li:after, .wizard-content .wizard.wizard-circle > .steps > ul > li:before {
    top: 45px;
    width: 50%;
    height: 3px;
    background-color: #173151;
}

.form-control:focus {
    background-color: #fff;
    border-color: #bb9651;
    outline: 0;
    box-shadow: 0 0 0 .2rem #bb96514d;
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.3rem #bb96514d;
    background-color: #173151;
}