:root {
    --alert-warning-text: #000000;
}
a {
    color: var(--color-primary-1);
    background-color: transparent;
}

a:hover {
    color: var(--color-primary);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--color-secondary);
}

.form-control::-ms-expand {
    background-color: transparent;
}

.form-control:focus {
    border-color: var(--color-primary);
}

.form-control-plaintext {
    color: var(--color-secondary);
    background-color: transparent;
    border: solid transparent;
}

.valid-feedback {
    color: var(--color-success-dark);
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: var(--color-success);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: var(--color-success);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: var(--color-success);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
    border-color: var(--color-success);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: var(--color-success-dark);
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: var(--color-success-dark);
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: var(--color-success);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--color-success);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: var(--color-success);
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: var(--color-success);
}

.invalid-feedback {
    color: var(--color-danger-1);
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: var(--color-danger-1);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: var(--color-danger-1);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: var(--color-danger-1);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: var(--color-danger-1);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: var(--color-danger-1);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: var(--color-danger-1);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: var(--color-danger-1);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--color-danger-1);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: var(--color-danger-1);
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: var(--color-danger-1);
}

.btn {
    background-color: transparent;
    border: 1px solid transparent;
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-1);
}

.btn-primary:focus, .btn-primary.focus {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-1);
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-1);
}

.btn-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-secondary:hover {
    background-color: var(--color-secondary-2);
    border-color: var(--color-secondary-1);
}

.btn-secondary:focus, .btn-secondary.focus {
    background-color: var(--color-secondary-2);
    border-color: var(--color-secondary-1);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    background-color: var(--color-secondary-1);
}

.btn-success {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-success:hover {
    background-color: var(--color-success-1);
    border-color: var(--color-success-2);
}

.btn-success:focus, .btn-success.focus {
    background-color: var(--color-success-1);
    border-color: var(--color-success-2);
}

.btn-success.disabled, .btn-success:disabled {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
    background-color: var(--color-success-2);
    border-color: var(--color-success);
}

.btn-info {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-info:hover {
    background-color: var(--color-info-2);
    border-color: var(--color-info-1);
}

.btn-info:focus, .btn-info.focus {
    background-color: var(--color-info-2);
    border-color: var(--color-info-1);
}

.btn-info.disabled, .btn-info:disabled {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
    background-color: var(--color-info-1);
    border-color: var(--color-info);
}

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

.btn-warning:hover {
    background-color: var(--color-warning-1);
    border-color: var(--color-warning-1);
}

.btn-warning:focus, .btn-warning.focus {
    background-color: var(--color-warning-1);
    border-color: var(--color-warning-1);
}

.btn-warning.disabled, .btn-warning:disabled {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
    background-color: var(--color-warning-1);
    border-color: var(--color-warning);
}

.btn-danger {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-danger:hover {
    background-color: var(--color-danger-1);
    border-color: var(--color-danger);
}

.btn-danger:focus, .btn-danger.focus {
    background-color: var(--color-danger-1);
    border-color: var(--color-danger);
}

.btn-danger.disabled, .btn-danger:disabled {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--color-primary);
    background-color: transparent;
}

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

.btn-outline-secondary {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-outline-secondary:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: var(--color-secondary);
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-outline-success {
    color: var(--color-success-dark);
    border-color: var(--color-success);
}

.btn-outline-success:hover {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: var(--color-success-dark);
    background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-outline-info {
    color: var(--color-info);
    border-color: var(--color-info);
}

.btn-outline-info:hover {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
    color: var(--color-info);
    background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-outline-warning {
    color: var(--color-warning-dark);
    border-color: var(--color-warning);
}

.btn-outline-warning:hover {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: var(--color-warning-dark);
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.btn-outline-danger {
    color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-outline-danger:hover {
    background-color: var(--color-danger);
    border-color: var(--color-danger-1);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: var(--color-danger);
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
    background-color: transparent;
}

.btn-outline-gray.disabled, .btn-outline-gray:disabled {
    background-color: transparent;
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
    background-color: transparent;
}

.btn-outline-lighter.disabled, .btn-outline-lighter:disabled {
    background-color: transparent;
}

.btn-link {
    color: var(--color-primary-1);
}

.btn-link:hover {
    color: var(--color-primary);
}

.dropdown-toggle::after {
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle::after {
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropright .dropdown-toggle::after {
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle::before {
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
}

.dropdown-item {
    color: var(--color-secondary);
    background-color: transparent;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--color-primary);
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--color-primary);
}

.dropdown-item.disabled, .dropdown-item:disabled {
    background-color: transparent;
}

.dropdown-item-text {
    color: var(--color-secondary);
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--color-primary);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.custom-select:focus {
    border-color: var(--color-primary);
}

.custom-select:-moz-focusring {
    color: transparent;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: var(--color-primary);
}

.custom-range {
    background-color: transparent;
}

.custom-range::-webkit-slider-runnable-track {
    color: transparent;
    border-color: transparent;
}

.custom-range::-moz-range-track {
    color: transparent;
    border-color: transparent;
}

.custom-range::-ms-track {
    color: transparent;
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
}

.nav-tabs .nav-link.disabled {
    background-color: transparent;
    border-color: transparent;
}

.navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
}

.breadcrumb {
    background-color: transparent;
}

.page-link:hover {
    color: var(--color-primary);
}

.page-item.active .page-link {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.badge-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

a.badge-primary:hover, a.badge-primary:focus {
    background-color: var(--color-primary-1);
}

.badge-secondary {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

a.badge-secondary:hover, a.badge-secondary:focus {
    background-color: var(--color-secondary-1);
}

.badge-success {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

a.badge-success:hover, a.badge-success:focus {
    background-color: var(--color-success-2);
}

.badge-info {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

a.badge-info:hover, a.badge-info:focus {
    background-color: var(--color-info-1);
}

.badge-warning {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

a.badge-warning:hover, a.badge-warning:focus {
    background-color: var(--color-warning-1);
}

.badge-danger {
    background-color: var(--color-danger-1);
    border-color: var(--color-danger-1);
}

a.badge-danger:hover, a.badge-danger:focus {
    background-color: var(--color-danger);
}

.alert {
    border: 1px solid transparent;
}

.alert-primary {
    color: var(--color-primary-1);
    background-color: var(--color-primary-3);
    border-color: var(--color-primary-2);
}

.alert-primary hr {
    border-top-color: var(--color-primary-1);
}

.alert-primary .alert-link {
    color: var(--color-primary);
}

.alert-secondary {
    color: var(--color-secondary-dark);
    background-color: var(--color-secondary-4);
    border-color: var(--color-secondary-3);
}

.alert-secondary hr {
    border-top-color: var(--color-secondary-3);
}

.alert-secondary .alert-link {
    color: var(--color-secondary-dark);
}

.alert-success {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
    border-color: var(--color-success-3);
}

.alert-success hr {
    border-top-color: var(--color-success-4);
}

.alert-success .alert-link {
    color: var(--color-success-dark);
}

.alert-info {
    color: var(--color-info-dark);
    background-color: var(--color-info-4);
    border-color: var(--color-info-2);
}

.alert-info hr {
    border-top-color: var(--color-info-3);
}

.alert-info .alert-link {
    color: var(--color-info);
}

.alert-warning {
    color: var(--color-warning);
    background-color: var(--color-warning-3);
    border-color: var(--color-warning-2);
}

.alert-warning hr {
    border-top-color: var(--color-warning-2);
}

.alert-warning .alert-link {
    color: var(--color-warning-dark);
}

.alert-danger {
    color: var(--color-danger);
    background-color: var(--color-danger-4);
    border-color: var(--color-danger-3);
}

.alert-danger hr {
    border-top-color: var(--color-danger-3);
}

.alert-danger .alert-link {
    color: var(--color-danger);
}

.progress-bar {
    background-color: var(--color-primary);
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.list-group-item-primary {
    color: var(--color-primary);
    background-color: var(--color-primary-3);
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: var(--color-primary);
    background-color: var(--color-primary-3);
}

.list-group-item-primary.list-group-item-action.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.list-group-item-secondary {
    color: var(--color-secondary-dark);
    background-color: var(--color-secondary-3);
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: var(--color-secondary-dark);
    background-color: var(--color-secondary-3);
}

.list-group-item-secondary.list-group-item-action.active {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary);
}

.list-group-item-success {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
}

.list-group-item-success.list-group-item-action.active {
    background-color: var(--color-success-dark);
    border-color: var(--color-success-dark);
}

.list-group-item-info {
    color: var(--color-info-dark);
    background-color: var(--color-info-3);
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: var(--color-info-dark);
    background-color: var(--color-info-3);
}

.list-group-item-info.list-group-item-action.active {
    background-color: var(--color-info-dark);
    border-color: var(--color-info-dark);
}

.list-group-item-warning {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-3);
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-3);
}

.list-group-item-warning.list-group-item-action.active {
    background-color: var(--color-warning-dark);
    border-color: var(--color-warning-dark);
}

.list-group-item-danger {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-3);
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-3);
}

.list-group-item-danger.list-group-item-action.active {
    background-color: var(--color-danger-dark);
    border-color: var(--color-danger-dark);
}

button.close {
    background-color: transparent;
}

.modal-backdrop {
    background-color: var(--color-secondary);
}

.tooltip .arrow::before {
    border-color: transparent;
}

.popover .arrow::before, .popover .arrow::after {
    border-color: transparent;
}

.carousel-indicators li {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.spinner-border {
    border-right-color: transparent;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: var(--color-primary-1) !important;
}

.bg-secondary {
    background-color: var(--color-secondary) !important;
}

a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
    background-color: var(--color-secondary-1) !important;
}

.bg-success {
    background-color: var(--color-success) !important;
}

a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
    background-color: var(--color-success-2) !important;
}

.bg-info {
    background-color: var(--color-info) !important;
}

a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
    background-color: var(--color-info-1) !important;
}

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

a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
    background-color: var(--color-warning-1) !important;
}

.bg-danger {
    background-color: var(--color-danger-1) !important;
}

a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
    background-color: var(--color-danger) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border-primary {
    border-color: var(--color-primary) !important;
}

.border-secondary {
    border-color: var(--color-secondary) !important;
}

.border-success {
    border-color: var(--color-success) !important;
}

.border-info {
    border-color: var(--color-info) !important;
}

.border-warning {
    border-color: var(--color-warning) !important;
}

.border-danger {
    border-color: var(--color-danger-1) !important;
}

.text-primary {
    color: var(--color-primary) !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: var(--color-primary);
}

.text-secondary {
    color: var(--color-secondary) !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: var(--color-secondary-dark) !important;
}

.text-success {
    color: var(--color-success) !important;
}

.text-info {
    color: var(--color-info) !important;
}

a.text-info:hover, a.text-info:focus {
    color: var(--color-info-dark) !important;
}

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

a.text-warning:hover, a.text-warning:focus {
    color: var(--color-warning-dark);
}

.text-danger {
    color: var(--color-danger-1) !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: var(--color-danger) !important;
}

.text-hide {
    color: transparent;
    background-color: transparent;
}

.text-head {
    color: var(--color-secondary) !important;
}

.bg-orange {
    background-color: var(--color-warning-1);
}

.text-orange {
    color: var(--color-warning-1);
}

.bg-teal {
    background-color: var(--color-success) !important;
}

.text-teal {
    color: var(--color-success) !important;
}

.bg-primary-dim {
    background-color: var(--color-primary-4) !important;
}

.text-primary-dim {
    color: var(--color-primary-4) !important;
}

.bg-success-dim {
    background-color: var(--color-success-4) !important;
}

.text-success-dim {
    color: var(--color-success-4) !important;
}

.bg-info-dim {
    background-color: var(--color-info-4) !important;
}

.text-info-dim {
    color: var(--color-info-4) !important;
}

.bg-warning-dim {
    background-color: var(--color-warning-3);
}

.text-warning-dim {
    color: var(--color-warning-4);
}

.bg-danger-dim {
    background-color: var(--color-danger-4) !important;
}

.text-danger-dim {
    color: var(--color-danger-4) !important;
}

.bg-secondary-dim {
    background-color: var(--color-secondary-4) !important;
}

.text-secondary-dim {
    color: var(--color-secondary-4) !important;
}

.border-transparent {
    border-color: transparent;
}

.badge-light {
    color: var(--color-secondary);
}

.badge-outline-primary {
    color: var(--color-primary);
    border-color: var(--color-primary-2);
}

.badge-outline-secondary {
    color: var(--color-secondary);
    border-color: var(--color-secondary-2);
}

.badge-outline-success {
    color: var(--color-success-dark);
    border-color: var(--color-success-3);
}

.badge-outline-info {
    color: var(--color-info-dark);
    border-color: var(--color-info-1);
}

.badge-outline-warning {
    color: var(--color-warning-dark);
    border-color: var(--color-warning-2);
}

.badge-outline-danger {
    color: var(--color-danger-dark);
    border-color: var(--color-danger-2);
}

.badge-dim.badge-primary {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-4);
}

.badge-dim.badge-outline-primary {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-3);
}

.badge-dim.badge-secondary {
    color: var(--color-secondary);
    background-color: var(--color-secondary-4);
    border-color: var(--color-secondary-4);
}

.badge-dim.badge-outline-secondary {
    color: var(--color-secondary);
    background-color: var(--color-secondary-4);
    border-color: var(--color-secondary-4);
}

.badge-dim.badge-success {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
    border-color: var(--color-success-4);
}

.badge-dim.badge-outline-success {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
    border-color: var(--color-success-3);
}

.badge-dim.badge-info {
    color: var(--color-info-dark);
    background-color: var(--color-info-3);
    border-color: var(--color-info-2);
}

.badge-dim.badge-outline-info {
    color: var(--color-info-dark);
    background-color: var(--color-info-3);
    border-color: var(--color-info-2);
}

.badge-dim.badge-warning {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-3);
    border-color: var(--color-warning-3);
}

.badge-dim.badge-outline-warning {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-3);
    border-color: var(--color-warning-2);
}

.badge-dim.badge-danger {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-4);
    border-color: var(--color-danger-4);
}

