body {
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
}

/***********************************************
 * Button, Inputs, Select, and Textarea        *
 ***********************************************/
input,
select,
button,
textarea {
	font: inherit;
	vertical-align: middle;
	outline: none;
}

/* text alignment */
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}

/* vertical alignment */
.align_top {
  vertical-align: top;
}
.align_middle {
  vertical-align: middle;
}
.align_bottom {
  vertical-align: bottom;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-datepicker { z-index: 9999 !important; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:disabled {
	border-bottom: none;
}
/* lists */
.selectedCountBtn,
.selectedCount {
  display: none;
  pointer-events: none;
  font-weight: bold;
	line-height: 26px;
	padding: 3px 6px;
	text-transform: capitalize;
}
.dt-button.selectedCountBtn {
	line-height: 14px !important;
}
.dt-button .selectedCount {
	line-height: unset;
}
.selectedCount:after {
  content: " Selected";
  font-weight: normal;
	text-transform: capitalize;
}
.selectedCountBtn.btn-success:hover {
  background: #92c755;
}
.cancelCount {
  pointer-events: visible;
  border-left: 1px solid rgba(0,0,0,0.1);
  padding: 5px 0 5px 8px;
	color: #fff !important;
}
#filter-container {
	margin: 0 0 10px 0;
}
.filter-btn {
	background: #1d78bf;
	color: #fff;
	border-radius: 3px;
	padding: 2px 4px;
	font-size: 14px;
}
.filter-btn:hover {
	background: #095B93;
	color: #fff;
}
.filter-btn .clear-filter {
	pointer-events: visible;
	background: #1d78bf;
	border-left: 1px solid rgba(0,0,0,0.1);
	color: #fff !important;
	padding: 0 0 0 4px;
	line-height: 19px;
}
.btn-success {
  background-color: #92c755;
  border-color: #8bc34a !important;
  color: #ffffff;
}
.btn-warning {
  background-color: #ffb80f;
  border-color: #eda600 !important;
  color: #fff;
}

.dt-button.btn-success {
	background-color: #92c755 !important;
	border-color: #8bc34a !important;
	color: #ffffff;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.dt-button.cancelCount:after {
	content: "\f00d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	border-left: 1px solid rgba(0,0,0,0.1);
	padding: 4px 4px 4px 6px;
	margin-left: 5px;
}

/**********************************
* COMMONLY USED CLASSES
***********************************/

button:disabled,
.jqButton:disabled,
select[name="taskStatus"]:disabled,
.disabled,
.buttonDisabled,
.ui-button-disabled,
.ui-state-disabled  {
	pointer-events: none !important;
	cursor: pointer;
	opacity: .25;
}

/**********************************
* Sticky Elements                 *
***********************************/
.stuck {
	position: fixed;
	z-index: 100;
	width: 100%;
	top: 55px;
}

/**********************************
* Tooltipster                     *
***********************************/
.tooltipHTML {
	max-height: 700px;
	text-align: left;
}
.tooltipHTML header {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0 10px 0;
}
.tooltipHTML header:empty {
	display: none;
}
.tooltipHTML section a {
	text-decoration: underline;
}
.tooltipHTML section a,
.tooltipHTML section h1 {
	font-weight: bold;
}
.tooltipHTML section h1 {
	font-size: 14px;
	margin: 5px 0;
}
.tooltipHTML section p:last-child {
	margin: 0;
}

/**********************************
* BToolTip OLD                    *
***********************************/

/***** BToolTip *****/
.BToolTip-lt, .BToolTip-lm, .BToolTip-lb,
.BToolTip-rt, .BToolTip-rm, .BToolTip-rb,
.BToolTip-tl, .BToolTip-tm, .BToolTip-tr,
.BToolTip-bl, .BToolTip-bm, .BToolTip-br,
.BToolTip {
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 7px 10px;
	margin-top: -4px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background-color: rgb(25, 25, 25);
	background-color: rgba(25, 25, 25, 0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
	position: absolute;
	border: 1px solid rgba(255, 255, 255, 0.8);
	z-index: 10000;
	max-width: 200px;
	min-width: 115px;
}
.BToolTip-lt a, .BToolTip-lm a, .BToolTip-lb a,
.BToolTip-rt a, .BToolTip-rm a, .BToolTip-rb a,
.BToolTip-tl a, .BToolTip-tm a, .BToolTip-tr a,
.BToolTip-bl a, .BToolTip-bm a, .BToolTip-br a,
.BToolTip a {
	color: #fff;
}
.BToolTip-lt a:hover, .BToolTip-lm a:hover, .BToolTip-lb a:hover,
.BToolTip-rt a:hover, .BToolTip-rm a:hover, .BToolTip-rb a:hover,
.BToolTip-tl a:hover, .BToolTip-tm a:hover, .BToolTip-tr a:hover,
.BToolTip-bl a:hover, .BToolTip-bm a:hover, .BToolTip-br a:hover,
.BToolTip a:hover {
	color: #fff;
	text-decoration: underline;
}
/***** BToolTip Arrow *****/
.BToolTip-lt:after, .BToolTip-lm:after, .BToolTip-lb:after,
.BToolTip-rt:after, .BToolTip-rm:after, .BToolTip-rb:after,
.BToolTip-tl:after, .BToolTip-tm:after, .BToolTip-tr:after,
.BToolTip-bl:after, .BToolTip-bm:after, .BToolTip-br:after {
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border: 7px solid rgba(0, 0, 0, 0);
}

/***** BToolTip Arrow LEFT *****/
.BToolTip-lt:after, .BToolTip-lm:after, .BToolTip-lb:after {
	right: 100%;
	border-right-color: #000000;
}
/***** BToolTip Arrow RIGHT *****/
.BToolTip-rt:after, .BToolTip-rm:after, .BToolTip-rb:after {
	left: 100%;
	border-left-color: #000000;
}
/***** BToolTip Arrow TOP *****/
.BToolTip-tl:after, .BToolTip-tm:after, .BToolTip-tr:after {
	bottom: 100%;
	border-bottom-color: #000000;
}
/***** BToolTip Arrow BOTTOM *****/
.BToolTip-bl:after, .BToolTip-bm:after, .BToolTip-br:after {
	top: 100%;
	border-top-color: #000000;
}
/***** BToolTip Arrow LEFT/RIGHT (Top, Middle, Bottom) *****/
.BToolTip-lt:after, .BToolTip-rt:after {
	top: 7px;
}
.BToolTip-lm:after, .BToolTip-rm:after {
	top: 50%;
	margin-top: -7px;
}
.BToolTip-lb:after, .BToolTip-rb:after {
	bottom: 7px;
}
/***** BToolTip Arrow TOP/BOTTOM (Left, Middle, Right) *****/
.BToolTip-tl:after, .BToolTip-bl:after {
	left: 7px;
}
.BToolTip-tm:after, .BToolTip-bm:after {
	left: 50%;
	margin-left: -7px;
}
.BToolTip-tr:after, .BToolTip-br:after {
	right: 7px;
}

/**********************************
* BUTTONS *
***********************************/

.buttonLoader {
	position: relative;
	border: 4px solid #fff;
	border-top: 4px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	width: 25px;
	height: 25px;
	left: 145px;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}
.jquery-button .buttonLoader {
	border: 3px solid #aaa;
	border-top: 3px solid rgba(0, 0, 0, 0.75);
	left: calc(50% - 10px);
	height: 16px;
	width: 16px;
}

.jquery-button {
	background: #e6e6e6;
}

.jquery-button:hover {
	background: #dadada;
}

button, .jqButton, .faButton {
	border: 1px solid #aaaaaa !important;
	background: #e6e6e6;
	font-weight: normal;
	color: #444;
	border-radius: 4px;
	/*padding: 4px 6px;*/
	margin: 2px 1px;
	height: 28px;
	line-height: normal;
}

button:hover, .jqButton:hover, .faButton:hover {
	background: #dadada !important;
	border: 1px solid #999999 !important;
	color: #212121;
}

.jqButton:before, .faButton:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 12px;
	margin: 0 6px 0 0;
	color: #555;
}

.jqButton:hover:before, .faButton:hover:before {
	color: #212121;
}

.jqButton.btnAdd:before {
	content: "\f067";
}

.jqButton.btnAdjust:before {
	content: "\f042";
	font-weight: 400;
}

.jqButton.btnArrowDown:before {
	content: "\f063";
}
.jqButton.btnArrowUp:before {
	content: "\f062";
}
.jqButton.btnArrowRight:before {
	content: "\f061";
}
.jqButton.btnArrowLeft:before {
	content: "\f060";
}
.jqButton.btnArtwork:before,
.jqButton.btnCreate:before {
	content: "\f03e";
}
.jqButton.btnBuild:before,
.jqButton.btnWrench:before,
.jqButton.btnCustomize:before{
	content: "\f0ad";
}
.jqButton.btnBack:before {
	content: "\f0d9";
}
.jqButton.btnBack2:before {
	content: "\f32e";
}
.jqButton.btnBuy:before {
	content: "\f02b";
}
.jqButton.btnCancel:before {
	content: "\f05e";
}
.jqButton.btnCard:before {
	content: "\f09d";
}
.jqButton.btnCart:before {
	content: "\f07a";
}
.jqButton.btnCert:before {
	content: "\f5f3";
}
.jqButton.btnClear:before {
	content: "\f068";
}
.jqButton.btnClipboard:before {
	content: "\f328";
}
.jqButton.btnClose:before {
	content: "\f00d";
}
.jqButton.btnCode:before {
	content: "\f121";
}
.jqButton.btnConsume:before {
	content: "\f364";
}
.jqButton.btnContainer:before {
	content: "\f320";
}
.jqButton.btnCopy:before {
	content: "\f0c5";
}
.jqButton.btnDelete:before {
	content: "\f2ed";
}
.jqButton.btnDeliveryMap:before {
	content: "\f5a0";
}
.jqButton.btnDiscount:before {
	content: "\f02b";
}
.jqButton.btnDownload:before {
	content: "\f358";
}
.faButton.btnSpinner:before {
	content: "\f110";
 }
.jqButton.btnEarth:before {
	content: "\f57d";
}
.jqButton.btnEdit:before {
	content: "\f303";
}
.jqButton.btnEmail:before {
	content: "\f658";
}
.jqButton.table-send-cloud:before {
	content: "\f0ee";
}
.jqButton.btnEstimate:before {
	content: "\f1ec";
}
.jqButton.btnExcel:before {
	content: "\f1c3";
}
.jqButton.btnExport:before {
	content: "\f56e";
}
.jqButton.btnFavorite:before {
	content: "\f004";
}
.jqButton.btnFavorite.active:before {
	color: red;
}
.jqButton.btnHelp:before {
	content: "\f128";
}
.jqButton.btnHide:before {
	content: "\f070";
}
.jqButton.btnImport:before {
	content: "\f56f";
}
.jqButton.btnKey:before {
	content: "\f084";
}
.jqButton.btnKit:before {
	content: "\f5fd";
}
.jqButton.btnLink:before {
	content: "\f35d";
}
.jqButton.btnList:before {
	content: "\f03a";
}
.jqButton.btnLoad:before {
	content: "\f33d";
}
.jqButton.btnLock:before {
	content: "\f023";
}
.jqButton.btnLogin:before {
	content: "\f2f6";
}
.jqButton.btnLoginID:before {
	content: "\f2c1";
}
.jqButton.btnMail:before {
	content: "\f0e0";
}
.jqButton.btnMark:before,
.jqButton.btnCheck:before{
	content: "\f00c";
}
.jqButton.btnMapData:before {
	 content: "\f362";
}
.jqButton.btnMove:before {
	content: "\f472";
}
.jqButton.btnNewBatchT:before {
	content: "\f3e5";
	display: inline-block;
	transform: rotate(-90deg);
}
.jqButton.btnNewBatchB:before {
	content: "\f064";
	display: inline-block;
	transform: rotate(-90deg);
}
.jqButton.btnNext:before {
	content: "\f0da";
}
.jqButton.btnNext2:before {
	content: "\f330";
}
.jqButton.btnOption:before {
	content: "\f013";
}
.jqButton.btnPassword:before {
	content: "\f084";
}
.jqButton.btnPdf:before {
	content: "\f1c1";
}
.jqButton.btnPrinter:before {
	content: "\f02f";
}
.jqButton.btnPlay:before {
	content: "\f04b";
}
.jqButton.btnQrcode:before {
	content: "\f029";
}
.jqButton.btnRefresh:before {
	content: "\f021";
}
.jqButton.btnRename:before {
	content: "\f3e5";
}
.jqButton.btnReturn:before {
	content: "\f3e5";
}
.jqButton.btnRevise:before, .jqButton.btnRefresh:before {
	content: "\f2f1";
}
.jqButton.btnSave:before {
	content: "\f0c7";
}
.jqButton.btnScissors:before {
	content: "\f0c4";
}
.jqButton.btnSearch:before {
	content: "\f002";
}
.jqButton.btnSend:before {
	content: "\f1d8";
}
.jqButton.btnShow:before {
	content: "\f06e";
}
.jqButton.btnSignatureFile:before {
	content: "\f573";
}
.jqButton.btnSignature:before {
	content: "\f5b7";
}
.jqButton.btnStop:before {
	content: "\f04d";
}
.jqButton.btnTest:before,
.jqButton.btnCircleCheck:before{
	content: "\f058";
}
.jqButton.btnText:before {
	content: "\f893";
}
.jqButton.btnTransfer:before {
	content: "\f0ec";
}
.jqButton.btnTruck:before {
	content: "\f0d1";
}
.jqButton.btnUnlock:before {
	content: "\f3c1";
}
.jqButton.btnUpload:before {
	content: "\f35b";
}
.jqButton.btnUser:before {
	content: "\f007";
}
.jqButton.btnUsers:before {
	content: "\f0c0";
}
.jqButton.btnWindow:before {
	content: "\f2d2";
}

.jqButton .fa,
.jqButton .fas,
.jqButton .far,
.jqButton .fal {
	color: #444;
	font-size: 11px !important;
}
/* button in header */
.ui-box header button,
.ui-box header .jqButton {
	margin: 0 2px 0 0;
}
/* No Text Button */
button.noText,
.jqButton.noText {
	/*height: 20px;
	width: 22px; */
}
button.noText:before,
.jqButton.noText:before {
	margin: 0 !important;
}
button.noText span.ui-button-text {
	padding: 2px 8px 1px 0;
}
button.noText {
	margin: 0;
}

.btnRight,
.jqButton.btnRight {
	margin-right: 2px !important;
}
.btnRight:before,
.jqButton.btnRight:before {
	position: relative;
	float: right;
	right: -5px;
	line-height: 15px;
}

input.ui-button {
	padding: 5px 7px;
	margin: 3px;
}
button.ui-button {
	padding: 5px;
	margin: 2px;
}
div.ui-button {
	margin: 2px;
}
.ui-button-text-only .ui-button-text {
	padding: unset;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
	padding: 4px 8px 4px 20px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
	left: 2px;
}
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-size: 12px !important;
}
/* No Text Button margin override */
.ui-accordion-icons .ui-accordion-header a {
	padding-left: 1.3em;
}
.ui-accordion-icons .ui-accordion-header a:hover {
	text-decoration: none;
	color: #000;
}
.ui-accordion .ui-accordion-header .ui-icon {
	position: absolute;
	left: .5em;
	top: 8px;
}
/* Select Multiple resize */
.ui-resizable-se {
	right: 3px;
	bottom: 20px;
}
a.ui-tabs-anchor {
	outline: none;
}
a.jqButton .ui-button-text {
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #555555;
}
a.jqButton .ui-button-text:hover, a.jqButton.ui-state-hover {
	text-decoration: none !important;
	color: #212121;
}

