.custom-file-label {
	color: #e9e6e6;
	background-color: #2b2e4c;
	border: 1px solid #313452;
	font-weight: 400;
	font-size: 0.875rem;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
	color: #e9e6e6;
	background-color: #595f6d;
	font-weight: 400;
	font-size: 0.875rem;
}

.custom-tabs {
	padding-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
}

.analysis-menus p {
	margin-bottom: 40px;
}

.analysis-menus p a {
	color: #b1b1b5;
	text-decoration: none;
}

.analysis-menus p.active a,
.analysis-menus p a:hover {
	color: #ffffff;
}

.nav-item a {
	cursor: pointer;
}

#customerAnalysisPanel .chart_item {
	width: 100%;
	height: 315px;
}

#customerAnalysisPanel .time_range a {
	margin: auto 8px;
	color: #02abfe;
}

#customerAnalysisPanel .time_range a.active {
	color: #FFFFFF;
}

#customerAnalysisPanel #search-button {
	cursor: pointer;
}

#customerAnalysisPanel #search-button:hover {
	background-color: #02abfe;
}

#customerAnalysisPanel i {
	font-size: 14px;
}

#customerAnalysisPanel .card-header h4 {
	color: #b1b1b5;
}

#customerAnalysisPanel .card-header,
.card-footer {
	background-color: #222437;
}

#assistantlogs {
	padding: 0;
	margin: 0;
}

.date-input-wrap input {
	width: 100%;
	max-width: 200px;
}

.date-input-wrap {
	gap: 10px;
	line-height: 48px;
	margin-bottom: 20px;
}

.nav-tabs {
	margin: 5px;
}

#bootPanel #formEditDisk input.form-control:disabled,
#bootPanel #formEditDisk select.form-control:disabled,
#bootPanel #formBootPC input.form-control:disabled,
#bootPanel #formBootPC select.form-control:disabled,
#bootPanel #formBootPC input.form-control:read-only {
	background-color: #484a5a !important;
	color: #626262 !important;
}

#bootPanel #ccboot_server_status {
	font-size: 18px;
	color: #b1b1b5;
	display: inline-block;
}

#bootPanel #ccboot_server_status.active {
	color: #00cc00;
}

#bootPanel #checkoutAjaxForm .total-table th {
	text-align: right;
	width: 50%;
}

#bootPanel #checkoutAjaxForm .total-table td {
	text-align: left;
	width: 50%;
}

#bootPanel th.mobile-menu,
th.mobile-menu {
	padding: 15px 0;
	text-align: center;
}

#bootPanel th.mobile-menu i,
th.mobile-menu i {
	width: 32px;
	font-size: 1.5em;
	display: inline-block;
	margin: 0;
	padding: 0;
}

#bootPanel td.mobile-menu,
td.mobile-menu {
	padding: 0;
	text-align: center;
}

#bootPanel td.mobile-menu i,
td.mobile-menu i {
	width: 32px;
	font-size: 1.5em;
	display: inline-block;
	margin: 0;
	padding: 0;
}

#bootPanel .fa-check-square-o,
.fa-check-square-o {
	color: #4684e8;
	font-size: 20px;
	cursor: pointer;
	display: inline-block;
}

#bootPanel .fa-square-o,
.fa-square-o {
	color: #999999;
	font-size: 20px;
	cursor: pointer;
	display: inline-block;
}

#bootPanel .fa-minus-square-o,
#bootPanel .fa-plus-square-o {
	color: #4684e8;
	font-size: 20px;
	cursor: pointer;
	display: inline-block;
	margin-right: 8px;
}

#bootPanel #table-bootpc th a,
#bootPanel #table-disk th a,
#table-pc th a,
#table-console th a {
	text-transform: uppercase;
}

#bootPanel #table-bootpc tr.selected td,
#bootPanel #table-disk tr.selected td,
#table-pc tr.selected td,
#table-console tr.selected td,
#games-list tr.selected td {
	color: #4684e8 !important;
}

#bootPanel td,
td {
	cursor: default;
}

#bootPanel th.check i,
#bootPanel td.check i,
th.check i {
	text-align: center;
	width: 22px;
	margin-right: 3px;
}

#bootPanel th.check i {
	margin: 0 !important;
}

#bootPanel .badge-pc-Online,
#bootPanel .badge-pc-Write,
.badge-pc-Online,
.badge-pc-Write {
	color: #fff;
	background-color: #23af47;
	width: 62px;
}

#bootPanel .badge-pc-Enable,
#bootPanel .badge-pc-Offline,
.badge-pc-Offline {
	color: #212529;
	background-color: #f7f7f7;
	width: 62px;
}

#bootPanel .badge-pc-Disable,
.badge-pc-Maintenance {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.4);
	width: 62px;
}

.badge-pc-Standby,
.badge-pc-Paused {
	color: #212529;
	background-color: #fbbc06;
	width: 62px;
}

.badge-pc-Booking {
	color: #f0f0f0;
	background-color: mediumpurple;
	width: 62px;
}

.badge-pc-Disconnected {
	color: #fff;
	background-color: #02abfe;
	width: 62px;
}

#bootPanel tr[data-pc_status_text=Enable] td,
#bootPanel tr[data-pc_status_text=Write] td,
tr[data-pc_status_text=Online] td,
tr[data-pc_status_text=Disconnected] td {
	color: #e1e6fa !important;
}

#bootPanel #formBootPC .modal-body .form-group {
	margin-bottom: 0 !important;
}

#bootPanel label.label-disabled {
	color: #525252;
}

@media screen and (min-width: 768px) {
	#bootPanel #formBootPC .row {
		height: 45px;
	}
	#bootPanel #formBootPC .form-group{
		display:flex;
	}
}

#bootPanel .has_super_client {
	color: #e94437;
}

#bootPanel .ui-front {
	z-index: 9999;
}

#bootPanel #boot-pc-menu,
.games-hide-column-menu {
	width: 200px;
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.6);
	position: relative;
	display: none;
	background: var(--bg-elevated);
	z-index: 99;
}

#bootPanel #boot-pc-menu .menu-options,
.games-hide-column-menu .menu-options {
	font-size: 14px;
}

#bootPanel #boot-pc-menu h5,
.games-hide-column-menu h5 {
	margin-top: 10px;
}

#bootPanel #table-bootpc tr[data-warn='1'] td {
	color: #e94437 !important;
}

.modal-body .form-group { margin-bottom: 0.5rem !important; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.tables-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.table-responsive {
	flex: 1;
	min-width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ranking-title {
	font-size: 20px;
	font-weight: bold;
	color: #11722a;
	text-align: center;
}

.ranking-table {
	width: 100%;
	border-collapse: collapse;
}

.ranking-table th,
.ranking-table td {
	padding: 12px;
	text-align: left;
	border: 1px solid #444;
}

.ranking-table th {
	background-color: #252539;
	color: #b1b1b5;
	font-weight: bold;
	text-transform: uppercase;
}

.ranking-table td {
	background-color: #2e2e48;
	color: #f0f0f0;
}

.ranking-table tbody tr:nth-child(odd) {
	background-color: #2a2a40;
}

.ranking-table tbody tr:nth-child(even) {
	background-color: #2e2e48;
}

.ranking-table tbody tr:hover {
	background-color: #35355a;
}

@media (max-width: 768px) {
	.nav-tabs {
		justify-content: center;
	}

	.content-wrapper {
		padding: 0 !important;
	}

	.tab-pane {
		padding: 10px !important;
	}

	.btn {
		font-size: 0.8rem;
		line-height: 0.5rem;
	}

	.table {
		table-layout: fixed;
		border-collapse: collapse;
		background-color: #1a1a2e;
	}

	.table td {
		white-space: wrap;
	}

	.tables-container {
		flex-direction: column;
	}

	.table-responsive {
		max-width: 100%;
	}

	.ranking-table tr {
		margin-bottom: 10px;
	}

	.ranking-table th,
	.ranking-table td {
		text-align: center;
		position: relative;
		border: none;
		background-color: #1a1a2e;
		margin-bottom: 5px;
	}

	.ranking-table td::before {
		content: attr(data-label);
		position: absolute;
		transform: translateY(-50%);
		font-weight: bold;
		color: #00d4ff;
	}
}

#eventsPanel #events h2 {
	font-size: 16px;
	color: #b6b1b1;
	clear: both;
}

#eventsPanel .events {
	float: left;
	position: relative;
	display: block;
	margin-bottom: 35px;
}

#eventsPanel .events .event {
	float: left;
	position: relative;
	border: 0 solid #f2f2f2;
	display: inline-block;
	width: 350px;
	height: 170px;
	border-radius: 8px;
	margin: 0 20px 20px 0;
}

#eventsPanel .events .event-1 {
	border: 1px solid rgba(0, 230, 118, 0.53);
}

#eventsPanel .events .event-2,
#games-posters .gameIconView img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

#eventsPanel .events .event-0 {
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	filter: grayscale(50%);
	filter: gray;
}

#eventsPanel .events .event .icon {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 100px;
	height: 100%;
	margin: 0;
	padding: 0;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

#eventsPanel .events .event .info {
	position: absolute;
	left: 100px;
	top: 0;
	width: 248px;
	display: inline-block;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #282c44;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	color: #cccccc;
	font-size: 13px;
}

#eventsPanel .events .event .info .name {
	font-weight: bold;
}

#eventsPanel .events .event .info p {
	color: #9c9797;
	line-height: 16px;
	padding: 0;
}

#eventsPanel .events .event .info .buttons {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 2px;
	font-size: 11px;
	text-align: center;
}

#eventsPanel .events .event .info .buttons i {
	margin: 5px 10px;
	cursor: pointer;
}

#eventsPanel .events .event:hover {
	box-shadow: 2px 2px 2px 2px #000000;
}

#eventsPanel .event-detail {
	position: relative;
	width: 100%;
	min-height: 1200px;
}

#eventsPanel .event-detail .info {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	display: inline-block;
}

#eventsPanel .event-detail .detail {
	position: absolute;
	top: 0;
	left: 390px;
	min-width: 800px;
	display: inline-block;
}

#games-posters img {
	display: block;
	margin: 0 auto;
}

#games-posters .gameIconView,
.game-card {
	border: 1.5px solid #222437;
	cursor: pointer;
	position: relative;
	width: 118px;
	height: 174px;
	overflow: hidden;
	display: inline-block;
}

#games-posters .gameIconView:hover,
.game-card:hover {
	border: 1.5px solid #fcfcfc;
}

#games-posters .incomplete {
	opacity: 0.2;
}

#games-posters .downloaded img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
}

#games-posters tr.downloaded td div,
#games-list tr.downloaded td div,
#games-list div.downloaded p {
	color: #337ab7;
}

.path_select,
.file_select {
	border: 0;
	border-bottom: 1px solid #eeeeee;
	padding: 10px;
}

td div {
	cursor: default;
}

#games-list td,
#games-list th {
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
	width: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
}

tr.has_error td div {
	color: #ff0000 !important;
}

#games-head th div a {
	text-transform: uppercase;
}

#games-icafecloud-server-status {
	font-size: 18px;
	color: #b1b1b5;
	display: inline-block !important;
	padding: 5px;
}

#games-icafecloud-server-status.active {
	color: #00cc00 !important;
}

.dialog-game-class table td {
	border-bottom: 1px solid #736c6c;
}

.ms-options-wrap > button,
.ms-options-wrap > button:focus {
	border: 1px solid #2b2e4c;
	padding: 8px 0 8px 8px;
	background-color: #2b2e4c;
}

.ms-options-wrap > button > span {
	color: #f2f2f2;
}

.ms-options-wrap > .ms-options,
.ms-options-wrap > .ms-options > ul li.selected label,
.ms-options-wrap > .ms-options > ul label.focused,
.ms-options-wrap > .ms-options > ul label:hover {
	background-color: #2b2e4c;
}

.required:after,
#membersPanel .required:after,
#idcGamesPanel .required:after {
	color: red;
	content: " *";
}

#form-game-edit .form-group,
#gameLicensedPanel .form-group,
#gameSettingsPanel .form-group,
#membersPanel .form-group,
#membersEmployeePanel .form-group,
#memberGroupPanel .form-group,
#membersIndexPanel .form-group,
#membersSettingsPanel .form-group,
#storeProductGroupPanel .form-group,
#storeProductsPanel .form-group,
#storeSettingsPanel .form-group,
#timeOfferPanel .form-group,
#timeSettingsPanel .form-group,
.modal-body .form-group {
	margin-bottom: 0.5rem !important;
}

#pool-select-games,
#pool-select-pc-groups,
#pool-select-member-groups {
	border: 1px solid #b1b1b5;
	border-radius: 5px;
	overflow-y: scroll;
	padding-top: 5px;
	margin-top: 5px;
}

#pool-select-games {
	width: 300px;
	height: 300px;
}

#pool-select-pc-groups,
#pool-select-member-groups,
#productsPanel #pool-select-pc-groups,
#productsPanel #pool-select-member-groups {
	width: 100%;
	height: 100px;
}

#pool-select-games p,
#pool-select-pc-groups p,
#pool-select-member-groups p,
#productsPanel #pool-select-pc-groups div,
#productsPanel #pool-select-member-groups div,
#timeOfferPanel #select-pc-groups p,
#timeOfferPanel #select-member-groups p {
	color: #b1b1b5;
	cursor: pointer;
	vertical-align: middle;
}

#pool-select-games p i,
#pool-select-pc-groups p i,
#pool-select-member-groups p i,
#productsPanel #pool-select-pc-groups div i,
#productsPanel #pool-select-member-groups div i,
#timeOfferPanel #select-pc-groups p i,
#timeOfferPanel #select-member-groups p i {
	padding: 0 8px 0 10px;
	display: inline-block;
}

#pool-select-games p span,
#pool-select-pc-groups p span,
#pool-select-member-groups p span,
#productsPanel #pool-select-pc-groups div span,
#productsPanel #pool-select-member-groups div span,
#timeOfferPanel #select-pc-groups p span,
#timeOfferPanel #select-member-groups p span {
	display: inline-block;
	margin: 0;
}

#pool-select-games p.selected span,
#pool-select-pc-groups p.selected span,
#pool-select-member-groups p.selected span,
#productsPanel #pool-select-pc-groups div.selected span,
#productsPanel #pool-select-member-groups div.selected span,
#timeOfferPanel #select-pc-groups p.selected span,
#timeOfferPanel #select-member-groups p.selected span {
	color: #4b96f1;
}

#pool-select-games p:hover,
#pool-select-pc-groups p:hover,
#pool-select-member-groups p:hover,
#productsPanel #pool-select-pc-groups div:hover,
#productsPanel #pool-select-member-groups div:hover,
#timeOfferPanel #select-pc-groups p:hover,
#timeOfferPanel #select-member-groups p:hover {
	color: #4b96f1;
}

#pool-select-games .checked {
	color: #4b96f1;
}

.myModalBrowseFile a {
	cursor: pointer;
}

.myModalBrowseFile .fa-folder-o,
#membersPanel .myModalBrowseFile .fa-hdd-o,
#membersPanel .myModalBrowseFile .fa-file-o {
	padding-right: 8px;
}

#logsPanel .ellipsiss,
#mailboxPanel .ellipsiss,
#promoBonusPanel .ellipsiss,
#promoDiscountsUsagePanel .ellipsiss,
.ellipsiss {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#logsPanel #billingTable th,
#logsPanel #gameTable th,
#logsPanel #feedbackTable th {
	text-transform: uppercase;
}

#logsPanel #download-billing-logs-history-div,
#logsPanel #download-game-logs-history-div {
	display: none;
}

#mailboxPanel #staff_message_modal .modal-content,
#membersIndexPanel #importMemberModal .modal-content,
#productsPanel #importCsvProductsModal .modal-content {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

#mailboxPanel #staff_message_modal .custom-upload-area,
#membersIndexPanel #importMemberModal .custom-upload-area,
#productsPanel #importCsvProductsModal .custom-upload-area {
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	min-height: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#mailboxPanel #staff_message_modal .upload-wrapper,
#membersIndexPanel #importMemberModal .upload-wrapper,
#productsPanel #importCsvProductsModal .upload-wrapper {
	padding: 1.5rem;
	cursor: pointer;
}

#mailboxPanel #staff_message_modal .upload-hint,
#membersIndexPanel #importMemberModal .upload-hint,
#productsPanel #importCsvProductsModal .upload-hint {
	font-size: 14px;
	letter-spacing: 0.3px;
}

#mailboxPanel #staff_message_modal .selected-file,
#membersIndexPanel #importMemberModal .selected-file,
#productsPanel #importCsvProductsModal .selected-file {
	max-width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#mailboxPanel #staff_message_modal .custom-upload-area:hover,
#membersIndexPanel #importMemberModal .custom-upload-area:hover,
#productsPanel #importCsvProductsModal .custom-upload-area:hover {
	border-color: #667eea !important;
}

#mailboxPanel #staff_message_modal .text-muted,
#membersIndexPanel #importMemberModal .text-muted,
#productsPanel #importCsvProductsModal .text-muted {
	color: #718096 !important;
}

#mailboxPanel #staff_message_modal .file-info,
#membersIndexPanel #importMemberModal .file-info,
#productsPanel #importCsvProductsModal .file-info {
	background: rgba(255, 255, 255, 0.05);
	padding: 8px;
	border-radius: 6px;
	max-width: 240px;
	margin: 0 auto;
}

#mailboxPanel #staff_message_modal .x-small,
#membersIndexPanel #importMemberModal .x-small,
#productsPanel #importCsvProductsModal .x-small {
	font-size: 0.75rem;
}

#mailboxPanel #staff_message_modal .btn:disabled,
#membersIndexPanel #importMemberModal .btn:disabled,
#productsPanel #importCsvProductsModal .btn:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

#mailboxPanel #staff_message_modal .modal-footer,
#membersIndexPanel #importMemberModal .modal-footer,
#productsPanel #importCsvProductsModal .modal-footer {
	background: #2d3748;
	border-color: #4a5568 !important;
}

#checkoutAjaxForm .total-table th {
	text-align: right;
	width: 50%;
}

#checkoutAjaxForm .total-table td {
	text-align: left;
	width: 50%;
}

th.check,
td.check {
	text-align: center;
	width: 40px;
}

.pc-layout-drag-area {
	width: 100%;
	height: 350px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
	border: 0 solid #ddd;
}

.pc-layout-box {
	width: 48px;
	height: 60px;
	display: inline-block;
	color: white;
	margin: 0;
	text-align: center;
	z-index: 20;
	background-color: transparent !important;
	padding: 0;
}

.pc-layout-box div.icon-border {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 4px;
}

.pc-layout-box div.icon-border .left,
.pc-layout-box div.icon-border .right {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	overflow: hidden;
	left: 0;
}

.pc-layout-box div.icon-border .left {
	clip: rect(0 20px 40px 0);
}

.pc-layout-box div.icon-border .right {
	clip: rect(0 40px 40px 20px);
}

.pc-layout-box div.icon-border .left .circle-progress,
.pc-layout-box div.icon-border .right .circle-progress {
	width: 40px;
	height: 40px;
	border: 2px solid transparent;
	border-radius: 50%;
	position: absolute;
	border-bottom: 2px solid transparent;
	border-left: 2px solid transparent;
	top: 0;
	left: 0;
	transform: rotate(45deg);
}

.pc-layout-box span.icon {
	width: 30px;
	height: 30px;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	position: absolute;
	top: 4px;
	left: 5px;
	border: 0 solid #FFFFFF;
	border-radius: 50%;
	padding-top: 1px;
	font-size: 18px;
	background-color: #23af47;
}

