/* Theme
 ********************************************************/
a {
    color: #0076b4;
}

/*.bg-primary {
    background-color: #0076b4!important;
}

.bg-secondary {
    background-color: #f27a28!important;
}*/

/*.text-primary {
    color: #0076b4!important;
}

.text-secondary {
    color: #f27a28!important;
}*/

/* Branding
*********************************************************/
@font-face {
    font-family: 'futura';
    src: url('../fonts/futura.woff2') format('woff2');
}

@font-face {
    font-family: 'futura';
    src: url('../fonts/futurabold.woff2') format('woff2');
    font-weight: bold;
}

.ns-branding-font {
    font-family: 'Futura';
}

.ns-branding-primary-color {
    color: #ff6b00!important; /*orange*/
}

.ns-branding-secondary-color {
    color: #002252!important; /*blue*/
}

/* Override Bootstrap Styles
 ********************************************************/
.card-header,
.card-footer {
    background-color: #fff;
}

.theme-blue .card-header {
    background: #1170e4!important;
    color: #fff!important;
}

.theme-red .card-header {
    background: #e82646!important;
    color: #fff!important;
}

.btn-close {
    background: none;
    height: auto;
}

.dark-mode .btn-close {
    color: #fff;
}

/* Dark Mode
 ********************************************************/
body.dark-mode {
    background-color: #19222d!important;
    color: #bec8d5!important;
}

.dark-mode #ns-page-loader-wrapper {
    background-color: #111;
}

.dark-mode a {
    color: #6188e1;
}

.dark-mode a.btn-primary {
    color: #fff;
}

.dark-mode .card {
    background-color: #1f2937;
    border-color: rgba(0, 0, 0, .4);
}

.dark-mode .card-header,
.dark-mode .card-footer {
    background-color: #2a384b!important;
}

.dark-mode #ns-main-layout-main .ns-main-header {
    background-color: #1f2937;
    color: #fff;
    border-bottom: 1px solid #191919;
}

.dark-mode .ns-main-layout-customer-detail {
    background-color: #2a384b;
    border-color: #2a384b;
}

.dark-mode .list-group-item {
    background-color: #1f2937!important;
}
.dark-mode .list-group-item.active {
    background-color: #0d6efd!important;
    color: #fff;
}

.dark-mode .list-group-item-action:focus,
.dark-mode .list-group-item-action:hover {
    background-color: rgba(0,0,0,0.2)!important;
}

.dark-mode .list-group-item,
.dark-mode .list-group-item-action {
    color: #bec8d5;
}

.dark-mode .form-control,
.dark-mode .form-select {
    color: #bec8d5;
    background-color: #171e28;
    border-color: #2e3c51;
}

.dark-mode .form-control.bg-opacity-10,
.dark-mode .form-select.bg-opacity-10 {
    --bs-bg-opacity: 0;
}

.dark-mode div {
    scrollbar-color: #999 #333;
}
.dark-mode select.form-select::-webkit-scrollbar {
    width: 10px;
}
.dark-mode select.form-select::-webkit-scrollbar-thumb {
    background-color: #999;
}
.dark-mode select.form-select::-webkit-scrollbar-track {
    background-color: #333;
}

.dark-mode .ns-sticky-fixed {
    background-color: #19222d!important;
    border-color: #19222d!important;
}

.dark-mode .text-black {
    color: #fff!important;
}

.dark-mode .text-opacity-50 {
    color: rgba(255, 255, 255, .5)!important;
}

.dark-mode .text-white-50 {
    color: rgba(0, 0, 0, .5)!important;
}

.dark-mode .table {
    color: inherit;
    --bs-table-striped-color: #bec8d5;
}

.dark-mode .btn-light {
    color: #fff;
    background-color: #283547;
    border-color: #283547;
}

.dark-mode .btn-light:focus,
.dark-mode .btn-light:hover,
.dark-mode .btn-light:not(:disabled):not(.disabled).active,
.dark-mode .btn-light:not(:disabled):not(.disabled):active, 
.dark-mode .show>.btn-light.dropdown-toggle
{
    color: #fff;
    background-color: #111;
    border-color: #000;
}

.dark-mode .bg-light {
    background-color: #222!important;
}

.dark-mode .border {
    border-color: #111!important;
}

