/**
 * ALL CUSTOMIZATONS TO CSS GO HERE.
 * This file is loaded last so all selectors in other CSS files are overridden here.
 */

/*
#menu {
	width: 100%;
	margin: 0 auto;
	padding: 0px;
	padding-bottom: 10px;
	margin-top: -25px;
	z-index: 99;
}

#menu table td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#menu ul {
	list-style: none outside none;
    margin: 0;
    padding: 0;
}

#menu li {
    display: inline;
    font-weight: bold;
	padding-left: 5px;
    padding-right: 8px;
    background: none repeat scroll 0 0 transparent;
}

#menu a {
	color: tan;
	font-size: 13px;
	text-decoration: none;
}

#menu a:hover {
	text-decoration: underline;	
}
*/

/*
body {
	font-family: Geneva, verdana, helvetica, tahoma, Arial, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
}
*/

/*
h1 { font-size: 22px; font-weight: bold }
h2 { font-size: 18px; font-weight: bold }
h3 { font-size: 14px; font-weight: bold }
h4 { font-size: 13px; font-weight: bold }
*/

th, td.regularheader {
	background-color: #525152; 
	color: #ffffff; 
}

#srvletarea td { padding: 3px 4px 3px 4px; } 
#srvletarea th { padding: 3px 4px 3px 4px; } 

#srvletarea.srvletpopup td { padding: 5px; }

#srvletarea #adpage table.catalogTable td, #srvletarea #adpage table.catalogTable th {
	font-size: 11px;
}

#srvletarea p, #srvletarea td, #srvletarea th, #srvletarea li {
	font-size: 11pt;
	 list-style-position:inside;
}

/****************************************************************
 * 	jQuery related styles                                    		
 ****************************************************************/

/* #srvletarea textarea, #srvletarea input[type=text], #srvletarea input[type=password], #srvletarea input[type=number] {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
 	padding: 3px;
	border: 1px solid #ccc;
} */

/* #srvletarea input[type=button], #srvletarea input[type=submit], #srvletarea input[type=reset] {
    font-size: 15px;
    padding: .4em .6em;
} */

/* Hardies Custom */
a.submitSuggested {
    background-color: white;
    color: #ffc5c3;
    padding: 3px 10px 3px 10px;
    font-size: 8pt;
    border-radius: 15px;
    white-space: nowrap;
}

a.submitSuggested:hover {
	color: #ffffff;
}

#srvletarea {
	height:auto !important;
	height: 450px;  
	/* padding: 0px 30px 30px 30px; */
	/* margin-top: 20px; */
	margin: 0;
}
.bg {
	background-image: url("https://forms.hardies.com/public/hardies_background_image.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
b {font-weight: bold;}
hr {color: #000000; background-color: #000000; height: 2px; border: none; margin-top: 4px; margin-bottom: 4px}
local-tab {font-family: 'Lucinda Sans', Arial, Tahoma, Helvetica, sans-serif}

td.regularheader {
	background-color: #d2ecac;
	color: black;
}

th {
	background-color: #d2ecac; 
	color: black;
}

#content #menu li>a {
	text-decoration: underline; font-size: 9pt; font-weight: bold
}

.contentpaneopen {display: none; visibility: hidden;}
div#footer div.footerContent div.column a { white-space:nowrap; }
body { text-align: left; }


.ppro-menus-wrapper {
	display: flex;
	flex-flow: nowrap;
	justify-content: center;
	align-items: center;
}
.selfServeMenu {
	margin-left: auto;
	margin-right: 50px;
    height: 2.5em;
}
.selfServeMenu-dropdown-item.contains-dropacross, .selfServeMenu-dropdown-item > .dropacross li {
	background: none;
}
/* .selfServeMenu-dropdown-item .label {
	color: #2F2F2F;
} */
.cart-wrapper {
	height: 1.5em;
	margin-bottom: 1em;
}
.cart-wrapper > .cart-text p {
	height: 1em;
	line-height: 1em;
}
.cart-wrapper > .cart-icon > svg {
	display: block;
}

#content-wrapper {
	width: auto;
	max-width: 1300px;
	padding: 0 25px;
	min-width: 1100px;
}
.login-inputs, .login-links {
	justify-content: center;
	align-items: center;
}
.login-wrapper {
	justify-content: center;
	align-items: flex-start;
}

#FloatingCart input.hidden {
	display: none!important;
}
@media (max-width: 1730px) {
	#FloatingCart,
	#togglefloatingcart {
		display: none !important;
	}
	#content-wrapper,
	#website-footer {
		margin: 0 auto !important;
	}
}