.pc-layout-box span.name {
	font-size: 11px;
	position: absolute;
	top: 42px;
	left: 4px;
	width: 40px;
	color: #cccccc;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	text-align: center;
	border: 0 solid red;
}

.pc-layout-box:hover {
	cursor: pointer;
}

.pc-layout-box[data-pc_status_text="Offline"] span.icon {
	background-color: #e1e6fa !important;
	color: #333333 !important;
}

.pc-layout-box[data-pc_status_text="Online"] span.icon {
	background-color: #23af47 !important;
}

.pc-layout-box[data-pc_status_text="Standby"] span.icon {
	background-color: #fbbc06 !important;
}

.pc-layout-box[data-pc_status_text="Booking"] span.icon {
	background-color: mediumpurple !important;
}

.pc-layout-box[data-pc_status_text="Disconnected"] span.icon {
	background-color: #02abfe !important;
}

#computersPanel .pc-layout-box[data-pc_enabled="0"] > span {
	color: red !important;
}

#computersPanel .pc-layout-box[data-pc_status_text="Booking"] > span {
	color: mediumpurple !important;
}

.graph-container {
	width: 100%;
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	border-right: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.no-disable-drag .ui-state-disabled {
	opacity: 1;
	filter: none;
	background-image: inherit;
}

.box-selected span.name {
	color: #0c89ff !important;
}

.red td,
.red div {
	color: red !important;
}

#badge-timeover-pc,
#badge-timeover-console {
	display: none;
}

.ui-autocomplete {
	z-index: 1999 !important;
}

#computersPanel .table tr[data-pc_enabled="0"] .statusTd label {
	color: red !important;
}

.pc-status-busy,
.pc-status-member {
	color: #23af47;
}

.pc-status-free {
	color: #fbbc06;
}

.pc-status-offline {
	color: #f7f7f7;
}

.pc-layout-status-busy,
.pc-layout-status-member,
#tablePanel .pc-layout-status-busy,
#tablePanel .pc-layout-status-member {
	background-color: #23af47;
	margin-left: 8px;
}

.pc-layout-status-free,
#tablePanel .pc-layout-status-free {
	background-color: #fbbc06;
}

.pc-layout-status-offline,
#tablePanel .pc-layout-status-offline {
	background-color: #f7f7f7;
}

.mdi-button {
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	display: inline-block;
	padding: 2px 5px;
	margin: 3px 2px 0 0;
	cursor: pointer;
}

.mdi-button i {
	font-size: 18px;
}

.context-menu-item.contextmenu-item-header-has-time span {
	color: white !important;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#search-member-dropdown-menus {
	position: absolute;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	list-style: none;
	padding: 0;
	background-color: rgb(43, 46, 76);
	-moz-box-shadow: -1px 7px 19px -10px rgba(1, 1, 1, 0.69);
	-webkit-box-shadow: -1px 7px 19px -10px rgba(1, 1, 1, 0.69);
	-ms-box-shadow: -1px 7px 19px -10px rgba(1, 1, 1, 0.69);
	box-shadow: -1px 7px 19px -10px rgba(1, 1, 1, 0.69);
	display: none;
}

#search-member-dropdown-menus li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.7);
	margin: 0;
	padding: 0;
}

#search-member-dropdown-menus li:hover {
	background-color: rgb(83, 87, 129);
}

#search-member-dropdown-menus li:last-child {
	border-bottom: 1px solid transparent;
}

#search-member-dropdown-menus li .container {
	padding: 8px 10px;
	width: 185px;
	display: block;
	height: 80px;
}

#search-member-dropdown-menus li .container .left {
	display: inline-block;
	width: 85%;
	padding: 0;
	margin: 0;
	float: left;
}

#search-member-dropdown-menus li .container .left .name {
	font-weight: 500;
	color: #fff;
}

#search-member-dropdown-menus li .container .left .profile {
	padding: 0;
	margin: 0;
}

#search-member-dropdown-menus li .container .left i {
	color: rgba(240, 192, 64, 0.56);
}

#search-member-dropdown-menus .menu-item {
	display: inline-block;
	width: 10%;
	padding: 0;
	margin: 0;
	float: right;
	text-align: center;
	cursor: pointer;
}

#search-member-dropdown-menus .menu-item i {
	font-size: 20px;
	margin-top: 30px;
}

.pc-area-frame {
	width: 120px;
	height: 80px;
	border: 1px solid rgba(204, 204, 204, 0.1);
	border-radius: 6px;
	padding: 0;
	margin: 0;
	background-color: transparent;
	color: #f2f2f2;
	font-family: sans-serif;
	overflow: hidden;
	transform: translate(0, 0);
	user-select: none;
	touch-action: none;
	position: absolute;
	box-sizing: border-box;
}

.pc-area-frame .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	font-size: 0.813rem;
	border: 0 solid red;
	padding: 5px 5px 5px 10px;
}

.pc-area-frame .pcs {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 100px;
	height: 0;
	border: 0 solid green;
	overflow: hidden;
}

#pc-console-detail-table td {
	text-align: center;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding: 30px 50px;
}

#pc-console-detail-table td:first-child {
	border-right: 1px dotted #666666;
}

#pc-console-detail-table .title {
	color: #999999;
	font-size: 14px;
	line-height: 20px;
}

#pc-console-detail-table .value {
	color: #fff;
	font-size: 30px;
	line-height: 50px;
}

#membersPanel .dialog-member-group table tbody td,
#membersPanel .dialog-pc-group table tbody th {
	border-bottom: 1px solid #7e7a7a !important;
}

#membersPanel .adminOnly {
	display: none;
}

#membersPanel .text-warning td {
	color: #fbbc06;
}

#membersPanel .myModalMemberViewMember .member-login-method .input-helper,
#productsPanel .myModalMemberViewMember .member-login-method .input-helper {
	text-transform: capitalize;
}

.members-hide-column-menu {
	width: 200px;
	box-shadow: 1px 2px 5px 1px rgba(0, 0, 0, 0.6);
	position: absolute;
	display: none;
	background: #27293d;
	z-index: 99;
}

.members-hide-column-menu .menu-options {
	font-size: 14px;
}

.members-hide-column-menu h5 {
	margin-top: 10px;
}

#membersIndexPanel table th {
	text-transform: uppercase;
}

#membersIndexPanel tr.memberItem[data-expired="1"] td .member_expire_time_local {
	color: indianred;
}

#membersIndexPanel td .red {
	color: #f71353;
}

#table-withdrawal-detail th,
#table-withdrawal-detail td {
	padding: 10px;
}

small.processing {
	background-color: #ce8708;
	border-radius: 5px;
	font-size: 12px;
	padding: 3px 8px;
}

small.send-success {
	background-color: #0c8904;
	border-radius: 5px;
	font-size: 12px;
	padding: 3px 8px;
}

#posPanel .tab-content,
#storePanel .tab-content {
	margin-top: 20px;
	padding: 20px 0;
	min-height: 200px;
	border: none;
}

#posPanel .tab-pane,
#storePanel .tab-pane {
	color: #495057;
}

#posPanel .badge-order-pending,
#shopPanel .badge-order-pending {
	color: #626262 !important;
	background-color: #C5C5C5;
}

#posPanel .badge-order-in-process,
#shopPanel .badge-order-in-process {
	color: #626262 !important;
	background-color: #15C5C5;
}

#posPanel .badge-order-paid,
#shopPanel .badge-order-paid {
	color: #fff;
	background-color: #23af47;
}

#posPanel .badge-order-cancelled,
#shopPanel .badge-order-cancelled {
	color: #fff;
	background-color: #e94437;
}

#posPanel .badge-order-partial-refund,
#shopPanel .badge-order-partial-refund {
	color: #fff;
	background-color: #f2a100;
}

#posPanel .order-status-td span {
	color: #fff;
	width: 78px;
	display: inline-block;
	text-align: center;
}

#posPanel .btn:focus {
	box-shadow: 0 0 0 0.2rem #23af47 !important;
}

#posPanel #checkoutCustomerTab .btn:focus,
#shopPanel .btn:focus {
	box-shadow: none !important;
}

#posPanel .stock-item,
#shopPanel .stock-item {
	float: left;
	display: inline-block;
	margin: 10px 10px 10px 0;
	font-size: 12px;
	background-color: rgb(67, 69, 104);
	border-radius: 8px;
	overflow: hidden;
	color: #cccccc;
	cursor: pointer;
	box-shadow: 2px 2px 2px #000000;
	position: relative;
}

#posPanel .stock-item .header-icons {
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: right;
	padding: 2px;
}

#posPanel .stock-item .header-icons .adult-only::before,
.adult-only::before {
	content: "\01F51E";
	font: bold 31px/1 'Arial Black', sans-serif;
	display: inline-block;
}

#posPanel .stock-item .product-qty {
	background: red;
	width: 30px;
	height: 30px;
	color: white;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
}

#posPanel .stock-item-disable,
#shopPanel .stock-item-disable {
	background-color: rgb(67, 67, 68);
	color: #666666;
	cursor: default;
}

#posPanel .stock-item-disable img,
#shopPanel .stock-item-disable img {
	filter: grayscale(100%);
	opacity: 0.6;
}

#posPanel .stock-item-disable .stock,
#shopPanel .stock-item-disable .stock {
	color: #ff0000;
}

#posPanel .stock-item img,
#shopPanel .stock-item img {
	width: 120px;
	display: block;
	opacity: 0.8;
}

#posPanel .stock-item .price_stock,
#shopPanel .stock-item .price_stock {
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	padding: 5px 10px 10px;
}

#posPanel .stock-item .price_stock .price,
#shopPanel .stock-item .price_stock .price {
	color: #ffffff;
	font-weight: bold;
}

#posPanel .stock-item .name,
#shopPanel .stock-item .name {
	position: relative;
	display: block;
	width: 100%;
	border: 0 solid red;
	text-align: left;
	margin: 0;
	padding: 5px 10px 10px;
}

#posPanel .stock-item-normal:hover,
#shopPanel .stock-item-normal:hover {
	background-color: #0c57c4;
}

#posPanel .dropdown-item-active,
#storePanel .dropdown-item-active {
	color: #49d149;
	background-color: #1c2c42;
}

#posPanel .dropdown-item,
#storePanel .dropdown-item {
	padding: 5px 8px;
	font-size: 0.813rem;
}

#posPanel .order-table-left {
	position: sticky;
	left: -1px;
	z-index: 998;
}

#posPanel .order-table-left-th {
	position: sticky;
	left: -1px;
	z-index: 999;
	background: #27293d;
}

.promo-menus p,
.settings-menus p {
	margin-bottom: 40px;
}

.promo-menus p a,
.settings-menus p a {
	color: #b1b1b5;
	text-decoration: none;
}

.promo-menus p.active a,
.promo-menus p a:hover,
.settings-menus p.active a,
.settings-menus p a:hover {
	color: #ffffff;
}

.stretch-card {
	padding-left: 0 !important;
}

#reportsPanel .chart_item,
#customerAnalysisPanel .chart_item {
	width: 100%;
	height: 315px;
}

#reportsPanel .time_range a,
#customerAnalysisPanel .time_range a {
	margin: auto 8px;
	color: #02abfe;
}

#reportsPanel .time_range a.active,
#customerAnalysisPanel .time_range a.active {
	color: #FFFFFF;
}

#reportsPanel #search-button,
#customerAnalysisPanel #search-button {
	cursor: pointer;
}

#reportsPanel #search-button:hover,
#customerAnalysisPanel #search-button:hover {
	background-color: #02abfe;
}

#reportsPanel #report-offer-sales-items thead a,
#reportsPanel #report-product-sales-items thead a {
	color: #cccccc;
	font-weight: bold;
}

#reportsPanel i {
	font-size: 14px;
}

#reportsSettingsPanel .form-group {
	margin-bottom: 0.5rem !important;
}

#licenseInfo th,
#licenseInfo td,
#subcafesPanel th,
#subcafesPanel td {
	font-weight: normal;
	font-size: 0.875rem;
}

#licenseInfo label.red,
#subcafesPanel label.red {
	color: #ba0000;
}

#settingsPricePanel .popup_menu,
#timePricePanel .popup_menu {
	position: fixed;
	z-index: 9999;
	border: 1px solid #AEAEAE;
	padding: 0;
	width: 200px;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#settingsPricePanel .popup_menu ul,
#settingsPricePanel .popup_menu li,
#timePricePanel .popup_menu ul,
#timePricePanel .popup_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}

#settingsPricePanel .popup_menu a,
#timePricePanel .popup_menu a {
	display: block;
	background: #FFFFFF;
	color: #000000;
	text-indent: 12px;
	text-decoration: none;
	height: 35px;
	line-height: 35px;
	padding-right: 5px;
}

#settingsPricePanel .popup_menu a:hover,
#timePricePanel .popup_menu a:hover {
	background: #e6e6e6;
	color: #000000;
	border-radius: 0;
}

#settingsPricePanel .popup_menu .header,
#timePricePanel .popup_menu .header {
	display: block;
	background: #999999;
	color: #000000;
	text-indent: 12px;
	text-decoration: none;
	height: 35px;
	line-height: 35px;
	padding-right: 5px;
	font-size: 16px;
	font-weight: bold;
	border: none;
	border-bottom: 1px solid #aeaeae;
	width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#settingsPricePanel .popup_menu .separator,
#timePricePanel .popup_menu .separator {
	height: 1px;
	background: #AEAEAE;
}

#settingsPricePanel .tb,
#settingsPricePanel .fixedpriceheadv,
#timePricePanel .tb,
#timePricePanel .fixedpriceheadv {
	border-spacing: 0;
	border: 1px solid #000;
}

#settingsPricePanel .fixedpriceheadh,
#timePricePanel .fixedpriceheadh {
	border-spacing: 0;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

#settingsPricePanel .tb td,
#settingsPricePanel .fixedpriceheadv td,
#timePricePanel .tb td,
#timePricePanel .fixedpriceheadv td {
	width: 25px;
	height: 25px;
	font-size: 12px;
	border: 1px solid #000;
}

#settingsPricePanel .fixedpriceheadh td,
#timePricePanel .fixedpriceheadh td {
	width: 25px;
	height: 25px;
	font-size: 12px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

#settingsPricePanel .fixedpriceheadh,
#settingsPricePanel .tb,
#timePricePanel .fixedpriceheadh,
#timePricePanel .tb {
	width: 601px;
}

#settingsPricePanel .tb td,
#timePricePanel .tb td {
	background: #FF8000;
}

#settingsPricePanel .tab_dy_price,
#timePricePanel .tab_dy_price {
	border: 1px solid;
	width: 100%;
}

#settingsPricePanel .tab_dy_price thead,
#timePricePanel .tab_dy_price thead {
	display: block;
	width: 100%;
}

#settingsPricePanel .tab_dy_price tbody,
#timePricePanel .tab_dy_price tbody {
	display: block;
	height: 200px;
	overflow: auto;
}

#settingsPricePanel .tab_dy_price thead th,
#timePricePanel .tab_dy_price thead th,
#settingsPricePanel .tab_dy_price td,
#timePricePanel .tab_dy_price td {
	width: 1%;
}

#settingsPricePanel #fixed_group_1,
#settingsPricePanel #fixed_group_2,
#settingsPricePanel #dynamic_group_1,
#settingsPricePanel #dynamic_group_2,
#timePricePanel #fixed_group_1,
#timePricePanel #fixed_group_2,
#timePricePanel #dynamic_group_1,
#timePricePanel #dynamic_group_2 {
	display: none;
}

#settingsPricePanel .price-detail,
#timePricePanel .price-detail {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

#settingsPricePanel .price-detail .detail,
#timePricePanel .price-detail .detail {
	display: none;
	width: 300px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	position: absolute;
	z-index: 9999;
	top: -5px;
	left: 105%;
}

#settingsPricePanel .price-detail:hover .detail,
#timePricePanel .price-detail:hover .detail {
	display: block;
}

#settingsPricePanel .price-detail .detail:hover,
#timePricePanel .price-detail .detail:hover {
	z-index: -1;
}

#settingsPricePanel .pc-member-group,
#timePricePanel .pc-member-group,
#offerPreview .pc-member-group {
	position: sticky;
	left: -1px;
	z-index: 999;
	background: #27293d;
}

#settingsPricePanel .preview-wrapper::-webkit-scrollbar,
#timePricePanel .preview-wrapper::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

#settingsPricePanel .preview-wrapper::-webkit-scrollbar-thumb,
#timePricePanel .preview-wrapper::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #535353;
}

#settingsPricePanel .preview-wrapper::-webkit-scrollbar-track,
#timePricePanel .preview-wrapper::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ededed;
}

#settingsPricePanel input[type="color"],
#timePricePanel input[type="color"] {
	padding: 0;
	border: none;
	width: 100%;
}

#settingsPricePanel input[type="color"]::-webkit-color-swatch-wrapper,
#timePricePanel input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
	border-radius: 0;
}

#settingsPricePanel input[type="color"]::-webkit-color-swatch,
#timePricePanel input[type="color"]::-webkit-color-swatch {
	border: none;
}

#settingsPricePanel .form-check-inline,
#timePricePanel .form-check-inline {
	display: inline-flex;
	width: 150px;
}

#settingsPricePanel .form-check-inline label,
#timePricePanel .form-check-inline label {
	margin-bottom: 0;
}

#settingsPricePanel .form-check-inline label span,
#timePricePanel .form-check-inline label span {
	text-overflow: ellipsis;
	width: 100px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
}

#settingsPricePanel .group-border,
#timePricePanel .group-border {
	border: 1px solid white;
	margin-bottom: 20px;
}

#productsPanel .dialog-product-group table td {
	border-bottom: 1px solid #6e6969;
}

#productsPanel .checkbox-custom {
	position: relative;
}

#productsPanel .checkbox-custom input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	cursor: pointer;
	z-index: 2;
	margin: -6px 0 0;
	top: 50%;
	left: 3px;
	zoom: 180%;
}

#productsPanel .checkbox-custom label {
	cursor: pointer;
}

#productsPanel #popover-content,
#tablePanel #popover-content {
	position: fixed;
	border-radius: 5px;
	font-size: 14px;
	padding: 0.5rem 0.75rem;
	background-color: #323748;
	word-break: break-all;
	max-width: 300px;
}

#productsPanel div.popover-key,
#tablePanel #popover-content div.popover-key {
	color: #999999;
}

#productsPanel div.popover-key span,
#tablePanel #popover-content div.popover-key span {
	color: #ffffff;
}

#shopPanel .table thead th,
#shopPanel #ordlist .table tbody td {
	color: #337ab7;
}

#shopPanel #store,
#shopPanel #order-new {
	margin-bottom: 3em;
}

#shopPanel #orderlist-items .table-row {
	cursor: pointer;
}

#shopPanel #orderlist-items .table-row .order-status-td span,
#posPanel .order-status-td span {
	color: #fff;
	width: 78px;
	display: inline-block;
	text-align: center;
}

#shopPanel #orderlist-items .table-row .order-status-1 span {
	background-color: #f2a100;
}

#shopPanel #orderlist-items .table-row .order-status-2 span {
	background-color: green;
}

#shopPanel #orderlist-items .table-row .order-status-3 span {
	background-color: rgba(158, 158, 158, 0.6);
}

#shopPanel #neworder-items .table-row td:nth-child(2) {
	white-space: nowrap;
}

#shopPanel .new-order-item-qty {
	border: 1px solid #C5C5C5;
	margin: 0 6px;
	padding: 1px 6px 3px;
}

#shopPanel .dropdown-item.active {
	color: #23af47;
	background-color: transparent;
}

