@media (min-width: 481px) and (max-width: 1024px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9
	{
		min-width: fit-content !important;
	}
}

.required-field::after {
	content: "*";
	color: red;
	font-size: 125%;
	font-weight: bold;
}

legend {
	font-size: 21px;
}

body {
	padding-top: 20px;
	-webkit-print-color-adjust: exact !important;
	font-size: 1.5rem;
}

a {
	cursor: pointer;
}

.mrgn-bttm-0 {
	margin-bottom: 0;
}

.width-75 {
	width: 75%;
}

.dropdown-menu {
	padding-top: 0;
	padding-bottom: 0;
}

	.dropdown-menu > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.dropdown-menu .divider {
		margin: 0;
	}

.modal-footer {
	margin-top: 0;
	padding: 15px;
}

.modal-body {
	padding: 15px;
}

footer .well {
	margin-bottom: 0;
	padding: 15px;
}

.invite-ordernumber-minwidth {
	min-width: 58px;
}

.alert {
	-ms-border-radius: 5px;
	border-radius: 5px;
}

	.alert p {
		/*font-size: 16px;*/
		display: inline-block;
	}

	.alert .alert-icon {
		display: inline-block;
		font-family: "Font Awesome 5 Free"; /* here is the correct font-family */
		font-weight: 900;
		font-size: 18px;
		font-style: normal;
		text-decoration: inherit;
		padding-right: 5px;
	}

		.alert .alert-icon.no-pad {
			padding-right: 0;
		}

		.alert .alert-icon.alert-icon-success:before {
			content: '\f00c';
		}

		.alert .alert-icon.alert-icon-info:before {
			content: '\f129';
		}

		.alert .alert-icon.alert-icon-warning:before {
			content: '\f071';
		}

		.alert .alert-icon.alert-icon-error:before {
			content: '\f06a';
		}

	.alert .notifications p,
	.alert .notifications .alert-icon {
		font-size: 22px;
	}

.alert-error {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1
}

	.alert-error hr {
		border-top-color: #e4b9c0
	}

	.alert-error .alert-link {
		color: #843534
	}

.alert.alert-mrgn-bttm-5 {
	margin-bottom: 5px;
}

.alert-info{
	color: #ffffff;
	background-color: #185D8C;
}

.break-words {
	word-break: break-all;
	word-wrap: break-word;
}

textarea:invalid {
	border: 2px solid #e74c3c;
}

.cancel-btn-date {
	margin-left: 15%;
}

@media print {
	body {
		-webkit-print-color-adjust: exact !important;
	}

	.panel-heading {
		display: inherit !important;
		font-weight: bold;
	}

	.printedreport {
		font-size: 80%;
	}
}

.panel-secondary {
	border-radius: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	margin-bottom: 0px !important;
}

.panel-secondary-heading {
	/*opacity: 0.65;*/
	background-color: #7b8691 !important;
	border-color: #7b8691 !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-radius: 0px;
}

.table-in-panel {
	padding-right: 15px;
	padding-left: 15px;
}

