/*TSHOLOFELO	 ELECTRONIC	FILING	SOLUTION */


/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), 
  	rgba(0, 0, 0, 0.5)), url("images/profile.jpg");

  /* Set a specific height */
  height: 50%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

/*Header Style*/




.header{
	background-color:#333333 ;

	margin-top: 5px;

	height: 100px;

	margin-left: 5px;

	margin-right: 5px;

	position: fixed;

	width: 100%;

	
}

.header h5{

color:white;
margin-top: 0px;

margin-left: 5px;

margin-right: 5px;

font-size: 18px;

padding-top: 15px;

padding-left: 8px;
}

/*business logo*/

.bus_name h5{
	font-size: 16px;
	margin-left: 2%;
}


/*LOGO*/

.logo
h5{
	
color:#D3D3D3;
background-color: 
padding-left:3px;
padding-top: 2%;
font-weight: 450;
margin-bottom: 0%;
position: fixed;
}

/*LOGOUT BUTTON*/

.logout_btn button{

color:white;
font-size: 14px;
background-color : #333333   ;

border-radius: 10px;

float: right;

margin-right: 2%;



margin-top:2px;

width: 80px;

height: 5%;

position: fixed;


}

.logout_btn{
	float: right;

	padding-right: 100px;

	padding-top:20px;

}

/*UserName*/
.session{
margin-top: 0px;
position: fixed;
width: 100%;


} 

.session h5{
font-family: Tahoma, Geneva, sans-serif;
font-size: 16px;

margin-top: 1px;

margin-top: 1px;
padding-top: 1px;

color:white;
padding-left: 20px;

position: absolute;
}

.session a{


	color : white;


}


/*Main Menu Button*/


.main_btn button{

color: #D3D3D3 ;

height: 100px;

width: 160px;

border-radius: 10px;

background-color : black;

margin-right: 30px;

margin-bottom: 20px;


}




/*PAGE HEADING*/

.heading{
padding-top: 30px;



padding-bottom: 15px;

}


.heading h5{
font-size: 18px;

}


/*PROFILE*/


.profile_label{

margin-left: 10px;


}


.profile_label label{

margin-left: 10px;


}


.profile_label h5{

	
	

}

.profile_label label {

	margin-left: 10px;


}



/*PROFILE*/





.menu {

padding-right: 50%;
	position: fixed;


}

/*FOOTER*/

.footer {
	position: fixed;
	bottom: 0px;
	left: 0;
	width: 100%;
	background-color: #C0C0C0;
}

.footer h5 {
	font-size: 16px;
	padding-left: 20px;
	padding-top: 10px;
}