#mssg-brd{
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #3a60d5;
}
.mssg-brd {
	border: solid 1px red;
	padding: 3px 6px;
	border-radius: 30px;	
	background-color: red;
	color: white;
	font-size: 12px;
}	


#page-title1 {
text-align: center;
line-height: 44px;

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing: 2px;
font-weight: 700;
color: #8f0202;
}

#summary {
	text-align: center;
}
#summary div {
	display: inline-flex;
	padding-right: 25px;
}
#summary div div {
	padding: 3px 10px;
}
.summary_qty {
	border: solid 2px brown;
	border-radius: 5px;
}
.summary_label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 700;
}

#input-phone {
	text-align: center;
	position: relative
}
/* #search-phone { */
	/* width: 10%; */
	/* display: unset; */
/* } */

#contact-search {
	width:100%;
}

#input-phone{
	width:10%;
	margin:0 auto;
}

#input-phone span{
    position: absolute;
    right: 10px;
    top: 8px;
}

		
    /* #input-phone{ */
        /* display:inline-block; */
        /* position: relative */
    /* } */
    /* #input-phone:after { */
        /* font-family: 'FontAwesome'; */
        /* content: '\f274'; */
        /* position: absolute; */
        /* right: 6px; */
    /* }		 */
		
		
/*================================================== BODY ================================================*/ 
#main-body {
	padding:0 0 0 0; 
	margin: 0 0 0 0;
	background-color: #f5f7fa !important;
	/* background-color: #fffdca !important; */
}
/*================================================== HEAD ================================================*/ 
/* head { */
	/* margin:0; */
	/* padding:0; */
/* } */
/*================================================== BODY ================================================*/ 
#login-body {
	/* background-image: url('https://images.unsplash.com/photo-1518806118471-f28b20a1d79d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80'); */
	/* background-image: url(<?php echo base_url('/assets/images/white.jpg') ?>); */
    background-image: url(../../assets/images/white.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;	
	height:100vh;
	/* position:relative; */
	/* background-color: #fff; */
	/* background-image:; */
	opacity:0.7;
	
}



/*====================================== BANNER / HEADER ================================================*/ 

header {
    /* background: url(../images/header-bg.png) top center; */
	width:100%;
	height:72px;
	top: 0;
	position: fixed; 
	/* border-bottom: 2px solid #afaeae; */
	/* z-index:100; */
	
	/* background: linear-gradient(to bottom, #ed292a 50%, #f5eb16 50%);   /* red - yellow */
	/* background: linear-gradient(to bottom, #f5eb16 50%, #ed292a 50%);	/* yellow - red */
	/* background: linear-gradient(to bottom, #ed292a 45%, #f5eb16 60%);	/* red - yellow - gradient */
	/* background: linear-gradient(to bottom, #f5eb16 45%, #ed292a 60%);	/* yellow - red - gradient */
	background: linear-gradient(to bottom, #f7f7f7 100%, #ffffff 100%);
	/* background-color: white; */
	/* background-color: #ce2525; /* red */
	/* background-color: #f5f7fa; /* red */
}
#banner {
	width:100%;
	/* overflow:hidden; */
	height: 40px;
	
	/* #101010;  black */  
	/* #f5eb16;  yellow */ 
	/* #ed292a; red */ 
	/* background-color:#f5eb16; /* yellow */  
	/* background-color:#ed292a; /* red */ 

}
#banner-img{
	width:33%;
	min-width:200px;
	margin-left: 20px;	
	
	float:left;
	/* position:absolute; */
	text-align:left;	
}
#banner-img img {
	margin: 0 0 0 0;
	width:115px;
	height:65px;
	padding-top: 3px;
}
#banner-title {
	width:33%;
	min-width:33%;
	color: #444343;		/* THIS IS COLOR GRAY */
	/* color: #FFFFFF;		/* THIS IS COLOR WHITE */
	/* color: #f5eb16;		/* THIS IS COLOR YELLOW */
	/* color: #ed292a;		/* THIS IS COLOR RED */
	/* color: black;		/* THIS IS COLOR black */

	/* font-family:HelveticaNeue,Helvetica,Arial,sans-serif; */
	/* font-family: "Times New Roman", Times, serif; */
	font-family: Arial, Helvetica, sans-serif;
	font-stretch: expanded;
	font-size:18px;

	line-height: 40px;
	letter-spacing: 1px;
	text-align:center;
	font-weight:700;
	/* color:#8f0202; */

	/* -webkit-text-stroke: 0.0px #FFFFFF; */	
	/* text-shadow: 2px 0px 1px #900C3F , */
				  /* 0px 0px 2px #900C3F, */
				  /* 1px 0px 0 #900C3F, */
				  /* 0px 1px 0 #900C3F;	 */
	float:left;
}