.flag-black {
	color: black;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.flag-blue {
	color: #3498DB;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.flag-checker {
	color: black;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.flag-green {
	color: #18BC9C;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.flag-grey {
	color: #B4BCC2;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.flag-orange {
	color: #F39C12;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.flag-red {
	color: #E74C3C;
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.pin-light {
	opacity: 0.3;
}

.pin-dark {
	opacity: 1.0;
}

.outline-black {
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.outline-white {
	text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

.partialreport {
	display: none;
}

.report-print {
	display: none;
}

.verif_escalated {
	background-color: #FFFF99;
	padding: 5px 0px 5px 0px;
}

.verif_issue {
	background-color: pink;
	padding: 5px 0px 5px 0px;
}

.verif_plan {
	background-color: #66CCFF;
	padding: 5px 0px 5px 0px;
}


.bordered table {
	border-collapse: collapse;
}

.bordered td {
	border: 1px solid black !important;
	padding: 10px;
	width: 50%;
	vertical-align: top;
	font-size: 85%;
}

.disclosure h2 {
	text-align: center;
	font-size: 24px;
}

.disclosure h3 {
	text-align: center;
	font-size: 15px;
}

.bg-danger {
	background-color: #e74c3c;
}

@media (min-width: 768px) {
	.modal-lg {
		width: 600px;
	}
}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px;
	}
}

.green {
	color: white;
	background-color: green;
}

.red {
	color: red;
	background-color: yellow;
}

.black {
	color: black;
	background-color: white;
}

.blue {
	color: white;
	background-color: blue;
}

.barcode {
	font-size: 10pt;
	background-repeat: no-repeat;
	background-position: center right;
}

.map {
	background-repeat: no-repeat;
	background-position: center center;
}

.loading {
	background-color: #ffffff;
	background-image: url("../images/loading.gif");
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
}

.lock-ajax-pending {
	width: 25px;
}

.lock-ajax-loading {
	background-color: #ffffff;
	background-image: url("../images/loading.gif");
	background-size: 25px 25px;
	background-position: center;
	background-repeat: no-repeat;
	display: inline-block;
}

.order-warning {
	border: 2px solid #F39C12;
}

.reportbody pre {
	font-family: inherit;
	display: inline;
	padding: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	word-break: break-all;
	word-wrap: inherit;
	background-color: inherit;
	border: inherit;
	border-radius: inherit;
}

	.reportbody pre table {
		table-layout: fixed;
		padding-bottom: 0px;
		page-break-inside: auto;
	}

	.reportbody pre tr {
		page-break-inside: auto;
	}

	.reportbody pre td {
		white-space: normal;
		word-wrap: break-word;
		font-size: 85%;
	}


table.table.table-striped tr.warning,
table.table.table-striped tr.warning td {
	background-color: #f39c12 !important;
}

table.table.table-striped tr.danger,
table.table.table-striped tr.danger td {
	background-color: #e74c3c !important;
}

.panelbody pre table {
	padding: 0px;
}
/* custom class for buttons with icons*/
.ucc-btn-icon {
	margin-left: 0px;
	margin-right: 8px;
}

.ucc-background-success {
	background-color: #73A839;
}

.ucc-background-warning {
	background-color: #DD5600;
}

.ucc-background-danger {
	background-color: #C71C22;
}

.summarytable td {
	cursor: pointer;
	cursor: hand;
}

.menu-item {
	text-decoration: none;
}

/* for validation */
input:invalid,
input:focus:invalid,
textarea:invalid,
textarea:focus:invalid,
select:invalid,
select:focus:invalid,
checkbox:invalid,
checkbox:focus:invalid,
.error {
	border: 2px solid #e74c3c;
	color: #e74c3c;
}

input:focus:valid {
	border: 2px solid #2c3e50;
}

.alert-primary {
	color: #fff;
	background-color: #2c3e50;
	border-color: #2c3e50
}

.alert-default {
	color: #fff;
	background-color: #95a5a6;
	border-color: #95a5a6
}

/* purple badge used for complete orders */
.label-complete {
	background-color: #9954bb;
}

.readandscroll {
	width: 100%;
	height: 400px;
	overflow: auto;
	border: 1px #000000 dotted;
	padding: 5px;
	background-color: white;
}


.has-success .form-control {
	border: 2px solid #2c3e50;
}

.has-success .control-label {
	color: #2c3e50;
}

.panel.panel-default.order-panel {
	background-color: #fff;
	border: 15px solid #ecf0f1;
	border-radius: 5px;
	padding: 15px;
}

	.panel.panel-default.order-panel > .panel-body {
		padding: 0px;
	}


.tt-dropdown-menu,
.gist {
	text-align: left;
}

.table-of-contents li {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.typeahead,
.tt-query,
.tt-hint {
	width: 250px;
}

.typeahead {
	background-color: #fff;
}

	.typeahead:focus {
		border: 2px solid #0097cf;
	}

.tt-hint {
	color: #999
}

.tt-dropdown-menu {
	width: 300px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
	padding: 3px 20px;
	line-height: 18px;
}

	.tt-suggestion.tt-cursor {
		color: #fff;
		background-color: #0097cf;
	}

	.tt-suggestion p {
		margin: 0;
	}

.gist {
	font-size: 14px;
}

.input-group-addon.primary {
	color: #fff;
	background-color: #2c3e50;
	border-color: #2c3e50;
	cursor: pointer;
}

	.input-group-addon.primary:hover {
		color: #fff;
		background-color: #1e2a36;
		border-color: #161f29;
		cursor: pointer;
	}

.ssTraceAddress > td,
.providedAddress > td {
	height: 16px;
}

.loading-ellipsis:after {
	overflow: hidden;
	display: inline-block;
	vertical-align: bottom;
	-webkit-animation: ellipsis steps(4,end) 900ms infinite;
	animation: ellipsis steps(4,end) 900ms infinite;
	content: "\2026"; /* ascii code for the ellipsis character */
	width: 0px;
}

@keyframes ellipsis {
	to {
		width: 1.25em;
	}
}

@-webkit-keyframes ellipsis {
	to {
		width: 1.25em;
	}
}

#help-sidebar .panel-body td {
	font-size: 85%
}

.td-break-word {
	word-wrap: break-word;
	max-width: 15%
}

#table-div {
	overflow-x: scroll;
	min-height: 0.01%
}

.badge.yellow {
	background-color: #f39c12;
}

#sidebar-background a.list-group-item.active, #sidebar-invitation a.list-group-item.active, .sidebar-color a.list-group-item.active {
	background-color: #428bca;
	border-color: #428bca;
}

.pddn-home-sidebar {
	padding: 8px 15px;
}

#ReviewModal {
	overflow-y: auto;
}

