/* dark-theme.css */

html, body {
    color: #a9acb3;
    background-color: #202634;
}

body>div.preloader, .loader {
    background: #202634;
}

body a {
    color: #48b9f5;
}

a:hover {
    color: #e9ecef;
    text-decoration: underline;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

.navbar {
    background-color: #202634;
}
.navbar-nav .nav-link.active {
    color: #e5e5e5;
    font-weight: 600;}
.navbar-nav .nav-link {
    color: #a9acb3;
}

.input-group-navbar .btn, .input-group-navbar .form-control {
    background: #293042;
    border: 0;
}
.input-group-navbar .btn {
    color: #a9acb3;
}

/*breadcrumb colors styles*/
.breadcrumb {
    background-color: #283042;
}

/*custom header colors styles for tabs section*/
.header-body {
    border-bottom: 1px solid #3e4555;
}

.header-icon-rounded {
    background-color: #283042;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fcfcfc;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: transparent transparent #47baf5;
}

/*footer colors styles*/
footer.footer {
    background: transparent;
    border-top: 1px solid #3e4555;
    direction: ltr;
    padding: 1rem .75rem;
}

/*form firlds colors styles*/
.form-control {
    background-color: #293042;
    border: 1px solid #7f838e;
    color: #bfc1c6;
}

.form-control:focus {
    background-color: #293042;
    border-color: #9fc0f5;
    box-shadow: 0 0 0 0.2rem rgba(63, 128, 234, 0.25);
    color: #bfc1c6;
}

.input-group-text {
    color: #a9acb2;
    background-color: #283042;
    border: 1px solid #7f838e;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    background-color: #293042;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #7f838e;
    -webkit-text-fill-color: #a3a6ac;
    -webkit-box-shadow: 0 0 0 1000px #283042 inset;
    transition: background-color 5000s ease-in-out 0s;
}

/*tables colors styles*/
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #a9acb3;
    --bs-table-striped-bg: #343a4b;
    --bs-table-active-color: #a9acb3;
    --bs-table-active-bg: rgba(255,255,255,0.1);
    --bs-table-hover-color: #a9acb3;
    --bs-table-hover-bg: rgba(255,255,255,0.075);
    border-color: #545968;
    color: #a9acb3;
    margin-bottom: 1rem;
    vertical-align: top;
    width: 100%;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    color: #a9acb3;
}
.table tbody, .table td, .table tfoot, .table th, .table thead, .table tr {
    border-color: #545968;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #7f838e;
}
.table-bordered thead th, .table-bordered thead td {
    border-bottom-width: 1px;
}
.table-info, .table-info > th, .table-info > td {
    background-color: #17a2b81c;
}
.table-hover tbody tr:hover {
    color: #17a2b8;
    background-color: rgba(0, 0, 0, 0.075);
}

/*pagination colors styles*/
.page-item.disabled .page-link {
    color: #7b7e83;
    background-color: #293042;
    border-color: #696e7b;
}
.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}
.page-link {
    background-color: #293042;
    border: 1px solid #696e7b;
    color: #a9acb3;
}

/*badge colors*/
.badge-light-primary {
    color: #2d9c74;
    background-color: #c3e5cc;
}
.badge-light-danger {
    color: #f1416c;
    background-color: #ffeff3;
}
.badge-light-warning {
    color: #f1b341;
    background-color: #fff9ef;
}

.badge-soft-success {
    color: rgba(75, 191, 115, .175);
    background-color: rgba(75, 191, 115, .175);
    color: #4bbf73;
}

.badge-soft-danger {
    color: rgba(217, 83, 79, .175);
    background-color: rgba(217, 83, 79, .175);
    color: #d9534f;
}

/*dropdown colors*/
.dropdown-menu {
    background-color: #293042;
    border: 1px solid rgba(255,255,255,.15);
    color: #a9acb3;
}
.dropdown-item {
    background-color: transparent;
    color: #bfc1c6;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #3e4555;
    color: #acaeb2;
    text-decoration: none;
}

/*card colors styles*/
.card {
    background-color: #293042;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 1.5rem;
}

.card-header.bg-dark {
    background-color: #282e40 !important;
}

.kv-table-header {
    background: #282e40;
}

.icon-rounded {
    background-color: #3e4555;
}

.card-title a {
    color: #48b9f5
}

.card-title a:hover, .card-title a:focus {
    color: #48b9f5 !important;
}

.icon-rounded .icon {
    color: #fff;
}

.stat {
    background: #202634;
}
.stat i, .stat svg {
    font-size: 1.5rem;
    color: #f8f9fa !important;
}

/*MODAL Styles*/
.modal-content {
    background-color: #293042;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.modal-header {
    border-bottom: 1px solid #212529;
}
.close {
    color: #000;
    text-shadow: none;
}



/*btn colors*/
.btn-primary {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:hover {
    color: #fff;
    background-color: var(--primary-dark);
    border-color:var(--primary-dark);
}
.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: unset;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn.btn-active-light-primary:hover:not(.btn-active), .show>.btn.btn-active-light-primary {
    color: #ffffff;
    border-color: #48b9f5;
    background-color: #48b9f5;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #888888;
    border-color: #888888;
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.btn-twitter {
    color: #ffffff;
    background-color: #1da1f2;
}

.btn-gold {
    color: #fff;
    background-color: #b8b517;
    border-color: #b8b517;
}

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-check:focus+.btn-white, .btn-white, .btn-white:focus, .btn-white:hover {
    background-color: #fff;
    border-color: #fff;
    color: #283e59;
}

.btn-white {
    border-color: #e3ebf6;
}

.btn-white:focus, .btn-white:hover {
    background-color: #f9fbfd;
    border-color: #d2ddec;
}

/*Outline button colors*/
.btn-outline-primary {
    color: #0078a4;
    border-color: #0078a4;
}

.btn-link {
    color: #17a2b8;
}

.btn.btn-bg-light {
    border-color: #7e8299;
    background-color: #343a4b;
}
.btn.btn-bg-light.btn-outline:hover:not(.btn-outline-default) {
    color: #e0e0e0;
    background-color: #2f3442;
    border-color: #50586e !important;
    border-style: dashed !important;
}


/*Text colors styles*/
.text-muted {
    --bs-text-opacity: 1;
    color: #b1b4ba!important;
}


.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #293042;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item-action {
    color: #a5a8af;
}
.list-group-item-action:hover, .list-group-item-action:focus {
    color: #a9acb2;
    background-color: #343f58;
}


/*styles for scrollbar of tables gridview*/
.kv-grid-container::-webkit-scrollbar {
    height: 0.7rem;
}
.kv-grid-container::-webkit-scrollbar-track {
    background: #1b202d;
    outline: 1px solid #1b202d;
}
/* Handle */
.kv-grid-container::-webkit-scrollbar-thumb {
    background: #17a2b8;
}

/*select2*/
.select2-container--krajee-bs4 .select2-selection {
    background-color: #293042;
    border: 1px solid #6c757d;
    color: #495057;
}

.select2-container--krajee-bs4 .select2-results__option[aria-selected] {
    background-color: #293042;
    color: #a2a6ad;
    border-radius: 0;
}

.select2-container--krajee-bs4 .select2-search--dropdown .select2-search__field {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    color: #555;
}