#shopPanel .ui-autocomplete li {
	color: #f2f2f2;
}

#shopPanel .print-order-show {
	display: none;
}

#shopPanel .stock-item .adult-only {
	position: absolute;
	top: 0;
	right: 4px;
	width: 40px;
	height: 40px;
}

#shopPanel .order-info-pay-type-lg {
	font-size: clamp(20px, 1vw, 20px);
	line-height: 38px;
	border: 1px solid #43ffe59e;
	box-shadow: 4px 7px #00ffdcd9;
	padding: 0 20px;
	position: absolute;
	border-radius: 10px 40px;
	top: 10px;
	left: 10px;
	color: #79f9ff;
	z-index: 1001;
	font-family: Arial, Helvetica, sans-serif;
}

#shopPanel .orderinfo-payment-method {
	font-weight: bold;
	padding: 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

#storeProductsPanel .store-link:hover {
	text-decoration: underline;
}

#tablePanel a span {
	width: 18px;
	border-radius: 2px;
	display: inline-block;
	color: #000000;
}

#tablePanel #nav-header {
	border-bottom: 1px solid #313452;
}

#tablePanel #nav-header #nav-right-menu {
	display: inline-block;
	float: right;
	line-height: 49px;
	padding-left: 20px;
}

#tablePanel #nav-header #nav-right-menu button {
	padding: 2px;
}

#tablePanel #nav-header #room-nav {
	overflow: hidden;
	position: relative;
}

#tablePanel #nav-header #room-nav .nav-prev,
#tablePanel #nav-header #room-nav .nav-next {
	border: 1px solid #292f42;
	background: #222437;
	line-height: 49px;
	text-align: center;
	font-size: 20px;
	color: #d3dce6;
	cursor: pointer;
	position: absolute;
	z-index: 10;
}

#tablePanel #nav-header #room-nav .nav-next {
	right: 0;
}

#tablePanel #nav-header #room-nav #nav-content {
	white-space: nowrap;
	overflow: hidden;
}

#tablePanel #nav-header #room-nav #nav-content ul {
	display: -webkit-inline-box;
}

#tablePanel #nav-header #room-nav #nav-content ul li.nav-item {
	display: inline-block;
}

#tablePanel .table-layout-parent {
	width: 100%;
	height: 100%;
	position: relative;
}

#tablePanel .table-layout-drag-area {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: scroll;
	display: flex;
	flex-wrap: wrap;
}

#tablePanel .billiards-layout-box {
	margin: 20px;
	width: 345px;
	height: 230px;
	cursor: pointer;
	background: gray;
	border-radius: 20px;
}

#tablePanel .billiards-layout-box-online {
	opacity: 1;
}

#tablePanel .box-selected .table-content {
	opacity: 1;
}

#tablePanel .table-content {
	background: url(images/table_free.png) no-repeat center;
	background-size: 345px 180px;
	width: 345px;
	height: 180px;
	position: relative;
	opacity: 0.5;
}

#tablePanel .table-content-online {
	background: url(images/table_busy.png) no-repeat center;
	background-size: 345px 180px;
	width: 345px;
	height: 180px;
	position: relative;
	opacity: 1;
}

#tablePanel .table-time {
	width: 164px;
	text-align: center;
	font-size: 30px;
	font-weight: bolder;
	position: relative;
	left: 20px;
	top: 30px;
}

#tablePanel .table-time-online {
	width: 164px;
	text-align: center;
	font-size: 30px;
	font-weight: bolder;
	position: relative;
	left: 86px;
	top: 65px;
	font-family: 'Menlo';
}

#tablePanel .table-time-offline {
	color: red;
}

#tablePanel .assistant-box {
	display: flex;
}

.assistant-box-items {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 2px;
	padding: 6px 8px 0;
}

#tablePanel .table-button {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
	color: #FFF;
}

#tablePanel .table-content-button {
	width: 100%;
	display: flex;
	height: 100%;
}

#tablePanel .right-fixed {
	width: 240px;
	height: 100%;
}

#tablePanel .right-button-box {
	width: 240px;
	height: 100%;
	background: #222437;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#tablePanel .right-button {
	width: 200px;
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 8px;
	transition: background-color 0.3s;
}

#tablePanel .right-button:active {
	background-color: #3e8e41;
}

#tablePanel .assistant-layout-box {
	width: 80px;
	height: auto;
	color: white;
	margin: 0;
	text-align: center;
	z-index: 20;
	background-color: transparent !important;
	padding: 0;
	position: relative;
}

#tablePanel .assistant-selected {
	border: 1px solid greenyellow;
	color: #4CAF50;
	border-radius: 10px;
}

#tablePanel .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@-webkit-keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

#tablePanel .slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

#timeOfferPanel #select-pc-groups,
#timeOfferPanel #select-member-groups {
	border: 1px solid #b1b1b5;
	border-radius: 5px;
	overflow-y: scroll;
	width: 100%;
	height: 100px;
	padding-top: 5px;
	margin-top: 5px;
}

#timePricePanel .form-group {
	margin-bottom: 1rem;
}

:root {
	--bg-darkest: #0d1117;
	--bg-dark: #0d1117;
	--ui-bg: #0d1117;
	--bg-card: #161b22;
	--bg-card-hover: #1c2128;
	--bg-elevated: #21262d;
	--ui-surface: #161b22;
	--ui-surface-2: #0d1117;
	--border-default: #30363d;
	--ui-border: #30363d;
	--ui-accent: #2ea043;
	--ui-accent-hover: var(--ui-accent);
	--ui-green: var(--ui-accent);
	--ui-on-accent: #fff;
	--accent-primary: var(--ui-accent);
	--accent-primary-hover: var(--ui-accent);
	--accent-primary-light: rgba(46, 160, 67, 0.14);
	--ui-green-text: var(--ui-on-accent);
	--ui-green-bg: rgba(46, 160, 67, 0.14);
	--ui-green-border: rgba(46, 160, 67, 0.35);
	--text-primary: #c9d1d9;
	--ui-text: #c9d1d9;
	--text-secondary: #8b949e;
	--ui-muted: #8b949e;
	--text-muted: #6e7681;
	--ui-danger: #f85149;
	--ui-danger-bg: rgba(248, 81, 73, 0.16);
	--ui-danger-border: rgba(248, 81, 73, 0.30);
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 14px;
	--transition-fast: 150ms ease;
	--transition-normal: 250ms ease;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
	--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.5);
	--shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.55);
	color-scheme: dark;
	--v2-info-hover-color: var(--info);
	--v2-success-hover-color: var(--success);
	--v2-danger-hover-color: var(--danger);
	--v2-primary-hover-color: var(--primary);
	--v2-warning-hover-color: var(--warning);
	--v2-default-hover-color: var(--ui-border);
	--v2-info-color: rgba(88, 166, 255, 0.16);
	--v2-success-color: var(--ui-green-bg);
	--v2-danger-color: var(--ui-danger-bg);
	--v2-primary-color: rgba(139, 148, 158, 0.14);
	--v2-warning-color: rgba(242, 161, 0, 0.14);
	--v2-default-color: var(--warning);
	--transparent: rgba(0, 0, 0, 0);
	--white-16: rgba(255, 255, 255, 0.16);
	--white-10: rgba(255, 255, 255, 0.10);
	--green-10: var(--v2-success-color);
	--green-14: rgba(46, 160, 67, 0.14);
	--green-18: var(--v2-success-color);
	--green-22: var(--v2-success-color);
	--green-35: rgba(46, 160, 67, 0.35);
	--green-50: rgba(46, 160, 67, 0.50);
	--danger-16: rgba(248, 81, 73, 0.16);
	--danger-30: rgba(248, 81, 73, 0.30);
	--shadow-35: rgba(0, 0, 0, 0.35);
}

.width-50 {
	width: 50px !important;
}

.width-80 {
	width: 80px !important;
}

.width-100 {
	width: 100px !important;
}

.width-120 {
	width: 120px !important;
}

.width-150 {
	width: 150px !important;
}

.width-180 {
	width: 180px !important;
}

.width-200 {
	width: 200px !important;
}

.contextmenu-item-header {
	font-weight: bold !important;
	background-color: var(--bg-elevated) !important;
	color: var(--text-primary) !important;
	margin: 0 0 8px 0;
	border-top: none;
	border-bottom: 1px solid var(--border-default);
}

.context-menu-list {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: var(--bg-card) !important;
	border: 1px solid var(--border-default) !important;
	border-radius: var(--radius-md) !important;
	box-shadow: var(--shadow-lg) !important;
}

.context-menu-item {
	background-color: var(--bg-card) !important;
	color: var(--text-secondary) !important;
	transition: all var(--transition-fast);
}

.context-menu-item:hover {
	background-color: var(--accent-primary-light) !important;
	color: var(--accent-primary) !important;
}

.context-menu-item.context-menu-disabled {
	color: var(--text-muted) !important;
}

.context-menu-visible {
	color: var(--text-secondary) !important;
}

.context-menu-separator {
	border-bottom: 1px solid var(--border-default) !important;
}

.pcs_status {
	display: none;
	font-weight: bold;
}

.pcs_status_sep {
	margin-left: 10px;
	margin-right: 10px;
}

.cover {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	background: rgba(0, 0, 0, 0);
}

.cover div {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.cover .cover-font {
	width: auto;
	height: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	box-shadow: none;
	color: var(--ui-text);
}

.cover .cover-font i {
	display: none;
}

.cover .cover-font::before {
	content: "";
	width: 56px;
	height: 56px;
	border-radius: 999px;
	border: 4px solid rgba(255, 255, 255, 0.16);
	border-top-color: var(--ui-accent);
	border-right-color: var(--v2-success-color);
	animation: cover-spin 0.9s linear infinite;
	filter: drop-shadow(0 4px 10px var(--shadow-35));
}

@supports (background: conic-gradient(from 0deg, #000, #fff)) {
	.cover .cover-font::before {
		border: 0;
		background: conic-gradient(from 0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 12%, var(--ui-accent) 12%, var(--ui-accent) 28%, rgba(255, 255, 255, 0.10) 28%, rgba(255, 255, 255, 0.10) 62%, var(--ui-accent) 62%, var(--ui-accent) 76%, rgba(255, 255, 255, 0.10) 76%, rgba(255, 255, 255, 0.10) 100%);
		-webkit-mask: radial-gradient(closest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
		mask: radial-gradient(closest-side, transparent calc(100% - 6px), #000 calc(100% - 5px));
	}
}

@keyframes cover-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

input.form-control:disabled,
input.form-control:read-only {
	background-color: var(--bg-elevated) !important;
	color: var(--text-muted) !important;
	border-color: var(--border-default) !important;
}

.col-form-label,
.control-label {
	padding-top: calc(0.475rem + 1px);
	padding-bottom: calc(0.475rem + 1px);
}

.btn-default {
	color: var(--text-primary);
	border-color: var(--border-default);
	transition: all var(--transition-fast);
}

.btn-default:not(:disabled):not(.disabled):active {
	color: var(--text-primary);
	background-color: var(--bg-card);
	border-color: var(--border-default);
}

.btn-default:disabled {
	color: var(--text-muted);
	background-color: var(--bg-elevated);
	border-color: var(--border-default);
	opacity: 0.6;
}

.btn-default:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light);
}

.btn-default:hover {
	background-color: var(--v2-default-hover-color);
}

.btn-default:disabled:hover,
.btn-default.disabled:hover {
	color: var(--text-muted);
	background-color: var(--bg-elevated);
	border-color: var(--border-default);
}

.btn-info {
	color: #fff;
	background-color: var(--v2-info-color);
	border-color: transparent;
	transition: all var(--transition-fast);
}

.btn-info:hover {
	color: #fff;
	background-color: var(--v2-info-hover-color);
	border-color: #0189cc;
}

.btn-info:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

.btn-info:active {
	background-color: var(--v2-info-hover-color) !important;
	border-color: #0189cc !important;
	color: var(--ui-text) !important;
}

.btn-info:disabled,
.btn-info.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.btn-info:disabled:hover,
.btn-info.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

.btn-success {
	color: #fff;
	border-color: #23af47;
	transition: all var(--transition-fast);
}

.btn-success:hover {
	color: #fff;
	background-color: var(--v2-success-hover-color);
	border-color: #1b8536;
}

.btn-success:active {
	background-color: var(--v2-success-hover-color) !important;
	border-color: #1b8536 !important;
	color: var(--ui-text) !important;
}

.btn-success:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

.btn-success:disabled,
.btn-success.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.btn-success:disabled:hover,
.btn-success.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

.btn-warning {
	color: var(--text-primary);
	background-color: var(--v2-warning-color);
	border-color: #fbbc06;
	transition: all var(--transition-fast);
}

.btn-warning:hover {
	color: #212529;
	background-color: var(--v2-warning-hover-color);
	border-color: #cb9703;
}

.btn-warning:active {
	background-color: var(--v2-warning-hover-color) !important;
	border-color: #cb9703 !important;
	color: var(--ui-text) !important;
}

.btn-warning:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

.btn-warning:disabled,
.btn-warning.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.btn-warning:disabled:hover,
.btn-warning.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

.btn-danger {
	color: #fff;
	background-color: var(--v2-danger-color);
	border-color: var(--v2-danger-color);
	transition: all var(--transition-fast);
}

.btn-danger:hover {
	color: #fff;
	background-color: var(--v2-danger-hover-color);
	border-color: #d62517;
}

.btn-danger:active {
	background-color: rgba(248, 81, 73, 0.22) !important;
	border-color: rgba(248, 81, 73, 0.45) !important;
	color: var(--ui-text) !important;
}

.btn-danger:focus {
	box-shadow: 0 0 0 3px var(--ui-danger-bg) !important;
}

.btn-danger:disabled,
.btn-danger.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.btn-danger:disabled:hover,
.btn-danger.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"],
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"] {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--border-default) !important;
	color: var(--text-primary) !important;
	transition: all var(--transition-fast);
}

#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"]:hover,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"]:hover {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.42) !important;
	color: var(--ui-text) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"]:focus,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"]:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"]:active,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"]:active {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.50) !important;
	color: var(--ui-text) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"]:disabled,
#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"].disabled,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"]:disabled,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"].disabled,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:disabled,
#storeProductGroupPanel button.btn.btn-xs.btn-danger.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"]:disabled:hover,
#storeProductsPanel button.btn.btn-xs.btn-warning[title="Move to archive"].disabled:hover,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"]:disabled:hover,
#storeProductsPanel button.btn.btn-xs.btn-success[title="Sync to Square"].disabled:hover,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:disabled:hover,
#storeProductGroupPanel button.btn.btn-xs.btn-danger.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"],
#storeProductGroupPanel button.btn.btn-xs.btn-danger {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--border-default) !important;
	color: var(--text-primary) !important;
	transition: all var(--transition-fast);
}

#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"]:hover,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:hover {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
	color: var(--ui-text) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"]:focus,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:focus {
	box-shadow: 0 0 0 3px var(--ui-danger-bg) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"]:active,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:active {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
	color: var(--ui-text) !important;
}

#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"]:disabled,
#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"].disabled,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:disabled,
#storeProductGroupPanel button.btn.btn-xs.btn-danger.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"]:disabled:hover,
#storeProductsPanel button.btn.btn-xs.btn-danger[title="Delete"].disabled:hover,
#storeProductGroupPanel button.btn.btn-xs.btn-danger:disabled:hover,
#storeProductGroupPanel button.btn.btn-xs.btn-danger.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#posPanel .btn.btn-success,
#posPanel .btn.btn-danger,
#shopPanel .btn.btn-success,
#shopPanel .btn.btn-warning,
#shopPanel .btn.btn-primary,
#shopPanel .btn.btn-danger {
	border: 1px solid var(--border-default) !important;
	transition: all var(--transition-fast);
}

#posPanel .btn.btn-success {
	background-color: var(--bg-elevated) !important;
	color: var(--text-primary) !important;
}

#posPanel .btn.btn-success:hover,
#shopPanel .btn.btn-success:hover,
#shopPanel .btn.btn-warning:hover,
#shopPanel .btn.btn-primary:hover {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.42) !important;
	color: var(--ui-text) !important;
}

#posPanel .btn.btn-success:active,
#shopPanel .btn.btn-success:active,
#shopPanel .btn.btn-warning:active,
#shopPanel .btn.btn-primary:active {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.50) !important;
	color: var(--ui-text) !important;
}

#posPanel .btn.btn-success:focus,
#shopPanel .btn.btn-success:focus,
#shopPanel .btn.btn-warning:focus,
#shopPanel .btn.btn-primary:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

#posPanel .btn.btn-success:disabled,
#posPanel .btn.btn-success.disabled,
#shopPanel .btn.btn-success:disabled,
#shopPanel .btn.btn-success.disabled,
#shopPanel .btn.btn-warning:disabled,
#shopPanel .btn.btn-warning.disabled,
#shopPanel .btn.btn-primary:disabled,
#shopPanel .btn.btn-primary.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#posPanel .btn.btn-success:disabled:hover,
#posPanel .btn.btn-success.disabled:hover,
#shopPanel .btn.btn-success:disabled:hover,
#shopPanel .btn.btn-success.disabled:hover,
#shopPanel .btn.btn-warning:disabled:hover,
#shopPanel .btn.btn-warning.disabled:hover,
#shopPanel .btn.btn-primary:disabled:hover,
#shopPanel .btn.btn-primary.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#posPanel .btn.btn-danger {
	background-color: var(--bg-elevated) !important;
	color: var(--text-primary) !important;
}

#posPanel .btn.btn-danger:hover,
#shopPanel .btn.btn-danger:hover {
	background-color: var(--v2-danger-hover-color) !important;
	border-color: var(--ui-danger-border) !important;
	color: var(--ui-text) !important;
}

#posPanel .btn.btn-danger:active,
#shopPanel .btn.btn-danger:active {
	background-color: rgba(248, 81, 73, 0.22) !important;
	border-color: rgba(248, 81, 73, 0.45) !important;
	color: var(--ui-text) !important;
}

#posPanel .btn.btn-danger:focus,
#shopPanel .btn.btn-danger:focus {
	box-shadow: 0 0 0 3px var(--ui-danger-bg) !important;
}

#posPanel .btn.btn-danger:disabled,
#posPanel .btn.btn-danger.disabled,
#shopPanel .btn.btn-danger:disabled,
#shopPanel .btn.btn-danger.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#posPanel .btn.btn-danger:disabled:hover,
#posPanel .btn.btn-danger.disabled:hover,
#shopPanel .btn.btn-danger:disabled:hover,
#shopPanel .btn.btn-danger.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#posPanel > .row.flex-grow-1 {
	min-height: calc(100vh - 63px - 5rem);
	margin-left: 0 !important;
	margin-right: 0 !important;
	background: var(--bg-card-hover) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-sm) !important;
	overflow: hidden;
}

#posPanel > .row.flex-grow-1 > .card.col-md-8.h-100 {
	height: calc(100vh - 63px - 5rem) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 10px !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 {
	background: var(--ui-surface) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-sm) !important;
	overflow: hidden;
}

