:root {
	--primary-color: #008445;
	--footer-background-color: #e6e6e6;
}

@font-face {
	font-family: "HelveticaNeue";

	src: url("./fonts/HelveticaNeue.ttc");
}

body {
	font-family: "HelveticaNeue", Arial, sans-serif;
}

#mainBody {
	padding: 0 75px;
}

@media (max-width: 539px) {
	#mainBody {
		padding: 0 25px;
	}
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: var(--primary-color);
}

/* Re-write bootstrap classes */
.form-control:focus {
	border-color: var(--primary-color);
}

/* General classes */
.cursor-pointer {
	cursor: pointer!important;
}

.hover-primary:hover {
	color: var(--primary-color);
}

.logo {
	width: 300px;
	max-width: 100%;
	height: auto;
}

.icon-grey {
	filter: invert(56%) sepia(1%) saturate(0%) hue-rotate(68deg) brightness(88%)
		contrast(89%);
}

.fullWidth {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}

/* Navbar classes */
#navbar-top {
	border-bottom: none;
	padding-left: 75px;
	padding-right: 75px;
}

#navbar-main {
	padding-left: 75px;
	padding-right: 75px;
}

.navbar-brand {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navbar-brand button.navbar-toggler {
	order: 2;
	height: fit-content;
	margin-left: 25px;
}

.navbar-brand a {
	order: 1;
}

#navbar-top .navbar-top-links > li > .nav.collapse, 
#navbar-top .navbar-top-links > li > .nav.collapsing {
	right: auto;
}

#topNavSearch {
	margin: 0 15px;
	max-width: min-content;
}

#topSearch,
#topGoogleSearch {
	display: flex;
	width: 500px;
}

#topSearch #search,
#topSearch #search:focus {
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none;
	border-radius: 0;
}

#topSearch input.topSearchBtn,
#topGoogleSearch input.topSearchBtn {
	margin-left: 0;
	position: relative;
}

.googleResult:hover {
	z-index: 1;
	transform: translateY(-1px);
	box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 20%);
}

.isPDF {
	border: 1px solid red;
	color: red;
	padding: 3px;
	margin-left: 10px;
}

.cartPopupProd {
	padding-left: 15px;
}

div#google_translate_element {
	border-bottom: none;
	max-width: min-content;
	margin-left: 0;
}

@media (max-width: 404px) {
	div#google_translate_element {
		margin-left: 15px;
	}

	#topSearch input#search {
		width: 200px!important;
	}
}

@media (max-width: 539px) {
	#navbar-top {
		padding: 0 25px;
	}
}

@media (max-width: 767px) {
	#topSearch input#search {
		width: 240px;
	}
}

@media (max-width: 819px) {
	div#google_translate_element {
		margin-top: 15px;
	}

	#topNavSearch {
		margin-left: 0;
	}
}

/* Main Page Header classes */
#header {
	height: 445px;
	overflow: hidden;
}

.headerInner {
	position: absolute;
	top: 75px;
	left: 15%;
	color: white;
	display: flex;
	flex-direction: column;
}

.headerInner h1,
.headerInner h2 {
	text-shadow: 3px 0px 6px rgba(0, 0, 0, 1);
}

.startOrderBtn {
	border: 1px solid var(--primary-color);
	border-radius: 50px;
	background-color: #fff;
	color: var(--primary-color);
	font-size: 2.5rem;
	padding: 10px 20px;
	width: max-content;
	margin-top: 0.5rem;
	box-shadow: -2px 6px 15px -3px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: -2px 6px 15px -3px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -2px 6px 15px -3px rgba(0, 0, 0, 0.75);
}

.startOrderBtn:hover {
	border-color: #fff;
	background-color: var(--primary-color);
	color: #fff;
}

@media (max-width: 539px) {
	.headerInner {
		left: 25px;
	}
}

@media (max-width: 767px) {
	#header h1 {
		font-size: 8vw;
	}

	#header h2 {
		font-size: 4vw;
	}

	#header .startOrderBtn {
		font-size: 4vw;
	}

	#header {
		height: 55vw;
	}

	.headerInner {
		top: 30px;
	}
}

/* Main Page Discover Classes */
.mainPageContainer {
	padding: 25px 0;
}

#discover, #stayConnected {
	margin-bottom: 2.5rem;
	margin-top: 2.5rem;
}

.discoverCards {
	margin-top: 10px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.discoverCard {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 15px -3px rgba(0, 0, 0, 0.5);
	padding: 10px 20px;
	border-radius: 25px;
	margin: 15px;
	width: 150px;
}

.structuresImg {
	margin-top: 35px;
}

.discoverCardTitleText {
	font-size: 25px;
	color: var(--primary-color);
}

.discoverCard > div {
	display: flex;
}

.discoverCard:hover img {
	transition: 0.3s;
	filter: invert(99%) sepia(99%) saturate(2%) hue-rotate(224deg)
		brightness(110%) contrast(101%);
}

.discoverCard:hover {
	background-color: var(--primary-color);
	color: #fff;
	transition: 0.3s;
}

.discoverCard:hover .discoverCardTitleText {
	color: #fff;
	transform: 0.3s;
}

/* Main Page GGH Library classes */
#gghLibrary {
	background-color: var(--footer-background-color);
}

.gghLibraryContainer {
	padding: 0 100px;
	align-items: center;
	display: flex;
	max-height: 150px;
	justify-content: space-between;
}

.gghLibraryText {
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 0;
}