.banner2  {
	/* width:30%; */
	/* min-width:30%; */

	/* float: right; */
	margin-left: 5px;	
	/* margin-left: 15px;	 */
	margin-right: 15px;	
	line-height:30px;
}
.banner2 a {
	color: #2b6ec1;
	/* color: #ffffff; */
	/* #626262 */
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;	
	text-decoration: none;
}
#banner2 {
	height: 30px;
	display: flex;
	/* float: right; */
	position: fixed;
	right: 0;
	margin-right:1px;
	/* min-width: 550px; */
}
#log-out  {
	/* width:30%; */
	/* min-width:30%; */

	/* float: right; */
	/* margin-right: 30px;	 */
	line-height:30px;
}
#log-out a {
	/* line-height: 40px; */
	/* float:left; */
	/* text-align:right; */
	text-decoration:none;
	
	/* color: #D40000;		/* THIS IS COLOR RED */ 
	/* color: #0002BE;	/* THIS IS COLOR Blue */ 
	/* color:#2b6ec1;	/* THIS IS COLOR Blue */  
	/* color: #ffffff; */
	font-weight:700;
	font-family: Arial, Helvetica, sans-serif;

	
	/* text-shadow: 2px 0px 1px #900C3F , */
				  /* 0px 0px 2px #900C3F, */
				  /* 1px 0px 0 #900C3F, */
				  /* 0px 1px 0 #900C3F;	 */
				  
	/* text-shadow: 2px 0px 1px #666566 , */
				  /* 0px 0px 2px #666566, */
				  /* 1px 0px 0 #666566, */
				  /* 0px 1px 0 #666566;	 */
	
				  
	
}

#log-out span, #welcome span {
	font-size: 1.5em;
}
#chg-pword span {
	font-size: 0.7em;
	vertical-align: text-bottom;
}

#banner2 label {
	font-size:10px;
}
#banner2 a:hover, #banner2 label:hover {
	cursor:pointer;
	color:silver;
	/* color:#8f0202;	 */
	text-decoration:none;
	/* font-size:13px; */
}

#date-time{
	position: fixed;
	left: 145px;
	/* width: 100%; */
	line-height: 30px;
	
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#date-time #date {
	display:inline-block;
	color: #2b6ec1;
}
#date-time #time {
	display:inline-block;
	color: #6a1616;
}

/*====================================== Menu Wrapper =================================================================*/ 

