@charset "UTF-8";
/* CSS Document */

html {
	height: 100vh;
}

body {
	margin-top: 5px;
	font-family: Arial, Verdana, san-serif;
	height: 100vh;
	/*padding-top: 81px;*/
}

select {
	padding: 0.25em;
}

/*
DIV ID
header
*/

#header {
	width: 96vw;
	position: fixed;
	margin: 0 auto 5px auto;
	height: 75px;
	clear: both;
	display: block;
	top: 0;
	left: 0;
	background-color: white;
	z-index: 1;
}

/*
DIV ID
footer
*/

#footer {
	display: none;
	min-width: 75%;
	margin: 5px auto 0 auto;
	max-height: 5vh;
	clear: both;
}

#bodyalt {
	position: relative;
	width: 100%;
	margin: auto auto auto auto;
	height: 95vh;
	clear: both;
	display: block;
}

#body p {
	text-align: center;
}

/*
DIV CLASS
tablewrap
*/

.tablewrap {
	width: 90vw;
	bottom: 5vh;
	height: 90vh;
}

/*
TABLE CLASS
alternating_rows
*/
table.alternating_rows {
	border-style:none;
	border-width:0;
	border-spacing: 0px;
    border-collapse: collapse;
	/*table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;*/
}

.alternating_rows caption {
	font-weight: 700;
	font-size: 130%;
	padding: 0.5em;
	text-align: left;
}

.alternating_rows th {
	background-color: #DFEDC7;
	border-style:none solid solid solid;
	border-width: 0px 1px 3px 1px;
	border-color: #dedede #dedede #000000 #dedede;
	border-spacing: 0;
    border-collapse: collapse;
	padding: 0.25em 0.75em;
	text-align: left;
	vertical-align: bottom;
	white-space: normal;
}

.alternating_rows td {
	border-style:none solid none solid;
	border-width: 0px 1px 0px 1px;
	border-color: #dedede;
	border-spacing: 0;
    border-collapse: collapse;
	padding: 0.25em;
	vertical-align: top;
	white-space: normal;
}

.alternating_rows tr {
	border-width:0;
	border-spacing: 0;
}

.alternating_rows tr:nth-child(2n+1) {
	background-color: #FFFFFF;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.alternating_rows tr:nth-child(2n+2) {
	background-color: #D1DBBF;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.alternating_rows select {
	/*background-color: transparent;*/
	padding: 0.1em;
}

.alternating_rows.floatThead-table {
	/* and here is how you would fix that issue */
	margin-top: 0px !important;
}

.alternating_rows2 tr:nth-child(4n){
	background-color: #FFFFFF;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.alternating_rows2 tr:nth-child(4n - 1) {
	background-color: #CCCCCC;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.alternating_rows2 tr:nth-child(4n - 3) {
	background-color: #CCCCCC;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.alternating_rows2 tr:nth-child(4n - 2) {
	background-color: #D1DBBF;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.minheight td {
	height: 33pt;
}

/*
TABLE CLASS
data_entry
*/
table.data_entry {
	margin: 0.5em auto auto auto !important;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
    border-collapse: collapse;
	min-width: 25em;
}

.data_entry caption {
	font-weight: 700;
	font-size: 130%;
	padding: 0.5em;
	text-align: left;
	margin-left: 5em;
}

.data_entry th {
	border-style:none solid solid solid;
	border-width: 1px 0px 1px 0px;
	border-color: #cccccc;
	border-spacing: 0;
    border-collapse: collapse;
	padding: 0.25em 0.75em 0.25em 0.1em;
	text-align: right;
	vertical-align: text-top;
}

.data_entry td {
	border-style:none solid solid solid;
	border-width: 1px 0px 1px 0px;
	border-color: #cccccc;
	border-spacing: 0;
    border-collapse: collapse;
	padding: 0.25em;
}

.data_entry tr {
	border-width:0;
	border-spacing: 0;
}

.data_entry tr:nth-child(even) {
	background: #D1DBBF;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.data_entry tr:nth-child(odd) {
	background: #FFFFFF;
	border-color:White;
	border-style:none;
	border-width:0;
	border-spacing: 0px;
}

