#content_background{
  width:100%;
  height:100%;
	top: 0;
	bottom: 0;
/*   position: absolute; */
  background-size:cover;
	z-index: -2;
/* 	Adjust for margins of the #container_box */
/*   background-position: -20px -10px; */
/* top:10px; */

  -webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -ms-filter: blur(4px);
  -o-filter: blur(4px);
  filter: blur(4px);
}

#content{
/* 	z-index: 10 !important; */
	position: relative;
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 25px;
/* padding-top: 40px; */
/* padding-bottom: 25px; */
/* 	background-color: red; */
	background: rgba(255,255,255,0.75);
	border-radius: 5px;
}

/* Background */
body, #content_background{
/* violet 632b8e with sat 10% and brightness 92% */
/* 	background:#ebcba4 url("../images/bg_2_orange.png") repeat-y left top !important; */
/* 	background:#ebcba4 url("../images/bg1.jpg") no-repeat left top !important; */
	background-image: url("../images/bg1.jpg");
  background-repeat: repeat-y repeat-x;
/*   needs to be a pixel width to be the same size of both */
	background-size: auto auto;
/* background-attachment: fixed; */
}

h1{
	font-size: 30px !important;
	font-weight: 200 !important;
}

h2{
	font-size: 25px !important;
	font-weight: 200 !important;
/* 	margin-bottom: 20px !important; */
}

h3{
	font-size: 20px !important;
	font-weight: 200 !important;
}

h1,h2,h3{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
/* 	color: #fff !important; */
/* 	background-color: rgba(0,0,0,0.25); */
}


.items tr.aadhaar td {
	background-color: #cfc;
}
.items tbody > .aadhaar:hover > td{
	background-color: #9f9;
}
table.summary, table.summary tr td, table.summary tr th{
	border: 1px solid #ddd;
	padding: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

div.loginbox{
	position: fixed;
	width: 225px;
	height: 260px;
	left: 50%;
	margin-left: -150px;
	top:50%;
	margin-top: -200px;
	padding: 20px;
	padding-top: 0px;
/* 	background-color: black; */
	border: 1px dashed #aaa;
/* 	background-color: rgba(128,128,128,0.15); */
	background: rgba(255,255,255,0.75);
	text-align: center;
}

div.loginbox button{
	position: relative;
/* 	left: 50%; */
/* 	margin-left: -35px; */
	margin-top: 5px;
	margin-bottom: 10px;
}

table.items th{
	background-color: rgba(250,250,250,0.5);
	font-weight: normal;
}

div.avgsbreadcrumbbar{
	position: fixed;
	bottom: 0px;
	float: left;
	z-index: 100;
	width: 100%;
/* 	background-color: #e5e5e5; */
	height: 35px;
/* 	border-top: 1px solid #bbb; */
	box-shadow: 0px -5px 15px rgba(0,0,0,0.2);
/* 	background-color: rgba(255,255,255,0.5) !important; */
}

ul.breadcrumb{
	padding-left: 20px !important;
/* 	background-color: #e5e5e5; */
	background-color: rgba(229,229,229,0.9) !important;
}

div.avgsmenu{
	position: fixed;
	right: 20px;
	float: right;
	bottom: 5px;
	z-index: 101;
}

div.avgsmenuupper{
	position: absolute;
	top: 40px;
	right: 20px;
	float: right;
	z-index: 101;
}

#content{
/* 	z-index: 10 !important; */
	position: relative;
	margin-top:20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 25px;
/* padding-top: 40px; */
/* padding-bottom: 25px; */
/* 	background-color: red; */
	background: rgba(255,255,255,0.75);
	border-radius: 5px;
}

div.grid-view{
	padding-top: 0px;
/* 	margin-top: -20px; */
}

div.navbar{
/* 	margin-bottom: 30px; */
/* 	width: 100%; */
	box-shadow: 0px -5px 15px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.5) !important;
}

div.navbar-inner{
	height: 40px !important;
	padding-left: 16px !important;
	padding-right: 3px !important;
}

div.navbar-inner > div.container{
	width: 100%;
}

div #refillclient{
	position: absolute;
	top: 30px;
	right: 20px;
	width: 300px;
}

div #refillclientbottles{
	position: absolute;
	top: 30px;
	right: 350px;
	width: 700px;
}


div.alert{
	margin: 20px;
}

div.alert-success,div.alert-error,div.alert-info,div.alert-warning{
	top: 30px !important;
	left: 200px !important;
  width: 50% !important;
	z-index: 100 !important;
	position: absolute !important;
}


#clienttooltip{
	background-color: red !important;
	text-align: left !important;
}

div.suggestions > div{
	margin-right: 15px;
	padding-left: 10px;
  padding-right: 10px;
	border: 1px solid #ccc;
	float: left;
	width: 30%;
}

div.suggestions_consumers{
/* 	float: left; */

	background-color: #e5f6ff;
}

div.suggestions_primary{
/* 	float: left; */
	background-color: #fffae5;
}

div.suggestions_secondary{
/* 	float: left; */
	background-color: #eee5ff;
}

.attachment_carousel{
	width: 50%;
	height: 500px;
	position: absolute;
	right: 100px;
	top: 200px;
	margin: 0 auto;
	border: 1px solid #777;
	margin-bottom: 20px;
	background-color: rgba(128,128,128,0.5);
}


div.control-group{
	margin-bottom: 10px !important;
}

div #checkout{
	display: none;
/* 	min-height: 300px; */
}

div #checkin{
/* 	min-height: 300px; */
}

div #fs, #fs > iframe{
	width: 100%;
	height: 100%;
	min-height: 800px;
}

#asynctosuggest_local{
	width: 45%;
	float: left;
}

#asynctosuggest_arrow{
	width: 10%;
	float: left;
	text-align: center;
	margin-top: 390px;
}

#asynctosuggest_asyncto{
	width: 45%;
	float: left;
}

.arrow_box {
	position: relative;
	background: #6185af;
	border: 4px solid #e5aa31;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(97, 133, 175, 0);
	border-right-color: #6185af;
	border-width: 100px;
	margin-top: -100px;
}
.arrow_box:before {
	border-color: rgba(229, 170, 49, 0);
	border-right-color: #e5aa31;
	border-width: 106px;
	margin-top: -106px;
}

.asynctologo{
	padding-bottom: 9px;
}