#overlay {
	background: #ffffff;
	color: #666666;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 5000;
	top: 0;
	left: 0;
	float: left;
	text-align: center;
	padding-top: 25%;
	opacity: .80;
}

.addUser-btn {
	margin-right: 1.5%;
	background-color: #2c3e50;
	color: whitesmoke;
}

.addUserFieldError-top-padding {
	padding-top: 0px;
}

.addUserField {
	display: none;
}

.batchFileField {
	width: 100%;
}

.margin-top-12 {
	margin-top: 12px;
}

.redContent {
	color: red;
}

.loading-overlay {
	background: rgba( 26, 26, 26, 0.7 );
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 5;
	top: 0;
}

.loading-overlay-image-container {
	position: fixed;
	z-index: 10000 !important;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	text-align: center;
}

ul.no-bullets {
	list-style-type: none;
	margin: 0;
	padding: 5px 0 5px 0;
}

	ul.no-bullets > li {
		padding: 0 0 7px 0;
	}

/*
	UB
*/

.panel-ub {
	border-color: #9a212d;
}

	.panel-ub .panel-heading {
		background-color: #9a212d;
		color: #FFF;
	}

.btn-ub {
	border-color: #9a212d;
	color: #FFF;
	background-color: #9a212d;
}

	.btn-ub:hover,
	.btn-ub:focus {
		background-color: #a43742;
	}


.navbar .divider-vertical {
	height: 33px;
	margin: 0 9px;
	border-left: 1px solid #dce4ec;
	border-right: 1px solid #dce4ec;
}

.navbar .divider-vertical2 {
	height: 33px;
	margin: 0 9px;
	display: table;
}

	.navbar .divider-vertical2 > .divider-icon {
		display: table-cell;
		vertical-align: middle;
		color: #dce4ec;
	}

/*  Added 2019-05-15 to fix emp and ref radio buttons */
input[type=radio]:invalid::after {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent;
	content: '';
	border: 2px solid #e74c3c !important;
	box-sizing: border-box;
}

input[type=radio]:invalid::after {
	border-radius: 100%;
}

.badmop {
	background-color: lightpink !important;
	-webkit-print-color-adjust: exact !important;
}

	.badmop > td {
		background-color: lightpink !important;
		-webkit-print-color-adjust: exact !important;
	}

	.badmop.tr {
		background-color: lightpink !important;
		-webkit-print-color-adjust: exact !important;
	}

@media print {
	.badmop {
		background-color: lightpink !important;
		-webkit-print-color-adjust: exact !important;
	}

		.badmop > td {
			background-color: lightpink !important;
			-webkit-print-color-adjust: exact !important;
		}

		.badmop.tr {
			background-color: lightpink !important;
			-webkit-print-color-adjust: exact !important;
		}
}

.alert a, .alert .alert-link {
	color: black;
	text-decoration: underline;
}

.btn-add {
	margin-left: 2ex;
}

.product-panel {
	border: 1px solid;
	border-color: #ecf0f1;
	margin: 2ex;
}

.sig-wrapper {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sig-img {
	left: 0;
	top: 0;
}

.signature-pad {
	border-color: rgb(220, 220, 220);
	border-style: solid;
	background-color: white;
}

.field-validation-error {
	color: #d83d2d;
}

.input-validation-error {
	color: #d83d2d;
}

.section-grey {
	background: #767676;
	border-top: solid 1px;
	border-left: none;
	border-bottom: solid 1px;
	border-right: none;
	padding: 5px;
	white-space: nowrap;
}

.radio-button-required {
	color: #ef0000;
}

.error-page-link {
	color: #007c5c;
}

.body {
	line-height: 150%;
}