/**********************************
* Common Icons                    *
***********************************/

/*
Always use the pw-img class and the specific icon class, like "edit" for the edit icon.
Example: <span class="pw-img edit"></span>

font-weight: 400; will change icon to outline version

-o in the icon name stands for "outline"
*/

/* pw-img (font awesome icons) */
.pw-img {
	position: relative;
	display: inline-block;
	background-image: none;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 16px;
	color: #1d78bf;
	cursor: pointer;
	text-rendering: optimizeLegibility;
	width: auto;
	height: auto;
}
.pw-img:hover {
	/*color: #095b97 !important;  */
	filter: brightness(85%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	text-decoration: none;
}
.pw-img:before {
	padding: 0 !important;
}
.pw-img.fa-badge-check {
	font-size: 10px;
	top: -8px;
	right: -4px;
}
.pw-img-text {
	font-size: 1em; !important;
}

/* icon unicode declarations */
.pw-img.add:before,
.pw-img.plus:before {
	content: "\f067";
}
.pw-img.angle-up:before {
	content: "\f106";
}
.pw-img.ban:before {
	content: "\f05e";
}
.pw-img.barcode:before {
	content: "\f02a";
}
.pw-img.book:before {
	content: "\f518";
	font-weight: 400 !important;
}
.pw-img.browser:before {
	content: "\f37e";
	font-weight: 400;
}
.pw-img.calendar:before {
	content: "\f073";
	font-weight: 400;
}
.pw-img.caret-down:before {
	content: "\f0d7";
}
.pw-img.caret-left:before {
	content: "\f0d9";
}
.pw-img.caret-right:before {
	content: "\f0da";
}
.pw-img.cc-active:before {
	content: "\f09d";
	color: #1d78bf;
	font-weight: 400 !important;
}
.pw-img.cc-inactive:before {
	content: "\f09d";
	color: #404040;
	font-weight: 400;
}
.pw-img.cc-pending:before {
	 content: "\f09d";
	 color: #8e8e9a;
	 font-weight: 400;
}
.pw-img.checkmark:before {
	content: "\f00c";
}
.pw-img.chevron-left:before {
	content: "\f053";
}
.pw-img.chevron-right:before {
	content: "\f054";
}
.pw-img.circle:before {
	content: "\f111";
}
.pw-img.clear:before,
.pw-img.minus:before{
	content: "\f068";
}
.pw-img.clock:before {
	content: "\f017";
	font-weight: 400 !important;
}
.pw-img.close:before {
	content: "\f00d";
}
.pw-img.close-circle:before {
	content: "\f057";
}
.pw-img.code:before {
  content: "\f121";
}
.pw-img.cog:before,
.pw-img.setting:before {
	content: "\f013";
}
.pw-img.cogs:before,
.pw-img.production:before {
	content: "\f085";
}
.pw-img.copy-sm:before {
	content: "\f24d";
	font-weight: 400;
}
.pw-img.disable:before {
	content: "\f056";
}
.pw-img.download:before {
	content: "\f358";
}
.pw-img.edit:before {
	content: "\f303";
}
.pw-img.email:before {
	content: "\f658";
}
.pw-img.envelope:before {
	content: "\f0e0";
}
.pw-img.envelope-o:before {
	content: "\f0e0";
	font-weight: 400;
}
.pw-img.estimate:before {
	content: "\f1ec";
}
.pw-img.excel:before {
	content: "\f1c3";
	font-weight: 400;
}
.pw-img.external-link:before {
	content: "\f35d";
}
.pw-img.file:before {
	content: "\f15b";
}
.pw-img.file-txt:before {
	content: "\f0f6";
}
.pw-img.file-pdf:before {
	content: "\f1c1";
}
.pw-img.file-o:before {
	content: "\f15b";
	font-weight: 400 !important;
}
.pw-img.file-archive:before {
	content: "\f1c6";
}
.pw-img.file-alt:before {
	content: "\f15c";
}
.pw-img.file-certificate:before,
.pw-img.file-certificate-o:before {
	content: "\f5f3";
}
.pw-img.file-certificate-o:before {
	 font-weight: 400;
 }
.pw-img.file-upload:before,
.pw-img.file-upload-o:before {
	content: "\f574";
}
.pw-img.file-upload-o:before {
	font-weight: 400;
}
.pw-img.filter:before {
	content: "\f0b0";
}
.pw-img.folder:before {
	content: "\f07b";
}
.pw-img.folder.red:before {
	content: "\f07b";
	color: darkred;
}
.pw-img.folder-o:before {
	content: "\f07b";
	font-weight: 400;
}
.pw-img.folder-open:before {
	content: "\f07c";
}
.pw-img.folder-open-o:before {
	content: "\f07c";
	font-weight: 400;
}
.pw-img.grid-view:before {
	content: "\f58d";
}
.pw-img.hand:before,
.pw-img.hand-o:before {
	content: "\f256";
}
.pw-img.hand-o:before {
	font-weight: 400;
}
.pw-img.hand-shake:before {
	content: "\f2b5";
	font-weight: 400;
}
.pw-img.helpTip:before,
.pw-img.question-mark:before {
	content: "\f059";
	font-weight: 400;
}
.pw-img.history:before {
	content: "\f1da";
}
.pw-img.info-circle:before {
	content: "\f05a";
}
.pw-img.inventory:before {
	content: "\f187";
}
.pw-img.invoice:before {
	content: "\f571";
}
.pw-img.jobcard:before {
	content: "\f0ce";
}
.pw-img.link:before {
	content: "\f0c1";
}
.pw-img.list:before {
	content: "\f03a";
}
.pw-img.list-ol:before {
	content: "\f0cb";
}
.pw-img.list-view:before {
	content: "\f7a4";
}
.pw-img.lock:before {
	content: "\f023";
}
.pw-img.money-bill:before {
	content: "\f3d1";
}
.pw-img.note:before {
	content: "\e1ff";
}
.pw-img.paperOrderNote:before {
	content: "\f4a6";
}
.pw-img.palette:before {
	content: "\f53f";
}
.pw-img.paperclip:before {
	content: "\f0c6";
}
.pw-img.payment:before {
	content: "\f09d";
}
.pw-img.pdf:before,
.pw-img.pdf-o:before {
	content: "\f1c1";
}
.pw-img.pdf-o:before {
	font-weight: 400;
}
.pw-img.pin:before {
	content: "\f08d";
}
.pw-img.play:before {
	content: "\f04b";
}
.pw-img.printer:before {
	content: "\f02f";
}
.pw-img.proof:before {
	content: "\f5c3";
}
.pw-img.quote:before {
	content: "\f65b";
}
.pw-img.receipt:before {
	content: "\f543";
}
.pw-img.refresh:before {
	content: "\f2f1";
}
.pw-img.reorder:before {
	content: "\f01e";
}
.pw-img.reprint:before {
	content: "\f2f9";
}
.pw-img.save:before {
	content: '\f0c7';
}
.pw-img.search-main:before {
	content: "\f002";
}
.pw-img.sign-in:before {
	content: "\f2f6";
}
.pw-img.sign-out:before {
	content: "\f2f5";
}
.pw-img.signature:before {
	content: "\f5b7";
}
.pw-img.stop:before {
	content: "\f04d";
}
.pw-img.sun:before {
	content: "\f185";
}
.pw-img.tasks:before {
	content: '\f0ae';
}
.pw-img.ticket:before {
	content: '\f570';
}
.pw-img.template:before {
	content: "\f247";
}
.pw-img.tools:before {
	content: "\f7d9";
}
.pw-img.toquote:before,
.pw-img.mapData:before {
	content: "\f362";
}
.pw-img.truck:before {
	content: "\f0d1";
}
.pw-img.truck-fast:before {
	content: "\f48b";
}
.pw-img.trash:before {
	content: "\f2ed";
	font-weight: 400 !important;
}
.pw-img.trash-solid:before {
	content: "\f2ed";
}
.pw-img.unlink:before {
	content: "\f127";
}
.pw-img.undo:before {
	content: "\f0e2";
}
.pw-img.unlock:before {
	content: "\f3c1";
}
.pw-img.user:before {
	content: "\f007";
}
.pw-img.warn:before {
	content: "\f071";
}
.pw-img.spinner:before {
	content: "\f110";
}
.pw-img.shield:before {
	content: "\f132";
}
.pw-img.shield.warning:before {
	color: orangered;
}
.pw-img.shield.error:before {
	color: darkred;
	border: none;
}
.pw-img.shield.error {
	border: none;
}
.pw-img.shield-check:before {
	content: "\f2f7";
	color: darkgreen;
}
.pw-img.enhancement:before {
	content: "\f35b";
	color: rebeccapurple;
}
.pw-img.newFeature:before {
	content: "\f055";
	color: green;
}
.pw-img.bugFix:before {
	content: "\f058";
	color: blue;
}
.pw-img.check-circle:before {
	content: "\f058";
	color: green;
}
.pw-img.exclamation-circle:before {
	content: "\f06a";
	color: darkred;
}
/* for icon with no clickable action. Add noHover class */
.pw-img.noHover,
.pw-img.noHover:hover {
	color: #404040 !important;
	-webkit-transform: none;
	transform: none;
	cursor: default;
}
.pw-img.firstIcon {
	margin: 0 2px 0 0;
}

/**********************************
* Font Awesome - Duotone *
***********************************/

.icon-duotone {
	position: relative;
}
.icon-duotone::before,
.icon-duotone::after {
	font-family: "Font Awesome 5 Duotone";
	font-weight: 900;

	/* position both layers of the icon to the left, set our fixed-width width, horizontally center layers, and then vertically align them so they flex with different line heights */
	position: absolute;
  transform: translateX(-25%) translateY(-25%);
}
.icon-duotone::before {
	color: var(--fa-primary-color, inherit);
	opacity: 1;
	opacity: var(--fa-primary-opacity, 1.0);
}

.icon-duotone::after {
	color: var(--fa-secondary-color, inherit);
	opacity: var(--fa-secondary-opacity, 0.4);
}

/* we need to define the two layers of a duotone icon */
.icon-duotone.invoice::after {
  content: "\10f571";
}
.icon-duotone.invoice::before {
  content: "\f571";
}

/**********************************
* Font Awesome *
***********************************/
.fa,
.fas,
.far,
.fal {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 16px;
  color: #1d78bf;
  text-rendering: optimizeLegibility;
}
.fa[onclick],
.fas[onclick],
.far[onclick],
.fal[onclick] {
  cursor: pointer;
}
/* defaults */
.fa:hover,
.fas:hover,
.far:hover,
.fal:hover,
.fad:hover {
  filter: brightness(85%);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
	cursor: pointer;
}
.fa.noHover:hover,
.fas.noHover:hover,
.far.noHover:hover,
.fal.noHover:hover,
.fad.noHover:hover {
  color: inherit;
}

/* folder icon */
*[class*='pw-folder']{
  color: #f9ecab !important;
  text-shadow: 0 0 1px #4a4429;
}
/* No Text Buttons */
.noText-fa {
  height: 22px;
  width: 22px;
}
.noText-fa span.ui-button-text {
  margin: 0;
  padding: 0;
}

.fa-ticket-alt {
  transform: rotate(-45deg) !important;
}
.fa-ticket-alt:hover {
	transform:  scale(1.1) rotate(-45deg) !important;
}

	/**********************************
  * Font Awesome Checkboxes *
  ***********************************/

/* Lock Icon */

#lockCheckbox, .lockCheckbox { display:none; } /* to hide the checkbox itself */
#lockCheckbox + label:before, .lockCheckbox + label:before {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  font-size: 16px;
  color: #1d78bf;
  position: absolute;
  top: 0;
  right: 2px;
}
#lockCheckbox + label:hover:before, .lockCheckbox + label:hover:before {
  color: #095b97 !important;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#lockCheckbox + label:before, .lockCheckbox + label:before { content: "\f023"; } /* unchecked icon */