.badge-dim.badge-outline-danger {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-4);
    border-color: var(--color-danger-3);
}

.badge-dot {
    background-color: transparent;
    border: none;
}

.badge-dot.badge-primary {
    color: var(--color-primary);
}

.badge-dot.badge-secondary {
    color: var(--color-secondary);
}

.badge-dot.badge-success {
    color: var(--color-success-dark);
}

.badge-dot.badge-info {
    color: var(--color-info);
}

.badge-dot.badge-warning {
    color: var(--color-warning-dark);
}

.badge-dot.badge-danger {
    color: var(--color-danger-dark);
}

.alert-fill.alert-primary {
    background: var(--color-primary);
}

.alert-fill.alert-secondary {
    background: var(--color-secondary);
}

.alert-fill.alert-success {
    background: var(--color-success);
}

.alert-fill.alert-info {
    background: var(--color-info);
}

.alert-fill.alert-warning {
    background: var(--color-warning);
}

.alert-fill.alert-danger {
    background: var(--color-danger-1);
}

.alert-fill.alert-light {
    color: var(--color-secondary);
}

.alert-pro {
    border: none;
    border-left: 4px solid transparent;
}

.alert-pro.alert-primary {
    border-color: var(--color-primary);
}

.alert-pro.alert-primary > .icon {
    color: var(--color-primary);
}

.alert-pro.alert-secondary {
    border-color: var(--color-secondary);
}

.alert-pro.alert-secondary > .icon {
    color: var(--color-secondary);
}

.alert-pro.alert-success {
    border-color: var(--color-success);
}

.alert-pro.alert-success > .icon {
    color: var(--color-success-dark);
}

.alert-pro.alert-info {
    border-color: var(--color-info);
}

.alert-pro.alert-info > .icon {
    color: var(--color-info);
}

.alert-pro.alert-warning {
    border-color: var(--color-warning);
}

.alert-pro.alert-warning > .icon {
    color: var(--color-warning-dark);
}

.alert-pro.alert-danger {
    border-color: var(--color-danger-1);
}

.alert-pro.alert-danger > .icon {
    color: var(--color-danger-1);
}

.link {
    border: none;
    background: transparent;
}

.link-primary {
    color: var(--color-primary) !important;
}

.link-on-primary:hover {
    color: var(--color-primary) !important;
}

.link-secondary {
    color: var(--color-secondary) !important;
}

.link-on-secondary:hover {
    color: var(--color-secondary) !important;
}

.link-success {
    color: var(--color-success) !important;
}

