@CHARSET "UTF-8";


.report-button {
	background: none!important;
	border: none;
	padding: 0!important;
	/*optional*/
	font-family: arial, sans-serif;
	/*input has OS specific font-family*/
	color: rgb(0, 0, 238);
	text-decoration: underline;
	cursor: pointer;
}
.report-button:focus {
	outline: none;
}

.report-column {
	float: left;
	width: 15%;
	height: 300px;
	padding: 10px;
}

.report-column .report-button {
	margin-bottom: 5px;
}

.report-header {
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 20px;
}

.left-border {
	border-right: 1px solid black;
}

/* datatables layout */
.paginate_button {
	margin: 3px;
	cursor: pointer;
}

.dataTables_length, .dataTables_info {
	float: left;
	margin-top: 10px;
	min-width: 550px;
}

.dataTables_filter, .dataTables_paginate {
	float: left;
	text-align: right;
	margin-top: 10px;
}

.dataTable {
	width: 100%;
	/*margin: 10px 0px;*/
	clear: both;
}

.sorting > .sortIcon, .sorting_desc > .sortIcon, .sorting_asc > .sortIcon {
	background-image: url('../images/icons.png');
	display: inline-block;
	width: 16px;
	height: 16px;
}

.sorting > .sortIcon {
	background-position: -128px -16px;
}

.sorting_desc > .sortIcon {
	background-position: -0px -16px;
}

.sorting_asc > .sortIcon {
	background-position: -64px -12px;
}

.deletedRecord {
	text-decoration: line-through;
	color: 858585;
}

.deletedRecord input {
	text-decoration: none;
}

/* data tables pagination */
.paginate_button {
	border: solid 1px black;
	background: #c7c7c7;
	padding: 3px;
}

.errorMessage {
	color: red;
	padding: 2px;
}

/* jquery validation */
.error {
	background: #ffd4d4;
}

.container {
	border: solid 2px #5a86b5;
	border-radius: 5px;
	padding: 20px;
	margin-left: 5px;
	margin-right: 5px;
	min-width: 970px; /* overridden by javascript */
	display: inline-block;
}

.row::before, .row::after {
	display: table;
	content: " ";
	clear: both;
}

.row > div {
	display: inline;
}

.section, .half-section {
	float: left;
	margin-left: 20px;
}

.column {
	float: left;
	width: 32%;
}

.column-small {
	float: left;
	width: 20%;
	margin-right: 10px;
}

.section.column-3, .half-section.column-3 {
	width: 56%;
}

.section.column-3 .column, .half-section.column-3 .column {
	width: 30%;
}

.column-spacer {
	float: left;
	width: 2%;
	height: 1px;
}

.doubleColumn {
	float: left;
	width: 63%;
}

.doubleColumn>.column, .doubleColumn .column {
	width: 48%;
}

.doubleColumn>.doubleColumn {
	width: 100%;
}

.half-column {
	width: 50%;
	float: left;
}

.clear {
	clear: both;
}

.section, .half-section {
	padding: 5px;
}

.section > h1, h1.section-header {
	background: #efeff7;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	border: solid 1px #efeff7;
	position: relative;
	text-align: center;
}

.bold-underline {
	font-weight: bold;
	text-decoration: underline;
}

h2.bold-underline {
	margin: 20px 0;
}

.centered {
	text-align: center;
}

.heat-number {
	margin-top: 20px;
}

.label {
	width: 50%;
	height: 32px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	font-size: 14px;
}

.shippingScheduleRow .label {
	display: none;
}

.input {
	width: 34%;
	min-height: 20px;
	margin-bottom: 12px;
	display: inline-block;
	vertical-align: top;
}

.input > input, .input > select, .input > textarea {
	width: 100%;
}

#headerLogo {
	float: left;
}

#header {
	background: transparent url(../images/header-background.png) repeat-x;
}

.pipeInfo {
	text-align: right;
	margin-right: 10px;
	margin-top: 3px;
}