.data_entry input {
	border-style: none none solid none;
	border-color: #999999;
	border-width: 1px;
	background-color: transparent;
	padding: 0.25em 0.5em;
}

.data_entry  select {
	background-color: transparent;
	padding: 0.1em;
}

.data_entry.floatThead-table {
	margin-top: 0px !important;
}

/*
CLASS
centered
*/

.centered {
	text-align: center;
}

.centered input {
	text-align: center;
}

/*CLASS
deletebutton
*/

.deletebutton  {
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: red !important;
	color: white;
	font-size: 80%;
	font-weight:700;
	padding: 0.25em;
	height: 1.75em;
}

/*CLASS
normalbutton
*/

.normalbutton  {
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #CCCCCC !important;
	color: black;
	font-size: 80%;
	font-weight:700;
	padding: 0.25em;
	height: 1.75em;
}

/*CLASS
disabledbutton
*/

.disabledbutton  {
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.98);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-style: solid;
	border-color: #999999;
	background-color: #666666 !important;
	color: CCCCCC;
	font-size: 80%;
	font-weight:700;
	padding: 0.25em;
	height: 1.75em;
}

/*CLASS
button
*/

.button  {
	-webkit-box-shadow:rgba(0,0,0,0.98) 0 0px 0 0;
	-moz-box-shadow:rgba(0,0,0,0.98) 0 0px 0 0;
	box-shadow:rgba(0,0,0,0.98) 0 0px 0 0;
	background-color: #ADBFCF !important;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-style: solid;
	border-color: #999999;
	color: black;
	font-size: 90%;
	font-weight:normal;
	padding: 0.35em;
	height: 2em;
}

/*
CLASS
error
*/

.error {
	color: red;
	font-weight: bold;
	font-size: 150%;
}

/*
CLASS
detail_hidden
*/

.detail_hidden {
	display: none;
}

.handsontable .currentRow {
  background-color: #333333;
  color: #FFFFFF;
}

.save_button_top {
	clear: both;
	margin-top: 2em;
}

.save_button_bottom {
	padding-top: 0.75em;
	clear: both;
}

.total {
	background-color: #883915;
	color: white;
	font-weight: bold;
}

.hidden {
	max-width: 0px !important;
	visibility: collapse;
	display: none !important;
}

.readonly {
	font-style: italic;
	font-weight: bold;
}

/*.readonly td {
	background-color: #cccccc;
	border-color: White;
	border-style: solid none;
	border-width: 1px;
	border-spacing: 0px;
	color: Black;
}*/

#fixed-menu {
	background-color: #B1A741;
	position: fixed;
	width: 100%;
	bottom: -0.5px;
	height: 2em;
	display: block;
	z-index: 500;
	padding: 5px;
	left: 0px;
}

#fixed-menu button,
 #fixed-menu select,
 #fixed-menu input {
	display: inline;
	margin-right: 8px;
	float: left;
	font-size: .75em;
}

#search-drawer {
	background-color: #98AB3F;
	position: fixed;
	width: 100%;
	bottom: -5px;
	height: 4em;
	display: none;
	z-index: 600;
	padding: 0px 5px 5px 5px;
	left: 0px;
}

#arrows {
	float: right;
	padding-right: 0.25em;
	height: 1.5em;
	width: 1.75em;
	display: block;
}

#arrows img {
	width: 1.5em;
	height: 1.5em;
}


#table-container {
	overflow: auto;
	width: 99%;
	height: calc(100vh - 105px);
	margin:0;
}
.alternating_rows input{
	background-color: transparent;
	border-color: #999999;
	border-style: none none solid none;
	border-width: 1px;
	padding: 0.25em 0.5em;
}

.alternating_rows td{
	display: table-cell !important;
	vertical-align: middle !important;
	word-wrap: normal;
}

#dealerbody{
	margin: 0 auto auto 12em;
	padding-bottom: 75px;
	position: relative;
}