#menu-wrapper {
	width: 100%;
	/* height:45px; */
	min-width:900px;
	/* position:absolute; */
	position:fixed;
	
	/* #101010;  black */  
	/* #f5eb16;  yellow */ 
	/* #ed292a; red */ 
	/* background-color:#ed292a; /* yellow */ 
	
	/* float:left; */
	font-family: "Times New Roman", Times, serif;
	top:72px;
	// background-color: #f5eb16; /* yellow */
	background-color: #f5f7fa;
	
	border-bottom: #afaeae solid 2px;
	/* background: linear-gradient(to bottom, #f7f7f7 55%, #ffffff 100%); */
	/* background-color:white; */
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed292a+0,f5eb16+14,f5eb16+91,e5e5e5+100 */
	/* background: #ed292a; /* Old browsers */
	/* background: -moz-linear-gradient(top,  #ed292a 0%, #f5eb16 14%, #f5eb16 91%, #e5e5e5 100%); /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top,  #ed292a 0%,#f5eb16 14%,#f5eb16 91%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom,  #ed292a 0%,#f5eb16 14%,#f5eb16 91%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed292a', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5eb16+0,ed292a+6,ed292a+95,e5e5e5+100 */
	/* background: #f5eb16; /* Old browsers */ 
	/* background: -moz-linear-gradient(top,  #f5eb16 0%, #ed292a 6%, #ed292a 95%, #e5e5e5 100%); /* FF3.6-15 */ 
	/* background: -webkit-linear-gradient(top,  #f5eb16 0%,#ed292a 6%,#ed292a 95%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */ 
	/* background: linear-gradient(to bottom,  #f5eb16 0%,#ed292a 6%,#ed292a 95%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5eb16', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ 
}


/* =============== MESSAGE BOARD MENU Settings =================== */
#mssg-brd{
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #3a60d5;
	float:left;
	margin-left: 20px;
	display: inline-flex;
}
/* .mssg-brd { */
	/* border: solid 1px red; */
	/* padding: 3px 6px; */
	/* border-radius: 30px;	 */
	/* background-color: red; */
	/* color: white; */
	/* font-size: 12px; */
/* }	 */

#mssg-brd ul {
	margin:0;
	list-style: none;
    padding-left: 0;
}

#mssg-brd ul li {
	display:inline-block;
}

#mssg-brd ul li:hover, #mssg-brd ul li:hover a {
	/* change cursor display when mouse hovers over main menu */
	cursor: pointer;
	text-decoration:none;
	font-weight: 700;
	color:silver;	
	/* background-color:#606060; */

	/* color: #FFFFFF;		/* THIS IS COLOR WHITE */  */
	/* background-color:#761b1b; */
}

	
#mssg_ctr {
	border: solid 1px red;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 10px;
	background-color: red;
	color: white;
	position: relative;
	top: -5px;
	left: 5px;	
}


 /* =============== MAIN MENU Settings =================== */
#menu-nav {
	float:right;
	/* margin-right:10px; */
	/* position: fixed; */
	/* right: 0; */
	/* margin-right:1px; */
	/* min-width:870px; */
}
#menu-nav ul {
	margin:0;
	list-style: none;
    padding-left: 0;
}
#menu-nav ul li {
	display:inline-block;
}
#menu-nav > ul > li a {
	line-height: 30px;
	padding:0 15px;

	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#825e5e;
	/* color:#000000;		/* THIS IS COLOR BLACK */
	/* color: #FFFFFF;		/* THIS IS COLOR WHITE */
	font-size:13px;
	font-weight:700;
	text-decoration:none;

	/* -webkit-text-stroke: 1px silver; */
	/* text-shadow: 2px 0px 1px #900C3F , */
				  /* 0px 0px 2px #900C3F, */
				  /* 1px 0px 0 #900C3F, */
				  /* 0px 1px 0 #900C3F;	 */
	
	font-stretch: expanded;	
}

#menu-nav ul li:hover, #menu-nav ul li:hover a {
	/* change cursor display when mouse hovers over main menu */
	cursor: pointer;
	text-decoration:none;
	/* color:silver;	 */
	/* background-color:#606060; */

	color: #FFFFFF;		/* THIS IS COLOR WHITE */ 
	background-color:#761b1b;
}
#menu-nav ul li:hover > #menu2 {
	/* show sub menu when mouse hovers over main menu */
	display: block;    
	/* display: grid;   */
}


 /* ============ SUB MENU settings =================== */
