@charset "utf-8";
/* CSS Document */
body, html {
	font-family: 'Open Sans', sans-serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	color: #1c424d;
}
h1 {
	font-weight: 700;
}
h1 strong {
	font-weight: 900;
}
h2 {
	font-size: 36px;
	margin: 0;
}
h3 {
	font-size: 16px;
	font-weight: 700;
}
h5 {
	text-transform: uppercase;
	font-weight: 700;
	line-height: 20px;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}
a {
	color: #45b8e3;
	transition: all 0.5s;
}
a:hover, a:focus {
	text-decoration: none;
	color: #f1c40f;
}
.img-centered {
	margin: 0 auto;
}
ul, ol {
	list-style: none;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
select{-webkit-appearance: none;-moz-appearance: none;-o-appearance:none;-ms-appearance:none;appearance:none;background-color:#eee !important;background-image:url(../images/select-arrow.png) !important;background-repeat:no-repeat;background-position:98% center;border:none !important;outline:none;border-radius:0px !important;height:35px;padding-right:9px !important;font-family:'Open Sans', sans-serif;font-size:12px;line-height:24px;box-shadow:none !important}
select[disabled]{background-color:#ddd !important}
select::-ms-expand{display:none;}
select:focus{background:#f1f1f1;background-image:url(../images/select-arrow.png);background-repeat:no-repeat;background-position:96% center;}
select option,select optgroup{font-size:12px;display:block}
a:active, a:focus, textarea:focus, input:focus, button:active { outline: none !important}
::-webkit-input-placeholder{font-style:italic;color:#fff}
:-ms-input-placeholder{font-style:italic;color:#fff}
:-moz-placeholder{font-style:italic;color:#fff}
::-moz-placeholder{font-style:italic;color:#fff}
.pull-left{float:left}
.pull-right{float:right}
.text{font-family: 'Open Sans', sans-serif;}
input,select{border-radius:0px !important;border:1px solid #e9e9e9;height:50px !important}
input:focus,select:focus{border-color:#0288D1 !important;}
input:-webkit-autofill{background-color:#B2EBF2 !important;-webkit-box-shadow: 0 0 0px 1000px white inset !important;}
.flash-verify{    width: 60%; margin: 0px auto;text-align: center;color: #199e3d;background-color: #a0f1b6;}
.main-content,header{width:100%;overflow:hidden;}
.flash-error{color:red}

.guest-header{width:100%;overflow:hidden;background:url(../images/guest-graph-bg.png) no-repeat center/cover;height:175px;}
.guest-header .guest-text{padding:20px 30px 20px;}
.guest-header .guest-text p{width:60%;margin:0px auto;text-align:center;color: #3c3c3c;font-size: 30px;font-weight: 200;}

.new-container .arrow{position:absolute;width: 0;height: 0; border-left: 45px solid transparent;border-right: 45px solid transparent;border-top: 40px solid #fff;top:0;left:46%}
.new-container{/*width:100% !important;*/padding:8px 20px 0px;position:relative;height:100%;min-height: 100%;margin:-20px auto 10px}
.site-login h1{font-size:20px;font-weight:400;color:#3c3c3c;text-transform:uppercase;margin:20px 0px}
.site-login,.site-request-password-reset,.site-reset-password{margin: 0px auto;height:100%}
.site-login .row{/*height:420px;*/}/*commented by yogesh*/
.site-login .row,.site-request-password-reset .row,.site-reset-password .row{width: 100%;margin: 0px auto;background:#fff;border-radius:5px;border:1px solid #e9e9e9}
.site-login .row .col-lg-5,.site-request-password-reset .row .col-lg-5,.site-reset-password .row .col-lg-5{width: 100%;margin: 20px auto;}
.site-login .row .col-lg-5 label,.site-request-password-reset .row .col-lg-5 label,.site-reset-password .row .col-lg-5 label{font-size:16px;color:#3c3c3c;font-weight:300}
.field-loginform-rememberme{text-align:center}
.field-loginform-rememberme .checkbox input[type=checkbox]{-webkit-appearance: none;-moz-appearance: none;background: #eee;width: 14px;border: 1px solid #b6b6b6 !important;height: 14px !important;cursor: pointer;box-shadow:none !important;}
.field-loginform-rememberme .checkbox input[type=checkbox]:checked {background-image:url(../images/checkmark.png) !important;background-repeat:no-repeat !important;background-position:center !important}
.site-login .submit-btn,.site-request-password-reset .submit-btn,.site-reset-password .submit-btn{text-align:center;margin-bottom:5px}
.site-login .form-group button[type=submit],.site-request-password-reset .form-group button[type=submit],.site-reset-password  .form-group button[type=submit]{width:80%;margin:0px auto;height:45px;border-radius:0px;border:0px;font-size:15px;text-transform:uppercase;background:#45b8e4}
.site-login .form-group button[type=submit]:hover,.site-reset-password .form-group button[type=submit]:hover{background:#0288d1}
.bottom-acc .account-div{background:#57caf5;width:100%;overflow:hidden;height:420px;}
.bottom-acc .sign-logo{margin:0px auto;text-align:center;display:inline-block;width:100%}
.forgot-pass{text-align:center}
.forgot-pass a{color:#b6b6b6;text-decoration:underline}
.forgot-pass a:hover,.forgot-pass a:focus{color:#727272}
.cr-acc{width:80%;margin:0px auto 30px;text-align:center;color:#3c3c3c;font-weight:300}
.have-account{font-size:20px;font-family: 'Open Sans', sans-serif;font-weight:400;margin: 50px 0px 10px;}
.cr-acc .sign-up{background-color:#33758e !important;display:inline-block;color:#fff !important; border:none;font-size:16px;cursor:pointer;text-align:center;padding:10px 0px;text-decoration:none;transition:all 0.3s ease;margin:0px auto 18px;padding:15px 30px;}
.cr-acc p{color:#1d1d1d;font-weight:300;font-size:15px;margin-bottom:30px}
.cr-acc .sign-up:hover{background-color:#285c6f !important}
.links{width:100%;margin:0px auto;text-align:center;color:#fff;}
.links a{display:inline-block;padding: 10px 4px;}
.blog-link,.bva,.kpi-link{font-size:15px;color:#3c3c3c;text-transform:uppercase}
.links a i{display:inline-block;height:48px;width:61px;vertical-align:middle}
.links a:hover,.links a:focus{color:#212121}
.icon-blog{background:url(../images/sign-in-blog.png) no-repeat -3px 1px;}
.icon-bva{background:url(../images/sign-in-bab.png) no-repeat -3px 1px}
.icon-kpi{background:url(../images/sign-in-kpi.png) no-repeat -2px 1px}
.link-div{text-align: left;width: 40%;/*margin: 5px auto;*/padding:0px 12px}
.resend-link{width: 100%;margin: 0px auto;height: 45px;border-radius: 0px;border: 0px;font-size: 15px;text-transform:uppercase;/*background: #0288d1;*/display:inline-block;padding:10px 0px;text-decoration:none}
.resend-link{border: 3px solid #57caf5;color:#57caf5;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;text-align:center}
.resend-link:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.resend-link:hover, .resend-link:focus, .resend-link:active { color: #3c3c3c; background: #57caf5;}

/*forgot Password*/
 .site-request-password-reset .row{height:230px}
 .site-request-password-reset h1{font-size:20px;font-weight:400;color:#3c3c3c;text-transform:uppercase;margin:20px 0px}
.pass-acc .account-div{background:#57caf5;width:100%;overflow:hidden;height:230px;}
.shared-client .login_page{background:#fff;padding:20px;width:40%;margin:20px auto}
.shared-client .login_page h1{font-size:16px;}
.shared-client .login_page .form-actions{margin:20px auto}
.shared-client .login_page .form-actions button{border:0px;border-radius:0px;background:#03a9f4}
.shared-client .login_page .formRow .input-prepend input{width: 83% !important;}
.alert-warning{width: 60%; margin: 0px auto 20px;background-color: rgb(251, 225, 224);color: #ff0218;text-align: center;}

/*Reset Password*/
.site-reset-password h1{font-size:20px;font-weight:400;color:#3c3c3c;text-transform:uppercase;margin:20px 0px}
.site-reset-password{margin:0px auto 20px;width: 40%;}

/*coming Soon */
.site-login .row .alert-box {border-radius:0px;    background: none repeat scroll 0 0 #FFFFFF;border-radius: 0px;margin: 0 auto;position: fixed;width: 415px;z-index: 2001;display: none;top: 41%;left: 37%;-moz-box-shadow: 1px 1px 4px 0px;-webkit-box-shadow: 1px 1px 4px 0px;box-shadow: 1px 1px 4px 0px;}
.site-login .row .alert-box .alert-heading{background:none;padding:0px;-moz-border-radius:0;-webkit-border-radius:0px;border-radius: 0px;color: #000;padding: 5px 15px;height: 20px;}
	.alert-title{font-size: 13px;line-height: 20px;font-weight: 700;float: left;}
.site-login .row .alert-box .alert-body{text-align:center !important;font-size:24px;font-weight:300;color:#343434;padding:15px 10px;    min-height: 62px;
    overflow-y: auto;}
.site-login .row .alert-box .alert-button{text-align:center !important;    border-radius: 0 0 6px 6px;box-shadow: 0 1px 0 #FFFFFF inset;margin-bottom: 0;  padding: 13px 15px 0;}
.site-login .row .alert-box .alert-button input{background:#1d1d1d;padding:6px 10px;color:#fff;text-align:center;border:0px;height: 34px !important;font-size: 18px;text-transform: uppercase;}

/*Thank You*/
.thank-you-container{width:80%;margin:0px auto;overflow:hidden;text-align:center}
.maindiv .info{text-align:center;color:#454545;text-shadow:none;background:#EDFCED;border:1px solid #71A240;width:60%;margin:0 auto;border-radius:3px !important;-o-border-radius:3px !important;-moz-border-radius:3px !important;-webkit-border-radius:3px !important;-ms-border-radius:3px !important;padding:5px}
.thanks{margin:0px auto;text-align:center}
.thanku-links{width:80%;margin:8px auto;}
.thanks span{font-size:16px}
.thanku-links .up-links ul{margin:0px auto}
.thanku-links ul li{height:70px}
.left,.right{overflow:hidden}
.thanku-links ul li .blog-icon{background-image:url(../images/thanku-blog.png);background-repeat:no-repeat;background-position:-1px 2px;height:55px;width:85px;margin:0px 10px}
.thanku-links ul li .refer-icon{background-image:url(../images/thanku-refer.png); background-repeat:no-repeat;background-position:16px center;height:55px;width:85px;margin:0px 10px}
.thanku-links ul li .kpi{background-image:url(../images/sign-in-kpi.png);background-repeat:no-repeat;background-position:28px 22px;height:66px;width:85px;margin:0px 10px}
.thanku-links ul li .todo{background-image:url(../images/instant-icon.png);background-repeat: no-repeat;background-position:center;height:55px;width:85px;margin:0px 10px}
.thanku-links ul li .bva{background-image:url(../images/sign-in-bab.png);background-repeat: no-repeat;background-position:8px 21px;height:66px;width:85px;margin:0px 10px}
.thanku-links ul li .referblog,.thanku-links ul li .referfrnd{/*background-color:#fff;*/height:23px;padding:21px 20px;font-size:20px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;cursor:pointer;text-align:left;color:#212121;}
.thanku-links ul li .ezzysite{/*background-color:#fff;*/height:23px;padding:28px 20px;font-size:20px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;cursor:pointer;text-align:left;color:#212121;}
.thanku-links ul li .referblog a{color:#454545}
.thanks a.btn{background:#0288d1 !important;color:#fff;text-shadow:none;font-size:16px;border-radius:0px !important;box-shadow:none !important;padding:6px 46px;height:40px;}
.thanku-links ul li a{padding:0px}
/*.thanku-links ul li a:hover,.thanku-links ul li a:focus{background:none !important}*/
.social-icons{width:44%;height: 106px;margin-left: 2%;margin-top: 23px;}
.social-icons ul li{float:left;    margin: 0px 6px;}
.up-links{/*background:#e5e5e5*/background:#fff;border:1px solid #dedede;}
.stay-touch{background-image:url(../images/stay-in-touch.png);background-position:right center;background-repeat:no-repeat;width:393px;height:100px;position:absolute;right:-23px}
.social-stay{position:relative;}
.greet-user{margin:0 auto; overflow: hidden; width:60%;text-align:center}
.greet-user .text{text-align: center;font-size: 15px;}
.greet{font-size: 30px !important;color: #3c3c3c;text-shadow: 0px 1px 0px #ccc;margin: 0px auto 5px;text-align: center;}
.greet1{font-size: 16px !important;margin: 0px auto 5px;text-align: center;}
.socialcnt{width:100%;background-color:#fff;height:68px;position:relative;margin:22px 0px 0px}
.socialcnt ul li{float:left;margin:0px 5px}
.socialcnt .stay{background-image:url(../images/stay-intouch.png);background-repeat:no-repeat;height:135px;width:321px;position:absolute;top:-29px;left:11%}
.social-icons ul{width:100% !important;margin:0px auto}
/*.socialcnt .social-icons ul li a:hover,.socialcnt .social-icons ul li a:focus{background-color:transparent}*/
.social-icons ul li a{background-image:url(../images/sprite/thanku-social-sprite.png) !important;background-repeat:no-repeat !important;cursor:pointer;width:50px;height:50px;display:inline-block;padding: 10px;border-radius: 40px;}
/*.social-icons ul li a:hover,.social-icons ul li a:focus{background-color:transparent !important;background:url(../images/sprite/thanku-social-sprite.png) no-repeat !important;}*/
.social-icons ul li a.fb{background-position: -301px -244px !important;background-color: #3b599f;}
.social-icons ul li a.g-plus{background-color: #da483f;background-position: -727px -249px !important;}
.social-icons ul li a.link{background-color: #0177bf;background-position: -593px -249px !important;}
.contact-link{    width: 80%;margin: 0px auto;overflow: hidden;}
.contact-icon{background-image:url(../images/thanku-contact.png);background-repeat:no-repeat;background-position:left center;width:36%;height:100px}
.contact-btn{background-color:#212121;width:57%;height:60px;padding: 15px 0px;cursor:pointer;display:inline-block;transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
.contact-btn div{color:#fff;font-size: 20px;}
.contact-btn:hover,.contact-btn:focus{text-decoration:none;background-color: #0288d1;}
.contactuslnk{background-color: #fff;font-size: 18px;margin: 15px auto;padding: 20px;text-align: center;width: 72%;background-image:url(../images/contact.png);background-repeat:no-repeat;background-position:113px 6px;transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;cursor:pointer}
.contactuslnk:hover{background-color:#fbbc1d;background-image:url(../images/contact-hover.png);background-position:113px -1px}
.cont-link:hover{text-decoration:none}
.referfrm{width:91%;margin:5px 10px;background:#f1f1f1;padding:0px 20px}
.refer{background-color: #333;background-image: url("../images/sprite/Ezzy_Book_Keeping_Guest.png");background-position: -683px -48px;background-repeat: no-repeat;border: 1px solid #524f4f;color: #fff;font-size: 14px;font-weight: bold;padding: 8px 28px;text-transform: uppercase}
.refer:hover{background-image: url("../images/sprite/Ezzy_Book_Keeping_Guest.png");background-position: -683px -106px;background-repeat: no-repeat}
/*.referfrm label{font-family:'raleway-medium';font-size:14px;leftter-spacing:0.8;color:#454545;float:left;width:100px;height:50px}
.referfrm input{margin-bottom:5px !important}
.referfrm input span{margin-bottom:3px !important}*/
.thankyoulink .alert-heading{background:#FBB32F}
.thankyoulink .alert-body{}
.thankyoulink .alert-body .alert-button input{background:#333;color:#fff;border:none !important;padding:5px 8px;border-radius:0px;font-size:12px}



/****Responsive for TAB*********/
@media (min-width: 768px) and (max-width: 991px){
    .new-container .arrow{left:43%;}
	
    .links{}
    .links a{padding: 10px 0px;}
	.thanku-links {width: 100%;}
	.social-icons ul li {margin: 0 2px;}
	.social-icons {height: 147px;margin-left: 3%;margin-top: 23px;}
	.thank-you-container{overflow:visible}
	.thanku-links .up-links ul {margin: 0 auto;width: 100%;}
	.social-icons ul li a.g-plus {background-position: -187px -13px;}
	.contact-link{width:100%}
	.social-icons ul li {margin: 5px 10px;}
	.guest-header .guest-text p{width:80%;}
}


@media (min-width: 992px) and (max-width: 1199px){
    .links a{padding: 10px 5px;width:42%;}
	.guest-header .guest-text p{width:80%;}
	.thanku-links {width: 100%;}
	.social-icons ul li {margin: 0 2px;}
	.social-icons {width: 42%;}
	.thank-you-container{overflow:visible}
}

@media (min-width: 1200px) and (max-width: 1280px){
}

@media (min-width: 1281px) and (max-width: 1360px){ 
}

@media screen and (min-width: 1900px) {
    .new-container .arrow{left:47%;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 640px) and (orientation: landscape)  {
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-width : 320px) and (max-width : 360px) and (orientation: portrait) {
	.guest-header .guest-text p {font-size: 22px;width: 100%;}
	.link-div{width:100%}
}