.link-on-success:hover {
    color: var(--color-success) !important;
}

.link-info {
    color: var(--color-info) !important;
}

.link-on-info:hover {
    color: var(--color-info) !important;
}

.link-warning {
    color: var(--color-warning) !important;
}

.link-on-warning:hover {
    color: var(--color-warning) !important;
}

.link-danger {
    color: var(--color-danger-1) !important;
}

.link-on-danger:hover {
    color: var(--color-danger) !important;
}

.btn-dim.btn-outline-primary {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-3);
}

.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-white.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-primary:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--color-primary);
    background: var(--color-primary-4);
}

.btn-dim.btn-outline-success {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
    border-color: var(--color-success-3);
}

.btn-dim.btn-outline-success:not(:disabled):not(.disabled):hover {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-white.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-success:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--color-success-dark);
    background: var(--color-success-4);
}

.btn-dim.btn-outline-warning {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-3);
    border-color: var(--color-warning-2);
}

.btn-dim.btn-outline-warning:not(:disabled):not(.disabled):hover {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.btn-white.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-warning:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--color-warning-dark);
    background: var(--color-warning-4);
}

.btn-dim.btn-outline-info {
    color: var(--color-info);
    background-color: var(--color-info-4);
    border-color: var(--color-info-3);
}

.btn-dim.btn-outline-info:not(:disabled):not(.disabled):hover {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-white.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-info:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--color-info);
    background: var(--color-info-4);
}

.btn-dim.btn-outline-danger {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-4);
    border-color: var(--color-danger-3);
}

.btn-dim.btn-outline-danger:not(:disabled):not(.disabled):hover {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-white.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-danger:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--color-danger-dark);
    background: var(--color-danger-4);
}

.btn-dim.btn-outline-secondary {
    color: var(--color-secondary);
    background-color: var(--color-secondary-4);
    border-color: var(--color-secondary-3);
}

.btn-dim.btn-outline-secondary:not(:disabled):not(.disabled):hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-white.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover, .btn-trans.btn-outline-secondary:not(.btn-dim):not(:disabled):not(.disabled):hover {
    color: var(--color-secondary);
    background: var(--color-secondary-4);
}

.btn-dim.btn-primary {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
    border-color: transparent;
}

.btn-dim.btn-primary:not(:disabled):not(.disabled):hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-dim.btn-secondary {
    color: var(--color-secondary-dark);
    background-color: var(--color-secondary-4);
    border-color: transparent;
}

.btn-dim.btn-secondary:not(:disabled):not(.disabled):hover {
    background-color: var(--color-secondary-dark);
    border-color: var(--color-secondary);
}

.btn-dim.btn-success {
    color: var(--color-success-dark);
    background-color: var(--color-success-4);
    border-color: transparent;
}

.btn-dim.btn-success:not(:disabled):not(.disabled):hover {
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.btn-dim.btn-warning {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-4);
    border-color: transparent;
}

.btn-dim.btn-warning:not(:disabled):not(.disabled):hover {
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.btn-dim.btn-info {
    color: var(--color-info);
    background-color: var(--color-info-4);
    border-color: transparent;
}

.btn-dim.btn-info:not(:disabled):not(.disabled):hover {
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.btn-dim.btn-danger {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-4);
    border-color: transparent;
}

.btn-dim.btn-danger:not(:disabled):not(.disabled):hover {
    background-color: var(--color-danger);
    border-color: var(--color-danger);
}

.btn-dim.btn-gray {
    border-color: transparent;
}

.btn-dim.btn-dark {
    border-color: transparent;
}

.btn-dim.btn-light {
    border-color: transparent;
}

.btn-dim.btn-lighter {
    border-color: transparent;
}

.btn-trans.btn {
    background-color: transparent;
    border-color: transparent;
}

.btn-group.is-tags .btn-dim:not(:disabled):not(.disabled):hover {
    border-color: transparent;
}

.dropdown-title {
    color: var(--color-secondary);
}

[class*="dropdown-indicator"]:after {
    border: none !important;
}

.dropdown-menu-s1 {
    border-top: 3px solid var(--color-primary);
}

.card-tools-nav li a:before {
    background: var(--color-primary);
}

.form-control-noborder {
    border-color: transparent;
}

.form-control.error {
    border-color: var(--color-danger-1);
}

.form-control.focus {
    border-color: var(--color-primary);
}

.form-control-simple {
    border: none;
}

.form-focus-none:focus {
    border-color: transparent;
}

.custom-file-input ~ .error, .custom-file-input ~ .invalid, .form-control ~ .error, .form-control ~ .invalid {
    color: var(--color-danger-1);
}

.custom-btn-check input:checked ~ label {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.custom-btn-outline label {
    background-color: transparent;
}

.custom-control .custom-control-input[disabled] ~ .custom-control-label, .custom-control .custom-control-input:disabled ~ .custom-control-label {
    color: var(--color-secondary);
}

.is-alter .form-control ~ .invalid:before, .custom-control .invalid:before {
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.is-alter .form-control ~ .invalid::before {
    border-left-color: transparent;
}

.nav-tabs .nav-item.active .nav-link {
    color: var(--color-primary);
}

.nav-tabs .nav-link {
    border: none;
}

.nav-tabs .nav-link:hover {
    color: var(--color-secondary);
}

.nav-tabs .nav-link:focus {
    color: var(--color-primary);
}

.nav-tabs .nav-link:after {
    background: var(--color-primary);
}

.modal-body .stretched.alert {
    border: none;
}

.page-link:not([href]) {
    background-color: transparent;
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
}

.select2-search--dropdown .select2-search__field:focus {
    border-color: var(--color-primary);
}

.select2-container--default .select2-selection--single:focus {
    border-color: var(--color-primary);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid var(--color-primary);
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
}

/** Slick Slider */
.slick-slider {
    -webkit-tap-highlight-color: transparent;
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
}

.slick-slide:focus {
    border: none;
}

.slick-dots li button {
    border: none;
}

.datepicker-dropdown:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}

.datepicker-dropdown:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.datepicker td, .datepicker th {
    border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: var(--color-primary);
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: var(--color-primary-1);
}

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
    background-color: var(--color-primary);
}

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: var(--color-primary-1);
}

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
    background-color: var(--color-primary) \9;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
    background-color: var(--color-primary-1);
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
    background-color: var(--color-primary);
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
    background-color: var(--color-primary);
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
    background: var(--color-primary);
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
    background-color: var(--color-primary-1);
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: var(--color-primary);
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    background-color: var(--color-primary) \9;
}

.ui-timepicker-standard a {
    border: none;
}

.ui-timepicker-standard .ui-state-hover {
    border: none;
    color: var(--color-secondary);
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none;
}

.dropzone .dz-message-text span {
    color: var(--color-primary);
}

.dropzone .dz-preview .dz-remove {
    border: none;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-error-message:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.noUi-connect {
    background: var(--color-primary);
}

.toastr {
    border-left: 4px solid transparent;
}

.toastr.toast-success {
    border-color: var(--color-success);
}

.toastr.toast-success .icon {
    color: var(--color-success-dark);
}

.toastr.toast-error {
    border-color: var(--color-danger-1);
}

.toastr.toast-error .icon {
    color: var(--color-danger-1);
}

.toastr.toast-info {
    border-color: var(--color-info);
}

.toastr.toast-info .icon {
    color: var(--color-info);
}

.toastr.toast-warning {
    border-color: var(--color-warning);
}

.toastr.toast-warning .icon {
    color: var(--color-warning-dark);
}

.tagify.tagify--focus {
    border-color: var(--color-primary);
}

.tagify--loading .tagify__input::after {
    border-color: #EEE #BBB #888 transparent;
}

.tagify__tag__removeBtn {
    color: var(--color-secondary);
}

.tagify__dropdown__item--active {
    background: var(--color-primary);
}

.tagify__dropdown__createTagBtn {
    background: var(--color-primary);
    border: none;
}

.fc-row table {
    /* don't put left/right border on anything within a fake row. the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
}

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
    border-color: transparent;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
    /* in case <td>s are globally styled */
    border-color: transparent;
}

/* theme */
.fc-button {
    background-color: transparent;
    border: 1px solid transparent;
}

.nk-header .dropdown-menu .lead-text {
    color: var(--color-secondary);
}

.nk-header-app-logo .icon {
    color: var(--color-primary);
}

.nk-sidebar-fat .nk-sidebar-head {
    background: transparent;
}

.nk-apps-sidebar .dropdown-menu .lead-text {
    color: var(--color-secondary);
}

.nk-apps-sidebar .nk-sidebar-head {
    background: transparent;
}

.has-aside .nk-footer {
    background: transparent;
}

.nk-aside {
    background: transparent;
    border: none;
}

.nk-menu-link:hover, .active > .nk-menu-link {
    color: var(--color-primary-1);
}

.nk-menu-link:hover .count, .active > .nk-menu-link .count {
    color: var(--color-primary-1);
}

.is-light .nk-menu-link:hover, .is-light .active > .nk-menu-link {
    color: var(--color-primary-1);
}

.nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
    color: var(--color-primary-1);
}