#menu-nav #menu2 {
	display: none;
	position: absolute;

	/* padding-top:5px !important; */
	/* padding-bottom:25px !important; */
	
	/* max-width:145px; */
	/* min-width:133px;	 */
	/* padding:0; */

	/* background-color:#606060; */
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#menu2 li { 
	width:100%;
	white-space:nowrap;
}
.right-edge-menu {
	/* left:auto; */
    right:0;
    max-width: min-content;
	align:right;
}
#menu2 li a {
	line-height: 25px;
	padding:0 15px;

	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	/* color: black; */
	/* color:#ed292a;		/* THIS IS COLOR RED */
	/* color:#0002BE;		/* THIS IS COLOR RED */
	color: #FFFFFF;		/* THIS IS COLOR WHITE */
	font-size:12px;
	font-weight:700;
	text-decoration:none;

	text-shadow: 2px 0px 1px #3F3F2A ,
			  0px 0px 2px #3F3F2A,
			  1px 0px 0 #3F3F2A,
			  0px 1px 0 #3F3F2A;	
			  
	/*  this makes the entire li clickable instead of a tag only */
	display: inline-block;
	width: 100%;

}	

#menu-nav li form, #menu2 li form { margin:0; }
	
#menu-nav ul ul li:hover, #menu-nav ul ul li:hover a {
	/* change cursor display when mouse hovers over sub menu */
	cursor: pointer;
	text-decoration:none;
	/* color:silver;	 */
	/* background-color:#606060; */

	color: #FFFFFF;		/* THIS IS COLOR WHITE */ 
	background-color:#530808;
}




 /* ============ SUB MENU 2 settings =================== */
	
#sub-menu2, #sub-menu3 {
	display: none;
	/* position: absolute; */

	right: 100%;
	padding-top:5px !important;
	padding-bottom:10px !important;
	
	padding:0;

	background-color:#606060;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	/* opacity:0.8; */
	/* white-space:pre-line; */
}	

#sub-menu2 > li > a, #sub-menu3 > li > a {
	padding-left: 45px;
}
#sub-menu > li > a:hover, #sub-menu2 > li:hover, #sub-menu3 > li:hover {
	background-color:#3F3F3A;
}

.indent {
	padding-left:40px !important;
}
.no_hover {
	cursor:default !important;
	background-color: unset !important;
	/* pointer-events: none; */
}
		
		
/*====================================== Main Content Container =================================================================*/ 
#login-content-container {
	/* position:relative; */
	max-width: 100%;
	/* height: 100%; */
	margin-top:0;

	/* This will push footer at the bottom of the page regardless of the size of contents */
    min-height: calc(100vh - 101px);		
    min-height: -moz-calc(100vh - 101px);
    min-height: -webkit-calc(100vh - 101px);	
}

#main-content-container {
	position:absolute;
	width: 100%;
	height: 85%;
	margin-top:115px;

	/* This will push footer at the bottom of the page regardless of the size of contents */
    /* min-height: calc(100vh - 101px);		 */
    /* min-height: -moz-calc(100vh - 101px); */
    /* min-height: -webkit-calc(100vh - 101px); */
	
    /* min-height: calc(100vh - 32px);		 */
    /* min-height: -moz-calc(100vh - 32px); */
    /* min-height: -webkit-calc(100vh - 32px); */
	
	/* overflow: hidden; */
	/* display:grid; */
	z-index:-1;
	
}

#background-img {
	position:fixed;
	/* width:100%; */
	/* height:100%; */
	margin:0;
	padding:0;
	/* top:0; */
	/* left:0; */

	
	/*background: url(../images/gray-wall-textures-background.jpg);*/
	/* background: url(../images/white-paper.jpg); */
	/* background: url(../images/spaghetti.jpg); */
	/* background: url(../images/noodles.jpg); */
	background-size: cover;
	background-repeat: no-repeat;
	opacity:0.5;
	z-index: -1;
}
#background-img-login {
	position:fixed;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	/* top:0; */
	/* left:0; */

	
	background: url(../images/noodles.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	opacity:0.4;
	z-index: -1;	
}