#allTabs {
	margin-left: 20px;
	margin-top: 5px;
}

.tab {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	float: left;
	padding: 10px;
	background: #efeff7;
	margin-left: 3px;
	margin-right: 3px;
	height: 16px;
}

.tab.active {
	background: #e0e0e8;
}

th, td {
	padding: 5px;
	border: solid 1px #c6c6c6;
}

tr.noBorder th, tr.noBorder td {
	border: none;
}

.returnLink {
	margin-bottom: 5px;
	float: left;
}

.duplicate {
	color: grey;
}

#history {
	float: right;
	position: relative;
	margin-right: 0px;
	cursor: pointer;
}

#all-history {
	position: absolute;
	top: 36px;
	right: 0px;
	width: 350px;
	background: #efeff7;
	padding: 10px;
	padding-left: 25px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	z-index: 1;
}

#history-container {
	position: relative;
	float: right;
	margin-right: 10px;
}

.down-arrow {
	background-image: url("../images/icons.png");
	background-position: -64px 0px;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.sub-lot-info-table {
	margin-bottom: 10px;
	margin-top: 10px;
}

.pdf-link {
	float: right;
}

.comment-button {
	text-align: right;
	margin-bottom: 12px;
}

.comment-button input {
	min-width: 49%;
}

#filters > div > span:first-child {
	min-width: 340px;
	display: inline-block;
}

#filters > div > span:first-child > input {
	float: right;
}

.documentation {
	background-color: #fff3cd;
	padding: 10px;
	margin: 10px;
	border-radius: 10px;
}

.loader{
    float:left;
    margin-right: 10px;
}
.loaderText{
    padding-top: 10px;
}

.sortAsc, .sortDesc, .sortIcon{
    background-image: url('../images/icons.png');
    display: inline-block;
    width: 16px;
    height: 16px;
}
.sortDesc{
    background-position: -64px -12px;
}
.sortAsc{
    background-position: -0px -16px;
}
.sortIcon{
    background-position: -128px -16px;
}
#searchContainer{
    float: right;
    display: inline;
    margin: 5px 5px;
	width: 100%;
}
.parag{
    margin: 10px 5px;
    display: inline;
}
.ajaxLoadingContainer{
	text-align: center;
}
.ajaxLoadingContainer .label.record {
	text-align: left;
}
td.editable {
	background-color: lightgrey;
}
div.modalContainer {
	position: fixed;
	background: rgba(0,0,0,.5);
	opacity: 50;
	border: red;
	border-style: solid;
	padding: 15px;
	display: none;
	top: 0;
	right:0;
	bottom:0;
	left:0;
	z-index: 1;
}

div.modalContainer div.modalBody{
	background: white;
	padding: 25px;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
}


.outer_container td, .outer_container th {
	/*min-width: 150px;*/
}
/*table{*/
	/*table-layout: fixed;*/
/*}*/

.outer_container {
	/* height: 95vh;
	width: 95vw;
	overflow-y: hidden;
	overflow-x: auto; */
}

.dataTableContainer {
	overflow: auto;
}
.header_container{
	overflow: hidden;
}
.outer_container
{
	max-height: 75vh;
	top:0;
	left: 0;
	right: 300px;
	bottom: 40px;
	height: 75%;
	/*overflow: hidden;*/
}
.header_container
{
	position: relative;
}
.dataTableContainer
{
	overflow: auto;
}
tr.highlighted {
	background-color: #e6e6e6;
}
#sSearchForm .input, #sSearchForm .label {
	width: 15%;
	text-align: center;
}
.filtersToggle{
	margin-bottom: 15px;
}
.quote-calculator-table-container{
	overflow: auto;
	max-width: 1163px;
}
.additional-developed-length-entry, .additional-total-pounds-entry {
	margin-bottom: 20px;
}
table.quote-calculator-table, table.rfq-quoted-price-table, table.quote-developed-length-calculator-table, table.quote-total-pounds-calculator-table {
	margin-bottom: 20px;
}
table.quote-calculator-table input, table.quote-calculator-table select, table.rfq-quoted-price-table input, table.rfq-quoted-price-table select {
	max-width: 100px;
}
table.quote-calculator-table span.total-cost,
table.quote-calculator-table span.unit-cost,
table.quote-calculator-table span.unit-sell-price,
table.quote-calculator-table span.total-sell-price,
table.rfq-quoted-price-table span.total-price {
	padding: 5px;
}
table.quote-calculator-table td, table.quote-calculator-table th {
	padding: 5px;
	min-width: 99px;
}
table.quote-developed-length-calculator-table td, table.quote-developed-length-calculator-table th {
	min-width: 99px;
}
.additional-vendor-container {
	margin-bottom: 20px;
	text-align: center;
}
.form-block .label, .form-block .input, .form-block .input > input, .form-block .input > select, .form-block .input > textarea {
	display: block;
	width: inherit;
}