.gghLibraryImgs {
	position: relative;
	top: 15px;
}

.gghLibraryImg img {
	max-height: 200px;
}

.gghLibraryImgLeft {
	order: 1;
	z-index: 1;
	position: relative;
	left: 25px;
	bottom: 10px;
}

.gghLibraryImgMiddle {
	order: 2;
	z-index: 2;
}

.gghLibraryImgRight {
	order: 3;
	z-index: 4;
	bottom: 25px;
	right: 25px;
	position: relative;
}

.gghLibraryImg img.first {
	transform: rotate(5deg);
}

.gghLibraryImg img.second {
	transform: rotate(-5deg);
}

.gghLibraryImg img.third {
	transform: rotate(-7deg);
}

@media (max-width: 991px) {
	.gghLibraryImg img {
		max-height: 150px;
	}
}

@media (max-width: 767px) {
	#gghLibrary {
		max-height: none;
		height: 325px;
		align-items: start;
		padding-top: 25px;
		flex-wrap: wrap;
	}

	.gghLibraryImgs {
		top: 0;
	}
}

@media (max-width: 539px) {
	#gghLibrary {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media (max-width: 425px) {
	#gghLibrary {
		height: 400px;
	}

	.gghLibraryText {
		margin: 1.5rem;
	}

	.gghLibraryImg img {
		max-height: 125px;
	}
}

/* Main Page Branch Locations Classes */

#branchLocations {
	margin: 0 -15px;
}

#branchLocations > div {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	justify-content: center;
}

@media (min-width: 767px) {
	#branchLocations {
		margin-top: 3rem;
	}
}

/* Main Page About GGH Classes */

#aboutGGH {
	position: relative;
	overflow: hidden;
}

.aboutGGHText {
	padding: 35px;
	background-color: #fff;
	opacity: 0.8;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 75%;
	display: flex;
	flex-direction: column;
}

@media (max-width: 991px) {
	.aboutGGHText {
		width: 90%;
	}
}

@media (max-width: 767px) {
	#aboutGGH img {
		display: none;
	}

	.aboutGGHText {
		width: 100%;
		padding: 25px 35px;
		position: relative;
		transform: none;
		left: 0%;
	}

	#aboutGGH {
		background-color: var(--footer-background-color);
	}
}

/* Footer Classes */
body > footer {
	background-color: var(--footer-background-color);
	padding: 25px 75px;
	margin-top: 25px;
}

@media (max-width: 539px) {
	body > footer {
		padding: 25px;
	}
}

/* Main Page Stay Connected classes */

.emailUsText {
	font-size: 18px;
	color: rgb(102, 102, 102);
}

/* Responsive bootstrap carousel classes */

@media (max-width: 991px) {
	#vendor-carousel .carousel-inner {
		width: 75% !important;
	}
}

@media (max-width: 567px) {
	#vendor-carousel .carousel-inner {
		width: 65% !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/* Show 4th slide on md if col-md-4*/
	#vendor-carousel .carousel-inner
		.active.col-md-4.carousel-item
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: absolute;
		right: -33.3333%;
		z-index: -1;
		display: block;
		visibility: visible;
	}
}
@media (min-width: 576px) and (max-width: 768px) {
	/* Show 3rd slide on sm if col-sm-6*/
	#vendor-carousel .carousel-inner
		.active.col-sm-6.carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: absolute;
		right: -50%;
		z-index: -1;
		display: block;
		visibility: visible;
	}
}
@media (min-width: 576px) {
	#vendor-carousel .carousel-item {
		margin-right: 0;
	}
	/* show 2 items */
	#vendor-carousel .carousel-inner .active + .carousel-item {
		display: block;
	}
	#vendor-carousel .carousel-inner
		.carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
	#vendor-carousel .carousel-inner
		.carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
		+ .carousel-item {
		transition: none;
	}
	#vendor-carousel .carousel-inner .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}
	/* left or forward direction */
	#vendor-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
	#vendor-carousel .carousel-item-next.carousel-item-left + .carousel-item,
	#vendor-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	/* farthest right hidden item must be also positioned for animations */
	#vendor-carousel .carousel-inner .carousel-item-prev.carousel-item-right {
		position: absolute;
		left: 0;
		z-index: -1;
		display: block;
		visibility: visible;
	}
	/* right or prev direction */
	#vendor-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
	#vendor-carousel .carousel-item-prev.carousel-item-right + .carousel-item,
	#vendor-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}
/* MD */
@media (min-width: 768px) {
	/* show 3rd of 3 item slide */
	#vendor-carousel .carousel-inner .active + .carousel-item + .carousel-item {
		display: block;
	}
	#vendor-carousel .carousel-inner
		.carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
		+ .carousel-item
		+ .carousel-item {
		transition: none;
	}
	#vendor-carousel .carousel-inner .carousel-item-next {
		position: relative;
		transform: translate3d(0, 0, 0);
	}
	/* left or forward direction */
	#vendor-carousel .carousel-item-next.carousel-item-left
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	/* right or prev direction */
	#vendor-carousel .carousel-item-prev.carousel-item-right
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}
/* LG */
@media (min-width: 991px) {
	/* show 4th item */
	#vendor-carousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
		display: block;
	}
	#vendor-carousel .carousel-inner
		.carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		transition: none;
	}
	/* Show 5th slide on lg if col-lg-3 */
	#vendor-carousel .carousel-inner
		.active.col-lg-3.carousel-item
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: absolute;
		right: -25%;
		z-index: -1;
		display: block;
		visibility: visible;
	}
	/* left or forward direction */
	#vendor-carousel .carousel-item-next.carousel-item-left
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: relative;
		transform: translate3d(-100%, 0, 0);
		visibility: visible;
	}
	/* right or prev direction */
	#vendor-carousel .carousel-item-prev.carousel-item-right
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item
		+ .carousel-item {
		position: relative;
		transform: translate3d(100%, 0, 0);
		visibility: visible;
		display: block;
		visibility: visible;
	}
}