.dark-mode .ns-left-panel-toggle {
    color: #fff;
    background-color: #283547;
    border-color: #283547;
}

.dark-mode .ns-left-panel-toggle .icon-bar {
    background-color: #fff;
}

.dark-mode .ns-left-panel-toggle:hover {
    background-color: #111;
}

.dark-mode .dropdown-menu {
    color: #bec8d5;
    background-color: #253041;
    border-color: #253041;
    box-shadow: 0 0.25rem 2rem rgb(0, 0, 0);
}

.dark-mode .dropdown-item {
    color: #bec8d5;
}

.dark-mode .dropdown-divider {
    border-top-color: #445566;
}

.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
    background-color: #111;
}

.dark-mode .modal-content {
    background-color: #19222d!important;
}

.dark-mode .table-bordered td,
.dark-mode .table-bordered th,
.dark-mode .table-bordered tr {
    border-color: #345!important;
}

.dark-mode .table-hover tbody tr:hover,
.dark-mode .table-hover > tbody > tr:hover > * {
    color: #fff;
}

.dark-mode .offcanvas {
    background-color: #19222d;
}

.dark-mode .btn-outline-dark {
    color: #bec8d5;
    border-color: #bec8d5;
}
.dark-mode .btn-outline-dark:hover,
.dark-mode .btn-check:active+.btn-outline-dark, 
.dark-mode .btn-check:checked+.btn-outline-dark, 
.dark-mode .btn-outline-dark.active, 
.dark-mode .btn-outline-dark.dropdown-toggle.show, 
.dark-mode .btn-outline-dark:active{
    background-color: #ccc;
    color: #333;
}

/* Editor
 ********************************************************/
.dark-mode {
    --ck-color-base-background: #19222d;
}

/* Colors
 ********************************************************/
