/**
 * 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;
}

/****************************************************************
 * 	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;
}


.hidden {display: none; visibility: hidden;}
#srvletarea form table tr .screen_only p {
	font-family: Arial, Helvetica, sans-serif;
}
#srvletarea form table tr .screen_only p {
	font-weight: normal;
}
#srvletarea form table tr .screen_only p {
	font-size: 10px;
}
#srvletarea form table tr .screen_only p {
	font-size: 12px;
}
#srvletarea form table tr td table tr .white b {
	font-size: 12px;
}

.cufon {
  margin: 0;
}
html, body {
  margin: 0;
  padding: 0;
}

.ppro-content {
	max-width: 1300px;
	margin: auto;
}
.ppro-header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: end;
	align-items: center;
}

header {
	max-width: 100vw;
}

#srvletarea {
	max-width: 100vw;
}

.login-flavor{
	width: 60%;
}

html {
	overflow: scroll;
}












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

/* CUSTOM JWB */
#userinfo, #session_timeout_div {
	font-size: 18px;
	color: white;
	position: relative;
	top: 23px;
	height: 0px;
	font-family: Raleway, sans-serif;
} 

/* CUSTOMIZED JWB */
#session_timeout_div {
    float: right;
    white-space: nowrap;
	padding-right: 20px;
}

/* CUSTOM JWB */
#session_timeout_div a, #session_timeout_div a:hover {
	text-decoration: none;
	color: white;
	font-size: 12pt;
}

/* CUSTOM JWB */
#session_timeout_div a:hover {
	text-decoration: underline;
} 

/* CUSTOM JWB */
#userinfo{
	text-align: left;
	z-index: 1;
	 margin-left: 130px;
	 display: block;
}

/* CUSTOM SEN */
.submitCrossSell {
	background-image: url('../images/marketing1.png');
}
.submitCrossSell_T {
	background-image: url('../images/marketing2.png');
}
.submitCrossSell_E {
	background-image: url('../images/marketing3.png');
}
div.submitCrossSell {
    border: 2px solid #777779;
    padding: 15px;
    display: inline;
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
    width: 300px;
    background-position: center; /* SEN */
}
div.submitCrossSell a {
    font-size: 22px;
    color: white;
    opacity: 0.75;
    padding: 6px;
    background-color: black;
}

#srvletarea:not(.srvletpopup) {
	padding: 25px 15px 55px; /* JWB */
}

#srvletarea #minamounts h3 {
	margin-bottom: 0px; /* SEN */
}

.customertab {
	border: 13px solid #aabcd4; /* SEN */
}

.customer_tab_content {
	min-width: 375px; /* JWB */
}

a {
	color: initial;
}
.hotimg {
	border: 2px solid green; /* SEN */
}

 .login-link {
	padding: 10px 0;
 }


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

#srvletarea {
    padding-top: 20px;
}

#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: 11pt;
}

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

/****************************************************************
 * 	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;
}

/* linkcell hover effect */
.linkcell-link {
	transition: transform .15s ease;
}
.linkcell-grid .linkcell-link:hover {
	transform: rotateZ(2deg) scale(1.05);
}


/* Header */
.intro-transparent {
	background-image: url("../images/vegetables_header.png");
	background-size: cover;
}
.intro h1 {
	font-weight: 400;
	filter: drop-shadow(0 0 5px black);
}
/**/

.menu-main-navigation-container {
    display: flex;
}

#selfServeMenu {
	z-index: 2;
}

#userinfo {
	display: flex;
}

#session_timeout_div {
	top: 0px;
}

#subcustomerInfo {
	color: white;
}

@media (max-width: 767px) {

	header.navbar .navbar-collapse {
	    padding-top: 1.4rem;
	    border: none;
	    margin-top: 30px;
	    margin-left: 20px;
	}

	#menu-main-navigation {
	    display: flex;
	}

	#menu-main-navigation a {
	    font-size: 10pt;
	}

	.menu-main-navigation-container a, .menu-main-navigation-container div {
		font-size: 9pt;
	}

	#selfServeMenu {
		margin-right: 10px;
	}

	#selfServeMenu-toggle {
		font-size: 10px;
		margin: 15px 0pxs;
	}

	#selfServeMenu-button {
		margin-right: 0;
		margin-left: auto;
	}

	.dropdownWrapper, #orders-toggle, #reporting-toggle, #account-toggle, #orders-dropacross, #reporting-dropacross, #account-dropacross {
		width: 215px;
	}

	#orders-dropacross, #reporting-dropacross, #account-dropacross {
		width: 213px;
		border-left: none;
		border-right: none;
	}

	#selfServeMenu-dropdown {
		width: 215px;
		right: unset;
		top: -400px;
	}

	#orders-toggle .label:after, #reporting-toggle .label:after, #account-toggle .label:after {
	    left: 190px;
	    bottom: 11px;
	}
}

@media (max-width: 420px) {
	.menu-main-navigation-container {
	    display: flex;
	    flex-direction: column-reverse;
	}

	#menu-main-navigation li {
	    margin: auto;
	}

	header.navbar .navbar-collapse {
	    margin: 0px;
	}

	#menu-main-navigation a {
	    font-size: 8pt;
    	padding: 0 5px;
	}
}

input[type=checkbox], input[type=radio] {
  margin-right: 15px
}

html, body {
    margin: 0;
    height: 100%;
}

#EMAIL {
	width: fit-content !important;
}

#BGDT, #ENDT {
	width: 90%;
}

* {
  margin: 0;
  padding: 0;
}