#vendor-carousel .carousel-control-prev-icon,
#vendor-carousel .carousel-control-next-icon {
	height: 100px;
	width: 100px;
	outline: black;
	background-size: 100%, 100%;
	background-image: none;
}

#vendor-carousel .carousel-control-next-icon:after {
	content: ">";
	font-size: 55px;
	color: black;
}

#vendor-carousel .carousel-control-prev-icon:after {
	content: "<";
	font-size: 55px;
	color: black;
}

#vendor-carousel .carousel-control-next,
#vendor-carousel .carousel-control-prev {
	width: auto;
}

#vendor-carousel .carousel-inner {
	width: 85%;
	padding: 25px 0;
}

#vendor-carousel .carousel-item {
	align-self: center;
}

#vendor-carousel .carousel-item img {
	max-height: 90px !important;
}

.listImage {
	max-width: 150px;
	max-height: 150px;
}

.crumbChild img {
	width: auto;
	height: auto;
	max-width: 150px;
	max-height: 150px;
}

.weekView a.prevWeek {
	display: block;
	float: left;
	clear: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/material-design-icons/sprites.png) no-repeat -25px -100px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border: none;
}

.weekView a.nextWeek {
	display: block;
	float: left;
	clear: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/material-design-icons/sprites.png) no-repeat -50px -75px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	border: none;
}

form.weekLimit {
	display: inline-block;
}

.multiSelectContainer {
	white-space: nowrap;
}

.multiSelectToggle {
	color: #fff;
	position: relative;
	display: inline-block;
	padding: 10px 15px;
	white-space: nowrap;
	cursor: pointer;
}

.multiSelectToggle > input {
	color: #000;
}

.loginPic {
	float: left;
	margin: 0 20px 20px 0;
}

table.dataTable th {
	background: #eee;
	border-right: solid 2px #fff;
}

table.custBookings {
	width: 100%;
}

table.custBookings td {
	min-width: 125px;
	width: 12em;
}

#custAnalysis table td label {
	white-space: nowrap;
}

table.custBookings th.bookRight {
	text-align: right;
	width: 12em;
}

tr.hidden, .row.hidden {
	display: none;
}

ul.multiSelectEnabled a.multiSelectSelected:after {
	content: '';
	background: url(images/material-design-icons/sprites.png) no-repeat -450px -475px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: bottom;
}

.dateDiv {
	position: relative;
	background-color: white;
}

.dateBox {
	border: 3px solid #5473b3;
	width: auto;
	max-width: 513px;
	text-align: center;
	color: white;
	position: absolute;
	left: 20px;
}

.dateBox td {
	min-width: 100px;
	height: 75;
	padding: .25em 0 .25em 0;
	text-align: center !important;
	cursor: pointer;
}

.dateBox td.a {
	background-color: #c9d9e9;
	color: #5473b3;
}

.dateBox td.b {
	background-color: white;
	color: #5473b3;
}

.tdHover {
	cursor: pointer;
	color: white;
	background-color: #5473b3;
}

.dateBox td a {
	text-decoration: none;
}

.dateBox .dateWeek {
	font-weight: bold;
	font-size: 9pt;
}

.dateBox .date {
	font-style: italic;
	font-size: 8pt;
}

.dateBox .dateEach {
	font-size: 8pt;
}

.editStatus {
	text-indent: -9999px;
	overflow: hidden;
	background: red;
	border-radius: 12px;
	width: 12px;
	height: 12px;
}

.editStatus.green {
	background-color: green;
}

.editStatus.yellow {
	background: yellow;
}

.editStatus.orange {
	background: orange;
}

.editStatus.red {
	background: red;
}

.colorKey {
	float: right;
}

#uploadForm .upload {
	border: 1px solid silver;
	padding: 5px 5px;
	background: #c9d9e9;
}

#uploadFile {
	background-color: #fff;
	display: inline;
}

.cartBtnAddAll {
	float: left;
}

.fullProduct .btns .cartButton, .fullProduct .btns .cartListBtn {
	display: inline-block;
	padding: 5px;
	height: auto;
	width: auto;
	border-radius: 2px;
	border: none;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	background: #5473b2;
	text-indent: 0;
	font-size: 1rem;
}

.fullProduct .btns .cartBtn {
	padding: 5px;
	margin: 0;
}

.fullProduct .weekView {
	display: none;
}

.fullProduct #full, .prodListProd .tabs {
	font-weight: normal;
}

.fullProduct .prodInfo .prodDesc {
	margin-top: 12px;
}

#changeOrderForm fieldset {
	box-shadow: 0px 0px 15px #999;
	border: none;
	margin-bottom: 1em;
}

#changeOrderForm table {
	width: 100%;
}

#changeOrderForm table th {
	background: #c9d9e9;
}

#changeOrderForm table td, #changeOrderForm table th {
	padding: 0 5px;
}

form#changeOrderForm .newLine {
	background-color: #eee;
}

.nextTruckDeliv {
	float: right;
	clear: right;
}

.stockStatus {
	display: inline-block;
}