.line{
	border-bottom: 1px solid #000;
	display: inline-block;
}

.footer{
	bottom: 0.5in;
	left: 0;
	page-break-after: always;
	position: fixed;
	width: 100%;
}

#quicklinks p{
	margin: 0 0 0.25em 0.5em;
	text-align: left;
}

#quicklinks a:link, #quicklinks a:visited{
	color: #F194B4;
}

#quicklinks{
	background-color: #024023;
	border: none;
	color: #eeeeee;
	display: table;
	font-size: 75%;
	left: 0;
	margin-top: 0;
	padding: 0.5em;
	width: 100%;
}

.PreMozaik{
	background-color: #EFC1D6 !important;
}

.Mozaik{
	background-color: #FFFF00 !important;
}

.dealersubnav{
	font-size: .85em !important;
	font-weight: normal !important;
	padding: 0.15em 3em !important;
}

#contact_tag p{
	margin: 0 0 0.25em 0.5em;
	text-align: left;
}

#dealernavbar ul li a:link, #dealernavbar ul li a:visited{
	color: #eeeeee;
	text-decoration: none;
}

#dealernavbar li{
	background-color: #024023;
	color: #eeeeee;
	font-size: 1em;
	font-weight: bold;
	list-style-type: none;
	padding: 0.5em 1em;
}

#dealernavbar ul{
	clear: right;
	display: table-row;
	float: none;
	list-style-type: none;
	padding-top: 0.1em;
}

#dealernavbar{
	display: block;
	Float: left;
	margin: 0 10px 25px 0;
	width: 12em;
}

.clearfix:after{
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#contact_tag{
	background-color: #845519;
	border: none;
	color: #eeeeee;
	display: table;
	font-size: 75%;
	height: 50px;
	left: 0;
	margin-top: 0px;
	padding: 0.5em;
	width: 100%;
}

.invoice_product_subtotal{
	grid-column: 3 / 3;
	grid-row: 2 / 2;
}

.product_name_brand{
	grid-column: 4 / 4;
}

.product_name_name{
	grid-column: 3 / 3;
}

.product_name_orderby{
	grid-column: 2 / 2;
}

.product_name_sku{
	grid-column: 1 / 1;
}

.product_name{
	background: khaki;
	display: grid;
	gap: 0.5em;
	grid-template-columns: repeat(2, 1fr) 4fr 1fr;
	padding: 0.5em;
}

.invoice_product_notes{
	grid-column: 3 / 3;
	grid-row: 3 / 3;
}

.invoice_product_lot{
	grid-column: 2 / 2;
	grid-row: 3 / 3;
}

.invoice_product_job{
	grid-column: 1 / 2;
	grid-row: 3 / 3;
}

.OnHold{
	background-color: #33ccff !important;
	color: #000000 !important;
}

.invoice_product_price{
	grid-column: 1 / 1;
	grid-row: 2 / 2;
}

.invoice_product_qty{
	grid-column: 2 / 2;
	grid-row: 2 / 2;
}

.invoice_product_product{
	grid-column: 1 / 4;
	grid-row: 1 / 1; 
}

.invoice_product{
	border-bottom: thin solid black;
	display: grid;
	gap: 0.5em;
	grid-template-columns: repeat(3, 1fr) 50px;
	padding: 0.5em;
}

