body {
   	min-width:1000px; /* suppose you want minimun width of 1000px */
   	width: auto !important;  /* Firefox will set width as auto */
   	width:1000px;             /* As IE ignores !important it will set width as 1000px; */
	display: block;
	position: relative;
	overflow: auto;
}

body.windows * {
	-ms-overflow-style: none;	/* Hide scrollbar for IE and Edge */
	scrollbar-width: none;		/* Firefox */
}
body.windows *::-webkit-scrollbar {		/* Hide scrollbar for Chrome, Safari and Opera */
	display: none;
}

#mask { 
	cursor: wait; 
	z-index: 99999; 
	height: 100%; 
	width: 100%; 
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#mask > div {
	background-color: black;
    opacity: .5;
    width: 100%;
    height: 100%;
}

body,
table {
	font-family: 'Arial Regular', Arial;
	font-size: 13px;
}

.red {
	color: red !important;
}
.white {
	color: white !important;
}
.black {
	color: black !important;
}

.invisible {
	visibility: hidden;
}

.spacer-10 {
	width: 10px; 
	display: inline-block;
}

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

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

.navbar {
	width: 100%;
}

.left {
	float: left;
}
.right {
	float: right;
}

.sidebar {
	width: 50px;
	position: absolute;
	height: auto;
}
.icon {
	width: 100%;
	text-align: center;
}

.icon{
	font-size: 28px;
	margin-bottom: 22px;
	color: #003399;
    cursor: pointer;
} 