.icon-whses {
	background-position: -75px -0px;
}

.icon-nonstock {
	background-position: -125px -75px;
}

.icon-stock {
	background-position: -75px -400px;
}

.icon-dropship, .status-drop-shiponly {
	background-position: -0px -100px;
}

.icon-edit {
	background-position: -125px -125px;
}

.icon-collapsed {
	background-position: -250px -225px;
}

.icon-expanded {
	background-position: -250px -225px;
	transform: rotate(90deg);
}

.icon-previous {
	background-position: -25px -100px;
}

.icon-next {
	background-position: -50px -75px;
}

.ccSaveMessage, .invoiceNotice, .stockStatus::first-letter {
	font-weight: bold;
}

.invoiceNotice {
	color: #f00;
}

.dataTable .child #payAll {
	display: none;
}

div[data-orient=L] .prodListContent > .prodListProd.weekView .imageCol,
div[data-orient=L] .prodListContent > .prodListProd .cpnDiv,
div[data-orient=L] .prodListContent > .prodListProd .availCodeDiv,
div[data-orient=L] .prodListContent > .prodListProd .umDiv {
	display: none;
}

div[data-orient=L] .prodListContent > .prodListProd .weekView, .modal-body .weekView {
	clear: both;
	margin: 5px 0;
	position: relative;
	max-width: 100%;
}

#startNewOrderResultsTable .weekView {
	max-width: 240px;
}

#startNewOrderResultsTable .moreBtn {
	float: right;
}

#startNewOrderResultsTable .moreDiv {
	clear: both;
}

#startNewOrderResultsTable .moreDiv .tabs {
	display: none;
}

.tempOOS {
	color: #f00;
	font-weight: normal;
}

div[data-orient=L] .prodListContent > .prodListProd .weekContainer, .modal-body .weekContainer, #startNewOrderResultsTable .weekContainer {
	overflow: hidden;
	position: relative;
}

div[data-orient=L] .prodListContent > .prodListProd .weekTable, .modal-body .weekTable, #startNewOrderResultsTable .weekTable {
	position: relative;
	left: 0;
	transition: left 0.5s;
	white-space: nowrap;
	float: left;
	max-width: none;
}

div[data-orient=L] .prodListContent > .prodListProd .weekCol, .modal-body .weekCol, #startNewOrderResultsTable .weekCol {
	display: inline-block;
	padding: 0 10px;
	text-align: center;
}

div[data-orient=L] .prodListContent > .prodListProd .weekQty, .modal-body .weekQty, #startNewOrderResultsTable input.qty.weekQty {
	width: 60px;
	width: 6rem;
	margin: 0;
}

div[data-orient=L] .prodListContent > .prodListProd {
	position: relative;
}

div[data-orient=L] .prodListContent > .prodListProd.clearance:after {
	content: '';
	background: url('images/clearance.jpg');
	width: 153px;
	height: 74px;
	position: absolute;
	top: 0;
	right: 0;
	zoom: 0.75;
}

div[data-orient=L] .prodListContent > .prodListProd.hotbuys:after {
	content: '';
	background: url('images/hot-buys.jpg');
	width: 153px;
	height: 74px;
	position: absolute;
	top: 0;
	right: 0;
	zoom: 0.75;
}

div[data-orient=L] .prodListContent > .prodListProd.newItem:after {
	content: '';
	background: url('images/newItem.jpg');
	width: 153px;
	height: 74px;
	position: absolute;
	top: 0;
	right: 0;
	zoom: 0.75;
}

div[data-orient=L] .prodListContent > .prodListProd.weekView.clearance:after,
div[data-orient=L] .prodListContent > .prodListProd.weekView.hotbuys:after,
div[data-orient=L] .prodListContent > .prodListProd.weekView.newItem:after {
	top: 65px;
	zoom: 0.5;
}

div[data-orient=G] .prodListContent {
	width: 50%;
	padding: 0 5px 0 0;
}

div[data-orient=G] .prodListContent > .prodListProd {
	border: 2px solid #0F4991;
	font-size: 10px;
	font-size: 1rem;
	text-align: center;
	width: 100%;
}

div[data-orient=G] .prodListContent > .prodListProd .weekView {
	display: none;
}

div[data-orient=G] .prodListContent > .prodListProd .moreBtn {
	display: inline;
}

div[data-orient=G] .prodListContent > .prodListProd .buttonRow > .gridDivide {
	display: block;
}


div[data-orient=G] .prodListContent > .prodListProd .prodDesc,
div[data-orient=G] .prodListContent > .prodListProd .priceDiv {
	font-size: 10px;
	font-size: 1rem;
}

div[data-orient=G] .prodListContent > .prodListProd .compareSpan {
	padding: 4px 5px;
}

div[data-orient=G] .prodListContent > .prodListProd .prodNum,
div[data-orient=G] .prodListContent > .prodListProd .listDesc,
div[data-orient=G] .prodListContent > .prodListProd .cpnDiv,
div[data-orient=G] .prodListContent > .prodListProd .availCodeDiv,
div[data-orient=G] .prodListContent > .prodListProd .umDiv,
div[data-orient=G] .prodListContent > .prodListProd .suggRet {
	display: none;
}

div[data-orient=G] .prodListContent > .prodListProd .imageCol {
	width: 150px;
	height: 150px;
	position: relative;
	margin-bottom: 5px;
}

div[data-orient=G] .prodListContent > .prodListProd .prodDescDiv {
	background-color: #7B99C4;
	color: #fff;
	padding: 10px 10px 0 10px;
	margin: 5px -5px;
}

