/**
 * $Id: $ * 
 */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* Reset ================================================================================= */
* { margin:0; padding:0; }

ul,ol{list-style: none;}


@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Regular.8ab18d934cfa1e51dc8273cd8585387e.eot');
    src: url('../fonts/Lato-Regular.8ab18d934cfa1e51dc8273cd8585387e.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Regular.bd03a2cc277bbbc338d464e679fe9942.woff2') format('woff2'),
        url('../fonts/Lato-Regular.27bd77b9162d388cb8d4c4217c7c5e2a.woff') format('woff'),
        url('../fonts/Lato-Regular.6d4e78225df0cfd5fe1bf3e8547fefe4.ttf') format('truetype');
    font-weight:400;
}
@font-face {
    font-family: 'lato';
    src: url('../fonts/Lato-Bold.a2fb219c999a8fa6b95ad7c24890072e.eot');
    src: url('../fonts/Lato-Bold.a2fb219c999a8fa6b95ad7c24890072e.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lato-Bold.cccb897485813c7c256901dbca54ecf2.woff2') format('woff2'),
        url('../fonts/Lato-Bold.d878b6c29b10beca227e9eef4246111b.woff') format('woff'),
        url('../fonts/Lato-Bold.5b1b8b856d7a8cb1cb0bae6d0573f2e9.ttf') format('truetype');
    font-weight:700;
}


