@charset "utf-8";
/* CSS Document */
.Za_login-Bg{background-color:#eef1f3;padding:150px 150px;position:fixed;top:0;left:0;bottom:0;width:100%;height:100%;}
.Za_login-container{background-color:#fff;box-shadow:0 30px 70px -30px rgba(0,0,0,0.3);margin-top:2%;}
.Za_login_form{padding:70px 58px 50px 58px;height:685px;}
.Za_login_form h5{text-transform:uppercase;text-align:center;font-size:18px;font-weight:600;margin-bottom:8.833%;}
.Za_login_form label{font-size:15px;}
.Za_login_form .form-group{margin-bottom:30px;}
.Za_login_form a{font-weight:400;color:#F68D2E;font-size:14px;}
.btn_user-login{border-radius:20px;background-color:#F68D2E;text-align:center;text-transform:uppercase;padding:10px 45px;color:#fff;outline:none;margin:0;margin-top:30px;}
.btn_user-login:hover{color:rgba(255,255,255,0.8);}
.btn_user-login:focus{outline:none !important;}
.Za_sign-up{position: absolute;height: 200px;bottom: 0;padding: 50px 20px 20px 20px;left: 0;text-align: center;width: 100%;background: #f4fbfd;}
.Za_sign-up p{margin: 0;line-height: 2.5;font-size:14px;font-weight:400;}
.za_or-divider{position:relative;text-align:center;width: 100%;left: 0;margin-top: 36px;z-index: 2;font-size: 18px;font-weight: 400;}
.za_or-divider:before{content:'';position:absolute;border: 1px solid #e4ebed;top: 16px;width: 65px;left: auto;margin-left:-67px;}
.za_or-divider:after{content:'';position:absolute;border: 1px solid #e4ebed;top: 16px;width: 65px;right: auto;}
.za_log_dv{text-align: center;}

.Za_login_detail{background-color:#d5f9f4;text-align:center;padding:70px 58px 50px 58px;margin-bottom:0;height:685px;}
.Za_login_detail h1{font-weight:300;}
.Za_login_detail p{font-weight:400;line-height:1.3;color:#101010;font-size:15px;}
.Za_img-login{margin-top:20px;margin-bottom:30px;}
.Za_client-logo{width:40%;}

.Za_btngrp{text-align:center;margin-bottom:10px;}
.Za_btngrp .btn{margin-right:3px;margin-top:5px;}
.Za_btngrp .btn img{margin-right:20px;font-size:15px;letter-spacing:0;}
.Za_btngrp .btn:hover{color:rgba(255,255,255,0.8);}
.btn_google{border-radius:3px;padding:8px 20px 8px 13px;text-align:center;border:0;color:#fff;background-color:#F4B400;outline:none;}
.btn_office{border-radius:3px;padding:8px 20px 8px 13px;text-align:center;border:0;color:#fff;background-color:#eb3c00;outline:none;}
.btn_facebook{border-radius:3px;padding:8px 20px 8px 13px;text-align:center;border:0;color:#fff;background-color:#3a559f;outline:none;}

.Za_Show-pass{position:absolute;top:44px;right:10px;cursor:pointer;opacity:0.7;}

/*body{background: url("../images/login_bg.jpg");-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size: cover;}
header{min-height:100px;padding-top: 15px;padding-bottom:15px;}*/
.nomargin{margin:0!important;}
.loginBG{background:rgba(255,255,255,0.8);padding:25px 30px;}
.loginarea{padding-top:20px;}
.loginform h1{color:#43C5B5;margin-top:10px;}
.absolute-loginarea h3{color:#43C5B5;margin-top:10px;}
.loginbody{background: url(../images/bodybg.jpg) repeat-x 0 0;}
.loginarea .header{height:45px;}
.logo img{max-width:200px;}
.loginarea .header .logo{/*width:256px; height:60px;*/ display:block;margin:30px 0 0 10px;}
.inviteBG .formarea{border-right:1px solid #ccc;}
.loginBG .formarea{border-right:1px solid #ccc;}
.nopadding{padding:0;}
.signin-txt{line-height:6;}
.signin-txt a{color:#000;font-weight:500;}
.iconcri{border-radius:50%;border:3px solid #28bdb3;width:73px;height:73px;text-align:center;color:#28bdb3;display:inline-block;margin-bottom:10px;}
.iconcri i{line-height:1.7;}
.iconcri img{margin-top:7px;}
.iconcus{border-color:#c1d72e!important;}
.iconcoll{border-color:#522f91!important;}
.iconcoll img{margin-top:15px;}
.iconlock{border-color:#522f91!important;}
.iconline{position:absolute;border:1px solid #28bdb3;width:32px;top:36px;left:73px;}
.iconlineb{position:absolute;border:1px solid #28bdb3;width:1px;top:73px;left:36px;height:32px;}
.loginBG .formwidget label{color:#000;font-weight:400;font-size:15px;}
.loginBG .formwidget .form-control{background:transparent;min-height: 35px;}
.chk-boxtxt{color:#000;font-weight:400;font-size:14px;}
.chk-box{margin-right:5px!important;}
.loginBG a{color:#28bdb3;font-size:12px;text-decoration:underline;font-weight:400;}
p a{font-size:16px!important;color:#28bdb3!important;}
.Rerror{color:#f00000;font-weight:500;}
.PStxt{font-weight:500;margin-top:5px;}
input:-webkit-autofill{background:transparent;}
.logdet{position:absolute;right:45px;top:50px;}
.logdet h2{color: #28bdb3;}
.select select {margin: 0;-webkit-border-radius:0;-moz-border-radius:0px;background: #fbfbfb;outline:none;display: inline-block;-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;padding-top:4px;}
.select {position:relative}
.select:after {content: '\f0d7';font-family:FontAwesome;font-size: 18px;color: #333;right: 10px;top: 4px;position: absolute;	pointer-events: none;cursor:pointer;}
.select:before {background: #fbfbfb;border-right: 1px solid #CCCCCC;content: "";display: block;height: 33px;pointer-events: none;position: absolute;right: 0;top: 1px; width: 25px;}
.noborder{border:0!important;}
.forgotBG{background:rgba(255,255,255,0.7);padding:80px 30px 25px; margin-top:30px;min-height:300px;}
.forgotBG .formwidget .form-control{background:transparent;}
.scus{background:rgba(255,255,255,0.9)!important;}
.succBG{background:rgba(255,255,255,0.8);padding:80px 30px 25px; margin-top:30px;min-height:300px;}
.succBG .formwidget .form-control{background:transparent;}
.labelarea span{font-weight: 500;background: #bc5e5e;color:#fff ;padding: 5px;float:right;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;}
.labelareamar{margin-top:-7px;}

.inviteBG{background:rgba(255,255,255,0.9);padding:25px 30px;}
.inviteBG .formwidget label{color:#000;font-weight:400;font-size:15px;}
.inviteBG .formwidget .form-control{background:transparent;}

.display1{overflow:hidden;position: absolute;width:364px;height:250px;}
.display1 p{font-weight:400; float:left;opacity:0.4;}
.display2{overflow:hidden;position: absolute;left:370px;width:362px;height:250px;}
.display2 p{font-weight:400; float:left;opacity:0.4;}
.containerreg{min-height:250px;overflow:hidden;position:relative;width:370px;}
.regierrormsg{background:url(../images/small-erroricon.png) no-repeat 0 50%; color:#d25b5b;  padding: 0 0 0 20px;font-weight:400;}
.regformblock h2{color:#28bdb3;}
.regformblock h3{margin-top:0;margin-bottom:20px;}
.regformblock h4{color:#28bdb3;margin-bottom:10px;}
.fixed-domain{font-weight:400;padding:6px 4px;}
.reghelpico{position: absolute;top: 5px;right:-10px;font-size:20px;cursor: pointer;color:#28bdb3;}
.regsingupmargin{margin-top:40px;}
.login-link{color:#fff;vertical-align:middle;font-size:15px; margin-top:6px;}
.logincolor{color:#000!important;font-weight:600;}
.regposition{top:10px;left:30px;}
.regminheight{min-height:35px;margin-right:5px!important;}
.Rnopadding{padding-right:0;}
.Lnopadding{padding-left:0;}
.regachor{color:#000;text-decoration:underline;}
.regachor:hover{color:#000;}
.btnpadding{padding:5px 10px!important; font-size:18px!important;margin-right: 55px;}
#strengthmeter{font-weight:400;}
.ts{font-size:12px;font-weight:500;margin-top:-5px;}
.ts a{color:#000;font-weight:600;}

.footer{max-width:100%; margin-top:5px;bottom:0;left:0;position:fixed;left:0;bottom:0;font-weight:400;}
.footer .footerarea{ width:100%;  height:30px;  margin:0 auto;}
.footerarea .copywrite{text-align:center;}
.footerarea .copywrite ul{margin:0;}
.copywrite p{color:#6f6f6f;margin:0; font-size:12px;display:inline-block;}
.copywrite ul li{display:inline-block;color:#6f6f6f; padding: 5px;}
.copywrite ul li a{color:#6f6f6f; text-decoration:none;font-size:12px;}
.copywrite ul li a:hover{color:#343434; text-decoration: underline;}

.footerarea .footermenu{ width:385px; float:right; margin-top:10px;}
.footermenu ul li{ float:left; display:inline-block;color:#000;font-weight:400;}
.footermenu ul li a{color:#000; text-decoration:none; padding:0 0px 0 10px;font-weight:400;}
.footermenu ul li a:hover{color:#555; text-decoration: underline;}

.loginarea .absolute-loginarea{border-left:1px solid #d8d8d8;min-height:350px;margin:10px;padding:0 0 0 25px;}
.loginarea .absolute-loginarea .inputarea{}
.loginarea .absolute-loginarea .invalidpswdarea{width:100%;float:left;margin:0 0 5px 0;font-weight:400;}	
.loginarea .absolute-loginarea .inputarea .txtfld{}
.formwidget .form-control {border-radius: 0;display: inline-block;font-size: 14px;font-weight: 400;}
.formwidget label {margin-top: 5px;font-size: 14px;font-weight: 400;color: #666;}
.loginarea .absolute-loginarea .inputarea .txtfld:focus{ background:#FFF; border-color:#66AFE9 ; color:#555555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);}	
.loginarea .absolute-loginarea .chk-box{}
.loginarea .absolute-loginarea .chk-boxtxt{color:#777;margin-left:5px;font-size:13px;font-weight:400;margin-top:1px;}
.loginarea .absolute-loginarea .inputarea .loginbt{width:100px;height:30px;margin:10px 0 15px 0;  padding:0 0 0 5px;  background:#94ba65; /* Old browsers */
										          color:#ffffff;font:normal 14px/22px Arial, Helvetica, sans-serif; cursor:pointer; border:1px solid #94ba65;}

.loginarea .absolute-loginarea .inputarea .loginbt:hover{background:#73B028;}
.loginarea .absolute-loginarea .link{color:#6f6f6f;font-size:12px;font-weight:400;text-decoration: underline;}
.loginarea .absolute-loginarea .link:hover{color:#1b84b5;font-weight:400;}
.loginarea .formarea .loginform fieldset .heading{font:normal 40px/22px Arial, Helvetica, sans-serif;color:#1b84b4;margin:10px 0 0 0;}
.loginarea .formarea .loginform fieldset .heading span{font:normal 12px/22px Arial, Helvetica, sans-serif;color:#000;margin:0 0 0 28px;}
.loginarea .formarea .loginform fieldset .subheading{font:normal 20px/25px Arial, Helvetica, sans-serif;color:#000;margin:10px 0 5px 5px;}
.loginarea .formarea .loginform fieldset .smallheading{font:normal 19px/19px Arial, Helvetica, sans-serif;color:#FCB23B;margin: 0 0 0 5px;}
.loginarea .formarea .loginform fieldset .midheading{font:normal 35px/60px Arial, Helvetica, sans-serif;color:#1976A1;margin: 0 0 0 5px;}
.loginarea .formarea .loginform fieldset ul{float:left;margin-top: 2px;}
.loginarea .formarea .loginform fieldset ul li{font:normal 11px/22px Arial, Helvetica, sans-serif;color:#000;}
.loginarea .formarea .loginform .freetrial-features{font-weight:400;background: url(../images/freetrial.png) no-repeat 0 0;height:60px;color:#5e5e5d; padding:20px 0 0 75px;}
.loginarea .formarea .loginform .doc-manage{font-weight:400;background: url(../images/document-manage.png) no-repeat 0 0;height:60px;color:#5e5e5d;margin:15px 0 0 0;padding:20px 0 0 75px;}
.loginarea .formarea .loginform .communication{font-weight:400;background: url(../images/communication.png) no-repeat 0 0;height:60px;color:#5e5e5d;margin:15px 0 0 0;padding:20px 0 0 75px;}
.loginarea .formarea .loginform .security{font-weight:400;background: url(../images/security.png) no-repeat 0 0;height:60px;color:#5e5e5d; margin:15px 0 0 0;padding:20px 0 0 75px;}
.loginarea .formarea .loginform .photo-uploadarea{clear:both; height:70px;}
.loginarea .formarea .loginform .photo-uploadarea label{ float:left; width:108px; display:block; font: bold 12px/14px Arial, Helvetica, sans-serif; color:#000; margin-left:10px; padding:15px 0;}
.loginarea .formarea .loginform .photo-uploadarea .photobox{float:left; width:90px; height:70px; background:#ffffff; border:1px solid #d7d7d7; margin:0 10px;}

.loginarea .formarea .loginform .labelarea{}
.loginarea .formarea .loginform .labelarea label{}
.loginarea .formarea .loginform .labelarea label span{color:#ff1200;}			  

.loginarea .formarea .loginform .labelarea .listbox{float:left; width:226px; height:25px; background:#FFF; border:1px solid #cccccc; -moz-border-radius:3px;
				  						-webkit-border-radius:3px ; border-radius:3px; margin-bottom:15px;
				  						background: -moz-linear-gradient(top, #f8f8f8, #ffffff);
				  						background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#ffffff));
				  						font:normal 11px/18px Arial, Helvetica, sans-serif; color:#000; padding:0 5px;margin:10px; 
				  						}			  

.loginarea .formarea .loginform .labelarea .txtarea{float:left; width:590px; height:60px; background:#FFF; border:1px solid #cccccc; -moz-border-radius:3px;
				  						-webkit-border-radius:3px ; border-radius:3px; margin-bottom:15px;
				  						background: -moz-linear-gradient(top, #f8f8f8, #ffffff);
				  						background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#ffffff));
				  						font:normal 11px/18px Arial, Helvetica, sans-serif; color:#000; padding:0 5px;margin:10px; 
				  						}
										
.loginarea .formarea .loginform .labelarea .txtarea:focus{ background:#FDF9E1; border-color:#FBCB09 ; color:#000;}
.loginarea .formarea .loginform .labelarea .inputarea{float:left; margin:5px 0 0 0;}
.loginarea .formarea .loginform .labelarea .inputarea .text{float:left; width:auto; height:20px; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#000; padding:0 5px;margin:10px;}
.loginarea .formarea .loginform .labelarea .inputarea .textlink{float:left; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#db6915;margin:10px 0 0 0; text-decoration:underline; cursor:pointer;}
.loginarea .formarea .loginform .devider{width:100%; height:1px; background:#999999; margin:10px}



.photo-uploadbt{ margin:23px 0 10px 0!important; }
.FreeTrial{ margin:0 0 10px 26px!important; }

.subscribe-area{width:83%;margin:0 0 20px 0; height:270px; overflow-y:scroll;}
.subscribe-area .subscribe-plantable{width:86%;margin:0 0 20px 100px; border:none;}

.plantable-headerarea{border: medium none;margin: 0 0 0 100px;width:71%;}
.plantable-headerarea .plantable-header{height:30px; font:bold 13px/22px Arial, Helvetica, sans-serif; background:#f4f4f4;cursor: pointer;}
.plantable-row{ width:9%; border-top: 1px solid #D8D8D8; height:30px; font:normal 12px/22px Arial, Helvetica, sans-serif; border-top:1px solid #D8D8D8;}

.loginarea .formarea .loginform .button{clear:both; height:34px;cursor:pointer; border:none;
										font:normal 14px/12px Arial, Helvetica, sans-serif; color:#ffffff;background: #94BA65; /* Old browsers */margin: 0 0 0 10px;}
.loginarea .formarea .loginform .button:hover{background:#73B028;color:#fff;}	

.signupbt{width:55px;height:23px; position:absolute; left:320px; top:3px; padding:0 0 0 10px; background: -moz-linear-gradient(left,  #434343 0%, #575757 47%, #575757 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#434343), color-stop(47%,#575757), color-stop(99%,#575757)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #434343 0%,#575757 47%,#575757 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #434343 0%,#575757 47%,#575757 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #434343 0%,#575757 47%,#575757 99%); /* IE10+ */
background: linear-gradient(to right,  #434343 0%,#575757 47%,#575757 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#575757',GradientType=1 ); /* IE6-9 */
-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#ffffff;
font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}

.zy-preloader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:rgba(255,255,255,0.5);
  z-index: 99;
  height: 100%; 
  width:100%;}

.za_margin_top{margin-top:12%;}
.changepass-bt{margin:2px 0 10px 0!important;}
.forgotpassword-bt{margin:0 0 0 5px!important;}
.newlabelarea{}
.massagelabel{}
.massagelabel .errorspan{color:#ff1200;}
.massagelabel .successspan{color:#28bdb3;font-size:18px;}
[class*="span"]{float:none;margin:0;color:#28bdb3;font-weight:500;}
.loginerror{float:left; height:20px; width:215px;font:normal 14px/20px Arial, Helvetica,sans-serif!important;color:#fff!important;
	background-color:#bc5e5e; padding:5px;margin:0 0 0 180px;
  	border-bottom:1px solid #9f4545;
  	}
  	
 .loginerror-landingpage{color:#fff!important;background-color:#bc5e5e; padding:5px;border-bottom:1px solid #9f4545;font-weight:400;}
.uploadlabel-2 {
    color: #000000;
    float: left;
    margin: 50px 0 0 15px;
}
.uploadinput-2 {
    float: left;
    margin: 50px 0 0 5px;
}

.domain-listbox{}
/* login success msg*/
.successh3{color:#000000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.success-newlabelarea{margin-left:-15px;}
.success-newlabelarea h2{color: #28bdb3;font-size:28px;}
.success-newlabelarea h5{color: #28bdb3;}
.success-newlabelarea p{font-weight:400;display:inline;}
.supp-mail{color: #28bdb3;display:inline-block;font-weight: 600;}
.supp-ph{color: #28bdb3;display:inline-block;font-weight: 600;}

.success-newlabelarea h3{font-size:28px;margin-top:0;text-align:center;font-weight:400;color:#000;}
.success-newlabelarea h4{font-weight:300;text-align:center;font-size:18px;line-height:1.5;margin-top:0;margin-bottom:40px;}
.talign{text-align:center;}
.talign h5{font-size: 16px;font-weight: 400;line-height: 1.2;color: #7d7d7d;}
.talign h1{font-weight: 400;font-size: 32px;}


/*PasswordStrength classes*/
#passwordStrength {font-size:14px;height:10px;display:block;float:left;font-weight:400;}
.strength0 {width:250px;background:#cccccc;font-size:14px;font-weight:400;}
.strength1 {width:50px;background:#ff0000;font-size:14px;font-weight:400;}
.strength2 {width:100px;background:#ff5f5f;font-size:14px;font-weight:400;}
.strength3 {width:150px;background:#56e500;font-size:14px;font-weight:400;}
.strength4 {background:#4dcd00;	width:200px;font-size:14px;font-weight:400;}
.strength5 {background:#399800;	width:250px;font-size:14px;font-weight:400;}
.error{margin:0;border-color: #a94442!important;  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)!important;}
.error:focus {border-color: #843534!important;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483!important;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483!important;}

@media only screen and (min-width: 320px) and (max-width: 640px){
	.logdet{position:relative;right: 0px; top: 0px;}
	.regsingupmargin{margin-top:10px;}
	.loginBG{padding: 5px;}
	.footer{display:none;}
	.loginarea{padding:0!important;}
	.regposition{top:0;left:0;}
	.containerreg{width:254px;height:280px;}
	.display1{width:254px;height:280px;}
	.display2{width:254px;height:280px;}
	.Rnopadding{padding:0;}
}

@media screen and (max-width:1400px){
	.Za_sign-up{padding:10px 10px 20px 10px;}
	.btn_google{padding:8px 13px 8px 13px;}
	.btn_office{padding:8px 13px 8px 13px;}
	.Za_login_form{padding:30px 58px 50px 58px;height:640px;}
	.Za_login_detail{padding:30px 58px 50px 58px;height:640px;}
	.Za_login_detail h1{font-size:30px;}
}