:root {
	--bmc-btn-red: #b10121;
	--bmc-btn-red-rgb: 177, 1, 33;
	--bs-theme: #111111;
	--bs-theme-rgb: 17, 17, 17;
	--bs-heading-color: #111111;
	--bs-link-color: #111111;
	--bs-link-hover-color: #000000;
	--bmc-surface: rgba(var(--bs-body-bg-rgb), .78);
	--bmc-surface-strong: rgba(var(--bs-body-bg-rgb), .92);
	--bmc-border: rgba(var(--bs-body-color-rgb), .24);
	--bmc-border-soft: rgba(var(--bs-body-color-rgb), .14);
	--bmc-corner: rgba(var(--bs-body-color-rgb), .84);
}

html,
body {
	font-family: var(--bs-body-font-family);
	color: var(--bs-body-color);
	background-color: #f4f7f9 !important;
}

body::before,
.app::before {
	content: none !important;
	display: none !important;
	background: none !important;
}

.app,
.app-cover,
.app-content {
	background: #f4f7f9 !important;
}

.app-header {
	background: #ffffff !important;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
	backdrop-filter: none !important;
}

.app-header .brand .brand-logo,
.app-header .brand .brand-text,
.app-header .menu-toggler .bar,
.app-header .navbar-nav .nav-link {
	color: #2d353c !important;
}

.app-header .brand .brand-logo .brand-img {
	flex: 0 0 24px;
	width: 24px !important;
	height: 24px !important;
	margin-inline-end: .6rem !important;
	background: none !important;
	background-image: none !important;
}

.app-header .brand .brand-logo .brand-img img {
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 !important;
}

.app-header .menu-toggler .bar {
	background: rgba(45, 53, 60, .55) !important;
}

.app-sidebar {
	background: #ffffff !important;
	border-right: 1px solid rgba(0, 0, 0, .08);
	box-shadow: 2px 0 12px rgba(0, 0, 0, .04);
	backdrop-filter: none !important;
}

.app-sidebar .menu-header {
	color: #8a98a5 !important;
}

.app-sidebar .menu .menu-item .menu-link {
	color: #44515c !important;
}

.app-sidebar .menu .menu-item .menu-link:focus,
.app-sidebar .menu .menu-item .menu-link:hover,
.app-sidebar .menu .menu-item.active > .menu-link,
.app-sidebar .menu .menu-item.expand > .menu-link {
	color: var(--bs-theme) !important;
	background: rgba(var(--bs-theme-rgb), .08) !important;
}

.app-sidebar .menu .menu-item .menu-submenu .menu-link {
	color: #5c6975 !important;
}

.app-sidebar .menu .menu-item .menu-icon {
	color: var(--bmc-btn-red) !important;
}

.app-sidebar-mobile-backdrop {
	background: rgba(0, 0, 0, .2) !important;
}

#content {
	--bs-white: #111111;
	--bs-white-rgb: 17, 17, 17;
	--bs-heading-color: #111111;
}

.text-theme,
.text-success,
.text-success-100,
.text-lime,
.text-teal,
[class*="text-theme-"],
[class*="text-success-"] {
	color: #111111 !important;
}

.account-recovery .input-group-text {
	color: #111111 !important;
}

.account-recovery .form-control:focus {
	border-color: #111111 !important;
	box-shadow: 0 0 0 .2rem rgba(17, 17, 17, .18) !important;
}

.app-content {
	background: transparent;
	padding: 1rem 1.25rem 1.25rem;
}

.app-content > .row {
	--bs-gutter-x: 1.25rem;
	--bs-gutter-y: 1rem;
	margin-bottom: 1.25rem;
}

.app-content > .row:last-child {
	margin-bottom: 0;
}

.app-content > .row > [class*="col-"] {
	margin-bottom: 1rem;
}

.app-content > .row > [class*="col-"]:last-child {
	margin-bottom: 0;
}

.app-content > .row > .card-body {
	width: calc(100% - var(--bs-gutter-x));
	margin-right: calc(var(--bs-gutter-x) * .5);
	margin-left: calc(var(--bs-gutter-x) * .5);
	padding: 1rem 1.25rem 1.25rem !important;
}

.app-content .card > .card-header,
.app-content .panel > .panel-heading {
	padding: .85rem 1.25rem;
}

.app-content .card > .card-body,
.app-content .panel > .panel-body {
	padding: 1rem 1.25rem;
}

.app-content .card > .card-footer,
.app-content .panel > .panel-footer {
	padding: .8rem 1.25rem;
}

.app-content > .row > .card-body .d-flex.align-items-center.mb-2px {
	gap: .5rem;
}

.app-content > .row > .card-body .d-flex.align-items-center.mb-2px > .flex-grow-1 {
	min-width: 0;
}

.app-content > .row > .card-body .d-flex.align-items-center.mb-2px > .small.w-30px {
	flex: 0 0 54px;
	width: 54px !important;
	margin-left: 0 !important;
	text-align: right !important;
}

.page-header {
	font-weight: 700;
	letter-spacing: 0;
	color: var(--bs-heading-color);
	clear: both;
}

.app-content > .row:first-of-type {
	clear: both;
}

