/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI :  

====================================================
	/* ---------------------------------
1. MAIN STYLES
--------------------------------- */
@media Print {
	.Noprn {
		DISPLAY: none
	}
}

.hiddencol {
	display: none;
}

.viscol {
	display: block;
}

.float-button {
	position: fixed;
	height: 50px;
	width: 90px;
	bottom: 20px;
	right: 10px;
}



.float-StockList {
	position: fixed;
	top: 90px;
	left: 20px;
	background-color: white;
	border: medium solid #008000;
}

.boxline {
	background-color: white;
	border: medium solid #008000;
}

.word {
	background: #E4FFE9;
	width: 250px;
	margin: 50px auto;
	padding: 20px;
	font-family: "microsoft yahei";
}
/* 强制不换行 */
.nowrap {
	white-space: nowrap;
}
/* 允许单词内断句，首先会尝试挪到下一行，看看下一行的宽度够不够，
			不够的话就进行单词内的断句 */
.breakword {
	word-wrap: break-word;
}
/* 断句时，不会把长单词挪到下一行，而是直接进行单词内的断句 */
.breakAll {
	word-break: break-all;
}
/* 超出部分显示省略号 */
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
}


.Scan-float {
    position: fixed;
    top: 00px;
    left: 00px;
    height: 100%;
    width: 100%;
    background-color: #000000;
    z-index: 99999;
}

#bcid {
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 154px;
    text-align: center;
}


.Scan-tip {
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0px -1px #103E5c;
}

.Scan-footer {
    width: 101%; 
    position: absolute;
    bottom: 86px;
    line-height: 62px;
    text-align: center;
    color: #FFF; 
}

.foot1 {
	position: absolute;
	bottom: 0px;
	background-color: white;
}

.foot2 {
	bottom: 60px;
	background-color: white;
	z-index: -1;
}

.Scan-fbt {
    width: 33%;
    height: 6rem; 
    float: left;
}

	.Scan-fbt:active {
		-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
	}

.fixfixed.navbar-fixed-top {
	position: absolute;
}

.file {
	position: relative;
	display: inline-block;
	background: #D0EEFF;
	border: 1px solid #99D3F5;
	border-radius: 4px;
	padding: 4px 12px;
	overflow: hidden;
	color: #1E88C7;
	text-decoration: none;
	text-indent: 0;
	line-height: 20px;
}

	.file input {
		position: absolute;
		font-size: 100px;
		right: 0;
		top: 0;
		opacity: 0;
	}

	.file:hover {
		background: #AADFFD;
		border-color: #78C3F3;
		color: #004974;
		text-decoration: none;
	}

.avatar {
	vertical-align: middle;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.formcontrol {
	height: 34px;
	/*padding: 6px 12px;*/
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	text-align: center;
}

/*以下响应式*/
.autoInput {
	height: 34px;
	-webkit - appearance : none; 
}
.autoHeight {
	height: 34px;
	-webkit - appearance : none;
}
.autoInput2 {
	height: 120px;
	width: 300px;
	text-align: left;
	padding: 5px 6px;
	-webkit - appearance : none;
}

.autoHide {
	display: block;
}
/*响应式 END*/

.autoOrderPickupFontXXL {
	font-weight: bold;
}

.autoOrderPickupFontXL {
	font-weight: bold;
}

.autoOrderPickupFontL {
	font-weight: bold;
}

.disabled19 {
	disabled: disabled;
}

.bg-primary {
	background-color: #007bff !important;
}

.bg-warning {
	background-color: #ffc107 !important;
}

.bg-danger {
	background-color: #dc3545 !important;
}

.bg-success {
	background-color: #28a745 !important;
}

.bg-info {
	background-color: #17a2b8 !important;
}

.bg-default {
	background-color: #fff;
}

.bg-light {
	background-color: #f8f9fa !important;
}

.bg-finish {
	background-color: LightBlue;
}

.bg-force-finish {
	background-color: OrangeRed;
}

.bg-over-finish {
	background-color: pink;
}

.bg-doing {
	background-color: LightGreen;
}

.Box1Ctrl3 {
	width: 32.4%;
	max-width: 111px;
	height: 132px;
}

.Box1Ctrl0 {
	width: 32.4%;
	max-width: 111px;
	height: 111px;
}

.Box1xxlCtrl0 {
	width: 300px;
	height: 55px;
}

.Box1xxlCtrl3 {
	width: 300px;
	height: 95px;
}

.Box1Ctrl1 {
	width: 32.4%;
	max-width: 111px;
	height: 122px;
}

.Box1Ctrl1Big {
	width: 32.4%;
	max-width: 200px;
	height: 122px;
}

.BoxxxlInsideCtrl1 {
	width: 270px;
	height: 40px;
	word-wrap: break-word;
}

.BoxInsideCtrl1 {
	width: 100px;
	height: 90px;
}

.BoxInsideCtrl1Mid {
	width: 95%;
	height: 45px;
}

.BoxInsideCtrl1Big {
	width: 95%;
	height: 90px;
}

.Box1smCtrl0 {
	width: 100px;
	height: 30px;
	border-radius: 5px;
	margin: 2px;
}

.BoxsmInsideCtrl1 {
	margin-top: 3px;
	width: 25px;
	height: 25px;
	border-radius: 5px;
	padding: 0;
}

.Color1 {
	border-color: seagreen;
	background-color: seagreen;
}

.Color2 {
	border-color: cornflowerblue;
	background-color: cornflowerblue;
}

.Color3 {
	border-color: deeppink;
	background-color: deeppink;
}

.chip {
	display: inline-block;
	padding: 0 25px;
	height: 50px;
	font-size: 16px;
	line-height: 50px;
	border-radius: 25px;
	background-color: #f1f1f1;
}

.BoxHomeInsideCtrl1 {
	border: 1px;
	line-height: 30px;
	font-size: 16px;
	height: 45px;
}

.BoxHomeCtrl0 {
	display: inline-block;
	padding: 5px;
}

.Box1OrderPhoto {
	border: 1px solid lightgray;
	border-radius: 5px;
	display: inline-block;
	width: 48%;
	max-width: 200px;
	height: 285px;
	padding-bottom: 10px;
}

.imgfix {
	display: block;
	max-width: 100px;
	max-height: 100px;
	width: auto;
	height: auto;
	Object-fit: cover;
}

.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2S linear infinite;
}

.w100 {
	width: 100%;
}
.h300 {
	height: 300px;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
.txtboxDate {
	width: 130px;
}


.PanelPandian {
	padding-bottom: 0px;
}
.PanelOrderNew {
	padding-bottom: 0px;
}
/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */
html {
	touch-action: manipulation;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


::-webkit-input-placeholder {
	font-size: .9em;
	letter-spacing: 1px;
}

::-moz-placeholder {
	font-size: .9em;
	letter-spacing: 1px;
}

:-ms-input-placeholder {
	font-size: .9em;
	letter-spacing: 1px;
}

:-moz-placeholder {
	font-size: .9em;
	letter-spacing: 1px;
}


.comments-container {
	margin-top: 10px;
	text-overflow: ellipsis;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}



	.comments-container::-webkit-scrollbar {
		width: 0 !important
	}


.height60 {
	height: 60px;
	overflow: scroll;
}


.quality-card:hover {
	background: #F4F4F4;
	-webkit-transition: background-color .5s;
	-ms-transition: background-color .5s;
	transition: background-color .5s;
	border-radius: 4px
}

.w55 {
	width: 55%;
	overflow-y: hidden;
	height: 34px;
}

.text-danger {
	color: #dc3545 !important;
}

.text-warning {
	color: #ffc107 !important;
}