/*====================================== Content / Content Container =================================================================*/ 

#login-content {
	position:absolute;
	width: 100%;
	height:100%;
	
	margin: 0 auto;
	/* background-color: #fffca2; */
	/* background-color: #fffdca; */

	/* margin-top:70px; */
	/* margin-top:105px; */
	/* margin-bottom: 30px; */
	/* overflow:auto; */
	/* margin-bottom:20px; */
	/* margin-left: 10px; */
	/* margin-right: 10px; */
}

#content {
	position:absolute;
	width: 100%;
	height:100%;
	
	margin: 0 auto;
	/* background-color: #fffca2; */
	/* background-color: #fffdca; */

	/* margin-top:70px; */
	/* margin-top:105px; */
	/* margin-bottom: 30px; */
	/* overflow:auto; */
	/* margin-bottom:20px; */
	/* margin-left: 10px; */
	/* margin-right: 10px; */
}



/* == Start - Original Style == */
#content-container, #content-container-2 {
	margin:0 auto;
	/* margin-top:10px; */
	margin-bottom: 1px;

	text-align:center;
	

	/* display: inline-block; */ 
	height: 100%;
	/* width: 98%; */
	/* max-width:1120px; */ 
	/* min-width: 410px; */
	
	/* background-color: #fffca2; */
	/* background-color: #fffdca; */
	/* this is for borders */
	/* box-shadow: 0px 1px 5px -2px  #1b1b1b; */
	/* -webkit-box-shadow: 0px 1px 5px -2px  #1b1b1b; */
	/* -moz-box-shadow: 0px 1px 5px -2px  #1b1b1b; */
	
	padding-bottom: 15px;

}

#content-container-2 {
	margin-top:5px;
}

/* #content-container > div { */
	/* border-bottom: 1px solid silver; */
/* } */
/* #content-container-2 > div { */
	/* border-bottom: 1px solid silver; */
/* } */
/* == End - Original Style == */	

#main-search-div {
	margin-top:10px;
}

#main-search-div > div {
	width:50%;
	margin-right: 10px;	
}
/* #main-search { */
	/* width:50%; */
	/* margin-top:10px; */
/* } */

/* ================ Content ============================= */

.page-title {
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black;
	font-size:16px;
	font-weight:700;
	text-decoration:none;
	text-align:left;
	
	/* margin-left:30px; */
	/* margin-right:30px; */
	
	margin:0 auto;
	margin-top:15px;
	margin-bottom:15px;
	padding:2px 5px 2px 10px;

	width:95%;
	background-color: #e6e6e6;
	border: white solid 2px;
}

.module-title {
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: black;
	font-size:14px;
	font-weight:700;
	text-decoration:none;
	text-align:left;
	
	margin-left:30px;
	margin-right:30px;
	padding:5px;
	background-color: #f2f2f2;
	
}









/*============================================== FOOTER =========================================================================*/
.footer {
	position:fixed;
	width:100%;
	height:30px;	/* Height of the footer */ 
	bottom:0;
	background-color: #e6e6e6; 	
	
	/* margin-top:20px; */
	/* margin-bottom:0px; */
	/* float:left; */
	/* text-indent:120px; */
	/* z-index:100; */

}



.footer #f1 {
	padding-top:5px;
	padding-bottom:5px;
	line-height:20.8px;
}

#footer div {
	font-family: "Times New Roman", Times, serif;
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-size:14px; 
	font-weight:bold;
	text-align: center;
	line-height: 38px;

}

#footer div a {
	text-decoration: none;
}



#product_variant , #label_variant{
    display: none;
}






/* ======================== MEDIA SCREENS ============================*/

/* Use a media query to add a break point at 800px: */
@media screen and (max-width:625px) {
	#location-section {
		width:100%; 
	}
	
}