.nk-menu-badge {
    color: var(--color-primary-1);
}

.nk-menu-main .nk-menu-sub .nk-menu-badge {
    color: var(--color-primary-1);
}

.nk-menu-sub .nk-menu-link:hover {
    color: var(--color-primary);
}

.nk-menu-sub .active > .nk-menu-link {
    color: var(--color-primary);
}

.nk-menu-icon-colored .nk-menu-icon {
    color: var(--color-primary);
}

.nk-menu-sm .nk-menu-link:hover {
    color: var(--color-primary-1);
}

.nk-menu-md .nk-menu-link:hover {
    color: var(--color-primary-1);
}

.nk-menu-footer .nk-menu-link:hover {
    color: var(--color-primary-1);
}

.nk-menu-footer .nk-menu-icon {
    color: var(--color-primary);
}

.nk-menu-main .nk-menu-link:hover, .nk-menu-main .nk-menu-link:focus, .nk-menu-main .nk-menu-item.active > .nk-menu-link, .nk-menu-main .nk-menu-item.current-menu > .nk-menu-link, .nk-menu-main .nk-menu-item:hover > .nk-menu-link {
    color: var(--color-primary-1);
}

.nk-menu-main > li > .nk-menu-link:before {
    background: var(--color-primary-1);
}

.nk-sidebar-fat .nk-menu-sm > li:hover a, .nk-sidebar-fat .nk-menu-sm > li.active a, .nk-sidebar-fat .nk-menu-sm > li.current-menu a, .nk-sidebar-fat .nk-menu-sm > li > a:hover, .nk-sidebar-fat .nk-menu-footer > li:hover a, .nk-sidebar-fat .nk-menu-footer > li.active a, .nk-sidebar-fat .nk-menu-footer > li.current-menu a, .nk-sidebar-fat .nk-menu-footer > li > a:hover {
    background: transparent !important;
}

.apps-menu .nk-menu-link:before {
    background: var(--color-primary-1);
}

.nk-sidebar-footer .short-menu .nk-menu-link {
    color: var(--color-primary);
}

.nk-sidebar-footer .short-menu .nk-menu-icon {
    color: var(--color-primary);
}

.nk-pg-menu-sub li.active a {
    color: var(--color-primary);
}

.nk-pg-menu-sub-tree li a:after {
    background: var(--color-primary);
}

.nk-pg-menu-sub-tree li.active a {
    color: var(--color-primary);
}

.mobile-pro .nk-menu-sm .nk-menu-text {
    color: var(--color-primary);
}

.mobile-pro .nk-aside-close .toggle:hover {
    color: var(--color-secondary);
}

.nk-footer-copyright a:hover {
    color: var(--color-primary);
}

.accordion-head .title {
    color: var(--color-secondary);
}

.accordion-icon {
    color: var(--color-secondary);
}

.accordion-s2 {
    border: none;
}

.accordion-s2 .accordion-head {
    border: none !important;
}

.accordion-s2 .accordion-head .title {
    color: var(--color-primary);
}

.accordion-s2 .accordion-inner {
    border: none !important;
}

.accordion-s3 {
    border: none;
}

.accordion-s3 .accordion-head {
    border: none !important;
}

.accordion-s3 .accordion-head .title {
    color: var(--color-primary);
}

.accordion-s3 .accordion-inner {
    border: none !important;
}

.dot-primary {
    background: var(--color-primary);
}

.dot-secondary {
    background: var(--color-secondary);
}

.dot-success {
    background: var(--color-success);
}

.dot-info {
    background: var(--color-info);
}

.dot-warning {
    background: var(--color-warning);
}

.dot-danger {
    background: var(--color-danger-1);
}

.list-checked li:before {
    color: var(--color-primary);
}

.list-checked-circle li:before {
    color: var(--color-primary);
}

.list-step li.list-step-current {
    color: var(--color-secondary);
}

.list-step li.list-step-current:before {
    color: var(--color-primary);
}

.list-step li.list-step-done:before {
    color: var(--color-success-dark);
}

.list-plain a:hover {
    color: var(--color-primary);
}

.list-primary li:before {
    color: var(--color-primary);
}

.list-secondary li:before {
    color: var(--color-secondary);
}

.list-success li:before {
    color: var(--color-success-dark);
}

.list-info li:before {
    color: var(--color-info);
}

.list-warning li:before {
    color: var(--color-warning-dark);
}

.list-danger li:before {
    color: var(--color-danger-1);
}

.link-check li span {
    color: var(--color-secondary);
}

.link-check li a:hover {
    color: var(--color-primary);
}

.link-list a:hover {
    color: var(--color-primary);
}

.link-list-opt a:hover {
    color: var(--color-primary);
}

.link-list-opt.ui-colored li.active > a, .link-list-opt.ui-colored a.active {
    color: var(--color-primary);
}

.link-list-menu li.active > a, .link-list-menu a.active, .link-list-menu a:hover, .link-list-menu li.active > a .icon, .link-list-menu a.active .icon, .link-list-menu a:hover .icon, .link-list-menu li.active > a:after, .link-list-menu a.active:after, .link-list-menu a:hover:after {
    color: var(--color-primary);
}

.link-list-plain a:hover {
    color: var(--color-primary);
}

.link-list-plain a .icon {
    color: var(--color-primary);
}

.form-clip, .form-text-hint {
    color: var(--color-primary);
}

.nk-upload-response.invalid .icon {
    color: var(--color-warning-dark);
}

.nk-upload-response.valid .icon {
    color: var(--color-success-dark);
}

.nk-upload-response.error .icon {
    color: var(--color-danger-1);
}

.lead-text {
    color: var(--color-secondary);
}

.lead-text-lg {
    color: var(--color-secondary);
}

.is-theme .is-light .lead-text-lg {
    color: var(--color-secondary);
}

.is-theme .is-light .lead-text, .is-dark .is-light .lead-text {
    color: var(--color-secondary);
}

.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {
    background: var(--color-primary-1);
}

.user-avatar-multiple {
    background-color: transparent !important;
}

.user-avatar[class*="-orange-dim"] {
    color: var(--color-warning-1);
}

.user-avatar[class*="-teal-dim"] {
    color: var(--color-success-dark);
}

.user-avatar[class*="-primary-dim"] {
    color: var(--color-primary);
}

.user-avatar[class*="-secondary-dim"] {
    color: var(--color-secondary);
}

.user-avatar[class*="-success-dim"] {
    color: var(--color-success-dark);
}

.user-avatar[class*="-info-dim"] {
    color: var(--color-info);
}

.user-avatar[class*="-warning-dim"] {
    color: var(--color-warning-dark);
}

.user-avatar[class*="-danger-dim"] {
    color: var(--color-danger-1);
}

.user-status-unverified {
    color: var(--color-danger-1);
}

.user-status-verified {
    color: var(--color-success-dark);
}

.user-balance {
    color: var(--color-primary);
}

.user-info .edit:hover {
    color: var(--color-primary);
}

.user-plan-title {
    color: var(--color-secondary);
}

.user-plan-title .icon {
    color: var(--color-primary);
}

.data-item:hover .data-value, .data-item:hover .icon {
    color: var(--color-secondary);
}

.data-head.is-plain {
    background-color: transparent;
}

.data-list-s2 .data-item, .data-list-s2 .data-head {
    background: transparent;
}

.nk-notification-text span {
    color: var(--color-secondary);
}

.icon-dark {
    color: var(--color-secondary);
}

.icon-circle {
    background: var(--color-primary);
}

.icon-status-info:after {
    background: var(--color-info);
}

.icon-status-danger:after {
    background: var(--color-danger);
}