#lockCheckbox:checked + label:before, .lockCheckbox:checked + label:before { content: "\f3c1"; } /* checked icon */

/* Pin Icon */

.notePin { display:none; } /* to hide the checkbox itself */
.notePin + label {
	line-height: 15px;
	margin: 0 0 0 15px;
}
.notePin + label:before {
	content: "\f08d";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 16px;
	color: #1d78bf;
	position: absolute;
	top: 0;
	right: 2px;
	cursor: pointer;
}
.notePin + label:hover:before {
	color: #095b97 !important;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.notePin + label:before { color: #555; transform: rotate(90deg) !important;} /* unchecked icon */
.notePin:checked + label:before { color: #1d78bf !important; transform: rotate(0deg) !important;} /* checked icon */

/**********************************
* Font Awesome Colors *
***********************************/

/* icon common colors */
.icon-lightBlue {color: #61D5FB !important;}
.icon-lightBlue:hover {color: #3298af !important;}
.icon-blue {color: #03a9f4 !important;}
.icon-green { color: #8bc34a !important; }
.icon-lightGreen {color: #ACD371 !important;}
.icon-lightGrey {color: #CBCBCB !important;}
.icon-grey {color: #404040 !important;}
.icon-darkGrey {color: #3f3f3f !important;}
.icon-red { color: #f44336 !important; }
.icon-darkRed { color: darkred !important; }
.icon-lightRed {color: #EB4025 !important;}
.icon-gold { color: goldenrod !important; }
.icon-orange {color: #E3701A !important;}
.icon-orange-true {color: orange !important;}
.icon-warning {color: #eda600 !important;}
.icon-yellow {color: #eda600 !important;}
.icon-pink {color: #f1709c !important;}
.icon-purple {color: #b052c0 !important;}
.icon-black {color: #000000 !important;}
.icon-white {color: #FFFFFF !important;}
.icon-mint {color: #26a69a !important;}
/* icon color hover simply gets shaded darker */
.icon-lightBlue:hover:before,
.icon-blue:hover:before,
.icon-green:hover:before,
.icon-lightGreen:hover:before,
.icon-lightGrey:hover:before,
.icon-darkGrey:hover:before,
.icon-red:hover:before,
.icon-lightRed:hover:before,
.icon-gold:hover:before,
.icon-orange:hover:before,
.icon-warning:hover:before,
.icon-pink:hover:before,
.icon-purple:hover:before,
.icon-black:hover:before,
.icon-white:hover:before,
.icon-mint:hover:before {
	filter: brightness(85%);
}
/* chain link icon */
.fa-link {
	color: #717171 !important;
}
.icon-Xsmall { font-size: 12px !important; }
.icon-small { font-size: 16px !important; }
.icon-medium { font-size: 18px !important; }
.icon-large { font-size: 28px !important; }
.icon-Xlarge { font-size: 32px !important; }
.
.icon-flyout {
	font-size: 14px !important;
	text-align: center;
	width: 15px;
}
.icon-darkGrey a {
	color: #fff !important;
}
.icon-hide.icon-flyout {
	display: none;
}
.icon-label {
	opacity: 0;
	color: #1d78bf;
}
.icon-show-label:hover + .icon-label  {
	opacity: 1;
}

/**********************************
* Font Awesome PRO *
***********************************/
.fad {
	/*default colors*/
	--fa-primary-color: #1d78bf;
	--fa-primary-opacity: 0.4;
	--fa-secondary-color: #1d78bf;
	--fa-secondary-opacity: 1;
}

/*custom classes*/
.fa-swap-colors {
	--fa-primary-color: #1d78bf !important;
	--fa-primary-opacity: 1;
	--fa-secondary-color: #1d78bf !important;
	--fa-secondary-opacity: 0.4;
}
.fa-badge-check,
.fa-badge-counter,
.fa-badge-icon,
.fa-badge-pdf {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.fa-badge-counter {
	border: 1px solid #fff;
	top: -2px !important;
	left: 18px !important;
	background: #8bc34a !important;
	font-size: 10px !important;
	padding: 2px 4.5px !important;
	font-weight: bold !important;
	display: inline-block;
	right: unset !important;
}
.fa-badge-pdf {
	background: #fff;
	right: -4px;
	top: -3px;
	font-size: 15px;
	border-radius: 2px 5px 2px 2px;
}
.badge-new {
	right: -15px;
	font-size: 22px;
	top: -4px;
}
.badge-new span {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	font-size: 7px;
	left: 3.5px;
	top: 6.5px;
}

/*****************************************************
* Icon Toolbars  *
******************************************************/

.icon-toolbar {
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 6px 4px 4px 4px;
}
.icon-toolbar .icon-container .btn-group {
	display: block;
}
.it-bottom-right {
	position: absolute;
	right: 4px;
	bottom: 0;
}
.it-bottom-right .icon-container {
	margin: 0 0 0 10px;
}
.icon-container {
	position: relative;
	text-align: center;
}
.icon-container:hover {
	cursor: pointer;
}
.icon-container label {
	text-align: center;
	font-size: 10px;
	font-weight: bold !important;
	color: #444;
	line-height: 12px;
	padding: 0;
	margin: 4px 0 0 0;
}
.icon-container .dropdown-menu {
	inset: revert !important;
	right: 0 !important;
	padding: 0;
	top: 23px !important;
}
.icon-container .dropdown-menu:after {
	right: 5px;
}
.icon-container .dropdown-menu,
.icon-container .dropdown-menu:after {
	left: unset;
}
.icon-container .dropdown-menu li {
	padding: 3px 5px;
	width: max-content;
}
.icon-container .dropdown-menu .icon-flyout {
	margin: 0 5px 0 0;
	width: 20px;
}
.icon-container .dropdown-menu.yellow {
	border: 1px solid #eda600;
	background: #faf3e7;
}
.icon-container .dropdown-menu.yellow a {
	font-size: 1.1em;
}
.icon-container .dropdown-menu.yellow,
.icon-container .dropdown-menu.yellow a,
.icon-container .dropdown-menu.yellow .icon-flyout {
	color: #eda600;
	font-weight: bold;
}
.icon-container .dropdown-menu.yellow .icon-flyout {
	color: #eda600;
}
.icon-container .dropdown-menu.yellow:after {
	border-bottom-color: #eda600;
}

/* Icon Swaps on Hover */

/* swap to file-download icon */
.icon-swap-download:hover:before {
	content: "\f56d" !important;
}
.icon-swap-download:hover:after {
	content: "\10f56d" !important;
}

/*****************************************************
* Help Tips *
******************************************************/

.helpTip {
	top: 1px;
}

/*****************************************************
* Orders Dashboard (need to still use pw-icon) *
******************************************************/

/* Right UI Menus */
#rightUIMenus {
	position: absolute;
	right: 5px;
	z-index: 10;
}
/* orders dashboard */
.orderDashboard {
	position: relative;
	display: inline-block;
	width: 100%;
}
.dbRow {
	position: relative;
	display: table-row;
}
.dbCell {
	display: table-cell;
	padding: 10px;
	position: relative;
}
.colspan {
	position: absolute;
}
.dbRow.autoProofRow {
	height: 95px;
	left: 102px;
	display: inline-block;
}
.dbRow.exceptionRow {
	float: left;
	z-index: 0;
}
.orderQueues {
	position: relative;
	/*left: 45px;*/
}
.lastUpdateTime {
	opacity: 0;
	color: #1d78bf;
	margin: 0 10px 0 0;
	float: left;
}
.refreshPageStats:hover ~ .lastUpdateTime {
	opacity: 1;
}

/* dash-icon */
.dash-icon,
.dash-icon i,
.dash-icon .countBadge {
	position: relative;
	display: inline-block;
	background-image: none;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 80px;
	color: #1d78bf;
	cursor: pointer;
	text-rendering: optimizeLegibility;
	width: auto;
	height: auto;
	z-index: 3;
	transform-style: preserve-3d;
}
.dash-icon:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	text-decoration: none;
}
.dash-icon.production:hover {
	-webkit-transform: scale(1.02) !important;
	transform: scale(1.02) !important;
}
.dash-icon:before {
	padding: 0 !important;
}

.dash-icon a {
	color: #fff;
	font-size: 14px !important;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	text-align: center;
	display: block;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	right: 0;
	padding: 32px 0;
	z-index: 3;
}

.dash-icon:hover a {
	color: transparent !important;
	text-decoration: none;
}
.dash-icon:hover i {
	display: block;
}

.dash-icon .countBadge,
#filterSlideout .countBadge,
.countBadge {
	background: #1d78bf;
	color: #fff;
	font-size: 14px;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: normal;
	border-radius: 100px;
	padding: 2px 7.5px;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.countBadge.icon-yellow {
	background: #fbf3e5 !important;
	color: #eda600;
	border: 1px solid #eda600;
}

#filterSlideout .countBadge {
	position: relative;
	float: right;
	border: 1px solid #fff;
	margin: 0 0 0 10px;
}

.sourceText {
	line-height: 25px;
}

/* Icon Shapes */
.dash-icon.circle:before {
	content: '';
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.dash-icon.square {
	background: #CBCBCB;
	height: 75px;
	width: 75px;
	margin: 0 15px 0 0;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	position: relative;
	z-index: 1;
	transform-style: preserve-3d;
}

.exceptionRow .dash-icon.square {
	margin: 8px 5px 0 0;
}
.exceptionRow .dbCell:first-child {
	width: 82px;
}

/* shape colors */
.dash-icon.circle.icon-blue:before {
	background: #03a9f4;
}
.dash-icon.circle.icon-green:before {
	background: #71ba51;
}
.dash-icon.circle.icon-darkGrey:before {
	background: #3f3f3f;
}
.dash-icon.square.icon-orange {
	background: #eda600;
}
.dash-icon.square.icon-lightBlue {
	background: #03B6E7;
}
.dash-icon.square.icon-mint {
	background: #26a69a;
}
.dash-icon.square.icon-blue:before {
	color: #03B6E7;
}
.dash-icon.square.icon-purple {
	background: #b052c0;
}
.dash-icon.square.icon-blue {
	background: #03a9f4;
}
.dash-icon.square.icon-red {
	background: #f44336;
}
.dash-icon.square .countBadge {
	top: -10px;
	right: -10px;
}

/* square color hover */
.dash-icon.icon-orange:hover {
	background: #D89808 !important;
}
.dash-icon.icon-purple:hover {
	background: #913CA0 !important;
}
.dash-icon.icon-mint:hover {
	background: #1E8D83 !important;
}
.dash-icon.icon-red:hover {
	background: #CF392E !important;
}
.dash-icon.icon-grey:hover {
	background: #ADADAD !important;
}

/* icon border colors */
.dash-icon.icon-green:before {
	-webkit-text-stroke: 6px rgba(85, 188, 64, 0.4);
	text-stroke: 6px rgba(85, 188, 64, 0.4);
}
.circle.icon-blue:before {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 185, 236, .4);
	box-shadow: 0 0 0 3px rgba(0, 185, 236, .4);
}
.circle.icon-green:before {
	-webkit-box-shadow: 0 0 0 3px rgba(85, 188, 64, 0.4);
	box-shadow: 0 0 0 3px rgba(85, 188, 64, 0.4);
}
.circle.icon-darkGrey:before {
	-webkit-box-shadow: 0 0 0 3px rgba(51, 51, 51, .4);
	box-shadow: 0 0 0 3px rgba(51, 51, 51, .4);
}
.square.icon-mint {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 169, 154, .4);
	box-shadow: 0 0 0 3px rgba(0, 169, 154, .4);
}
.square.icon-lightBlue {
	-webkit-box-shadow: 0 0 0 3px rgba(0, 172, 251, 0.4);
	box-shadow: 0 0 0 3px rgba(0, 172, 251, 0.4);
}
.square.icon-purple {
	-webkit-box-shadow: 0 0 0 3px rgba(185, 62, 194, .4);
	box-shadow: 0 0 0 3px rgba(185, 62, 194, .4);
}
.square.icon-orange {
	-webkit-box-shadow: 0 0 0 3px rgba(255, 175, 0, .4);
	box-shadow: 0 0 0 3px rgba(255, 175, 0, .4);
}
.square.icon-darkGrey {
	-webkit-box-shadow: 0 0 0 3px rgba(185, 62, 194, .4);
	box-shadow: 0 0 0 3px rgba(185, 62, 194, .4);
}
.square.icon-red {
	-webkit-box-shadow: 0 0 0 3px rgba(255, 40, 37, .4);
	box-shadow: 0 0 0 3px rgba(255, 40, 37, .4);
}
.square.icon-grey {
	-webkit-box-shadow: 0 0 0 3px rgba(203, 203, 203, .4);
	box-shadow: 0 0 0 3px rgba(203, 203, 203, .4);
}

/* prepress tasks */
.prepressTasks {
	position: relative;
}
.prepressTasks:after {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 3px;
	width: calc(100% - 5px);
	bottom: calc(0% - 14px);
	left: -49px;
	z-index: -1;
}
.prepressTask {
	width: 1.42em !important;
	padding: 0;
}
.prepressTask:before {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 100%;
	width: 3px;
	bottom: calc(0% - 15px);
	left: calc(50%);
	z-index: -1;
	transform: translateZ(-1px);
}
.prepress-task-line {
	background-color: #ededed;
	position: absolute;
	height: 100%;
	width: 3px;
	left: 45px;
	bottom: -1px;
	z-index: 0;
}
.dash-icon.square.prepressTask:hover:before {
	filter: brightness(100%);
}
.dash-icon.square.prepressTask:last-child {
	 margin: 0;
}

/* production */
.productionContainer {
	position: absolute;
	width: 145px;
	height: 100%;
	z-index: 4;
}
.dash-icon.production {
	z-index: 2;
}
.dash-icon.production svg {
	position: relative;
	top: -3px;
	height: 190px;
}
.dash-icon.production svg path {
	fill: #71ba51;
	stroke: rgba(85, 188, 64, 0.4);
	stroke-width: 10px;
	stroke-location: outside;
}
.dash-icon.production:hover svg path {
	fill: #609E46;
}
.dash-icon.production a {
	top: calc(50% - 5px);
	left: -8px;
	width: 115px;
}
.dash-icon.production .countBadge {
	right: calc(0% + 30px);
	top: calc(0% + 30px);
}

/* shipping */
.shippingContainer {
	position: relative;
}
.dbCell.shipping {
	position: absolute;
	left: calc(0% + 232px);
	top: calc(0% - 45px);
	z-index: 4;
}
.shipping .dash-icon {
	margin: 5px 0;
}
.readyToShip {
	position: relative;
	left: 130px;
	top: 50px;
	z-index: 5;
}

.shipping .dash-icon:nth-child(1):after {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 3px;
	width: 100%;
	bottom: calc(0% - 2px);
	right: calc(100% - 25px);
	transform: rotate(-45deg);
	z-index: -1;
}

.shipping .dash-icon:nth-child(3):after {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 3px;
	width: 100%;
	top: calc(0% - 2px);
	right: calc(100% - 25px);
	transform: rotate(45deg);
	z-index: -1;
}

/* hover over icons */
.dash-icon i {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	font-size: 50%;
	pointer-events: none;
}
.dash-icon:hover i {
	color: #fff;
}
/* hover over placement modification */
.dash-icon i.fa-cogs {
	top: calc(50% - 36px);
	left: 10px;
	font-size: 0.7em;
}
.dash-icon i.fa-credit-card {
	left: 23%;
}
.dash-icon i.fa-database {
	left: 29%;
}
.dash-icon i.fa-exclamation {
	left: 41%;
}
.dash-icon i.fa-map-marker-alt {
	left: 31%;
}
.dash-icon i.fa-truck {
	left: 23%;
}
.dash-icon i.fa-file-image {
	top: 22%;
	left: 30%;
}
.dash-icon i.fa-tasks {
	left: calc(50% - 20px);
}

/* workflow lines and arrows */
.dash-icon.line-right:after {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 3px;
	width: 100%;
	bottom: calc(50% - 2px);
	left: calc(100% - 2px);
	z-index: -1;
}
.dash-icon.production.line-right:after {
	left: calc(100% - 20px);
	bottom: calc(50% + 2px);
}
.dash-icon.line-left:after {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 3px;
	width: 100%;
	bottom: calc(50% - 2px);
	right: calc(100% - 2px);
	z-index: -1;
}
.dash-icon.line-top:after {
	content: " ";
	background: #ededed;
	position: absolute;
	height: 100%;
	width: 3px;
	bottom: calc(100% - 0px);
	left: calc(50%);
	z-index: -1;
	transform: translateZ(-1px);
}
.arrow-circle {
	background-color: transparent;
	position: absolute;
	border: 3px solid #ededed;
	border-radius: 100px;
	height: 100px;
	width: 100px;
	left: 45px;
	top: 50px;
	z-index: 0;
	right: 0;
}

/* CSS Hacks for certain browsers */

/* firefox */
@supports (-moz-appearance:none) {
	.autoProof {
		/*top: 0;*/
	}
	.orderDashboard .dbRow:nth-child(2) {
		position: relative;
	}
	.prepressTasks:after {
		bottom: calc(0% - 12px);
	}
	.prepress-task-line {
		height: 118%;
	}
	.productionContainer {
		height: 200px;
	}
	.dash-icon.production:before {
		font-size: 3.6em;
	}
	.dash-icon i {
		top: 24%;
	}
	.dash-icon.production i {
		 top: 25%;
	}
	.dash-icon i.fa-cogs {
		top: calc(50% - 38px);
		left: 10px;
	}
	.dbCell.shipping {
		top: calc(0% - 52px);
	}
	.orderQueues {
		top: 18px;
	}
}

/* IE >= 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.prepressTask:before {
		height: 12px
	}
	.dash-icon.line-top:after {
		height: 26px;
		bottom: calc(100% + 3px);
	}
  .dash-icon.production {
    width: 115px;
  }
	.dash-icon.production a {
		top: calc(50% - 5px);
		left: -4px;
	}
	.dash-icon.production svg {
		left: 0;
	}
  .dash-icon.production.line-right:after {
    bottom: calc(50% + 10px);
  }
}
/***********************************************
* Toast Notifications and Error Messages       *
 ***********************************************/
.jq-toast-wrap {
	z-index: 9999 !important;

	/* overwrite to display center */
	left: 0 !important;
	right: 0 !important;
	margin: 0 auto;
	width: 350px;
}
.jq-toast-single {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}
.jq-toast-single a {
	text-decoration: underline;
	color: #000;
}
.jq-icon-info,
.jq-icon-warning,
.jq-icon-error {
	background-image: none;
	display: block;
	text-align: left;
	color: #000;
	margin: 0 0 10px 0;
	padding: 10px 18px 10px 36px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.jq-icon-info {
	background: #e1edf7;
	border: 1px solid #1d78bf;
}
.jq-icon-warning {
	background: #fbf3e5;
	border: 1px solid orange;
}
.jq-icon-error {
	background: #fef1ec;
	border: 1px solid #cc0000;
}
.jq-icon-info:before,
.jq-icon-warning:before,
.jq-icon-error:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: 18px;
	position: absolute;
}
.jq-icon-info:before {
	content: "\f06a";
	color: #1d78bf;
	left: 10px;
	top: 10px;
}
.jq-icon-warning:before {
	content: "\f071";
	color: orange;
	left: 8px;
	top: 10px;
}
.jq-icon-error:before {
	content: "\f06a";
	color: #cc0000;
	left: 10px;
	top: 10px;
}

/**********************************
* UI-BOX CONTAINERS               *
***********************************/
.ui-box {
	position: relative;
	border: none;
	background: none;
	font-size: 12px;
	color: #222222;
	border-radius: 4px;
	margin-bottom: 10px;
}
.ui-box.no-margin {
	margin: 0;
}
.ui-box.displayInlineBlock {
	display: inline-block;
}
.ui-box.halfRight {
	margin-left: 4px;
	line-height: 16px;
}
.ui-box header {
	display: flow-root;
	border: 1px solid #c2c2c2;
	border-bottom: none;
	background: #e6e6e6;
	color: #444;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	min-height: 18px;
	line-height: 18px;
}
.ui-box header.dark {
	border: 1px solid #aaaaaa;
	border-bottom: none;
	background: #cccccc;
	color: #444;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	min-height: 10px;
	line-height: 22px;
}
.ui-box header.dark.cornerBtm {
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: 1px solid #aaaaaa;
	border-top: none;
}
.ui-box header.dark.cornerAll {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #aaa;
}
.ui-box header.dark.noButtons {
	padding: 4px;
}
.ui-box header.dark.center {
	text-align: center;
}
.ui-box header table {
	color: #444;
	font-weight: bold;
	font-size: 12px;
}
.ui-box header button span {
	font-size: 11px;
}
.ui-box header strong {
	font-size: 12px;
	text-transform: uppercase;
}
.ui-box header div.header-center {
	line-height: 28px;
	position: relative;
	display: inline-block;
	text-align: center;
	width: 275px;
	z-index: 0;
}
.ui-box section {
	margin: 0;
	border: 1px solid #c2c2c2;
	padding: 4px;
	background-color: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.ui-box section.border-radius-all {
	border-radius: 4px !important;
}
.ui-box section th,
.ui-tabs-panel th,
.ui-dialog th {
  text-align: right;
	padding: 0 4px 0 0;
}
.ui-box section label:not(.ui-controlgroup-item) {
	font-weight: bold;
}
.ui-box section label
.ui-box section.no-line-height label,
.no-line-height {
	line-height: unset !important;
}
.ui-box section ul {
	margin: 0;
	list-style: none;
	padding: 0 0 0 4px;
}
.ui-box section ul li:hover {
	background-color: #ededed;
}
.ui-box section a, .ui-box header table a, .ui-box header a, .ui-box + .tablesorter a {
	color: #1d78bf;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}
.ui-box + .tablesorter a {
	line-height: 22px;
}
.ui-box section a:hover, .ui-box header table a:hover, .ui-box header a:hover {
	color: #043d69;
	text-decoration: none;
}
.ui-box section table {
	font-size: 12px;
	text-decoration: none;
}
.ui-box section label {
	font-size: 12px !important;
}
.ui-box section .tblCenter {
	width: auto;
	margin: 0 auto;
}
.ui-box section .tblCenter td{
	text-align: left;
}
.ui-box section .tblCenter input {
	width: 250px;
}
.ui-box section .tblCenter input[type="checkbox"] {
	width: auto;
}
.ui-box section .tblCenter select {
	width: 255px;
}
.ui-box section.inline-edit {
	min-height: 11px;
}
.ui-box section.inline-edit input,
.ui-box section.inline-edit select {
	color: #666666;
	margin: 0 !important;
}
.ui-box#turnAroundBox section,
.ui-box#shipMethodBox section {
	padding: 0;
}
.ui-box#turnAroundBox section .tablesorter tr:last-child,
.ui-box#turnAroundBox section .tablesorter tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
}
.ui-box#turnAroundBox section .tablesorter tr:last-child,
.ui-box#turnAroundBox section .tablesorter tr:last-child td:last-child {
	-webkit-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}
.ui-box#shipMethodBox section .tablesorter tr:last-child,
.ui-box#shipMethodBox section .tablesorter tr:last-child td:first-child {
	-webkit-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
}
.ui-box#shipMethodBox section .tablesorter tr:last-child,
.ui-box#shipMethodBox section .tablesorter tr:last-child td:last-child {
	-webkit-border-radius: 0 0 4px 0;
	border-radius: 0 0 4px 0;
}
.ui-box.container {
	padding: 0;
}
.ui-box-button-menu {
	float: right;
}
.ui-box header .pw-img {
	margin: 0 0 0 2px;
}

/* ADMIN PREFS MAKE WHOLE <li> SELECTABLE */
.preferenceSection .ui-box section a {
	display: block;
}

/* UI-BOX HEADER TOOLBAR */
.ui-box header .toolbarLeft {
	float: left;
}
.ui-box header .toolbarRight {
	float: right;
}
.ui-box header .toolbarCenter {
	vertical-align: middle;
	text-align: center;
	width: auto;
	margin: 0 auto;
	border: 0;
}

/* UI BOX WARN */
.ui-box.warn header {
	background: #eda600;
	border-color: #eda600 !important;
	color: #fff;
}
.ui-box.warn section {
	background: #fbf3e5;
	border-color: #eda600 !important;
}

/* UI BOX ERROR */
.ui-box.error header {
	background: #f44336;
	border-color: #f44336 !important;
	color: #fff;
}
.ui-box.error section {
	background: #fef1ec;
	border-color: #f44336 !important;
}

/**********************************
* INFO CONTAINERS 				  *
***********************************/
.infoBox {
	border: none;
	color: #222222;
	background: #c2c2c2 none;
	border-radius: 4px;
	margin-bottom: 10px;
}
.infoBox th.ui-state-default {
	border: none;
	color: #444;
	font-weight: bold;
	padding: 2px 5px;
	text-align: center;
	font-size: 12px !important;
	height: 24px;
}
.infoBox th.ui-state-default table {
	border: none;
	color: #444;
	font-weight: bold;
	text-align: center;
}
.infoBox th.ui-state-default th {
	color: #444;
}
.infoBox a {
	color: #1d78bf;
}
.infoBoxData td {
	background-color: #fff;
	padding: 2px;
}

.infoBoxCellRight {
	float: right;
}
.infoBoxCellLeft {
	text-align: center;
}
/* infoBox ID Drop Down */
.infoboxID {
	 font-size: 16px !important;
		font-weight: bold !important;
}

/**********************************
* Sticky Navigation Bottom        *
***********************************/

#sticky_navigation_bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 99999;
	background-color: rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
}
#sticky_navigation_bottom_container {
	text-align: center;
	padding-top: 10px;
}
@media \0screen {
	#sticky_navigation_bottom {
		background-color: #7c7c7c;
	} {
	opacity: .4;
}
}
/* IE8 */
* + html #sticky_navigation_bottom {
	background-color: #7c7c7c;
}

/**********************************
* Lightbox Page Loader            *
***********************************/

#pageLoader {
	display: none;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .15);
}
#loaderBG {
	background: #ffffff;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	position: relative;
	z-index: 999;
	top: calc(50% - 30px);
	left: 0;
	right: 0;
	bottom: 50%;
	height: 28px;
	width: 100px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3);
	box-sizing: unset;
}
#loaderBG .pwSpinner {
	margin: auto;
}

.pwSpinner {
	width: 70px;
	text-align: center;
}

.pwSpinner div {
	width: 18px;
	height: 18px;
	background-color: #000;

	border-radius: 4px;
	display: inline-block;
	-webkit-animation: delayLoad 0.5s infinite ease-in-out both;
	animation: delayLoad 0.5s infinite ease-in-out both;
}

.pwSpinner .dot1 {
	-webkit-animation-delay: -0.375s;
	animation-delay: -0.375s;
}

.pwSpinner .dot2 {
	-webkit-animation-delay: -0.25s;
	animation-delay: -0.25s;
}

.pwSpinner .dot3 {
	-webkit-animation-delay: -0.125s;
	animation-delay: -0.125s;
}

@-webkit-keyframes delayLoad {
	0% { opacity: 1; }
	50% { opacity:0.375;}
	100% { opacity: 0.375; }
}

@keyframes delayLoad {
	0% { opacity: 1; }
	50% { opacity:0.375;}
	100% { opacity: 0.375; }
}

#worky {
	display: none;
}

/**********************************
* Misc.                           *
***********************************/
.errorBorder {
	border-color: red !important;
}
table.pw-selector > tbody > tr > td {
	padding: 6px;
	-webkit-box-shadow: 0 0 0 1px grey; -moz-box-shadow: 0 0 0 1px grey; box-shadow: 0 0 0 1px grey;
	border-collapse: collapse;
}
table.pw-selector {
	border-collapse: collapse !important;
}

/************************************
Animations
 */

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/***********************************************
 *  updateImg, clickME, needSave Buttons       *
 ***********************************************/

.updateImg {
	color: #212121;
	background: none;
	background: #dadada 50% 50% repeat-x;
	border-color: #999999;
}
button.updateImg span.ui-button-icon-primary {
	background-image: none;
	background-image: url(/img/shared/jquery-old/ui-icons_222222_256x240.png);

	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;

	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;

	overflow: hidden;
}
.updateImg:hover {
	color: #454545;
	background: none;
	background: #dadada;
}

@-webkit-keyframes greenPulse /* Safari and Chrome */ {
	from { border-color: #749a02; box-shadow: 0 0 0 #333; }
	50% { border-color: #91bd09; box-shadow: 0 0 18px #91bd09; }
	to { border-color: #749a02; box-shadow: 0 0 0 #333; }
}

@-moz-keyframes greenPulse /* Firefox */
{
	from { border-color: #749a02; box-shadow: 0 0 0 #333; }
	50% { border-color: #91bd09; box-shadow: 0 0 18px #91bd09; }
	to { border-color: #749a02; box-shadow: 0 0 0 #333; }
}

@-webkit-keyframes redPulse /* Safari and Chrome */
{
	from {
		border-color: #cc0000;
		box-shadow: 0 0 0 #333;
	}
	50% {
		border-color: #cc0000;
		box-shadow: 0 0 18px #990000;
	}
	to {
		border-color: #cc0000;
		box-shadow: 0 0 0 #333;
	}
}
@-moz-keyframes redPulse /* Firefox */
{
	from {
		border-color: #cc0000;
		box-shadow: 0 0 0 #333;
	}
	50% {
		border-color: #cc0000;
		box-shadow: 0 0 18px #990000;
	}
	to {
		border-color: #cc0000;
		box-shadow: 0 0 0 #333;
	}
}

button.updateImg, button.clickME, button.needSave {

	animation: greenPulse 3s infinite;
	-moz-animation: greenPulse 3s infinite; /* Firefox */
	-webkit-animation: greenPulse 3s infinite; /* Safari and Chrome */
	-o-animation: greenPulse 3s infinite; /* Opera */
}

.errorFlash {
	animation: redPulse 3s infinite;
	-moz-animation: redPulse 3s infinite; /* Firefox */
	-webkit-animation: redPulse 3s infinite; /* Safari and Chrome */
	-o-animation: redPulse 3s infinite; /* Opera */
}

/***********************************************
 * Uploadifive Classes                         *
 ***********************************************/

.upload-name {
	padding-bottom: 4px;
	font-weight: bold;
	text-align: left;
	width: 100%;
	whitespace: nowrap;
}
.upload-progress {
	height: 16px;
}
.upload-info {
	font-weight: bold;
	text-align: left;
	color: #555;
	font-size: 10px;
	width: 100%;
	position: relative;
	top: -16px;
	padding: 0 4px 0 4px;
	text-shadow: 0 1px 1px #fff;
}
img.upload-done {
	float: right;
	padding-right: 6px;
	position: relative;
	top: -1px;
}
img.upload-cancel {
	cursor: pointer;
	float: right;
	position: relative;
	top: -1px;
	padding-right: 8px;
}
.upload-loadedInfo {
	margin-top: 3px;
	margin-bottom: 1px;
	width: 100%;
}
.upload-container {
	width: 100%;
	text-align: left;
	/*margin: 20px 0; */
}

/***********************************************
 * drop target animation                       *
 ***********************************************/

#upload-drop-target,
.upload-drop-target {
	padding: 0;
	margin: 0;
	border: 1px dashed #fff;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	z-index: 400;
	color: #fff;
	font-size: 25px;
	text-align: center;
	text-shadow: #000 0 0 10px;
	display: none;
}
#upload-drop-target.droptarget_highlight_over,
.upload-drop-target.droptarget_highlight_over {
	padding: 0;
	margin: 0;
	border: 1px solid green;
	display: block;
}
#upload-drop-target.droptarget_highlight,
#upload-drop-target.droptarget_highlight_over,
.upload-drop-target.droptarget_highlight,
.upload-drop-target.droptarget_highlight_over {
	display: block;
}

.droptarget_highlight {
	animation: bluePulseInset 2s infinite;
	-moz-animation: bluePulseInset 2s infinite; /* Firefox */
	-webkit-animation: bluePulseInset 2s infinite; /* Safari and Chrome */
	-o-animation: bluePulseInset 2s infinite; /* Opera */
}

.droptarget_highlight_over {
	border-color: #91bd09; box-shadow: inset 0 0 25px 10px #91bd09;
}

/* Blue Pulse Inset */

@-webkit-keyframes bluePulseInset /* Safari and Chrome */ {
	from { border-color: #1d78bf; box-shadow: inset 0 0 10px 2px #1d78bf; }
	50% { border-color: #1d78bf; box-shadow: inset 0 0 20px 20px #1d78bf; }
	to { border-color: #1d78bf; box-shadow: inset 0 0 10px 2px #1d78bf; }
}
@-moz-keyframes bluePulseInset /* Firefox */
{
	from { border-color: #1d78bf; box-shadow: inset 0 0 10px 2px #1d78bf; }
	50% { border-color: #1d78bf; box-shadow: inset 0 0 20px 20px #1d78bf; }
	to { border-color: #1d78bf; box-shadow: inset 0 0 10px 2px #1d78bf; }
}
@keyframes bluePulseInset /* WC3 */
{
	from { border-color: #1d78bf; box-shadow: inset 0 0 10px 2px #1d78bf; }
	50% { border-color: #1d78bf; box-shadow: inset 0 0 20px 20px #1d78bf; }
	to { border-color: #1d78bf; box-shadow: inset 0 0 10px 2px #1d78bf; }
}
@-webkit-keyframes bluePulseInsetSmall /* Safari and Chrome */ {
	from { border-color: #1d78bf; box-shadow: inset 0 0 1px 1px rgba(0, 156, 222, 0.5); }
	50% { border-color: #1d78bf; box-shadow: inset 0 0 4px 4px rgba(0, 156, 222, 0.5); }
	to { border-color: #1d78bf; box-shadow: inset 0 0 1px 1px rgba(0, 156, 222, 0.5); }
}
@-moz-keyframes bluePulseInsetSmall /* Firefox */
{
	from { border-color: #1d78bf; box-shadow: inset 0 0 1px 1px rgba(0, 156, 222, 0.5); }
	50% { border-color: #1d78bf; box-shadow: inset 0 0 4px 4px rgba(0, 156, 222, 0.5); }
	to { border-color: #1d78bf; box-shadow: inset 0 0 1px 1px rgba(0, 156, 222, 0.5); }
}
@keyframes bluePulseInsetSmall /* W3C */
{
	from { border-color: #1d78bf; box-shadow: inset 0 0 1px 1px rgba(0, 156, 222, 0.5); }
	50% { border-color: #1d78bf; box-shadow: inset 0 0 4px 4px rgba(0, 156, 222, 0.5); }
	to { border-color: #1d78bf; box-shadow: inset 0 0 1px 1px rgba(0, 156, 222, 0.5); }
}

/***********************************************
 *               TABLE SORTER                  *
 ***********************************************/
.tablesorter {
	width: 100%;
	background-color: #c2c2c2;
	font-size: 1em;
}
.tablesorter a {
	color: #1d78bf;
	text-decoration: none;
}
.tablesorter thead tr th, .tablesorter tfoot tr th {
	padding: 2px 0;
	border: 1px solid #e6e6e6;
	text-align: center;
}
.tablesorter thead tr .header {
	cursor: pointer;
	border: 1px solid #e6e6e6;
}
.tablesorter tbody td {
	color: #3d3d3d;
	padding: 4px;
	background: #f9f9f9;
	vertical-align: top;
}
.tablesorter tbody tr.odd td,
.tablesorter tbody tr.o td,
.tablesorter tbody tr:nth-child(odd) td{
	background-color: #fff !important;
}
.tablesorter tbody tr.e td,
.tablesorter tbody tr.even td
.tablesorter tbody tr:nth-child(even) td,
.tablesorter tbody tr:nth-child(even) td .tablesorter td {
	background-color: #f9f9f9 !important;
}
.tablesorter tbody tr.eh td,
.tablesorter tbody tr.oh td,
.tablesorter tbody tr.rh td,
.tablesorter tbody tr.selected td {
	background-color: #ddeeff !important;
}
.tablesorter tbody tr.r td,
table tbody tr.deleted td,
.tablesorter tbody tr.deleted td,
.tablesorter tbody tr.paper_warning td {
	background-color: #ffeeee !important;
}
.tablesorter thead tr .headerSortUp {
	background-image: url(/img/asc.gif);
}
.tablesorter thead tr .headerSortDown {
	background-image: url(/img/desc.gif);
}
.tablesorter thead tr:hover, .header:hover {
	border: 1px solid #aaa;
}
.tablesorter a, .tablesorter a, .ui-widget-content a, .ui-state-default a {
	color: #1d78bf;
	text-decoration: none;
	font-size: 12px;
}
.tablesorter a:hover, .tablesorter a:hover, .ui-widget-content a:hover, .ui-state-default a:hover {
	color: #043d69;
	text-decoration: underline;
}
.tablesorter thead tr:hover, .header:hover, .tablesorter thead tr .headerSortDown, .tablesorter thead tr .headerSortUp {
	border: 1px solid #808080;
	color: #212121;
}
/* /q/list.php **** Table inside Row Corrective CSS */
.tablesorter tbody tr.o td table tbody tr td {
	background-color: #fff;
}
.tablesorter tbody tr.o td table tbody tr.e td table tbody tr.o td {
	background-color: #fff;
}
.tablesorter tbody tr.e td table tbody tr.o td table tbody tr.e td {
	background: #f9f9f9;
}
.tablesorter tbody tr.eh td table tbody tr.o td table tbody tr.e td {
	background-color: #ddeeff;
}
.tablesorter tbody tr.r td table tbody tr td,
.tablesorter tbody tr.r td table tbody tr.e td table tbody tr.o td,
.tablesorter tbody tr.r td table tbody tr.o td table tbody tr.e td {
	background-color: #ffeeee;
}
table#jobLineItems.tablesorter thead th,
table#jobLineItems.tablesorter thead td {
	padding: 0;
}

/* Basic zebra table without the additional formatting */
.zebraTable tr:nth-child(odd) {
	background-color: #f9f9f9;
}

/* Inline-Edit Table Zebra Stripe Background */
.tablesorter tbody tr:nth-child(odd) td {
  background-color: #fff;
}
.tablesorter tbody tr:nth-child(even) td {
  background: #f9f9f9;
}
.tablesorter input:focus {
  background: #fff;
}

/* tables inside of tablesorter */
.tablesorter tr:nth-child(even) td table td {
	background: transparent !important;
}
.tablesorter tr:nth-child(even) td .tablesorter tr td {
	background: #f9f9f9 !important;
}
.tablesorter tr:nth-child(odd) td .tablesorter tr td {
	background: #fff !important;
}

#orderCostTable a {
	line-height: unset !important;
}

/**********************************
* jQuery UI Overrides	            *
***********************************/
.ui-controlgroup .ui-checkboxradio-icon {
	display: none;
}

/* jQuery Button Icon to Font Awesome Icons */
.ui-dialog-titlebar-close:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 12px;
	color: #555;
	content: '\f00d';
}

/**********************************
* Select Menu	                    *
***********************************/

select,
.ui-select-menu,
select[name="datatable_length"] {
	font-family: inherit;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #aaa;
	border-radius: 4px;
	color: #222222;
	padding: 2px 0;
}

/**********************************
* Breadcrumb Menu
***********************************/
#breadcrumb {
	display: inline-block;
	margin: 6px 0 15px 10px;
}
#breadcrumb ul {
	list-style: none;
	margin: 0;
}
#breadcrumb i {
	font-size: 13px;
}
#breadcrumb i,
.ui-box i,
#prodRadio i {
	color: #555;
	line-height: 15px;
}
#breadcrumb li:hover i {
	color: #212121;
}
#breadcrumb li.templateName a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 150px;
}

.crumbs {
	display: block;
}
.crumbs li {
	display: inline;
}
.crumbs li a, .crumbs li a:link, .crumbs li a:visited {
	font-family: "Arial", sans-serif;
	color: #666;
	display: block;
	float: left;
	font-size: 13px;
	margin-left: -13px;
	padding: 0 15px 0 0;
	position: relative;
	text-decoration: none;
}

.crumbs li a {
	/*background-image: url('/img/bg-crumbs.png');*/
	background-repeat: no-repeat;
	background-position: 100% 0;
	position: relative;
	height: 14px;
}
.crumbs li a span {
	margin-top: -4px;
}
.crumbs li a:hover {
	color: #333;
	background-position: 100% -48px;
	cursor: pointer;
}
.crumbs li a:active {
	color: #333;
	background-position: 100% -96px;
}
.crumbs li.first a span {
	height: 29px;
	width: 3px;
	position: absolute;
	top: 0;
	left: 0;
}
.crumbs li.first a {
	padding-left: 0;
	margin-left: -40px;
	/*border-left: 1px solid #d9d9d9;*/
}
.crumbs li a:after {
	content: "\f054";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	padding: 0 12px;
}
.crumbs li:last-child a {
	font-weight: bold;
}
.crumbs li:last-child a:after {
	content: "";
}
	/* Catalog Tabs */

.crumbs li.disable a:hover {
	background-position: 100% 0;
	color: #666;
	cursor: default;
}

.crumbs li.active a {
	color: #333;
	font-weight: bold;
	background-position: 100% -48px;
	cursor: default;
}

/****************************************
* Switch Slider Toggle (Pure CSS Version)
*****************************************/
/* Toggle Button */
.checkbox-toggle {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	border: 0;
	outline: 0;
	cursor: pointer;
	margin: inherit;
}
input[type=checkbox].checkbox-toggle:focus {
	outline: none !important;
}

/* Set input height and after height to be the same */
.checkbox-toggle:after,
.checkbox-toggle {
	display: inline-block;
	height: 16px;
}

/* Toggle background styling */
.checkbox-toggle:after {
	content: '';
	width: 30px;
	background: #ccc;
	border-radius: 18px;
	clear: both;
}

.checkbox-toggle:disabled:after {
	background: rgba(0, 0, 0, 0.125);
	cursor: initial;
}
.checkbox-toggle:disabled:checked:after {
	background: rgba(33, 150, 243, 0.5);
	cursor: initial;
}


/* Toggle handle styling */
.checkbox-toggle:before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 2px;
	bottom: 2px;
	border-radius: 50%;
	background: #fff;
	/*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); */
}

.checkbox-toggle:hover:before {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.checkbox-toggle:checked:hover:before {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 12.6);
}
.checkbox-toggle:disabled:hover:before {
	box-shadow: initial;
}

/* Shift the handle to left on check event */
.checkbox-toggle:checked:before {
	left: 16px;
	/*box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.6);*/
}
/* Background color when toggle button will be active */
.checkbox-toggle:checked:after {
	background: #2196F3;
}
/* Transition for smoothness */
.checkbox-toggle,
.checkbox-toggle:before,
.checkbox-toggle:after,
.checkbox-toggle:checked:before,
.checkbox-toggle:checked:after {
	transition: ease .3s;
	-webkit-transition: ease .3s;
	-moz-transition: ease .3s;
	-o-transition: ease .3s;
}

/**********************************
* Colored Status Labels
***********************************/

.status-cell {
	text-align: center;
}
.status-label {
	background: #3f3f3f;  /* default color */
	display: inline-block;
	width: 90%;
	min-width: 8ex;
	font-size: 1em;
	max-width: 120px;
	padding: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
	line-height: 22px;
	color: #fff !important;
	text-align: center;
	border-radius: 3px;
	border: none !important;
	font-weight: 600;
	text-transform: capitalize;
}
.status-label.blue,
.status-label.new,
.status-label.queued,
.status-label.active {
	background: #03a9f4;
}
.status-label.darkblue,
.status-label.boxed,
.status-label.autoProofPending,
.status-label.paymentPending,
.status-label.prepressReview,
.status-label.waitingApproval,
.status-label.waiting,
.status-label.ready {
	background: #1d78bf;
}
.status-label.mint,
.status-label.open,
.status-label.batched {
	background: #26a69a;
}
.status-label.green,
.status-label.won,
.status-label.approved,
.status-label.accepted,
.status-label.pending,
.status-label.production,
.status-label.autoNew,
.status-label.autoArtworkPending,
.status-label.autoDataPending,
.status-label.autoPaymentPending,
.status-label.autoReadyPending {
	background: #8bc34a;
}
.status-label.yellow,
.status-label.lost,
.status-label.onHold {
	 background: #eda600;
}
.status-label.red,
.status-label.error,
.status-label.stuck,
.status-label.autoReadyException,
.status-label.autoArtworkException,
.status-label.autoDataException,
.status-label.autoPaymentException {
	background: #f44336;
}
.status-label.purple,
.status-label.printed,
.status-label.filesNeeded {
	background: #b052c0;
}
.status-label.pink,
.status-label.cut {
	background: #f1709c;
}
.status-label.darkpink,
.status-label.finished {
	background: #FD6769;
}
.status-label.brown,
.status-label.outsourced {
	background: #8b4513;
}
.status-label.grey,
.status-label.closed {
	background: #afafaf;
}
.status-label.orange,
.status-label.canceled,
.status-label.cancelled {
	background: #E3701A;
}
/* minimum status widths */
.status-label.waitingApproval {
	min-width: 68px;
}
/*stuck class override*/
.status-label.stuck {
	position: relative !important;
	z-index: 100;
	width: 100%;
	top: 0 !important;
}

/**********************************
* Payment Menu UI *
***********************************/

input[name='paymentType'] {
	display:none;
	margin:10px;
}
input[name='paymentType'] + label {
	display:inline-block;
	margin:-2px;
	font-weight: bold;
	padding: 7px 5px 0 5px;
	width: 122px;
	cursor: pointer;
}

#paymentTypeMenu {
	display: inline-block;
	margin: 15px 30px 0 20px;
}
#underline {
	display: block;
	height: .25rem;
	width: 25%;
	margin: 0;
	border: none;
	transition: .3s ease-in-out;
}
#paymentType_cc:hover ~ #underline,
input[name='paymentType']:checked + label[for=paymentType_cc] ~ #underline {
	background: #1d78bf;
	margin-left: 0%;
}
#paymentType_ch:hover ~ #underline,
input[name='paymentType']:checked + label[for=paymentType_ch] ~ #underline {
	background: #1d78bf;
	margin-left: 25%;
}
#paymentType_ca:hover ~ #underline,
input[name='paymentType']:checked + label[for=paymentType_ca] ~ #underline{
	background: #1d78bf;
	margin-left: 50%;
}
#paymentType_extcc:hover ~ #underline,
input[name='paymentType']:checked + label[for=paymentType_extcc] ~ #underline{
	background: #1d78bf;
	margin-left: 75%;
}
input[name='paymentType'] + label:hover .fad {
	filter: brightness(85%);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#trnxTable tr td:hover {
	cursor: pointer;
}

#pymt-info-txt {
	line-height: 30px;
	font-size: 12px;
}
/*align the order IDs*/
#paymentLineTable tr td:nth-child(1) {
	text-align: center;
}
/*align the amounts*/
#paymentLineTable tr td:nth-child(2) {
	text-align: right;
}

/***********************************************
 * Made for Accounting Codes, but can be used  *
 * more generally as well                      *
 ***********************************************/

.cellWarnLeft,
.tablesorter tbody tr:nth-child(odd) td.cellWarnLeft,
.tablesorter tbody tr:nth-child(even) td.cellWarnLeft{
  border: 1px solid #eda600;
  border-right: none;
  background-color: #fbf3e5 !important;
}
.cellWarnRight,
.tablesorter tbody tr:nth-child(odd) td.cellWarnRight,
.tablesorter tbody tr:nth-child(even) td.cellWarnRight {
  border: 1px solid #eda600;
  border-left: none;
  background-color: #fbf3e5 !important;
}
.cellWarnMiddle,
.tablesorter tbody tr:nth-child(odd) td.cellWarnMiddle,
.tablesorter tbody tr:nth-child(even) td.cellWarnMiddle {
	border: 1px solid #eda600;
	border-left: none;
	border-right: none;
	background-color: #fbf3e5 !important;
}
td.cellWarn {
	border: 1px solid #eda600;
	background-color: #fbf3e5 !important;
}
.cellRequireLeft,
.tablesorter tbody tr:nth-child(odd) td.cellRequireLeft,
.tablesorter tbody tr:nth-child(even) td.cellRequireLeft{
	border: 1px solid #ed0000;
	border-right: none;
	background-color: #fbe5e5 !important;
}
.cellRequireRight,
.tablesorter tbody tr:nth-child(odd) td.cellRequireRight,
.tablesorter tbody tr:nth-child(even) td.cellRequireRight {
	border: 1px solid #ed0000;
	border-left: none;
	background-color: #fbe5e5 !important;
}
td.cellRequire {
	border: 1px solid #ed0000;
	background-color: #fbe5e5 !important;
}
/*
Needed to ensure that sub-cells don't override the warning background...
e.g. on the order screen, there is infoBox styling that specifies a white background
*/
td.cellWarn td {
	background-color: transparent;
}
.cellWarnText {
  color: #ed0000;
  float: right;
  padding: 3px 5px 2px 0px;
  font-size: 1.1em;
  font-weight: 700;
}
.infoBoxCellLeft .cellWarnText {
	padding: 0;
	float: unset;
}
.cellWarnRight input {
	width: 70% !important;
}
td.cellRequire td {
	background-color: transparent;
}
.cellRequireText {
	color: #ed0000;
	float: right;
	padding: 3px 5px 2px 0px;
	font-size: 1.1em;
	font-weight: 700;
}
.infoBoxCellLeft .cellRequireText {
	padding: 0;
	float: unset;
}
.cellRequireRight input {
	width: 70% !important;
}

/***********************************************
 *          DATA TABLES - NEW 2016             *
 ***********************************************/
.dataTables_wrapper button > span:before, .dataTables_wrapper a > span:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	padding-right: 6px;
}
button.buttons-pdf > span:before {
	content: '\f1c1';
}
.buttons-csv > span:before,
.buttons-excel > span:before {
	content: '\f1c3';
}
button.buttons-print > span:before {
	content: '';
}
button.table-add > span:before {
	content: '\f067';
}
button.table-delete > span:before {
	content: '\f1f8';
}
button.table-build > span:before {
	content: '\f0ad';
}
button.table-colvis > span:before {
	content: '\f06e';
}
button.table-colvis-slash > span:before {
	content: '\f070';
}
button.table-export-dropdown > span:before {
	content: '\f56e';
}
button.table-import > span:before {
	content: '\f56f';
}
button.table-print > span:before {
	content: '\f02f';
}
button.table-email > span:before {
	content: '\f658';
}
button.table-send-cloud > span:before {
	content: "\f0ee";
}
button.table-signature > span:before {
	content: '\f573';
}
button.table-refresh > span:before {
	content: '\f021';
}
button.table-wrench > span:before {
	content: '\f0ad';
}
button.table-list > span:before {
	content: '\f03a';
}
button.table-check-circle > span:before {
	content: '\f058';
}
button.table-import-export > span:before {
	content: '\f362';
}
.dataTables_wrapper .ui-toolbar {
	padding: 2px !important;
	margin: 0;
	line-height: 30px;
}
.dataTables_length {
	margin: 0 0 0 4px;
}
/*The span background is funky and needs to go away*/
div.dt-buttons .dt-button:hover>span {
	background: none;
}

.ui-controlgroup {
	margin-top: -2px;
}

#accordionToggle.ui-controlgroup {
	margin-top: 0;
}
.dataTables_processing {
	z-index: 1;
}
div.dt-buttons .dt-button {
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	background-image: none;
	border: 1px solid #aaaaaa;
}
div.dt-buttons .dt-button:hover {
	border-color: #999;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	top: initial;
}
table.dataTable thead th {
	font-weight: normal;
}
table.dataTable tbody td {
	padding: 4px 4px;
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
	content: '';
	box-shadow: none;
	border: none;
	padding: 2px;
	background: transparent url('/img/shared/arrow-right.png') no-repeat;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
	content: '';
	box-shadow: none;
	border: none;
	padding: 2px;
	background: transparent url('/img/shared/arrow-down.png') no-repeat;
}
table.dataTable td.focus,
table.dataTable tbody th.focus, table.dataTable tbody td.focus {
	outline: none;
	box-shadow: none;
}

table.dataTable tfoot td:not(:empty){
	border-top: 2px solid darkgray;
	font-weight:bold;
}
/* SORT */
th.sorting_disabled {
	padding: 4px !important;
}
/* datatable row highlighting */
th.sorting.sorting_asc, th.sorting.sorting_desc {
	background-color: #bcbcbc;
}
th.sorting.sorting_asc:hover, th.sorting.sorting_desc:hover {
	background-color: #aaaaaa;
}
/* RUSH */
#datatable tr.r,
#datatable tr.r>.sorting_1,
#datatable tr.r>.sorting_2,
#datatable tr.r>.sorting_3 {
	background: #ffeeee !important;
}

/* Fix for FixedHeader on mobile - for some reason the
 * floating header does not behave, so just hide it
 */
@media only screen and (max-width : 650px) {
	table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
		display: none;
	}
}

/* header/footer display adjustments */
.dt-header {
	border-bottom: none;
}
#dataTables_filter {
	margin: 0;
	padding: 0 2px;
	position: relative;
	top: -3px;
}
.dataTables_filter label {
	margin: 0;
}
table.dataTable.no-footer {
	border-bottom: none;
}
#datatable_paginate {
	padding: 0;
	margin: 2px;
}
#datatable_info {
	padding: 4px 0 0 2px;
}
#datatable th:hover {
	border-top: 1px solid #C2C2C2 !important;
	border-bottom: 1px solid #C2C2C2 !important;
	border-left-color: #C2C2C2;
	border-right-color: #C2C2C2;
}
/**********************************
* Search - DataTable              *
***********************************/
.dataTables_wrapper .dataTables_length select {
	background-color: white !important;
}
input[type="search"][aria-controls="datatable"],
.dataTables_wrapper input[type="search"] {
	background-color: white !important;
	border: 1px solid #aaa !important;
	font: normal 14px Arial, Helvetica, Sans-serif;
	color: #d7d7d7;
	width: 65px;
	padding: 6px 15px 6px 25px !important;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px !important;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	font-family: Arial, Helvetica, sans-serif;
	transition: all 0.7s ease 0s;
}
input[type="search"][aria-controls="datatable"],
.dataTables_wrapper input[type="search"] {
	width: 150px;
	color: #555;
	text-shadow: none;
	font-weight: normal;
	border: none;
}
input[type=search][aria-controls="datatable"]:focus,
.dataTables_wrapper input[type="search"]:focus {
	border: 1px solid #51c9ee !important;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1) !important;
	outline: none !important
}

.dataTables_filter label:last-child:before,
.searchIcon:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900 !important;
	font-size: 12px;
	color: #999999;
	content: "\f002";
	display: inline-block;
	vertical-align: middle;
	position: relative;
	left: 23px;
}
.dataTable .fad {
	font-size: 16px;
}

/**********************************
* Combobox                        *
***********************************/
.ui-combobox {
	position: relative;
	display: inline-block;
	line-height: 20px;
}

.ui-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.ui-combobox-input {
	margin: 0 0 0 2px !important;
	height: 25px;
	padding: 3px 4px 2px 4px;
	line-height: normal;
	border: 1px solid #aaa !important;
}

.ui-combobox a.ui-button-icon-only {
	width: 14px;
	height: 25px;
	margin: 0;
	margin-left: -1px;
	position: relative;
	outline: none;
	border-color: #aaaaaa;
}

.ui-combobox a {
	background: #e6e6e6;
	border: 1px solid #aaa;
	width: 13px;
}

.ui-combobox ul a {
	background: transparent;
	border: none;
}

.ui-combobox ul a {
	color: #1d78bf;
}

.ui-combobox ul a:hover {
	background: transparent;
}

.ui-combobox a.ui-combobox-toggle:before {
	content: "\f0d7";
	position: relative;
	display: inline-block;
	background-image: none;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 12px;
	color: #888;
	cursor: pointer;
	text-rendering: optimizeLegibility;
	width: auto;
	height: auto;
	margin: 0 2px;
}

.ui-combobox a.ui-combobox-toggle:hover {
	background: #dadada;
	border-color: #999;
}
.ui-combobox li:hover {
	background: #ededed !important;
	border: none;
}
.ui-combobox li:hover a,
.ui-combobox li a:hover {
	background: transparent !important;
	border: 1px solid transparent;
	text-decoration: underline;
}

.ui-combobox a:hover {
	color: #212121;
}

.ui-autocomplete {
	position: absolute;
	cursor: default;
	max-height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: 1px solid rgba(0, 0, 0, 0.175);
	border-radius: 6px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.ui-autocomplete .ui-menu-item-wrapper:hover {
	background-color: #ededed !important;
	color: #043d69;
	text-decoration: none;
}

.ui-autocomplete a {
	color: #555555;
}

.ui-autocomplete a.ui-state-hover, .ui-autocomplete #ui-active-menuitem {
	text-decoration: none;
	color: #212121;
}

.ui-combobox a.ui-button-icon-only {
	height: 25px;
}

.ui-combobox-input {
	width: 211px;
	height: 18px; !important;
}

/**********************************
* PRESSWISE CSS GRID AND FLEXBOX  *
***********************************/
.center-div {
	width:100%;
	display: flex;
	justify-content: center;
}

#page-container {
	width: 100%;
}

