html {
  height: 100%;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 8, 2017 */

@font-face {
	font-family: 'bebas_neuebold';
	src: url('/type/bebasneue_bold-webfont.woff2') format('woff2'),
	     url('/type/bebasneue_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuebook';
	src: url('/type/bebasneue_book-webfont.woff2') format('woff2'),
	     url('/type/bebasneue_book-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuelight';
	src: url('/type/bebasneue_light-webfont.woff2') format('woff2'),
	     url('/type/bebasneue_light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neue_regularregular';
	src: url('/type/bebasneue_regular-webfont.woff2') format('woff2'),
	     url('/type/bebasneue_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'bebas_neuethin';
	src: url('/type/bebasneue_thin-webfont.woff2') format('woff2'),
	     url('/type/bebasneue_thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "workflow";
  src:url("/type/workflow.eot");
  src:url("/type/workflow.eot?#iefix") format("embedded-opentype"),
      url("/type/workflow.woff") format("woff"),
      url("/type/workflow.ttf") format("truetype"),
      url("/type/workflow.svg#workflow") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'StateFaceRegular';
	src: url('/type/stateface-regular-webfont.eot');
	src: url('/type/stateface-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/type/stateface-regular-webfont.woff') format('woff'),
	     url('/type/stateface-regular-webfont.ttf') format('truetype'),
	     url('/type/stateface-regular-webfont.svg#StateFaceRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
	font-family: 'idautomationc39mregular';
	src: url('/type/idautomationc39m-webfont.eot');
	src: url('/type/idautomationc39m-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/type/idautomationc39m-webfont.woff') format('woff'),
	     url('/type/idautomationc39m-webfont.ttf') format('truetype'),
	     url('/type/idautomationc39m-webfont.svg#idautomationc39mregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-size: 28px;
  line-height: 28px;
  padding: 0 20px;
}

h1 span {
	margin: 0 0 0 20px;
	background: none;
	float: right;
	height: 28px;
	line-height: 28px;
	font-size: 28px;
}

section#rates h1 span {
  float: none;
  margin: 0;
}

h1 a {
	color: #606060 !important;
}

a {
	cursor: pointer;
}

a:link {
  color: #606060;
  text-decoration: none;
}

body.DLNI a {
  color: #32CF6D;
}

body.DLLV a {
  color: #FF7A54;
}

body.DLMN a {
  color: #DD57FF;
}

body.limited a {
	color: #555;
	text-decoration: underline;
}

body.DLNJ a {
  color: #399FFF;
}

body.CREEL a {
  color: #718da7;
}

tr.DLNI td:first-child::after, 
tr.DLLV td:first-child::after, 
tr.DLMN td:first-child::after, 
tr.DLNJ td:first-child::after {
  content: "";
  display: block;
  width: 10px;
  height: 100%;
  background-color: #555;
  position: absolute;
  left: 0;
  top: 0;
}

tr.DLNI td:first-child::after {
  background-color: #32CF6D;
}

tr.DLLV td:first-child::after {
  background-color: #FF7A54;
}

tr.DLMN td:first-child::after {
  background-color: #DD57FF;
}

tr.DLNJ td:first-child::after {
  background-color: #399FFF;
}

a:active {
  color: #959595;
  text-decoration: none;
}

body {
  background: #ddd;
  color: #555;
  font: 12px "Roboto", Arial, Geneva, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: table;
	overscroll-behavior: none;
}

img {
  border: none;
}

strong.red {
	color: crimson;
}

.sfly-table th:first-of-type strong.red {
	margin: 0 20px 0 0;
}

a.external::after {
  /* content: '\e0f7'; */
  content: "";
  background-image: url(/images/icons/external.svg);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center center;
  margin: 0 0 0 5px;
  vertical-align: middle;
  font-family: workflow;
  width: 16px;
  height: 16px;
  display: inline-block;
}

input {
  color: #555;
  padding: 2px 5px 2px 5px;
  border-radius: inherit;
  font: 16px "Roboto", Arial, Geneva, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

input[type="text"], 
input[type="file"], 
input[type="password"], 
input[type="submit"], 
input[type="reset"], 
input[type="tel"], 
input[type="email"], 
input[type="number"], 
input[type="date"], 
textarea {
  -webkit-appearance: none;
  appearance: none;
}

textarea {
  color: #555;
  font: 16px "Roboto", Arial, Geneva, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  padding: 5px 10px;
  background: #eee;
  box-shadow: inset 0 1px 3px #bbb;
  border: none;
  box-sizing: border-box;
}

select {
  font-family: "Roboto", Arial, Geneva, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

.select2-container--default {
	color: #555;
	font-size: 16px;
	padding: 5px 10px;
	background: #eee !important;
	box-shadow: inset 0 1px 3px #bbb;
	border: none !important;
	box-sizing: border-box !important;
	border-radius: 0 !important;
}

.select2-selection {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

.select2-selection ul {
	padding: 0 !important;
}

.select2-selection ul li.select2-selection__choice {
	box-shadow: 0 0 3px rgba(0,0,0,0.25);
	background: #fff !important;
	border: none !important;
	border-radius: 0 !important;
	line-height: 25px !important;
	height: 24px !important;
}

.select2-dropdown.select2-dropdown--below {
	box-shadow: 0 2px 3px rgba(0,0,0,0.45);
}

.select2-dropdown.select2-dropdown--above {
	box-shadow: 0 -2px 3px rgba(0,0,0,0.45);
}

.select2-selection ul li.select2-selection__choice span {
	margin-right: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100% !important;
}

.select2-search--inline {
	border-bottom: none !important;
}

.select2-dropdown {
  background-color: white;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 0;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  box-shadow: 0 -2px 3px rgba(0,0,0,0.45);
}

input[type="text"], 
input[type="file"], 
input[type="password"], 
input[type="tel"], 
input[type="email"], 
input[type="number"],
input[type="time"], 
input[type="date"] {
  background: #eee;
  box-shadow: inset 0 1px 3px #bbb;
  height: 40px;
  line-height: 40px;
  border: none;
  padding: 0 10px;
  box-sizing: border-box;
}

aside input[type="text"], 
aside input[type="file"], 
aside input[type="password"], 
aside input[type="number"], 
aside input[type="date"] {
  background: rgba(0,0,0,0.15);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  height: 40px;
  line-height: 40px;
  border: none;
  padding: 0 10px;
  margin: 0 0 10px;
  color: #fff;
  box-sizing: border-box;
  width: 100%;
}

input[type="file"] {
	padding: 10px !important;
	line-height: 100% !important;
}

aside textarea {
  background: rgba(0,0,0,0.15);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  border: none;
  padding: 8px 10px;
  margin: 0 0 10px;
  color: #fff;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100px;
}

aside select {
  margin: 0 0 10px;
  width: 100%;
  font-size: 16px;
}

aside select.inline.search-type {
  margin: 0 0 10px;
  width: inherit;
  font-size: 16px;
  background: #2E343C;
  color: white;
  border: none;
}

aside label {
  margin: 0 0 5px;
  color: #fff;
  display: block;
  font-size: 16px;
}

aside label.inline {
  display: inline;
}

aside input[type="checkbox"] {
  margin: 10px;
}

aside input.signature {
  width: 83%;
}

#scanner input {
  vertical-align: top;
}

#gritter-notice-wrapper {
  bottom: 20px !important;
  left: 90px !important;
  z-index: 30 !important;
  width: 300px !important;
}

.gritter-item-wrapper {
  background: #fff !important;
  box-shadow: 0 5px 20px rgba(0,0,0,0.35);
  text-align: left;
}

.gritter-top, 
.gritter-bottom {
  display: none;
}

.gritter-item {
  padding: 10px !important;
  background: none !important;
  font-family: Arial, Helvetica, Geneva, sans-serif !important;
  color: #555 !important;
}

.gritter-close {
  background: none !important;
  top: 5px !important;
  left: inherit !important;
  right: 5px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  position: relative;
}

.gritter-close::before {
  content: "\e01a";
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 26px;
  position: absolute;
  font-family: workflow;
  color: #888;
}

.gritter-title {
  text-shadow: none !important;
  text-transform: uppercase;
}

.gritter-item p {
  font-size: 12px;
}

article {
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

article.user-profile {
	background: none;
	box-shadow: none;
}

article header h2 {
  border-bottom: none;
  font-size: 22px;
  line-height: 28px;
  display: block;
  float: left;
}

article.ticket h2 .ticket-badges {
  display: none;
}

article.ticket.leader header::before, 
article.ticket.follower header::before {
  display: inline-block;
  text-transform: uppercase;
  box-sizing: border-box;
  line-height: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 18px;
  padding: 5px 10px;
  border-radius: 5px;
}

article.ticket.leader header::before {
  content: "Leader";
  background: #2e343c;
  color: #eee;
}

article.ticket.follower header::before {
  content: "Follower";
  background: #bbb;
  color: #444;
}

article header h2.bin-code, 
.anoc-total-quantity {
  margin: 0 0 0 20px;
  background: none;
  text-transform: uppercase;
  float: right;
  height: 28px;
  line-height: 28px;
  font-size: 28px;
}

.anoc-total-quantity {
	position: absolute;
	top: 85px;
	right: 40px;
}

article.ticket h2.ticket_loc {
  margin: 0 20px 0 0;
}

article.ticket h2.ticket_loc span {
	margin: 0 10px 0 0;
}

article.ticket.DLNI h2 {
  border-bottom-color: #32CF6D;
}

article.ticket.DLLV h2 {
  border-bottom-color: #FF7A54;
}

article.ticket.DLMN h2 {
  border-bottom-color: #DD57FF;
}

article.ticket.DLNJ h2 {
  border-bottom-color: #399FFF;
}

article.ticket.CREEL h2 {
  border-bottom-color: #718da7;
}

article.ticket a, 
tr a, 
article.ticket-list table td a, 
table.variegated a {
  color:#555;
  line-height: 130%;
  border-bottom: 1.5px solid #aaa;
}

article.ticket.DLNI a, 
tr.DLNI a, 
body.DLNI article.ticket-list table td a, 
body.DLNI table.variegated a {
  border-color: #32CF6D;
}

article.ticket.DLLV a, 
tr.DLLV a, 
body.DLLV article.ticket-list table td a, 
body.DLLV table.variegated a {
  border-color: #FF7A54;
}

article.ticket.DLMN a, 
tr.DLMN a, 
body.DLMN article.ticket-list table td a, 
body.DLMN table.variegated a {
  border-color: #DD57FF;
}

article.ticket.DLNJ a, 
tr.DLNJ a, 
body.DLNJ article.ticket-list table td a, 
body.DLNJ table.variegated a {
  border-color: #399FFF;
}

article.ticket.CREEL a, 
tr.CREEL a, 
body.CREEL article.ticket-list table td a {
  border-color: #718da7;
}

h2.ticket_loc span::after {
  font-family: StateFaceRegular;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
}

h2.ticket_loc.loc_DLNI span::after {
  content: " M";
  /* color: #32CF6D; */
}

h2.ticket_loc.loc_DLLV span::after {
  content: " g";
  /* color: #FF7A54; */
}

h2.ticket_loc.loc_DLMN span::after {
  content: " g";
  /* color: #DD57FF; */
}

h2.ticket_loc.loc_CREEL span::after {
  content: " g";
  /* color: #718da7; */
}

article section, 
article fieldset {
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  background: #fff;
  margin: 0 0 20px;
  min-width: 350px;
  overflow: hidden;
  border-radius: 5px;
}

article fieldset {
  padding: 0;
  overflow: visible !important;
}

article fieldset .split {
	padding: 20px 20px 10px;
	box-sizing: border-box;
}

article fieldset .ticket-form-full .split {
	padding: 0 !important;
}

article fieldset .split label {
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	text-align: right;
	padding: 0 10px;
	box-sizing: border-box;
}

article fieldset .ticket-form-full .split label {
	font-size: 12px;
	width: 105px;
	padding: 5px 5px 0 0;
}

article fieldset .ticket-form-full .split label:nth-child(even) {
	text-align: left;
	padding: 5px 0 0 5px;
}

article fieldset .ticket-form-full .split input {
	width: 100px;
}

article fieldset .split label.radio-label {
	width: auto;
}

article.ticket section.client-info, 
article.ticket section.job-info, 
article.ticket section.followers {
  width: 100%;
  min-width: 750px;
  clear: both;
  float: left;
}

section.client-info.webdev {
  display: none;
}

article.webdev section.client-info {
  display: none;
}

article.webdev section.client-info.webdev {
  display: block;
  min-width: 0;
}

article.webdev section.client-info.webdev .client-details .ticket-info {
  display: block;
}

article.ticket section.job-info h2 {
  line-height: inherit;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

/* article.ticket section.billing-info, 
article.ticket section.contact-info {} */

article.ticket .billing-wrap, 
article.ticket .left-wrap {
  float: left;
  width: 50%;
  box-sizing: border-box;
  padding: 0 10px 0 0;
}

article.ticket .contact-wrap, 
article.ticket .right-wrap {
  float: right;
  width: 50%;
  box-sizing: border-box;
  padding: 0 0 0 10px;
}

article.ticket .notes-wrap {
  padding: 0 0 0 20px;
  width: 30%;
  float: right;
  box-sizing: border-box;
}

article.ticket .main-wrap {
  width: 70%;
  float: left;
}

/* article.ticket section.notes {} */

section.notes .copy-fix {
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

article.ticket .notes.alt, 
article.ticket .history.alt, 
article.ticket .contact-info.alt, 
article.ticket .misc.alt {
  display: none;
}

div.client-info {
  display: inline-block;
  width: 31.25%;
  vertical-align: top;
  margin: 0 1%;
  position: relative;
  min-height: 75px;
  z-index: 0;
}

article.webdev .client-ship-address, 
article.webdev .client-ship-service {
  display: none !important;
}

article.webdev .client-details {
  margin: 0 !important;
  display: block;
  width: 100%;
  min-height: 0;
}

article.webdev .client-details h3.title {
  display: none;
}

article.webdev .client-details .ticket-info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

article.webdev .date-row.quantity {
  display: none;
}

article.webdev .job-dates h3.title.top-spacer {
  margin-top: 0;
}

article.webdev section.misc, 
article.webdev section.production, 
article.webdev section.finishing {
  display: none;
}

div.client-info-alt {
  display: inline-block;
  width: 22.75%;
  vertical-align: top;
  margin: 0 1%;
  position: relative;
  z-index: 0;
}

div.job-dates {
  width: 39%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

div.billing-info {
  margin: 0 0 5px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

div.contact {
  margin: 0 0 20px;
  min-height: 48px;
}

div.contact:last-child {
  margin: 0;
}

div.contact .contact-details {
  margin: 0 0 0 58px;
}

div.contact p {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}

div.contact p.contact-name {
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

div.contact p.contact-name strong {
  text-transform: none !important;
  width: 100%;
  padding: 0;
  margin: 0 0 5px;
  box-sizing: border-box;
}

div.contact p strong {
  width: 80px;
  text-transform: uppercase;
  display: inline-block;
}

.contact-pic {
  float: left;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  overflow: hidden;
  margin: 0 10px 0 0;
}

.date-row {
  margin: 0 0 5px;
}

.date-row h3.title {
  width: 100px;
}

div.job-description {
  width: 60%;
  display: inline-block;
  vertical-align: top;
}

div.job-description-thumb {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}

div.job-description p:last-child, 
div.job-description-thumb p:last-child {
  margin-bottom: 0;
}

div.job-thumb {
  display: inline-block;
  width: 15%;
  vertical-align: top;
  text-align: center;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}

a.job-preview {
  margin: 0;
  z-index: 0;
  position: relative;
  border-bottom: none !important;
}

a.job-preview img {
  z-index: 0;
  max-width: 90%;
}

.ticket-badges {
  display: block;
  float: right;
  margin: 0 0 0 20px;
  height: 28px;
}

.ticket-badges img {
  height: 48px;
  display: inline-block;
  position: relative;
  top: -10px;
}

div.client-info:first-child, 
div.client-info-alt:first-child {
  margin: 0 1% 0 0;
}

div.client-info:last-child, 
div.client-info-alt:last-child {
  margin: 0 0 0 1%;
}

div.client-info h3.title, 
div.client-info-alt h3.title {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 2px solid #ccc;
}

div.client-info h3.title.second {
	margin: 10px 0;
}

h3.title {
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 2px solid #ccc;
}

h3.title.top-spacer {
  margin-top: 20px;
}

h3.title.inline {
  margin: 0;
  padding: 0 10px 0 0;
  border-bottom: none;
  display: inline-block;
  vertical-align: top;
}

h3.title a {
  color: #555 !important;
  display: block;
  line-height: normal !important;
  border-bottom: none !important;
}

.value {
  display: inline-block;
  text-align: left;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  vertical-align: top;
}

a.edit {
	display: block;
}

a.edit::after, 
a#show-ship-address-form::after {
  /* content: "\270E"; */
  content: "";
  background: url(/images/icons/edit-16.svg) no-repeat center center;
  background-size: 16px auto;
  width: 16px;
  height: 16px;
  color: #555;
  margin: 0 0 0 10px;
  opacity: 0.5;
  transition: opacity 0.3s;
  float: right;
}

a.button.edit::after {
	display: none;
}

a.edit:hover::after, 
a#show-ship-address-form:hover::after {
	opacity: 1;
}

.ticket-info {
  font-size: 14px;
  line-height: 20px;
}

article section .section-inner {
  padding: 20px;
}

article.ticket section.finishing .section-outer .section-inner, 
article.ticket section.production .section-outer .section-inner, 
article.ticket section.billing-info .section-inner {
  padding: 20px 10px 10px 20px;
}

article.ticket section .section-inner-slim {
  padding: 0 0 10px;
}

article.ticket section.notes .section-inner, 
article.ticket section.history .section-inner {
  padding: 10px 0;
}

article.ticket section.finishing .section-inner, 
article.ticket section.production .section-inner {
  padding: 0;
}

section.finishing .section-outer .section-inner p, 
section.production .section-outer .section-inner p {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}

section.finishing .section-outer .section-inner ul, 
section.production .section-outer .section-inner ul, 
section.billing-info .section-inner ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

section.finishing .section-outer .section-inner li, 
section.production .section-outer .section-inner li, 
section.billing-info .section-inner li {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 16px;
  list-style-type: none;
  padding: 0;
}

section.finishing .section-outer .section-inner li strong, 
section.production .section-outer .section-inner li strong, 
section.billing-info .section-inner li strong {
  text-transform: uppercase;
  margin: 0 10px 0 0;
  padding: 2px 5px;
  /* vertical-align: top; */
  display: block;
  background: #fafafa;
  color: #555;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

section.finishing .section-outer .section-inner li span strong, 
section.production .section-outer .section-inner li span strong, 
section.billing-info .section-inner li span strong {
	background: none;
	text-transform: none;
	border-bottom: none;
	margin: 0;
	padding: 0;
}

section.finishing .section-outer .section-inner ul.ticket-state-details li strong, 
section.production .section-outer .section-inner ul.ticket-state-details li strong, 
section.billing-info .section-inner ul.ticket-state-details li strong {
	margin: 0;
}

section.billing-info .section-inner li.full strong {
	margin: 0;
}

section.finishing .section-outer .section-inner li span, 
section.production .section-outer .section-inner li span, 
section.billing-info .section-inner li span {
  padding: 2px 5px;
  display: block;
  overflow-wrap: break-word;
}

section.finishing .section-outer .section-inner li strong span, 
section.production .section-outer .section-inner li strong span, 
section.billing-info .section-inner li strong span {
	padding: 0;
	display: inline;
}

section.finishing .section-outer .section-inner p strong, 
section.production .section-outer .section-inner p strong, 
section.billing-info .section-inner p strong {
  text-transform: uppercase;
  margin: 0 10px 0 0;
  vertical-align: top;
  display: inline-block;
}

section.finishing .section-outer .section-inner p span, 
section.production .section-outer .section-inner p span, 
section.billing-info .section-inner p span {
  vertical-align: top;
  display: inline-block;
}

.full {
  width: 100%;
  display: block;
  margin: 0 0 10px;
}

.full:last-child {
  margin: 0;
}

.half {
  width: 49.5%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px;
  box-sizing: border-box;
}

.half li.half {
	width: 49%;
}

.half:nth-child(odd) {
  padding: 0 10px 0 0;
}

.half:nth-child(even) {
  padding: 0 0 0 10px;
}

.half.site-logos {
	padding: 0 0 0 50px;
}

.third {
  width: 32.7%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px;
  box-sizing: border-box;
  padding: 0 10px;
}

.quarter {
  width: 24.25%;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px;
  box-sizing: border-box;
  padding: 0 10px;
}

.paper-list {
	display: grid;
	grid-template-columns: 1fr 3fr;
}

.paper-list > div > span {
	line-height: 18px;
}

.paper-list strong {
	border-bottom: none !important;
	background: none !important;
	margin: 0 !important;
	font-weight: bold !important;
}

.paper-tag {
	/* display: inline-block !important; */
  background: #888;
  color: #fff;
  border-radius: 3px;
  float: left;
  margin: 4px 8px 0 5px;
  font-size: 12px;
  font-weight: bold;
  padding: 3px 5px 2px !important;
  line-height: 12px;
}

.paper-list span.paper-tag {
	margin: 0 5px 0 0;
}

article section h2, 
article.form section p, 
article fieldset legend {
  border-bottom: 5px solid #aaa;
  line-height: 50px;
  padding: 0 20px;
  margin: 0;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  background: #fafafa;
}

ul.ticket-state-details {
	display: flex;
	flex-flow: row wrap;
}

ul.ticket-state-details li {
	margin: 0 10px 10px 0 !important;
	flex: 1;
}

h2.sub-header {
	padding: 15px 20px 0;
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	background: #fafafa;
  border-radius: 5px 5px 0 0;
}

td.sub-header {
	padding: 10px 20px !important;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #bbb !important;
}

td.quote-note {
	padding-left: 75px !important;
  padding-top: 0 !important;
  font-size: 11px;
  color: #888;
  border-top: 2px solid #fff !important;
}

.double-header {
	height: inherit !important;
	padding: 20px 10px 0 !important;
	margin: 0;
	position: relative;
	background: #fafafa;
	text-align: center !important;
	font-weight: normal !important;
	border-bottom: none !important;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

.header-center {
	text-align: center !important;
}

article fieldset legend {
  display: block;
  float: left;
  clear: both;
  width: 100%;
  border-radius: 5px 5px 0 0;
}

body.DLNI article section h2, 
body.DLNI article fieldset legend {
  border-bottom-color: #32CF6D;
}

body.DLLV article section h2, 
body.DLLV article fieldset legend {
  border-bottom-color: #FF7A54;
}

body.DLMN article section h2, 
body.DLMN article fieldset legend {
  border-bottom-color: #DD57FF;
}

body.DLNJ article section h2, 
body.DLNJ article fieldset legend {
  border-bottom-color: #399FFF;
}

body.CREEL article section h2, 
body.CREEL article fieldset legend {
  border-bottom-color: #718da7;
}

article section .section-outer h2, 
fieldset legend {
  border-bottom: none;
  line-height: 40px;
  padding: 0 20px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  background: #eee;
  clear: both;
}

fieldset legend span {
	float: right;
}

article section h2 button {
  line-height: 50px;
	height: 50px;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  position: relative;
  background: none;
  border: none;
  color: #555;
	cursor: copy;
  white-space: nowrap;
}

button#copy-button::after {
  content: "\e0c3";
  display: inline-block;
  font-family: workflow;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: bottom;
  border-radius: 50%;
  background-color: rgba(200,200,200,0);
  margin: 10px;
	transition: all 100ms ease-in-out;
}

aside.sidebar button#copy-button::after {
  margin: 0 !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

button#copy-button:hover::after {
  width: 40px;
  height: 40px;
  line-height: 40px;
	background-color: rgba(200,200,200,0.25);
	margin: 5px;
}

button#copy-button:active::after {
  width: 50px;
  height: 50px;
  line-height: 50px;
	background-color: rgba(200,200,200,0.5);
	margin: 0;
}

h2 span.salesperson-csr {
  text-transform: none;
  font-size: 16px;
  float: right;
  line-height: 50px;
}

h2 span.salesperson-csr img {
  height: 30px;
  width: 30px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  position: relative;
  top: 10px;
}

h2 span.job-name, 
h2 span.user-title {
  text-transform: none;
  font-size: 16px;
  float: right;
  line-height: 100%;
  text-align: right;
  font-family: Roboto, sans-serif;
}

article.ticket-list, 
article.kpi-dash {
  padding: 0;
  margin: 0 0 20px;
  border-radius: 5px;
  position: relative;
}

article.kpi-dash {
  width: auto;
}

#modal article.ticket-list {
  margin: 0;
}

article.ticket-list table#ticket-list tbody, 
table.numbered tbody {
	counter-reset: rowNum;
}

article.ticket-list table#ticket-list thead tr th.no-mobile:first-child::before, 
article.ticket-list table#ticket-list tfoot tr td.no-mobile:first-child::before, 
article.ticket-list table#ticket-list thead tr th:first-child::before, 
article.ticket-list table#ticket-list tfoot tr td:first-child::before {
	content: "";
}

article.ticket-list table#ticket-list tfoot tr th#rep-pmt  { text-align: center;} 
article.ticket-list table#ticket-list tfoot tr th#rep-qty,
article.ticket-list table#ticket-list tfoot tr th#rep-type { text-align: right; }

article.ticket-list table#ticket-list tr td.no-mobile:first-child::before, 
table.numbered tr td.no-mobile:first-child::before, 
table.numbered tr td:first-child::before {
	content: counter(rowNum);
}

.ticket-groups {
	display: grid;
  grid-column-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(500px,1fr));
	/*grid-auto-rows: 40px;*/
}

.ticket-groups h2.sub-header {
	height: 20px;
	top: 0;
	position: sticky;
}

.ticket-groups article.ticket-list {
	max-height: 400px;
  overflow-y: auto;
}

.ticket-groups article.ticket-list table tbody tr:last-child {
	border-bottom: none;
}

.ticket-groups article.ticket-list table {
	border-collapse: separate;
}

.ticket-groups article.ticket-list table thead th {
	top: 35px;
	position: sticky;
}

.ticket-tag, 
.ticket-tag-alt {
	display: inline-block;
  background: #ccc;
  border-radius: 3px;
  padding: 2px 4px;
  font-size: 11px;
	line-height: 12px;
  font-weight: bold;
  margin: 3px 0 0;
}

/* .ticket-tag-alt {} */

table tr.anoc-sub-item {
	counter-reset: rowNum;
}

table tr.anoc-sub-item td:first-child::before {
	content: "" !important;
	counter-increment: rowNum;
}

.filter-list table tr.group td {
	background: #ddd;
	font-size: 20px;
	padding: 15px 10px;
}

.filter-list table tr.group td a {
	color: #555;
}

article.ticket-list table#ticket-list tr, 
table.numbered tr {
	counter-increment: rowNum;
}

article.ticket-list table#ticket-list.web-dev tr:nth-child(odd) {
  background: #fff;
}

article.ticket-list table#ticket-list.web-dev tr:nth-child(even) {
  background: #eee;
}

.check {
	background: #fff !important;
  text-indent: 26px !important;
  overflow: hidden !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  -webkit-border-radius: 4px !important;
  position: relative;
}

.check.checkmark::after {
  background: #7ed55f !important;
}

.check.checkmark::after {
  text-align: center;
  text-indent: 0 !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  position: absolute;
  display: block;
  content: "\e114";
  font-family: "workflow";
  text-transform: none;
  color: rgba(0,0,0,0.75);
  line-height: 26px;
  font-size: 18px;
  left: 0;
  top: 0;
}

.split {
	width: 100%;
  float: left;
  clear: both;
}

.left-half {
	width: 50%;
	box-sizing: border-box;
	padding: 0 10px 0 0;
	float: left;
}

.right-half {
	width: 50%;
	box-sizing: border-box;
	padding: 0 0 0 10px;
	float: left;
}

.directory {
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 10px;
	float: left;
}

.directory.corp {
	width: 100%;
	padding: 0 !important;
	clear: both;
}

.directory.corp article.ticket-list {
	float: left;
	width: 100%;
}

.directory.corp table {
	float: left;
	width: 33.333%;
}

.directory.corp table tr:last-child, 
.directory.corp table tr:last-child td {
	border-bottom: none !important;
}

.directory table tr td em {
	display: block;
	text-transform: uppercase;
	color: #999;
	font-size: 11px;
	font-style: normal;
}

.directory article section {
	min-width: 0;
}

.directory:nth-child(3n+1) {
	padding: 0 10px 0 0;
}

.directory:nth-child(3n+3) {
	padding: 0 0 0 10px;
}

article.ticket-list table, 
article.filter-list table, 
article.kpi-dash table {
  margin: 0;
  padding: 0;
  border: none;
  border-collapse: collapse;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  background: #fff;
  text-shadow: none;
  width: 100%;
  border-radius: 5px;
}

article.kpi-dash table {
  width: auto;
}

article.ticket-list table tr td, 
article.kpi-dash table tr td {
  font-size: 14px;
  line-height: 14px;
  padding: 10px;
  text-align: left;
}

article.ticket-list table.web-dev tr td {
  position: relative;
}

article.ticket-list.in-out table tr td {
  text-align: center !important;
}

article.ticket-list table td a, 
article.kpi-dash table td a {
  font-size: 14px;
}

article.ticket-list table.sfly-table td a {
	color: #000;
}

article.ticket-list table.sfly-table td {
	padding: 8px;
}

article.ticket-list table.sfly-table td a.button {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
}

article.ticket-list table tr td.align-right, 
article.ticket-list table tr th.align-right, 
article.kpi-dash table tr td.align-right, 
article.kpi-dash table tr th.align-right {
  text-align: right;
}

article.ticket-list table tbody tr:last-child, 
article.kpi-dash table tbody tr:last-child {
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
}

article.ticket-list table tbody tr:last-child td:first-child, 
article.kpi-dash table tbody tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

article.ticket-list table tbody tr:last-child td:last-child, 
article.kpi-dash table tbody tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

article.ticket-list table tr td:first-child, 
article.kpi-dash table tr td:first-child {
  padding: 10px 10px 10px 20px;
}

article.ticket-list table.sfly-table tr td:first-child {
  padding: 5px 5px 5px 20px;
}

article.ticket-list table tr td:last-child, 
article.kpi-dash table tr td:last-child {
  padding: 10px 20px 10px 10px;
}

article.ticket-list table.sfly-table tfoot td:last-child {
	padding-right: 20px !important;
}

article.ticket-list table th, 
article.kpi-dash table th {
  background: #fafafa;
  height: 50px;
  vertical-align: middle;
  text-shadow: none;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  border-bottom: 5px solid #aaa;
  text-align: left;
}

article.ticket-list table th:first-child, 
article.ticket-list table th:last-child, 
article.kpi-dash table th:first-child, 
article.kpi-dash table th:last-child {
  padding: 2px 20px;
}

article.ticket-list table th:first-child, 
article.kpi-dash table th:first-child {
  border-radius: 5px 0 0 0;
}

article.ticket-list table th:last-child, 
article.kpi-dash table th:last-child {
  border-radius: 0 5px 0 0;
}

article.ticket-list table tfoot td, 
article.kpi-dash table tfoot td {
  background: none;
  height: 40px;
  vertical-align: middle;
  text-shadow: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 14px;
  padding: 0 10px !important;
}

article.ticket-list table.web-dev tfoot td {
  height: 30px;
  background: #fafafa;
}

article.ticket-list table.web-dev tfoot td:first-of-type {
  border-radius: 0 0 0 5px;
}

article.ticket-list table.web-dev tfoot td:last-of-type {
  border-radius: 0 0 5px 0;
}

article.ticket-list.invoice-list table tfoot td {
	padding: 5px 10px !important;
	height: auto !important;
}

article.ticket-list.invoice-list table tfoot tr:last-child td {
	padding: 5px 10px 15px !important;
}

article.ticket-list table.sfly-table tfoot td {
	text-align: center;
}

body.DLNI article.ticket-list table th, 
body.DLNI article.kpi-dash table th {
  border-bottom-color: #32CF6D;
}

body.DLLV article.ticket-list table th, 
body.DLLV article.kpi-dash table th {
  border-bottom-color: #FF7A54;
}

body.DLMN article.ticket-list table th, 
body.DLMN article.kpi-dash table th {
  border-bottom-color: #DD57FF;
}

body.DLNJ article.ticket-list table th, 
body.DLNJ article.kpi-dash table th {
  border-bottom-color: #399FFF;
}

body.CREEL article.ticket-list table th, 
body.CREEL article.kpi-dash table th {
  border-bottom-color: #718da7;
}

body.limited article.ticket-list table th, 
body.limited article.kpi-dash table th {
	border: none !important;
}

body article.ticket-list table.web-dev th {
  border-bottom: none !important;
}

article.ticket {
  background: none;
  box-shadow: none;
  width: 100%;
  /* float: left; */
  clear: both;
}

article header {
  padding: 0 20px;
  margin: 0 0 20px;
  float: left;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}

article header h1 {
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 28px;
  margin: 0 20px 0 0;
  padding: 0;
}

article header h1 button, 
table.web-dev tbody td button {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  font-size: 28px;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #555;
	cursor: copy;
	position: relative;
}

table.web-dev tbody td button {
  font-size: 14px;
  line-height: 14px;
  height: 14px;
  font-family: Roboto, sans-serif;
}

table.web-dev tbody td button span {
  z-index: 1;
  font-size: 14px;
  line-height: 14px;
  position: relative;
  vertical-align: middle;
}

article header h1 button::before, 
table.web-dev tbody td button::before {
  content: "";
	display: block;
	position: absolute;
	background: #eee;
	left: 0;
	top: 0;
	bottom: 3px;
	right: 0;
	border-radius: 3px;
	z-index: -1;
	opacity: 0;
	transition: all 100ms ease-in-out;
}

table.web-dev tbody td button::before {
  z-index: 0;
  background: rgba(0,0,0,0.075);
}

article header h1 button:hover::before, 
table.web-dev tbody td button:hover::before {
	left: -5px;
	top: -5px;
	bottom: -2px;
	right: -28px;
	border-radius: 6px;
	opacity: 1;
}

table.web-dev tbody td button:hover::before {
  left: -10px;
  bottom: -5px;
}

article header h1 button:active::before, 
table.web-dev tbody td button:active::before {
	background: #fff;
}

article header h1 button::after, 
table.web-dev tbody td button::after {
  content: "\e0c3";
  display: block;
  font-family: workflow;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  right: 0;
  transition: all 100ms ease-in-out;
  top: 0;
  font-size: 20px;
  /* background: #eee; */
  z-index: 1;
	opacity: 0;
}

table.web-dev tbody td button::after {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 18px;
  right: -20px !important;
}

article header h1 button:hover::after, 
table.web-dev tbody td button:hover::after {
	right: -28px;
	opacity: 1;
}

article header h1 button:active::after, 
table.web-dev tbody td button:active::after {
  background: #fff;
}

article header .ticket-state {
  display: block;
  float: left;
  margin: 0 20px 0 0;
}

.statelabel {
  display: none;
}

article.form, 
article.label {
  background: none;
  box-shadow: none;
  width: 1000px;
  margin: 0 auto;
}

article.form table {
  margin: 10px;
}

/* article.form form {
  padding: 10px;
} */

article.form section p b, 
article.form form table tr td b {
  color: crimson;
}

article.form form table tr td:first-child {
  text-align: left;
  /*padding: 13px 10px !important;*/
  width: 100px;
  box-sizing: border-box;
}

article.form form table tr td table tr td:first-child {
  padding: 0 !important;
  width: inherit;
}

#ticket_data_controls {
  padding: 0;
}

#batch_creator_submit_row td {
  padding: 0 !important;
}

body.DLNI article.form section p {
  border-bottom-color: #32CF6D;
}

body.DLLV article.form section p {
  border-bottom-color: #FF7A54;
}

body.DLMN article.form section p {
  border-bottom-color: #DD57FF;
}

body.DLNJ article.form section p {
  border-bottom-color: #399FFF;
}

body.CREEL article.form section p {
  border-bottom-color: #718da7;
}

.prepress-assistant {
  padding: 0;
  box-sizing: border-box;
  background: #eee;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  width: 100%;
  float: left;
  clear: both;
	transition: transform 250ms ease-in-out;
}

.prepress-assistant::before, 
.shelf::before {
  content: "";
  display: block;
  background: #eee;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 75px;
}

.shelf::before {
  top: -75px;
}

.prepress-assistant-inner {
  padding: 20px 20px 20px 320px;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.prepress-assistant h2 {
  font-size: 20px;
  padding: 0 20px;
  margin: 0;
  box-sizing: border-box;
  background: #fafafa;
  line-height: 50px;
  text-transform: uppercase;
}

.prepress-assistant h2.idaho-presses {
  border-radius: 5px 5px 0 0;
}

.prepress-assistant h2.jersey-presses {
  border-radius: 0 0 5px 5px;
}

.prepress-assistant .button:hover {
  color: #fff !important;
}

.prepress-assistant form.split {
  display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-start;
  padding: 0;
  margin: 0;
  width: 100%;
  float: none;
}

.prepress-assistant ul.prepress-info, 
.prepress-assistant ul.prepress-form {
  width: 320px;
	min-width: 320px;
	box-sizing: border-box;
  display: block;
  padding: 70px 20px 20px;
  margin: 0 20px 0 0;
  list-style-type: none;
  position: relative;
  background: #f5f5f5;
  box-shadow: 0 0 5px #ddd;
  border-radius: 5px;
}

.prepress-assistant ul.prepress-info h2, 
.prepress-assistant ul.prepress-form h2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
  border-radius: 5px 5px 0 0;
}

/* .prepress-assistant .prepress-presses h2 {} */

.prepress-assistant ul.prepress-form {
  width: 250px;
}

.prepress-presses {
  margin: 0;
  padding: 0;
  position: relative;
  background: #f5f5f5;
  box-shadow: 0 0 5px #ddd;
  border-radius: 5px;
}

.prepress-presses .accordion {
  position: initial;
  padding: 20px;
  display: none;
}

.prepress-presses .accordion.ui-accordion-content-active {
  display: block;
}

/* .prepress-presses h3.title {} */

ul.press-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

li.press {
  font-size: 12px;
  color: #000;
  margin: 5px !important;
  line-height: 12px;
  position: relative;
  display: inline-block;
  height: 90px;
  overflow: hidden;
}

li.press label {
  display: block;
  height: 60px;
  padding: 10px 0 20px;
  width: 100% !important;
  position: absolute;
  cursor: pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: transparent;
  font-size: 12px;
  text-align: center;
  background-position: center 10px;
  background-repeat: no-repeat;
  color: #000;
  opacity: 0.6;
  text-transform: none !important;
}

/*.indigo5000 label {background-image: url(/images/press-indigo5000.png);}*/
/*.indigo5500 label {background-image: url(/images/press-indigo5500.png);}*/
/*.indigo7000 label {background-image: url(/images/press-indigo7000.png);}*/
/*.indigo7250 label {background-image: url(/images/press/indigo-7250.svg); background-size: 95% auto;}*/
/*.indigo7500 label {background-image: url(/images/press-indigo7500.png);}*/
/*.indigo7600 label {background-image: url(/images/press-indigo7500.png);}*/
/*.indigo7800 label {background-image: url(/images/press/indigo-7900.svg);}*/
/*.indigo12000 label {background-image: url(/images/press/indigo-12000.svg);}*/
/*.indigo50000 label {background-image: url(/images/press/indigo-50000.svg);}*/
/*.xerox800 label {background-image: url(/images/press-xerox800.png);}*/
/*.xeroxigen4 label {background-image: url(/images/press-xeroxigen4.png);}*/
/*.xeroxhlc label {background-image: url(/images/press-xeroxhlc.png);}*/
/*.xeroxnuvera label {background-image: url(/images/press-xeroxnuvera.png);}*/
/*.meteordp60 label {background-image: url(/images/press-meteordp60.png);}*/
/*.mach5 label {background-image: url(/images/press-mach5.png);}*/

.indigo5000, .indigo5500 { width: 100px; }
.indigo7000, .indigo7500, .indigo7600, .indigo7800 { width: 130px; }
.indigo7250 { width: 240px; }
.indigo12000 { width: 180px; }
.indigo50000 { width: 440px; }
.indigo120k { width: 205px; }
.canoncolorado1650 { width: 130px; }
.konicaminoltaaccuriojetkm1 { width: 125px; }
.xerox800 { width: 100px; }
.xeroxigen4 { width: 100px; }
.xeroxhlc { width: 100px; }
.xeroxnuvera { width: 100px; }
.xeroxversant180 { width: 120px; }
.meteordp60 { width: 100px; }
.mach5 { width: 60px; }

li.press label::before {
	display: block;
	height: 100%;
	width: 90%;
	margin: 0 auto;
}

.indigo5000 label::before {
	content: url(/images/press-indigo5000.png);
}

.indigo5500 label::before {
	content: url(/images/press-indigo5500.png);
}

.indigo7250 label::before {
	content: url(/images/press/indigo-7250.svg);
}

.indigo7000 label::before, 
.indigo7500 label::before, 
.indigo7600 label::before, 
.indigo7800 label::before {
	content: url(/images/press/indigo-7900.svg);
}

.indigo10000 label::before, 
.indigo12000 label::before {
	content: url(/images/press/indigo-12000.svg);
}

.indigo50000 label::before {
	content: url(/images/press/indigo-50000.svg);
}

.indigo120k label::before {
	content: url(/images/press/indigo-120k.svg);
}

.canoncolorado1650 label::before {
	content: url(/images/press/canon-colorado-1650.svg);
}

.konicaminoltaaccuriojetkm1 label::before {
	content: url(/images/press/konica-minolta-accuriojet-km1.svg);
}

.xerox800 label::before {
	content: url(/images/press/xerox800.png);
}

.xeroxigen4 label::before {
	content: url(/images/press/xeroxigen4.png);
}

.xeroxhlc label::before {
	content: url(/images/press/xeroxhlc.png);
}

.xeroxnuvera label::before {
	content: url(/images/press/xeroxnuvera.png);
}

.xeroxversant180 label::before {
	content: url(/images/press/xerox-versant-180.svg);
}

.meteordp60 label::before {
	content: url(/images/press/meteordp60.png);
}

.mach5 label::before {
	content: url(/images/press/mach5.png);
}

input.pressbox[type="checkbox"]:checked + label {
  opacity: 1;
  background-color: rgba(217,249,145,1);
}

li.press span {
  display: block;
  width: 100px;
  height: 60px;
  position: absolute;
  right: 0;
  top: 0;
}

input.pressbox {
  line-height: 12px;
  position: absolute;
  left: -50px;
  bottom: -50px;
  z-index: 0;
  margin: 0;
}

.prepress-assistant .split li {
  padding: 0;
  margin: 0 0 5px;
  font-size: 14px;
  vertical-align: top;
}

.prepress-assistant .split .prepress-info li {
  display: flex;
	flex-flow: row nowrap;
}

.prepress-assistant .split li:last-child {
  margin: 0;
}

.prepress-assistant .split li strong, 
.prepress-assistant .split li label {
  text-transform: uppercase;
  width: 115px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}

.prepress-assistant .split li label.press-set {
	display: block;
	width: inherit;
}

.prepress-assistant .split li label.press-set span {
	width: 115px !important;
}

.prepress-assistant .split li span {
  width: 160px;
  display: inline-block;
  vertical-align: top;
	overflow-wrap: break-word;
}

.prepress-assistant .split ul.prepress-form li span {
  width: auto;
}

.prepress-assistant .split li label {
  vertical-align: middle;
}

.prepress-assistant .split li input[type="text"] {
  background: #fafafa;
  height: 25px;
  line-height: 25px;
}

aside {
  width: 300px;
  position: fixed;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  background: #2E343C;
  left: 60px;
  top: 0;
  z-index: 30;
  /*box-shadow: inset 10px 0 10px rgba(0,0,0,0.2);*/
	transition: transform 250ms ease-in-out;
}

body.active-menu aside {
  transform: translateX(100px);
}

.sidebar-toggle, 
.menu-toggle {
  display: none;
}

.sidebar-inner {
/*  background: rgba(0,0,0,0.4);*/
  position: relative;
  min-height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 30px;
}

aside section {
  width: 100%;
	box-sizing: border-box;
	padding: 80px 20px 20px;
	position: relative;
}

aside section.no-heading {
	padding: 20px;
}

aside section.accordion, 
aside section.accordion:last-child {
	padding: 60px 20px 0 !important;
}

aside section.accordion ul.buttons {
	padding: 20px 0;
}

aside section.accordion.open div {
	height: auto !important;
  max-height: 100% !important;
}

aside section.client-logos {
	padding: 20px;
}

aside section:last-child {
  padding: 80px 20px 50px !important;
}

aside section.no-heading:last-child {
	padding: 20px 20px 50px !important;
}

aside section form.mini-form {
  padding: 0 20px 10px;
}

aside section ul li {
  color: #fff;
}

aside section ul li form.mini-form {
  padding: 10px 20px 10px;
}

aside section h2 {
  width: 100%;
  box-sizing: border-box;
  height: 60px;
  margin: 0;
  padding: 0 20px;
  font-size: 20px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  background: rgba(0,0,0,0.15);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0.3+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position: absolute;
  left: 0;
  top: 0;
  border-right: 5px solid #aaa;
}

body.DLNI aside section h2 {
	border-color: #32CF6D;
}

body.DLLV aside section h2 {
	border-color: #FF7A54;
}

body.DLMN aside section h2 {
	border-color: #DD57FF;
}

body.DLNJ aside section h2 {
	border-color: #399FFF;
}

body.CREEL aside section h2 {
	border-color: #718da7;
}

body.limited aside section h2 {
	border: none !important;
}

aside section h2 span {
	float: right;
}

aside section h3 {
  color: #fff;
  text-transform: uppercase;
  background: rgba(0,0,0,0.2);
  font-weight: normal;
  padding: 5px 10px;
  margin: 10px 0;
}

aside section .cons-info h3 {
	background: none;
}

aside p {
	margin: 0 0 15px;
	padding: 0;
	color: #eee;
	font-size: 16px;
}

aside p.tip {
	background: rgba(0,0,0,0.4);
	left: -20px;
  top: -20px;
  position: relative;
  right: -20px;
  width: 300px;
  margin: 0;
  padding: 6px 20px;
  box-sizing: border-box;
  font-size: 14px;
}

aside p.tip span {
	float: right;
}

aside li {
	margin: 0;
	padding: 0;
	color: #eee;
	font-size: 16px;
}

aside .client-logo {
	margin: 0 auto;
	max-width: 260px;
	height: auto;
	display: block;
}

aside .client-logo:not(:last-child) {
	margin: 0 auto 20px;
}

nav {
  height: 100%;
  width: 360px;
  position: fixed;
  left: -300px;
  top: 0;
  background: #2E343C;
  z-index: 35;
  /*box-shadow: inset -10px 0 10px rgba(0,0,0,0.2);*/
  transition: all 250ms ease-in-out;
}

nav.active-menu {
  transform: translateX(300px);
	box-shadow: 0 0 20px rgba(0,0,0,0.5);
	overflow: visible;
}

nav ul.menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 100%;
  /*position: fixed;*/
  right: 0;
  top: 0;
  background: rgba(0,0,0,0.2);
  z-index: 20;
  overflow-y: auto;
	overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  min-width: 60px;
}

nav ul.menu li.menu-item, 
nav ul.menu li.menu-item-alt, 
singletontag li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  /*overflow: hidden;*/
  width: 360px;
  min-width: 60px;
  height: 60px;
  position: relative;
  transition: background 0.15s;
  box-sizing: border-box;
}


nav ul.menu li.menu-item ul li.menu-title {
  margin: 0 0 10px;
  padding: 0;
  width: 300px;
  position: relative;
}

li.menu-title.with-sub {
  margin: 0 !important;
}

.menu-sub-title {
  text-indent: 15px;
  line-height: 40px !important;
  text-transform: uppercase;
  background: rgba(0,0,0,0.15);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0+100 */
  background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  cursor: default;
  color: #fff;
}

.menu-sub-title.menu-spacer {
  margin: 20px 0 0 !important;
}

.location-menu .menu-sub-title {
	padding: 6px 10px;
	line-height: 100% !important;
	text-indent: 0;
	margin: 10px 0 0;
	background: #eee;
	color: inherit;
}

.location-menu .menu-sub-title:first-of-type {
	margin: 0;
}

nav ul.menu li.menu-item ul li h3 {
  margin: 0;
  padding: 0 20px;
  font-size: 20px;
  line-height: 57.5px;
  height: 60px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  background: #aaa;
  position: relative;
  z-index: 1;
}

nav ul.menu li.menu-item ul li h3::after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 5px;
  right: 0;
  background: #2e343cbf;
  content: "";
  z-index: -1;
}

ul.menu-sub-menu {
  padding: 0;
  border-top: 1px solid rgba(0,0,0,0.2);
  border-bottom: 1px solid rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.1);
	display: none;
}

ul.menu-sub-menu li a {
	padding-left: 60px !important;
}

.menu-item ul li ul.menu-sub-menu li {
	padding: 0 10px 0 0;
}

body.DLNI nav ul.menu li.menu-item ul li h3 {
  background: #32CF6D;
}

body.DLLV nav ul.menu li.menu-item ul li h3 {
  background: #FF7A54;
}

body.DLMN nav ul.menu li.menu-item ul li h3 {
  background: #DD57FF;
}

body.DLNJ nav ul.menu li.menu-item ul li h3 {
  background: #399FFF;
}

body.CREEL nav ul.menu li.menu-item ul li h3 {
  background: #718da7;
}

#content {
  margin: 0;
  padding: 75px 0 0 60px;
  box-sizing: border-box;
	/*display: table;*/
	width: 100%;
	height: 100%;
}

.content-inner {
  margin: 0;
  padding: 20px;
  width: 100%;
  float: left;
  clear: both;
  box-sizing: border-box;
	transition: transform 250ms ease-in-out;
}

.content-inner::before {
    content: "";
    display: block;
    width: 100%;
    height: 90px;
    z-index: 10;
    left: 0;
    top: 0;
    position: fixed;
    background: #ddd;
    backdrop-filter: blur(10px);
    /* box-shadow: inset 0 0 10px transparent; */
    mask-image: -gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
}

body.no-chrome .content-inner::before {
  display: none;
}

body.active-menu .content-inner, 
body.active-menu .prepress-assistant {
  transform: translateX(100px);
}

#modal .content-inner {
  padding: 20px 0 0;
}

.content-inner p.tip {
	padding: 0 20px;
	margin: 0 0 20px;
	font-size: 14px;
}

body#sidebar .content-inner {
  margin: 0;
  padding: 20px 20px 20px 320px;
}

body#ticket-sidebar .content-inner {
  margin: 0;
  padding: 20px 320px 0 20px;
}

header.header {
  height: 60px;
  background: rgba(255,255,255,0.8);
  position: fixed;
  top: 15px;
  right: 20px;
  left: 80px;
  border-radius: 30px;
  z-index: 25;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
	transition: transform 250ms ease-in-out;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

body.active-menu header.header {
  transform: translateX(100px);
}

body#sidebar header.header {
  left: 380px;
}

/* body.DLNI header {
  border-bottom-color: #32CF6D;
} */

/* body.DLLV header {
  border-bottom-color: #FF7A54;
} */

/* body.DLMN header {
  border-bottom-color: #DD57FF;
} */

/* body.CREEL header {
  border-bottom-color: #718da7;
} */

.logo {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	background: #2E343C;
}

.logo a {
	height: 60px;
	width: 60px;
	padding: 0;
	box-sizing: border-box;
	color: #2E343C;
	transition: all .2s ease;
	display: block;
	white-space: nowrap;
	background: rgba(0,0,0,0.4);
}

.logo a:hover {
	color: transparent;
}

.logo a::before {
	content: "\e118";
	font-family: workflow;
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	font-size: 36px;
	line-height: 60px;
	transition: all .2s;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	color: #aaa;
}

.logo a div.logo-text {
	display: none;
	/*display: inline-block;
	height: auto;
	padding: 5px 0;
	text-transform: uppercase;
	font: normal 24px/24px 'bebas_neue_regularregular';
	transform: translateX(-17px);
	color: #2E343C;
	position: relative;
	margin: 13px 0 0;
	transition: opacity 0.3s ease;
	opacity: 1;*/
}

.logo.active-menu a div.logo-text {
	opacity: 0 !important;
}

/* .logo.active-menu a {} */

.logo a:hover::before {
  color: #fff !important;
  content: "\e0f4";
  font-size: 28px;
}

body.DLNI .logo a::before {
  color: #32CF6D;
}

body.DLLV .logo a::before {
  color: #FF7A54;
}

body.DLMN .logo a::before {
  color: #DD57FF;
}

body.limited .logo a::before {
	color: #555;
}

body.DLNJ .logo a::before {
  color: #399FFF;
}

body.CREEL .logo a::before {
  color: #718da7;
}

.logo a:hover div.logo-text {
	opacity: 0;
	transition: opacity 0.5s ease;
}

.logo a div.logo-text.home-link {
	position: absolute;
	left: 60px;
	opacity: 0;
	transition: opacity 0.5s ease;
}

.logo a:hover div.logo-text.home-link {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.logo a div.logo-text::before, 
.logo a div.logo-text::after {
	display: block;
	position: absolute;
	right: 0px;
	height: 2px;
	background: #aaa;
	content: "";
	transition: all 0.3s ease;
}

.logo a div.logo-text::before {
	left: 0px;
	top: 2px;
}

.logo a div.logo-text::after {
	left: 9px;
	bottom: 3px;
}

body.DLNI .logo a div.logo-text::before, 
body.DLNI .logo a div.logo-text::after {
	background: #32CF6D !important;
}

body.DLLV .logo a div.logo-text::before, 
body.DLLV .logo a div.logo-text::after {
  background: #FF7A54 !important;
}

body.DLMN .logo a div.logo-text::before, 
body.DLMN .logo a div.logo-text::after {
  background: #DD57FF !important;
}

body.DLNJ .logo a div.logo-text::before, 
body.DLNJ .logo a div.logo-text::after {
  background: #399FFF !important;
}

body.CREEL .logo a div.logo-text::before, 
body.CREEL .logo a div.logo-text::after {
  background: #718da7 !important;
}

/*body.DLNI .logo {
	color: #32CF6D;
}

body.DLLV .logo {
  color: #FF7A54;
}

body.DLMN .logo {
  color: #DD57FF;
}

body.DLNJ .logo {
  color: #399FFF;
}

body.CREEL .logo {
  color: #718da7;
}*/

nav ul.menu ul.full-menu {
  width: 300px;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  left: 0;
  top: 0;
  position: fixed;
  z-index: 20;
  padding: 0;
  margin: 0;
  /*box-shadow: 5px 0 5px rgba(0,0,0,0.2);*/
  background: #2E343C;
  -webkit-overflow-scrolling: touch;
  /*transform: translateX(-720px);*/
  transform: translateX(-360px);
  transition: all 200ms ease-in-out;
}

nav ul.menu li.active-menu ul.full-menu {
  /*transform: translateX(-360px);*/
  z-index: 30;
	transform: translateX(0);
  transition: none;
}

li.menu-sub-item a svg {
  margin: 0 4px 3px 3px;
  vertical-align: middle;
}

.menu-item ul li {
  list-style-type: none;
  margin: 0;
  padding: 0 10px;
  font-size: 18px;
  line-height: 30px;
  width: 280px;
  position: relative;
}

.menu-item ul li a {
  font-size: 16px;
  line-height: 28px;
  padding: 0 10px;
  display: block;
  background: transparent;
  transition: background 0.1s, color 0.1s;
  color: rgba(255,255,255,0.8);
}

.menu-item ul li a.sub-menu-toggle {
	display: inline-block !important;
	position: absolute;
	top: 0;
	/*background: #fff;*/
	width: 28px;
	height: 28px;
	padding: 0 !important;
	text-indent: -99999px;
}

.menu-item ul li a.sub-menu-toggle::before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-indent: initial !important;
	text-align: center;
	font-family: workflow;
	transition: transform 0.5s;
	content: "S";
}

.menu-item ul li.menu-sub-sub-item:hover a.sub-menu-toggle::before {
  color: #2e343c;
}

.menu-item ul li.selected a.sub-menu-toggle::before {
	transform: rotate(90deg);
}

.menu-item ul li:last-of-type {
	margin-bottom: 40px;
}

.menu-item ul.menu-sub-menu li:last-child, 
.menu-item ul.menu-sub-menu li:last-of-type {
  margin-bottom: 0px;
}

.menu ul li a span.amount {
  float: right;
}

.menu ul li a:hover span.amount {
  color: #2e343c !important;
}

body.DLNI .menu ul li a span.amount {
  color: #32CF6D;
}

body.DLLV .menu ul li a span.amount {
  color: #FF7A54;
}

body.DLMN .menu ul li a span.amount {
  color: #DD57FF;
}

body.DLNJ .menu ul li a span.amount {
  color: #399FFF;
}

body.CREEL .menu ul li a span.amount {
  color: #718da7;
}

.menu ul li a:hover, 
.menu ul li a:active {
  background-color: #aaa;
  color: #2e343c;
}

body.DLNI .menu ul li a:hover, 
body.DLNI .menu ul li a:active {
  background-color: #32CF6D;
}

body.DLLV .menu ul li a:hover, 
body.DLLV .menu ul li a:active {
  background-color: #FF7A54;
}

body.DLMN .menu ul li a:hover, 
body.DLMN .menu ul li a:active {
  background-color: #DD57FF;
}

body.DLNJ .menu ul li a:hover, 
body.DLNJ .menu ul li a:active {
  background-color: #399FFF;
}

body.CREEL .menu ul li a:hover, 
body.CREEL .menu ul li a:active {
  background-color: #718da7;
}

.menu ul li .sitelist-link a:hover, 
.menu ul li .sitelist-link a:active {
  background-color: rgba(0,0,0,0.3) !important;
}

/*.menu-item::before {
  width: 60px;
  height: 60px;
  display: block;
  color: rgba(255, 255, 255, 0.75);
  font: 24px/50px workflow;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  z-index: 15;
  position: relative;
  transition: background 0.15s;
  -webkit-font-smoothing: antialiased;
}*/

a.menu-trigger::before {
  content: '';
  width: 60px;
  height: 60px;
  display: none;
  color: #aaa;
  font: 24px/48px workflow;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  z-index: 15;
  position: absolute;
  left: 0;
  top: 0;
  text-transform: none;
  transition: background 0.15s;
  -webkit-font-smoothing: antialiased;
}

a.menu-trigger svg {
  color: #aaa;
  width: 24px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 42%;
  margin: -12px 0 0 -12px;
}

a.menu-trigger svg path {
  stroke: #aaa;
}

body.DLNI .menu-item::before {
  -moz-text-shadow: 0 0 0 #32CF6D;
  text-shadow: 0 0 0 #32CF6D;
}

body.DLNI a.menu-trigger svg {
  color: #32CF6D;
}

body.DLNI a.menu-trigger svg path {
  stroke: #32CF6D;
}

body.DLNI li.sfly a.menu-trigger svg path, 
body.DLNI li.uhg a.menu-trigger svg path {
  fill: #32CF6D;
}

body.DLLV .menu-item::before {
  -moz-text-shadow: 0 0 0 #FF7A54;
  text-shadow: 0 0 0 #FF7A54;
}

body.DLLV a.menu-trigger svg {
  color: #FF7A54;
}

body.DLLV a.menu-trigger svg path {
  stroke: #FF7A54;
}

body.DLLV li.sfly a.menu-trigger svg path, 
body.DLLV li.uhg a.menu-trigger svg path {
  fill: #FF7A54;
}

body.DLMN .menu-item::before {
  -moz-text-shadow: 0 0 0 #DD57FF;
  text-shadow: 0 0 0 #DD57FF;
}

body.DLMN a.menu-trigger svg {
  color: #DD57FF;
}

body.DLMN a.menu-trigger svg path {
  stroke: #DD57FF;
}

body.DLMN li.sfly a.menu-trigger svg path, 
body.DLMN li.uhg a.menu-trigger svg path {
  fill: #DD57FF;
}

body.DLNJ .menu-item::before {
  -moz-text-shadow: 0 0 0 #399FFF;
  text-shadow: 0 0 0 #399FFF;
}

body.DLNJ a.menu-trigger svg {
  color: #399FFF;
}

body.DLNJ a.menu-trigger svg path {
  stroke: #399FFF;
}

body.DLNJ li.sfly a.menu-trigger svg path, 
body.DLNJ li.uhg a.menu-trigger svg path {
  fill: #399FFF;
}

body.CREEL .menu-item::before {
  -moz-text-shadow: 0 0 0 #718da7;
  text-shadow: 0 0 0 #718da7;
}

body.CREEL a.menu-trigger svg {
  color: #718da7;
}

body.CREEL a.menu-trigger svg path {
  stroke: #718da7;
}

.menu-item a.menu-trigger, 
.menu-home a {
  width: 60px;
  height: 60px;
  line-height: 92px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  z-index: 16;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 8px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff !important;
  transition: color 0.1s, background 0.1s;
}

.menu-item.inv a.menu-trigger {
  letter-spacing: 0px;
}

.menu-item:hover a.menu-trigger, 
.menu-home:hover a {
	color: #fff !important;
	-moz-text-shadow: none;
	text-shadow: none;
	/*background: rgba(0,0,0,0.25);*/
	background: #2E343C;
}

.menu-item.active-menu a.menu-trigger {
	background: none !important;
	color: #aaa;
}

.menu-item:hover::before {
	-moz-text-shadow: none;
	text-shadow: none;
}

body.DLNI .menu-item.active-menu a.menu-trigger {
	color: #32CF6D;
}

body.DLLV .menu-item.active-menu a.menu-trigger {
	color: #FF7A54;
}

body.DLMN .menu-item.active-menu a.menu-trigger {
	color: #DD57FF;
}

body.DLNJ .menu-item.active-menu a.menu-trigger {
	color: #399FFF;
}

body.CREEL .menu-item.active-menu a.menu-trigger {
	color: #718da7;
}

.menu-item.active-menu a.menu-trigger {
	color: #fff !important;
}

/* .menu-home {
	display: none;
} */

.menu-home:hover a, 
.menu-home:hover a::before {
	color: #fff;
}

/* .menu-item:hover::before, 
.menu-item:active::before {} */

.menu-item.active-menu {
	background: #2E343C;
}

.menu-home a::before {
  content: "\e0f4";
  width: 60px;
  height: 60px;
  display: none;
  color: #aaa;
  font: 26px/50px workflow;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  z-index: 15;
  position: absolute;
  transition: background 0.25s;
  text-indent: 0;
}

.menu-home a svg {
  color: #aaa;
  position: absolute;
  left: 50%;
  top: 42%;
  margin: -12px 0 0 -12px;
}

.menu-home a svg path {
  stroke: #aaa;
}

body.DLNI .menu-home:hover::before a {
  color: #32CF6D;
}

body.DLNI .menu-home a svg {
  color: #32CF6D;
}

body.DLNI .menu-home a svg path {
  stroke: #32CF6D;
}

body.DLLV .menu-home:hover::before a {
  color: #FF7A54 !important;
}

body.DLLV .menu-home a svg {
  color: #FF7A54;
}

body.DLLV .menu-home a svg path {
  stroke: #FF7A54;
}

body.DLMN .menu-home:hover::before a {
  color: #DD57FF !important;
}

body.DLMN .menu-home a svg {
  color: #DD57FF;
}

body.DLMN .menu-home a svg path {
  stroke: #DD57FF;
}

body.DLNJ .menu-home:hover::before a {
  color: #399FFF;
}

body.DLNJ .menu-home a svg {
  color: #399FFF;
}

body.DLNJ .menu-home a svg path {
  stroke: #399FFF;
}

body.CREEL .menu-home:hover::before a {
  color: #718da7;
}

body.CREEL .menu-home a svg {
  color: #718da7;
}

body.CREEL .menu-home a svg path {
  stroke: #718da7;
}

.menu-item.tickets a.menu-trigger::before {
  content: "'";
}

.menu-item.reports a.menu-trigger::before {
  content: "\e0f2";
}

.menu-item.financial a.menu-trigger::before {
  content: "\e0f0";
}

.menu-item.tools a.menu-trigger::before {
  content: "*";
}

.menu-item.sfly a.menu-trigger::before {
  content: "\e112";
}

.menu-item.inv a.menu-trigger::before {
  content: "\e0C2";
}

.menu-item.uhg a.menu-trigger::before {
  content: "\e0bf";
}

.menu-item.part a.menu-trigger::before {
  content: "\e113";
}

.menu-item.links a.menu-trigger::before {
  content: "\e095";
}

.menu-item.cs a.menu-trigger::before {
  content: "\e092";
}

.menu-item.sites a.menu-trigger::before {
  content: "\e0b1";
}

.menu-item:hover a.menu-trigger::before {
	color: #fff;
}

.menu-item.active-menu a.menu-trigger::before {
	color: #aaa;
}

body.DLNI .menu-home a::before, 
body.DLNI .menu-item a.menu-trigger::before {
  color: #32CF6D;
}

body.DLLV .menu-home a::before, 
body.DLLV .menu-item a.menu-trigger::before {
  color: #FF7A54;
}

body.DLMN .menu-home a::before, 
body.DLMN .menu-item a.menu-trigger::before {
  color: #DD57FF;
}

body.DLNJ .menu-home a::before, 
body.DLNJ .menu-item a.menu-trigger::before {
  color: #399FFF;
}

body.CREEL .menu-home a::before, 
body.CREEL .menu-item a.menu-trigger::before {
  color: #718da7;
}

.menu-item.active-menu a.menu-trigger::before {
	color: #fff !important;
}

.menu ul li hr {
  margin: 10px;
  height: 2px;
  background: #ccc;
  border: none;
}

span.site-links {
  float: right;
}

.sites li.site {
  vertical-align: middle;
  font-size: 16px;
}

.sites li.site a {
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 25px;
  text-indent: -2000px;
  position: relative;
  z-index: 10;
  padding: 0;
  margin: 0;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.sites li.site a::before {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-indent: 0;
  content: ".";
  color: #aaa;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 25px;
  font-family: workflow;
  font-size: 14px;
}

.sites li.site a:hover::before, 
.sites li.site a:active::before {
  color: #fff;
}

.sites li.site a.sitelist-admin::before {
  content: "\e080";
}

.sites li.site a.sitelist-user::before {
  content: "\e015";
}

.sites li.site img {
  max-height: 25px;
  max-width: 25px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 0 0;
}

.sites ul {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.sites table {
	border: 0;
	background: none;
}

.sites table thead {
	display: none;
}

.sites table tr {
	background: none !important;
}

.sites table td {
	padding: 0;
	font-size: 15px;
	line-height: 15px;
	border: none !important;
}

.sites table .sitelist-logo {
	width: 25px;
}

.sites table .sitelist-name {
	padding: 5px 15px;
	color: rgba(255,255,255,0.5);
}

.sites table .sitelist-code {
	display: none;
}

.sites table .sitelist-inactive {
	display: none;
}

.sites table .sitelist-demo {
	display: none;
}

.sites table .sitelist-nonpageflex {
	display: none;
}

.sites table img {
	max-height: 25px;
	max-width: 25px;
}

.sites .dataTables_info {
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	padding: 10px 0;
	color: rgba(255,255,255,0.5);
}

.sites .dataTables_length {
	display: none;
}

.sites .dataTables_filter {
	position: relative;
	margin: 0 0 10px;
	font-size: 0px;
}

.sites .dataTables_filter input {
	text-indent: 55px;
	width: 100%;
	padding: 0;
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
	color: #fff;
}

.sites .dataTables_filter::before {
  font: 26px/40px workflow;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.1);
  display: block;
  float: left;
  color: rgba(255,255,255,0.5);
  text-indent: 0;
  text-align: center;
  content: "V";
  position: absolute;
  left: 0;
  top: 0;
}

.sites table .sitelist-link a {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	text-indent: -2000px;
	position: relative;
	z-index: 10;
	padding: 0 !important;
	margin: 0;
	border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	background: none;
}

.sites table .sitelist-link a::before {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-indent: 0;
	content: ".";
	color: #aaa;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 25px;
	font-family: workflow;
	font-size: 14px;
  background-size: 16px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.sites table .sitelist-link a:hover::before, 
.sites table .sitelist-link a:active::before {
  color: #fff;
}

.sites table .sitelist-link a.admin::before {
  /* content: "\e080"; */
  content: "";
  background-image: url(/images/icons/admin.svg)
}

.sites table .sitelist-link a.user::before {
  /* content: "\e015"; */
  content: "";
  background-image: url(/images/icons/user.svg)
}

div#lookupbox {
  position: relative;
  padding: 10px 0 10px 10px;
  margin: 0;
  box-sizing: border-box;
  width: 100%;
}

div#lookupbox a {
  opacity: .7;
  transition: opacity .3s;
}

div#lookupbox:hover a {
  opacity: 1;
}

a.advanced-search-link {
  height: 40px;
  width: 40px;
  position: absolute;
  z-index: 15;
  right: 0;
  top: 10px;
  text-indent: -20000px;
}

a.advanced-search-link::before {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  overflow: hidden;
  color: #aaa;
  content: "\e0f6";
  font: 26px/40px workflow;
  text-align: center;
  text-indent: 0;
  -webkit-font-smoothing: antialiased;
}

div#lookupbox label {
  height: 0;
  width: 0;
  position: absolute;
  text-indent: -2000px;
}

div#lookupbox label::after {
  font: 26px/40px workflow;
  width: 40px;
  height: 40px;
  /* background: rgba(0,0,0,0.07); */
  display: block;
  float: left;
  color: #505050;
  text-indent: 0;
  text-align: center;
  content: "V";
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 20px 0 0 20px;
  -webkit-font-smoothing: antialiased;
}

#searchbox {
  background: rgba(0,0,0,0.07) !important;
  border: none;
  height: 40px;
  width: 100%;
  display: block;
  padding: 0;
  margin: 0;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  line-height: 40px;
  text-indent: 55px;
  box-sizing: border-box;
  border-radius: 20px;
  transition: all .1s;
  font: 16px "Roboto", Arial, Geneva, sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

#searchbox:focus {
  outline: 0;
  background: rgba(0,0,0,0.02) !important;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.15);
}

.hidebutton {
  border: none;
  width: 0px;
  margin: 0px;
  padding: 0px;
  background: transparent;
  color: inherit;
  display: block;
  position: absolute;
  left: -1000%;
}

.header-menu {
  height: 60px;
  margin: 0 0 0 10px;
}

.header-menu ul {
  padding: 0;
  margin: 0;
  height: 60px;
  list-style-type: none;
  display: flex;
  flex-flow: row nowrap;
}

.header-menu ul li {
  padding: 0;
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  /* vertical-align: top; */
  position: relative;
  display: block;
}

.header-menu ul li ul {
  width: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
  position: absolute;
  top: 60px;
  right: 0;
  display: block;
}

.header-menu ul li ul li {
  display: block;
  float: none;
  height: inherit;
  width: auto;
  white-space: nowrap;
}

.header-menu ul li ul li a {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  display: block;
  padding: 0 10px;
  color: #555;
}

.header-menu ul li ul li a:hover {
  color: #2e343c;
  background: #aaa;
}

body.DLNI .header-menu ul li ul li a:hover {
  background: #32CF6D;
}

body.DLLV .header-menu ul li ul li a:hover {
  background: #FF7A54;
}

body.DLMN .header-menu ul li ul li a:hover {
  background: #DD57FF;
}

body.DLNJ .header-menu ul li ul li a:hover {
  background: #399FFF;
}

body.CREEL .header-menu ul li ul li a:hover {
  background: #718da7;
}

.header-menu ul li:hover ul, 
.header-menu ul li:active ul {
  min-width: 150px;
  width: auto;
  height: auto;
  max-height: 400px;
  overflow: hidden;
  background: #fff;
  list-style-type: none;
  padding: 10px;
  border-bottom: 5px solid #aaa;
}

body.DLNI .header-menu ul li:hover ul {
  border-bottom-color: #32CF6D;
}

body.DLLV .header-menu ul li:hover ul {
  border-bottom-color: #FF7A54;
}

body.DLMN .header-menu ul li:hover ul {
  border-bottom-color: #DD57FF;
}

body.DLNJ .header-menu ul li:hover ul {
  border-bottom-color: #399FFF;
}

body.CREEL .header-menu ul li:hover ul {
  border-bottom-color: #718da7;
}

.header-menu ul .user-profile-picture {
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: relative;
  padding: 10px;
  left: inherit;
  top: inherit;
  cursor: pointer;
}

.header-menu ul .user-profile-picture img {
  display: block;
  position: relative;
  padding: 0;
  width: 40px;
}

.header-menu ul .user-profile-picture a {
	display: block;
	position: relative;
	width: 40px;
	overflow: hidden;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.header-menu ul .user-profile-picture a::before {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: #000;
	content: "";
	display: block;
	transition: all 200ms ease-in-out;
	z-index: 1;
}

.header-menu ul .user-profile-picture a:hover::before {
	opacity: .2;
}

.header-menu ul .user-profile-picture a::after {
	text-align: center;
	width: 40px;
	height: 40px;
	display: block;
	content: "\e015";
	font: 24px/40px workflow;
	position: absolute;
	color: rgba(255,255,255,0.95);
	transition: all 200ms ease-in-out;
	z-index: 1;
	opacity: 0;
	top: 0;
}

.header-menu ul .user-profile-picture a:hover::after {
	opacity: 1;
}

.header-menu ul .logout a {
	text-indent: 60px;
	white-space: nowrap;
	overflow: hidden;
	width: 60px;
	height: 60px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	position: relative;
}

.header-menu ul .logout a::before {
	text-indent: 0;
	text-align: center;
	width: 40px;
	height: 40px;
	display: block;
	content: "\e0be";
	font: 24px/40px workflow;
	border-radius: 50%;
	background: #eee;
	position: absolute;
	transition: all 200ms ease-in-out;
}

.header-menu ul .logout a:hover::before {
	background: #ddd;
}

.header-menu ul li.location-menu h3 {
  width: 60px;
  height: 60px;
  overflow: hidden;
  text-indent: -2000px;
  margin: 0;
  position: relative;
}

.header-menu ul li.location-menu h3 a {
  width: 60px;
  height: 60px;
  overflow: hidden;
  text-indent: -2000px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.header-menu ul li.location-menu h3::after {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: 0px;
  text-align: center;
  content: "\e09a";
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 5;
  font: 30px/42px workflow;
  -webkit-font-smoothing: antialiased;
  background: #eee;
  border-radius: 20px;
}

.header-menu ul li.location-menu h3.DLNI::after {
  content: "M";
  color: #32CF6D;
  font-family: StateFaceRegular;
}

.header-menu ul li.location-menu h3.DLLV::after {
  content: "g";
  color: #FF7A54;
  font-family: StateFaceRegular;
}

.header-menu ul li.location-menu h3.DLMN::after {
  content: "W";
  color: #DD57FF;
  font-family: StateFaceRegular;
}

.header-menu ul li.location-menu h3.DLNJ::after {
  content: "e";
  color: #399FFF;
  font-family: StateFaceRegular;
}

.header-menu ul li.location-menu h3.CREEL::after {
  content: "g";
  color: #718da7;
  font-family: StateFaceRegular;
}

.header-menu ul li.location-menu h3 {
  width: 60px;
  height: 60px;
  overflow: hidden;
}

ul.buttons {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

ul.buttons.inline {
	float: left;
}

ul.buttons li {
  padding: 0;
  margin: 0 0 10px;
}

ul.buttons.inline li {
	margin: 0 10px 0 0;
	float: left;
	vertical-align: middle;
}

ul.buttons li:last-child {
  margin: 0 !important;
}

ul.buttons li:last-child:first-child {
  margin: 0 0 10px;
}

td.buttons {
	text-align: right !important;
}

.button, 
.button:link, 
.button:visited, 
input#batch_creator_submit, 
input#ticket_data_submit, 
form input[type="submit"] {
  background: rgba(0,0,0,0.2);
  color: #fff !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  height: 40px;
  line-height: 40px;
  display: block;
  transition: background .25s, color .25s;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  border: none;
}

aside button {
	width: 100%;
}

aside .button.inline {
  display: inline-block;
  width: auto;
  padding: 0 15px;
}

body.limited .button {
	text-decoration: none !important;
}

form input[type="submit"] {
  padding: 0 15px;
  cursor: pointer;
}

.button.small {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

label.button {
	cursor: pointer;
}

input[type="radio"].button {
	width: 0;
	height: 0;
	position: absolute;
	left: -10px;
	top: -10px;
	visibility: hidden;
}

article.ticket .button, 
article.ticket .button:link, 
article.ticket .button:visited {
  color: #fff !important;
}

.button:hover, 
.button:active {
  background: rgba(0,0,0,0.3);
}

.button.active, 
input[type="radio"].button:checked + label.button {
	background: rgba(0,0,0,0.3);
	color: #fff;
}

input.button, 
input#batch_creator_submit, 
input#ticket_base_submit {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
  cursor: pointer;
}

aside input.button {
  margin: 0;
}

aside div.inline-button {
  display: flex;
  gap: 10px;
}

.form-button-split {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

input.button.half, 
label.button.half {
  display: block;
  padding: 0;
}

input.button.quarter {
  width: 23%;
  display: inline-block;
  padding: 0;
}

.prepress-assistant input.button.quarter {
  margin: 0;
}

.button.push-to-rip {
  width: 74%;
  display: inline-block;
  box-sizing: border-box;
}

input.button.half:first-child, 
label.button.half:first-child {
  margin: 0 5px 0 0;
}

input.button.half:last-child, 
label.button.half:last-child {
  margin: 0 0 0 5px;
}

input.button.submit, 
input#batch_creator_submit, 
input#ticket_base_submit, 
a.button.submit {
  background: rgba(59,217,101,0.8);
  color: rgba(0,0,0,0.6) !important;
  /* padding: 0; */
}


input.button.submit:hover, 
input#batch_creator_submit:hover, 
input#ticket_base_submit:hover, 
a.button.submit:hover {
  background: rgba(59,217,101,1);
  color: rgba(0,0,0,0.8) !important;
}

input#batch_creator_submit, 
input#ticket_base_submit {
  margin: 0;
}

input.button.cancel {
  background: rgba(227, 51, 51, 0.8);
	color: rgba(0,0,0,0.6) !important;
  /*padding: 0;*/
}

input.button.cancel:hover {
  background: rgba(227, 51, 51, 1);
  color: rgba(0,0,0,0.8) !important;
}

.ledger-submit input.button {
  padding: 0 10px;
  margin: 0;
}

body.DLNI aside .button:hover, 
body.DLNI aside .button:active {
  color: #32CF6D;
}

body.DLLV aside .button:hover, 
body.DLLV aside .button:active {
  color: #FF7A54;
}

body.DLMN aside .button:hover, 
body.DLMN aside .button:active {
  color: #DD57FF;
}

body.DLNJ aside .button:hover, 
body.DLNJ aside .button:active {
  color: #399FFF;
}

body.CREEL aside .button:hover, 
body.CREEL aside .button:active {
  color: #718da7;
}

body.DLNI article .button:hover, 
body.DLNI article .button:active, 
body.DLLV aside .button:hover, 
body.DLLV aside .button:active, 
body.DLMN aside .button:hover, 
body.DLMN aside .button:active, 
body.DLNJ aside .button:hover, 
body.DLNJ aside .button:active, 
body.CREEL aside .button:hover, 
body.CREEL aside .button:active {
  color: #fff;
}

ul.buttons.inline li .button {
	padding: 0 10px;
}

article.ticket a.button:hover, 
article.ticket a.button:active {
  color: #fff !important;
}

.buttons-inline {
	display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.button.disable {
  /*background: rgba(0,0,0,0.1);*/
  /*color: rgba(255,255,255,0.3);*/
  text-decoration: none;
  opacity: 0.4;
}

.button.disable:hover {
  background: rgba(0,0,0,0.1) !important;
  color: rgba(255,255,255,0.3) !important;
}

.button.icon {
  padding: 0 10px 0 40px !important;
  text-align: left;
  text-transform: none;
  position: relative;
}

.button.small.icon {
	padding: 0 8px 0 30px !important;
}

.button.hidden {
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
}

.button.icon::before {
  display: block;
  height: 40px;
  width: 40px;
  /* content: "\e006"; */
  content: "";
  position: absolute;
  left: 0;
  text-align: center;
  font: 20px/40px workflow;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: 20px auto;
}

td .button::before {
  color: #fff;
  background-color: #fff;
}

.button.icon.none::before {
	display: none;
}

.button.small.icon::before {
	height: 30px;
	width: 30px;
	font-size: 16px;
	line-height: 30px;
  background-color: #fff;
}

aside .button.icon::before {
  color: #aaa !important;
  background-color: #aaa;
}

body.DLNI aside .button.icon::before, 
body.DLNI .button.icon::before {
  color: #32CF6D !important;
  background-color: #32CF6D;
}

body.DLLV aside .button.icon::before, 
body.DLLV .button.icon::before {
  color: #FF7A54 !important;
  background-color: #FF7A54;
}

body.DLMN aside .button.icon::before, 
body.DLMN .button.icon::before {
  color: #DD57FF !important;
  background-color: #DD57FF;
}

body.DLNJ aside .button.icon::before, 
body.DLNJ .button.icon::before {
  color: #399FFF !important;
  background-color: #399FFF;
}

body.CREEL aside .button.icon::before, 
body.CREEL .button.icon::before {
  color: #718da7 !important;
  background-color: #718da7;
}

body.limited aside .button.icon::before {
	color: #fafafa !important;
  background-color: #fafafa;
}

body.DLNI aside .button.icon.submit::before, 
body.DLNI aside .button.icon.done::before, 
body.DLNI aside .button.icon.approve::before, 
body.DLNJ aside .button.icon.submit::before, 
body.DLNJ aside .button.icon.done::before, 
body.DLNJ aside .button.icon.approve::before, 
body.DLMN aside .button.icon.submit::before, 
body.DLMN aside .button.icon.done::before, 
body.DLMN aside .button.icon.approve::before, 
body.DLLV aside .button.icon.submit::before, 
body.DLLV aside .button.icon.done::before, 
body.DLLV aside .button.icon.approve::before {
	color: rgba(0,0,0,0.6) !important;
}

.button.delete::before {
  /* content: "\e053"; */
  mask-image: url(/images/icons/trash.svg);
}

.button.nomoney::before {
	/* content: "\e01e"; */
  mask-image: url(/images/icons/nomoney.svg);
}

.button.ticket::before {
  /* content: "'"; */
  mask-image: url(/images/icons/ticket.svg);
}

.button.data::before, 
.button.edit::before {
  /* content: "\e0b6"; */
  mask-image: url(/images/icons/edit.svg);
}

.user-list-buttons .button.data::before, 
.user-list-buttons .button.edit::before, 
.user-list-buttons .button.cancel::before, 
.user-list-buttons .button.inactive-user::before, 
.user-list-buttons .button.inactive::before, 
.user-list-buttons .button.reject::before {
  color: #fff;
  background-color: #fff;
}

.button.elements::before {
	/* content: "\e086"; */
  mask-image: url(/images/icons/elements.svg);
}

.button.database::before, 
.button.data-services::before, 
.button.data_services::before {
	/* content: "\e03a"; */
  mask-image: url(/images/icons/database.svg);
}

.button.moveto::before {
  /* content: "\e06b"; */
  mask-image: url(/images/icons/forward.svg);
}

.button.restore::before {
  /* content: "\e06b"; */
  mask-image: url(/images/icons/undo.svg);
}

.button.bin::before {
  /* content: "r"; */
  mask-image: url(/images/icons/box.svg);
}

.button.box::before, 
.button.packaging::before, 
.button.packaging-delivery-services::before, 
.button.batch::before {
  /* content: "\e103"; */
  mask-image: url(/images/icons/package.svg);
}

.button.layer::before, 
.button.layers::before, 
.button.substrate::before, 
.button.paper::before, 
.button.papers::before {
	/* content: "\e107"; */
  mask-image: url(/images/icons/paper.svg);
}

.button.piece::before {
  /* content: "\e0f5"; */
  mask-image: url(/images/icons/paper.svg);
}

.button.star::before, 
.button.specialty::before {
	/* content: "5"; */
  mask-image: url(/images/icons/star.svg);
}

.button.save::before {
  /* content: "\e064"; */
  mask-image: url(/images/icons/save.svg);
}

.button.link::before {
  /* content: "\e095"; */
  mask-image: url(/images/icons/link.svg);
}

.button.my-quotes::before {
	/* content: "\e06c"; */
  mask-image: url(/images/icons/quote.svg);
}

.button.dash::before, 
.button.dashboard::before {
  /* content: "\e06c"; */
  mask-image: url(/images/icons/dashboard.svg);
}

.button.email::before, 
.button.mail::before, 
.button.envelopes::before, 
.button.mailing::before {
  /* content: "\e0a2"; */
  mask-image: url(/images/icons/mail.svg);
}

.button.mailing-services::before{
  /* content: "\e002"; */
  mask-image: url(/images/icons/send-mail.svg);
}

.button.icon.submit::before, 
.button.icon.done::before, 
.button.icon.approve::before, 
.button.icon.selected::before {
  /* content: "\e02e"; */
  mask-image: url(/images/icons/done.svg);
}

.button.icon.copy::before, 
.button.icon.card::before, 
.button.icon.cards::before {
  /* content: "\e041"; */
  mask-image: url(/images/icons/copy.svg);
}

.button.consolidation::before {
	/* content: "\e102"; */
  mask-image: url(/images/icons/box.svg);
}

.button.include::before {
  mask-image: url(/images/icons/new.svg);
  content: "" !important;
}

.button.hold::before  {
  /* content: "\e030"; */
  mask-image: url(/images/icons/pause.svg);
}

.button.home::before {
	/* content: "\e0f4"; */
  mask-image: url(/images/icons/home.svg);
}

.button.new::before, 
.button.add::before, 
.button.create::before, 
.button.new-estimate::before {
	/* content: "\e0bd"; */
  mask-image: url(/images/icons/new.svg);
}

.button.download::before {
	/* content: "\e04d"; */
  mask-image: url(/images/icons/download.svg);
}

.button.cancel::before, 
.button.inactive-user::before, 
.button.inactive::before, 
.button.reject::before {
  /* content: "h"; */
  mask-image: url(/images/icons/cancel.svg);
}

.button.close::before {
	/* content: "\e019"; */
  mask-image: url(/images/icons/delete.svg);
}

.button.retire::before {
	/* content: "\e019"; */
  mask-image: url(/images/icons/retire.svg);
}

.button.next::before, 
.button.forward::before, 
.button.continue::before, 
.button.right::before {
  /* content: "S"; */
  mask-image: url(/images/icons/right.svg);
}

.button.previous::before, 
.button.back::before, 
.button.prev::before, 
.button.left::before {
  /* content: "\e08c"; */
  mask-image: url(/images/icons/left.svg);
}

.button.up::before, 
.button.top::before {
	/* content: "="; */
  mask-image: url(/images/icons/up.svg);
}

.button.down::before, 
.button.bottom::before {
	/* content: "\e049"; */
  mask-image: url(/images/icons/down.svg);
}

.button.return::before {
  /* content: "\e027"; */
  mask-image: url(/images/icons/undo.svg);
}

.button.refresh::before, 
.button.reload::before {
	/* content: "l"; */
  mask-image: url(/images/icons/refresh.svg);
}

.button.reprint::before, 
.button.revise::before {
	/* content: "\e027"; */
  mask-image: url(/images/icons/refresh.svg);
}

.button.report::before, 
.button.reports::before, 
.button.reporting::before {
	/* content: "\e0f2"; */
  mask-image: url(/images/icons/reports.svg);
}

.button.pre-press::before {
	/* content: "\e10c"; */
  mask-image: url(/images/icons/prepress.svg);
}

.button.finishing-services::before, 
.button.finishing::before {
	/* content: "\e069"; */
  mask-image: url(/images/icons/finishing.svg);
}

.button.list::before, 
.button.worksheet::before {
  /* content: "\e098"; */
  mask-image: url(/images/icons/list.svg);
}

.button.scan::before, 
.button.barcode::before {
  mask-image: url(/images/icons/barcode.svg);
}

.button.send::before {
  /* content: "F"; */
  mask-image: url(/images/icons/right.svg);
}

.button.labelrequest::before {
  /* content: "\e0b2"; */
  mask-image: url(/images/icons/tags.svg);
}

.button.scanner::before {
  /* content: "\e105"; */
  mask-image: url(/images/icons/barcode.svg);
  background-color: #555;
}

.button.keyboard::before {
  /* content: "\e081"; */
  mask-image: url(/images/icons/password.svg);
  background-color: #555;
}

.button.print::before {
  /* content: "A"; */
  mask-image: url(/images/icons/print.svg);
}

.button.quote::before {
	/* content: "\e03f"; */
  mask-image: url(/images/icons/quote.svg);
}

.button.admin::before {
  /* content: "\e080"; */
  mask-image: url(/images/icons/lock-white.svg);
  background-color: #fff;
}

.button.user::before, 
.button.active-user::before, 
.button.user.active::before {
  /* content: "\e015"; */
  mask-image: url(/images/icons/user-white.svg);
  background-color: #fff;
}

.button.new-user::before {
  /* content: "\e016"; */
  mask-image: url(/images/icons/user-new.svg);
}

.button.search::before {
  /* content: "V"; */
  mask-image: url(/images/icons/search.svg);
}

.button.tag::before {
  /* content: "$"; */
  mask-image: url(/images/icons/tags.svg);
}

.button.development::before,
.button.code::before {
  /* content: "\e033"; */
  mask-image: url(/images/icons/code.svg);
}

.button.alert::before {
  /* content: "q"; */
  mask-image: url(/images/icons/warning.svg);
}

.button.outsource-other-services::before, 
.button.outsource::before, 
.button.share::before {
  /* content: "W"; */
  mask-image: url(/images/icons/outsource.svg);
}

.button.book-binding::before {
  /* content: "i"; */
  mask-image: url(/images/icons/book.svg);
}

.button.graphics::before {
  /* content: "v"; */
  mask-image: url(/images/icons/graphics.svg);
}

.button.info::before {
	/* content: "\e07c"; */
  mask-image: url(/images/icons/info.svg);
}

.button.help::before {
	/* content: "\e092"; */
  mask-image: url(/images/icons/help.svg);
}

.button.phone::before, 
.button.contact::before {
	/* content: "\e0b7" */
  mask-image: url(/images/icons/phone.svg);
}

.button.accounting::before, 
.button.money::before, 
.button.cc::before, 
.button.creditcard::before, 
.button.finance::before, 
.button.pricing::before, 
.button.price::before {
	/* content: "\e0f0" */
  mask-image: url(/images/icons/money.svg);
}

.button.history::before, 
.button.calendar::before, 
.button.sfly::before {
	/* content: "z"; */
  mask-image: url(/images/icons/calendar.svg);
}

.button.card::before, 
.button.tiny.prints::before,
.button.tiny_prints::before {
  /* content: "\e041"; */
  mask-image: url(/images/icons/paper.svg);
}

.button.time::before, 
.button.clock::before, 
.button.today::before {
	/* content: "\e030"; */
  mask-image: url(/images/icons/clock.svg);
}

.button.announce::before, 
.button.announcement::before {
	/* content: "\e0a4"; */
  mask-image: url(/images/icons/megaphone.svg);
}

.button.locked::before {
	/* content: "\e09c"; */
  mask-image: url(/images/icons/lock.svg);
}

.button.unlocked::before {
	/* content: "\e09b"; */
  mask-image: url(/images/icons/unlock.svg);
}

.button.shipping::before {
	/* content: "\e0c1"; */
  mask-image: url(/images/icons/package.svg);
}

.button.idaho::before {
  /* content: "M";
  font-family: StateFaceRegular; */
  mask-size: auto 20px;
  mask-image: url(/images/icons/idaho.svg);
}

.button.vegas::before {
  /* content: "g";
	font-family: StateFaceRegular; */
  mask-size: auto 20px;
  mask-image: url(/images/icons/nevada.svg);
}

.button.minnesota::before {
  /* content: "W";
	font-family: StateFaceRegular; */
  mask-size: auto 20px;
  mask-image: url(/images/icons/minnesota.svg);
}

.button.jersey::before {
  /* content: "e";
	font-family: StateFaceRegular; */
  mask-size: auto 20px;
  mask-image: url(/images/icons/new-jersey.svg);
}

.button.yes::before,
.button.pass::before {
	/* content: "\e101"; */
  mask-image: url(/images/icons/done.svg);
}

.button.no::before,
.button.fail::before {
	/* content: "\e104"; */
  mask-image: url(/images/icons/cancel.svg);
}

/* #search-form {} */

label.search-completed, 
label.search-date, 
label.inline-radio {
	display: inline-block;
	margin-right: 20px;
}

label.search-completed:last-child, 
label.search-date.last, 
label.inline-radio:last-child {
	margin-right: 0;
}

#date-choice {
	margin: 0;
}

#date-choice label {
	display: inline-block;
	margin: 26px 10px 0 0;
	vertical-align: top;
}

#date-choice select {
	display: inline-block;
	width: auto;
	margin: 26px 0 0 0;
	vertical-align: top;
}

#search-form input#date1, 
#search-form input#date2 {
	width: 100px !important;
	font-size: 14px !important;
}

#search-form #date2_wrap {
	display: inline-block;
}

#search-form #date2_wrap label {
	padding: 0 10px;
	margin: 0;
}

.inline-form {
	display: inline-block;
}

.inline-form-half {
	display: inline-block;
	width: 120px;
	margin: 0;
}

.inline-form-half.first {
	margin: 0 5px 0 0;
}

.inline-form-half.last {
	margin: 0 0 0 5px;
}

#search-form select#vault {
	display: inline-block;
	width: auto;
}

aside .chzn-container {
	width: 100% !important;
}

aside .chzn-container .chzn-drop {
	width: 260px !important;
}

aside .chzn-search input {
	width: 100% !important;
	color: #333 !important;
}

aside span.comment {
	color: rgba(255,255,255,0.75);
}

aside #search-form input[type="checkbox"] {
	margin: 0;
}

.chzn-container .chzn-results li {
	color: #333 !important;
}

.chzn-container-single .chzn-default {
	width: 250px;
}

.chzn-container-single .chzn-drop {
	width: 258px !important;
}

.chzn-container-single .chzn-search input {
	width: 100% !important;
}

#search-form .col_2 {
  z-index: 1;
}

#search-form .two-column-row {
  width: 100%;
  float: left;
  clear: both;
  background: url(/images/boxmiddle.png) repeat-y center top;
}

#search-form .two-column-row .two-column-cell {
  width: 50%;
  float: left;
  padding: 0 0 10px;
}

#search-form .col_2 {
  margin: 0 0 0 0;
}

#search-form p {
  clear: both;
  padding: 0 0 10px !important;
}

#search-form .two-column-row .two-column-cell p {
  padding: 10px 5px 0 15px !important;
}

#search-form .two-column-row .two-column-cell h2.title-left {
  width: 475px;
  margin: 0 0 0 5px;
}

#search-form .two-column-row .two-column-cell h2.title-right {
  width: 475px;
  margin: 0 5px 0 0;
}

#search-form .search-select-list {
	max-width: 220px;
}

#search-form .search-select-list ul {
  vertical-align: top;
  border-radius: 0 !important;
  width: 240px;
}

.search-form-row {
	margin: 0 0 10px;
}

.search-form-row.last {
	margin: 0;
}

.search-button {
	width: 80%;
	margin: 0 10px 15px;
	display: inline-block;
}

#timestamp {
  position: fixed;
  right: 0;
  top: 30px;
  color: #fff;
  text-shadow: #000 0 0 2px;
  padding: 5px 10px;
  border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  -webkit-border-radius: 0 0 0 8px;
  background: url(/images/ticketbg.png) repeat left top;
}

.menu#user {
  right: 210px;
  text-align: right;
  z-index: 5;
}

.menu-sub-item a {
  padding-left: 25px !important;
}

.menu-sub-sub-item a {
  padding-left: 40px !important;
}

.menu ul li a.user-profile-link {
  padding: 0;
}

.menu ul li a.user-profile-link:hover {
  background: none;
}

/* .menu ul li .user {} */

.menu ul li .user .name {
  color: #555;
  text-decoration: none;
  display: inline-block;
  padding: 0 15px 0 5px;
  height: 42px;
  line-height: 42px;
  text-shadow: 0 1px 0 #fff;
}

.menu ul li.location {
  padding-right: 10px;
}

.menu ul li.location.current-location {
  background: #f8f8f8;
}

.menu ul li.location:hover {
  background-color: #cecece;
}

.menu ul li a.location {
  padding-right: 20px;
  padding-left: 10px;
}

.menu ul li a.loc-isw {
  background-image: url(/images/inso-16.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-dl {
  background-image: url(/images/dl-16.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-loc_DLNI {
  background-image: url(/images/idaho.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-loc_DLLV {
  background-image: url(/images/nevada.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-loc_DLMN {
  background-image: url(/images/minnesota.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-loc_EVERYWHERE {
  background-image: url(/images/everywhere.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-loc_UNASSIGNED {
  background-image: url(/images/unassigned.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-loc_DIGITALLIZARD {
  background-image: url(/images/dllocation.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li a.loc-creel {
  background-image: url(/images/creel-16.png);
  background-repeat: no-repeat;
  background-position: right 2px;
}

.menu ul li .user img {
  height: 32px;
  width: 32px;
  float: left;
  margin: 5px;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  overflow: hidden;
}

table.report,
table.variegated {
  margin: 0 10px;
  border: 1px solid #DBDBDB;
  background: #fff;
  text-align: left;
}

article.ticket-list table.generic-report tr td, 
table.generic-report tr td {
	text-align: center;
}

table.report tr td {
  border-bottom: 1px solid #DBDBDB;
}

table.report thead,
table.variegated thead {
  text-align: center;
}

table.variegated thead tr:hover, 
table.variegated tfoot tr:hover {
  background: none;
}

.invoice td {
  font-size: larger;
  vertical-align: bottom;
}

.invoice tr.even td {
  border-bottom: thin solid #aaaaaa;
}

.invoice table.variegated tr.odd:hover {
  background: #fff;
}

.invoice table.variegated tr.even:hover {
  background: #E1E1E1;
}

.invoice .header {
  background-color: #d9d9d9;
}

.invoice_controls {
  padding: 0 10px 10px 0;
  float: right;
}

table.uninvoiced-tickets {
  margin: 0;
  width: 930px;
  clear: both;
}

.ticketwrap {
  margin: 0 auto;
  width: 1000px;
  text-align: left;
}

.listwrap {
  margin: 0 auto;
  display: inline-block;
  background: #fff;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0 0 10px;
  box-shadow: #000 0 0 3px;
  -moz-box-shadow: #000 0 0 3px;
  -webkit-box-shadow: #000 0 0 3px;
}

.ticketbg {
  /*float: left;*/
  background: url(/images/ticketbg.png) repeat left top;
  padding: 15px 0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.listbg {
  display: inline-block;
  background: url(/images/ticketbg.png) repeat left top;
  padding: 25px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

h1.title {
  padding: 4px;
  margin: 0px;
  text-shadow: #000 0 -1px 0;
}

table.ticket_data {
  border: 1px solid #b7b7b7;
  float: left;
  margin: 2px;
  min-width: 10em;
  max-width: 20em;
  background: #fff;
}

.ticket_info {
  padding: 0 10px 5px;
}

.ticket_info.shipping-service p {
  margin: 0;
}

.ticket_info.shipping-service p.tracking-info {
  margin: 0;
}

table.shipping-info {
	border: none;
	border-collapse: collapse;
}

table.shipping-info tr:nth-child(odd) {
	background: #eee;
}

table.shipping-info td:first-child {
	white-space: nowrap;
}

table.shipping-info td {
	padding: 3px 5px;
	font-size: 12px;
	vertical-align: top;
}

.tracking-info strong {
  display: inline-block;
  padding: 0 10px 0 0;
}

ul.mailsort-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.mailsort-list li {
  padding: 0;
  margin: 0;
}

ul.checkbox_text {
  color: #000;
  display: inline;
  margin: 0px;
  list-style: none;
  padding: 0px;
}

/* div.notetext {} */

#msgarea {
  margin: 2px auto 0
}

.message {
  color: #66AA66;
}

.error {
  color: #CC4444;
}

.err {
  clear: both;
  margin: 0 auto 10px;
  padding: 5px 10px 5px 30px;
  width: 911px;
  background: #fff url(/images/error.png) no-repeat 5px 5px;
  border: 2px solid #df5a07;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: left;
}

.warn {
  clear: both;
  margin: 0 auto 10px;
  padding: 5px 10px 5px 30px;
  width: 911px;
  background: #fff url(/images/warn.png) no-repeat 5px 5px;
  border: 2px solid #f5af0d;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: left;
}

#user-alert {
  clear: both;
  margin: 0;
  padding: 30px 330px 30px 30px;
  width: 100%;
  box-sizing: border-box;
  background: #FFD700 url(/images/stripes.svg) no-repeat left top;
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}

.shipping-error #user-alert {
	padding: 30px;
}

.shipping-error section {
	margin: 0;
	padding: 30px 30px 0;
}

.shipping-error section p {
	font-size: 20px;
	margin: 0 0 30px;
}

#user-alert h3 {
  margin: 0;
  text-align: center;
  font-size: 35px;
  text-shadow: #FFD700 0 0 10px;
  color: #343434;
  font-weight: bold;
}

.login_box .warn {
  clear: both;
  margin: 10px auto 0;
  padding: 5px 5px 10px 25px;
  width: 411px;
}

.login_box .warn p {
  margin: 0 0 10px;
}

.warn ul {
  margin: 0;
  padding: 0;
}

.warn ul li {
  list-style-type: none;
  margin: 0 5px;
  padding: 0;
  display: inline-block;
}

.warn ul li a {
  min-height: 16px;
  padding: 0 0 0 20px;
}

a.firefox {
  background: url(/images/firefox.png) no-repeat left top;
}

a.opera {
  background: url(/images/opera.png) no-repeat left top;
}

a.chrome {
  background: url(/images/chrome.png) no-repeat left top;
}

a.safari {
  background: url(/images/safari.png) no-repeat left top;
}

a.ie {
  background: url(/images/ie.png) no-repeat left top;
}

a.elinks {
  background: url(/images/elinks.png) no-repeat left top;
}

/*.info {
  clear: both;
  margin: 0 auto 10px;
  padding: 5px 10px 5px 30px;
  width: 911px;
  background: #fff url(/images/info.png) no-repeat 5px 5px;
  border: 2px solid #80a5e8;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-align: left;
}*/

.critical {
  background-color: rgb( 255, 0, 0 );
}

.high {
  background-color: rgb( 232, 85, 85 );
}

.important {
  background-color: rgb( 255, 144, 144 );
}

.note {
  background-color: rgb( 255, 192, 192 );
}

.normal {
  background-color: rgb( 255, 255, 255 );
}

.comment {
  background-color: rgb( 223, 223, 223 );
}

span.comment, 
div.comment {
  font-style: italic;
  background-color: transparent;
  color: #aaa;
}

.low {
  background-color: rgb( 191, 191, 191 );
}

.minimal {
  background-color: rgb( 159, 159, 159 );
}

.trivial {
  background-color: rgb( 127, 127, 127 );
}

.late {
  background: rgba(227, 51, 51, 1);
  color: rgba(255,255,255,0.9);
  text-align: right;
}

.upcoming {
  background: rgba(246, 189, 82, 1);
  color: rgba(0,0,0,0.8);
  text-align: right;
  padding: 0 5px;
}

.deadline {
  background: #e1a92e;
  color: inherit;
  text-align: right;
}

.later {
  background: #9586f1;
  color: inherit;
  text-align: right;
}

.future {
  background: rgba(59,217,101,1);
  color: rgba(0,0,0,0.8);
  text-align: right;
}

.ontime {
  background: #ccffdd;
  color: inherit;
  text-align: right;
}

ol#breadcrumblist {
  margin: 0px;
  padding-left: 4px;
  list-style: none;
  display: inline;
  vertical-align: top;
  overflow: visible;
  font: 13px "Lucida Sans", Lucida, Verdana, Arial, sans-serif;
  text-shadow: #000 0 -1px 1px;
}

ol#breadcrumblist li {
  margin: 0px;
  padding: 0px;
  display: inline;
}

ol#breadcrumblist li a:link, ol#breadcrumblist li a:visited {
  color: #fff;
}

ol#breadcrumblist li a:hover, ol#breadcrumblist li a:active {
  color: #919f3d;
}

ol#breadcrumblist li::before {
  content: "\0020 \0020 \0020 \00BB \0020";
  color: #fff;
}

pre {
  font-family: "Courier New", Courier, monospace;
  width: 100%;
}

#barcode {
  display: none;
}

#workflowtitle {
  font-weight: normal;
  font-size: 15px;
  height: 30px;
  line-height: 29px;
  margin: 0;
  text-align: center;
  display: inline-block;
  text-shadow: #eee 0 1px 0;
  position: fixed;
  left: 45%;
  z-index: 100;
  background: url(/images/header.png) repeat-x left top;
}

#workflowtitle a {
  padding-left: 20px;
  background: url(/favicon.ico) no-repeat left top;
  color: #555;
}

#workflowtitle a.loc-DLNI::after {
  content: url(/images/idaho.png);
  position: relative;
  left: 4px;
  top: 3px;
}

#workflowtitle a.loc-DLLV::after {
  content: url(/images/nevada.png);
  position: relative;
  left: 4px;
  top: 3px;
}

#workflowtitle a.loc-DLMN::after {
  content: url(/images/minnesota.png);
  position: relative;
  left: 4px;
  top: 3px;
}

h2 span.loc-DLNI {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/idaho.png) no-repeat left top;
  position: relative;
  left: 5px;
  top: 1px;
}

h2 span.loc-DLLV {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/nevada.png) no-repeat left top;
  position: relative;
  left: 5px;
  top: 1px;
}

h2 span.loc-DLMN {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/images/minnesota.png) no-repeat left top;
  position: relative;
  left: 5px;
  top: 1px;
}

th {
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
  padding: 2px 5px;
  cursor: pointer;
}

.center {
	text-align: center !important;
}

h2.notes {
  text-align: center;
  margin: 2px 0 2px 0;
}

h4 {
  padding: 0px;
  margin: 0px;
}

.rightfloat {
  float: right;
}

td.paddingleft {
  padding-left: .7em;
}

dl {
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: 11px;
}

.ui-accordion-content dl {
  color: #fff;
}

dt {
  background: transparent;
  color: #555;
}

dd {
  background: none;
  margin: 0 0 0 20px;
  color: #555;
}

td {
  padding: 4px 10px;
  font-size: 13px;
}

table {
  border: 1px solid #dbdbdb;
  padding: 0;
  background: #fff;
  margin: 0;
}

.job-description table {
	background: transparent;
	border-collapse: collapse;
}

.job-description table td, 
.job-description table th {
	border: 1px solid #dbdbdb;
	padding: 4px 10px;
}

.job-description table th {
	border: 1px solid #dbdbdb;
	background: #eee;
	text-align: left;
	font-size: 12px;
  text-transform: uppercase;
  cursor: default;
  font-weight: bold;
}

.index hr, .index caption {
  display: none;
}

.index table {
  margin: 0 10px 0 0;
  padding: 0;
  border: 1px solid #dbdbdb;
}

.index_left {
  float: left;
  width: 220px;
  margin: 0 10px 0 0;
}

.index_left table {
  border: none;
}

.index_right {
  float: left;
  width: 700px;
  margin: 0 0 0 0;
}

.index .ticket_box ul {
  margin: 0 0 0 10px;
  float: left;
}

.index .ticket_box ul li {
  display: block;
  margin: 8px 0 0;
  width: 100%;
  float: left;
  height: 32px;
}

li.late_jobs {
  background: url(/images/late.png) no-repeat left top;
}

li.received_jobs {
  background: url(/images/received.png) no-repeat left top;
}

li.promised_jobs {
  background: url(/images/promised.png) no-repeat left top;
}

.index .ticket_box ul li span {
  /* display: inline-block; */
  height: 16px;
  padding: 7px 0 7px 10px;
  overflow: visible;
  float: left;
}

.index .ticket_box ul li strong {
  /* display: inline-block; */
  min-width: 45px;
  height: 30px;
  overflow: visible;
  text-align: right;
  font-size: 25px;
  float: left;
  padding: 0 0 0 42px;
}

/* table.tickets {} */

table.revenue {
  width: 930px;
  margin: 0;
}

.commission_body {
  width: 950px;
  padding: 0 5px 5px;
  margin: 0;
  float: left;
  background: url(/images/boxmiddle.png) repeat-y center top;
}

table.commission_report {
  border-collapse: collapse;
  margin: 0;
  border: none;
  width: 100%;
  background-image: none !important;
}

.commission_report thead th {
  font-size: 12px;
  font-weight: bold;
  cursor: inherit;
  padding: 2px 5px 2px 10px;
}

.commission_table {
  border-collapse: collapse;
  /*margin: 4px 0 2px 3px;*/
  /*width: 917px;*/
  border: none;
  width:100%
}

.commission_table th {
  background: #D6D6D6 url(/images/property.jpg) repeat-x scroll left top;
  color: #000;
  font-size: 12px;
  line-height: 180%;
  height: 22px;
  padding: 0 0 0 5px;
  text-align: right;
  text-shadow: none;
}

.commission_month {
  font-size: large;
  font-weight: normal;
  text-align: right;
  margin: 0;
}

h2 {
  font-size: 20px;
}

.daily_cell h2 {
  text-shadow: none;
}

abbr {
  cursor: help;
}

.abbreviate {
	cursor: help;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
}

.even {
  background: #eee;
}

.even.done {
	background: #d9f991 !important;
}

.odd {
  background: #fff;
}

.odd.done {
	background: #e7f9b6 !important;
}

aside table .even.done, 
aside table .odd.done {
	color: #506f1e !important;
}

li {
  font-size: 13px;
  background: none;
}

.highlight {
  background-color: #CCCCCC;
  font-weight: bold;
}

.header {
  font-weight: normal;
  

/*
  background-image: url(/images/header-bg.png);
  background-repeat: no-repeat;
  border-left: 1px solid #FFF;
  border-right: 1px solid #000;
  border-top: 1px solid #FFF;
  padding-left: 30px;
  padding-top: 8px;
   */
  height: auto;
}

th.header {
  background: #eee;
  font-size: 12px;
  padding: 4px 10px;
}

.headerSortUp {
  background-color: #CCCCCC;
  font-weight: bold;
  

/*
  background-image: url(/images/header-asc.png);
  background-repeat: no-repeat;
  border-left: 1px solid #FFF;
  border-right: 1px solid #000;
  border-top: 1px solid #FFF;
  padding-left: 30px;
  padding-top: 8px;
   */
  height: auto;
}

.headerSortDown {
  background-color: #CCCCCC;
  font-weight: normal;
  font-style: italic;
  

/*
  background-image: url(/images/header-desc.png);
  background-repeat: no-repeat;
  border-left: 1px solid #FFF;
  border-right: 1px solid #000;
  border-top: 1px solid #FFF;
  padding-left: 30px;
  padding-top: 8px;
   */
  height: auto;
}

.ghost {
  visibility: hidden;
}

.printonly, 
.printed {
  display: none !important;
}

#ticket_header_area {
  display: inline;
  margin: 14px 0;
  padding: 0px;
  float: left;
}

.box_body #ticket_header_area {
  margin: 0;
}

.box_body .ticket_action_links {
  margin: 0;
}

.ticket_action_links {
  list-style: none;
  display: inline;
  margin: 14px 0;
  padding: 0px;
  float: left;
}



.report_list .ticket_action_links, 
.userlist .ticket_action_links, 
.tools .ticket_action_links, 
.source-revenue .ticket_action_links {
  list-style: none;
  display: inline;
  margin: 0 0 5px 10px;
  padding: 0px;
  float: left;
}

.tools .ticket_action_links {
  margin: 0 0 0 10px;
}

h3.report-table-name {
  margin: 0 10px 5px 0;
  text-align: right;
  height: 16px;
  padding: 2px 0;
}

span.report-table-name {
  position: absolute;
  right: 40px;
  font-size: 12px;
}

.button.inline {
  display: inline-block !important;
  margin: 0 10px 0 0;
  width: auto;
}

.button.inline:last-of-type {
	margin: 0;
}

.ticket_action_links li {
  float: left;
  padding: 0 10px 0 0;
  color: #7c7c7c;
}

/* .ticket_action_links a {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #e6e6e6;
  min-height: 16px;
} */

a.moveto_graphics:link, a.moveto_graphics:visited, a.moveto_graphics:active {
  background: url(/images/special.png) no-repeat 4px 2px;
}

/* .ticket_action_links a:hover {
  background-color: #fff;
  color: #555;
} */

.delete_off {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 10px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/delete_off.png) no-repeat 4px 2px;
  min-height: 16px;
  color: #cecece;
}

.data_off {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 10px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/data_off.png) no-repeat 4px 2px;
  min-height: 16px;
  color: #cecece;
}

.ticket_off {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 10px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/ticket_off.png) no-repeat 4px 2px;
  min-height: 16px;
  color: #cecece;
}

/* a.data:link, a.data:visited, a.data:active {
  background: #E6E6E6 url(/images/data.png) no-repeat 4px 2px;
} */

/* a.delete:link, a.delete:visited, a.delete:active {
  background: #E6E6E6 url(/images/delete.png) no-repeat 4px 2px;
} */

/* a.ticket:link, a.ticket:visited, a.ticket:active {
  background: #E6E6E6 url(/images/ticket.png) no-repeat 4px 2px;
} */

/* a.moveto_ready:link, a.moveto_ready:visited, a.moveto_ready:active {
  background: #E6E6E6 url(/images/right_arrow.png) no-repeat 4px 2px;
} */

a.today:link, a.today:visited, a.today:active {
  background: #E6E6E6 url(/images/today.png) no-repeat 4px 2px;
}

a.mi_weight:link, a.mi_weight:visited, a.mi_weight:active {
  background: #E6E6E6 url(/images/scale.png) no-repeat 4px 2px;
}

a.messages:link, a.messages:visited, a.messages:active {
  background: #E6E6E6 url(/images/warn.png) no-repeat 4px 2px;
}

a.report_history:link, a.report_history:visited, a.report_history:active {
  background: #E6E6E6 url(/images/history.png) no-repeat 4px 2px;
}

a.run_kills:link, a.run_kills:visited, a.run_kills:active {
  background: #E6E6E6 url(/images/right_arrow.png) no-repeat 4px 2px;
}

a.sfly-pending:link, a.sfly-pending:visited, a.sfly-pending:active {
  background: #E6E6E6 url(/images/list.png) no-repeat 4px 2px;
}

a.dl-report-link {
  text-decoration: none !important;
  font-size: 12px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  position: relative;
}

fieldset legend {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

#template_controls input {
  display: inline-block;
  margin: 0 20px 0 0;
}

form table {
  border: 0;
}

form table table {
  margin: 0 !important;
}

.ticket_form b {
  color: #c84d53;
}

.ticket_form p {
  margin: 0;
  padding: 10px 5px 10px 15px;
}

.ticket_form td {
  padding: 1px 5px;
}

.ticket_form tr td:first-child {
  text-align: right;
  width: inherit;
}

ul.chzn-choices {
  color: #555 !important;
  font-size: 12px !important;
  /*border: 1px solid #b7b7b7;*/
  border: none !important;
  padding: 6px 10px !important;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  background: #eee !important;
  text-shadow: 0 1px 0 #fff !important;
  box-shadow: inset 0 1px 3px #bbb !important;
}

.chzn-container-multi .chzn-choices .search-field input.default {
  padding: 0 !important;
  line-height: 15px;
  height: 25px;
  width: 100% !important;
  overflow: visible !important;
}
 
.chzn-container-multi .chzn-choices li {
	overflow: visible !important;
}

.ticket-form-full #Piece_description {
  width: 840px !important;
  height: 400px;
}

#bin h2 {
  margin: 0 0 10px;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
}

.cons-scanner form {
  position: relative;
}

input#cons_ticket_code {
  margin: 0;
}

/* input#cons_ticket_code:focus {} */

#cons-scan {
  visibility: hidden;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

#cons-dump {
  height: 40px;
  display: block;
  text-align: center;
  background: rgba(256,256,256,0.35);
  cursor: pointer;
  border: none;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  font-size: 20px;
  line-height: 40px;
  margin: 0 auto;
  padding: 0 20px;
  text-transform: uppercase;
  color: #363636;
  transition: background 0.5s, color 0.5s;
}

#cons-dump:hover {
  background: #3bd965;
  color: #363636 !important;
}

.cons-dump-barcode {
	font-family: idautomationc39mregular;
	background: #fff;
	color: #000;
	text-align: center;
	margin: 20px 0 0;
	padding: 20px;
	font-size: 32px;
	border-radius: 5px;
}

#bin_code:focus {
  border: 1px solid red;
}

input.submit.bin-submit {
  display: inline-block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/bin.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
}

input.submit.bin-submit:hover {
  background: #fff url(/images/bin.png) no-repeat 4px 2px;
}

input.submit.approve {
  display: inline-block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/ready.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
}

input.submit.approve:hover {
  background: #fff url(/images/ready.png) no-repeat 4px 2px;
}

/* a#show-ticket-hold-form, 
input.submit.hold {
  display: inline-block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/hold.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
} */

/* a#show-ticket-hold-form:hover, 
input.submit.hold:hover {
  background: #fff url(/images/hold.png) no-repeat 4px 2px;
} */

input.hold-reset {
  display: inline-block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/cancel.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
}

input.hold-reset:hover {
  background: #fff url(/images/cancel.png) no-repeat 4px 2px;
}

a.go-back {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/left_arrow.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
}

a.go-back:hover {
  background-color: #fff;
}

/*input.submit {
  margin: 0;
  font-size: 12px;
  border: 1px solid #b7b7b7;
  padding: 2px 5px 2px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  cursor: pointer;
  min-height: 16px;
}

input.submit:hover {
  background: #fff;
  color: #555;
}*/

/*input.submitnote {
  margin: 0 10px 0 0;
  font-size: 12px;
  border: 1px solid #b7b7b7;
  padding: 2px 5px 2px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  cursor: pointer;
  min-height: 16px;
  float: right;
}*/

input.submitnote.inline {
  float: none;
}

input.submitnote:hover {
  background: #fff;
  color: #555;
}

/* legend {} */

ul.contents {
  margin: 0px;
  list-style: none;
  padding: 0;
  position: relative;
}

li.contents_list {
  padding: 0;
  margin: 0 0 10px;
}

/* li.contents_list img {} */

li.contents_list p {
  margin: 0 0 0 10px;
}

h3.contents_header {
  float: left;
  color: #fff;
  width: 100%;
  text-align: center;
  background: #4781ae;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #2a5e86;
  text-shadow: #000 0 -1px 1px;
}

#index_box {
  display: block;
  width: 490px;
  margin: 0px auto;
  border: 1px solid #b7b7b7;
  position: relative;
  padding: 2px;
  background: #fff;
  text-align: left;
  z-index: -10;
}

.table_object {
  display: block;
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  background: red;
}

/* a.table_link:link,a.table_link:visited {} */

/* a.table_link:hover,a.table_link:active {} */

.fivecolumns {
  font-family: "Lucida Sans", Lucida, Verdana, Arial, sans-serif;
  display: block;
  width: 20%;
  height: 20px;
  float: left;
  text-align: center;
}

.spacer {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
}

.printspacer {
  display: none;
}

.header_text {
  color: #fff;
  font-family: "Lucida Sans", Lucida, Verdana, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 15px;
  line-height: 150%;
  display: block;
  width: 20%;
  height: 25px;
  float: left;
  text-align: center;
}

.index_daily {
  display: block;
  width: 50%;
  height: 25px;
  position: absolute;
  top: 2px;
  right: 2px;
  background: #fb7712 url(/images/overlay.png) repeat-x left center;
  color: #fff;
  font-family: "Lucida Sans", Lucida, Verdana, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 15px;
  line-height: 150%;
  padding-left: 10px;
  text-align: left;
}

/* .index_jobs {} */

/* .index_jobs a:link, .index_jobs a:visited {} */

/* .index_jobs a:hover, .index_jobs a:active {} */

.index_qty {
  text-align: right;
}

.columns {
  margin: 0 20px;
  width: 960px;
  float: left;
  clear: both;
}

.columns.dark {
  margin: 5px 20px;
  text-shadow: 0 1px 0 #eee;
}

.columns.dark h2.box_header {
  background: url(/images/boxtopdark-small.png) no-repeat center top;
}

.columns.dark .box_body {
  width: 455px;
  background: url(/images/boxmiddledark-small.png) repeat-y center top;
}

.columns.dark .box_footer {
  background: url(/images/boxbottomdark-small.png) no-repeat center bottom;
}

.columns .col_left {
  float: left;
  width: 475px;
  margin: 0 5px 0 0;
}

.columns .col_right {
  float: left;
  width: 475px;
  margin: 0 0 0 5px;
}

.ticket_title {
  margin: 5px 20px;
  width: 960px;
  height: 50px;
}

.ticket_title_2 {
  margin: 5px 20px;
  width: 960px;
  float: left;
}

.ticket_title_body {
  width: 930px;
  height: 50px;
  float: left;
  background: url(/images/title-area.png) repeat-x left top;
}

.ticket_title_front {
  background: url(/images/title-front.png) no-repeat left top;
  width: 15px;
  height: 50px;
  float: left;
}

.ticket_title_end {
  background: url(/images/title-end.png) no-repeat right top;
  width: 15px;
  height: 50px;
  float: left;
}

.ticket_box {
  display: block;
  padding: 0;
  float: left;
  clear: both;
  margin: 5px 20px;
  width: 960px;
}

.login-box {
  display: block;
  padding: 0;
  width: 300px;
}

.login-logo {
	margin: 0 0 35px;
}

.login-logo img {
	display: block;
}

body.login {
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #dddddd 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#dddddd 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#dddddd 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffffff 0%,#dddddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: 100%;
	min-height: 100%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #505050;
	display: flex;
	justify-content: center;
	align-items: center;
}

div#login {
  font-size: larger;
  padding: 0px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  z-index: 9999;
}

div#login input[type="text"], 
div#login input[type="password"] {
  width: 300px;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  background: rgba(0,0,0,0.07) !important;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-indent: 50px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  font-size: 20px;
}

div#login input:-webkit-autofill,
div#login input:-webkit-autofill:hover,
div#login input:-webkit-autofill:focus,
div#login input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
}

div#login .remember input {
  border: none;
  padding: 0;
  width: inherit;
}

div#login label {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  text-indent: -20000px;
}

div#login label::before {
  font: 26px/40px workflow;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.07);
  display: block;
  float: left;
  color: #505050;
  text-indent: 0;
  text-align: center;
}

div#login .username label::before {
  content: "\e015";
}

div#login .password label::before {
  content: "\e09c";
}

div#login .username, 
div#login .password {
  margin: 0 0 20px;
  border: none;
  width: 300px;
}

div#login .remember {
  margin: 10px 0 0 0;
}

div#login input[type="submit"] {
  height: 40px;
  width: 100%;
  background: rgba(0,0,0,0.3);
  color: rgba(255,255,255,0.8);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  border: none;
  cursor: pointer;
  transition: background 0.5s, color 0.5s;
}

div#login input[type="submit"]:Hover {
  background: rgba(0,0,0,0.5);
  color: rgba(255,255,255,2);
}

.button.no-text {
  text-indent: -2000px;
  padding: 0 0 0 24px;
}

.button.green {
	background: #d9f991;
	color: #506f1e !important;
}

.button.green::before {
	color: #506f1e !important;
}

.button.green:hover, 
.button.green:active {
	background: #B8F22F;
}

.button.red {
	background: #f59a92;
	color: #6c221b !important;
}

.button.red::before {
	color: #6c221b !important;
}

.button.red:hover, 
.button.red:active{
	background: #A74E47;
}



.col_left .ticket_box {
  display: block;
  padding: 0;
  margin: 5px 0;
  float: left;
  width: 475px;
}

.col_right .ticket_box {
  display: block;
  padding: 0;
  margin: 5px 0;
  float: left;
  width: 475px;
}

.box_body {
  background: url(/images/boxmiddle.png) repeat-y center top;
  width: 940px;
  margin: 0;
  padding: 10px 5px 0 15px;
  float: left;
  position: relative;
}

.dark .box_body {
  background: url(/images/boxmiddledark.png) repeat-y center top;
}

.index .box_body {
  width: 930px;
  margin: 0;
  padding: 10px 15px 0;
  float: left;
}

.history_body {
  background: url(/images/boxmiddle.png) repeat-y center top;
  width: 465px;
  margin: 0 5px;
  padding: 0;
  float: left;
}

section.history table, 
section.billing-info table {
  border: none;
  border-collapse: collapse;
  width: 100%;
  margin: 0;
  background: none;
}

section.history table td {
  padding: 3px 6px;
}

td.ledger-description {
	word-break: break-word;
}

.ticket-history-time {
  text-align: left;
  white-space: nowrap;
}

section.billing-info table td {
  padding: 3px 6px;
  text-align: left;
  overflow-wrap: break-word;
}

section.history table thead th {
  text-align: left;
}

section.history table thead th, 
section.billing-info table thead th {
  font-size: 12px;
  font-weight: bold;
  cursor: inherit;
  padding: 3px 6px;
  background: none;
  text-shadow: none;
}

.columns .box_body {
  width: 455px;
  background: url(/images/boxmiddlesmall.png) repeat-y center top;
}

.box_footer {
  background: url(/images/boxbottom.png) no-repeat center bottom;
  width: 100%;
  height: 15px;
  float: left;
}

.dark .box_footer {
  background: url(/images/boxbottomdark.png) no-repeat center bottom;
}

.columns .box_footer {
  background: url(/images/boxbottomsmall.png) no-repeat center bottom;
}

.assistant_box {
  display: block;
  float: right;
  height: 25px;
  overflow: visible;
  padding: 0 10px 0 0;
}

.columns .current-card-batch {
  font-size: 22px;
}

#proof-email-choice {
  display: inline-block;
}

/* .ticket_box ul {} */

li.button {
  background: url(/images/buttonstart.png) no-repeat left top;
  height: 17px;
  float: left;
  padding: 3px 0 0 0;
  margin: 0 5px 0 0;
  position: relative;
  top: -5px;
}

li.button a:link, 
li.button a:visited, 
li.button a:hover, 
li.button a:active {
  display: block;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  background: url(/images/buttonend.png) no-repeat right top;
  height: 20px;
  position: relative;
  right: 0;
  top: -3px;
  padding: 0 5px 0 5px;
}

.state_box {
  border: 1px solid #b7b7b7;
  padding: 2px;
  background: #fff;
  float: left;
  margin: 10px 0 0 0;
  max-width: 922px;
  width: 645px;
}

.columns .state_box h2.box_header {
  color: #000;
}

.notes .ancillary, 
.notes .ancillary form {
  position: relative;
}

.notes .ancillary {
	padding: 10px 20px;
}

.note-input {
  height: 40px !important;
  width: 100%;
  box-sizing: border-box;
  display: block;
  /* vertical-align: top; */
  border-right: 70px solid #fff !important;
  outline: none !important;
}

input.note-add {
  display: block;
  width: 60px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 !important;
}

input.note-add:hover {
  color: #fff !important;
}

.statenotes {
  width: 922px;
  float: left;
  clear: both;
}

.note_col {
  width: 305px;
  float: right;
}

.prod-notes {
	border: none;
	width: 100%;
	word-break: break-word;
}

.user-note {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
	border: none;
}

.user-note td {
  border-bottom: 1px solid #eee;
	box-sizing: border-box;
	position: relative;
}

.user-comment {
  width: 100%;
  margin: 0;
  padding: 10px 20px;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}

tr.user-note:last-of-type td, 
div.user-comment:last-of-type {
  border-bottom: none;
}

#user_info {
  display: none;
}

.user-info {
  left: 20px;
  top: 10px;
  width: 48px;
  overflow: visible;
  margin: 0;
  position: absolute;
}

.user-info a {
  display: block;
  overflow: hidden;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

.user-info img {
  width: 48px;
  height: 48px;
  display: block;
  margin: 0;
  background-color: #ddd;
}

.user_info p {
  text-align: center;
  margin: 5px 0 0 0;
  font-size: 10px;
}

.state_col {
  width: 100%;
  float: left;
}

.note-message {
  padding: 5px 10px;
  box-sizing: border-box;
	width: 100%;
	background: none !important;
}

.comment-message {
  margin: 0;
  padding: 5px 0 5px 58px;
  width: 100%;
  min-height: 48px;
  box-sizing: border-box;
}

.note-message p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  overflow-wrap: break-word;
}

.comment-message p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  overflow-wrap: break-word;
}

.user-note.critical, 
.user-note.high, 
.user-note.important, 
.user-note.note {
  background: none;
}

.user-note td.note-icon {
	position: relative;
	padding-left: 10px;
	padding-right: 0;
}

.note-priority {
	display: none;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	height: 20px;
	padding: 0 5px;
}

.note-priority-bar {
	display: none;
	width: 5px;
	height: 20px;
	background: #ccc;
	margin-left: 3px;
}

.priority-1 {
	margin-left: 0;
}

.user-note.critical .note-priority, 
.user-note.high .note-priority, 
.user-note.important .note-priority, 
.user-note.note .note-priority {
  display: flex;
}

.user-note.critical td.note-icon::before, 
.user-note.high td.note-icon::before, 
.user-note.important td.note-icon::before, 
.user-note.note td.note-icon::before {
  position: absolute;
	display: block;
	content: "";
	left: 0;
	box-sizing: border-box;
  border: 10px solid transparent;
  border-left-color: currentColor;
  height: 20px;
	width: 20px;
  margin: auto 0;
}

.user-comment.critical, 
.user-comment.high, 
.user-comment.important, 
.user-comment.note {
  background: none;
}

.user-comment.critical::before, 
.user-comment.high::before, 
.user-comment.important::before, 
.user-comment.note::before {
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  content: "";
}

.user-note.critical .priority-1, 
.user-note.critical .priority-2, 
.user-note.critical .priority-3, 
.user-note.critical .priority-4 {
	display: block;
}

.user-note.high .priority-1, 
.user-note.high .priority-2, 
.user-note.high .priority-3 {
	display: block;
}

.user-note.important .priority-1, 
.user-note.important .priority-2 {
	display: block;
}

.user-note.note .priority-1 {
	display: block;
}

.user-note .note-message h1, 
.user-note .note-message h2, 
.user-note .note-message h3, 
.user-note .note-message h4, 
.user-note .note-message h5, 
.user-note .note-message h6 {
	padding: 0;
}

.user-note.critical .note-message, 
.user-note .note-message h1, 
.user-note .note-message h2 {
	font-weight: bold;
	text-transform: uppercase;
}

.user-note.high .note-message, 
.user-note .note-message h3, 
.user-note .note-message h4 {
	font-weight: bold;
}

.user-note.critical .note-message p, 
.user-note .note-message h1 {
	font-size: 22px;
	line-height: 24px;
}

.user-note .note-message h1 {
	margin-bottom: 0;
}

.user-note.high .note-message p, 
.user-note .note-message h2 {
	font-size: 20px;
	line-height: 22px;
}

.user-note.important .note-message p, 
.user-note .note-message h3 {
	font-size: 18px;
	line-height: 20px;
}

.user-note.note .note-message p, 
.user-note .note-message h4, 
.user-note .note-message h5, 
.user-note .note-message h6 {
	font-size: 16px;
	line-height: 18px;
}

.user-note.critical td.note-icon::before { color: crimson; }
.user-note.critical .note-priority-bar { background: crimson; }
.user-comment.critical::before { background: crimson; }

.user-note.high td.note-icon::before { color: orangered; }
.user-note.high .note-priority-bar { background: orangered; }
.user-comment.high::before { background: orangered; }

.user-note.important td.note-icon::before { color: orange; }
.user-note.important .note-priority-bar { background: orange; }
.user-comment.important::before { background: orange; }

.user-note.note td.note-icon::before { color: gold; }
.user-note.note .note-priority-bar { background: gold; }
.user-comment.note::before { background: gold; }

.note-date {
  font-size: 14px;
  padding: 5px 20px 5px 10px;
	white-space: nowrap;
}

.comment-date {
  width: 100%;
  font-size: 14px;
  padding: 0;
  margin: 0 0 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.note-date span {
  margin: 0;
  display: block;
  font-size: 10px;
  color: #aaa;
}

.comment-date span {
  margin: 0 0 0 10px;
  display: block;
  font-size: 10px;
  color: #aaa;
}

.note-controls {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 10px;
  display: block;
  height: 16px;
  opacity: 0;
  transition: opacity 0.5s ease;
  position: absolute;
  right: 0;
}

.user-note .note-controls {
  margin: 0 20px 0 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0;
  background: rgba(255,255,255,0.8);
}

.user-note:hover .note-controls {
  opacity: 1;
}

.user-comment:hover .note-controls {
  opacity: 1;
}

.note-controls li {
  padding: 0;
  margin: 0 0 0 5px;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.note-controls li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  overflow: hidden;
  line-height: 30px;
  font-size: 16px;
  text-shadow: none;
  font-family: workflow;
  text-indent: -20000px;
  position: relative;
	border: 1px solid #ccc;
	border-radius: 50%;
	box-sizing: border-box;
	background: #fff;
}

.note-controls li a::before {
  text-indent: 0;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-size: 20px;
}

.note-controls li a.note-button.delete::before {
  content: "\e019";
}

.note-controls li a.note-button.up::before {
  content: "=";
}

.note-controls li a.note-button.down::before {
  content: "\e049";
}

.note-controls li a strong {
  text-align: center;
  float: none;
  font-family: Arial;
}

.sig {
  display: none;
}

.sheet {
  display: none;
}

.box {
  display: block;
  border: 1px solid #b7b7b7;
  padding: 2px 2px 0 2px;
  background: #fff;
  float: left;
  clear: both;
  margin: 10px 10px 0 0;
}

.col_1 {
  display: block;
  width: 100%;
  float: left;
  clear: both;
  margin: 0 0 5px 0;
  position: relative;
  z-index: 0;
}

.col_2 {
  display: block;
  width: 50%;
  float: left;
  margin: 0 0 5px 0;
  position: relative;
  z-index: 0;
}

.col_2.inline {
  margin: 0 0 10px 0;
}

.prepress-assistant .col_2.inline {
  margin: 0 0 10px 0;
  min-height: 18px;
}

.col_3 {
  display: block;
  width: 33.3%;
  float: left;
  margin: 0;
  position: relative;
  min-height: 75px;
  z-index: 0;
}

.report_list .col_3 {
  min-height: 27px;
}

.tools .col_1 {
  margin: 0;
}

.col_4 {
  display: block;
  width: 25%;
  float: left;
  margin: 0 0 5px 0;
  position: relative;
  z-index: 0;
}

.col_4.inline {
  margin: 0 0 10px 0;
}

.col_4_small {
  display: block;
  width: 25%;
  height: 100%;
  float: left;
  margin: 0;
  z-index: 0;
}

.col_5 {
  display: block;
  width: 75%;
  float: left;
  margin: 0;
  z-index: 0;
}

.col_8 {
  display: block;
  width: 115px;
  float: left;
  margin: 0;
  z-index: 0;
}

.col_8 h3 {
  margin: 0;
  height: 18px;
  line-height: 22px;
}

.col_8 h3 a {
  display: block;
  height: 18px;
}

.col_8 H3 a:hover::after {
  content: url("/images/edit-field-spaced.png");
}

.col_8 li {
  font-size: 10px;
}

.col_8 ul {
  margin: 5px 0 0;
  padding: 0 0 0 15px;
}

.box1 {
  display: block;
  float: left;
  min-width: 100%;
}

.box2 {
  display: block;
  float: left;
  margin: 1px;
}

.box3 {
  display: block;
  border: 1px solid #b7b7b7;
  padding: 2px;
  background: #fff;
  float: left;
  width: 99%;
  margin: 10px 10px 0 0;
}

.box4 {
  display: block;
  padding: 0;
  float: left;
  width: 960px;
  margin: 5px 20px 0;
  position: relative;
  left: 0px;
  overflow: hidden;
}

.box5 {
  display: block;
  padding: 0;
  float: left;
  width: 960px;
  margin: 20px 20px 0;
  position: relative;
  left: 0px;
  overflow: hidden;
}

.childbox {
  display: block;
  padding: 0;
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 20px;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.section-outer .childbox {
	box-shadow: none;
	margin: 0;
  border-radius: 0;
	float: none;
}

.section-outer .childbox .expandable-list {
	padding: 0;
}

.childbox table {
	width: 100%;
	border: none !important;
	border-collapse: collapse;
}

.childbox table tr:nth-child(even) {
	background: #eee;
}

.box6 {
  float: left;
  display: block;
  width: 32%;
}

.box7 {
  display: block;
  float: left;
  width: 48%;
  border: 1px solid #b7b7b7;
  margin: 2px;
}

.box8 {
  display: block;
  float: left;
  width: 50%;
}

h2.report_box_header,
h2.box_header {
  display: block;
  min-width: 100%;
  height: 35px;
  background: url(/images/boxtop.png) no-repeat center top;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: 15px;
  border: none;
  text-shadow: #eee 0px 1px 0px;
  position: relative;
  z-index: 0;
  clear: both;
}

.dark h2.box_header {
  background: url(/images/boxtopdark.png) no-repeat center top;
}

h2.box_header_2 {
  display: block;
  width: 100%;
  height: 30px;
  background: url(/images/boxtopsmallmid.png) no-repeat center top;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: 15px;
  border: none;
  text-shadow: #fff 0px 1px 0px;
  position: relative;
  z-index: 0;
  float: left;
  clear: both;
}

h2.list_header {
  display: block;
  min-width: 100%;
  height: 30px;
  background: url(/images/listheader.jpg) repeat-x left top;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  margin: 0 0 10px 0;
  text-align: left;
  text-indent: 15px;
  border: none;
  text-shadow: #eee 0px 1px 0px;
  position: relative;
  z-index: 0;
  border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px 8px 0 0;
}

.index h2.box_header_2 {
  display: block;
  width: 100%;
  height: 30px;
  background: url(/images/boxtopmid.png) no-repeat center top;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: 15px;
  border: none;
  text-shadow: #eee 0px 1px 0px;
  position: relative;
  z-index: 0;
  float: left;
}

h2.box_header_mid {
  display: block;
  width: 100%;
  height: 30px;
  background: url(/images/boxtopmid.png) no-repeat center top;
  font-weight: bold;
  font-style: normal;
  font-size: 18px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: 15px;
  border: none;
  text-shadow: #eee 0px 1px 0px;
  position: relative;
  z-index: 0;
  float: left;
}

.box_header_blank {
  display: block;
  min-width: 100%;
  height: 15px;
  background: url(/images/boxtopsmallalt.png) no-repeat center top;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 40px;
  padding: 0;
  margin: 0;
  text-align: left;
  text-indent: 15px;
  border: none;
  text-shadow: #fff 0px 1px 0px;
  position: relative;
  z-index: -10;
}

.columns h2.box_header {
  background: url(/images/boxtopsmall.png) no-repeat center top;
}

h2.box_header img {
  position: absolute;
  right: 15px;
  top: 12px;
}

h2.box_header a.showhide {
  position: absolute;
  right: 15px;
  top: 12px;
  width: 16px;
  height: 16px;
  display: block;
}

h2.box_header a.showhide img {
  position: absolute;
  right: 0;
  top: 0;
}

h2.box_header_mid img {
  position: absolute;
  right: 15px;
  top: 7px;
}

/* h2.box_header img.cod, 
h2.box_header img.blind-ship {
  display: none;
} */

h2.box_header_2 img {
  position: absolute;
  right: 15px;
  top: 7px;
}

h2.list_header img {
  position: absolute;
  right: 15px;
  top: 7px;
}

.ticket_header {
  display: block;
  min-width: 100%;
  height: 45px;
  background: url(/images/ticket-title.png) no-repeat center top;
  padding: 0;
  margin: 0;
  border: none;
  position: relative;
  z-index: 0;
}

h3.property {
  text-align: left;
  text-decoration: none;
  font-size: 12px;
  color: #000;
  background: #d6d6d6 url(/images/property.jpg) top left repeat-x;
  margin: 1px 0;
  padding: 0 0 0 5px;
  float: left;
  display: block;
  width: 75px;
  min-height: 22px;
  line-height: 180%;
}

/* h3.property2 {} */

h3.title.inline.hidden {
  display: none;
}

.hidden {
  display: none !important;
}

.value button {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 12px;
}

h2.box_header button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  background: none;
  border: none;
  width: 40px;
  height: 35px;
}

.value-block {
  display: block;
  text-align: left;
  text-decoration: none;
  margin: 0;
  padding: 0 10px 0 0;
}

.value2 {
  display: block;
  float: left;
  text-align: left;
  text-decoration: none;
  margin: 1px 0;
  padding: 0 0 0 5px;
  font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  line-height: 180%;
}

.value3 {
  display: block;
  width: 120px;
  float: left;
  text-align: left;
  text-decoration: none;
  margin: 1px 0;
  padding: 0 0 0 5px;
  font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  line-height: 100%;
}

.description {
  display: block;
  text-align: left;
  text-decoration: none;
  margin: 1px 0;
  padding: 0 0 5px 5px;
  font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  line-height: 110%;
}

.value li, 
.value p li {
  font-size: 12px;
}

li.property {
  text-align: left;
  text-decoration: none;
  font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  color: #000;
  background: #d6d6d6 url(/images/property.jpg) top left repeat-x;
  margin: 1px 0;
  padding: 0 0 0 5px;
  display: block;
  min-height: 22px;
  line-height: 180%;
  list-style: none;
  float: left;
  clear: both;
}

li.value {
  text-align: left;
  text-decoration: none;
  margin: 1px 0;
  padding: 0 0 0 5px;
  font: normal 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  line-height: 180%;
  list-style: none;
  color: #000;
  background: #fff;
}

/* .list3 {} */

/* .list3 div.selected {} */

.list3 div div.ui-accordion-content-wrap, 
.list3 div dl.ui-accordion-header {
  padding: 5px 10px;
  margin: 0 10px;
}

.childbox .list3 div div.ui-accordion-content-wrap, 
div.ui-accordion-content-wrap {
  padding: 15px 20px;
  background: #fff;
  box-sizing: border-box;
}

div.ui-accordion-content-wrap.ui-accordion-content-active {
  padding: 15px 20px;
  background: #fff;
  box-sizing: border-box;
  height: auto !important;
}

.box5 .list3 div div.ui-accordion-content-wrap {
  padding: 5px 10px;
  margin: 0 10px;
  background: url(/images/accordion-open-alt.png) repeat-y center bottom;
  position: relative;
  top: -5px;
}

.childbox h3.title,
.list3 div.title, 
.box4 div.title {
  display: block;
  height: 35px;
  background: #fafafa;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 20px;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  line-height: 30px;
  cursor: pointer;
  border-bottom: 5px solid #aaa;
  outline: none;
}

article.ticket.DLNI .childbox h3.title,
article.ticket.DLNI .list3 div.title, 
article.ticket.DLNI .box4 div.title {
  border-bottom-color: #32CF6D;
}

article.ticket.DLLV .childbox h3.title,
article.ticket.DLLV .list3 div.title, 
article.ticket.DLLV .box4 div.title {
  border-bottom-color: #FF7A54;
}

article.ticket.DLMN .childbox h3.title,
article.ticket.DLMN .list3 div.title, 
article.ticket.DLMN .box4 div.title {
  border-bottom-color: #DD57FF;
}

article.ticket.DLNJ .childbox h3.title,
article.ticket.DLNJ .list3 div.title, 
article.ticket.DLNJ .box4 div.title {
  border-bottom-color: #399FFF;
}

article.ticket.CREEL .childbox h3.title,
article.ticket.CREEL .list3 div.title, 
article.ticket.CREEL .box4 div.title {
  border-bottom-color: #718da7;
}

.list3 div.selected {
  border-bottom: none;
}

/* .mailto {} */

#state_change select {
  margin: 0;
  font-size: 16px;
}

.money {
  text-align: right !important;
}

.money::before {
  content: '$';
}

ol.ticket_history {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 150px;
  overflow: auto;
}

li.history_event {
  font-size: 12px;
  padding: 1px 10px;
}

li.history_event:last-child {
  border: none;
}

ul.simple_list {
  color: #4c4c4c;
  list-style-type: none;
  padding: 0 0 0 5px;
  margin: 10px 0 10px 10px;
  text-align: left;
}

ol.simple_list {
  color: #4c4c4c;
  padding: 0 0 0 5px;
  margin: 10px 0 10px 30px;
}

ol.simple_list li {
  color: #4c4c4c;
}

ol.simple_list li ol {
  padding: 0 0 0 30px;
}

ul.simple_list li.simple_list_element {
  color: #4c4c4c;
}

.simple_list li.simple_list_element a:link, 
.simple_list li.simple_list_element a:visited {
  color: #526f84;

}

.simple_list li.simple_list_element a:hover, 
.simple_list li.simple_list_element a:active {
  color: #6f98b6;
}

ul.commission-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.commission-list li {
  list-style-type: none;
  padding: 0;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: top;
}

ul.commission-list.imprev-list {
  column-count: 10;
  -moz-column-count: 10;
  -webkit-column-count: 10;
}

ul.commission-list.imprev-list li {
  list-style-type: none;
  padding: 0;
  margin: 0 20px 0 0;
  display: block;
}

ul.commission-list li ol li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block;
}

ul.commission-list li span {
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 2px solid #ccc;
  display: block;
}

ul.commission-list li ol {
  list-style-type: none;
  padding: 0;
  margin: 10px 0 20px;
}

article.ticket-list.commission-table {
  margin-bottom: 20px;
}

input.commission {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
}

/* img.cod {
  margin: 5px;
  position: absolute;
  right: 25px;
  top: 0;
  width: 75px;
} */

/* img.blind-ship {
  margin: 5px;
  float: right;
  width: 75px;
} */

/* img.paid-badge {
  margin: 5px;
  float: right;
  width: 75px;
} */

.index h3.title {
  font-size: 15px;
  margin: 0 0 8px 0;
  text-align: center;
}

.index .index_left td {
  font-size: 15px;
  padding: 4px 10px;
}

.index .index_left td h1 {
  font-size: 25px;
}

.form-edit {
  margin: 2px 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

section.spacing .section-inner {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
}

.form-edit label {
  width: 85px;
  display: block;
  margin-top: 0;
}

.form-edit input, 
.form-edit select {
  width: 100%;
  display: block;
}

.form-edit input[type="checkbox"] {
  width: auto;
}

.ship-rates-wrap .form-edit {
  justify-content: flex-start;
}

/* .form-edit.form-city-state-zip label {} */

/* .form-edit.form-city-state-zip label.form-city {} */

.form-edit.form-address2 label {
  visibility: hidden;
}

/* .form-edit input#ShipTo_city {} */

/* .form-edit input#ShipTo_state_province {} */

/* .form-edit input#ShipTo_postal_code {} */

.form-edit-buttons {
  margin: 10px 0 0 0;
  padding: 0;
  text-align: left;
  display: flex;
  flex-flow: row nowrap;
}

/* input#ship-form-accept {
  display: inline-block;
  height: 16px;
  background: url(/images/accept.png) no-repeat left top;
  border: none;
  cursor: pointer;
  padding: 0 0 0 18px;
} */

/* input#ship-form-reset {
  display: inline-block;
  height: 16px;
  background: url(/images/cancel.png) no-repeat left top;
  border: none;
  cursor: pointer;
  padding: 0 0 0 18px;
} */

.box_body.sfly-report {
  padding: 20px 25px 10px;
  width: 910px;
}

div.sfly-report {
  padding: 10px 20px;
  float: left;
  clear: both;
}

.sfly-wrap {
  margin: 0;
  width: 100%;
  text-align: center;
  float: left;
}

.sfly-box {
  display: inline-block;
  border: 1px solid #b7b7b7;
  padding: 2px;
  background: #fff;
  margin: 10px auto 0;
  text-align: left;
}

.sfly-table-name {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  white-space: nowrap;
}

th.sfly-table-name-cell {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #DBDBDB;
  /*border-bottom: 1px solid #DBDBDB;*/
  background: #fff;
}

.sfly-table-wrap {
  margin: 20px 0 0;
  width: 100% ;
  float: left;
  clear: both;
}

.dl-report-table-wrap {
  margin: 0 0;
  padding: 0 10px;
  width: 100% ;
  float: left;
  clear: both;
}

.dl-report-table-wrap table {
  border: 1px solid #ddd;
}

.dl-report-table-wrap table th {
  vertical-align: bottom !important;
  white-space: nowrap;
}

.dl-report-table-wrap table tr.odd {
  background: #eee;
}

.dl-report-table-wrap table tr.even {
  background: #fff;
}

.dl-report-table-wrap table tr td {
  border-top: none !important;
  border-bottom: none !important;
  border-left: 1px solid #ddd;
  padding: 5px !important;
  background: transparent !important;
}

.dl-report-table-wrap table.report tr td a {
  text-decoration: none !important;
  white-space: nowrap;
}

a.dl-report {
  background: #ddd;
  display: block;
  height: 26px;
  width: 26px;
  overflow: visible;
  line-height: 26px;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  text-decoration: none !important;
}

.dl-report-table-wrap table tr.odd:hover {
  background: none !important;
}

.dl-report-revenue {
  text-align: right !important;
}

.sfly-table-wrap.current-production {
  margin: 20px 0 0;
}

.sfly-table {
  border-collapse: collapse;
}

.sfly-table thead th {
	text-align: center !important;
}

.sfly-table thead th:first-child {
	text-align: left !important;
}

.sfly-table tbody td {
	border: 1px solid #fff;
	text-align: center !important;
}

.sfly-table tr.pending-totals, 
.sfly-table tr.pending-totals td {
	background: #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #ccc;
}

.sfly-table tbody td:first-child, 
.sfly-table tfoot td:first-child {
	border-left: none;
}

.sfly-table tbody td:last-child, 
.sfly-table tfoot td:last-child {
	border-right: none;
}

.sfly-table tbody tr:last-child td {
	border-bottom: none;
}

.sfly-table .ticket_action_links li {
  padding: 0;
}

.sfly-table tr.Kill .ticket_action_links li {
  color: red;
  height: 18px;
  padding: 2px 8px 2px 26px;
  display: block;
  margin: 0;
  text-align: left;
  background: url("/images/delete.png") no-repeat scroll 4px 2px;
}

.sfly-table .ticket_action_links li a, 
.sfly-table .ticket_action_links li a:hover {
  text-decoration: none;
  color: #fff !important;
}

.sfly-table .ticket_action_links a, 
.sfly-table .ticket_action_links li {
  font-size: 10px;
}

.sfly-table .ticket_action_links li span {
  margin: 4px 0 0;
  display: block;
}

.sfly-table tr.pending-0 td {
  background: #d9f991;
  color: #506f1e;
  border-color: #a9c667;
  padding: 0;
}

.sfly-table tr.pending-1 td {
  background: #f7f78d;
  color: #6e5f1e;
	border-color: #c6c66b;
}

.sfly-table tr.pending-2 td {
  background: #f6d391;
  color: #6d481d;
	border-color: #d2b275;
}

.sfly-table tr.pending-3 td {
  background: #f59a92;
  color: #6c221b;
	border-color: #cf7972;
}

.sfly-table tr.pending-4 td {
	background: #e06a6a;
	color: #5c0e09;
	border-color: #b56161;
}

/* P 5-7 Blue */

/*.sfly-table tr.pending-5 td, 
.sfly-table tr.pending-6 td, 
.sfly-table tr.pending-7 td {
  background: #91bef8;
  color: #082f58;
	border-color: #6e99d1;
}*/

/* P 5-7 Red */


.sfly-table tr.pending-8 td,
.sfly-table tr.pending-9 td,
.sfly-table tr.pending-10 td {
  background: red;
  color: #5c0e09;
  border-color: #b56161;
}

.sfly-table tr.pending-5 td, 
.sfly-table tr.pending-6 td, 
.sfly-table tr.pending-7 td {
  background: #e06a6a;
  color: #5c0e09;
  border-color: #b56161;
}

/* .sfly-table tr.pending-5 ul li a::after, 
.sfly-table tr.pending-6 ul li a::after, 
.sfly-table tr.pending-7 ul li a::after, 
.sfly-table tr.pending-8 ul li a::after, 
.sfly-table tr.pending-9 ul li a::after {
	content: "-RUSH!-";
	font-weight: bold !important;
	font-style: italic;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 0 10px;
} */

.sfly-table tr.Kill td {
	position: relative;
}

.sfly-table tr.Kill td::before {
	background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 7px, rgba(0, 0, 0, 0.1) 7px, rgba(0, 0, 0, 0.1) 14px);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
	display: block;
}

.sfly-table tfoot tr td {
  text-align: center;
}

.sfly-table tbody tr td {
  text-align: center;
}

.sfly-table.variegated tbody tr.odd td {
  background: #eee;
}

.sfly-table.variegated tbody tr td {
  padding: 3px 5px;
}

.sfly-table.variegated tfoot tr th {
  padding: 3px 5px;
  border-top: 3px solid #aaa;
  background: #fff;
  text-align: center;
}

.sfly-table.variegated tfoot tr td {
  padding: 3px 5px;
  background: none;
}

.sfly-table.padded tbody tr td {
  padding: 5px 3px;
}

.sfly-report-controls {
  width: 100%;
  float: left;
  clear: both;
}

.sfly-report-controls .ticket_action_links li {
  padding: 0 10px 0 0 !important;
}

ul.sfly-stats {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #eee;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.sfly-stats li {
  padding: 0 5px;
  color: #7C7C7C;
  float: left;
}

ul.sfly-stats li span.sfly-stat-inner {
  display: block;
  margin: 0;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  text-align: left;
}

.odd .sfly-mismatch-red {
  background: #f5b6b4;
  color: #6c221b;
}

.even .sfly-mismatch-red {
  background: #f59a92;
  color: #6c221b;
}

.odd .sfly-mismatch-green {
  background: #e7f9b6;
  color: #506f1e;
}

.even .sfly-mismatch-green {
  background: #d9f991;
  color: #506f1e;
}

.darker-text {
  color: #353535;
}

ul.kill-count {
	margin: 0 -20px;
	padding: 0;
	list-style-type: none;
}

ul.kill-count li {
	background: #bd2125;
	color: #fff;
	padding: 10px 20px;
	font-size: 18px;
}

ul.kill-ranges {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
}

ul.kill-ranges li {
	display: inline-block;
	background: rgba(0,0,0,0.25);
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	padding: 0 10px;
	margin: 0 5px;
}

#Kill_reason {
  margin: 0 0 3px 0;
}

.kill-info h3 {
  font-size: 18px;
}

.kill-info .ticket_info {
  font-size: 16px;
}

.kill-list dt {
  font-size: 16px;
}

#ticket_data_Order_blind_ship_row label {
  display: none;
}

#ticket_data_Piece_kit_row label {
  display: none;
}

.jumptomenu {
  float: left;
  margin: 15px 0;
  padding: 0;
}

.jumptomenu li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

.jumptomenu li a {
  display: block;
  width: 16px;
  height: 16px;
  padding: 2px 5px;
  text-indent: -20000px;
  background-position: 5px 2px;
  background-repeat: no-repeat;
}

.state_control {
  width: 1000px;
  height: 50px;
}

.state_control form ol {
  margin: 0;
  padding: 0;
  background: #fff;
}

.state_control form ol li {
  display: inline-block;
  list-style-type: none;
  margin: 0;
}

.state_control form ol li input {
  background: #fff;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-right: 1px solid #B7B7B7;
  border-left: none;
  border-bottom: none;
  border-top: none;
  color: #555;
  cursor: pointer;
  margin: 0;
}

.state_control form ol li input.current_state {
  background: #B7B7B7;
  border-right: 1px solid #B7B7B7;
  color: #fff;
  text-shadow: #000 0 -1px 0;
  font-weight: bold;
}

#dock {
  height: 62px;
  position: fixed;
  bottom: 10px;
  right: 0;
  text-align: right;
  padding: 0 0 0 20px;
  background: url(/images/dock.png) no-repeat left bottom;
  display: none;
}

#dock ul {
  text-align: right;
  margin: 0;
  padding: 0;
  list-style-type: 0;
}

#dock ul li {
  display: inline-block;
  width: 48px;
  height: 48px;
  list-style-type: none;
  padding: 0 10px;
}

#dock ul li a {
  width: 48px;
  height: 48px;
  display: block;
}

#sfly-release-form,
#sfly-cancel-form,
#sfly-hold-form {
  display: none;
}

ol#due-schedule {
  padding: 0;
  margin: 0;
  list-style-type: none;
  width: 100%;
  float: left;
}

ol#due-schedule li {
  font-size: 16px;
  float: left;
  clear: both;
  padding: 0;
  margin: 0 0 5px;
  box-sizing: border-box;
  width: 100%;
}

ol#due-schedule li.current {
  background: rgba(59,217,101,0.6);
  color: rgba(0,0,0,0.8);
  font-size: 16px;
}

ol#due-schedule li.proof {
	background: #e7e7e7;
	font-size: 16px;
}

ol#due-schedule li.current strong {
  padding: 10px;
  display: inline-block;
  background: rgba(59,217,101,1);
}

ol#due-schedule li.proof strong {
  padding: 10px;
  display: inline-block;
  background: #ccc;
}

.date-row .upcoming, 
.date-row .future, 
.date-row .late {
	float: right;
	margin: 0 0 0 10px;
}

.date-row .upcoming {
  background: rgba(246, 189, 82, 1) !important;
  color: rgba(0,0,0,0.8) !important;
}

.date-row .future {
  background: rgba(59,217,101,1) !important;
  color: rgba(0,0,0,0.8) !important;
}

.date-row .late {
  background: rgba(227, 51, 51, 1) !important;
  color: rgba(255,255,255,0.9) !important;
}

ol#due-schedule li.current abbr, 
ol#due-schedule li.proof abbr {
  padding: 5px;
}

img.user-note {
  max-height: 48px;
  max-width: 48px;
}

img.user-comment {
  max-height: 48px;
  max-width: 48px;
}

/** Site List Widget **/

.sitelist-widget {
  padding: 0 5px;
  display: none;
}

.sitelist-widget .sitelist {
  width: 250px;
  background: #E6E6E6;
  padding: 10px 0;
}

.sitelist-widget table {
  background: none;
}

/* .sitelist-widget table tbody {} */

/* .sitelist-widget table tr {} */

/* .sitelist-widget .sitelist-body {} */

.sitelist-widget table#site-list-table {
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  width: 250px;
  padding: 0;
}

.sitelist-widget .sitelist thead {
  display: none;
}

.sitelist-widget .sitelist td {
  font-size: 12px;
  text-align: left;
  padding: 2px;
}

.sitelist-widget td.sitelist-logo {
  padding: 2px 5px 2px 15px;
  width: 16px;
}

.sitelist-widget td.sitelist-link {
  width: 16px;
}

.sitelist-widget td.sitelist-code {
  text-align: center;
}

.sitelist-widget img.sitelist-logo {
  width: 16px;
}

.sitelist-widget a.sitelist-admin {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -20000px;
  overflow: hidden;
  background: url(/images/sitelist-admin.png) no-repeat left top;
}

.sitelist-widget a.sitelist-user {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -20000px;
  overflow: hidden;
  background: url(/images/user.png) no-repeat left top;
  padding: 0 10px 0 0;
}

.sitelist-widget .sitelist h2.box_header {
  background: url(/images/sitelist-header.png) no-repeat left top;
}

.sitelist-widget #site-list-table_length {
  display: none;
}

.sitelist-widget #site-list-table_filter {
  background: url(/images/sitelist-search-2.png) no-repeat left top;
  height: 57px;
  width: 285px;
  color: transparent;
  font-size: 0px;
  position: absolute;
  bottom: 0;
}

.sitelist-widget #site-list-table_filter input {
  background: none !important;
  border: none !important;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 22px;
  width: 225px;
  line-height: 22px;
  margin: 10px 0 0;
  padding: 0 5px 0 25px;
}

.sitelist-widget .sitelist #site-list-table_paginate {
  width: 275px;
  height: 16px;
  padding: 2px 5px;
  background: url(/images/sitelist-body.png) repeat-y center top;
}

.sitelist-widget #site-list-table_paginate span {
  display: inline-table;
  height: 16px;
  cursor: pointer;
}

.sitelist-widget #site-list-table_paginate span .fg-button {
  padding: 0 5px;
}

.sitelist-widget #site-list-table_first, 
.sitelist-widget #site-list-table_previous, 
.sitelist-widget #site-list-table_next, 
.sitelist-widget #site-list-table_last {
  width: 16px;
  text-indent: -20000px;
  overflow: hidden;
}

.sitelist-widget #site-list-table_first {
  background: url(/images/pager-first.png) no-repeat center center;
}

.sitelist-widget #site-list-table_previous {
  background: url(/images/pager-prev.png) no-repeat center center;
}

.sitelist-widget #site-list-table_next {
  background: url(/images/pager-next.png) no-repeat center center;
}

.sitelist-widget #site-list-table_last {
  background: url(/images/pager-last.png) no-repeat center center;
}

.sitelist-widget .sitelist #site-list-table_info {
  display: none;
}

.sitelist-widget #site-list-table_wrapper {
  position: relative;
  padding: 0 0 57px;
}

.sitelist-widget .sitelist-search input {
  width: 195px;
  background: url(/images/sitelist-widget-search.png) no-repeat left top;
  height: 24px;
  line-height: 24px;
  box-shadow: none;
  margin: 0 10px 5px;
  padding: 0 10px 0 25px;
}

/** Site List Page **/

/* .sitelist-page {} */

/* .sitelist-page .sitelist {} */

/* .sitelist-page .sitelist-body {} */

table#paper-report-table, 
.filter-list table {
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 0;
}

.sitelist-page .sitelist thead th {
	background: #eee;
	padding: 10px;
	font-weight: bold;
}

.sitelist-page .sitelist td, 
table#paper-report-table td {
  font-size: 13px;
  text-align: left;
  padding: 10px;
}

table#paper-report-table tfoot tr td {
  border-left: none;
  border-top: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
}

table#paper-report-table td.sorting_1, 
table#paper-report-table td.dataTables_empty {
  border-left: none !important;
}

table#paper-report-table thead tr th {
  padding: 5px 10px;
  background: #eee;
}

table#paper-report-table tr.odd td {
  border-left: 1px solid #ccc;
  border-top: none;
  border-right: none;
  border-bottom: none;
}

table#paper-report-table tr.even td {
  border-left: 1px solid #ccc;
  border-top: none;
  border-right: none;
  border-bottom: none;
}

.sitelist-page td.sitelist-name {
  font-size: 16px;
  padding: 0;
}

.sitelist-page td.sitelist-name a {
  display: inline-block;
  padding: 10px;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  border: none;
  color: #555;
}

.sitelist-page td.sitelist-name a:hover::after {
  content: "\e0b6";
  font-family: workflow;
  font-size: 16px;
  margin: 0 0 0 10px;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
}

.sitelist-page td.sitelist-logo {
  padding: 0 10px;
  width: 50px;
}

.sitelist-page td.sitelist-logo a {
  border: none;
}

.sitelist-page td.sitelist-link {
  width: 16px;
  padding: 10px 10px 10px 0;
}

.sitelist-page td.sitelist-code {
  text-align: center;
  width: 100px;
}

.sitelist-page td.sitelist-inactive {
  text-align: center;
  width: 100px;
}

.sitelist-page td.sitelist-demo {
  text-align: center;
  width: 100px;
}

.sitelist-page td.sitelist-nonpageflex {
  text-align: center;
  width: 100px;
}

.sitelist-page td.sitelist-version, 
.sitelist-page td.sitelist-location {
	text-align: center;
}

.sitelist-page tr.inactive td.sitelist-code {
  text-align: center;
  color: #ccc;
}

.sitelist-page tr.inactive td.sitelist-rating {
  color: #ccc;
}

.sitelist-page tr td.sitelist-rating {
  width: 20px;
}

.sitelist-page td.sitelist-hotfolder {
  padding: 10px;
  width: 100px;
}

.sitelist-page td.sitelist-hotfolder::before {
  /* content: "\e06a"; */
  font-family: workflow;
  font-size: 16px;
  margin: 0 10px 0 0;
  top: 2px;
  position: relative;
  background-image: url(/images/icons/folder-16.svg);
  background-position: center center;
  background-size: 16px auto;
  background-repeat: no-repeat;
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
}

.sitelist-page tr.inactive td.sitelist-hotfolder {
  filter: url(/images/filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  color: #ccc;
}

.sitelist-page img.sitelist-logo {
  width: 50px;
}

.sitelist-page tr.inactive img.sitelist-logo {
  filter: url(/images/filters.svg#grayscale); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}

.sitelist-page tr.inactive td.sitelist-link a {
  display: none;
}

.sitelist-page a.sitelist-admin:hover {
  background-color: #fff;
  color: #555;
}

.sitelist-page a.sitelist-user:hover {
  background-color: #fff;
  color: #555;
}

/* .sitelist-page .sitelist h2.box_header {} */

article.filter-list {
	position: relative;
	margin: 0 0 20px;
	clear: both;
  border-radius: 5px;
}

article.filter-list table thead th {
	padding: 4px 10px;
	background: #eee;
}

article.filter-list .dataTables_filter {
  font-size: 0px;
  background: #fafafa;
  height: 50px;
  vertical-align: middle;
  text-shadow: none;
  border-bottom: 5px solid #aaa;
  text-align: left;
  padding: 10px 10px 0;
  position: relative;
  border-radius: 5px 5px 0 0;
}

body.DLNI article.filter-list .dataTables_filter {
  border-bottom-color: #32CF6D;
}

body.DLLV article.filter-list .dataTables_filter {
  border-bottom-color: #FF7A54;
}

body.DLMN article.filter-list .dataTables_filter {
  border-bottom-color: #DD57FF;
}

body.DLNJ article.filter-list .dataTables_filter {
  border-bottom-color: #399FFF;
}

body.CREEL article.filter-list .dataTables_filter {
  border-bottom-color: #718da7;
}

/* .sitelist-page #site-list-table_filter, 
#paper-report-table_filter {} */

article.filter-list .dataTables_info {
  padding: 0 20px;
  height: 30px;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 25px;
}

#user-list-table_wrapper, 
#client-list-table_wrapper {
  position: relative;
}

.userlist .box_body .ticket_action_links {
  z-index: 10;
  position: relative;
}

.fg-toolbar.ui-corner-bl {
	position: relative;
}

.userlist .fg-toolbar.ui-widget-header.ui-corner-tl {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 15px 0 0;
}

article.filter-list .dataTables_filter input {
  background: rgba(0,0,0,0.07) !important;
  border: none !important;
  height: 40px;
  width: 100%;
  line-height: 40px;
  margin: 0;
  padding: 0;
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  text-indent: 55px;
}

article.filter-list .dataTables_filter::before {
  font: 26px/40px workflow;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.07);
  display: block;
  float: left;
  color: #505050;
  text-indent: 0;
  text-align: center;
  content: "V";
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 5px 0 0 0;
}

/* article.filter-list.column-filters {} */

article.filter-list.column-filters tfoot {
	display: table-header-group;
}

article.filter-list.column-filters tfoot td:first-of-type select {
	display: none;
}

article.filter-list.column-filters tfoot td {
	background: #eee;
	padding: 10px;
}

article.filter-list .dataTables_paginate {
  width: 100%;
  height: 20px;
  padding: 5px 0 10px;
  text-align: center;
}

article.filter-list .dataTables_paginate a, 
article.filter-list .dataTables_paginate span {
  display: inline-block;
  height: 20px;
  cursor: pointer;
  vertical-align: top;
  color: #555;
}

article.filter-list .dataTables_paginate a.paginate_button, 
article.filter-list .dataTables_paginate span.ellipsis, 
article.filter-list .dataTables_paginate span .fg-button {
  padding: 0 5px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 400;
}

article.filter-list .dataTables_paginate .first, 
article.filter-list .dataTables_paginate .previous, 
article.filter-list .dataTables_paginate .next, 
article.filter-list .dataTables_paginate .last, 
article.filter-list .dataTables_paginate span.first, 
article.filter-list .dataTables_paginate span.previous, 
article.filter-list .dataTables_paginate span.next, 
article.filter-list .dataTables_paginate span.last {
  width: 20px;
  text-indent: -20000px;
  overflow: hidden;
  position: relative;
  height: 20px;
  padding: 0 !important;
}

article.filter-list .dataTables_paginate .first::before, 
article.filter-list .dataTables_paginate .previous::before, 
article.filter-list .dataTables_paginate .next::before, 
article.filter-list .dataTables_paginate .last::before, 
article.filter-list .dataTables_paginate span.first::before, 
article.filter-list .dataTables_paginate span.previous::before, 
article.filter-list .dataTables_paginate span.next::before, 
article.filter-list .dataTables_paginate span.last::before {
  font-family: workflow;
  text-align: center;
  text-indent: 0;
  width: 20px;
  position: absolute;
  left: 0;
  height: 20px;
  font-size: 20px;
  background-position: center center;
  background-size: 16px;
  background-repeat: no-repeat;
}

article.filter-list .dataTables_paginate .first::before, 
article.filter-list .dataTables_paginate span.first::before {
  /* content: ")"; */
  content: "";
  background-image: url(/images/icons/first-16.svg)
}

article.filter-list .dataTables_paginate .previous::before, 
article.filter-list .dataTables_paginate span.previous::before {
  /* content: "\e08b"; */
  content: "";
  background-image: url(/images/icons/prev-16.svg)
}

article.filter-list .dataTables_paginate .next::before, 
article.filter-list .dataTables_paginate span.next::before {
  /* content: "R"; */
  content: "";
  background-image: url(/images/icons/next-16.svg)
}

article.filter-list .dataTables_paginate .last::before, 
article.filter-list .dataTables_paginate span.last::before {
  /* content: "("; */
  content: "";
  background-image: url(/images/icons/last-16.svg)
}

article.filter-list .dataTables_length {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0 20px;
  height: 30px;
  line-height: 25px;
  z-index: 10;
}

.bin-contents {
  margin: 0 !important;
  border-collapse: collapse;
  background: none !important;
  width: 100%;
  border: none !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.bin-contents th.header {
  background: rgba(0,0,0,0.25);
  text-shadow: none;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.bin-contents tfoot td {
  background: rgba(0,0,0,0.25);
  text-shadow: none;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
}

.bin-contents tr td, 
.bin-contents tr th {
  padding: 5px;
  color: #fff;
}

td.table_number {
  text-align: center;
}

table.numbered tfoot td::before {
	content: "" !important;
}

tr.unit_in td {
  background-color: #3bd965;
  color: #363636;
}

tr.unit_out td {
  background-color: #f6bd52;
  background: repeating-linear-gradient(45deg, #f6bd52 0%, #f6bd52 10%, #f3a719 10%, #f3a719 20%);
  color: #363636;
}

tr.unit_out.even:hover {
  background: rgba(0,0,0,0.25);
  color: #fff;
}

tr.unit_out.odd:hover {
  background: rgba(0,0,0,0.35);
  color: #fff;
}

.bin-contents tr.odd:hover {
	background: rgba(0,0,0,0.25);
}

.bin-contents tr.even:hover {
	background: rgba(0,0,0,0.35);
}

tr.unit_out.even, 
.bin-contents tr.odd {
  background: rgba(0,0,0,0.25);
  color: #fff;
}

tr.unit_out.odd, 
.bin-contents tr.even {
  background: rgba(0,0,0,0.35);
  color: #fff;
}

body#consolidation {
  background: #ddd !important;
  font-family: 'Lato', sans-serif;
}

body#consolidation #footer, 
body#consolidation #timestamp {
  display: none;
}

.legend-group {
  text-align: center;
  position: fixed;
  right: 30px;
  top: 85px;
  z-index: 2;
}

.cons-page {
  max-width: 95%;
  margin: 0 auto 20px;
  background: rgba(0,0,0,0.25);
  display: inline-block;
  padding: 25px 17px 5px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
}

.cons-main {
  margin: 0 0 0 350px;
  text-align: left;
}

.cons-sidebar {
  width: 350px;
  height: 100%;
  min-height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #4a4b54;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.cons-sidebar h1 {
  color: #eee;
  text-transform: uppercase;
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  margin: 8px 0 20px;
  padding: 0 20px;
}

.cons-sidebar h2 {
  text-align: left;
  text-transform: uppercase;
  background: #555660;
  height: 50px;
  line-height: 50px;
  color: #ccc;
  padding: 0 20px;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 20px;
  text-shadow: none;
}

.cons-info h3 {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 20px;
  padding: 0;
  text-align: center;
  font-weight: 400;
}

.cons-info h3 strong {
  display: block;
  font-weight: 700;
  margin: 10px auto 0;
  font-size: 70px;
  line-height: 60px;
}

.cons-sidebar-inner {
  padding: 40px 0 20px;
}

.cons-main-inner {
  padding: 0 20px 20px;
}

.cons-block {
  margin: 0 0 20px;
  padding: 0;
  vertical-align: top;
}

.cons-main .cons-block {
  margin: 0 0 20px;
  padding: 0 0;
  vertical-align: top;
  background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.cons-main .cons-block .cons-inner {
  padding: 15px 15px 5px;
}

.cons-main .cons-block h2 {
  margin: 0;
  padding: 0 20px;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #4a4b54;
  text-shadow: none;
  background: #fafafa;
}

.cons-main .cons-block h2 span {
  float: right;
}

.cons-block.cons-general table, 
.cons-block.cons-oversized table, 
.cons-clear table {
  margin: 0 0 15px;
  width: 100%;
}

/* .cons-clear table td {} */

.cons-block.cons-general table td.first, 
.cons-block.cons-oversized table td.first {
  width: 15px;
  font-size: 16px;
}

.cons-block.cons-info {
  min-width: 150px;
}

.cons-inner {
  padding: 15px 15px 0;
}

div.consolidation-annex-left {
  float: left;
}

div.consolidation-annex-right {
  float: right;
}

ul.consolidation-legend, 
ul.stat-legend {
  margin: 0;
  padding: 0;
  position: relative;
}

ul.report-status {
	margin: -20px;
	padding: 0;
	list-style-type: none;
}

ul.report-status li {
	background: #d9f991;
	color: #506f1e;
	padding: 10px 20px;
	font-size: 18px;
}

ul.consolidation-legend li, 
ul.stat-legend li {
  margin: 0 0 10px;
  padding: 0;
  text-shadow: none;
  list-style-type: none;
  vertical-align: middle;
  display: inline-block;
  width: 100%;
  text-align: left;
  font-size: 16px;
}

aside ul.consolidation-legend li, 
aside ul.stat-legend li {
	color: #eee;
}

aside ul.consolidation-legend li:last-of-type, 
aside ul.stat-legend li:last-of-type {
	margin: 0;
}

ul.consolidation-legend li span, 
ul.stat-legend li span {
  float: right;
}

ul.consolidation-legend li::before {
  content: ".";
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  text-indent: -2000px;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul.consolidation-legend li.cons-legend-error::before {
  background: #ff0000;

}
ul.consolidation-legend li.cons-legend-ready::before {
  background: #3bd965;
}

ul.consolidation-legend li.cons-legend-use::before {
  background: #f6bd52;
  background: repeating-linear-gradient(45deg, #f6bd52 0%, #f6bd52 10%, #f3a719 10%, #f3a719 20%);
}

ul.consolidation-legend li.cons-legend-available::before {
  background: #fafafa;
}

ul.consolidation-legend li.cons-legend-all::before {
  content: "r";
  font-family: workflow;
  font-size: 20px;
  color: #fff;
  text-indent: 0;
  border-radius: 0;
  line-height: 19px;
}

ul.consolidation-stats {
  float: none;
}

table.consolidation-table-oversized {
  border: none !important;
  text-align: center;
}

table.consolidation-table {
  border: none !important;
  padding: 0 0 0 0;
  text-align: center;
  font-family: bebas_neue_regularregular;
}

table.consolidation-table-oversized td {
  min-width: 25px;
  padding: 2px;
  width: auto;
}

table.consolidation-table td {
  padding: 2px 1px;
  min-width: 15px;
  width: auto;
}

table.consolidation-table th {
  padding: 2px 0;
}

table.consolidation-table#clear-bins th {
	padding: 2px 5px !important;
}

table.consolidation-table td a, 
table.consolidation-table-oversized td a {
  border: none !important;
  padding: 0;
  height: 30px;
  display: block;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  color: #000;
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.2);
}

/* table.consolidation-table td.double a {} */

table.consolidation-table td.cons-empty a, 
table.consolidation-table td.double.cons-empty a, 
table.consolidation-table-oversized td.cons-empty a {
  background: #eee;
}

table.consolidation-table td.cons-in-progress a, 
table.consolidation-table td.double.cons-in-progress a, 
table.consolidation-table-oversized td.cons-in-progress a {
  background: #f6bd52;
  background: repeating-linear-gradient(45deg, #f6bd52 0%, #f6bd52 10%, #f3a719 10%, #f3a719 20%);
}

table.consolidation-table td.cons-complete a, 
table.consolidation-table td.double.cons-complete a, 
table.consolidation-table-oversized td.cons-complete a {
  background: #3bd965;
}

table.consolidation-table td.bin-error a, 
table.consolidation-table td.double.bin-error a, 
table.consolidation-table-oversized td.bin-error a {
  background: #e43333;
  background: repeating-linear-gradient(135deg, #e43333 0%, #e43333 10%, #c12626 10%, #c12626 20%);
  color: #fff;
}

td.deactivated {
  background: none;
  padding: 7px 0px;
}

form.cons-actions {
  margin: 10px 0 0;
}

/** Check-In Tool **/

.state-select {
  font-size: 20px;
  height: 40px;
  padding: 10px;
  border: none;
}

div.checkedin {
  margin: 0;
  padding: 0;
  font-size: 35px;
  line-height: 35px;
  text-align: center;
}

.checkedin-arrows {
  display: inline-block;
  width: 80px;
  padding: 0;
  font: 30px/30px workflow;
}

.checkedin-state {
  display: inline-block;
  padding: 0;
  text-transform: uppercase;
}

.cons-success-wrap .checkedin-state {
  font-size: 250px;
}

.checkedin-ticket {
  display: inline-block;
  padding: 0;
  text-align: right;
}

.scan-success-wrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #3bd965;
	z-index: 1000;
	color: rgba(0,0,0,0.8);
	text-shadow: 0 1px 15px #3bd965;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	font-size: 90px;
	font-weight: bold;
}

.cons-success-wrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #f6bd52;
	z-index: 1000;
	color: rgba(0,0,0,0.8);
	text-shadow: 0 1px 15px #f6bd52;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	font-size: 90px;
	font-weight: bold;
}

.cons-success-wrap.dump-bin {
	background: #3bd965;
	text-shadow: 0 1px 15px #3bd965;
}

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

@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

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

.scan-success-bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3bd965+0,2faa4c+100 */
	background: #3bd965; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #3bd965 0%, #2faa4c 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #3bd965 0%,#2faa4c 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #3bd965 0%,#2faa4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bd965', endColorstr='#2faa4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
	-o-animation: flickerAnimation 1s infinite;
	 animation: flickerAnimation 1s infinite;
}

.cons-success-bg {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #f6bd52;
	background: repeating-linear-gradient(45deg, #f6bd52 0%, #f6bd52 10%, #f3a719 10%, #f3a719 20%);
	-webkit-animation: flickerAnimation 1s infinite;
	-moz-animation: flickerAnimation 1s infinite;
	-o-animation: flickerAnimation 1s infinite;
	 animation: flickerAnimation 1s infinite;
}

.dump-bin .cons-success-bg {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3bd965+0,2faa4c+100 */
	background: #3bd965; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #3bd965 0%, #2faa4c 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #3bd965 0%,#2faa4c 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #3bd965 0%,#2faa4c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bd965', endColorstr='#2faa4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.checkedin-tick {
	width: 160px;
	height: 160px;
	line-height: 160px;
	border: 10px solid rgba(0,0,0,0.8);
	text-align: center;
	border-radius: 50%;
	margin: 0 0 20px;
}

.checkedin-tick::before {
	content: "\e114";
	font-family: workflow;
	display: block;
	font-weight: normal;
	font-size: 120px;
	width: 160px;
	height: 160px;
	line-height: 160px;
}

.checkedin-arrow-down::before {
	content: "\e046";
	font-family: workflow;
	display: block;
	font-weight: normal;
	font-size: 100px;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}

#clear-bins_filter {
  color: transparent;
  font-size: 0px;
}

table#clear-bins.consolidation-table {
  border: 1px solid #DBDBDB !important;
  background: #fff url(/images/table-header.jpg) repeat-x left top;
  text-align: left;
  width: 100%;
  margin: 10px 0 10px !important;
  border-collapse: collapse;
}

table#clear-bins.consolidation-table tr td {
  padding: 2px 4px;
}

#bx-label {
  height: 250px !important;
}

img.bx-logo {
  float: left;
  max-width: 50px;
  margin: 0 10px 0 0;
}

.commission-highlight {
  background-color: #d9f991 !important;
  border-color: #9fd531 !important;
}

.commission-highlight td {
  border-color: #9fd531 !important;
  background-color: #d9f991 !important;
}

.site-edit .col_2 {
  min-height: 25px;
}

.site-edit label {
  text-align: right;
  width: 70px;
  display: inline-block;
  /*background: #e2e2e2;*/
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  padding: 2px 10px 2px 0;
}

.site-edit label.radio-label {
  width: inherit;
  display: inline;
  background: none !important;
  padding: 0 0 0 10px !important;
}

.site-edit #ticket_data_controls {
  float: left;
  clear: both;
}

.site-edit-dumper {
  display: none;
}

input.site-submit {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/ready.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
  float: right;
  margin: 10px 15px 0 0;
}

input.site-submit:hover {
  background-color: #fff;
}

input.site-reset {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/cancel.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
  float: right;
  margin: 10px 10px 0 0;
}

input.site-reset:hover {
  background-color: #fff;
}

a.site-list-return {
  display: block;
  text-align: left;
  margin: 0px;
  padding: 2px 8px 2px 25px;
  border: 1px solid #cecece;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #e6e6e6 url(/images/sitelist-icon16.png) no-repeat 4px 2px;
  min-height: 16px;
  cursor: pointer;
  float: right;
  margin: 10px 10px 0 0;
}

a.site-list-return:hover {
  background-color: #fff;
}

article fieldset .split input[type="text"], 
article fieldset .split input[type="file"] {
  width: 75%;
}

article fieldset .split select {
  width: 75%;
}

.ticket-form-breadcrumb {
  padding: 20px;
}

/* Ticket Base Styles */

#ticket_base_ticket_code_field input#ticket_code {
  background: none;
  border: 1px solid #B7B7B7;
  font-size: inherit;
  float: none;
  height: inherit;
  padding: inherit;
}

.check-in-input div {
	padding: 20px;
}

.check-in-input #ticket_code, 
.check-in-input #Kart_code, 
.check-in-input #Shelf_code, 
.check-in-input #ticket_id {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 20px;
}

#ticket_base_ticket_name_field input#ticket_name, 
#ticket_base_promise_date_field input#promise_date, 
#ticket_base_creation_ts_field input#creation_ts, 
#ticket_base_completion_ts_field input#completion_ts {
  width: 350px;
}

tr#ticket_base_completion_ts_row td {
  padding-bottom: 10px;
}

.form_body p {
  background: url("/images/boxmiddle.png") repeat-y left top;
  padding: 0 15px 10px;
}

/* .print_ticket_mod {} */

/* PrePress++ Styles */

h3.prepressplus_header {
  background: #f0f0f0;
  display: block;
  width: 100%;
  height: 30px;
  text-indent: 15px;
  padding: 0;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  text-shadow: 0 1px 0 #fff !important;
  text-align: left;
  clear: both;
}

.prepressplus_wrap {
  text-align: center;
  padding: 0 !important;
}

.prepressplus_wrap h2.list_header {
  margin: 0 !important;
}

.prepressplus_wrap table {
  width: 98%;
  margin: 0 10px 10px;
}

.prepressplus_wrap th {
  text-align: left;
  padding: 2px 5px 2px 10px;
}

table.prepressplus {
  margin: 0 0 20px !important;
}

table.prepressplus tr.even {
  background: #fafafa;
}

table.prepressplus tr.colorize {
  background: #6cff93 !important;
  color: #005c30 !important;
}

table.prepressplus tr.odd.colorize {
  background: #e7f9b6 !important;
}

.pppp-select {
  width: 30px;
}

.pppp-count {
  width: 10px;
  text-align: left;
}

/* .pppp-select label {
  overflow: hidden;
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
} */

/* .pppp-select label::before {
  font-family: workflow;
  color: rgba(0,0,0,0.15);
  content: "\e006";
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
} */

tr.colorize .pppp-select label::before {
  color: rgba(80,111,30,1);
}

/* tr.colorize .pppp-select label::after {
  font-family: workflow;
  color: #d9f991;
  content: "\e02e";
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
} */

/* .pppp-select input {
  position: absolute;
  left: -100px;
  top: -100px;
  width: 200px;
  height: 200px;
  z-index: 2;
  cursor: pointer;
} */

.prepressplus-footer {
  margin: 20px 0 0;
}

.prepressplus-footer input {
  width: auto;
  padding: 0 15px;
  color: #fff !important;
}

.pppp-id {
  min-width: 150px;
}

.pppp-name {
  min-width: 220px;
}

.pppp-cover, .pppp-quantity, .pppp-delivery {
  min-width: 50px;
}

.pppp-price {
  min-width: 80px;
}

.pppp-paper, .pppp-uv, .pppp-color, .pppp-trim, .pppp-promised, .pppp-due {
  min-width: 70px;
}

.pppp-due {  border-radius: 0 !important; }

/* Batch Creator Styles */

/* table#batch_creator_body {} */

table#batch_creator_body tr {
  padding: 0;
}

table#batch_creator_body tr td {
  padding: 10px;
}

table#batch_creator_body tr td table tr td {
  padding: 0;
}

#batch_creator_ticket_id_field {
  text-align: left;
}

#batch_creator_ticket_id_field table {
  border: none !important;
  float: left;
  background: none !important;
}

#batch_creator_ticket_id_field table tr {
  background: none !important;
}

div.job-name {
  display: block;
}

.print-date-box {
  display: none;
}

/* .web-date-box {} */

/* Signoff Styles */

.signoff {
  width: 100%;
}

.signoff .signature {
  width: 70%;
  height: .25in;
  line-height: .25in;
  margin: 0 5% 0 0;
  display: inline-block;
  border-bottom: 1px solid #000;
}

.signoff .signoff-price {
  width: 20%;
  height: .25in;
  line-height: .25in;
  display: inline-block;
  text-align: right;
  /*border-bottom: 1px solid #000;*/
}

.signoff .transaction {
  width: 95%;
  height: .25in;
  line-height: .25in;
  margin: 0 5% 0 0;
  border-bottom: 1px solid #000;
}

.toggle {
  cursor: pointer;
}

.expandable-list {
  background: #fff;
  margin: 0;
  padding: 15px 20px;
}

a.edit-press-paper-list {
  width: 930px;
  height: 100%;
  display: table-cell;
  position: absolute;
}

a.edit-press-paper-list:hover {
  color: #555 !important;
  background: url(/images/edit-field.png) no-repeat right top;
}

.accordion {
  position: relative;
}

.queue-accordions {
	padding: 0 0 30px;
}

/* Ledger Styles */

.ledger-details {
  text-align: left;
}

.ledger_body {
  padding-bottom: 10px;
}

#ledger-table th {
  border-bottom: 2px solid #555;
}

td.total {
  font-weight: bold;
  font-size: 16px;
  border-top: 2px solid #b02729;
  color: #b02729;
  background: #fff !important;
}

input.ledger-input {
  width: inherit;
  margin: 3px 0;
}

input.ledger-input.ledger-description {
	width: 65%;
	display: inline-block;
}

input.ledger-input.ledger-amount {
	width: 32%;
	display: inline-block;
}

.ledger-details input.ledger-input {
  width: 100%;
  margin-right: 0;
}

.ledger-submit input.ledger-add {
  margin: 0 0 0 0;
  padding: 0;
  height: 16px;
  width: 16px;
  background: transparent url(/images/add.png) no-repeat left top;
  border: none;
  text-indent: -20000px;
  display: inline-block;
  cursor: pointer;
}

td.ledger-submit {
  padding: 2px 10px 2px 0 !important;
}

td.ledger-details {
  padding: 2px 5px 2px 0 !important;
}

td.ledger-cat-select {
  padding: 2px 5px 2px 10px !important;
}

td.ledger-user img {
  width: 16px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}

.ledger-total {
  text-align: right !important;
  font-weight: bold;
}

td.ledger-cat-select {
  text-align: right !important;
}

td.ledger-amount {
  padding: 2px 10px 2px 0 !important;
  text-align: right !important;
}

th.ledger-amount-header {
  padding: 2px 10px 2px 0 !important;
  text-align: right !important;
}

/* Revenue History */

.revenue-history-ordered-today.even, 
.revenue-history-ordered-today.even:hover {
  background: #cbe09f;
  color: #506f1e;
  text-shadow: #eaf3cd 0 1px 0;
}

.revenue-history-shipped.odd, 
.revenue-history-shipped.odd:hover, 
.revenue-history-ordered-today.odd, 
.revenue-history-ordered-today.odd:hover {
  background: #eaf3cd;
  color: #506f1e;
  text-shadow: #fff 0 1px 0;
}

.revenue-history-shipped.even, 
.revenue-history-shipped.even:hover {
  background: #cbe09f;
  color: #506f1e;
  text-shadow: #eaf3cd 0 1px 0;
}

.revenue-history-ytd.odd,
.revenue-history-ytd.odd:hover,
.revenue-history-month-total.odd, 
.revenue-history-month-total.odd:hover {
  background: #eed098;
  color: #6d481d;
  text-shadow: #fbefd9 0 1px 0;
}

.revenue-history-ytd td,
.revenue-history-month-total td {
  border-top: 20px solid #fff;
  font-size: 15px;
  padding: 6px 10px;
}

.revenue-history-ytd.last-year td {
  border: 0px;
}

.revenue-history-month.odd, 
.revenue-history-month.odd:hover {
  background: #eed098;
  color: #6d481d;
  text-shadow: #fbefd9 0 1px 0;
}

.revenue-history-month.even, 
.revenue-history-month.even:hover {
  background: #fbefd9;
  color: #a46e2d;
  text-shadow: #fff 0 1px 0;
}

.revenue-history-ordered-today td {
  font-size: 15px;
  padding: 6px 10px;
  font-weight: bold;
}

tr.last-year td {
  font-style: italic;
}

.revenue-history-month.even.last-year td {
  border-bottom: 2px solid #f6d391;
}

.revenue-history-daily-gross, 
.revenue-history-daily-gross:hover, 
.revenue-history-daily-gross.odd:hover {
  background: #cbe09f;
  color: #506f1e;
  text-shadow: #eaf3cd 0 1px 0;
}

.revenue-history-daily-gross td {
  font-size: 15px;
  padding: 6px 10px;
  border-top: 20px solid #fff;
}

/*Proof Approval*/

table.proof-approval {
  width: 100%;
  height: 100%;
  color: #2f2f2f;
}

table.proof-approval tr td {
  vertical-align: middle;
}

article.proof-approval-wrapper {
  width: 800px;
  margin: 40px auto 0;
  float: none;
}

article.proof-approval-wrapper section {
	margin: 0 0 40px;
}

article.proof-approval-wrapper section h2 {
	border-bottom: none;
	text-align: center;
	background: #eee;
}

.proof-approval-outer, 
.proof-message {
  background: url(/images/proof-body.png) repeat-y center top;
  width: 430px;
}

.proof-message-inner {
  padding: 0 30px 10px;
}

.proof-message h2 {
  font-size: 20px;
  margin: 0 0 10px;
  padding: 0;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  text-shadow: #b6b6b6 0 1px 0;
  color: #2f2f2f;
}

.proof-message p {
  text-shadow: #b6b6b6 0 1px 0;
  color: #2f2f2f;
  text-align: center;
  padding: 10px 10px;
  margin: 0 0;
  font-size: 14px;
  line-height: 18px;
}

div.proof-page-header {
  background: url(/images/proof-title.png) no-repeat center top;
  margin: 0;
  padding: 0;
  height: 60px;
  width: 430px;
}

div.proof-page-header h1.proof-title {
  background: none;
}

div.proof-page-header h1.proof-title::before {
  position: relative;
  top: 12px;
  margin: 0 5px 0 0;
}

div.proof-page-header h1.proof-title.proof-change::before {
  content: url(/images/proof-new-icon.png);
}

div.proof-page-header h1.proof-title.proof-approved::before {
  content: url(/images/proof-approve-icon.png);
}

.button.proof-download {
  width: 100%;
  box-sizing: border-box;
}

.button.proof-download::before {
	content: "\e0f5";
}

.button.proof-download:hover::before {
	content: "\e04d";
}

.proof-content-top {
  background: url(/images/proof-content-top.png) no-repeat center top;
  width: 430px;
  height: 10px;
}

.listbg {
  background: url(/images/ticketbg.png) repeat left top;
  padding: 25px;
  display: inline-block;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

textarea.proof-note {
  width: 100%;
  margin: 0 0 10px;
  min-height: 60px;
  padding: 10px 15px;
}

input.proof-signature {
  width: 100%;
  margin: 0 0 10px;
  text-align: center;
}

div.checkboxes input {
  visibility: hidden;
  height: 0;
  width: 0;
  position: absolute;
}

div.checkboxes label {
  height: 40px;
  padding: 0 0 0 50px;
  display: block;
  /* vertical-align: middle; */
  line-height: 40px;
  cursor: pointer;
  font-size: 14px;
  position: relative;
}

div.checkboxes label::before {
	width: 40px;
	height: 40px;
	font-size: 26px;
	line-height: 40px;
	text-align: center;
	background: rgba(0,0,0,0.15);
	color: rgba(0,0,0,0.3);
	content: "";
	font-family: workflow;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

div.checkboxes .approve-all label::before {
	content: "\e02e";
}

div.checkboxes .new-proof label::before {
	content: "l";
}

div.checkboxes .approve-all input[type="radio"]:checked+label::before {
  background: #7ed55f;
  color: rgba(0,0,0,0.7);
}

div.checkboxes .new-proof input[type="radio"]:checked+label::before {
  background: #ffc923;
  color: rgba(0,0,0,0.7);
}

.button.approve, 
.button.decline {
	margin: 0;
}

td.quote-actions .button.approve {
	margin: 0 10px 0 0 !important;
}

article.ticket .button.approve {
  background: #7ed55f;
  color: rgba(0,0,0,0.7) !important;
}

article.ticket .button.decline {
  background: #ffc923;
  color: rgba(0,0,0,0.7) !important;
}

.button.approve.disabled, 
.button.decline.disabled {
  opacity: 0.25;
}

.ticket-proof-info {
  width: 100%;
  padding: 20px 0 0;
}

.checkboxes {
	width: 100%;
	text-align: center;
	margin: 0 0 10px;
}

.ticket-piece-info, 
.ticket-ship-info {
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.proof-option {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
}

.ticket-ship-info {
	text-align: center;
}

.ticket-piece-info table {
	padding: 0;
	margin: 0 auto;
	border: none;
}

.ticket-piece-info table td {
	font-size: 16px;
	line-height: 22px;
	padding: 0;
	text-align: left;
}

.ticket-piece-info table td:first-child {
	text-align: right;
}

.ticket-piece-info table td strong {
	padding: 0 10px 0 0;
	text-transform: uppercase;
}

.ticket-ship-info p {
  margin: 0 0 10px;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
}

.ticket-ship-info p strong {
	text-transform: uppercase;
}

.ticket-ship-info p.service {
  margin: 0;
}

/* Move Request */

.assistant_box.move_request {
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  padding: 0 10px 0 26px;
  /*background: #d9f991 url(/images/warn.png) no-repeat 10px 3px;*/
  background: #d9f991 url(/images/next.png) no-repeat 5px 2px;
  border: 1px solid #90c50e;
  color: #506f1e;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.packed_date, 
.company_address {
  margin-top: 0;
}

#ship_to textarea, 
#bill_to textarea, 
#order_table textarea, 
#item_table textarea {
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

#order_table, 
#item_table {
  border-collapse: collapse;
  border: 1px solid #bbb;
}

/* Paper Report */

div.paper-columns {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-fill: auto;
}

div.paper {
  width: 300px;
  margin: 0 0 20px;
}

div.paper table {
  border-collapse: collapse;
  margin: 0 !important;
  border: none !important;
}

div.paper table tr td {
  border: none !important;
}

div.paper table tr:hover {
  background: none !important;
}

h2.paper-name {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
}

table.paper-lists {
  border: none;
}

table.paper-lists td.paper-list {
  vertical-align: top;
  padding: 0 10px 0 0;
}

table.paper-lists td.paper-list h3 {
  margin: 0;
}

table.paper-lists td.paper-list li {
  font-size: 10px;
}

table.paper-lists td.paper-list ul {
  margin: 5px 0 0;
  padding: 0 0 0 15px;
}

/* Envelope Styles */

.envelope {
  background: #eee;
  border-top: 1px solid #fff;
  margin: 15px 25px;
  width: 200px;
  float: left;
  box-shadow: 0 2px 10px #000;
  position: relative;
  min-height: 140px;
  cursor: pointer;
}

.stamp {
  position: absolute;
  right: 10px;
  top: 6px;
  font-weight: bolder;
  color: #ccc;
  font-size: 14px;
}

.envelope.mailblock-area {
  cursor: default;
}

.envelope.expand {
  width: 950px;
  min-height: 670px;
}

.envelope .address {
  color: #000;
  text-shadow: #fff 0 1px 0;
  font: 8px Arial, Helvetica, Geneva, sans-serif;
}

.envelope.expand .address {
  font-size: 15.5px;
}

.envelope.expand .stamp {
  position: absolute;
  right: 50px;
  top: 40px;
  font-weight: bolder;
  color: #ccc;
  font-size: 50px;
}

.envelope .address p {
  margin: 0;
  padding: 0;
}

.envelope .address.sender {
  position: absolute;
  left: 7px;
  top: 5px;
}

.envelope.expand .address.sender {
  position: absolute;
  left: 35px;
  top: 34px;
}

.envelope .address.recipient {
  position: absolute;
  left: 45px;
  top: 70px;
}

.envelope .address.recipient.batch, 
.envelope .address.recipient.header {
  text-align: center;
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
}

.envelope .address.recipient.batch p, 
.envelope .address.recipient.header p {
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 0 0;
}

.envelope .address.recipient img {
  width: 60px;
}

.envelope.expand .address.recipient {
  position: absolute;
  left: 392px;
  top: 370px;
}

.envelope.expand .address.recipient.batch, 
.envelope.expand .address.recipient.header {
  text-align: center;
  position: absolute;
  left: 0;
  top: 300px;
  width: 100%;
}

.envelope.expand .address.recipient.batch p, 
.envelope.expand .address.recipient.header p {
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 0 0;
}

.envelope.expand .address.recipient img {
  width: auto;
}

.current-card-batch {
  margin: 0;
  font-size: 26px;
  text-transform: uppercase;
}

#reconcilliation {
  padding: 10px 0 0;
  text-align: center;
}

#reconcilliation span {
  display: inline-block;
  padding: 4px 8px;
  border: 1px solid #ccc;
  background: #eee;
  border-radius: 5px;
  margin: 0 5px;
  font-size: 14px;
  
}

#insert-data {
  margin: 0 10px 0 0;
}

#insert-data td, 
#insert-data th {
  text-align: left;
  padding: 4px 8px;
  vertical-align: top;
  font-size: 12px;
}

#insert-data tr.odd.scanned, 
#insert-data tr.odd.scanned:hover {
  background: #e7f9b6;
  color: #506f1e;
}

#insert-data tr.even.scanned, 
#insert-data tr.even.scanned:hover {
  background: #d9f991;
  color: #506f1e;
}

#insert-data th {
  font-weight: bold;
}

/* Throughput Report */

.product .sfly-table tbody tr td {
  padding: 2px 4px;
  text-align: right;
}

.sfly-table tr.shift-c td {
  background: #f59a92;
  border: 2px solid #fff;
  color: #6c221b;
}

.sfly-table tr.shift-c td a {
  color: #6c221b;
}

.sfly-table tr.shift-b td {
  background: #8baaf7;
  border: 2px solid #fff;
  color: #2d2a6d;
  padding: 0;
}

.sfly-table tr.shift-b td a {
  color: #2d2a6d;
}

.sfly-table tr.shift-a td {
  background: #9cf9a6;
	border: 2px solid #fff;
  color: #165f17;
}

.sfly-table tr.shift-a td a {
  color: #165f17;
}

.sfly-table tr.shift-a td:first-child, 
.sfly-table tr.shift-b td:first-child, 
.sfly-table tr.shift-c td:first-child {
	border-left: none;
}

.sfly-table tr.shift-a td:last-child, 
.sfly-table tr.shift-b td:last-child,
.sfly-table tr.shift-c td:last-child {
	border-right: none;
}

#settings-pane {
  text-align: left;
  padding: 0 10px 10px;
}

/* #rev-summary {
  border-collapse: collapse;
  border: 1px solid #bbb;
} */

#rev-summary thead th.header {
	text-align: center !important;
}

#rev-summary tbody tr td:not(:last-child) {
	border-right: 1px solid #bbb;
}

#rev-summary .even:hover td, 
#rev-summary .odd:hover td {
  border-color: #bbb !important;
}

/*#rev-summary .even td {
  border: 1px solid #aaa;
}

#rev-summary .odd td {
  border: 1px solid #bbb;
}*/

/* Buffini Box Tool */

.boxing-tool-left {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.boxing-tool-right {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

/* img.box-tool-barcode {} */

input.box-tool-input {
  width: 300px;
}

.button-panel {
  width: 100%;
  float: left;
  clear: both;
}

.button-panel .ticket_action_links li {
  padding: 0 0 0 10px;
}

.balfour-quick-info {
  background: url(/images/ticketbg.png) repeat left top;
  padding: 20px;
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
  position: fixed;
  right: 0;
  bottom: 0;
}

.balfour-quick-info-inner {
  box-shadow: #000 0 0 5px;
  -moz-box-shadow: #000 0 0 5px;
  -webkit-box-shadow: #000 0 0 5px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 10px;
  background: #fff;
}

.balfour-quick-info table {
  margin: 0;
}

.ticket-form-full {
	width: 100%;
	float: left;
	box-sizing: border-box;
	padding: 10px 20px 5px;
}

.ticket-form-left, 
.ticket-form-right {
  width: 470px;
  float: left;
}

.ticket-form-three-quarter {
  width: 675px;
  padding: 10px 10px 5px 20px;
  float: left;
}

.ticket-form-quarter {
  width: 225px;
  padding: 10px 20px 5px 10px;
  float: left;
}

.ticket-form-left {
  padding: 10px 10px 5px 20px;
}

.ticket-form-right {
  padding: 10px 20px 5px 10px;
}

.ticket-form-row {
  padding: 0 0 5px;
}

.ticket-form-row.hidden {
  display: none;
}

.ticket-form-row #workflow_states {
  width: 198px;
  height: auto;
  margin: 5px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
}

.ticket-form-row.radio label.loc_DLNI, 
.ticket-form-row.radio label.loc_DLLV, 
.ticket-form-row.radio label.loc_DLMN, 
.ticket-form-row.radio label.loc_DLNJ, 
.ticket-form-row.radio label.date {
  padding: 5px 20px 0 0;
  width: inherit;
  text-align: left;
}

.ticket-form-row.radio label.date.last {
	padding: 5px 0 0 0;
}

.ticket-form-row.radio input {
  width: inherit;
}

.ticket-form-row label {
  width: 105px;
  padding: 5px 5px 0 0;
  display: inline-block;
  text-align: right;
  vertical-align: top;
}

.ticket-form-row.radio label.radio {
	width: inherit;
	text-align: left;
	margin-right: 20px;
}

.ticket-form-row input, 
.ticket-form-row textarea, 
.ticket-form-row select {
  width: 310px;
}

.ticket-form-row input#date1, 
.ticket-form-row input#date2 {
	width: 110px;
}

.ticket-form-row label.search-option {
	width: inherit;
}

.ticket-form-row input#rows, 
.ticket-form-row input#page {
	width: 50px;
}

.ticket-form-row select#vault {
	vertical-align: top;
}

.ticket-form-row input#xdead, 
.ticket-form-row input#xsfly, 
.ticket-form-row input#newest {
	width: inherit;
	vertical-align: top;
}

#date_operation {
	vertical-align: top;
	margin-top: 2px;
}

label.date2 {
	display: inline-block;
	width: inherit;
	margin: 13px 10px 0;
	padding: 0;
}

.ticket-form-full span.comment {
  display: inline-block;
  padding: 0 0 0 20px;
}

.ticket-form-left span.comment, 
.ticket-form-right span.comment {
  display: block;
  padding: 0 0 0 115px;
}

.new-ticket-menu-wrapper {
  background: #ccc;
  margin: 0 5px;
}

.chzn-container {
  width: 335px !important;
}

#workflow-state-bag.connectedSortable {
  margin: 0;
  padding: 0;
  list-style-type: none;
  column-count: 5;
  -moz-column-count: 5;
  -webkit-column-count: 5;
  column-gap: 5px;
  -moz-column-gap: 5px;
  -webkit-column-gap: 5px;
}

#workflow-state-sorted.connectedSortable {
  margin: 0;
  padding: 0;
}

#workflow-state-sorted.connectedSortable li {
  padding: 5px 8px;
  margin: 0 0 5px;
  background: #eee;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  list-style-position: inside;
}

#workflow-state-sorted li.ui-sortable-placeholder {
  background: none !important;
  visibility: visible !important;
  border: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc !important;
  color: #aaa !important;
  float: none !important;
  padding: 5px 25px 5px 8px;
}

#workflow-state-bag.connectedSortable li {
  padding: 5px;
  margin: 0 0 5px;
  list-style-type: none;
  background: #eee;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
  /*float: left;*/
  break-inside:avoid;
  -moz-break-inside:avoid;
  -webkit-break-inside:avoid;
}

#workflow-state-bag.connectedSortable li::before {
  content: "\e0a5";
  font: 18px/15px workflow;
  color: #bbb;
  vertical-align: bottom;
  margin: 0 5px 0 0;
}

h3.workflow-state {
  margin: 2px 2px 10px;
  font-weight: normal;
  font-style: normal;
}

ul.new-ticket-menu {
  padding: 0;
  margin: 0;
}

ul.new-ticket-menu li {
  display: inline-block;
  width: 24%;
}

ul.new-ticket-menu li a {
  display: block;
  padding: 10px 10px 10px 35px;
  background-position: 10px 9px !important;
  background-repeat: no-repeat;
  text-shadow: 0 1px 0 #eee;
}

ul.new-ticket-menu li a:hover {
  color: #000;
}

ul.new-ticket-menu li a.new-ticket-digital {
  background-image: url(/images/new-ticket/newticket-digital.png);
}

ul.new-ticket-menu li a.new-ticket-outsource {
  background-image: url(/images/new-ticket/newticket-outsource.png);
}

ul.new-ticket-menu li a.new-ticket-webdev {
  background-image: url(/images/new-ticket/newticket-webdev.png);
}

ul.new-ticket-menu li a.new-ticket-graphics {
  background-image: url(/images/new-ticket/newticket-graphics.png);
}

ul.new-ticket-menu li a.active {
  background-color: #ebebeb !important;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-top: 1px solid #eee;
  text-shadow: 0 1px 0 #fff;
}

#accordion legend {
  display: none;
}

#accordion fieldset {
  margin: 0 !important;
  background: none !important;
}

h3.ticket-form-header {
  background: url(/images/boxheadermiddle-legend.png) no-repeat left top;
  display: block;
  width: 960px;
  height: 30px;
  text-indent: 30px;
  padding: 0;
  margin: 0;
  margin-top: 0 !important;
  text-shadow: 0 1px 0 #fff;
  clear: both;
  border: none !important;
  font: bold 18px/30px "Trebuchet MS", "Lucida Sans", Lucida, Verdana, Arial, sans-serif;
  color: #555;
}

h3.ticket-form-header.first {
  background: url(/images/boxheadermiddle-legend-first.png) no-repeat left top;
}

.ticket-form-content {
  background: url(/images/boxmiddle.png) repeat-y left top !important;
  width: 960px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  float: left;
  clear: both;
  top: 0 !important;
}

/*.ui-accordion .ui-accordion-content-active {
  overflow: visible !important;
}*/

input.required, 
textarea.required {
  border-right: 2px solid crimson;
}

label.required::after {
  content: "*";
  color: crimson;
}

/* Shutterfly Monitor */

#sfly-monitor {
	text-align: center;
	background: #5d5e68; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #5d5e68 0%, #373840 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#5d5e68), color-stop(100%,#373840)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #5d5e68 0%,#373840 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #5d5e68 0%,#373840 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #5d5e68 0%,#373840 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #5d5e68 0%,#373840 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5e68', endColorstr='#373840',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.monitor {
	height: 100%;
	display: table;
}

/*.monitor h2 {
	background: #f05323 url(/images/shutterfly-logo.png) no-repeat left top;
	background: #919f3d;
	margin: 0;
	padding: 0;
	text-align: center;
	height: 48px;
	box-shadow: 0 2px 8px #16171a;
	-moz-box-shadow: 0 2px 8px #16171a;
	-webkit-box-shadow: 0 2px 8px #16171a;
	color: #fff;
	text-shadow: none;
	line-height: 48px;
	font-size: 26px;
	font-weight: 300;
	position: relative;
}*/

/*.monitor h2 a {
	height: 48px;
	width: 50px;
	line-height: 48px;
	padding: 0;
	color: #fff;
	font-weight: 300;
	position: absolute;
	font-size: 18px;
	text-indent: -20000px;
}*/

.monitor h2 a {
  color: #eee;
}

.monitor a.home {
	background: url(/images/monitor-home.png) no-repeat -48px top;
	left: 0;
	top: 0;
	height: 48px;
	width: 50px;
	line-height: 48px;
	padding: 0;
	color: #fff;
	font-weight: 300;
	position: absolute;
	font-size: 18px;
	text-indent: -20000px;
}

.monitor a.home:hover {
	background: url(/images/monitor-home.png) no-repeat left top;
}

.monitor h2 a.settings {
	background: url(/images/monitor-settings.png) no-repeat left top;
	right: 0;
}

.monitor-body {
	padding: 1.5% 0;
}

.monitor-state {
	background: #eee;
	box-shadow: 0 2px 8px #16171a;
	-moz-box-shadow: 0 2px 8px #16171a;
	-webkit-box-shadow: 0 2px 8px #16171a;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display: inline-block;
	padding: 0;
	margin: 0.75%;
	width: 30%;
}

.monitor-main {
	background: #eee;
	box-shadow: 0 2px 8px #16171a;
	-moz-box-shadow: 0 2px 8px #16171a;
	-webkit-box-shadow: 0 2px 8px #16171a;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	display: inline-block;
	padding: 0;
	margin: 0.75%;
	width: 93.25%;
}

.monitor-state-body {
	padding: 3% 5%;
	width: 90%;
	float: left;
}

.monitor-body-half {
	width: 50%;
	float: left;
}

.monitor-body-half.monitor-body-half-left {
	width: 48%;
	margin: 0 2% 0 0;
}

.monitor-body-half .total {
	margin: 0 0 25px;
	font-weight: 700;
	text-align: left;
	font-size: 35px;
	line-height: 30px;
	width: 100%;
	float: left;
	clear: both;
}

.monitor-body-half .total .total-odd {
	float: left;
}

.monitor-body-half .total .total-even {
	float: right;
}

.monitor-body-half .goal {
	margin: 0 0 20px;
	font-weight: 400;
	text-align: left;
	font-size: 48px;
	line-height: 48px;
	width: 100%;
	float: left;
	clear: both;
}

.monitor-body-half .goal strong {
	font-weight: 700;
}

.monitor-body-half .goal .goal-odd {
	float: left;
}

.monitor-body-half .goal .goal-even {
	float: right;
}

.monitor-body-half .goal .goal-center {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}

.align-right {
	text-align: right !important;
}

.monitor-main .monitor-state-body {
	padding: 1.5% 1.5%;
	width: 97%;
	float: left;
}

.monitor-state h3, 
.monitor-main h3 {
	font-size: 35px;
	height: 50px;
	line-height: 50px;
	text-shadow: 0 1px 0 #eee;
	padding: 0 0 0 15px;
	margin: 0;
	text-align: left;
	color: #333;
	font-weight: 400;
	background-color: #ddd;
	background-position: right 7px;
	background-repeat: no-repeat;
	border-top: 1px solid #eee;
	border-radius: 15px 15px 0 0;
	-moz-border-radius: 15px 15px 0 0;
	-webkit-border-radius: 15px 15px 0 0;
	text-transform: uppercase;
}

.monitor-report-name {
    font-size: 35px;
	height: inherit;
	line-height: 28px;
	text-shadow: 0 1px 2px #000;
	padding: 0;
	margin: 0 0 0.75%;
	text-align: center;
	color: #eee;
	font-weight: 700;
	text-transform: uppercase;
    /*letter-spacing: 0.1em;*/
    word-spacing: .3em;
}

.state-press h3 {
	background-image: url(/images/monitor-press.png);
}

.state-cut h3 {
	background-image: url(/images/monitor-cut.png);
}

.state-punch h3 {
	background-image: url(/images/monitor-punch.png);
}

.state-finish h3 {
	background-image: url(/images/monitor-finishing.png);
}

.state-sort h3 {
	background-image: url(/images/monitor-sorting.png);
}

.state-ship h3 {
	background-image: url(/images/monitor-shipping.png);
}

.monitor-state p {
	font-size: 40px;
	text-align: left;
	padding: 0;
	margin: 0;
	color: #333;
	font-weight: 700;
	display: block;
	width: 100%;
	float: left;
}

.monitor-goal {
	float: right;
}

.monitor-under {
	color: crimson;
}

.monitor-almost {
	color: #d7a100;
}

.monitor-met {
	color: #0a7cbf;
}

.monitor-over {
	color: #5ead00;
}

.monitor-progress-tray {
	background: #ccc;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 100%;
	height: 15px;
	margin: 2% 0;
	border-bottom: 1px solid #fff;
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
}

.monitor-body-half .monitor-progress-tray {
	border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	height: 45px;
	margin: 0;
	overflow: hidden;
}

.monitor-progress-bar-under {
	background: crimson;
	height: 15px;
}

.monitor-body-half .monitor-progress-bar-under, 
.monitor-body-half .monitor-progress-bar-almost, 
.monitor-body-half .monitor-progress-bar-met, 
.monitor-body-half .monitor-progress-bar-over {
	height: 45px;
	/*border-radius: 23px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;*/
}

.monitor-progress-bar-almost {
	background: #d7a100;
	height: 15px;
}

.monitor-progress-bar-met {
	background: #0a7cbf;
	height: 15px;
}

.monitor-progress-bar-over {
	background: #5ead00;
	height: 15px;
	/*border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
}

.total-value, 
.completed-value {
	position: absolute;
	font-size: 30px;
	line-height: 45px;
	height: 45px;
	padding: 0 20px;
	color: #eee;
	font-weight: 700;
	top: 0;
	text-shadow: none;
}

.total-value {
	right: 0;
	color: #333;
	text-shadow: #eee 0 1px 0;
}

.completed-value {
	left: 0;
}

.completed-due-labels {
	font-size: 35px;
	font-weight: 400;
	margin: 0;
	text-transform: uppercase;
	width: 100%;
	float: left;
	clear: both;
}

.completed-label {
	float: left;
}

.due-label {
	float: right;
}

#state-breakdown {
	float: right;
}

h3.state-breakdown {
  text-align: center;
  font-size: 27px;
  padding: 0;
  margin: 0 0 2%;
  background: none;
  height: inherit;
  line-height: 30px;
}

#sku-breakdown {
	float: left;
}

div.legend {
	position: relative;
	left: 170px;
	top: 35px;
}

div.legend table {
	right: 0 !important;
	top: 0 !important;
}

/*.marquee-outer {
	width: 98%;
	margin: 0.5% 1%;
	position: relative;
}

p.marquee-text {
	font-size: 40px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	color: #eee;
	text-shadow: 0 2px 5px #16171a;
	font-weight: 700;
	letter-spacing: 0.05em;
	overflow: hidden;
}

.marquee-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url(/images/marquee.png) no-repeat left top;
	background-size: 100% 100%;
}*/

.marquee-outer {
	width: 100%;
	margin: 0;
	background: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 15px 0;
}

p.marquee-text {
	font-size: 40px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	color: #eee;
	text-shadow: 0 2px 5px #16171a;
	font-weight: 700;
	letter-spacing: 0.05em;
	overflow: hidden;
}

.marquee-overlay {
	display: none;
}

.flot-tick-label {
	font-size: 16px;
}

.monitor table {
	width: 100%;
	height: 100%;
	background: #2E343C;
	text-shadow: none !important;
	border: 1vw solid #2E343C !important;
	border-spacing: 1vw 0;
  border-collapse: separate;
	color: #fafafa;
	table-layout: fixed;
}

.monitor table tr th, 
.monitor table tr td {
	font-size: 3vw;
	box-sizing: border-box;
	height: 1vh;
}

.monitor table tr th {
	font-size: 2vw;
	padding-bottom: 1vh;
}

.monitor table tr td {
	background: #fafafa;
	box-sizing: border-box;
	position: relative;
	color: #555;
	word-wrap: break-word;
	font-weight: bold;
	overflow: hidden;
}

.monitor table tr td::after {
	display: block;
	content: "";
	width: 100%;
	height: .25vw;
	position: absolute;
	bottom: -.125vw;
	left: 0;
	border-radius: 50%;
	/*background: rgba(0, 0, 0, 0.5);*/
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
}

.monitor table tr td:first-of-type {
	background: none;
	color: #fafafa;
	word-wrap: normal;
	font-size: 2.5vw;
	font-weight: normal;
}

.monitor table tr:first-of-type td {
	border-radius: 10px 10px 0 0;
}

.monitor table tr:last-of-type td {
	border-radius: 0 0 10px 10px;
}

.monitor table tr:last-of-type td::after, 
.monitor table tr td:first-of-type::after {
	display: none;
}

.monitor table th span, 
.monitor table td:first-of-type span {
	display: block;
}

.monitor table tr td:first-of-type::before {
	font-family: workflow;
	content: "";
	display: block;
}

.monitor table tr:nth-child(1) td:first-of-type::before { content: "\e04d"; }
.monitor table tr:nth-child(2) td:first-of-type::before { content: "\e030"; }
.monitor table tr:nth-child(3) td:first-of-type::before { content: "5"; }
.monitor table tr:nth-child(4) td:first-of-type::before { content: "\e101"; }
.monitor table tr:nth-child(5) td:first-of-type::before { content: "\e06c"; }

#slides, 
.slidesjs-container, 
.slides-wrap, 
.slidesjs-control {
	height: 100% !important;
	min-height: 100% !important;
}

/* Priorities List */

.webdev-tickets h2.list_header {
	margin: 0;
}

#webdev-tickets {
	padding: 14px 0;
	margin: 0;
	list-style-type: none;
	text-align: left;
	background: #e5e5e5;
	border-radius: 0 0 10px 10px;
	counter-reset: li;
}

#webdev-tickets li {
	padding: 0;
	margin: 6px 20px;
	background: #fff;
	box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	-webkit-box-shadow: 0 1px 2px #ccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

#webdev-tickets li::before {
	content: counter(li);
	counter-increment: li;
	height: 19px;
	width: 23px;
	text-align: center;
	display: inline-block;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	vertical-align: middle;
	padding: 4px 0 0;
	border: 1px solid #bbb;
	margin: 0 0 0 10px;
}

#webdev-tickets li:active {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}

#webdev-tickets li span {
	display: inline-block;
	padding: 10px;
	vertical-align: middle;
}

.priority-name {
	width: 335px;
}

.priority-id {
	width: 60px;
}

.priority-client {
	width: 190px;
}

.priority-buttons {
	width: 200px;
	text-align: right;
}

.priority-buttons a.button {
	margin: 0 0 0 8px;
}

#webdev-tickets .ui-sortable-placeholder {
	border: 1px dashed #ccc;
	background: none !important;
	box-shadow: none !important;
	visibility: visible !important;
	padding: 9px 0;
}

#webdev-tickets li.ui-sortable-placeholder::before {
	color: transparent;
	border: 1px dashed #ccc;
}

/* UHG Sign Off */

.uhg-check-off {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.uhg-check-off li {
	padding: 0 0 5px;
	vertical-align: top;
}

.check-off {
	display: inline-block;
	border: 1px solid #bbb;
	width: 16px;
	height: 16px;
	margin: -1px 6px 0 0;
	vertical-align: top;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ugh-check-off-label {
	display: inline-block;
	width: 60px;
	vertical-align: top;
	font-weight: bold;
}

.sig-line {
	border-top: 1px solid #aaa;
	margin: 22px 10px 0;
	padding: 4px 0 0;
	width: 150px;
	display: inline-block;
	text-align: center;
}

.sig-line-long {
	border-top: 1px solid #aaa;
	margin: 22px 0 0;
	padding: 4px 0 0;
	width: 440px;
	display: inline-block;
	text-align: center;
}

.code-39 {
	font-family: idautomationhc39sregular;
	font-size: 16px;
}

/*JobQueue*/

.jobqueue h3 {
	width: 100%;
	float: left;
	clear: both;
	text-align: center;
	background: #dedede;
	padding: 6px 0;
	margin: 10px 0;
	border-radius: 8px
}

.jobqueue .ticket_action_links {
	display: block;
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 0 10px;
}

.jobqueue .ticket_action_links li {
	float: none;
	display: inline-block;
}

.fifth {
	width: 20%;
	float: left;
}

.jobqueue ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

.jobqueue ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px;
}

/*New Front Page*/

.user-dashboard {
	text-align: center;
	padding: 0;
}

.user-dashboard .user-pic {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
}

.user-dashboard .user-pic img {
	width: 150px;
	height: 150px;
}

section.user-dashboard {
	padding: 20px;
}

p.user-name, 
p.user-location, 
p.user-weather {
	text-align: left;
	position: relative;
	padding: 0 0 0 44px;
}

p.user-name::before, 
p.user-location::before, 
p.user-weather .wi::before {
	display: block;
	width: 34px;
	height: 34px;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	font-size: 30px;
	line-height: 34px;
}

p.user-weather .wi::before {
	font-size: 24px;
}

p.user-name::before {
	content: "\e015";
	font-family: workflow;
}

p.user-location::before {
	content: "\e09a";
	font-family: workflow;
	font-size: 34px;
}

p.user-location.loc-DLNI::before {
	content: "M";
	font-family: StateFaceRegular;
}

p.user-location.loc-DLLV::before {
	content: "g";
	font-family: StateFaceRegular;
}

p.user-location.loc-DLMN::before {
	content: "W";
	font-family: StateFaceRegular;
}

p.user-location.loc-DLNJ::before {
	content: "e";
	font-family: StateFaceRegular;
}

p.user-location.loc-CREEL::before {
	content: "g";
	font-family: StateFaceRegular;
}

p.user-name strong, 
p.user-location strong {
	display: block;
}

.user-dashboard p:last-child {
	margin: 0;
}

.welcome-message {
	text-align: center;
}

.kpi-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
}

article.kpi-dash table tr td {
  border: 1px solid #ccc;
  background: #fff;
}

article.kpi-dash table tr:first-child td {
  border-top: none;
}

article.kpi-dash table tr:last-child td {
  border-bottom: none;
}

article.kpi-dash table tr td:first-child {
  border-left: none;
}

article.kpi-dash table tr td:last-child {
  border-right: none;
}

article.kpi-dash table tr td.score-good {
  background: #d9f991;
  color: #506f1e;
  border-color: #a9c667;
}

article.kpi-dash table tr td.score-bad {
  background: #f59a92;
  color: #6c221b;
  border-color: #cf7972;
}

/*Old Front Page*/

.user-index {
	text-align: center;
	padding: 0;
}

.user-index .user-pic {
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin: 20px auto 0;
}

.user-index .user-pic img {
	width: 100px;
	height: 100px;
}

h3.name {
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0;
}

.user-index .user-location {
	display: inline-block;
	height: 20px;
	font-size: 15px;
	margin: 0 0 30px;
}

.user-index .user-location strong {
	display: inline-block;
}

.user-index .user-location .loc-DLNI {
	background: url(/images/idaho.png) no-repeat right top;
	margin: 0 30px 0 0;
	padding: 0 23px 0 0;
}

.user-index .user-location .loc-DLLV {
	background: url(/images/nevada.png) no-repeat right top;
	margin: 0 30px 0 0;
	padding: 0 23px 0 0;
}

.user-index .user-location .loc-DLMN {
	background: url(/images/minnesota.png) no-repeat right top;
	margin: 0 30px 0 0;
	padding: 0 23px 0 0;
}

.user-index .user-location img {
	position: relative;
	top: 5px;
	margin: 0 5px 0 0;
}

/* Phone Lists */ 

h1.phone-title {
	clear: both;
	padding: 20px 20px 0;
}

ul.phone-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul.phone-list li {
	margin: 0 0 5px;
	padding: 0;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}

ul.phone-list li span:last-child {
	float: right;
}

ul.phone-list li.phone-list-title {
	background: #eee;
	border-bottom: none;
	padding: 5px 10px;
	margin: 20px 0 10px;
}

ul.phone-list li.phone-list-title:first-child {
	margin: 0 0 10px;
}

.directory article.ticket-list table th {
	height: auto;
	padding: 10px 20px;
}

.directory article.ticket-list table tbody tr {
	background: #fff !important;
	border-bottom: 1px solid #ccc !important;
}

tr.phone-list-title td {
	background: #eee !important;
	padding: 10px 20px !important;
	font-weight: bold;
}

.phone-list-extension {
	text-align: right !important;
}

span.location-address {
	text-transform: none;
  display: block;
  margin: 0 auto;
  text-align: left;
  padding: 10px 0 0;
  font-size: 16px;
}

.address-card-wrap {
  max-width: 1480px;
}

/* .address-card-list {
	background: #c1c1c1;
} */

.address-card-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

li.address-card {
	display: inline-block;
	margin: 0 8px 20px;
	vertical-align: top;
	padding: 20px;
	width: 240px;
	text-align: left;
	font-size: 15px;
	line-height: 16px;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	background: #fff;
}

li.address-card a {
	display: block;
}

li.address-card-small {
	display: inline-block;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-radius: 5px;
	margin: 0 5px 10px;
	vertical-align: top;
	height: 30px;
	padding: 20px;
	width: 240px;
	text-align: left;
	font-size: 15px;
	line-height: 16px;
}

span.address-card-address strong {
  display: block;
}

span.address-card-address {
  display: inline-block;
  width: 153px;
  vertical-align: top;
}

li.address-card-small span.address-card-address {
  display: inline-block;
  width: 189px;
  vertical-align: top;
  font-size: 10px;
  line-height: 10px;
}

span.address-card-status {
  /* display: inline-block; */
  min-width: 41px;
  max-width: 82px;
  width: auto;
  /*width: 36px;*/
  vertical-align: top;
  margin-left: 0;
  float: right;
}

span.address-card-button {
  display: block;
  margin: 10px 0 0;
}

span.address-card-button a {
  display: block;
  font-size: 28px;
  line-height: 50px;
  height: 50px;
  background: #39b54a;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 1px 1px #005e20;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}

span.address-item-complete {
	display: inline-block;
	background: #39b54a;
	color: #fff;
  font-weight: bold;
	font-size: 20px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-radius: 36px;
	margin-left: 5px;
}

span.address-item-pending {
	display: inline-block;
	background: #e6474d;
	color: #fff;
  font-weight: bold;
	font-size: 20px;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border-radius: 36px;
	margin-left: 5px;
}

ul.address-ticket-list {
  background: #c1c1c1;
  padding: 10px;
  margin: 0;
  list-style-type: none;
}

ul.address-ticket-list li {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  border-radius: 5px;
  margin: 0 0 10px;
  text-align: left;
}

ul.address-ticket-list li span.address-ticket-list-number {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: top;
  line-height: 30px;
  text-align: center;
}

ul.address-ticket-list li strong {
  height: 30px;
  line-height: 30px;
  vertical-align: top;
  display: inline-block;
}

span.Waiting.to.Be.Delivered, 
span.In.Production {
  margin: 5px;
  display: inline-block;
  vertical-align: top;
  height: 14px;
  width: 14px;
  border-radius: 30px;
}

span.Waiting.to.Be.Delivered {
  border: 3px solid #39b54a;
}

span.In.Production {
  border: 3px solid #e6474d;
}

span.address-ticket-list-address {
  display: inline-block;
  padding: 0 20px 10px;
}

.deliverywrap {
  text-align: center;
  padding: 0 !important;
}

.deliverywrap table {
  margin: 0 auto 10px;
}

.deliverywrap table tr td {
  padding: 8px 12px;
}

p.address-list-name {
  margin: 5px 0 0;
}

.address-delivery-list-wrap {
  padding: 0 !important;
}

div.address-delivery-list {
  text-align: left;
  padding: 10px 10px 0;
}

div.address-delivery-list ol {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style: none;
}

div.address-delivery-list ol li {
  padding: 0;
  margin: 0 0 10px;
  width: 100%;
}

div.address-delivery-list ol li a {
  white-space: normal;
  display: block;
}

div.address-delivery-list ol li a strong {
  padding: 0 20px 0 0;
  display: inline-block;
  vertical-align: top;
}

div.address-delivery-list ol li a span.address-delivery-list-name {
  padding: 0 20px 0 0;
  white-space: normal;
  vertical-align: top;
}

div.address-delivery-list ol li a span.address-delivery-list-quantity {
  display: inline-block;
  vertical-align: top;
}

.delivery-confirmation-wrap {
  padding: 20px !important;
}

.delivery-confirmation-wrap h2 {
  margin: 0 0 20px;
  text-align: center;
}

.delivery-confirmation-wrap input[type=submit] {
  display: block;
  font-size: 28px;
  line-height: 50px;
  height: 50px;
  background: #39b54a;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 1px 1px #005e20;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  width: 100%;
  padding: 0;
  margin: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #005e20;
  cursor: pointer;
}

tr.paid-row td {
  background: #cbe09f !important;
  color: #506f1e !important;
  border-bottom: 1px solid #9bb067;
}

.marked-paid {
  background: #9bb067;
  color: #fff;
  display: inline-block;
  padding: 5px 8px;
  font-size: 13px;
  line-height: 13px;
  height: 13px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

.marked-unpaid {
  background: #b35654;
  color: #fff;
  display: inline-block;
  padding: 5px 8px;
  font-size: 13px;
  line-height: 13px;
  height: 13px;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}

/* Packlist Styles */

#page.packing-list, 
#page.estimate, 
#page {
  width: 540pt;
  margin: 50px auto;
  text-align: left;
  background-color: #ffffff;
  padding: 50px;
  box-shadow: 0 3px 15px #000;
}

#page.estimate {
  font-family: Arial, sans-serif;
}

.packing-header-right {
  float: right;
  margin: 0 0 20px;
	max-width: 50%;
}

.packing-header-right p {
  margin: 0;
  text-align: right;
	word-break: break-word;
}

.packing-header-right p strong {
  float: left;
  margin: 0 10px 0 0;
}

.scholastic-warehouse {
	width: 50%;
	display: block;
	clear: both;
	margin-bottom: 20px;
}

.estimate-header-title h1, 
.worksheet-header-title h1 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
  font-size: 36px;
  font-family: Arial, sans-serif;
}

.estimate-header {
	display: table;
	width: 100%;
	margin: 0 0 20px;
}

.estimate-header-logo, 
.estimate-header-address, 
.estimate-header-title {
	display: table-cell;
	width: 33%;
	vertical-align: top;
}

.worksheet-header-title {
	display: table-cell;
	width: 67%;
	vertical-align: top;
}

.estimate-header-address {
	width: 34%;
}

.estimate-note {
	margin: 0;
}

.estimate-note p {
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 20px;
}

.estimate-total, 
.worksheet-total {
	width: 100%;
	clear: both;
	float: left;
	box-sizing: border-box;
	padding: 20px;
	margin: 0 0 20px;
	font-size: 18px;
	border: 1px solid #ddd !important;
	background: #fafafa;
	text-align: center;
}

.estimate-total div {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
}

.estimate-terms {
	border: 1px solid #ddd !important;
	background: #fafafa;
	box-sizing: border-box;
	padding: 20px;
	margin: 0 0 20px;
}

.estimate-terms h2 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
	margin: 0 0 3px;
}

.estimate-terms h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 8px;
	margin: 0 0 3px;
}

.estimate-terms ul, 
.estimate-terms ol {
	margin: 0 0 3px;
	padding: 0 0 0 10px;
}

.estimate-terms ol {
	list-style-type: lower-alpha;
}

.estimate-terms p, 
.estimate-terms ul li, 
.estimate-terms ol li {
	font-size: 7px;
	line-height: 8px;
	margin: 0 0 3px;
}

.estimate-terms p strong, 
.estimate-terms ul li strong, 
.estimate-terms ol li strong {
	text-transform: none !important;
}

.estimate-sig {
	margin: 0 0 20px;
}

.estimate-sig p, 
.estimate-total p {
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 20px;
}

.estimate-sig p:last-of-type, 
.estimate-total p:last-of-type {
	margin: 0;
}

.estimate-sig p strong, 
.estimate-total p strong {
	font-size: 12px;
}

.day-space, 
.month-space, 
.sig-space {
	display: inline-block;
	border-bottom: 1px solid #555;
}

.day-space { width: 50px; }
.month-space { width: 100px; }
.sig-space { width: 250px; }

table.estimate-info {
	border: 1px solid #ddd !important;
	background: #fafafa;
	padding: 0;
	margin: 0 0 20px;
	width: 100%;
	border-collapse: collapse;
}

table.estimate-info td {
	text-align: left !important;
	padding: 20px;
	border: 1px solid #ddd !important;
}

table.estimate-info td strong {
	display: block;	
}

table.estimate-details {
	border: none !important;
	background: none !important;
	padding: 0;
}

.half table.estimate-details {
	width: 100%;
	margin: 0 0 20px;
}

.half table.estimate-details tr td, 
.half table.estimate-details tr th {
	padding: 5px !important;
}

.half table.estimate-details tr th {
	font-weight: bold;
	border-bottom: 1px solid #333 !important;
	white-space: nowrap;
}

.half table.estimate-details tr th:first-of-type {
	text-align: left !important;
}

.half table.estimate-details tr th:last-of-type {
	text-align: right !important;
}

.half table.estimate-details tr th:first-of-type:last-of-type {
	text-align: left !important;
}

.half table.estimate-details tr:nth-child(odd) td {
	background: #fafafa;
}

.half table.estimate-details tr:nth-child(even) td {
	background: #eee;
}

table.estimate-details tr td {
	padding: 0;
}

table.estimate-details tr td:first-of-type {
	text-align: left !important;
	padding: 0 5px 0 0;
}

table.estimate-details tr td:last-of-type {
	text-align: right !important;
	padding: 0 0 0 5px;
}

.company-address {
  float: left;
  margin: 0 0 20px;
}

.estimate .company-address {
	float: none;
	text-align: center;
	margin: 0;
	vertical-align: middle;
}

.company-address p {
  margin: 0;
}

.company-address p strong {
  font-size: 16px;
}

.packed_date {
  float: right;
  text-align: right;
}

#page.packing-list strong, 
#page.estimate strong {
  text-transform: uppercase;
}

#page.packing-list table, 
#page.estimate table { 
  clear: both;
  border: 1px solid #000;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

div.estimate-values {
	margin: 0 0 20px;
}

#page.estimate div.estimate-values table.estimate-details {
	width: 100%;
}

#page.estimate div.estimate-values table.estimate-details td {
	padding: 5px;
}

#page.estimate div.estimate-values table.estimate-details td:first-of-type {
	text-align: right !important;
	border-right: 1px solid #ccc;
	padding-right: 15px;
	white-space: nowrap;
}

#page.estimate div.estimate-values table.estimate-details td:last-of-type {
	text-align: left !important;
	width: 100%;
	padding-left: 15px;
}

#page.packing-list table th, 
#page.estimate table th {
  text-transform: uppercase;
  height: 1em;
  vertical-align: baseline;
  text-align: center;
}

#page.packing-list table td {
  vertical-align: top;
  text-align: center;
}

#page.estimate table td {
	vertical-align: top;
	text-align: left;
}

/* #order_table {
  min-height: 72pt;
  height: 72pt;
} */

#item_table {
  min-height: 310pt;
  height: 310pt;
}

#page.packing-list.pickout-list table#item_table {
	min-height: auto !important;
	height: auto !important;
}

#item_table tr.item-row {
  height: 25px;
}

#page.packing-list.pickout-list table#item_table tr.item-row {
  height: auto !important;
}

#page.packing-list textarea, 
#page.estimate textarea {
  border: none;
  font: inherit;
}

#page.packing-list table textarea, 
#page.estimate table textarea {
  text-align: center;
  width: 100%;
}

#ship_to {
  width: 330pt;
  float: left;
  clear: left;
  vertical-align: top;
  text-align: left;
}

#bill_to {
  width: 200pt;
  float: right;
  clear: right;
  vertical-align: top;
  height: auto;
}

#ship_to > p, #bill_to > p {
  float: left;
  text-align: left;
}

#bill_to > textarea {
  float: right;
  border: none;
  margin-left: 5pt;
  width: 200px;
  height: 90pt;
  text-align: left;
}

#ship_to > textarea {
  float: right;
  border: none;
  margin-left: 5pt;
  width: 370px;
  height: 90pt;
  text-align: left;
}

#ship_to > *, #bill_to > * {
  text-align: left;
  margin: 0;
  font-size: 12px;
}

#page.packing-list .stubby, 
#page.estimate .stubby {
  height: 48pt;
}

#page.packing-list .tall, 
#page.estimate .tall {
  height: 275pt;
}

#page.packing-list .thanks, 
#page.estimate .thanks {
  text-align: center;
  margin: 20px 0;
}

#page.packing-list .ship-disclaimer {
  text-align: center;
  margin: 20px 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}

#page.packing-list .ship-disclaimer span {
  border-left: 2px solid #000;
  border-right: 2px solid #000;
}

#page.packing-list .ship-disclaimer::before, 
#page.packing-list .ship-disclaimer::after {
  display: block;
	content: "";
	width: 50px;
	height: 2px;
	background: #000;
}

#page.packing-list .signline, 
#page.estimate .signline {
  border-bottom: 1px solid #000;
}

#page.packing-list .ticket-badge, 
#page.estimate .ticket-badge {
  float: right;
  margin: 0 20px 0 0;
}

#page.packing-list .ticket-badge img, 
#page.estimate .ticket-badge img {
  height: 60px;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 0;
}

img.packing-list-logo {
  float: left;
  max-width: 150px;
  max-height: 70px;
  margin: 3px 20px 0 0;
}

img.estimate-logo {
	width: 150px;
}

.packing-list-addresses, 
.estimate-addresses {
  width: 100%;
  float: left;
  clear: both;
}

.stryker-notice {
	margin: 20px 0 0;
}

.stryker-notice p {
	text-align: center;
	margin: 0;
	text-transform: uppercase;
}

/* User Profile Page */

.box_body.user-profile {
  padding: 0 5px 20px;
  width: 950px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
}

.user-profile-fields {
  padding: 0 0 0 170px;
}

.client-profile-fields {
  padding: 0;
}

.ticketbg.inactive .user-profile-fields {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
}

.user-profile-fields ul, 
.client-profile-fields ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.user-profile-fields ul li, 
.client-profile-fields ul li {
  font-size: 17px;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

.user-profile-fields ul li strong,
.client-profile-fields ul li strong {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  text-align: right;
  width: 130px;
  padding: 0 20px 0 0;
  vertical-align: top;
}

.client-profile-fields ul li strong {
	width: 200px;
}

.user-profile-fields ul li.last, 
.client-profile-fields ul li.last {
  padding: 10px 0 0;
  border-bottom: none;
}

.client-profile-fields ul li.first {
	padding: 0 0 10px;
}

span.roles {
  display: inline-block;
  vertical-align: top;
  column-count: 4;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-gap: 20px;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  font-size: 16px;
}

div.roles {
  column-count: 4;
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-gap: 20px;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
  font-size: 16px;
  vertical-align: middle;
  padding: 8px 0 0;
}

.client-profile-field div.roles {
  width: 500px;
  display: inline-block;
  padding: 0;
}

.client-profile-field div.roles .role {
  line-height: 20px;
}

.role {
  height: 20px;
}

/* .tags {} */

.tag {
  display: inline-block;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  background: #ddd;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

.tag-filter {
  display: inline-block;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background: #ddd;
  border-radius: 13px;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
}

/*.userlist .sitelist_body {
  clear: both;
}*/

.tag-links {
  margin: 0;
  padding: 0;
  list-style-type: none;
  clear: both;
  background: #ddd;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  float: left;
  height: 24px;
  max-height: 24px;
  transition: max-height 10s, box-shadow 1s;
  -moz-transition: max-height 10s, box-shadow 1s;
  -webkit-transition: max-height 10s,  box-shadow 1s;
  overflow: hidden;
  z-index: 1;
  width: 120px;
}

.tag-links:hover {
  height: auto;
  max-height: 10000px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}

.tag-links ul li {
  line-height: 24px;
  padding: 0 5px 0 0;
}

.tag-links li a {
  display: block;
  line-height: inherit;
  height: inherit;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 5px 10px;
}

.tag-links li span {
  display: block;
  line-height: inherit;
  height: inherit;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 5px 10px;
  cursor: pointer;
}

.tag-links li a:hover {
  background: #eee;
  color: #363636;
}

.user-profile-field, 
.client-profile-field {
  margin: 0 0 10px;
  min-height: 40px;
}

.client-profile-field {
	line-height: 40px;
}

.user-profile-field.last, 
.client-profile-field.last {
  margin: 0;
}

.user-profile-field label {
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: right;
  float: left;
  width: 100px;
  padding: 0 20px 0 0;
  /* vertical-align: top; */
  font-size: 17px;
  height: 40px;
  line-height: 40px;
}

.client-profile-field label {
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  text-align: right;
  width: 200px;
  padding: 0 30px 0 0;
  vertical-align: middle;
  font-size: 17px;
  line-height: 20px;
}

.user-profile-field input[type="text"], 
.user-profile-field input[type="file"], 
.user-profile-field input[type="password"] {
  margin: 0 0 0 120px;
  display: block;
  line-height: 40px;
  width: 80%;
}

.user-profile-field input[type="file"] {
  line-height: inherit;
  padding: 10px;
}

.user-profile-field select {
  margin: 10px 0 0;
}

.client-profile-field input[type="text"], 
.client-profile-field input[type="file"], 
.client-profile-field input[type="password"] {
  width: 70%;
}

.user-profile-header {
  background: #ddd;
  position: relative;
  padding: 40px 20px 10px 190px;
  float: left;
  clear: both;
  width: 740px;
}

.ticketbg.inactive .user-profile-header {
  opacity: 0.5;
  -moz-opacity: 0.5;
  -webkit-opacity: 0.5;
}

form .user-profile-header {
  background: #ddd url(/images/grey-diag-stripe.png) repeat left top;
  position: relative;
  padding: 40px 20px 10px 190px;
  float: left;
  clear: both;
  width: 740px;
}

.user-profile-picture {
  border-radius: 75px;
  -moz-border-radius: 75px;
  -webkit-border-radius: 75px;
  overflow: hidden;
  width: 150px;
  height: 150px;
  float: left;
}

.user-profile-picture img {
  width: 150px;
}

.user-profile-name {
  float: left;
}

.user-profile-name h2 {
  font-size: 35px;
  line-height: 35px;
  font-weight: normal;
  text-transform: uppercase;
  color: #363636;
  text-shadow: 0 1px 0 #eee;
  margin: 0;
}

.user-profile-title {
  float: right;
  position: relative;
  top: 16px;
}

.user-profile-title h3 {
  margin: 0;
  font-size: 15px;
  font-weight: normal;
  text-transform: uppercase;
  color: #363636;
  text-shadow: 0 1px 0 #eee;
}

.user-profile-last-login {
  float: left;
}

p.user-profile-last-login {
  margin: 3px 0 0 5px;
  font-size: 14px;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  text-shadow: 0 1px 0 #fff;
}

/* User List */

table.variegated.userlist thead {
  text-align: left;
}

table.variegated.userlist thead th {
  background: #fff;
  text-shadow: none;
  border-bottom: 2px solid #ccc;
  text-transform: uppercase;
  padding: 4px 10px;
}

table.variegated.userlist td {
  vertical-align: middle;
}

.userlist .ticket_action_links {
  margin: 0 0 10px;
}

td.user-list-photo {
  width: 48px;
}

div.user-list-photo {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
}

div.user-list-photo img {
  max-width: 48px;
  max-height: 48px;
}

.user-list-roles {
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-gap: 0;
  -moz-column-gap: 0;
  -webkit-column-gap: 0;
  max-width: 360px;
}

td.user-list-buttons {
  min-width: 250px;
  text-align: right;
}

td.user-list-date {
  white-space: nowrap;
}

/* Client Form */

.client-header {
  background: #ddd;
  position: relative;
  padding: 40px 10px 10px 10px;
  float: left;
  clear: both;
  width: 930px;
}

form .client-header {
  background: #ddd url(/images/grey-diag-stripe.png) repeat left top;
  position: relative;
  padding: 40px 10px 10px 10px;
  float: left;
  clear: both;
  width: 930px;
}

.client .user-profile {
  background: url(../images/client-tabs.png) repeat-y 5px top, url(/images/boxmiddle.png) repeat-y center top;
}

.client-tabs {
  width: 180px;
  float: left;
}

.client-tabs ul.tabs {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.client-tabs ul.tabs li a {
  padding: 10px;
  font-size: 14px;
  display: block;
}

.client-tabs ul.tabs li a:hover {
  background: #eee;
}

.client-tabs ul.tabs li.ui-state-active a {
  background: #fff;
}

.client-fields {
  padding: 10px 20px 0 0;
  float: right;
  width: 740px;
}

.client-fields-view {
  padding: 0 20px 0 0;
  float: right;
  width: 740px;
}

.ui-tabs-hide {
  display: none;
}

.client label.required {
  color: #c84d53;
}

.client label.required::after {
  display: none;
}

.client-tip {
  margin: 2px 0 10px;
  padding: 0 0 0 230px;
  color: #777;
  font-size: 12px;
}

/*ANOC MI Styles*/

.anoc-mi-label {
  width: 400px;
  height: 200px;
  background: #fff;
  font-family: Ariel, sans-serif;
  position: relative;
  margin: 0 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.75);
}

.anoc-mi-address {
  position: absolute;
  left: 130px;
  top: 70px;
}

.anoc-mi-address p {
  margin: 0;
  font-size: 13px;
}

.anoc-mi-datamatrix {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.anoc-mi-datamatrix p {
  margin: 2px 0 0;
  font-size: 11px;
}

.anoc-mi-datamatrix table {
  margin: 0;
}

.anoc-mi-kitcode {
  position: absolute;
  left: 20px;
  top: 20px;
}

.anoc-mi-kitcode p {
  margin: 0;
  font-size: 14px;
}

.anoc-mi-qrcode {
  position: absolute;
  right: 20px;
  top: 20px;
}

.anoc-mi-qrcode p {
  margin: 0;
  font-size: 14px;
}

.anoc-mi-service {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.anoc-mi-service p {
  margin: 0;
  font-size: 12px;
}

/*SFC MI Styles*/

.sfc-mi-label {
  width: 600px;
  height: 400px;
  background: #fff;
  font-family: Ariel, sans-serif;
  position: relative;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
}

.sfc-mi-address {
  position: absolute;
  left: 240px;
  top: 170px;
}

.sfc-mi-address p, 
.sfc-mi-return p {
  margin: 0;
  font-size: 13px;
}

.sfc-mi-datamatrix {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.sfc-mi-datamatrix p {
  margin: 2px 0 0;
  font-size: 11px;
}

.sfc-mi-datamatrix table {
  margin: 0;
}

.sfc-mi-kitcode {
  position: absolute;
  right: 20px;
  top: 20px;
}

.sfc-mi-count {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.sfc-mi-return {
  position: absolute;
  left: 20px;
  top: 20px;
}

.sfc-mi-kitcode p {
  margin: 0;
  font-size: 14px;
  text-align: right;
}

.sfc-mi-qrcode {
  position: absolute;
  right: 20px;
  top: 20px;
}

.sfc-mi-qrcode p {
  margin: 0;
  font-size: 14px;
}

.sfc-mi-service {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.sfc-mi-service p {
  margin: 0;
  font-size: 12px;
}

/*ANOC Report*/

.anoc-report h2 {
  margin-bottom: 0;
}

.anoc-report h3 {
  margin: 0 0 10px;
  text-transform: uppercase;
  font-family: Ariel, sans-serif;
}

.anoc-report .report-wrap {
  margin: 10px 5px 0;
  display: inline-block;
  vertical-align: top;
}

.anoc-report table {
  margin: 0;
}

.anoc-report .report-summary {
  background: #eee;
  padding: 10px 15px;
  border-bottom: 1px solid #dbdbdb;
  font-family: Ariel, sans-serif;
  font-size: 13px;
  margin: 0;
}

.anoc-report .report-summary p {
  margin: 0 10px;
  display: inline-block;
}

.anoc-report .report-summary strong {
  text-transform: uppercase;
}

.anoc-report .report-body {
  margin: 0 5px;
  text-align: center;
}

/* .anoc-prod-report {
	overflow: hidden;
} */

.anoc-prod-report tr {
	background: #eee !important;
}

.anoc-prod-report tr.anoc-sub-item {
	background: #fff !important;
	/*display: none;*/
}

.anoc-prod-report tr.anoc-sub-item td {
	padding: 5px 15px;
}

.anoc-prod-report tr.anoc-quarantine td {
	background: #e6474d;
	color: #fff;
}

.anoc-prod-report td {
	padding: 5px !important;
	border-bottom: 1px solid #bbb !important;
	white-space: nowrap;
}

.anoc-prod-report th, 
article.ticket-list table.anoc-prod-report th:first-child, 
article.ticket-list table.anoc-prod-report th:last-child {
	padding: 5px !important;
}

.anoc-prod-report td.button-wrap {
	padding: 5px 15px;
}

.anoc-prod-report tr:last-child td {
	border-bottom: none !important;
}

.anoc-prod-report .progress-bar {
	background: #7ed55f;
	height: 5px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.anoc-report-complete {
  background: #7ed55f;
  color: rgba(0,0,0,0.75);
  text-align: center;
}

.anoc-report-processing {
  background: #fed65a;
  color: rgba(0,0,0,0.75);
  text-align: center;
}

.anoc-report-pending {
  background: #ddd;
  color: rgba(0,0,0,0.75);
  text-align: center;
}

td.anoc-press {
	position: relative;
}

td.anoc-press a {
	padding: 10px 30px 10px 10px;
	color: inherit;
	transition: all 0.1s;
	box-shadow: 0px 0px 20px rgba(0,0,0,0);
	position: relative;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

tr.anoc-parent td:last-of-type {
	position: relative;
	padding-right: 30px !important;
}

td.anoc-press a::after, 
tr.anoc-parent td:last-of-type::after {
	font: 13px/16px workflow;
	text-align: center;
	content: "\e048";
	color: rgba(0,0,0,0.75);
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: bottom;
  position: absolute;
  right: 10px;
  border-radius: 50%;
  background: #fafafa;
  transition: all 0.1s;
}

td.anoc-press.active-menu a::after, 
tr.anoc-parent.open-parent td:last-of-type::after {
	transform: rotate(180deg);
}

td.anoc-press.anoc-report-processing a:hover::after, 
td.anoc-press.active-menu.anoc-report-processing a::after {
  background: #fed65a;
}

td.anoc-press.anoc-report-complete a:hover::after, 
td.anoc-press.active-menu.anoc-report-complete a::after {
  background: #7ed55f;
}

td.anoc-press.anoc-report-pending a:hover::after
td.anoc-press.active-menu.anoc-report-pending a::after {
  background: #ddd;
}

td.anoc-press a:hover {
	background: #eee !important;
	box-shadow: 0px 0px 20px rgba(0,0,0,0);
}

td.anoc-press.active-menu a {
	background: #eee !important;
	box-shadow: 0px 15px 20px rgba(0,0,0,0.5);
}

ul.signatures {
	opacity: 0;
	padding: 0 0 10px;
	margin: 0;
	background: #fff;
	position: absolute;
	left: 5px;
	width: 0;
	max-width: 0;
	height: 0;
	max-height: 0;
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	transition: all 0.1s, max-width 0.3s, max-height 0.5s;
	z-index: 1;
	overflow: hidden;
}

ul.signatures.open-menu {
	opacity: 1;
	box-shadow: 0px 15px 20px rgba(0,0,0,0.5);
	width: auto;
	max-width: 750px;
	height: auto;
        max-height: 10000px;
}

ul.signatures li {
	list-style-type: none;
	padding: 3px 10px;
	margin: 0;
	white-space: nowrap;
	border-bottom: 1px solid #ddd;
}

ul.signatures li:nth-child(odd) {
	background: #fafafa;
}

ul.signatures li:first-of-type {
	background: #eee;
	padding: 10px;
	margin: 0 0 10px;
	border-bottom: none;
}

ul.signatures li:last-of-type {
	border-bottom: none;
}

ul.signatures li strong {
	width: 80px;
	display: inline-block;
}

ul.signatures.anoc-polybag {
	padding: 0;
}

ul.signatures.anoc-polybag li {
	display: table-row;
}

ul.signatures.anoc-polybag li strong, 
ul.signatures.anoc-polybag li span {
	display: table-cell;
	padding: 4px 10px;
}

ul.signatures.anoc-polybag li.complete {
  background: #7ed55f;
  color: rgba(230, 0, 0, 0.75);
  border-bottom: 1px solid #4ba32c;
}

ul.signatures.anoc-polybag li.verified {
  background: #7ed55f;
  color: rgba(0,0,0,0.75);
  border-bottom: 1px solid #4ba32c;
}

ul.signatures.anoc-polybag li.processing {
  background: #fed65a;
  color: rgba(0,0,0,0.75);
  border-bottom: 1px solid #b98e09;
}

.modal-box {
	position: relative !important;
	left: inherit !important;
	width: 400px !important;
	height: auto !important;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 auto !important;
	border: none !important;
	border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
}

.inner-modal-box {
	border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	width: 100% !important;
	height: auto !important;
	box-sizing: border-box;
	margin: 0 !important;
}

.modal-box h2 {
	margin: 0 0 10px;
	text-align: center !important;
}

.modal-box form {
	text-align: center;
}

.modal-box-close {
	position: absolute !important;
	right: -5px !important;
	top: -5px !important;
	float: none !important;
	text-align: center !important;
	font: bold 14px/20px Arial, Helvetica, Geneva, sans-serif !important;
	width: 24px !important;
	height: 24px !important;
	box-sizing: border-box;
	color: #fff !important;
	border: 2px solid #fff;
	background: #444;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
	border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	left: auto !important;
}

.child-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  column-count: 3;
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-gap: 30px;
  -moz-column-gap: 30px;
  -webkit-column-gap: 30px;
}

.child-list li {
  font-size: 16px;
  margin: 0 0 5px;
/*  padding: 0 0 0 20px;*/
  position: relative;
}

/*.child-list li::before {
  text-indent: -2000px;
  content: ".";
  display: inline-block;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 2px solid #aaa;
  margin: 0 5px 0 0;
  vertical-align: top;
  position: absolute;
  left: 0;
}*/

tr.mobile-row {
  display: none !important;
}

td.mobile-row-hidden {
	display: none !important;
}

/* Menu Social Icons */

a.social {
	margin: 5px 0 0;
	vertical-align: middle;
}

a.social::before {
	display: inline-block;
	width: 30px;
	height: 30px;
	font-size: 24px;
	line-height: 30px;
	overflow: visible;
	content: "W";
	font-family: workflow;
	text-align: center;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

a.social:hover::before {
	color: #fff !important;
}

a.social.facebook::before {
	content: "\e059";
	color: #3a5795;
}

a.social.google::before {
	content: "\e071";
	color: #d73d32;
}

a.social.instagram::before {
	content: "\e07e";
	color: #517fa4;
}

a.social.twitter::before {
  content: "\e013";
  color: #55acee;
}

a.social.youtube::before {
  content: "_";
  color: #cc181e;
}

/*Google Report*/

.google-report .report-wrap {
  display: block;
  text-align: center;
  font-family: Arial, sans-serif !important;
}

.google-report .report-wrap table {
  border: none !important;
}

.google-report .report-wrap table th {
	border: none !important;
	padding: 5px 10px;
	background: #e5e5e5;
}

.google-report .report-wrap table tr.branch {
	border-bottom: 1px solid #ddd;
}

.google-report .report-wrap table tr.odd.leaf {
	background: #ddd;
}

.google-report .report-wrap table tr.even.leaf {
	background: #eee;
}

.google-report .report-wrap table tr td {
	padding: 5px 10px !important;
}

/* .google-report .report-wrap .google-type-summary {} */

.google-report .report-wrap .google-type-summary table {
  display: block;
  margin: 0 0 20px;
}

table.hidden-report {
  display: none;
}

.google-report .monthly-compare {
  margin: 0;
}

.google-report h2.list_header {
	margin: 0;
}

.google-report .ui-tabs {
	padding: 0;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border: none !important;
}

.google-report .ui-tabs .ui-tabs-nav {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	background: #eee;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 5px solid #aaa;
	padding: 10px 15px 0;
	margin: 0;
	position: relative;
	background: #fafafa;
}

body.DLNI .google-report .ui-tabs .ui-tabs-nav {
  border-bottom-color: #32CF6D;
}

body.DLLV .google-report .ui-tabs .ui-tabs-nav {
  border-bottom-color: #FF7A54;
}

body.DLMN .google-report .ui-tabs .ui-tabs-nav {
  border-bottom-color: #DD57FF;
}

body.DLNJ .google-report .ui-tabs .ui-tabs-nav {
  border-bottom-color: #399FFF;
}

body.CREEL .google-report .ui-tabs .ui-tabs-nav {
  border-bottom-color: #718da7;
}

.google-report .ui-tabs .ui-tabs-nav li {
	margin: 0 5px 1px;
}

.google-report .ui-tabs .ui-tabs-panel {
	padding: 20px;
}

.google-report .ui-state-default, 
.google-report .ui-widget-content .ui-state-default, 
.google-report .ui-widget-header .ui-state-default {
	border: none !important;
	border-radius: 0 !important;
	background: #eee;
  line-height: 40px;
  height: 40px;
  padding: 0;
}

.google-report .ui-state-active, 
.google-report .ui-widget-content .ui-state-active, 
.google-report .ui-widget-header .ui-state-active {
	border: none !important;
	border-radius: 0 !important;
	background: #fff;
}

.google-report .ui-state-active a {
	border-bottom: 5px solid #fff;
}

.google-report .ui-tabs .ui-tabs-nav li a {
	padding: 0 20px;
	font-size: 20px;
	text-transform: uppercase;
	font-family: Arial, sans-serif !important;
}

.google-report article section {
	overflow: auto !important;
}

.google-report table tr.report-totals {
	background: #fff !important;
}

/*Credit Card Invoicing*/

article.credit-card table {
	border-collapse: inherit !important;
}

article.credit-card h2 {
	border-bottom: none !important;
	line-height: 50px;
	padding: 0 20px;
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	background: #fafafa;
}

article.credit-card tfoot td {
	font-weight: normal !important;
	text-align: right !important;
}

article.credit-card tfoot tr:first-child td {
	font-weight: bold !important;
	border-top: 2px solid #999;
}

tr.header_item.even, 
tr.header_item.odd {
	background: #eee;
}

tr.header_item td {
	border-bottom: 1px solid #bbb !important;
}

article.credit-card .price {
	border-right: 1px solid #bbb;
}

tr.sub_item.even {
	background: #fdfdfd;
}

tr.sub_item.odd {
	background: #fafafa;
}

tbody tr.sub_item td:first-child {
	padding-left: 50px !important;
}

tbody tr.sub_item td:last-child {
	padding-right: 50px !important;
}

/*Sidebar Stats Table*/

aside table.stats {
	border: none;
	width: 100%;
	margin: 0 0 20px;
	color: #fff !important;
	background: none !important;
}

aside table.basic {
	border: none;
	width: 100%;
	margin: 0 0 20px;
	color: #fff !important;
	background: none !important;
}

aside table.stats:last-child {
	margin: 0;
}

aside table.stats td {
	padding: 8px;
	background: none;
}

aside table.basic td {
	padding: 0;
	background: none;
}

aside table.basic.x-padding td {
	padding: 0 15px 0 0;
	background: none;
}

aside table.basic.x-padding td:last-of-type {
	padding: 0;
	background: none;
}

aside table.stats td.stat-divider {
	border: solid rgba(0,0,0,0.3);
	border-width: 0 2px;
	text-align: center;
}

aside table.stats.ship-children td, 
aside table.stats.ship-children th {
	padding: 4px 10px;
}

aside table.stats tr.even {
	background: rgba(0,0,0,0.3);
}

aside table.stats tr.odd {
	background: rgba(0,0,0,0.1);
}

aside table.stats th {
	background: rgba(0,0,0,0.4);
	padding: 8px;
}

aside table.stats th:first-of-type {
	text-align: left;
}

/*Dropcam*/

.dropcam {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin: 0 0 20px;
}

.dropcam:last-child {
	margin: 0;
}

.dropcam object,
.dropcam embed, 
.dropcam iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Dropcam*/

.dropcam-thumb {
	position: relative;
	padding-bottom: 14.1%;
	height: 0;
	margin: 0 0 20px;
	width: 25%;
	float: left;
	display: block;
}

.dropcam-thumb a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	outline: none;
}

.dropcam-thumb a:hover::after {
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.75);
	content: "L";
	font: 40px/100% workflow;
	text-align: center;
	color: #fafafa;
	z-index: 1;
	display: flex;
  justify-content:center;
  align-content:center;
  flex-direction:column; /* column | row */
}

.dropcam-thumb object,
.dropcam-thumb embed, 
.dropcam-thumb iframe  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Manager Notes */

.manager-note p {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px;
}

.manager-note p:last-child {
	margin: 0;
}

.manager-note.EVERYWHERE {
	display: block !important;
}

.manager-note .section-inner {
	padding: 15px 20px;
}

.note-type {
	font-size: 16px;
	min-height: 40px;
	position: relative;
	background: #eee;
}

.note-type.Kudos strong {
	background: #41ca49;
}

.note-type.Kudos strong::after {
	content: '&';
}

.note-type.Info strong {
	background: #40a5ff;
}

.note-type.Info strong::after {
	content: '\e07d';
}

.note-type.Important strong {
	background: #ffbe25;
}

.note-type.Important strong::after {
	content: 'q';
}

.note-type strong {
	padding: 0 40px 0 0;
	height: 100%;
	min-height: 40px;
	width: 130px;
	line-height: 40px;
	text-align: right;
	box-sizing: border-box;
	display: block;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

.note-type strong::after {
	content: '';
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 26px;
	font-family: workflow;
	position: absolute;
	right: 0;
	top: 0;
}

.note-type span {
	padding: 11px 170px 11px 20px;
	display: block;
}

.note-type span span.manager-note-author {
	padding: 0;
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 20px;
	font-style: italic;
}

.nup-estimator article table tr td input {
	width: 100% !important;
}

.nup-estimator article table {
	border: none !important;
	margin: 10px 0;
}

.nup-estimator article table tr {
	border-bottom: none !important;
}

/* Editing Toolbar */

ul#toolbar {
	margin: 0 0 10px;
	padding: 0;
	width: 100%;
	float: left;
	clear: both;
	list-style-type: none;
}

article.form ul#toolbar {
	visibility: hidden;
	position: absolute;
	left: -99999px;
	top: -99999px;
}

#ticket_data_Piece_description_field ul#toolbar {
	visibility: visible;
	position: relative;
	left: inherit;
	top: inherit;
}

#ticket_data_Piece_description_field textarea {
	width: 100%;
	height: 400px;
}

.ticket-form-full ul#toolbar {
	margin: 0 0 10px 115px;
	visibility: visible !important;
	position: relative !important;
	left: inherit !important;
	top: inherit !important;
}

ul#toolbar li {
	width: 30px;
	height: 30px;
	float: left;
	list-style-type: none;
	background: #eee;
	text-indent: -99999px;
}

ul#toolbar li.sep {
	border-right: 1px solid #ccc;
}

ul#toolbar li:last-child {
	border-radius: 0 3px 3px 0;
}

ul#toolbar li:first-child {
	border-radius: 3px 0 0 3px;
}

ul#toolbar li a {
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

ul#toolbar li a::before {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 20px;
	line-height: 30px;
	content: "";
	color: rgba(0,0,0,0.4);
	text-align: center;
	text-indent: initial !important;
	font-family: workflow;
	transition: all 0.2s;
}

ul#toolbar li.text-size a::before {
	font-family: Arial;
	font-weight: bold;
	content: "T";
}

ul#toolbar li a.wysihtml5-command-active::before, 
ul#toolbar li a.wysihtml5-command-dialog-opened::before {
	color: rgba(0,0,0,0.8);
	background: #ddd;
}

ul#toolbar li a:hover::before {
	color: rgba(0,0,0,0.6);
}

ul#toolbar li a:active::before {
	background: #ddd;
}

ul#toolbar li.undo a::before {
	content: "\e008";
}

ul#toolbar li.redo a::before {
	content: "\e06b";
}

ul#toolbar li.bold a::before {
	content: "\e0f8";
}

ul#toolbar li.italic a::before {
	content: "\e0fe";
}

ul#toolbar li.underline a::before {
	content: "\e0fd";
}

ul#toolbar li.list-unordered a::before {
	content: "\e0f9";
}

ul#toolbar li.list-ordered a::before {
	content: "\e0fa";
}

ul#toolbar li.superscript a::before {
	content: "\e0fc";
}

ul#toolbar li.subscript a::before {
	content: "\e0fb";
}

ul#toolbar li.create-link a::before {
	content: "\e0ff";
}

ul#toolbar li.add-color a::before {
	content: "\e006";
}

ul#toolbar li.add-color.red a::before {
	color: crimson !important;
}

ul#toolbar li.add-color.blue a::before {
	color: royalblue !important;
}

ul#toolbar li.add-color.green a::before {
	color: seagreen !important;
}

ul#toolbar li.add-color.orange a::before {
	color: orange !important;
}

ul#toolbar li.add-color.purple a::before {
	color: purple !important;
}

ul#toolbar li.text-size.large a::before {
	font-size: 18px;
}

ul#toolbar li.text-size.medium a::before {
	font-size: 16px;
}

ul#toolbar li.text-size.small a::before {
	font-size: 14px;
}

ul#toolbar li.text-size.x-small a::before {
	font-size: 12px;
}

.create-link-modal {
	display: block;
	position: relative;
	left: 30px;
	top: -30px;
	height: 30px;
	width: 388px;
	background: #eee;
}

.create-link-modal label {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	float: left;
	text-align: left;
	text-indent: initial !important;
}

.create-link-modal input {
	width: 250px;
  height: 20px;
  padding: 0 10px;
  line-height: 20px;
  margin: 3px 10px 3px 0;
  float: left;
  text-align: left;
  text-indent: initial !important;
  font-size: 12px;
}

.create-link-save, 
.create-link-cancel {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	overflow: hidden;
}

.create-link-save::before, 
.create-link-cancel::before {
	cursor: pointer;
}

.create-link-save::before {
	background: rgba(217,249,145,0.8);
	content: "\e02e" !important;
}

.create-link-cancel::before {
	background: rgba(255,144,144,0.8);
	content: "\e019" !important;
	border-radius: 0 3px 3px 0;
}

.create-link-save:active::before {
	background: rgba(217,249,145,1) !important;
}

.create-link-cancel:active::before {
	background: rgba(255,144,144,1) !important;
}

.wysiwyg-color-red {
  color: crimson;
}
.wysiwyg-color-green {
  color: seagreen;
}
.wysiwyg-color-blue {
  color: royalblue;
}
.wysiwyg-color-yellow {
  color: orange;
}
.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-font-size-smaller {
  font-size: smaller;
}

.wysiwyg-font-size-larger {
  font-size: larger;
}

.wysiwyg-font-size-xx-large {
  font-size: xx-large;
}

.wysiwyg-font-size-x-large {
  font-size: x-large;
}

.wysiwyg-font-size-large {
  font-size: large;
}

.wysiwyg-font-size-medium {
  font-size: medium;
}

.wysiwyg-font-size-small {
  font-size: small;
}

.wysiwyg-font-size-x-small {
  font-size: x-small;
}

.wysiwyg-font-size-xx-small {
  font-size: xx-small;
}

ul.option-list {
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-gap: 20px;
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	vertical-align: top;
}

ul.option-list li {
	padding: 0;
	font-size: 13px;
}

/* Percentage Progress Bar */

aside .percent {
	color: #eee;
	font-size: 50px;
	text-align: center;
}

aside .percent-bar {
	background: rgba(0,0,0,0.15);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  border-radius: 5px;
  height: 10px;
  overflow: hidden;
}

aside .percent-complete {
	height: 10px;
	background: #aaa;
}

body.DLNI aside .percent-complete { background: #32CF6D; }
body.DLLV aside .percent-complete { background: #FF7A54; }
body.DLMN aside .percent-complete { background: #DD57FF; }
body.DLNJ aside .percent-complete { background: #399FFF; }
body.CREEL aside .percent-complete { background: #718da7; }
body.limited aside .percent-complete { background: #fafafa; }

article .percent {
/*	color: #eee;*/
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

article .percent-bar {
	background: rgba(0,0,0,0.15);
  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
  border-radius: 5px;
  height: 30px;
  overflow: hidden;
}

article .percent-complete {
	height: 30px;
	background: #7ed55f;
}

article .percent-calc {
	margin: 0 0 30px;
	position: relative;
}

.percent-numbers {
	color: #eee;
	font-size: 18px;
	text-align: center;
	margin-top: 5px;
	font-weight: bold;
}

.percent-numbers span {
	font-weight: normal;
	margin: 0 10px;
}

/* Creel Quote Form */

.proof-checkboxes {
	padding: 10px 20px;
}

.proof-checkboxes label {
	margin: 0 20px 0 0;
}

/* Modal Boxes */

.simplemodal-wrap {
	box-sizing: border-box;
}

#simplemodal-overlay {
	background-color:#000;
}

#simplemodal-container {
	background: #fafafa;
	max-width: 80%;
	box-sizing: border-box;
	border: none;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.5);
}

/* .modal-inner {} */

.modal-inner article {
	padding: 20px;
}

.modal-inner h1 {
	border-bottom: 5px solid #aaa;
	line-height: 20px;
	padding: 15px 20px;
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	background: #fafafa;
}

body.DLNI .modal-inner h1 { border-bottom-color: #32CF6D; }
body.DLLV .modal-inner h1 { border-bottom-color: #FF7A54; }
body.DLMN .modal-inner h1 { border-bottom-color: #DD57FF; }
body.DLNJ .modal-inner h1 { border-bottom-color: #399FFF; }
body.CREEL .modal-inner h1 { border-bottom-color: #718da7; }

article.documentation {
	background: none;
	box-shadow: none;
}

article.documentation h1 {
	padding: 0;
}

article.documentation h2, 
article.documentation h3, 
article.documentation h4, 
article.documentation h5, 
article.documentation h6 {
	margin: 20px 0;
}

article.documentation p, 
article.documentation li {
	font-size: 14px;
	line-height: 18px;
}

#simplemodal-container a.modalCloseImg {
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	right: -11px;
	top: -11px;
	background: #222;
	border-radius: 50%;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.75);
	cursor: pointer;
	box-sizing: border-box;
	border: 2px solid #fff;
}

#simplemodal-container a.modalCloseImg::before {
	content: "\e104";
	font: 8px/18px workflow;
	width: 18px;
	height: 18px;
	text-align: center;
	display: block;
	color: #fff;
	text-indent: 1px;
}

/* Shelf UI Widget */

.shelf {
  padding: 0;
  box-sizing: border-box;
  background: #eee;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  position: relative;
}

.closed .shelf {
	padding: 0 0 30px;
}

.shelf-inner {
  padding: 20px 10px 0;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  text-align: center;
}

.shelf h2 {
  font-size: 20px;
  padding: 0 20px;
  margin: 0;
  box-sizing: border-box;
  background: #fafafa;
  line-height: 50px;
  text-transform: uppercase;
}

.shelf .button:hover {
  color: #fff !important;
}

.shelf section {
  display: inline-block;
  margin: 0 10px 20px;
  vertical-align: top;
  list-style-type: none;
  position: relative;
  background: #f5f5f5;
  box-shadow: 0 0 5px #ddd;
  text-align: left;
  width: 23%;
}

.shelf section .inner {
	padding: 20px;
}

.shelf section label.search-param {
  display: block;
}

.search-date-range {
	margin: 10px 0 0;
}

.shelf-toggle {
	display: inline-block;
	position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -15px;
  z-index: 100;
	width: 30px;
	height: 30px;
	background: #fafafa;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	transition: all 0.2s;
	color: #555 !important;
	line-height: 30px;
	text-align: left;
	text-indent: -20000px;
	overflow: hidden;
	transform: rotate(180deg);
}

.shelf-toggle:hover {
	background: #fff;
}

.closed .shelf .shelf-toggle {
	transform: rotate(0deg);
}

.shelf-toggle::before {
	content: "\e049";
	text-align: center;
	font: 20px/30px workflow;
	width: 30px;
	height: 30px;
	display: block;
	color: #555 !important;
	text-indent: initial;
}

/* Shipping Tool */

.shipment {
	width: 1200px;
	margin: 0 auto;
}

.ship-from-address, 
.ship-to-address {
	font-size: 16px;
	margin: 0 0 10px;
}

.ship-from-phone, 
.ship-from-email, 
.ship-from-account-number {
	font-size: 16px;
	margin: 0;
}

.ship-info {
	width: 75%;
	float: left;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}

.ship-info #edit-ship-form, 
.ship-info #shipfrom-address-form {
	padding: 20px;
}

.ship-info section h2, 
.package-info section h2 {
	border-bottom: none !important;
  line-height: 100%;
  padding: 10px 20px;
}

.ship-info section h2 a {
	color: #555 !important;
  line-height: 100%;
  border-bottom: none!important;
}

.ship-info .form-edit {
	margin: 0 0 20px;
}

/* .ship-info .form-edit input {} */

.ship-info .form-edit:last-child {
	margin: 0;
}

.ship-info input[type="text"], 
.ship-info input[type="file"], 
.ship-info input[type="password"], 
.ship-info input[type="tel"], 
.ship-info input[type="email"], 
.ship-info input[type="number"], 
.ship-info input[type="date"], 
.packages input[type="text"], 
.packages input[type="file"], 
.packages input[type="password"], 
.packages input[type="tel"], 
.packages input[type="email"], 
.packages input[type="number"], 
.packages input[type="date"] {
	height: 30px;
	line-height: 30px;
}

.ship-info .form-carrier label {
	vertical-align: middle;
	cursor: pointer;
	width: auto;
}

.ship-info .form-carrier label:first-child {
	width: 85px;
}

.ship-info .form-carrier input[type="radio"] {
	border: 0; 
	  clip: rect(0 0 0 0); 
	  height: 1px; margin: -1px; 
	  overflow: hidden; 
	  padding: 0; 
	  position: absolute; 
	  width: 1px;
}

.ship-info .form-carrier input[type="radio"] + span {
	background-size: contain !important;
  background-repeat: no-repeat !important;
  text-indent: -99999px;
  overflow: hidden;
  height: 30px;
  width: 100px;
  display: inline-block;
  opacity: 0.25;
  transition: opacity 0.3s;
  vertical-align: middle;
}

.ship-info .form-carrier input[type="radio"]:checked + span {
  opacity: 1;
}

.ship-info .form-carrier input[type="radio"]#Ship_carrier_ups + span {
	background: url(/images/carrier/ups.svg);
}

.ship-info .form-carrier input[type="radio"]#Ship_carrier_fedex + span {
	background: url(/images/carrier/fedex.svg);
}

.ship-info .form-carrier input[type="radio"]#Ship_carrier_usps + span {
  background: url(/images/carrier/usps.svg);
}

/* .ship-info .form-carrier input[type="radio"] + span::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.25em;
  border-radius: 1em;
  border: 0.125em solid #fff;
  box-shadow: 0 0 0 0.15em #000;
  margin-right: 0.75em;
  transition: 0.5s ease all;
} */

.ship-info .form-carrier input[type="radio"]:checked + span::before {
  background: green;
  box-shadow: 0 0 0 0.25em #000;
}

.packages {
	width: 25%;
	float: right;
}

.packages section {
	/* margin: 0 0 20px; */
	/* padding: 20px; */
	min-width: 100%;
}

.packages section .form-edit {
	margin: 0 0 5px;
}

.packages section .form-edit label {
	white-space: nowrap;
	padding: 0 10px 0 0;
	vertical-align: middle;
	width: 65px;
}

.packages section .form-edit input {
	width: 150px;
}

.packages section .form-edit input, 
.packages section .form-edit select {
	vertical-align: middle;
}

.packages section .form-edit-buttons input  {
	margin-bottom: 0;
}

.package-info-shipped dl {
	font-size: 14px;
	line-height: 18px;
}

.package-info-shipped dd {
	margin: 0 0 10px 20px;
}

.packages section table {
	width: 100%;
	margin: 0;
}

#addpackage, 
#bulkadd {
  background-color: #2e343c;
  transition: all 200ms ease-in-out;
}

#addpackage:hover, 
#bulkadd:hover {
  color: #eee;
}

#bulk-multiply-section p {
  margin: 0 0 10px;
  font-size: 16px;
}

.bulk-add-help-text {
  font-size: 10px;
  margin-top: 10px;
}

body.blind .package-info-shipped dt, 
body.blind .package-info-shipped dd {
	color: #fafafa !important;
}

body.blind {
	background: #2E343C;
}

body.blind div.ship-info h1, 
body.blind div.ship-info h1 a, 
body.blind div.packages h1 {
	color: #fafafa !important;
}

body.blind div.ship-info h1::before {
	content: "Blind ";
}

body.blind .shipment-lookup input[type="search"], 
body.blind .shipment-lookup label::after {
	color: #fff;
}

body.blind .ship-info section, 
body.blind .packages section {
	color: #fafafa;
	background: rgba(0, 0, 0, .2);
	box-shadow: none;
}

body.blind .ship-info section h2 {
	background: rgba(0, 0, 0, .2);
	color: #fafafa;
}

body.blind .ship-info section h2 a, 
body.blind .ship-info section h2 a::after {
	color: #fafafa !important;
}

body.blind .ship-info .form-edit.form-service::after {
	content: " (Blind)";
}

body.blind header .current-user a span, 
body.blind header .current-user a::after {
	color: #fafafa !important;
}

.shipment-lookup {
	width: 50%;
	display: block;
	margin: 0 auto 50px;
	position: relative;
}

.shipment-lookup input[type="search"] {
	background: rgba(0,0,0,0.1);
	padding: 0 10px 0 50px;
	height: 40px;
	line-height: 40px;
	display: block;
	border-radius: 4px;
	border: none;
	width: 100%;
}

.shipment-lookup label {
  height: 40px;
  width: 40px;
  position: absolute;
  text-indent: -20000px;
  overflow: hidden;
}

.shipment-lookup label::after {
  font: 26px/40px workflow;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.07);
  display: block;
  color: #505050;
  text-indent: 0;
  text-align: center;
  content: "V";
  position: absolute;
  left: 0;
  top: 0;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px 0 0 4px;
}

.shipment-thumbs .section-inner {
	padding: 5px 0 20px;
}

.shipment-thumbs .section-inner ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

.shipment-thumbs .section-inner ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0 10px;
	text-align: center;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	background: #eee;
	position: relative;
} 

.shipment-thumbs.scanned h2,
.shipment-thumbs .section-inner ul li.scanned {
	background: rgba(59,217,101,1);
}

.shipment-thumbs .section-inner ul li.scanned::before {
	content: "";
	background: rgba(59,217,101,0.5);
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.shipment-thumbs .section-inner ul li.scanned::after {
	content: "\e114";
	font-family: workflow;
	color: rgba(0,0,0,0.6);
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -35px 0 0 -35px;
	width: 70px;
	height: 70px;
	text-align: center;
	line-height: 70px;
	font-size: 40px;
	border-radius: 50%;
}

.shipment-thumbs .section-inner ul li img {
	width: auto;
	display: block;
}

.shipment-thumbs .section-inner ul li span {
	display: block;
	padding: 6px;
}

.shipment-thumbs h2 {
  cursor: default;
}

/* Shipping Error / Adddress Correction */

article.shipping-error {
	background: none;
	box-shadow: none;
}

div.shipping-error {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: flex-start;
	margin: 50px 0 0;
}

.ship-error-section {
	box-sizing: border-box;
}

.shipping-error .shipping-error section {
	padding: 0;
	min-width: inherit;
}

.shipping-error .shipping-error section h2 {
	border-bottom: none;
	font-weight: bold;
}

.shipping-error .shipping-error section h3 {
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 20px;
}

.shipping-error .shipping-error section p.ship-to-address {
	margin: 0;
}

div.ship-error-section {
	margin: 0 50px;
}

div.ship-error-section section {
	margin: 0 0 30px;
}

div.ship-error-section section:first-of-type {
	margin: 0;
}

.ship-error-section section {
	min-width: inherit;
}

.shipping-error ul.buttons li:last-of-type input.button {
	margin: 0;
}

/* No Chrome */

body.no-chrome header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	background: none;
	box-shadow: none;
	box-sizing: border-box;
	z-index: 5;
}

body.no-chrome header div.header-inner {
	padding: 10px 20px;
	box-sizing: border-box;
	background: rgba(0,0,0,0.05);
	/*color: #fafafa;*/
	width: 100%;
	float: left;
	clear: none;
}

body.no-chrome.blind header div.header-inner {
	background: rgba(0,0,0,0.1);
}

body#sidebar.no-chrome header {
	padding: 0 0 0 300px;
}

body#sidebar.no-chrome header.ship-header {
  padding: 0;
}

body.no-chrome header h1 {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 40px;
	height: 40px;
}

body.no-chrome.blind header h1 {
	color: #fafafa;
}

body.no-chrome header .current-user {
	float: right;
}

body.no-chrome header .current-user a {
	float: right;
	position: relative;
}

body.no-chrome header .current-user a span {
	/*color: #fafafa;*/
	color: #555;
	display: block;
	float: right;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	padding: 0 10px 0 0;
	opacity: 1;
	transition: all 0.2s;
}

body.no-chrome.blind header .current-user a span {
	color: #fafafa;
}

body.no-chrome header .current-user a:hover span {
	opacity: 0;
}

body.no-chrome header .current-user a::after {
	position: absolute;
	right: 40px;
	/*color: #fafafa;*/
	color: #555;
	display: block;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	padding: 0 10px 0 0;
	content: "Logout";
	opacity: 0;
	transition: all 0.2s;
}

body.no-chrome.blind header .current-user a::after {
	color: #fafafa;
}

body.no-chrome header .current-user a:hover::after {
	opacity: 1;
}

body.no-chrome header .current-user .user-profile-picture {
	width: 40px;
	height: 40px;
	float: right;
}

body.no-chrome header .current-user a .user-profile-picture::before {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	opacity: 0;
	display: block;
	transition: all 0.2s;
	background: rgba(0,0,0,0.5);
	font: 20px/40px workflow;
	text-align: center;
	color: #fff;
	content: "\e0be";
}

body.no-chrome header .current-user a:hover .user-profile-picture::before {
	opacity: 1;
}

body.no-chrome header .current-user .user-profile-picture img {
	width: 40px;
}

body.no-chrome article header {
	display: block;
  margin-bottom: 10px;
}

body.no-chrome article header h1 {
	height: auto;
}

body.no-chrome #content {
	padding: 0;
	margin: 0;
	width: 100%;
}

body#sidebar.no-chrome #content {
	margin: 0;
	width: 100%;
}

body.no-chrome .content-inner {
	padding: 50px;
}

body#sidebar.no-chrome .content-inner {
	padding: 50px 50px 50px 350px;
}

body.no-chrome aside {
	top: 0;
	left: 0;
}

body.no-chrome article.ticket.sfly-verify {
	width: 800px;
	margin: 0 auto;
	float: none;
}

/* Audit Report */

td.status {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

td.status span {
	text-indent: -99999px;
	overflow: hidden;
}

td.status span::before {
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	content: "";
	font: 30px/30px workflow;
	text-align: center;
	text-indent: initial !important;
	margin: 0 20px 0 0;
}

td.status.pass {
	background: #d9f991;
	color: #506f1e;
	border-color: #a9c667;
}

tr.mobile-row.pass {
	border-right: 10px solid #d9f991;
}

td.status.pass span::before {
	content: "\e101";
}

td.status.fail {
	background: #f59a92;
	color: #6c221b;
	border-color: #cf7972;
}

tr.mobile-row.fail {
	border-right: 10px solid #f59a92;
}

td.status.fail span::before {
	content: "\e104";
}

/* Audit Form */

div.row {
  display: block;
  margin: 5px 0;
  padding: 0 20px;
  width: 100%;
  float: left;
  clear: both;
  box-sizing: border-box;
}

div.row:first-of-type {
	margin: 10px 0 0;
}

div.row:last-of-type {
	margin: 0 0 10px;
}

div.row label {
  display: block;
  font-weight: bold;
  padding: 0 20px 0 0;
  line-height: 40px;
  font-size: 14px;
  float: left;
  width: 300px;
  height: 40px;
  box-sizing: border-box;
}

div.qcfields {
	float: left;
	width: 660px;
}

.audit-spacer {
	width: 50px;
	height: 40px;
	display: block;
}

div.qcfields a.button.checked {
  background: #555;
}

a.button.pass.checked {
	background: #d9f991 !important;
	color: #506f1e !important;
}

a.button.fail.checked {
	background: #f59a92 !important;
	color: #6c221b !important;
}


a.button.not-available.checked {
	background: #f6d391 !important;
	color: #6d481d !important;
}

input#production_location {
	width: 100%;
}

div.qcfields div.comment-input {
	float: left;
	box-sizing: border-box;
	padding: 0 0 0 20px;
}

div.qcfields div.comment-input input, 
div.qcfields div.comment-input textarea {
	width: 324px;
}

div.comment-input textarea.autoExpand {
	vertical-align: top;
	resize: vertical;
}

div.comment-input span {
	vertical-align: top;
	margin: 15px 0 0;
	display: inline-block;
}

/* Super Columns */

.super-column-left {
	border-left: 1px solid #ccc;
}

.super-column-right {
	border-right: 1px solid #ccc;
}

.super-column-right:last-of-type {
	border-right: none;
}

.week-column {
	text-align: left !important;
	width: 40px;
}

/* Hide elements */

.hide {
	display: none !important;
}

/* Estimator Styles */

table.admin-estimator-items tr td:first-child {
	width: 5%;
}

table.admin-estimator-items tr td:nth-child(2) {
	width: 50%;
}

table.admin-estimator-items tr td:nth-child(3) {
	width: 10%;
}

table.admin-estimator-items tr td:nth-child(4) {
	width: 30%;
}

table.admin-estimator-items tr td:last-child {
	width: 5%;
}

article.form table.estimator-options {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: collapse;
}

table.estimator-options tr td {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}

table.estimator-options tr:last-of-type td {
	border-bottom: none;
}

table.estimator-options tr td.checkbox {
	width: 20px;
}

table.estimator-options tr td.option, 
table.estimator-options tr td.option select {
	width: 200px;
}

table.estimator-options tr td.price {
	text-align: right;
}

table.estimator-options .select2-container {
	width: 200px !important;
}

.quote-number {
	width: 8%;
}
.quote-revisions {
	width: 2%;
}
.quote-client {
	width: 15%;
}

.quote-job {
	width: 15%;
}

.quote-date {
	width: 10%;
}

.quote-actions {
	width: 50%;
	text-align: right !important;
	white-space: nowrap;
}

.half .quote-number, 
.half .quote-revisions, 
.half .quote-client, 
.half .quote-job, 
.half .quote-opened {
	width: auto;
}

/* Press Control */
.press-control-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  margin-bottom: 30px;
}

.press-control-wrap.press-flow {
	text-align: left !important;
}

.press-control-wrap #manifest_lock {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 20px;
  align-items: flex-start;
}

.press-control {
	width: 250px;
  display: block;
  background: #fff;
  margin: 75px 0 0;
  text-align: left;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.press-inner {
  border-radius: 5px;
}

.press-control.ship-lock {
	margin-top: 0;
}

.press-control::before {
  display: block;
  width: 250px;
  height: 70px;
  content: "";
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -70px 0 0;
  position: relative;
  z-index: 1;
}

.press-control.ship-lock::before {
	display: none;
}

.press-control.hp-7250::before {
	background-image: url(/images/press/indigo-7250.svg);
}

.press-control.hp-7500::before, 
.press-control.hp-7600::before {
	background-image: url(/images/press/indigo-7900.svg);
}

.press-control.hp-7900::before, 
.press-control.hp-7800::before {
	background-image: url(/images/press/indigo-7900.svg);
}

.press-control.hp-12000::before {
	background-image: url(/images/press/indigo-12000.svg);
}

.press-control.hp-50000::before {
	background-image: url(/images/press/indigo-50000.svg);
}

.press-control.xerox-igen-4::before {
	background-image: url(/images/press-control-igen4.png);
}

.press-control.xerox-versant-180::before {
	background-image: url(/images/press/xerox-versant-180.svg);
}

.press-control.konica-minolta-accuriojet-km-1::before {
	background-image: url(/images/press/konica-minolta-accuriojet-km1.svg);
}

.press-control.canon-colorado-1650::before {
	background-image: url(/images/press/canon-colorado-1650.svg);
}

h2.press-name {
	margin: 0;
}

h2.press-name span {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: baseline;
	color: #aaa;
}

h3.press-serial {
	margin: 0;
}

.press-header {
	padding: 15px;
	margin: 0;
	background: #fafafa;
	text-align: center;
  border-radius: 5px 5px 0 0;
}

.press-control.active .press-header {
	border-bottom: 5px solid #7ed55f;
	
}

.press-control.inactive .press-header {
	border-bottom: 5px solid #fe645a;
}

.press-controls {
	text-align: center;
}

.press-controls.online-offline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px;
}

.press-controls .button.press-state {
	width: 70px;
	margin: 0 !important;
	vertical-align: middle;
}

.press-controls .button.ship-lock {
	margin: 15px 10px !important;
	vertical-align: middle;
}

.press-status {
	font-weight: bold;
	margin: 0;
	padding: 10px;
	font-size: 16px;
	clear: both;
}

.press-impressions {
	font-weight: bold;
	margin: 0;
	padding: 10px;
	font-size: 14px;
	background: #fafafa;
  border-radius: 0 0 5px 5px;
	clear: both;
}

.press-control.active .press-status {
	text-transform: uppercase;
}

/* .press-control.inactive .press-status {} */

input.press-max-jobs {
	width: 80px;
	height: 80px;
	display: inline-block;
	padding: 0;
	margin: 15px 5px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	box-sizing: border-box;
	font-size: 30px;
	vertical-align: middle;
}

.press-info-toggle {
  border-radius: 0 0 5px 5px;
}

.press-info-toggle, 
.ship-lock-info {
	display: block;
	padding: 10px;
	background: #fafafa;
	text-align: center;
	color: #555 !important;
	font-size: 16px;
	line-height: 18px;
}

.press-info-toggle::after {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 5px;
	background: #ddd;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	font: 14px/18px workflow;
	text-align: center;
	content: "\e048";
	transition: all 0.1s;
}

.press-info.selected .press-info-toggle::after {
	transform: rotate(180deg);
}

.press-info {
	position: relative;
}

.press-info-inner {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 5;
	box-shadow: 0 5px 5px rgba(0,0,0,0.25);
}

.press-info table {
	border-collapse: collapse;
	width: 100%;
}

.press-info table tr td {
	padding: 8px 10px;
}

.press-info table tr td:first-child {
	font-weight: bold;
	text-align: right;
}

.press-info table tr:nth-child(odd) td {
	background: #eee;
}

.press-form {
	padding: 0 15px 5px;
	text-align: left;
}

.press-form-row {
	padding: 0 0 10px;
}

.press-form-row:last-of-type {
	padding: 0;
}

.press-form-row label {
	display: block;
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 14px;
}

.press-form-row textarea, 
.press-form-row input[type="text"], 
.press-form-row input[type="tel"] {
	width: 100%;
}

.press-status-wrap {
	padding: 10px 0;
  width: 100%;
  /* float: left; */
  /* clear: both; */
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.press-status-active, 
.press-status-device {
	text-transform: uppercase;
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: auto;
  height: 30px;
  line-height: 30px;
  box-sizing: border-box;
  /* float: left; */
}

.press-status-active {
  text-align: right;
}

.press-status-device {
	text-align: left;
}

.press-status-run-idle {
	width: 30px;
	height: 30px;
	/* float: left; */
	position: relative;
}

.press-status-run-idle::before {
	display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fe645a;
  position: absolute;
  left: 8px;
  top: 8px;
  content: "";
}

.press-status-run-idle.active::before {
	background: #7ed55f;
}

.press-run {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(0, 0, 0, 0.075);
  border-right: 5px solid rgba(0, 0, 0, 0.075);
  border-bottom: 5px solid rgba(0, 0, 0, 0.075);
  border-left: 5px solid #7ed55f;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}

.press-idle {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 5px solid rgba(0, 0, 0, 0.075);
  border-right: 5px solid rgba(0, 0, 0, 0.075);
  border-bottom: 5px solid rgba(0, 0, 0, 0.075);
  border-left: 5px solid rgba(0, 0, 0, 0.075);
}

.press-run,
.press-run:after, 
.press-idle,
.press-idle:after {
  border-radius: 50%;
  width: 20px;
  height: 20px;
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* ANOC QC Scansheet */

.anoc-scansheet-header {
	border-bottom: 1px solid #333;
	margin: 0 0 20px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
}

.anoc-scansheet-header h1 {
	text-align: left;
	padding: 0;
	margin: 0 0 10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 24px;
}

.anoc-scansheet-header h1 span {
	white-space: nowrap;
	margin: 0 20px 0 0;
	font-size: 24px;
}

.anoc-scansheet-header span {
	height: 28px;
	overflow: hidden;
}

.anoc-info {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 30px;
}

.anoc-info table {
	border: none !important;
	border-collapse: collapse;
}

/* .anoc-info table td {
	border: 1px solid #aaa;
} */

.anoc-info table tr:nth-child(odd) td, 
table.anoc-qc tr:nth-child(odd) td {
	background: #eee;
}

.anoc-info table tr:nth-child(even) td, 
table.anoc-qc tr:nth-child(even) td {
	background: #fafafa;
}

.anoc-info table td:first-of-type {
	font-weight: bold;
	text-transform: uppercase;
}

.anoc-info table:nth-child(odd) {
	float: left;
	width: 38%;
	margin: 0 2% 0 0;
}

.anoc-info table:nth-child(even) {
	float: right;
	width: 58%;
	margin: 0 0 0 2%;
}

table.anoc-qc {
	margin: 0 auto 30px;
	width: 80%;
	border: none !important;
}

table.anoc-qc:last-of-type {
	margin: 0 auto;
}

table.anoc-qc thead tr th {
	text-align: center;
	padding: 4px 10px;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	border-bottom: 1px solid #333;
	background: #fafafa;
}

table.anoc-qc thead tr th div {
	height: 30px;
	overflow: hidden;
}

table.anoc-qc thead tr th:first-of-type {
	font-weight: bold;
	text-align: left;
}

table.anoc-qc thead tr th:last-of-type {
	text-align: right;
	padding: 4px;
}

table.anoc-qc tr td:first-of-type {
	font-weight: bold;
	border-right: 1px solid #333;
	width: 24%;
}

table.anoc-qc tr td:last-of-type span {
	float: right;
}

/* Sticky Table Headers */

.sticky-wrap {
  overflow-x: auto;
  position: relative;
  margin-bottom: 1.5em;
  width: 100%;
}

.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .125s ease-in-out;
	z-index: 50;
	width: auto; /* Prevent table from stretching to full size */
}

.sticky-wrap .sticky-thead {
  box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);
  z-index: 100;
  width: 100%; /* Force stretch */
}

.sticky-wrap .sticky-intersect {
  opacity: 1;
  z-index: 150;
}

.sticky-wrap .sticky-intersect th {
  background-color: #666;
  color: #eee;
}
.sticky-wrap td,
.sticky-wrap th {
  box-sizing: border-box;
}

/* Loading Styles */

div.loading {
	width: 64px;
	height: 64px;
	margin: 0 auto;
	background: url('/images/throbber.svg') no-repeat center center;
}

/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 */

/* Requirements */

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

/* Basic Theme */

[data-accordion] {
    line-height: 1;
}

/* [data-control],
[data-content] > * {} */

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    padding-right: 40px;
}

/*[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../images/down.png') center center no-repeat;
    background-size: 50%;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}*/

/* Horizontal Tab Menu */

div.tab-menu {
	background: #90949a;
	padding: 0 20px;
	box-sizing: border-box;
	height: 60px;
}

div.tab-menu::before {
  content:"";
  display: block;
  background: #90949a;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 75px;
}

body#sidebar div.tab-menu {
	padding: 0 20px 0 320px;
}

div.tab-menu ul.tabs {
	margin: 0;
	padding: 10px 0 0;
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: center;
	overflow: hidden;
}

div.tab-menu ul.tabs li {
	margin: 0 5px;
	padding: 0;
	list-style-type: none;
}

div.tab-menu ul.tabs li a {
	background: #b5b7bb;
	display: block;
	padding: 0 15px;
	color: #444;
	font-size: 14px;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	min-width: 85px;
	transition: all 0.2s ease-in-out;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

div.tab-menu ul.tabs li a:hover {
	background: #c9cacc;
}

div.tab-menu ul.tabs li.active a {
	background: #ddd;
}

/* Gritter Image Override */

.gritter-image[src="/images/growl-err.png"] {
	background: url(/images/growl-err.svg) no-repeat center center;
	background-size: contain;
}

.gritter-image[src="/images/growl-warn.png"] {
	background: url(/images/growl-warn.svg) no-repeat center center;
	background-size: contain;
}

.gritter-image[src="/images/growl-info.png"] {
	background: url(/images/growl-info.svg) no-repeat center center;
	background-size: contain;
}

/* Login Notice */

#login .gritter-item-wrapper {
	margin: 35px 0 0;
}

.login-notice {
	text-align: center;
}

.login-notice-inner {
	padding: 5px 15px;
}

.login-notice h2 {
	font-weight: bold;
	margin: 0;
	padding: 0 40px;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	font-size: 16px;
	color: rgba(0,0,0,0.75);
	background: url('/images/warn-dark.svg') no-repeat 10px center, 
							url('/images/warn-dark.svg') no-repeat 266px center, 
							url('/images/diagonal-line.svg') repeat left top;
	background-size: 24px auto;
	background-color: #ffca76;
}

.login-notice p {
	margin: 10px 0;
	font-size: 13px;
}

.login-notice p strong {
	font-size: 15px;
	text-transform: uppercase;
	text-decoration: underline;
}

/* SFLY Ticket Info */

table.sfly-ticket-info {
	border: none;
	border-collapse: collapse;
}

table.sfly-ticket-info tr td {
	padding: 5px 10px;
  border: none!important;
}

table.sfly-ticket-info tr:nth-child(odd) td {
	background: #eee;
}

table.sfly-ticket-info tr td:first-child {
	white-space: nowrap;
}

table.sfly-ticket-info tr td:last-child {
	/* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;
	
	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;
	
	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
}

/* Limited Page Styles (Custom Client Branding) */

.source-logo {
	background-color: rgba(255,255,255,0.7);
	background-size: auto 60%;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100px;
}

/* SFLY Inbound and Outbound Report */

td.last, 
th.last {
	border-right: 1px solid #bbb !important;
}

td.bound_pkg {
	background: #ddd;
}

td.category_total {
	background: rgba(0, 0, 0, 0.1);
}

.week-rollup {
	background: rgba(0,0,0,0.4);
	color: #fff;
}

/* Magik Missile */

.order-summary-details {
	border: none;
}

.order-summary-details td {
	padding: 4px 0;
	font-size: 15px;
}

.order-summary-details tr:first-child td {
	padding: 0 0 4px;
}

.order-summary-details tr:last-child td {
	padding: 4px 0 0;
}

/* Ship Lock */

form#manifest_lock a.button {
	text-align: center;
}

.ship-lock-eod {
	margin: 10px;
}

.ship-lock-eod label {
	font-weight: bold;
}

/* Label Tool */

.prekit-label {
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	box-sizing: border-box;
	width: 4in !important;
	height: 2in !important;
	padding: .125in !important;
	line-height: 1.5;
}
.prekit-text-lg {
	font-size: 12pt;
	text-align: center;
	color: #000;
	font-weight: bold;
	line-height: 2.0;
}
.prekit-text {
	font-size: 10pt;
	text-align: center;
	color: #000;
	font-weight: bold;
}
.prekit-text-sm {
	font-size: 8pt;
	text-align: center;
	color: #000;
}
.prekit-qty-title {
	position: relative;
	left: -100px;
}
.prekit-qty-value {
	position: relative;
	left: -100px;
	bottom: 17px;
}
.prekit-wt-title {
	position: relative;
	left: 80px;
	bottom: 17px;
}
.prekit-wt-value {
	position: relative;
	left: 80px;
	bottom: 37px;
}

.chatbook-label {
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	box-sizing: border-box;
	width: 3in !important;
	height: .75in !important;
	padding: .125in !important;
}

.chatbook-barcode {
	margin: 0 0 .025in;
	width: 100%;
	height: .375in;
	overflow: hidden;
}

.chatbook-barcode img {
	margin: 0 auto;
	display: block;
}

.chatbook-text {
	font-size: 10pt;
	text-align: center;
	color: #000;
}

/* Flex Columns */

article.flex-columns {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	background: none;
	box-shadow: none;
}

article.flex-columns section {
	margin: 0 10px;
	flex: 1;
	min-width: 200px;
}

article.flex-columns section:first-child {
	margin: 0 10px 0 0;
}

article.flex-columns section:last-child {
	margin: 0 0 0 10px;
}

/* ANOC Ship Pallets Report */

.anoc-report ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.anoc-report ul li {
	padding: 10px 20px;
	margin: 0;
	font-size: 15px;
}

/* Striped Rows */

.striped li:nth-child(even), 
.striped tr:nth-child(even) td {
	background: #eee;
}

.striped li:nth-child(odd), 
.striped tr:nth-child(odd) td {
	background: #fafafa;
}

/* OnDemand Box Quantity */

.section-inner.ondemand-box {
	padding: 10px;
}

.box-quantity-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-content: flex-start;
	text-align: center;
}

.box-quantity {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-content: flex-start;
	text-align: center;
	margin: 10px;
	border: 1px solid #eee;
	flex: 1;
}
	
.box-quantity div {
	flex: 1;
}

.box-quantity div span, 
.box-quantity div strong {
	display: block;
	padding: 5px;
}

.box-quantity div strong {
	background: #eee;
}

/* Ticket Location Quick Switcher */

.loc-quick-switch {
	display: inline-block;
	vertical-align: top;
  padding-top: 3px;
}

.loc-quick-switch ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
  gap: 10px;
}

.loc-quick-switch ul li {
	display: block;
}

.loc-quick-switch ul li label {
	display: block;
	overflow: hidden;
	font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 0 0 10px;
  margin: 0;
  width: auto;
  font-weight: bold;
  border-radius: 10px;
  background: #ccc;
  color: #555;
  /* max-width: 0; */
  transition: all 200ms ease;
  /* transition-delay: 0; */
}

.loc-quick-switch ul li input[type="radio"]:checked + label {
  background: #00000025;
}

.loc-quick-switch ul li:hover label {
	/* width: auto; */
	/* max-width: 100px; */
	/* margin: 0 0 0 20px !important; */
	/* transition-delay: 500ms; */
  background: #bbb;
}

.loc-quick-switch ul li.DLNI.current-DLNI label, 
.loc-quick-switch ul li.DLLV.current-DLLV label, 
.loc-quick-switch ul li.DLMN.current-DLMN label, 
.loc-quick-switch ul li.DLNJ.current-DLNJ label {
	width: auto;
	max-width: 100px;
	margin: 0;
}

.loc-quick-switch ul li input {
	margin: 0;
	position: absolute;
	left: -50px;
	top: -50px;
}

.loc-quick-switch ul li label span {
	display: inline-block;
	margin: 0 !important;
}

.loc-quick-switch ul li label span::after {
	display: inline-block;
	margin: 0 0 0 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  /* background: #bbb; */
  background: #00000025;
  border-radius: 10px;
  transition: all 200ms ease;
}

.loc-quick-switch ul li:hover label span::after {
  /* background: #aaa; */
  /* background: #00000025; */
  color: #fff;
}

/* .loc-quick-switch ul li input[type="radio"]:checked + label span::after {
  background: #eee;
} */

.loc-quick-switch ul li.loc.DLNI input[type="radio"]:checked + label {
  background: #32CF6D;
  color: #fff;
}

.loc-quick-switch ul li.loc.DLLV input[type="radio"]:checked + label {
  background: #FF7A54;
  color: #fff;
}

.loc-quick-switch ul li.loc.DLMN input[type="radio"]:checked + label {
  background: #DD57FF;
  color: #fff;
}

.loc-quick-switch ul li.loc.DLNJ input[type="radio"]:checked + label {
  background: #399FFF;
  color: #fff;
}


.loc-quick-switch ul li.loc.DLNI label span::after {
	content: "M";
	color: #fff;
  /* background: #32CF6D; */
}

.loc-quick-switch ul li.loc.DLLV label span::after {
	content: "g";
	color: #fff;
  /* background: #FF7A54; */
}

.loc-quick-switch ul li.loc.DLMN label span::after {
	content: "W";
	color: #fff;
  /* background: #DD57FF; */
}

.loc-quick-switch ul li.loc.DLNJ label span::after {
	content: "e";
	color: #fff;
  /* background: #399FFF; */
}

span.state-name {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 15px !important;
}

span.state-name::after {
	display: none;
}

/* Card List */

.card-list {
	background: none;
	box-shadow: none;
}

.card-list .dataTables_filter {
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.card-list table {
	background: none !important;
}

.card-list table thead {
	display: block;
}

.card-list table thead tr {
	display: flex !important;
	flex-flow: row wrap;
	margin: 0;
	padding: 5px 10px 10px 5px;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	background: #eee;
}

.card-list table thead tr th {
	margin: 5px 0 0 5px;
	padding-left: 26px;
	background: #ccc;
	font-size: 14px;
	height: 16px;
  border-radius: 5px;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  align-content: center;
  position: relative;
}

.card-list table thead tr th::before {
	width: 20px;
	height: 100%;
	font: normal 16px/24px workflow;
	text-align: center;
	display: inline-block !important;
	content: "";
	margin: 0 5px 0 0 !important;
	background: #fff !important;
	color: #555;
	border-radius: 5px 0 0 5px !important;
	opacity: 0.25;
	position: absolute;
	left: 0;
	top: 0;
	transition: opacity 200ms ease-in-out;
}

.card-list table thead tr th.sorting_asc, 
.card-list table thead tr th.sorting_desc {
	font-style: italic;
}

.card-list table thead tr th.sorting_asc::before, 
.card-list table thead tr th.sorting_desc::before {
	content: "\e048";
	opacity: 1;
}

.card-list table thead tr th.sorting_asc::before {
	transform: rotate(180deg);
	border-radius: 0 5px 5px 0 !important;
}

/* .card-list table thead tr th.sorting_desc::before {} */

.card-list table thead tr th.hidden-cell {
	margin: 0;
	padding: 0;
	background: none;
	width: 0;
	height: 0;
	visibility: hidden;
}

.card-list table tbody {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	margin: 0 0 0 -20px;
}

.card-list tr {
	display: block;
	/*margin: 20px 0 0 0;*/
	margin: 20px 0 0 20px;
	background: #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.25);
  flex-grow: 1;
  flex-basis: 23%;
  max-width: 25%;
}

.card-list tr td {
	display: flex;
	flex-flow: row nowrap;
}

.card-list tr td:nth-child(even) {
	background: #eee;
}

.card-list tr td::before {
	width: 30%;
	content: attr(data-label);
	margin-right: 10px;
	font-weight: bold;
	box-sizing: border-box;
}

/* Press Job Lookup */

.card-list #lookup-results tr {
	display: block;
}

.card-list #lookup-results tr td {
	box-sizing: border-box;
}

td.job-lookup-filename {
	padding: 10px;
	align-items: center;
	position: relative;
}

tr.job-printed td.job-lookup-filename {
	padding-bottom: 15px;
}

tr.job-printed td.job-lookup-filename::after {
	background: #3bd965;
	width: 100%;
	height: 5px;
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
}

td.job-lookup-filename::before {
	content: "\e044" !important;
	color: #fff;
	width: 26px !important;
	min-width: 26px;
	height: 26px;
	border-radius: 50%;
	text-align: center;
	line-height: 26px;
	font-family: workflow;
	background: #bbb;
}

tr.job-printed td.job-lookup-filename::before {
	content: "\e114" !important;
	background: #3bd965;
}

td.job-lookup-half, 
td.job-lookup-quarter, 
td.job-lookup-full {
	flex-flow: column nowrap !important;
	text-align: center !important;
	float: left;
}

td.job-lookup-half::before, 
td.job-lookup-quarter::before, 
td.job-lookup-full::before {
	width: 100% !important;
	margin-right: 0 !important;
}

td.job-lookup-half {
	width: 50%;
	background: #eee;
}

td.job-lookup-quarter {
	width: 25%;
	background: #fff !important;
}

td.job-lookup-full {
	width: 100%;
}

td.job-lookup-details {
	padding: 0;
	clear: both;
  width: 100%;
  float: left;
}

td.job-lookup-details .press-info {
  width: 100%;
}

td.job-lookup-details::before {
	display: none;
}

.card-list #lookup-results tr td table tbody {
	display: table-row-group;
}

.card-list #lookup-results tr td table tr {
  display: table-row !important;
  box-shadow: none;
}

.card-list #lookup-results tr td table tr td {
  display: table-cell !important;
}

.card-list #lookup-results tr td table tr td::before {
  display: none;
}

.card-list #lookup-results tr td table tr:nth-child(even) td {
  background: none;
}

/* Scanner Login */

.login-mode-wrap {
	position: relative;
	height: auto;
	transition: all 200ms ease-in-out;
}

.login-mode-option {
	opacity: 0;
	height: 0;
	max-height: 0;
	min-height: 0;
	transition: opacity	200ms ease-in-out;
}

.login-mode-option.active {
	opacity: 1;
	height: auto;
	max-height: 300px;
	min-height: 50px;
}

/* #login-mode-scan {} */

#login-mode-scan input {
	/*width: 0 !important;
	height: 0 !important;*/
	position: absolute;
	left: -100000%;
	top: -100000%;
}

.hidden-login div {
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 1px;
  animation: pulsate 3s ease-out;
  animation-iteration-count: infinite;
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite; 
	opacity: 0.5;
}

form.scanned .hidden-login div {
	color: #3bd965 !important;
  animation: none;
	-webkit-animation: none;
	opacity: 1 !important;
	text-align: left;
	text-indent: -10000px;
	overflow: hidden;
	position: relative;
}

form.scanned .hidden-login div::before {
	content: "Logging In...";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	text-indent: 0;
}

@keyframes pulsate {
  0% { 
    opacity: 0.5;
  }
  50% { 
      opacity: 1.0;
  }
  100% { 
      opacity: 0.5;
  }
}

@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.5;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}

.login-mode-buttons {
	display: flex;
	flex-flow: row nowrap;
	padding: 0;
	margin: 0 0 20px;
	list-style-type: none;
}

.login-mode-buttons li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 50%;
	text-align: center;
}

.login-mode-buttons li a.button {
	background: rgba(0,0,0,0.15);
	color: #555 !important;
	display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 0 !important;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
}

.login-mode-buttons li a.button::before {
	color: #555 !important;
	position: relative;
	width: 20px;
	margin: 0 10px 0 0;
}

.login-mode-buttons li.active a.button {
	background: rgba(0,0,0,0.25);
}

.login-mode-buttons li a.button:hover, 
.login-mode-buttons li.active a.button:hover {
	background: rgba(0,0,0,0.35);
}

.login-mode-buttons li:first-child a {
	border-radius: 5px 0 0 5px;
}

.login-mode-buttons li:last-child a {
	border-radius: 0 5px 5px 0;
}

.login-throbber {
	margin: 0 auto 10px;
}

form.scanned .login-throbber svg path {
	fill: #3bd965 !important;
	opacity: 1 !important;
}

/* Grid Table */

table.grid td {
	border-right: 1px solid #bbb;
}

table.grid td:last-child {
	border-right: none;
}

/* No Tickets */

body.no-tickets #content, 
body.no-tickets .content-inner {
	height: 100%;
}

div.no-tickets {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	height: 100%;
}

div.no-tickets p {
	margin: 0;
	padding: 30px;
	text-transform: uppercase;
	text-align: center;
	opacity: 0.3;
	font-size: 16px;
	letter-spacing: 1px;
}

/* Special Permit Styling */

.permit {
	background: #f6bd52;
	background: repeating-linear-gradient(45deg, #f6bd52 0%, #f6bd52 10%, #f3a719 10%, #f3a719 20%);
	text-shadow: 0 0 5px #f6bd52;
	color: #000;
	padding: 5px !important;
	margin-bottom: 10px !important;
}

/* PrintQueue */

.print-break {
	height: auto;
	width: 100%;
	background: #fff;
}

.print-break iframe {
	border: none;
	height: auto;
	width: 100%;
}

/* ATLASFAM20 Banner */

.atlasfam {
	background: #f6bd52;
	padding: 15px;
	font-size: 30px;
	margin: 0 0 20px;
	box-sizing: border-box;
	border: 4px dashed black;
	color: black;
	display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
	border-radius: 20px;
}

.atlasfam strong {
	font-size: 26px;
  text-align: right;
  text-transform: uppercase;
  margin: 0 20px 0 0;
}

.atlasfam span {
	font-size: 16px;
	text-align: left;
}

/* FSC Styles */

.fsc-number {
	display: inline-block;
  height: 28px;
  line-height: 28px;
  top: -28px;
  position: relative;
  font-size: 20px;
  margin-right: 8px;
}

/* Shipping Rates */

.ship-rates-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.ship-rates-wrap section {
  width: 100%;
  min-width: 100px;
}

/* Spinner */

.spinner-overlay {
  position: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.spinner-content {
  text-align: center;
}

.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #819199;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px;
}

.spinner-text {
  font-size: 16px;
  color: #333;
}

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

/* Error Box */

.error-box {
  padding: 1em;
  background-color: #fff3cd;
  color: #856404;
  font-family: Arial, sans-serif;
  border: 5px solid transparent;
  position: relative;
  margin: 20px;
}

.error-box::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  background: repeating-linear-gradient(
      45deg,
      yellow,
      yellow 10px,
      black 10px,
      black 20px
  );
  z-index: -1;
}

/* Rates Table */

table#ratesTable th {
  text-align: right;
  height: 25px;
}

table#ratesTable tr:first-child th {
  border-bottom: none;
}

table#ratesTable td {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  text-align: right;
}

table#ratesTable th:first-child, 
table#ratesTable td:first-child {
  text-align: left;
}

/* Clear Styles */

.clear {
	width: 100%;
	clear: both;
}

/* Responsive Styles */

@media only screen and (max-width: 1600px) {
  	article.ticket .main-wrap {
	  width: 100%;
	}
	
	article.ticket .notes-wrap, 
	article.ticket .contact-info, 
	article.ticket .misc {
	  display: none;
	}

	article.ticket .notes.alt, 
	article.ticket .history.alt, 
	article.ticket .contact-info.alt, 
	article.ticket .misc.alt {
	  display: block;
	}
	
	span.roles {
	  column-count: 3;
	  -moz-column-count: 3;
	  -webkit-column-count: 3;
	}
	
	div.roles {
	  column-count: 3;
	  -moz-column-count: 3;
	  -webkit-column-count: 3;
	}
	
	.child-list {
	  column-count: 2;
	  -moz-column-count: 2;
	  -webkit-column-count: 2;
	}
}

@media only screen and (max-width: 1400px) {
	div.roles {
	  column-count: 2;
	  -moz-column-count: 2;
	  -webkit-column-count: 2;
	}
	
	article.form, 
	article.label {
	  width: 100%;
	}
	
	.directory {
		width: 50%;
		padding: 0 10px;
	}
	
	.directory:nth-child(3n+2) {
		padding: 0 0 0 10px;
	}
	
	.directory:nth-child(3n+3) {
		padding: 0 0 0 10px;
	}
}

@media only screen and (max-width: 1200px) {
	aside {
	  transform: translateX(-360px);
	  transition: all 250ms ease-in-out;
	}
	
	body.active-menu aside {
	  transform: translateX(-360px);
	  transition: all 250ms ease-in-out;
	}
	
	aside.active {
	  transform: translateX(0);
	  transition: all 250ms ease-in-out;
	}

	body#sidebar .content-inner {
	  padding: 20px;
	}

	body#sidebar header {
	  right: 0;
	}
	
	article header h2.bin-code {
	  margin: 20px 0 0 20px;
	}
	
	h1 span {
		margin: 20px 0 0 20px;
	}

	.ticket-badges {
	  margin: 13px 0 0 20px;
	}
	
	.third {
	  width: 32.25%;
	}
	
	.sidebar-toggle {
	  display: block;
	  position: fixed;
	  right: 30px;
	  bottom: 30px;
	  width: 60px;
	  height: 60px;
	  line-height: 60px;
	  z-index: 10;
	  border-radius: 40px;
	  -moz-border-radius: 40px;
	  -webkit-border-radius: 40px;
	  text-indent: -10000px;
	  color: #fff;
	  background: #aaa;
	  box-shadow: 0 3px 10px rgba(0,0,0,0.25);
	}
	
	body.DLNI .sidebar-toggle {
	  background: #32CF6D;
	}

	body.DLNI .sidebar-toggle.active {
	  background: #32CF6D;
	}

	body.DLLV .sidebar-toggle {
	  background: #FF7A54;
	}

	body.DLLV .sidebar-toggle.active {
	  background: #FF7A54;
	}

  body.DLMN .sidebar-toggle {
	  background: #DD57FF;
	}

	body.DLMN .sidebar-toggle.active {
	  background: #DD57FF;
	}
	
	body.DLNJ .sidebar-toggle {
	  background: #399FFF;
	}

	body.DLNJ .sidebar-toggle.active {
	  background: #399FFF;
	}

	body.CREEL .sidebar-toggle {
	  background: #718da7;
	}

	body.CREEL .sidebar-toggle.active {
	  background: #718da7;
	}

	.sidebar-toggle::before {
	  display: block;
	  width: 60px;
	  height: 60px;
	  text-align: center;
	  position: absolute;
	  left: 0;
	  top: 0;
	  text-indent: 0;
	  content: "\e044";
	  color: #fff;
	  font: 26px/60px workflow;
	}
	
	.sidebar-toggle.active::before {
	  content: "\e0bd";
	  transform: rotate(45deg);
	  font-size: 30px;
	}
	
	.user-list-buttons a {
	  width: 40px;
  	  padding: 0 !important;
	  text-indent: -2000px;
	  margin: 5px 0 !important;
	}

	.user-list-buttons a::before {
	  text-indent: 0;
	}
	
	td.user-list-buttons {
	  min-width: 95px;
	  white-space: nowrap;
	  padding: 0;
	}
	
	.user-profile h2 span {
	  float: none;
	  line-height: inherit;
	  display: block;
	  position: relative;
	  right: inherit;
	  padding: 0;
	}
	
	ul.commission-list.imprev-list {
	  column-count: 8;
	  -moz-column-count: 8;
	  -webkit-column-count: 8;
	}
	
	.shelf section {
	  width: 45%;
	}
	
	div.qcfields {
    width: 580px;
	}
	
	div.qcfields div.comment-input input, 
	div.qcfields div.comment-input textarea {
		width: 252px;
	}
	
	.shipment {
		width: 100%;
	}
	
	body#sidebar.no-chrome .content-inner {
		padding: 50px;
	}
	
	body#sidebar div.tab-menu {
		padding: 0 20px;
	}
	
	body#sidebar.no-chrome header {
		padding: 0;
	}
	
	.card-list tr {
		flex-basis: 30%;
		max-width: 33%;
	}
	
	body#sidebar header.header {
	  left: 60px;
	}
	
	.prepress-assistant-inner {
	  padding: 20px;
	}
	
	.prepress-assistant form.split {
		flex-flow: row wrap;
	}
	
	.prepress-presses {
		width: 100%;
	}
	
	.prepress-assistant ul.prepress-info, 
	.prepress-assistant ul.prepress-form {
		width: 49%;
	}
	
	.prepress-assistant ul.prepress-info {
		margin: 0 1% 20px 0;
	}
	
	.prepress-assistant ul.prepress-form {
		margin: 0 0 20px 1%;
	}
}

@media only screen and (max-width: 1000px) {
	span.roles {
	  column-count: 2;
	  -moz-column-count: 2;
	  -webkit-column-count: 2;
	}
	
	div.roles {
	  column-count: 1;
	  -moz-column-count: 1;
	  -webkit-column-count: 1;
	}
	
	.user-profile-field input[type="text"], 
	.user-profile-field input[type="file"], 
	.user-profile-field input[type="password"] {
	  width: 70%;
	}
	
	.client-profile-field input[type="text"], 
	.client-profile-field input[type="file"], 
	.client-profile-field input[type="password"] {
		width: 60%;
	}
	
	article.form textarea, 
	article.form input[type="text"] {
	  box-sizing: border-box;
	  display: block;
	  width: 100%;
	}
	
	article.form .split .half input[type="text"] {
		display: inline-block;
	}

	article.form .ticket-form-row label {
	  box-sizing: border-box;
	  width: 38%;
	}

	article.form .ticket-form-row textarea, 
	article.form .ticket-form-row input[type="text"], 
	article.form .ticket-form-row input[type="date"], 
	article.form .ticket-form-row input[type="number"], 
	article.form .ticket-form-row input[type="email"], 
	article.form .ticket-form-row input[type="tel"], 
	article.form .ticket-form-row select, 
	article.form .ticket-form-row .select2, 
	article.form .ticket-form-row .chzn-container {
	  box-sizing: border-box;
	  display: inline-block;
	  width: 60% !important;
	}

	article.form select {
	  width: 100%;
	}
	
	article fieldset {
	  min-width: 100px;
	}
	
	.ticket-form-left, 
	.ticket-form-right {
	  width: 100%;
	  float: none;
	  padding: 10px 20px 5px;
	  box-sizing: border-box;
	}
	
	.split {
		width: 100%;
	  float: none;
	  clear: both;
	}
	
	.left-half, 
	.right-half {
		width: 100%;
		padding: 0;
		float: none;
	}
	
	.directory.corp table {
		width: 100%;
		float: none;
		clear: both;
	}
	
	div.row label, 
	div.qcfields {
		width: 50%;
	}
	
	div.row label {
		text-align: right;
	}
	
	div.qcfields div.comment-input {
		padding: 10px 0 20px;
		width: 100%;
	}
	
	div.qcfields div.comment-input input, 
	div.qcfields div.comment-input textarea {
		width: 100%;
	}
	
	.ship-info {
		width: 60%;
	}
	
	.packages {
		width: 40%;
	}
	
	.shipment-lookup {
		width: 80%;
	}
	
	body.no-chrome article.ticket.sfly-verify {
		width: 100%;
	}
	
	article.form .split .half {
		width: 100%;
		float: none;
		clear: both;
		padding: 0;
		margin: 0;
	}
	
	article.form .split .half .split .half {
    width: 49.5% !important;
    margin: 0 0 10px; 
	}
	
	article.form .split .half .split .half:first-of-type label {
		text-align: right !important;
	}
	
	article.form .split .half .split .half label {
		width: 50% !important;
		float: left;
		padding:5px 10px !important;
	}
		
	article.form .split .half .split .half input {
		width: 50% !important;
		float: left;
	}
	
	article.form .split .half .split .half .ticket-form-row {
		padding: 0 5%;
		width: 100%;
		float: left;
		box-sizing: border-box;
	}
	
	.dropcam-thumb {
		padding-bottom: 28.15%;
		width: 50%;
	}
	
	article.flex-columns {
		flex-flow: column nowrap;
		justify-content: flex-start;
	}
	
	article.flex-columns section {
		margin: 0 0 20px;
	}
	
	article.flex-columns section:first-child {
		margin: 0 0 20px;
	}
	
	article.flex-columns section:last-child {
		margin: 0;
	}
	
	.card-list tr {
		flex-basis: 45%;
		max-width: 50%;
	}

  .ship-rates-wrap {
    flex-flow: column nowrap;
  }

  .ship-rates-wrap section {
    margin-bottom: 0;
  }

  section#rates {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 800px) {
	
	body {
		display: block;
	}
	
	body#no-sidebar .content-inner {
	  padding: 20px 0;
	}

	body#no-sidebar .content-inner h1 {
	  padding: 0 20px;
	  text-align: center;
	}

	body#sidebar .content-inner h1 {
	  padding: 0 20px;
	  text-align: center;
	}
	
	article.ticket .billing-wrap, 
	article.ticket .contact-wrap {
	  width: 100%;
	  clear: both;
	  padding: 0;
	}

	article.ticket section.client-info, 
	article.ticket section.job-info {
	  min-width: 350px;
	}
	
	div.client-info, 
	div.client-info-alt {
	  width: 100%;
	  display: block;
	  margin: 0 0 20px !important;
	}
	
	div.client-info:last-child,
	div.client-info-alt:last-child {
	  margin: 0 !important;
	}
	
	article header {
	  padding: 0;
	}
	
	.half {
	  width: 49.25%;
	}
	
	.nup-estimator .half, 
	article fieldset .split .half {
		width: 100% !important;
		padding: 0 !important;
	}
	
	article fieldset .split .half.site-logos {
		text-align: center;
	}
	
	.third {
	  width: 32.5%;
	}
	
	.quarter {
	  width: 24%;
	}
	
	.directory {
		width: 100%;
		padding: 0 !important;
	}
	
	div.job-description-thumb, 
	div.job-description, 
	div.job-dates, 
	div.job-thumb {
	  width: 100%;
	  display: block;
	  padding: 0;
	  margin: 0 0 20px;
	}
	
	div.job-dates {
	  margin: 0;
	}

	div.job-thumb a {
	  text-align: center;
	  display: block;
	}

	a.job-preview img {
	  max-width: 100%;
	}
	
	article.ticket section.job-info h2 {
	  line-height: inherit;
	}

	article.ticket section.job-info h2 span {
	  float: none;
	  line-height: inherit;
	  display: block;
	  position: relative;
	  right: inherit;
	  padding: 0;
	}
	
	article header h1 {
	  line-height: inherit;
	  height: inherit;
	}
	
	.sitelist-page td.sitelist-name a {
	  height: inherit;
	  line-height: 20px;
	}

	.sitelist-page .sitelist-code, 
	.sitelist-page .sitelist-hotfolder, 
	.sitelist-page .sitelist-rating, 
	.user-list-date {
	  display: none;
	}
	
	span.roles {
	  column-count: 1;
	  -moz-column-count: 1;
	  -webkit-column-count: 1;
	}
	
	.user-profile-field input[type="text"], 
	.user-profile-field input[type="file"], 
	.user-profile-field input[type="password"] {
	  width: 60%;
	}
	
	.client-profile-field input[type="text"], 
	.client-profile-field input[type="file"], 
	.client-profile-field input[type="password"] {
		width: 50%;
	}

	article.ticket-list {
	  background: none;
	}

	article.ticket-list table {
		display: table;
	}

	article.ticket-list thead, 
	article.ticket-list tfoot, 
	article.ticket-list tbody, 
	article.ticket-list th, 
	article.ticket-list td, 
	article.ticket-list tr { 
	  display: block; 
	}
	
	article.ticket-list table.mobile-table { 
	  display: table; 
	}
	
	article.ticket-list table.mobile-table tbody { 
	  box-shadow: none;
	  display: table-row-group !important;
	  
	}
	
	article.ticket-list table.mobile-table thead {
		display: table-header-group !important;
	}
	
	article.ticket-list table.mobile-table tfoot {
		display: table-footer-group !important;
	}
	
	article.ticket-list thead tr { 
      position: absolute;
      top: -99999px;
      left: -99999px;
	}

	article.ticket-list table.mobile-table thead tr {
		position: relative;
		left: inherit;
		top: inherit;
		display: table-row !important;
	}
	
	article.ticket-list table.mobile-table {
	  background: #fff !important;
	}
	
	article.ticket-list tr {
	  background: #fff;
	  margin: 0;
	  position: relative;
	}
	
	article.ticket-list table.mobile-table tr {
	  background: inherit;
	  display: table-row !important;
	}
	
	article.ticket-list table.mobile-table tr.even {
	  background: #eee !important;
	}

	article.ticket-list table.mobile-table tr.even.done {
		background: #d9f991 !important;
	}

	article.ticket-list tfoot {
		padding: 10px 0 !important;
	}
	
	article.ticket-list tfoot tr {
	  top: 0 !important;
	  background: none !important;
	}
	
	article.ticket-list tr:last-child {
	  margin: 0;
	}
	
	article.ticket-list td {
	  position: relative;
	  padding: 7px 10px 7px 30% !important;
	  text-align: left !important;
	  min-height: 12px;
	  border-top: 1px solid #eee;
	}
	
	article.ticket-list table.mobile-table td {
		padding: 10px !important;
		border-top: none;
		display: table-cell !important;
	}
	
	article.ticket-list table.mobile-table th {
		display: table-cell !important;
		line-height: 20px;
	}

	article.ticket-list td:nth-child(2), 
	article.ticket-list td:last-child {
	  border-top: none;
	}

	article.ticket-list.overview tr.even {
		background: #efefef;
	}

	article.ticket-list.overview tr.even td {
		border-color: #ddd;
	}

	article.ticket-list.revenue-history tr td {
		border: none !important;
	}

	article.ticket-list.overview td:nth-child(2), 
	article.ticket-list.overview td:last-child {
		border-top: 1px solid #eee;
	}
	
	article.ticket-list.commission-table td {
	  width: 100%;
	  /* border-box: border-box; */
	}
	
	article.ticket-list.commission-table td:first-child {
	  border-top: none;
	}
	
	article.ticket-list.commission-table td:nth-child(2), 
	article.ticket-list.commission-table td:last-child, 
	article.ticket-list #rev-summary td:nth-child(2), 
	article.ticket-list #rev-summary td:last-child, 
	article.ticket-list #imprev-commissions td:nth-child(2), 
	article.ticket-list #imprev-commissions td:last-child, 
	article.ticket-list #transaction-table-1 td:nth-child(2), 
	article.ticket-list #transaction-table-1 td:last-child, 
	article.ticket-list #transaction-table-2 td:nth-child(2), 
	article.ticket-list #transaction-table-2 td:last-child {
	  border-top: 1px solid #eee;
	}
	
	.mobile-commission {
	  float: right;
	}

	article.ticket-list table tfoot td {
	  position: relative;
	  padding: 5px 5px 5px 50% !important;
	  text-align: left !important;
	  height: inherit;
	  border-top: none !important;
	}

	article.ticket-list td.no-mobile {
	  display: none;
	}
	
	article.ticket-list table.mobile-table td.no-mobile {
	  display: table-cell !important;
	}

	article.ticket-list td::before {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 30%;
	  content: attr(data-label);
	  padding: 7px 10px 7px 15px;
	  font-weight: bold;
	  box-sizing: border-box;
	}
	
	article.ticket-list table.mobile-table td::before {
		display: none;
	}

	article.ticket-list table tfoot td::before {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 50%;
	  content: attr(data-label);
	  padding: 5px 20px;
	  font-weight: bold;
	  box-sizing: border-box;
	  text-align: right;
	}
	
	tr.mobile-row {
	  display: block !important;
	  margin: 0 !important;
	  background: #fafafa !important;
	  border-top: 1px solid #ccc;
	  box-sizing: border-box;
	}

	tr.mobile-row:first-child {
	  border-top: none;
	}
	
	tr.mobile-row td {
	  display: inline-block;
	  box-sizing: border-box;
	  padding: 10px !important;
	  vertical-align: top;
	  font-size: 14px !important;
	  line-height: 16px !important;
	}

	tr.mobile-row td {
	  display: block;
	}
	
	tr.mobile-row td.mobile-row-id {
	  width: 25%;
	  font-weight: bold;
	  display: table-cell;
	  border-bottom: none;
	  border-top: none;
	}

	tr.mobile-row td.mobile-row-name {
	  display: table-cell;
	  border-bottom: none;
	}
	
	tr.mobile-row td.mobile-row-qty {
	  display: table-cell;
	  width: 25%;
	}
	
	table.anoc-prod-report tr.mobile-row td.mobile-row-qty {
	  padding: 10px 5px 30px !important;
	  width: 20%;
	}
	
	tr.mobile-row td.mobile-row-anoc-plan {
	  display: table-cell;
	  padding: 10px 5px 30px !important;
	  width: 20%;
	}
	
	body.DLNI tr.mobile-row {
	  border-left: 5px solid #32CF6D;
	}
	
	body.DLLV tr.mobile-row {
	  border-left: 5px solid #FF7A54;
	}

  body.DLMN tr.mobile-row {
	  border-left: 5px solid #DD57FF;
	}
	
	body.DLNJ tr.mobile-row {
	  border-left: 5px solid #399FFF;
	}
	
	body.CREEL tr.mobile-row {
	  border-left: 5px solid #718da7;
	}
	
	ul.commission-list.imprev-list {
	  column-count: 6;
	  -moz-column-count: 6;
	  -webkit-column-count: 6;
	}
	
	.ticket-form-three-quarter, 
	.ticket-form-quarter {
	  width: 100%;
	  box-sizing: border-box;
	  padding: 10px 20px 5px;
	  float: none;
	}
	
	#workflow-state-bag.connectedSortable {
	  column-count: 4;
	  -moz-column-count: 4;
	  -webkit-column-count: 4;
	}
	
	h2.sub-header {
		text-align: center;
		line-height: inherit;
		padding: 15px 20px;
		border-left: 5px solid #aaa;
		border-bottom: 1px solid #ccc;
	}
	
	body.DLNI h2.sub-header {
	  border-left-color: #32CF6D;
	}
	
	body.DLLV h2.sub-header {
	  border-left-color: #FF7A54;
	}

  body.DLMN h2.sub-header {
	  border-left-color: #DD57FF;
	}
	
	body.DLNJ h2.sub-header {
	  border-left-color: #399FFF;
	}
	
	body.CREEL h2.sub-header {
	  border-left-color: #718da7;
	}
	
	.split h2.sub-header {
		line-height: 50px;
		padding: 0 20px;
		margin: 0;
		font-size: 20px;
		text-transform: uppercase;
		position: relative;
		background: #fafafa;
	}
	
	.split article.ticket-list table {
		display: table !important;
	}
	
	.split article.ticket-list tbody {
		display: table-row-group !important;
	}
	
	.split article.ticket-list thead {
		display: table-header-group !important;
	}
	
	.split article.ticket-list thead tr {
		position: relative;
		top: 0;
		left: 0;
	}
	
	.split article.ticket-list td, 
	.split article.ticket-list th {
		display: table-cell !important;
		padding: 7px 10px !important;
		text-align: inherit !important;
		border-top: none !important;
	}
	
	.split article.ticket-list th {
		padding: 4px !important;
		font-size: 12px;
		line-height: 12px;
		height: 30px;
		letter-spacing: -1px;
	}
	
	.split article.ticket-list tfoot {
		display: table-footer-group !important;
	}
	
	.split article.ticket-list tr {
		display: table-row !important;
	}
	
	.split article.ticket-list tr.even {
		background: #eee !important;
	}
	
	.split .directory article.ticket-list tr.even {
		background: #fff !important;
	}
	
	.split article.ticket-list tr.odd {
		background: #fff !important;
	}
	
	.split article.ticket-list td::before {
		display: none;
	}
	
	.sfly-table tbody tr td {
	  text-align: left;
	  border-right: none !important;
	}
	
	.sfly-table tbody td {
		border: solid #fff;
		border-width: 0 0 2px !important;
	}
	
	.sfly-table tbody td:first-child {
		border-top: 10px solid #fff !important;
	}
	
	.sfly-table.mobile-table tbody td:first-child {
		border-top: inherit !important;
	}
	
	article.proof-approval-wrapper {
		width: 100%;
	}

	div.content-inner.anoc-report {
		position: relative;
		padding: 20px 0 !important;
	}
	
	/*div.content-inner.anoc-report h1 {
		margin: 0 0 60px;
	}*/
	
	.anoc-total-quantity {
		width: 100%;
		text-align: center;
		right: 0;
		top: 60px;
	}
	
	.anoc-prod-report td {
		border-bottom: none !important;
		white-space: nowrap;
	}
	
	tr.anoc-sub-item td:nth-child(2) {
		border-top: 1px solid #ccc !important;
		padding-top: 10px !important;
	}
	
	tr.anoc-sub-item td {
	  /*padding: 0 50px 10px !important;*/
	  border-top: none;
	}

	.content-inner.anoc-report tr.mobile-row {
		width: 100%;
		float: left;
		clear: both;
	}
	
	.content-inner.anoc-report article.ticket-list tr {
		clear: both;
	}
	
	.content-inner.anoc-report tr.mobile-row td.mobile-row-id {
		padding-bottom: 40px !important;
	}
	
	.content-inner.anoc-report tr.mobile-row td.mobile-row-name {
		padding-bottom: 40px !important;
		position: initial;
	}
	
	.content-inner.anoc-report tr.mobile-row td.mobile-row-qty {
		padding-bottom: 40px !important;
	}
	
	.content-inner.anoc-report tr.mobile-row td.mobile-row-anoc-plan {
		padding-bottom: 40px !important;
	}
	
	.content-inner.anoc-report tr.mobile-row .anoc-report-pending {
		background: #eee;
	}
	
	.anoc-report-mobile-progress {
		width: 100%;
		height: 30px;
		position: absolute;
		left: 0;
		bottom: 0;
		display: table;
	}
	
	.anoc-report-mobile-progress div {
		max-height: 30px;
		text-align: center;
		font-size: 10px;
		line-height: 30px;
		display: table-cell;
		box-sizing: border-box;
	}
	
	.anoc-report-mobile-progress div strong {
		display: block;
	}
	
	.shelf {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
	}
	
	.child-list {
	  column-count: 1;
	  -moz-column-count: 1;
	  -webkit-column-count: 1;
	}
	
	article.ticket section.followers {
		min-width: 100px;
	}
	
	div.row label {
		float: none;
    padding: 0;
    text-align: left;
	}
	
	div.row label, 
	div.qcfields {
		width: 100%;
	}
	
	td.status.fail::before {
		content: inherit !important;
	}
	
	td.status span::before {
		margin: 0 10px 0 0;
	}
	
	article fieldset legend {
		line-height: 100%;
		padding: 14px 20px;
		text-align: center;
	}

	article fieldset legend span {
		margin: 10px 0 0;
		float: none;
		display: block;
	}
	
	.ship-info, 
	.packages {
		width: 50%;
	}
	
	.ship-info section {
		min-width: 100px;
	}
	
	.quote-number, 
	.quote-client, 
	.quote-job, 
	.quote-date, 
	.quote-actions {
		width: 100%;
		box-sizing: border-box;
	}
	
	.quote-actions {
		white-space: normal;
	}
	
	.quote-actions .button.inline {
		display: block !important;
		margin: 0 0 10px;
	}
	
	span.location-address {
		line-height: 100%;
		padding: 0 0 10px;
    text-align: center;
	}
	
	body#sidebar div.tab-menu {
		padding: 0;
	}
	
	div.tab-menu ul.tabs {
		display: block;
		height: 0;
		max-height: 0;
		overflow: hidden;
		padding: 60px 0 0;
		box-sizing: border-box;
		position: relative;
		z-index: 10;
		transition: max-height 0.2s ease-in-out;
	}
	
	div.tab-menu ul.tabs:hover {
		height: auto;
		max-height: 1000px;
	}
	
	div.tab-menu ul.tabs li {
		margin: 0 10px;
		position: relative;
		top: inherit;
	}
	
	div.tab-menu ul.tabs li.active {
		position: absolute;
		top: 10px;
		left: 0;
		right: 0;
	}
	
	div.tab-menu ul.tabs li a {
		box-shadow: none;
		background: #fafafa;
		border-radius: 0;
	}
	
	div.tab-menu ul.tabs li.active a {
		border-radius: 5px 5px 0 0;
	}
	
	div.tab-menu ul.tabs li.active a::before {
		content: "\e049";
		display: inline-block;
		width: 20px;
		height: 20px;
		line-height: 18px;
		font-family: workflow;
		vertical-align: middle;
		border-radius: 50%;
		border: 2px solid #555;
		box-sizing: border-box;
		margin: 10px;
		text-align: center;
		transition: all 0.3s ease-in-out;
	}
	
	div.tab-menu ul.tabs:hover li.active a {
		background: #fafafa;
	}
	
	div.tab-menu ul.tabs:hover li.active a::before {
		-webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  transform: rotate(180deg);
	}
	
	div.tab-menu ul.tabs li.active a::after {
		content: "";
		width: 40px;
		height: 40px;
		display: inline-block;
		vertical-align: middle;
	}
	
	article.ticket-list table tr.prekit-details td {
		border-top: 1px solid #eee !important;
	}
	
	article.ticket-list table tr.prekit-details td:first-child {
		border-top: none !important;
	}
	
	.prepress-assistant ul.prepress-info, 
	.prepress-assistant ul.prepress-form {
		width: 100%;
		margin: 0 0 20px;
	}
}

@media only screen and (max-width: 600px) {
	body {
		overscroll-behavior: inherit;
	}
	
	h1 {
	  padding: 0;
	}
	
	header.header {
		left: 15px !important;
    right: 15px;
		padding: 0 0 0 60px;
	}
	
	.menu-home {
		display: block;
		height: 50px;
		line-height: 50px;
	}
	
	nav {
	  width: 100%;
	  height: 60px;
	  bottom: 0;
		left: 0;
	  top: inherit;
	}
	
	nav.active-menu {
		transform: translate(0, 60px);
		height: 100%;
		box-shadow: none;
	}
	
	nav ul.menu {
		display: flex;
		flex-flow: row nowrap;
		overflow-x: auto;
		max-width: 100%;
	}
	
	nav.active, 
	nav.active ul.menu, 
	nav.active .menu-item::before {
	  left: 0;
	  overflow: visible;
	}
	
	nav ul.menu ul.full-menu, 
	nav ul.menu li.active-menu ul.full-menu {
		transform: translate(-60px,100%);
		transition: none;
		top: 60px;
		bottom: 0;
		position: fixed;
		width: 100%;
		height: auto;
		padding: 0 0 60px;
	}
	
	nav ul.menu li.active-menu ul.full-menu {
		transform: translate(0,0);
		overflow-y: auto;
	}
	
	.menu-home a {
	  overflow: hidden;
	}
	
	ul.menu ul {
	  right: 0;
	  transition: right .25s;
	}
	
	nav.active ul.menu ul.full-menu {
	  overflow-y: auto !important;
	  position: fixed;
	  left: 60px;
	  right: 0px;
	  top: 0px;
	  box-sizing: border-box;
	}
	
	nav.active ul.menu ul.full-menu.open-menu {
	  width: auto;
	}
	
	.menu-item ul li {
	  box-sizing: border-box;
	  width: 100%;
	  white-space: nowrap;
	}
	
	.menu-item ul li ul.menu-sub-menu li {
		padding: 0 !important;
	}
	
	.menu ul li a span.amount {
	  margin: 0 0 0 0;
	}

	.menu-item ul li:last-child, 
	.menu-item ul li:last-of-type {
	  margin-bottom: 40px;
	}
	
	.menu-item ul.menu-sub-menu li:last-child, 
	.menu-item ul.menu-sub-menu li:last-of-type {
	  margin-bottom: 0px;
	}
	
	nav ul.menu li.menu-item ul li.menu-title {
	  width: 100%;
	  height: 60px;
	  line-height: 60px;
	}

	nav ul.menu li.menu-item ul li h3 {
		height: 60px;
		line-height: 60px;
		border-bottom: 5px solid #aaa;
		background: #2E343C !important;
		box-sizing: border-box;
	}
	
	body.DLNI nav ul.menu li.menu-item ul li h3 {
	  border-bottom-color: #32CF6D;
	}
	
	body.DLLV nav ul.menu li.menu-item ul li h3 {
	  border-bottom-color: #FF7A54;
	}

  body.DLMN nav ul.menu li.menu-item ul li h3 {
	  border-bottom-color: #DD57FF;
	}
	
	body.DLNJ nav ul.menu li.menu-item ul li h3 {
	  border-bottom-color: #399FFF;
	}
	
	body.CREEL nav ul.menu li.menu-item ul li h3 {
	  border-bottom-color: #718da7;
	}
	
	nav.active .menu-item a {
	  height: inherit !important;
	  line-height: inherit !important;
	}
	
	article.ticket section.client-info, 
	article.ticket section.job-info, 
	article.ticket section {
	  min-width: 200px;
	}
	
	section.history table td, 
	section.billing-info table td {
	  font-size: 10px;
	}
	
	.ledger-cat-select select {
	  width: 50px;
	}
	
	section.billing-info table tfoot tr.ancillary {
	  display: none;
	}
	
	.third {
	  width: 32.25%;
	}
	
	.quarter {
	  width: 23.5%;
	}
	
	h2 span.salesperson-csr {
	  display: none;
	}
	
	.menu-toggle {
	  display: block;
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  overflow: hidden;
	  line-height: 60px;
	  z-index: 25;
	  text-indent: -10000px;
	  background: #fff;
	  opacity: 0;
	  transition: opacity 200ms ease-in-out;
	}

	.menu-toggle::before {
	  display: block;
	  width: 60px;
	  height: 60px;
	  text-align: center;
	  position: absolute;
	  left: 0;
	  top: 0;
	  text-indent: 0;
	  content: "\e0bd";
	  transform: rotate(45deg);
	  color: #aaa;
	  font: 36px/60px workflow;
	}

	.menu-toggle.active {
	  opacity: 1;
	  width: 50px;
    height: 50px;
    border-radius: 30px;
    left: 5px;
    top: 5px;
    background: #2e343c;
	}

  .menu-toggle.active::before {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }

	body.DLNI .menu-toggle::before {
	  color: #32CF6D;
	}

	body.DLLV .menu-toggle::before {
	  color: #FF7A54;
	}

  body.DLMN .menu-toggle::before {
	  color: #DD57FF;
	}
	
	body.DLNJ .menu-toggle::before {
	  color: #399FFF;
	}

	body.CREEL .menu-toggle::before {
	  color: #718da7;
	}
	
	body.no-chrome .menu-toggle {
		display: none !important;
	}

	#content {
	  margin: 0;
		padding-left: 0;
	}
	
	.sidebar-toggle {
	  right: 10px;
	  left: inherit;
	  bottom: 70px;
	  z-index: 15;
	}
	
	.sidebar-toggle.active {
	  z-index: 30;
	}
	
	aside {
	  transform: translateY(100%);
	  transition: all 250ms ease-in-out;
	  width: 100% !important;
	  box-shadow: none;
	  left: 0;
	  
	}
	
	aside.active {
	  transform: translateY(0);
	  transition: all 250ms ease-in-out;
	  z-index: 30;
	}
	
	.prepress-assistant {
	  padding: 0;
	  min-width: 0;
		width: 100vw;
	  overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.prepress-assistant-inner {
	  white-space: nowrap;
	  padding: 20px;
	}
	
	.prepress-presses {
		width: auto;
		margin-right: 20px;
	}
	
	.prepress-assistant ul.prepress-info, 
	.prepress-assistant ul.prepress-form {
		margin: 0 20px 0 0;
	}
	
	span.site-links a {
	  width: 25px !important;
	  height: 25px !important;
	}
	
  .sitelist-page .sitelist-location {
  	display: none;
  }
	
	div#lookupbox #searchbox {
	  text-indent: -20000px;
	  width: 40px;
	  border-radius: 20px;
	  box-shadow: inset 0 0 3px rgba(0,0,0,0);
	  background: rgba(0,0,0,0.07) !important;
	  transition: all 200ms ease-in-out;
	}

	div#lookupbox.search-focus #searchbox {
	  text-indent: 55px;
	  width: 100%;
	  border-radius: 0;
	  box-shadow: inset 0 0 3px rgba(0,0,0,0.25);
	  background: rgba(0,0,0,0.07) !important;
    border-radius: 20px;
	}
	
	div#lookupbox label::after {
		border-radius: 20px;
		background: rgba(0,0,0,0);
		transition: all 200ms ease-in-out;
	}
	
	div#lookupbox.search-focus label::after {
		background: rgba(0,0,0,0.0);
		border-radius: 0;
	}
	
	.advanced-search-link {
		opacity: 0;
		transition: all 200ms ease-in-out;
		display: none;
	}
	
	div#lookupbox.search-focus .advanced-search-link {
		opacity: 1;
		display: block;
	}
	
	article section {
	  min-width: 200px;
	}
	
	article section h2 {
	  line-height: inherit;
	  padding: 15px 20px;
	}
	
	article section h2 button {
	  line-height: inherit;
	  margin: 0 0 10px;
	}
	
	h3.name {
	  margin: 20px 0;
	}

	h3.name strong {
	  display: block;
	}
	
	.user-index .user-pic {
	  margin: 0 auto;
	}
	
	.user-index .user-location {
	  display: block;
	  height: inherit;
	  margin: 0;
	}

	.user-index .user-location span {
	  display: block;
	  margin: 20px 0 0;
	}

	.user-index .user-location span strong, 
	.user-index .user-location span span {
	  display: inline;
	  margin: 0;
	}
	
	body.login {
	  height: inherit;
	}
	
	article header {
	  text-align: center;
	}
	
	article header h1 {
	  margin: 0 0 10px;
	  font-size: 24px;
	  line-height: 24px;
	  text-align: center;
	  float: none;
	}

	article.ticket h2.ticket_loc {
	  float: none;
	  display: inline-block;
	  margin: 0 10px;
	}
	
	article header .ticket-state {
	  float: none;
	  display: inline-block;
	  margin: 0 10px;
	}
	
	.ticket-badges {
	  display: inline-block;
	  float: none;
	  margin: 16px 10px 0;
	  vertical-align: top;
	}
	
	article header h2.bin-code {
	  float: none;
	  display: inline-block;
	  vertical-align: top;
	  margin: 20px 10px 0;
	}
	
  h1 span {
  	float: none;
  	display: inline-block;
  	vertical-align: top;
  	margin: 20px 10px 0;
  	height: auto;
  }

	#gritter-notice-wrapper {
	  bottom: -10px !important;
	  left: inherit !important;
	  right: inherit !important;
	  z-index: 30 !important;
	  width: 100% !important;
	}
	
	.gritter-with-image {
		width: 100% !important;
		float: none !important;
		padding: 0 0 0 58px !important;
		box-sizing: border-box !important;
	}
	
	.sitelist-page .sitelist-link a {
	  width: 40px;
  	  padding: 0;
	  text-indent: -2000px;
	}

	.sitelist-page .sitelist-link a::before {
	  text-indent: 0;
	}
	
	.sitelist-page img.sitelist-logo {
	  width: 40px;
	}
	
	.user-list-type, 
	article.filter-list .dataTables_length, 
	article.filter-list .dataTables_info {
	  display: none;
	}
	
	.user-profile-picture {
	  float: none;
	  margin: 0 auto 10px;
	}
	
	.user-profile-fields {
	  padding: 0;
	}
	
	.user-profile-fields ul li, 
	.client-profile-fields ul li {
	  text-align: center;
	}
	
	.user-profile-fields ul li strong, 
	.client-profile-fields ul li strong {
	  display: block;
	  padding: 0 0 5px;
	  width: 100%;
	  text-align: center;
	}
	
	.tag {
	  margin: 0 0 5px;
	}
	
	.user-profile-field label, 
	.client-profile-field label {
	  width: 100%;
	  float: none;
	  text-align: left;
	  padding: 0;
	}
	
	.client-tip {
		padding: 0;
	}
	
	.user-profile-field input[type="text"], 
	.user-profile-field input[type="file"], 
	.user-profile-field input[type="password"], 
	.client-profile-field input[type="text"], 
	.client-profile-field input[type="file"], 
	.client-profile-field input[type="password"] {
	  width: 100%;
	  margin: 0;
	}
	
	ul.commission-list.imprev-list {
	  column-count: 3;
	  -moz-column-count: 3;
	  -webkit-column-count: 3;
	}
	
	article.form p {
	  text-align: center;
	}
	
	article.form table {
	  margin: 0;
	}
	
	article.form form input[type="radio"] + label::after {
	  content: '\A';
	  white-space: pre-wrap;
	}
	
	#workflow-state-bag.connectedSortable {
	  column-count: 2;
	  -moz-column-count: 2;
	  -webkit-column-count: 2;
	}

	div.address-delivery-list ol li a {
		line-height: inherit !important;
		height: inherit !important;
		padding: 10px;
	}
	
	div.address-delivery-list ol li a strong, 
	div.address-delivery-list ol li a span {
	  display: block !important;
	  margin: 0 !important;
	  padding: 0 !important;
	}
	
	div.address-delivery-list ol li a span.address-delivery-list-quantity::before {
		content: "Quantity: ";
	}
	
	.logic-id {
		display: none;
	}
	
	.split-report {
		padding: 20px 0 !important;
	}
	
	.thirds {
		padding: 20px 0 !important;
	}
	
	.sites li.site {
		display: block;
		clear: both;
	}
	
	span.site-links {
		position: relative;
		display: block;
		width: 50px;
		height: 25px;
	}
	
	.sites li.site a {
		display: block;
		position: absolute;
		height: 25px;
		line-height: 25px;
		top: 0;
		left: 0;
	}
	
	.sites li.site a.sitelist-user {
		left: 25px;
	}
	
	.logo {
		display: none;
	}
	
	div#lookupbox {
		margin: 0;
		padding: 10px 0;
		transition: all 200ms ease-in-out;
	}
	
	div#lookupbox form {
		float: right;
		transition: all 200ms ease-in-out;
	}
	
	div#lookupbox.search-focus {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 10px 0;
		z-index: 30;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	
	div#lookupbox.search-focus form {
		float: none;
	}
	
	header.header.search-focus {
		z-index: 30;
	}
	
	header.header.search-focus .header-menu {
		display: none;
	}
	
	.sites table {
		white-space: normal;
	}
	
	.sites table .sitelist-link a {
		width: 25px !important;
		height: 25px !important;
		position: relative !important;
		left: 0;
		top: 0;
	}
	
	.checkboxes {
		margin: 0;
		text-align: left;
	}
	
	.proof-option {
		display: block;
		margin: 0 0 10px;
	}
	
	div.checkboxes label {
		height: inherit;
		line-height: inherit;
		min-height: 40px;
		padding: 5px 0 0 50px;
	}
	
	.button.proof-download {
		padding: 10px 10px 10px 50px !important;
		line-height: inherit !important;
		height: inherit !important;
	}
	
	article.proof-approval-wrapper {
		margin: 0;
	}
	
	article.proof-approval-wrapper section {
		margin: 0;
		box-shadow: none;
	}
	
	.ticket-piece-info, 
	.ticket-ship-info {
		display: block;
		width: 100%;
	}
	
	.ticket-piece-info {
		margin: 0 0 10px;
	}
	
	.button.proof-download::before {
		top: 0;
	}
	
	.anoc-total-quantity {
		top: 90px;
	}
	
	.content-inner.anoc-report tr.mobile-row td.anoc-report-processing, 
	.content-inner.anoc-report tr.mobile-row td.anoc-report-pending, 
	.content-inner.anoc-report tr.mobile-row td.anoc-report-complete {
		width: 3.5%;
		height: 36px;
	}
	
	.anoc-prod-report tr.anoc-sub-item {
		display: block !important;
	}
	
	.anoc-prod-report tr.anoc-sub-item td {
		display: block;
	}
	
	.anoc-prod-report tr.anoc-sub-item td.no-mobile {
		display: none !important;
	}
	
	ul.phone-list li span {
		display: block;
		float: none !important;
	}
	
	.note-type strong {
		width: 40px;
		text-align: left;
		text-indent: -99999px;
		overflow: hidden;
		padding: 0;
	}
	
	.note-type strong::after {
		text-indent: 0;
	}
	
	.note-type span {
		padding-right: 66px;
	}
	
	.note-type span span.manager-note-author {
		display: block;
		margin: 5px 0 0 0;
	}
	
	article.form .split .half {
		text-align: center;
	}
	
	article.form .split .half label {
		display: block;
		text-align: center;
		width: 100%;
		padding: 0 0 5px;
	}
	
	article.form .split .half label.radio-label {
		width: auto;
		padding: 0 0 0 10px;
		display: inline;
	}
	
	article.form .split .half input, 
	article.form .split .half select {
		width: 100%;
		display: block;
	}

	article.form .split .half input[type="radio"], 
	article.form .split .half input[type="checkbox"] {
		display: inline-block;
		width: auto;
	}
	
	article.ticket-list table.sfly-table td a.button {
		height: auto;
		padding: 10px;
		line-height: 100%;
	}
	
	a.sub-menu-toggle {
		left: inherit !important;
	}
	
	.shelf {
		width: 100%;
		position: relative;
		left: inherit;
		right: inherit;
		top: inherit;
	}
	
	.shelf section {
	  width: 90%;
	}
	
	.ship-info, 
	.packages {
		width: 100%;
		float: none;
		padding: 0;
	}
	
	.shipment-lookup {
		width: 100%;
	}
	
	td.buttons .button {
		display: block !important;
		margin: 0 0 10px !important;
	}
	
	.modal-inner .button {
		/*line-height: 18px;*/
		/*height: auto;*/
		padding-top: 11px !important;
		padding-bottom: 11px !important;
	}
	
	.modal-inner .button.icon::before {
		top: 0;
	}
	
	article.form .ticket-form-row textarea, 
	article.form .ticket-form-row input[type="text"], 
	article.form .ticket-form-row input[type="date"], 
	article.form .ticket-form-row input[type="number"], 
	article.form .ticket-form-row input[type="email"], 
	article.form .ticket-form-row input[type="tel"], 
	article.form .ticket-form-row select, 
	article.form .ticket-form-row .select2, 
	article.form .ticket-form-row .chzn-container {
		width: 100% !important;
	}
	
	table.estimator-options .select2-container {
		width: 50px !important;
	}
	
	.press-control {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.press-control::before {
		width: 100%;
	}
	
	td.anoc-press a {
		box-sizing: border-box;
		border: 1px solid #eee;
	}
	
	ul.signatures {
		right: 10px;
		left: 30%;
	}
	
	ul.signatures.anoc-polybag li {
		display: block;
	}
	
	/* ul.signatures.open-menu {} */
	
	.press-status-wrap {
		float: none;
    display: table;
    vertical-align: middle;
	}
		
	.press-status-active, 
	.press-status-device {
		width: 45%;
		display: table-cell;
    float: none;
    vertical-align: middle;
	}
	
	.press-status-run-idle {
		width: 10%;
		display: table-cell;
		float: none;
		vertical-align: middle;
	}
	
	.press-status-run-idle::before {
		left: 50%;
		margin-left: -7px;
	}
	
	.dropcam-thumb {
		padding-bottom: 56.1%;
    width: 100%;
    float: none;
    margin: 0;
	}
	
	.content-inner.sfly-prod {
		padding: 20px 0 !important;
	}
	
	article.ticket-list.scrolling-table {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		box-shadow: none;
	}
	
	aside p.tip {
		left: 50%;
		right: inherit;
		width: 100vw;
		margin: 0 0 0 -50vw;
	}
	
	.content-inner p.tip {
		text-align: center;
	}
	
	article.form .ticket-form-row label {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	
	body#sidebar .content-inner {
		padding: 20px 10px;
	}
	
	.content-inner {
		padding-bottom: 60px !important;
	}
	
	.cons-inner {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding: 15px 0 0;
		margin: 0 15px;
	}
	
	article.filter-list.column-filters.cons-clear tfoot {
		display: none;
	}
	
	.cons-clear table th, 
	.cons-clear table td {
		padding: 4px;
		font-size: 10px;
	}
	
	.card-list tr {
		flex-basis: 100%;
		max-width: 100%;
	}
	
	body#sidebar header.header {
    left: 15px !important;
    right: 15px;
	}
	
	body.active-menu header.header {
		transform: translateX(0);
	}
	
	body.active-menu .content-inner, 
	body.active-menu .prepress-assistant {
		transform: translateX(0);
	}
	
	body.active-menu aside {
		transform: translateY(100%);
	}
	
	.prepress-assistant form.split {
		flex-flow: row nowrap;
	}
}

@media only screen and (max-width: 400px) {
	body.login {
		display: block;
		padding: 25px 0;
		height: auto;
		min-height: initial;
	}
	
	.login-box {
		margin: 0 auto;
	}
	
	tr.mobile-row td.mobile-row-id, 
	tr.mobile-row td.mobile-row-name, 
	tr.mobile-row td.mobile-row-qty, 
	tr.mobile-row td.mobile-row-anoc-plan {
	  font-size: 12px !important;
	}

  .kpi-wrap {
    overflow-x: auto;
    width: 100vw;
    justify-content: flex-start;
  }

  article.kpi-dash table th {
    white-space: nowrap;
  }
}

@media only screen and (max-width: 350px) {
	tr.mobile-row td.mobile-row-id, 
	tr.mobile-row td.mobile-row-name, 
	tr.mobile-row td.mobile-row-qty, 
	tr.mobile-row td.mobile-row-anoc-plan {
	  font-size: 10px !important;
	}
	
	.anoc-report-pending .button.small {
	  font-size: 12px !important;
	}
}

@media (prefers-color-scheme: dark) {
  body, 
  .content-inner::before, 
  div.tab-menu ul.tabs li.active a, 
  div.tab-menu ul.tabs li a:hover {
    /* background: #383f49; */
    background: #21252b;
    color: #eee;
  }

  .inv-source-select {
    background-color: #21252b !important;
    color: #eee !important;
  }

  div.tab-menu ul.tabs li a {
    background: #1a1d22;
    color: #eee;
  }

  a:link {
    color: #eee;
  }

  h1 a {
    color: #eee !important;
  }

  table {
    background: transparent;
    border: 1px solid transparent;
  }

  table#paper-report-table tr.odd td, 
  table#paper-report-table tr.even td {
    border-left: 1px solid #414a56;
  }

  table#paper-report-table tfoot tr td {
    border-top: 1px solid #414a56;
  }

  input, 
  textarea, 
  .header-menu ul li ul li a, 
  div#lookupbox label::after, 
  article.ticket a, 
  tr a, 
  article.ticket-list table td a, 
  table.variegated a, 
  body.no-chrome header .current-user a span, 
  body.no-chrome header .current-user a::after, 
  .shipment-lookup label::after {
    color: #eee;
  }

  .press-info-toggle, 
  .ship-lock-info {
    color: #eee !important;
  }

  .note-input {
    border-right: 70px solid #2E343C !important;
  }

  textarea, 
  input[type="text"], 
  input[type="file"], 
  input[type="password"], 
  input[type="tel"], 
  input[type="email"], 
  input[type="number"], 
  input[type="time"], 
  input[type="date"], 
  .prepress-assistant .split li input[type="text"] {
    background: rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4);
  }

  a.advanced-search-link::before {
    color: rgba(255,255,255,0.25);
  }

  .press-control, 
  .header-menu ul li.location-menu h3::after, 
  .header-menu ul .logout a::before {
    background: #2E343C;
  }

  .press-header, 
  .press-impressions, 
  .location-menu .menu-sub-title, 
  .even, 
  .press-info-toggle, 
  .ship-lock-info, 
  table.shipping-info tr:nth-child(odd), 
  table.sfly-ticket-info tr:nth-child(odd) td {
    background: #414a56;
  }

  .location-menu .menu-sub-title, 
  .even, 
  .childbox table tr:nth-child(even), 
  article.ticket-list table#ticket-list.web-dev tr:nth-child(odd), 
  .striped li:nth-child(odd), .striped tr:nth-child(odd) td, 
  article.in-out tr:nth-child(even) {
    background: rgba(0,0,0,0.2);
  }

  article.ticket-list table#ticket-list.web-dev tr:nth-child(even), 
  .striped li:nth-child(even), .striped tr:nth-child(even) td {
    background: none;
  }

  table.consolidation-table td.cons-in-progress a, 
  table.consolidation-table td.double.cons-in-progress a,
  table.consolidation-table-oversized td.cons-in-progress a {
    color: #000;
  }

  header.header, 
  .header-menu ul li:hover ul, 
  .header-menu ul li:active ul, 
  article.ticket-list table.web-dev tfoot td, 
  .tag {
    background: #414a56;
  }

  .card-list table thead tr {
    background: #2e343c;
  }

  .press-idle {
    border-top: 5px solid rgba(255, 255, 255, 0.15);
    border-right: 5px solid rgba(255, 255, 255, 0.15);
    border-bottom: 5px solid rgba(255, 255, 255, 0.15);
    border-left: 5px solid rgba(255, 255, 255, 0.15);
  }

  #searchbox, 
  article.filter-list .dataTables_filter input, 
  table.consolidation-table td.cons-empty a, 
  table.consolidation-table td.double.cons-empty a, 
  table.consolidation-table-oversized td.cons-empty a {
    background: rgba(0,0,0,0.2) !important;
  }

  table.consolidation-table td a, 
  table.consolidation-table-oversized td a {
    color: #eee;
  }

  #searchbox:focus, 
  article.filter-list .dataTables_filter input:focus {
    background: rgba(0,0,0,0.25) !important;
  }

  .header-menu ul .logout a:hover::before, 
  div.tab-menu, 
  div.tab-menu::before {
    background: #191f26;
  }

  article.ticket-list table, 
  article.filter-list table, 
  article.kpi-dash table, 
  article, 
  .expandable-list {
    background: #2E343C;
    /* box-shadow: none; */
  }

  article.ticket-list table th, 
  article.kpi-dash table th, 
  .sitelist-page .sitelist thead th {
    background: #414a56;
  }

  .odd {
    background: transparent;
  }

  .sitelist-page td.sitelist-name a {
    color: #eee;
  }

  article.ticket-list table tbody tr:last-child, 
  article.kpi-dash table tbody tr:last-child {
    border-bottom: 1px solid #414a56;
  }

  article.kpi-dash table tr td {
    border: 1px solid #414a56;
    background: transparent;
  }

  #order_table,
  #item_table {
    border: 1px solid #414a56;
  }

  article.kpi-dash table tr td.score-good {
    color: #d9f991;
    font-weight: bold;
    background: inherit;
    border-color: #414a56;
  }

  article.kpi-dash table tr td.score-bad {
    color: #f59a92;
    font-weight: bold;
    background: inherit;
    border-color: #414a56;
  }

  article section, 
  article fieldset, 
  li.address-card {
    background: #2E343C;
    /* box-shadow: none; */
  }

  article section h2, 
  article.form section p, 
  article fieldset legend, 
  .childbox h3.title, 
  .list3 div.title, 
  .box4 div.title, 
  article section .section-outer h2,
  fieldset legend, 
  h2.sub-header, 
  article.filter-list .dataTables_filter, 
  table#paper-report-table thead tr th, 
  table.variegated.userlist thead th, 
  article.filter-list.column-filters tfoot td, 
  article.filter-list table thead th, 
  article.credit-card h2, 
  .modal-inner h1, 
  .press-info-toggle, 
  .ship-lock-info, 
  .shelf-toggle {
    background: #414a56;
  }

  tr.mobile-row {
    background: #2e343c!important;
    border-top: 1px solid #414a56;
  }

  tr.mobile-row td.mobile-row-name {
    border-top: none !important;
  }

  article.ticket-list tr {
    background: #414a56;
  }

  article.ticket-list td {
    border-top: 1px solid #2e343c;
  }

  .press-info-toggle::after {
    color: #2e343c;
  }

  .press-info-inner table {
    background: #414a56;
  }

  .press-info table tr:nth-child(odd) td {
    background: #2E343C;
  }

  table.variegated.userlist thead th {
    border-bottom: 2px solid #414a56;
  }

  .prepress-assistant, 
  .prepress-assistant:before, 
  .shelf, 
  .shelf:before {
    background: #383f49;
  }

  section.finishing .section-outer .section-inner li strong, 
  section.production .section-outer .section-inner li strong, 
  section.billing-info .section-inner li strong {
    background: #414a56;
    color: #eee;
    border-bottom: none;
  }

  h3.title, 
  div.client-info h3.title, 
  div.client-info-alt h3.title, 
  #ledger-table th {
    border-bottom: 2px solid #414a56;
  }

  article header h1 button, 
  table.web-dev tbody td button, 
  article section h2 button, 
  article.filter-list .dataTables_filter::before {
    color: #eee;
  }

  .shelf-toggle::before, 
  h3.title a {
    color: #eee !important;
  }

  .shelf-toggle:hover {
    background: #414a56;
    color: #fff !important;
  }

  article header h1 button::before, 
  table.web-dev tbody td button::before {
    background: rgba(0, 0, 0, .2);
  }

  .loc-quick-switch ul li label {
    color: #eee;
    background: rgba(0, 0, 0, .2);
  }

  .loc-quick-switch ul li:hover label {
    background: rgba(0, 0, 0, .4);
  }

  .childbox {
    box-shadow: none;
  }

  .prepress-assistant ul.prepress-info, 
  .prepress-assistant ul.prepress-form, 
  .prepress-presses, 
  .shelf section {
    box-shadow: none;
    background: rgba(0, 0, 0, .15)
  }

  .prepress-assistant h2, 
  .shelf h2 {
    background: rgba(0, 0, 0, .15)
  }

  li.press label {
    color: #eee;
  }

  input.pressbox[type="checkbox"]:checked + label {
    background-color: rgba(217, 249, 145, 0.1);
    border: 2px solid rgba(217, 249, 145, 1);
    box-sizing: border-box;
    display: block;
    height: 100%;
  }

  article.filter-list .dataTables_paginate .first::before, 
  article.filter-list .dataTables_paginate span.first::before {
    background-image: url(/images/icons/first-16-light.svg);
  }

  article.filter-list .dataTables_paginate .last::before, 
  article.filter-list .dataTables_paginate span.last::before {
    background-image: url(/images/icons/last-16-light.svg);
  }

  article.filter-list .dataTables_paginate .previous::before, 
  article.filter-list .dataTables_paginate span.previous::before {
    background-image: url(/images/icons/prev-16-light.svg);
  }

  article.filter-list .dataTables_paginate .next::before, 
  article.filter-list .dataTables_paginate span.next::before {
    background-image: url(/images/icons/next-16-light.svg);
  }

  .sitelist-page td.sitelist-hotfolder::before {
    background-image: url(/images/icons/folder-16-light.svg);
  }

  article.filter-list .dataTables_paginate a, 
  article.filter-list .dataTables_paginate span {
    color: #eee;
  }

  .user-comment, 
  table.report tr td, 
  table.estimator-options tr td, 
  .user-profile-fields ul li, .client-profile-fields ul li {
    border-bottom: 1px solid #414a56;
  }

  tr.header_item td {
    border-bottom: 1px solid #414a56 !important;
  }

  article.credit-card .price, 
  .super-column-right, 
  table.grid td, 
  td.last, 
  th.last {
    border-right: 1px solid #414a56;
  }

  .normal {
    background: transparent;
  }

  .low {
    background: rgba(0, 0, 0, .2);
  }

  .minimal {
    background: rgba(0, 0, 0, .3);
  }

  .trivial {
    background: rgba(0, 0, 0, .4);
  }

  .note-controls li a {
    background: transparent;
  }

  .note-controls li a::before {
    background: rgba(0, 0, 0, .4);
  }

  #page.packing-list, 
  #page.estimate, 
  #page {
    color: #000;
  }

  .file-input-button {
    color: #000;
  }

  .press-controls .button.icon::before {
    background-color: #eee;
  }

  body.login {
    background: #383f49;
    background: -moz-radial-gradient(center, ellipse cover, #383f49 0%, #21252b 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#383f49), color-stop(100%,#21252b));
    background: -webkit-radial-gradient(center, ellipse cover, #383f49 0%, #21252b 100%);
    background: -o-radial-gradient(center, ellipse cover, #383f49 0%,#21252b 100%);
    background: -ms-radial-gradient(center, ellipse cover, #383f49 0%,#21252b 100%);
    background: radial-gradient(ellipse at center, #383f49 0%, #21252b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383f49', endColorstr='#21252b',GradientType=1 );
  }

  div#login label::before, 
  .login-mode-buttons li a.button, 
  .hidden-login div {
    color: #eee !important;
  }

  .login-mode-buttons li a.button::before {
    background-color: #eee;
  }

  #login .gritter-item-wrapper {
    background: #414a56 !important;
    color: #eee;
  }
  
  .login-notice h2 {
    background: url('/images/warn-light.svg') no-repeat 10px center, 
							url('/images/warn-light.svg') no-repeat 266px center, 
							url('/images/diagonal-line.svg') repeat left top;
    background-size: 24px auto;
    background-color: #907025;
    color: rgba(255,255,255,0.75);
  }

  .login-logo {
    background: url('/images/logo-light.svg') no-repeat center center;
    background-size: contain;
    width: 300px;
    height: 99px;
  }

  .login-logo img {
    display: none;
  }

  table.prepressplus tr.colorize {
    color: #6cff93 !important;
    background: #005c30 !important;
  }

  table#ratesTable td {
    border-right: 1px solid #414a56;
  }

  td.net, 
  td.marked-up-net {
    color: #2e343c;
    font-weight: bold;
  }

  .sfly-table tr.pending-0 td {
    background: #506f1e;
    color: #d9f991;
    border-color: #a9c667;
    padding: 0;
  }

  .sfly-table tr.pending-1 td {
    background: #6e5f1e;
    color: #f7f78d;
    border-color: #c6c66b;
  }

  .sfly-table tr.pending-2 td {
    background: #6d481d;
    color: #f6d391;
    border-color: #d2b275;
  }

  .sfly-table tr.pending-3 td {
    background: #6c221b;
    color: #f59a92;
    border-color: #cf7972;
  }

  .sfly-table tr.pending-4 td {
    background: #5c0e09;
    color: #e06a6a;
    border-color: #b56161;
  }

  article.ticket-list table.sfly-table td a {
    color: #fff;
  }

  strong.red {
    color: #ff3c61;
  }

  td.total {
    background: transparent !important;
    color: #ff3c61;
    border-top-color: #ff3c61;
  }

  #addpackage, 
  #bulkadd {
    background: #505b6a;
  }

  .ship-info section h2 a {
    color: #eee!important;
  }

  .ship-info section a.edit::after,
  .ship-info section a#show-ship-address-form::after {
    background: url(/images/icons/edit-16-light.svg) no-repeat center center;
  }
}

 /*End style.css*/