.PickUp{
	background-color: Thistle !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.PendRevisions{
	background-color: #F4B084 !important;
	color: #3F8F26 !important;
	text-shadow: -1px -1px 0 #F4B084 , 1px -1px 0 #F4B084 , -1px 1px 0 #F4B084 , 1px 1px 0 #F4B084 ;
}

.header{
	clear: both;
	display: block;
	left: 0;
	position: fixed;
	top: 0.5in;
	width: 100%;
}

.UPS{
	background-color: #644117 !important;
	color: #FFFFFF;
	font-weight: demi-bold;
	text-shadow: -1px -1px 0 #644117 , 1px -1px 0 #644117 , -1px 1px 0 #644117 , 1px 1px 0 #644117 ;
}

.PendCust{
	background-color: Salmon !important;
}

.PendStaff{
	background-color: #a7da72 !important;
	color: #000000 !important;
}

.NotRecd{
	background-color: #9BC2E6 !important;
}

.CreditHold{
	background-color: #a091f3 !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.currency{
	background-color: #FFECB1;
	text-align: right;
}

.nodata{
	background-color: #CCCCCC;
}

.total_price{
	background-color: #45698A !important;
	color: white;
	font-weight: bold;
	height: 2.5em !important;
	text-align: right;
	text-shadow: -1px -1px 0 #45698A , 1px -1px 0 #45698A , -1px 1px 0 #45698A , 1px 1px 0 #45698A ;
	word-wrap: normal;
}

.week_start, .week_start td{
	background-color: #FD9D9D !important;
	color: white;
	font-weight: bold;
	height: 2.5em !important;
	text-align: right;
	word-wrap: normal;
}

.ProdPend{
	background-color: #Green !important;
	color: #000000 !important;
	font-weight: bold !important;
}

.FedEx{
	background-color: #4d148c !important;
	color: #FFFFFF;
	font-weight: demi-bold;
}

#record_ident{
	background-color: #024023;
	border: none;
	color: #eeeeee;
	display: table;
	font-size: 75%;
	height: auto;
	left: 0;
	margin-top: 30px;
	padding: 0.5em;
	width: 100%;
}

.Backorder{
	background-color: #c71585 !important;
	color: #FFFFFF;
}

#record_ident p{
	margin: 0 0 0.25em 0.5em;
	text-align: left;
}

#barcode_fixed{
	background-color: #024023;
	border: none;
	color: #eeeeee;
	font-size: 75%;
	height: 45px;
	left: 0;
	padding: 0.5em;
	position: sticky;
	top: 300px;
	width: 9.5em;
}

#navbar{
	margin: 0 auto 10px auto;
}

.Quote{
	background-color: LightSteelBlue !important;
	color: #000000 !important;
}

#body{
	clear: both;
	display: block;
	display: block;
	height: 95vh;
	height: 95vh;
	margin: 75px auto auto auto;
	padding-bottom: 75px;
	position: relative;
	width: 100%;
}

.alternating_rows.floatThead-table{
	margin-top: 0px !important;
}

.alternating_rows select{
	padding: 0.1em;
}

.hot{
	font-size: 10pt;
	padding-bottom: 10em;
}

.handsontable th{
	vertical-align: bottom !important;
}

.filterHeader input{
	border: thin solid #666666;
	width: auto;
}

#navbar .submenu ul li a:link, #navbar ul li a:visited{
	color: #eeeeee;
	text-decoration: none;
}

#navbar .submenu  li{
	background-color: #845519;
	color: #000000;
	float: left;
	font-size: 75%;
	font-weight: bold;
	list-style-type: none;
	padding-right: 2em;
	padding: 0.5em 1em;
}

#navbar .submenu ul{
	display: table-row;
	float: none;
	list-style-type: none;
	padding-top: 0;
}

#navbar ul li a:link, #navbar ul li a:visited{
	color: #eeeeee;
	text-decoration: none;
}

#navbar  li{
	background-color: #024023;
	color: #eeeeee;
	float: left;
	font-size: 85%;
	font-weight: bold;
	list-style-type: none;
	padding-right: 2em;
	padding: 0.5em 1em;
}

#navbar ul{
	clear: right;
	display: table-row;
	float: none;
	list-style-type: none;
	padding-top: 0;
}

#shelfbarcode_fixed{
	background-color: #024023;
	border: none;
	color: #eeeeee;
	font-size: 75%;
	height: 45px;
	left: calc(100% - 9.5em);
	padding: 0.5em;
	position: sticky;
	top: 400px;
	width: 9.5em;
}

.Priority td{
	background-color: #B22222 !important;
	color: #CCCCCC !important;
	font-weight: bold !important;
}

.Priority{
	background-color: #B22222 !important;
	color: #CCCCCC !important;
	font-weight: bold !important;
}