:root {
    --primary: #0e2d6d;
    --secondary: #4ac7ed;
}

.skin-black .sidebar a {
    color:var(--secondary);
}

.view_gallery:hover {
    color:var(--primary);
}

.stats-container .product_price {
    color:var(--primary);
}

.image_overlay {
    background:var(--primary);
}

.product-options strong {
    color:var(--primary);
}

.add_to_cart:hover {
    color:var(--primary);
}

a {
    color:var(--primary);
}

.form-control:focus {
    border-color:var(--primary);
}

.progress-bar-light-blue,
.progress-bar-primary {
    background-color:var(--primary);
}

.card.card-primary.card-outline {
    border-top-color:var(--primary);
}
.card-primary:not(.card-outline) > .card-header {
    background-color: var(--primary);
}

.card-secondary:not(.card-outline) > .card-header {
    background-color: var(--secondary);
}

.card.card-solid.card-primary {
    border: 1px solid var(--primary);
}

    .card.card-solid.card-primary > .card-header {
        background:var(--primary);
        background-color:var(--primary);
    }

.todo-list .primary {
    border-left-color:var(--primary);
}

.bg-blue {
    background-color:var(--secondary) !important;
}

.btn-primary {
    background-color:var(--primary);
    border-color:var(--primary);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    border-top-color:var(--primary);
}

.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
    border-left-color:var(--primary);
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color:var(--primary);
}

.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
    border-top-color:var(--primary);
}

.direct-chat-primary .right > .direct-chat-text {
    background:var(--primary);
    border-color:var(--primary);
}

    .direct-chat-primary .right > .direct-chat-text:after,
    .direct-chat-primary .right > .direct-chat-text:before {
        border-left-color:var(--primary);
    }

.select2-container--default.select2-container--open {
    border-color:var(--primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color:var(--primary);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color:var(--primary) !important;
}

.select2-container--default .select2-selection--multiple:focus {
    border-color:var(--primary);
}

.text-info {
    color:var(--secondary) !important;
}

.skin-black .main-header .navbar .navbar-nav > li > a {
    color:var(--primary) !important;
}


.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color:var(--secondary) !important;
}

.btn-primary:hover {
    color: #fff;
    background-color:var(--secondary) !important;
    border-color:var(--secondary) !important;
}

.text-primary {
    color:var(--secondary) !important;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color:var(--secondary) !important;
    border-color:var(--secondary) !important;
}

    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .open > .dropdown-toggle.btn-primary:hover,
    .btn-primary:active:focus,
    .btn-primary.active:focus,
    .open > .dropdown-toggle.btn-primary:focus,
    .btn-primary:active.focus,
    .btn-primary.active.focus,
    .open > .dropdown-toggle.btn-primary.focus {
        color: #fff;
        background-color:var(--secondary);
        border-color:var(--secondary);
    }


.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color:var(--primary);
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color:var(--primary) !important;
}

.text-light-blue {
    color:var(--primary) !important;
}


.skin-black .nav-sidebar > .nav-item:hover > .nav-link,
.skin-black .nav-sidebar > li:hover > a,
.skin-black .nav-sidebar > li.active > a {
    background-color: var(--primary) !important;
}

.skin-black .nav-sidebar > li.menu-open > a {
    color: var(--secondary);
    background-color: white;
}
.nav-treeview > .nav-item > .nav-link {
    color: var(--secondary);
}
.nav-pills .nav-link.active {
    border-left-color: var(--secondary) !important;
    background-color: var(--primary) !important;
}
.nav-treeview > .nav-item > .nav-link:hover {
    background-color: var(--primary) !important;
    color:white!important;
}

.bg-light-blue-gradient {
    background: #3c8dbc !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0,var(--primary)), color-stop(1, #67a8ce)) !important;
    background: -ms-linear-gradient(bottom,var(--primary), #67a8ce) !important;
    background: -moz-linear-gradient(center bottom,var(--primary) 0%, #67a8ce 100%) !important;
    background: -o-linear-gradient(#67a8ce,var(--primary)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#b52c1a', GradientType=0) !important;
    color: #fff;
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 53, 80, 0.6);
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header .navbar .navbar-right > li > a {
    border-left: none !important;
}

.skin-black .main-header .navbar .nav > li > a:hover, .skin-black .main-header .navbar .nav > li > a:active, .skin-black .main-header .navbar .nav > li > a:focus, .skin-black .main-header .navbar .nav .open > a, .skin-black .main-header .navbar .nav .open > a:hover, .skin-black .main-header .navbar .nav .open > a:focus, .skin-black .main-header .navbar .nav > .active > a {
    background: #fff !important;
    color: #000000 !important;
}

.nav-item-sidebarHome.active > a {
    border-left: solid var(--secondary) !important;
    background-color: var(--primary) !important;
    color: white !important;
}