table.align-center {
	margin: 0px auto;
}

.text-center {
	text-align: center;
}

h2.text-center {
	margin-bottom: 10px;
}
table.rfq-measurements-table .specification-row td {
	padding: 0px;
}
table.rfq-measurements-table .specification-row td input {
	max-width: 75px;
}

.outer_container, .dataTableContainer {
	/* -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: grab;
	cursor: -webkit-grab; */
}

.outer_container:active, .dataTableContainer:active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

table .gray-column {
	background-color: lightgray;
}

.inventory-deduction-input label, .feet-per-pound-section label {
	width: 49%;
	height: 32px;
	display: inline-block;
	vertical-align: top;
}

.inventory-deduction-input input {
	width: 49%;
	min-height: 20px;
	margin-bottom: 12px;
	display: inline-block;
	vertical-align: top;
 }

.inventory-deduction-input select, .feet-per-pound-section select {
	/*width: 49%;*/
	height: 20px;
}

.po-comments-section, .sc-comments-section, .comments-section {
	width: 100%;
}

h1 {
	margin: 20px 0 !important;
	font-size: 1.5em;
}

.quote-table-header {
	margin: 20px 0 !important;
	font-size: 1.17em;
}

table#shippingSchedules {
	z-index: 100;
}

table#shippingSchedules input {
	width: 100px;
}

.rfq-link {
	margin-bottom: 15px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 1050;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.modal-header {

}

.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
	padding: 2px 16px;
	/*background-color: #5cb85c;*/
	color: white;
}

.modal-content {
	position: relative;
	top: 20%;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	/*width: 40%;*/
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation-name: modal;
	animation-duration: 0.4s;
}

@keyframes modal {
	from {top: 20%; opacity: 0}
	to {top: 20%; opacity: 1}
}

.modal .label {
	height: 100%;
	font-size: 24px;
}

.modal .section-header {
	margin: 0 0 20px 0 !important;
}

/* Pagination */
ul.pagination  {
	margin: 5px;
}

ul.pagination li {
	display: inline;
	margin: 5px;
}

ul.pagination li.active {
	font-weight: bolder;
}

ul.pagination li.pagination-link {
	cursor: pointer;
	text-decoration: underline;
	color: blue;
}

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

#newShippingScheduleForm {
	max-width: 356px;
}

#commentSection {
	max-width: 462px;
}

.highlighted {
	background-color: gray;
}

.shippingScheduleSection input, .shippingScheduleSection select {
	width: 80px !important;
}

.shippingScheduleSection .select2-container {
	width: 85px !important;
}

.purchase-order-ship-schedule input, .purchase-order-ship-schedule select,
.supply-chain-ship-schedule input, .supply-chain-ship-schedule select {
	width: 60px !important;
}

.purchase-order-ship-schedule .select2-container,
.supply-chain-ship-schedule .select2-container {
	width: 85px !important;
}

@media (max-width: 1600px) {
	body {
		font-size: 12px !important;
	}

	.label {
		font-size: 12px;
	}
}