.breadcrumb a,
.breadcrumb .breadcrumb-item.active {
	color: rgba(var(--bs-body-color-rgb), .7);
}

.card,
.panel,
.widget.widget-stats,
.app-content > .card-body,
.app-content .row > .card-body {
	position: relative;
	border: 1px solid var(--bmc-border) !important;
	border-radius: 4px !important;
	background:
		linear-gradient(135deg, rgba(var(--bs-theme-rgb), .08), rgba(var(--bs-body-bg-rgb), 0) 40%),
		var(--bmc-surface) !important;
	box-shadow:
		0 .875rem 2rem rgba(var(--bs-inverse-rgb), .24),
		inset 0 1px 0 rgba(var(--bs-body-color-rgb), .08);
	overflow: visible !important;
}

.card::before,
.panel::before,
.widget.widget-stats::before,
.app-content > .card-body::before,
.app-content .row > .card-body::before {
	content: "";
	position: absolute;
	inset: -1px;
	z-index: 3;
	pointer-events: none;
	background:
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) left top / 14px 2px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) left top / 2px 14px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) right top / 14px 2px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) right top / 2px 14px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) left bottom / 14px 2px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) left bottom / 2px 14px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) right bottom / 14px 2px no-repeat,
		linear-gradient(var(--bmc-corner), var(--bmc-corner)) right bottom / 2px 14px no-repeat;
}

.card:hover,
.panel:hover,
.widget.widget-stats:hover {
	border-color: rgba(var(--bs-theme-rgb), .52) !important;
	box-shadow:
		0 1rem 2.2rem rgba(var(--bs-inverse-rgb), .28),
		0 0 0 1px rgba(var(--bs-theme-rgb), .12),
		inset 0 1px 0 rgba(var(--bs-body-color-rgb), .1);
}

.card-body,
.panel-body {
	position: relative;
	z-index: 1;
}

.panel-heading {
	border-bottom: 1px solid var(--bmc-border-soft);
	background: rgba(var(--bs-body-color-rgb), .04) !important;
}

