/* Custom SignUp css start */

#LoginMainContainer{
	box-sizing: content-box;
	background-color: #ffffff;
    box-shadow: 1em 0 1em -1em #ccc, -1em 0 1em -1em #ccc;
    padding-left: 20px;
    padding-right: 20px;
    margin:auto;
    max-width:1000px;
}

#LoginMainContainer #loginTab input ,#accTab input{
	line-height: normal;
	font: 13.33px Arial;
}
.pad_10{
	padding: 10px;
}

#loginTab div[class=round_content]>p{
	margin: 16px 0px;
}

#accTab div[class=round_content]>p{
	margin: 16px 0px;
}

/* Custom SignUp css end */

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.forPwd{
	margin-top: 5px;	
}

#login_Wrapper .form-control:focus{
	    border-color: black;
	    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(74, 75, 76, 0.6);
	    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(74, 75, 76, 0.6);
}

.has-success .form-control:focus

#login_Wrapper .pad_l10{
	padding-left:10px;
}

#login_Wrapper .help-block{
	margin: 0px;
}

#login_Wrapper .glyphicon{
	top: 13px;
	right:15px;
}

#login_Wrapper .signInButton {
	background-color: rgb(142,0,14);
}

#login_Wrapper .btn-primary {
	background-color:rgb(110,0,14);
	color: rgb(254,227,228);
	border-radius: 0px;
	margin-top: 20px;
	border: 0px;
	width: 100%;
	
}
/* #login_Wrapper .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  	color: rgb(254,227,228);
	background-color:rgb(110,0,14);
} */

 
#login_Wrapper #signInButton .btn-primary:active, .btn-primary.active {
    color: rgb(254,227,228);
	background-color:rgb(110,0,14);
}
 
 #login_Wrapper #newToAccount .margin-top {
 	margin-top: 45px;
 }

#login_Wrapper #emailCheck input[type=checkbox] {
	height: 35px;
	width: 35px;
}

#login_Wrapper #emailCheck{
	margin-top: 15px;
	
}
#login_Wrapper #emailModal, #emailModal .modal-footer{text-align: center;}

#login_Wrapper #emailModal a{border-radius: 0px;background-color: white;}

#login_Wrapper #emailModal a.btn-success{background-color: rgb(1,138,34);}

#login_Wrapper #emailModal .modal-header{min-height:36.43px; padding:6px; border:none;}
#login_Wrapper #emailModal .modal-body{padding:0px 10px 15px;}

#login_Wrapper #newToAccount{text-align:center; margin-top:35px;}
#login_Wrapper #newToAccount h5{font-weight: bold; }
#login_Wrapper #newToAccount a{color:rgb(255,1,12); text-decoration:underline; margin-left:3px;}
/* New Css */

#login_Wrapper{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

#login_Wrapper .form-group{
	margin-bottom: 0px;
}

#login_Wrapper .row{
	margin-bottom: 10px;
}

#login_Wrapper input{
	border-radius: 2px;
	/* border-color:gray; */
	padding: 5px;
}

/* #login_Wrapper input:focus{
	border-color: #66afe9; 
} */

#login_Wrapper .mar_none{
	margin: 0px;
}

 #login_Wrapper #signInContainer{
	margin-right: 10px;
	margin-top: 20px;
	border: 1px solid #ccc;
	width: 37%;
	border-radius: 5px;
	/* box-shadow: 2px 2px 2px 0px #ccc; */
	
}

#login_Wrapper #signUpContainer{	
	margin: 20px 10px;
	border: 1px solid #ccc;	
	width: 59%;
	border-radius: 5px;
	/* box-shadow: 2px 2px 2px 0px #ccc; */
}

#login_Wrapper label{
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 1px;
	
}

#login_Wrapper .input-sm{
	height: 25px;
}

#login_Wrapper .font_lg{
	font-size: 16px;
} 

#login_Wrapper .font_reg{
	font-size: 13px;
} 

#login_Wrapper .font_med{
	font-size: 11px;
} 

#login_Wrapper .font_sm{
	font-size: 9px;
}

#login_Wrapper .base_colour{
	color:rgb(218, 16, 9);
}

#login_Wrapper .btn_bck{
	background-color:rgb(187, 13, 7);
}

#login_Wrapper .btn_bck:hover{
	background-color:rgb(218, 16, 9);
}
#login_Wrapper .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
#login_Wrapper .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
#login_Wrapper .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:90%;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
	border-radius: 0px;
}
#login_Wrapper .modal-dialog .btn{
	border-radius: 0px;
}

/* For Tabs */
@media only screen and (min-width:767px) and (max-width: 991px)  {
	#login_Wrapper #signInContainer{
		width: 37% ;
	}

	#login_Wrapper #signUpContainer{
		width: 58%;
	}
}

/* For Mobile Phones */
@media (max-width: 767px) {
	#LoginMainContainer{
		min-width:300px;
	}
	
	#login_Wrapper  .font_lg{
		font-size: 14px;
	}
	#login_Wrapper .font_reg{
		font-size: 12px;
	}
	#login_Wrapper .font_med{
		font-size: 11px;
		font-family: inherit;
	}
	#login_Wrapper  .font_sm{
		font-size: 10px;
		
	}
	#login_Wrapper  .font_xs{
		font-size: 9px;
		
	}
	#login_Wrapper #emailModal a{
		font-size:11px;
		padding:6px 8px;
	}
	#login_Wrapper #signInContainer{
		margin: 10px 0 0 0 ; 
		width: 100%;
	}
	#login_Wrapper #signUpContainer{	
		margin: 10px 0 0 0 ;
		width: 100%
	}
	#login_Wrapper .row{
		margin-bottom: 0px;
	}
	#login_Wrapper .form-group{
		margin-bottom: 5px;
	}
	
	.forPwd{
		margin-top: 15px;	
	}
}