#posPanel .d-flex.mt-3.px-3.py-2 .input-group .input-group-text {
	background: var(--bg-elevated) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .input-group .input-group-text i {
	color: inherit !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .mr-2.dropdown.c-pointer.overflow-auto {
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-md) !important;
	padding: 6px !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .mr-2.dropdown.c-pointer.overflow-auto .dropdown-item {
	display: block;
	padding: 8px 10px;
	border-radius: var(--radius-sm);
	color: var(--ui-muted) !important;
	background: transparent !important;
	border: 1px solid transparent !important;
	transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .mr-2.dropdown.c-pointer.overflow-auto .dropdown-item:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	color: var(--ui-text) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .mr-2.dropdown.c-pointer.overflow-auto .dropdown-item-active,
#posPanel .d-flex.mt-3.px-3.py-2 .mr-2.dropdown.c-pointer.overflow-auto .dropdown-item.dropdown-item-active {
	background: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item {
	background-color: var(--bg-card) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-sm) !important;
	overflow: hidden;
	color: var(--ui-text) !important;
	transition: background var(--transition-normal), border-color var(--transition-fast), transform var(--transition-fast);
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item-normal:hover {
	background-color: var(--bg-card-hover) !important;
	border-color: var(--ui-green-border) !important;
	transform: translateY(-2px);
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item-disable {
	background-color: var(--bg-elevated) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
	cursor: not-allowed;
	box-shadow: none !important;
	opacity: 0.75;
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item-disable img {
	filter: grayscale(100%);
	opacity: 0.65;
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item .price_stock .price {
	color: var(--ui-text) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item .price_stock .stock {
	color: var(--ui-muted) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item-disable .stock {
	color: var(--ui-danger) !important;
}

#posPanel .d-flex.mt-3.px-3.py-2 .stock-item .product-qty {
	background: var(--ui-accent) !important;
	color: var(--ui-on-accent) !important;
}

#posPanel > .row.flex-grow-1 > .col-md-4.pt-2.text-white.d-flex.flex-column.align-content-between {
	background: transparent !important;
	border: 0 !important;
	border-left: 1px solid var(--ui-border) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 10px !important;
}

#posPanel > .row.flex-grow-1 > .col-md-4.pt-2.text-white.d-flex.flex-column.align-content-between > div:first-child {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px 10px !important;
	padding: 6px !important;
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-md) !important;
}

#posPanel > .row.flex-grow-1 > .col-md-4.pt-2.text-white.d-flex.flex-column.align-content-between > div:first-child .btn.mr-2 {
	margin-right: 0 !important;
}

#posPanel > .row.flex-grow-1 > .col-md-4.pt-2.text-white.d-flex.flex-column.align-content-between .table {
	margin-bottom: 0 !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-success,
#gamesPanel #games-tab-pane-license-pool .btn.btn-danger {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--border-default) !important;
	color: var(--text-primary) !important;
	transition: all var(--transition-fast);
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-success:hover {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.42) !important;
	color: var(--ui-text) !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-success:active {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.50) !important;
	color: var(--ui-text) !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-success:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-success:disabled,
#gamesPanel #games-tab-pane-license-pool .btn.btn-success.disabled,
#gamesPanel #games-tab-pane-license-pool .btn.btn-danger:disabled,
#gamesPanel #games-tab-pane-license-pool .btn.btn-danger.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-success:disabled:hover,
#gamesPanel #games-tab-pane-license-pool .btn.btn-success.disabled:hover,
#gamesPanel #games-tab-pane-license-pool .btn.btn-danger:disabled:hover,
#gamesPanel #games-tab-pane-license-pool .btn.btn-danger.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-danger:hover {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
	color: var(--ui-text) !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-danger:active {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
	color: var(--ui-text) !important;
}

#gamesPanel #games-tab-pane-license-pool .btn.btn-danger:focus {
	box-shadow: 0 0 0 3px var(--ui-danger-bg) !important;
}

#settingsPanel .btn.btn-success,
#settingsPanel .btn.btn-warning,
#settingsPanel .btn.btn-primary,
#productsPanel .btn.btn-success,
#productsPanel .btn.btn-warning,
#productsPanel .btn.btn-primary,
#employeePanel .btn.btn-success,
#employeePanel .btn.btn-warning,
#employeePanel .btn.btn-primary,
#centerNewsPanel .btn.btn-success,
#centerNewsPanel .btn.btn-warning,
#centerNewsPanel .btn.btn-primary,
#promoCodePanel .btn.btn-success,
#promoCodePanel .btn.btn-warning,
#promoCodePanel .btn.btn-primary,
#subcafesPanel .btn.btn-success,
#subcafesPanel .btn.btn-warning,
#subcafesPanel .btn.btn-primary,
#regionSettingsPanel .btn.btn-success,
#regionSettingsPanel .btn.btn-warning,
#regionSettingsPanel .btn.btn-primary,
#licensesPanel .btn.btn-success,
#licensesPanel .btn.btn-warning,
#licensesPanel .btn.btn-primary,
#idcGamesPanel .btn.btn-success,
#idcGamesPanel .btn.btn-warning,
#idcGamesPanel .btn.btn-primary,
#licenseInfo .btn.btn-success,
#licenseInfo .btn.btn-warning,
#licenseInfo .btn.btn-primary,
#settingsPricePanel .btn.btn-success,
#settingsPricePanel .btn.btn-warning,
#settingsPricePanel .btn.btn-primary {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--border-default) !important;
	color: var(--text-primary) !important;
	transition: all var(--transition-fast);
}

#settingsPricePanel .pc-member-group {
	background: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	border-right: 1px solid var(--ui-border) !important;
	text-align: left !important;
	vertical-align: middle !important;
	font-weight: 600;
	padding: 8px 12px !important;
	min-width: 200px;
	max-width: 260px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#settingsPricePanel tr.table-active .pc-member-group {
	background: var(--ui-green-bg) !important;
	border-right-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
	font-weight: 700;
}

#settingsPanel #settings-menu .card,
#settingsPanel #settings-content .card {
	background-color: var(--bg-card) !important;
	border: 1px solid var(--ui-border) !important;
	box-shadow: var(--shadow-sm) !important;
}

#settingsPanel #settings-menu .card-body,
#settingsPanel #settings-content .card-body {
	padding: 18px !important;
}

#settingsPanel .settings-menus {
	max-width: none !important;
}

#settingsPanel .settings-menus p {
	margin: 0 0 10px 0 !important;
}

#settingsPanel .settings-menus p:last-child {
	margin-bottom: 0 !important;
}

#settingsPanel .settings-menus p a {
	display: block;
	padding: 10px 12px;
	border-radius: var(--radius-sm);
	text-decoration: none;
	color: var(--text-secondary) !important;
	transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
	border: 1px solid transparent;
}

#settingsPanel .settings-menus p a:hover {
	background: rgba(255, 255, 255, 0.04);
	color: var(--text-primary) !important;
}

#settingsPanel .settings-menus p.active a {
	background: var(--ui-green-bg);
	border-color: var(--ui-green-border);
	color: var(--text-primary) !important;
}

#settingsPanel #settings-content {
	overflow: visible !important;
	max-height: none !important;
}

#settingsPanel #settings-content > .card {
	overflow: hidden !important;
	max-height: 80vh;
}

#settingsPanel #settings-content > .card > .card-body {
	overflow: auto !important;
	max-height: 80vh;
}

#settingsPanel #settings-menu .card {
	overflow: hidden !important;
	max-height: 80vh;
}

#settingsPanel #settings-menu .card > .card-body {
	overflow: auto !important;
	max-height: 80vh;
}

#settingsPanel .btn.btn-success:hover,
#settingsPanel .btn.btn-warning:hover,
#settingsPanel .btn.btn-primary:hover,
#productsPanel .btn.btn-success:hover,
#productsPanel .btn.btn-warning:hover,
#productsPanel .btn.btn-primary:hover,
#employeePanel .btn.btn-success:hover,
#employeePanel .btn.btn-warning:hover,
#employeePanel .btn.btn-primary:hover,
#centerNewsPanel .btn.btn-success:hover,
#centerNewsPanel .btn.btn-warning:hover,
#centerNewsPanel .btn.btn-primary:hover,
#promoCodePanel .btn.btn-success:hover,
#promoCodePanel .btn.btn-warning:hover,
#promoCodePanel .btn.btn-primary:hover,
#subcafesPanel .btn.btn-success:hover,
#subcafesPanel .btn.btn-warning:hover,
#subcafesPanel .btn.btn-primary:hover,
#regionSettingsPanel .btn.btn-success:hover,
#regionSettingsPanel .btn.btn-warning:hover,
#regionSettingsPanel .btn.btn-primary:hover,
#licensesPanel .btn.btn-success:hover,
#licensesPanel .btn.btn-warning:hover,
#licensesPanel .btn.btn-primary:hover,
#idcGamesPanel .btn.btn-success:hover,
#idcGamesPanel .btn.btn-warning:hover,
#idcGamesPanel .btn.btn-primary:hover,
#licenseInfo .btn.btn-success:hover,
#licenseInfo .btn.btn-warning:hover,
#licenseInfo .btn.btn-primary:hover,
#settingsPricePanel .btn.btn-success:hover,
#settingsPricePanel .btn.btn-warning:hover,
#settingsPricePanel .btn.btn-primary:hover {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.42) !important;
	color: var(--ui-text) !important;
}

#settingsPanel .btn.btn-success:active,
#settingsPanel .btn.btn-warning:active,
#settingsPanel .btn.btn-primary:active,
#productsPanel .btn.btn-success:active,
#productsPanel .btn.btn-warning:active,
#productsPanel .btn.btn-primary:active,
#employeePanel .btn.btn-success:active,
#employeePanel .btn.btn-warning:active,
#employeePanel .btn.btn-primary:active,
#centerNewsPanel .btn.btn-success:active,
#centerNewsPanel .btn.btn-warning:active,
#centerNewsPanel .btn.btn-primary:active,
#promoCodePanel .btn.btn-success:active,
#promoCodePanel .btn.btn-warning:active,
#promoCodePanel .btn.btn-primary:active,
#subcafesPanel .btn.btn-success:active,
#subcafesPanel .btn.btn-warning:active,
#subcafesPanel .btn.btn-primary:active,
#regionSettingsPanel .btn.btn-success:active,
#regionSettingsPanel .btn.btn-warning:active,
#regionSettingsPanel .btn.btn-primary:active,
#licensesPanel .btn.btn-success:active,
#licensesPanel .btn.btn-warning:active,
#licensesPanel .btn.btn-primary:active,
#idcGamesPanel .btn.btn-success:active,
#idcGamesPanel .btn.btn-warning:active,
#idcGamesPanel .btn.btn-primary:active,
#licenseInfo .btn.btn-success:active,
#licenseInfo .btn.btn-warning:active,
#licenseInfo .btn.btn-primary:active,
#settingsPricePanel .btn.btn-success:active,
#settingsPricePanel .btn.btn-warning:active,
#settingsPricePanel .btn.btn-primary:active {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.50) !important;
	color: var(--ui-text) !important;
}

#settingsPanel .btn.btn-success:focus,
#settingsPanel .btn.btn-warning:focus,
#settingsPanel .btn.btn-primary:focus,
#productsPanel .btn.btn-success:focus,
#productsPanel .btn.btn-warning:focus,
#productsPanel .btn.btn-primary:focus,
#employeePanel .btn.btn-success:focus,
#employeePanel .btn.btn-warning:focus,
#employeePanel .btn.btn-primary:focus,
#centerNewsPanel .btn.btn-success:focus,
#centerNewsPanel .btn.btn-warning:focus,
#centerNewsPanel .btn.btn-primary:focus,
#promoCodePanel .btn.btn-success:focus,
#promoCodePanel .btn.btn-warning:focus,
#promoCodePanel .btn.btn-primary:focus,
#subcafesPanel .btn.btn-success:focus,
#subcafesPanel .btn.btn-warning:focus,
#subcafesPanel .btn.btn-primary:focus,
#regionSettingsPanel .btn.btn-success:focus,
#regionSettingsPanel .btn.btn-warning:focus,
#regionSettingsPanel .btn.btn-primary:focus,
#licensesPanel .btn.btn-success:focus,
#licensesPanel .btn.btn-warning:focus,
#licensesPanel .btn.btn-primary:focus,
#idcGamesPanel .btn.btn-success:focus,
#idcGamesPanel .btn.btn-warning:focus,
#idcGamesPanel .btn.btn-primary:focus,
#licenseInfo .btn.btn-success:focus,
#licenseInfo .btn.btn-warning:focus,
#licenseInfo .btn.btn-primary:focus,
#settingsPricePanel .btn.btn-success:focus,
#settingsPricePanel .btn.btn-warning:focus,
#settingsPricePanel .btn.btn-primary:focus {
	box-shadow: 0 0 0 3px var(--accent-primary-light) !important;
}

#settingsPanel .btn.btn-success:disabled,
#settingsPanel .btn.btn-success.disabled,
#settingsPanel .btn.btn-warning:disabled,
#settingsPanel .btn.btn-warning.disabled,
#settingsPanel .btn.btn-primary:disabled,
#settingsPanel .btn.btn-primary.disabled,
#productsPanel .btn.btn-success:disabled,
#productsPanel .btn.btn-success.disabled,
#productsPanel .btn.btn-warning:disabled,
#productsPanel .btn.btn-warning.disabled,
#productsPanel .btn.btn-primary:disabled,
#productsPanel .btn.btn-primary.disabled,
#employeePanel .btn.btn-success:disabled,
#employeePanel .btn.btn-success.disabled,
#employeePanel .btn.btn-warning:disabled,
#employeePanel .btn.btn-warning.disabled,
#employeePanel .btn.btn-primary:disabled,
#employeePanel .btn.btn-primary.disabled,
#centerNewsPanel .btn.btn-success:disabled,
#centerNewsPanel .btn.btn-success.disabled,
#centerNewsPanel .btn.btn-warning:disabled,
#centerNewsPanel .btn.btn-warning.disabled,
#centerNewsPanel .btn.btn-primary:disabled,
#centerNewsPanel .btn.btn-primary.disabled,
#promoCodePanel .btn.btn-success:disabled,
#promoCodePanel .btn.btn-success.disabled,
#promoCodePanel .btn.btn-warning:disabled,
#promoCodePanel .btn.btn-warning.disabled,
#promoCodePanel .btn.btn-primary:disabled,
#promoCodePanel .btn.btn-primary.disabled,
#subcafesPanel .btn.btn-success:disabled,
#subcafesPanel .btn.btn-success.disabled,
#subcafesPanel .btn.btn-warning:disabled,
#subcafesPanel .btn.btn-warning.disabled,
#subcafesPanel .btn.btn-primary:disabled,
#subcafesPanel .btn.btn-primary.disabled,
#regionSettingsPanel .btn.btn-success:disabled,
#regionSettingsPanel .btn.btn-success.disabled,
#regionSettingsPanel .btn.btn-warning:disabled,
#regionSettingsPanel .btn.btn-warning.disabled,
#regionSettingsPanel .btn.btn-primary:disabled,
#regionSettingsPanel .btn.btn-primary.disabled,
#licensesPanel .btn.btn-success:disabled,
#licensesPanel .btn.btn-success.disabled,
#licensesPanel .btn.btn-warning:disabled,
#licensesPanel .btn.btn-warning.disabled,
#licensesPanel .btn.btn-primary:disabled,
#licensesPanel .btn.btn-primary.disabled,
#idcGamesPanel .btn.btn-success:disabled,
#idcGamesPanel .btn.btn-success.disabled,
#idcGamesPanel .btn.btn-warning:disabled,
#idcGamesPanel .btn.btn-warning.disabled,
#idcGamesPanel .btn.btn-primary:disabled,
#idcGamesPanel .btn.btn-primary.disabled,
#licenseInfo .btn.btn-success:disabled,
#licenseInfo .btn.btn-success.disabled,
#licenseInfo .btn.btn-warning:disabled,
#licenseInfo .btn.btn-warning.disabled,
#licenseInfo .btn.btn-primary:disabled,
#licenseInfo .btn.btn-primary.disabled,
#settingsPricePanel .btn.btn-success:disabled,
#settingsPricePanel .btn.btn-success.disabled,
#settingsPricePanel .btn.btn-warning:disabled,
#settingsPricePanel .btn.btn-warning.disabled,
#settingsPricePanel .btn.btn-primary:disabled,
#settingsPricePanel .btn.btn-primary.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#settingsPanel .btn.btn-success:disabled:hover,
#settingsPanel .btn.btn-success.disabled:hover,
#settingsPanel .btn.btn-warning:disabled:hover,
#settingsPanel .btn.btn-warning.disabled:hover,
#settingsPanel .btn.btn-primary:disabled:hover,
#settingsPanel .btn.btn-primary.disabled:hover,
#productsPanel .btn.btn-success:disabled:hover,
#productsPanel .btn.btn-success.disabled:hover,
#productsPanel .btn.btn-warning:disabled:hover,
#productsPanel .btn.btn-warning.disabled:hover,
#productsPanel .btn.btn-primary:disabled:hover,
#productsPanel .btn.btn-primary.disabled:hover,
#employeePanel .btn.btn-success:disabled:hover,
#employeePanel .btn.btn-success.disabled:hover,
#employeePanel .btn.btn-warning:disabled:hover,
#employeePanel .btn.btn-warning.disabled:hover,
#employeePanel .btn.btn-primary:disabled:hover,
#employeePanel .btn.btn-primary.disabled:hover,
#centerNewsPanel .btn.btn-success:disabled:hover,
#centerNewsPanel .btn.btn-success.disabled:hover,
#centerNewsPanel .btn.btn-warning:disabled:hover,
#centerNewsPanel .btn.btn-warning.disabled:hover,
#centerNewsPanel .btn.btn-primary:disabled:hover,
#centerNewsPanel .btn.btn-primary.disabled:hover,
#promoCodePanel .btn.btn-success:disabled:hover,
#promoCodePanel .btn.btn-success.disabled:hover,
#promoCodePanel .btn.btn-warning:disabled:hover,
#promoCodePanel .btn.btn-warning.disabled:hover,
#promoCodePanel .btn.btn-primary:disabled:hover,
#promoCodePanel .btn.btn-primary.disabled:hover,
#subcafesPanel .btn.btn-success:disabled:hover,
#subcafesPanel .btn.btn-success.disabled:hover,
#subcafesPanel .btn.btn-warning:disabled:hover,
#subcafesPanel .btn.btn-warning.disabled:hover,
#subcafesPanel .btn.btn-primary:disabled:hover,
#subcafesPanel .btn.btn-primary.disabled:hover,
#regionSettingsPanel .btn.btn-success:disabled:hover,
#regionSettingsPanel .btn.btn-success.disabled:hover,
#regionSettingsPanel .btn.btn-warning:disabled:hover,
#regionSettingsPanel .btn.btn-warning.disabled:hover,
#regionSettingsPanel .btn.btn-primary:disabled:hover,
#regionSettingsPanel .btn.btn-primary.disabled:hover,
#licensesPanel .btn.btn-success:disabled:hover,
#licensesPanel .btn.btn-success.disabled:hover,
#licensesPanel .btn.btn-warning:disabled:hover,
#licensesPanel .btn.btn-warning.disabled:hover,
#licensesPanel .btn.btn-primary:disabled:hover,
#licensesPanel .btn.btn-primary.disabled:hover,
#idcGamesPanel .btn.btn-success:disabled:hover,
#idcGamesPanel .btn.btn-success.disabled:hover,
#idcGamesPanel .btn.btn-warning:disabled:hover,
#idcGamesPanel .btn.btn-warning.disabled:hover,
#idcGamesPanel .btn.btn-primary:disabled:hover,
#idcGamesPanel .btn.btn-primary.disabled:hover,
#licenseInfo .btn.btn-success:disabled:hover,
#licenseInfo .btn.btn-success.disabled:hover,
#licenseInfo .btn.btn-warning:disabled:hover,
#licenseInfo .btn.btn-warning.disabled:hover,
#licenseInfo .btn.btn-primary:disabled:hover,
#licenseInfo .btn.btn-primary.disabled:hover,
#settingsPricePanel .btn.btn-success:disabled:hover,
#settingsPricePanel .btn.btn-success.disabled:hover,
#settingsPricePanel .btn.btn-warning:disabled:hover,
#settingsPricePanel .btn.btn-warning.disabled:hover,
#settingsPricePanel .btn.btn-primary:disabled:hover,
#settingsPricePanel .btn.btn-primary.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#settingsPanel .btn.btn-danger,
#productsPanel .btn.btn-danger,
#employeePanel .btn.btn-danger,
#centerNewsPanel .btn.btn-danger,
#promoCodePanel .btn.btn-danger,
#subcafesPanel .btn.btn-danger,
#regionSettingsPanel .btn.btn-danger,
#licensesPanel .btn.btn-danger,
#idcGamesPanel .btn.btn-danger,
#licenseInfo .btn.btn-danger,
#settingsPricePanel .btn.btn-danger {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--border-default) !important;
	color: var(--text-primary) !important;
	transition: all var(--transition-fast);
}