div[data-orient=G] .prodListContent > .prodListProd .imageCol:after {
	content: '';
	position: absolute;
	width: 60px;
	height: 22px;
	left: -12px;
	bottom: -5px;
	background: url(images/info2.png);
}

div[data-orient=G] .prodListContent > .prodListProd .prodDescDiv, 
div[data-orient=M] .prodListContent > .prodListProd .prodDescDiv {
	min-width: -moz-available;
	min-width: -webkit-fill-available;
	min-width: fill-available;
}

div[data-orient=M] .prodListContent > .prodListProd {
	border: 2px solid #0F4991;
	font-size: 10px;
	font-size: 1rem;
	text-align: center;
}

div[data-orient=M] .prodListContent > .prodListProd .prodDesc,
div[data-orient=M] .prodListContent > .prodListProd .priceDiv {
	font-size: 10px;
	font-size: 1rem;
}

div[data-orient=M] .prodListContent > .prodListProd .prodDescDiv {
	display: block;
	background-color: #7B99C4;
	color: #fff;
	padding: 0 5px;
	margin: 5px -5px;
}

div[data-orient=M] .prodListContent > .prodListProd .prodNum,
div[data-orient=M] .prodListContent > .prodListProd .weekView {
	display: none;
}

div[data-orient=M] .listImage {
	max-width: 100px;
	max-height: 100px;
}

#signupForm input#zip {
	width: 120px;
	width: 12rem;
}

#signupForm input#lastName, #signupForm input#address, #signupForm input#city, #signupForm input#state {
	width: 420px;
	width: 42rem;
}

#ccForm input#ccNum, #ccForm select#ccType {
	width: 160px;
	width: 16rem;
}

#ccForm input#ccCvv {
	width: 80px;
	width: 8rem;
}

@media (max-width: 767px) {
	#loginForm input#userId {
		width: 120px;
		width: 12rem;
	}
}

@media (min-width: 768px) {
	#navbar-main, #navbar-main ul {
		border: none;
		min-width: 150px;
		min-height: 0;
	}

	#navbar-main a {
		text-decoration: none;
	}

	#navbar-main > ul > li > ul {
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}

	#navbar-main > ul > li > ul ul {
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		left: 20px;
	}

	#navbar-main a.collapseLink:after {
		background-image: url(images/material-design-icons/sprites.png);
		background-position: -475px -475px;
	}

}

@media (max-width: 991px) {
	.loginPic {
		max-width: 33%;
	}

	div[data-orient=G] .prodListContent {
		width: 33%;
		padding-left: 0;
	}

	div[data-orient=L] .prodListContent > .prodListProd input.cartListBtn {
		background: url(images/material-design-icons/sprites.png) no-repeat -400px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}
	
	div[data-orient=L] .prodListContent > .prodListProd.clearance:after, div[data-orient=L] .prodListContent > .prodListProd.hotbuys:after {
		top: auto;
		bottom: 0;
		right: 0;
		zoom: 0.5;
	}
	

	div[data-orient=G] .prodListContent > .prodListProd input.cartListBtn {
		background: url(images/material-design-icons/sprites.png) no-repeat -400px -125px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}

	div[data-orient=L] .prodListContent > .prodListProd input.changeOrderAddProductBtn {
		background: url(images/material-design-icons/sprites.png) no-repeat -50px -0px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}

	div[data-orient=G] .prodListContent > .prodListProd input.changeOrderAddProductBtn {
		background: url(images/material-design-icons/sprites.png) no-repeat -50px -0px;
		background-size: 500px 500px;
		width: 24px;
		height: 24px;
	}

	.fullProduct .prodInfo .btns {
		text-align: left;
	}
	
	.fullProduct .btns .cartButton, 
	.fullProduct .btns .cartListBtn,
	.fullProduct #actionBtns {
		margin-left: 0;
	}

	#signupForm input#lastName, #signupForm input#address, #signupForm input#city, #signupForm input#state {
		width: 320px;
		width: 32rem;
	}
}

@media (min-width: 992px) {
	div[data-orient=G] .prodListContent {
		width: 25%;
		float: left;
	}
}

#cartTabs input#continueShopping {
	width: 160px;
	height: 40px;
}

.onliant-landing .subbanner{
	padding:0;
  border-right:4px solid white;
  height:315px;
}

.onliant-landing .subbanners{
  border-left:4px solid white;
}
.onliant-landing .subbanner.video{
  background-color:black;
}
.onliant-landing .subbanner.video>div{
  margin-top:19%;
}
.onliant-landing .banner{
	position:relative;
	border-bottom:4px solid white;
}
.onliant-landing .banner .banner-item{
	position:absolute;
	top:0;
	left:0;
}

.rlSlideshow img {
	max-width: 100%;
}

.rlSlideshow .adBoxSelector {
	position: absolute;
	bottom: 5px;
	left: 10px;
}

div.prodOptions div.prodOptionsContainer div.optionValues{
  height:auto;
}

div.prodOptionsContainer {
	display: block;
}

#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 324px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 999;
}

#return-to-top i {
	margin: 0;
	position: relative;
	left: 0px;
	top: 0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#return-to-top:hover i {
	top: -5px;
}

