body {
   background: #fff none repeat scroll 0 0;
   font-family: 'Ropa Sans', sans-serif; color:#666;
}

li,ul,body {
   margin:0;
   padding:0;
   list-style:none;
}

#login-form {
   width:350px;
   margin:0 auto;
   padding:30px;
   background:#f1f1f1;
   border-radius:3px;
}

.admin-bg {
   background:#3c8dbc !important;
}

.form-header {
   display:table;
   clear:both;
}

.user-image {
   margin-top: 0px;
   padding: 20px 0;
   text-align:center;
}

.admin-title {
   color: #fff;
}

.form-logo {
   width: 390px;
   margin: 0 auto;
   text-align: center;
   margin-top: 80px;
   margin-bottom: 30px;
}

.form {
   padding:0 30px;
}

.login li {
   height:35px;
   line-height:35px;
   margin-bottom:15px;
}

.input,select {
   border:solid 1px #e8e8e8;
   outline:none;
   background:#ffffff;
   margin:0 auto;
   font-family: 'Ropa Sans', sans-serif;
   font-size:15px;
   display:block;
   height:35px;
   width:92%;
   padding:0 10px;
   border-radius:3px;
   transition:all .3s;
}

.input:focus:invalid {
   border-color:red;
}

select:focus:invalid {
   border-color:red;
}

.input:focus:valid {
   border-color:green;
}

#check {
   top:2px;
   position:relative;
}

.inline:after {
   display:table;
   content:'';
}

.remember {
   width:100%;
   float:left;
   position:relative;
   font-size:14px;
}

.remember a {
   text-decoration:none;
   color:#666;
}

.remember:nth-child(2) {
   text-align:right;
}

.btn {
   border:none;
   outline:none;
   background:#018d4e;
   font-family: 'Ropa Sans', sans-serif;
   margin:0 auto;
   margin-top:40px;
   display:block;
   height:40px;
   width:100%;
   padding:0 10px;
   border-radius:3px;
   font-size:16px;
   color:#FFF;
}

.admin-btn {
   background:#26526b;
}

.form a i.fa {
   line-height:35px;
}

.form-footer {
   height:40px;
   line-height:40px;
   padding:3px 35px;
   text-align:right;
   font-size:14px;
}

.form-footer a {
   padding:6px;
   background:#006699;
   margin-left:4px;
   text-decoration:none;
}

.backto {
   background:#09C;
}

.backto>a {
   padding:16px;
   margin-bottom:10px;
   display:block;
   text-align:center;
   text-decoration:none;
   font-size:16px;
   color:#fff;
}

select {
   width:290px !important;
}

@media only screen and (max-width: 450px) {
   #login-form {
      width:280px !important;
      margin-top:25px !important;
   }
   .input {
      width:200px !important
   }
   select {
      width:222px !important
   }
}

.form-sub-footer {
	width: 390px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 18px;
}

.form-sub-footer a {
	color: #666;
}

.page-main {
	width: 70%;
	margin: 0 auto;
	padding: 30px;
	background: #f1f1f1;
	border-radius: 3px;
}

.page-footer {
	width: 73%;
	margin: 20px auto;
	margin-bottom: 100px;
	font-size: 14px;
}

.page-footer a {
	color: #666;
}


.pull-left {
	float: left

}

.pull-right {
	float: right;

}

@media only screen and (max-width: 900px) {
   .page-main {
      width: 80%;
   }
   .page-footer {
      width: 85%;
   }
}