#settingsPanel .btn.btn-danger:hover,
#productsPanel .btn.btn-danger:hover,
#employeePanel .btn.btn-danger:hover,
#centerNewsPanel .btn.btn-danger:hover,
#promoCodePanel .btn.btn-danger:hover,
#subcafesPanel .btn.btn-danger:hover,
#regionSettingsPanel .btn.btn-danger:hover,
#licensesPanel .btn.btn-danger:hover,
#idcGamesPanel .btn.btn-danger:hover,
#licenseInfo .btn.btn-danger:hover,
#settingsPricePanel .btn.btn-danger:hover {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
	color: var(--ui-text) !important;
}

#settingsPanel .btn.btn-danger:active,
#productsPanel .btn.btn-danger:active,
#employeePanel .btn.btn-danger:active,
#centerNewsPanel .btn.btn-danger:active,
#promoCodePanel .btn.btn-danger:active,
#subcafesPanel .btn.btn-danger:active,
#regionSettingsPanel .btn.btn-danger:active,
#licensesPanel .btn.btn-danger:active,
#idcGamesPanel .btn.btn-danger:active,
#licenseInfo .btn.btn-danger:active,
#settingsPricePanel .btn.btn-danger:active {
	background-color: rgba(248, 81, 73, 0.22) !important;
	border-color: rgba(248, 81, 73, 0.45) !important;
	color: var(--ui-text) !important;
}

#settingsPanel .btn.btn-danger:focus,
#productsPanel .btn.btn-danger:focus,
#employeePanel .btn.btn-danger:focus,
#centerNewsPanel .btn.btn-danger:focus,
#promoCodePanel .btn.btn-danger:focus,
#subcafesPanel .btn.btn-danger:focus,
#regionSettingsPanel .btn.btn-danger:focus,
#licensesPanel .btn.btn-danger:focus,
#idcGamesPanel .btn.btn-danger:focus,
#licenseInfo .btn.btn-danger:focus,
#settingsPricePanel .btn.btn-danger:focus {
	box-shadow: 0 0 0 3px var(--ui-danger-bg) !important;
}

#settingsPanel .btn.btn-danger:disabled,
#settingsPanel .btn.btn-danger.disabled,
#productsPanel .btn.btn-danger:disabled,
#productsPanel .btn.btn-danger.disabled,
#employeePanel .btn.btn-danger:disabled,
#employeePanel .btn.btn-danger.disabled,
#centerNewsPanel .btn.btn-danger:disabled,
#centerNewsPanel .btn.btn-danger.disabled,
#promoCodePanel .btn.btn-danger:disabled,
#promoCodePanel .btn.btn-danger.disabled,
#subcafesPanel .btn.btn-danger:disabled,
#subcafesPanel .btn.btn-danger.disabled,
#regionSettingsPanel .btn.btn-danger:disabled,
#regionSettingsPanel .btn.btn-danger.disabled,
#licensesPanel .btn.btn-danger:disabled,
#licensesPanel .btn.btn-danger.disabled,
#idcGamesPanel .btn.btn-danger:disabled,
#idcGamesPanel .btn.btn-danger.disabled,
#licenseInfo .btn.btn-danger:disabled,
#licenseInfo .btn.btn-danger.disabled,
#settingsPricePanel .btn.btn-danger:disabled,
#settingsPricePanel .btn.btn-danger.disabled {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

#settingsPanel .btn.btn-danger:disabled:hover,
#settingsPanel .btn.btn-danger.disabled:hover,
#productsPanel .btn.btn-danger:disabled:hover,
#productsPanel .btn.btn-danger.disabled:hover,
#employeePanel .btn.btn-danger:disabled:hover,
#employeePanel .btn.btn-danger.disabled:hover,
#centerNewsPanel .btn.btn-danger:disabled:hover,
#centerNewsPanel .btn.btn-danger.disabled:hover,
#promoCodePanel .btn.btn-danger:disabled:hover,
#promoCodePanel .btn.btn-danger.disabled:hover,
#subcafesPanel .btn.btn-danger:disabled:hover,
#subcafesPanel .btn.btn-danger.disabled:hover,
#regionSettingsPanel .btn.btn-danger:disabled:hover,
#regionSettingsPanel .btn.btn-danger.disabled:hover,
#licensesPanel .btn.btn-danger:disabled:hover,
#licensesPanel .btn.btn-danger.disabled:hover,
#idcGamesPanel .btn.btn-danger:disabled:hover,
#idcGamesPanel .btn.btn-danger.disabled:hover,
#licenseInfo .btn.btn-danger:disabled:hover,
#licenseInfo .btn.btn-danger.disabled:hover,
#settingsPricePanel .btn.btn-danger:disabled:hover,
#settingsPricePanel .btn.btn-danger.disabled:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--border-default) !important;
	color: var(--text-muted) !important;
}

#shopPanel .stock-item {
	background-color: var(--bg-card) !important;
	border: 0 !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-sm) !important;
	color: var(--ui-text) !important;
	transition: background var(--transition-normal), border-color var(--transition-fast), transform var(--transition-fast);
}

#shopPanel .stock-item-normal:hover {
	background-color: var(--bg-card-hover) !important;
	box-shadow: var(--shadow-md) !important;
	transform: translateY(-2px);
}

#shopPanel .stock-item-disable {
	background-color: var(--bg-elevated) !important;
	border: 0 !important;
	color: var(--text-muted) !important;
	cursor: not-allowed;
	box-shadow: none !important;
}

#shopPanel .stock-item-disable:hover {
	background-color: var(--bg-elevated) !important;
	border-color: var(--ui-border) !important;
	transform: none;
}

#shopPanel .stock-item .price_stock .price {
	color: var(--ui-text) !important;
}

#shopPanel .stock-item .price_stock .stock {
	color: var(--ui-muted) !important;
}

#shopPanel .stock-item-disable .stock {
	color: var(--ui-danger) !important;
}

#shopPanel #store-tabs.nav.nav-tabs,
#shopPanel #subgroup-tabs.nav.nav-tabs,
#shopPanel #cart-tabs.nav.nav-tabs {
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-md) !important;
	padding: 6px !important;
	gap: 6px !important;
}

#shopPanel #subgroup-tabs.nav.nav-tabs {
	visibility: hidden;
}

#shopPanel #subgroup-tabs.nav.nav-tabs:has(li) {
	visibility: visible;
}

@media (min-width: 768px) {
	#shopPanel .shop-cart #cart-tabs {
		margin-top: 32px !important;
	}
}

#shopPanel #pills-tabContent {
	margin-top: 12px !important;
	padding-top: 12px !important;
	background-color: var(--bg-card) !important;
	background-image: linear-gradient(var(--bg-card), rgba(22, 27, 34, 0)), linear-gradient(rgba(22, 27, 34, 0), var(--bg-card)), linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45));
	background-position: top, bottom, top, bottom;
	background-repeat: no-repeat;
	background-size: 100% 18px, 100% 18px, 100% 10px, 100% 10px;
	background-attachment: local, local, scroll, scroll;
}

#shopPanel .shop-cart > .card-body > .tab-content {
	margin-top: 12px !important;
}

#shopPanel #cart-current-orders {
	padding-top: 12px !important;
}

#shopPanel .table thead th,
#shopPanel #form-shop-order .table thead th,
#shopPanel #form-shop-order-open .table thead th,
#shopPanel #form-shop-order-new .table thead th {
	color: var(--ui-text) !important;
	background-color: var(--bg-elevated) !important;
	border-bottom: 1px solid var(--ui-border) !important;
}

#shopPanel #form-shop-order,
#shopPanel #form-shop-order-open,
#shopPanel #form-shop-order-new {
	color: var(--ui-text) !important;
}

#shopPanel #form-shop-order .table,
#shopPanel #form-shop-order-open .table,
#shopPanel #form-shop-order-new .table {
	margin-bottom: 0 !important;
}

#shopPanel #form-shop-order .table.table-striped tbody tr:nth-of-type(odd),
#shopPanel #form-shop-order .table.table-striped tbody tr:nth-of-type(even),
#shopPanel #form-shop-order-open .table.table-striped tbody tr:nth-of-type(odd),
#shopPanel #form-shop-order-open .table.table-striped tbody tr:nth-of-type(even),
#shopPanel #form-shop-order-new .table.table-striped tbody tr:nth-of-type(odd),
#shopPanel #form-shop-order-new .table.table-striped tbody tr:nth-of-type(even) {
	background-color: transparent !important;
}

#shopPanel #form-shop-order .table.table-striped tbody tr > th,
#shopPanel #form-shop-order .table.table-striped tbody tr > td,
#shopPanel #form-shop-order-open .table.table-striped tbody tr > th,
#shopPanel #form-shop-order-open .table.table-striped tbody tr > td,
#shopPanel #form-shop-order-new .table.table-striped tbody tr > th,
#shopPanel #form-shop-order-new .table.table-striped tbody tr > td {
	background-color: transparent !important;
}

#shopPanel #form-shop-order .btn.btn-xs,
#shopPanel #form-shop-order .btn.btn-xs.btn-info,
#shopPanel #form-shop-order .btn.btn-xs.btn-danger {
	width: 28px !important;
	height: 28px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 8px !important;
}

#shopPanel #form-shop-order .btn.btn-xs i,
#shopPanel #form-shop-order .btn.btn-xs .mdi,
#shopPanel #form-shop-order .btn.btn-xs .fa {
	margin: 0 !important;
	line-height: 1 !important;
}

#shopPanel #form-shop-order .new-order-item-qty.form-control {
	height: 28px !important;
	padding: 0 !important;
	text-align: center !important;
	border-radius: 8px !important;
	border: 1px solid var(--ui-border) !important;
	background: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	box-shadow: none !important;
}

#shopPanel #form-shop-order tfoot th {
	background: var(--bg-elevated) !important;
	border-top: 1px solid var(--ui-border) !important;
	padding: 10px 10px 12px !important;
}

#shopPanel #form-shop-order tfoot .d-flex.align-items-center {
	gap: 8px 10px !important;
	flex-wrap: wrap !important;
}

#shopPanel #form-shop-order tfoot .form-check.form-check-inline {
	margin: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
}

#shopPanel #form-shop-order tfoot .form-inline {
	margin: 0 !important;
}

#shopPanel #neworder-items + div {
	display: flex !important;
	justify-content: flex-end !important;
	gap: 8px 10px !important;
	margin: 12px 0 0 0 !important;
}

#posPanel button.btn.btn-sm > i:only-child,
#posPanel button.btn.btn-xs > i:only-child {
	margin: 0 !important;
	line-height: 1 !important;
}

#posPanel button.btn.btn-sm,
#posPanel button.btn.btn-xs {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

#pcLayoutPanel .badge[class^="badge-pc-"],
#pcLayoutPanel .badge[class*=" badge-pc-"],
#consolesLayoutPanel .badge[class^="badge-pc-"],
#consolesLayoutPanel .badge[class*=" badge-pc-"] {
	display: block !important;
	padding: 0 8px !important;
	height: 22px !important;
	border-radius: var(--radius-sm) !important;
	border: 1px solid var(--ui-border) !important;
	background-color: rgba(22, 27, 34, 0.70) !important;
	color: var(--ui-on-accent) !important;
	font-weight: 500 !important;
	font-size: 10px !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: center !important;
}

#pcLayoutPanel .badge.badge-pc-Online,
#pcLayoutPanel .badge.badge-pc-Write,
#consolesLayoutPanel .badge.badge-pc-Online,
#consolesLayoutPanel .badge.badge-pc-Write {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

#pcLayoutPanel .badge.badge-pc-Offline,
#consolesLayoutPanel .badge.badge-pc-Offline {
	border-color: rgba(139, 148, 158, 0.35) !important;
}

#pcLayoutPanel .badge.badge-pc-Disconnected,
#pcLayoutPanel .badge.badge-pc-Disconected,
#consolesLayoutPanel .badge.badge-pc-Disconnected,
#consolesLayoutPanel .badge.badge-pc-Disconected {
	background-color: var(--v2-info-color) !important;
	border-color: rgba(88, 166, 255, 0.42) !important;
}

#pcLayoutPanel .badge.badge-pc-Booking,
#consolesLayoutPanel .badge.badge-pc-Booking {
	background-color: rgba(147, 112, 219, 0.16) !important;
	border-color: rgba(147, 112, 219, 0.40) !important;
}

#pcLayoutPanel .badge.badge-pc-Standby,
#consolesLayoutPanel .badge.badge-pc-Standby {
	background-color: var(--v2-warning-color) !important;
	border-color: rgba(242, 161, 0, 0.38) !important;
}

#pcLayoutPanel .badge.badge-pc-Paused,
#consolesLayoutPanel .badge.badge-pc-Paused {
	background-color: var(--v2-primary-color) !important;
	border-color: rgba(139, 148, 158, 0.35) !important;
	color: var(--ui-text) !important;
}

#pcLayoutPanel .badge.badge-pc-Maintenance,
#pcLayoutPanel .badge.badge-pc-Maintence,
#consolesLayoutPanel .badge.badge-pc-Maintenance,
#consolesLayoutPanel .badge.badge-pc-Maintence {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
}

#computersPanel #pcLayoutPanel .table tr[data-pc_enabled="0"] .statusTd .badge[class^="badge-pc-"],
#computersPanel #pcLayoutPanel .table tr[data-pc_enabled="0"] .statusTd .badge[class*=" badge-pc-"],
#computersPanel #consolesLayoutPanel .table tr[data-pc_enabled="0"] .statusTd .badge[class^="badge-pc-"],
#computersPanel #consolesLayoutPanel .table tr[data-pc_enabled="0"] .statusTd .badge[class*=" badge-pc-"] {
	background-color: rgba(248, 81, 73, 0.22) !important;
	border-color: rgba(248, 81, 73, 0.45) !important;
	color: var(--ui-on-accent) !important;
}

#bootPanel .badge[class^="badge-pc-"],
#bootPanel .badge[class*=" badge-pc-"] {
	display: inline-block !important;
	padding: 0 8px !important;
	height: 22px !important;
	line-height: 20px !important;
	width: 62px !important;
	max-width: 62px !important;
	border-radius: var(--radius-sm) !important;
	border: 1px solid var(--ui-border) !important;
	background-color: rgba(22, 27, 34, 0.70) !important;
	color: var(--ui-on-accent) !important;
	font-weight: 500 !important;
	font-size: 11px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	text-align: center !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

#bootPanel .badge.badge-pc-Online,
#bootPanel .badge.badge-pc-Write {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

#bootPanel .badge.badge-pc-Offline,
#bootPanel .badge.badge-pc-Enable {
	background-color: var(--v2-primary-color) !important;
	border-color: rgba(139, 148, 158, 0.35) !important;
}

#bootPanel .badge.badge-pc-Disable {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
}

.container-scroller span.badge,
.container-scroller label.badge {
	display: inline-block;
	padding: 0 8px !important;
	height: 22px !important;
	line-height: 20px !important;
	border-radius: var(--radius-sm) !important;
	border: 1px solid var(--ui-border) !important;
	background-color: rgba(22, 27, 34, 0.70) !important;
	color: var(--ui-on-accent) !important;
	font-weight: 500 !important;
	font-size: 11px !important;
	white-space: nowrap;
	vertical-align: middle;
	box-sizing: border-box;
}

.container-scroller span.badge.badge-pill,
.container-scroller label.badge.badge-pill {
	border-radius: var(--radius-sm) !important;
}

.container-scroller span.badge.badge-success,
.container-scroller label.badge.badge-success {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

.container-scroller span.badge.badge-danger,
.container-scroller label.badge.badge-danger {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
}

.container-scroller span.badge.badge-warning,
.container-scroller label.badge.badge-warning {
	background-color: var(--v2-warning-color) !important;
	border-color: rgba(242, 161, 0, 0.38) !important;
}

.container-scroller span.badge.badge-info,
.container-scroller label.badge.badge-info,
.container-scroller span.badge.bg-info,
.container-scroller label.badge.bg-info {
	background-color: var(--v2-info-color) !important;
	border-color: rgba(88, 166, 255, 0.42) !important;
}

.container-scroller span.badge.badge-primary,
.container-scroller label.badge.badge-primary {
	background-color: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.42) !important;
}

.container-scroller span.badge.badge-secondary,
.container-scroller label.badge.badge-secondary {
	background-color: var(--v2-primary-color) !important;
	border-color: rgba(139, 148, 158, 0.35) !important;
}

.container-scroller span.badge.badge-light,
.container-scroller label.badge.badge-light {
	background-color: rgba(139, 148, 158, 0.10) !important;
	border-color: rgba(139, 148, 158, 0.28) !important;
}

#shopPanel span.badge[class*="badge-order-"],
#posPanel span.badge[class*="badge-order-"],
#memberOrderPanel span.badge[class*="badge-order-"] {
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-sm) !important;
	height: 22px !important;
	line-height: 20px !important;
	padding: 0 8px !important;
	color: var(--ui-on-accent) !important;
	background-color: rgba(22, 27, 34, 0.70) !important;
}

#shopPanel span.badge.badge-order-paid,
#posPanel span.badge.badge-order-paid,
#memberOrderPanel span.badge.badge-order-paid {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

#shopPanel span.badge.badge-order-cancelled,
#posPanel span.badge.badge-order-cancelled,
#memberOrderPanel span.badge.badge-order-cancelled {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
}

#shopPanel span.badge.badge-order-in-process,
#posPanel span.badge.badge-order-in-process,
#memberOrderPanel span.badge.badge-order-in-process {
	background-color: var(--v2-info-color) !important;
	border-color: rgba(88, 166, 255, 0.42) !important;
}

#shopPanel span.badge.badge-order-pending,
#posPanel span.badge.badge-order-pending,
#memberOrderPanel span.badge.badge-order-pending {
	background-color: var(--v2-primary-color) !important;
	border-color: rgba(139, 148, 158, 0.35) !important;
}

#shopPanel span.badge.badge-order-partial-refund,
#posPanel span.badge.badge-order-partial-refund,
#memberOrderPanel span.badge.badge-order-partial-refund {
	background-color: var(--v2-warning-color) !important;
	border-color: rgba(242, 161, 0, 0.38) !important;
}

#shopPanel #orderlist-items .table-row .order-status-1 span,
#posPanel .order-status-1 span {
	background-color: var(--v2-warning-color) !important;
	border-color: rgba(242, 161, 0, 0.38) !important;
}

#shopPanel #orderlist-items .table-row .order-status-2 span,
#posPanel .order-status-2 span {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

#shopPanel #orderlist-items .table-row .order-status-3 span,
#posPanel .order-status-3 span {
	background-color: var(--v2-primary-color) !important;
	border-color: rgba(139, 148, 158, 0.35) !important;
}

