:root {
	--theme-default: #8e191f !important;
}

body {}

::selection {
	background: #8e191f;
	color: #fff;
}

/* Button Alignment and Styling */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 8px;
	padding: 10px 20px;
	line-height: 1.5;
	vertical-align: middle;
	white-space: nowrap;
}

.btn i,
.btn [data-feather],
.btn svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	line-height: 1;
	vertical-align: middle;
	flex-shrink: 0;
}

.btn svg {
	width: 16px;
	height: 16px;
}

.btn-primary.theme-bg,
.btn.theme-bg {
	background: #8e191f !important;
	color: #fff !important;
	border-color: #8e191f !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 20px;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.btn-primary.theme-bg:hover,
.btn.theme-bg:hover,
.btn-primary.theme-bg:focus,
.btn.theme-bg:focus,
.btn-primary.theme-bg:active,
.btn.theme-bg:active {
	background: rgba(142, 25, 31, 0.85) !important;
	color: #fff !important;
	border-color: rgba(142, 25, 31, 0.85) !important;
	box-shadow: 0 0 0 0.2rem rgba(142, 25, 31, 0.25) !important;
}

.btn-primary {
	background-color: #8e191f !important;
	color: #fff !important;
	border-color: #8e191f !important;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not([disabled]):not(.disabled):hover,
.btn-primary:not([disabled]):not(.disabled):focus,
.btn-primary:not([disabled]):not(.disabled):active {
	background-color: rgba(142, 25, 31, 0.85) !important;
	color: #fff !important;
	border-color: rgba(142, 25, 31, 0.85) !important;
	box-shadow: 0 0 0 0.2rem rgba(142, 25, 31, 0.25) !important;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper {
	background: #8e191f;
}

.logo-wrapper img.img-fluid {
	width: 160px;
}

.logo-icon-wrapper a img.img-fluid {
	width: 36px;
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-list:hover>a:hover {
	background: rgba(142, 25, 31, 0.8);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link.active {
	background: rgba(142, 25, 31, 0.8);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li.sidebar-main-title div {
	background-color: rgba(142, 25, 31, 0.8);
}

.toggle-sidebar {
	background-color: rgba(142, 25, 31, 0.8);
}

.page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links .simplebar-wrapper .simplebar-mask .simplebar-content-wrapper .simplebar-content>li .sidebar-link::after {
	background-color: rgba(142, 25, 31, 0.6);
}

.paging_simple_numbers ul.pagination .paginate_button a.page-link {
	color: #8e191f;
}

.page-wrapper .page-header .header-wrapper .nav-right.right-header ul li .profile-media .flex-grow-1 p {
	color: #8e191f;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a span {
	color: #8e191f;
}

.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown li:hover a svg {
	stroke: #8e191f;
}

.form-wizard .step {
	background-color: #8e191f;
}

div.dataTables_wrapper div.dataTables_filter,
.dataTables_wrapper .dataTables_length {
	margin-bottom: 5px;
}

.dataTables_wrapper table.dataTable td {
	padding: 4px;
}

.page-wrapper.compact-wrapper .page-body-wrapper .page-body {
	margin-top: 85px;
	padding: 0;
}

.select2-dropdown {
	border: 1px dashed rgba(106, 113, 133, 0.3) !important;
	margin-top: -24px;
}

span.select2-selection.select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	height: 38px !important;
	border: 1px dashed rgba(106, 113, 133, 0.3) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 18px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 7px !important;
}

.select2-container--default .select2-selection--multiple {
	border: 1px dashed rgba(106, 113, 133, 0.3) !important;
}

form .error {
	margin: 1px !important;
}

span.dropdown-wrapper {
	display: none;
}

span.select2-dropdown.select2-dropdown--below {
    margin-top: 0;
}

/* Form Label Required Indicator */
.form-label.required::after {
	content: "*";
	color: #dc3545;
	margin-left: 4px;
}

/* Card Body Custom Input Padding */
.card-body.custom-input {
	padding: 2rem;
}

/* Form Select Styling */
.form-select {
	height: 38px;
	border: 1px dashed rgba(106, 113, 133, 0.3);
}

.form-control {
	border: 1px dashed rgba(106, 113, 133, 0.3);
	height: 38px;
}

.form-control:focus,
.form-select:focus {
	border-color: #8e191f;
	box-shadow: 0 0 0 0.2rem rgba(142, 25, 31, 0.25);
}

/* Additional Button Styles */
.btn-save-changes,
.btn-new-transfer {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 20px;
	line-height: 1.5;
	background: #8e191f !important;
	color: #fff !important;
	border-color: #8e191f !important;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
}

.btn-save-changes:hover,
.btn-new-transfer:hover,
.btn-save-changes:focus,
.btn-new-transfer:focus,
.btn-save-changes:active,
.btn-new-transfer:active {
	background: rgba(142, 25, 31, 0.85) !important;
	color: #fff !important;
	border-color: rgba(142, 25, 31, 0.85) !important;
	box-shadow: 0 0 0 0.2rem rgba(142, 25, 31, 0.25) !important;
}

.btn-save-changes i,
.btn-new-transfer i,
.btn-save-changes [data-feather],
.btn-new-transfer [data-feather] {
	width: 16px;
	height: 16px;
	line-height: 1;
}

.btn-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	padding: 5px 10px;
	line-height: 1.5;
}

.btn-action i {
	width: 14px;
	height: 14px;
	line-height: 1;
}

/* Action buttons in tables */
ul.action {
	display: flex;
	align-items: center;
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.action li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

ul.action li a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	padding: 0;
	line-height: 1;
}

ul.action li a i {
	width: 16px;
	height: 16px;
	line-height: 1;
}

/* Branding Styles */
.flex {
	display: flex;
}

.items-center {
	align-items: center;
}

.space-x-2 > * + * {
	margin-left: 0.5rem;
}

.text-primary-500 {
	color: #8e191f;
}

.text-primary-600 {
	color: #8e191f;
}

.font-heading {
	font-family: inherit;
}

.font-bold {
	font-weight: 700;
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}

.transition-colors {
	transition-property: color, background-color, border-color;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.logo-wrapper a.flex {
	text-decoration: none;
}

.logo-wrapper a.flex:hover span {
	opacity: 0.8;
}