.icon-status-success:after {
    background: var(--color-success);
}

.icon-status-warning:after {
    background: var(--color-warning);
}

.icon-status-on:after {
    background: var(--color-success);
}

.icon[class*="bg-orange-dim"] {
    color: var(--color-warning-1);
}

.icon[class*="bg-teal-dim"] {
    color: var(--color-success-dark);
}

.icon[class*="bg-primary-dim"] {
    color: var(--color-primary);
}

.icon[class*="bg-secondary-dim"] {
    color: var(--color-secondary);
}

.icon[class*="bg-success-dim"] {
    color: var(--color-success-dark);
}

.icon[class*="bg-info-dim"] {
    color: var(--color-info);
}

.icon[class*="bg-warning-dim"] {
    color: var(--color-warning-dark);
}

.icon[class*="bg-danger-dim"] {
    color: var(--color-danger);
}

.icon-avatar {
    color: var(--color-primary-1);
}

.tb-col-action .link-cross:hover {
    color: var(--color-danger);
}

.tb-col-action .link-done:hover {
    color: var(--color-success-dark);
}

.card-tools-toggle .toggle-wrap .toggle-content {
    background: transparent;
}

.nav-switch .nav-link.active {
    background: var(--color-primary);
}

.nav-switch-s2 {
    border: none;
}

.nav-switch-s2 .nav-link.active {
    color: var(--color-secondary);
}

.search-submit:hover {
    color: var(--color-primary);
}

.nk-search-box .form-icon {
    border: none;
    background: transparent;
}

.nk-block-des strong {
    color: var(--color-secondary);
}

.change.up {
    color: var(--color-success) !important;
}

.change.down {
    color: var(--color-danger) !important;
}

[class*="knob"] {
    color: var(--color-secondary) !important;
    border: none;
}

.clipboard-success .clipboard-init {
    color: var(--color-success-dark);
}

.nk-news-icon .icon {
    color: var(--color-primary);
}

.is-theme .nk-news-icon .icon {
    color: var(--color-primary-1);
}

.nk-news-item:hover .nk-news-text .icon {
    color: var(--color-primary);
}