.megamenu{
  padding:2px;
  margin:2px;
  border-radius:10px;
  border:1px solid #666;
  position:absolute;;
  top:0px;
  z-index:10;
  background-color:white;
  word-wrap:nowrap;
}
.megamenu ul{width:auto;}
.megamenu li a span{
  word-wrap:nowrap;
}
.megamenu div.menu{
  max-height:70vh;
  overflow-y:auto;
  overflow-x:hidden;
}
.megamenu ul{
  list-style-type:none;
  margin:5px 10px;
  padding:5px;
}
.megamenu a{
  display:block;
  border-radius:5px;
  width:100%;
  padding:3px;
  font-size:14px;
  color:black;
  font-family:"Neue Helvetica","Helvetica","Nimbus Sans","Nimbus Sans L","Arial",sans;
}
.megamenu a:hover{
  background-color:#ccc;
}
.megamenu a.active{
  border:1px solid #ccc;
  padding-top:2px;
  padding-bottom:2px;
  border-width:1px 0 1px 0;
  z-index:2;
}


.prodOptions div.option {
	vertical-align: top;
}

.loginteaser{
  position:fixed;
  left:50%;
  top:10px;
  background-color:white;
  width:200px;
  margin-left:500px;
  padding:5px;
  border-radius:10px;
  text-align:justify;
  font-weight:bold;
}

.loginteaser a{
  width:50%;
  text-decoration:none;
}
div[data-orient=L] .prodListContent > .prodListProd .prodDesc,
div[data-orient=L] .prodListContent > .prodListProd .listDesc{
  font-weight:bold;
}
div[data-orient=L] .prodListContent > .prodListProd span.prodNum{
  font-weight:normal;
}

.activateFaveList{
  background-color:#F9F9F9;
}

#addProductList th, #addProductList td, #quickSearchTable th, #quickSearchTable td {
	padding: 0 10px 0 0;
}

.strike {
	text-decoration: line-through;
}

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

ul.chooseDivision li {
	display: inline-block;
}

#quickSearchForm input#quickSearchSubmit {
	text-indent: -9999px;
	overflow: hidden;
	width: 24px;
	height: 24px;
	background: url(images/material-design-icons/sprites.png) no-repeat -200px -250px;
	background-size: 500px 500px;
	border: none;
	padding: none;
	margin-left: -30px;
}

.startNewOrderShipWeek {
	float: left;
	padding-top: 10px;
}

.startNewOrderShipWeek input.shipWeek {
	width: 75px;
}

#startNewOrderResults .addAllBtnDiv {
	float: right;
}

#startNewOrderResults .filterDiv {
	width: 300px;
	margin-bottom: 10px;
	clear: none;
}

#startNewOrderResults .filterDiv .prodFilter {
	width: 240px;
}

#startNewOrderResultsTable {
	width: 100%;
}

#startNewOrderResultsTable tr.cartable td, #startNewOrderResultsTable tr th {
	padding: 3px 5px 3px 0;
}

#startNewOrderResultsTable .collapseColumn {
	width: 30px;
}

#startNewOrderResultsTable tr.cartable:nth-child(even) td {
	background: #eef;
}

#startNewOrderResultsTable input.qty {
	width: 50px;
	width: 5rem;
}

#optionSearchForm .searchInfo {
	display: none;
}

#startNewOrderResultsTable td.collapseButton.collapsed ~ td.canCollapse > *{
	display: none;
}

#startNewOrderResultsTable .weeksColumn .weekView {
	display: inline-block;
}

#startNewOrderResultsTable td.collapseButton.collapsed ~ td.weeksColumn.hasAvailability.canCollapse:before {
	content: 'Available';
	display: block;
	text-indent: 0;
}

#startNewOrderResultsTable td.collapseButton.collapsed ~ td br.canCollapse {
	display: inline;
	content: ' ';
	margin: 0 2.5px;
}

#startNewOrderResultsTable td.collapseButton.collapsed ~ td input {
	display: none;
}

#startNewOrderResultsTable td.collapseButton:after {
	display: block;
	content: '';
	background: url(images/material-design-icons/sprites.png) no-repeat -50px -375px;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

#startNewOrderResultsTable td.collapseButton.collapsed:after {
	background-position: -25px -225px;
}

#startNewOrderResultsTable .inCart {
	background-color: #eee;
	background-image: none;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
	border: solid 1px #ccc;
}

#startNewOrderResultsTable tr.cartable.inCart td {
	background: none;
}

.btn-green {
	background-color: #81bf40;
	color: #fff;
}

.btn-green:hover {
	background-color: #8ce62e;
	color: #fff;
}

/*
.chooseDivision > li > a {
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
	display: inline-block;
	width: 162px;
	height: 53px;
	zoom: 0.9;
}

.chooseDivision > li > a.CEA {
	background: url(images/vendors/sub/CEA.jpg)
}

.chooseDivision > li > a.CONSTRUCTION {
	background: url(images/vendors/sub/CONSTRUCTION.jpg)
}

.chooseDivision > li > a.HARDGOODS {
	background: url(images/vendors/sub/GROWERSUPPLIES.jpg)
}

.chooseDivision > li > a.PLANTS {
	background: url(images/vendors/sub/GREENGOODS.jpg)
}

.chooseDivision > li > a.RETAIL {
	background: url(images/vendors/sub/RETAIL.jpg)
}

.chooseDivision > li > a.SEED {
	background: url(images/vendors/sub/SEED.jpg)
}
*/

