:root {
    --brand-ming: #3e8391;
    --brand-ming-dark: #2e626d;
    --brand-ming-light: #4e9baa;
    --brand-warm: #ffa92d;
    --brand-warm-dark: #e6941e;
    --brand-ink: #1f2d3d;
    --blue: var(--brand-ming);
    --green: var(--brand-ming);
    --yellow: var(--brand-warm);
    --primary: var(--brand-ming);
    --success: var(--brand-ming);
    --warning: var(--brand-warm);
}

[class*="sidebar-dark-"] {
    background-color: var(--brand-ming-dark);
}

[class*="sidebar-dark-"] .brand-link {
    background-color: var(--brand-ming);
    border-bottom: 2px solid var(--brand-warm);
    color: #fff;
}

[class*="sidebar-dark-"] .brand-link .brand-text {
    color: #ffffff;
}

[class*="sidebar-dark-"] .sidebar a,
[class*="sidebar-dark-"] .nav-header,
[class*="sidebar-dark-"] .nav-sidebar .nav-link,
[class*="sidebar-dark-"] .nav-sidebar .nav-link p,
[class*="sidebar-dark-"] .nav-sidebar .nav-link i,
[class*="sidebar-dark-"] .nav-sidebar .nav-icon,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
    color: #ffffff;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
    color: #ffffff;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
    background-color: var(--brand-warm);
    color: #ffffff;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active p,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active i,
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active .nav-icon {
    color: #ffffff;
}

.main-header.navbar-success {
    background-color: var(--brand-ming);
    border-bottom: 3px solid var(--brand-warm);
    color: #fff;
}

.main-header.navbar-success .nav-link,
.main-header.navbar-success .navbar-badge {
    color: #fff;
}

.main-header.navbar-success .nav-link:hover,
.main-header.navbar-success .nav-link:focus {
    color: var(--brand-warm);
}

.btn-primary,
.btn-success {
    color: #fff;
    background-color: var(--brand-ming);
    border-color: var(--brand-ming);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: var(--brand-ming-light);
    border-color: var(--brand-ming-dark);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: var(--brand-ming-dark);
    border-color: var(--brand-ming-dark);
}

.btn-warning {
    color: var(--brand-ink);
    background-color: var(--brand-warm);
    border-color: var(--brand-warm);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
    color: var(--brand-ink);
    background-color: var(--brand-warm-dark);
    border-color: var(--brand-warm-dark);
}

.bg-primary,
.bg-success {
    background-color: var(--brand-ming) !important;
}

.bg-warning {
    background-color: var(--brand-warm) !important;
}

.text-primary,
.text-success {
    color: var(--brand-ming) !important;
}

.text-warning {
    color: var(--brand-warm-dark) !important;
}

.card-primary:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header {
    background-color: var(--brand-ming);
    color: #fff;
}

.card-primary.card-outline,
.card-success.card-outline {
    border-top: 3px solid var(--brand-ming);
}

.card-warning:not(.card-outline) > .card-header {
    background-color: var(--brand-warm);
    color: var(--brand-ink);
}

.card-warning.card-outline {
    border-top: 3px solid var(--brand-warm);
}

.badge-primary,
.badge-success {
    background-color: var(--brand-ming);
}

.badge-warning {
    background-color: var(--brand-warm);
    color: var(--brand-ink);
}

.page-item.active .page-link,
.accent-success .page-item.active a,
.accent-success .page-item.active .page-link {
    background-color: var(--brand-ming);
    border-color: var(--brand-ming);
    color: #fff;
}

.accent-success .btn-link,
.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn),
.accent-success .nav-tabs .nav-link,
.accent-success .page-item .page-link {
    color: var(--brand-ming);
}

.accent-success .btn-link:hover,
.accent-success a:not(.dropdown-item):not(.btn-app):not(.nav-link):not(.brand-link):not(.page-link):not(.badge):not(.btn):hover,
.accent-success .nav-tabs .nav-link:hover {
    color: var(--brand-ming-dark);
}

.accent-success .dropdown-item:active,
.accent-success .dropdown-item.active {
    background-color: var(--brand-ming);
    color: #fff;
}

.accent-success .custom-control-input:checked ~ .custom-control-label::before,
.accent-success .custom-range::-webkit-slider-thumb,
.accent-success .custom-range::-moz-range-thumb,
.accent-success .custom-range::-ms-thumb {
    background-color: var(--brand-ming);
    border-color: var(--brand-ming-dark);
}

.accent-success .form-control:focus:not(.is-invalid):not(.is-warning):not(.is-valid),
.accent-success .custom-select:focus,
.accent-success .custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.accent-success .custom-file-input:focus ~ .custom-file-label {
    border-color: var(--brand-warm);
    box-shadow: 0 0 0 0.2rem rgba(255, 169, 45, 0.35);
}

.preloader {
    background-color: var(--brand-ming-dark);
}

.login-page,
.register-page {
    background: linear-gradient(160deg, var(--brand-ming-dark) 0%, var(--brand-ming) 55%, var(--brand-warm) 100%);
}

.login-card-body .btn-primary,
.register-card-body .btn-primary {
    background-color: var(--brand-ming);
    border-color: var(--brand-ming);
}