.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;
}

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

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

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

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

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

.nav-item a {
	cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

.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,
#games-icafecloud-server-status {
	font-size: 18px;
	color: #b1b1b5;
	display: inline-block;
}

#bootPanel #ccboot_server_status.active,
#games-icafecloud-server-status.active {
	color: #00cc00;
}

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

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

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

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

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

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

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

.fa-square-o,
#bootPanel .fa-square-o,
#productsPanel .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;
}

td,
#bootPanel td,
#computersPanel td {
	cursor: default;
}
.badge-pc-Offline { color: #212529; background-color: #e1e6fa; overflow: hidden; text-overflow: ellipsis; width: 62px;}
#computersPanel .table tr[data-pc_enabled="0"] .statusTd label { color: red !important;}
.badge-pc-Online { color: #fff; background-color: #23af47; overflow: hidden; text-overflow: ellipsis; width: 62px;}
.badge-pc-Standby { color: #212529; background-color: #fbbc06; overflow: hidden; text-overflow: ellipsis; width: 62px;}
.badge-pc-Booking { color: #f0f0f0; background-color: mediumpurple; overflow: hidden; text-overflow: ellipsis; width: 62px;}
.badge-pc-Paused { color: #212529; background-color: #fbbc06; overflow: hidden; text-overflow: ellipsis; width: 62px;}
.badge-pc-Disconnected { color: #fff; background-color: #02abfe; overflow: hidden; text-overflow: ellipsis; width: 62px;}
.badge-pc-Maintenance { color: #fff; background-color: rgba(255, 255, 255, 0.4); overflow: hidden; text-overflow: ellipsis; width: 62px;}
tr[data-pc_status_text=Online] td, tr[data-pc_status_text=Disconnected] td { color: #e1e6fa !important; }

.pc-status-busy { color: #23af47; }
.pc-status-free { color: #fbbc06; }
.pc-status-offline { color: #f7f7f7; }
.pc-status-member { color: #23af47; }

.pc-layout-status-busy { background-color: #23af47; margin-left:8px; }
.pc-layout-status-free { background-color: #fbbc06; }
.pc-layout-status-offline { background-color: #f7f7f7; }
.pc-layout-status-member { background-color: #23af47; }


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

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

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

#bootPanel .badge-pc-Enable,
#bootPanel .badge-pc-Offline,
.badge-pc-Offline {
	color: #202020;
	background-color: #f7f7f7;
	width: 62px;
	overflow: hidden;
	text-overflow: ellipsis;
}

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

#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: 0rem !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,
.ui-autocomplete {
	z-index: 1999 !important
}

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

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

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

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

.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: 0px 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;
}

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

#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: 0px 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 rgb(252, 252, 252);
}

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

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

#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;
}

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

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

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

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

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

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

.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;
}

.ms-options-wrap > button > span,
.ui-autocomplete.ui-widget-content .ui-menu-item {
	color: #f2f2f2;
}

.ms-options-wrap > .ms-options {
	background-color: #2b2e4c;
}

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

.form-group,
#form-game-edit .form-group,
#gameLicensedPanel .form-group,
#gameSettingsPanel .form-group,
#membersEmployeePanel .form-group,
#memberGroupPanel .form-group,
#membersIndexPanel .form-group,
#membersSettingsPanel .form-group,
#reportsSettingsPanel .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;
}

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

#pool-select-games,
#pool-select-pc-groups,
#pool-select-member-groups,
#productsPanel #pool-select-pc-groups,
#productsPanel #pool-select-member-groups,
#timeOfferPanel #select-pc-groups,
#timeOfferPanel #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,
#timeOfferPanel #select-pc-groups,
#timeOfferPanel #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,
#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,
.myModalBrowseFile .fa-hdd-o,
.myModalBrowseFile .fa-file-o {
	padding-right: 8px;
}

.ellipsiss,
#logsPanel .ellipsiss,
#mailboxPanel .ellipsiss,
#promoBonusPanel .ellipsiss,
#promoDiscountsUsagePanel .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,
#importMemberModal .modal-content,
#importCsvProductsModal .modal-content {
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

#mailboxPanel #staff_message_modal .custom-upload-area,
#importMemberModal .custom-upload-area,
#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,
#importMemberModal .upload-wrapper,
#importCsvProductsModal .upload-wrapper {
	padding: 1.5rem;
	cursor: pointer;
}

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

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

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

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

#mailboxPanel #staff_message_modal .file-info,
#importMemberModal .file-info,
#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,
#importMemberModal .x-small,
#importCsvProductsModal .x-small {
	font-size: 0.75rem;
}

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

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

.table-hover th,
table thead th {
	color: #b1b1b5;
}

#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;
}

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

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

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

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

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

#posPanel .order-status-td span,
#shopPanel #orderlist-items .table-row .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 {
	box-shadow: none !important;
}

.stock-item,
#posPanel .stock-item,
.products-container .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;
}

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item,
#posPanel .dropdown-item,
.products-container .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;
}

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

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

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

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

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

.popup_menu ul,
.popup_menu li,
#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;
}

.popup_menu a,
#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;
}

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

.popup_menu .header,
#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;
}

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

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

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

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

.fixedpriceheadh td,
#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;
}

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

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

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

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

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

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

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

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

.price-detail .detail,
#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%;
}

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

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

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

