/***
Variables
 */
:root {
    --default-color: #000a48;
    --primary-color: #0f2c72;
    --bs-primary-rgb: #0f2c72;
    --secondary-color: #4f6dab;
    --bs-secondary-rgb: #4f6dab;
    --dark-grey-color: #343434;
    --medium-grey-color: #666;
    --light-grey-color: #d9d9d9;
    --success-color: #00870e;
    --success-lighter-color: #00a512;
    --danger-color: #c00000;
    --danger-lighter-color: #ec111b;
    --warning-color: #ff9900;
    --warning-lighter-color: #ffb31a;
    --light-green: #9effa9;
    --light-red: #ff9a9a;
    --light-yellow: #ffdba6;
}
/***
Border
 */
.border-color-default,
.border-color-default ul {
    border-color: var(--default-color);
}
.border-color-primary,
.border-color-primary ul {
    border-color: var(--primary-color) !important;
}
.border-color-secondary,
.border-color-secondary ul {
    border-color: var(--secondary-color) !important;
}
.border-color-danger,
.border-color-danger ul {
    border-color: var(--danger-color) !important;
}
.border-color-light-grey,
.border-color-light-grey ul {
    border-color: var(--light-grey-color) !important;
}
/**
Has error
 */
.has-error {
    border-color: var(--danger-color) !important;
}
/***
Background
 */
.default-bg,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
.page-sidebar .page-sidebar-menu > li.active > a:hover,
.page-sidebar .page-sidebar-menu > li.active.open > a:hover {
    background: var(--default-color);
}
.primary-bg,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
.page-sidebar .page-sidebar-menu > li.active > a,
.page-sidebar .page-sidebar-menu > li.active.open > a {
    background: var(--primary-color) !important;
}
.secondary-bg,
.marketplace-figure img,
.marketplace-figure i {
    background: var(--secondary-color) !important;
}
.bg-success {
    background-color: var(--success-color);
}
.white-bg {
    background-color: #fff;
}
.light-grey-bg {
    background-color: var(--light-grey-color);
}
.white-opacity-bg {
    background-color: rgba(255, 255, 255, 0.5);
}
.warning-bg {
    background-color: var(--light-yellow);
}
/***
Text
 */
a, .color-default {
    color: var(--default-color);
}
a:active,
a:focus,
a:hover,
.color-default {
    color: var(--primary-color);
}
body,
.text-default {
    color: var(--dark-grey-color);
}
.text-primary {
    color: var(--primary-color);
}
.text-secondary, .color-secondary {
    color: var(--secondary-color) !important;;
}
.text-success {
    color: var(--success-color);
}
.text-danger {
    color: var(--danger-color);
}
.text-warning {
    color: var(--warning-color);
}
.text-white {
    color: #fff !important;
}
.text-medium-grey {
    color: var(--medium-grey-color);
}
.color-gray,
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav > li > a {
    color: var(--dark-grey-color);
}
.page-sidebar .page-sidebar-menu > li.customerreferral:not(.active) > a > i.fa,
i.fa-trophy {
    color: var(--secondary-color);
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav > li > a:hover,
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
    color: var(--secondary-color);
    background-color: unset;
}
.sidebarview-sidebar .nav-tabs a{
    color: var(--medium-grey-color);
}
/****
Buttons
 */