.openinv-instructions {
	display: none;
	visibility: hidden;
}

/* Collapse certain fields */
.po2button,
.pickbutton,
.invbutton {
    height: 2.5em;
}
.po2button:before,
.pickbutton:before,
.invbutton:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-color: #f6f6f6;
    padding: 5px;
    width: 385px;
    border-radius: 5px 5px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #00cf00;
}

.po2button,
.pickbutton,
.invbutton {
    position: relative;
}

.po2button:before {
	content: "Add PO #2";
}
.pickbutton:before {
	content: "Add Picking Instructions";
}
.invbutton:before {
	content: "Add Invoicing Instructions";
}

/* new web design */
body {
	min-width: 1300px;
}
.logincustmess {
    font-weight: normal;
}
.login {
	border: none;
}
.mobile-apps {
	justify-content: flex-start;
}
a, a:hover, a:focus {
    color: #000;
}
.ppro-login-page #srvletarea p, .ppro-login-page #srvletarea td, .ppro-login-page #srvletarea th, .ppro-login-page #srvletarea li {
	font-size: 16px;
}
/* profile page */
td.item-desc.desccol {
	white-space: nowrap;
}

td.item-desc.desccol p {
	display: inline-table;
}
input.quantity-adjust {
    background: none;
    border: none;
}
.quantity-input input[type="button"] {
  border: none;
  background: none;
}
.quantity-input input[type="text"] {
  border: none;
  border-radius: 20px!important;;
}
td.item-desc {
	display: grid;
    grid-template-columns: 95px 1fr 95px;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
		"img desc desc"
		"img notes blank";
	position: relative;
}
li.double {
	padding-bottom: 0;
}
.clear-filters {
	display: block;
	text-align: right;
	margin: 1em 0;
	height: 1em;
}
#srvletarea .profile-items th,
#srvletarea .cartTable th {
	background: #eee;
	color: black;
	font-family: 'GalanoGrotesque-Light';
	padding: 10px 10px;
}

.profile-items th b,
.cartTable th b {
	font-weight: normal;
	font-size: 16px;
}

.profile-items th.ordercol {
	text-align: center;
}
.catalogTableTop,.catalogTable,.catalogTableMiddle, .cartTable {
    border: none;
}
.catalogTableTop{
    border-bottom: 1px solid black;
}
.catalogTable td,.catalogTableMiddle td{
    border-bottom: 1px dashed #000;
    border-collapse: collapse;
}
.catalogTable .profileshaded,.catalogTableMiddle .profileshaded, .cartTable .profileshaded {
	background-color: white;
}
#srvletarea td {
	padding: 14px 10px;
}
.filter-clear {
	text-decoration: none;
}
.header-search-title {
	font-weight: normal;
	margin-bottom: .5em;
}
.hardies-search-wrapper {
	flex: 1;
	display: grid;
	grid-template-columns: 6fr auto auto auto;
	grid-gap: 2em;
	justify-items: stretch;
}
.search-dropdowns>* {
	margin: 0 1ex;
}
.filters-position-L {
	font-size: 15px;
}
.header-toolbar {
	grid-template-rows: 65px 1fr;
	border-bottom: none;
}
.header-menu .header-end {
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: flex-start;
	align-items: center;
	margin-left: auto;
}
.header-menu .header-end>* {
	margin: 1em 1em;
	display: flex;
	flex-flow: row nowrap;
	white-space: nowrap;
	align-items: center;
}
table .itemnocol {
	width: 70px;
}
table .item-price {
	width: 70px;
}
.catalogProdImageOuter {
	width: 95px;
	grid-area: img;
}
.catalogProdImage {
	border: none;
	width: 80px;
}
.catalogProdImageInner {
	width: 80px;
	height: 80px;
	filter:contrast(1.25)
}
.catalogProdNotes {
	margin: 0;
	/* margin-left: 95px;
	margin-top: -2em; */
	margin-bottom: 1em;
	color:#FD3B3B;
	font-size: 12px;
	font-family:'GalanoGrotesque-Light';

}
.catalogProdNotes i {
	font-style: normal;
}
.search-filters input[type=radio] {
	accent-color: grey;
}
.footer-buttons-table td:nth-child(2),
.cart-buttons {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-evenly;
}
.filters .filter-header {
	margin-top: 1em;
	margin-bottom: 1em;
	height: 1em;
}
.item-sale {
  display: inline-block;
  margin-left: auto;
  margin-right: 1em;
  text-align: center;
}