.preview-wrapper::-webkit-scrollbar-thumb,
#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;
}

.preview-wrapper::-webkit-scrollbar-track,
#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;
}

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

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

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

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

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

.form-check-inline label span,
#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;
}

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

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

#productsPanel .dialog-product-group table td,
#membersPanel .dialog-member-group table tbody td,
#membersPanel .dialog-pc-group table tbody th {
	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 0;
	top: 50%;
	left: 3px;
	zoom: 180%;
}

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

#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;
	z-index: 30;
}

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

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

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

#membersPanel .adminOnly {
	display: none;
}

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

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

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

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

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

#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: 0px 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 0px 0px;
	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;
}

.pc-layout-status-busy,
#tablePanel .pc-layout-status-busy {
	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;
}

.pc-layout-status-member,
#tablePanel .pc-layout-status-member {
	background-color: #23af47;
}

#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: 0px;
}

#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;
}

#tablePanel .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: 0px;
	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;
}

.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: #eeeeee !important;
	color: #000 !important;
	margin: 0 0 8px 0;
	border-top: none;
	border-bottom: 1px solid #666;
}

.context-menu-list {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background-color: #27293d !important;
	border: none !important;
}

.context-menu-item {
	background-color: #27293d !important;
	color: rgba(250, 255, 255, 0.5) !important;
}

.context-menu-item.context-menu-disabled {
	color: rgba(250, 255, 255, 0.3) !important;
}

.context-menu-visible {
	color: #c0c0c0 !important;
}

.context-menu-separator {
	border-bottom: 1px solid #666 !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;
}

.cover div {
	position: fixed;
	left: calc(50% - 40px);
	top: calc(50% - 40px);
}

input.form-control:disabled,
input.form-control:read-only {
	background-color: #ababab !important;
	color: #626262 !important;
}

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

.btn-default {
	color: #fff;
	background-color: #707889;
	border-color: #707889;
}

.btn-default:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #595f6d;
	border-color: #535966;
}

.btn-default:disabled {
	color: #fff;
	background-color: #707889;
	border-color: #707889;
}

.btn-default:focus {
	box-shadow: 0 0 0 0.2rem rgba(133, 140, 155, 0.5);
}

.btn-default:hover {
	color: #fff;
	background-color: #5f6674;
	border-color: #595f6d;
}

.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;
}

table thead th a,
.dropdown-item a {
	color: #b1b1b5;
}

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

