
:root {
    --color-primary: #ff872d;
    --color-dark-orange: #de7425;
    --color-shadow-orange: #ffb47c80;
    --color-light-orange: #ffb177;

}

.nk-header-fixed + .nk-content {
    margin-top: 100px;
}

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

.btn-primary:hover {
    color: #fff;
    background-color: var(--color-dark-orange);
    border-color: var(--color-dark-orange);
}

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

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--color-dark-orange);
    border-color: var(--color-dark-orange);
    box-shadow: 0 0 0 0.2rem var(--color-shadow-orange);
}

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

.form-control:focus, .dual-listbox .dual-listbox__search:focus {
    border-color: var(--color-light-orange);
    box-shadow: 0 0 0 3px var(--color-shadow-orange);;
}

.nk-header {
    background-color: #fff;
}

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

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

.div.dataTables_wrapper div.dataTables_filter label {
    width: 100% !important;
}

.select2-container--default .select2-selection--single:focus {
    box-shadow: 0 0 0 3px var(--color-shadow-orange);
    border-color: var(--color-light-orange);
    outline: none;
}

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

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

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

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

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

input[type=file]::file-selector-button {
    height: 2.130rem;
    padding: 0.4375rem 1rem;
    line-height: 1.25rem;
    color: #3c4d62;
    background-color: #e9ecef;
    border: inherit;
    border-radius: 0 4px 4px 0;
}

input[type=file] {
    padding: 0;
}

div.dataTables_wrapper div.dataTables_filter label {
    width: 100% !important;
}

.datatable-wrap {
    overflow: auto;
}

.table {
    width: 100% !important;
}

#loading {
    position: fixed !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.7;
    z-index: 9999;
    text-align: center;
    display: none;
}

#loading>div {
    width: 100%;
    height: 100%;
    align-items: center;
}

#loading .spinner-border {
    width: 5rem;
    height: 5rem;
}

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

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

.invalid {
    color: #e85347;
    font-size: 11px;
    font-style: italic;
}

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

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

.btn-dim.btn-outline-primary {
    color: var(--color-primary);
    background-color: #ffffff;
    border-color: var(--color-light-orange);
}

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

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

.btn-outline-primary:focus, .btn-outline-primary.focus {
    box-shadow: 0 0 0 3px var(--color-shadow-orange);
}

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

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: var(--color-light-orange);
    background-color: var(--color-light-orange);
}

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

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

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

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: var(--color-light-orange);
}

.alert {
    width: 350px;
}

.alert-fill.alert-primary {
    color: #fff;
    background: var(--color-light-orange);
}

#notifications {
    position: absolute;
    top: 50px;
    left: 10px;
}

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

