div.hsmain{
/* 	background-color: blue; */
/* 	height: 100%; */
	margin-top: -10px;
}

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%;
}

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

/* table.items{ */
tr.even{
	background-color: rgba(204,204,204,0.5) !important;
}

tr.odd{
	background-color: rgba(255,255,255,1) !important;
}

h1,h2,h3{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

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

h2{
	font-size: 25px !important;
	font-weight: 200 !important;
}

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

div.hsbreadcrumbbar{
	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.hsmenu{
	position: fixed;
	right: 20px;
	float: right;
	bottom: 5px;
	z-index: 101;
}

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




/* required for the floating status bar */
div.spacer{
	height: 50px;
}

div.grid-view{
	padding-top: 0px !important;
}

div.loginbox{
	position: fixed;
	width: 300px;
	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;
}

/*
th.highlight{
	color: blue;
}
*/

th.success, td.success{
	color: green;
}

th.error, td.error{
	color: red;
}

fieldset{
	border: 1px dashed #aaa !important;
	background-color: rgba(128,128,128,0.10);
	padding: 5px !important;
	padding-top: 20px !important;
}

label.checkbox{
	padding-top: 5px;
	font-weight: normal !important;
}

input.HouManUpload{
/* 	background-color: red; */
	padding-top: 6px;
}

label.control-label{
/* 	font-weight: bold !important; */
}

div.badgelist{
	margin-bottom: 15px;
}

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

span.houman_spacer{
  display: inline-block;
	width: 20px;
}

.houman_number{
	text-align: right;
}

legend{
	position:relative !important;
	top: 20px !important;
	padding-left: 10px !important;
	margin-bottom: 10px !important;
	border: 0 !important;
	border-top:	1px dashed #aaa !important;
}

table.houman_agreement > thead > tr > th{
	background-color: transparent;
}

table.houman_small{
	width: auto;
}

table.houman_small > thead > tr > th{
	background-color: transparent;
}

td.houman_amount, th.houman_amount{
	text-align: right;
}

i.fa{
	padding-left: 5px;
}

div.agreement_display{
	width: 1000px;
	background-color: white;
	padding: 20px;
}

tr.nopadding > td{
	padding: 0;
	border: 0;
	max-height: 100%;
}

tr.nopadding > td > div > table{
	margin-bottom: 0;
	border: 0;
}

div.addlink{
	padding-top: 8px; padding-bottom: 8px;
}

tr.deleted > td{
	background-color: #f9a5a5 !important;
}

div.date.red{
	background-color: red;
}

div.date.yellow{
	background-color: yellow;
}

div #texttopublish{
	background-color: rgba(255,255,255,0.5);
}

div.bootstrap-widget-content{
	padding-top: 20px !important;
/* 	min-height: 75px !important; */
}

a.disabled, a.disabled:visited{
	pointer-events: none;
/*   cursor: default; */
/*   background-color: #b0b0b0; */
}

div.tabContainer{
	min-height: 250px;
}

div.agreement_overview{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -20px;
}

div.payment_overview{
	padding-left: 20px;
	padding-right: 20px;
}

div.agreement_occupants{
	height: 110px;
}

div.agreement_from{
	width: 50%;
	height: 100px;
	float: left;
}

div.agreement_to{
	width: 50%;
	height: 100px;
	float: right;
}

#agreement_overview_disable{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
	background-color: rgba(128,128,128,0.6);
	display:none;
}

#agreement_overview_disable > div.disable_text{
	color: #fff;
	font-size: xx-large;
  display: table;
  margin: 0 auto;
  margin-top: 350px;
}

#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;
}

.attachment_carousel_housingasset{
	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.carousel-inner, div.carousel-inner > div.item
{
/*
  position: relative;
	height: 500px;
*/
}

div.carousel-inner > div.item > a
{
/*   position: relative; */
/* 	background-color: red; */
  display:block;
/*   float: none; */
/*   margin:auto; */
	height: 500px;
	max-width:100%;
	max-height:100%;
	vertical-align: center;
}

div.carousel-inner > div.item > a > img
{
	position: relative;
  display:block;
  margin:auto;
  vertical-align:center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

span.total{
	font-weight: bold;
}

div.dashboard{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: -20px;
	padding-bottom: 20px;
}

#hdb{
	position: relative;
	width: 100%;
}

div.hdbw{
	position: absolute !important;
	width: 500px;
}

div.hdbw[data-ss-colspan="2"]{
	width: 1020px;
}

div.hdbwgraph{
	height: 500px;
}

div.log{
    width: 80%;
    height: 80%;
    display: block;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
    background-color: #ccc;
}

.btn-right{
	float: right;
	margin-left: 5px;
}