@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);



*{ margin:0; padding:0;}

a{ text-decoration:none;}
img{ border:0px; margin:0; padding:0;}
.clear{ clear:both;}



body{ margin:0; padding:0; font-family: 'Droid Sans', sans-serif; font-size:15px; background:url(../../images/login-bg.jpg) center top #212628; }
.valid-alert{ position:relative;}
.valid-alert i {
 color: #c00 !important;
 position:absolute; right:0px; top:15px;

  
}


/*li.valid-alert{ border-bottom:1px solid #F2DEDE!important;}*/


.message.warning  { margin-top:6%; }
.login-head {padding: 2em 0 0 0; position:relative; background:none; }
.login-wrap{background: #fff; padding: 20px 25px 20px 25px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}

form h1 {
	color: #fff;
	font-size: 18px;
	text-align:center;
	margin-top: 60px;
	margin-bottom:20px;
	
	font-weight:normal;
}

.reset .message.warning {
  margin-top: 4%;
}

form h2 {
	color: #64A000;
	font-size: 18px;
	text-align:center;
	margin-top: 30px;
	margin-bottom:20px;
	
	
	font-weight:normal;
}

.forgot h1{color: #64A000;
     font-weight:normal;
	font-size: 20px;
	text-align:center;border-bottom: 1px solid #f1f1f1; padding-bottom:10px;}
	
.forgot{ color:#666;}
	
.forgot p {
  font-size: 12px;
  line-height: 20px;
  padding: 10px 0;
  
}	

.reset label {
 
  color: #666;
  display: block;
  font-size: 13px;
  text-align: left;
  padding-bottom: 5px;
  
}
	
.input-in {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e2e2e2;
    border-radius: 8px;
    color: #333333;
    font-size: 16px;
    padding: 10px;
    width: 100%;
	box-sizing:border-box;
	
}





/*alert style*/

.alert-box {
		color:#555;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		font-size:11px;
		padding:10px 20px;
		margin:10px;
	}
	
.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	
.error {
    background:#ffecec;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9;
    border:1px solid #a6ca8a;
}
.warningin {
    background:#fff8c4;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc;
    border:1px solid #8ed9f6;
}





form { }
form li {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #D8D8D8;
 
  list-style: outside none none;
  margin-bottom: 12px;
  padding-bottom:15px;
}
form li:last-child { border-bottom:none; padding-bottom:0px; margin-bottom:0px;}

.icon{
	background:url(../../images/icons.png)  no-repeat 0px 0px;
	height:24px;
	width:25px;
	display: block;
	float: left;
	margin: 12px 0px 9px 9px;
}
.user {
  background: rgba(0, 0, 0, 0) url("../../images/icons-login.png") no-repeat scroll -52px 0;
}
.lock {
  background: rgba(0, 0, 0, 0) url("../../images/icons-login.png") no-repeat scroll 0px 0px;
}

input[type="text"], input[type="password"] {
	
	width:70%;
	padding: 0.9em 2em 0.9em 1em;
	color: #666666;
	font-size:14px;
	outline: none;
	background: none;
	border:none;
	
}
input[type="text"]:hover, input[type="password"]:hover{
	color:#424242;
	
}


.submit h4 a{
	float:left;
	font-size: 12px;
	color: #ccc;
	font-weight: 400;
	
	margin-top: 15px;
	margin-left: 0px;
}
.submit h4 a:hover{
	color:#64A000;
}


.submit h4 i{
	color:#64A000;
	padding-left:5px;
}





/*************************/
.submit{
	padding-top:18px;
}

input[type="submit"],[type="button"] {
  background: #64A000 none repeat scroll 0 0;
  border:none;
  
  color: #fff;
  cursor: pointer;
  float: right;
 
  font-size: 16px;
  font-weight: 400;
  outline: medium none;
  padding: 9px 0;
  width: 28%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-appearance: none;
}
input[type="submit"]:hover,[type="button"]:hover {
	background: #666666;
	color:#fff;
	
}

.message {
	
	position: relative;
}
.warning {
	text-align: center;
	margin: 0% auto ;
	width: 340px;
	
}

footer{ width:98%; position:absolute; bottom:0px; font-size:12px; color:#666666; padding:0 1% 25px 1%;}
.ft-left{ float:left;}
.ft-right{ float:right;}

.popup-info{ width:100%; color:#666;}
.popimg{ width:100%; border-bottom:1px solid #f1f1f1; text-align:center; padding-bottom:15px;}

.popup-info p{ font-size:13px;  text-align:justify; padding:25px 0 25px 0; line-height:20px;}
.popup-footer{ width:100%; border-top:1px solid #f1f1f1; padding-top:25px; font-size:12px; color:#B3B3B3; line-height:18px;}
.popup-footer a{ color:#B3B3B3; text-decoration:none;}
.popup-footer a:hover{ color:#666; text-decoration:none;}





/*-----start-responsive-design------*/






@media (max-width:768px){
	.message.warning{
		margin: 13% auto 0;
		width: 50%;
	}
	footer{ width:96%;  padding:0 2% 25px 2%;}
	
}

@media (max-width:767px){
	footer{ position:inherit; padding:100px 0 50px 0; margin:0px auto;}
	
}

@media (max-width:640px){
	.message.warning{
		margin: 13% auto 0;
		width: 67%;
		
	}
	
	
	
}

@media (max-width:500px){
	.message.warning  {
		margin: 15% auto 0;
		width:90%;
	}
	
	
	
}
@media (max-width:480px){
	.message.warning  {
		margin: 15% auto 0;
		width:90%;
	}
	
	
	
}


@media (max-width:380px){
	input[type="text"], input[type="password"] {

  width: 65%;
  padding: 0.9em 1em 0.9em 1em;
}
	
	
}

@media (max-width:320px){
	.message.warning  {
		margin:8% auto 0;
		width:90%;
	}
	.login-head {
	padding: 1.45em 0;
	}
	.login-head h1 {
	font-size: 1.15em;
	}
	
	
	input[type="text"], input[type="password"] {
		font-size: 16px;
	}
	.alert-close {
	right: 12px;
	top: 22px;
	}
	form {
	padding: 1.5em 1.5em;
	}
	
	input[type="submit"] {
		float:none;
	padding: 11px 0px;
	width: 52%;
	font-size: 15px;
	}
	.submit {
  padding-top: 1.4em;
}
	.submit h4 {
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.submit h4 a {
	float: none;
	font-size: 15px;
	}

form h1 { margin-top: 35px; }

footer {
  color: #666666;
  font-size: 11px;
}
	
}


/* isloading */

.isloading-wrapper.isloading-right {
    margin-left: 10px;
}

.isloading-overlay {
    position: relative;
    text-align: center;
}

.isloading-overlay .isloading-wrapper {
    -webkit-border-radius: 7px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 7px;
    -moz-background-clip: padding;
    border-radius: 7px;
    background-clip: padding-box;
    display: inline-block;
    margin: 0 auto;
    padding: 8px 40px 10px 20px;
    top: 10%;
    z-index: 9000;
    background: url(../../images/load.gif) no-repeat #FFFFFF 90% 10px;
    -webkit-box-shadow: 1px 1px 12px -4px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 12px -4px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 12px -4px rgba(0,0,0,0.5);
}