#infoform{
	padding-top: 10vh;
	max-width: 600px;
	margin: auto;
}
.bannerbg h1
{
	font-weight: 100;
	display: inline;
	margin-left: auto;
	margin-right: auto;
}
#accountpcontent
{
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2.5vh;
	color: #666666;
	font-size: 16px;
}
.benefitlist li i
{
	color: #cccccc;
}
.benefitlist li
{
	margin-bottom: 4px;
}
.benefitlist
{
	list-style-type:none
}
.banneruser
{
	position: absolute;
	left: 2.5vw;
	top: 50%;
	margin-top: -23px;
	height: 46px;
}
.accountpannels
{
	font-family: 'roboto', sans-serif;
	font-weight: 400;
	color: #666666;
}
.orderrecordsgrids
{
	display: grid;
	grid-template-columns: auto 300px;
	color: #cccccc;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.3), 0 1px 2px 0 rgba(0,0,0,.20), 0 2px 1px -1px rgba(0,0,0,.12);
	max-width: 700px;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
	overflow: hidden;
}
.orderslinks
{
	color: #999999;
	font-size: 18px;
	cursor: pointer;
	padding: 20px;
}
.smallbr
{
	display: none;
}
.orderlink:hover
{
	background-color: var(--brand-color-green);
	color: #ffffff;
	text-decoration: none;
}
.orderlink
{
	text-decoration: none;
	border-right: solid 1px #ccc;
}
.hidelink:hover
{
	background-color: #d74847;
	color: #ffffff;
	text-decoration: none;
}
.hidelink
{
	border: none;
}
.accountpannelsempty
{
	text-align: center;
	position: relative;
	width: 100%;
}
#favspanel
{
	padding-left: 0px;
	padding-right: 0px;
}
#favspannel
{
	margin-bottom: 5vh;
	border: none;
	overflow: auto;
	background-color: #D3BD9B;
	padding-bottom: 25px;
}
#infopannel
{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.accountbtn
{
	width: 100%;
	font-size: 18px;
	border: none;
	padding: 5px;
	background-color: var(--brand-color-green);
	color: #ffffff;
	transition: 0.3s;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.infofields input::placeholder, textarea::placeholder
{
	color: #cccccc;
	font-family: 'roboto', sans-serif;
	font-weight: 400;
}
.infofields input, .infofields textarea, .infofields select
{
	color: #666666;
}
.infofields input, .infofields textarea, .infofields select,.infofields button
{
	border: none;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	width: 100%;
	padding: 7px;
	margin-bottom: 15px;
	border-radius: 4px;
	font-family: 'roboto', sans-serif;
	font-weight: 400;
}
.accountbtn:hover
{
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.3);
}
#address
{
	width: calc(80% - 5px);
	display: inline-block;
}
#apartment
{
	width: calc(20% - 4px);
	margin-left: 5px;
	display: inline-block;
}
#signoutbtn:hover
{
	background-color: #d74847;
}
#signoutbtn
{
	background: transparent;
	color: #ffffff;
	position: absolute;
	top: 50%;
	margin-top: -23px;
	height: 46px;
	padding-left: 10px;
	padding-right: 10px;
	right: 2.5vw;
	border: solid 2px #d74847;
	z-index: 2;
}
#accountrow .col-md-4
{
	padding-left: 5px;
	padding-right: 5px;
}
#accountrow
{
	padding-left: 20px;
	padding-right: 20px;
}
.favtabs
{
	display: flex;
	min-height: 70vh;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 5vh 2.5vw 5vh 2.5vw;
}
#acntheaders
{
	min-width: 615px;
}
.closedtab
{
	display: none;
}
.opentab
{
	display: flex;
}
.no-blank-img
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
    height: 200px;
    background-color: #fff;
    border-radius: 4px;
    padding: 30px;
}
.request-txt
{
	text-align: center;
}
.accounttabheaders
{
	display: inline-block;
	text-align: center;
	color: #3d3d3d;
	font-weight: 500;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
    padding: 10px 12px 10px 12px;
	border-radius: 7px;
	box-shadow: 0px 3px 0px 0px rgb(202, 202, 202),
	0 4px 5px 0 rgba(0,0,0,0.73);
}
.accounttabheaders:hover
{
	color: #222222;
	cursor: pointer;
}
.acthactive
{
	box-shadow: none;
	position: relative;
	bottom: -3px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.73);
}
.inactive:hover
{
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
.inactive
{
	cursor: initial;
	background-color: #e5e5e5;
	color: #777777;
}
#confirmation
{
	background-color: #ffffff;
}
#confirmoptions
{
	display: inline-block;
	color: #666666;
	font-family: 'roboto', sans-serif;
	font-weight: 400;
	text-align: center;
	width: 100%;
}
#confirmoptions select
{
	padding: 10px;
	border: none;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
	width: 100%;
	cursor: pointer;
}
option
{
	margin-top: 7px;
	margin-bottom: 7px;
}
.shine
{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	border-radius: 4px;
}
.dropsh
{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	border-radius: 4px;
}
.shine:hover
{
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.3), 0 1px 2px 0 rgba(0,0,0,.20), 0 2px 1px -1px rgba(0,0,0,.12);
}
.rpanel
{
	height: 100%;
	
}
.fav-name
{
	color: #999999;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin-top: 10px;
}
.itemsgrid
{
	padding-bottom: 5vh;
	padding-top: 5vh;
	-webkit-box-shadow:  0px 12px 25px -10px #CCC;
	-moz-box-shadow:    0px 12px 25px -10px #CCC;
	box-shadow:    0px 12px 25px -10px #CCC;
}
.vieworderimg
{
	margin-top: 2.5vh;
	margin-bottom: 2.5vh;
	width: 300px;
}
.vieworderheader
{
	background-color: #FFFFFF;
	color: #666666;
	width: 100%;
	position: sticky;
	padding: 20px;
	top: 0px;
	left: 0px;
	margin: 0px;
	border-bottom: solid 1px #CCCCCC;
}
.inline{
	display: inline-block;
}
.twocollnk p, img
{
	display: inline-block;
}
.twocollnk img
{
	width: 100%;
	background-color: #ffffff;
	border: none;
	padding: 10px;
}
.twocollnk
{
	display: inline-block;
	width: 100%;
	max-width: 250px;
	text-align: center;
	margin: 0px;
	position: relative;
}
#ordercont
{
	width: 100%;
	background-color: #D3BD9B;
	color: #ffffff;
	text-shadow: 2px 2px 2px #907e61;
	font-weight: 700;
	padding: 15px;
	margin-top: 0px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.requestagain
{
	float: none;
	width: 75%;
}
.singlerequestpanel p
{
	padding: 7px;
	font-family: 'roboto', sans-serif;
	font-weight: 400;
}
.singlerequestpanel
{
	border-radius: 4px;
	color: #666666;
	padding: 15px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}
.norecord-p
{
	display:grid;
	grid-template-rows: auto auto;
	grid-row-gap: 2.5vh;
	color: #4a4a4a;
	max-width: 200px;
	text-align: center;
	margin: auto;
}
#empty-space
{
	display: none;
}
.mini-order-btn i
{
	font-size: 20px;
}
.mini-order-btn
{
	background-color: #ffffff;
	color: var(--brand-color-green);
	height: 100%;
	width: 100%;
	border: none;
}
.mini-order-btn:hover
{
	background-color: var(--brand-color-green);
	color: #ffffff;
	cursor: pointer;
}
.loadallorders
{
	margin-top: 5vh;
	float:none;
}
@media only screen and (max-width: 992px)
{
	.banneruser
	{
		display: none;
	}
	.favtabs
	{
		padding: 5vh 5vw 5vh 5vw;
	}
}
@media only screen and (max-width: 800px)
{
	.bannerbg
	{
		overflow-x: auto;
	}
	.noscrollers
	{
		overflow: visible;
	}
	#signoutbtn
	{
		position: relative;
		top: 0%;
		margin-top: 0px;
		margin-left: 2.5vw;
		min-width: 74px;
	}
	#acntheaders
	{
		margin-left: 5vw;
	}
	#empty-space
	{
		display: block;
		white-space: pre;
		width: 2.5vw;
		height: 30px;
	}
	.orderrecordsgrids
	{
		grid-template-columns: auto auto;
	}
}
@media only screen and (max-width: 750px)
{
	.bannerbg
	{
		justify-content: left;
	}
}
@media only screen and (max-width: 600px)
{
	.loadallorders
	{
		width: 100%;
	}
}
@media only screen and (max-width: 500px)
{
	.smallbr
	{
		display: block;
	}
	.hidelink
	{
		padding-top: 30px;
	}
}
@media only screen and (max-width: 430px)
{
	.benefitlist i
	{
		display: none;
	}
	.benefitlist
	{
		font-size: 14px;
		list-style-type: circle;
	}
	#accountpcontent
	{
		padding: 2.5vw;
	}
}
@media only screen and (max-width: 360px)
{
	.buyagain
	{
		width: 200px;
	}
	.vieworderimg
	{
		width: 200px;
	}
}