.leftbar {
	left: 0;
	background-color: #66CCFF;
	/* z-index: 88888;	 */
}
.leftbar .menubox {
	padding-top: 50px;
}
.menubox .icon:hover { color: #0066FF; }
.menubox .icon[disabled] { 
	color: #6699CC; 
    opacity: 1;
	cursor: not-allowed;
}
.menubox .icon[selected] {
	color: #66CCFF;
	background-color: #2040B0;
}

.rightbar {
	background-color: #FFCC33;
	width: 30px;
	z-index: 88888;
	right: 0;
	overflow: scroll;
}
.rightbar .icon-bar {
	width: 30px;
	padding: 0;
	margin: 0;
	height: 100%;
}
.rightbar .rightbox {
	width: 500px;
	height: 100%;
	top: 0;
	left: 30px;
	display: inline-block;
}

.infobar {
	width: 0;
	background-color: #FFCC33;
	z-index: 88888;
	left: 50px;
	position: absolute;
	overflow: scroll;
}
.infobox {
	width: 550px;
	padding: 20px 40px;
	color: #003399;
}
.infobox .section {
	float: none;
	padding: 0;
}
.infobox span.title {
	font-weight: bold;
}
.infobox span.term {
	font-weight: bold;
	font-style: italic;
}
.infobox table.revision-history {
	font-weight: normal;
	margin-left: 15px;
}
.infobox table.revision-history td:first-child {
	width: 80px;
	vertical-align: top;
}
.infobox span.arrow {
	font-size: 16px;
	color: #C04000;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.3s;
}
.infobox .expanded > .expandable-header span.arrow {
	color: inherit;
	transform: rotate(90deg);
}
.infobox .content {
	display: none;
}
.infobox .expanded > .content {
	display: block;
}

.info-icon {
	margin-top: 72px;
}

.help-icon:hover {
	color: #0066FF;
}

.main-content {
	height: auto;
	margin-left: 50px;
	margin-right: 30px;
	padding: 0;
}

@keyframes slide-in {
	0%   {left: -130px;}
	100% {left: 50px;}
}
@keyframes slide-out {
	0%   {left: 50px;}
	100% {left: -130px;}
}

.button-box {
	background-color: #2040B0;
	min-height: calc(100vh - 100px);
	height: calc(100% - 100px);
	width: 210px;
	margin-top: 0px;
	/* z-index: 77777; */
	position: absolute;
	top: 100px;
	left: 50px;
	display: inline-block;
	animation-name: slide-in;
	animation-duration: 0.4s;
	text-align: center;
}
.button-box.ng-hide {
	animation-name: slide-out;
	animation-duration: 0.15s;
}

.button-box .menu-name {
	color: white;
	font-size: 20px;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 40px;
}
.button-box.long .menu-name { margin-top: 60px; }
.button-box .menu-name.expandable { cursor: pointer; }
.button-box .menu-name.expandable:not(:first-child) { margin-top: 40px; }
.button-box .menu-name:not(:first-child) { margin-top: 70px; }
.button-box .expand-button-box {
	padding-left: 5px;
	cursor: pointer;
}
.button-box .btn {
	position: relative;
	width: 150px;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	margin-left: 30px;
	padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.button-box .btn:last-child {
	margin-bottom: 10px;
}
.button-box .qb-logo {
	position: absolute;
	width: 20px;
	height: 20px;
	top: -5px;
	left: -7px;
	filter: drop-shadow(1px 1px 0 rgba(0, 51, 153, 0.4));
}

.section {
	float: left;
	padding-right: 25px;
}

.user-list {
	border-right: 1px solid #CCCCCC;
	padding-right: 25px;
}
.user-list + div {
	padding-left: 25px;
}
.user-select {
	height: 210px !important;
}

.btn {
	border-radius: 5px !important;
	color: #003399;
	font-family: 'Arial Regular', Arial !important;
	font-size: 13px !important;
}

.btn:focus {
	color: #003399;
	outline: none;
}

.btn-white {
	background-color: #FFFFFF;
	border-color: #666666;
}
.btn-blue {
	background-color: #66CCFF;
	border-color: #666666;
}
.btn-dark-blue {
	background-color: #003399;
	border-color: #666666;
	color: #EEEEEE !important;
}
.btn-green {
	background-color: #3FE18D;
	border-color: #666666;
}
.btn-yellow {
	background-color: #FFDD00;
	border-color: #666666;
}
.btn-nav {
	background-color: #66CCFF;
	border-color: #003399;
}
.btn:hover {
	font-weight: bold;
	color: #003399;
}
.btn-danger {
	background-image: none;
	background-color: red;
	color: white !important;
}
.btn-warning {
	background-image: none;
	background-color: #FFCC00;
}

.btn-box {
	margin-top: 50px;
	text-align: center;
}
.btn-box button {
	width: 100px;
	height: 30px;
	margin: 0 30px;
	display: inline-block;
	overflow: hidden;
}
.btn-box button.extended {
	width: 120px;
}
.btn-box button .button-icon {
	display: inline-block;
	font-size: 22px;
	padding-right: 15px;
	transform: translateY(-7px);
}
.btn-box button .caption {
	display: inline-block;
	transform: translateY(-10px);
	width: 48px;
	text-align: center;
}
.btn-box button.btn-square {
	width: 40px;
	margin-left: 30px;
}

.mscm-table table,
table.mscm-table {
	font-size: 11px;
}
.mscm-table table thead,
table.mscm-table thead {
	display: block;
}
.mscm-table table thead tr:first-child,
table.mscm-table thead tr:first-child {
	background-color:#333333;
	color: white;
	font-size: 10px;
}
.mscm-table table thead tr:not(:first-child),
table.mscm-table thead tr:not(:first-child) {
	background-color:#CCCCCC;
	color: black;
}
.mscm-table table thead tr:not(:first-child) th,
table.mscm-table thead tr:not(:first-child) th {
	font-weight: normal !important;
}
.mscm-table table thead tr th,
table.mscm-table thead tr th {
	height: 34px;
	border: 1px solid white;
	text-align: center;
}
.mscm-table table tbody,
table.mscm-table tbody {
	display: block;
}
.mscm-table table tbody tr,
table.mscm-table tbody tr {
	border: 1px solid white;
}
.mscm-table table tbody tr td,
table.mscm-table tbody tr td {
	height: 30px;
	text-align: right;
	padding-top: 3px;
	padding-left: 8px;
	padding-right: 8px;
}
.mscm-table .selectable-row,
table.mscm-table .selectable-row {
	cursor: pointer;
}
.mscm-table .selected-row,
table.mscm-table .selected-row {
	border: 1px solid white;
	background-color: #CCCCCC !important; 
}

table.select-table tbody {
	display: block;
	overflow-y: scroll;
	border: 1px solid #808080;
}
table.select-table tbody:focus {
	border: 1px solid transparent;
}
table.select-table tbody tr td {
	height: 16px;
	line-height: 16px;
	text-align: left;
	padding: 0 2px;
}
table.select-table .selectable-row {
	cursor: pointer;
}
table.select-table .selected-row {
	background-color: #DDDDDD; 
}
.edge table.select-table .selected-row {
	color: white;
	background-color: #777777; 
}
table.select-table tbody:focus .selected-row {
	color: white;
	background-color: #2864D9; 
}
.windows table.select-table tbody:focus .selected-row {
	color: white;
	background-color: #3167CB; 
}
.windows.firefox table.select-table tbody:focus .selected-row {
	color: white;
	background-color: #3278D0; 
}
.macos.chrome table.select-table tbody:focus .selected-row {
	color: inherit;
	background-color: #BFD7F9; 
}
.edge table.select-table tbody:focus .selected-row {
	background-color: #808080; 
}
table.select-table .checkmark .fa {
	font-size: 14px;
	color: green;
}
.edge table.select-table .selected-row .checkmark .fa {
	color: white;
}
table.select-table tbody:focus .selected-row .checkmark .fa {
	color: white;
}
.macos.chrome table.select-table tbody:focus .selected-row .checkmark .fa {
	color: green;
}

.switch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px;
	margin-bottom: 0;
}
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #CCCCCC;
	transition: 0.4s;
	border-radius: 14px;
} 
.slider::before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	transition: 0.4s;
	border-radius: 50%;
}
input:checked + .slider { background-color: #4CAF50; }
input:checked + .slider::before { transform: translateX(14px); }
input:focus + .slider { box-shadow: 0 0 3px #4CAF50; }

.userdata.grey tr:first-child td {
	background-color: #CCCCCC;
	border: 1px solid white;
}
.userdata tr td {
	padding: 0px 10px 0px 15px;
	height: 30px;
}

form.registration-form {
	width: 350px;
}
.registration-form label {
	font-weight: normal;
	width: 120px;
	padding-top: 7px;
}
.registration-form input,
.registration-form select {
	width: 207px;
	height: 25px;	
}
.registration-form .btn-box.edit-profile button { margin: 0 7px; }
.main-content input:not([type="radio"]):not([type="checkbox"]),
.main-content select:not([size]) {
	height: 25px;	
}

.control {
	width: 100%;
}

.main-content > .registration-form {
	margin-left: 25px;
	margin-top: 50px;
}

.subContainer {
	margin: 50px 50px 0;
	/*
	padding: 10px 10px 40px;
	*/
	padding: 10px;
}


.product-table {
	height: 280px;
}
.product-table table {
	width: 100%;
	vertical-align: center;
	font-size: 14px;
}
.product-table thead {
	display: block;
}
.product-table thead tr th {
	height: 35px;
	text-align: center !important;
	color: white;
	background-color: #333333;
	height: 35px;
	border: 1px solid white;
	font-weight: normal;
}
.product-table tbody {
	height: 245px;
	overflow-y: scroll;
	display: block;
}
.product-table tbody tr td {
	height: 30px;
}
.product-table tr *:nth-child(1) {
	text-align: center;
	width: 80px;
}
.product-table tr *:nth-child(2) {
	overflow: hidden;
	text-align: left;
	padding-left: 8px;
	width: 240px;
}
.product-table tr *:nth-child(3) {
	text-align: right;
	width: 50px;
}
.product-table tr th:nth-child(4) {
	width: 50px;
}
.product-table tr *:nth-child(4) {
	text-align: right;
	width: 35px;
}

.inventory-table {
	margin-top: 0;
}
.inventory-table tbody {
	max-height: 380px;
	overflow-y: scroll;
	width: 100%;
}
.inventory-table thead tr th:nth-child(1) { width: 90px; }
.inventory-table thead tr th:nth-child(2) { width: 230px; }
.inventory-table thead tr th:nth-child(2n+3) { width: 45px; }
.inventory-table thead tr th:nth-child(2n+4) { width: 75px; }
.inventory-table tbody tr td:nth-child(1) { 
	width: 90px;
	text-align: left;
}
.inventory-table tbody tr td:nth-child(2) {
	overflow: hidden;
	width: 230px;
	text-align: left;
}
.inventory-table tbody tr td:nth-child(2n+3) { width: 45px; }
.inventory-table tbody tr td:nth-child(2n+4) { width: 75px; }
.inventory-table tbody tr td.negative { color: red; }
.inventory-table.full-report thead tr th { height: 20px; }
.inventory-table.full-report tbody tr td { height: 20px; }
.inventory-table.full-report thead tr:nth-child(2) {
	background-color:#333333;
	color: white;
	font-size: 10px;
}
.inventory-table.full-report thead tr:nth-child(2) th {
	font-weight: bold !important;
}
.inventory-table.full-report thead tr:nth-child(2) th:nth-child(2n+1) { width: 45px; }
.inventory-table.full-report thead tr:nth-child(2) th:nth-child(2n+2) { width: 75px; }
.inventory-table.full-report tbody tr:nth-child(odd) td:nth-child(1) { 
	width: 90px;
	text-align: left;
}
.inventory-table.full-report tbody tr:nth-child(odd) td:nth-child(2) {
	overflow: hidden;
	width: 230px;
	text-align: left;
}
.inventory-table.full-report tbody tr:nth-child(odd) td:nth-child(2n+3) { width: 45px; }
.inventory-table.full-report tbody tr:nth-child(odd) td:nth-child(2n+4) { width: 75px; }
.inventory-table.full-report tbody tr:nth-child(even) td {
	text-align: right !important;
	background-color: #F6F6F6;
}
.inventory-table.full-report tbody tr:nth-child(even) td:nth-child(2n+1) { width: 45px; }
.inventory-table.full-report tbody tr:nth-child(even) td:nth-child(2n+2) { width: 75px; }
.inventory-table.full-report tbody tr td:nth-child(1) { 
	width: 90px;
	text-align: left;
}
.daily-report + .export-box {
	margin-top: 30px;
	margin-left: 650px;
}
.export-box button.btn-export {
	width: 100px;
}

.adjust-qty {
	width: 620px;
	margin: 40px 90px 0;
}
.adjust-qty .bigger {
	font-size: 72px;
	width: 42px;
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	top: -22px;
}
.inventory-table.adjust-qty table {
	width: 120px;
	display: inline-block;
}
.inventory-table.adjust-qty table tr > *:nth-child(1) {
	width: 45px !important;
}
.inventory-table.adjust-qty table tr > *:nth-child(2) {
	width: 75px !important;
}
.inventory-table.adjust-qty table tbody tr td {
	padding: 6px 8px 3px 8px;
	text-align: right;
}
.inventory-table.adjust-qty table tbody tr td input {
	width: 100%;
	padding-right: 2px;
	text-align: right;
}
.inventory-table.report-by-product.full-report thead th:nth-child(2n+2) { width: 45px; }
.inventory-table.report-by-product.full-report thead th:nth-child(2n+3) { width: 75px; }
.inventory-table.report-by-product.full-report thead tr:nth-child(2) th:nth-child(2n+1) { width: 45px; }
.inventory-table.report-by-product.full-report thead tr:nth-child(2) th:nth-child(2n+2) { width: 75px; }
.inventory-table.report-by-product table tbody tr td:nth-child(1),
.inventory-table.report-by-product.full-report table tbody tr td:nth-child(1) {
	text-align: center;
	padding-left: 0;
}
.table-summary > td {
	background-color: #CCCCCC !important;
	border: 1px solid white;
}
.options-v label {
	display: block;
	font-weight: normal;
	height: 22px;
	margin: 0;
	padding: 0;
}
.options-v label input {
	display: inline-block;
	width: 13px;
	margin-right: 5px !important;
}
.report-by-product-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-start;
}
.report-by-product-container .report-by-product {
	flex: 0 0 auto;
}
.report-by-product-container .export-box {
	flex: 0 0 auto;
	margin-left: 50px;
}
.inventory-table.product-age table tr > *:nth-child(n+3) {
	width: 75px !important;
}
.inventory-table.product-age .selected-row *,
.inventory-table.box-age .selected-row {
	background-color: #CCCCCC !important; 
}
.inventory-table.product-age .selectable-row,
.inventory-table.box-age .selectable-row {
	cursor: pointer;
}
.inventory-table.box-age tr > *:nth-child(1) {
	width: 190px !important;
}
.inventory-table.box-age thead tr th:nth-child(n+2) {
	width: 80px !important;
	text-align: center;
}
.inventory-table.box-age tbody tr td:nth-child(n+2) {
	width: 80px !important;
	text-align: right;
}
.inventory-table .th-sort {
	display: inline-block;
}
.inventory-table .th-label {
	width: 50px !important;
	text-align: center !important;
	margin-top: 5px !important;
}
.inventory-table .th-sort,
.inventory-table .th-sort div {
	width: 20px !important;
	font-size: 9px;
	color: black;
}
.inventory-table .glyphicon.glyphicon-triangle-top {
	position: relative;
	top: 4px;
}
.inventory-table .glyphicon.glyphicon-triangle-bottom {
	position: relative;
	top: -2px;
}
.product-age-detail .box-age-table-container {
	margin-top: 45px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}
.product-age-detail .box-age-table-container .box-age {
	flex: 0 0 auto;
}
.product-age-detail .box-age-table-container .btn-box-v {
	flex: 0 0 auto;
	margin-left: 100px;
}
.product-age-detail .box-age-table-container .btn-box-v .btn {
	display: block;
	width: 100px;
	height: 30px;
	margin: 30px 0;
	padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.product-age-detail .graph {
	margin: 45px 10px 20px;
}
.product-age-detail .graph > canvas {
	width: 1200px;
	height: 400px;
}
.automatic-order-wrapper, .automatic-order-wrapper > div {
	display: inline-block;
	vertical-align: top;
}
.order-table {
	margin-top: 0;
	margin-right: -35px;
}
.order-table tbody {
	max-height: 345px;
	overflow-y: scroll;
}
.order-table input {
	width: 40px !important;
	height: 25px;
	text-align: right;
	padding-right: 8px;
}
.order-table tbody tr td:first-child {
	text-align: left;
	padding-right: 0;
}
.order-table tbody tr td:nth-child(2) {
	text-align: left;
}
.order-table tbody tr td:last-child {
	text-align: center;
	padding: 0;
}
.order-table tbody tr td.input {
	padding-left: 0;
	padding-right: 2px;
}
.order-table tr > * { width: 75px; }
.order-table tr > *:nth-child(1) { width: 90px; }
.order-table tr > *:nth-child(2) { width: 190px; }
.order-table tr > *:nth-child(3) { width: 45px; }
.order-table tr > *:nth-child(5) { width: 60px; }
.order-table tr > *:nth-child(6) { width: 60px; }
.order-table tr > *:nth-child(7) { width: 45px; }
.order-table tr > *:nth-child(9) { width: 45px; }
.order-container .btn-box {
	width: 800px;
}

.schedule-table {
	margin-top: 0;
}
.schedule-table input {
	width: 60px !important;
	height: 25px;
	text-align: right;
	padding-right: 8px;
}
.schedule-table tbody tr td:first-child {
	text-align: left;
}
.schedule-table tbody tr td.input {
	padding-right: 2px;
}
.schedule-table tr > * { width: 90px; }
.schedule-table tr > *:nth-child(1) { width: 50px; }
.schedule-table tr > *:nth-child(2) { width: 70px; }
.weekly-order-schedule {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}
.weekly-order-schedule .schedule-table {
	flex: 0 0 auto;
}
.weekly-order-schedule .btn-box-v {
	flex: 0 0 auto;
	margin-left: 100px;
}
.weekly-order-schedule .btn-box-v .btn {
	display: block;
	width: 100px;
	height: 30px;
	margin: 30px 0;
	padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.check-order-container {
	width: 800px;
}
.check-order-table, .fulfill-order-table {
	display: inline-block;
	vertical-align: top;
}
.order-list {
	display: block;
}
.order-list.scroll, .shipment-list.scroll {
	max-height: 414px;
	overflow-y: scroll;
}
.order-list tr *:nth-child(1) { width: 100px; }
.order-list tr *:nth-child(2) { width: 80px; }
.order-list tr *:nth-child(3) {
	width: 70px;
	text-align: center;
}
.order-detail {
	display: block;
	margin-left: 25px;
	margin-right: -40px;
}
.order-detail.scroll {
	max-height: 380px;
	overflow-y: scroll;
}
.order-detail tr * { width: 65px; }
.order-detail tr *:nth-child(1) { width: 90px; }
.order-detail tr *:nth-child(2) { width: 180px; }
.order-detail tr *:nth-child(3) { width: 45px; }
.order-detail tr *:nth-child(6) { width: 45px; }
.order-detail tr *:nth-child(5) {
	text-align: center;
}
.check-order-table tbody td:first-child, .fulfill-order-table tbody td:first-child {
	text-align: left;
}
.check-order-table tbody td:nth-child(2), .fulfill-order-table tbody td:nth-child(2) {
	text-align: left;
}
.order-list .selected-row, .shipment-list .selected-row {
	background-color: #CCCCCC !important; 
}
.order-list .selectable-row, .shipment-list .selectable-row {
	cursor: pointer;
}

.fulfill-order-container {
	width: 800px;
}

.shipment-list {
	display: block;
	margin-left: 25px;
}
.shipment-list tr *:nth-child(1) { width: 160px; }
.shipment-list tr *:nth-child(2) { width: 160px; }
.shipment-list tr *:nth-child(3) { width: 100px; }
.shipment-list tr *:nth-child(4) { width: 80px; }    
.shipment-list tbody tr td { text-align: left; }

.usage-table thead tr {
	border: 1px solid white;
}
.usage-table tbody tr {
	border: 1px solid white;
}
.usage-table thead tr th {
	height: 30px !important;
	border: none !important;
}
.usage-table tbody tr td:first-child {
	background-color: #CCCCCC;
}
.usage-table thead tr th:first-child {
	width: 190px;
}
.usage-table tbody tr td:first-child {
	width: 190px;
	text-align: left;
	padding-left: 12px;
}
.usage-table tbody tr td:not(:first-child) {
	width: 60px;
	padding-right: 15px;
}
.stats, .personal {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 40px;
}
.scroll-table {
	display: flex;
}
.stats .fixed-width-scroll table.usage-table thead tr th {
	width: 50px !important;
}
.stats .fixed-width-scroll table.usage-table tbody tr td {
	width: 50px !important;
	padding-right: 10px !important;
	padding-left: 0 !important;
}
.stats .fixed-width-scroll table.usage-table tbody tr td:first-child {
	background-color: white;
	text-align: right;
}

.personal table.usage-table thead tr th {
	width: 60px;
	border: none !important;
}
.personal table.usage-table tbody tr td {
	width: 60px;
	padding-right: 15px;
}
.personal table.usage-table thead tr th:first-child,
.personal table.usage-table tbody tr td:first-child {
	width: 80px;
}
.personal.personal-history table.usage-table tbody tr td:first-child {
	text-align: center;
}
.fixed-width-scroll {
	max-width: 602px;
	overflow-x: scroll;
	display: inline-block;
	margin-left: -5px;
	margin-right: 15px;
	vertical-align: top;
}
.fixed-width-static {
	width: 190px;
	margin-right: 0px;
	display: inline-block;
	vertical-align: top;
}
.selected-col {
	background-color: #66CCFF !important;
}
.stats .fixed-width-scroll .header-column {
	width: 50px;
}
.stats .field-label, .personal .field-label {
	padding-left: 10px;
}

.shipping-approval {
	width: 800px;
}
.shipping-approval .shipments select, .shipping-print .shipments select {
	width: 360px;
}

.shipping-approval .shipments table.select-table tbody,
.shipping-print .shipments table.select-table tbody {
	width: 360px;
	min-height: 65px;
	max-height: 65px;
}
.shipping-approval .shipments table.select-table tbody tr > *:nth-child(1),
.shipping-print .shipments table.select-table tbody tr > *:nth-child(1) { width: 330px; }
.shipping-approval .shipments table.select-table tbody tr > *:nth-child(2),
.shipping-print .shipments table.select-table tbody tr > *:nth-child(2) {
	width: 30px;
	text-align: center;
}

.shipping-approval .pallets, .shipping-print .pallets {
	margin-top: 25px;
}
.shipping-approval .pallets {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
}
.shipping-approval .pallets .outline {
	flex: 0 0 auto;
	margin-left: 30px;
}
.shipping-approval .pallets .pallets-list {
	flex: 0 0 auto;
	margin-left: 10px;
}
.shipping-approval .pallets .pallets-list select {
	width: 440px;
	margin-bottom: 8px;
}
.shipping-print {
	width: 460px;
}
.shipping-print .pallets .pallets-list select {
	width: 360px;
}
.shipping-approval .pallets .pallets-list .pallet-product-table tbody {
	height: 145px;
}
.outline-box {
	display: inline-block;
	vertical-align: top;
	height: 270px;
	width:  40px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}
.outline-text {
	display: inline-block;
	vertical-align: top;
	width: 157px;
	margin-top: 40px;
	height: 230px;
}
.outline-line {
	display: inline-block;
	vertical-align: top;
	border-top: 1px solid black;
	width: 60px;
	margin-top: 50px;
	height: 220px;
	margin-right: -4px;
	margin-left: 10px;
}
.shipping-manifest iframe {
	width: 100%;
	height: calc(100vh - 280px);
	min-height: 530px;
}

.tracking-table tbody {
	max-height: 410px;
	overflow-y: scroll;
}
.tracking-table tr > *:nth-child(1) { width: 50px; }
.tracking-table tr > *:nth-child(2) { width: 190px; }
.tracking-table tr > *:nth-child(n+3) { width: 110px; }
.tracking-table tr td:nth-child(1) {
	text-align: center;
}
.tracking-table tr td:nth-child(2) {
	text-align: left;
}
.tracking-whereabouts-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.tracking-whereabouts-container .inventory-data {
	flex: 0 0 auto;
}
.tracking-whereabouts-container .map-box {
	flex: 0 0 auto;
	margin-left: 20px;
}
.tracking-whereabouts-container .field-label {
	width: 100%;
}
.tracking-whereabouts-container .inventory-data .options-v {
	margin-top: 30px;
	margin-left: 8px;
}
.tracking-summary-table tr td {
	background-color: #CCCCCC;
	border: 1px solid white;
}
.tracking-summary-table tr > *:nth-child(1) { width: 100px; }
.tracking-summary-table tr > *:nth-child(2) { width: 45px; }
.tracking-summary-table tr td:nth-child(1) {
	text-align: left;
}

.business-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.business-container .entity-container {
	flex: 0 0 auto;
	padding-right: 30px;
	border-right: 1px solid #CCCCCC;
}
.business-container .location-container {
	flex: 0 0 auto;
	padding-left: 30px;
	margin-right: -10px;
}
.business-container .entity-container .entity-list {
	width: 350px;
}
.business-container .entity-container .entity-info {
	width: 350px;
	height: 220px;
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.business-container .location-container .location-list {
	width: 400px;
}
.business-container .location-container .location-info {
	position: relative;
	width: 400px;
	height: 400px;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.business-container .selection-options ul {
	list-style: none;
	padding-inline-start: 10px;
}
.business-container .selection-options li {
	display: inline-block;
	padding-right: 10px;
}
.business-container .selection-options label {
	font-weight: normal;
}
.business-container .selection-options label input[type="checkbox"] {
	margin-right: 8px;
}
.business-container .entity-list table tbody {
	max-height: 215px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.business-container .entity-list table tr > *:nth-child(1) { width: 305px; }
.business-container .entity-list table tr > *:nth-child(2) { width: 45px; }
.business-container .entity-list table tbody tr td:nth-child(1) { 
	text-align: left;
}
.business-container .entity-list table tbody tr td:nth-child(2) {
	text-align: center;
}
.business-container .btn-box {
	margin-top: 30px;
}
.business-container .entity-info .info-row {
	height: 34px;
}
.business-container .entity-info .info-row.select {
	padding-top: 4px;
}
.business-container .entity-info .field-label {
	display: inline-block;
	width: 50px;
}
.business-container input {
	padding-left: 8px;
}
.business-container .entity-info select {
	width: 100px;
	padding-left: 8px;
	font-size: 13px !important;
}
.business-container .entity-info .required-fields-legend {
	margin-bottom: -10px;
}
.business-container .location-list table tbody {
	max-height: 120px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.business-container .location-list table tr th:nth-child(1) { width: 400px; }
.business-container .location-list table tr td:nth-child(1) { width: 320px; }
.business-container .location-list table tr td:nth-child(n+2) { width: 40px; }
.business-container .location-list table tbody tr td:nth-child(1) { 
	text-align: left;
}
.business-container .location-list table tbody tr td:nth-child(n+2) {
	text-align: center;
}
.business-container .location-list table .hq {
	width: 30px;
	height: 20px;
	border-radius: 4px;
	background-color: black;
	color: white;
	font-size: 9px;
	padding-top: 4px;
	margin-bottom: 3px;
}
.business-container .location-list table .op .fa {
	font-size: 22px;
	color: red;
	margin-bottom: 3px;
}
.business-container .location-info .info-row {
	height: 34px;
}
.business-container .location-info .info-row .field-label {
	display: inline-block;
}
.business-container .location-info .info-row.code .field-label,
.business-container .location-info .info-row.name .field-label {
	width: 45px;
	margin-right: 2px;
}
.business-container .location-info .info-row.address .field-label {
	margin-right: 0;
}
.business-container .location-info .info-row.address .field-label:not(:first-child) {
	margin-left: 10px;
}
.business-container .location-info .info-row.street .field-label,
.business-container .location-info .info-row.phone .field-label,
.business-container .location-info .info-row.email .field-label { width: 95px; }
.business-container .location-info .info-row.tz .field-label { width: 72px; }
.business-container .location-info .info-row.coord .field-label.lat { width: 62px; }
.business-container .location-info .info-row.coord .field-label.lng { width: 72px; }
.hint-box {
	position: absolute;
	top: 145px;
	left: 344px;
	transform: rotate(-20deg);
	animation: bounce 1.5s infinite ease-in-out;
}
.hint-box.hidden { opacity: 0; }
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: rotate(-20deg) translateY(0); }
	40% { transform: rotate(-20deg) translateY(-20px); }
	60% { transform: rotate(-20deg) translateY(-10px); }
}
.hint-box .hint-finger {
	font-size: 36px;
	color: red;
	text-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px;
}
.hint-box .hint-text {
	width: 150px;
	font-size: 11px;
	background-color: #FFE2E2;
	padding: 6px 8px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* formatting for the corrected address in a BootstrapDialog */
.corrected-address {
	position: relative;
	margin-left: 80px;
}
.corrected-address:first-child {
	margin-top: 30px;
}
.corrected-address::before {
	content: attr(tag);
	position: absolute;
	left: -50px;
	font-size: 10px;
	font-weight: bold;
	color: white;
	width: 40px;
	text-align: center;
	background-color: #666666;
	border-radius: 4px;
	padding-top: 2px;
}
/* end of formatting for the corrected address in a BootstrapDialog */

.customer-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.customer-container .entity-container {
	flex: 0 0 auto;
	padding-right: 30px;
}
.customer-container .selection-pane {
	flex: 0 0 auto;
	padding-left: 30px;
	border-left: 1px solid #CCCCCC;
}
.customer-container .entity-container .entity-list {
	width: 350px;
}
.customer-container .selection-options ul {
	list-style: none;
}
.customer-container .selection-options li {
	display: inline-block;
	padding-right: 20px;
}
.customer-container .selection-options label {
	font-weight: normal;
}
.customer-container .selection-options label input[type="checkbox"] {
	margin-right: 8px;
}
.customer-container .entity-list table tbody {
	max-height: 215px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.customer-container .entity-list table tr th:nth-child(1) { width: 305px; }
.customer-container .entity-list table tr th:nth-child(2) { width: 45px; }
.customer-container .entity-list table tr td:nth-child(1) { width: 280px; }
.customer-container .entity-list table tr td:nth-child(2) { width: 25px; }
.customer-container .entity-list table tr td:nth-child(3) { width: 45px; }
.customer-container .entity-list table tbody tr td:nth-child(1) { 
	text-align: left;
}
.customer-container .entity-list table tbody tr td:nth-child(n+2) {
	text-align: center;
}
.customer-container .entity-list table .config .fa {
	font-size: 22px;
	color: grey;
	margin-bottom: 3px;
}
.customer-container .selection-pane .producer-selection {
	overflow: auto;
}
.customer-container .selection-pane .distributor-selection {
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px solid #CCCCCC;
	overflow: auto;
}
.customer-container .selection-pane select.entity-list {
	float: left;
	width: 324px;
	padding-left: 8px;
	margin-top: 6px;
	font-size: 13px !important;
}
.customer-container .selection-pane .btn-box {
	margin-top: 30px;
}
.customer-container .selection-pane .btn-box button:not(:nth-of-type(1)) {
	margin-left: 50px;
}
.customer-container .selection-pane .btn-box.add {
	margin: 0;
}
.customer-container .selection-pane .btn-box.remove {
	margin-top: 50px;
}
.customer-container .selection-pane .btn-box button {
	margin: 0;
	display: inline-block;
}
.customer-container .selection-pane table {
	float: left;
	border: 2px solid #333333;
	margin-bottom: 15px;
}
.customer-container .selection-pane table * {
	border: none	!important;
}
.customer-container .selection-pane table tbody {
	max-height: 90px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.customer-container .selection-pane table tr > * { width: 320px; }
.customer-container .selection-pane table tr td {
	text-align: left;
}
.order-config-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	margin: 30px 0;
	padding-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.order-config-container .factory-pane {
	flex: 0 0 auto;
	padding-right: 30px;
}
.order-config-container .product-pane {
	flex: 0 0 auto;
	padding-left: 30px;
	border-left: 1px solid #CCCCCC;
}
.order-config-container table thead tr:nth-child(1) {
	display: none;
}
.order-config-container table tbody {
	max-height: 150px	!important;
	overflow-x: hidden;
	overflow-y: scroll;
}
.order-config-container table tbody tr td {
	text-align: left;
}
.order-config-container .factory-list table tr > * { width: 280px; }
.order-config-container .product-list table tr > *:nth-child(1) { width: 90px; }
.order-config-container .product-list table tr > *:nth-child(2) { width: 368px; }

.code-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
.code-container .entity-container {
	flex: 0 0 auto;
	padding-right: 30px;
}
.code-container .gtin-container {
	flex: 0 0 auto;
	padding-left: 30px;
	border-left: 1px solid #CCCCCC;
}
.code-container .entity-container .entity-list {
	width: 305px;
}
.code-container .entity-list table tbody {
	max-height: 215px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.code-container .entity-list table tr th:nth-child(1) { width: 305px; }
.code-container .entity-list table tr td:nth-child(1) { width: 270px; }
.code-container .entity-list table tr td:nth-child(2) { width: 35px; }
.code-container .entity-list table tbody tr td:nth-child(1) { 
	text-align: left;
}
.code-container .entity-list table tbody tr td:nth-child(2) {
	text-align: center;
}
.code-container .entity-list table .config .fa {
	font-size: 22px;
	color: grey;
	margin-bottom: 3px;
}
.code-container .btn-box {
	margin-top: 30px;
}
.code-container .btn-box button {
	margin: 0 20px;
}
.code-container .gtin-container .gtin-info {
	width: 430px;
	height: 266px;
	margin-top: 35px;
	padding-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.code-container .gtin-container .gtin-info .required-fields-legend {
	margin-bottom: -10px;
}
.gtin-container .gtin-list table tbody {
	max-height: 210px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.gtin-container .gtin-list table tbody tr td {
	height: 34px;
}
.gtin-container .gtin-list table tr > *:nth-child(1) { width: 50px; }
.gtin-container .gtin-list table tr > *:nth-child(2) { width: 130px; }
.gtin-container .gtin-list table tr > *:nth-child(3) { width: 65px; }
.gtin-container .gtin-list table tr > *:nth-child(4) { width: 200px; }
.gtin-container .gtin-list table tr td:nth-child(1),
.gtin-container .gtin-list table tr td:nth-child(4) {
	text-align: left;
}
.gtin-container .gtin-list table tr td:nth-child(2) {
	font-family: 'Courier Prime', Courier, monospace;
	font-size: 13px;
	color: black;
}
.gtin-container .gtin-list span.body {
	color: #AAAAAA;
}
.gtin-container .gtin-list span.check-digit {
	color: #660000;
}
.code-container .gtin-info .info-row {
	height: 34px;
}
.code-container .gtin-info .info-row.select {
	padding-top: 4px;
}
.code-container .gtin-info .field-label:not(.no-wrap) {
	display: inline-block;
	width: 60px;
}
.code-container input[type="text"] {
	padding-left: 10px;
	width: 120px;
}
.code-container input.gtin-remarks {
	width: 270px;
}
.code-container .gtin-info input.gtin-use {
	margin-left: 20px;
}
.code-container .gtin-info .gtin-stats {
	position: relative;
	width: 120px;
	top: -193px;
	left: 315px;
	color: #999999;
}
.code-container .gtin-info .gtin-stats .gtin-stats-data {
	display: inline-block;
	width: 50px;
	text-align: right;
}
.product-container {
	position: relative;
	height: 727px;
}
.product-container .product-list-container {
	position: absolute;
	width: 800px;
	z-index: 100;
}
.product-container .product-info-container {
	position: absolute;
	top: 0;
	left: 316px;
	width: 540px;
	background: white;
	z-index: 120;
}
.product-container .search-overlay .search-container {
	position: absolute;
	top: 1px;
	left: 300px;
	width: 500px;
	z-index: 150;
	background: #DDDDDD;
	border-radius: 15px;
	border: 3px solid #333333;
}
.product-container .search-overlay .search-button {
	position: absolute;
	top: -30px;
	left: 200px;
	width: 100px;
	height: 30px;
	z-index: 150;
	background: #333333;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}
.search-button:hover { font-weight: bold; }
.product-container .product-list table tbody {
	max-height: 480px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.product-container .product-list table tr > *:nth-child(1) { width: 85px; }
.product-container .product-list table tr > *:nth-child(2) { width: 230px; }
.product-container .product-list table tr > *:nth-child(3) { width: 105px; }
.product-container .product-list table tr > *:nth-child(4) { width: 105px; }
.product-container .product-list table tr > *:nth-child(5) { width: 40px; }
.product-container .product-list table tr > *:nth-child(6) { width: 40px; }
.product-container .product-list table tr > *:nth-child(7) { width: 40px; }
.product-container .product-list table tr > *:nth-child(8) { width: 105px; }
.product-container .product-list table tr > *:nth-child(9) { width: 40px; }
.product-container .product-list table tbody tr td {
	height: 34px;
	padding-left: 8px;
	padding-right: 0;
	text-align: left;
}
.product-container .product-list table tbody tr td:nth-child(5),
.product-container .product-list table tbody tr td:nth-child(9) {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.product-container .product-list table tbody tr td:nth-child(6),
.product-container .product-list table tbody tr td:nth-child(8) {
	padding-left: 0;
	padding-right: 8px;
	text-align: right;
}
.product-container .product-list table .op .fa {
	font-size: 20px;
	color: red;
	margin-bottom: 3px;
}
.product-container .product-list div.field-label {
	margin-top: -18px;
}
.product-container .product-info-container .spacer {
	margin-left: 30px
}
.product-container .product-info-container .product-info {
	margin-top: 40px;
	padding-left: 30px;
	border-left: 1px solid #CCCCCC;
}
.product-container .product-info .required-fields-legend {
	margin-bottom: -10px;
}
.product-container .product-list-container .btn-box {
	margin-top: 50px;
	margin-left: 115px;
	text-align: left;
}
.product-container .product-info-container .btn-box,
.product-container .search-overlay .btn-box {
	margin: 30px 0;
	text-align: center;
}
.product-container .search-overlay .search-info {
	margin: 40px 30px 0;
}
.product-container .info-row {
	height: 34px;
	padding-top: 4px;
}
.product-container .info-row.checkbox-group.long-list {
	height: 130px;
}
.product-container .info-row.checkbox-group.long-list > div {
	height: 25px;
	padding-top: 4px;
}
.product-container input {
	padding-left: 8px;
}
.product-container .info-row select {
	width: 200px;
	font-size: 13px !important;
}
.product-container .info-row select.product-unit {
	width: 100px;
}
.product-container .info-row .field-label {
	display: inline-block;
	font-weight: bold;
	width: 45px;
	padding-top: 6px;
}
.product-container .info-row.description .field-label { width: 90px; }
.product-container .info-row.select .field-label { width: 90px; }
.product-container .info-row.gtin .field-label { width: 140px; }
.product-container .info-row.qty-unit .field-label:first-of-type { width: 68px; }
.product-container .info-row.qty-unit .field-label:nth-of-type(2) { margin-left: 38px; }
.product-container .info-row.checkbox-group .field-label { width: 140px; }
.product-container .info-row.checkbox-group.long-list .field-label { width: 100%; }
.product-container .info-row .exclusive {
	float: right;
	width: 130px;
}
.product-container .info-row .exclusive > input {
	margin-bottom: 34px;
}
.product-container .info-row .exclusive > div {
	display: inline-block;
	width: 80px;
}
.product-container .info-row div.avg-qty {
	display: inline-block;
	margin-left: 38px;
	color: #999999;
}
.product-container .info-row div.gtin-lookup {
	display: inline-block;
	width: 80px;
	height: 20px;
	border-radius: 4px;
	background-color: black;
	color: white;
	font-size: 9px;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 3px;
	margin-left: 30px;
	cursor: pointer;
}
.product-container .info-row.checkbox-group .two {
	display: inline-block;
	width: 130px;
}
.product-container .info-row.checkbox-group .three {
	display: inline-block;
	width: 80px;
}
.product-container .info-row.checkbox-group .wide {
	display: inline-block;
	width: 130px;
}
.product-container .info-row input[type="checkbox"],
.product-container .info-row input[type="radio"] {
	margin-left: 20px;
	margin-right: 5px;
}
.product-container .info-row.checkbox-group.source input[type="checkbox"]:nth-of-type(2),
.product-container .info-row.checkbox-group.source input[type="radio"]:nth-of-type(2) {
	margin-left: 30px;
}
.product-container .info-row.checkbox-group.long-list input[type="checkbox"]:first-of-type,
.product-container .info-row.checkbox-group.long-list input[type="radio"]:first-of-type {
	margin-left: 30px;
}
.product-container .info-row input.product-code,
.product-container .info-row input.search-product-code { width: 120px; }
.product-container .info-row input.product-name { width: 380px; }
.product-container .info-row input.search-product-name { width: 380px; }
.product-container .info-row input.product-description { width: 335px; }
.product-container .info-row input.product-gtin-code,
.product-container .info-row input.search-gtin-code { width: 150px; }
.product-container .info-row input.product-qty { width: 50px; }
.product-container .info-row input.product-unit { width: 45px; }

.gateway-container { width: 570px; }
.gateway-container .gateway-list.border-top {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.gateway-container .gateway-list::after {
    content: "";
    display: table;
    clear: both;
}
.gateway-container .gateway-info {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.gateway-container .gateway-list table {
	width: 300px;
	float: left;
}
.gateway-container .gateway-list table tbody {
	max-height: 100px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.gateway-container .gateway-list table tr > *:nth-child(1) { width: 160px; }
.gateway-container .gateway-list table tr > *:nth-child(2) { width: 90px; }
.gateway-container .gateway-list table tr > *:nth-child(3) { width: 120px; }
.gateway-container .gateway-list table tbody tr td { 
	text-align: left;
}
.gateway-container .gateway-list .btn-box {
	float: right;
	margin-top: 35px;
	margin-right: 70px;
}
.gateway-container .btn-box {
	margin-top: 30px;
}
.gateway-container div.field-label {
	padding-left: 2px;
}
.gateway-container .gateway-info .info-row {
	height: 34px;
}
.gateway-container .gateway-info .field-label {
	display: inline-block;
	width: 50px;
}
.gateway-container input {
	padding-left: 8px;
}
.gateway-container .gateway-info .required-fields-legend {
	margin-bottom: -10px;
}

.sensor-container { width: 570px; }
.sensor-container .sensor-list.border-top {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.sensor-container .sensor-list::after {
    content: "";
    display: table;
    clear: both;
}
.sensor-container .sensor-info {
	height: 240px;
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.sensor-container .sensor-list table {
	width: 410px;
	float: left;
}
.sensor-container .sensor-list table tbody {
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.sensor-container .sensor-list table tr > *:nth-child(1) { width: 70px; }
.sensor-container .sensor-list table tr > *:nth-child(2) { width: 200px; }
.sensor-container .sensor-list table tr > *:nth-child(3) { width: 70px; }
.sensor-container .sensor-list table tr > *:nth-child(4) { width: 70px; }
.sensor-container .sensor-list table tbody tr td { 
	text-align: left;
}
.sensor-container .sensor-list .btn-box {
	float: right;
	width: 140px;
	margin-top: 35px;
}
.sensor-container .btn-box {
	margin-top: 30px;
}
.sensor-container div.field-label {
	padding-left: 2px;
}
.sensor-container .sensor-info .info-row {
	height: 34px;
}
.sensor-container .sensor-info .field-label {
	display: inline-block;
	width: 185px;
}
.sensor-container input {
	width: 100px;
	padding-left: 8px;
}
.sensor-container .sensor-info .required-fields-legend {
	margin-right: 20px;
	margin-bottom: -10px;
}
.sensor-container .sensor-info .gauge-container {
	position: relative;
	left: 620px;
	top: -230px;
	width: 180px;
}
.sensor-container .sensor-info .gauge-container #temperature-gauge {
	width: 180px;
	height: 180px;
}
.sensor-container .sensor-info .gauge-container #voltage-gauge {
	margin-top: -20px;
	margin-left: 30px;
	width: 120px;
}
.sensor-card {
	display: inline-block;
	width: 210px;
	height: 380px;
	box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	vertical-align: top;
	text-align: center;
	color: #333333;
	font-size: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 15px;
}
.sensor-card.online {
	border-top: 9px solid #0A0;
}
.sensor-card.offline {
	border-top: 9px solid #A00;
}
.sensor-card.voltage-warning {
	border-bottom: 9px solid #FFBF00;
}
.sensor-card.voltage-alert {
	border-bottom: 9px solid #F00;
	animation: blinkBorderAlert 0.5s infinite;
}
@keyframes blinkBorderAlert {
	from { border-bottom-color: #F00; }
	50% { border-bottom-color: #A00; }
	to { border-bottom-color: #F00; }
}
.sensor-card > p:first-child {
	margin-bottom: 0	!important;
}
.sensor-card > canvas.temperature-gauge {
	width: 180px;
	height: 180px;
}
.sensor-card canvas.voltage-gauge {
	margin-top: -20px;
	width: 120px;
}

.monitoring-location-container { width: 570px; }
.monitoring-location-container .monitoring-location-list.border-top {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.monitoring-location-container .monitoring-location-list::after {
    content: "";
    display: table;
    clear: both;
}
.monitoring-location-container .monitoring-location-info {
	height: 288px;
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.monitoring-location-container .monitoring-location-list table {
	width: 400px;
	float: left;
}
.monitoring-location-container .monitoring-location-list table tbody {
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.monitoring-location-container .monitoring-location-list table tr > *:nth-child(1) { width: 140px; }
.monitoring-location-container .monitoring-location-list table tr > *:nth-child(2) { width: 100px; }
.monitoring-location-container .monitoring-location-list table tr > *:nth-child(3) { width: 80px; }
.monitoring-location-container .monitoring-location-list table tr > *:nth-child(4) { width: 80px; }
.monitoring-location-container .monitoring-location-list table tbody tr td:nth-child(1),
.monitoring-location-container .monitoring-location-list table tbody tr td:nth-child(2)
{ 
	text-align: left;
}
.monitoring-location-container .monitoring-location-list .btn-box {
	float: right;
	width: 140px;
	margin-top: 35px;
}
.monitoring-location-container .btn-box {
	margin-top: 0;
	padding-top: 30px;
}
.monitoring-location-container div.field-label {
	padding-left: 2px;
}
.monitoring-location-container .monitoring-location-info .info-container {
	width: 400px;
	float: left;
}
.monitoring-location-container .monitoring-location-info .info-row {
	height: 34px;
}
.monitoring-location-container .monitoring-location-info .field-label {
	display: inline-block;
	width: 110px;
}
.monitoring-location-container input {
	width: 60px;
	padding-left: 8px;
}
.monitoring-location-container input.location-name {
	width: 200px;
}
.monitoring-location-container select {
	width: 200px;
}
.monitoring-location-container .monitoring-location-info .required-fields-legend {
	margin-right: 20px;
	margin-bottom: -10px;
}
.monitoring-location-container .monitoring-location-info .graph-settings {
	float: right;
	width: 140px;
	height: 30px;
	margin-top: 50px;
	margin-bottom: 119px;
}
.monitoring-location-container .monitoring-location-info .graph-settings button {
	width: 170px;
}
.monitoring-location-container .monitoring-location-info .btn-box:last-child {
	clear: both;
}
.monitoring-location-container .monitoring-location-info .btn-box.graph-settings button .caption {
	width: 110px;
}

.alert-setting-container { width: 650px; }
.alert-setting-container .alert-setting-list.border-top {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.alert-setting-container .alert-setting-list::after {
    content: "";
    display: table;
    clear: both;
}
.alert-setting-container .alert-setting-info {
	height: 240px;
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.alert-setting-container .alert-setting-list table {
	width: 490px;
	float: left;
}
.alert-setting-container .alert-setting-list table tbody {
	max-height: 150px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.alert-setting-container .alert-setting-list table tr > *:nth-child(1) { width: 140px; }
.alert-setting-container .alert-setting-list table tr > *:nth-child(2) { width: 120px; }
.alert-setting-container .alert-setting-list table tr > *:nth-child(n+3) { width: 80px; }
.alert-setting-container .alert-setting-list table tbody tr td { 
	text-align: left;
}
.alert-setting-container .alert-setting-list table tbody tr td:nth-child(n+3) { 
	text-align: center;
}
.alert-setting-container .alert-setting-list table .checkmark .fa {
	font-size: 20px;
	color: green;
	margin-bottom: 3px;
}
.alert-setting-container .alert-setting-list .btn-box {
	float: right;
	width: 140px;
	margin-top: 35px;
}
.alert-setting-container .btn-box {
	margin-top: 30px;
}
.alert-setting-container div.field-label {
	padding-left: 2px;
}
.alert-setting-container .alert-setting-info .left-pane {
	float: left;
	width: 250px;
}
.alert-setting-container .alert-setting-info .right-pane {
	float: right;
	width: 170px;
	margin-right: 100px;
}
.alert-setting-container .alert-setting-info .two-column::after {
    content: "";
    display: table;
    clear: both;
}
.alert-setting-container .alert-setting-info .info-row {
	height: 34px;
}
.alert-setting-container .alert-setting-info .left-pane .field-label {
	display: inline-block;
	width: 50px;
}
.alert-setting-container .alert-setting-info .right-pane .field-label {
	display: inline-block;
	width: 125px;
}
.alert-setting-container input[type="text"] {
	width: 200px;
	padding-left: 8px;
}
.alert-setting-container .alert-setting-info .required-fields-legend {
	margin-right: 20px;
	margin-bottom: -10px;
}

.logs-container {
	height: 638px;
}
.logs-container .control {
	width: 800px;
	height: 60px;
	background: #F1FAFF;
	border-radius: 7px;
	border: 1px solid #BDE8FF;
	margin-bottom: 20px;
}
.logs-container .control .monitoring-location-selection {
	display: inline-block;
	padding-top: 20px;
	padding-left: 30px;
}
.logs-container .control .time-span-panel {
	width: 420px;
	height: 58px;
	vertical-align: top;
	float: right;
	padding-top: 17px;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}
.logs-container .control .time-span-selection {
	background: #F1FAFF;
}
.logs-container .control .time-span-selection .time-span-button {
	display: inline-block;
	width: 35px;
	height: 22px;
	border-radius: 7px;
	background: white;
	border: 1px solid #BDE8FF;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-left: 10px;
	text-align: center;
	font-size: 11px;
	padding-top: 3px;
}
.logs-container .control .time-span-selection .time-span-button:hover {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
}
.logs-container .control .time-span-selection .time-span-button.selected {
	background: #66CCFF;
	color: white;
	font-weight: bold;
	border: 1px solid #66CCFF;
}
.logs-container .control .time-span-selection .time-span-button input[type="radio"] {
	appearance: none;
	background: white;
	margin: 0;
}
.logs-container .control .time-span-selection .time-span-button label {
	cursor: pointer;
}
.logs-container .control .time-span-toggle {
	width: 5px;
	height: 15px;
	float: right;
	margin-top: 5px;
	cursor: pointer;
}
.logs-container .control .time-span-selection .time-span-toggle {
	background: #66CCFF;
}
.logs-container .control .time-span-input {
	background: #66CCFF;
	padding-left: 55px;
}
.logs-container .control .time-span-input .time-span-toggle {
	background: #F1FAFF;
}
.logs-container .control .time-span-input span {
	margin-left: 10px;
	margin-right: 10px;
}
#time-span-from-date, #time-span-to-date {
	width: 74px;
	padding-left: 8px;
}
#time-span-from-time, #time-span-to-time {
	width: 54px;
	padding-left: 8px;
}
.logs-container .qa-notes-button {
	position: relative;
	top: -497px;
	left: 640px;
	width: 115px;
	height: 23px;
	border: 1px solid #777777;
	border-radius: 5px;
	color: #777777;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
}
#context-menu {
	position: fixed;
	z-index: 11111;
	width: 100px;
	background: #333333;
	border-radius: 5px;
	display: none;
}
#context-menu.visible {
	display: block;
}
#context-menu .context-menu-item {
	padding: 8px 10px;
	color: #DDDDDD;
	border-radius: inherit;
	cursor: pointer;
}
#context-menu .context-menu-item.disabled {
	color: #666666;
	cursor: default;
}
#context-menu .context-menu-item:not(.disabled):hover {
	color: #FFFFFF;
}

.production-container .border-bottom {
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px solid #CCCCCC;
}
.production-container .border-top,
.production-container .info {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.production-container .clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.production-container .list table {
	float: left;
}
.production-container .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.production-container table tbody tr td .numbox-integer {
	display: inline-blocl;
	width: 23px;
	text-align: right;
}
.production-container table tbody tr td .numbox-fractional {
	display: inline-block;
	width: 11px;
	text-align: left;
}
.production-container table tbody tr td.earmarked { cursor: pointer; }
.production-container table tbody tr td.earmarked::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 8px 8px 0;
	border-style: solid;
	border-color: #DB4900 #FFF;
}
.production-container .btn-box {
	margin-top: 0;
	padding-top: 30px;
}
.production-container .list .btn-box {
	float: right;
	width: 140px;
	margin-top: 35px;
}
.production-container div.field-label {
	padding-left: 2px;
}
.production-container .info .info-row {
	height: 34px;
}
.production-container .info .field-label {
	display: inline-block;
}
.production-container input {
	padding-left: 8px;
}
.production-container .info .required-fields-legend {
	margin-right: 20px;
	margin-top: -5px;
}

.production-dashboard-container { width: 904px; }
.production-dashboard-container .border-bottom {
	padding-bottom: 25px;
	margin-bottom: 23px;
	border-bottom: 1px solid #CCCCCC;
}
.production-dashboard-container .border-top {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #CCCCCC;
}
.production-dashboard-container .today .current-time { display: inline-block; }
.production-dashboard-container .today .current-time .time-separator {
	margin: 0 -6px;
	animation: blinkData 2s infinite;
}
.production-dashboard-container .lots-list table tbody { max-height: 136px; }
.production-dashboard-container .lots-list table tbody.expanded { max-height: 442px; }
.production-dashboard-container .lots-list table tr > *:nth-child(1) { width: 60px; }
.production-dashboard-container .lots-list table tr > *:nth-child(2) { width: 70px; }
.production-dashboard-container .lots-list table tr > *:nth-child(3) { width: 50px; }
.production-dashboard-container .lots-list table tr > *:nth-child(4) { width: 50px; }
.production-dashboard-container .lots-list table tr > *:nth-child(5) { width: 80px; }
.production-dashboard-container .lots-list table tr > *:nth-child(6) { width: 200px; }
.production-dashboard-container .lots-list table tr > *:nth-child(7) { width: 82px; }
.production-dashboard-container .lots-list table tr > *:nth-child(8) { width: 200px; }
.production-dashboard-container .lots-list table tr > *:nth-child(9) { width: 60px; }
.production-dashboard-container .lots-list table tr > *:nth-child(10) { width: 60px; }
.production-dashboard-container .lots-list table tr > *:nth-child(11) { width: 50px; }
.production-dashboard-container .lots-list table tbody tr td {
	height: 34px;
	text-align: left;
}
.production-dashboard-container .lots-list table tbody tr td:nth-child(9),
.production-dashboard-container .lots-list table tbody tr td:nth-child(10),
.production-dashboard-container .lots-list table tbody tr td:nth-child(11) {
	text-align: right;
	padding-left: 0;
}
.production-dashboard-container .lots-list .expand-button {
	clear: left;
	position: relative;
	top: -25px;
	left: 908px;
	width: 20px;
	height: 20px;
	padding-left: 5px;
	border-radius: 4px;
	font-size: 16px;
	color: white;
	background-color: #333333;
	cursor: pointer;
}
.production-dashboard-container .lots-list .expand-button:hover {
	background: #4A4A4A;
	font-size: 17px;
}
.production-dashboard-container .selected-lot-info .left-pane {
	width: 290px;
	float: left;
}
.production-dashboard-container .selected-lot-info .middle-pane {
	width: 290px;
	height: 100%;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.production-dashboard-container .selected-lot-info .right-pane {
	width: 296px;
	float: right;
}
.production-dashboard-container .selected-lot-info .field-label {
	font-size: 9px; 
	width: 70px;
}
.production-dashboard-container .selected-lot-info .field-label.long-label { width: 95px; }
.production-dashboard-container .selected-lot-info .left-pane .field-label:not(:first-child) {
	width: 20px;
	margin-left: 15px;
}
.production-dashboard-container .selected-lot-info .info-row.special-program-tags .field-label { padding-top: 8px; }
.production-dashboard-container .selected-lot-info .info-row.special-program-tags { height: auto; }
.production-dashboard-container .selected-lot-info #keyword-list {
	margin-top: 4px !important;
    margin-bottom: 6px !important; 
}
.production-dashboard-container .selected-lot-info input.order-number { width: 160px; }
.production-dashboard-container .selected-lot-info input.time { width: 54px; }
.production-dashboard-container .selected-lot-info .info-row.text { height: auto; }
.production-dashboard-container .selected-lot-info .middle-pane .info-row.text:not(:first-child) { margin-top: 8px; }
.production-dashboard-container .selected-lot-info .info-row.text textarea {
	width: 248px;
	height: 115px;
	padding: 6px 8px;
	margin-top: 5px;
	margin-left: 10px;
	overflow-y: scroll;
	resize: none;
}
.production-dashboard-container .selected-lot-info .left-pane .info-row.text textarea {
	width: 278px;
	height: 100px;
}
.production-dashboard-container .input-output-list table tbody { max-height: 235px; }
.production-dashboard-container .input-output-list table tr > *:nth-child(1) {
	width: 150px;
	max-width: 150px;
}
.production-dashboard-container .input-output-list table tr > *:nth-child(2) { width: 40px; }
.production-dashboard-container .input-output-list table tr > *:nth-child(3) { width: 60px; }
.production-dashboard-container .input-output-list table tr > *:nth-child(4) { width: 45px; }
.production-dashboard-container .input-output-list table tbody tr td {
	height: 34px;
	text-align: right;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 0;
	padding-right: 6px;
}
.production-dashboard-container .input-output-list table tbody tr td:first-child {
	text-align: left;
	padding-left: 6px;
}

.production-logs-container .lots-list table tbody { max-height: 170px !important; }
.production-logs-container .lots-list table tbody.expanded { max-height: 476px !important; }
.production-logs-container .lots-list .expand-button { left: 870px !important; }
.production-logs-container .lots-list .target-product {
	width: 100%;
	overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
}
.production-logs-container .input-output-list table tbody { max-height: 170px !important; }
.production-logs-container .selected-lot-info .right-pane .btn-box { clear: left; }
.production-logs-container .selected-lot-info .right-pane .btn-box button { width: 105px; }
.production-logs-container .search-button {
	position: absolute;
	top: 182px;
	left: 860px;
	width: 110px;
	height: 28px;
	z-index: 150;
	background: #333333;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}
.production-log-details-container { width: 760px; }
.production-log-details-container .lot-info { margin-bottom: 20px; }
.production-log-details-container .lot-info .field-label { display: inline-block; }
.production-log-details-container .lot-info .field-label:not(:first-child) { margin-left: 30px; }
.production-log-details-container .details { margin-bottom: 30px; }
.production-log-details-container .details table tr > *:nth-child(1) {
	width: 150px;
	max-width: 150px;
}
.production-log-details-container .details table tr > *:nth-child(2) { width: 40px; }
.production-log-details-container .details table tr > *:nth-child(3) { width: 60px; }
.production-log-details-container .details table tr > *:nth-child(4) { width: 80px; }
.production-log-details-container .details table tr > *:nth-child(5) { width: 60px; }
.production-log-details-container .details table thead tr th:nth-child(6) { width: 350px; }
.production-log-details-container .details table tbody tr td:nth-child(6) {
	width: 150px;
	max-width: 150px;
}
.production-log-details-container .details table tbody tr td:nth-child(7) { width: 40px; }
.production-log-details-container .details table tbody tr td:nth-child(8) {
	width: 120px;
	max-width: 120px;
}
.production-log-details-container .details table tbody tr td:nth-child(9) {
	width: 40px;
	font-size: 20px;
}
.production-log-details-container .details table tbody tr td {
	height: 34px;
	text-align: left;
	padding-left: 6px;
	padding-right: 0;
}
.production-log-details-container .details table tbody tr td {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.production-log-details-container .details table tbody tr td:nth-child(2),
.production-log-details-container .details table tbody tr td:nth-child(3) {
	text-align: right;
	padding-left: 0;
	padding-right: 6px;
}
.production-log-details-container .details table .show-report-button {
	width: 35px;
	height: 27px;
	border-radius: 4px;
	background-color: transparent;
	color: #333333;
	text-align: center;
	cursor: pointer;
}
.production-log-details-container .details table .show-report-button.print-selected {
	background-color: #333333;
	color: white;
}
.production-logs-container .logs-info-detail .btn-box button { margin: 0 20px; }
.production-logs-container .logs-info-detail iframe {
	width: 100%;
	height: calc(100vh - 280px);
	min-height: 530px;
}

.production-lots-container { width: 904px; }
.production-lots-container .border-bottom {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.production-lots-container .border-top {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.production-lots-container .lots-list table tbody { max-height: 100px; }
.production-lots-container .lots-list table tr > *:nth-child(1) { width: 70px; }
.production-lots-container .lots-list table tr > *:nth-child(2) { width: 50px; }
.production-lots-container .lots-list table tr > *:nth-child(3) { width: 50px; }
.production-lots-container .lots-list table tr > *:nth-child(4) { width: 80px; }
.production-lots-container .lots-list table tr > *:nth-child(5) { width: 250px; }
.production-lots-container .lots-list table tr > *:nth-child(6) { width: 82px; }
.production-lots-container .lots-list table tbody tr td {
	height: 34px;
	text-align: left;
}
.production-lots-container .lots-list .btn-box { margin-right: 90px; }
.production-lots-container .selected-lot-info .left-pane {
	width: 300px;
	float: left;
}
.production-lots-container .selected-lot-info .middle-pane {
	width: 270px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.production-lots-container .selected-lot-info .right-pane {
	width: 296px;
	float: right;
}
.production-lots-container .selected-lot-info .info-row.special-program-tags,
.production-lots-container .selected-lot-info .info-row.text { height: auto; }
.production-lots-container .selected-lot-info .field-label {
	width: 85px;
	padding-top: 6px;
}
.production-lots-container .selected-lot-info .field-label:not(:first-child) {
	width: 65px;
	margin-left: 15px;
}
.production-lots-container .selected-lot-info .right-pane .field-label {
	width: 105px;
	padding-top: 6px;
}
.production-lots-container .selected-lot-info .right-pane .field-label:not(:first-child) {
	width: 45px;
	margin-left: 15px;
}
.production-lots-container .selected-lot-info .special-program-tags .field-label {
	width: 150px;
	margin-bottom: 10px;
}
#keyword-list {
	display: flex; 
    flex-wrap: wrap; 
    list-style: none; 
    padding: 0; 
    margin: 0 0 0 30px; 
}
#keyword-list li {
	margin-right: 8px;
	margin-bottom: 8px; 
	padding: 2px 0 1px 6px; 
	background-color: #DDD; 
	border-radius: 4px; 
}
#keyword-list li.not-registered {
	background-color: #FFBBC1; 
}
#keyword-list .delete-button {
	background-color: transparent;
	border: none; 
    color: #999;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 11px;
    cursor: pointer;
}
#keyword-list .delete-button span {
	display: inline-block;
	transform: translateY(-8%);
}
.production-lots-container .selected-lot-info input.lot-number { width: 80px; }
.production-lots-container .selected-lot-info input.workshop,
.production-lots-container .selected-lot-info input.io-def,
.production-lots-container .selected-lot-info input.order-number { width: 180px; }
.production-lots-container .selected-lot-info input.target-qty { 
	width: 60px;
	margin-right: 10px;
}
.production-lots-container .selected-lot-info input[type="radio"] { 
	margin-left: 10px;
	margin-right: 5px;
}
.production-lots-container .selected-lot-info input.time { 
	width: 54px;
	padding-left: 8px;
}
.production-lots-container .selected-lot-info select { width: 180px; }
.production-lots-container .selected-lot-info .special-program-tags select { width: 110px; }
.production-lots-container .selected-lot-info .info-row.text textarea {
	width: 248px;
	height: 224px;
	padding: 6px 8px;
	margin-top: 20px;
	overflow-y: scroll;
	resize: none;
}
.production-lots-container .selected-lot-info .info-row.text textarea:disabled::placeholder {
	opacity: 0;
}
.production-lots-container .selected-lot-info .tab {
	position: relative;
	display: inline-block;
	width: 100px;
	height: 28px;
	background: white;
	border-radius: 15px 15px 0 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}
.production-lots-container .selected-lot-info .tab.first {
	z-index: 200 !important;
	background: #333333;
	color: white;
}
.production-lots-container .selected-lot-info .tab.second { z-index: 160 !important; }
.production-lots-container .selected-lot-info .tab.third { z-index: 150 !important; }
.production-lots-container .selected-lot-info .tab:nth-child(2) { margin-left: -20px; }
.production-lots-container .selected-lot-info .tab:nth-child(3) { margin-left: -40px; }
.production-lots-container .input-output-list .field-label { padding-left: 0; }
.production-lots-container .input-output-list table tbody { max-height: 140px; }
.production-lots-container .input-output-list table tr > *:nth-child(1) {
	width: 150px;
	max-width: 150px;
}
.production-lots-container .input-output-list table tr > *:nth-child(2) { width: 40px; }
.production-lots-container .input-output-list table tr > *:nth-child(3) { width: 60px; }
.production-lots-container .input-output-list table tr > *:nth-child(4) { width: 45px; }
.production-lots-container .input-output-list table tbody tr td {
	height: 34px;
	text-align: right;
	padding-left: 0;
	padding-right: 6px;
}
.production-lots-container .input-output-list table tbody tr td:first-child {
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 6px;
	position: relative;
}
.production-lots-container .btn-box {
	margin-top: 30px;
	padding-bottom: 30px;
}

.workshop-console-container { width: 904px; }
.workshop-console-container .border-bottom {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.workshop-console-container .lots-list table tbody { max-height: 150px; }
.workshop-console-container .lots-list table tr > *:nth-child(1) { width: 70px; }
.workshop-console-container .lots-list table tr > *:nth-child(2) { width: 50px; }
.workshop-console-container .lots-list table tr > *:nth-child(3) { width: 50px; }
.workshop-console-container .lots-list table tr > *:nth-child(4) { width: 250px; }
.workshop-console-container .lots-list table tr > *:nth-child(5) { width: 82px; }
.workshop-console-container .lots-list table tbody tr td {
	height: 34px;
	text-align: left;
}
.workshop-console-container .lots-list .btn-box { margin-right: 90px; }
.workshop-console-container .workshop-console {
	position: absolute;
	top: 100px;
	left: 50px;
	width: 1024px;
	height: calc(100% - 100px);
}
.workshop-console-container .workshop-console .info-field {
	display: inline-block;
	padding: 2px 0 4px 12px;
	vertical-align: bottom;
}
.workshop-console-container .workshop-console .info-field.block {
	background-color: #000;
	color: white;
	border-radius: 4px;
}
.workshop-console-container .workshop-console .info-field.block.warning {
	background-color: #C00;
	color: white;
}
.workshop-console-container .workshop-console .info-field .field-label {
	font-size: 9px;
}
.workshop-console-container .workshop-console .info-field .field-data {
	font-size: 36px;
	font-weight: bold;
	line-height: 38px;
}
.workshop-console-container .workshop-console .info-field .field-data.unit {
	font-size: 24px;
	margin-left: 10px;
}
.workshop-console-container .workshop-console .info-field.current-time .time-separator {
	margin: 0 -1px;
	animation: blinkData 2s infinite;
}
@keyframes blinkData {
    from { opacity: 1; }
	75% { opacity: 0.95; }
	85% { opacity: 0.15; }
    95% { opacity: 0.05; }
    to { opacity: 0; }
}
.workshop-console-container .workshop-console .console-lot-info {
	width: 90%;
	height: 170px;
	margin: 30px auto;
	border: 1px solid #CCCCCC;
	border-radius: 7px;
	padding: 0 20px;
}
.workshop-console-container .workshop-console .console-lot-info .info-fields-row { padding: 10px 0; }
.workshop-console-container .workshop-console .console-lot-info .info-fields-row:not(:first-child) {
	border-top: 1px solid #CCCCCC;
}
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field:not(:first-child) { margin-left: 37px; }
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.lot-number { min-width: 145px; }
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.start-time { min-width: 120px; }
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.end-time { min-width: 120px; }
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.current-time { min-width: 120px; }
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.io-def {
	min-width: 470px;
	width: 470px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.qty-unit { 
	min-width: 165px;
	margin-left: 33px;
}
.workshop-console-container .workshop-console .console-lot-info .info-fields-row .info-field.qty-unit.actual { 
	color: #CC0000;
}
.workshop-console-container .workshop-console .console-timers {
	width: 150px;
	height: 280px;
	padding-left: 20px;
	float: left;
}
.workshop-console-container .workshop-console .info-field.time {
	min-width: 130px;
	min-height: 65px;
}
.workshop-console-container .workshop-console .info-field.time .field-data { padding-left: 10px; }
.workshop-console-container .workshop-console .info-field.time input {
	width: 111px;
	height: 40px;
	padding-top: 2px;
	font-size: 36px;
	font-weight: bold;
}
.workshop-console-container .workshop-console .console-timer-buttons {
	width: 150px;
	height: 280px;
	float: left;
}
.workshop-console-container .workshop-console .console-timer-buttons .btn-box {
	min-height: 65px;
	padding-top: 25px;
}
.workshop-console-container .workshop-console .console-menu {
	width: 280px;
	height: 210px;
	float: left;
	margin-left: 20px;
}
.workshop-console-container .workshop-console .console-menu .btn-box {
	width: 280px;
	padding-top: 30px;
	border-top: 1px solid #CCCCCC
}
.workshop-console-container .workshop-console .console-menu .btn-box button {
	width: 110px;
	margin-bottom: 30px;
}
.workshop-console-container .workshop-console .console-menu .btn-box button:nth-child(odd) {
	margin-left: 7px;
	margin-right: 35px;
}
.workshop-console-container .workshop-console .console-menu .btn-box button:nth-child(even) {
	margin-left: 0;
	margin-right: 8px;
}
.workshop-console-container .workshop-console .console-menu .btn-box button:nth-child(5) { margin-left: 35px !important; }
.workshop-console-container .workshop-console .console-info-panel {
	width: 670px;
	height: 470px;
	float: right;
	border-left: 1px solid #CCCCCC;
	margin-right: 30px;
}
.workshop-console-container .workshop-console .console-info-panel.overlayed {
	background-color:rgba(255, 255, 0, 0.2);
	border: 1px solid #CCCCCC;
}
.workshop-console-container .workshop-console .console-info-panel .close-button {
	position: absolute;
	top: 207px;
	left: 900px;
	width: 80px;
	height: 23px;
	background: #9A5010;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	cursor: pointer;
}
.workshop-console-container .workshop-console .console-info-panel .close-button span { margin-right: 6px; }
.workshop-console-container .workshop-console .console-info-panel .panel-overlay { padding: 15px 22px; }
.workshop-console-container .workshop-console .console-info-panel .io-products .left-part { padding-left: 30px; }
.workshop-console-container .workshop-console .console-info-panel .left-part {
	width: 285px;
	float: left;
}
.workshop-console-container .workshop-console .console-info-panel .scan-barcodes .left-part { width: 351px; }
.workshop-console-container .workshop-console .console-info-panel .right-part {
	width: 330px;
	float: right;
}
.workshop-console-container .workshop-console .console-info-panel .scan-barcodes .right-part { width: 246px; }
.workshop-console-container .workshop-console .console-info-panel .scan-barcodes .scan-data { height: 280px; }
.workshop-console-container .workshop-console .console-info-panel .info-row { height: 34px; }
.workshop-console-container .workshop-console .console-info-panel .info-row.target-qty {
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.workshop-console-container .workshop-console .console-info-panel .info-row.text { height: auto; }
.workshop-console-container .workshop-console .console-info-panel .info-row.text:not(:first-child) { margin-top: 10px; }
.workshop-console-container .workshop-console .console-info-panel .info-row span { vertical-align: top; }
.workshop-console-container .workshop-console .console-info-panel .field-label {
	display: inline-block;
	font-size: 9px;
	width: 80px;
}
.workshop-console-container .workshop-console .console-info-panel .io-products .field-label,
.workshop-console-container .workshop-console .console-info-panel .scan-barcodes .field-label { display: block; }
.workshop-console-container .workshop-console .console-info-panel .input-residue-list .field-label { width: 130px; }
.workshop-console-container .workshop-console .console-info-panel .input-output-list .field-label {
	width: 130px;
	vertical-align: top;
}
.workshop-console-container .workshop-console .console-info-panel .summary-of-scanning .field-label { width: 100px; }
.workshop-console-container .workshop-console .console-info-panel .scan-barcodes .field-label { width: 140px; }
.workshop-console-container .workshop-console .console-info-panel .special-program-tags {
	display: inline-block;
	vertical-align: top;
}
.workshop-console-container .workshop-console .console-info-panel #keyword-list { margin-left: 0 !important; }
.workshop-console-container .workshop-console .console-info-panel .info-row.text textarea {
	width: 250px;
	height: 113px;
	padding: 6px 8px;
	margin-top: 20px;
	margin-left: -70px;
	overflow-y: scroll;
	resize: none;
	background-color: inherit;
}
.workshop-console-container .workshop-console .console-info-panel .add-note .btn-box { margin-top: 50px; }
.workshop-console-container .workshop-console .console-info-panel .add-note .info-row.text textarea { height: 200px; }
.workshop-console-container .input-output-list table tbody { max-height: 204px; }
.workshop-console-container .input-output-list table tr > *:nth-child(1) { width: 90px; }
.workshop-console-container .input-output-list table tr > *:nth-child(2) { width: 240px; }
.workshop-console-container .input-output-list table tbody tr td {
	height: 34px;
	text-align: left;
	overflow: hidden;
	padding-left: 6px;
	padding-right: 6px;
}
.workshop-console-container .input-output-list table tbody tr td:first-child { position: relative; }
.workshop-console-container .input-list table tbody { max-height: 175px; }
.workshop-console-container .input-residue-list table tbody { max-height: 105px !important; }
.workshop-console-container .output-list table tbody { max-height: 175px; }
.workshop-console-container .input-list table tr > *:nth-child(1),
.workshop-console-container .output-list table tr > *:nth-child(1) { width: 150px; }
.workshop-console-container .input-list table tr > *:nth-child(2),
.workshop-console-container .output-list table tr > *:nth-child(2) { width: 40px; }
.workshop-console-container .input-list table tr > *:nth-child(3),
.workshop-console-container .output-list table tr > *:nth-child(3) { width: 60px; }
.workshop-console-container .output-list table tr > *:nth-child(4),
.workshop-console-container .output-list table tr > *:nth-child(4) { width: 45px; }
.workshop-console-container .input-list table tbody tr td,
.workshop-console-container .output-list table tbody tr td {
	height: 34px;
	text-align: right;
	padding-left: 0;
	padding-right: 6px;
}
.workshop-console-container .input-list table tbody tr td:first-child,
.workshop-console-container .output-list table tbody tr td:first-child {
	max-width: 150px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 6px;
	position: relative;
}
.workshop-console-container .input-residue-list { margin-top: 230px; }
.workshop-console-container .scanned-items-list table tbody,
.workshop-console-container .summary-of-scanning table tbody,
.workshop-console-container .residual-items-list table tbody { max-height: 204px; }
.workshop-console-container .scanned-items-list table tr > *:nth-child(1),
.workshop-console-container .summary-of-scanning table tr > *:nth-child(1),
.workshop-console-container .residual-items-list table tr > *:nth-child(1) { width: 150px; }
.workshop-console-container .scanned-items-list table tr > *:nth-child(2),
.workshop-console-container .summary-of-scanning table tr > *:nth-child(2),
.workshop-console-container .residual-items-list table tr > *:nth-child(2) { width: 55px; }
.workshop-console-container .scanned-items-list table tr > *:nth-child(3),
.workshop-console-container .summary-of-scanning table tr > *:nth-child(3) { width: 40px; }
.workshop-console-container .residual-items-list table tr > *:nth-child(3) { width: 70px; }
.workshop-console-container .scanned-items-list table tr > *:nth-child(4),
.workshop-console-container .residual-items-list table tr > *:nth-child(4) { width: 80px; }
.workshop-console-container .scanned-items-list table tr > *:nth-child(5),
.workshop-console-container .residual-items-list table tr > *:nth-child(5) { width: 25px; }
.workshop-console-container .scanned-items-list table tbody tr td,
.workshop-console-container .summary-of-scanning table tbody tr td {
	height: 34px;
	text-align: right;
	padding-left: 0;
	padding-right: 6px;
}
.workshop-console-container .scanned-items-list table tbody tr td:first-child,
.workshop-console-container .summary-of-scanning table tbody tr td:first-child,
.workshop-console-container .residual-items-list table tbody tr td:first-child {
	max-width: 150px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 6px;
}
.workshop-console-container .residual-items-list table tbody tr td:nth-child(3) { padding: 0; }
.workshop-console-container .scanned-items-list table tbody tr td:nth-child(4),
.workshop-console-container .residual-items-list table tbody tr td:nth-child(4) {
	text-align: left;
	padding-left: 6px;
}
.workshop-console-container .scanned-items-list table thead tr th:nth-child(5),
.workshop-console-container .residual-items-list table thead tr th:nth-child(5) {
	font-size: 14px;
}
.workshop-console-container .scanned-items-list table tbody tr td:nth-child(5),
.workshop-console-container .residual-items-list table tbody tr td:nth-child(5) {
	cursor: pointer;
	padding: 0 5px;
	font-size: 16px;
}
.workshop-console-container .workshop-console .console-info-panel .scanner-input {
	width: 400px;
	height: 80px;
	float: left;
}
.workshop-console-container .workshop-console .console-info-panel .barcode-input {
	width: 400px;
	display: inline-block;
}
.workshop-console-container .workshop-console .console-info-panel .short-barcode-input { width: 150px !important; }
.workshop-console-container .workshop-console .console-info-panel .num-boxes-input {
	width: 80px;
	display: inline-block;
	margin-left: 30px;
}
.workshop-console-container .workshop-console .console-info-panel .scanner-input input { width: 100%; }
.workshop-console-container .workshop-console .console-info-panel .bordered-input {
	height: 35px !important;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
.workshop-console-container .workshop-console .console-info-panel .bordered-input:focus {
	border: 5px solid #66CCFF;
	border-radius: 20px;
	outline: 0;
}
.workshop-console-container .workshop-console .console-info-panel .scanner-mode-selection {
	width: 200px;
	float: right;
	margin-top: 10px;
}
.workshop-console-container .workshop-console .console-info-panel input.residue-qty {
	width: 100%;
	padding-left: 15px;
	padding-top: 4px;
}
.workshop-console-container .workshop-console .console-info-panel input.residue-qty::-webkit-outer-spin-button,
.workshop-console-container .workshop-console .console-info-panel input.residue-qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.workshop-console-container .workshop-console .console-info-panel input[type="number"].residue-qty {
	-moz-appearance: textfield;
}

.input-output-container { min-width: 904px; }
.input-output-container .left-pane {
	width: 410px;
	float: left;
}
.input-output-container .right-pane {
	width: 490px;
	height: 550px;
	padding-left: 20px;
	border-left: 1px solid #CCCCCC;
	float: left;
}
.input-output-container .io-def-list table tbody { max-height: 180px; }
.input-output-container .io-def-list table tr > *:nth-child(1) { width: 100px; }
.input-output-container .io-def-list table tr > *:nth-child(2) { width: 200px; }
.input-output-container .io-def-list table tbody tr td { 
	height: 34px;
	text-align: left;
}
.input-output-container .list .btn-box {
	width: 80px;
	margin-right: 5px;
}
.input-output-container .io-def-list .btn-box { margin-right: 10px; }
.input-output-container .io-def-info .field-label { width: 70px; }
.input-output-container .io-def-info .btn-box button { margin: 0 15px; }
input.io-def-name { width: 200px; }
input.io-def-description { width: 320px; }
.input-output-container .io-detail-list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.input-output-container .io-detail-list table tbody { max-height: 140px; }
.input-output-container .io-detail-list table tr > *:nth-child(1) { width: 20px; }
.input-output-container .io-detail-list table tr > *:nth-child(2) { width: 85px; }
.input-output-container .io-detail-list table tr > *:nth-child(3) { width: 200px; }
.input-output-container .io-detail-list table tr > *:nth-child(4) { width: 35px; }
.input-output-container .io-detail-list table tr > *:nth-child(5) { width: 40px; }
.input-output-container .io-detail-list table tbody tr td {
	height: 34px;
	text-align: left;
	padding-right: 0;
}
.input-output-container .io-detail-list .btn-box { margin-right: 0; }
.input-output-container .io-detail-info .required-fields-legend { margin-right: 0; }
.input-output-container .io-detail-info .field-label {
	width: 90px;
	padding-top: 6px;
}
.input-output-container .io-detail-info .io-product-code-type { margin: 0 10px 0 30px; }
.input-output-container .io-detail-info .btn-box button { margin: 0 15px; }
input.io-product-code { width: 120px; }
input.io-product-name { width: 350px; }
input.io-product-formula { width: 350px; }
.input-output-container .io-detail-info select { width: 120px; }
.input-output-container button.btn-green { 
	width: 80px;
	margin: 0;
	padding: 5px 5px 5px 8px;
}
.input-output-container button.btn-green:not(:first-child) {
	margin-top: 30px;
	padding-left: 5px;
}
.input-output-container button.btn-green .button-icon { padding-right: 5px; }
.input-output-container .search-button {
	position: relative;
	top: -328px;
	left: 350px;
	width: 110px;
	height: 28px;
	z-index: 150;
	background: #333333;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}

.generic-product-container .left-pane {
	width: 450px;
	float: left; 
}
.generic-product-container .right-pane {
	border-left: 1px solid #CCCCCC;
	padding-left: 30px;
	margin-left: 30px;
	float: left;
}
.generic-product-container .generic-product-list table tbody { max-height: 180px; }
.generic-product-container .generic-product-list table tr > *:nth-child(1) { width: 80px; }
.generic-product-container .generic-product-list table tr > *:nth-child(2) { width: 200px; }
.generic-product-container .generic-product-list table tbody tr td { text-align: left; }
.generic-product-container .generic-product-list .btn-box { margin-right: 21px; }
.generic-product-container .generic-product-info .field-label { width: 110px; }
.generic-product-container .generic-product-info .btn-box button { margin: 0 20px; }
input.generic-product-code { width: 120px; }
input.generic-product-name { width: 200px; }
input.generic-product-description { width: 320px; }
.generic-product-container .associated-product-list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.generic-product-container .associated-product-list table tbody { max-height: 353px; }
.generic-product-container .associated-product-list table tr > *:nth-child(1) { width: 85px; }
.generic-product-container .associated-product-list table tr > *:nth-child(2) { width: 200px; }
.generic-product-container .associated-product-list table tbody tr td { text-align: left; }
.generic-product-container .associated-product-list .btn-box button { width: 200px; }

.special-program-container { width: 570px; }
.special-program-container .special-program-list table tbody { max-height: 200px; }
.special-program-container .special-program-list table tr > *:nth-child(1) { width: 80px; }
.special-program-container .special-program-list table tr > *:nth-child(2) { width: 200px; }
.special-program-container .special-program-list table tbody tr td { text-align: left; }
.special-program-container .special-program-list .btn-box { margin-right: 61px; }
.special-program-container .special-program-info .field-label { width: 90px; }
input.special-program-code { width: 120px; }
input.special-program-description { width: 320px; }

.workshop-container { width: 570px; }
.workshop-container .workshop-list table tbody { max-height: 150px; }
.workshop-container .workshop-list table tr > *:nth-child(1) { width: 180px; }
.workshop-container .workshop-list table tbody tr td:nth-child(1) { text-align: left; }
.workshop-container .workshop-list .btn-box { margin-right: 62px; }
.workshop-container .workshop-info .field-label { width: 110px; }
.workshop-container .workshop-info .monitoring-locations { height: auto; }
.workshop-container .workshop-info .monitoring-locations .field-label {
	width: 220px;
	padding-top: 6px;
	margin-bottom: 10px;
}
.workshop-container .workshop-info .monitoring-loations select { width: 200px; }

.receiving-container .border-bottom {
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px solid #CCCCCC;
}
.receiving-container .border-top {
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #CCCCCC;
}
.receiving-container.add-lots-container,
.receiving-container.edit-lots-container,
.receiving-container.print-logs-container { width: 904px; }
.receiving-container.print-logs-container .inputs input.order-number {
	width: 130px;
	padding-left: 8px;
	padding-right: 8px;
}
.receiving-container.print-logs-container .search-button {
	position: absolute;
	top: 192px;
	left: 860px;
	width: 110px;
	height: 28px;
	z-index: 150;
	background: #333333;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}
.receiving-container .left-pane {
	width: 560px;
	float: left;
}
.receiving-container .right-pane {
	width: 325px;
	min-height: 570px;
	padding-left: 20px;
	padding-top: 23px;
	border-left: 1px solid #CCCCCC;
	float: right;
}
.receiving-container .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.receiving-container .receiving-list table tbody { max-height: 250px; }
.receiving-container .receiving-list table tr > *:nth-child(1) { width: 85px; }
.receiving-container .receiving-list table tr > *:nth-child(2) { width: 230px; }
.receiving-container .receiving-list table tr > *:nth-child(3) { width: 40px; }
.receiving-container .receiving-list table tr > *:nth-child(4) { width: 60px; }
.receiving-container .receiving-list table tr > *:nth-child(5) { width: 60px; }
.receiving-container .receiving-list table tr > *:nth-child(6) { width: 80px; }
.receiving-container .list table tbody tr td {
	height: 34px;
	padding-left: 8px;
	padding-right: 0;
	text-align: left;
}
.receiving-container .receiving-list table tbody tr td:nth-child(3),
.receiving-container .receiving-list table tbody tr td:nth-child(4) {
	padding-left: 0;
	padding-right: 8px;
	text-align: right;
}
.receiving-container .list table tbody tr {
	color: #999999;
}
.receiving-container .list table tbody tr.selectable-row {
	color: inherit;
}
.receiving-container .selected-info > .field-label { margin-bottom: 12px; }
.receiving-container .selected-info .info-row .field-label {
	display: inline-block;
	width: 120px;
}
.receiving-container .selected-info .info-row .field-label:not(:first-child) {
	display: inline-block;
	width: 20px;
	margin-left: 50px;
}
.receiving-container .selected-info input {
	padding-left: 8px;
	padding-right: 8px;
	width: 80px;
	text-align: right;
}
.receiving-container .selected-info .product-code {
	width: 120px;
	text-align: left;
}
.receiving-container .selected-info .product-name {
	width: 350px;
	text-align: left;
}
.receiving-container .selected-info .edit-person {
	width: 200px;
	text-align: left;
}
.receiving-container .selected-info .edit-time {
	width: 140px;
	text-align: left;
}
.receiving-container .receiving-lot-info .required-fields-legend {
	margin-top: -15px;
	margin-right: -15px;
}
.receiving-container .receiving-lot-info .info-row { height: 34px; }
.receiving-container .receiving-lot-info .info-row.special-program-tags { height: auto; }
.receiving-container .receiving-lot-info .info-row .field-label {
	display: inline-block;
	width: 100px;
	padding-top: 6px;
}
.receiving-container .receiving-lot-info .info-row.special-program-tags .field-label { margin-bottom: 10px; }
.receiving-container .receiving-lot-info .info-row select { width: 180px; }
.receiving-container .receiving-lot-info input {
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
}
.receiving-container .receiving-lot-info input.lot-number,
.receiving-container .receiving-lot-info input.order-number { width: 130px; }
.receiving-container .receiving-lot-info input.est-number { width: 100px; }
.receiving-container .receiving-lot-info input.temperature { width: 60px; }
.receiving-container .receiving-lot-info textarea.remarks {
	width: 300px;
	height: 145px;
	overflow-y: scroll;
	resize: none;
	margin-top: 8px;
}
.receiving-container .receiving-lot-info .btn-box {
	margin-top: 190px;
	padding-bottom: 20px;
}
.receiving-container .receiving-lot-info .btn-box button { margin: 0 20px; }

.receiving-container .lots-list table tbody,
.receiving-container .lots-date-list table tbody { max-height: 270px; }
.receiving-container .lots-list table tr > *:nth-child(1) { width: 80px; }
.receiving-container .lots-list table tr > *:nth-child(2) { width: 85px; }
.receiving-container .lots-list table tr > *:nth-child(3) { width: 230px; }
.receiving-container .lots-list table tr > *:nth-child(4) { width: 40px; }
.receiving-container .lots-list table tr > *:nth-child(5) { width: 60px; }
.receiving-container .lots-list table tr > *:nth-child(6) { width: 60px; }
.receiving-container .lots-date-list table tr > *:nth-child(1) { width: 60px; }
.receiving-container .lots-date-list table tr > *:nth-child(2) { width: 80px; }
.receiving-container .lots-date-list table tr > *:nth-child(3) { width: 85px; }
.receiving-container .lots-date-list table tr > *:nth-child(4) { width: 230px; }
.receiving-container .lots-date-list table tr > *:nth-child(5) { width: 40px; }
.receiving-container .lots-date-list table tr > *:nth-child(6) { width: 60px; }
.receiving-container .lots-list table tbody tr td:nth-child(4),
.receiving-container .lots-list table tbody tr td:nth-child(5),
.receiving-container .lots-date-list table tbody tr td:nth-child(5),
.receiving-container .lots-date-list table tbody tr td:nth-child(6) {
	padding-left: 0;
	padding-right: 8px;
	text-align: right;
}
.receiving-container .lots-list table tbody tr td:nth-child(6) {
	padding: 0;
	text-align: center;
}
.receiving-container .lots-list table .checkmark .fa {
	font-size: 20px;
	color: green;
	margin-bottom: 3px;
}
.receiving-container.edit-lots-container .receiving-lot-info .btn-box button {
	width: 80px !important;
	margin: 0 9px !important;
}
.receiving-container .receiving-lot-info .btn-box button { margin: 0 20px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block {
	background-color: #F0FAFF;
	color: #002D8A;
}
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .order-data,
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status,
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status-change,
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .generic-product-selection { padding: 20px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status.generic-badge { margin-bottom: 25px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table { width: 100%; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table thead tr:first-child { background-color: #002D8A; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table thead tr:not(:first-child) {
	background-color: #CACED6;
	color: inherit;
}
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table thead tr th { height: 26px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tbody tr { border: none; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tbody tr td { border: 1px solid white; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tr > *:nth-child(1) { width: 110px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tr > *:nth-child(2n+2) { width: 60px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tr > *:nth-child(2n+3) { width: 80px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tbody tr td:first-child {
	text-align: left;
	position: relative;
}
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status table tbody tr td .generic-badge {
	position: absolute;
	left: 20px;
	top: 24px;
	display: inline-block;
	max-width: 300px;
	width: auto;
	height: 20px;
	background-color: #FDFFA9;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 8px;
	border-radius: 5px;
}
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .order-data .product-code {
	display: inline-block;
	width: 100px;
}
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .order-data .product-name {
	display: inline-block;
	width: 298px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status-change input[type="radio"] { margin-right: 10px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status-change input[type="radio"]:first-child { margin-left: 10px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status-change input[type="radio"]:not(:first-child) { margin-left: 40px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .fulfillment-status-change label { font-weight: inherit; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .generic-product-selection input[type="radio"] { margin-right: 10px; }
.receiving-container .mscm-modal .modal-dialog .modal-body .form-block .generic-product-selection label { font-weight: inherit; }
.receiving-container .receiving-log iframe {
	width: 100%;
	height: calc(100vh - 280px);
	min-height: 530px;
}

.raw-material-container { width: 904px; }
.raw-material-container .border-bottom {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.raw-material-container .border-top {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.raw-material-container .inputs .field-label.dash {
	padding-left: 5px;
	padding-right: 5px;
}
.raw-material-container .left-pane {
	width: 380px;
	float: left;
}
.raw-material-container .right-pane {
	width: 520px;
	height: 550px;
	padding-left: 20px;
	border-left: 1px solid #CCCCCC;
	float: right;
}
.raw-material-container .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.raw-material-container .list table tbody tr td {
	height: 34px;
	padding-left: 8px;
	padding-right: 0;
	text-align: left;
}
.raw-material-container .consumption-log table tbody tr > *:not(:first-child) {
	padding-left: 0;
	padding-right: 8px;
	text-align: right;
}
.raw-material-container .lots-list table tbody { max-height: 110px; }
.raw-material-container .lots-list table tr > *:nth-child(1) { width: 70px; }
.raw-material-container .lots-list table tr > *:nth-child(2) { width: 90px; }
.raw-material-container .lots-list table tr > *:nth-child(3) { width: 100px; }
.raw-material-container .consumption-log table tbody { max-height: 380px; }
.raw-material-container .consumption-log table tr > *:nth-child(1) { width: 70px; }
.raw-material-container .consumption-log table tr > *:nth-child(2n+2) { width: 40px; }
.raw-material-container .consumption-log table tr > *:nth-child(2n+3) { width: 70px; }
.raw-material-container .info-row .field-label {
	display: inline-block;
	width: 110px;
}
.raw-material-container .selected-lot-info > .field-label {
	margin-bottom: 5px;
}
.raw-material-container .info-row .field-label:not(:first-child) {
	display: inline-block;
	width: 20px;
	margin-left: 50px;
}
.raw-material-container .info-row.special-program-tags .field-label {
	padding-top: 6px;
	margin-bottom: 10px;
}
.raw-material-container .info-row.special-program-tags { height: auto; }
.raw-material-container .info-row input {
	padding-left: 8px;
	padding-right: 8px;
	width: 80px;
	text-align: left;
}
.raw-material-container .info-row input.product-name { width: 260px; }
.raw-material-container .info-row input.claims { width: 260px; }
.raw-material-container .info-row input.entity { width: 180px; }
.raw-material-container .info-row input.num-boxes,
.raw-material-container .info-row input.total-qty,
.raw-material-container .info-row input.temperature {
	text-align: right;
}
.raw-material-container .info-row.remarks {
	margin-top: 3px;
}
.raw-material-container .info-row textarea.remarks {
	width: 340px;
	height: 80px;
	overflow-y: scroll;
	resize: none;
	margin-top: 8px;
	margin-left: 20px;
}
.raw-material-container .consumption-log .btn-box button { margin: 0 20px; }
.raw-material-container .consumption-log iframe {
	width: 100%;
	height: calc(100vh - 280px);
	min-height: 530px;
}

/******************************************************************************************/
.sales-container { min-width: 904px; }
.sales-container .order-container { padding-bottom: 20px; }
.sales-container.quickbooks-sync-container .order-container { position: relative; }
.sales-container .left-pane {
	width: 446px;
	border-right: 1px solid #CCCCCC;
	float: left;
}
.sales-container .right-pane {
	width: 458px;
	height: 650px;
	padding-left: 20px;
	float: left;
}
.sales-container.quickbooks-sync-container .right-pane { height: auto; }
.sales-container .border-top,
.sales-container .info {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.sales-container .border-bottom {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.sales-container .list table { float: left; }
.sales-container.quickbooks-sync-container .order-list table {
	width: 100%;
}
.sales-container .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.sales-container .list table .hq {
	width: 30px;
	height: 20px;
	border-radius: 4px;
	background-color: black;
	color: white;
	font-size: 9px;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 3px;
}
.sales-container .btn-box {
	width: 100%;
	margin-top: 0;
	padding-top: 30px;
}
.sales-container .list .btn-box {
	float: right;
	margin-top: 35px;
}
.sales-container.input-container .list table tr td { height: 34px; }
.sales-container.quickbooks-sync-container .order-container .right-pane table thead tr { background: #2CA01C; }
.sales-container .order-list table tbody { max-height: 102px; }
.sales-container .order-list table tr > *:nth-child(1) { width: 60px; }
.sales-container .order-list table tr > *:nth-child(2) { width: 80px; }
.sales-container .order-list table tr th:nth-child(3) { width: 206px; }
.sales-container .order-list table tr td:nth-child(3) { width: 170px; }
.sales-container .order-list table tr td:nth-child(4) {
	width: 36px;
	padding-left: 3px;
	padding-right: 0;
}
.sales-container .order-list table tr th:nth-child(4),
.sales-container .order-list table tr td:nth-child(5) { width: 80px; }
.sales-container .order-list table tr td {
	text-align: left;
	padding-right: 0;
}
.sales-container.quickbooks-sync-container .order-list table tr > *:nth-child(3) { width: 170px !important; }
.sales-container.quickbooks-sync-container .order-list table tr > *:nth-child(4) {
	position: relative;
	width: 80px !important;
	padding-left: 8px !important;
}
.sales-container.quickbooks-sync-container .ordered-products { margin-top: 20px; }
.sales-container .ordered-products table tbody { max-height: 102px; }
.sales-container .ordered-products table tr > *:nth-child(1) { width: 90px; }
.sales-container .ordered-products table tr > *:nth-child(2) { width: 205px; }
.sales-container .ordered-products table tr > *:nth-child(3) { width: 40px; }
.sales-container .ordered-products table tr > *:nth-child(4) { width: 60px; }
.sales-container .ordered-products table tr > *:nth-child(5) { width: 40px; }
.sales-container .ordered-products table tr td:nth-child(1),
.sales-container .ordered-products table tr td:nth-child(2),
.sales-container .ordered-products table tr td:nth-child(5) {
	text-align: left;
	padding-right: 0;
}
.sales-container .list table tr .new-entry-badge {
	position: absolute;
	left: 65px;
	top: 5px;
	display: inline-block;
	width: 30px;
	height: 18px;
	background-color: red;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
	margin-bottom: 5px;
	border-radius: 4px;
}
.sales-container .ordered-products table tr .generic-code { background-color: #FDFFA9; }
.sales-container .ordered-products table tr td:nth-child(3),
.sales-container .ordered-products table tr td:nth-child(4) {
	padding-left: 0;
}
.sales-container .list .btn-box {
	width: auto;
	margin-top: 0 !important;
	margin-right: 30px;
}
.sales-container .info .info-row { height: 34px; }
.sales-container .info .info-row.special-program-tags,
.sales-container .info .info-row.text { height: auto; }
.sales-container .info .info-row.read-only { color: #999999; }
.sales-container .info .field-label {
	display: inline-block;
	width: 90px;
	padding-top: 6px;
}
.sales-container .info .field-label.sub-label {
	font-size: 12px;
	color: #999999;
}
.sales-container .info .field-label:not(:first-child) { width: 75px; }
.sales-container .info .order-number .field-label { width: 120px; }
.sales-container .info .po .field-label:first-child { width: 120px; }
.sales-container .info .po .field-label:not(:first-child) { margin-left: 30px; }
.sales-container .info .customer .field-label { width: 120px; }
.sales-container .info .ship-type .field-label { width: 120px; }
.sales-container .info .address .field-label { width: 120px; }
.sales-container .info .special-program-tags .field-label {
	width: 150px;
	margin-bottom: 10px;
}
.sales-container .info .payment-terms .field-label { width: 120px !important; }
.sales-container .info .order-qty .field-label:not(:first-child),
.sales-container .info .unit-price .field-label:not(:first-child) { width: 10px !important; }
.sales-container .info .estimated-numboxes .field-label { width: 140px !important; }
.sales-container .info .text .field-label { vertical-align: top; }
.sales-container .product-info .field-label:not(:first-child) { margin-left: 30px; }
.sales-container input {
	padding-left: 8px;
}
.sales-container input.order-number { width: 90px; }
.sales-container input.order-date { width: 70px; }
.sales-container input.order-date:not(:last-child) { margin-right: 25px; }
.sales-container input.incoterms { width: 90px; }
.sales-container input.address { width: 300px; }
.sales-container input.total-amount { width: 90px; }
.sales-container.quickbooks-sync-container input.ship-type { width: 250px; }
.sales-container .product-info input { width: 90px; }
.sales-container .product-info input.product { width: 340px; }
.sales-container .product-info input[type="radio"] {
	margin-left: 30px;
	width: 20px;
}
.sales-container .product-info label { font-weight: inherit; }
.sales-container textarea {
	width: 330px;
	height: 110px;
	padding: 5px 8px;
	margin-top: 2px;
	overflow-y: scroll;
	resize: none;
}
.sales-container .info .required-fields-legend {
	margin-right: 20px;
	margin-top: -5px;
}
.sales-container .info .field-label.sub-label.required:after { font-size: 13px; }
.sales-container .info .btn-box button { margin: 0 15px; }
.sales-container .order-info .btn-box button:last-child { margin-top: 20px; }
.sales-container .product-info .btn-box button:last-child {
	width: 180px;
	margin-top: 20px;
}
.sales-container .alias {
	display: block;
	color: red;
	text-align: right;
	margin-right: 6px;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block {
	background-color: #F0FAFF;
	color: #002D8A;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .list {
	margin: 20px 0;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .list table {
	float: left;
	margin-left: 20px;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .list table tr > * { height: 26px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .list table thead tr { background-color: #002D8A; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .list table tbody tr { border: none; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .recipient-list table thead tr th { width: 218px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .recipient-list table tbody tr td:nth-child(1) { width: 200px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .recipient-list table tbody tr td:nth-child(2) { width: 18px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .recipient-list table tbody tr td:first-child {
	text-align: left;
	overflow: hidden;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .recipient-list table tbody tr td:nth-child(2) {
	text-align: center;
	padding: 0;
	color: #999999;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .new-email-address-list table thead tr th { height: 34px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .new-email-address-list table tr > *:nth-child(1) { width: 230px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .new-email-address-list table tr > *:nth-child(2) { width: 80px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .new-email-address-list table tbody tr td:first-child {
	text-align: left;
	overflow: hidden;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .new-email-address-list table tbody tr td:nth-child(2) {
	text-align: center;
	padding: 0;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .email-contact-list {
	display: inline-block;
	margin: 20px;
	vertical-align: top;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block #email-contact { width: 300px; }
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .btn-box {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	margin-top: 20px;
}
.send-email-overlay .mscm-modal .modal-dialog .modal-body .form-block .btn-box button { margin: 10px 15px; }
.sales-container.update-container .left-pane { border-right: none; }
.sales-container.update-container .right-pane {
	height: auto;
	border-left: 1px solid #CCCCCC;
}
.sales-container.update-container .order-container { padding-bottom: 0; }
.sales-container.update-container .order-list table tbody { max-height: 325px; }
.sales-container.update-container .order-list table tr td:nth-child(3) { width: 206px; }
.sales-container.update-container .order-list table tr td:nth-child(4) {
	width: 80px;
	padding-left: 8px;
}
.sales-container.update-container .info {
	margin-top: 0;
	border-top: none;
}
.sales-container.update-container .info .vendor input,
.sales-container.update-container .info .ship-type input { width: 250px; }
.sales-container.update-container .info #keyword-list {
	display: inline-flex;
	width: calc(100% - 155px);
	margin-left: 0;
}
.sales-container.update-container .info #keyword-list li { padding-right: 6px; }
.sales-container.update-container .info .order-status-indicator { height: auto; }
.sales-container.update-container .info .order-status-indicator .field-label { vertical-align: top; }
.sales-container.update-container .order-status-indicator-table { display: inline-block; }
.sales-container.update-container .order-status-indicator-table table tr > * {
	width: 80px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}
.sales-container.update-container .order-status-indicator-table table thead tr th:nth-child(1) {
	background-color: #FDFFA9;
}
.sales-container.update-container .order-status-indicator-table table thead tr th:nth-child(2) {
	background-color: #97FD90;
	padding: 0 6px;
}
.sales-container.update-container .order-status-indicator-table table thead tr th:nth-child(3) {
	background-color: #84F0FE;
}
.sales-container.update-container .order-status-indicator-table table thead tr th:nth-child(4) {
	background-color: #333333;
	color: white;
	padding: 0 12px;
}
.sales-container.update-container .ordered-products table { float: none; }
.sales-container.update-container .ordered-products table thead tr th { height: 26px; }
.sales-container.update-container .ordered-products table tr > *:nth-child(3) { width: 80px; }
.sales-container.update-container .ordered-products table tr > *:nth-child(2n+4) { width: 50px; }
.sales-container.update-container .ordered-products table tr > *:nth-child(2n+5) { width: 70px; }
.sales-container.update-container .ordered-products table tr > *:nth-child(8),
.sales-container.update-container .ordered-products table tr > *:nth-child(9) { width: 120px !important; }
.sales-container.update-container .ordered-products table tbody tr td:nth-child(3),
.sales-container.update-container .ordered-products table tbody tr td:nth-child(4),
.sales-container.update-container .ordered-products table tbody tr td:nth-child(5) {
	text-align: right;
	padding-left: 0;
	padding-right: 8px;
}
.sales-container.update-container .ordered-products table tbody tr td:nth-child(6),
.sales-container.update-container .ordered-products table tbody tr td:nth-child(7) {
	text-align: right;
	padding-left: 0;
	padding-right: 0;
}
.sales-container.update-container .ordered-products table tbody tr td:nth-child(8),
.sales-container.update-container .ordered-products table tbody tr td:nth-child(9) {
	text-align: center;
}
.sales-container.update-container .ordered-products table tbody tr td .product-code,
.sales-container.update-container .ordered-products table tbody tr td .product-name {
	display: block;
	width: fit-content;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sales-container.update-container .ordered-products table tbody tr td .product-code { max-width: 82px;}
.sales-container.update-container .ordered-products table tbody tr td .product-name { max-width: 197px;}
.sales-container.update-container .ordered-products table tbody tr td .generic-code,
.sales-container.update-container .ordered-products table tbody tr td .specifications {
	display: block;
	width: fit-content;
	background-color: #FDFFA9;
	padding: 0 4px;
	margin-right: 6px;
	border-radius: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sales-container.update-container .ordered-products table tbody tr td .generic-code { max-width: 76px;}
.sales-container.update-container .ordered-products table tbody tr td .specifications { max-width: 191px;}
.sales-container.update-container .ordered-products table tbody tr td .unit-price {
	display: inline-blocl;
	width: 42px;
	text-align: right;
}
.sales-container.update-container .ordered-products table tbody tr td .unit {
	display: inline-block;
	width: 30px;
	text-align: left;
}
.sales-container.update-container .ordered-products table tbody tr td .unit::before {
	content: "\00A0/\00A0";		/* non-breaking spaces */
}
.sales-container.update-container .ordered-products table tbody tr td .numboxes,
.sales-container.update-container .ordered-products table tbody tr td .qty {
	width: 100%;
	padding-left: 0;
	padding-right: 8px;
	text-align: right;
}
.sales-container.update-container .ordered-products table tbody tr td .show-logs-button {
	font-size: 16px;
	cursor: pointer;
}
.sales-container.quickbooks-sync-container .search-overlay {
	position: absolute;
}
#mscm-order-search {
	top: -12px;
	left: 280px;
	z-index: 150;
}
#qb-order-search {
	top: -12px;
	left: 20px;
	z-index: 140;
}
.sales-container.quickbooks-sync-container .search-button {
	width: 100px;
	height: 30px;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}
#mscm-order-search .search-button {
	background: #333333;
	margin-left: 0;
}
#qb-order-search .search-button {
	background: #2CA01C;
	margin-left: 727px;
}
.sales-container.quickbooks-sync-container .search-overlay .search-container {
	width: 560px;
	background: #DDDDDD;
	border-radius: 15px;
	border: 3px solid #333333;
	padding: 30px 40px;
}
#qb-order-search .search-container { border-color: #2CA01C; }
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row {
	height: 34px;
	padding-top: 4px;
}
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row .field-label {
	display: inline-block;
	font-weight: bold;
	width: 90px;
	padding-top: 6px;
}
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row .field-label:not(:first-child) { margin-left: 60px; }
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row .field-label.long { width: 245px; }
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input.search-product-code { width: 120px; }
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input.search-product-name { width: 380px; }
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input[type="checkbox"],
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input[type="radio"] {
	margin-left: 20px;
	margin-right: 5px;
}
.sales-container.quickbooks-sync-container .search-overlay .search-container .search-info .info-row select {
	width: 200px;
	font-size: 13px	!important;
}

.purchase-container .info .vendor .field-label { width: 120px; }
.purchase-container .info .confirmation .field-label:first-child { width: 145px; }
.purchase-container .info .confirmation input.order-number { margin-right: 30px; }
.purchase-container .product-info input.generic-code { width: 150px; }
.purchase-container .product-info .current-inventory .field-label:first-child { width: 140px; }
.purchase-container .product-info .current-inventory .field-label:not(:first-child) { margin-left: 10px; }
.purchase-container .product-info .current-inventory .field-label:last-child { width: 40px; }
.purchase-container .product-info .current-inventory input:nth-child(2) { width: 50px; }
.purchase-container .product-info .btn-box button:last-child {
	width: 100px	!important;
	margin-top: 0	!important;
}

.tri-state-checkbox {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}
.tri-state-checkbox.disabled {
	opacity: 0.5;
	cursor: not-allowed;
}
.tri-state-checkbox .box {
	width: 13px;
	height: 13px;
	border: 1px solid #333333;
	border-radius: 3px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	line-height: 1;
	font-weight: bold;
	color: white;
}
.tri-state-checkbox.disabled .box {
	background-color: #EEEEEE;
	border-color: #AAAAAA;
}
.tri-state-checkbox .box.checked {
	background-color: #0780FE;
	border: none;
}
.tri-state-checkbox .box.indeterminate {
	background-color: #0780FE;
	border: none;
}
.tri-state-checkbox .box.unchecked::after {
	content: "\00A0";		/* non-breaking space */
	color: transparent;
}
.tri-state-checkbox .box.checked::after {
	content: "\23B7";		/* checkmark */
}
.tri-state-checkbox .box.indeterminate::after {
	content: "\2013";		/* hyphen */
	transform: translateY(-1px);	/* center vertically */
}

.customers-container { min-width: 904px; }
.customers-container.quickbooks-sync-container .customer-container { display: block; }
.customers-container .left-pane {
	width: 430px;
	float: left;
}
.customers-container .right-pane {
	width: 470px;
	height: auto;
	min-height: 550px;
	padding-left: 20px;
	border-left: 1px solid #CCCCCC;
	float: left;
}
.customers-container.quickbooks-sync-container .right-pane {
	min-height: 210px;
	padding-left: 40px;
}
.customers-container.quickbooks-sync-container .customer-list table {
	width: 100%;
}
.customers-container.quickbooks-sync-container .customer-container .right-pane table thead tr { background: #2CA01C; }
.customers-container .customer-list table tbody { max-height: 210px; }
.customers-container .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.customers-container .customer-list table tr th:nth-child(1) { width: 282px; }
.customers-container .customer-list table tr td:nth-child(1) { width: 200px; }
.customers-container .customer-list table tr td:nth-child(2) { width: 46px; }
.customers-container.quickbooks-sync-container .customer-list table tr td:nth-child(2) {
	position: relative;
	width: 82px;
}
.customers-container .customer-list table tr td:nth-child(3) { width: 36px; }
.customers-container .list table tbody tr td {
	height: 34px;
	text-align: left;
	padding-right: 0;
}
.customers-container .customer-list table tbody tr td:not(:first-child) { text-align: center !important; }
.customers-container .customer-list table .op .fa {
	font-size: 20px;
	color: red;
	margin-bottom: 3px;
}
.customers-container .list .btn-box {
	width: 80px;
	margin-right: 0;
	padding-top: 40px;
}
.customers-container .customer-list .btn-box { margin-right: 30px !important; }
.customers-container .info .required-fields-legend { margin-right: 0; }
.customers-container .info .field-label {
	width: 90px;
	padding-top: 6px;
}
.customers-container .btn-box button { margin: 0 15px; }
.customers-container .customer-info .field-label { width: 160px !important; }
.customers-container .customer-info input { width: 90px; }
.customers-container .selection-tabs { margin-bottom: 20px; }
.customers-container .selection-tabs .tab {
	position: relative;
	display: inline-block;
	width: 130px;
	height: 28px;
	background: white;
	border-radius: 15px 15px 0 0;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-top: 8px;
	cursor: pointer;
}
.customers-container .selection-tabs .tab.first {
	z-index: 200 !important;
	background: #333333;
	color: white;
}
.customers-container .selection-tabs .tab.second { z-index: 160 !important; }
.customers-container .selection-tabs .tab.third { z-index: 150 !important; }
.customers-container .selection-tabs .tab:nth-child(2) { margin-left: -20px; }
.customers-container .selection-tabs .tab:nth-child(3) { margin-left: -40px; }
.customers-container .customer-contact-list table tbody { max-height: 140px; }
.customers-container .customer-contact-list table tr > *:nth-child(1) { width: 220px; }
.customers-container .customer-contact-list table tr > *:nth-child(2) { width: 90px; }
.customers-container .customer-contact-info .info-row.address { height: 56px; }
.customers-container .customer-contact-info .info-row.address .field-label { vertical-align: top; }
input.contact-name { width: 140px; }
input.contact-phone { width: 140px; }
input.contact-email { width: 280px; }
textarea.contact-address {
	width: 280px;
	height: 48px;
}
.customers-container .customer-contact-info select { width: 140px; }
.customers-container button.btn-green { 
	width: 80px;
	margin: 0;
	padding: 5px 5px 5px 8px;
}
.customers-container button.btn-green .button-icon { padding-right: 5px; }
.customers-container .customer-address-book table tbody { max-height: 210px; }
.customers-container .customer-address-book table tr > *:nth-child(1) { width: 350px; }
.customers-container .customer-address-book .move-btn {
	width: 30px;
	height: 20px;
	margin: 8px 0;
	padding: 1px 5px 5px 7px;
}
.customers-container .address-info .info-row.address .field-label { width: 70px; }
textarea.address-book-address {
	width: 280px;
	height: 88px;
}
.customers-container .customer-product-alias-list table tbody { max-height: 210px; }
.customers-container .customer-product-alias-list table tr > *:nth-child(1) { width: 80px; }
.customers-container .customer-product-alias-list table tr > *:nth-child(2) { width: 160px; }
.customers-container .customer-product-alias-list table tr th:nth-child(3) { width: 110px; }
.customers-container .customer-product-alias-list table tr td:nth-child(3) { width: 90px; }
.customers-container .customer-product-alias-list table tr td:nth-child(4) {
	width: 20px;
	padding-left: 0;
}
.customers-container .customer-product-alias-list table tbody tr td { height: 49px; }
.customers-container .customer-product-alias-list table .op .fa {
	font-size: 20px;
	color: red;
	margin-bottom: 3px;
}
.customers-container .customer-product-alias-info input.product { width: 330px; }
textarea.alias-description {
	height: 68px;
}

/******************************************************************************************/

.inputs {
	margin-top: 0;
	margin-bottom: 40px;
}
.inputs.first-row {
	margin-top: 0;
	margin-bottom: 14px;
}
.inputs select {
	width: 200px;
}
.inputs select.thin {
	width: 90px;
}
.inputs .field-label {
	display: inline-block;
	padding-right: 10px;
}
.inputs .left-side .field-label {
	display: inline-block;
	width: 55px;
}
.inputs > .field-label:first-child {
	display: inline-block;
	width: 55px;
}
.inputs .datelabel {
	display: inline-block;
	width: 70px;
}
.inputs > div {
	display: inline-block;
	vertical-align: top;
}
.inputs .padder {
	width: 100%;
	height: 14px;
}
.inputs .dates {
	margin-top: -4px;
}
.inputs .dates .padder {
	height: 10px;
}
.inputs .automatic-order .padder {
	width: 100%;
	height: 7px;
}
.inputs .filler {
	width: 100%;
	height: 18px;
}
.inputs .field-separator {
	display: inline-block;
	width: 50px;
}
.inputs .field-separator-40 {
	display: inline-block;
	width: 40px;
}
.inputs .field-separator-bar {
	display: inline-block;
	width: 0;
	height: 64px;
	margin: 0 30px;
	border-right: 1px solid #CCCCCC;
}
.inputs label input {
	display: inline-block;
	width: 13px;
	margin-right: 5px !important;
}
.inputs span.order-number {
	display: inline-block;
	width: 30px;
	margin-right: 8px;
}
.inputs span.automatic-order {
	display: inline-block;
	width: 92px;
	margin-right: 4px;
}
.inputs input.automatic-order {
	width: 30px;
	margin-top: -2px;
	text-align: center;
}
.inputs .automatic-order .days {
	width: 30px;
	margin-left: 8px;
}
.inputs .automatic-order button {
	width: 100px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: -25px;
	height: 30px;
	padding: 0;
}
.today {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}

.database-container div.field-label {
	padding-left: 2px;
}
.required-fields-legend {
	float: right;
	font-size: 11px;
	margin-bottom: 0;
}
.required-fields-legend .field-label {
	width: 8px !important;
}
span.field-label.required:after {
	content:" *";
	color: red;
}
input.date { width: 70px; }
input.lot { width: 100px; }
input.entity-code { width: 180px; }
input.entity-name { width: 290px; }
input.code { width: 180px; }
input.name { width: 347px; }
input.street { width: 299px; }
input.city { width: 155px; }
input.state { width: 40px; }
input.zip { width: 55px; }
input.phone { width: 130px; }
.email input { width: 230px; }
.tz input { width: 260px; }
.coord input.lat { 
	width: 90px;
	margin-right: 20px;
}
.coord input.lng { width: 95px; }

.show-map-button {
	display: inline-block;
	font-size: 20px;
	color: #66CCFF;
	margin-left: 20px;
	margin-top: -8px;
	cursor: pointer;
}
.show-map-button:hover { color: #23B6FF; }
.show-map-button .fa {
	transform: translateY(4px);
}
.map-overlay { 
	z-index: 22222; 
	height: calc(100% - 100px); 
	width: calc(100% - 80px); 
	position: absolute;
	top: 100px;
	left: 50px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.75);
}
.map-container {
	margin-top: 50px;
}
.map-box {
	width: 635px;
	height: 480px;
	margin: auto;
}
#map {
	width: 100%;
	height: 100%;
}
.map-container .map-instructions {
	width: 637px;
	font-size: 11px;
	margin: 2px auto;
	padding-top: 10px;
	padding-bottom: 2px;
	text-align: center;
	background: black;
	color: white;
}
.gtin-overlay {
	z-index: 22222;
	height: calc(100% - 100px); 
	width: calc(100% - 80px); 
	position: absolute;
	top: 100px;
	left: 50px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.75);
}
.gtin-overlay .gtin-container {
	width: 640px;
	background: white;
	padding: 50px 95px;
	margin: auto;
	margin-top: 100px;
}
.gtin-overlay .gtin-container .gtin-selection {
	margin-top: 40px;
}
.gtin-overlay .gtin-container .gtin-selection .info-row input.product-gtin-code {
	width: 125px;
	padding-left: 8px;
	margin-left: 10px;
	margin-right: 30px;
}
.gtin-overlay .gtin-container .gtin-selection .info-row div.gtin-button {
	display: inline-block;
	width: 80px;
	height: 20px;
	border-radius: 4px;
	background-color: black;
	color: white;
	font-size: 9px;
	text-align: center;
	padding-top: 4px;
	margin-bottom: 3px;
	margin-left: 10px;
	cursor: default;
}
.gtin-overlay .gtin-container .gtin-selection .info-row div.gtin-button.selectable {
	cursor: pointer;
}
.data-input-overlay {
	height: calc(100% - 100px); 
	width: calc(100% - 80px); 
	position: absolute;
	top: 100px;
	left: 50px;
	overflow: hidden;
	background-color: rgba(0,0,0,0.75);
}
.data-input-overlay .clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.data-input-overlay .data-input-container {
	width: 640px;
	background: white;
	padding: 50px 90px;
	margin: 0;
  	position: absolute;
  	top: 360px;
  	left: 50%;
  	transform: translate(-50%, -50%);
}
.data-input-overlay .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.data-input-overlay .info-row {
	height: 34px;
}
.data-input-overlay .btn-box {
	margin-top: 60px;
}
.data-input-overlay .info-row .field-label {
	display: inline-block;
	width: 120px;
	font-weight: bold;
}
.print-overlay {
	height: calc(100% - 100px);
	width: calc(100% - 80px);
	position: absolute;
	top: 100px;
	left: 50px;
	background: white;
	overflow: hidden;
}
.print-overlay .clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.print-overlay .print-container {
	width: calc(100% - 100px);
	padding: 10px;
	margin: 50px 50px 0;
  	position: absolute;
  	background: white;
}
.print-overlay .print-container iframe {
	width: 100%;
	height: calc(100vh - 280px);
	min-height: 530px;
}
.graph-settings-overlay .graph-settings-container {
	height: 300px;
}
.graph-settings-overlay .info-row.ma-window .field-label {
	width: 220px;
}
.graph-settings-overlay .info-row input[type="radio"] {
	margin-left: 20px;
	margin-right: 5px;
}
.graph-settings-overlay .info-row.ma-window input {
	width: 54px;
	padding-left: 8px;
	margin-left: 40px;
}
.qa-note-overlay .qa-note-container {
	height: 450px;
}
.qa-note-overlay .info-row.event-duration .field-label {
	width: 50px;
}
.qa-note-overlay .info-row.event-duration .field-label:not(:first-child) {
	margin-left: 50px;
}
.qa-note-overlay .info-row.event-duration input {
	padding-left: 8px;
}
.qa-note-overlay .info-row.event-duration input.date-input {
	width: 74px;
}
.qa-note-overlay .info-row.event-duration input.time-input {
	width: 54px;
}
.qa-note-overlay .info-row.qa-note textarea {
	width: 460px;
	height: 180px;
	overflow-y: scroll;
	resize: none;
	margin-top: 8px;
}
.qa-note-overlay .qa-note-container .btn-box {
	margin-top: 240px;
}
.associated-products-overlay .associated-products-container {
	height: 600px;
	width: 778px;
	padding: 50px;
}
.associated-products-overlay .associated-products-container table tbody {
	max-height: 140px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.associated-products-overlay .associated-products-container table tbody tr td { height: 34px; }
.associated-products-overlay .associated-products-container table tr > *:nth-child(1) { width: 85px; }
.associated-products-overlay .associated-products-container table tr > *:nth-child(2) { width: 200px; }
.associated-products-overlay .associated-products-container table tbody tr td {
	text-align: left;
	padding-right: 0;
}
.associated-products-overlay .associated-products-container .products-to-select { float: left; }
.associated-products-overlay .associated-products-container .add-remove-buttons {
	float: left;
	width: 100px;
	margin-top: 50px;
}
.associated-products-overlay .associated-products-container .add-remove-buttons button {
	width: 80px;
	margin-top: 20px;
	margin-left: 10px;
}
.associated-products-overlay .associated-products-container .selected-products { float: right; }
.associated-products-overlay .associated-products-container .btn-box {
	margin-top: 40px;
}
.associated-products-overlay .search-container {
	background: #DDDDDD;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 3px solid #333333;
}
.associated-products-overlay .deco-connector {
	position: relative;
	top: -3px;
	width: 284px;
	height: 40px;
	background: #DDDDDD;
	border-left: 3px solid #333333;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
	margin-bottom: 10px;
}
.associated-products-overlay .search-container .search-info {
	width: 450px;
	margin: 30px 30px 10px;
	float: left;
}
.associated-products-overlay .search-container .search-info .info-row {
	padding-top: 4px;
}
.associated-products-overlay .search-container .search-info .info-row .field-label {
	width: 60px;
	padding-top: 6px;
}
.associated-products-overlay .search-container .search-info .info-row input.search-product-code { width: 120px; }
.associated-products-overlay .search-container .search-info .info-row input.search-product-name { width: 380px; }
.associated-products-overlay .search-container .search-info .info-row input[type="checkbox"] {
	margin-left: 20px;
	margin-right: 5px;
}
.associated-products-overlay .search-container .search-info .info-row.checkbox-group input[type="checkbox"]:nth-of-type(2) {
	margin-left: 30px;
}
.associated-products-overlay .search-container .search-info .info-row.checkbox-group .two {
	display: inline-block;
	width: 160px;
}
.associated-products-overlay .search-container .btn-box {
	width: 160px;
	margin-top: 30px;
	float: right;
}
.associated-products-overlay .search-container .btn-box button {
	margin-top: 20px;
}
.product-search-overlay .product-search-container {
	height: 600px;
	width: 778px;
	padding: 50px;
}
.product-search-overlay .product-search-container table tbody {
	max-height: 215px;
	max-width: 485px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.product-search-overlay .product-search-container table tbody tr td { height: 30px; }
.product-search-overlay .product-search-container table tr > *:nth-child(1) { width: 85px; }
.product-search-overlay .product-search-container table tr > *:nth-child(2) { width: 400px; }
.product-search-overlay .product-search-container table tbody tr td {
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product-search-overlay .product-search-container .products-to-select { float: left; }
.product-search-overlay .product-search-container .btn-box {
	width: 160px;
	margin-top: 100px;
	float: right;
}
.product-search-overlay .product-search-container .btn-box button {
	margin-top: 20px;
}
.product-search-overlay .search-container {
	background: #DDDDDD;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border: 3px solid #333333;
}
.product-search-overlay .deco-connector {
	position: relative;
	top: -3px;
	width: 484px;
	height: 40px;
	background: #DDDDDD;
	border-left: 3px solid #333333;
	border-right: 3px solid #333333;
	border-bottom: 3px solid #333333;
	margin-bottom: 10px;
}
.product-search-overlay .search-container .search-info {
	width: 450px;
	margin: 30px 30px 10px;
	float: left;
}
.product-search-overlay .search-container .search-info .info-row {
	padding-top: 4px;
}
.product-search-overlay .search-container .search-info .info-row .field-label {
	width: 60px;
	padding-top: 6px;
}
.product-search-overlay .search-container .search-info .info-row input.search-product-code { width: 120px; }
.product-search-overlay .search-container .search-info .info-row input.search-product-name { width: 380px; }
.product-search-overlay .search-container .search-info .info-row input[type="checkbox"] {
	margin-left: 20px;
	margin-right: 5px;
}
.product-search-overlay .search-container .search-info .info-row.checkbox-group input[type="checkbox"]:nth-of-type(2) {
	margin-left: 30px;
}
.product-search-overlay .search-container .search-info .info-row.checkbox-group .two {
	display: inline-block;
	width: 160px;
}
.product-search-overlay .product-search-container .search-container .btn-box {
	margin-top: 30px;
	margin-bottom: 46px;
}
.lot-search-overlay .lot-search-container { padding: 50px 80px !important; }
.lot-search-overlay .info-row .field-label { width: 160px !important; }
.lot-search-overlay .info-row input { width: 260px; }
.lot-search-overlay select.search-io-def { width: 260px; }
.lot-search-overlay .info-row.special-program-tags {
	height: auto;
	margin-bottom: 12px;
}
.lot-search-overlay .info-row .special-program-tags {
	display: inline-block;
	vertical-align: top;
	width: 310px;
}
.lot-search-overlay #keyword-list { margin-left: 0 !important; }
.lot-search-overlay .info-row.special-program-tags select { width: 110px; }
.lot-search-overlay .btn-box button { margin: 0 20px; }
.inventory-check-overlay .inventory-check-container {
	height: 600px;
	width: 778px;
	padding: 50px;
}
.inventory-check-container .inventory-changes {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.inventory-check-container .inventory-changes table tbody { max-height: 210px; }
.inventory-check-container .inventory-changes table thead tr th { height: 24px; }
.inventory-check-container .inventory-changes table tr > *:nth-child(1) { width: 60px; }
.inventory-check-container .inventory-changes table tr > *:nth-child(2n+2) { width: 45px; }
.inventory-check-container .inventory-changes table tr > *:nth-child(2n+3) { width: 70px; }
.inventory-check-container .inventory-changes table tr > *:nth-child(8) { width: 250px; }
.inventory-check-container .inventory-changes table tr td:nth-child(1) { text-align: center;}
.inventory-check-container .inventory-changes table tr td:nth-child(8) { text-align: left;}
.inventory-check-container .inventory-changes table tbody tr td.negative { color: red; }
.inventory-check-container .inventory-changes table tbody tr.due-date td { background-color: #FFBBC1; }
.inventory-check-container .inventory-changes table tbody tr.earliest .reference { position: relative; }
.inventory-check-container .inventory-changes table tbody tr.earliest .reference::before {
	content: "Earliest";
	background-color: #66CCFF;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50px;
	height: 24px;
	padding: 5px;
}
.inventory-check-container .inventory-changes table tbody tr.earliest .reference::after {
	content: "";
	position: absolute;
	right: 50px;
	bottom: 0;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
  	border-bottom: 12px solid transparent; 
  	border-right:12px solid #66CCFF; 
}
.inventory-check-container .btn-box { margin: 80px auto 0; }
.inventory-check-container .info-row .field-label { font-weight: normal; }
.inventory-check-container input.order-date { width: 70px; }
.inventory-check-container .info-row .btn-box {
	display: inline-block;
	margin: 0 0 0 80px	!important;
}
.inventory-check-container .info-row .btn-box button { width: 130px; }

.led-green {
	margin: 0 auto;
	width: 14px;
	height: 14px;
	background-color: #00FF00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #3E5D01 0 -1px 9px, rgba(0, 255, 0, 0.5) 0 2px 12px;
}
.led-green.blink {
	animation: blinkGreen 1.5s infinite;
}
@keyframes blinkGreen {
    from { background-color: #0F0; }
    50% { background-color: #0A0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #3E5D01 0 -1px 9px, rgba(0, 255, 0, 0.5) 0 2px 0; }
    to { background-color: #0F0; }
}
.led-amber {
	margin: 0 auto;
	width: 14px;
	height: 14px;
	background-color: #FFBF00;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #B29501 0 -1px 9px, rgba(255, 191, 0, 0.5) 0 2px 12px;
}
.led-red {
	margin: 0 auto;
	width: 14px;
	height: 14px;
	background-color: #FF0000;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #511010 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
}
.led-red.blink {
	animation: blinkRed 0.5s infinite;
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #511010 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0; }
    to { background-color: #F00; }
}

#inventory-popup {
	position: absolute;
	z-index: 11111;
	height: auto;
	width: auto;
	box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.3);
	border-radius: 7px;
	padding: 10px 20px;
	background: #FFFDDF;
}
#inventory-popup .field-label {
	width: 250px;
	padding: 0;
	display: block;
}
#inventory-popup table tbody { max-height: 205px; }

.quickbooks-sync-container { min-width: 904px; }
.quickbooks-sync-container .border-top {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #CCCCCC;
}
.quickbooks-sync-container .border-bottom {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
.quickbooks-sync-container .product-list-container { position: relative; }
.quickbooks-sync-container .list table tbody {
	overflow-x: hidden;
	overflow-y: scroll;
}
.quickbooks-sync-container .btn-box {
	width: 100%;
	margin-top: 0;
	padding-top: 40px;
}
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td { height: 34px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tbody { max-height: 410px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(1) { width: 30px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(2) { width: 95px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(3) { width: 220px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(4) { width: 150px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(5) { width: 150px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(6) { width: 50px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(7) { width: 70px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(8) { width: 50px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr > *:nth-child(9) { width: 50px; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td {
	text-align: left;
	padding-right: 0;
}
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(1),
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(6),
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(9) {
	text-align: center;
	padding-left: 0;
}
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(2) { position: relative; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(7),
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(8) {
	text-align: right;
	padding-left: 0;
	padding-right: 8px;
}
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr td:nth-child(7).qty-not-same {
	position: relative;
	background-color: #FDFFA9;
}
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list-clipping-boundary {
	position: relative;
	max-height: 410px;
	overflow-y: hidden;
}
.quickbooks-sync-container .selection-icon {
	font-size: 14px;
	cursor: pointer;
}
.quickbooks-sync-container .result-icon { font-size: 14px; }
.quickbooks-sync-container .result-icon.success { color: #00FF00; }
.quickbooks-sync-container .result-icon.need-to-fix { color: #FFBF00; cursor: pointer; }
.quickbooks-sync-container .result-icon.error { color: #FF0000; cursor: pointer; }
.quickbooks-sync-container.inventory-export-container .product-list-container .product-list table tr .new-entry-badge {
	position: absolute;
	left: 80px;
	top: 7px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #2CA01C;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	border-radius: 10px;
}
.quickbooks-sync-container .product-list-container .product-list table tr td .tooltip {
	position: absolute;
	bottom: 0;
	right: 100%;
	width: max-content;
	padding: 5px 10px;
	text-align: right;
	background-color: #FFBF00;
	border-radius: 5px;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.quickbooks-sync-container .product-list-container .product-list table tr td:hover .tooltip { opacity: 1; }
.quickbooks-sync-container .product-list-container .search-overlay {
	position: absolute;
	z-index: 150;
	top: -12px;
	left: 280px;
}
.quickbooks-sync-container .search-button {
	width: 100px;
	height: 30px;
	background: #333333;
	border-radius: 15px 15px 0 0;
	color: white;
	font-size: 10px;
	text-align: center;
	padding-top: 8px;
	margin-left: 370px;
	cursor: pointer;
}
.quickbooks-sync-container .search-overlay .search-container {
	width: 560px;
	background: #DDDDDD;
	border-radius: 15px;
	border: 3px solid #333333;
	padding: 30px 40px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row {
	height: 34px;
	padding-top: 4px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row .field-label {
	display: inline-block;
	font-weight: bold;
	width: 60px;
	padding-top: 6px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row .field-label.mid { width: 90px; }
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row .field-label.long { width: 140px; }
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row.active-inventory .field-label { vertical-align: top; }
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input.search-product-code { width: 120px; }
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input.search-product-name { width: 380px; }
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input[type="checkbox"],
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row input[type="radio"] {
	margin-left: 20px;
	margin-right: 5px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row.checkbox-group .two {
	display: inline-block;
	width: 150px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row.checkbox-group .three {
	display: inline-block;
	width: 105px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row.checkbox-group .three-col {
	display: inline-block;
	width: 330px;
}
.quickbooks-sync-container .search-overlay .search-container .search-info .info-row select {
	width: 200px;
	font-size: 13px	!important;
}
.modal.bootstrap-dialog .modal-dialog { width: 600px; }
.modal.bootstrap-dialog .modal-dialog .modal-header .modal-title {
	margin-left: 30px;
	font-size: 16px;
	color: white;
}
/* modification of the Bootstrap 3 modal dialog */
.modal-dialog .modal-header .close { color: white !important; }
.modal-dialog .modal-header .close:hover { color: white !important; }
/* custom class for animated progress bar in Bootstrap 3 */
.progress-bar-animated {
	/* inherit Bootstrap 3's striped background gradient */
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-size: 40px 40px; /* size of the stripes */
	/* add animation for the moving effect */
	animation: progress-bar-stripes 2s linear infinite;
}
/* keyframes for the stripe animation */
@keyframes progress-bar-stripes {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 40px 0; /* shift the background to create movement */
	}
}
.modal.bootstrap-dialog.mscm-modal .modal-dialog .modal-header .close { margin-top: -20px; }
.modal.bootstrap-dialog.mscm-modal .modal-dialog .modal-body { padding: 0; }
.modal.bootstrap-dialog.mscm-modal .modal-dialog .modal-body .form-block {
	width: calc(100% - 80px);
	padding: 20px;
	margin: 30px 40px;
	border-radius: 10px;
}
.modal.bootstrap-dialog.mscm-modal .modal-dialog .modal-footer .btn-box {
	margin-top: 0;
	padding: 10px 0;
}
#modal-progress-bar .modal-dialog .modal-body { margin: 30px 60px; }
.quickbooks-sync-container .mscm-modal .modal-dialog .modal-body .form-block {
	background-color: #F4FFF0;
	color: #175400;
}
.quickbooks-sync-container.sales-container .mscm-modal .modal-dialog .modal-body .form-block .order-data { padding: 20px; }
.quickbooks-sync-container.sales-container .mscm-modal .modal-dialog .modal-body .form-block .order-data .product-code {
	display: inline-block;
	width: 100px;
}
.quickbooks-sync-container.sales-container .mscm-modal .modal-dialog .modal-body .form-block .order-data .product-name {
	display: inline-block;
	width: 298px;
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .modal-body .form-block { margin: 25px 40px; }
.quickbooks-sync-container .mscm-modal .modal-dialog .form-block input[type="radio"] {
	margin-left: 50px;
	margin-right: 10px;
}
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .form-block input[type="radio"] { margin-left: 0; }
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .form-block input[type="text"] { width: 100px; }
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .form-block label.fixed-width { width: 180px; }
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .form-block select,
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .form-block input[type="text"] { margin-left: 30px; }
.quickbooks-sync-container.purchase-container.vendors-container .mscm-modal .modal-dialog .form-block .radio-group {
	display: inline-block;
	width: 210px;
	margin-left: 30px;
	vertical-align: top;
}
.quickbooks-sync-container .mscm-modal .modal-dialog .modal-body .progress-info { text-align: center; }

#error-popup {
	position: absolute;
	z-index: 11111;
	height: auto;
	width: auto;
	box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.3);
	border-radius: 7px;
	padding: 10px 20px;
	background: #FFFDDF;
}
#error-popup .error-msg { width: 230px; }
#error-popup .field-label {
	width: 250px;
	padding: 0;
	display: block;
}
#error-popup table tbody { max-height: 205px; }
#error-popup.qbitem-list table tr > *:nth-child(1) { width: 90px; }
#error-popup.qbitem-list table tr > *:nth-child(2) { width: 40px; }
#error-popup.qbitem-list table tr > *:nth-child(3) { width: 200px; }
#error-popup.qbitem-list table tr td {
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
}
#error-popup.qbitem-list table tr td:nth-child(1) { text-align: right; }
#error-popup.qbitem-list table tr td:nth-child(2) {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
}
#error-popup .error-msg-second-line { color: #999999; }

.quickbooks-connection-container {
	width: 480px;
	background-color: #F4FFF0;
	padding: 30px 40px;
	border-radius: 10px;
}
.quickbooks-connection-container .message-title {
	font-size: 18px;
	font-weight: bold;
}
.quickbooks-connection-container .message-body {
	width: 400px;
}
.quickbooks-button {
	display: block;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: #2CA01C;
	color: white;
	font-size: 16px;
	cursor: pointer;
	width: 223px;
	height: 36px;
}
.quickbooks-button:hover {
	background: #1E900E;
}
.button-svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.button-svg.normal-state { opacity: 1; }
.quickbooks-button:hover .normal-state { opacity: 0; }
.quickbooks-button:hover .hover-state { opacity: 1; }

#home {
	display: flex;
	min-height: calc(100vh - 100px);
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-image: linear-gradient(0deg, rgba(255, 0, 234, 0.35), rgba(0, 51, 153, 0.85)), url('/img/meat-factory.jpg');
	background-position: center;
	background-size: cover;
	color: white;
}
#home .title {
	text-align:center;
	font-family: 'Arial Black', Arial;
	font-weight: bold;
	margin: 50px 0px;
}
#home .subtitle {
	margin: 80px 0px;
	text-align:center;
}
#home .subtitle h4 { line-height: 1.6; }

.edit-barcode{
	margin-top: -8px !important;
}

/* to override bootstrap CSS that causes the login box of the header to break in narrower window */
.form-inline .checkbox input[type="checkbox"] {
	position: relative !important;
}