#side-menu span.badge.member-badge,
#side-menu span.badge.shop-badge {
	min-width: 18px !important;
	height: 18px !important;
	line-height: 16px !important;
	padding: 0 6px !important;
	border-radius: var(--radius-sm) !important;
	background-color: var(--ui-danger) !important;
	border: 1px solid rgba(248, 81, 73, 0.55) !important;
	color: var(--ui-on-accent) !important;
	font-weight: 500 !important;
	font-size: 11px !important;
	text-align: center !important;
}

.context-menu-root {
	z-index: 1050 !important;
}

.input-group-addon {
	padding-top: calc(0.875rem + 1px);
	padding-bottom: calc(0.875rem + 1px);
	padding-left: 3px;
}

.container-scroller .input-group-text,
.container-scroller .input-group-addon {
	background-color: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	border-color: var(--ui-border) !important;
	height: 38px !important;
	display: inline-flex !important;
	align-items: center !important;
}

.container-scroller .input-group-prepend,
.container-scroller .input-group-append {
	height: 38px !important;
}

.container-scroller .input-group > .form-control,
.container-scroller .input-group > select.form-control {
	border-color: var(--ui-border) !important;
}

.container-scroller .input-group-prepend .btn,
.container-scroller .input-group-append .btn,
.container-scroller .input-group-prepend button,
.container-scroller .input-group-append button {
	background-color: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	border-color: var(--ui-border) !important;
	height: 38px !important;
	transition: all var(--transition-fast);
}

.container-scroller .input-group-prepend .btn:hover,
.container-scroller .input-group-append .btn:hover,
.container-scroller .input-group-prepend button:hover,
.container-scroller .input-group-append button:hover {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
}

.container-scroller .input-group:focus-within .input-group-text,
.container-scroller .input-group:focus-within .input-group-addon,
.container-scroller .input-group:focus-within .form-control,
.container-scroller .input-group:focus-within .btn,
.container-scroller .input-group:focus-within button {
	border-color: var(--ui-green-border) !important;
}

table thead th,
.container-scroller table thead th,
.container-scroller .table thead th {
	text-transform: uppercase;
	background-color: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	border-color: var(--ui-border) !important;
}

table thead th a,
.dropdown-item a,
.container-scroller table thead th a,
.container-scroller .table thead th a {
	color: var(--ui-muted);
}

.container-scroller .table,
.container-scroller .jsgrid .jsgrid-table {
	color: var(--text-secondary) !important;
}

.container-scroller .table th,
.container-scroller .table td,
.container-scroller .jsgrid .jsgrid-table th,
.container-scroller .jsgrid .jsgrid-table td {
	border-top: 1px solid var(--ui-border) !important;
	border-bottom: 1px solid var(--ui-border) !important;
}

.container-scroller .table thead th,
.container-scroller .jsgrid .jsgrid-table thead th {
	border-bottom: 1px solid var(--ui-border) !important;
}

.container-scroller .table tbody + tbody,
.container-scroller .jsgrid .jsgrid-table tbody + tbody {
	border-top: 1px solid var(--ui-border) !important;
}

.container-scroller .table-bordered,
.container-scroller .jsgrid .jsgrid-table.table-bordered,
.container-scroller .jsgrid .table-bordered.jsgrid-table {
	border-color: var(--ui-border) !important;
}

.container-scroller .table-bordered th,
.container-scroller .table-bordered td,
.container-scroller .jsgrid .jsgrid-table.table-bordered th,
.container-scroller .jsgrid .jsgrid-table.table-bordered td {
	border-color: var(--ui-border) !important;
}

.container-scroller .table.table-striped tbody tr:not([class*="table-"]):nth-of-type(odd) {
	background-color: rgba(0, 0, 0, 0.14) !important;
}

.container-scroller .table.table-striped tbody tr:not([class*="table-"]):nth-of-type(odd) > th,
.container-scroller .table.table-striped tbody tr:not([class*="table-"]):nth-of-type(odd) > td {
	background-color: rgba(0, 0, 0, 0.14) !important;
}

.container-scroller .table.table-striped tbody tr:not([class*="table-"]):nth-of-type(even) > th,
.container-scroller .table.table-striped tbody tr:not([class*="table-"]):nth-of-type(even) > td {
	background-color: transparent !important;
}

.container-scroller .table.table-hover tbody tr:not([class*="table-"]):hover {
	color: var(--ui-text) !important;
	background-color: var(--ui-green-bg) !important;
}

.container-scroller .table.table-hover tbody tr:not([class*="table-"]):hover > th,
.container-scroller .table.table-hover tbody tr:not([class*="table-"]):hover > td {
	color: inherit !important;
	background-color: var(--ui-green-bg) !important;
}

.table.table-hover tbody tr:not([class*="table-"]):hover,
.table-hover tbody tr:not([class*="table-"]):hover {
	color: var(--ui-text) !important;
	background-color: var(--ui-green-bg) !important;
}

.table.table-hover tbody tr:not([class*="table-"]):hover > th,
.table.table-hover tbody tr:not([class*="table-"]):hover > td,
.table-hover tbody tr:not([class*="table-"]):hover > th,
.table-hover tbody tr:not([class*="table-"]):hover > td {
	color: inherit !important;
	background-color: var(--ui-green-bg) !important;
}

#shopPanel .table-hover tbody tr.table-row:hover,
#shopPanel .table-hover tbody tr.table-row:hover > th,
#shopPanel .table-hover tbody tr.table-row:hover > td,
#shopPanel #orderlist-items .table-row:hover,
#shopPanel #orderlist-items .table-row:hover > th,
#shopPanel #orderlist-items .table-row:hover > td,
#posPanel .table-hover tbody tr.table-row:hover,
#posPanel .table-hover tbody tr.table-row:hover > th,
#posPanel .table-hover tbody tr.table-row:hover > td {
	color: var(--ui-text) !important;
	background-color: var(--ui-green-bg) !important;
}

.jsgrid .jsgrid-row:hover > td,
.jsgrid .jsgrid-alt-row:hover > td {
	background-color: var(--ui-green-bg) !important;
}

.container-scroller .pagination.pagination-separated {
	justify-content: center !important;
	gap: 6px !important;
}

.container-scroller .pagination.pagination-separated.justify-content-end,
.container-scroller .pagination.pagination-separated.justify-content-start {
	justify-content: center !important;
}

.container-scroller .pagination.pagination-separated .page-item {
	margin: 0 !important;
}

.container-scroller .pagination.pagination-separated .page-link {
	min-width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	border-radius: 10px !important;
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	color: var(--ui-text) !important;
	transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.container-scroller .pagination.pagination-separated .page-link:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
}

.container-scroller .pagination.pagination-separated .page-item.active .page-link {
	background: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
}

.container-scroller .pagination.pagination-separated .page-item.disabled .page-link,
.container-scroller .pagination.pagination-separated .page-link.disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.container-scroller .tab-content:not(.tab-transparent-content) {
	background: var(--bg-card) !important;
	border: 0 !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-sm) !important;
	padding: 12px !important;
	text-align: left !important;
}

#membersPanel table tbody tr.memberItem.selected,
#membersPanel table tbody tr.memberItem.selected:hover {
	background-color: var(--v2-success-color) !important;
}

table.table-sm th,
table.table-sm td {
	line-height: 1;
	padding: 0.3rem !important;
}

.dropdown-menu,
.dropdown-menu {
	background-color: var(--bg-card-hover);
	border: 1px solid var(--ui-surface);
}

.dropdown-item:hover,
.dropdown-item:focus {
	color: var(--ui-text);
	text-decoration: none;
	background-color: var(--ui-green-bg);
}

.hidden {
	display: none;
}

*::-webkit-scrollbar {
	width: 0;
	height: 0;
}

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

.table-responsive::-webkit-scrollbar-track {
	background: var(--bg-dark);
}

.table-responsive::-webkit-scrollbar-thumb {
	background: var(--bg-elevated) !important;
	border-radius: 4px !important;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
	background: var(--border-default) !important;
}

.table-responsive::-webkit-scrollbar-corner {
	background-color: transparent;
}

body.show-scrollbar::-webkit-scrollbar {
	width: 8px;
}

body.show-scrollbar::-webkit-scrollbar-track {
	background: var(--bg-dark);
}

body.show-scrollbar::-webkit-scrollbar-thumb {
	background: var(--bg-elevated) !important;
	border-radius: 4px !important;
}

body.show-scrollbar::-webkit-scrollbar-thumb:hover {
	background: var(--border-default) !important;
}

.form-control {
	padding: 0.5rem 0.75rem !important;
	height: 38px !important;
	transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
	background-color: var(--bg-elevated) !important;
	color: var(--text-primary) !important;
	border-color: var(--border-default) !important;
}

.form-control:focus {
	background-color: var(--bg-elevated) !important;
	border-color: var(--accent-primary) !important;
	box-shadow: none !important;
	outline: none;
}

.form-control::-webkit-input-placeholder {
	color: var(--text-muted) !important;
}

.input-group-append,
.input-group-prepend {
	height: 36px;
}

.input-group-append button:hover {
	background-color: var(--ui-green-bg);
}

#search-member-group .input-group-text,
#search-member-group .form-control {
	background-color: var(--bg-elevated) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-text) !important;
	height: 40px !important;
}

#search-member-group .input-group-prepend {
	height: 40px !important;
}

#search-member-group .input-group-text {
	border-right: 0 !important;
	padding: 0 12px !important;
	display: inline-flex !important;
	align-items: center !important;
}

#search-member-group .form-control {
	border-left: 1px solid rgba(48, 54, 61, 0.95) !important;
}

#search-member-group .form-control::placeholder {
	color: var(--ui-muted) !important;
}

#search-member-group:focus-within .input-group-text,
#search-member-group:focus-within .form-control {
	border-color: rgba(46, 160, 67, 0.45) !important;
}

.modal-header {
	padding: 15px 35px !important;
}

.modal-body {
	padding: 15px 35px !important;
}

#tabs .dropdown-item {
	padding: 0 !important;
}

#tabs .dropdown-item a {
	display: block;
	clear: both;
	white-space: nowrap;
	padding: 0.65rem 1.5rem;
	width: 100%;
	height: 100%;
}

#tabs .dropdown-item a:hover {
	text-decoration: none;
}

.nav-tabs.tab-transparent .nav-item .nav-link {
	font-weight: normal;
	font-size: 0.813rem;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	background-color: var(--bg-card-hover);
	border-color: var(--ui-surface) var(--ui-surface) var(--ui-surface);
}

@media print {
	@page {
		size: auto !important;
	}
	* {
		color: black !important;
		background: white !important;
		border: 0 !important;
		white-space: normal !important;
		word-break: break-all !important;
		padding: 0 !important;
	}
	body {
		min-width: 0 !important;
	}
}

#pcs-status-item {
	display: none !important;
}

@media (min-width: 768px) {
	#pcs-status-item {
		display: flex !important;
	}
}

body,
html {
	background-color: var(--bg-darkest);
}

.container-scroller {
	opacity: 0;
}

.content-wrapper {
	background-color: var(--ui-surface) !important;
	background-image: radial-gradient(900px 620px at 18% 12%, rgba(46, 160, 67, 0.16) 0%, transparent 62%), radial-gradient(1100px 760px at 84% 18%, var(--v2-success-color) 0%, transparent 64%), radial-gradient(1200px 900px at 32% 110%, rgba(46, 160, 67, 0.08) 0%, transparent 66%), linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.42) 100%);
	background-size: auto;
	background-position: 0 0;
	background-attachment: fixed;
}

.container-scroller .card {
	background-color: var(--bg-card-hover) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-sm) !important;
	color: var(--ui-text) !important;
}

.container-scroller .card > .card-header,
.container-scroller .card > .card-footer {
	background-color: var(--bg-elevated) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-text) !important;
}

.container-scroller .card > .card-body {
	background-color: transparent !important;
	color: inherit !important;
}

#layoutPanel .card {
	background-color: var(--bg-darkest) !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

#layoutPanel .card > .card-body {
	background-color: var(--bg-darkest) !important;
}

.modal.fade {
	background-color: transparent;
}

.modal-backdrop.show {
	opacity: 0.65 !important;
}

.modal .modal-dialog {
	background-color: transparent !important;
	border: 0 !important;
}

.modal .modal-content {
	background-color: var(--ui-surface) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	color: var(--ui-text) !important;
	box-shadow: var(--shadow-lg) !important;
	background-clip: padding-box !important;
	outline: 0 !important;
	overflow: hidden;
}

