body{
	--tw-bg-opacity: 1;
    background-color: rgb(11 17 30 / var(--tw-bg-opacity, 1)) !important;
}
.fixed-header > .navbar{
	border: 1px solid rgb(30 41 59 / 1) !important;
}

.left-sidebar,.fixed-header > .navbar, .dropdown-menu, .modal-content {
	--tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1))!important;
}

.left-sidebar, .app-header.fixed-header .navbar, .navbar-collapse {
	--tw-border-opacity: 1;
    border-color: rgb(30 41 59 / var(--tw-border-opacity, 1))!important;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
	--tw-text-opacity: 1 !important;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;
	transition: color 0.2s ease, background-color 0.2s ease;
}


.sidebar-nav ul .sidebar-item .sidebar-link:hover, .sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link:hover {
   --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1)) !important;
	background-color: rgb(30 41 59 / 0.6) !important;
}

.sidebar-nav ul .sidebar-item.selected>.sidebar-link, .sidebar-nav ul .sidebar-item.selected>.sidebar-link.active, .sidebar-nav ul .sidebar-item>.sidebar-link.active,
.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {
	--tw-text-opacity: 1;
    color: rgb(56 189 248 / var(--tw-text-opacity, 1)) !important;
	background-color: rgb(14 165 233 / 0.1) !important;
	border: 1px solid rgb(14 165 233 / 0.2) !important;
}

