.ellipsiss{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.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; }

.modal-body .form-group { margin-bottom: 0.5rem !important; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.input-group-addon { padding-top: calc(0.875rem + 1px); padding-bottom: calc(0.875rem + 1px); padding-left:3px; }

table thead th { text-transform: uppercase; }
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; }

/* pc and boot page scrollbar */
body:has(#top-pc.active,#top-boot.active)::-webkit-scrollbar{
    width:10px ;
}
body:has(#top-pc.active,#top-boot.active)::-webkit-scrollbar-thumb {
	background: #282c44 !important;
	border: 1px solid #282c44 !important;
	border-radius: 5px !important;
	background-clip: content-box !important;
}
body:has(#top-pc.active,#top-boot.active)::-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 15px 35px !important; }
.modal-body { padding:15px 35px 15px 35px !important; }

#tabs .dropdown-item { padding: 0 !important; }
#tabs .dropdown-item a { display: block; clear: both; white-space: nowrap; padding:.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 }

/* override autocomplate css */
.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;
}

.ui-autocomplete.ui-widget-content .ui-menu-item{
	background-color: rgb(67, 69, 104);
	color: #e9e6e6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* toast */
#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%); 
}