.dropdown-item:hover,
.dropdown-item:focus {
	color: #b1b1b5;
	text-decoration: none;
	background-color: #1c2c42;
}

.hidden {
	display: none;
}

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

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

.table-responsive::-webkit-scrollbar-thumb {
	background: #282c44 !important;
	border: 1px solid #282c44 !important;
	border-radius: 5px !important;
	background-clip: content-box !important;
}

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

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

body.show-scrollbar::-webkit-scrollbar-thumb {
	background: #282c44 !important;
	border: 1px solid #282c44 !important;
	border-radius: 5px !important;
	background-clip: content-box !important;
}

body.show-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #b1b1b5;
}

.form-control {
	padding: 0.409rem !important;
	height: 36px !important;
}

.form-control::-webkit-input-placeholder {
	color: #626262 !important;
}

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

.input-group-append button:hover {
	background-color: #337ab7;
}

.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;
}

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

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

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

body,
html {
	background: #1c1e2f;
}

.container-scroller {
	opacity: 0;
}

.modal.fade {
	background-color: rgba(0, 0, 0, 0.5);
}

.form-control:disabled {
	color: #777777 !important;
}

.red-dot {
	width: 8px;
	height: 8px;
	background-color: #ff0000;
	border-radius: 4px;
	margin-left: 6px;
	display: inline-block;
}

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

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

#manual-div i {
	font-size: 25px;
	color: #bdc2cc;
	cursor: pointer;
}

#manual-div div {
	border: 1px solid #cccccc;
	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: 0px;
	margin-right: 0px;
}

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

.sweet-alert p {
	color: #b1b1b5 !important;
}

.sweet-alert {
	background-color: #323748 !important;
}

.sweet-alert button {
	color: #fff !important;
	background-color: #02abfe !important;
}

.sweet-alert button:hover {
	color: #fff !important;
	background-color: #0192d9 !important;
}

.sweet-alert button.cancel {
	color: #fff !important;
	background-color: #707889 !important;
}

.sweet-alert button.cancel:hover {
	color: #fff !important;
	background-color: #5f6674 !important;
}

.sweet-alert h2 {
	color: #fff !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;
}

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

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

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

.popover .popover-header {
	color: #fff;
}

.ui-autocomplete.ui-widget-content {
	background-image: none;
	background-color: rgb(67, 69, 104);
	border-color: #6c6c6c;
	border-width: 1px;
	border-radius: 5px;
	padding: 6px;
	box-shadow: 1px 1px #4b3d3d73;
}

.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus {
	border: none;
	font-weight: normal;
	color: #e9e6e6;
	background-color: #2f6abc;
	background-image: none;
}

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

.adult-only::before {
	content: "\01F51E";
	font: bold 36px/1 'Arial Black', sans-serif;
	display: inline-block;
}

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

.navbar .shortcuts .theme-toggle-btn {
	transform: translateY(50%) translateY(-3px);
}

#posPanel .pos-table {
	background-color: #222437;
	height: calc(100vh - 63px - 5rem);
}

/* Game-specific event icons */
#eventsPanel .events .event-custom .icon {
	background: url(../images/custom-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-all .icon {
	background: url(../images/all-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-fortnite .icon {
	background: url(../images/fortnite-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-pubg .icon {
	background: url(../images/pubg-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-dota2 .icon {
	background: url(../images/dota2-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-csgo .icon {
	background: url(../images/csgo-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-lol .icon {
	background: url(../images/lol-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-valorant .icon {
	background: url(../images/valorant-side.jpg);
	background-size: cover;
}

#eventsPanel .events .event-apex .icon {
	background: url(../images/apex-side.jpg);
	background-size: cover;
}


#search-member-dropdown-menus {
	position: absolute;
	border-radius: 5px;
	list-style:none; padding:0;
	background-color:rgb(43, 46, 76);
	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 8px 10px; width: 185px; display: block;height:80px; background: rgb(43, 46, 76);}
#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; }