@font-face {
    font-family:'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family:'Telenor-Regular';
	src: url('../fonts/Telenor-Regular.ttf');
}



@font-face {
    /*font-family:'DroidSans';
	src: url('../fonts/DroidSans.ttf');*/
}


body{ padding:0px; margin:0px; background:url(../images/cloud-bg.jpg); }

/* sign in */
#backgroundbgtop{ position:fixed; height:100%; left:0; right:0; z-index:2; top:0;}
#backgroundbg{ position:relative; width:100%; height:100%; left:0; right:0; z-index:0; top:0;}
#backgroundbg img{ width:100%; position:fixed;}


#signin-contet2{ position:relative; display:block; z-index:10; padding-top:60px; }
#form-col2{ overflow:hidden; }
#form-col2{ padding:10px 30px 30px 30px; border-radius:30px; border:1px solid #bbb;
background-image:url(../images/login-col-bg.png);
	max-width: 400px;
	margin: 0 auto;
}
#lock-img{text-align:center;}
#lock-img img{ text-align:center; display:inline-block;}
#inputfields2{ padding:0px 20px; }
#inputfields2 img{margin-right:5px;}
.input-group{margin-bottom:10px;}
#inputfields2 h3{ color:#FFF; font-size:16px;  font-family:'DroidSans';}

.form-signin-heading2{ padding:10px; font-weight:bold; color:#fff; font-size:20px; text-align:center; font-family:'Telenor-Regular';}
.form-pow2{ text-align:center !important; font-size:15px; }
#inputfields2{ margin:0px 15px;}
#inputfields2 input{ border-radius:0px; font-family:'DroidSans';}
.form-signin-signin2{ background-color:#e3e3e3; padding:15px 10px; border-bottom:1px solid #DDDDDD;}


.form-signin,
.form-signin .checkbox {font-family:'DroidSans';
}
.form-signin .checkbox { font-family:'DroidSans';
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.loginbut{ background:#0D5D9A; font-family:'DroidSans'; }

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nomargin {
    margin-top: 0  !important; 
}

#rember-label{float:left; margin-top:2px; color:#FFF;font-family:'DroidSans'; font-size:12px; font-weight:normal;}
#rember-span{ position:relative; top:3px; }
#forget-passdiv{float:right; margin-top:3px; font-family:'DroidSans';}
#forget-passdiv a{ font-size:12px; color:#FFF;}
.footrow{
	position:fixed;
	bottom:0;
	margin:0;
	overflow:hidden;
	width:100%;
	background-color:#1096AF;
	border-top:1px solid #333;
}
#footer p{
	margin:0;
	padding:10px 0;
	color:#fff;
	text-align:center;
	font-size:14px;
	font-family:open-sans;
	/*background-color:#42b8df;*/
}


@media only screen and (min-width: 119px) {
	#sidenav-col{ position:relative;}
		#lock-img{ border-right:none;}	
		#form-col2{ max-width: 90%; }
}

@media only screen and (min-width: 319px) {
		#sidenav-col{ position:relative;}
		#lock-img{ border-right:none;}
		#form-col2{ max-width: 90%; }
}

@media only screen and (min-width: 481px) {
		#sidenav-col{ position:relative;}
		#lock-img{ border-right:none;}
		#form-col2{ max-width: 90%; }
}

@media only screen and (min-width: 800px) {
		#sidenav-col{ position:relative;}
		#lock-img{ border-right:none;}
		#form-col2{ max-width: 90%; }
}

@media only screen and (min-width: 769px) {
		#sidenav-col{ position:relative;}
		#lock-img{ border-right:none;}
		#form-col2{ max-width: 60%; }
}

@media only screen and ( min-width:980px){
		#sidenav-col{ position:fixed; width:16%;}
		#lock-img{ border-right:1px solid #CCC;}
		#form-col2{ max-width: 53%; }
}