.page-content {
	text-align: center;
	color: #fff;
	max-width: 1300px;
	position: relative;
	top: 30px;
	margin: 0 auto 40px auto;
	padding: 0 10px;
}

.page-header  {

}

.page-title {
	/*font-size: calc(100% + 2.25vw);*/
	font-size: clamp(30px, 4vw, 45px);
	font-weight: bold;
	font-family: sans-serif;
	text-transform: uppercase;
	margin: 0;
	color: #333;
}

.page-title i {
	position: relative;
	top: -3px;
	font-size: calc(80%);
	color: inherit;
	padding: 0 5px 0 0;
}

.page-message {
	/*font-size: calc(100% + 0.5vw);*/
	font-size: clamp(12px, 3vw, 18px);
	font-weight: 300;
	font-family: sans-serif;
	margin: 0;
	color: #333;
	padding: 0 0 25px 0
}

/* PRESWISE CSS GRID */

.grid-container  {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	grid-template-rows: auto auto;
	grid-auto-flow: row;
	width: 100%;
	justify-content: space-between;
	column-gap: 20px;
	row-gap: 20px;
	align-items: center;
}

.grid-container .grid-item {
	position: relative;
	background: #F5F6F7;
	color: #1d78bf;
	height: 100%;
	text-align: center;
	border-radius: 6px;
	border: 1px solid #E3E5E9;
	padding: 20px;
}

