@charset "utf-8";
/* CSS Document */

/*............... Header..................*/

header{height:100px; background-color:#fff;}
header > aside{float:left; width:25%; background-color:#fff; height:100%;}
header > aside img{ margin: 4.5% auto;}
header > section{float:left; width:50%; height:100%;}
/*............... Header End..................*/

/*............... Middle Article Section..................*/
#formContaner{width: 91%; margin: auto;  height: 416px;}
.shadowLeft{width: 6%; float: left; margin: 6% 0 0}
.shadowRight{width: 5%; float: left; margin: 8% 0 0;}
/*............... Form Header..................*/
.loginHeader{text-align: center;  border-bottom: 2px #ccc dotted;width: 71%; margin: auto;}
.loginHeader h1{color: bisque;}
.loginHeader h1 img{ margin:auto;}
.loginHeader h4{color: #ccc;}
/*............... Form Header End..................*/

/*............... Form Input..................*/
#formMidlleSection{float:left; width: 80%; background-color: #fff; height: 110%;}
.formInputs{width: 73%;margin: auto;}
.input-group {margin:3% 0;}
.input-group-addon 
{
    padding: 6px 18px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #fff !important;
    text-align: center;
    background-color: #ed2930;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.form-control {
    display: block;
    width: 100%;
    height: 45px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.btn {
    display: inline-block;
    padding: 6px 23px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px #adadad solid;
    border-radius: 4px;
    height: 39px;
}
/*............... Form Input End..................*/

/*............... Form Footer..................*/
.shadowBox{background-color: #fff; -webkit-box-shadow: 1px 1px 8px 3px rgba(51, 50, 50, 0.67);-moz-box-shadow:    1px 1px 8px 3px rgba(51, 50, 50, 0.67); box-shadow:1px 1px 8px 3px rgba(51, 50, 50, 0.67);}
section p{color: #b9b3b3; text-align: center;  margin: 4% 0 0% 2%; font-size: 12px;}
section p a{ cursor:pointer; color: #5fc5b6; text-decoration: underline;}
section p i{margin: 0 8px 0 0;}
/*............... Form Footer End..................*/

.bg{ background-image:url(../../../App_Common/Images/NewLogin/1.jpg); background-size:cover; width:100%; color:#fff; height:auto;}
h3{ color:#b9b3b3;}


/*............... Footer.................*/
footer
{
	height:90px; 
	width:70%; 
	text-align:center;  
	margin: 3% 0 0; 
	color:#CCC;
	font-size:11.5px;
	margin-top:20px;
	line-height:14px;
	
}

@media screen and (max-width: 768px) {
	#formContaner{width: 100%; height: 100%;}
	.formInputs {width: 87%; margin: auto;}
     .margin{margin: 3% auto;}	 
	}
	
	@media (max-device-width: 480px)  {	
	   #formContaner{width: 100%; height: 448px;}
	  .margin{margin: 5% auto;}
	   header > aside img {margin: 33.8% auto;}
	  .shadowRight {width: 5%;float: left; margin: 44% 0 0;}
	  .shadowLeft {width: 5%; float: left; margin: 42% 0 0;}  
	  #formMidlleSection {float: left; width: 80%; background-color: #fff;  height: 100%;}
	}

input[type="text"]{
background-color:#fbfbfb
}

input[type="password"]{
background-color:#fbfbfb
}
.errorMsg
{
    color:#ff0000;
    /*font-family:'Times New Roman';*/
    font-size:14px;
}