.chooseDivision > li > a {
	display: flex;
	width: 145px;
	height: 53px;
	background: linear-gradient(180deg, #ddd, #eee);
	border: solid 1px #ccc;
	border-radius: 5px;
	margin: 0 5px 5px 0;
	padding: 5px;
	text-decoration: none;
	justify-content: center;
	align-items: center;
}

.tooltip-inner {
  white-space:nowrap;
}

#byNum #availabilityWeekList {
	display: none;
}

div.row > #errorDiv {
	display: none;
}

.modal .weekSelect {
	width: 66px;
	padding: 5px;
	display: inline-block;
	background: #eee;
	border: solid 1px #000;
	cursor: pointer;
}

.ui-autocomplete {
	max-width: none;
}

.cartMessage {
	margin: 0 0 10px 0;
	font-weight: bold;
}

.mobile-menu-title{
	text-decoration:underline;
	font-size:16px;
	padding:10px 16px 10px 16px;
	margin: 0 -16px 0 -16px;
	border-bottom:1px solid #ccc;
}
.mobile-menu-element{
	padding:10px 16px 10px 16px;
	margin: 0 -16px 0 -16px;
	border-bottom:1px solid #ccc;
}
.mobile-menu-element a{text-decoration:none;}

#stopsTable td, #stopsTable th,
#mpvTable td, #mpvTable th {
	padding: 2px 10px;
}

.addStopForm input[type=text], .addStopForm input[type=number], .addStopForm input[type=date], .addStopForm select,
.addMPVForm input[type=text], .addMPVForm input[type=number], .addMPVForm input[type=date], .addMPVForm select {
	width: 200px;
	margin: 3px 5px;
}

.addStopForm textarea,
.addMPVForm textarea {
	width: 400px;
	height: 60px;
	margin: 3px 5px;
}

a.cartProdSort {
	text-indent: -9999px;
	overflow: hidden;
	background: url(images/material-design-icons/sprites.png) no-repeat;
	background-size: 500px 500px;
	width: 24px;
	height: 24px;
	display: inline-block;
	text-align: left;
	background-position: -275px -350px;
}

a.cartProdSort.asc {
	background-position: -325px -150px;
}

a.cartProdSort.desc {
	background-position: -350px -125px;
}

.container-960 > nav > div.container-fluid > .navbar-header > a {
	margin-right: 25px;
}

#loginMessage {
	margin: 20px 0 0 0;
}

#vProfitCarousel {
	width: auto;
	margin: 20px 8px 20px 7px;
}

.carouselContainer {
	display: flex;
}

.vProfitProd {
	cursor: pointer;
	margin: 0 5px 0 0;
}

/* --------- */
/* BEGIN OPPORTUNITY PAGE CLASSES */

.opportunityHeader {
	background: #eee;
	padding: 10px;
	margin: 0 0 10px 0;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
}

.opportunityList {
	margin-bottom: 20px;
}

.opportunityForm .form-group[data-toggle=tooltip] :disabled {
	pointer-events: none;
}

.opportunityFieldForm label {
	float: none;
}

.progress-wrapper {
	position: relative;
	height: 10px;
}

.progress-wrapper > .progress-indicator {
	display: none;
	transition: width 0.5s;
	background: #0f0;
	width: 0;
	height: 100%;
}

.oppCustRow {
	margin-bottom: 0.25rem;
	padding-top: 0.5rem;
}

.oppDaysRow {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.oppDueRow {
	margin-top: 0.25rem;
}

.oppCust, .oppDays, .oppDue, .oppStart {
	font-weight: bold;
}

.oppObj {
	font-weight: bold;
	margin: 0.20rem 0 0.50rem 0;
}

.opportunityHeader > .row > .col > .oppCustRow {
	padding-top: 0;
}

.opportunityList > div {
	padding: 15px;
}

table.oppTable > tbody > tr[data-status="Open"] > td {
	background: #99ff99;
}

table.oppTable > tbody > tr[data-status="Open"] > td.sorting_1 {
	background: #66ff66;
}

table.oppTable > tbody > tr[data-status="Accepted"] > td {
	background: #19C5D2;
}

table.oppTable > tbody > tr[data-status="Accepted"] > td.sorting_1 {
	background: #15acb7;
}

table.oppTable > tbody > tr[data-status="Pending"] > td {
	background: #ccc;
}

table.oppTable > tbody > tr[data-status="Pending"] > td.sorting_1 {
	background: #bbb;
}

table.oppTable > tbody > tr[data-status="Rejected"] > td {
	background: #ff4d4d;
}

table.oppTable > tbody > tr[data-status="Rejected"] > td.sorting_1 {
	background: #ff3333;
}

table.oppTable > tbody > tr[data-status="Closed"] > td {
	background: #fff;
}

table.oppTable > tbody > tr[data-status="Closed"] > td.sorting_1 {
	background: #eee;
}

table.oppTable tr[data-href] {
	cursor: pointer;
}

div.open > p, div.closed > p, div.rejected > p, div.accepted > p, div.pending > p {
	display: inline-block;
	padding-right: 3px;
	vertical-align: top;
}

.opportunityList > div.oppLegend {
	padding: 0 15px;
}

.oppOpenBox, .oppAcceptedBox, .oppPendingBox, .oppRejectedBox, .oppClosedBox {
	height: 15px;
	width: 15px;
	border: 1px solid #ccc;
	display: inline-block;
}

.oppOpenBox {
	background: #99ff99;
}

.oppAcceptedBox {
	background: #19C5D2;
}

.oppPendingBox {
	background: #ccc;
}

.oppRejectedBox {
	background: #ff4d4d;
}

.oppClosedBox {
	background: #fff;    
}

.opportunityList .rowIndent {
	display: inline-block;
	width: 24px;
}

/* END OPPORTUNITY PAGE CLASSES */
/* --------- */


.clearanceTable {
	border: solid 1px #333;
	margin: 0 5px 5px 0;
}

.clearanceTable th {
	background-color: #81bf40;
	color: #fff;
}

.clearanceTable th, .clearanceTable td {
	padding: 2px 5px;
}

.eventRegistrationTitle {
  font-weight: bold;
}

.eventRegistrationMsg {
	font-style: italic;
	color: #777;
}

.eventButtonGroup {
	display: flex;
	justify-content: space-between;
	padding-right: 0;
}

.eventButtonRow {
	padding-right: 0;
}

.acctNumGroup {
	width: 100%;
	display: flex;
}

.acctNumGroup select {
	border-radius: 5px 0 0 5px;
	border: 1px solid #ccc;
	border-right: none;
	width: auto;
	margin-right: 0;
}

.statCards {
	margin-top: 5rem;
	display: flex;
	justify-content: space-between;
}

.statCard-desc {
	display: block;
	font-size: 18px;
}

.statCard-hr {
	border-color: #ccc;
}

#customerList {
	margin-top: 5rem;
}