.panel-title,
.card .text-gray-500 b,
.app-content > .card-body > .mb-3 b,
.app-content .row > .card-body > .mb-3 b,
.widget-stats .stats-info h4 {
	color: rgba(var(--bs-body-color-rgb), .78) !important;
	font-size: .78rem;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.card h2,
.widget-stats .stats-info p {
	color: var(--bs-heading-color);
	font-weight: 800;
	text-shadow: 0 0 1.25rem rgba(var(--bs-theme-rgb), .2);
}

.app-content .col-xl-12.col-lg-21 > .d-flex.mb-1 > h2.mb-0 {
	color: var(--bs-heading-color) !important;
	text-shadow: none !important;
}

.text-gray-500,
.text-gray-600,
.small {
	color: rgba(var(--bs-body-color-rgb), .66) !important;
}

.progress {
	background: rgba(var(--bs-body-color-rgb), .14) !important;
	box-shadow: inset 0 0 0 1px rgba(var(--bs-body-color-rgb), .08);
}

.progress-bar {
	background-image: linear-gradient(90deg, rgba(var(--bs-theme-rgb), .78), rgba(var(--bs-theme-rgb), 1)) !important;
}

.widget.widget-stats {
	min-height: 132px;
	padding: .9rem 1rem .75rem;
}

.widget-stats .stats-info {
	padding-inline-start: .1rem;
}

.widget-stats .stats-icon {
	margin: 0 0 .45rem;
}

.widget-stats .stats-link {
	margin: .5rem -1rem -.75rem;
}

.widget-stats .stats-link a {
	display: block;
	padding: .45rem 1rem;
}

.widget.widget-stats.bg-blue,
.widget.widget-stats.bg-info {
	background:
		linear-gradient(135deg, rgba(var(--bs-primary-rgb), .24), rgba(var(--bs-body-bg-rgb), .9) 55%),
		var(--bmc-surface-strong) !important;
}

.widget.widget-stats.bg-orange {
	background:
		linear-gradient(135deg, rgba(var(--bs-warning-rgb), .24), rgba(var(--bs-body-bg-rgb), .9) 55%),
		var(--bmc-surface-strong) !important;
}

.widget-stats .stats-icon {
	color: var(--bs-theme);
	opacity: .9;
	text-shadow: 0 0 1.4rem rgba(var(--bs-theme-rgb), .3);
}

.widget-stats .stats-link a {
	background: rgba(var(--bs-body-color-rgb), .06);
	border-top: 1px solid rgba(var(--bs-body-color-rgb), .1);
	color: rgba(var(--bs-body-color-rgb), .74);
}

body.page-info-401 .withdraw-summary {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.btn-gray-dark {
	--bs-btn-color: #FFFFFF;
	--bs-btn-bg: #35434a;
	--bs-btn-border-color: #35434a;
	--bs-btn-hover-color: #FFFFFF;
	--bs-btn-hover-bg: #273136;
	--bs-btn-hover-border-color: #273136;
	--bs-btn-focus-shadow-rgb: 53, 67, 74;
	--bs-btn-active-color: #FFFFFF;
	--bs-btn-active-bg: #1f282d;
	--bs-btn-active-border-color: #1f282d;
	--bs-btn-disabled-color: #FFFFFF;
	--bs-btn-disabled-bg: #617a86;
	--bs-btn-disabled-border-color: #617a86;
}

.btn-gray-dark,
.btn-dark,
.btn-outline-theme,
.btn-success,
.btn-warning,
.btn-red {
	border-color: rgba(var(--bs-body-color-rgb), .2) !important;
	box-shadow: inset 0 1px 0 rgba(var(--bs-body-color-rgb), .08), 0 .5rem 1.2rem rgba(var(--bs-inverse-rgb), .2);
}

.btn:not(.btn-link):not(.btn-close) {
	--bs-btn-color: #FFFFFF !important;
	--bs-btn-bg: var(--bmc-btn-red) !important;
	--bs-btn-border-color: var(--bmc-btn-red) !important;
	--bs-btn-hover-color: #FFFFFF !important;
	--bs-btn-hover-bg: #93001b !important;
	--bs-btn-hover-border-color: #93001b !important;
	--bs-btn-focus-shadow-rgb: var(--bmc-btn-red-rgb) !important;
	--bs-btn-active-color: #FFFFFF !important;
	--bs-btn-active-bg: #7a0016 !important;
	--bs-btn-active-border-color: #7a0016 !important;
	--bs-btn-disabled-color: #FFFFFF !important;
	--bs-btn-disabled-bg: #c35d70 !important;
	--bs-btn-disabled-border-color: #c35d70 !important;
	color: var(--bs-btn-color) !important;
	background-color: var(--bs-btn-bg) !important;
	border-color: var(--bs-btn-border-color) !important;
}

.table {
	--bs-table-bg: transparent;
	--bs-table-color: rgba(var(--bs-body-color-rgb), .82);
	--bs-table-border-color: rgba(var(--bs-body-color-rgb), .12);
}

.app-content .table-responsive,
.app-content .dataTables_wrapper,
.app-content .dt-container {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch;
}

.app-content > .row > [class*="col-"] > .panel.panel-inverse {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

.app-content .panel.panel-inverse .dt-container,
.app-content .panel.panel-inverse .table-responsive {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	overflow-x: auto !important;
}

.app-content .panel.panel-inverse .dt-container .dt-layout-table,
.app-content .panel.panel-inverse .dt-container .dt-layout-full {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.app-content .dataTables_wrapper .row,
.app-content .dt-container .row {
	--bs-gutter-x: 0;
	margin-right: 0;
	margin-left: 0;
}

.app-content .dataTables_wrapper .row > *,
.app-content .dt-container .row > * {
	min-width: 0;
	padding-right: 0;
	padding-left: 0;
}

.app-content table.dataTable,
.app-content .dataTables_wrapper table.dataTable,
.app-content .dt-container table.dataTable {
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.app-content .panel.panel-inverse table.table.dataTable {
	width: 100% !important;
	max-width: 100% !important;
}

.app-content .dataTables_scroll,
.app-content .dataTables_scrollHead,
.app-content .dataTables_scrollHeadInner,
.app-content .dataTables_scrollBody {
	max-width: 100%;
}

.app-content .dataTables_scrollHeadInner,
.app-content .dataTables_scrollHeadInner table {
	width: 100% !important;
}

.alert {
	border: 1px solid rgba(var(--bs-body-color-rgb), .18);
	background: rgba(var(--bs-body-bg-rgb), .86);
}

@media (max-width: 767.98px) {
	.app-header .brand {
		display: flex !important;
		width: auto !important;
		flex: 1 1 auto;
		min-width: 0;
		padding: 0 .75rem !important;
	}

	.app-header .brand .brand-logo {
		display: flex !important;
		align-items: center;
		max-width: 100%;
		overflow: hidden;
	}

	.app-header .brand .brand-text {
		display: block !important;
		white-space: nowrap;
		font-size: .95rem;
		letter-spacing: 1px;
	}

	.app-header .brand .brand-img {
		margin-inline-end: .6rem;
	}

	.app-content {
		padding: .75rem .85rem 1rem;
	}

	.app-content .card > .card-header,
	.app-content .panel > .panel-heading {
		padding: .75rem 1rem;
	}

	.app-content .card > .card-body,
	.app-content .panel > .panel-body,
	.app-content > .row > .card-body {
		padding: .85rem 1rem 1rem !important;
	}

	.app-content .card > .card-footer,
	.app-content .panel > .panel-footer {
		padding: .7rem 1rem;
	}

	.card,
	.panel,
	.widget.widget-stats,
	.app-content > .card-body,
	.app-content .row > .card-body {
		border-radius: 3px !important;
	}

	.card::before,
	.panel::before,
	.widget.widget-stats::before,
	.app-content > .card-body::before,
	.app-content .row > .card-body::before {
		background-size: 11px 2px, 2px 11px, 11px 2px, 2px 11px, 11px 2px, 2px 11px, 11px 2px, 2px 11px;
	}

	body.page-info-512 #data-table-responsive th,
	body.page-info-512 #data-table-responsive td {
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
}