.bg-purple {
    --bs-bg-opacity: 1;
    background-color: rgba(112, 124, 210, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-purple,
.dark-mode .card-header.bg-purple, 
.dark-mode .card-footer.bg-purple,
.dark-mode .list-group-item.bg-purple {
    --bs-bg-opacity: 0.5;
    background-color: rgba(112, 124, 210, var(--bs-bg-opacity)) !important;
    color: #fff;
}
.text-purple {
    color: #7460ee!important;
}

.bg-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(44, 171, 227, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-blue,
.dark-mode .card-header.bg-blue, 
.dark-mode .card-footer.bg-blue,
.dark-mode .list-group-item.bg-blue {
    --bs-bg-opacity: 0.5;
    background-color: rgba(44, 171, 227, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-blue {
    color: #2cabe3!important;
}*/

.bg-green {
    --bs-bg-opacity: 1;
    background-color: rgba(57, 196, 73, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-green,
.dark-mode .card-header.bg-green, 
.dark-mode .card-footer.bg-green,
.dark-mode .list-group-item.bg-green {
    --bs-bg-opacity: 0.5;
    background-color: rgba(57, 196, 73, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-green {
    color: #39c449!important;
}*/

.bg-yellow {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 242, 0, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-yellow,
.dark-mode .card-header.bg-yellow, 
.dark-mode .card-footer.bg-yellow,
.dark-mode .list-group-item.bg-yellow {
    --bs-bg-opacity: 0.5;
    background-color: rgba(255, 242, 0, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-yellow {
    color: #fff200!important;
}*/

.bg-rose {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 174, 201, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-rose,
.dark-mode .card-header.bg-rose, 
.dark-mode .card-footer.bg-rose,
.dark-mode .list-group-item.bg-rose {
    --bs-bg-opacity: 0.5;
    background-color: rgba(255, 174, 201, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-rose {
    color: #ffaec9!important;
}*/

.bg-gold {
    --bs-bg-opacity: 1;
    background-color: rgba(255, 201, 14, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-gold,
.dark-mode .card-header.bg-gold, 
.dark-mode .card-footer.bg-gold,
.dark-mode .list-group-item.bg-gold {
    --bs-bg-opacity: 0.5;
    background-color: rgba(255, 201, 14, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-gold {
    color: #ffc90e!important;
}*/

.bg-brown {
    --bs-bg-opacity: 1;
    background-color: rgba(127, 83, 71, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-brown,
.dark-mode .card-header.bg-brown, 
.dark-mode .card-footer.bg-brown,
.dark-mode .list-group-item.bg-brown {
    --bs-bg-opacity: 0.5;
    background-color: rgba(127, 83, 71, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-brown {
    color: #7f5347!important;
}*/

.bg-lime {
    --bs-bg-opacity: 1;
    background-color: rgba(181, 230, 29, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-lime,
.dark-mode .card-header.bg-lime, 
.dark-mode .card-footer.bg-lime,
.dark-mode .list-group-item.bg-lime {
    --bs-bg-opacity: 0.5;
    background-color: rgba(181, 230, 29, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-lime {
    color: #b5e61d!important;
}*/

.bg-sky {
    --bs-bg-opacity: 1;
    background-color: rgba(153, 216, 234, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-sky,
.dark-mode .card-header.bg-sky, 
.dark-mode .card-footer.bg-sky,
.dark-mode .list-group-item.bg-sky {
    --bs-bg-opacity: 0.5;
    background-color: rgba(153, 216, 234, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-sky {
    color: #99d8ea!important;
}*/
.dark-mode .bg-sky a {
    color: #bec8d5;
}

.bg-lavender {
    --bs-bg-opacity: 1;
    background-color: rgba(200, 191, 231, var(--bs-bg-opacity)) !important;
}
.dark-mode .bg-lavender,
.dark-mode .card-header.bg-lavender, 
.dark-mode .card-footer.bg-lavender,
.dark-mode .list-group-item.bg-lavender {
    --bs-bg-opacity: 0.5;
    background-color: rgba(200, 191, 231, var(--bs-bg-opacity)) !important;
    color: #fff;
}
/*.text-lavender {
    color: #c8bfe7!important;
}*/

/* Bootstrap Built In Colors for Dark Mode
 ********************************************************/
.dark-mode .bg-primary,
.dark-mode .card-header.bg-primary, 
.dark-mode .card-footer.bg-primary,
.dark-mode .list-group-item.bg-primary,
.dark-mode .list-group-item-primary {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-secondary,
.dark-mode .card-header.bg-secondary, 
.dark-mode .card-footer.bg-secondary,
.dark-mode .list-group-item.bg-secondary,
.dark-mode .list-group-item-secondary {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-info,
.dark-mode .card-header.bg-info, 
.dark-mode .card-footer.bg-info,
.dark-mode .list-group-item.bg-info,
.dark-mode .list-group-item-info {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-success,
.dark-mode .card-header.bg-success, 
.dark-mode .card-footer.bg-success,
.dark-mode .list-group-item.bg-success,
.dark-mode .list-group-item-success {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-warning,
.dark-mode .card-header.bg-warning, 
.dark-mode .card-footer.bg-warning,
.dark-mode .list-group-item.bg-warning,
.dark-mode .list-group-item-warning {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-danger,
.dark-mode .card-header.bg-danger, 
.dark-mode .card-footer.bg-danger,
.dark-mode .list-group-item.bg-danger,
.dark-mode .list-group-item-danger {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-black,
.dark-mode .card-header.bg-black, 
.dark-mode .card-footer.bg-black,
.dark-mode .list-group-item.bg-black,
.dark-mode .list-group-item-black {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-white {
    background-color: #19222d!important;
}

.dark-mode .bg-dark,
.dark-mode .card-header.bg-dark, 
.dark-mode .card-footer.bg-dark,
.dark-mode .list-group-item.bg-dark,
.dark-mode .list-group-item-dark {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
    color: #fff;
}

.dark-mode .bg-light,
.dark-mode .card-header.bg-light, 
.dark-mode .card-footer.bg-light,
.dark-mode .list-group-item.bg-light,
.dark-mode .list-group-item-light {
    --bs-bg-opacity: 0.5;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

/* Bootstrap Opacity
 ********************************************************/
.bg-opacity-10 {
    --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
    --bs-bg-opacity: 1;
}

.dark-mode .bg-opacity-10 {
    --bs-bg-opacity: 0.9;
}
.dark-mode .bg-opacity-25 {
    --bs-bg-opacity: 0.75;
}
.dark-mode .bg-opacity-50 {
    --bs-bg-opacity: 0.5;
}
.dark-mode .bg-opacity-75 {
    --bs-bg-opacity: 0.25;
}
.dark-mode .bg-opacity-100 {
    --bs-bg-opacity: 0.1;
}