/* --------------------------------------------------------------------------------------
+
+ Reset
+
-------------------------------------------------------------------------------------- */
*{ margin:0px; padding:0px;text-shadow: 0 0 0 transparent;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline;}
:focus{ outline:0; }
html, body{ -webkit-font-smoothing: antialiased; font-smoothing: antialiased;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body { line-height:1; }
ol,ul { list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption,th,td { font-weight:normal; text-align:left;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
a, img { border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
small { font-size: 0.8em;}
a, a:active, a:hover { outline: 0;text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}

svg:not(:root) { overflow: hidden;}
button,input,select,textarea { font-family: inherit; font-size: 100%; margin: 0; }
button,input {line-height: normal;}
button,select { text-transform: none; }
button,html input[type="button"], input[type="reset"],input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
textarea { overflow: auto; vertical-align: top; }
/*-------------------*/
b, strong{ font-weight: normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal; margin-bottom:0em;}
hr{ -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
::-moz-selection{ background: #e7e7ff; text-shadow: none; color:#8080ca;}
::selection{ background: #e7e7ff; text-shadow: none; color:#8080ca;}
p{ margin-bottom: 0;}
img{vertical-align: middle;}
/* Transitions 
a {
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration:none;
}
*/
input[type=text],
input[type=password],
textarea{
	-moz-transition: 0.2s all linear;
	-webkit-transition: 0.2s all linear;
	-o-transition: 0.2s all linear;
	transition: 0.2s all linear;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1) inset;
}


/**********************************************/
/*     CLEAR             					  */
/**********************************************/
.group:before,
.group:after {
  content: " ";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  *zoom: 1;
}
.clear{
	clear:both;
	line-height:1px;
}
/* --------------------------------------------------------------------------------------
+
+ Structure (for every page in the theme)
+
-------------------------------------------------------------------------------------- */
body {
	font-family:"Calibri";
	font-size:14px;
	font-weight:normal;
	line-height:1.2;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.login{
	background: #333;
	
}
.homelogo{
	padding:6% 0 30px 0;
	text-align:center;
}
.loginCon{
	width:400px;
	margin:auto;
	
}
.loginHead{
	
}
.loginHead img {
	display: none;
}
.loginHead span{
	font-size:18px;
	color:rgba(9,9,9,.4);
	/*padding-left:14px;*/
	vertical-align:bottom;
}
.loginForm{
	padding:30px 0 40px 0;
	position:relative;
}
.frmField{
	padding-bottom:18px;
}	
.frmLable{
	width:50px;
	float:left;
	text-align:center;
	padding-top:10px;
}
.frmTxt{
	float:left;
	width:400px;
}
.frmTxtbox{
	height:55px;
	line-height:55px;
	background:#fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:none;
	padding:0 20px;
	width:360px;
	color:#636363;
	font-size:20px;
}
.frmBtm{
	
}
.forgotLnk{
	font-size:17px;
	color:#3fa0bd;
	text-decoration:underline;
	float:left;
	display: none;
}
.loginLnk{
	width:400px;
	display:block;
	background:#1cd28b;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:center;
	font-size:24px;
	color:#fff;
	line-height:55px;
	font-family: 'Calibri-Bold';
	padding:0 20px;	
	border:none;
}
input:invalid, .invalid_box{
	border:1px solid #ff8686!important;
}
.invalid_errors{
	color: #D42D31;
    font-size: 15px;
    line-height: 18px;
	display:none;
}

.loginForm .invalid_errors{
	
    position: absolute;
	top:10px;
	text-align:center;
	width:100%;
   
}
.home-footer{
	text-align:center;
	position:absolute;
	bottom:100px;
	color:#ffffff;
	font-size:16px;
	width:100%;
}
.home-footer a{
	color:#ffffff;
	border-bottom:1px solid #fff;
}
.log-alert{
	border:1px solid #e91b27;margin:30px 0 0 0;border-radius:8px;padding:15px;
}
.log-alert h1{
	font-size:16px;
	font-family: 'Calibri-Bold';
	text-align:center;
	color:#fff;
}
.log-desc{
	background:url(../images/Dev_alert_icon.png) no-repeat;
	padding-left:50px;
	font-size:15px;
	line-height:18px;
	color:#fff;
	margin:10px 0 0 15px;
}
.log-desc a{
	color:#fff;
	text-decoration:underline;
}
.password-outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
	background:#0091ea;
}
.password-inner{
	display: table-cell;
    vertical-align: middle;
	background:#0091ea;
}
.password-block{
	 
	background:#fff;
	width:600px;
	margin:auto;
	border-radius:10px;
	-webkit-box-shadow: 0 30px 40px rgba(28, 30, 35, 0.20) !important;
	-moz-box-shadow: 0 30px 40px rgba(28, 30, 35, 0.20) !important;
    box-shadow: 0 30px 40px rgba(28, 30, 35, 0.20) !important;
}
.passwordpg{
	background:#0091ea;
}
.pass-header{
	padding:10px 0 8px 0;
	border-bottom:1px solid #f2f4f8;
	text-align:center;
	}
.pass-header h1{
	font-size:34px;
	color:#222328;
	font-family: 'Calibri';
	font-weight:normal;
	margin:0;
	padding:8px 0;
}
.pass-header h2{
	color:#787878;
	font-size:17px;
	line-height:22px
	font-family: 'Calibri';
	padding:0;
	margin:0;
}
.subscr_form_lable{
	font-size:18px;
	padding:0 20px 0 0;
	color:#787878;
	font-family: 'Calibri-Bold';
	float:left;
	width:190px;
	text-align:right;
	line-height:40px;
}
.subscr_form_sec{
	padding-bottom:20px;
}

.subscr-textbox{
	border: 1px solid #e3e8ef;
	width: 315px;
	height: 40px;
	font-size: 17px;
	color: #787878;
	padding-left: 10px;
	line-height: 40px;
	background:#f0f2f7;
	border-radius:8px;
}
.passGetblk{
	padding:15px 0 15px 0;
}
.position-act-btm{
	padding:10px 0 0 0;
}
.position-act-btm a.frmBtmBtn{
	background:#0091ea;
	color: #ffffff !important;
	font-size: 18px;
	font-family: 'Calibri-Bold';
	line-height: 45px !important;
	display: block;
	text-align: center;
	border-radius:20px;
	text-decoration:none !important;
	width:300px;
	margin:auto;
}
.passalert, .passalert1{
	color:#5a5a5a;
	font-size:15px;
	line-height:19px;
	padding:0 0 15px 0;
	text-align:center;
}

.error{
	border: 1px solid #f44a50 !important;
}
.txterror{
	color:#f44a50;
}
.txtsuccess{
	color:#1fe0a9;
}

.pass-header1{
	padding:20px 0;
	text-align:center;
}
.pass-header1 h1{
	font-size:34px;
	color:#222328;
	font-family: 'Calibri';
	font-weight:normal;
	margin:0;
	padding:20px 0;
}
.pass-header1 h2{
	color:#787878;
	font-size:17px;
	line-height:22px;
	font-family: 'Calibri';
	padding:0;
	margin:0;
}
.forgot-link{
	 color: #fff;
	 text-align:right;
	 line-height:20px;
	 text-decoration:underline;
	 float:right;
	 margin:5px 0 0 0;	
}


@media ( min-width: 320px) and  ( max-width: 700px){
	.password-block{
	 width:320px !important;
}
	.pass-header1 h1{
		font-size: 28px;
	}
	.pass-header1 img{
		height: 50px;
		width: 50px;
	}
}