/* SMS-Patrol brand theme — dark forest chrome + signal green */

:root {
	--app-primary: #00c853;
	--app-primary-deep: #00a844;
	--app-primary-hot: #00e676;
	--app-forest: #0b1f18;
	--app-ink: #071510;
	--app-forest-mid: #123328;
	--app-canvas: #eef6f1;
	--app-paper: #ffffff;
	--app-muted: #6b7c74;
	--bs-primary: #00c853;
	--bs-info: #00c853;
	--bs-success: #00c853;
}

body#kt_body,
body.bg-body,
#kt_body {
	background-color: var(--app-canvas) !important;
}

#loader {
	border-top-color: #00c853;
}

/* Sidebar: dark forest, not the bright CTA green */
#kt_aside,
#kt_aside.aside,
#kt_aside.bg-primary,
.aside.bg-primary {
	background-color: var(--app-forest) !important;
	background-image: linear-gradient(180deg, #0d241c 0%, #071510 100%) !important;
}

#kt_aside_logo {
	border-bottom: 1px solid rgba(0, 200, 83, 0.12);
}

#kt_aside .menu-icon i,
#kt_aside .menu-icon .bi,
#kt_aside .menu-title {
	color: #d4efe3 !important;
}

#kt_aside .menu-icon .svg-icon svg [fill]:not([fill="none"]) {
	fill: #d4efe3 !important;
}

#kt_aside .menu > .menu-item > .menu-link {
	border-radius: 12px;
}

#kt_aside .menu > .menu-item > .menu-link:hover {
	background: rgba(0, 200, 83, 0.12) !important;
}

#kt_aside .menu > .menu-item > .menu-link.active,
#kt_aside .menu > .menu-item > .menu-link.menu-center.active {
	background: rgba(0, 200, 83, 0.18) !important;
}

#kt_aside .menu > .menu-item > .menu-link.active .menu-icon i,
#kt_aside .menu > .menu-item > .menu-link.active .bi,
#kt_aside .menu > .menu-item > .menu-link.active .menu-title,
.aside .menu > .menu-item > .menu-link.active .menu-icon i {
	color: #00c853 !important;
}

#kt_aside .menu-sub,
#kt_aside .menu-sub-dropdown {
	background-color: #123328 !important;
}

#kt_aside .menu-sub .menu-title {
	color: #e7f6ee !important;
}

/* White top bar like the marketing site */
#kt_header.header,
#kt_header .header-bg,
.header-bg {
	background-color: #fff !important;
	box-shadow: 0 1px 0 rgba(11, 31, 24, 0.06);
}

#kt_header .menu.menu-lg-row > .menu-item > .menu-link .menu-title,
.header-bg .menu-title-gray-600 .menu-item .menu-link .menu-title,
#kt_header .menu-title-gray-600 .menu-item .menu-link .menu-title,
.h5-b-name {
	color: #1b2b24 !important;
}

#kt_header .menu-sub-lg-dropdown,
.menu-title-gray-600 .menu-item .menu-sub {
	background-color: #fff !important;
}

.btn-primary,
.btn-info,
.btn-success,
.btn.bg-green,
.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
	background-color: #00c853 !important;
	border-color: #00c853 !important;
	color: #fff !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn.bg-green:hover {
	background-color: #00a844 !important;
	border-color: #00a844 !important;
}

.btn-lg.btn-primary,
.btn-lg.ic1 {
	border-radius: 999px !important;
}

.btn-light-primary {
	background-color: #e3f8eb !important;
	color: #0b1f18 !important;
	border-color: #cfeedd !important;
}

.bg-primary:not(.aside):not(#kt_aside),
.bg-info,
.table thead.bg-primary,
.table thead.bg-info,
.bg.bg-info,
.card-header.bg-primary,
.ch1.bg-primary {
	background-color: #00c853 !important;
	border-color: #00c853 !important;
	color: #fff !important;
}

.bg-green {
	background-color: #00c853 !important;
	color: #fff !important;
}

.link-primary,
.text-primary,
.text-info,
.text-success {
	color: #00a844 !important;
}

th.text-info,
thead.text-info,
.bg-info,
.bg-info .text-info,
.bg-primary:not(.aside):not(#kt_aside),
.bg-primary:not(.aside):not(#kt_aside) .text-info {
	color: #fff !important;
}

.border-primary,
.table.border-info,
.table.table-bordered.border-info td,
.table.table-bordered.border-info th,
.table.table-bordered.border-info tr {
	border-color: #00c853 !important;
}

.page-item.active .page-link,
.pagination .page-item.active .page-link {
	background-color: #00c853 !important;
	border-color: #00c853 !important;
	color: #fff !important;
}

.badge.badge-light-primary {
	background-color: #e3f8eb !important;
	color: #0b1f18 !important;
}

.badge-info,
.badge-success,
.label-success {
	background-color: #00c853 !important;
	color: #fff !important;
}

.form-control:focus,
.form-select:focus,
.select2-container--bootstrap5.select2-container--focus .select2-selection {
	border-color: #00c853 !important;
	box-shadow: 0 0 0 0.2rem rgba(0, 200, 83, 0.18) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
	background-color: #00c853 !important;
	color: #fff !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: #00c853 !important;
}

.card {
	border: 1px solid rgba(11, 31, 24, 0.06);
	box-shadow: 0 8px 24px rgba(11, 31, 24, 0.04);
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: transparent;
}

::-webkit-scrollbar-track {
	background: #f4faf6;
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
	background: #00c853;
	border-radius: 4px;
}

* {
	scrollbar-color: #00c853 transparent !important;
}

.log-1 .fa-check-circle,
.fa-check-circle {
	color: #00c853 !important;
}

.ic1,
button.ic1 {
	background-color: #00c853 !important;
	border-color: #00c853 !important;
	color: #fff !important;
}

button.ic1:hover,
.ic1:hover {
	background-color: #00a844 !important;
	border-color: #00a844 !important;
}