.card {
	--tw-bg-opacity: 1;
    background-color: rgb(22 32 50 / var(--tw-bg-opacity, 1)) !important;
	
	--tw-border-opacity: 1;
    border: 1px solid rgb(30 41 59   / var(--tw-border-opacity, 1)) !important;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.card.bg-light-success:hover {
    border: 1px solid rgb(16 185 129 / 0.5) !important;
}

.brand-logo{
	border-bottom: 1px solid rgb(30 41 59 / var(--tw-border-opacity, 1)) !important;
    margin-bottom: 15px !important;
}

.form-control:focus {
	--tw-border-opacity: 1;
    border-color: rgb(14 165 233 / var(--tw-border-opacity, 1)) !important;
}

.table {
	--bs-table-bg: unset!important;
}
.table-responsive {
    scrollbar-width: thin !important;
    scrollbar-color: rgb(77 79 84) rgb(37 39 47) !important;
}

.table-responsive::-webkit-scrollbar {
    height: 6px !important;
}

.table-responsive::-webkit-scrollbar-track {
    background: #0f172a !important;
}

.table-responsive::-webkit-scrollbar-thumb {
    background: #334155 !important;
    border-radius: 10px !important;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #475569 !important;
}

.btn-primary {
    --bs-btn-color: rgb(56 189 248 / 1) !important;
    --bs-btn-bg: rgb(14 165 233 / .1) !important;
    --bs-btn-border-color: rgb(14 165 233 / .2) !important;
    --bs-btn-hover-color: rgb(56 189 248 / 1) !important;
    --bs-btn-hover-bg: rgb(14 165 233 / .15) !important;
    --bs-btn-hover-border-color: rgb(14 165 233 / .4) !important;
}

.btn-success {
    --bs-btn-color: rgb(52 211 153 / 1) !important;
    --bs-btn-bg: rgb(16 185 129 / .1) !important;
    --bs-btn-border-color: rgb(16 185 129 / .2) !important;
    --bs-btn-hover-color: rgb(52 211 153 / 1) !important;
    --bs-btn-hover-bg: rgb(16 185 129 / .15) !important;
    --bs-btn-hover-border-color: rgb(16 185 129 / .4) !important;
}

.btn-info {
    --bs-btn-color: rgb(34 211 238 / 1) !important;
    --bs-btn-bg: rgb(6 182 212 / .1) !important;
    --bs-btn-border-color: rgb(6 182 212 / .2) !important;
    --bs-btn-hover-color: rgb(34 211 238 / 1) !important;
    --bs-btn-hover-bg: rgb(6 182 212 / .15) !important;
    --bs-btn-hover-border-color: rgb(6 182 212 / .4) !important;
}

.btn-warning {
    --bs-btn-color: rgb(251 191 36 / 1) !important;
    --bs-btn-bg: rgb(245 158 11 / .1) !important;
    --bs-btn-border-color: rgb(245 158 11 / .2) !important;
    --bs-btn-hover-color: rgb(251 191 36 / 1) !important;
    --bs-btn-hover-bg: rgb(245 158 11 / .15) !important;
    --bs-btn-hover-border-color: rgb(245 158 11 / .4) !important;
}

.btn-danger {
    --bs-btn-color: rgb(248 113 113 / 1) !important;
    --bs-btn-bg: rgb(239 68 68 / .1) !important;
    --bs-btn-border-color: rgb(239 68 68 / .2) !important;
    --bs-btn-hover-color: rgb(248 113 113 / 1) !important;
    --bs-btn-hover-bg: rgb(239 68 68 / .15) !important;
    --bs-btn-hover-border-color: rgb(239 68 68 / .4) !important;
}

.btn-secondary {
    --bs-btn-color: rgb(203 213 225 / 1) !important;
    --bs-btn-bg: rgb(100 116 139 / .1) !important;
    --bs-btn-border-color: rgb(100 116 139 / .2) !important;
    --bs-btn-hover-color: rgb(226 232 240 / 1) !important;
    --bs-btn-hover-bg: rgb(100 116 139 / .15) !important;
    --bs-btn-hover-border-color: rgb(100 116 139 / .4) !important;
}

.btn-dark {
    --bs-btn-color: rgb(226 232 240 / 1) !important;
    --bs-btn-bg: rgb(30 41 59 / .5) !important;
    --bs-btn-border-color: rgb(51 65 85 / .6) !important;
    --bs-btn-hover-color: rgb(241 245 249 / 1) !important;
    --bs-btn-hover-bg: rgb(51 65 85 / .6) !important;
    --bs-btn-hover-border-color: rgb(71 85 105 / .7) !important;
}

.btn-light {
    --bs-btn-color: rgb(203 213 225 / 1) !important;
    --bs-btn-bg: rgb(51 65 85 / .5) !important;
    --bs-btn-border-color: rgb(71 85 105 / .5) !important;
    --bs-btn-hover-color: rgb(241 245 249 / 1) !important;
    --bs-btn-hover-bg: rgb(71 85 105 / .6) !important;
    --bs-btn-hover-border-color: rgb(100 116 139 / .6) !important;
}

.btn-outline-primary {
    --bs-btn-color: rgb(56 189 248 / 1) !important;
    --bs-btn-border-color: rgb(14 165 233 / .2) !important;
    --bs-btn-hover-color: rgb(56 189 248 / 1) !important;
    --bs-btn-hover-bg: rgb(14 165 233 / .1) !important;
    --bs-btn-hover-border-color: rgb(14 165 233 / .3) !important;
}

.btn-outline-success {
    --bs-btn-color: rgb(52 211 153 / 1) !important;
    --bs-btn-border-color: rgb(16 185 129 / .2) !important;
    --bs-btn-hover-color: rgb(52 211 153 / 1) !important;
    --bs-btn-hover-bg: rgb(16 185 129 / .1) !important;
    --bs-btn-hover-border-color: rgb(16 185 129 / .3) !important;
}

.btn-outline-info {
    --bs-btn-color: rgb(34 211 238 / 1) !important;
    --bs-btn-border-color: rgb(6 182 212 / .2) !important;
    --bs-btn-hover-color: rgb(34 211 238 / 1) !important;
    --bs-btn-hover-bg: rgb(6 182 212 / .1) !important;
    --bs-btn-hover-border-color: rgb(6 182 212 / .3) !important;
}

.btn-outline-warning {
    --bs-btn-color: rgb(251 191 36 / 1) !important;
    --bs-btn-border-color: rgb(245 158 11 / .2) !important;
    --bs-btn-hover-color: rgb(251 191 36 / 1) !important;
    --bs-btn-hover-bg: rgb(245 158 11 / .1) !important;
    --bs-btn-hover-border-color: rgb(245 158 11 / .3) !important;
}

.btn-outline-danger {
    --bs-btn-color: rgb(248 113 113 / 1) !important;
    --bs-btn-border-color: rgb(239 68 68 / .2) !important;
    --bs-btn-hover-color: rgb(248 113 113 / 1) !important;
    --bs-btn-hover-bg: rgb(239 68 68 / .1) !important;
    --bs-btn-hover-border-color: rgb(239 68 68 / .3) !important;
}

.btn-outline-secondary {
    --bs-btn-color: rgb(148 163 184 / 1) !important;
    --bs-btn-border-color: rgb(100 116 139 / .2) !important;
    --bs-btn-hover-color: rgb(203 213 225 / 1) !important;
    --bs-btn-hover-bg: rgb(100 116 139 / .1) !important;
    --bs-btn-hover-border-color: rgb(100 116 139 / .3) !important;
}


.switchToggleYesNo label,
.switchToggleStatus label {
    background-color: rgb(30 41 59 / .8) !important;
    border: 1px solid rgb(51 65 85 / .8) !important;
}

.switchToggleYesNo input:checked + label,
.switchToggleYesNo input:checked + input + label {
    background-color: rgb(14 165 233 / .1) !important;
    border-color: rgb(14 165 233 / .2) !important;
}

.switchToggleStatus input:checked + label,
.switchToggleStatus input:checked + input + label {
    background-color: rgb(16 185 129 / .1) !important;
    border-color: rgb(16 185 129 / .2) !important;
}


.pagination_container .dataTables_paginate .paginate_button {
    color: rgb(56 189 248 / 1) !important;
    background: rgb(14 165 233 / 0.1) !important;
    border: 1px solid rgb(14 165 233 / 0.2) !important;
}

.pagination_container .dataTables_paginate .paginate_button:hover {
    color: rgb(56 189 248 / 1) !important;
    background: rgb(14 165 233 / 0.15) !important;
    border-color: rgb(14 165 233 / 0.4) !important;
}

.pagination_container .dataTables_paginate .paginate_button.current {
    color: rgb(56 189 248 / 1) !important;
    background: rgb(14 165 233 / 0.2) !important;
    border-color: rgb(14 165 233 / 0.4) !important;
}

.pagination_container .dataTables_paginate .paginate_button.previous {
    border-radius: 6px 0 0 6px !important;
}

.pagination_container .dataTables_paginate .paginate_button.next {
    border-radius: 0 6px 6px 0 !important;
}