.descriptionText {
  display: flex;
  justify-content: space-between;
}

.adsuper:after {
	content: " ";
	display: block;
	width: 24px;
	height: 24px;
	background-image: url("../images/flash_sale.png");
	margin: 0 auto;
}
.hardies-desc {
	grid-area: desc;
}

.adsuper {
	color: #FF6C1A;
	font-family: 'GalanoGrotesque-Light';
}
.one-page-checkout {
	margin-bottom: 2em;
}
.one-page-checkout>div {
	margin-top: 1em;
}
.recvdate .input-text {
	cursor: pointer;
	margin-left: 1em;
}
.recvdate .input-text:hover {
	text-decoration: underline;
}
.form-checkout {
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
		"pono1 email"
		"pono2 email"
		"commentgen commentrout"
		"commentpick commentinv"
		;
	grid-gap: 0 2em;
}
.checkout-pono-one {
	grid-area: pono1;
}
.checkout-pono-two {
	grid-area: pono2;
}
.checkout-email {
	grid-area: email;
}
.checkout-comment-general {
	grid-area: commentgen;
}
.checkout-comment-picking {
	grid-area: commentpick;
}
.checkout-comment-routing {
	grid-area: commentrout;
}
.checkout-comment-invoicing {
	grid-area: commentinv;
}
.profile-items th b, .cartTable th b {
  font-weight: bold;
}
.catalogProdNotes i {
  font-weight: bold;
}
body {
	background-attachment: fixed;
}
.cartTable th:first-child {
    white-space: nowrap;
}
.cartTable hr {
	display: none;
}
.one-page-checkout input {
	width: 50%;
}
.one-page-checkout label {
	font-weight: bold;
}
td.qtycol {
    vertical-align: middle;
}
/*Changing the color of the alert text boxes*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	all: initial;
	color: #FF6C1A;
    font-weight: bold;
    font-family: 'GalanoGrotesque-SemiBold', ArialBold, Helvetica, sans-serif;
	}
.ui-icon.ui-icon-info{
	display: none;
}

.addon-buttons{
	display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
}

.order-details .order-detail span {
	justify-content: space-between;
	font-weight: bold;
	color: black;
}

.shaded {
	background: white;
}
.bordered {
	border-bottom: 1px dashed #000;
    border-collapse: collapse;
    padding-top: 0px !important;
}

.recapTable {
	border: 0px;
}

.maintButtonPosition, #footer_recap {
	display: flex;
	justify-content: center;
	padding-bottom: 15px;
	margin-left: 0px !important;
	align-items: center;
	gap: 20px;
	margin: auto;
}

.showApprovalComment {
	display: inline;
}

.commentBox {
	border-bottom: 1px dashed;
}

.item-order qtycol, item-price{
	vertical-align: top;
	padding-top: 5px;
}

.orderDetailTable th{
	border: 0;
}

div.ui-dialog {
	font-size: 12px !important;
}

body.bprint {
	font-size: 12pt !important;
	
} 

body.bprint p, body.bprint th, body.bprint td{
	font-size: 12pt !important;
}

body.bprint {
	padding-top: 20px;
}

.noprint{
	padding: 0px;
	postion: absolute;
}

.creditDetailTable, .orderDetailTable{
	border: 0;
}

.qtycol {
	text-align: center;
}

* {-webkit-font-smoothing: antialiased;}

/**/