.text-decoration-none {
	text-decoration: none!important;
}

.expoLogo {
	width: 75%;
	margin: auto;
}

.acctTypeSel {
	padding-left: 0;
}

.errorStyle {
	background-color: #ff9f9f;
	color: white;
}

#site-choser {
	border: none;
	height: 100%;
	margin-right: 0;
	background-color: var(--footer-background-color);
	padding: 4px;
	padding-bottom: 5px;
}

#site-choser:focus {
	outline: none;
}

.googleSearchDiv,
.topSearchDiv {
	width: 100%;
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
}

.gsc-search-button-v2 {
	background-color: transparent!important;
	border-color: transparent!important;
	padding-left: 0!important;
	padding-right: 0!important;
	margin-left: 0!important;
}

.gsc-search-button-v2 svg {
	fill: grey!important;
	width: 18px!important;
	height: 18px!important;
}

#topSearch #search, 
#topSearch #search:focus,
.googleSearchDiv input[name="q"],
.googleSearchDiv input[name="q"]:focus {
	border: 1px solid #dfe1e5;
	height: 33px;
}

#topSearch input#search::placeholder,
.googleSearchDiv input[name="q"]::placeholder {
	font-size: 14px;
}

form.gsc-search-box, table.gsc-search-box {
	margin-bottom: 0!important;
}

#navbarMain {
	list-style: none;
	display: flex;
	padding-left: 0;
	flex-wrap: wrap;
}

.megaMenu {
	list-style: none;
	cursor: auto;
}

.megaMenuOption span {
	cursor: pointer;
	width: min-content;
}

.megaMenuOption {
	margin: 0 10px;
}

#navbarMain > li {
	margin: 5px 30px 5px 0;
}

#navbarMain .megaMenuLeftCol,
#navbarMain .megaMenuRightCol {
	display: flex;
	cursor: initial;
}

#navbarMain .megaMenuLeftCol {
	flex: 3;
}

#navbarMain .megaMenuRightCol {
	border-left: 2px solid var(--footer-background-color);
	padding-left: 50px;
	flex: 11;
	flex-wrap: wrap;
}

#navbarMain .megaMenuLeftCol > div,
#navbarMain .megaMenuRightCol > div {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

#navbarMain .megaMenuLeftCol {
	margin-right: 50px;
	padding-right: 50px;
}

#navbarMain .optionCol {
	margin-right: 35px;
}

#navbarMain .optionOptions {
	max-height: 92%;
}

@media (max-width: 767px) {
	#navbarMain > li {
		width: 100%;
	}

	#navbarMain .megaMenuRightCol {
		border-left: none;
		padding-left: 10px;
	}

	#navbarMain .megaMenuLeftCol,
	#navbarMain .megaMenuRightCol {
		flex-direction: column;
	}

	.megaMenu {
		flex-direction: column;
		height: auto;
	}

	.megaMenuNav {
		padding-left: 10px;
	}

	.megaMenuRightCol .optionCol {
		margin-right: 0;
		margin-bottom: 20px;
	}

	#navbarMain .megaMenuLeftCol,
	#navbarMain .megaMenuRightCol {
		margin: 10px 0;
	}
}

@media (min-width: 768px) {
	.navbar-topsub > ul.nav > li ul {
		left: 0;
	}

	.navbar-topsub > ul.nav > li.dropdown-megamenu ul {
		width: auto;
		box-shadow: 0px 1px 1px rgb(0 0 0 / 25%);
		padding: 15px;
	}

	#navbarMain li:hover > ul {
		/* max-height: 60vh; */
	}

	#navbarMain li:hover > ul {
		display: flex!important;
		position: absolute;
		z-index: 999;
		background: white;
		width: 100%;
		left: 0;
		box-shadow: 0px 1px 1px rgb(0 0 0 / 25%);
		padding: 15px 75px;
		border: 1px solid var(--footer-background-color);
		border-radius: 5px;
	}

	.megaMenuNav {
		min-height: 375px!important;
	}
}

select#stState {
	height: 24px;
}

.changeOrderFilterDiv {
	display: inline-block;
	float: right;
}

.searchCustomerBtn {
	padding: 1px;
	border: none;
	background: transparent;
}

.cartAction.continueShopping {
	margin-left: 8px;
}

div#scrollToTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
}