.nk-error-head {
    background: -webkit-linear-gradient(var(--color-primary), #2c3782);
    -webkit-text-fill-color: transparent;
}

.clipboard-success-message {
    color: var(--color-success-dark);
}

.code-fnc {
    color: var(--color-info);
}

.nk-switch-icon.active {
    color: var(--color-primary);
}

.react-good a:hover {
    color: var(--color-success-dark);
}

.react-ok a:hover {
    color: var(--color-primary);
}

.react-bad a:hover {
    color: var(--color-warning-dark);
}

.profile-balance-amount .number {
    color: var(--color-secondary);
}

.actions ul li a {
    border-color: var(--color-primary);
    background: var(--color-primary);
}

.nk-wizard-simple .steps ul li h5 {
    border: none;
}

.nk-wizard-simple .steps ul li:after {
    background: var(--color-primary);
}

.nk-wizard-simple .steps ul li.done h5, .nk-wizard-simple .steps ul li.done .number, .nk-wizard-simple .steps ul li.current h5, .nk-wizard-simple .steps ul li.current .number {
    color: var(--color-primary);
}

.tb-tnx-item td, .tb-tnx-head td {
    border: none;
}

.tb-odr-item .tb-odr-total {
    color: var(--color-secondary);
}

.tb-ftr-plan .icon {
    color: var(--color-primary);
}

.nk-tb-list .tb-lead, .nk-tb-list .tb-amount {
    color: var(--color-secondary);
}

.nk-tb-list .tb-country .name {
    color: var(--color-secondary);
}

.nk-kycfm-label::after {
    background: var(--color-primary);
}

.nk-kycfm-control:checked ~ .nk-kycfm-label {
    border-color: var(--color-primary);
}

.nk-kycfm-control:checked ~ .nk-kycfm-label .label-icon {
    color: var(--color-primary);
}

.nk-refwg-name .title {
    color: var(--color-primary);
}

.timeline-title {
    color: var(--color-secondary);
}

.coin-name {
    color: var(--color-secondary);
}

.nk-order-ovwg-data {
    border: 2px solid transparent;
}

.nk-order-ovwg-data .info strong {
    color: var(--color-secondary);
}

.nk-order-ovwg-data.buy .amount, .nk-order-ovwg-data.buy .title .icon {
    color: var(--color-success-dark);
}

.nk-order-ovwg-data.sell .amount, .nk-order-ovwg-data.sell .title .icon {
    color: var(--color-primary);
}

.nk-wg-action-content p strong {
    color: var(--color-primary);
}

.nk-sale-data .amount {
    color: var(--color-secondary);
}

.nk-support-content .title {
    color: var(--color-secondary);
}

.device-status-data .amount {
    color: var(--color-secondary);
}

.traffic-channel-data .amount {
    color: var(--color-secondary);
}

.analytic-data .amount {
    color: var(--color-secondary);
}

.analytics-map-data .amount {
    color: var(--color-secondary);
}

.card-amount .amount {
    color: var(--color-secondary);
}

.invest-data-history .amount {
    color: var(--color-secondary);
}

.invest-ov .amount {
    color: var(--color-secondary);
}

.sp-plan-amount {
    color: var(--color-secondary);
}

.cc-pay-item-method-new {
    color: var(--color-primary);
}

.sp-package-choose ~ label:after {
    background: var(--color-primary);
}

.sp-package-choose:checked ~ label {
    border-color: var(--color-primary);
}

.sp-package-title {
    color: var(--color-secondary);
}

.invoice-bills .table th {
    color: var(--color-primary);
}

.invoice-desc .title {
    color: var(--color-primary);
}

.invoice-contact ul .icon {
    color: var(--color-primary);
}

.invoice-print .invoice-wrap {
    border: none !important;
}

.support-topic-count {
    color: var(--color-primary);
}

.support-topic-title {
    color: var(--color-secondary);
}

.support-topic-details h3, .support-topic-details h4 {
    color: var(--color-primary);
}

.tb-ticket-item.is-unread .title {
    color: var(--color-secondary);
}

.tb-ticket-id {
    color: var(--color-primary);
}

.ticket-meta .ticket-id strong {
    color: var(--color-primary);
}

.ticket-msg-attach-list a .icon {
    background: var(--color-primary);
}

.ticket-msg-reply-action-list li .icon:hover {
    color: var(--color-primary);
}

.buysell-pm-label:after {
    background: var(--color-primary);
}

.buysell-pm-label .pm-name {
    color: var(--color-secondary);
}

.wallet-item-add a:hover .wallet-icon, .wallet-item-add a:hover .wallet-name {
    color: var(--color-primary);
}

.wallet-balance {
    color: var(--color-secondary);
}

.status-success .tranx-icon {
    color: var(--color-success-dark);
}

.tranx-label {
    color: var(--color-secondary);
}

.tranx-amount .number {
    color: var(--color-secondary);
}

.nk-wg1-amount .amount {
    color: var(--color-primary);
}

.nk-wg1-amount .amount-sm span {
    color: var(--color-secondary);
}

.nk-wg4-note span {
    color: var(--color-primary);
}

.nk-wg5-amount .amount {
    color: var(--color-secondary);
}

.nk-wgw-icon.is-default:after {
    color: var(--color-warning-1);
}

.nk-wgw-balance .amount {
    color: var(--color-secondary);
}

.nk-wgw-actions a:hover span, .nk-wgw-actions a:hover .icon {
    color: var(--color-primary);
}

.nk-wgw-add a .title {
    color: var(--color-primary);
}

.nk-wgwh-title {
    color: var(--color-secondary);
}

.nk-wg-card:after {
    background-color: transparent;
}

.nk-wg-card.is-s1:after {
    background-color: var(--color-secondary);
}

.nk-wg-card.is-s2:after {
    background-color: var(--color-primary);
}

.nk-wg-card.is-s3:after {
    background-color: var(--color-success);
}

.nk-iv-wg1-info {
    color: var(--color-primary);
}

.nk-iv-wg2-amount .change, .nk-iv-wg2-amount .sub > span {
    color: var(--color-primary);
}

.nk-iv-wg2-amount.ui-v2 {
    border-bottom: 2px solid var(--color-primary);
}

.nk-iv-wg2-list .item-value {
    color: var(--color-secondary);
}

f
.nk-iv-wg3-amount .number {
    color: var(--color-secondary);
}

.nk-iv-wg3-amount .number-sm {
    color: var(--color-secondary);
}

.nk-iv-wg3-amount .number .number-up {
    color: var(--color-success-dark);
}

.nk-iv-wg3-amount .number .number-down {
    color: var(--color-danger);
}

.nk-iv-wg5-ck-result .text-lead {
    color: var(--color-secondary);
}

.plan-item-card {
    border: 1px solid transparent;
}

.plan-item-card:after {
    background: var(--color-primary);
}

.plan-control:checked + .plan-item-card {
    border-color: var(--color-primary);
}

.plan-control:checked + .plan-item-card .plan-label {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.invest-pm-label:after {
    background: var(--color-primary);
}

.invest-pm-label .pm-name {
    color: var(--color-secondary);
}

.invest-amount-control:checked ~ .invest-amount-label {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.nk-iv-scheme-item .amount {
    color: var(--color-secondary);
}

.nk-iv-scheme-item .amount-ex {
    color: var(--color-primary);
}

.nk-iv-scheme-icon.is-running {
    color: var(--color-primary);
}

.nk-iv-scheme-icon.is-pause {
    color: var(--color-warning-dark);
}

.nk-iv-scheme-icon.is-pending {
    color: var(--color-info);
}

.nk-iv-scheme-icon.is-cancel {
    color: var(--color-danger);
}

.nk-iv-scheme-name {
    color: var(--color-secondary);
}

.nk-iv-scheme-start:after {
    border: none !important;
}

.nk-cov-data .amount {
    color: var(--color-secondary);
}

.nk-cov-wg1-data li .count {
    color: var(--color-secondary);
}

.nk-cov-wg2-data li .count {
    color: var(--color-secondary);
}

.nk-cov-wg4-list-item .count {
    color: var(--color-secondary);
}

.nk-cov-wg4-list-item:hover .title, .nk-cov-wg4-list-item:hover .count {
    color: var(--color-primary);
}

.nk-cov-wg4-list-item.active .title, .nk-cov-wg4-list-item.active .count {
    color: var(--color-primary);
}

.nk-cov-newswg-meta li a:hover {
    color: var(--color-primary);
}

.asterisk a:hover, .asterisk a.active {
    color: var(--color-warning-1);
}

.asterisk-on {
    color: var(--color-warning-1);
}

.nk-reply-meta-info .whom {
    color: var(--color-primary);
}

.nk-reply-form-input .toggle-opt {
    color: var(--color-secondary);
}

.nk-reply-form-input .toggle-opt:hover {
    color: var(--color-primary);
}

.nk-reply-form-nav li a:hover {
    color: var(--color-primary);
}

.input-mail {
    border: none;
}

.attach-item .icon {
    color: var(--color-primary);
}

.attach-info {
    color: var(--color-secondary);
}

.attach-download:hover span {
    color: var(--color-primary);
}

.nk-msg-menu-item a:after {
    background: var(--color-primary);
}

.nk-msg-menu-item a:hover {
    color: var(--color-primary);
}

.nk-msg-menu-item.active a {
    color: var(--color-primary);
}

.is-unread .nk-msg-sender .name {
    color: var(--color-secondary);
}

.nk-msg-tags li > span .icon {
    color: var(--color-primary);
}

.ibx-count:before {
    border-color: transparent transparent transparent #e5e9f2;
}

.ibx-count:after {
    border-color: transparent transparent transparent #fff;
}

.nk-ibx-context-text .heading {
    color: var(--color-secondary);
}

.active .nk-ibx-menu-item .icon {
    color: var(--color-primary);
}

.active .nk-ibx-menu-text {
    color: var(--color-primary);
}

.active .nk-fmg-menu-item .icon {
    color: var(--color-primary);
}

.active .nk-fmg-menu-text {
    color: var(--color-primary);
}

.nk-fmg-boxed .nk-fmg-switch {
    background-color: transparent;
}

.nk-file-name {
    color: var(--color-secondary);
}

.nk-file-name-text a.title {
    color: var(--color-secondary);
}

.nk-file-name-text a.title:hover {
    color: var(--color-primary);
}

.nk-file-name .asterisk .icon {
    color: var(--color-primary);
}

.nk-file-link:hover .title {
    color: var(--color-primary);
}

.nk-files-view-list .nk-file.selected > div {
    background: transparent;
}

.nk-files-view-grid .nk-files-list .nk-file-actions, .nk-files-view-group .nk-files-list .nk-file-actions {
    background: transparent;
}

.nk-upload-info {
    color: var(--color-secondary);
}

.add-opt:hover .sub-text, .add-opt:hover .icon {
    color: var(--color-primary);
}

.is-unread .chat-from .name {
    color: var(--color-secondary);
}

.is-unread .chat-context .status {
    color: var(--color-primary);
}

.chat-context .status.seen {
    color: var(--color-primary);
}

.chat-msg.is-theme {
    background-color: var(--color-primary);
}

.chat.is-me .chat-msg {
    background-color: var(--color-primary);
}

.chat-upload-option a {
    color: var(--color-primary);
}

.channel-list a:hover, .channel-list a.active {
    color: var(--color-primary);
}

.nk-chat-aside-user .title {
    color: var(--color-secondary);
}

.code-block .prettyprint {
    border: none;
}

.preview-icon-box .btn-clipboard:focus {
    border-color: transparent;
}

.pcov-close {
    color: var(--color-secondary);
}

.pcov-wrap:hover .pcov-text {
    color: var(--color-danger);
}

.pcov-text {
    color: var(--color-danger-1);
}

.pcov-short {
    background: var(--color-danger-1);
}

.ui-softy .card, .ui-softy .code-block, .ui-softy .nk-iv-scheme-item, .ui-softy .sp-pdl-item, .ui-softy .invoice-wrap, .ui-softy .nk-msg-boxed, .ui-softy .nk-iv-wg1, .ui-softy .accordion:not(.accordion-s2):not(.accordion-s3), .ui-shady .card, .ui-shady .code-block, .ui-shady .nk-iv-scheme-item, .ui-shady .sp-pdl-item, .ui-shady .invoice-wrap, .ui-shady .nk-msg-boxed, .ui-shady .nk-iv-wg1, .ui-shady .accordion:not(.accordion-s2):not(.accordion-s3) {
    border: none;
}

.ui-shady .nk-msg-item.active:after, .ui-shady .nk-msg-item.current:after, .ui-softy .nk-msg-item.active:after, .ui-softy .nk-msg-item.current:after {
    background: var(--color-primary);
}

.ui-clean.npc-apps-chat .chat.is-you .chat-msg {
    color: var(--color-secondary);
}

.coin-fiat {
    background: var(--color-primary-1);
}
.nav-tabs .nav-link.active{
    color: var(--color-primary);
}

.alert-pro {
    background: #ffffff;
}

.btn-dim.btn-outline-primary.btn-white {
    background-color: #ffffff;
}

.nav-switch .nav-link.active {
    color: #ffffff;
}

.btn-group-toggle-without-hover .btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-group-toggle-without-hover .btn-outline-primary:not(:disabled):not(.disabled):active {
    border-color: var(--color-primary);
    box-shadow: none;
}

.nk-sidebar.is-dark {
    background: #0f192a;
    border-right-color: #1c2f50;
}

.nk-sidebar.is-theme {
    background: var(--color-primary-dark);
    border-right-color: var(--color-primary);
}

.is-dark .nk-sidebar-head {
    border-color: #1c2f50;
}

.is-theme .nk-sidebar-head {
    border-color: var(--color-primary);
}

.nk-sidebar.is-dark .user-balance-alt, .nk-sidebar.is-theme .user-balance-alt {
    color: rgba(255, 255, 255, 0.8);
}

.nk-header {
    background: #f5f6fa;
    border-bottom-color: #e5e9f2;
}

.nk-header.is-dark:not([class*=bg-]) {
    background: #0f192a;
}

.nk-header.is-theme:not([class*=bg-]) {
    background: var(--color-primary-dark);
}

.is-dark .nk-menu-link {
    color: #8699b2;
}

.is-dark .nk-menu-icon {
    color: #9faec2;
}

.is-dark .nk-menu-badge {
    color: var(--color-primary-1);
    background: #1c2f50;
}

.is-dark .nk-menu-sub .active > .nk-menu-link, .is-dark .nk-menu-link:hover, .is-dark .active > .nk-menu-link, .is-dark .nk-menu-link:hover .nk-menu-icon, .is-dark .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .is-dark .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon {
    color: var(--color-primary-1);
}

.is-dark .nk-news-icon .icon {
    color: var(--color-primary);
}

.is-dark .nk-news-text .icon {
    color: #8094ae;
}

.is-dark .nk-news-text p span {
    color: rgba(128, 148, 174, 0.9);
}

.is-dark .user-name, .is-dark .nk-news-text p {
    color: #90a1b8;
}

.is-dark .nk-quick-nav-icon {
    color: #9faec2;
}

.is-theme .nk-menu-link {
    color: var(--color-primary-3);
}

.is-theme .nk-menu-icon {
    color: var(--color-primary-3);
}

.is-theme .nk-menu-badge {
    color: var(--color-primary-1);
    background: var(--color-primary);
}

.is-theme .short-menu .nk-menu-item.active .nk-menu-link, .is-theme .short-menu .nk-menu-link:hover, .is-theme .short-menu .nk-menu-link.active {
    background-color: #03231a;
}

.is-theme .nk-news-icon .icon {
    color: var(--color-primary-1);
}

.is-theme .nk-news-text .icon, .is-theme .nk-quick-nav-icon, .is-theme .overline-title {
    color: var(--color-primary-3);
}

.is-theme .nk-news-text p span, .is-theme .nk-menu-heading .overline-title {
    color: var(--color-primary-4);
}

.is-theme .user-name, .is-theme .nk-news-text p {
    color: var(--color-primary-3);
}

.card-tools-nav li a:before, .nav-tabs .nav-link:after, .progress-bar, .dot-primary, .alert-fill.alert-primary, .badge-primary, .icon-circle, .noUi-connect, .nk-kycfm-label::after, .plan-item-card:after, .buysell-pm-label:after, .sp-package-choose ~ label:after, .ticket-msg-attach-list a .icon, .nk-msg-menu-item a:after, .ui-shady .nk-msg-item.active:after, .ui-shady .nk-msg-item.current:after, .ui-softy .nk-msg-item.active:after, .ui-softy .nk-msg-item.current:after {
    background: var(--color-primary);
}

.card-bordered.is-dark {
    border-color: var(--color-primary-dark);
}

.card.is-dark {
    background: var(--color-primary-dark);
}

.is-dark .nk-wg7-title, .is-dark .nk-wg7-note {
    color: var(--color-primary-3);
}

.user-avatar, [class^="user-avatar"]:not([class*="-group"]) {
    background: var(--color-primary-1);
}

.nk-news-item:hover .nk-news-text .icon {
    color: var(--color-primary-1);
}

.nk-menu-link:hover, .nk-menu-link:hover .nk-menu-icon, .nk-menu-item.active > .nk-menu-link .nk-menu-icon, .nk-menu-item.current-menu > .nk-menu-link .nk-menu-icon, .nk-menu-link:hover .count, .nk-menu-sub .nk-menu-link:hover, .nk-menu-sub .active > .nk-menu-link, .nk-menu-sm .nk-menu-link:hover, .nk-menu-main .nk-menu-link:hover, .nk-menu-main .nk-menu-link:focus, .nk-menu-main .nk-menu-item.active > .nk-menu-link, .nk-menu-main .nk-menu-item.current-menu > .nk-menu-link, .nk-menu-main .nk-menu-item:hover > .nk-menu-link, .is-light .nk-menu-link:hover, .is-light .active > .nk-menu-link, .active > .nk-menu-link, .active > .nk-menu-link .count, .nav-tabs .nav-link:focus, .nav-tabs .nav-link.active, .nav-tabs .nav-item.active .nav-link, .nk-menu-footer .nk-menu-icon, .nk-menu-footer .nk-menu-link:hover, .nk-footer-copyright a:hover, .nk-sidebar-footer .short-menu .nk-menu-icon, .page-link:hover, .list-plain a:hover, .link-check li a:hover, .link-list a:hover, .link-list-opt a:hover, .link-list-plain a:hover, .link-list-menu li.active > a, .link-list-menu a.active, .link-list-menu a:hover, .link-list-menu li.active > a .icon, .link-list-menu a.active .icon, .link-list-menu a:hover .icon, .link-list-menu li.active > a:after, .link-list-menu a.active:after, .link-list-menu a:hover:after, .list-checked li:before, .list-step li.list-step-current:before, .accordion-s2 .accordion-head .title, .accordion-s3 .accordion-head .title, .badge-outline-primary, .badge-dim.badge-primary, .badge-dot.badge-primary, .badge-dim.badge-outline-primary, .alert-primary, .form-clip, .form-text-hint, .search-submit:hover, .nk-news-icon .icon, .nk-refwg-name .title, .nk-wg1-amount .amount, .nk-wgw-add a .title, .nk-wgw-actions a:hover span, .nk-wgw-actions a:hover .icon, .nk-iv-wg1-info, .nk-wg4-note span, .nk-iv-scheme-item .amount-ex, .nk-kycfm-control:checked ~ .nk-kycfm-label .label-icon, .wallet-item-add a:hover .wallet-icon, .wallet-item-add a:hover .wallet-name, .attach-item .icon, .attach-download:hover span, .ticket-meta .ticket-id strong, .tb-ticket-id, .tb-ftr-plan .icon, .support-topic-details h3, .support-topic-details h4, .support-topic-count, .invoice-desc .title, .invoice-bills .table th, .invoice-contact ul .icon, .nk-reply-meta-info .whom, .nk-msg-tags li > span .icon, .nk-msg-menu-item a:hover, .nk-msg-menu-item.active a, .user-balance, .user-avatar[class*="-primary-dim"], .nk-order-ovwg-data.sell .amount, .nk-order-ovwg-data.sell .title .icon, .nk-wg-action-content p strong, a, .dropzone .dz-message-text span, .nk-switch-icon.active, .link-list-plain a .icon, .chat-upload-option a, .is-unread .chat-context .status, .add-opt:hover .sub-text, .add-opt:hover .icon, .icon[class*="bg-primary-dim"] {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary);
}

.text-primary, .link-primary {
    color: var(--color-primary) !important;
}

.link-primary:hover, a.text-primary:hover, a.text-primary:focus, .chat-upload-option a:hover {
    color: var(--color-primary) !important;
}

.border-primary, .nk-kycfm-control:checked ~ .nk-kycfm-label {
    border-color: var(--color-primary) !important;
}

.bg-lighter {
    background-color: #f5f6fa !important;
}

.bg-primary {
    background-color: var(--color-primary) !important;
}

.bg-primary-dim {
    background-color: var(--color-primary-4) !important;
}

.text-primary-dim {
    color: var(--color-primary-4) !important;
}

.alert-primary, .badge-dim.badge-outline-primary {
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-3);
}

.alert-pro.alert-primary, .badge-primary, .sp-package-choose:checked ~ label, .plan-control:checked + .plan-item-card, .form-control:focus, .form-control.focus, .custom-file-input:focus ~ .custom-file-label, .custom-control-input:focus:not(:checked) ~ .custom-control-label::before, .select2-container--default .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--color-primary);
}

