@font-face {
	font-family: 'Tw Cen MT' !important;
	src: url('fonts/Tw Cen MT.eot?') format('eot'), 
	     url('fonts/Tw Cen MT.woff') format('woff'), 
	     url('fonts/Tw Cen MT.ttf')  format('truetype'),
	     url('fonts/Tw Cen MT.svg#Tw Cen MT') format('svg') !important;
}
body{
	margin:0px !important;
	/*background: #d3d3d3 !important;*/
	background: #fff !important;

	height: 100% !important;
	width: 100% !important;
	opacity: 0.97 !important;
	padding: 0px !important;
	font-family: Lato, sans-serif !important;
}
ul{
	list-style: none !important;
}
.margin0{
	margin: 0px !important;
}
.margin-top10{

	margin-top:10px;
}
.margin-bottom10{

	margin-bottom:10px;
}
.margin-bottom20{

	margin-bottom:20px;
}
.margin-topbottom20{

margin-bottom:10px;
	margin-top:20px;
}
.padding0{
	padding: 0px !important;
}
.paddingtbottom5{
	padding:0px 0px 5px 0px !important;
}
.header{background: none repeat scroll 0 0 #3f3f3f;
border: 2px dotted #000;
position: fixed;
width: 100%;
}
.header .menu{
	list-style: none !important;
	margin: 0px !important;
	float: left !important;
	width: 80% !important;
}
.header .menu > li{
	float: left !important;
	padding: 10px 12px !important;
	position: relative !important;
}
.header .menu > li:hover{
	background: #fff !important;
}
.header .menu > li:hover > a{
	color: #333 !important;

}
.header .menu li a{
	text-decoration: none !important;
	color: #f0f0f0 !important;
	transition:0.2s !important;
	opacity: 0.8 !important;
	text-transform: uppercase !important;
}
.header .menu li a:hover{
	opacity: 1 !important;
	text-decoration: underline !important;
	transition:0.2s !important;
}
.header .menu li ul{
	position: absolute !important;
	z-index: 99 !important;
	background: #3f3f3f !important;
	opacity: 0.95 !important;
	top: 40px !important;
	left: -5px !important;
	display: none !important;
	border-radius: 7px !important;
	border: 1px solid #000 !important;
	width: 120px !important;
	list-style: none !important;
}
.header .menu li ul li{
	float: left !important;
	width: 100% !important;
	margin: 5px 0px !important;

}
.header .menu li ul li a{
	color: #fff !important;
	font-size: 15px !important;
}
.header .login a{
	color: #fff !important;
	transition:0.5s !important;
	text-decoration: none !important;
}
.header .login a:hover{
	transition:0.5s !important;
	opacity: 1 !important;
	color: #37C8F9 !important;
	text-decoration: underline !important;
}
.header .login{
	color: #fff !important;
	opacity: 0.8 !important;
	float: right !important;
	padding-top: 10px !important;
	width: 10% !important;
}
.content{
	width: 95% !important;
	margin: 50px auto auto auto !important;
}
.content h2{
	float: left !important;
	width: 100% !important;
	text-align: center !important;
}
.left_panel{
	background: none repeat scroll 0 0 #f7f7f7;
border: 1px solid #000;
border-radius: 6px;
float: left;
/*margin-top: 10px;*/
padding: 20px 0;
width: 100%;
}
.left_panel ul{
	padding: 0px !important;
	float: left !important;
	margin: 0px !important;
	width: 100% !important;
	height: 250px !important;
}
.left_panel a{
	color: #1f1f1f;
	padding: 7px 0px 7px 16px !important;
	display: block !important;
	float: left !important;
	text-transform: capitalize !important;
	opacity: 0.8 !important;
	width: 100% !important;
	text-decoration: none !important;
}
.left_panel a:hover,.activeA{
	color: #fff !important;
	text-decoration: underline !important;
	background: #333 !important;
	opacity: 1 !important;
}
.main .content form{
	float: left !important;
	width: 35% !important;
	/*margin-top: 20px !important;*/
	/*margin-left: 50px !important;*/
}
.content .formClass{
	float: left !important;
	margin-bottom: 20px !important;
	width: 100% !important;
}
.content .formClass label{
	float: left !important;
	width: 40% !important;
}
.content .formClass > input[type="text"],.content .formClass > input[type="password"]{
	float: right !important;
	/*margin-left: 40px !important;*/
	padding: 5px 10px !important;
	border: none !important;
	width: 50% !important;
	border-radius:6px !important;


}
.content .formClass > input[type="button"],.content .formClass > input[type="submit"]{
	padding: 5px 10px !important;
	cursor: pointer !important;
	float: right !important;
}
 .content .formClass > select{
 	width: 56% !important;
 	float: right !important;
	padding: 5px 10px !important;
}
.loginDiv{
	float: left !important;
	width: 100% !important;
}
.loginHome h2{
	margin-bottom: 40px !important;
	margin-top: 30px !important;
}
.loginDiv .loginForm{
	float: left !important;
	width: 100% !important;
	margin-bottom: 10px !important;
}
.loginDiv .loginForm label{
	float: left !important;
	width: 20% !important;
	padding-top: 5px !important;
}
.inputType{
	float: right !important;
	width: 65% !important;

}