.modal .modal-header {
	background-color: var(--ui-surface) !important;
	border-bottom: 1px solid var(--ui-border) !important;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.modal .modal-body {
	background-color: var(--ui-surface) !important;
	color: var(--ui-text) !important;
}

.modal .modal-footer {
	background-color: var(--ui-surface) !important;
	border-top: 1px solid var(--ui-border) !important;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.modal .modal-title {
	color: var(--ui-text) !important;
}

.modal-header .close,
.modal-header button.close {
	color: var(--ui-muted) !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

.modal-header .close:hover,
.modal-header .close:focus,
.modal-header button.close:hover,
.modal-header button.close:focus {
	color: var(--ui-accent) !important;
	opacity: 1 !important;
}

.modal-header .close span,
.modal-header button.close span {
	color: inherit !important;
}

.modal-header .btn-close,
.modal-header button.btn-close {
	opacity: 1 !important;
}

.modal .form-control {
	background-color: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	border-color: var(--ui-border) !important;
}

.modal .form-control:focus {
	border-color: var(--ui-accent) !important;
	box-shadow: none !important;
	outline: none;
}

.modal .form-control::-webkit-input-placeholder {
	color: var(--ui-muted) !important;
}

.modal .input-group-addon,
.modal .input-group-text {
	background-color: var(--ui-surface) !important;
	color: var(--ui-muted) !important;
	border-color: var(--ui-border) !important;
}

.modal .input-group-append .btn,
.modal .input-group-prepend .btn,
.modal .input-group-append button,
.modal .input-group-prepend button {
	color: var(--ui-text) !important;
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	transition: all var(--transition-fast);
}

.modal .input-group-append .btn:hover,
.modal .input-group-prepend .btn:hover,
.modal .input-group-append button:hover,
.modal .input-group-prepend button:hover {
	color: var(--ui-accent) !important;
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

.modal .input-group-append .btn:disabled,
.modal .input-group-prepend .btn:disabled,
.modal .input-group-append button:disabled,
.modal .input-group-prepend button:disabled {
	color: var(--ui-muted) !important;
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.modal .input-group-append .btn:disabled:hover,
.modal .input-group-prepend .btn:disabled:hover,
.modal .input-group-append button:disabled:hover,
.modal .input-group-prepend button:disabled:hover {
	color: var(--ui-muted) !important;
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
}

.modal .btn-default {
	color: var(--ui-text) !important;
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	transition: all var(--transition-fast);
}

.modal .btn-default:hover {
	color: var(--ui-accent) !important;
	background-color: var(--ui-green-bg) !important;
}

.modal .btn[data-dismiss="modal"]:hover,
.modal .btn[data-bs-dismiss="modal"]:hover {
	color: var(--ui-on-accent) !important;
	background-color: var(--v2-default-hover-color) !important;
}

.modal .btn[data-dismiss="modal"]:focus,
.modal .btn[data-bs-dismiss="modal"]:focus {
	box-shadow: none !important;
}

.modal .btn[data-dismiss="modal"]:active,
.modal .btn[data-bs-dismiss="modal"]:active {
	color: var(--ui-on-accent) !important;
	background-color: var(--ui-danger) !important;
	border-color: var(--ui-danger) !important;
}

.modal .btn-default:disabled,
.modal .btn-default.disabled {
	color: var(--ui-muted) !important;
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.modal .btn-default:disabled:hover,
.modal .btn-default.disabled:hover {
	color: var(--ui-muted) !important;
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
}

.modal .btn-info {
	background-color: var(--v2-info-color) !important;
	border: 1px solid var(--ui-border) !important;
	color: var(--ui-text) !important;
	transition: all var(--transition-fast);
}

.modal .btn-info:hover {
	background-color: var(--v2-info-hover-color) !important;
	border-color: var(--v2-info-hover-color) !important;
	color: var(--ui-text) !important;
}

.modal .btn-info:focus,
.modal .btn-info:active {
	box-shadow: none !important;
	background-color: var(--v2-info-hover-color) !important;
	border-color: var(--v2-info-hover-color) !important;
	color: var(--ui-text) !important;
}

.modal .btn-info:disabled,
.modal .btn-info.disabled {
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.modal .btn-info:disabled:hover,
.modal .btn-info.disabled:hover {
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
}

.modal .btn-primary,
.modal .btn-success {
	border: 1px solid var(--ui-border) !important;
	color: var(--ui-text) !important;
	transition: all var(--transition-fast);
}

.modal .btn-primary:hover,
.modal .btn-success:hover {
	background-color: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
	color: var(--ui-on-accent) !important;
}

.modal .btn-primary:focus,
.modal .btn-success:focus,
.modal .btn-primary:active,
.modal .btn-success:active {
	box-shadow: none !important;
	background-color: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
	color: var(--ui-on-accent) !important;
}

.modal .btn-primary:disabled,
.modal .btn-success:disabled,
.modal .btn-primary.disabled,
.modal .btn-success.disabled {
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
	cursor: not-allowed;
	opacity: 0.6;
}

.modal .btn-primary:disabled:hover,
.modal .btn-success:disabled:hover,
.modal .btn-primary.disabled:hover,
.modal .btn-success.disabled:hover {
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
}

.myModalPcPostpaid .modal-header,
.myModalPosPostpaid .modal-header {
	align-items: center !important;
}

.myModalPcPostpaid .modal-title,
.myModalPosPostpaid .modal-title {
	flex: 1 1 auto;
	text-align: left !important;
	margin: 0 !important;
}

.myModalPcPostpaid .modal-body,
.myModalPosPostpaid .modal-body {
	padding: 15px 35px !important;
}

.myModalPcPostpaid .modal-body .message,
.myModalPosPostpaid .modal-body .message {
	width: 100%;
	text-align: left !important;
	margin-bottom: 0 !important;
}

.myModalPcPostpaid .modal-footer .btn,
.myModalPosPostpaid .modal-footer .btn {
	min-width: 120px;
}

.myModalPcAddtime .modal-body {
	padding: 15px 35px !important;
}

.myModalPcAddtime .input-group {
	border-radius: var(--radius-md);
}

.myModalPcAddtime .input-group .form-control {
	height: 38px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.myModalPcAddtime .input-group .input-group-append .input-group-text {
	height: 38px;
	border-left: 0 !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	padding: 0 12px;
	transition: all var(--transition-fast);
}

.myModalPcAddtime .input-group:focus-within .form-control,
.myModalPcAddtime .input-group:focus-within .input-group-text {
	border-color: var(--ui-accent-hover) !important;
}

.myModalPcAddtime .input-group-text {
	background-color: var(--ui-surface) !important;
	color: var(--ui-muted) !important;
	border-color: var(--ui-border) !important;
	user-select: none;
}

.myModalPcAddtime #submit-cus-time,
.myModalPcAddtime #submit-cus-money {
	min-width: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.myModalPcAddtime #submit-cus-time:hover,
.myModalPcAddtime #submit-cus-money:hover {
	background-color: var(--ui-green-bg) !important;
	color: var(--ui-on-accent) !important;
	border-color: var(--ui-green-border) !important;
}

.myModalPcAddtime .btn-time,
.myModalPcAddtime .btn-money,
.myModalPcAddtime .btn-light.btn-time,
.myModalPcAddtime .btn-light.btn-money {
	background-color: var(--ui-surface) !important;
	color: var(--ui-text) !important;
	border: 1px solid var(--ui-border) !important;
	transition: all var(--transition-fast);
	height: 38px;
}

.myModalPcAddtime .btn-time:hover,
.myModalPcAddtime .btn-money:hover {
	background-color: var(--ui-green-bg) !important;
	color: var(--ui-on-accent) !important;
	border-color: var(--ui-green-border) !important;
}

.myModalPcAddtime .btn-time:focus,
.myModalPcAddtime .btn-money:focus {
	box-shadow: none !important;
	outline: none;
}

.myModalPcAddtime .modal-footer .btn {
	min-width: 120px;
}

input[type="checkbox"],
input[type="radio"],
.form-check-input {
	accent-color: var(--ui-accent-hover);
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before,
.form-check label input[type="checkbox"] + .input-helper:before {
	border-color: var(--ui-border) !important;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before,
.form-check label input[type="checkbox"]:checked + .input-helper:before {
	background: var(--ui-accent-hover) !important;
	border-width: 0 !important;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after,
.form-check label input[type="checkbox"]:checked + .input-helper:after {
	color: var(--ui-on-accent) !important;
}

.form-check .form-check-label input[type="radio"] + .input-helper:before,
.form-check label input[type="radio"] + .input-helper:before {
	border-color: var(--ui-border) !important;
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:before,
.form-check label input[type="radio"]:checked + .input-helper:before {
	background: var(--ui-accent-hover) !important;
	border-width: 0 !important;
}

.form-check .form-check-label input[type="radio"]:checked + .input-helper:after,
.form-check label input[type="radio"]:checked + .input-helper:after {
	background: var(--ui-on-accent) !important;
}

.custom-control-label::before {
	background-color: var(--ui-surface) !important;
	border-color: var(--ui-border) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: none !important;
	border-color: var(--ui-accent-hover) !important;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-accent-hover) !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
	background-color: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
}

.checkbox-wrapper-4 * {
	box-sizing: border-box;
}

.checkbox-wrapper-4 .cbx {
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	padding: 6px 8px;
	border-radius: var(--radius-sm);
	overflow: hidden;
	transition: all var(--transition-fast);
	display: inline-block;
	color: var(--ui-text);
}

.checkbox-wrapper-4 .cbx:not(:last-child) {
	margin-right: 6px;
}

.checkbox-wrapper-4 .cbx:hover {
	background: var(--ui-green-bg);
}

.checkbox-wrapper-4 .cbx span {
	float: left;
	vertical-align: middle;
	transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-4 .cbx span:first-child {
	position: relative;
	width: 18px;
	height: 18px;
	border-radius: 4px;
	transform: scale(1);
	border: 1px solid var(--ui-border);
	transition: all var(--transition-fast);
	background: var(--bg-elevated);
	box-shadow: var(--shadow-sm);
}

.checkbox-wrapper-4 .cbx span:first-child svg {
	position: absolute;
	top: 3px;
	left: 2px;
	fill: none;
	stroke: var(--ui-on-accent);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 16px;
	stroke-dashoffset: 16px;
	transition: all var(--transition-normal);
	transition-delay: 0.1s;
	transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-4 .cbx span:last-child {
	padding-left: 8px;
	line-height: 18px;
}

.checkbox-wrapper-4 .cbx:hover span:first-child {
	border-color: var(--ui-green-border);
}

.checkbox-wrapper-4 .inp-cbx {
	position: absolute;
	visibility: hidden;
}

.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
	background: var(--ui-accent);
	border-color: var(--ui-accent);
	animation: wave-4 0.4s ease;
}

.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
	stroke-dashoffset: 0;
}

.checkbox-wrapper-4 .inline-svg {
	position: absolute;
	width: 0;
	height: 0;
	pointer-events: none;
	user-select: none;
}

@media screen and (max-width: 640px) {
	.checkbox-wrapper-4 .cbx {
		width: 100%;
		display: inline-block;
	}
}

@-webkit-keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

@keyframes wave-4 {
	50% {
		transform: scale(0.9);
	}
}

.container-scroller .fa.fa-square-o:before,
.container-scroller .fa.fa-check-square-o:before {
	content: "" !important;
}

.container-scroller .fa.fa-square-o,
.container-scroller .fa.fa-check-square-o {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 1.15em !important;
	height: 1.15em !important;
	line-height: 1 !important;
	vertical-align: middle !important;
	border-radius: 0.25em !important;
	border: 1px solid var(--ui-border) !important;
	background: var(--bg-elevated) !important;
	box-shadow: var(--shadow-sm) !important;
	cursor: pointer !important;
}

.container-scroller .fa.fa-square-o:hover {
	background: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
}

.container-scroller .fa.fa-check-square-o {
	background: var(--ui-accent) !important;
	border-color: var(--ui-accent) !important;
	animation: fa-checkbox-wave 0.35s ease;
}

.container-scroller .fa.fa-check-square-o:after {
	content: "" !important;
	width: 0.35em;
	height: 0.60em;
	border-right: 2px solid var(--ui-on-accent);
	border-bottom: 2px solid var(--ui-on-accent);
	transform: rotate(45deg);
	margin-top: -0.05em;
	animation: fa-checkbox-check 0.25s ease 0.05s both;
}

.container-scroller .fa.fa-check-square-o:hover {
	border-color: var(--ui-green-border) !important;
}

@-webkit-keyframes fa-checkbox-wave {
	50% {
		transform: scale(0.92);
	}
}

@keyframes fa-checkbox-wave {
	50% {
		transform: scale(0.92);
	}
}

@-webkit-keyframes fa-checkbox-check {
	from {
		opacity: 0;
		transform: rotate(45deg) scale(0.6);
	}
	to {
		opacity: 1;
		transform: rotate(45deg) scale(1);
	}
}

@keyframes fa-checkbox-check {
	from {
		opacity: 0;
		transform: rotate(45deg) scale(0.6);
	}
	to {
		opacity: 1;
		transform: rotate(45deg) scale(1);
	}
}

.form-control:disabled {
	color: var(--text-muted) !important;
}

.red-dot {
	width: 8px;
	height: 8px;
	background-color: var(--ui-danger);
	border-radius: 4px;
	margin-left: 6px;
	display: inline-block;
}

ul.navbar-nav > li.nav-item > div.shortcuts > a:hover {
	text-decoration: none;
}

.navbar .navbar-menu-wrapper {
	--nav-hover-bg: rgba(56, 180, 100, 0.18);
	--nav-hover-color: #5fe882;
	--nav-transition: 150ms ease;
	--nav-left-align-offset: 50px;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	background-color: var(--ui-surface) !important;
	border-left: 0 !important;
	height: 63px !important;
	padding: 0 16px !important;
	gap: 16px !important;
}

.navbar .navbar-menu-wrapper > .navbar-nav:not(.navbar-nav-right) {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 12px 0 0 !important;
	border-right: 0 !important;
	color: var(--ui-muted) !important;
	font: 500 0.875rem/1 inherit !important;
	white-space: nowrap !important;
	margin-right: auto !important;
	margin-left: var(--nav-left-align-offset) !important;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	flex: 1 1 auto !important;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right > li,
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right > .nav-item {
	display: flex !important;
	align-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right > a.btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 28px !important;
	padding: 0 12px !important;
	margin: 0 !important;
	font: 600 0.75rem/1 inherit !important;
	border-radius: 6px !important;
	white-space: nowrap !important;
	margin-right: auto !important;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right > a.btn.btn-success {
	background: var(--ui-green-bg) !important;
	border: 1px solid var(--ui-green-border) !important;
	color: var(--ui-green-text) !important;
}

.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right > a.btn.btn-success:hover {
	background: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.45) !important;
}

.navbar .navbar-menu-wrapper .shortcuts {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	padding: 4px !important;
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: 10px !important;
}

.navbar .navbar-menu-wrapper .shortcuts > a {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	border: none !important;
	color: var(--ui-muted) !important;
	text-decoration: none !important;
	transition: background var(--nav-transition), color var(--nav-transition) !important;
}

.navbar .navbar-menu-wrapper .shortcuts > a:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: rgba(48, 54, 61, 0.9) !important;
}

.navbar .navbar-menu-wrapper .shortcuts > a:hover i,
.navbar .navbar-menu-wrapper .shortcuts > a:hover .mdi {
	color: var(--ui-text) !important;
}

.navbar .navbar-menu-wrapper .shortcuts > a > i {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	height: 100% !important;
	font-size: 20px !important;
	line-height: 1 !important;
	color: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
}

.navbar .navbar-menu-wrapper .shortcuts > a > img {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	object-fit: contain !important;
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 28px;
	padding: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, #1a1f26 0%, #0d1117 100%);
	border: 1px solid var(--ui-border);
	cursor: pointer;
	overflow: hidden;
	transition: background 0.4s ease, border-color 0.3s ease;
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle at 8px 8px, rgba(255, 255, 255, 0.15) 1px, transparent 1px), radial-gradient(circle at 20px 18px, rgba(255, 255, 255, 0.10) 1px, transparent 1px), radial-gradient(circle at 38px 6px, rgba(255, 255, 255, 0.12) 1px, transparent 1px), radial-gradient(circle at 44px 20px, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
	opacity: 1;
	transition: opacity 0.4s ease;
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e8e8e8 0%, #c9d1d9 100%);
	box-shadow: inset -4px -3px 0 0 #8b949e, 0 2px 6px rgba(0, 0, 0, 0.3);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.4s ease, box-shadow 0.4s ease;
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn:hover {
	border-color: rgba(46, 160, 67, 0.45);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn:hover::after {
	transform: scale(1.05);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn:focus {
	outline: none;
	box-shadow: 0 0 0 2px rgba(46, 160, 67, 0.25);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn:active::after {
	transform: scale(0.95);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn.is-light {
	background: linear-gradient(135deg, #87ceeb 0%, #b0e0f6 100%);
	border-color: rgba(135, 206, 235, 0.5);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn.is-light::before {
	opacity: 0;
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn.is-light::after {
	transform: translateX(24px);
	background: linear-gradient(135deg, #ffd93d 0%, #ff9500 100%);
	box-shadow: 0 0 0 3px rgba(255, 217, 61, 0.25), 0 0 12px 2px rgba(255, 149, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.15);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn.is-light:hover::after {
	transform: translateX(24px) scale(1.05);
}

.navbar .navbar-menu-wrapper .shortcuts .theme-toggle-btn.is-light:active::after {
	transform: translateX(24px) scale(0.95);
}

.navbar .navbar-menu-wrapper #user_dropdown {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	padding: 2px !important;
	margin-left: 8px !important;
	border-radius: 50% !important;
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	transition: background var(--nav-transition), border-color var(--nav-transition) !important;
}

.navbar .navbar-menu-wrapper #user_dropdown:hover {
	background: rgba(95, 232, 130, 0.15) !important;
	border-color: var(--nav-hover-color) !important;
}

.navbar .navbar-menu-wrapper #user_dropdown:focus {
	box-shadow: none !important;
	outline: none !important;
}

.navbar .navbar-menu-wrapper #user_dropdown img {
	display: block !important;
	border-radius: 50% !important;
}

.navbar .navbar-menu-wrapper #user_dropdown.dropdown-toggle::after {
	display: none !important;
}

.dropdown-menu.navbar-dropdown {
	background: #1c2128 !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: 12px !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
	padding: 8px !important;
	min-width: 200px !important;
	margin-top: 8px !important;
}

.dropdown-menu.navbar-dropdown .dropdown-item {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 12px !important;
	color: var(--ui-text) !important;
	font-size: 0.875rem !important;
	border-radius: 8px !important;
	margin: 2px 0 !important;
	transition: background var(--nav-transition), color var(--nav-transition) !important;
}

.dropdown-menu.navbar-dropdown .dropdown-item i {
	color: var(--ui-muted) !important;
	font-size: 18px !important;
	width: 20px !important;
	text-align: center !important;
	transition: color var(--nav-transition) !important;
}

.dropdown-menu.navbar-dropdown .dropdown-item:hover {
	background: var(--nav-hover-bg) !important;
	color: var(--nav-hover-color) !important;
}

.dropdown-menu.navbar-dropdown .dropdown-item:hover i {
	color: var(--nav-hover-color) !important;
}

.dropdown-menu.navbar-dropdown .dropdown-item:active {
	background: rgba(56, 180, 100, 0.28) !important;
}

@media (max-width: 991.98px) {
	.navbar .navbar-menu-wrapper {
		padding: 0 12px !important;
		gap: 10px !important;
	}
	.navbar .navbar-menu-wrapper .shortcuts > a {
		width: 32px !important;
		height: 32px !important;
	}
	.navbar .navbar-menu-wrapper .shortcuts > a > i {
		font-size: 18px !important;
	}
	.navbar .navbar-menu-wrapper .shortcuts > a > img {
		width: 18px !important;
		height: 18px !important;
	}
}

#manual-div {
	display: inline-block;
}

#manual-div i {
	font-size: 25px;
	color: var(--ui-muted);
	cursor: pointer;
}

#manual-div div {
	border: 1px solid var(--ui-border);
	border-radius: 8px;
	display: inline-block;
	padding: 4px;
	opacity: 0;
	transition: all 1s ease-in-out;
	visibility: hidden;
}

#manual-div div img {
	height: 22px;
}

#manual-div:hover div {
	opacity: 1;
	transition: all 1s ease-in-out;
	visibility: visible;
}

#shift-status-table th {
	text-align: left;
	padding-left: 10px;
}

#shift-status-table td:first-child {
	text-align: left;
}

#shift-status-table td:last-child {
	text-align: right;
}

#shift-shop-sales-table th,
#shift-shop-sales-table td {
	text-align: center;
	padding-left: 10px;
}

#shift-shop-sales-table th:first-child,
#shift-shop-sales-table td:first-child {
	text-align: left;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

[v-cloak] {
	display: none !important;
}

.sweet-alert p {
	color: var(--text-secondary) !important;
}

.sweet-alert {
	background-color: var(--ui-surface) !important;
	border: 1px solid var(--ui-border);
	border-radius: var(--radius-lg) !important;
}

.sweet-alert button {
	color: var(--ui-text) !important;
	background-color: var(--v2-success-color) !important;
	border: 1px solid var(--ui-border) !important;
	transition: all var(--transition-fast);
}

.sweet-alert button:hover {
	color: var(--ui-on-accent) !important;
	background-color: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
}

.sweet-alert button.cancel {
	color: var(--ui-text) !important;
	background-color: var(--v2-danger-color) !important;
	border: 1px solid var(--ui-border) !important;
}

.sweet-alert button.cancel:hover {
	color: var(--ui-on-accent) !important;
	background-color: var(--ui-danger) !important;
	border-color: var(--ui-danger) !important;
}

.sweet-alert h2 {
	color: var(--ui-text) !important;
}

.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
	background: inherit !important;
}

.sweet-alert .sa-icon.sa-success .sa-fix {
	background: inherit !important;
}

.sweet-alert .sa-icon.sa-success .sa-line {
	background-color: var(--accent-primary) !important;
}

label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-bottom: 0;
	cursor: inherit;
}

.table-layout-fixed {
	table-layout: fixed;
}

.c-pointer {
	cursor: pointer !important;
}

.popover .popover-header {
	color: var(--ui-text);
}

.ui-autocomplete.ui-widget-content {
	background-image: none;
	background-color: var(--ui-surface);
	border-color: var(--ui-border);
	border-width: 1px;
	border-radius: 5px;
	padding: 6px;
	box-shadow: var(--shadow-sm);
}

.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus {
	border: none;
	font-weight: normal;
	color: var(--ui-on-accent);
	background-color: var(--ui-accent-hover);
	background-image: none;
}

.ui-autocomplete.ui-widget-content .ui-menu-item {
	background-color: var(--ui-surface);
	color: var(--ui-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ui-widget-overlay {
	background: var(--ui-bg) !important;
	opacity: 0.65 !important;
}

.ui-dialog {
	background-color: var(--ui-surface) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-lg) !important;
	color: var(--ui-text) !important;
	padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: var(--ui-surface) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--ui-border) !important;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.ui-dialog .ui-dialog-title {
	color: var(--ui-text) !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	border-radius: var(--radius-sm) !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
	background-color: var(--ui-danger-bg) !important;
	border-color: var(--ui-danger-border) !important;
}

.ui-dialog .ui-dialog-content {
	background-color: var(--ui-surface) !important;
	color: var(--ui-text) !important;
}

.ui-dialog .ui-dialog-buttonpane {
	background-color: var(--ui-surface) !important;
	border-top: 1px solid var(--ui-border) !important;
}

.ui-dialog .ui-dialog-buttonpane button {
	color: var(--ui-text) !important;
	background-color: var(--ui-surface) !important;
	border: 1px solid var(--ui-border) !important;
	transition: all var(--transition-fast);
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	color: var(--ui-on-accent) !important;
	background-color: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
}

.ui-dialog .ui-dialog-buttonpane button:focus {
	box-shadow: none !important;
	outline: none;
}

#toast-container .opacity-1 {
	opacity: 1 !important;
}

#toast-container {
	pointer-events: none;
}

#toast-container > div,
#toast-container > .toast {
	pointer-events: auto;
}

#toast-container > div.toast,
#toast-container > .toast {
	background: var(--bg-card) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-lg) !important;
	box-shadow: var(--shadow-lg) !important;
	color: var(--ui-text) !important;
	padding: 14px 16px !important;
	opacity: 1 !important;
}

#toast-container > div.toast .toast-title,
#toast-container > .toast .toast-title {
	color: var(--ui-text) !important;
	font-weight: 700;
	margin-bottom: 4px;
}

#toast-container > div.toast .toast-message,
#toast-container > .toast .toast-message {
	color: var(--ui-muted) !important;
	line-height: 1.35;
}

.toast-message a {
	color: var(--info) !important;
}

#toast-container > div.toast .toast-close-button,
#toast-container > .toast .toast-close-button {
	color: var(--ui-muted) !important;
	opacity: 1 !important;
	text-shadow: none !important;
}

#toast-container > div.toast .toast-close-button:hover,
#toast-container > .toast .toast-close-button:hover {
	color: var(--ui-text) !important;
}

#toast-container > div.toast button.btn,
#toast-container > .toast button.btn {
	border-radius: var(--radius-sm) !important;
	padding: 6px 10px !important;
	font-weight: 600;
	line-height: 1;
	border: 1px solid var(--ui-border) !important;
	background: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

#toast-container > div.toast button.btn:hover,
#toast-container > .toast button.btn:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
}

#toast-container > div.toast button.btn.clear,
#toast-container > .toast button.btn.clear {
	background: transparent !important;
	color: var(--ui-muted) !important;
	border-color: transparent !important;
}

#toast-container > div.toast button.btn.clear:hover,
#toast-container > .toast button.btn.clear:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-text) !important;
}

#toast-container > div.toast button.btn.btn-info,
#toast-container > .toast button.btn.btn-info {
	background: var(--ui-accent) !important;
	border-color: var(--ui-accent) !important;
	color: var(--ui-on-accent) !important;
}

#toast-container > div.toast button.btn.btn-info:hover,
#toast-container > .toast button.btn.btn-info:hover {
	background: var(--ui-accent-hover) !important;
	border-color: var(--ui-accent-hover) !important;
	color: var(--ui-on-accent) !important;
}