.grid-container .grid-item i {
	display: block;
	padding: 5px 0 0 0;
	font-size: 2em;
}

.grid-container .grid-item span {
	position: relative;
	top: -5px;
	font-size: calc(100% + 0.1vw);
	font-weight: 600;
}

.grid-container .grid-item:hover {
	background: #FFF;
	transform: scale(1.05);
	transition: all 200ms ease-in-out;
	filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.125));
	border: 1px solid #1E78C0;
}
.grid-container .grid-item:hover i.icon-flyout {
	filter: brightness(100%);
	transform: scale(1);
}

.grid-container a:hover {
	text-decoration: none;
}

/* PressWise Flexbox 3 to 1 Column */
/* container */
.flexbox-container {
	display:flex;
	flex-wrap:wrap;
}

/* cells */
.flexbox-container > .flexbox-cell {
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	padding: 0;
}
.flexbox-container > .flexbox-cell:last-child {
	margin-right: 0;
}

/* columns types */
.flexbox-container.flexbox-col-3 > .flexbox-cell {
	width: calc(1/3*100% - (1 - 1/3)*10px);
}

/* responsive */
@media (max-width:768px) {
	.flexbox-container > .flexbox-cell {
		margin: 0 0 10px 0;
	}
	/* column types */
	.flexbox-container.flexbox-col-3 > .flexbox-cell {
		width:calc(100%);
	}
}

/* BASIC CSS grid */
.pw-grid {
	display: grid;
	grid-gap: 0 5px;
	width: 100%;
}
.pw-grid.col-2 {
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 1fr 1px 1fr; /* the 1px in the middle represent a vertical border between cells, but is really its one div column, example: .grid-gap-border */
}
.pw-grid-item.nested-grid {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr;
}
.grid-gap-border {
	background: #E0E0E0;
}