body          {overflow: hidden;}
html,body     {height:100%;}
body          {font:14px/1.5 'lato',arial; color:#2f2f2f;}

input[type="url"],
input[type="password"],
input[type="text"]{
    display: block;
    width: 100%;
    padding: 12px;
    border: 1px solid #919197;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Nunito Sans' ,arial;
    font-weight:400;
}
input[type="text"]::placeholder{
    color:#919191;
}
button,input[type="button"] {
    min-width: 90px;
    background: #3638A4;
    border: 1px solid #3638A4;
    color: #fff;
    padding:13px 20px 11px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.4;
    font-weight:700;
    font-family: 'Nunito Sans',arial;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    letter-spacing: 0.2px;
    outline: 0;
}
button:hover{
    background:darken(#3638A4,5%);
}
button.disabled{
    opacity: 0.5;
    cursor:default;
    pointer-events: none;
}

input[type="url"]:focus,
input[type="password"]:focus,
input[type="text"]:focus{
    outline: 0;
    border:1px solid #1264A3;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}
.form-floating-label{
    display: block;
    font-size:15px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #111;
    font-weight:400;
    transition: font-weight 0.3s ease-in-out;
    -webkit-transition:font-weight 0.3s ease-in-out;
    -moz-transition: font-weight 0.3s ease-in-out;
    -o-transition: font-weight 0.3s ease-in-out;
    -ms-transition:font-weight 0.3s ease-in-out;
}
.formGroup{
    display: block;
    width: 100%;
    position: relative;
    padding:8px 0 25px;
}
.formGroup input{
    padding: 20px 15px 12px;
    font-size: 17px;
    line-height: 1.45;
    transition: font-weight 0.3s ease-in-out;
    -webkit-transition:font-weight 0.3s ease-in-out;
    -moz-transition: font-weight 0.3s ease-in-out;
    -o-transition: font-weight 0.3s ease-in-out;
    -ms-transition:font-weight 0.3s ease-in-out;
}
.formGroup .form-floating-label{
    position: absolute;
    left: 10px;
    top: 0;
    background: #fff;
    padding: 0 5px;
    width: initial;
    z-index: 1;
    max-width:calc(100% - 30px);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formGroup button{
    width:100%;
}
.zc-animationTick{
    display: block;
}
.zc-animationTick svg{
    width:64px;
    height:64px;
}
.zc-animationTick.zc-lineTick .circ,
.zc-animationTick.zc-lineTick .tick{
     stroke:#44b77f;
    fill: none;
    stroke-width: 2px;
}
.zc-animationTick .circ{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.zc-animationTick .tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;
    -moz-transition: stroke-dashoffset 1s 0.5s ease-out;
    -ms-transition: stroke-dashoffset 1s 0.5s ease-out;
    -o-transition: stroke-dashoffset 1s 0.5s ease-out;
    transition: stroke-dashoffset 1s 0.5s ease-out;
}
.zc-animationTick.zc-showTick svg .path{
    opacity: 1;
    stroke-dashoffset: 0;
}
.whiteOverlayBg{
    position: fixed;
    background:#fff;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}
.zc-formScrollCont{
    width: 100%;
    height: 100%;
    overflow-y: auto;
    display: flex;
    align-items: center;
    padding-top:60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.zc-logoHeader{
    position: fixed;
    top:0;
    left:0;
    right:0;
    z-index: 3;
}
.zc-logoHeader .zc-logoContainer{
    padding:20px 30px;
    background: #fff;
}
.zc-logoHeader .zc-connectLogo{
    float:left;
}
.zc-connectLogo img{
   height:32px;
   width: 176px;
}
.zc-outerContainer{
    width:100%;
    height:100%;
}
.zc-signinCont{
    min-height:300px;
    margin:50px auto;
    position:relative;
    padding-bottom: 100px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
    &.zc-signinsIframeCont{
    	width:480px;
    	.zc-signinIframe{
    		height:initial;
    		min-height: 166px;
    	}
    }
}
.zc-contentCont{
    padding:0 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:border-box;
    border-radius:8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    text-align: center;
    margin-bottom: 20px;
}
.zc-signInBottom .zc-signupText a{
	cursor: pointer;
}
.zc-signInBottom .zc-signupText:first-child{
	margin: 0;
}
.zc-signInBottom .zc-signupText:last-child{
	margin-top: 8px;
}
.zc-signinCont .zc-contentCont p{
    font-size:18px;
    margin-bottom:48px;
}
.zc-signinCont.centerAlign{
    text-align: center;
}
.zc-signinCont.centerAlign .zc-successTick{
    margin:24px 0 8px;
}
.zc-signinCont.centerAlign h3{
    font-weight: 700;
    margin-bottom: 16px;
}
.zc-signinCont.centerAlign p{
    margin-bottom: 8px;
}
.zc-signinCont.centerAlign a:hover{
    text-decoration: underline;
}
.zc-signinCont p{
    font-size:16px;
    line-height: 1.5;
     color:#4e566d;
     margin-bottom:24px;
}
.zc-signinCont p span{
    font-weight: 700;
    color:#111;
}
.zc-signinCont p.zc-signupText{
    color:#4e566d;
    text-align: center;
    font-size:15px;
    float: left;
	width: 100%;
	margin: 20px 0 0;
}
.zc-signinCont h3{
    font-size: 24px;
    line-height:1.3;
    margin-bottom:20px;
}
.zc-signinCont h2{
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}
.zc-signinCont h6{
    font-size:18px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 8px;
}
.zc-signinCont .zc-communityLogo{
    margin:16px 0 21px;
    text-align: center;
}
.zc-signinCont .zc-communityLogo >a >img{
	max-width: 240px;
    max-height: 80px;
    height:initial;
}
.zc-signinCont .zc-communityLogo img{
    height:40px;
}
a{
    color:#303191;
    text-decoration: none;
}
.zc-bold{
    font-weight: 700;
}
.zc-communityLogin .zc-signinIframe {
	width: 100%;
	height: auto;
	visibility: hidden;
	transition: all .1s ease-in-out;
    text-indent: initial;
}
.zc-connectLoading{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.circleLoading {
	width: 30px;
	height: 30px;
	border: 2px solid #3638A4;
	border-left: 2px solid #bfc9d4;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}
/* spin loading animation start*/
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* spin loading animation end*/
.zc-userProfile .dropdown li.zc-userInfo{
    margin-bottom:10px;
    cursor: initial;
    position: relative;
    overflow: visible;
    padding-top:0;
}
.zc-userProfile .dropdown li.zc-userInfo:before{
    content:"";
    position: absolute;
    bottom:-5px;
    left:15px;
    right:15px;
    height:1px;
    background-color:#e3e8ee; 
}
.zc-userProfile .dropdown li.zc-userInfo:hover{
    color:#111;
    background-color: transparent;
}
.zc-userInfo .zc-infoCont{
    padding-left:42px;
    position:relative;
    min-height: 48px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: flex;
    align-items: center;
}
.zc-userDetail{
    width: 100%;
}
.zc-userInfo .zc-infoCont .avatar{
    position:absolute;
    left:0;
    top:8px;
}
.avatarSmall{
    width:32px;
    height:32px;
}
.zc-userInfo span,
.zc-userInfo label{
    display: block;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor:default;
}
.zc-userInfo label{
    font-weight:700;
}
.zc-userInfo span{
    color:#697386;
}
.zc-userInfo span i{
    color:#4e566d;
}