.nk-order-ovwg-data.sell, .badge-outline-primary {
    border-color: var(--color-primary-3);
}

.dropdown-menu-s1 {
    border-top-color: var(--color-primary);
}

.nk-iv-wg2-amount.ui-v2 {
    border-bottom-color: var(--color-primary);
}

.page-item.active .page-link, .plan-control:checked + .plan-item-card .plan-label, .custom-control-input:checked ~ .custom-control-label::before, .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--color-primary-2);
}

.badge-dim.badge-primary {
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-4);
}

.badge-primary.badge-dot {
    background: transparent;
}

.nk-error-head {
    background: -webkit-linear-gradient(var(--color-primary), var(--color-primary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.nav-switch .nav-link.active {
    background: var(--color-primary);
    color: #ffffff;
}

.icon-avatar, .nk-iv-scheme-icon.is-running {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
}

.is-dark .nk-wgw-icon {
    background: var(--color-primary-2);
}

.is-dark .nk-wgw-balance .amount-sm, .is-dark .nk-wgw-actions a .icon, .is-dark .nk-wgw-more .btn-trigger, .is-dark .nk-iv-wg2-title .title {
    color: var(--color-primary-3);
}

.is-dark .nk-wgw-actions a {
    color: var(--color-primary-3);
}

.is-dark .nk-wgw-actions {
    border-color: var(--color-primary-4);
}

.is-dark .nk-wgw-more .btn-trigger:before, .is-theme .nk-quick-nav-icon:before {
    background-color: #03231a;
}

.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-1);
}

.btn-primary:focus {
    background-color: var(--color-primary-1);
    border-color: var(--color-primary-1);
}

.btn-primary.btn-dim {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-4);
}

