h2{
	margin-bottom:20px;
}
#page-content h3{
		padding: 10px 1px;
	}
	.overlay-loading{
		width:100%;
		height:100%;
		top:0;
		bottom:0;
		left:0;
		right;0;
		position:absolute;
		background: rgba(255,255,255,1);
		z-index: 1000;
	}	
#toolbar{
		border-bottom:1px solid #F6F6F6;
		padding:12px;
	padding-left:50px;
		position:fixed;
		top:0;
	    left:0;
	width:100%;
	background:#F6F6F6;
	z-index:1050;

	}
#toolbar.active {
        left: 240px;
    }

@media (min-width: 48em) {
	#toolbar{
		width:calc(100% - 240px);
		padding:12px;
		left: 240px;
		
	}
	
	
}


@media (max-width: 800px) {
	#mobile-header{
		background:#000;
		height:50px;
		position:fixed;
		top:0;
		width:100%;
		z-index:150;
		
	}
	#toolbar { 
	top:50px;
	}
	#toolbar.active {
        left: 240px;
		
    }
	
	#page-content {
    margin-top: 5px;
}
	.date-box{
		width: 120px;
	}
	.tool-user-icons > li {
    min-width: inherit!important;
    
    padding: 2px 2px!important;
    
}
	.tool-user-icons li ul.member {
    left: -47px!important;
}
	.tool-user-icons{
		position: absolute;
    top: -54px;
    right: 7px;
    white-space: nowrap;
    height: 45px;
	}
	.toolbar-right{
	
    top: 5px!important;
}
	.dropdown-menu{
		margin-left:20px!important;
	}
	
	
}

	#organisation_name{
		font-weight:600;
		list-style:none;
	}
	#organisation_name:before{
		content:"\e021";
		font-family: 'Glyphicons Halflings';
		padding-right:10px;
		display:inline-block;
		vertical-align: top;
	}
#organisation_name li{
	display:inline-block;
	margin-right:20px;
}
#organisation_name li:after{
	content: "\e080";
    position: absolute;
    margin-left: 6px;
    font-weight: 100;
    font-size: 60%;
    margin-top: 5px;
		font-family: 'Glyphicons Halflings';
}
#organisation_name li:last-child:after{
	content:"";
}

.toolbar-right{
	position:absolute;
		right: 1%;
    top: 0px;
}
	#dates{
		display:inline-block;
		vertical-align:middle;
		position: relative;
	}
.tool-user-icons{
		display:inline-block;
		vertical-align:middle;
	margin:0;
	padding:0;
	text-align:center;
	font-size:70%;
	}
.tool-user-icons .member-name {
	line-height:normal;
}

/*Member Stuff*/

.tool-user-icons > li{
	min-width:80px;
	min-height:50px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	padding: 0 10px;
	padding-top: 2px;
	
}
.tool-user-icons >li:hover{
	color: #2f90b2;
}

.tool-user-icons li ul.member{
	display:none;
	background: #FFF;
	box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
	position:absolute;
	left: -9px;
    
}

.tool-user-icons li:hover ul{
	display:block;
}

.tool-user-icons li ul.member li{
	padding: 10px 20px;
	cursor:pointer;
	color: #444;
	white-space: nowrap;
	text-align:left;
}
.tool-user-icons li ul.member li:hover{

	color: #2f90b2;
	background:#F6F6F6;
}

.tool-member-icon{
	    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    border-radius: 23px;
    border: 2px solid #AAA;
    margin: auto;
	
}
.tool-member-name{
	
}

.tool-control-panel-icon{
	height:30px;
}

.tool-control-panel-icon:before{
	font-family:"Glyphicons Halflings";
	content:'\e019';
	font-size:200%;
		
}


	

	.date-box{
		padding:5px;
		border-radius:5px;
		
		border:1px solid #CCC;
		
		display:inline-block;
		vertical-align:middle;
	}
	.date-to{
		display:inline-block;
		vertical-align:middle;
	}
	
	#page-content{
		padding:0% 2%;
	}
	
.category{
	
}
	
	.category > span{
		background: #F6F6F6;
    padding: 10px;
    margin: 10px 0;
    display: block;
    border-radius: 5px;
		font-weight: 600;
		cursor: pointer;
		position:relative;
	}
	.category > ul{
		display:none;
		    margin-bottom: 18px;
	}
	.category > ul > li{
		border-bottom: 1px solid #F6F6F6;
	}
	.category  > ul > li > span{
		display: inline-block;
    padding: 4px;
    vertical-align: bottom;
		position: relative;
		line-height: 25px;
	}
	
	.category > ul > li > span > input{
		width: 100px;
		text-align: right;
	}
.variable{
	clear:both;
	overflow: hidden;
}
.symbol{
		position: absolute;
    top: 7px;
    font-size: 150%;
    left: 10px;
	}
.money-container input{
		padding-left:25px!important;
	}
.money-container{
	position:relative;
	display:inline-block;
	width: 140px;
}
.quantity-legend{
	position: absolute;
    right: 4.3em;
    font-size: 60%;
    bottom: -0.7em;
}


.utilities{
		display:inline-block;
		padding-right:2em;
		line-height: 11px;
	}
	.utilities li{
		display:inline-block;
		padding:0.5em 0.8em;
		color:#AAA;
		cursor:pointer;
		
	}
	.utilities li:hover{
		color:#444;
	}

.description{
	position: absolute;
    background: #2f90b2;
    color: #FFF;
    padding: 10px;
    font-size: 80%;
    text-align: center;
    top: 5px;
    margin-left: 25px;
    border-radius: 6px;
    /* border: 1px solid #EEE; */
    z-index: 1050;
	display:none;
}
	
	.toggle{
		position:absolute;
		right: 10px;
	}
	.toggle:before{
		font-family: 'Glyphicons Halflings';
		content:"\e113";
	}
	.drop_down:before{
		content:"\e114";
		font-family: 'Glyphicons Halflings';
		
	}
	
	.form-button-wrapper-right{
		position:absolute;
		right:0px;
	}
	.button-top{
		top:-59px;
	}
	
	.prefix{
		    font-size: 150%;
    padding-right: 10px;
    vertical-align: bottom;
	}
	
	.dateBox{
    position: absolute;
    right: 0px;
    top: 0;
    background: #F6F6F6;
    width: 35px;
    padding:  4px 0 4.5px;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #CCC;
}
	.dateBox:before{
		content:"\e109";
		font-family: 'Glyphicons Halflings';
	}

.total-box{
		    position: relative;
    text-align: right;
    right: 2px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 150%;
	}
	.category{
		margin-bottom:10px;
	}
	.category-total-box{
	position: absolute;
    font-weight: 600;
    font-size: 120%;
    right: 37px;
    top: 8px;
	}

/*Progress bar for image upload */
.progressbo {
border: 1px solid #0099CC;
padding: 1px; 
position:relative;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
.progressbar_imag {
height:20px;
border-radius: 3px;
background-color: #2f90b2;
width:1%;
}
.statustx {
top:0px;
left:45%;
position:absolute;
display:inline-block;
color: #000000;
}

.generated_value{
	font-size: 70%;
    background: #F6F6F6;
    color: #555;
    border-radius: 10px;
    width: 170px;
	text-align:center;
	cursor:pointer;
}
.generated_value.new{
	background:orange;
	color: #FFF;
}