html, body { -webkit-font-smoothing: antialiased; background:#E4E8EC;}

body{ color:#004A97; font-family: 'Droid Sans', sans-serif; }
*{ margin:0; padding:0;}


* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 40px; /* .push must be the same height as .footer */
}
 
.clear{ margin:0; padding:0; height:0; line-height:0; font-size:0; clear:both;}
.left-align{ text-align:left;}
.right-align{ text-align:right;}
.center-align{ text-align:center;}
.justify-align{ text-align:justify;}
a{ text-decoration:none; -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear;
 transition: color 0.3s linear;}
a:hover{  -webkit-transition: color 0.3s linear; -moz-transition: color 0.3s linear; -ms-transition: color 0.3s linear; -o-transition: color 0.3s linear;
 transition: color 0.3s linear;}
.relative{ position:relative;}
img{ border:0px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
.radius4{border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
 

.transparent{opacity:0.85; -moz-opacity:0.85; -webkit-opacity:0.85; -ms-opacity:0.85; -o-opacity:0.85;}

.bottom{ height:40px; width:100%; float:left; }


/* LOGIN */

  
#login{ border:8px solid #fff; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; max-width:400px; margin:10% auto 0 auto; padding:0; background:#fff; }
#login .logo{ padding:20px 0px 20px 0px; text-align:center;}
#login .logo h1{ color:#333; font-size:14px; }
#login .login-box{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; padding:40px; background:#f4f4f4;}
#login .login-box h2{ background:url(../img/login-icon.png) no-repeat left; padding-left:30px;  font-size:22px; color:#333; }
#login .login-box label{ width:295px; float:left; color:#666666; font-size:12px; padding:20px 0px 5px 0px;}
#login .login-box input{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; width:295px; height:40px; border:1px solid #ccc; color:#333; font-size:14px; font-family: 'Droid Sans', sans-serif; padding:0px 10px;}
#login .login-box input[type="button"]{ border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; text-transform:uppercase; color:#fff; margin:20px 0px 0px 3px; cursor:pointer; border:0px; float:right; height:40px;  background:#f15921; width:100px;}
#login .login-box input[type="button"]:hover{ background:#333; outline:none;}
#login .login-box a{ font-size:12px;  float:left; margin-top:30px; color:#004A97;}



/* HEADER */

header{ background:#ffffff; height:70px; margin:0; padding:0; width:100%;}
header .user{ float:right; background:#666666; height:70px; padding:0px 22px; }
header .user h3{ float:left; color:#fff; font-size:11px; font-weight:normal; line-height:70px;}
header .user ul{ float:right; margin-top:25px;}
header .user ul li{ list-style:none; float:right;  padding-left:5px;}

header .add-data{ float:right; height:70px;}
header .add-data ul{ margin-top:22px;}
header .add-data ul li { padding-right:22px; list-style:none; font-size:11px; float:right; }
header .add-data ul li a{ color:#666666;}
header .add-data ul li a:hover{ color:#fff;}
header .add-data ul li a span{ display:block; margin-left:10px; float:right;}
header .add-data ul li a section{ float:left; margin-top:6px;}
header .logo-head{ padding:0px 22px 0px 22px; height:70px; background:#fff; float:left;}
header .logo-head img{ margin-top:18px;}
 
 
 .inlogo{ width:100%; text-align:center; padding-top:8%;}
 
.cover{ display:none; z-index:999; height:100%; width:100%; position:absolute; left:0; top:0; background:#fff;}
.cover h1{ font-size:15px; background:#333; height:50px; line-height:50px; color:#525b64; font-weight:700; position:fixed; width:100%;}
.cover h1 span{ padding-left:20px;}
.cover .close{ opacity:1; -moz-opacity:1; -webkit-opacity:1; -ms-opacity:1; width:45px; height:45px; background:#333 url(../img/close.png) center no-repeat; position:absolute; z-index:9999; right:0px; top:0px;}
.cover .close:hover{ opacity:0.9; -moz-opacity:0.9; -webkit-opacity:0.9; -ms-opacity:0.9; }
.cover iframe{ overflow-x: hidden; position:absolute; left:0px; top:0px; width:100%; height:100%; border:0px;}


.container{ width:100%; height:auto; text-align:center; float:left; margin-top:2%;} 
.container h1{ color:#525b64; padding-bottom:6%;  font-size:20px; float:left;}
.container a { position:relative; font-size:12px;  background:#04A4E9; color:#fff; padding:13px 15px 13px 30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; text-align:center; line-height:20px;} 

.container a:hover{ background:#666666;}

.middle{ max-width:320px; background:#fff; margin:0px auto; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; padding:0 20px 0 20px;}


.middle ul{ margin:0px; padding:0px;}
.middle li{ width:100%; color:#525b64; padding-top:20px; padding-bottom:20px;  font-size:20px; float:left; list-style:none; text-align:center; border-top:1px solid #CCC; line-height:45px;}
.middle li:first-child{ border-top:none;}
.middle li h3{ text-align:center; font-size:18px; line-height:22px; margin-bottom:5px;}
.middle li li{ margin-right:5px;}

.help-head { float: right; padding-top: 23px; padding-right: 43px; color: #666; text-decoration: none; font-size:13px;}
 .help-head a { color: #666; text-decoration: none;}
.help-head a :hover{ color: #004A97; text-decoration: none;}
 
/*FOOTER*/

footer{ text-align:center; font-size:11px; color:#525b64; height:40px; line-height:40px; width:100%; position:fixed; bottom:0px;}
.fa-apple::before{ font-size:20px; position:absolute; top:10px; left:12px;}




@media screen and (max-width :768px) { 

.inlogo {
  padding-top: 20%;
  text-align: center;
  width: 100%;
}

}

@media screen and (max-width :768px) { 

.inlogo {
  padding-top: 20%;
  text-align: center;
  width: 100%;
}

.inlogo {
  
  padding-bottom: 20px;
}

}


@media screen and (max-width :767px) { 

footer {
  
  color: #525b64;
  font-size: 11px;
  height: 40px;
  line-height: 40px;
  position:inherit;
  text-align: center;
  width: 100%;
  
}

.middle {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  margin: 0 auto;
  padding: 5%;
  width: 80%;
}

}
@media screen and (max-width :640px) {
	
	.inlogo img{ width:74px; height:58px; padding-bottom:15px;}
	.inlogo {
  padding-top: 10%;
 
}
	
	 }


 /* ==============================
   Page loader
   ============================== */


.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background:#333;
	z-index: 100000;	
}

.ams-lite-loader{ position:absolute; width:82px; height:82px; left:47%; top:47%;}


.loader{
  position:relative;
  width:80px;
  height:80px;
  position: absolute;
  background:none;
  left:47%;
  top:47%;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 2px solid rgba(255,88,35, 0.08);
  border-right: 2px solid rgba(255,88,35, 0.08);
  border-bottom: 2px solid rgba(255,88,35, 0.08);
  border-left: 2px solid rgba(255,88,35, 1);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




/* ==============================*/