.btn-dim.btn-outline-primary {
    color: var(--color-primary);
    background-color: var(--color-primary-4);
    border-color: var(--color-primary-3);
}

.btn-dim.btn-outline-primary.btn-white {
    background-color: #ffffff;
}

.btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.btn-outline-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

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

.btn-primary:focus, .btn-outline-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary.btn-dim:focus, .btn-primary.btn-dim:not(:disabled):not(.disabled):active, .btn-primary.btn-dim:not(:disabled):not(.disabled):active:focus, .btn-dim.btn-outline-primary:focus, .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--color-primary-4);
}

.btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(128, 148, 174, 0.1);
}

.btn-trigger:focus {
    box-shadow: none;
}

.form-control:focus, .form-control.focus, .custom-control-input:focus ~ .custom-control-label::before, .custom-file-input:focus ~ .custom-file-label, .select2-container--default .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple {
    box-shadow: 0 0 0 3px var(--color-primary-4);
}

.form-control-simple:focus {
    box-shadow: none;
}

.btn-primary.btn-dim:not(:disabled):not(.disabled):hover, .btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .btn-primary.disabled, .btn-primary:disabled, .invest-amount-control:checked ~ .invest-amount-label {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.form-focus-none:focus {
    border-color: transparent;
    box-shadow: none;
}

@media (min-width: 992px) {
    .nk-menu-main > li > .nk-menu-link:before {
        background: var(--color-primary);
    }

    .is-theme .nk-menu-main > li > .nk-menu-link {
        color: var(--color-primary-3);
    }

    .is-theme .nk-menu-main > li > .nk-menu-link.nk-menu-toggle:after {
        color: var(--color-primary-4);
    }
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    background-color: var(--color-primary-4);
    color: var(--color-primary);
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: var(--color-primary-2);
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td span:hover, .datepicker table tr td span.focused {
    background-color: var(--color-primary);
}

.code-tag {
    color: blue;
}

.alert-pro {
    background: #ffffff;
    color: #526484;
}

.nk-menu-badge {
    color: var(--color-primary-2);
    background-color: var(--color-primary-4);
}

.is-theme .nk-sidebar-footer, .nk-apps-sidebar.is-theme, .is-theme .nk-sidebar-profile-fixed {
    background: var(--color-primary-dark);
    border-color: var(--color-primary);
}

.is-theme .wallet-name, .is-theme .wallet-icon, .is-theme .wallet-balance span, .is-theme .nk-menu-footer .nk-menu-link, .is-theme .sub-text, .is-theme .lead-text span {
    color: var(--color-primary-3);
}

@media (min-width: 1200px) {
    .nk-sidebar-fat.is-theme .nk-menu > li:hover > a, .nk-sidebar-fat.is-theme .nk-menu > li.active > a, .nk-sidebar-fat.is-theme .nk-menu > li.current-menu > a, .nk-sidebar-fat.is-theme .nk-menu > li > a:hover, .is-theme .wallet-item a:before {
        background: var(--color-primary);
    }
}

.apps-menu .nk-menu-link:before {
    background: var(--color-primary);
}

.nav-switch-s2 .nav-link:hover, .nav-switch-s2 .nav-link:focus {
    color: #526484;
}

.nav-switch-s2 .nav-link.active {
    color: #364a63;
}

.active .nk-ibx-menu-text, .active .nk-ibx-menu-item .icon, .nk-reply-form-nav li a:hover, .nk-reply-form-input .toggle-opt:hover {
    color: var(--color-primary);
}

.nk-ibx-menu li.active {
    background: var(--color-primary-4);
}

.nk-cov-wg4-list-item.active {
    background-color: var(--color-primary-4);
}

.nk-cov-wg4-list-item.active .title, .nk-cov-wg4-list-item.active .count {
    color: var(--color-primary);
}

.nk-fmg-menu li.active {
    background: var(--color-primary-4);
}

.nk-file-name .asterisk .icon, .nk-file-name-text a.title:hover, .nk-file-link:hover .title, .active .nk-fmg-menu-item .icon, .active .nk-fmg-menu-text {
    color: var(--color-primary);
}

.nk-files-view-list .nk-file.selected {
    background-color: var(--color-primary-4);
}

.chat.is-me .chat-msg {
    background-color: var(--color-primary);
}

.number-lg.amount {
    color: var(--white);
}

.badge-light {
    border-color: #e5e9f2;
}

.btn-gray {
    color: #fff;
    background-color: #8091a7;
    border-color: #8091a7;
}

.btn-gray:hover {
    color: #fff;
    background-color: #697d97;
    border-color: #647790;
}

.btn-gray:focus, .btn-gray.focus {
    color: #fff;
    background-color: #697d97;
    border-color: #647790;
    box-shadow: 0 0 0 0.2rem rgba(147, 162, 180, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #8091a7;
    border-color: #8091a7;
}

.btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #647790;
    border-color: #5f7189;
}

.btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(147, 162, 180, 0.5);
}

.btn-light {
    color: #101924;
    background-color: #e5e9f2;
    border-color: #e5e9f2;
}

.btn-light:hover {
    color: #101924;
    background-color: #ccd3e5;
    border-color: #c3cce1;
}

.btn-light:focus, .btn-light.focus {
    color: #101924;
    background-color: #ccd3e5;
    border-color: #c3cce1;
    box-shadow: 0 0 0 0.2rem rgba(197, 202, 211, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
    color: #101924;
    background-color: #e5e9f2;
    border-color: #e5e9f2;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
    color: #101924;
    background-color: #c3cce1;
    border-color: #bbc5dd;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(197, 202, 211, 0.5);
}

.btn-lighter {
    color: #101924;
    background-color: #f5f6fa;
    border-color: #f5f6fa;
}

.btn-lighter:hover {
    color: #101924;
    background-color: #dcdfed;
    border-color: #d3d7e9;
}

.btn-lighter:focus, .btn-lighter.focus {
    color: #101924;
    background-color: #dcdfed;
    border-color: #d3d7e9;
    box-shadow: 0 0 0 0.2rem rgba(211, 213, 218, 0.5);
}

.btn-lighter.disabled, .btn-lighter:disabled {
    color: #101924;
    background-color: #f5f6fa;
    border-color: #f5f6fa;
}

.btn-lighter:not(:disabled):not(.disabled):active, .btn-lighter:not(:disabled):not(.disabled).active, .show > .btn-lighter.dropdown-toggle {
    color: #101924;
    background-color: #d3d7e9;
    border-color: #cbd0e5;
}

.btn-lighter:not(:disabled):not(.disabled):active:focus, .btn-lighter:not(:disabled):not(.disabled).active:focus, .show > .btn-lighter.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(211, 213, 218, 0.5);
}

.bg-primary-dark {
    background-color: var(--color-primary-dark);
}
.form-group.error .form-icon-right
{
    top: 22px;
}
@media screen and (max-width: 575.98px) {
    a.logo-link {
        margin-left: auto;
        margin-right: auto;
        display: table;
    }
    .alert.alert-warning {
        color: var(--alert-warning-text);
    }
    .pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
    .mobile-table .card-tools-toggle .toggle-wrap .toggle-content {
        background: var(--white);
    }
}
.notifyjs-corner {
    max-width: 95vw;
    overflow: hidden;
}

.notifyjs-corner .notifyjs-html-content {
    word-wrap: normal;
    white-space: normal;
}
.swal2-styled.swal2-confirm.btn-primary {
    background-color: var(--color-primary);
}
.swal2-confirm-swift-switch > .swal2-popup {
    width: 920px;
    max-width: 100%;
}

.swal2-confirm-swift-switch .swal2-actions {
    justify-content: flex-end;
    padding-right: 1rem;
}

.swal2-confirm-swift-switch .swal2-actions .btn.btn-secondary {
    background: var(--grey-900);
    color: var(--white);
    border-color: var(--grey-900);
}