input[type="time"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-calendar-picker-indicator {
	filter: invert(80%);
}

.custom-tabs .nav-tabs {
	border: none;
}

.custom-tabs .nav-tabs .nav-link {
	font-weight: 500;
	border: none;
	padding: 8px 20px;
	background: none;
}

.custom-tabs .nav-tabs .nav-link.active {
	border-bottom: 2px solid #23af47;
}

.custom-tabs .nav-tabs .nav-link:hover {
	border: none;
	border-bottom: 2px solid #23af47;
}

.products-container .stock-item {
	float: left;
	margin: 10px 10px 10px 0;
	font-size: 12px;
	background-color: var(--bg-card);
	border: 1px solid var(--border-default);
	border-radius: var(--radius-lg);
	overflow: hidden;
	color: var(--text-secondary);
	cursor: pointer;
	box-shadow: var(--shadow-sm);
	position: relative;
	transition: all var(--transition-normal);
}

.products-container .stock-item:hover {
	border-color: var(--accent-primary);
	transform: translateY(-2px);
}

.products-container .stock-item .header-icons {
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: right;
	padding: 2px;
}

.products-container .stock-item .product-qty {
	background: var(--accent-primary);
	width: 30px;
	height: 30px;
	color: white;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	font-weight: 600;
}

.products-container .stock-item-disable {
	background-color: var(--bg-elevated);
	color: var(--text-muted);
	cursor: default;
}

.products-container .stock-item-disable:hover {
	border-color: var(--border-default);
	transform: none;
}

.products-container .stock-item-disable img {
	filter: grayscale(100%);
	opacity: 0.6;
}

.products-container .stock-item-disable .stock {
	color: var(--ui-danger);
}

.products-container .stock-item img {
	width: 120px;
	display: block;
	opacity: 0.8;
}

.products-container .stock-item .price_stock {
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	padding: 5px 10px 10px;
}

.products-container .stock-item .price_stock .price {
	color: var(--accent-primary);
	font-weight: bold;
}

.products-container .stock-item .name {
	position: relative;
	display: block;
	width: 100%;
	border: 0 solid red;
	text-align: left;
	margin: 0;
	padding: 5px 10px 10px;
}

.products-container .stock-item-normal:hover {
	background-color: var(--bg-card-hover);
}

.products-container .dropdown-item-active {
	color: var(--accent-primary);
	background-color: var(--accent-primary-light);
}

.products-container .dropdown-item {
	padding: 5px 8px;
	font-size: 0.813rem;
}

.sidebar {
	background: var(--ui-surface) !important;
	border-right: 1px solid var(--ui-border) !important;
}

.sidebar .nav {
	padding: 8px !important;
}

.sidebar .nav .nav-item.nav-profile {
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-md) !important;
	margin-bottom: 12px !important;
	padding: 8px !important;
}

.sidebar .nav .nav-item.nav-profile .nav-link {
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.sidebar .nav .nav-item.nav-profile .profile-name .name {
	color: var(--ui-text) !important;
}

.sidebar .nav .nav-item.nav-profile .profile-name .designation {
	color: var(--ui-muted) !important;
}

.sidebar .nav .nav-item {
	margin: 2px 0 !important;
	border-radius: var(--radius-sm) !important;
	background: transparent !important;
}

.sidebar .nav .nav-item .nav-link {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 10px 12px !important;
	border-radius: var(--radius-sm) !important;
	background: transparent !important;
	color: var(--ui-muted) !important;
	transition: background var(--transition-fast), color var(--transition-fast) !important;
}

.sidebar .nav .nav-item .nav-link .menu-icon {
	font-size: 20px !important;
	width: 24px !important;
	text-align: center !important;
	color: inherit !important;
	margin-right: 0 !important;
}

.sidebar .nav .nav-item .nav-link .menu-title {
	color: inherit !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
}

.sidebar .nav .nav-item:hover > .nav-link,
.sidebar .nav .nav-item .nav-link:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	color: var(--ui-text) !important;
	border-radius: var(--radius-sm) !important;
}

.sidebar .nav .nav-item:hover > .nav-link .menu-icon,
.sidebar .nav .nav-item .nav-link:hover .menu-icon {
	color: var(--ui-text) !important;
}

.sidebar .nav .nav-item.active {
	background: transparent !important;
}

.sidebar .nav .nav-item.active > .nav-link {
	background: rgba(46, 160, 67, 0.16) !important;
	color: var(--ui-text) !important;
	border-radius: var(--radius-sm) !important;
}

.sidebar .nav .nav-item.active > .nav-link .menu-icon {
	color: var(--ui-accent) !important;
}

.sidebar .nav .nav-item.active > .nav-link .menu-title {
	color: var(--ui-text) !important;
}

.sidebar .nav .nav-item .nav-link .badge {
	background: var(--ui-danger) !important;
	color: #fff !important;
	font-size: 10px !important;
	padding: 2px 6px !important;
	border-radius: 10px !important;
	margin-left: auto !important;
}

.sidebar .nav .nav-item .nav-link .red-dot {
	margin-left: auto !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link,
.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link[aria-expanded="true"],
.sidebar .nav:not(.sub-menu) > .nav-item:active > .nav-link,
.sidebar .nav:not(.sub-menu) > .nav-item:focus > .nav-link,
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
	border-radius: var(--radius-sm) !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link[aria-expanded="true"],
.sidebar .nav:not(.sub-menu) > .nav-item:active > .nav-link,
.sidebar .nav:not(.sub-menu) > .nav-item:focus > .nav-link,
.sidebar .nav .nav-item .nav-link[aria-expanded="true"] {
	background: rgba(255, 255, 255, 0.04) !important;
}

.sidebar .nav.sub-menu {
	background: transparent !important;
	padding-left: 36px !important;
}

.sidebar .nav.sub-menu .nav-item::before {
	display: none !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
	color: var(--ui-muted) !important;
	padding: 8px 12px !important;
	border-radius: var(--radius-sm) !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link:hover {
	background: rgba(255, 255, 255, 0.04) !important;
	color: var(--ui-text) !important;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
	background: transparent !important;
	color: #fff !important;
}

@media screen and (max-width: 991px) {
	.sidebar-offcanvas {
		background: var(--ui-surface) !important;
	}
}

@media (min-width: 992px) {
	body.sidebar-icon-only .sidebar .nav {
		padding: 10px 8px 14px !important;
		margin-bottom: 14px !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item {
		margin: 4px 0 !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link {
		height: 44px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		border-radius: 12px !important;
		position: relative !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link .badge,
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link .red-dot {
		position: absolute !important;
		top: 6px !important;
		right: 6px !important;
		margin-left: 0 !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link .badge {
		min-width: 18px !important;
		height: 18px !important;
		line-height: 16px !important;
		padding: 0 5px !important;
		border-radius: 999px !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link .red-dot {
		width: 8px !important;
		height: 8px !important;
		border-radius: 4px !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item > .nav-link i.menu-icon {
		margin: 0 !important;
		width: 22px !important;
		height: 22px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 18px !important;
		line-height: 1 !important;
	}
	body.sidebar-icon-only .sidebar .nav .nav-item.nav-profile {
		margin: 8px 0 10px !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}
	body.sidebar-icon-only .sidebar .nav .nav-item.nav-profile .nav-link {
		height: 56px !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border-radius: 14px !important;
		background: rgba(255, 255, 255, 0.02) !important;
		border: 1px solid rgba(48, 54, 61, 0.7) !important;
	}
	body.sidebar-icon-only .sidebar .nav .nav-item.nav-profile .profile-image {
		width: auto !important;
	}
	body.sidebar-icon-only .sidebar .nav .nav-item.nav-profile .profile-image img {
		width: 36px !important;
		height: 36px !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item.active > .nav-link {
		background: rgba(46, 160, 67, 0.16) !important;
		color: var(--ui-text) !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item.active > .nav-link i.menu-icon {
		color: var(--ui-accent) !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
		background: rgba(255, 255, 255, 0.04) !important;
		color: var(--ui-text) !important;
	}
	body.sidebar-icon-only .sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link i.menu-icon {
		color: var(--ui-text) !important;
	}
}

.navbar.fixed-top {
	border-bottom: none !important;
}

.navbar .navbar-brand-wrapper {
	background: var(--ui-surface) !important;
	border-bottom: none !important;
	border-right: 1px solid var(--ui-border) !important;
	height: 63px !important;
}

.navbar .navbar-brand-wrapper .navbar-toggler {
	color: var(--ui-muted) !important;
	transition: color var(--transition-fast) !important;
}

.navbar .navbar-brand-wrapper .navbar-toggler:hover {
	color: var(--ui-text) !important;
	background: var(--v2-success-color) !important;
	border-color: rgba(46, 160, 67, 0.30) !important;
}

@media (min-width: 992px) {
	body.sidebar-icon-only .navbar .navbar-brand-wrapper {
		padding: 0 8px !important;
		justify-content: center !important;
	}
	body.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-brand {
		display: none !important;
	}
	body.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-toggler {
		width: 44px !important;
		height: 44px !important;
		padding: 0 !important;
		margin: 0 !important;
		border-radius: 12px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		background: rgba(255, 255, 255, 0.02) !important;
		border: 1px solid rgba(48, 54, 61, 0.7) !important;
		color: var(--ui-muted) !important;
	}
	body.sidebar-icon-only .navbar .navbar-brand-wrapper .navbar-toggler .mdi {
		font-size: 18px !important;
		line-height: 1 !important;
	}
}

.page-header-tab {
	background: transparent !important;
	border: 0 !important;
	border-bottom: 0 !important;
	padding: 6px 0 !important;
	margin-bottom: 0 !important;
}

.page-header-tab .row {
	align-items: center !important;
}

.page-header-tab > .col-12.pl-0.pr-0 {
	background: var(--bg-elevated) !important;
	border-radius: var(--radius-md) !important;
	box-shadow: var(--shadow-sm) !important;
	padding: 6px 10px !important;
}

.page-header-tab .nav-tabs.tab-transparent {
	border-bottom: none !important;
	display: inline-flex !important;
	flex-wrap: wrap !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: var(--radius-md) !important;
	box-shadow: none !important;
}

.page-header-tab .btn {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	color: var(--ui-text) !important;
	transition: all var(--transition-fast) !important;
}

.page-header-tab .btn:hover {
	background-color: var(--ui-green-bg) !important;
	border-color: var(--ui-green-border) !important;
	color: var(--ui-text) !important;
}

.page-header-tab .btn:focus {
	box-shadow: none !important;
	outline: none !important;
}

.page-header-tab .form-control,
.page-header-tab select.form-control {
	background-color: var(--bg-elevated) !important;
	color: var(--ui-text) !important;
	border-color: var(--ui-border) !important;
	height: 38px !important;
}

.page-header-tab .form-control:focus,
.page-header-tab select.form-control:focus {
	border-color: var(--ui-green-border) !important;
	box-shadow: none !important;
	outline: none !important;
}

.page-header-tab .form-control::placeholder {
	color: var(--ui-muted) !important;
}

.justify-content-end1 {
	justify-content: flex-end !important;
}

.page-header-tab .d-flex.justify-content-end1,
.page-header-tab .d-flex.justify-content-end,
.page-header-tab .text-md-right.d-md-block,
.page-header-tab .text-md-right.d-none.d-md-block {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
}

.page-header-tab .d-flex.justify-content-end1 > .d-inline-flex,
.page-header-tab .d-flex.justify-content-end > .d-inline-flex,
.page-header-tab .text-md-right > .d-inline-flex {
	gap: 8px 10px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: var(--radius-md) !important;
	box-shadow: none !important;
}

.page-header-tab .d-flex.justify-content-end1 .form-inline,
.page-header-tab .d-flex.justify-content-end .form-inline,
.page-header-tab .text-md-right .form-inline {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px 10px !important;
	margin: 0 !important;
}

.page-header-tab .d-flex.justify-content-end1 > .d-inline-flex > div,
.page-header-tab .d-flex.justify-content-end > .d-inline-flex > div,
.page-header-tab .text-md-right > .d-inline-flex > div {
	margin: 0 !important;
	padding-right: 0 !important;
}

.page-header-tab .d-flex.justify-content-end1 > .d-inline-flex .btn.btn-icon,
.page-header-tab .d-flex.justify-content-end > .d-inline-flex .btn.btn-icon,
.page-header-tab .text-md-right > .d-inline-flex .btn.btn-icon {
	width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 10px !important;
}

.page-header-tab .d-flex.justify-content-end1 > .d-inline-flex .btn.btn-icon i,
.page-header-tab .d-flex.justify-content-end > .d-inline-flex .btn.btn-icon i,
.page-header-tab .text-md-right > .d-inline-flex .btn.btn-icon i,
.page-header-tab .d-flex.justify-content-end1 > .d-inline-flex .btn.btn-icon .mdi,
.page-header-tab .d-flex.justify-content-end > .d-inline-flex .btn.btn-icon .mdi,
.page-header-tab .text-md-right > .d-inline-flex .btn.btn-icon .mdi,
.page-header-tab .d-flex.justify-content-end1 > .d-inline-flex .btn.btn-icon .fa,
.page-header-tab .d-flex.justify-content-end > .d-inline-flex .btn.btn-icon .fa,
.page-header-tab .text-md-right > .d-inline-flex .btn.btn-icon .fa {
	font-size: 18px !important;
	line-height: 1 !important;
	margin: 0 !important;
}

.page-header-tab .text-md-right .input-group {
	border-radius: 10px !important;
	overflow: hidden;
}

.page-header-tab .text-md-right .input-group .mr-2 {
	margin-right: 0 !important;
}

.page-header-tab .text-md-right .input-group > .input-group-prepend > .form-control,
.page-header-tab .text-md-right .input-group > .input-group-prepend > select.form-control {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

.page-header-tab .text-md-right .input-group > .form-control {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

@media (max-width: 576px) {
	.page-header-tab .nav-tabs.tab-transparent .nav-item .nav-link {
		padding: 8px 10px !important;
		font-size: 0.8125rem !important;
	}
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap,
.page-header-tab #boot_toolbar {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px 10px !important;
	align-items: center !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: var(--radius-md) !important;
	box-shadow: none !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap > div,
.page-header-tab #boot_toolbar > div {
	margin: 0 !important;
	padding-right: 0 !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap .btn,
.page-header-tab #boot_toolbar .btn {
	margin-right: 0 !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap .btn.btn-icon {
	width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 10px !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap .btn.btn-icon i,
.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap .btn.btn-icon .mdi,
.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap .btn.btn-icon .fa {
	font-size: 18px !important;
	line-height: 1 !important;
	margin: 0 !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap select.form-control,
.page-header-tab #boot_toolbar select.form-control {
	height: 38px !important;
	border-radius: 10px !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group {
	width: 170px !important;
}

.page-header-tab #boot_toolbar .input-group {
	border-radius: 10px !important;
	overflow: hidden;
}

.page-header-tab #boot_toolbar .input-group-text,
.page-header-tab #boot_toolbar .form-control {
	height: 38px !important;
	background-color: var(--bg-card) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-text) !important;
}

#bootPanel .page-header-tab .col-12.col-sm-6.d-flex.justify-content-end1.align-items-center,
#bootPanel .page-header-tab .col-12.col-sm-6.mb-xs-4.mb-xl-0.pt-2.pb-2.d-flex.justify-content-end1.align-items-center {
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
	gap: 8px 10px !important;
}

#bootPanel .page-header-tab #image_status {
	width: auto !important;
	max-width: 320px;
	flex: 1 1 220px !important;
	margin-right: 0 !important;
}

#bootPanel .page-header-tab #boot_toolbar {
	flex: 0 1 auto !important;
}

#bootPanel .page-header-tab #boot_toolbar .pr-1,
#bootPanel .page-header-tab #boot_toolbar .mb-3,
#bootPanel .page-header-tab #boot_toolbar .mb-xl-0,
#bootPanel .page-header-tab #boot_toolbar .mr-3,
#bootPanel .page-header-tab #boot_toolbar .mr-2 {
	margin: 0 !important;
	padding: 0 !important;
}

#bootPanel .page-header-tab #ccboot_server_status {
	margin: 0 !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group .input-group-text,
.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group .form-control {
	height: 38px !important;
	background-color: var(--bg-card) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-text) !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group .input-group-text {
	border-right: 0 !important;
	padding: 0 10px !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group .form-control {
	border-left: 1px solid rgba(48, 54, 61, 0.95) !important;
	padding: 0 12px !important;
	font-size: 12px !important;
}

.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group:focus-within .input-group-text,
.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group:focus-within .form-control {
	border-color: var(--ui-green-border) !important;
}

@media (max-width: 991.98px) {
	.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap {
		padding: 6px !important;
	}
	.page-header-tab #toolbar.d-flex.justify-content-end.flex-wrap #search-member-group {
		width: 150px !important;
	}
}

.page-header-tab .buttons.d-flex.justify-content-end {
	gap: 8px 10px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

.page-header-tab .buttons.d-flex.justify-content-end .d-inline-flex {
	gap: 8px 10px !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	padding: 6px !important;
	background: var(--bg-elevated) !important;
	border: 1px solid var(--ui-border) !important;
	border-radius: var(--radius-md) !important;
}

.page-header-tab .buttons.d-flex.justify-content-end .d-inline-flex > div {
	margin: 0 !important;
	padding-right: 0 !important;
}

.page-header-tab .buttons.d-flex.justify-content-end .btn {
	margin-right: 0 !important;
}

.page-header-tab .buttons.d-flex.justify-content-end .btn.btn-icon {
	width: 38px !important;
	height: 38px !important;
	padding: 0 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	border-radius: 10px !important;
}

.page-header-tab .buttons.d-flex.justify-content-end .btn.btn-icon i,
.page-header-tab .buttons.d-flex.justify-content-end .btn.btn-icon .mdi,
.page-header-tab .buttons.d-flex.justify-content-end .btn.btn-icon .fa {
	font-size: 18px !important;
	line-height: 1 !important;
	margin: 0 !important;
}

#gamesPanel .page-header-tab .buttons.d-flex.justify-content-end .d-inline-flex {
	flex-wrap: nowrap !important;
	max-width: 100% !important;
	overflow-x: auto;
	overflow-y: hidden;
}

#gamesPanel .page-header-tab .buttons .input-group {
	align-items: stretch !important;
}

#gamesPanel .page-header-tab .buttons .input-group-text {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 38px !important;
	width: 38px !important;
	padding: 0 !important;
	background-color: var(--bg-card) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-muted) !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 10px !important;
}

#gamesPanel .page-header-tab .buttons .input-group-text .mdi {
	font-size: 18px !important;
	line-height: 1 !important;
	color: var(--ui-text) !important;
}

#gamesPanel .page-header-tab .buttons .input-group .form-control {
	height: 38px !important;
	background-color: var(--bg-card) !important;
	border-color: var(--ui-border) !important;
	color: var(--ui-text) !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}

#gamesPanel .page-header-tab .buttons .input-group:focus-within .input-group-text,
#gamesPanel .page-header-tab .buttons .input-group:focus-within .form-control {
	border-color: var(--ui-green-border) !important;
}

#gamesPanel #games-icafecloud-server-status {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	margin: 0 !important;
	border-radius: 10px !important;
	background: var(--bg-card) !important;
	border: 1px solid var(--ui-border) !important;
}

.nav-tabs .nav-link {
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--bg-elevated) !important;
}

.table thead th,
.jsgrid .jsgrid-table thead th,
.table tfoot th {
	background-color: var(--ui-surface);
}

#offerPreview .pc-member-group,
#timePricePanel .pc-member-group {
	background: var(--bg-elevated) !important;
}

.custom-file-label {
	color: #e9e6e6;
	background-color: var(--bg-elevated) !important;
	border: 1px solid var(--bg-elevated) !important;
}