.btn-default {
    color: #fff;
    background-color: var(--default-color);
    border-color: var(--default-color);
}
.btn-default:focus,
.btn-default:active,
.btn-default:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    color: #fff;
    background-color: var(--default-color);
}
.btn-primary:active:hover, .btn-primary.active:hover {
    color: #fff;
    background-color: var(--default-color);
}
.btn-secondary {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:hover,
.btn-light.active {
    color: var(--secondary-color);
    background-color: var(--light-grey-color);
    border-color: var(--secondary-color);
}
.btn-secondary:active:hover, .btn-primary.active:hover {
    color: var(--secondary-color);
    background-color: var(--light-grey-color);
    border-color: var(--secondary-color);
}
.btn-primary-outline, .text-primary-outline {
    color: var(--primary-color);
    background-color: #fff;
    border: 1px solid var(--primary-color);
}
.btn-primary-outline:focus,
.btn-primary-outline:active,
.btn-primary-outline:hover,
.btn-primary-outline:hover .fa,
.btn-primary-outline:active:hover,
.btn-primary-outline.active:hover {
    color: #fff;
    background-color: var(--primary-color);
}
.btn-secondary-outline {
    color: var(--secondary-color);
    background-color: transparent;
    border: 1px solid var(--secondary-color);
}
.btn-secondary-outline:hover {
    background-color: var(--light-grey-color);
    border-color: var(--light-grey-color);
}
.btn-primary-bottom-line {
    color: var(--primary-color);
    background-color: #fff;
    border-top: 1px solid var(--primary-color);
}
.btn-success {
    color: #fff;
    background-color: var(--success-color);
    border-color: var(--success-color);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: var(--success-lighter-color);
    border-color: var(--success-lighter-color);
}
.open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--success-lighter-color);
    border-color: var(--success-lighter-color);
}
.btn-success:active, .btn-success.active {
    background-image: none;
    background-color: var(--success-lighter-color);
}
.btn-success:active:hover, .btn-success.active:hover {
    background-color: var(--success-lighter-color);
}
.open .btn-success.dropdown-toggle {
    background-image: none;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: var(--success-color);
    border-color: var(--success-color);
}
.btn-success .badge {
    color: var(--success-color);
    background-color: #fff;
}
.btn-success-outline {
    color: var(--success-color);
    background-color: #fff;
    border: 1px solid var(--success-color);
}
.btn-success-outline:focus,
.btn-success-outline:active,
.btn-success-outline:hover,
.btn-success-outline:hover .fa,
.btn-success-outline:active:hover,
.btn-success-outline.active:hover {
    color: #fff;
    background-color: var(--success-color);
}
.btn-danger {
    color: #fff;
    background-color: var(--danger-color);
    border-color: var(--danger-color);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: #fff;
    background-color: var(--danger-lighter-color);
    border-color: var(--danger-lighter-color);
}
.open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--danger-color);
    border-color: var(--danger-color);
}
.btn-danger:active, .btn-danger.active {
    background-image: none;
    background-color: var(--danger-color);
}
.btn-danger:active:hover, .btn-danger.active:hover {
    background-color: var(--danger-color);
}
.open .btn-danger.dropdown-toggle {
    background-image: none;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: var(--danger-color);
    border-color: var(--danger-color);
}
.btn-danger .badge {
    color: var(--danger-color);
    background-color: #fff;
}
.btn-danger-outline,
.modal-footer .btn-default {
    color: var(--danger-color);
    background-color: #fff;
    border: 1px solid var(--danger-color);
}
.btn-danger-outline:focus,
.btn-danger-outline:active,
.btn-danger-outline:hover,
.btn-danger-outline:hover .fa,
.btn-danger-outline:active:hover,
.btn-danger-outline.active:hover,
.modal-footer .btn-default:hover {
    color: #fff;
    background-color: var(--danger-color);
}
.btn-danger-link {
    color: var(--danger-color);
    background-color: transparent;
}
.btn-danger-link:hover {
    color: var(--danger-color);
    text-decoration: underline;
}
.btn-warning {
    color: #fff;
    background-color: var(--warning-color);
    border-color: var(--warning-color);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: #fff;
    background-color: var(--warning-lighter-color);
    border-color: var(--warning-lighter-color);
}
.open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: var(--warning-color);
    border-color: var(--warning-color);
}
.btn-warning:active, .btn-warning.active {
    background-image: none;
    background-color: var(--warning-color);
}
.btn-warning:active:hover, .btn-warning.active:hover {
    background-color: var(--warning-color);
}
.open .btn-warning.dropdown-toggle {
    background-image: none;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active,
.btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover,
.btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: var(--warning-color);
    border-color: var(--warning-color);
}
.btn-warning .badge {
    color: var(--warning-color);
    background-color: #fff;
}
.btn-warning-outline {
    color: var(--warning-color);
    background-color: #fff;
    border: 1px solid var(--warning-color);
}
.btn-warning-outline:focus,
.btn-warning-outline:active,
.btn-warning-outline:hover,
.btn-warning-outline:hover .fa,
.btn-warning-outline:active:hover,
.btn-warning-outline.active:hover {
    color: #fff;
    background-color: var(--warning-color);
}
.btn-warning-link {
    color: var(--warning-color);
    background-color: transparent;
}
.btn-warning-link:hover {
    color: var(--warning-color);
    text-decoration: underline;
}
.btn-transparent {
    color: var(--default-color);
    background-color: transparent;
    border-color: transparent;
}
.btn-transparent:hover {
    background-color: var(--light-grey-color);
    border-color: var(--light-grey-color);
}
.btn-info {
    color: var(--dark-grey-color);
    background-color: var(--light-grey-color);
    border-color: var(--light-grey-color);
}
.btn-info:hover {
    color: white;
    background-color: var(--dark-grey-color);
    border-color: var(--dark-grey-color);
}
/***
Navigation
 */
.nav-tabs > li.active{
    border-top: 3px solid var(--primary-color);
    margin-top: -2px;
    position: relative;
}
.nav-tabs > li {
    margin-right: 2px;
}
.nav-tabs > li.active > a {
    border-top: none !important;
    margin:0;
}
.nav-tabs.tabs-left > li.active{
    border-top: 1px solid var(--light-grey-color);
    border-left: 3px solid var(--primary-color);
    border-right: 1px solid #fff;
    margin-top: 0px;
    position: relative;
}
.nav-tabs.tabs-left > li {
    margin-right: 0;
}
.nav-tabs.tabs-left > li.active > a {
    border-left: none;
    margin:0;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #fff;
    background: var(--primary-color);
}
.scroll-to-top > i, .scroll-to-top--marketplace > i {
    color: var(--primary-color);
}
.scroll-to-top:hover > i, .scroll-to-top--marketplace:hover > i {
    color: var(--default-color);
}