.loginSubmitInput{
	width: 100% !important;
}
input[type="text"],input[type="password"],input[type="number"],input[type="email"],select{
	transition:0.3s !important;
	font-weight: bold !important;
	font-family: Opensans !important;
	border: 1px solid #555253  !important;
	font-family:Lato, sans-serif;
}
/*input[type="text"]:focus,input[type="password"]:focus,select:focus{
	background: #e0e0e0 !important;
	border: 1px solid #434343  !important;
	transition:0.3s !important;
}*/
.loginSubmitInput #loginSubmit:hover{
	background: #fff !important;
	color: #494949 !important;
	transition:0.2s !important;
}
.loginSubmitInput #loginSubmit{
	transition:0.2s !important;
	margin-top: 5px !important;
	background: #37C8F9 !important;
	color: #000 !important;
	border: none !important;
	border: 1px solid #37C8F9 !important;
	cursor: pointer !important;
	font-size: 15px !important;
	padding: 5px 15px !important;
	border-radius: 4px !important;
}
.inputType > #password,.inputType > #username{
	width: 100% !important;
	border-radius: 6px !important;
	border: 1px solid #000 !important;
	font-weight: bold !important;
	padding: 5px 10px !important;
	 font-family:Lato, sans-serif;

}
.login{
	text-transform: capitalize !important;
}
.captcha{
	background: #37C8F9 !important;
	color: #000 !important;
	border-radius:4px !important;
	float: left !important;
	text-align: center !important;
    width: 25% !important;
    padding: 4px 0px !important;
    font-size: 16px;

}
.mainLogin{
	margin: auto !important;
	width: 25% !important;
}
.capchtaVal{
	float: left !important;
	width: 100% !important;
	padding: 5px 10px !important;
	border: none !important;
	border-radius: 6px !important;
}
.NewBranch ,.NewAccountHeadBox,.groupFormBox,.changePassword,.signUp{
    float: right !important;
    width: 80% !important;
}
.records th{
	color: #fff;
	background:#434343;
	border: 1px solid #000 !important;
}
.header_user{
	/*margin: 10px 0px 0px 200px !important;*/
	margin-top: 10px;
	float: left;
	font-size: 20px;
}
.auditorChange{
	display: none;
}
#branchCao{
	display: none;
}
.select_hover{
	cursor: pointer;
}
.login_h{
	text-align: center;
	font-size: 45px  ;
    font-weight:950;
   color:#000;
   text-shadow: 6px 6px 6px #2E2E2E;
    font-family: Lato, sans-serif;
    text-decoration:none;
}

@media only screen and (max-width: 768px){
	.mainLogin {
		width: 100% !important;
		float: left;
	}
}

.print_heading{
	font-size: 25px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding:2px !important;
}
.fo{
	background: red;
}