/* $Id$ */
@charset "UTF-8";





@font-face {
   font-family:"Lato";
   font-weight:300;
   font-style:normal;
   src:url("//webfonts.zohowebstatic.com/latolight/font.eot");
   src:url("//webfonts.zohowebstatic.com/latolight/font.eot?#iefix") format("eot"),
       url("//webfonts.zohowebstatic.com/latolight/font.woff2") format("woff2"),
       url("//webfonts.zohowebstatic.com/latolight/font.woff") format("woff"),
       url("//webfonts.zohowebstatic.com/latolight/font.ttf") format("truetype"),
       url("//webfonts.zohowebstatic.com/latolight/font.svg#Lato-Light") format("svg");}
@font-face {
   font-family:"Lato";
   font-weight:400;
   font-style:normal;
   src:url("//webfonts.zohowebstatic.com/latoregular/font.eot");
   src:url("//webfonts.zohowebstatic.com/latoregular/font.eot?#iefix") format("eot"),
       url("//webfonts.zohowebstatic.com/latoregular/font.woff2") format("woff2"),
       url("//webfonts.zohowebstatic.com/latoregular/font.woff") format("woff"),
       url("//webfonts.zohowebstatic.com/latoregular/font.ttf") format("truetype"),
       url("//webfonts.zohowebstatic.com/latoregular/font.svg#Lato-Regular") format("svg");}
@font-face {
   font-family:"Lato";
   font-weight:700;
   font-style:normal;
   src:url("//webfonts.zohowebstatic.com/latobold/font.eot");
   src:url("//webfonts.zohowebstatic.com/latobold/font.eot?#iefix") format("eot"),
       url("//webfonts.zohowebstatic.com/latobold/font.woff2") format("woff2"),
       url("//webfonts.zohowebstatic.com/latobold/font.woff") format("woff"),
       url("//webfonts.zohowebstatic.com/latobold/font.ttf") format("truetype"),
       url("//webfonts.zohowebstatic.com/latobold/font.svg#Lato-Bold") format("svg");}
@font-face {
    font-family: "ZohoPuvi";
    src:url('../fonts/zoho_puvi_regular.woff2') format("woff2"),
        url('../fonts/zoho_puvi_regular.woff') format("woff");
    font-weight: 400;
    font-style: normal;}




*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,input,select,button {background-attachment:fixed;border: 0 none;font-family:Lato,Helvetica,sans-serif;margin: 0;padding: 0;text-align: left; font-size:14px; }
*{margin:0px; padding:0px;}
body{overflow-y:scroll}
.bodybg{ background-color:#f3f0eb;overflow-y: scroll; *overflow-y:visible;}
.outercontainer{ margin:0px auto;}
.main_container{ background-color:#fff; margin-left:85px;  }
.innercontainer{padding:30px;}
/*Common Styles*/
body,html{width:100%;height: 100%;}
b{font-weight:500;}
strong{font-weight:500;}
.f700{font-weight:700;}
.m20{margin:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt13{padding-top: 13px;}
.p2{padding:2px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p12{padding:12px;}
.p10p20{padding: 10px 20px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p60{padding:60px;}
.pt10{padding-top: 10px;}
.pt13{padding-top: 13px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt27{padding-top: 27px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb10{padding-bottom: 10px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl27{padding-left: 27px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl80{padding-left: 80px;}
.pl85{padding-left: 85px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr27{padding-right: 27px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr60{padding-right: 70px;}
.pr60{padding-right: 80px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.w5{width:5%;}
.w10{width:10%;}
.w11{width:11%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w19{width:19%;}
.w20{width:20%;}
.w22{width:22%;}
.w24{width:24%;}
.w25{width:25%;}
.w255{width:24.9%;}
.w30{width:30%;}
.w32{width:32%;}
.w33{width:33%;}
.w333{width:33.3%}
.w34{width:34%;}
.w35{width:35%;}
.w38{width:38%;}
.w40{width:40%;}
.w45{width:45%;}
.w46{width:46%;}
.w49{width:49%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%}
.w55x{width:55px !important;}
.w100x{width:100px;}
.w150x{width:150px !important;}
.w200x{width:175px;}
.w250x{width:250px;}
.w300x{width:300px;}
.w350x{width:350px;}
.pt10{padding-top: 10px;}
.pt13{padding-top: 13px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt27{padding-top: 27px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pb10{padding-bottom: 10px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl27{padding-left: 27px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr27{padding-right: 27px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb10{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px;}
.hgtato{ height:auto !important}
.mw250x{ max-width:250px !important;}
.mw400x{ max-width:400px;}
.mw6{ min-width:600px;}
.mb5{ margin-bottom:5px;}
.mb7{ margin-bottom:7px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mlra{ margin-left:auto;margin-right:auto}
.mt5{margin-top:5px;}
.mt4{margin-top:4px;}
.mt2{margin-top:2px;}
.mt3{margin-top:3px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt-10{margin-top:-10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt85{margin-top:85px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml7{margin-left:7px;}
.ml10{margin-left:10px;}
.ml13{margin-left:13px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml45{margin-left:45px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.mr50{margin-right:50px;}
.ml10pc{margin-left:10%;}
.ml5pc{margin-left:5%;}
.mr5pc{margin-right:5%;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.pl30{padding-left:30px;}
.pl80{padding-left:80px;}
.pl60{padding-left:60px;}
.pl85{padding-left:85px;}
.pr85{padding-right:85px;}
.pr30{padding-right:30px;}
.pr100{padding-right:100px;}
.pl100{padding-left:100px;}
.pl200{padding-left:200px;}
.pt15{padding-top:15px;}
.ptb5{padding:5px 0px;}
.ptb10{padding:10px 0px;}
.ptb15{padding:15px 0px;}
.ptb1020{padding:10px 20px;}
.f4{font-size:4px;}
.f9 {font-size: 9px}
.f10 {font-size: 10px}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f37{font-size:37px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.f50{font-size:50px;}
.f60{font-size:60px;}
.h35{height:35px;}
.h50{height:50px;}
.h70{height:70px;}
.mh350{min-height:350px;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.tc{text-align:center;}
.c{margin:auto;}
.zcclrblu{color:#0c84b1;}
.clrgrn{color:#58b75f;}
.clrorng{color:#f0a329; margin-left:10px;}
.clrred{color:#f27777}
.ltr{font-weight:normal;}
strong{font-weight:500;}
.bold{font-weight:700}
.fl{float:left;}
.fr{float:right}
.tr{text-align:right;}
.tl{text-align:left;}
.lstcntrmt{margin-top:142px;}
.cmplstcntrmt{margin-top:217px;}
.sts{width:10px; height:10px; display:block; border-radius:2px; }
.zcslcttxt{background-color: #FFFE36;}
.grn{background-color:#3fb68a;}
.gry{background-color:#b7babb;}
.lgtgry{background-color: #fbfbfb;}
.zhgoltitle{background-color: #f8faf9; padding:15px 20px;}
.bglgtgry{background-color: #f0f0f0;}
.txtred {color: #f53333}
.tbltitlegry{ background-color:#f1f1f1;}
.orng{background-color:#e2993b;}
.red{ background-color:#EE6E71;}
.blu{background-color:#23a9e8;}
.bgwhite{ background-color:#fff;}
.txtwhite{ color:#fff !important;}
.txtgreen{color:#67c784 !important;}
.zcltred {color: #f28f8f;}
.zcltorange{color: #ff7e00;}
.zcltgry{color: #bbb;}
.zcltgreen{color: #a3d39e;}
.txtnormal{ font-size:13px; color:#444;}
.txtorng{color:#ff7e00 !important;}
.txtblu{color:#23a9e8 !important;}
.txtbrwn{color:#a58801 !important;}
.txttip{color:#1176e9 !important;}
.txtblu>a{ text-decoration:none;color:#23a9e8}
.txtreq{color:#e88f74;}
.thmtxtclr{color:#ff6a1a}
.txtcnt{color:#555;}
.rel{position:relative}
.abs{position:absolute;}
.fxd{position:fixed;}
.z1{ z-index:1 !important;}
.sze50{ transform:scale(.5,.5);}
.sze70{ transform:scale(.7);}
.sze80{ transform:scale(.8);}
.sze90{ transform:scale(.9);}
.csrdef{ cursor:default !important;}
.csrpntr{ cursor:pointer;}
.csrwait{ cursor:wait;}
.csrdrag{ cursor:move;}
.csrzoomin{ cursor:zoom-in;}
.wl60{ width:calc(100% - 85px);}
.mh200{max-height:200px; overflow:auto;}
.h200{height:200px;}
.mmh200{ max-height:200px; min-height:200px; overflow:auto;}
.mh300{max-height:300px; overflow:auto;}
.mmh300{max-height:300px; height:300px; overflow:auto;}
.nolnk{ text-decoration:none;}
.txtovflw{ text-overflow:ellipsis; overflow:hidden;}
.oc8{ opacity:0.8; filter: alpha(opacity=80);}
.oc5{ opacity:0.5; filter: alpha(opacity=50);pointer-events: none;}
.oc3{ opacity:0.3; filter: alpha(opacity=30);}
.zcdsbl{ opacity:0.3; filter: alpha(opacity=30); cursor:default !important;pointer-events:none;}
.bdr{border: 1px solid #e7edf5;border-radius: 5px;}
.zcbdr{border:solid 1px #e8e8e8;}
.zctbdr{border-top:solid 1px #e8e8e8;}
.zcrbdr{border-right:solid 1px #e8e8e8;}
.zclbdr{border-left:solid 1px #e8e8e8;}
.zcbbdr{border-bottom:solid 1px #e8e8e8;}
.zcredbdr{border:solid 1px #f6acac !important;}
.zctourpan .linktxt{color:#00b0f6; font-weight:600;}
.zctourpan .linktxt:hover{color:#00b0f6; text-decoration:underline;}
.linktxt{color:#0c8cc4; text-decoration:none; cursor:pointer;}
.linktxt:hover{color:#0c8cc4; text-decoration:underline;}
.linkgray{ font-size:13px; color:#444; text-decoration:underline;}
.linkgray:hover{font-size:13px; color:#444; text-decoration:none;}
.link{ color:#339fd6; text-decoration:underline;}
.lnkgry{ color:#222; text-decoration:none;}
.lnkgry:hover{ color:#ff7e00;text-decoration:none;}
.linktxthvrorng{color:#0c8cc4; text-decoration:none; cursor:pointer;}.linktxthvrorng:hover{color:#ef7615; text-decoration:none; cursor:pointer;}
.linktxtblk{color:#333; text-decoration:none; cursor:pointer;}.linktxtblk:hover{color:#ef7615; text-decoration:none; cursor:pointer;}
.lstcuntbox{ min-width:100px; padding:10px; background-color:#fff; text-align:center; margin-left:20px; border:solid 1px #eee; border-radius:5px;}
.zclstcntbox{ min-width:100px; text-align:center;}
.nwrp{white-space:nowrap;}
textarea{ border:solid 1px #d8d8d8; border-radius:3px;font-size:15px; padding:3px 15px; height:100px;  transition:all .5s; resize:none; font-family: "Open Sans";}
textarea:focus{ border:solid 1px #349fd7; border-radius:3px; font-size:15px; padding:3px 15px; transition:all .5s; box-shadow: 0px 0px 3px #349fd7; outline:none; }
.wzrdbandbtmht{height:70px;}
.cmprprtsbg{ background-color:#f3f6f6;}
.zcgrylgtclr{ color:#c1ccd2}
.zctopictopbnd{position:fixed; top:0px; left:0px; width:100%; z-index:3; background-color:#fff; padding:15px 20px; box-shadow:1px 5px 10px #ccc;}



.spotligtsrch input[type="text"]{ border:solid 1px #d8d8d8; border-radius:5px; height:75px; text-indent:0px;font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#f4f4f4;}


.spotligtsrch{border:solid 1px #919191; border-radius:5px; height:75px; text-indent:0px;font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#f4f4f4;}

.spotligtsrchsel{ border-radius:5px 5px 0px 0px;}

.spotligtsrchmnu{ padding:20px; font-size:18px; background-color:#f4f4f4; border-right:#ccc solid 1px; cursor:pointer; border-radius:5px 0px 0px 5px;}

.spotligtsrchmnusmall{ padding:10px; font-size:16px; background-color:#f4f4f4; border-right:#ccc solid 1px; cursor:pointer; border-radius:5px 0px 0px 5px; text-align:left;}

 .spotligtsrch input[type="text"]{border:solid 1px #fff; border-radius:0px 5px 5px 0px; height:75px; text-indent:0px;font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#f4f4f4; font-weight:100; background-color:#fff;}


/*.spotligtsrchsel input[type="text"]{border:solid 1px #919191; border-radius:5px 5px 0px 0px; height:75px; text-indent:0px;font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#f4f4f4; font-weight:100;}
*/


.spotligtsrch input[type="text"]:focus{ border:solid 1px #fff; border-radius:0px 5px 5px 0px;  height:75px; font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#fff; font-weight:100; box-shadow:none;}

.cal_time>input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:30px; text-indent:0px;font-size:15px; position:relative;font-family:'Open Sans'; color:#555;}


.zctblsortflrtcntr input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:30px; width:100%; text-indent:15px;font-size:12px;}
.zctblsortflrtcntr input[type="text"]:focus{ border:solid 1px #349fd7; color:#222;font-size:12px;}
.zctblsortflrtcntr input[type="text"].err{ border:solid 1px #FF0004; z-index:0;}

input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; text-indent:10px;font-size:15px; position:relative;font-family:'Open Sans';}
input[type="text"]:focus{ border:solid 1px #349fd7; box-shadow: 0px 0px 3px #349fd7; font-size:15px; color:#222; outline:none;}
input[type="text"].err{ border:solid 1px #FF0004; z-index:0;}

input[type="text"]:disabled{pointer-events: none;background-color:#f4f4f4;}

.srh input[type="text"]{ border:solid 1px #d8d8d8; height:37px; text-indent:15px;box-shadow: 0 1px 3px #eee inset; font-size:15px; position:relative; padding-right:35px;font-family: 'Open Sans'}
.srh div{position:absolute; right:0px; z-index:1; right:10px; top:8px;}
.fltrsrh input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; text-indent:15px;box-shadow: 0 1px 3px #eee inset; font-size:15px; position:relative; padding-right:35px;}
.fltrsrh .fltrerr[type="text"]{ border:solid 1px #e95c5c;}
.fltrsrh div{position:absolute; right:0px; z-index:1; right:10px; top:10px;}
.uslct{-moz-user-select:none; -webkit-user-select:none; user-select:none; -o-user-select:none; -ms-user-select:none;}

.cstmfld input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; text-indent:15px;font-size:15px; position:relative; padding-left:50px;font-family: 'Open Sans'}
.cstmfld input[type="text"]:focus{ border:solid 1px #349fd7; box-shadow: 0px 0px 3px #349fd7; font-size:15px; color:#222; padding-left:50px; outline:none;}
.cstmfldicon{padding:0px; height:35px; width:50px;background-color:#ededed; border-right:1px solid #d5d5d5; z-index:1; border-radius:3px 0px 0px 3px; top:1px; left:1px;}

.drpdiv{ border-radius:5px; border: dashed 2px #91e9ec; background-color:#eafeff; padding:10px; text-align:center; font-size:14px; color:#05b1c1;}
.zccrtbg {background: linear-gradient(#f2f8fb, #fff);}
.lh13{line-height: 1.3;}
.lh16{line-height: 1.6;}
.lh1{line-height:1;}
.lh15{line-height:1.5;}
.lh2{line-height:2;}
.lh25{line-height:2.5;}
.lh37p{line-height:37px;}
.dtbl{display:table;}
.dinb{display:inline-block;}
.dbl{display:block;}
.dflx{display:flex;}
.r50{border-radius:50%;} 
.r10{border-radius:10%;} 
/*::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background-color: #eaeaea;border-left: 1px solid #ccc;}
::-webkit-scrollbar-thumb {background-color: #ccc;}
::-webkit-scrollbar-thumb:hover {background-color: #aaa;}*/
/*.redfield {border:1px solid #f2644d ;}*/
.zclstbtnscntr{ float:right;}
.navbaar{margin-left:42px;}
.sclpsttxtarea{ border:none; box-shadow:none; height:auto; padding:0px;transition:all .3s;}
.sclpsttxtarea:focus{ border:none; box-shadow:none; outline:none; height:80px; padding:0px; transition:all .3s;}
.sclppstselacts{border:solid 1px #ccc; float:left; border-radius:3px; padding:0px; font-size:12px; background-color:#fff;}
.sclppstselacts .prfpic{width:35px; height:35px; overflow:hidden; border-radius:3px 0px 0px 3px; border-right:solid 1px #ccc;}
.popupabs{ background-color:#fff; text-align:left; position:absolute; border:solid 1px #ccc; box-shadow:0px 0px 10px #aaa; z-index:100; top:96px; }
.popupactivebtn{ background-color:#666; color:#fff; font-size:12px; border-radius:2px; padding:5px 15px; border:solid 1px #444;}
.popupactivebtn:hover{ background-color:#444; color:#fff; font-size:12px; border-radius:2px; padding:5px 15px; border:solid 1px #444; cursor:pointer;}

.popupinactivebtn{ background-color:#f9f9f9; color:#000; font-size:12px; border-radius:2px; padding:5px 15px;border:solid 1px #ddd;}
.popupinactivebtn:hover{ background-color:#f0f0f0; color:#000; font-size:12px; border-radius:2px; padding:5px 15px;border:solid 1px #ddd; cursor:pointer;}
.popupcloseicon{ opacity:.4; float:right; margin-top:7px;}
.popupcloseicon:hover{ opacity:1; float:right; margin-top:7px; cursor:pointer;}
footer{ font-size:11px; color:#AAAAAA; margin-top:10px; text-align:center; padding:10px;}
.backarw{ opacity:.10; position:absolute; top:-10px; transition: width .5s ease, opacity .5s ease;}
.backarw:hover{ opacity:1; cursor:pointer; transition: width .5s ease, opacity .5s ease;}
/* Left Menu New*/
/*.lftnavmnu{ padding-left:80px; position:relative; transition: all 0.3s ease 0s;}
.lftnav{width:80px; transition: all 0.2s ease 0s;position:fixed; height:100%; left:0px; top:45px; background-color:#444444; text-align:center;}
.lftnav ul{list-style-type:none; margin:0; padding:0;}
.lftnav>ul>li{display:block; margin:0; padding:17px 5px; height:67px; position:relative; transition: all 0.3s ease 0s;}
.lftnav>ul>li:hover>a{opacity:1; filter: alpha(opacity=1); transition: all 0.3s ease 0s;}
.lftnav b{ display:block;}
.lftnav span{ color:#fff; font-size:11px;}
.lftnav>ul>li>a{opacity:.2; filter:alpha(opacity=20);cursor:pointer;}
.lftnav>ul>li.selectedTab{background-color:#333333;opacity:1; filter: alpha(opacity=10);}
.lftnav>ul>li.selectedTab>a{opacity:.6; filter: alpha(opacity=6);}

.lftsubnav{ background-color:#333333; position:absolute; left:80px; top:0px; padding:10px; z-index:1;}
.lftsubnav>ul>li>a{ font-size:13px; color:#757575; padding:10px; white-space:nowrap; display:block; text-align:left; cursor:pointer;}
.lftsubnav>ul>li>a:hover{color:#f0a329; cursor:pointer;}
.lftsubnav>ul>li>a.selsub{color:#fff; cursor:default;}
.lftnavsetcntr{position:fixed; bottom:0px;}
.lftnavsetcntr>div{padding:15px 10px; height:44px; text-align:center; width:80px; cursor:pointer; background-color:#343434; border-top:solid 1px #4f4f4f;height:50px;}
.lftnavsetcntr>div>img{opacity:.5;filter:alpha(opacity=50); }
.lftnavsetcntr>div:hover>img{cursor:pointer; opacity:1;filter:alpha(opacity=100);}
.lftnavsetcntr>div img:hover{cursor:pointer; opacity:1;filter:alpha(opacity=100);}
.lftnavsetcntr>div.selectedTab{background-color:#2b2b2b;}
.lftnavsetcntr>div.selectedTab>img{opacity:1; filter: alpha(opacity=10);}
*/
/* Left Menu */
.lftmnu{width:200px; transition: all 0.2s ease 0s;position:fixed; height:100%; left:0px; top:45px; padding-top:20px;}
.lftmnu ul{list-style-type:none; margin:0; padding:0;}
.lftmnu li{display:block; margin:0; padding:0;}
.lftmnu b{ width:30px; display:block; float:left;}
.lftmnu a{margin:0;padding:15px 15px;text-decoration:none; display:block;  border-left:solid 4px transparent; font-size:15px; transition: all 0.3s; clear:both; overflow:hidden; cursor:pointer;}
.lftmnu a:hover{background-color: #152e48;margin:0;padding:15px 15px;text-decoration:none;cursor:pointer; transition: all 0.3s;cursor:pointer;}
.lftmnu a:hover img{ opacity:1;}
.lftmnu a img{ vertical-align:middle; margin-right:10px; opacity:.3; width:20px;}
.lftmnu ul li a.selectedTab {color: #FFFFFF;outline-style: none;display:block;}
.lftmnu ul li a span{ display:block; width:40px; float:left;}
.lftmnu ul li a em{display:block; float:left; font-style:normal; transition: all 0.2s ease 0s;}
.lftmnu ul li a.selectedTab:hover{ outline-style:none;text-decoration:none; cursor:default;}
.lftmnu .selectedTab img{ opacity:1;}
.lftmnuhide{width:85px; transition: all 0.3s ease 0s;position:fixed; height:100%; left:0px;  padding-top:20px; text-align:center; top:40px;}
.lftmnuhide li a span{ display: block; font-size: 11px; margin-top: 5px; width: 68px; overflow: hidden; word-break: break-all; word-wrap: break-word;}
.lftmnuhide li a em{ display:none;transition: all 0.2s ease 0s;}
.lftmnuhide ul{list-style-type:none; margin:0; padding:0;}
.lftmnuhide li{display:block; margin:0; padding:0;}
.lftmnuhide a{margin:0;padding:10px;text-decoration:none; color:#999; display:block;font-size:15px; }
.lftmnuhide a:hover{margin:0;text-decoration:none; color:#fff; cursor:pointer;}
.lftmnuhide a:hover img{ opacity:1;}
.lftmnuhide a img{ vertical-align:middle;  opacity:.4; width:24px; max-height:20px;}
.lftmnuhide .selectedTab a{color: #FFFFFF;   outline-style: none; display:block;cursor:pointer}
.lftmnuhide .selectedTab a:hover{ color: #FFFFFF;   outline-style: none; text-decoration:none; cursor:default;}
.lftmnuhide .selectedTab img{ opacity:1;}
.lftsubmnu{position:fixed; z-index:7!important; width:200px; height:auto; display:block;}
.lftsubmnu ul{ padding:0px; margin:0px; list-style:none;}
.lftsubmnu ul li{ padding:0px; margin:0px; position:relative; }
.lftsubmnu ul li a{ padding:15px; text-decoration:none;font-size:13px; cursor:pointer;display:block;}
.lftsubmnu ul li a:hover{text-decoration:none; color:#fff;}
.lftsubmnu ul li a.selsubmnu{color:#fff;}

/*Fav Menu*/
.lftfavsubmnu{ background-color:#18222d; position:fixed; z-index:7!important; width:200px; height:auto; display:block;}
.lftfavsubmnu ul{ padding:0px; margin:0px; list-style:none;}
.lftfavsubmnu ul li{ padding:0px; margin:0px; position:relative; }
.lftfavsubmnu ul li a{ padding:15px; text-decoration:none; color:#757575; font-size:13px; cursor:pointer;display:block;}
.lftfavsubmnu ul li a:hover{text-decoration:none; color:#fff;}
.lftfavsubmnu ul li a.selsubmnu{color:#fff;}



/*Sub Tab*/
.stab{ background-color:#fff; overflow:hidden; border-bottom:solid 1px #eeedeb; border-top:solid 1px #fff;}
.stab ul{ margin:0px; padding:0px; list-style:none;}
.stab>ul>li:first-child{ margin-left:9px;}
.stab ul li{ margin-left:20px;margin-right:20px padding:0px; list-style:none;display:inline-block;}
.stab ul li a{ padding:10px; display:inline-block; font-size:15px; font-weight:400; color:#222;transition:all .3s; position:relative;}
.stab ul li a.drbdwnarw{ border-left:solid 1px #eee; border-right:solid 1px #eee;}
.stab ul li a.dsbl{ padding:10px; display:inline-block; font-weight:400; transition:all .3s;opacity: 0.5;}
.stab ul li a.dsbl:hover{ padding:10px; display:inline-block;font-weight:400; transition:all .3s; cursor:default;}
.stab ul li a:hover{ color:#222; cursor:pointer; transition:all .3s;}
.stab ul li a.sel{color:#ff7e00;transition:all .3s;}
.selTab{height: 3px;background: #ff7e00;margin-top: -3px;transition:0.3s all ease}

/*Settings Sub Tab*/
.zcintstab{ background-color:#fff; overflow:hidden;}
.zcintstab > a{ padding:5px 15px; display:inline-block; font-size:13px; border:solid 1px #ddd; color:#555;transition:all .3s; cursor:pointer; border-radius:3px; margin-left:15px; margin-top:15px;}
.zcintstab ul{ margin:0px; padding:0px; list-style:none;}
.zcintstab>ul>li:first-child{ margin-left:9px;}
.zcintstab ul li{ margin-left:20px; margin-right:20px; padding:0px; list-style:none;display:inline-block; float:left;}
.zcintstab ul li a{ padding:10px; display:inline-block; font-size:14px; color:#606b77;transition:all .3s;}
.zcintstab ul li a:hover{ color:#222; cursor:pointer; transition:all .3s;}
.zcintstab ul li a.sel{color:#222;transition:all .3s; border-bottom:solid 3px #FFAF00;}
.zcintstab > a{ padding:5px 15px; display:inline-block; font-size:13px; border:solid 1px #ddd; color:#555;transition:all .3s; cursor:pointer; border-radius:3px; margin-left:15px; margin-top:15px;}
.zcintstab > a:hover{border:solid 1px #f0a329; color:#f0a329;}
.zcintstab > a.sel{ border:solid 1px #f0a329; background-color:#fce8c9; cursor:default;}

.zcintstab{ background-color:#fff; overflow:hidden;}
.zcintstab li{ display:inline;}
.zcintstab li a{ padding:5px 15px; display:inline-block; font-size:14px;color:#555;transition:all .3s; cursor:pointer; margin-left:15px; margin-top:15px;}
.zcintstab li a:hover{ color:#f0a329;}
.zcintstab li a.sel{ border-bottom:solid 1px #f0a329;  cursor:default;}



.zcnewtab{ display:inline-block; font-size:13px; border:solid 1px #ddd; color:#555;transition:all .3s; cursor:pointer; border-radius:3px; margin-left:15px; margin-top:15px;}
.zcnewtabpdng{padding:5px 15px;}
.zcseltab{  border:solid 1px #f0a329; background-color:#fce8c9; cursor:default;}

/*Workflow Templates */
.zcwrkflwactnlst{ overflow:hidden;}
.zcwrkflwactnlst > a{ padding:5px 15px; display:inline-block; font-size:14px; border:solid 1px #ddd; color:#555;transition:all .3s; cursor:pointer; border-radius:3px; margin-right:15px; background-color:#fff;}
.zcwrkflwactnlst > a:hover{border:solid 1px #f0a329; color:#f0a329;}
.zcwrkflwactnlst > a.sel{ border:solid 1px #f0a329; background-color:#fce8c9; cursor:default;}
.zcw33mr20{ width:calc(33% - 20px);}

/* Breadcrumb */
.brdcrmcntr{left: 86px;overflow: hidden;position: fixed;top: 48px;width: calc(100% - 85px); z-index:4;}
.brdcrm{ padding:7px 7px 7px 14px; font-size:12px; color:#222;line-height: 1; background-color: #fff;    border-bottom: 1px solid #f0f6f9;}
.brdcrm span{ margin-left:4px;}
.brdcrm span a:first-child{ color:#555;transition:all .3s; margin-left:0px;}
.brdcrm span a{ color:#222;transition:all .3s; margin-left:4px; text-decoration:none;}
.brdcrm span a:hover{ color:#ef7615; cursor:pointer; transition:all .3s;}
.brdcrm span:last-child{ color:#858f9a;}
/*Dropdown List*/ 
.drpdwnlst{transition: 0.3s all ease;background-color:#fff; border:solid 1px #ccc; box-shadow:0px 1px 2px  rgba(00,00,00,0.2); border-radius:3px; text-align:left; position:absolute; display:table; min-width:120px; width:100%; z-index:2;}
.drpdwnlst ul{ padding:0px; margin:0px; list-style:none;}
.drpdwnlst ul li{ padding:0px; margin:0px; display:block;}
.drpdwnlst ul li a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap; cursor:pointer;}
.drpdwnlst ul li a:hover{ padding:10px 20px;  font-size:14px; background-color:#f5faff; text-decoration:none; color:#ef7615; cursor:pointer;}
.drpdwnlst ul li a.lnk{ padding:10px 20px; color:#0c8cc4; font-size:14px; display:block; text-decoration:none; white-space:nowrap; }
.drpdwnlst ul li a.lnk:hover{ padding:10px 20px;  font-size:14px; background-color:#fff; text-decoration:underline; color:#0c8cc4;}
.drpdwnlst ul li a.dsbl{ padding:10px 20px; color:#bbb; font-size:14px; display:block; text-decoration:none; white-space:nowrap; cursor:default }
.drpdwnlst ul li a.title{ padding:10px 20px; color:#333; font-size:14px; display:block; text-decoration:none; white-space:nowrap; cursor:default; font-weight:600;}
.drpdwnlst ul li a.title:hover{ background-color:#fff;}

.drpdwnlst ul li a.dsbl:hover{ padding:10px 20px;  font-size:14px; background-color:#fff; text-decoration:none; color:#bbb;}
.drpdwnlstrgt{ right:0px; width:auto;}
/*Global Search Dropdown*/
.gblsrchbdr{ border-bottom:solid 1px #eee; height:7px;}
.glblsrchbox>input[type="text"]{border: 1px solid #fff; bottom: 1px; box-shadow: none;color: #555;height: 30px; left: 2px; padding: 0 0 0 30px;position: absolute;text-indent: 0;width: 247px;}
.gbldrpdwnlst{border:solid 1px #ccc; background-color:#fff; border-radius:0px 0px 5px 5px; position:absolute; z-index:10; min-width:250px; box-shadow:1px 2px 3px #ccc; top:8px; left:0px; }
.gbldrpdwnlst ul{padding:0px; overflow:auto;}
.gbldrpdwnlst ul li{list-style:none; padding:10px 15px; font-size:14px; white-space:nowrap;} 
.gbldrpdwnlst li:hover{background-color:#f5faff;color:#ef7615; cursor:pointer;}
.gbldrpdwnlst ul li span{ font-style:normal; margin-left:5px;}
.gbldrpdwnlst .new{padding:10px 15px; background-color:#f5f5f5; border-radius:0px 0px 5px 5px; font-size:14px; cursor:pointer;}

/*List Dropdown white*/
.lstdrpdwnwht:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:47%;}
.lstdrpdwnwht:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:47%;}
.lstdrpdwnwht{ background-color:#ffffff; border:solid 1px #ccc; box-shadow:0px 1px 1px  rgba(00,00,00,0.1); border-radius:3px; text-align:left; position:absolute; display:table;  min-width:100px; z-index:10; top:-20px;}
.lstdrpdwnwht ul{ padding:0px; margin:0px; list-style:none;}
.lstdrpdwnwht ul li{ padding:0px; margin:0px;}
.lstdrpdwnwht ul li a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap; border-bottom:solid 1px #e8e8e8; }
.lstdrpdwnwht ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615;}


/*Info Pan*/

.zcinfopanwht:after{ border-color: transparent #293848 transparent transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:7px;   width: 0; left:-17px;}
.zcinfopanwht{ background-color: #fff;  border: 1px solid #293848; color:#fff;  border-radius: 3px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    display: table;  left:40px;  min-width: 100px; position: absolute;  text-align: left; top: -0px; z-index: 10; cursor:default; width:300px; color: #000000}
.zcinfopanwht ul{ padding:0px; margin:0px; list-style:none;}
.zcinfopanwht ul li{ padding:0px; margin:0px;}
.zcinfopanwht ul li a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap; border-bottom:solid 1px #e8e8e8; }
.zcinfopanwht ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615;}



/*List Dropdown */
.lstdrpdwn:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:47%;}
.lstdrpdwn:after{ border-color: transparent  transparent #f9fafa transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:47%;}
.lstdrpdwnHz{ background-color:#f9fafa; border:solid 1px #ccc; box-shadow:0px 1px 1px  rgba(00,00,00,0.1); border-radius:3px; text-align:left; position:absolute; display:table; font-weight:lighter; min-width:150px; z-index:10; top:34px;}
.lstdrpdwnHz ul{ padding:0px; margin:0px; list-style:none; white-space:nowrap;}
.lstdrpdwnHz ul li{ padding:0px; margin:0px; display:inline-block;}
.lstdrpdwnHz ul li a{ padding:10px 20px; color:#555; font-size:14px;text-decoration:none; white-space:nowrap; border-left:solid 1px #e8e8e8; display:inline-block;}
.lstdrpdwnHz ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615;}
.lstdrpdwnHz:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:10px;}
.lstdrpdwnHz:after{ border-color: transparent  transparent #f9fafa transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:10px;}
.lstdrpdwn{ background-color:#fff; border:solid 1px #ccc; box-shadow:0px 1px 1px  rgba(00,00,00,0.1); border-radius:3px; text-align:left; position:absolute; display:table; font-weight:lighter; min-width:100px; z-index:10; top:34px;}
.lstdrpdwn ul{ padding:0px; margin:0px; list-style:none;}
.lstdrpdwn ul li{ padding:0px; margin:0px;}
.lstdrpdwn ul li a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap;  }
.lstdrpdwn ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615 !important; background-color:#f5faff;}
.lstdrpdwnrgt:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:10px;}
.lstdrpdwnrgt:after{ border-color: transparent  transparent #f9fafa transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:10px;}
.lstdrpdwnrgt{ background-color:#fff; border:solid 1px #ccc; box-shadow:0px 1px 1px  rgba(00,00,00,0.1); border-radius:3px; text-align:left; position:absolute;/* display:table;*/min-width:100px; z-index:10; top:34px;}
.lstdrpdwnrgt ul{ list-style:none;}
.lstdrpdwnlft:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; left:10px;}
.lstdrpdwnlft:after{ border-color: transparent  transparent #f9fafa transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; left:10px;}
.lstdrpdwnlft{ background-color:#f9fafa; border:solid 1px #ccc; box-shadow:0px 1px 1px  rgba(00,00,00,0.1); border-radius:3px; text-align:left; position:absolute; display:table; font-weight:lighter; min-width:100px; z-index:10; top:34px;}
.lstdrpdwnlft ul{ list-style:none;}
.lstdrpdwnrgt ul{ padding:0px; margin:0px; list-style:none;}
.lstdrpdwnrgt ul li{ padding:0px; margin:0px;}
.lstdrpdwnrgt ul li a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap;  }
.lstdrpdwnrgt ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615; background-color:#f5faff;}
.lstdrpdwnrgt ul li.nodata{ padding:10px 20px; font-size:14px;  border-bottom: 1px solid #e8e8e8;}
.lstdrpdwnrgt ul li a.new{ color:#0c8cc4;}
.lstdrpdwnrgt ul li a.new:hover{ color:#0c8cc4; text-decoration:underline;}
.lstdrpdwnrgt ul li a.dsbl{ color:#ccc !important;}

/* Dropdown Combobox */
/*.drpdnmnu{border:solid 1px #ddd; background-color:#f9f9f9; font-size:14px; color:#444; padding:7px 10px; border-radius:3px;cursor:pointer; min-width:200px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}*/ 

.drpdnmnu{border:solid 1px #d8d8d8; background-color:#fff; font-size:14px; color:#222; /*padding:7px 10px;*/ border-radius:3px;cursor:pointer; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:37px;}
.drpdnmnu>b{ padding:8px 14px; background-color:#fff; border-right:solid 1px #d8d8d8;cursor:pointer; width:60px; display:table-cell; text-align:center; vertical-align:middle;}
.drpdnmnu>b:hover{background-color:#fff;}
.drpdnmnu>em{display: block; width: calc(100% - 65px);text-overflow: ellipsis;float: left; overflow:hidden; text-align:left;}
.drpdnmnu>em>input[type="text"] { border:0px; width:100%; height:34px;}

.drpdnmtbdrp{border:solid 1px #d8d8d8; background-color:#fff; font-size:14px; color:#222; /*padding:7px 10px;*/ border-radius:3px;cursor:pointer; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:37px;}
.drpdnmtbdrp>p{display: block; padding:10px; margin-left:5px; width: calc(100% - 49px);text-overflow: ellipsis;float: left; overflow:hidden; text-align:left;}
.drpdnmtbdrp>span{position: relative;width:20px;height:35px;display: block;}
.drpdnmtbdrp>span>i:first-child{position: absolute;right:5px;top:5px;}
.drpdnmtbdrp>span>i:last-child{position: absolute;right:5px;bottom:5px;}

.drpdnmnu>span{ padding: 8px 14px;border-left: solid 1px #fff;cursor: pointer;width: 44px;display: table-cell;text-align: center;vertical-align: middle; margin-left:0px;}
.drpdnmnu>span:hover{background-color:transparent;}
.drpdnmnu>p{display: block; padding:10px; margin-left:5px; width: calc(100% - 49px);text-overflow: ellipsis;float: left; overflow:hidden; text-align:left;}
.drpdnmnu>span i { font-size:20px;}

.drpdnmnuslim{border:solid 1px #d8d8d8; background-color:#fff; font-size:12px; color:#444; border-radius:3px;cursor:pointer; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;height:35px}
.drpdnmnuslim>span:hover{background-color:#fff;}
.drpdnmnuslim>span{ padding:7px 10px; background-color:#fff; border-left:solid 1px #fff;cursor:pointer; width:35px; display:table-cell; text-align:center; vertical-align:middle;}
.drpdnmnuslim>span:hover{background-color:#e4e4e2;}
.drpdnmnuslim>p{display: block; padding:7px 10px; margin-left:5px; width: calc(100% - 60px);text-overflow: ellipsis;float: left; overflow:hidden; text-align:left;}


.drpdnmnuerr{border:solid 1px #f47777; background-color:#fff; font-size:14px; color:#444; /*padding:7px 10px;*/ border-radius:3px;cursor:pointer; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;height: 35px;}
.drpdnmnuerr>span{ padding:8px 14px; background-color:#ededeb; border-left:solid 1px #d8d8d8;cursor:pointer; width:44px;}
.drpdnmnuerr>p{display: block; padding: 8px; margin-left:5px; width: calc(100% - 60px);text-overflow: ellipsis;float: left; overflow:hidden;text-align:left;}
.drpdnmnudsbl{border:solid 1px #d8d8d8; background-color:#f5f5f5; font-size:14px; color:#aaa;border-radius:3px;cursor:default; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; opacity:.8;height: 37px; pointer-events: none;}
.drpdnmnudsbl>span{ padding:8px 14px; background-color:#f5f5f5;cursor:default; width:44px;}
.drpdnmnudsbl>p{display: block; padding:10px; margin-left:5px; width: calc(100% - 60px);text-overflow: ellipsis;overflow: hidden; text-align:left;}
.drpdwnmnusel{border:solid 1px #bbb; background-color:#fff; font-size:14px; color:#222;border-radius:3px 3px 0px 0px;cursor:pointer; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;height:37px}
.drpdwnmnusel>span{ padding: 8px 14px;background-color: #fff;border-left: solid 1px #fff;cursor: pointer;width: 44px;display: table-cell;text-align: center;vertical-align: middle;}
.drpdwnmnusel>p{display: block; padding: 10px; margin-left:5px;text-align:left;overflow: hidden;text-overflow: ellipsis;}

.drpdnmnu.dsbl{border:solid 1px #d8d8d8; background-color:#f5f5f5; font-size:14px; color:#aaa;border-radius:3px;cursor:default; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; opacity:.8;height: 37px; pointer-events: none;}
.drpdnmnu.dsbl>span{ padding:8px 14px; background-color:#f5f5f5;cursor:default; width:44px;}
.drpdnmnu.dsbl>p{display: block; padding: 8px; margin-left:5px; width: calc(100% - 60px);text-overflow: ellipsis;overflow: hidden; text-align:left;}

.drpdwnmnuselup{border:solid 1px #bbb; background-color:#fff; font-size:14px; color:#444;border-radius:0px 0px 3px 3px;cursor:pointer; min-width:100px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;height: 37px;}
.drpdwnmnuselup>span{ padding:8px 14px; background-color:#dcdcdb; border-left:solid 1px #d8d8d8;cursor:pointer;}
.drpdwnmnuselup>p{display: block; padding: 8px; margin-left:5px;}

.drpdwnmnulst{border:solid 1px #bbb; border-radius: 0 0 3px 3px; background-color:#fcfcfc; position:absolute;  width:100%; border-top:solid 1px #eee; box-shadow:1px 2px 3px #ddd;z-index:10;}
.drpdwnmnulst ul{ padding:0px; margin:0px; list-style:none;}
.drpdwnmnulst ul li{ padding:0px; margin:0px;}
.drpdwnmnulst ul li a{ padding:10px 10px; color:#222; font-size:13px; display:block; text-decoration:none; white-space:nowrap; width: 100%;text-overflow: ellipsis;
overflow: hidden;}
.drpdwnmnulst ul li a:hover{background-color:#f5f5f5; text-decoration:none; color:#ef7615; cursor:pointer;} 
.drpdwnmnulst ul li a.select{   font-size:13px; background-color:#d5e9ef; text-decoration:none; color:#000; cursor:default;}
.drpdwnmnulst ul li a.title{  font-size:13px; background-color:#ebf0f5; text-decoration:none; color:#555; cursor:default; font-weight:bold;}
.drpdwnmnulst ul li.sticky{position:sticky;top:0;background-color: #ffffff;}

.sprsrchdrpdwnmnulst{border:solid 1px #919191; border-radius: 0 0 3px 3px; background-color:#fcfcfc; position:absolute;  width:100%; border-top:solid 1px #eee; box-shadow:1px 2px 3px #ddd;z-index:10;}
.sprsrchdrpdwnmnulst ul{ padding:0px; margin:0px; list-style:none;}
.sprsrchdrpdwnmnulst ul li{ padding:0px; margin:0px;}
.sprsrchdrpdwnmnulst ul li a{ padding:10px 20px; color:#555; font-size:16px; display:block; text-decoration:none; white-space:nowrap; }
.sprsrchdrpdwnmnulst ul li a:hover{background-color:#f5faff; text-decoration:none; color:#ef7615; cursor:pointer;} 
.sprsrchdrpdwnmnulst ul li a.title{   background-color:#f9f9f9; text-decoration:none; color:#555; cursor:default; text-transform:uppercase; border-bottom:solid 1px #ededed; border-top:solid 1px #ededed; font-size:14px;}


.sprsrchdrpdwnmnulst{border:solid 1px #919191; border-radius: 0 0 3px 3px; background-color:#fcfcfc; position:absolute;  width:100%; border-top:solid 1px #eee; box-shadow:1px 2px 3px #ddd;z-index:10;}
.sprsrchdrpdwnmnulst ul{ padding:0px; margin:0px; list-style:none;}
.sprsrchdrpdwnmnulst ul li{ padding:0px; margin:0px;}
.sprsrchdrpdwnmnulst ul li a{ padding:10px 20px; color:#555; font-size:16px; display:block; text-decoration:none; white-space:nowrap; font-weight:lighter; }
.sprsrchdrpdwnmnulst ul li a:hover{background-color:#f5f5f5; text-decoration:none; color:#ef7615; cursor:pointer;} 
.sprsrchdrpdwnmnulst ul li a.title{   background-color:#f9f9f9; text-decoration:none; color:#555; cursor:default; text-transform:uppercase; border-bottom:solid 1px #ededed; border-top:solid 1px #ededed; font-size:14px;}

.drpdwnmnulstup{border:solid 1px #bbb; border-radius: 3px 3px 0px 0px; background-color:#fcfcfc; position:absolute;  width:100%; border-bottom:solid 1px #eee; box-shadow:0px -2px 3px #ddd; z-index:10; bottom:37px;}
.drpdwnmnulstup ul{ padding:0px; margin:0px; list-style:none;}
.drpdwnmnulstup ul li{ padding:0px; margin:0px;}
.drpdwnmnulstup ul li a{ padding:10px 10px; color:#555; font-size:13px; display:block; text-decoration:none; white-space:nowrap; }
.drpdwnmnulstup ul li a:hover{background-color:#f5f5f5; text-decoration:none; color:#ef7615;} 
.drpdwnmnulstup ul li a.select{   font-size:13px; background-color:#d5e9ef; text-decoration:none; color:#000; cursor:default;}
.drpdwnmnulstup ul li a.title{  font-size:13px; background-color:#f0f0f0; text-decoration:none; color:#555; cursor:default; font-weight:bold;}


.drpdnmnuslimlst{border:solid 1px #bbb; border-radius: 0 0 3px 3px; background-color:#fcfcfc; position:absolute;  width:100%; border-top:solid 1px #eee; box-shadow:1px 2px 3px #ddd;z-index:10;}
.drpdnmnuslimlst ul{ padding:0px; margin:0px; list-style:none;}
.drpdnmnuslimlst ul li{ padding:0px; margin:0px;}
.drpdnmnuslimlst ul li a{ padding:8px 10px; color:#555; font-size:13px; display:block; text-decoration:none; white-space:nowrap; }
.drpdnmnuslimlst ul li a:hover{text-decoration:none; color:#ef7615; cursor:pointer;} 
.drpdnmnuslimlst ul li a.select{   font-size:13px; background-color:#d5e9ef; text-decoration:none; color:#000; cursor:default;}
.drpdnmnuslimlst ul li a.title{  font-size:13px; background-color:#f0f0f0; text-decoration:none; color:#555; cursor:default; font-weight:bold;}

.dashboardSearchdrpdwnmnulst{border:solid 1px #919191; border-radius: 0 0 3px 3px; background-color:#fcfcfc; position:absolute;  width:100%; border-top:solid 1px #eee; z-index:10;}
.dashboardSearchdrpdwnmnulst ul{ padding:0px; margin:0px; list-style:none;}
.dashboardSearchdrpdwnmnulst ul li{ padding:0px; margin:0px;}
.dashboardSearchdrpdwnmnulst ul li a{ padding:10px 10px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap; }
.dashboardSearchdrpdwnmnulst ul li a:hover{background-color:#f5faff; text-decoration:none; color:#ef7615; cursor:pointer;} 
.dashboardSearchdrpdwnmnulst ul li a.title{   background-color:#f9f9f9; text-decoration:none; color:#555; cursor:default; text-transform:uppercase; border-bottom:solid 1px #ededed; border-top:solid 1px #ededed; font-size:13px;}


.sptlgtsrchdrpdnmnulstcntr{ max-height:300px; overflow:auto;}
.drpdnmnulstcntr{ max-height:150px; overflow:auto;}
.drpdnmnulstsrch{ border-bottom:solid 1px #eee; padding:10px; }
.drpdnmnulstsrchup{ border-top:solid 1px #eee; padding:10px; }
.drpdnmnulstsrchicon{z-index: 1; top:12px; right:20px;}
.drpdnmnulstsrchicon > i{font-size:16px;}
.drpdnmnulstsrch  input[type="text"]{  width:100%; font-size:15px; color:#555; padding-right:30px; }
.drpdnmnulstsrchup input[type="text"]{  width:100%; font-size:15px; color:#555; padding-right:30px; }
.drpdwnmnulst .adnw{border-top:solid 1px #eee; border-radius:0px 0px 3px 3px;}
.drpdwnmnulst li a.link{ color:#0c8cc4; text-decoration:none; border-top:solid 1px #eee;}
.drpdwnmnulst li a.link:hover{ color:#0c8cc4; text-decoration:underline; }
.drpdwndatelst{ background-color:#f9f9f9; border-bottom:solid 1px #f1f1f1; border-top:solid 1px #f1f1f1;}
.drpdwndatelst ul{ padding:0px; margin:0px; list-style:none;}
.drpdwndatelst ul li{ padding:0px; margin:0px;}
.drpdwndatelst ul li a{ padding:10px 10px 10px 40px; color:#222222; font-size:14px; display:block; text-decoration:none; white-space:nowrap; }
.drpdwndatelst ul li a:hover{background-color:#f5f5f5; text-decoration:none; color:#ef7615;} 
.drpdwndatelst ul li a.select{   font-size:13px; background-color:#d5e9ef; text-decoration:none; color:#000; cursor:default;}
.trnsfrmrte{-ms-transform: rotateX(180deg);-webkit-transform: rotateX(180deg);transform: rotateX(180deg);transition:0.5s all ease;}
.trnsfrmrtecnl{-ms-transform: rotateX(0deg);-webkit-transform: rotateX(180deg);transform: rotateX(0deg);transition:0.5s all ease;}
.drpdnmnusl{border:solid 1px #ddd; background-color:#fff; font-size:14px; color:#444;  border-radius:3px;cursor:pointer; min-width:110px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.drpdnmnusl>span{ padding:7px 8px; cursor:pointer;}
.drpdnmnusl>span i{ font-size:20px; float:right;}
.drpdnmnusl>p{display: block; padding: 8px; margin-left:7px;}
.drpdnmnusl:hover{ background-color:#fff; cursor:pointer;}
.drpdwnmnuslsel{ background-color:#f9f9f9; font-size:14px; color:#444; padding:7px 10px;cursor:pointer; min-width:110px;border-radius:3px 3px 0px 0px; border:solid 1px #bbb;  box-shadow:0px 1px 1px #ddd inset;outline:none;transition:0.3s all ease}
/*Multiselect*/
.mlslctselup{ border-radius:0px 0px 3px 3px !important; border-color:#bbb !important;}
.mlslct{ border:solid 1px #ddd; height: auto !important; padding:0px; margin:0px; position:relative; min-height:40px; border-radius:3px; box-shadow: 0 1px 3px #eee inset;}
.mlslct li{ list-style:none; float:left; width:95%;}
.mlslct li>div{ padding:5px 10px 5px 15px; font-size:13px; background-color:#ebf0f5; float:left; margin:5px 0px 5px 10px; border-radius:16px;}

.mlslct li>div.sel{ background-color:#f9dede;}
.mlslct li>div.sel:hover{ background-color:#f7d2d2;}


.mlslct li > div:hover{ background-color:#e1eaf3;}
.mlslct li>div>span{ float:right; margin-left:10px; margin-top:1px; opacity:.7; height:15px;}
.mlslct li input[type="text"]{ background-color:transparent; border:0px; color:#777; font-size:15px; box-shadow:none; width:100%; padding-left:5px;}
.mlslctmlist{ background-color:#fff; border:solid 1px #ccc;border-top:solid 1px #ddd; position:absolute; z-index:auto; width:100%; top:-1px;box-shadow: 1px 2px 3px #ddd; z-index:3;}
.mlslctmlist ul{padding:0px; margin:0px;}
.mlslctmlist li{font-size:14px; color:#333; padding:10px 20px; display:block; }
.mlslctmlist li ul li{font-size:14px;padding:2px 22px; display:flex; }
.mlslctmlist li i{font-size:16px; padding: 5px 0px; display:inline-block; }
.mlslctmlist li > span{font-size:14px; padding:4px 5px; display: inline-block;}
.mlslctmlist li:hover{color:#ef7615; cursor:pointer; top:30px; background-color:#f5faff;}
.mlslctmlist .adnw{border-top:solid 1px #eee; border-radius:0px 0px 3px 3px;}
.zcardrbdwnlst{background-color:#162537; border:solid 1px #415469; position:absolute; z-index:auto; width:100%; top:-1px;box-shadow: 1px 2px 3px #333; z-index:3;}
.zcardrbdwnlst ul{padding:0px; margin:0px;}
.zcardrbdwnlst li{font-size:14px; color:#fff; padding:10px 20px; display:block; }
.zcardrbdwnlst li:hover{color:#23a9e8; cursor:pointer; top:30px; background-color:#4b5055;}

.zctagdrbdwnlst{ background-color:#fff; border:solid 1px #ccc;border-top:solid 1px #ddd; position:absolute; z-index:auto; width:120%; top:-1px;box-shadow: 1px 2px 3px #ddd; z-index:3; display:table;}
.zctagdrbdwnlst ul{padding:0px; margin:0px;}
.zctagdrbdwnlst li{font-size:14px; color:#333; padding:10px 20px; display:block; white-space:nowrap; max-width:250px; text-overflow: ellipsis; overflow: hidden;}
.zctagdrbdwnlst li:hover{color:#ef7615; cursor:pointer; top:30px; background-color:#f5faff;}

.zcdrpdwnlist{ background-color:#fff; border:solid 1px #ccc; position:absolute; z-index:auto; width:auto; top:-1px;box-shadow: 1px 2px 3px #ddd; z-index:3; border-radius:3px; min-width:250px;margin: 10px}
.zcdrpdwnlist ul{padding:0px; margin:0px; max-height:300px; overflow:auto;}
.zcdrpdwnlist li{font-size:14px; color:#333; display:block; white-space:nowrap; max-width:400px; text-overflow:ellipsis; overflow:hidden;}
.zcdrpdwnlist li:hover{ cursor:pointer; top:30px; background-color:#f5faff;white-space:nowrap;}
.zcdrpdwnlist li a{ color:#333; text-decoration:none;  padding:10px 20px; display:block; text-overflow: ellipsis; overflow: hidden; max-width: 300px; white-space: nowrap;}
.zcdrpdwnlist li a:hover{color:#ef7615;}
.zcdrpdwnlist li a.select{color:#ef7615;top:30px; background-color:#f5f5f5;white-space:nowrap;}
.zclistvw{ background-color:#fff;}
.zclistvw ul{padding:0px; margin:0px;  overflow:auto;}
.zclistvw li{font-size:14px; color:#333; padding:10px 20px; display:block; white-space:nowrap; border-bottom:solid 1px #f7f7f7; line-height:2;}
.zclistvw li:hover{color:#ef7615; cursor:pointer; top:30px; background-color:#f5faff;white-space:nowrap;}

/*Tag Dropdown*/
.tgdrpdwnlst{border:solid 1px #d9e0e8; background-color:#fff; border-radius:0px 5px 5px 5px; position:absolute; z-index:10; min-width:330px; box-shadow:1px 2px 3px #ccc; top:33px; }
.tgdrpdwnlst ul{padding:0px; overflow:auto; max-height:200px;}
.tgdrpdwnlst ul li{list-style:none; padding:10px 20px; font-size:14px; color:#555; white-space:nowrap;} 
.tgdrpdwnlst li:hover{background-color:#f5faff;color:#ef7615; cursor:pointer;}
.tgdrpdwnlst ul li span{color:#aaa; font-style:normal; margin-left:5px;}
.tgdrpdwnlst .new{ padding: 10px; background-color: #f2f4f5; border-radius: 0px 0px 5px 5px;}

.zcsortdrbdwnlst{border-radius:5px 0px 5px 5px; right:0px; min-width:200px; }
/*Alerts*/
.alert_wrapper{/*position:fixed;*/right: 0px; left: 60px;}
.zcalert{font-size: 14px;padding: 9px 18px;transition: all 0.2s linear 0s; border:solid 1px;width:800px; position:fixed; top:0px; z-index:10;left: calc(50% - 400px); box-shadow:1px 4px 8px rgba(00, 00, 00, 0.1);}
.zcalert_error{background-color: #fff1f1; border-color:#eda4a4; color: #e65d5d;}
.zcalert_success{background-color: #dff0d8; border-color:#d6e9c6; color: #3c763d;}
.zcalert_warning{background-color: #fcf8e3; border-color:#faebcc; color: #8a6d3b;}
.zcalert_info{background-color: #d9edf7; border-color:#bce8f1; color: #31708f;}
.zcalert_ct{left:0;right:0;margin: 0 auto;}

.alert { border: 1px solid; font-size: 14px;  padding: 12px;transition: all 0.2s linear 0s; width: 100%;}
.alert_md { border: 1px solid; font-size: 14px;transition: all 0.2s linear 0s; width: 100%;}
.alert_error{background-color: #fffdfd; border-color: #ffa4b2; color: #e65d5d;}
.alert_error_nbr{background-color: #fffdfd; border-color:transparent; color: #e65d5d;}
.alert_success{background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d;}
.alert_warning{background-color: #fffff7;  border-color: #f8d279;  color: #222;}
.alert_info{background-color: #f7feff; border-color: #a3e5f3; color: #000;}
.alert_war_whit{background-color: #ffffff;  border-color: #ff7e00;  color: #222;}
.msg_warning{background-color: #fffef9; border-color:#faebcc; color: #000; border:solid 1px #ffc243;}
.zcerrortxt{background-color: #fff6f6;border: #ebccd1 solid 1px;color: #e04e4c; padding:10px;}
.msg_error{background-color: #fff1f1;border: #ebccd1 solid 1px;
color: #c94441; font-size:14px; padding:15px; }
.msg_success{background-color: #dff0d8;border: #d6e9c6 solid 1px;
color: #3c763d; font-size:14px; padding:15px; line-height:2;font-weight:lighter;}
.msg_success>h1{font-size:18px; line-height:20px;font-weight:normal;}
.msg_error>h1{ font-size:18px; line-height:20px;font-weight:normal;}
.cmp_schdl{background-color: #fffcf2; border: 1px dashed #f6b66f;}
.flomsg{position:absolute;left:25%;width:50%;top:8px;border:0;}
/*Report Band*/
.rptbnd{background-color: #fff;border: 1px solid #d9e0e8;border-radius: 5px;font-weight: 400;position: relative;}
.rptbnd li{cursor: pointer;display: table-cell;padding: 15px 5px;text-align: center;width: 14%;}
.rptbnd li>a{color: #23a9e8;font-size: 20px;list-style: outside none none;}
.rptbnd li>a~a{color: #444;display: block;font-size: 14px;}
.rptbnd .selbnd{background-color: #349bee;border: 1px solid #349bee;border-radius: 40px;color: #fff;font-size: 20px;font-weight: normal;height: 50px;padding: 4px 0;position: absolute;text-align: center;top: 10px;transition: all 0.3s ease 0s;width: 180px;}
.rptbnd .selbnd .lbl{color: #fff;font-size: 14px;}
.rptbndsml{background-color:#f2faff; border:solid 1px #c1d1dd;border-radius:5px; position:relative;}
.rptbndsml li{ display: table-cell; padding:15px 20px; text-align:center; width:15%; cursor:pointer; }
.rptbndsml li>a{ font-size:20px; color:#23a9e8; list-style:none;}
.rptbndsml li>a~a{ font-size:14px; color:#444; display:block;}
.rptbndsml .selbnd{ background-color:#e4fcfc; padding:25px 0px; position:absolute; text-align:center;font-size:25px; color:#23a9e8; width:180px; top:-10px; height:108px; border:solid 1px #b9eeee; font-weight:normal;transition:0.3s all ease}
.rptbndsml .selbnd .lbl{font-size:17px; color:#abadac; }
.container{transition: all 0.3s ease 0s;}
.containerfull{transition: all 0.3s ease 0s;}
.lmnuicons{ padding-left:60px; position:relative; transition: all 0.3s ease 0s;}
.lmnutxt{ padding-left:200px; position:relative; transition: all 0.3s ease 0s;}
.getstrtcntr{ display:table; margin:0px auto;}
.getstrtcntr .lstpan{ width:330px; float:left; text-align:center;padding: 0px 20px;}
.getstrtcntr .cmppan{ width:330px; float:right; text-align:center;padding: 0px 20px;}
.getstrtcntr .content{ font-size:14px; color:#444444;}
.cmpeditpribtn{border-radius: 0 3px 3px 0;margin-left: -3px; margin-top: 2px;outline: medium none;padding: 0 8px;cursor: pointer;
 font-size: 15px; height: 35px;outline: medium none;transition: all 0.3s ease 0s;background-color: #ff6a1a; border-color: #ff6a1a;border-style: solid; border-width: 1px; vertical-align:bottom; border-left:solid 4px #47954e;}
 
.cmpeditpribtnsel{border-radius: 0 3px 3px 0;margin-left: -3px; margin-top: 2px;outline: medium none;padding: 0 8px;cursor: pointer;
 font-size: 15px; height: 35px;outline: medium none;transition: all 0.3s ease 0s;background-color: #fff; border-color: #ccc;border-style: solid; border-width: 1px; vertical-align:bottom;}
.cmpeditpribtnsel > b{border-top-color: #555; border-style:solid; border-width:0px 5px 5px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent; margin-left:10px;}
  
.cmpeditpribtn:hover{background-color:#ff6a1a;box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);}
.cmpeditsecbtn{border-radius: 0 3px 3px 0;outline: medium none;padding: 0 8px;cursor: pointer;font-size: 15px;height: 35px;outline: medium none;transition: all 0.3s ease 0s;background-color: #c6c9ca;border-style: solid;border-width: 1px;vertical-align: middle;border-left: solid 1px #8899af;border: solid 1px #8899af;border-bottom: solid 1px #8899af;}
 

 
.bdrlftgrn{border-left: 1px solid #33a13b;}
.bdrlftgry{border-left: 1px solid #aaaaaa;}
.prgbtn{ padding:4px 5px; font-size:13px; border-radius:3px; cursor:pointer;transition:all .3s;  outline:none;position:relative}
.arbtn{background-color: #ff6a1a; border: 1px solid #ff6a1a; border-radius:3px;color: #fff;cursor: pointer; font-size: 12px;padding: 5px 10px;transition: all 0.3s ease 0s;}

.arbtn:hover{background-color:#ff6a1a; color:#fff; border:solid 1px #ff6a1a; border-bottom:solid 1px #3f8445;}

.btnslim{ padding:4px 10px; font-size:12px; border-radius:3px; cursor:pointer;transition:all .3s; height:30px; outline:none;position:relative}
.btnslim:hover{cursor:pointer;transition:all .3s;}
/*.btnload{border-radius: 2px; bottom: -1px; left: -1px; background-color:#05660a; height: 35px; transition: all 0.5s ease 0s; width: 90%; opacity: 0.3; filter: alpha(opacity=30);}*/
.headerbg0{ font-size:22px;   padding:10px 20px; display:table; width:100%;}
 .headerbg{ font-size:22px;   padding:10px 20px; display:table; width:100%; margin-top:70px;}
.headerbnd{ font-size:22px;  padding:10px 20px; display:table; top:70px; position:fixed; z-index:3!important;}
.headerbnddv{ font-size:24px;   padding:15px 20px 15px 10px; display:table; top:70px; position:fixed; z-index:2;}
 .headerbg span{ display:table-cell; vertical-align:middle;}
 .subtxt{ font-size:16px; color:#444; font-weight:300; text-align:center; width:80%; margin:0px auto;}
.wzrdcntr{ font-size:14px; overflow:hidden; padding:7px; text-align:center; width:441px;}
.wzrdcntr ul{ padding:0px; margin:0px; list-style:none;}
.wzrdcntr ul li{ padding:0px; margin:0px 10px; list-style:none; display:inline-block; vertical-align:top;}
.wzrdcntr ul li span{ font-size:13px;  display:inline-block; background-color:#bec5cd; border-radius:16px; width:22px; padding:2px; color:#fff; margin:3px;} 
.wzrdcntr ul li span.sel{ background-color:#349fd7;}
.wzrdcntr ul li span.done{background-color:#57bb57;}
.wzrdcntr ul li div{ font-size:11px; color:#555;}
.wzrdstp{text-align:center; display:table;padding-top:3px;font-weight: 400;}
.wzrdstp ul{ padding:0px; margin:0px; list-style:none;}
.wzrdstp ul li{ padding:0px; margin:0px 10px; list-style:none; display:inline-block; vertical-align:top; color:#666; cursor:pointer;}
.wzrdstp ul li strong{ font-size:22px; vertical-align:sub; float:left; font-weight:400;}
.wzrdstp ul li span{ font-size:12px;float:left; margin:8px 0px 0px 4px;}
.wzrdstp ul li.cmpl{ color:#40b441;}
.wzrdstp ul li.sel{ color:#2594cf;}
.cmpwzrdfrm{ margin-top:20px;}
.cmpwzrdfrm .grp{ margin-bottom:30px; }
.cmpwzrdfrm .grp label{ display:block; width:210px; float:left; text-align:right; padding-top:10px; margin-bottom:5px; font-size:15px; white-space:nowrap;}
.cmpwzrdfrm .grp .flds{ margin-left:260px; width:60%; position:relative;}
.cmpwzrdfrm .flds>.errdiv{color: #cb3525;font-size: 13px; position: absolute;top: -20px;}
.cmpwzrdfrm input[type="text"].err{ border:solid 1px #FF0004;}
.cmpwzrdfrm input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; width:100%; text-indent:15px;font-size:15px;}
.cmpwzrdfrm input[type="text"]:focus{ border:solid 1px #349fd7; color:#222;}
.cmpwzrdfrm textarea{ border:solid 1px #d8d8d8; border-radius:3px;  width:100%; text-indent:5px; font-size:15px;}
.cmpwzrdfrm textarea:focus{ border:solid 1px #349fd7; border-radius:3px;  text-indent:5px; font-size:15px; color:#222;}
.cmpwzrdfrm .grp .flds .personalize{background-color: #ededeb;
font-size: 14px;color: #888a89;position: absolute;right:1px;top: 1px;
padding: 7px 30px;border-radius: 0px 3px 3px 0px;height: 35px;
border-left: solid 1px #d8d8d8;cursor: pointer; z-index:2;}
.cmpwzrdfrm .grp .flds .personalize:hover{background-color: #e0e0de;}
.cmpwzrdfrm small { color: #444; font-size: 14px;}
.cmpwzrdfrm small a{color:#444; text-decoration:underline;}
.cmpwzrdfrm .info{position:absolute; right:-30px; top:5px; cursor:default;}
.cmpwzrdfrm .rfshicon{position:absolute; right:-50px; top:0px; cursor:pointer;}
.cmpwzrdfrm .rfshicon:hover{position:absolute; right:-50px; top:0px; opacity:1;} 
.cmpwzrdbandbtmcntr, .cmpwzrdbandbtmaddcntcntr{ position:fixed; bottom:0px;width:100%; left:0px; z-index:6;}
.cmpwzrdbandbtmcntr button{padding:7px 20px; font-size:14px; border-radius:3px; cursor:pointer;transition:all .3s; min-width:100px; text-align:center; color:#fff; margin-top:2px;}
.cmpwzrdbandbtmcntr .btnlft{float:left; margin-left:20px; height:35px;outline:none; transition:all .3s; }
.cmpwzrdbandbtmcntr .btnrgt{float:right; margin-right:20px; height:35px; outline:none; transition:all .3s; position:relative; }
.cmpwzrdbandbtmcntr .grybtnrgt{float:right; margin-right:20px;} 
.cmpwzrdbandbtm{filter:alpha(opacity=70); padding:10px; width:100%; height:60px;}
.cmpwzrdbandbtmaddcnt{ background-color:#000; opacity:.1;filter:alpha(opacity=10); padding:10px; width:100%; height:60px;}
.cmpwzrdnme{ font-size:18px; width:30%; overflow:hidden; text-align:left; margin-top:6px; height:35px;}
.cmpwzrdtmpoptn{ background-color:#f3f8fd; padding:10px 20px; border-bottom: solid 1px #eee;}
.cmpwzrdtmpoptn .nme{ float:left; margin-top:11px;}
.cmpwzrdtmpoptn .switch{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap; margin-left:100px; border-radius:3px; font-size:15px; color:#888;}
.cmpwzrdtmpoptn .switch .sel{ background-color:#349bee; color:#fff; padding:5px 15px; border-radius:3px; height:30px;}
.cmpwzrdtmpoptn .switch .nrml{ padding:5px 15px; cursor:pointer;}
.cmpwzrdtmpoptn .drpdwn{ background-color:#b7babb; border-radius:5px; padding:8px 15px; font-size:15px; color:#fff; margin-left:100px; min-width:160px;}
.cmpwzrdtmpoptn .drpdwn:hover{ background-color:#a9aaaa;}
.arw{border-style:solid; border-width:5px 5px 0px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent; margin-left:5px;}
.dwnarw{border-style:solid; border-width:5px 5px 0px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent; margin-left:5px;}
.rgtarw{border-bottom: 5px solid transparent;border-left: 5px solid #fff; border-top: 5px solid transparent; margin-left:5px;display:inline-block; height:0px; vertical-align:middle}
.rgtarwprg{border-bottom: 5px solid transparent;border-left: 5px solid #94a2af; border-top: 5px solid transparent; margin-left:5px;display:inline-block; height:0px; vertical-align:middle}
/*.zcdwnarw{border-style:solid; border-width:6px 6px 0px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent; margin-left:5px; position:relative;}*/
/*.zcdwnarw:after{ content:''; position:absolute; z-index:2; border-style:solid; border-width:5px 5px 0px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent; margin-left:5px; position:absolute;z-index: 2; top: -9px; border-top-color:#FFFFFF
; left:-10px; }
	*/
.blkrgtarw{border-left-color: #555;}	
.white{border-top-color:#fff;}
.black{border-top-color:#555;}
.signupchoose{padding:10px; float:left; margin:20px 40px 20px 0px; transition:all .3s;border:solid 1px #f0a329; background-color:#fff; box-shadow:1px 2px 4px #ccc; transition:all .3s;}
.tmpcntr{ margin:0px; padding:0px 0px 0px 40px; overflow:hidden;}
.tmpcntr .thumbcntr:hover .zc_tmpslctbtn{display:block;} .tmpcntr .thumbcntr .zc_tmpslctbtn{display:none;}
.tmpcntr .thumbcntr{background-color: #fff;border: 1px solid #c4d3da;overflow:hidden;box-shadow: 0 1px 5px #d4dfe5;cursor: pointer;float: left;margin: 20px 40px 20px 0;padding: 10px;transition: all 0.3s ease 0s;transition: all 0.5s ease 0s; z-index:0; position:relative;}
.tmpcntr .thumbcntr:hover{border: solid 1px #f0a329; background-color: #fff;box-shadow: 0px 5px 10px #c6c6c6;transition: all .5s; cursor:zoom-in;}
.tmpcntr .thumbcntr>.sgnimg{ width:270px; overflow:hidden; height:60px !important;}
.tmpcntr .thumbcntr>img{ width:240px; height:288px; overflow:hidden;}
.tmpcntr .thumbcntr .tmpimg{ width:150px; height:170px; overflow:hidden; opacity:.4; filter:alpha(opacity=40);}
.tmpcntr .thumbcntr .tmpnme{ font-size:12px; color:#555; margin-top:5px;}
.tmppopup{ background-color:#fff; padding:10px 0px 0px 0px; position:fixed; box-shadow:2px 5px 10px #555; z-index:10; left:calc(50% - 350px);}
.sgnthumbcntr{ padding:20px; border:solid 1px #eee; float:left; margin-right:40px; margin-top:40px;  transition:all .3s; cursor:pointer;}
.sgnthumbcntr:hover{ border:solid 1px #f0a329; background-color:#fce8c9; box-shadow:1px 2px 4px #ccc; transition:all .3s;}
/*.tmppopup img{ width:340px; height:380px; overflow:hidden;}*/
.tmppopup .btncntr{background-color:#fff;  width:100%; left:0px;border-top: 1px solid #eee;box-shadow: 0px -1px 4px #eee; filter:alpha(opacity=80); bottom:0px;  height:65px;}
.tmppopup .btnstrcntr{position: absolute; z-index: 1; bottom: 14px; left: 15px; width: 96%;}
.zcoptnscntr:after {border-color: transparent transparent #349bee;
    border-style: solid; border-width: 8px;  content: " ";
    height: 0; position: absolute; right: 9px; top: -16px; width: 0;}
.zcoptnscntr {background-color: #349bee;border-radius: 3px;box-shadow: 0 2px 2px 0 rgba(157, 174, 196, 0.14), 0 3px 1px -2px rgba(157, 174, 196, 0.2), 0 1px 5px 0 rgba(157, 174, 196, 0.12); cursor:pointer;}
.tmpcntr .thumbcntr .tmpnme {font-size: 12px;color: #555;margin-top: 5px;}
.zcoptnscntr i {color: #fff;}


.zcoptnscntrrgt:after {border-color: transparent transparent transparent #349bee;
border-style: solid; border-width: 6px; content: " "; height: 0; position: absolute;
right: -12px; top: 8px; width: 0;}
.zcoptnscntrrgt {background-color: #349bee;border-radius: 3px;box-shadow: 0 2px 2px 0 rgba(157, 174, 196, 0.14), 0 3px 1px -2px rgba(157, 174, 196, 0.2), 0 1px 5px 0 rgba(157, 174, 196, 0.12); cursor:pointer;}
.tmpcntr .thumbcntr .tmpnme {font-size: 12px;color: #555;margin-top: 5px;}
.zcoptnscntrrgt i {color: #fff;}
.zcoptnscntrrgt .p10{padding: 7px 7px !important;}
.tmpeditortoolscntr{ font-size:14px; background-color:#303539; width:228px; transition: all 0.3s ease 0s; position:absolute; height:793px; left:0px; top:80px; z-index:1;}
.tmpeditortools{font-size:14px; background-color:#303539; width:228px; transition: all 0.3s ease 0s;  left:0px; padding:10px; z-index:1; height:40px;}
.tmpeditortoptools{ background-color:#363b3e; position:absolute; top:0px; width:100%; padding-left:228px; z-index:0;}
.cmpwzrdnolst{ text-align:center; font-size:20px; width:80%; margin:0px auto;}
.cmpwzrdnolst div{ margin-top:15px; line-height:30px;}
.cmpwzrdnolst div:first-child{ color:#222;}
.cmpwzrdnolst p{ margin-top:15px; font-size:14px;}
.cmpwzrdnolst .link{ color:#339fd6; font-size:18px;}
.cmpwzrdnolst .link:hover{ color:#339fd6; font-size:18px; text-decoration:none;}
.ovly{background-color:#fff; width:100%; height:900px;opacity:.8; filter:alpha(opacity=80); position:fixed; z-index:2; background: -moz-radial-gradient(circle, #fff, #eee); visibility:visible; transition:opacity 0.5s ease 0s;}
.popup .secbtn{ border-bottom: solid 1px #999;}
.popup .head{font-size:20px; padding:15px 20px; border-bottom:solid 1px #ededeb;}
.cmpddpan{border: dashed 3px #eee; padding:0px 20px;  border-radius:5px; background-color:#fff; text-align:center; font-size:16px; color:#999; height:250px; transition:all .3s;}
.cmpddpan:hover{border: dashed 3px #c4eacb; padding:0px 20px;  border-radius:5px; background-color:#f1fdf3; text-align:center; font-size:16px; color:#333; height:250px; transition:all .3s;}
.mapflds .drpdnlst{ border:solid 1px #ddd; background-color:#f9f9f9; font-size:14px; color:#444; padding:7px 10px; border-radius:3px;cursor:pointer;}
.mapflds .drpdnlst:hover{ background-color:#f2f2f2; cursor:pointer;}
.mapflds .maplbl{ font-size:15px; color:#b8bbbc; margin-bottom:5px; text-align:left;}
.cmpwzrdlstcntpan{ background-color:#f3f6f6; padding:10px 20px; overflow:hidden; font-size:16px; color:#949491; font-weight:100;}
.cmpwzrdlstcntpan .ml{ margin-left:100px;}
.cmpwzrdlstcntpan a{ color:#ff7d6e; text-decoration:underline;}
.cmpwzrdlstcntpan a:hover{ color:#ff7d6e; text-decoration:none;}
.cmpwzrdsubpan{ padding:20px; border-bottom:solid 1px #ededeb; color:#949491; font-size:20px; font-weight:100;}
.cmpwzrdlstsel{ padding:14px 15px; border-bottom:solid 1px #f9f9f9; font-size:17px; overflow:hidden; transition:all .3s;}
.cmpwzrdlstsel:hover{ padding:14px 15px; border-bottom:solid 1px #f5faff; background-color:#f5faff;font-size:17px; transition:all .3s;}
.cmpwzrdlstsel .orng{ color:#f0a329; margin-left:10px; background-color:transparent;}
.cmpwzrdlstsel .subname{ color:#666; font-size:12px;}
.cmpwzrdseldlst{ height:expression(this.scrollHeight > 350? '350px' : 'auto'); overflow:auto;max-height:350px; }
.cmpwzrdseldlst div{ padding:15px 20px; font-size:15px; color:#5a5a58;}
.cmpwzrdseldlst div:nth-child(even){ background-color:#fff;}
.cmpwzrdseldlst div:nth-child(odd){ background-color:#f9f9f9;}
/*.cmpwzrdcnfmpan{ padding:10px 25px; background-color:#f3f6f6; border-radius:5px; box-shadow:0px 1px 1px #ddd; font-size:20px; position:relative; font-weight:100; color:#3f3f3e;}*/
.cmpwzrdcnfmpan {padding: 15px 30px;background-color: #fff;border-radius: 5px;font-size: 20px;position: relative;color: #3f3f3e;border: solid 1px #eee;transition: all .3s;}
/*.cmpwzrdcnfmpan:hover{background-color: #f2fefe;transition: all .3s;}*/
/*.cmpwzrdcnfmfailpan{ padding:10px 25px; background-color:#fff; border-radius:5px; box-shadow:0px 1px 1px #ddd; font-size:20px; position:relative; font-weight:100; color:#3f3f3e; border:solid 1px #ffdbdb;}*/
.cmpwzrdcnfmfailpan{padding: 15px 25px;background-color: #fff;border-radius: 5px;font-size: 20px;position: relative;color: #3f3f3e;border: solid 1px #ffdbdb;}
.cmpwzrdcnfmpan .grytxt{ color:#3f3f3e; }
/*.cmpwzrdcnfmpan .status{background-color: #fff;
 border: 1px solid #ddd; border-radius: 20px; height: 26px;
 left:-13px; padding: 4px;position: absolute; top:15px;}
.cmpwzrdcnfmfailpan .fstatus{background-color: #fff;
border: 1px solid #ffb2b2; border-radius: 20px; height: 26px;left: -9px; padding: 4px;
position: absolute; top: -5px;}*/
.cmpwzrdcnfmfailpan .status{background-color: #fff;border-radius: 20px;left: -10px;position: absolute;top: 13px;cursor: default;}
.cmpwzrdcnfmfailpan .fstatus{background-color: #fff;border-radius: 20px;height: 23px;left: -10px;position: absolute;top: 13px;cursor: default;}
.cmpwzrdcnfmpan .status {background-color: #fff;border-radius: 20px;left: -10px;position: absolute;top: 13px;cursor: default;}
.cmpwzrdcnfmpan .fstatus {background-color: #fff;border-radius: 20px;left: -10px;position: absolute;top: 13px;cursor: default;}

.lftmnusetcntr{float:left; position:fixed; bottom:0px;}
.lftmnusetcntr div{ padding:10px; height:44px; float:left; text-align:center; width:100px; opacity:.5;filter:alpha(opacity=50);}
.lftmnusetcntr div:hover{opacity:1;filter:alpha(opacity=100); cursor:pointer;}
.lftmnusetcntrsmall{position:fixed; bottom:0px;}
.lftmnusetcntrsmall div{padding:10px; height:44px; text-align:center; width:60px; cursor:pointer; border-top: 1px solid #2a3c56;}
.lftmnusetcntrsmall div img{opacity:.5;filter:alpha(opacity=50);}
.lftmnusetcntrsmall div:hover{cursor:pointer; opacity:1;filter:alpha(opacity=100);}
.lftmnusetcntrsmall div img:hover{cursor:pointer; opacity:1;filter:alpha(opacity=100);}
.lstdrpdwnwht {background-color: #ffffff; border: solid 1px #ccc;
    box-shadow: 0px 1px 1px rgba(00,00,00,0.1); border-radius: 3px;
    text-align: left; position: absolute; display: table; min-width: 100px;
    z-index: 10; top: -20px; }
/*List Dropdown white*/
.lstdrpdwnwht:before{border-color: transparent  transparent #bbbbbb transparent;border-style: solid;border-width: 8px;content: " ";height: 0;position: absolute;top:-16px;width: 0;right:47%;}
.lstdrpdwnwht:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:47%;}
.lstdrpdwnwht{background-color:#ffffff;border:solid 1px #ccc;box-shadow:0px 1px 1px  rgba(00,00,00,0.1);border-radius:3px;text-align:left;position:absolute;display:table;min-width:100px;z-index:10;top:-20px;}
.lstdrpdwnwht ul{ padding:0px; margin:0px; list-style:none;}
.lstdrpdwnwht ul li{ padding:0px; margin:0px;}
.lstdrpdwnwht ul li a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none; white-space:nowrap; border-bottom:solid 1px #e8e8e8; }
.lstdrpdwnwht ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615;}


/*List Header*/
.lstheaderbg{ background-color:#fff;border-bottom: solid 1px #f0f6f9; font-size:24px;padding:10px 20px 10px 10px;display:table; width:100%; margin-top:70px;}
.lstheaderbg>.bckarw{ padding:7px 10px; cursor:pointer}
.hdrbckarw{ padding:7px 10px; cursor:pointer}
/*.lstheaderbg .grybtn{ background-color:#b6babb; padding:5px 15px; color:#fff; font-size:15px; border-radius:3px; border:solid 1px #b6babb; cursor:pointer;}
.lstheaderbg .grybtn:hover{ background-color:#a8aaab;cursor:pointer;}*/
.lstheaderbg .lsttitle{ margin-top: 3px;font-size:22px;float:left;}
.mlstcntr .lst{ padding-left:40px;}
.wlstcntr .lst{ padding:20px;}
.lstheaderbg .lstbtnscntr{ display:block; margin-bottom:20px; margin-left:100px;}
.slimhdr .lstbtnscntr{ display:none; transition:all .4s;}
/*All Listview*/
.lst{ border-bottom:solid 1px #f7f7f7; padding:20px 20px 20px 40px;  position:relative;}

.lst:hover{background-color:#f5faff; }
.lst .name{ text-decoration:none; font-size:18px; color:#222; line-height:0px;}
.lst .chkbx{ margin-top:0px;}
.lst:hover .name{color:#ef7615; text-decoration:none;}
.lst .name:hover{ color:#ef7615; text-decoration:none; cursor:pointer;}
.lst .lstlink{font-size:18px; color:#0c8cc4; text-decoration:none;}
.lst .lstlink:hover{font-size:18px; color:#0c8cc4; font-weight:100; text-decoration:underline;}
.drglst{border:solid 1px #ddd; opacity:.8; background-color:#f9f9f9; box-shadow:0px 2px 7px #eee ;}
/*Calender*/ 
.cal_cntr{ float:left; border-radius:3px;text-align:center; border:solid 1px #f0f6f9; /*box-shadow:0px 2px 5px #ddd;*/ z-index:999; background-color:#f8f9f9; width:240px;}
.calbox{ padding:10px; height:230px;}
.cal{ background-color:#f8f9f9; border-collapse:collapse; font-size:11px;}
.cal_mnt{ background-color:#b6b9ba; color:#fff; font-size:13px;border-radius:3px 3px 0px 0px;}
.cal_mnt .calarw{ cursor:pointer; height:38px; }
.cal_mnt .calarw:hover{ cursor:pointer; background-color:#9ea0a1;border-radius:2px;}
.cal_mnt a{padding:0px 5px;}
.cal_mnt a:hover{ color:#000; cursor:pointer; background-color:#FFE073; padding:0px 5px; border-radius:2px;}
.cal th{ color:#ec6252; font-weight:300;width:30px; height:30px;}
.cal td{border-collapse:collapse; color:#555; width:30px; height:30px; cursor:pointer;transition:all 0.3s;border-radius:50%;}
.cal td:hover{border-radius:50%; background-color:#e3e3e3; transition:all 0.3s;}
.cal td.dsbl{ color:#CCCCCC}
.cal td.sel{ background-color:#ff6a1a; color:#fff; border-radius:50%;}
.cal td.chs{ background-color:#04c7d9; color:#fff; border-radius:50%; }
.cal_time{ background-color:#e4e8e9; padding:10px;}
.cal_time select{ font-size:12px; border:solid 1px #ddd; outline:none; padding:3px;}
.calmnt{ background-color:#f8f9f9; border-collapse:collapse; font-size:12px;}
.calmnt td{border-collapse:collapse; color:#555; width:30%; height:35px; cursor:pointer;transition:all 0.3s;border-radius:5%;}
.calmnt td:hover{border-radius:5%; background-color:#e3e3e3; transition:all 0.3s;}
.calmnt td.sel{ background-color:#ff6a1a; color:#fff; }
.calmnt td.chs{ background-color:#04c7d9; color:#fff;}
.calyr td{border-collapse:collapse; color:#555; width:25%; height:34px; cursor:pointer;transition:all 0.3s;border-radius:5%;}
.calyr td:hover{border-radius:5%; background-color:#e3e3e3; transition:all 0.3s;}
.calyr td.sel{ background-color:#ff6a1a; color:#fff; }
.calyr td.chs{ background-color:#04c7d9; color:#fff;}
.cal_dtetme{ background-color:#ebeff0; padding:10px; font-size:11px; color:#555;}
.cal_btmcnt{background-color:#f2f5f8; padding:10px; overflow:hidden;}
.cal_num{ border: 1px solid #ddd; border-radius: 3px; font-size: 14px;
    height: 27px;padding: 4px; text-align: center;  width: 45px; font-size:12px; font-weight:lighter;}
.cal_timedrpdwn{background-color:#fff; border-radius:3px; border:solid 1px #ddd;  font-size:13px; box-shadow:2px 2px 2px #ddd; height:100px; overflow:auto;}	
.cal_timedrpdwn li{ list-style:none;}	
.cal_timedrpdwn li a{ padding:5px 13px; display:block; cursor:pointer;}
.cal_timedrpdwn li a:hover{display:block; cursor:pointer; color:#FF931D; background-color:#f3f2f2;}	

/*Autoresp Calender*/ 
.zccal_cntr{ float:left; border-radius:3px;text-align:center; border:solid 1px #d8eef9; /*box-shadow:0px 2px 5px #ddd;*/ z-index:999; background-color:#f5fdff; width:240px;}
.zccalbox{ padding:10px; height:230px;}
.zccal{ border-collapse:collapse; font-size:11px;}
.zccal_mnt{ background-color:#cdf1fb; color:#274d66; font-size:13px;border-radius:3px 3px 0px 0px;}
.zccal_mnt .zccalarw{ cursor:pointer; height:38px; }
.zccal_mnt .zccalarw:hover{ cursor:pointer; background-color:#b3e3f0;border-radius:2px;}
.zccal_mnt a{padding:0px 5px;}
.zccal_mnt a:hover{ color:#000; cursor:pointer; background-color:#FFE073; padding:0px 5px; border-radius:2px;}
.zccal th{ color:#ec6252; font-weight:300;width:30px; height:30px;}
.zccal td{border-collapse:collapse; color:#555; width:30px; height:30px; cursor:pointer;transition:all 0.3s;border-radius:50%;}
.zccal td:hover{border-radius:50%; background-color:#cbf1f5; transition:all 0.3s;}
.zccal td.dsbl{ color:#CCCCCC}
.zccal td.sel{ background-color:#ff7e00; color:#fff; border-radius:50%;}
.zccal td.chs{ background-color:#04c7d9; color:#fff; border-radius:50%; }
.zccal_time{ background-color:#e4e8e9; padding:10px;}
.zccal_time select{ font-size:12px; border:solid 1px #ddd; outline:none; padding:3px;}
.zccalskipdts div{ float:left; padding:6px; line-height:1; border:solid 1px #fff; border-radius:50%; height:30px; width:30px; position:relative; ransition:all .5s;}
.zccalskipdts div:hover{ cursor:pointer; background-color:#cbf1f5; transition:all .5s;}
.zccalskipdts .zcdtechs{ border:solid 1px #ff7e00; border-radius:50%; 
}

 /*Listview in Detail View*/
.mlst{ border-bottom: 1px solid #f7f7f7; overflow:hidden; transition:all .3s; position:relative;}
.mlst:hover{background-color:#f5faff; transition:all .3s;}
.mlst .name{ text-decoration:none; font-size:18px; color:#333;}
.mlst .chkbx{ margin-top:6px;}
.mlst:hover .name{color:#ef7615; text-decoration:none;}
.mlst .name:hover{ color:#ef7615; text-decoration:none; cursor:pointer;}
.mlstsel{background-color:#f9f9f9; border-bottom:solid 1px #f0f0f0; }
.mlstsel .name{color:#ef7615; text-decoration:none; cursor:default;font-size: 18px;font-weight:100;}

.dsbmlst{ border-bottom:solid 1px #f6f6f6; overflow:hidden; transition:all .3s; position:relative; padding:15px 20px; cursor:pointer;}
.dsbmlst:hover{background-color:#f5faff; transition:all .3s;}
.dsbmlst .dsrdnme{ text-decoration:none; font-size:14; color:#333; font-weight:100; }
.dsbmlst:hover .dsrdnme{color:#ef7615; text-decoration:none; cursor:pointer;}
.rctmpimg{background-color:#fff; border:solid 1px #ddd; width:162px; height:202px;}
.rctmp{background-color:#fff; transition:all .3s;}
.rctmp:hover{background-color:#e3edf0; transition:all .3s;}
.rcslct{ background-color:#ededed;}
 .subname{ font-size:12px; color:#666;}
.subname b{ margin-top:3px;}
.lst>.drg{position:absolute; top:35px; left:20px; cursor:move;}
.headerbgdvt0{ background-color:#fff;border-bottom: solid 1px #f0f6f9; font-size:22px; font-weight:400; padding:15px 20px 15px 10px; width:100%;}
.headerbgdv{ background-color:#fff;border-bottom: solid 1px #f0f6f9; font-size:22px; font-weight:400; padding:10px 20px 10px 10px; width:100%; margin-top:70px; }
.headerbgdv .cmpnme{ font-size:22px;text-align:left;}
.headerbgdv>.zcdvbtnscntr{margin-top:8px;}
.headerbgdvt0>.zcdvbtnscntr{margin-top:8px;}
.cmpdvtbl,.subtbl{width:100%; display:table;}
.cmpdvtbl>div{ display:table-row;}
.cmpdvtbl .cmpprv{display:table-cell; padding:20px; background-color:#fff;border-right: 1px solid #e5e5e5;} 
.cmpdvtbl .cmpdtl{display:table-cell; padding:20px; vertical-align:top;}
.cmpdvtbl, .cmpdtl .title{ font-size:18px; font-weight:400;}
.cmpdvtblrow{ display:table-row;}
.cmpdvtbl .cmpaprvl{display:table-cell; vertical-align:top;}
.zcbdg1{border: 1px solid #ffaa00;border-radius: 3px;padding: 0 5px;color: #333;}
/*Contacts List*/
.subtbl .subtblrow:first-child{ display:table-row; border-bottom:solid 1px #ddd; background-color:#f5f5f5;}
.subtblrow{ display:table-row; color:#555;}
.subtblrow img{ vertical-align:middle; margin-right:10px;}
.subtblrow:hover{ background-color:#f5faff;}
.subtblcell{ display:table-cell; padding:10px;border-bottom:solid 1px #eee;}
.cmpdvtblcell{ display:table-cell; padding:10px;}

/*Switch*/
/*  .switch{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap;  border-radius:3px; font-size:15px; color:#888; margin:0px; cursor:pointer; line-height:normal;}
.switch .sel{ background-color:#72d0f4; color:#fff; padding:4px 15px; border-radius:3px;transition:0.4s all; font-size:15px; height:29px;}
.switch .nrml{ padding:4px 15px; cursor:default; font-size:15px; cursor:pointer; height:29px;} */
.switch {padding: 2px;white-space: nowrap;font-size: 14px;border: 1px solid #d9e0e8;border-radius: 3px;box-shadow: 0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 50, 0.1), 0 1px 5px 0 rgba(50, 50, 50, 0.1);background-color:#fff}
.switch .nrml {padding: 7px 10px;cursor: default;font-size: 14px;cursor: pointer;}
.switch .sel {padding: 7px 10px;background-color: #349bee;color: #fff;border-radius: 2px;font-size: 14px;cursor: default !important;}

/*SwitchHelp*/
 .zcsmalswitch{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap;  border-radius:3px; color:#888; margin:0px; cursor:pointer; line-height:normal;}
.zcsmalswitch .sel{ background-color:#72d0f4; color:#fff; padding:6px 13px; border-radius:3px;transition:0.4s all; font-size:12px; height:29px;}
.zcsmalswitch .nrml{ padding:6px 13px; cursor:default; font-size:12px; cursor:pointer; height:29px;}


.clr{ clear:both;}
.activests{ background-color:#ff6a1a; color:#fff; padding:5px 10px; border-radius:3px; width:20px; height:20px;}
.inactivests{ background-color:#d4d4d4; color:#fff; padding:5px 10px; border-radius:3px; width:20px; height:20px;}
.crmredsts{ background-color:#f65f52; color:#fff; padding:5px 10px; border-radius:3px; width:20px; height:20px;}
.switchicon{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap; border-radius:3px; font-size:15px; color:#888; width:70px; background-image:url(../images/switchbg.jpg); background-position:5px; background-repeat:no-repeat; cursor:pointer;}
.switchicon>div{background-color:#dcdcda; color:#fff; padding:5px 10px; border-radius:3px; width:30px; height:30px;}
.switchicon .sel{ float:right; transition:all .4s;}
.switchicon .unsel{ float:left; transition:all .4s;}
.switchicon+span{ display:inline-block; margin-top:5px; font-size:14px; margin-left:10px;}
.switchsmall{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap; border-radius:13px; font-size:15px; color:#888; width:50px; cursor:pointer;box-shadow: 1px 0px 6px #ddd inset;}
.switchsmall .sel{ background-color:#349bee; color:#fff; padding:5px 10px; border-radius:50%; width:20px; height:20px;}
.switchsmall .notsel{ background-color:#fff; color:#fff; padding:5px 10px; border-radius:50%; width:20px; height:20px;box-shadow: 1px 0px 6px #ccc;border: solid 1px #ddd;}
.switchsmall+span{ display:inline-block; margin-top:4px; margin-left:10px;}

.switchsmalldsbl{ background-color:#fff; border:solid 1px #ddd8d8; padding:2px; white-space:nowrap; border-radius:13px; font-size:15px; color:#888; width:50px; cursor: default;}
.switchsmalldsbl .selenbl{ background-color:#cce8ff; color:#fff; padding:5px 10px; border-radius:50%; width:20px; height:20px;}
.switchsmalldsbl .seldsbl{ background-color:#d4dbe1; color:#fff; padding:5px 10px; border-radius:50%; width:20px; height:20px;}

.switchtiny{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap; border-radius:13px; color:#888; width:36px; cursor:pointer;}
.switchtiny .sel{ background-color:#349bee; color:#fff; border-radius:50%; width:14px; height:14px;}
.switchtiny .notsel{ background-color:#d4d4d4; color:#fff; border-radius:50%; width:14px; height:14px;}

.zclgtgrytxt{color:#444;text-decoration:none;}
.linktxt{color:#0c8cc4;text-decoration:none;cursor:pointer;}
.linktxt:hover{color:#0c8cc4; text-decoration:underline;} 
.zclgtgry{ color:#d3dbe4;}
.lgtgrytxt{color:#444444}
dsbrdcntr{ overflow:auto; }
.dsbrdcntr>.dsbrdbox{ float:left; margin:10px; width:calc(50% - 21px);border: 1px solid #e4ecf1; border-radius:5px;background-color:#fff; height:303px;}
.dsbrdbox .head{ line-height:16px;}

.zhdsbrdbox{ height:320px !important;}

.dsbrddrbbox{ float:left; margin:10px; width:calc(50% - 20px); border: dashed 2px #52b5ee; border-radius:5px; box-shadow:0 1px 0px 0 #eee;background-color:#ebf7fe; height:303px;}

.zcbox .head{ line-height:16px; font-weight:400}
.box .head{ line-height:16px; font-weight:400}
.box .arhead{ padding:15px; border-bottom:solid 1px #e8e8e8; background-color:#e8f5f6;}
.cmpcountbg{ font-weight: lighter;height: 100px; }
.cmpcnt1{ padding-top: 0;font-size:90px;}
.cmpcnt2{ padding-top:7px;font-size:80px;}
.cmpcnt3{ padding-top:27px;font-size:50px;}
.cmpcnt4{padding-top:36px;font-size:40px;}
.cmpcnt5{padding-top:40px;font-size:30px;}
.subcountbg{background-color: #f5f7f7;border-radius: 10%;    height: 123px;     padding: 30px 0px ;text-align: center;vertical-align: middle; font-size:40px;}
.dsbrdcrtcmpbtn{background-color:#fff; color:#555; border-radius:0px 0px 5px 5px; cursor:pointer; height:64px; outline:none; border-top: solid 1px #eee; padding:20px;}
.dsbrdcrthvrbtn{background-color:#b7babb; color:#fff; border-radius:0px 0px 5px 5px; cursor:pointer; height:64px; outline:none; padding:20px;}
.dsbrddrpdwn{ border:solid 1px #ddd; border-radius:3px; cursor:pointer; outline:none;}
.lstcontbg{width: calc(33.9% - 20px);border-radius: 10px;border: solid 1px #f0f6f9;}
.lstcontbg>span{ font-size:30px;}
.ra{ padding:10px 0px; overflow:hidden;}
.ra>div{ font-size:14px; float:left; width:60%;}
.ra>em{ color:#88919c; float:left; width:20%; font-size:13px;}
.bdrbtm{ border-bottom:solid 1px #f0f6f9;}
.bdrbtmdtd{ border-bottom:dotted 1px #f0f6f9;}
.bdrbtmdsd{ border-bottom: dashed 1px #ccc;}
.bdrlft{ border-left:solid 1px #f0f6f9;}
.bdrrgt{ border-right:solid 1px #f0f6f9;}
.bdrlft3{ border-left:solid 3px #f0f6f9;}
.cmptmpbox{border: 1px solid #c4d3da;border-radius: 5px;box-shadow: 0 1px 10px #d4dfe5;float: left;height:300px;width: 240px;background-color: #fff;cursor: pointer;}
.cmplitmusbox{ border:solid 1px #e8e8e8; box-shadow:0 1px 0px 0px #ddd; border-radius:10px; width:43%; float:left;}
.cmplitmusbox>.cnt{background-color: #fff;border-radius: 0 0 5px 5px;border-top: 1px solid #fff;height:260px;}
.tmpbggry{ background-color:#f5f5f5;}
.tmpbggrn{ background-color:#e9f8f8;}
.tmpbgblu{ background-color:#ddfaff;}
.cmptmpbox .cnt{background-color: #fff;border-radius: 0 0 5px 5px;border-top: 1px solid #fff;height: 130px;}
.zcsigntmpbox{ border:solid 1px #e8e8e8; box-shadow:0 1px 0px 0px #ddd; border-radius:10px; width:210px; float:left;}
.zcsigntmpbox>.cnt{background-color: #fff; border-radius: 0 0 10px 10px; border-top: 1px solid #e8e8e8;}

.zcnewmnulbl{
    display: inline;
    background: #ff5606;
    padding: 0px 4px;
    border-radius: 3px;
    margin-left: 12px;
}
.notifypop{ background-color:#fff; padding:25px; border:solid 1px #ccc; box-shadow:0px 6px 6px #ddd; width:450px; min-height:150px; position:fixed; top:46px; left:50%; margin-left:-225px; z-index:5; transition:all .5s;}
.notifypop p{ display:block; position:relative;}
.notifypop p img{ position:absolute; right:-10px; top:-10px; cursor:pointer;}
.notifypop div{ font-size:18px; color:#4ab670;}
.notifypop>p{ font-size:13px; color:#111; font-weight:lighter; margin-top:10px; line-height:1.6;}

.info_pn{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:300px; z-index:2; cursor:default; margin-left:40px; top:-24px;}
.info_pn:after{right: 100%; top:25px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #293848 transparent transparent; border-style:solid; border-width:10px;}
/*Top Arrow*/
.info_pntp{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:300px; z-index:2; cursor:default; top:30px; right:-18px;}
.info_pntp:after{right:20px; top:-19px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent  transparent #293848 transparent; border-style:solid; border-width:10px;}
/*Center Arrow*/
.info_pncntr{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:inherit; z-index:2; cursor:default; top:30px; left:-138px;}
.info_pncntr:after{left:140px; top:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent  transparent #293848 transparent; border-style:solid; border-width:10px;}
/*Left Arrow*/
.info_pnlft{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:300px; z-index:2; cursor:default; top:30px; left:-8px;}
.info_pnlft:after{left:10px; top:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent  transparent #293848 transparent; border-style:solid; border-width:10px;}
/*Right Arrow*/
.info_pnrgttp{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:300px; z-index:2; cursor:default; top:-24px; right:35px;}
.info_pnrgttp:after{left: 100%; top:25px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent  transparent  transparent #293848; border-style:solid; border-width:10px;}
/*Bottom Arrow*/
.info_pnbtm{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:300px; z-index:2; cursor:default; bottom:38px; right:-18px;}
.info_pnbtm:after{right:20px; bottom:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color:#293848 transparent  transparent  transparent; border-style:solid; border-width:10px;}

/*Bottom left Arrow*/
.info_pnbtmlft{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:300px; z-index:2; cursor:default; bottom:38px; left:-8px;}
.info_pnbtmlft:after{left:10px; bottom:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color:#293848 transparent  transparent  transparent; border-style:solid; border-width:10px;}

/*tooltip*/
.tip_pn{background-color:#293848; border-radius:2px; position:absolute; padding:3px 6px; color:#fff; font-size:11px; z-index:2; cursor:default;top:-26px; white-space:nowrap;}
.tip_pn:after{right:calc(50% - 5px); top: 99%;  content: " "; height: 0; width: 0; position: absolute;  border-color:  #293848   transparent transparent transparent; border-style:solid; border-width:5px;}
.tip_btm{background-color: #3a3a3a; border-radius: 2px;
 color: #fff; cursor: default; font-size: 11px;
 padding: 3px 6px; position: absolute; top: 30px;
  white-space: nowrap; z-index: 2;}
.tip_btm:after{border-color: transparent transparent #3a3a3a;
 border-style: solid; border-width: 5px;
 content: " "; height: 0;position: absolute;
 right: calc(50% - 5px); top: -9px;
    width: 0;}
	
.tip_lft{background-color: #3a3a3a; border-radius: 2px; color: #fff;
cursor: default; font-size: 11px; padding: 3px 6px; position: absolute;
top: 3px; white-space: nowrap; z-index: 2; right: 0px;}
.tip_lft:after{border-color: transparent transparent transparent #3a3a3a;
border-style: solid; border-width: 5px; content: " "; height: 0;
position: absolute; right: -10px; top: 6px; width: 0;}	
	
	
/*.pribtn{ background-color:#58b75f; font-size:15px; color:#fff; padding:6px 20px; border:solid 1px #58b75f; border-bottom:solid 1px #3f8344; border-radius:3px; cursor:pointer; transition:all .3s; position:relative; height:35px;}
.pribtn .txt{ color:#fff; white-space:nowrap;}
.pribtn .progress{ background-color:#000; height:100%; left:0px; opacity:0.3; position:absolute; top:0px;transition: all 0.3s ease 0s; width:0px; z-index:0;}
.pribtn:hover .progress{background-color:#000; height:100%; left:0px; opacity:0.1; position:absolute; top:0px;transition: all 0.9s ease 0s; width:100%; z-index:0; animation:0.7s ease 0s normal forwards 1 fillToRight}*/



.tooltip_lft{ background-color:#3a3a3a; border-radius:3px; position:absolute; padding:4px 10px; color:#fff; font-size:13px;z-index:2; cursor:default; margin-left:40px;}
.tooltip_lft:after{right: 100%; top:6px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #3a3a3a transparent transparent; border-style:solid; border-width:7px;}

/*Table*/
.tbl{ display:table;}
.tbl>div{ display:table-row}
.tbl>div>div{ display:table-cell;}
.cntstblcntr{ border-radius:5px 5px 0px 0px;}
.cntstbl{ display:table; font-size:14px; color:#222; background-color:#fff;}
.cntstbl>div>div.sel{ color:#ef7615}
.cntstbl>div{ display:table-row; transition:all .4s;}
.cntstbl .dvhover{background-color:#f5faff; color:#000; transition:all .4s;}
.cntstbl .dvhover a{ color:#ef7615; text-decoration:none;}
.cntstbl .dvhover a:hover{ color:#ef7615; text-decoration:underline; cursor:pointer;}
.cntstbl .dvsubsel{background-color:#f5faff; color:#000; transition:all .4s;}
.cntstbl .dvsubsel a{ color:#ef7615; text-decoration:none;}
.cntstbl a{color:#222;}
.cntstbl>div>div.oflw{ overflow: visible;}
.cntstbl>div>div{ display:table-cell; padding:10px 15px; vertical-align:middle; height:41px; position:relative; overflow:hidden; text-overflow:ellipsis; max-width:170px; white-space:nowrap;}
.cntstblbdrrgt{ border-right:1px solid #f1f1f1;}
.cntstblbdrrgtshadw{ /*border-right:1px solid #f1f1f1; box-shadow:3px 1px 5px -2px #ddd;*/}
.cntstbl>div.title{ background-color:#fff;  color:#222; cursor:pointer;    box-shadow: 1px 1px 2px #eee;}
.cntstbl>div.title:hover .cntstblarw{ display:inline;}
.cntstblarw{ position:absolute; margin-left:10px; top:9px; display:none;}
.cntstblarw b:first-child{border-style: solid;border-width:0px 4px 4px ; position:absolute; margin-top:7px; border-color:transparent transparent #999;}
.cntstblarw b:last-child{border-color: #999 transparent;border-style: solid;border-width: 4px 4px 0px;position:absolute; margin-top:14px;}
.cntstblarw b:first-child.sortuparw{border-color:transparent transparent #fd8a2e;}
.cntstblarw b:last-child.sortdwnarw{border-color:#fd8a2e transparent }
.cntstblnav{ border: solid 1px #ebf0f5; border-radius:0px 0px 5px 5px; border-top:0px; background-color:#f7f8fa;}
.cntstblnavpg{width: 55px; border:solid 1px #f7f8fa; padding: 0 3px;}
.cntstblnavpgsel{background: none repeat scroll 0 0 #fff;border: 1px solid #ccc;
    padding: 0 3px;width: 55px;}
.criteriatbl{ display:table; width:100%;}
.criteriatbl>div{ display:table-row;}
.criteriatbl>div:hover{ display:table-row;}
.criteriatbl>div>div{ display:table-cell; vertical-align:middle; padding:20px 10px;}
.criteriatbl>div>div:nth-child(1){ width:50px; color:#888; padding-left:0px;}
.criteriatbl>div>div:nth-child(2){ width:125px;}
.criteriatbl>div>div:nth-child(3){ width:23%; min-width:150px;}
.criteriatbl>div>div:nth-child(4){ width:17%; min-width:150px;}
.criteriatbl>div>div:nth-child(5){ width:auto; min-width:250px;}
.criteriatbl>div>div.actions{ width:150px; min-width:150px;}
.criteriatbl input[type="text"]:focus{ border:solid 1px #bbb; font-size:15px; color:#222;}

.criteriatblpp{ display:table; width:100%;}
.criteriatblpp>div{ display:table-row;}
.criteriatblpp>div:hover{ display:table-row;}
.criteriatblpp>div>div{ display:table-cell; vertical-align:middle; padding:10px;}
.criteriatblpp input[type="text"]:focus{ border:solid 1px #bbb; font-size:15px; color:#222;}




.zhcrttbl{ display:table; width:100%;}
.zhcrttbl>div{ display:table-row;}
.zhcrttbl>div:hover{ display:table-row;}
.zhcrttbl>div>div{ display:table-cell; vertical-align:middle; padding:20px 5px;}
.zhcrttbl>div>div:nth-child(1){ width:50px; color:#C9C9C9; padding-left:0px;}
.zhcrttbl>div>div:nth-child(2){ width:100px;}
.zhcrttbl>div>div:nth-child(3){ width:17%; min-width:120px;}
.zhcrttbl>div>div:nth-child(4){ width:17%; min-width:120px;}
.zhcrttbl>div>div:nth-child(5){ width:12%; min-width:120px;}
.zhcrttbl>div>div:nth-child(6){ width:17%; min-width:120px;}
.zhcrttbl>div>div:nth-child(7){ width:17%; min-width:120px;}
.zhcrttbl>div>div.actions{ width:150px; min-width:150px;}
.zhcrttbl input[type="text"]:focus{ border:solid 1px #bbb; font-size:15px; color:#222;}.zhcrttbl .drpdnmnu > p { display: block; padding: 10px; margin-left:0px;
 width: calc(100% - 40px); text-overflow: ellipsis; float: left; overflow: hidden;
 text-align: left;}
 .zhcrttbl .drpdnmnu > span { padding: 8px  6px;  background-color: #fff;
    border-left: solid 1px #fff; cursor: pointer;  width: 35px;
    display: table-cell; text-align: center; vertical-align: middle;}
.zhcrttbl .drpdnmnu > span i{ float:right;}


.zccriteriatbl{ display:table; width:100%;}
.zccriteriatbl>div{ display:table-row;}
.zccriteriatbl>div:hover{ display:table-row;}
.zccriteriatbl>div>div{ display:table-cell; vertical-align:middle; padding:20px 10px;}
.zccriteriatbl>div>div:nth-child(1){ width:50px; color:#C9C9C9; padding-left:0px;}
.zccriteriatbl>div>div:nth-child(2){ width:130px;}
.zccriteriatbl>div>div:nth-child(3){ width:20%; min-width:150px;}
.zccriteriatbl>div>div:nth-child(4){ width:23%; min-width:150px;}


.zcprgcriteriatbl{ display:table; width:100%;}
.zcprgcriteriatbl>div{ display:table-row;}
.zcprgcriteriatbl>div:hover{ display:table-row;}
.zcprgcriteriatbl>div>div{ display:table-cell; vertical-align:middle; padding:20px 10px;}
.zcprgcriteriatbl>div>div:nth-child(1){ width:120px; color:#555; padding-left:0px;}
.zcprgcriteriatbl>div>div:nth-child(2){ width:250px;}
.zcprgcriteriatbl>div>div:nth-child(2) .zcprgfldnme{ width:455px;position: absolute;top: -20px;}
.zcprgcriteriatbl>div>div:nth-child(3){ width:250px; min-width:150px;}
.zcprgcriteriatbl>div>div:nth-child(4){ width:80px;}
.zcprgcriteriatbl>div>div.actions{ width:150px; min-width:150px;}
.zcprgcriteriatbl input[type="text"]:focus{ border:solid 1px #bbb; font-size:15px; color:#222;}



.inblk{ width:100%;}
.inblk ul{ padding:0px; margin:0px;}
.inblk ul li{ list-style:none; display:inline-block; vertical-align:middle;}
.inblk6c li{ width:16.3%;}
.inblk5c li{ width:19%;}
.inblk7c li{ width:14%;}
.inblk8c li{ width:12.5%;}
/*.tblbdr{ display:table; border:solid 1px #eee;border-collapse:collapse; }
.tblbdr>div{ display:table-row; }
.tblbdr>div>div{ display:table-cell; border:solid 1px #eee; padding:15px; transition:all .3s;}
.tblbdr>div>div:hover{ background-color:#f5f5f5; transition:all .3s;}*/

/*share link ab report - temporary*/
.editpanelheading{border-bottom:1px dotted #E6E6E6;padding-bottom:5px;margin:40px 0 0; font-size:14px; color:#666666; padding-bottom:4px 2px; }
.editpanel{background-color:#fff;padding:10px;}
.reportbg .graypan{padding:10px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.abreportbg{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:solid 1px #fff; background-color:#ffffff; padding:10px;}
.abreportbg .graypan{padding:10px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.abreportbg .graypan b span{ float:right;  text-align:left; width:200px; }
.abreportbg .graypan  b{ border-bottom:dotted 1px #e0dfdf; display:block; padding:9px 0px; font-size:14px;color:#555;}
.abreportbg .graypan b span em{ font-size:14px; font-weight:normal; margin:0px 0px 0px 5px;}
.abreportbg .graypan b a{ text-decoration:none; color:#0471c3; text-decoration:underline;}


/*zhForms*/
.zhfrm{ display:table;}
.zhfrm>ul{ padding:0px; display:table-row;}
.zhfrm>ul>li{ list-style:none; display: table-cell; padding:20px 10px; position:relative;border-spacing: 0; }
.zhfrm>ul>li .frmerrdiv{ font-size:13px; color:#cb3525; position:absolute; top:-4px; z-index:-1px;}
.zhfrm>ul>li:first-child{width:140px; text-align:left; vertical-align:auto;}
.zhfrm>ul>li:last-child{ width:auto;}
.zhfrm>ul>li label{ font-size:14px; color:#222222; display:block;}


/*zhnewForms*/
.zhnwfrm{ display:table; color:#222222;}
.zhnwfrm>ul{ padding:0px; display:table-row;}
.zhnwfrm>ul>li{ list-style:none; display: table-cell;  position:relative;border-spacing: 0; padding:15px 20px; }
.zhnwfrm>ul>li .frmerrdiv{ font-size:13px; color:#cb3525; position:absolute; top:-4px; z-index:-1px;}
.zhnwfrm>ul>li:first-child{width:180px; text-align:right; vertical-align:auto; padding:15px 20px 15px 0px;}
.zhnwfrm>ul>li:last-child{ width:auto;}
.zhnwfrm>ul>li label{  display:block;}



/*Forms*/
.cmpfrm{ display:table;}
.cmpfrm>ul{ padding:0px;display:table-row;}
.cmpfrm>ul>li{ list-style:none; display: table-cell; padding:15px 10px; position:relative;border-spacing: 0; }
.cmpfrm>ul>li .frmerrdiv{ font-size:13px; color:#cb3525; position:absolute; top:-4px; z-index:-1px;}
.cmpfrm>ul>li:first-child{width:150px; text-align:right; vertical-align:auto;}
.cmpfrm>ul>li:last-child{ width:auto;}
.cmpfrm>ul>li label{ font-size:14px; color:#222222; white-space:nowrap; display:block;}
/*.cmpfrm{ width:100%}
.cmpfrm div{ display:table;}
.cmpfrm div>div{ display:table-row;}
.cmpfrm div>div>div{ display:table-cell;}*/
/*Bar chart*/
.charttbl{ display:table; width:100%}
.charttbl>div{ display:table-row}
.charttbl>div>div{ display:table-cell; height:35px; vertical-align:middle;}
.charttbl>div>div:first-child{ border-radius:3px 0px 0px 3px;}
.charttbl>div>div:last-child{ border-radius:0px 3px 3px 0px;}
.charttbl .dl{ background-color:#3fb68a;}
.charttbl .bo{ background-color:#f88667;}
.charttbl .us{ background-color:#f8e585;}
.charttbl .op{ background-color:#23a9e8;}
.charttbl .up{ background-color:#dfe3e4;}
.charttbl .clk{ background-color:#336a84; height:10px; display:block;}
.charttbl .vrsna{ background-color:#f6b51e; color:#fff;}
.charttbl .vrsnb{ background-color:#55aaeb; color:#fff;}
.charttbl .vrsnwnr{ background-color:#c372e2; color:#fff;}
/*Settings Integration */
.int_tbl{ display:table; border:solid 1px #ddd; border-collapse:collapse;}
.int_tbl>div{ display:table-row;}
.int_tbl>div>div{ display:table-cell;  border-collapse:collapse;border:solid 1px #ddd; padding:20px; padding-top:40px; text-align:center;height:250px; vertical-align:top; transition:all .4s;-ms-transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; overflow:hidden; }
.int_tbl>div>div:hover{ background-color:#fafafa; box-shadow:1px 2px 8px #ddd; transition:all .4s;}

/*Dasboard Slider*/
.subplansldr{background-color:#f3f6f6; border-radius:12px; height:16px; border:solid 1px #e8e8e8; padding:2px;}
.subplansldr>div{background-color:#f0a329;  height:10px; border-radius:12px 0px 0px 12px; position:relative; transition:all .5s;}
.subplansldr>div:after{ border:solid 1px #f0a329; height:16px; content:''; position:absolute; right:0px; top:-3px;}
.subplangrypan{background-color:#fff; padding:12px 15px; border-top:solid 1px #e8e8e8;border-radius: 0 0 5px 5px; height:68px;}
.grybnd{ background-color:#f8fbfb; border:solid 1px #ededeb; border-radius:5px;transition:all .3s;}
.grybnd:hover{background-color:#f2f8f8; transition:all .3s;}
.imgcntr{ margin:20px 0px 0px 18px}
.imgbox{ margin:25px; }
.imgbox> .nwfldr{ background-color:#f9f9f9; border: dashed 2px #ddd; border-radius:3px; padding:20px 10px; cursor:pointer; }
.imgbox> .nwfldr:hover{border: dashed 2px #c4eacb; background-color:#f1fdf3; }
.imgbox>div{overflow:hidden; position:relative; height:100px; width:135px;}
.imgboxbdr{border: 1px solid #f0f6f9;background-color: #f7f7f7; text-align:center;}
.imgbox>div + p{ overflow:hidden; text-overflow:ellipsis; width:120px; white-space:nowrap; text-align:center;}
.imgdelbg{background-color: #000;border-radius: 50%;height: 60px;left: -20px;
    opacity: 0.5; filter: Alpha(opacity='50'); padding: 10px; position: absolute; text-align: center; top: -20px; vertical-align: middle; width: 60px; z-index: 1; border:solid 1px #888; box-shadow:1px 1px 1px #000;}
 .imgdel{position:absolute; left:10px; top:10px; z-index:2;cursor:pointer;}  
 .othrusrtmpbg{background-color: #000;border-radius: 50%;height: 80px;right: -25px; opacity: 0.5; filter: Alpha(opacity='50'); padding: 10px; position: absolute; text-align: center; top: -25px; vertical-align: middle; width: 80px; z-index: 1; border:solid 1px #888;box-shadow:1px 1px 1px #000; cursor: pointer; }
 
  .zclitmustempbg{background-color: #000;border-radius: 50%;height: 80px;left: -25px; opacity: 0.5; filter: Alpha(opacity='50'); padding: 10px; position: absolute; text-align: center; top: -25px; vertical-align: middle; width: 80px; z-index: 1; border:solid 1px #888;box-shadow:1px 1px 1px #000;cursor: pointer; }
  
 .zclitmustempimg{left:7px; position: absolute;top:7px;   z-index:2; padding:2px; background-color:#fff; border-radius:50%;}
 .othrusrtmpimg{cursor: pointer;right: 10px; position: absolute;
top: 10px;   z-index: 2;}

 .tmphead{ padding:10px 20px;} 
.imgboxpopup{ margin:10px; }
.imgboxpopup>div{overflow:hidden; position:relative; height:100px; width:164px; border:solid 1px #eee; text-align:center; background-color:#f7f7f7; vertical-align:middle;}  
 .imgboxpopup>p{ text-overflow:ellipsis; overflow:hidden; width:164px; white-space:nowrap; text-align:center; }  
.tmpbox{ margin:25px; }
.tmpbox>div{overflow:hidden; position:relative; height:240px; width:240px; border:solid 1px #ccc;}
.tmpbox>div.sel{ border:solid 2px #03B74E; opacity: 0.5; filter: Alpha(opacity='50')}
.tmpbox>div .optns{ background-color:#349bee; position:absolute; width:100%; bottom:0px;}
.tmpbox>div .optns div{ padding:10px; border-right:1px #91c8f5 solid; display:inline-block; height:46px;box-sizing: border-box; cursor:pointer; float:left; text-align:center; width:20%;}
.tmpbox>div .optns div:last-child{ border-right:0px;}
.tmpbox>div .optns div img{ height:23px; vertical-align:top;}

.tmpbox>div + p{ overflow:hidden; text-overflow:ellipsis; width:240px; white-space:nowrap; text-align:left; padding:10px 10px 10px 0px;}
.tmpbox>div + p.sel{ background-color:#72d7ab;}
.tmpboxsel{ background-color:#72d7ab;}


.tmplstbox>.tmplbox{overflow:hidden; position:relative; height:70px; width:70px; border:solid 1px #ccc; float:left;}
.tmplstbox>.fldrbox{overflow:hidden; position:relative; height:50px; width:70px;float:left;}
.tmpcuntlrgfldr{position:absolute; background-color:#000; padding:2px 10px; border-radius:4px; opacity:.5; right:20px; top:30px; color:#fff;}
.tmpcuntsmalfldr{position:absolute; background-color:#000; padding:0px 5px; border-radius:2px; opacity:.5; right:10px; top:15px; color:#fff;}



.zcfldrtmpbox{ margin:20px 20px; }
.zcfldrtmpbox>div{overflow:hidden; position:relative; width:160px; border:solid 1px #ccc;}
.zcfldrtmpbox>div.sel{ border:solid 2px #03B74E; opacity: 0.5; filter: Alpha(opacity='50')}
.zcfldrtmpbox>div .optns{ background-color:#000; position:absolute; width:100%; bottom:0px;}
.zcfldrtmpbox>div .optns div{ padding:10px; border-right:1px #555 solid; display:inline-block; height:46px;box-sizing: border-box; cursor:pointer; float:left; text-align:center; width:20%;}
.zcfldrtmpbox>div .optns div:last-child{ border-right:0px;}
.zcfldrtmpbox>div .optns div img{ height:23px; vertical-align:top;}

.zcfldrtmpbox>div .smloptns{ background-color: #349bee; box-shadow: 0 2px 2px 0 rgba(157, 174, 196, 0.14), 0 3px 1px -2px rgba(157, 174, 196, 0.2), 0 1px 5px 0 rgba(157, 174, 196, 0.12); position:absolute; width:100%; bottom:0px;}
.zcfldrtmpbox>div .smloptns div{ padding:7px; display:inline-block; height:36px;box-sizing: border-box; cursor:pointer; float:left; text-align:center; width:25%; color:#fff !important;}
.zcfldrtmpbox>div + p{ overflow:hidden; text-overflow:ellipsis; width:160px; white-space:nowrap; text-align:center; height:25px; }

.zcfldrtmpbox>div .smloptns div i{ color:#fff;}


/* .tmpselbg{background-color:#000; opacity:.3; width:90px; height:90px; position:absolute; right:-35px; top:-35px; border-radius:50%; z-index:1;}*/
.imgunsel{position:absolute; right:60px; top:30px; z-index:2; cursor:pointer; background-image:url(../images/img_wtick.png); width:44px; height:44px;} 
.imgsel{position:absolute; right:60px; top:30px; z-index:2; cursor:pointer; background-image:url(../images/img_gtick.png); width:44px; height:44px;} 
.h300{ height:expression(this.scrollHeight > 300? '300px' : 'auto'); overflow:auto;max-height:300px; }
/*.popupimgbox{margin: 15px 25px 0px;}
.popupimgbox>div{overflow:hidden; position:relative; height:134px; height:100px; width:135px;}
.popupimgbox>div + p{ overflow:hidden; text-overflow:ellipsis; width:120px; white-space:nowrap; text-align:center;}
.popupimgbox>div.sel{ border:solid 1px #03B74E; opacity: 0.8; filter: Alpha(opacity='80')}*/
 
.selpicimgpan{ background-color:#ededeb; border-bottom:solid 1px #cecece; border-top:solid 1px #b7babb; }
.selpicimgpan>div{ float:left; margin-right:10px; height:50px;}
.selpicimgpan>div:first-child{ margin-left:10px;}
.selpicimgpan>.slcted{background-color:#fff; border:solid 1px #C5C5C5; text-align:center; padding:10px; cursor:pointer;}
.selpicimgpan>.slcted p{ display:block; line-height:5px;}
.selpicimgpan>.slcted p b{border-style:solid; border-width:5px 5px 0px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent; margin-left:3px;}
.fbprophotoseltick{ position:absolute; z-index:1; top:calc(50% - 14px); left:calc(50% - 14px);cursor:pointer;}
.fbprophoto{border-radius:10px; width:80px; height:80px; border:solid 1px #ccc; cursor:pointer;}
.fbprophotosel{border-radius:10px; width:80px; height:80px; border:solid 2px #03B74E;opacity: 0.5; filter: Alpha(opacity='50');cursor:pointer; padding:2px;}
.fbprophotoerror{border-radius:10px; width:80px; height:80px; border:solid 2px #ff413c;opacity: 0.5; filter: Alpha(opacity='50');cursor:pointer; padding:2px;}
.fbicondiv{position: absolute;bottom:-2px;right:6px;}
.zcdsbrdusr{ width:75px; height:75px; border-radius:10%;}
.sclphoto{ width:50px; height:50px; border-radius:50%;}
.sclphotosmall{ width:40px; height:40px; border-radius:10px;}
.sclphotosel{ width:50px; height:50px; border-radius:10px;border: 2px solid #03b74e; cursor:pointer; padding:2px;}
.sclphotosmallsel{ width:40px; height:40px; border-radius:10px;border: 2px solid #03b74e; cursor:pointer; padding:2px;}
.sclphotoseltick {cursor: pointer; left: 27%; position: absolute; top: 25%;z-index: 1;}
.sclprfscrll{overflow:auto;max-height:500px;}
.scllst{ border-bottom:solid 1px #f0f0f0; padding:20px;  position:relative;}
.scllst:hover{background-color:#f5faff; }
.scllstslct{background-color:#fafafa; padding:20px; border-bottom:solid 1px #f0f0f0; }
/*Remove cmpsubtab*/
.cmpsubtab{ background-color:#f3f6f6; overflow:hidden; padding-left:20px; border-bottom:solid 1px #ededeb;}
.cmpsubtab ul{ list-style:none;}
.cmpsubtab li{ float:left; margin-right:20px;}
.cmpsubtab li a{ padding:15px; font-size:15px; color:#adaeae; text-decoration:none; display:inline-block;}
.cmpsubtab li a:hover{ color:#4d4d4d;}
.cmpsubtab li a.sel{ padding:15px; font-size:15px; color:#4d4d4d; border-bottom:solid 3px #f0a329;}

/*social post timeline*/
.sclpsttimeline{ margin-left:74px; border-left:solid 3px #e7e7e7; padding:20px; padding-left:110px;}
.sclpsttimeline .pstpan{ border:solid 1px #e8e8e8; border-radius:5px; margin:60px 0px;}
.pstpan .psthead{ height:50px; line-height:18px;}
.newsclpst {background-color: #fafeff;border-radius: 5px;color: #5a5a58;font-size: 15px;padding: 15px; border:solid 1px #C8F0F8;}
.newsclpst .psttype{ border: 3px solid #d6e5ec; width:35px; height:35px; border-radius:50%; position:absolute; left:-130px; background-color:#fff; padding:5px;}
.newsclpst .zcline{left: -41px;position: absolute;color: #d6e5ec; top:10px;}
.sclpsttimeline .pstpan .zcline{left: -41px;position: absolute;color: #d6e5ec;}
.sclpststart {background-color: #d6e5ec;border: 1px solid #d6e5ec;border-radius: 15px;color: #636d7a;font-size: 14px;left: -160px;padding: 5px;position: absolute;text-align: center;top: -10px;width: 100px;}


/*autoresponder timeline*/
.zcartimeline{ margin-left:74px; border-left:solid 1px #c8dbe4; padding:20px; padding-left:70px; padding-bottom:0px;}
.zcartimeline .zcmsgpan{ background-color:#fff; border:solid 1px #d7e6ef; border-radius:5px; margin:40px 0px;box-shadow: 0 1px 2px #e4ecef;}

.zccnctnode{ border-bottom: solid 1px #d7e6ef;
position: absolute;
width: 40px;
left: -40px;}

.zccnctnode:after{ border:solid 1px #c1dae9; width:10px; height:10px; content:""; border-radius:50%; position:absolute; left:0px; background-color:#fff; top:-5px;}

.zcmsgpan .psthead{ height:50px; line-height:18px;}

.zcmsgtype{ border: solid 1px #b5cfdb; width:35px; height:35px; border-radius:50%; position:absolute; left:-90px; background-color:#fff; padding:8px;}
.zcmsgtypesml{ border: solid 1px #b5cfdb; width:20px; height:20px; border-radius:50%; position:absolute; left:-82px; background-color:#fff; padding:8px; top: 10px;}
.zctimelinelbl{position: absolute;  left: -112px;   top: -30px;
    width: 80px;  text-align: center;  padding: 3px;  border-bottom: solid 1px #c8dbe4;
    border-top: solid 1px #c8dbe4; font-size:12px; color:#FF8B00; background-color:#fff;}
	
.newsclpst .newmsgcrt{width:40px !important; height:40px !important;}
.newsclpst .zcline{left: -41px;position: absolute;color: #d6e5ec; top:10px;}
.zcartimeline .zcmsgpan .zcline{left: -41px;position: absolute;color: #d6e5ec;}
.sclpststart {background-color: #d6e5ec;border: 1px solid #d6e5ec;border-radius: 15px;color: #636d7a;font-size: 14px;left: -160px;padding: 5px;position: absolute;text-align: center;top: -10px;width: 100px;}

/* Hexagon for social, workflow*/
.hexagon::after {border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 25px solid #e1edf2;bottom: -25px;content: "";height: 0;left: 0;position: absolute;width: 0;}
.hexagon::before {border-bottom: 25px solid #e1edf2;border-left: 50px solid transparent;border-right: 50px solid transparent;content: "";height: 0;left: 0;position: absolute;top: -25px;width: 0;}
.hexagon {background: #e1edf2 none repeat scroll 0 0;height: 55px;left: -162px;position: relative;text-align: center;width: 100px;}
.hexagon>div{ font-size:20px; color:#555;} 
.hexagon>div~span{ font-size:14px; color:#555; display:block;} 

.hex {background: #e1edf2 none repeat scroll 0 0;height: 55px;left: calc(50% - 50px);position: relative;text-align: center;top: 24px;width: 100px;}
.hex>div{ font-size:20px; color:#555;} 
.hex>div~span{ font-size:12px; color:#555; display:block;} 
.hex:before { border-bottom: 25px solid #e1edf2;border-left: 50px solid transparent;border-right: 50px solid transparent;content: "";height: 0;left: 0;position: absolute;top: -25px;width: 0;} 
.hex:after {  border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 25px solid #e1edf2;bottom: -25px;content: "";height: 0;left: 0;position: absolute;width: 0; }



/*Workflow*/
.wrkflwbox{background-color: #f7fafa;border: 1px solid #d6e5ec;border-radius: 3px;margin-left: 7%;margin-right: 5%;padding-left: 80px;position: relative;box-shadow: 0 1px 1px 0 #dbe9f0;}
.wrkflwbox .and{padding:15px 40px; font-size:25px; font-style:italic; font-weight:lighter; color:#858788;}
.wrkflwname{margin-left: 10%;margin-right: 5%; position:relative;}
.wrkpatrnbg{background-color: #fff;border: 1px solid #e2e5e5;border-radius: 50%;height: 30px;left: 10px;padding: 4px;position: absolute;top: -7px;width: 30px;}
.wrkpatrnbg input{background: transparent none repeat scroll 0 0;
    margin-left:6px; width: 10px; color:#555; float:left;}

.cmpschdule{ width:600px; margin:30px auto; text-align:left;}
.cmpschdule input[type="text"]{ padding-right:60px;}
.cmpschdule .actionbg{background-color: #fff;
font-size: 14px;color: #888a89;position: absolute;right:1px;top: 1px;
padding: 7px 15px;border-radius: 0px 3px 3px 0px;height: 35px;
border-left: solid 1px #fff;cursor: pointer; z-index:1; }
.zcdatetime input[type="text"]{ padding-right:60px;}
.zcdatetime>.actionbg{background-color: #fff;
font-size: 14px;color: #888a89;position: absolute;right:1px;top: 1px;
padding: 7px 15px;border-radius: 0px 3px 3px 0px;height: 35px;
border-left: solid 1px #fff;cursor: pointer; z-index:1; }

.zcschdule{text-align:left;}
.zcschdule input[type="text"]{ padding-right:60px;}
.zcschdule .actionbg{background-color: #fff;
font-size: 14px;color: #888a89;position: absolute;right:1px;top: 1px;
padding: 7px 15px;border-radius: 0px 3px 3px 0px;height: 35px;
border-left: solid 1px #fff;cursor: pointer; z-index:1; }


.tstmailcmnts{ background-color:#f3f6f6; border-radius:3px; padding:15px; font-size:13px; margin-top:20px; color:#4f5050; position:relative;}

.zcadvcmpbox {cursor: pointer; margin-left: 4%;
 margin-top: 2%; position: relative; transition: all 0.3s ease 0s;
 width: 20%; background-color: #fff; border: 1px solid #c4d3da;
 border-radius: 5px; box-shadow: 0 1px 5px #d4dfe5; min-height:350px;}

.zcwrkflwbox{ width:27%; cursor:pointer;transition:all 0.3s;position:relative;border: 1px solid #c4d3da !important;box-shadow: 0px 1px 5px #d4dfe5;}

.zcconsntbox{cursor:pointer;transition:all 0.3s;position:relative;border: 1px solid #c4d3da !important;box-shadow: 0px 1px 5px #d4dfe5; border-radius:5px; margin:20px;}

.zcfrmbox{ width: 18%;cursor: pointer;transition: all 0.3s;position: relative;margin-left:5%;margin-top: 2%;overflow:hidden;}
.zcchainbox{ width:30%; cursor:pointer;transition:all 0.3s; height:320px;}
.zcwrkflwicon{border: solid 1px #e2e5e5;float: left;padding: 12px;border-radius: 50%;width: 50px;height: 50px;background-color: #fff;}

.autoresbox{ width:20%;transition:all 0.3s;position:relative;}

.autoresbox:hover{transition:all 0.3s; position:relative;}
.autoresphovercntr{position:absolute;width:100%;top:52px;}
.autoresphoverinfo{ opacity:.9;  height:160px;background-color:#fff; padding-top:25px; }
.loadingparentele{z-index: 11; height: 2px;overflow: hidden; background: #ff7420; display:block; position: fixed; top: 0px; width: 0%;box-shadow: 1px 1px 2px #ffd1ac}
.loading{background:#26cef2;height:2px; width:100%; transition:all .3s; z-index:10; position:fixed; top:45px; left:0px; box-shadow:1px 1px 2px #b7f6fd;}
.chartbar{width: 10%;bottom: -1px;}
.chartbar1{ background-color:#43cbb4; left:0px;}
.chartbar2{ background-color:#63a4d1; left:12%;}
.chartbar3{background-color: #b1b1b1; left: 24%;}
.setgmnu{position:fixed; width:200px; height:100%; z-index:7!important; top:41px; left:60px;}
.setgmnu ul{ padding:0px; margin:0px; list-style:none;}
.setgmnu ul li{ padding:0px; margin:0px; position:relative;}
.setgmnu ul li a{ padding:12px 15px; text-decoration:none; font-size:13px; cursor:pointer; display:block;}
.setgmnu ul li a:hover{text-decoration:none;}
.setgmnu ul li a.selsubmnu{color:#fff;}
.setgmnu .bdrbtm{ border-bottom:solid 1px #444444;}

.mtag{ padding:5px 10px; margin:10px; float:left;transition:all .4s;}
.mtag:nth-child(odd){margin-top:20px; margin-bottom:5px;}
.mtag:nth-child(even){margin-bottom:20px; margin-top:5px;}
.seltag{ border:solid 1px #f0a329; border-radius:5px; color:#f0a329; background-color:#fef9f1;}
.mtag:hover{ color:#f0a329; cursor:pointer; transition:all .4s;}
.mtaghd{ color:#f0a329;}
.fltrppsel{border:solid 1px #ff6a1a !important;}
.fltrpp{width:380px; background-color:#fff; border:solid 1px #ddd; position:fixed; right:0px; box-shadow:0px 8px 7px 1px #ccc; height: calc(100% - 141px);font-weight:400}
.fltrpp .ppscroll{height:expression(this.scrollHeight > 90%? '90%' : 'auto'); overflow:auto;max-height:90%;}
.lstfltrpp{width:300px; background-color:#fff; border:solid 1px #ddd; position:absolute; right:-1px; box-shadow:-2px 2px 4px -1px #ccc; top:-1px;}
.zccntscrcntnpp{background-color: #fff; border-left: 1px solid #ddd;
 box-shadow: -3px 0 4px -1px #ccc; height: 302px; position: absolute;
 right:0px; top: -1px; width: 80%;}
.hlprgtpn{width:300px; background-color:#fff; border-left:solid 1px #ededeb; position:fixed; right:0px; box-shadow:0 0 25px -8px #ccc; height: calc(100% - 150px); z-index:3; padding:20px;}
.hlprgtpn>.tle{ color:#787878;}
.hlprgtpn>.hlplst{ margin:20px 0px 0px 14px;}
.hlprgtpn>.hlplst li{ margin-top:30px; font-style:italic; color:#444444; font-size:14px;}



/* jounrey */
.zcpredznjrnybox {
    width: 350px;
    height: 400px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px #ddd;
    background-position: top center;
    border: solid 1px #c5d2df;
    overflow: hidden;
    margin: 50px 0px 0px 50px;
    position: relative;
    text-align: center;
    display: inline-block;
    background-color: #f9faff;
}

.zh_prgtooltip_lft {background-color: #fff;
border-radius: 3px;position: absolute;
padding: 10px 20px;color: #000;
font-size: 12px;z-index: 2;
cursor: default;margin-left: 40px;
box-shadow: 1px 2px 6px rgba(0,0,0,.3);
border: solid 1px #525252; min-width:150px;}

.zh_prgtooltip_lft:after{right: 100%; top:6px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #3a3a3a transparent transparent; border-style:solid; border-width:7px;}



.zh_prgtooltip_rgt {background-color: #fff;
border-radius: 3px;position: absolute;
padding: 10px 20px;color: #000;
font-size: 12px;z-index: 2;cursor: default;
box-shadow: 1px 2px 6px rgba(0,0,0,.3);
border: solid 1px #525252;min-width: 150px;right: 0px;}

.zh_prgtooltip_rgt:after{left: 100%;
top: 6px;content: " ";height: 0;width: 0;position: absolute;border-color: transparent transparent transparent #3a3a3a;border-style: solid;border-width: 7px;}


.zcpredznjrnybox .zcbtncntr{background-color: #fff;bottom: 0px; border-top: solid 1px #ddd;}

.zcpredznjrnybox img{border-radius:5px;}
.zcpredznjrnybox .zcbtncntr{background-color: #fff;bottom: 0px; border-top: solid 1px #ddd;}
.zcpredznjrnybox .zcbtnovrlycntrhvr{background-color: #fff;bottom: 0px; }


/*Favourite*/
.zcfavlist{ width:420px; height:100%; z-index:7; top:41px; left:-420px;}
.zcfavlist>div{ color: #91a6bb; padding:10px 20px;}
.zcfavlist .bdrbtm {border-bottom: 1px solid #444444;}
.zcfavlist ul{ padding:0px; margin:0px; list-style:none; overflow:auto;}
.zcfavlist ul li{ padding:0px; margin:0px; position:relative;}
.zcfavlist ul li a{ padding:10px 0px; text-decoration:none; color:#137fbe; font-size:13px; cursor:pointer; display:block;}
.zcfavlist ul li a:hover{text-decoration:underline;}
.zcfavlstsetup{ width:200px; padding: 5px 15px; position:absolute;bottom:0px;}
.zcfavlstsetup>a{ color:#137fbe; text-decoration:none;cursor:pointer;}
/*.zcfavlstsetup>a:hover{ color:#fff;}*/
.zcfavcust{ padding:5px; background-color:#fff; border:solid 1px #fff;}.zcfavcust:hover{ padding:5px; background-color:#f4fefe; border: dashed 1px #9ac1c1;}
.zcfavcustactions{  background-color: #f1f1f1; border-left: 1px solid #ddd;border-radius: 0 3px 3px 0; height: 35px; padding: 7px 10px;right: 1px; top: 1px; z-index: 1;}
.zcfavlist .zcfavlisttitle{text-transform: uppercase; color: #222222; margin-top: 10px; font-size: 16px; border-bottom: dashed 1px #ddd; padding-bottom: 5px;}
.zcfavlist>.zcfavscroll{ overflow:auto; max-height:82%;}
.zcfavheading{ background-color:#f6f9f9; cursor:pointer; text-transform:uppercase;}
.zcfavheading:hover{ color:#ef7615}
.zcfavlinkcntr{ max-height:300px; min-height:200px; overflow:auto;}
.zchlpflycntrnew {width: 421px; position: fixed;z-index: 100; right: 0px; background-color: #fff;box-shadow: 0 10px 10px #efefef; height: 100%;border-left: solid 1px #dadada; overflow: hidden;}
.zcfavlistnew .zcfavlisttitle { text-transform: uppercase; color: #222; margin-top: 15px;font-size: 16px; border-bottom: dashed 1px #ccc;padding-bottom: 5px;}
.zcfavlistnew ul li a { padding: 10px 0px;text-decoration: none; color: #0c8cc4;font-size: 14px;cursor: pointer;display: block;}
/*Autoresponder*/
.artmlineindex{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;
background-image:url(../images/zc_timeline.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px;}
.artmlineindex li{ margin-top:0px; height:140px;}
.artmline{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;
background-image:url(../images/zc_timeline.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px;width:1230px; padding-top:30px;}
.artmline>li{ position:relative; text-align:left;margin:50px 0px;
list-style-type: none;display:block;text-decoration: none; float:left; clear:left;}

.artmline>li:nth-child(1n){margin-top:4em;}
.artmline>li:nth-of-type(2n){float: right;clear: right; margin-top:38px;}

.anymsbdrbtm{border-bottom:solid 1px #fabe4a; border-top:solid 1px #fabe4a; text-align:center; padding:10px; color:#e27843; font-style:italic;}
.anymspan{border:dashed 1px #fabe4a; border-radius:4px; width:385px; position:relative; margin:10px 0px;}
.anymspan .arhead{ border-radius:5px 5px 0px 0px; background-color:#fff6e7; border-bottom:solid 1px #fcd58b;}
.arsmspan{border:dashed 1px #fabe4a; border-radius:4px; width:550px; position:relative; margin:10px 0px;}
.arsmspan > .bdrbtm{border-bottom:solid 1px #fcd58b;}
.arsmspan > .arpanshwmre{border:solid 1px #fcd58b;!important; cursor:pointer;}
.arpanshwmre > span{ padding:2px 5px; display:inline-block;  border-radius:2px; cursor:pointer;}
.arpanshwmre .swtchsel{background-color:#3eb6e2; color:#fff;}
.arsmspan .arhead{ border-radius:5px 5px 0px 0px; background-color:#fff6e7; border-bottom:solid 1px #fcd58b;}
.arsmspan .arfoot{ border-radius:0px 0px 5px 5px; background-color:#fff6e7; }

.zcarpan{border:1px solid #e4ecef; border-radius:4px; width:400px;box-shadow: 0 1px 2px #e4ecef;}
.zcarpan .bdrbtm{border-bottom: dotted 1px #f0f6f9;}
.zcarpan .p10{ padding:10px 15px;}
.zcarpan:hover{ background-color:#f2fdff; border:solid 1px #c3ecf4;}
.zcartmline{ margin:0px auto; display:table;
height:auto; position: relative;padding: 0px;list-style-type: none;
background-image:url(../images/artimeline.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px;width:930px; padding-top:30px;}

.zcartmline>li{ position:relative; text-align:left;margin:50px 0px;
list-style-type: none;display:block;text-decoration: none; float:left; clear:left;}

.zcartmline>li:nth-child(1n){margin-top:3em;}
.zcartmline>li:nth-of-type(2n){float: right;clear: right; margin-top:38px;}

.arpan{ border: solid 1px #e2e6eb;border-radius: 4px;width: 550px;box-shadow:0px 1px 2px #ebf0f6;}
.arpan .arhead{ border-radius:5px 5px 0px 0px; line-height:1;}
.arpan .arfoot{ border-radius:0px 0px 5px 5px;}
.arpanconnect1{ background-image: url("../images/arpanconnect1.png");
 background-repeat: no-repeat;height: 35px; position: absolute; right: -85px; top: 0;   width: 69px;}
.arpanconnectl{ background-image: url("../images/arpanconnect1.png");
 background-repeat: no-repeat;height: 35px; position: absolute; right: -85px; top: 0;   width: 69px;}

.arpanconnectr{background-image: url("../images/arpanconnect2.png");
 background-repeat: no-repeat;height: 35px; position: absolute; left: -85px; top: 0;   width: 69px;}
 
.arpansmlcntr{border:solid 1px #e8e8e8; background-color:#fff; border-radius:5px; width:340px;}
.arlnbtm{ border: solid 1px #e8e8e8; height:260px; left:162px; top:0px; position:absolute;}

.arlnlftrgt{border: solid 1px #e8e8e8; width:500px;}

.arcndncntr{ position:relative; height:260px;}

.arpancndtnbox{ width:75px; height:75px; border:solid 1px #e8e8e8; background-color:#f3f6f6; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); 	transform: rotate(45deg); position:absolute; top:70px; left:125px;}
.arcntiontxt{color: #23a9e8; font-size: 36px; left: 134px;  position: absolute;  top:80px;  z-index: 1;}
.arcalschldcampbg{ background-color:#1c2732;right:0px; z-index:1; height:501px; top:51px; opacity:0.95; width:40%;}

.zcarcalschldcampbg{ background-color:#f9fdff; right:0px; z-index:1; height:501px; top:51px; opacity:0.95; width:40%; box-shadow: -4px 0px 8px #dde9f6; color:#222; border: solid 1px #dde9f6; border-left:0px;}

.zcarcalschldhead{background-color: #c2ecf31a;
border-bottom: solid 1px #e8f1f9; font-size:20px; padding:10px; line-height:1.4;}

.zcarcalpanhead{background-color: #f1faff;}

.arcalschldcampcnt{ color:#fff; right:0px; z-index:2; top:70px; text-align:left;height: 462px; min-width:475px;}
.zcarcalbadge{background-color: #0558ab;}
.zcarcalbadgepp{background-color: #333;}
.arcalschldpanbdr{ border-bottom:solid 1px #737272;}
.arcalschldcampcnt .link{ color:#fff; text-decoration:none; }
.arcalschldcampcnt .link:hover{color:#23a9e8;}

.zcarcalschldcampcnt{height: 462px; min-width:475px; text-align:left;}

.arcalovflw{ max-height:400px; overflow:auto;}

.cntstllft{ width:69px; height:35px; top:0px; position:absolute; right:-83px;}
.cntstlrgt{width:69px; height:35px; top:0px; position:absolute; left:-82px;}


.cntstmline li > .arpan{border:solid 1px #e4ecef; border-radius:4px; width:386px; box-shadow:0 1px 2px #e4ecef}
.cntstmline > .arpan .arhead{ border-radius:5px 5px 0px 0px;}
.cntstmline{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;
background-image:url(../images/zc_timeline.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px;width:900px;}
.cntstmline>li{ position:relative; text-align:left;
list-style-type: none;display:block;text-decoration: none;}
.cntstmline>li:nth-child(1n){float:left; clear:both; margin-bottom:100px;}
.cntstmline>li:nth-of-type(2n){float:right; clear:right; margin-top:100px; margin-bottom:0px;}
.cntslblrgt{ width:280px;position:relative;}
.cntslblrgt>em{width: 100px; text-align: center; text-overflow:ellipsis; overflow:hidden; padding:2px; left:-110px; position:absolute; font-size:13px; color:#58bcc3; top:-36px; border-top:solid 1px #eaf1f4; border-bottom:solid 1px #eaf1f4; background-color:#fff; font-style:normal;}

.cntslbllft{ width:280px; position:relative;}
.cntslbllft>em{width: 100px; text-align: center; text-overflow:ellipsis; overflow:hidden; padding:2px; right:-79%; position:absolute; font-size:13px; color:#58bcc3; top:-36px; border-top:solid 1px #eaf1f4; border-bottom:solid 1px #eaf1f4;  background-color:#fff; font-style:normal;}

.arpanmsgcntr{ height:100px; overflow:hidden;}

.arpanstrt{padding:5px 20px; background-color:#e9f4fa; border:solid 1px #e2edf3; margin:0px auto; display:table; border-radius:16px;}
.arpanshwmre{border:solid 1px #eee; padding:2px 10px; border-radius:5px; background-color:#fff; margin-left:calc(50% - 26px); top:-12px; font-size:10px; position:absolute;}


.arlblrgt>em{width: 100px; text-align: center; text-overflow:ellipsis; overflow:hidden; padding:2px; left:-28%; position:absolute; font-size:13px; color:#58bcc3; top:-50px; border-top:solid 2px #efefef; border-bottom:solid 2px #efefef; background-color:#fff;top:50px;}
.arlblrgt>.aradcr{ position:relative; border:solid 1px #95dcf5; bottom:40px; border-radius:5px; text-align:center; padding:10px; background-color:#edfaff;}.arlblrgt>.aradcr>a{ font-size:14px; color:#0c8cc4; text-decoration:none; }.arlblrgt>.aradcr>a:hover{ text-decoration:underline;}

.arlbllft, .arlblrgt{position:relative;}
.arlbllft>em{background-color: #fff;border-bottom: 2px solid #e1edf2;border-top: 2px solid #e1edf2;color: #58bcc3;font-size: 13px;overflow: hidden;padding: 2px;position: absolute;right: -28%;text-align: center;text-overflow: ellipsis;top: 50px;width: 100px;}
.arlbllft>.aradcr{background-color: #f2f8fb;border: 1px solid #cee3eb;border-radius: 5px;bottom: 40px;padding: 10px;position: relative;text-align: center;}.arlbllft>.aradcr>a{ font-size:14px; color:#0c8cc4; text-decoration:none; }.arlbllft>.aradcr>a:hover{ text-decoration:underline;}
.aradcrlnr{border-left:solid 1px #95dcf5; height:30px; position:absolute; left:50%; top:0px;}
.aradcrlnrrnd{width:7px; height:7px; background-color:#95dcf5; position:absolute; bottom:0px; left:-4px; border-radius:50%;}
.aradcrlnrarw{border-style:solid; border-width:5px 5px 0px; display:inline-block; height:0px; vertical-align:middle; border-left-color:transparent;border-right-color:transparent;border-top-color:#95dcf5; position:absolute; left:-5px;top:12px;}
.aradcrlnrcnt{border-left:solid 1px #95dcf5; height:14px; position:absolute; left:50%; top:-5px;}
.zcarfltrsmlcntr{top: 10px; left: calc(50% - 20px );}

/*.arlbllft>em{width: 100px; text-align: center; text-overflow:ellipsis; overflow:hidden; padding:2px; right:-21%; position:absolute; font-size:13px; color:#58bcc3; top:-50px; border-top:solid 2px #efefef; border-bottom:solid 2px #efefef; background-color:#fff; top:50px;}
.arlbllft>.aradcr{ position:relative; border-bottom:dashed 2px #BEE4E6; bottom:50px;}.arlbllft>.aradcr>a{ font-size:14px; color:#0c8cc4; position:absolute; left:44%; background-color:#fff; text-decoration:none; bottom:-10px; padding: 0 10px;}.arlbllft>.aradcr>a:hover{ text-decoration:underline;}*/

.arlbllft .arcriteriabox{background-color: #f2f8fb;border: 1px solid #cee3eb;border-radius: 5px;bottom: 50px;padding: 20px;position: relative;}
.arfltrlft{right: -58px; top:0px;}

.arlblrgt .arcriteriabox{position: relative; bottom: 50px; border: 1px solid #bae2ea; background-color: #f2fcff; border-radius: 5px; padding: 20px;}
.arfltrrgt{left:-60px; top:0px;}

.arsetuppan{ background-color: #fff;border: 1px solid #c4d3da;border-radius: 4px;box-shadow:0 1px 10px #d4dfe5;right: 0;top: 0;width: 510px;z-index: 10;}



.sanotify{ background-color:#f65454; border-radius:50%;padding: 2px 6px;z-index: 2; color:#fff; right:-10px; top:-10px;}



/*Sync Page*/
.syncdsbrdcntr{ padding:0px 20px 20px 0px;}
.syncpanbtncntr{ background-color: #fff;border-top: solid 1px #e8e8e8;padding: 10px 20px;border-radius: 0px 0px 5px 5px;bottom: 0px;}
.syncpanovlyhlppan{background-color:#fff; opacity:.9; height:330px; border-radius:5px; filter: alpha(opacity=90);}
.syncpanovlyhlptxt{color:#222; font-size:14px; height:250px; z-index:3; line-height:2;}
.mrebnd{background: #fff;border: solid 1px #c8d6dd;border-radius: 5px;transition: all 0.3s;color: #0097d9;}
.mrebnd:hover{ cursor:pointer;transition:all 0.3s; color:#ef7615;}
/*Custom fields*/
.addfld{border: #ddd 1px solid;height: 200px;overflow: auto}
.addfld li{font-size: 14px;color: #555;background-color: #FFF;padding: 10px;
text-indent: 4px;border-bottom: #f0f6f9 solid 1px;cursor: pointer;}
.addfld li.sel{ background-color:#d5e9ef; color:#111; transition:all .3s;}
.addfld li.sel:hover{ background-color:#d5e9ef; color:#111;}
.addfld li:hover{ background-color:#f5faff; color:#ef7615; transition:all .3s;}
.addfld li.title{ background-color:#f0f0f0; color:#111; transition:all .3s; font-weight:600; cursor:default;}
.mailinpnts{ font-size:14px;}

.cmpcntpan{ float:left; width:25%; cursor:pointer;}
.cmpcntpan a{color:#0c8cc4;}
.cmpcntpan:hover a{ color:#ef7615;}
.cmpcntpan:hover i{ opacity:1; transition:all .5s; margin-bottom:10px;}
.cmpcntpan:hover div{ transition:all .5s; margin-bottom:10px;}
.cmpcntpan div{ transition:all .5s;}
.cmpcntpan > div{ height:40px;}

.sclarwrgt{ right:0px; top:0px; z-index:1; height:171px;  border-radius:0px 0px 5px 0px; background-color:#f6f6f6; border-left:solid 1px #eee; cursor:pointer; box-shadow:-2px 0px 6px  -3px rgba(100, 100, 100, 0.5);}
.sclarwrgt img{ margin-top:40px;}
.sclarwlft{ left:0px; top:0px; z-index:1; height:171px; border-radius:5px 0px 0px 0px; background-color:#f6f6f6; border-right:solid 1px #eee; cursor:pointer; box-shadow:2px 0px 6px  -3px rgba(100, 100, 100, 0.5);}
.sclarwlft img{ margin-top:40px;}
.zcsclacntcntr .zcsclimg{ margin-left:52px; float:left;}
.zcsclacntcntr .zcsclimg:first-child{ margin-left:0px;}
/*Contacts Fields Organize*/
.confldiconsel{background-color:#fff;padding:10px 10px 5px 10px; border-radius:3px 3px 0px 0px; border:solid 1px #ddd; border-bottom:0px; margin-bottom:-3px; position:absolute; right:0px; z-index:3; top:-38px;}
.confldicon{background-color:#f1f1f1;padding:10px 10px 5px 10px; border-radius:3px 3px 0px 0px; border:solid 1px #ddd; border-bottom:0px; margin-bottom:-3px; position:absolute; right:0px; z-index:2; top:-38px;}
.confldscontainer{border:solid 1px #ddd; background-color:#fff; box-shadow:-2px 4px 5px #ddd; position:absolute; right:0px; z-index:1; padding:20px; top:2px;}
.confldsordr{ max-height:250px; overflow:auto; /*width:200px;*/}
.confldsordr ul{ padding:0px; margin:0px;}
.confldsordr ul li{ padding:10px; margin:0px; list-style:none; text-align:left; font-size:14px; color:#111; white-space:nowrap;}
.confldsordr ul li img{ vertical-align:middle; margin-right:10px;}

.hideatn{background-color:#f7fafa; font-size:12px; color:#444; padding:2px 20px; position:absolute; left:47.5%; border:solid 1px #e9e9e9; border-radius:0px 0px 4px 4px; border-top:0px; top:-1px; cursor:pointer;}
.prwimgcntr{ width:600px; max-height:450px; overflow:hidden; background-color:#fff; border-radius:5px 5px 0px 0px;}
.misigimgspan{ background-color:#FFF; overflow:auto; border:solid 1px #ccc; max-height:250px; margin-top:10px;}

/*Comments Timeline*/
.cmntstimeline{ margin-left:74px; border-left:solid 3px #e7e7e7; padding:30px; padding-left:110px;}
.sclpsttimeline .cmntspancntr{margin:60px 0px;}
.cmntspancntr .cmntspan{ background-color:#f3f6f6; border-radius:5px 0px 5px 5px; line-height:22px; padding:15px; font-size:14px;}
 .cmntspanoptions{ background-color:#f3f6f6; border-radius:5px 5px 0px 0px; padding:10px 20px; right:-15px; bottom:12px;}
 .cmpnysetupcntr{box-shadow:0px 0px 80px #ddd; border-top:solid 2px #2FA8DD;} 

.hglttxt{ background-color:#fff6b6; padding:3px 10px; border-radius:5px; color:#e27843; font-weight:lighter;}
.imprtlne{ border-bottom: 3px solid #d6d9da;
    left: 30px;
    position: absolute;
    top: 50px;
    width: 85%;
    z-index: 0;}
.hbarchtbg{ background-color:#dfdfdf; border-radius:3px;}
.hbarchtbg .ldng{ background-color:#58b75f; height:5px; border-radius:3px;}

.imprthstrylftpan{ width:15%;}
.imprthstryrgtpan{ width:84%;}
.imprthstryic{ width:11%;}
/*AB campaign*/
.aslide{ background-color:#f6b51e; border-radius:5px; padding:0px 8px; color:#fff;}
.bslide{ background-color:#55aaeb; border-radius:5px; padding:0px 8px; color:#fff;}
.ccount{background-color:#ccc; border-radius:3px; padding:0px 5px; color:#fff;}
.asldeprw{background-color: #f6b51e;border-radius: 3px;color: #fff;float: left;font-size:15px;margin-right: 10px;
    margin-top: 5px;padding: 6px 12px;text-align: center;width: 40px;}
.bsldeprw{background-color: #55aaeb;border-radius: 3px;color: #fff;float: left;font-size:15px;margin-right: 10px;
    margin-top: 5px;padding: 6px 12px;text-align: center;width: 40px;}   
.abwinnerband{background-color:#df3636; padding:5px; color:#fff; font-weight:lighter; font-size:16px; text-align:center;  -ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg); width:180px; right:-40px; top:10px; position:absolute; border:1px solid #a64646; color:#FFF600;}	
	
.bgstkctg ul{ padding:0px; margin:0px; }	
.bgstkctg ul li{ padding:0px; margin:10px; list-style:none; display:inline-block; width:22%;}
.bgstkctg ul li a{ color:#0c8cc4; font-size:12px; text-decoration:none;}	
.bgstkctg ul li a:hover{ color:#0c8cc4; font-size:12px; text-decoration:underline;}		
.bgstkctg input[type="text"] {background-color: #e1f2fc;border: 1px solid #fff;border-radius: 25px;color: #6c6c6c; font-size: 15px; padding: 12px 50px 12px 12px; height:auto; box-shadow: 2px 2px 4px #a8a8a8 inset;}	


.selimgpup {background-color: #333;border-radius:2px;box-shadow: 0 2px 5px #555; padding: 10px;width: 440px; z-index:3; position:absolute; top:10px; left:0px;}
.selimgpuparw{left:22px;position: absolute;top:2px;border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-bottom-color: #333; border-width: 10px;} 
.selimgscntr{ max-height: 350px; overflow: auto;}
.selimgscntr>div{float: left;height:75px; margin: 5px; overflow: hidden;position: relative; width:90px;}
.selimgscntr>div>div{position: absolute;right: 5px;top: 5px;}   

 
.sclpgbnrcntr{width: 900px; height: 200px; overflow: hidden;}  
.sclpgbnr{width:850px; height:150px; overflow:hidden;   border:solid 1px #111; border-radius:4px; z-index:1; position:absolute; box-shadow:2px -30px 40px 20px #000 inset; opacity:.5;}
.sclpgbnrnone{width:850px; height:150px; overflow:hidden;   border:solid 1px #111; border-radius:4px; z-index:1; position:absolute; background-color:#5566a8;}
.sclpgprfimgcntr{width:850px; height:150px;   border-top:solid 4px #425992; border-radius:4px; position:absolute; z-index:2;}   .sclpgprfimgcntr .pgnme{position:absolute; font-size:20px; font-weight:bold; color:#fff; text-shadow:0px 1px 2px #000; left:150px; top:65px;} .sclpgprfimgcntr  .tbnme{position:absolute; font-size:16px; color:#fff; text-shadow:0px 1px 2px #000; right:140px; top:110px;}.sclpgprfimgcntr .actcntr{position:absolute; top:150px; right:140px;} 
.sclpgprfimgcntr .sclprfimg{width:120px; border:solid 1px #d3d6db; border-radius:1px; height:120px; overflow:hidden; position:absolute; left:10px; top:50px;}.sclpgprfimgcntr .scltabimg{width:112px; border:solid 1px #d3d6db; border-radius:1px; height:70px; overflow:hidden; position:absolute; right:10px; top:100px;}

.imgsfldrcntr{ width:100%; height:150px; margin-top:20px; overflow:auto;}
.imgsfldrcntr>div{ float:left;  padding:10px; border:solid 1px #fff; margin-left:15px; margin-top:10px; text-align:center;}
.imgsfldrcntr>div.selfldr{ float:left;  padding:10px; border-radius:3px; background-color: #fff; outline: solid 2px #2994f0;} 
.imgsfldrcntr>div .fldrnme{ line-height:15px; overflow:hidden; text-overflow:ellipsis; }
.imglstcntr{ height:200px; overflow:auto;}
.imglstcntr>div{ padding:10px; border-bottom:solid 1px #f1f1f1; font-size:14px;}
.imglstcntr>div.selimg{ background-color:#FFF7DE; border-bottom:solid 1px #eeeadc;}

.imgthumbcntr{ height:200px; overflow:auto;}
.imgthumbcntr>div{ padding:10px; margin-left:10px; margin-top:20px; float:left;border:solid 1px #f1f1f1; width:110px; height:73px; text-align:center;}
.imgthumbcntr>div.selimg{ background-color:#FFF7DE; border:solid 1px #eeeadc;}

.tstcmpsndpopup{background-color:#fff; position:fixed; z-index:10 !important; top:0px; height:100%;box-shadow: 0 -2px 30px rgba(85, 96, 117, 0.4);}

.cntdvcrdbg{background-color:#fff; border-bottom:solid 1px #eee; border-radius:5px 5px 0px 0px;}
.cntdvcrdbgstky{background-color:#f3f6f6; border-bottom:solid 1px #e8e8e8;position: fixed;top: 147px; width:calc(75% - 24px);z-index: 1;}
.cnttag{border:solid 1px #e8e8e8; background-color:#f3f6f6; border-radius:5px; padding:1px 5px; float:left; font-size:15px; margin-left:10px; margin-top:10px;}
.zccntsshdw {box-shadow: -5px 0px 8px #ddd;}
/*.cntnewtag{ padding:10px; background-color:#c6c9ca; font-size:15px; color:#fff; border-radius:0px 0px 5px 5px;}*/
.contunsub{ color:#de2424;}
.contsub{ color:#46cc7f;}
.sclshrcrcl{border: 1px solid #ddd;border-radius: 50%; font-size: 15px;
height: 40px; padding: 10px; width: 40px; padding-top:6px; left:47%; top:-20px; background-color:#fff;}
/*Social Post*/
.sclpstcntr{border:#dcdcdc solid 1px; }
.sclpstcnt{ font-family:Lato; border-left:solid 1px #dcdcdc;}
.sclpstcnt .title{ font-family:"Times New Roman"; font-size:24px;} .sclpstdesc{ font-size:14px; margin-top:10px; font-family:Lato;}
/*.sclpstdesc:hover{ background-color:#ffff99; cursor:text;}*/
/*.sclpstcntr .sclpstcnt .title:hover{ background-color:#ffff99; cursor:text;}*/
.sclpstcntr .dmn{ text-transform:uppercase; font-size:14px; color:#808795;font-family:Lato;}


.calfld{ background-color: #fff; background-image:url(../images/caltime.png);     background-position: center center;     background-repeat: no-repeat;     border-left: 1px solid #fff;     height: 35px;     position: absolute;     top: 1px;     width: 40px;     z-index: 1; right:1px; border-radius:0px 1px 1px 0px; cursor:pointer;}


.zcpxfld{ background-color: #ededeb;  border-left: 1px solid #d8d8d8;     height: 35px;     position: absolute;     top: 1px;     width: 40px;     z-index: 1; right:1px; border-radius:0px 1px 1px 0px; padding: 5px 10px; cursor:pointer; text-align:center;}
.zcpxfld:hover{ background-color: #DFDFDF;}
.zcimpxfld{height: 35px;     position: absolute;     top: 1px;     width: 40px;     z-index: 1; right:1px; border-radius:0px 1px 1px 0px; padding: 5px 10px; cursor:pointer; text-align:center;}
.zcedtrimgprwbdr{ border:solid 1px #f1f1f1; height:144px;}
.zcedtrimgsel{border:solid 3px #f0a329;}
.zcedtrimgnrml{border:solid 3px #fff;}
.zcedtrimgdelbg{ background-color: #000; border-radius: 50%;
 top: 50px; height: 50px; left:42%; opacity: 0.7; width: 50px;
 z-index: 1;filter: alpha(opacity=70); border:solid 1px #fff;}
.zcedtrimgdelimg{z-index:2; top:68px; left:47.5%;}

.weekselcntr{ font-size:15px;}
.weekselcntr>div:first-child{margin-left:0px;}
.weekselcntr>div{ padding:0px 3px; margin:0px 10px; display:inline-block; color:#ccccc8; text-transform:uppercase; border-bottom:solid 1px #e0e0e0; border-top:solid 1px #e0e0e0; cursor:pointer;}
.weekselcntr>div.sel{ color:#222; border-bottom:solid 1px #eea239; border-top:solid 1px #eea239; }

.planbox{ border:solid 1px #e8e8e8; border-radius:0px 5px 5px 5px; box-shadow:0 1px 0px 0 #eee;background-color:#fff; min-height:222px; padding:40px; margin-top:85px;}
.plantabsel{border:solid 1px #e8e8e8; border-radius:5px 5px 0px 0px; border-bottom:0px; padding:15px ;background-color:#fff; width:360px; box-shadow:0 -4px 5px #e4e4e4;}
.plantabnrml{border:solid 1px #e8e8e8; border-radius:5px 5px 0px 0px; border-bottom:0px; padding:8px 15px;background-color:#fbfbfb;width:360px; margin-top:17px;}
.planbox1{ border:solid 1px #e8e8e8; border-radius:5px; box-shadow:0 1px 0px 0 #eee;background-color:#fff; padding:0px;}
.hvplans{ width:332px; height:172px; background-color: #ffffee; border:solid 1px #f2f2d3; border-radius:5px; cursor:pointer; position:relative; cursor:default;}
.plans{ width:156px; border:solid 1px #e8e8e8; border-radius:5px; cursor:pointer; position:relative;}
.plans .plncount{ padding:28px 10px; color:#ff7a6b;}
.plans .plnprice{ padding:14px; background-color:#f4fefe; border-top:solid 1px #e8e8e8; font-size:25px; border-radius:0px 0px 5px 5px;}
.custplans{ width:156px; border:solid 1px #e8e8e8; border-top:solid 3px #23a9e8; border-radius:5px; cursor:pointer; position:relative;}
.plansel{ width:156px; border:solid 2px #23a9e8; border-radius:5px; cursor:default;}
.planlftarw{ border-radius:5px; border:solid 1px #cfebeb; padding:30px 14px; background-color:#f1ffff; left:-50px; top:60px; cursor:pointer; transition:all .3s;}
.planlftarw:hover{  background-color:#b7fbff; transition:all .3s; cursor:pointer;border:solid 1px #97e1e6;}
.planrgtarw{ border-radius:5px; border:solid 1px #cfebeb; padding:30px 14px; background-color:#f1ffff; right:-50px; top:60px; cursor:pointer; transition:all .3s;}
.planrgtarw:hover{ background-color:#b7fbff; transition:all .3s; cursor:pointer;border:solid 1px #97e1e6;}
.myplan{ background-color:#f7c463; padding:2px 10px; color:#fff; font-size:11px; position:absolute; top:-10px; left:29%; border-radius:20px;}
.zcplanscntr{ padding:10px 40px;}


.advcmpbox{width:20%; cursor:pointer;transition:all 0.3s;position:relative;}
.synctypebox{ width:27%; cursor:pointer;transition:all 0.3s;position:relative; margin-left:6%;}
.synctypebox button{ padding:4px 20px; font-size:15px; border-radius:0px 0px 3px 3px; cursor:pointer;transition:all .3s; height:51px; outline:none; width:100%; text-align:center;}
 
/*Bigstock*/
.imgpopoverpan{ padding:10px; box-shadow:1px 2px 3px #ccc; position:absolute; z-index:1; background-color:#fff;}
.deselect{color: #555555;cursor: default;opacity: 0.5;filter: alpha(opacity=50);zoom:1; cursor:default;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none; }
/*-------*/
.recpCheck{background-image:url(../images/cmplstchkboxsel.png); border:0px;float:left;margin-top:10px;}
.recpUncheck{background-image:url(../images/cmplstchkbox.png); border:0px;float:left;margin-top:10px;}
.segCheck{background-image:url(../images/cmplstchkboxsel.png); border:0px;float:left;vertical-align:middle;}
.segUncheck{background-image:url(../images/cmplstchkbox.png); border:0px;float:left;vertical-align:middle;}
.check{background-image:url(../images/cmplstchkboxsel.png); border:0px;float:left;margin-top:10px;}
.uncheck{background-image:url(../images/cmplstchkbox.png); border:0px;float:left;margin-top:10px;}

input[type="password"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; text-indent:15px;font-size:15px; position:relative;}
input[type="password"]:focus{ border:solid 1px #349fd7; box-shadow: 0px 0px 3px #349fd7; font-size:15px; color:#222;}
.ylwhglt{background-color: #fff4cf; padding:0px 3px;}
.pgnavnum{ background-color:transparent; width:35px; margin-left:10px; margin-right:10px;}
.pgnavlist{ background-color:#fff; border:solid 1px #ccc;border-top:solid 1px #ddd; position:absolute; z-index:auto; box-shadow: 1px 0px 5px 1px #ddd; z-index:11;width:55px; top:-121px; left:-1px;}
.pgnavlist ul{padding:0px; margin:0px;}
.pgnavlist li{font-size:14px; color:#333; padding:5px 10px; display:block; }
.pgnavlist li:hover{color:#ef7615; cursor:pointer; top:30px; background-color:#f5faff;}
.bglstdv{background-color:#fcfcfc;}
.sfshwmrline{ border-bottom:solid 2px #e8e8e8; position:relative;}
.sfshwmr{ border:solid 1px #e8e8e8; border-radius:5px; font-size:14px; text-transform:capitalize; position:absolute; width:150px; left: calc( 50% - 75px); background-color:#fff; padding:4px; text-align:center; top:-15px; cursor:pointer;}
.sfshwmr:hover{ background-color:#f5faff; color:#ef7615;}
.imgliboptnbg{opacity: 0.9;filter: alpha(opacity=90);zoom:1; background-color:#000; position:absolute; bottom:-10px; width:100%;}
.imgliboptnbg div{ border-right:solid 1px #333; float:left; display:inline-block; height:34px; width:50%;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; padding:5px; cursor:pointer;}
.imgliboptnbg div:last-child{ border-right:solid 0px #333;}
.imgpreview{background-position:-271px -5517px; width:27px; height:24px;}
.drbdwnlstslct{ border:solid 1px #ddd; padding:2px; font-size:14px;}

/* Create Goal */   
.waglnmecntr{ margin-left: 7%;}
.waglnme{ width:131px;}
.waglnmefld{ width:68.3%;}
.waactndrbdwn{ width:65.3%;}
.watmeconsfld{width:65.1%;}
.wathenfld{width: 69.2%;}
.wathenfldml{ margin-left:45px;}

.mt-3{margin-top:-3px;}
.mt-5{margin-top:-5px;}
.mt-7{margin-top:-7px;}
.mt-10{margin-top:-10px;}
.gsscale{transition:all .3s;}
.gsscale:hover{ transition:all .3s; transform:scale(1.1,1.1);}
    
/*Notification*/
.notipan{background-color:#fff; box-shadow:1px 2px 10px #ccc; border-radius:3px; width:420px;}
.notfytitle{background-color:#444444; color:#fff; font-size:14px; text-align:left; border-radius:3px 3px 0px 0px;}
.notfytitle a{ text-decoration:none; color:#bfbfbf;}
.notifyscroll{ max-height:350px;}
.notifydate{ color:#7a7c7d;}
.notiread{ background-color:#eaf5f9;}
.notifyscroll>div{ border-top: solid 1px #fff; border-bottom:solid 1px #ededeb; padding:15px;}
.notipan:after{right: 20px; top:-18px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent  transparent  #444444 transparent; border-style:solid; border-width:10px;}

/*Reports Legends*/
.zclgndgrn{ width:13px; height:13px; background-color:#3fb68a; border-radius:2px;}
.zclgndred{width:13px; height:13px; background-color:#f88667;border-radius:2px;}
.zclgndylw{width:13px; height:13px; background-color:#f8e585;border-radius:2px;}
.zclgndblu{width:13px; height:13px; background-color:#23a9e8;border-radius:2px;}
.zclgnddrkblu{width:13px; height:13px; background-color:#3b5767;border-radius:2px;}
.zclgndgry{width:13px; height:13px; background-color:#dfe3e4;border-radius:5px;}


.zclgnddrkpink {
    min-width: 13px;
    height: 13px;
    background-color: #d1588e;
    border-radius: 2px;
}

.zclgnddrkpurple {
    min-width: 13px;
    height: 13px;
    background-color: #7B63D0;
    border-radius: 2px;
}

.zclgndaquablue {
    min-width: 13px;
    height: 13px;
    background-color: #59c3d1;
    border-radius: 2px;
}

.fntalex {
    font-family: 'Alex Brush', cursive;
    font-size: 50px;
    color: #999;
}

.zclstcustcntr {
    background-color: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 5px;
    width: 800px;
    margin: 0px auto;
}
.fntalex{font-family: 'Alex Brush', cursive; font-size:50px; color:#999;}


.zclstcustcntr{ background-color:#fff;box-shadow: 0 0 10px #ddd; border-radius:5px; width:800px; margin:0px auto;}

.rmndrmail{background-color:#58bcc3; color:#fff; font-size:13px; padding:0px 5px; border-radius:3px; cursor:default;}
.smartlst{background-color:#58bcc3; color:#fff; font-size:13px; padding:0px 5px; border-radius:3px;}
.arredtag{background-color:#fb837a; color:#fff; font-size:13px; padding:0px 5px; border-radius:3px;}
.cmpthumbpopup{background-color:#fff; border:solid 1px #ddd; box-shadow:0px 1px 5px #ccc; padding:7px; z-index:1; top:0px; left:50px; border-radius:3px;}
.cmpthumbpopup:before{right: 100%; top:15px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #ddd transparent transparent; border-style:solid; border-width:10px;}
.cmpthumbpopup:after{right: 100%; top:15px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #fff transparent transparent; border-style:solid; border-width:10px;}

.zclstftr{ height:39px; background-color:#ebf0f5; width: calc(100% - 60px); position:fixed; bottom:0px; z-index:2; left:60px; opacity:.7;filter:alpha(opacity=70);}
.zclstftrcntnt{ position:fixed; bottom:0px; z-index:3;}

.zcscrolltopbg{ background-color:#8899af; width:40px;  text-align:center; cursor:pointer; opacity:.7; padding:11px;}

.errdiv{ font-size:13px; color:#cb3525; position:absolute;}
.err{ border:solid 1px #FF0004;}
.zcatchmntlst{ padding:13px 20px;}
.atchmntslct{ background-color:#fff7de;}
.zcatchmntactnscntr{ bottom: 0;left: 12px; position: absolute; z-index:1;}
.zcatchmntactns{ z-index:2; padding:8px;}

.zcatchmntactnsbgpp{ background-color:#000;bottom: 0;right:0px; position:fixed; z-index:4; padding:15px 0px; width:100%;}

.zcatchmntactnsbg{ background-color:#349bee;  border-radius: 14px;  opacity:1; filter: alpha(opacity=70);height: 30px;width: 110px;}
   
.zcarcalcntr{ border:solid 1px #b9cad5; border-radius:5px; border-collapse: collapse; background-color:#fff; color:#323d48;}
.zcarcalcntr th{ border:solid 1px #dde9f6; border-collapse:collapse; height:50px; background-color:#f7fcff; font-size:18px; font-weight:normal; color:#222; width:14%; vertical-align:middle;}
.zcarcalcntr td{ border:solid 1px #dde9f6; border-collapse:collapse; height:120px; font-size:16px; font-weight:600; text-align:left; vertical-align:top; line-height:1; letter-spacing:0px; position:relative;}

.zcarcalcntr td .caldte{ padding:8px 12px;}
.zcarcalcntr td.calsel{ background-color:#e4fefd !important; color:#555; }
.zcarcalcntr td.calmsgsnd{ background-color:#fff; color:#555;border: 1px solid #dde9f6;border-collapse: collapse; position:static;background-clip: padding-box;}
.calmsgsnd>.bdrbtm{ border-bottom: dotted 1px #f0f6f9}
.zcsclwgprw ul{ padding:0px;}
.zcsclwgprw li{ float:left; display:inline; text-align:center; font-size:12px;}
.zcsclwgprw li > div:hover{ border:dashed 1px #ccc; background-color:#fff; padding:5px; cursor:move; }
.zcsclwgprw li > div{ padding:5px; border:solid 1px transparent; margin-left:5px; }

.zcsynchoverpan{background-color:#fff; height:295px; z-index:1; width:100%;opacity:.95; filter: alpha(opacity=90); }
.zcsynchoverpan .zcsynchvrmnu ul{ padding:0px;}
.zcsynchvrmnu ul li{ list-style:none;}
.zcsynchvrmnu ul li a{ padding:12px 14%; text-decoration:none; display:block; font-size:16px; color:#0c8cc4; border-bottom:solid 1px #f9f9f9;}
.zcsynchvrmnu ul li a:hover{ padding:12px 14%; text-decoration:none; color:#ef7615;background-color:#f5faff;}
.armrkfrst{ background-color: #f2f8fb;border-radius: 4px 4px 0 0;}

.sfimggalcntr>div{ width:150px; height:100px; overflow:hidden; border:solid 1px #ddd; float:left; margin:20px 15px; text-align:center; position:relative;}
.sfimggalcntr>div:hover{ border:solid 1px #ddd;border:solid 1px #349fd7; background-color:#e7f5fd; box-shadow:1px 2px 4px #ccc; transition:all .3s;}
.sfimggalcntr>div>.sfimgsel{background-color: white;border-radius: 50%;left: 45px; padding: 10px; top: 22px; z-index:1;}

.zchlppntrbg{background-color: #ff6600; border-radius: 50%;  left:8px; position: absolute; top:9px; width:13px;height: 13px; z-index: 5; border: solid 1px #ff6600;}
.zctickbgrnd{ background-color:#fff; padding:5px; border-radius:50%; border: solid 1px #ddd; position:absolute; z-index:1;box-shadow: 0 1px 5px #d4dfe5;}
.zccrmpushcrmblock{border:dashed 1px #fff;}
.zccrmpushcrmblock:hover{border:dashed 1px #ddd;}
/*.zcprcngcustag{background-color: #a7a7a7; color: #fff; font-size: 15px; left: -6px; padding: 6px; position: absolute; top: -20px;
 width: 166px; z-index: 1;}
.zcprcngcustag:before{ border-color: #6c6b6b #444 #444 transparent; border-left: 5px solid transparent; border-top:5px solid #6c6b6b; content: ""; height: 0; left: 0; position: absolute; top: 32px;
 width: 0;}
 .zcprcngcustag:after{ border-color: #6c6b6b #444 #444 transparent; border-right: 5px solid transparent; border-top: 5px solid #6c6b6b; content: ""; height: 0; right: 0; position: absolute; top: 32px;
 width: 0;}*/
 .zcintropanlodrbg{ height:6px; background-color:#d8d9d9;}
 .zcintropanlodrblu{ background-color:#62e0f7; height:6px;}
 .zcintropanbtmpan{ background-color:#606060; border-radius:0px 0px 4px 4px;}
 .zcintropg{background-color:#ffffff; width:13px; height:13px; float:left; border-radius:1px;}
 .zcintronxtbtn{height:72px; background-color:#ff6a1a; font-size:18px; color:#fff; width:180px; text-align:center; border-radius:0px 0px 5px 0px;}
.zcintronxtbtn:hover{ background-color:#46a94d;}

/*Search Result*/
.srchrsltsbg{background-color: #fff;position: relative;overflow: hidden;z-index: 1;padding: 8px;}
.srchrsltsbg>.srchval{ color:#ea6402}
.srchrsltsbnd{ background-color:#fffef0; padding: 10px 20px; color:#f0a329}
.srchrsltsbnd > .srchval{ color:#ea6402}

/*Pricing*/
.pricingbox{ border:solid 1px #e8e8e8; border-radius:5px; box-shadow:0 1px 0px 0 #eee;background-color:#fff; min-height:222px; width:29.5%; margin-left:40px; min-width:250px;}
.pricingbox .hdng1{ background-color:#78d3ee; color:#fff; font-size:22px; padding:9px 30px; border-bottom:solid 1px #e8e8e8; border-radius:5px 5px 0px 0px;}
.pricingbox .hdng2{ background-color:#50bebf; color:#fff; font-size:22px; padding:9px 30px; border-bottom:solid 1px #e8e8e8; border-radius:5px 5px 0px 0px;}
.pricingbox .hdng3{ background-color:#ad92df; color:#fff; font-size:22px; padding:9px 30px; border-bottom:solid 1px #e8e8e8; border-radius:5px 5px 0px 0px;}
.pricingbox .subcount{ color:#ff7a6b;}
.pricingbox .subtxt{ color:#9a9a9a}
.pricingbox .prcnt1{ color:#23abe9}
.pricingbox .prcnt2{ color:#4ca4a5}
.pricingbox .prcnt3{ color:#8b6bc0}
.pricingbox .selplan{ background-color:#f2fcff; outline:solid 5px #f2fcff;}
.pricingbox .selplan:before{ border: 1px solid #78d3ef;border-radius: 5px;content: "";height:96px;left: -6px;position: absolute;top: -6px;
width:103%;}
.zcgstipspanel{width:340px; background-color:#fff; height:100%; position:fixed; z-index:9; border-right:solid 1px #ccc; top:47px; box-shadow:2px 18px 15px #999;}
.tag{width:40px; height:40px;padding: 9px; border-radius:5px; border:solid 1px #ddd;}
.tagsml{width:20px; height:20px; border-radius:50%; cursor:pointer;}
.seltagtheme{ border:solid 3px #000;}
.tagthme0{ background-color:#ff4b33; }
.tagthme1{ background-color:#e47c49;}
.tagthme2{ background-color:#81d0d1;}
.tagthme3{ background-color:#e4c949;}
.tagthme4{ background-color:#e2e449;}
.tagthme5{ background-color:#b1ca48;}
.tagthme6{ background-color:#48ca76;}
.tagthme7{ background-color:#48b9d1;}
.tagthme8{ background-color:#4885d1;}
.tagthme9{ background-color:#8563dd;}
.tagthme10{ background-color:#cd63dd;}
.tagthme11{ background-color:#ff458a;}
.tagthme12{ background-color:#ff8fb9;}
.tagthme13{ background-color:#b6a1eb;}
.tagthme14{ background-color:#91b6e4;}
.tagthme15{ background-color:#91dfad;}
.tagthme16{ background-color:#d0df91;}
.tagthme17{ background-color:#efde91;}
.tagthme18{ background-color:#dddddd;}

.glblsrch input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:35px; width:100%; text-indent:15px;font-size:15px; padding-left:40px;}
.glblsrchicon{border-right: 1px solid #ddd;left: 4px;
 padding: 10px 8px 5px;position: absolute; top: 1px;
 z-index: 5;}
.zctimerbox{border:solid 1px #e8e8e8; border-radius:5px;} 
.zctimerbox>.timervlu{ line-height:20px; color:#55aaeb; font-weight:normal;}
.zctimerbox>.timertxt{border-top:solid 1px #e8e8e8; padding:5px; font-size:9px; color:#a4a6a4; line-height:7px;}

.zcrptlgndgrn{width:14px; height:14px; background-color:#5bd3bd; border-radius:2px;}
.zcrptlgndred{width:14px; height:14px; background-color:#ff9484; border-radius:2px;}
.zcrptlgndylw{width:14px; height:14px; background-color:#f6d734;border-radius:2px;}
.zcrptlgndblu{width:14px; height:14px; background-color:#54a9eb;border-radius:2px;}
.zcrptlgndlgtgrn{width:14px; height:14px; background-color:#b3da70;border-radius:2px;}
.zcrptlgndpurpl{width:14px; height:14px; background-color:#da91e5;border-radius:2px;}
.zcrptlgndgry{width:14px; height:14px; background-color:#b0b0b0;border-radius:2px;}
.imggbox{ margin:0px; }
.imggbox>div{overflow:hidden; position:relative; height:100px; width:135px;}
.emailcmplbl{ background-color:#58bcc3; border-radius:2px; padding:0px 4px; color:#fff; text-transform:uppercase;}
.autoresplbl{ background-color:#d1ca8c; border-radius:2px; padding:0px 4px; color:#fff; text-transform:uppercase;}
.edtrperlzpopup{background-color: #ebf0f5;font-size: 14px;color: #888a89;position: absolute;right: 139px;margin-top: 1px;padding: 7px 30px;border-radius: 0px 3px 3px 0px;
height: 35px;border-left: solid 1px #d8d8d8;cursor: pointer;z-index: 1;}
.svgimg path{ fill:#FF0004; background-color:#FFFC00;}
.listkeytxtbox>input[type="text"]{border:0px; font-size:20px; width:450px; color:#57bb57;}
.hlpovly{background-color:#fff; opacity:.5;filter: alpha(opacity=50); z-index:10; height:100%; position:fixed; top:0px; width:100%;}
.hlpriple{ position:absolute; z-index:11;}

.zcsubscrtblcntr{ width:100%; border:solid 1px #ddd; border-radius:5px;color:#555; overflow:auto; font-size:14px;}
.zcsubscrtblcntr>table td{  border-bottom:solid 1px #ddd; padding:10px;height:50px; vertical-align:middle; background-color:#fff;}
.zcsubscrtblcntr>table th{border-bottom: 1px solid #eee;background-color: #f1f1f1; padding:10px; height:40px; font-weight:normal; }
.zcsubscrtblcntr>table .chkboxfld{ position:absolute; width:40px; left:1px;}
.zcsubscrtblcntr>table .usrprfimg{ position:absolute; width:50px; left:41px;}
.zcsubscrtblcntr>table .emailfld{ position:absolute; width:400px; border-right: solid 1px #ddd; left:41px; box-shadow:2px 1px 4px #eee;}
.zcsubscrtblcntr>table .emailfld a{ color:#555; text-decoration:none; margin-top:5px; display:block;}
.zcsubscrtblcntr>table .emailfld a:hover{ color:#ef7615; text-decoration:underline;}
.zcsubscrtblcntr>table tr:hover td{ background-color:#f5faff;}
.zcsubscrtblcntr>table tr:hover td>a{ color:#ef7615;}
.zcsubscrtblcntr>table th.sel{ color:#ef7615}
.zcsubscrtblcntr>table th:hover .cntstblarw{ display:inline; cursor:pointer;}
.zcnodatachart{border: solid 35px #f1f1f1; border-radius:50%;width: 200px;height: 200px;margin: 0px auto;}
.drpdwnlststab{ background-color:#f4f6f5}
.drpdwnlststab>ul>li{ float:left; display:inline;}
.drpdwnlststab>ul>li>a{font-size:14px; color:#606b77; padding:10px 5px; line-height:1; cursor:pointer; margin-left:10px; border-bottom:2px solid transparent;}
.drpdwnlststab>ul>li>a.sel{ color:#222; border-bottom:solid 2px #FFAD52;}
.drpdwnlststab>ul>li>a:hover{background-color:transparent; color:#222;}
.bdrltrtr5{border-radius:5px 5px 0px 0px;}
.bdrlbrbr5{border-radius:0px 0px 5px 5px;}
.bdrltr5{border-radius:5px 0px 0px 0px;}
.bdrrtr5{border-radius:0px 5px 0px 0px;}
.bdrlbr5{border-radius:0px 0px 0px 5px;}
.bdrrbr5{border-radius:0px 0px 5px 0px;}
.zcsyncrndsze{ width:130px;}
.zcsyncrndsze>img{z-index:2; margin:auto; left:0px;}
.zcsyncleadsrnd{width:130px; height:130px; background-color:#cfd4e4; border-radius:50%; margin:auto;}
.zcsynccntcsrnd{width:130px; height:130px; background-color:#cfe4e3; border-radius:50%; margin:auto;}
.zcsynccstmrnd{width:130px; height:130px; background-color:#e4dbcf; border-radius:50%; margin:auto;}
.zcgrydrpdwn{background-color:#464646; padding:7px 10px; border-radius:3px; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border:solid 1px #363636;}
.zcgrydrpdwnsel{background-color:#464646; padding:7px 10px; border-radius:3px 3px 0px 0px; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border:solid 1px #363636;}
.zcgrydrpdwnlst{ background-color:#535252; border-radius:0px 0px 3px 3px; position:absolute; z-index:10px; width:100%;}
.zcgrydrpdwnlst>ul{ padding:0px; margin:0px; list-style:none;}
.zcgrydrpdwnlst>ul>li>a{ color:#fff; font-size:12px; padding:7px 10px; display:block;}
.zcgrydrpdwnlst>ul>li>a:hover{ background-color:#3b3b3b; cursor:pointer;}
.zccmptypimg{cursor: pointer;left:26px;position:absolute;top:21px;z-index:2;}
.zccmptypimgcntr{height:100px; width:100px;}
.zcsigntypimgcntr{height:130px; width:130px;}
.zclitmuslftpan{ width:300px; box-shadow:0 -2px 5px 5px #ddd; background-color:#f8f8f8; min-width:300px;}
.zclitmusthumbsel{border:solid 1px #349fd7; background-color:#e7f5fd; }.zclitmusthumbsel>.nmediv{ background-color:#349fd7; border-radius:0px 0px 5px 5px; color:#fff}
.zclitmusthumbsel>.nmediv>.lgtgrytxt{color:#e7f5fd;}
.zcsigntypimg{cursor: pointer;left:36px;position:absolute;top:25px;z-index:2;}
.zcmailftrbg{ background-color:#f7f7f7;}
.zcpgepanl{ background-color:#fff; border:solid 1px #EDEDED;}
.roundframe_blue {height:100px; width:100px; border-radius:50px; background: #6fc3de;z-index: 0;position: absolute;}
.blurnd{height:160px; width:160px; border-radius:50%; background: #6fc3de;z-index: 0;position: absolute;}
.zclitmuspckcntr li{ list-style:none;}
.zclitmuspckcntr li>.box{ border:solid 1px #e4ecf1; border-radius:5px; background-color:#fff; min-height:250px; cursor:pointer;}
.zclitmuspckcntr li>.box:hover{ border:solid 1px #e4ecf1; border-radius:5px; background-color:#f8f8f8; min-height:250px; cursor:pointer;}

.zclitmuspckcntr li>.box:hover.sel{ border:solid 2px #23a9e8; background-color:#f8feff;}
.zclitmuspckcntr li .sel{ border:solid 2px #23a9e8; background-color:#f8feff;}
.zclitmushead{ border-radius:10px 10px 0px 0px; border-bottom:solid 1px #e8e8e8;}

/*.zcacntsetup1{ background-color:#d1f2ff;padding-top:160px; padding-bottom:80px;}
.zcacntsetup2{ background-color:#dcfcd2;padding-top:160px; padding-bottom:80px;}
.zcacntsetup3{ background-color:#e5dfff;padding-top:160px; padding-bottom:80px;}
.zcacntsetup4{ background-color:#ffd1b8; padding-top:160px; padding-bottom:80px;}*/

.zcacntsetup{padding-top:100px; padding-bottom:30px;}
.zcacntsetupcrcle{width:220px; height:220px; background-color:#f1f5f5; border-radius:50%; position:absolute;top: -110px;left: calc(50% - 110px);}
.zcapralbndbg{background-color:#000; height:70px;  bottom:0px; width:100%; z-index:1;  opacity:.8; filter: alpha(opacity=80);}
.zcapralbndcntr{bottom:0px; z-index:1;}
.zccmtsarw{background-color:#f3f6f6;border-radius:5px 0px 0px 5px; height:100px;padding:40px 10px;position:fixed;top:300px;z-index:1; cursor:pointer;}
.newlitmspan{background-color: #fff; border: 1px solid #ddd; box-shadow: 0 8px 7px 1px #ccc; position: fixed; right: 0; width: 400px; height:90%;}

.drpdwnlsttag{width:15px; height:15px; float:left; margin-top:2px; border-radius:2px; margin-right:10px; border: 1px solid #fff;border-radius: 50%;}

.zccmtsslide{width:106%; height:900px; left:-20px; top:-20px;}

.zcscore>input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; font-size:15px; position:relative;font-family:'Open Sans'; padding:0px 30px; width:110px; text-align:center; text-indent:0px;}
.zcscore>input[type="text"]:focus{ border:solid 1px #349fd7; box-shadow: 0px 0px 3px #349fd7; font-size:15px; color:#222; outline:none;}
.zcscore>.zclftarw{ padding:8px 10px; border-right:solid 1px #E3E3E3; z-index:1; border-radius:2px 0px 0px 2px; top:1px; left:1px; height:35px; width:35px; text-align:center; cursor:pointer;}
.zcscore>.zcrgtarw{ padding:8px 10px; border-left: solid 1px #E3E3E3; z-index:1; border-radius:0px 2px 2px 0px; top:1px; right:1px; height:35px; width:35px; text-align:center; cursor:pointer;}


.zchzmnu{ border:solid 1px #d8d8d8; border-radius:3px; height:37px;}
.zchzmnu>.zclftarw{background-color:#ededeb; padding:8px 10px; border-right:solid 1px #E3E3E3; z-index:1; border-radius:2px 0px 0px 2px; top:0px; left:0px; height:35px; width:35px; text-align:center; cursor:pointer;}
.zchzmnu>.zcrgtarw{background-color:#ededeb; padding:8px 10px; border-left:solid 1px #E3E3E3; z-index:1; border-radius:0px 2px 2px 0px; top:0px; right:0px; height:35px; width:35px; text-align:center; cursor:pointer;}
.zchzmnu>.zchzmnuvlu{ position:absolute; left:35px; height:35px; top:0px; width:calc(100% - 70px); padding:8px 15px;}
.zcbgdrkgry{ background-color:#ddd;}
.zcbdg1 {    background-color: #f8f1d8;    border: 1px solid #f8c200;    border-radius: 9px;    color: #333;    padding: 0 7px;}
.zcarrndbg{width:132px;height:132px;border-radius:50%; padding:36px;}
.zcbgclr1{ background-color:#cfd4e4;}
.zcbgclr2{ background-color:#cfe4d9;}
.zcbgclr3{ background-color:#e3cfe4;}
.zcbgclr4{ background-color:#cfe4e3;}
.zcbgclr5{ background-color:#e4dbcf;}
.zcbgclr6{ background-color:#e3e4cf;}
.zcbgclr7{ background-color:#f1d7d7;} 
.zcbgclr8{ background-color:#e0e4cf;} 
.zcbgclr9{ background-color:#cfd9e4;} 
.zcdatehdnfld{position: absolute; right: 0px; z-index: 2; cursor: pointer; padding: 0px; width: 48px; top: 0px; opacity: 0;filter: alpha(opacity=0);}


.zcldngbg{ background-color:#fff; border-radius:5px; box-shadow: 1px 2px 3px #ccc;}

.zcaprvalusrlst{ overflow:auto; height:275px;}
.zcaprvalusrlst>.zcusrid{ font-size:13px; padding:10px; color:#333; cursor:pointer;}
.zcaprvalusrlst>.zcusrslct{ background-color:#d6eef0;}
.zcusrsmvebtn{ margin-top:80px;}
.fntwht400{ font-weight:400;}
.fntwht600{ font-weight:700;}
.fntwht700{ font-weight:700;}
.zcarcnthgt{ height:92px;}
.w95{ width:95%;}
.zcabribbon{background-color:#f97478; padding:6px; color:#fff; font-size:13px; height:28px;}

.zccmpsndrcktbg{background-color:#334960; width:130px; height:130px; border-radius:50%; position:absolute; left:39%;}
.zccmpsndrcktimg{left:30px; top:25px;}
.brkwrd{ word-break:break-all; word-wrap:break-word;}
.zcdelbdgebg{background-color:#e46e6e; width:85px; height:85px; border-radius:50%;}
.zcdelbdgetxt{background-color:#ededeb; border-top:solid 3px #e46e6e; border-bottom:solid 3px #e46e6e; padding:5px 0px; font-size:20px;  top:21px; color:#b94949; transform: rotate(-24deg);-webkit-transform: rotate(-24deg);-ms-transform: rotate(-24deg);}
.zcsetupovly{height:400px; top:0px; width: 100%;z-index: 1;}
.zcarcalbadgepp{background-color: #333;}
.zcscemplstmnu{ margin:0px; padding:0px; position:relative; margin-left:50px;}
.zcscemplstmnu::after { border-left: 1px solid #eee; content: "";
 height:100%;position: absolute;top: 0; z-index: 1;}
.zcscemplstmnu li { list-style:none; position:relative;}
.zcscemplstmnu li a{ padding:10px 20px; font-size:14px; color:#949491; display:block; cursor:pointer; position:relative;}
.zcscemplstmnu li a.selmnu{ background-color:#fafafa; border-bottom:solid 1px #eeeff0; border-top:solid 1px #eeeff0; color:#f0a329;}
.zcscemplstmnu li a.selmnu::after{border-color: transparent #fafafa transparent transparent;border-style: solid;border-width:20px;
content: " "; height: 0px; position: absolute;top:0px;
 width: 0px; left:-39px; z-index:3; }
 .zcscemplstmnu li a.selmnu::before{border-color: transparent #ececec transparent transparent;border-style: solid;border-width:20px;
content: " "; height: 0px; position: absolute;  top:0px;
 width: 0px; left:-40px; z-index:2; }
 
.zcscmclntslst{padding:0px; position:relative;}
.zcscmclntslst::after { border-left: 1px solid #eee; content: ""; height: 392px;position: absolute;top: 0; z-index: 1; right:0px;}
.zcscmclntslst li { list-style:none; position:relative;}
.zcscmclntslst li a{ padding:15px; font-size:16px; color:#444; display:block; cursor:pointer; position:relative;}
.zcscmclntslst li a.selmnu{ background-color:#fafafa; border-bottom:solid 1px #eeeff0; border-top:solid 1px #eeeff0; color:#f0a329;}
.zcscmclntslst li a.selmnu::after{border-color: transparent  transparent transparent #fafafa;border-style: solid;border-width:27px;
content: " "; height: 0px; position: absolute;top:-1px;
 width: 0px; right:-53px; z-index:3; }
 .zcscmclntslst li a.selmnu::before{border-color: transparent transparent transparent #ececec;border-style: solid;border-width:27px;content: " "; height: 0px; position: absolute;top:-1px; width: 0px; right:-54px; z-index:2;}
 
 
.zcscemplst{padding:0px; position:relative;}
.zcscemplst::after { border-left: 1px solid #eee; content: ""; height: 392px;position: absolute;top: 0; z-index: 1; right:0px;}
.zcscemplst li { list-style:none; position:relative;}
.zcscemplst li a{ padding:10px 15px; font-size:14px; color:#444; display:block; cursor:pointer; position:relative;}
.zcscemplst li a.selmnu{ background-color:#fafafa; border-bottom:solid 1px #eeeff0; border-top:solid 1px #eeeff0; color:#f0a329;}
 
.zccmphdrftrcst{padding:0px; position:relative;}
.zccmphdrftrcst::after { border-left: 1px solid #eee; content: ""; height:450px;position: absolute;top: 0; z-index: 1; right:0px;}
.zccmphdrftrcst li { list-style:none; position:relative;}
.zccmphdrftrcst li a{ padding:15px; font-size:14px; color:#444; display:block; cursor:pointer; position:relative;}
.zccmphdrftrcst li a.selmnu{ background-color:#fafafa; border-bottom:solid 1px #eeeff0; border-top:solid 1px #eeeff0; color:#f0a329;}
.zccmphdrftrcst li a.selmnu::after{border-color: transparent  transparent transparent #fafafa;border-style: solid;border-width:26px;content: " "; height: 0px; position: absolute;top:-1px;width: 0px; right:-51px; z-index:3; }
 .zccmphdrftrcst li a.selmnu::before{border-color: transparent transparent transparent #ececec;border-style: solid;border-width:26px;content: " "; height: 0px; position: absolute;top:-1px; width: 0px; right:-52px; z-index:2;}
 
 
 
 
 .zcsfrspn{padding:0px; position:relative;}
/*.zcsfrspn::after { border-left: 1px solid #eee; content: ""; height:200px;position: absolute;top: 0; z-index: 1; right:0px;}*/
.zcsfrspn li { list-style:none; position:relative;}
.zcsfrspn li a{ padding:15px; font-size:15px; color:#444; display:block; cursor:pointer; position:relative;}
.zcsfrspn li a.selmnu{ background-color:#fafafa; border-bottom:solid 1px #eeeff0; border-top:solid 1px #eeeff0; color:#f0a329;}
.zcsfrspn li a.selmnu::after{border-color: transparent  transparent transparent #fafafa;border-style: solid;border-width:26px;content: " "; height: 0px; position: absolute;top:-1px;width: 0px; right:-51px; z-index:3; }
 .zcsfrspn li a.selmnu::before{border-color: transparent transparent transparent #ececec;border-style: solid;border-width:26px;content: " "; height: 0px; position: absolute;top:-1px; width: 0px; right:-52px; z-index:2;}
 .zcsfrspn li a.sel {background-color: #fafafa; border-bottom: 1px solid #eeeff0; border-left: 3px solid #f0a329; border-top: 1px solid #eeeff0; color: #222;}
 

.zcedtrmergtag{padding:0px; position:relative;}
/*.zcsfrspn::after { border-left: 1px solid #eee; content: ""; height:200px;position: absolute;top: 0; z-index: 1; right:0px;}*/
.zcedtrmergtag li { list-style:none; position:relative;}
.zcedtrmergtag li a{ padding:10px; font-size:13px; color:#444; display:block; cursor:pointer; position:relative; cursor: pointer;  border-left: 3px solid transparent;}
.zcedtrmergtag li a.sel { border-left: 3px solid #349bee;  color: #349bee;}
.zcedtrmergtag li a:hover{  color: #349bee; background-color: #fff; cursor: pointer;}

.zcedtrmergtag li a.sel:after {border-color: transparent transparent transparent #fbfbfb; border-style: solid; border-width: 6px; content: " ";
    height: 0; position: absolute; right: -12px; top: 12px;  width: 0; z-index: 2;} 
.zcedtrmergtag li a.sel:before {border-color: transparent transparent transparent #f0f6f9; border-style: solid; border-width: 6px; content: " ";
    height: 0; position: absolute; right: -13px; top: 12px; width: 0; z-index: 1;}




 .zcsccpybox{ border:dashed 2px #b7babb; width:550px; padding:20px;}
 .zcsccpybox:hover{ border:dashed 2px #c4eacb; background-color:#f1fdf3;}
.zclftshdw{ box-shadow:-1px 0px 4px #eee;}
.zcvrsn{ background-color:#f6f7f7; display:table; width:100%;border-top: 1px solid #eee;}
.zcvrsn li{ float:left; list-style:none;}
.zcvrsn li a{ padding:15px; display:inline-block; background-color:#f6f7f7; cursor:pointer; font-size:13px;}
.zcvrsn li a:hover{ color:#f89f7c;}
.zcvrsn li a.selvrsn{ background-color:#fff; cursor:default; margin-top:-1px;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.zcsclemplstscrl{overflow:auto; height:299px;}

.zcscorelogs ul{ list-style:outside; margin-left:10px;}
.zcscorelogs ul li{ margin:10px 0px;}
.zcscorepopup{z-index:2; width:700px; position:absolute; left:calc(50% - 350px); margin-top:14%;}
.zcmlstp{ padding:15px 20px;}
.drpdwnarw{ float:none; margin-top:2px;}
.zclstsgmnt{background-color: #f4f4f4;  border-radius: 5px; cursor: pointer; display: table; line-height: 1.2; padding: 5px 10px;}
.zclstscrl{overflow:auto;}
.zclsttcbnd{ background-color:#f3f6f6; border-bottom:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8; padding:15px; font-size:16px; color:#949491;} 
.zclsttcbnd a{ color:#ff7a6b;}
.zcsellstbd{ padding:10px 15px 10px 35px; margin:15px 0px 0px 15px; position:relative;}
.zcsellstcntr{ padding-bottom:20px; padding-right:20px; max-height:350px; overflow:auto;}
.zcsellsttag{background-color: #e5f0f0; border-radius: 5px 0 0 5px; font-size: 14px; font-weight: 400; left: 0;
 padding: 10px 7px; position: absolute; top: 0;}
 
.zcselsgttag{background-color: #def8f8; border-radius: 5px 0 0 5px; font-size: 14px; font-weight: 400; left: 0;
 padding: 10px 7px; position: absolute; top: 0;}

.zcsmrtsrsbdr{border:solid 1px #f6f6f6; padding:15px;}
.zcslctedlistnew{ background-color:#ddf6f4 !important}
.zcslctedsegmntnew{ background-color:#f9f0db !important}
.zcslctedlist{background-color: rgb(235, 240, 245);border-radius: 20px;display: inline-block;font-size: 14px;line-height: 1px;margin-bottom: 15px;margin-right: 15px;padding: 10px 20px; color:#000 !important;}
.zcslctedlisttype{color: #afbed1;font-weight: 700; margin-right:10px;}
.zcprsnlze{background-color: #f2f7fc; border-left: 1px solid #d8d8d8;
 border-radius: 0 3px 3px 0; color: #444; cursor: pointer; font-size: 14px; height: 35px; padding: 7px 15px;}
 .zcprsnlze:hover{background-color: #ebf0f5;}
 .zcprsnlzecntr{right:1px; top: 1px; z-index: 2;}
  .zccrmdatacntr{left:2px; top: 1px; z-index: 2; width:45%; border-right:solid 1px #ddd;}
    .zccrmdatacntrrplyadrs{left:2px; top: 1px; z-index: 2; width:49%; border-right:solid 1px #ddd;}
  .zccrmdelcntr{background-color: #fef0ee; border-right: 1px solid #ddd; height: 35px;  left:1px; padding: 9px 10px; top: 1px;
 z-index: 3; border-radius:3px 0px 0px 3px; cursor:pointer;}
  .zccrmusrtxt{ padding:8px; height:35px;}
  .zccrmusrtxtpr{ padding-right:160px;}
  .zccrmusrtxtpl{ padding-left:45%;}
.zcsmlycntr{background-color: #ffffff; border-left: 1px solid #d8d8d8;
 height: 35px; left: -42px; padding: 7px 10px;
 position: absolute; top: 0;}
 .zcsmlycntr:hover{color: #ef7615;}	
.zcemojicntr{background-color: #f9fafe; border: 1px solid #d8d8d8;
 border-radius: 0 0 5px 5px; position: absolute;
 right:0px; box-shadow: 0 1px 1px 0 #ccc;}
.zcemojicntrbg{background-color: #fff; border-radius: 0 0 5px 5px;
 border-top: 1px solid #d8d8d8;}
.zcemojimg{ margin:0px 4px 4px 4px; cursor:pointer;}
.zcemojimnu ul{ margin:0px 0px 0px 10px; padding:0px;}
.zcemojimnu ul li{ margin:0px; padding:0px; display:inline;}
.zcemojimnu ul li a{ float:left; display:block; padding:8px 10px; cursor:pointer; opacity:0.4; filter: alpha(opacity=40); cursor:pointer;}
.zcemojimnu ul li a.selemoj{ opacity:1; filter: alpha(opacity=100); cursor:default;}
.zcemoitxt{ color:#afafaf; font-size:10px;}
.zcemojsel{ background-color:#f0a329; height:3px; width:40px; z-index:2;}
.zcemojcntrtop{top:35px; z-index:1;}
.zcleadscrlst{ display:list-item; line-height:2;}
.zcdsbrdnxt24 li{width:19.5%;}
.zclbltxt{color: #222;}	

.zcintgcomngsoon{background-color:#ffde26; position:absolute; width:100%; padding:10px; font-size:16px; color:#000; text-align:center; top:30px; left:65px; z-index:1;transform: rotate(38deg);}
.zcintgovly{height:247px; left:0px; top:0px; cursor:default;}

.zcarcomngsoon{background-color:#ffde26; position:absolute; width:100%; padding:10px; font-size:16px; color:#000; text-align:center; top:205px; left:0px; z-index:1;}
.zcarovly{height:338px; left:0px; top:0px; border-radius:5px; cursor:default;}
.zcscviws{background-color:#23a9e8; height:32px; border-radius:3px; padding:1px 0px;}
.zcscclcks{background-color:#3b5767; height:10px; margin-top:10px;}
.zccopybtn{ background-color:#b7babb; padding:7px 15px; font-weight:400; cursor:pointer; color:#fff; box-shadow:0px 1px 1px #eee; font-size:13px; text-transform:uppercase; position:absolute; right:-2px; top:-2px;}
.zccopybtn:hover{color:#fff; background-color:#4ec26f;}		
	
.zcsclfrm textarea{ border:solid 1px #d8d8d8; border-radius:3px;  width:100%; font-size:15px; height:auto;}
.zcsclfrm textarea:focus{ border:solid 1px #349fd7; border-radius:3px; color:#222; height:100px;}	
.zcscheadbg{ background-color:#f7f7f5;}	
.zcsclcntr{ width:670px;}
.zcdbsldbg{background-color:#6288AD; border-radius:20px; width:84px; height:30px; z-index:1;}
.zcdbsldsel{ width:16px; height:16px; border:solid 1px #939494; background-color:#fff; border-radius:50%; z-index:2; position:absolute; left:22px; top:7px;}
.zcdbsldnrml{ width:16px; height:16px; border:solid 1px #6f93b7; background-color:#6f93b7;border-radius:50%; z-index:2;  position:absolute; left:45px; top:7px; cursor:pointer;}
.zcgrnlbl{ border: 1px solid #67c784; border-radius: 9px;
padding: 0 7px; color: #333; background-color: #cff5e1; box-shadow: 0 1px 2px #cff5e1; font-size:11px;}	
.zcredlbl{ border: 1px solid #f6b5b5; border-radius: 9px;
padding: 0 7px; color: #333; background-color: #ffeaea; box-shadow: 0 1px 2px #ffeaea; font-size:11px;}

.zcbuncdlbl{ background-color:#f65252; color:#fff; padding:5px; text-align:center; position:absolute; bottom:4px; font-size:12px; width:100%;}

.zcintcntr > .zcintbox{ width:20%; border-right:solid 1px #eee;border-bottom:solid 1px #eee; float:left;  padding: 40px 20px 20px; display:table-cell; text-align:center; height:270px; overflow:hidden;}
.zcintcntr > .zcintbox:hover{ background-color:#fafafa; box-shadow:-1px 1px 15px #ddd; transition:all .4s; cursor:pointer;}
.zcintboxsel{box-shadow: 0px 0px 25px #c4ecfe inset; transition:all .3s;}
.zcpstcntview{ height:201px; overflow:auto;}
.zcsclpstdvpan{ height:225px; overflow:hidden;}
.zcsclpstrpt{ height:251px; overflow:auto;}


.zcdbsmlboxwidth{ width:calc(50% - 20.9px);height:37px;}
.zcdbunselboxwidth{ width:calc(100% - 20.9px);height:37px;}
.zcdbsmartboxwidth{ width:calc(25% - 25px);}

.zcdblrgbox{border: 1px solid #d7e1ec; box-shadow: 0 1px 0 0 #e6eff3; border-radius:5px;background-color:#fff;  padding:7px 10px; -moz-user-select:none; -webkit-user-select:none; position:relative; z-index:3;}

.zcdbsmlbox{border: 1px solid #d7e1ec; box-shadow: 0 1px 0 0 #e6eff3; border-radius:5px;background-color:#fff; margin:10px; padding:7px 10px; cursor:move; -moz-user-select:none; -webkit-user-select:none; position:relative; z-index:3;}
.zcdbsmlboxsel{border:solid 2px #23a8eb; border-radius:5px; box-shadow:0 1px 0px 0 #eee;background-color:#fff; margin:10px; padding:7px 10px; cursor:move; -moz-user-select:none; -webkit-user-select:none; position:relative; box-shadow: 1px 2px 5px #aaa;}
.zcdbdrpbox{border:1px dashed #52b5ee; border-radius: 0px; text-align:center; font-size:12px; margin:10px; background-color:#e3f8ff; position:relative;}
/*.zcdbdrpbox:after{ content:'';border:2px solid #52b5ee; height:10px; right:-2px; position:absolute; top:-5px;}
.zcdbdrpbox:before{ content:'';border:2px solid #52b5ee; height:10px; left:-2px; position:absolute; top:-5px;}*/

.zcdbsmlboxdrag{background-color: #23a9e8; height: 34px;
padding:6px;right: 0;top:0;width:33px; cursor:move;}
.zcdbcustscrl{height:250px; overflow:auto;}
.w250x{ width:250px;}
.w260x{ width:260px;}
.w520x{ width:520px;}
.zcpphgt{height:calc(100% - 100px); overflow:auto;}
.zcatchscale{margin-top:-30px; transform: scale(0.4); margin-left: -10px;}
/*.zcatchscale{margin-top: -26%; transform: scale(0.4); margin-left: -20%;}*/
.zcprgbox{ border-radius:4px; border:solid 1px #e8e8e8; width:270px; background-color:#fff;}
.zcprgbox > .zcprgnme{ font-size:13px; background-color:#ecf0f0; padding:10px; text-transform:uppercase; color:#626464;}
.zcprgdesc{font-size:13px; padding:10px; color:#626464; font-style:italic; padding-top:0px;}
.zcprgsel{ box-shadow:0 0 8px #58beed; border: dashed 1px #23a9e8 !important;}
.zcprgtmline{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;
background-image:url(../images/prgtimeline.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px;width:900px; padding:20px;}
.zcprgtmlineblu{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;background-image:url(../images/prgtimelineblu.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px;padding:10px;}
.zcprgtmlineorng{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;background-image:url(../images/prgtimelineorng.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px; padding:10px;}
.zcprgtmlinegren{ margin:0px auto;overflow: hidden;
height:auto; position: relative;padding: 0px;list-style-type: none;
background-image:url(../images/prgtimelinegren.jpg);background-repeat: repeat-y;background-position:50% 0; margin-top:0px; padding:10px;}

.zcprcessexitoff{ border:dashed 1px #ccc; margin:0px auto; width:80%;}
.zcprgcndtn{background-color:#4B4B4B; border-radius:4px; width:36px; height:30px; position:absolute; right:5px; top:5px; padding:5px 10px; color:#fff; cursor:pointer;}
.zcprgcndtn:hover{ background-color:#55b85b;}
.zclft100{ left:-100px;}
.zcprgdlyprs{border:solid 1px #e8e8e8; width:150px; background-color:#fff; border-radius:20px;}
.zcprgdlyprs:hover{border: solid 1px #afeef7; background-color:#effdff; cursor:pointer;}
.zcprgdvbox{ border-radius:4px; border:solid 1px #e8e8e8; width:340px; background-color:#fff;}
.zcprgdvbox:hover{ border: solid 1px #afeef7; background-color:#effdff;  cursor:pointer;}
.zcprgdvbox > .zcprgnme{ font-size:13px; background-color:#ecf0f0; padding:10px; color:#626464;}
.zcprgcmptbg{width:240px; height:100%; top:102px;}
.zcprglblcntr{left:-200px; top:15px;}
.zcprgprcsslbl{left:-295px; top:0px;}
.zcprgtgr{ border:dashed 1px #23a9e8; border-radius:3px; padding:5px; width:120px; text-align:center; color:#23a9e8; background-color:#fff; cursor:default;}
.zcprgtgrlne{ border-top: 1px dashed #23a9e8; position: absolute;right:-77px;top: 15px;width:75px;cursor:default;}
.zcprgdelybox{ border-radius:4px; border:solid 1px #e8e8e8; width:200px; background-color:#fff;}

.zcprgprs{ border:dashed 1px #f0a329; border-radius:3px; padding:5px; width:120px; text-align:center; color:#f0a329; background-color:#fff; cursor:default;}
.zcprgprslne{ border-top: 1px dashed #f0a329; position: absolute;left:120px;top: 15px;width:175px;cursor:default;} 
 
.zcprgnwmsglne{border-bottom: 1px dashed #f0a329; border-left: 1px dashed #f0a329; height: 212px; left: -40px; position: absolute; top: 60px; width: 70px;}       

.zcprgactn{ border:dashed 1px #57bb57; border-radius:3px; padding:5px; width:120px; text-align:center; color:#57bb57; background-color:#fff; cursor:default;}
.zcprgactnlne{ border-top: 1px dashed #57bb57; position: absolute; right: -77px;top: 15px;width:75px;cursor:default;}       
.zcprgdrphre{border:dotted 1px #e3dea6; border-radius:3px; background-color:#fffcdd; color:#c89916; padding:10px; cursor:default;}
.zcprgcmptdrg{width:150px; border:solid 1px #292e31; padding:5px; font-size:12px; border-radius:2px; text-align:center; background-color:#4b5155; color:#fff; cursor:move; box-shadow:1px 2px 5px #aaa; font-weight:lighter; position:absolute; z-index:5;}
.zcprgbgptrn{ /*background-image:url(../images/zcprgpatrn.gif);*/ background-color:#f9f9f9;}
.zcprgcmptnodrop { background-color: #ef7475; border: 1px solid #e16364; border-radius: 2px;box-shadow: 1px 2px 5px #aaa;color: #fff;
cursor: no-drop;font-size: 12px;font-weight: lighter; padding: 5px;
position: absolute;text-align: center;width: 150px;z-index: 5;}
.zcntfycnt{background-color: #e66060;border-radius: 50%;color: #fff;
font-size: 12px; height:17px;line-height:3px; padding:7px;
width:17px; position:absolute; z-index:1; right:0px; top:0px; font-weight:600;}
.zccmntntfycnt{background-color: #eb9941;border-radius:12px;color: #fff;font-size: 12px; height:17px;line-height:3px; padding:7px;
position:absolute; z-index:1; right:0px; top:0px; font-weight:600;}

.zcprglstempty{border:dashed 1px #ccc; }
.zctrglne{border:solid 1px #23a9e8;}
.zcprslne{ border:solid 1px #f0a329;}
.zcactnlne{ border:solid 1px #57bb57;}
.zctrglstbox{padding:10px;  width:44px; height:44px; border-radius:2px; background-color:#fff; position:absolute; left:0px;}
.zcprslstbox{padding:10px; width:46px; height:44px; border-radius:2px;  background-color:#fff; position:absolute; left:45%;}
.zcactnlstbox{padding:10px; width:44px; height:44px; border-radius:2px; background-color:#fff; position:absolute; left:93%;}
.zcprgbdr{border-bottom: 1px solid #e8e8e8;left: 80px; top: 20px;}
.zcprglstbdr{border-bottom: 1px solid #e8e8e8;left:5px;
top: 22px; width:95%; z-index: 0;}
.zcprglstband{ border-top:solid 1px #eee; margin-top:90px;}
.zcprglstarw:before{ border-bottom:15px solid #f6f9f9;
border-left:15px solid transparent; border-right:15px solid transparent; height: 0; width: 0; position:absolute; top:55px; z-index:1;content:""; left:5px;}
.zcprglstarw:after{border-bottom:15px solid #eee;
border-left:15px solid transparent; border-right:15px solid transparent; height: 0; width: 0; position:absolute; content:""; left:5px; z-index:0; top:54px; }
.zcstsmt3{ margin-top:3px;}
.zcgrnbdr{ border:solid 3px #58b75f; border-radius:3px;}
.zccalticksel{ right:-8px; top:-8px; z-index:1;}
.zcplantips{ border-left:solid 1px #edf7f7; background-color:#f4fefe; padding:29px;right:0px;}
.zcplantipsarw{border:solid 1px #e8e8e8; background-color:#f4fefe; border-radius:5px 0px 0px 5px;left: -55px; padding: 6px 3px;top: 60px; border-right:solid 1px #f4fefe;}

.zccntdvoptn{background-color:#000000; color:#fff; bottom:0px;}
.tmphistrycntr{ font-size:14px; background-color:#1c2732; width:270px; transition: all 0.3s ease 0s;position:fixed; height: calc(100% - 60px); overflow:auto; left:0px; top:103px; z-index:1;}
.zcedtrhstryversn{ font-size:13px; font-weight:600; padding:5px; color:#fff; background-color:#2d4152; border-bottom:solid 1px #282c2f;}
.zcedtrhstryversn:hover{ opacity:1; cursor:pointer;}
.zcedtrhstrysved { padding:0px; margin:0px; list-style:none;position:relative;  padding:5px 15px 5px 11px; line-height:1.7; color:#ccc; font-size:13px; font-weight:lighter; border-bottom:solid 1px #444; border-top:solid 1px #444;}
.zcedtrhstry { padding:0px; margin:0px; list-style:none;position:relative;}
.zcedtrhstry  > a { padding:5px 15px 5px 27px; font-size:13px; color:#fff; display:block;color:#fff; cursor:pointer; opacity:.7; position:relative;transition:all .3s; line-height:1.5;}
.zcedtrhstry > a:hover{opacity:1; transition:all .3s;}
.zcedtrhstry > .sel{ background-color:#232323; opacity:1;}
.zcedtrhstry > .sel:after{ border-bottom:5px solid transparent; border-left:5px solid #f0a329; border-top:5px solid transparent; position:absolute; right:15px; z-index:1; content:""; top:10px;}


.zchstrytitle{ font-size:18px; color:#fff; border-bottom:solid 1px #4b5155; line-height:1; padding:15px;} 
.zchstrycntr{background-color:#222f3c; padding:10px; right:0px; border-radius:3px 0px 0px 3px; top:50px; cursor:pointer;} 
.zcwflactnline{border-left: 1px solid #e2e5e5;margin-left: 27px;padding-left: 36px;}
.zcwflactnlinenone{margin-left:27px; padding-left:44px;}
.zcwflactnpan{ margin-left:27px; padding-left:44px;}
.zcppcntscrl{overflow: auto;position: absolute;top: 20px; width: 100%; height:100%;}.zcbganyms{ background-color:#fff6e6;}

.zccaps{ text-transform:uppercase;}
.zccntinfopp{position:absolute; left:30px; padding:10px; z-index:2; background-color:#fff; border:solid 1px #ccc; top:-11px; font-size:13px; width:250px; border-radius:5px; box-shadow:1px 2px 3px #ccc;}
.zccntinfopp:after{right: 100%; top:10px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #ccc transparent transparent; border-style:solid; border-width:10px; z-index:1;}
.zccntinfopp:before{right: 100%; top:10px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent #fff transparent transparent; border-style:solid; border-width:10px; z-index:2; left:-19px;}


.zccntinfopptop{position:absolute; left:30px; padding:10px; z-index:2; background-color:#fff; border:solid 1px #ccc; top:30px; font-size:13px; width:250px; border-radius:5px; box-shadow:1px 2px 3px #ccc;}
.zccntinfopptop:after{right: 100%; top:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent transparent  #ccc  transparent; border-style:solid; border-width:10px; z-index:1; left:20px;}
.zccntinfopptop:before{right: 100%; top:-19px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent transparent #fff transparent; border-style:solid; border-width:10px; z-index:2; left:20px;}
.zcprgcntnpp{left: -17px; width: 400px; top:40px}


.zccntwrkfpptop{position:absolute;right:0px;z-index:999;background-color:#fff;border:solid 1px #ccc;top:45px;font-size:13px;width:400px;border-radius:5px;box-shadow:1px 2px 3px #ccc;}
.zccntwrkfpptop:after{top:-20px;content: " "; height: 0; width: 0; position: absolute;border-bottom: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid transparent; z-index:1; right:20px;}
.zccntwrkfpptop:before{top:-19px;content: " "; height: 0; width: 0; position: absolute;border-bottom: 10px solid #ccc;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid transparent;z-index:2; right:20px;}
.zccntwrkfpptop .titlepp{border-bottom:1px solid #dddddd;padding:10px 15px;font-size:14px;font-weight:700}
.zccntwrkfpptop .notinfo{background-color:#f5f5f5;padding:8px;border-radius:4px;float:left;}
.zccntwrkfpptop .notinfo i{display:block;float:left;font-size:32px;margin-right:5px;}
.zccntwrkfpptop .notinfo .imsg{display:block;float:left;width:calc(100% - 40px);font-size:14px;}

.zcartmlnepnt{background-color: #fff; border: 1px solid #b7b9c6; border-radius: 50%;height: 22px;left: 44%;padding: 3px;
position: absolute;top:86px;width: 22px;z-index: 1;}
.zcartmlnepnt > div{background-color:#b7b9c6; width:14px; height:14px; border-radius:50%;}

.zcartmlnegrnpnt{background-color: #fff; border: 1px solid #86bd2b; border-radius: 50%;height: 22px;left: 44%;padding: 3px;
position: absolute;top:86px;width: 22px;z-index: 1;}
.zcartmlnegrnpnt > div{background-color:#86bd2b; width:14px; height:14px; border-radius:50%;}


.zcartmlneblupnt{background-color: #fff; border: 1px solid #137dc7; border-radius: 50%;height: 22px;left: 44%;padding: 3px;
position: absolute;top:86px;width: 22px;z-index: 1;}
.zcartmlneblupnt > div{background-color:#137dc7; width:14px; height:14px; border-radius:50%;}


.zcartmlneacvty{background-color:#c7c8cc; height:2px; width:100%; margin-top:38px;} 
.zcartmlneend{border:solid 1px #ccc; height:25px; position:absolute; right:-1px; top:-11px;}
.zcartmlnepntr{border: 1px solid #ccc; bottom: -30px; height: 14px; position: absolute; left:49%;}

.zcwrflwinfo{ background-color:#75777b;  border-radius:2px; padding:10px; font-size:11px; color:#fff; position:absolute; z-index:1; width:350px;}
.zcwrflwinfo :after{ border-color: transparent  transparent #75777b transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; left:10px;}
.zcgrytxt{ color:#CCCCCC;}
.zcfldrsbmnu{height:100%; left: 0;position: fixed; top: 40px;transition: all 0.3s ease 0s; width:282px; background-color:#f2f8fb; margin-left:85px; box-shadow: 2px 0 3px #eee; border-right:solid 1px #e3e3e3;} 
.zcfldrsbtab ul{ padding:0px; margin:0px; list-style:none;}
.zcfldrsbtab ul li{float:left;}
.zcfldrsbtab ul li a{ padding:0px; display:inline-block; color:#7f7f7f; padding:15px 21px; background-color:#323232; border-bottom:solid 1px #444444;border-left:solid 1px transparent; cursor:pointer;}
.zcfldrsbtab ul li a.sel{ background-color:#2b2b2b;border-bottom:solid 1px #2b2b2b;border-left:solid 1px #444444;cursor:default;}

.zccntinfopptop{position:absolute; left:30px; padding:10px; z-index:2; background-color:#fff; border:solid 1px #ccc; top:-11px; font-size:13px; width:250px; border-radius:5px; box-shadow:1px 2px 3px #ccc;}


.zcfldrsbtablst ul{ padding:0px; margin:0px; list-style:none;}
.zcfldrsbtablst ul li a{ padding:0px; display:block; color:#333; padding:8px 20px; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.zcfldrsbtablst ul li a.sel{padding:0px; display:block; color:#f0a329;padding:8px 20px; cursor:default; background-color: #e9f3f9;}
.zcfldrsbtablst ul li a.sel i{color:#f0a329;}
.zcfldrsbtablst ul li a.sel i.zcicon-delete{color:#444;}
 .zccntsshdw{box-shadow:-5px 0px 8px #ddd}
 .zccnthdbnd{ background-color:#fff; padding:11px; border-bottom:solid 1px #eaeaea;} 
.zcsmsbble{background-color:#eaeaea; padding:20px; font-size:14px; border-radius:20px; position:relative;} 
.zcsmsbble:after{ content:''; border-color: transparent  transparent #eaeaea transparent; border-style: solid; border-width:15px; content: " "; height: 0;position: absolute;  top:-29px;   width: 0; left:30px;}
.zcsgnmrgtags{ overflow:auto; height:246px;}
.zcsgnmrgtags > div{ padding:10px 20px; font-size:12px;} 
.zcsigncrdarw{height:165px; background-color:#ededeb; right:0px; top:0px; position:absolute; vertical-align:middle; padding:20px; cursor:pointer; z-index:1;}
.zcsignnewcrd{border:dashed 1px #00adef; border-radius:5px;transition:all .3s}
.zcsignnewcrd:hover{ background-color:#edfeff; transition:all .3s}
.zcsigncrdsel{border:solid 2px #67c167;} 
.zcsigncrdsel > .zcimgseltick{ left:-10px; top:-10px;}
.zcsigncrdoptn{background-color: #404040; border-radius: 20px;
 position: absolute; width: 100px; right:0px; padding:10px;}
.zcwhitetick{ width:21px; height:21px; background-position:-758px -1214px;}

.zctourpanlneL{ border-bottom: 2px solid #333; left: 10px;
position: absolute;top: 15px; width: 50px; z-index: 4;}
.zctourpanlneR{ border-bottom: 2px solid #333; left:0px;
position: absolute;top: 15px; width:20px; z-index: 4;}
.zctourpanlft{ left:30px;}
.zctourpanrgt{ right:0px;}
.zctourpanlftbtm{bottom:-30px; left:30px;}
.zctourpanrgtbtm{bottom:-30px;  right:0px;}
.zctourpan{background-color: #333; border: 1px solid #333; border-radius: 3px; box-shadow: 1px 2px 2px #eee;  color: #fff;
font-size: 13px; padding: 10px;
position: absolute;  width: 300px;
 z-index: 16;}
.zctourpansecbtn{padding:5px 15px; background-color:#555; font-size:12px; color:#fff; float:right; border-radius:2px; cursor:pointer;}
.zctourpanpribtn{padding:5px 15px; background-color:#ff6a1a; font-size:12px; color:#fff; float:right; border-radius:2px; cursor:pointer; margin-left:10px;} 
.zctourpanpribtn1{padding:3px 15px; background-color:#ff6a1a; font-size:12px; color:#fff; float:right; border-radius:2px; cursor:pointer; margin-left:10px;} 
.zcfullpptip{ background-color: #349bee; padding: 12px;color: #fff; border-radius: 24px 24px 0px 24px; position: fixed;bottom: 80px; right: 20px; box-shadow: 1px 2px 10px rgba(00, 00, 00, 0.3); z-index: 99;}	
.zchidealltips{position: fixed;border: solid 1px #888;background-color: #fff;padding: 5px 16px;font-size: 14px;bottom: 80px;right: 90px;color: #222;z-index: 13;border-radius: 3px;cursor: pointer;}
.zcylwbnd{background-color:#fffae6;padding: 12px 20px; border:solid 1px #f2ebcd;} 

.zccntsfield>div{ height:91px;}
.zccntsfield>div:nth-child(1n){float:left;}
.zccntsfield>div:nth-of-type(2n){float:right;}

.zccmptmbbox{ width:250px; height:350px; border-radius:5px; box-shadow:0px 1px 3px #ddd; background-position: top center; border:solid 1px #c5d2df; }
.zccmptmbnme{height:75px; border-top:solid 1px #dfdfdf; bottom:0px; width:248px; border-radius:0px 0px 5px 5px; box-shadow: 0 -2px 3px rgba(100, 100, 100, 0.1);}
.zccmptmpovly{height:300px; border-top:solid 1px #dfdfdf; top:-1px; width:248px; border-radius:5px 5px 0px 0px; padding:15px 20px; z-index:1;}
.zccmptmbbtn{ background-color:#ff6a1a; color:#fff; height:50px; border-top:solid 1px #dfdfdf; bottom:0px; width:248px; border-radius:0px 0px 5px 5px; padding:15px; text-decoration:none;}
.zccmpprvbg{background-color: #f3f8fd;border-top: 1px solid #ddeaf7;}
.zccmpprvcntr{border: 1px solid #c4d3da;border-radius: 3px;box-shadow: 0 1px 10px #d4dfe5;}
.zcplntxtedtr{ border:solid 1px #fff;}
.zcplntxtedtr:hover{ border:solid 1px #fff; box-shadow:none;}
.zcplntxtedtrmrgtg{width:310px; background-color:#f9f9f9; border-left:solid 1px #e5e5e5; border-radius:0px 5px 5px 0px;}
.zcplntxtcntr{border:solid 1px #dbdada; border-radius:5px;}
.zcplntxtedtrbg{background-color:#e4e2e2;}
.zcdelcrtacntr{right: 0px; top: 41px; border-left:1px solid #e8e8e8; padding: 11px;}
.zcsynctbl{ border:solid 1px #eeeff0; border-collapse:collapse;}
.zcsynctbl td{ border-collapse:collapse; border: 1px solid #eeeff0; padding:0px; width:20%; text-align:center;}

.zcdbcmpsldsel{ width:12px; height:12px; border:solid 1px #ccc;background-color:#c3c3c3;}
.zcdbcmpsldnrml{ width:12px; height:12px; border:solid 1px #ccc; }
.zcchldcmppan{ right: 0; top: 42px; z-index:1; display:table; box-shadow:1px 5px 5px #ddd;}
.zcchldcmppancntr{ overflow:auto; max-width:480px;}
.zccntsswitch{z-index:2; left: calc(62% - 40px); top: -8px;}
.zcseldrpdwnhtlds{ background-color:#F5F5F5; border:solid 1px #bbb; border-radius:3px 3px 0px 0px; padding:5px 8px;}
.zcseldrpdwnhtldsnrml{background-color:#fff; border:solid 1px #fff;padding:5px 8px;}

.zctblsortdrpdwn{position:absolute; border:solid 1px #d4d4d4; z-index:1; background-color:#fff; border-radius:2px; box-shadow:1px 2px 3px #ccc; color:#555; font-size:12px; top:40px; border-top:0px;}

.zctblsortdrpdwn > ul > li{ list-style:none; padding:7px 20px; cursor:pointer; background-color:#fff;}
.zctblsortdrpdwn > ul > li:hover{color:#df7615;}
.zctblsortdrpdwn > ul > li.sel{color:#df7615;}
.zctblsortflrtcntr{ background-color: #fff; border: 1px solid #d4d4d4; left:100%; position: absolute; top: -32px;
width: 190px;box-shadow:1px 2px 3px #ccc; border-radius:5px;}


.zcaddusrsel{background-color: #fce8c9; border: 1px solid #f0a329; box-shadow: 1px 2px 4px #ccc;float: left;
padding: 10px; transition: all 0.3s ease 0s;}
.zcaddusr:hover{ background-color:#f5f5f5; cursor:pointer;  transition: all 0.3s ease 0s;}

.zccmpcrdvewmrgn{ margin-left:35px; margin-top:35px;}
.zccntswtcntr{ background-color: #fff; border-color: #d7e1ec #d7e1ec currentcolor;
 border-radius: 5px 5px 0 0;  border-style: solid solid none;
 border-width: 1px 1px 0; left: calc(62% - 40px); padding: 3px 15px;
 position: absolute; top: -17px; z-index: 2; }
 
.zccntswtcntr .seltab{ border-bottom:solid 2px #f0a329}

.zcarbdrbrm{ border-bottom:solid 1px #374b61;}
.zccntswtcntr .seltab{ border-bottom:solid 2px #f0a329}
.zcarcalrptpan{ color:#dadada; background-color:#676767;}
.zcshwmrlnk{background-color:#3e3e3e; padding:5px 10px; font-size:11px; border:solid 1px #5e5e5e; color:#fff; position:absolute; left:calc(50% - 50px); border-radius:5px; top:-12px; line-height:1; cursor:pointer; transition:all 0.3s;}
.zcshwmrlnk:hover{background-color:#fff; color:#444; transition:all 0.3s;}


.zcpolloptn{background-color: #f1f1f1; border-radius: 5px;
display: inline-block; padding: 10px 20px; margin-top:15px; margin-right:15px; display:inline-block; cursor:pointer; cursor:pointer;}

.zcwhbox{ border: 1px solid #d0dee5; border-radius:5px;background-color:#fff; transition:all .3s;}
.zcwhbox:hover{ background-color:#f5faff; cursor:pointer; transition:all .3s;}
.zcwhbox:hover a{ color:#ef7615}
.zcwbhkcntr{ padding-left:20px;}
.zcwbhkcntr>.zcwhbox{ width:31%;}

.zcsndrbox{border:solid 1px #e8e8e8; border-radius:5px; background-color:#fff; transition:all .3s;}
.zcprgovly{background-color: #fff;  padding: 7px; width: 100%; z-index: 1; top:1px;}

.zcprgcmptmnu{ background-color:#2d4152; padding:15px; font-size:16px; color:#c1cfdb; cursor:pointer; margin-top:2px;}
.zcprgcmptmnu:hover{ color:#fff;}
.zcprgcmptmnusel{padding:15px; font-size:16px; color:#fff; cursor:pointer; margin-top:2px; padding-bottom:0px;}

.zcopnrptcnt{width:30px; height:30px; float:left; margin-right:2px;}
.zcrptlgntsze{ width:14px; height:14px; border-radius:2px;}
.zcrptclr1{ background-color:#5bd3bd;}
.zcrptclr2{ background-color:#b3da70;}
.zcrptclr3{ background-color:#54a9eb;}
.zcrptclr4{ background-color:#ff9b9b;}
.zcrptclr5{ background-color:#da91e5;}
.zcrptclr6{ background-color:#f6d734;}
.zcrptclr7{ background-color:#547beb;}
.zcrptclr8{ background-color:#f2b977;}
.zcrptclr9{ background-color:#84bbff;}
.zcrptclr10{ background-color:#a6e9fa;}

.zcabcampgry{ background-color:#f6f6f6; border-radius:0px 0px 3px 3px; line-height:0px;}
.zcabcampgry:hover{ background-color:#eceaea; border-radius:0px 0px 3px 3px;}
.zcchntmline{ border-bottom:solid 1px #cacaca;}
.zcchnicontmlne{left: 48%; position: absolute; top: -16px !important;}
.zcchntmpltsbg{ background-color:#fafafa; border-left:#edecec solid 1px;}

.zctmlnearw:before{border-color: transparent  transparent transparent #fff; border-style: solid;  border-width: 10px;
 content: " ";  height: 0; position: absolute;  right:-19px;
width: 0; z-index:1;}

.zctmlnearw:after{border-color: transparent  transparent transparent #ddd; border-style: solid;  border-width: 10px;
 content: " ";  height: 0; position: absolute;  right:-20px;
width: 0;}
.zcchncmpcunt{background-color: #fb8181;  border-radius: 20px;
 color: #fff;font-size: 13px; padding:3px 8px;}
   
.zctmlnearw{position: absolute; top: 5px;  width:0px;z-index: 2; right:-15px;}
   
.zclblwdht{ color:#dbb778}  
.zcabcrdvwnavrgt{padding: 15px 8px; right: -35px; top: 100px;border-radius: 5px; background-color:#606060;}  

.zcabcrdvwnavlft{padding: 15px 8px; left: -35px; top: 100px; border-radius: 5px; background-color:#606060;}  

.zcabcrdvwnavrgtdsbl{padding: 15px 8px; right: -35px; top: 100px;border-radius: 5px; background-color:#ccc;}  

.zcabcrdvwnavlftdsbl{padding: 15px 8px; left: -35px; top: 100px; border-radius: 5px; background-color:#ccc;} 

.zccrdabadsbl{ background-color:#c5d2df; color:#fff; border-radius:3px 0px 0px 3px; padding:1px 5px;}  
.zccrdabbdsbl{ background-color:#c5d2df; color:#fff; border-radius: 0px 3px 3px 0px ; padding:1px 5px; margin-left:1px;} 
.zccrdabaenbl{ background-color:#f6b51e; color:#fff; border-radius:3px 0px 0px 3px; padding:1px 5px;}  
.zccrdabbenbl{ background-color:#55aaeb; color:#fff; border-radius: 0px 3px 3px 0px ; padding:1px 5px; margin-left:1px;} 
.zcabcrddtlscntr{right:0px; top:-25px;}
.zcedtrdrag{background-color: #ed983c;  border: 1px solid #dd872a;border-radius: 3px;box-shadow: 1px 2px 3px #aaa;
color: #fff; cursor: move;font-size: 11px;padding: 3px 10px;
position: absolute;}

.zcinfomsgbck{background-color:#fdfbdf; color:#555; border:1px solid #f5efb5;}
.zcbcklnk{float: left; padding: 10px 20px; background-color:#fbf6c4; border-right:solid 1px #ebe5a6;}
.zcinfomsg{padding: 10px 20px;}
.zcfldrhdng{color: #555;padding:12px 20px;border-bottom: 1px solid #ddd; }
.zcfulpgppshdw{box-shadow: 1px 2px 8px #888; }

.zcsrchbnd{background-color:#fdfbdf; color:#222; border:1px solid #f5efb5;}
.zcstrktxt{ text-decoration:line-through;}

.zcbdrlftblu{ border-left:solid 5px #cbecfb;}
.zcbdrlftorng{ border-left:solid 5px #f5dbb2;}
.zcbdrlftgrn{ border-left:solid 5px #b6e9b6;}
.zcbdrlftblk{border-left: solid 5px #868389;}

.zcprgselpan{box-shadow: 0 0 8px #58beed;}
.zcprgedt{right: -30px; top: 20px;}
.zcprgsts{right:-13px;top: -14px;}
.zcprgstsred{background-color: #ffe8e8; border: 1px solid #ffb8b8; color:red; font-size:13px; font-weight:bold; padding: 5px 10px;}

.zcprgstsorng{background-color: #fff4c9; border: 1px solid #f1c870; color:#eba206; font-size:13px; font-weight:bold; padding: 5px 10px;}
.zcprgstsgrn{background-color: #fff; border: 1px solid #e8e8e8; color:#57ab57; font-size:13px; font-weight:bold; padding: 5px;}
.zcprgmsgrun{border:dashed 2px #6DBE20; border-radius:10px; width:15px; height:15px;}
.zcprgmsgcnt{ background-color: #b6a1eb; border-radius: 10px;
color: #fff; font-size: 13px;padding: 0 5px;}
.zcatchmentcntr{z-index:3; width:90%; left:calc(50% - 45%); top:50px; background-color:#fff;}    
.zcprgmsgcndtn{background-color: #a9e0ae; border: 1px solid #9edaa4; color:#fff; font-size:13px; font-weight:bold; padding:  8px; position:absolute; border-radius:0px 3px 3px 0px; position:absolute; right:-30px; top:3px;}
.zcrulrtop{ background-image:url(../images/zcruler_x.png); background-position:top left; background-repeat:repeat-x;}
.zcrulrtxt{ width:50px; font-size:9px; padding-left:2px;}

.zcrulrlft{ background-image:url(../images/zcruler_y.png); background-position:top right; background-repeat:repeat-y;}

.zcrulrlft > .zcrulrtxt{ width:17px; font-size:9px; padding-left:2px; height:50px;}
.zcrulrbdrv{ border-left: solid 1px #00F1FF; height:2000px; cursor:col-resize;}
.zcrulrbdrh{ border-top: solid 1px #00F1FF; cursor:row-resize;}

.zcdbsldcntr{bottom: 10px;left: calc(50% - -2px); z-index:1;}
/* .zcdbsldbg{background-color:#585858; border-radius:20px; width:84px; height:30px; z-index:1;}
.zcdbsldsel{ width:16px; height:16px; border:solid 1px #939494; background-color:#fff; border-radius:5px; z-index:2; position:absolute; left:22px; top:7px;}
.zcdbsldnrml{ width:16px; height:16px; border:solid 1px #939494; background-color:#bdbdbd; border-radius:5px; z-index:2;  position:absolute; left:45px; top:7px;} */

.zcbuncdlbl{ background-color:#f65252; color:#fff; padding:5px; text-align:center; position:absolute; bottom:4px; font-size:13px; width:100%;}
.zcintcntr > .zcintbox{ width:20%; border-right:solid 1px #eee;border-bottom:solid 1px #eee; float:left;  padding: 40px 20px 20px; display:table-cell; text-align:center; height:270px; overflow:hidden;}
.zcintcntr > .zcintbox:hover{ background-color:#fafafa; box-shadow:-1px 1px 15px #ddd; transition:all .4s; cursor:pointer;}
.zcpstcntview{ height:201px; overflow:auto;}
.zcsclpstdvpan{ height:225px; overflow:hidden;}
.zcsclpstrpt{ height:251px; overflow:auto;}
.zcrulrddbdrv{ border-left: dotted 1px #00F1FF; height:2000px; cursor:col-resize;}
.zcrulrddbdrh{ border-top: dotted 1px #00F1FF; cursor:row-resize;}

.zcdatetimepp{border:solid 1px #bbb; border-radius:3px; position:absolute;  width:100%; box-shadow:1px 2px 3px #ddd;z-index:10; min-width:364px;}

.zcprgnwactnlne{border-bottom: 1px dashed #57bb57; border-left: 1px dashed #57bb57; height: 212px; left: -40px; position: absolute; top: 60px; width: 70px;}
.zcarwrulrpntvoff{ width:11px; height:11px; background-color:#f16d6d; border-radius:50%; top:25px; position:absolute; left:-6px; cursor:pointer;}

.zcarwrulrpnthoff{ width:11px; height:11px; background-color:#f16d6d; border-radius:50%; top:-6px; position:absolute; left:25px; cursor:pointer;}

.zcsgmntdte{background-color: #fff;border: 1px solid #d8d8d8;
  border-radius: 3px;color: #444;cursor:text;font-size: 14px;
  height: 37px;min-width: 100px;outline: medium none;
  overflow: hidden; text-overflow: ellipsis;
  transition: all 0.3s ease 0s;
white-space: nowrap; padding:8px 10px;}
::-webkit-input-placeholder {color: #aaa9aa;}
:-moz-placeholder {color: #555;}
::-moz-placeholder {color: #555;}
:-ms-input-placeholder {color: #555;}
.zckanbnbox{ border:solid 1px #e1e1e3; border-radius:3px; background-color:#fff; }
.zckanbnbox:hover{ box-shadow:0px 2px 6px #e0e0e0; border:solid 1px #cccccc;}
.zcarschldtimebg{color:#d66e27;}

.zcatrstusempty{width:14px; height:14px; border:solid 1px #adadad; border-radius:50%;}
.zcatrstusfill{ width:14px; height:14px; border:solid 1px #6bc43b; border-radius:50%; background-color:#cbe9ba;}
.zcatrstuswaitng{ width:14px; height:14px; border:solid 1px #f6997d; border-radius:50%; background-color:#fdc689;}

.zcatrstusempty{width:18px; height:18px; border:solid 1px #68c337; border-radius:50%;}
.zcatrstushalf{width:9px; height:16px;border-radius: 10px 0 0 10px;background-color:#68c337;}
.zcatrstusfull{width:16px; height:16px;border-radius: 10px;background-color:#68c337;}
.zcatrstuswtng{width:18px; height:18px; border:solid 1px #f6997d; border-radius:50%;}
.zcatrstuswtngfull{width:16px; height:16px;border-radius: 10px;background-color:#fdc689;}
.mt33{ margin-top:33px;}
.zcarcyclic {
    background-position: -710px -1781px;
}
.zcfullpgwfpopup { background-color: #fff;position: fixed;z-index: 10;top:0px;height: 100%;width: 100%;overflow: auto;}
.zcfullpgpopup{background-color:#fff; position:fixed; z-index:11 !important; top:0px; height:100%; width:100%; overflow:auto; left:0px;}
.zcpopupcls { background-position: -360px -39px;  width: 18px;height: 18px;
    opacity: .5; cursor: pointer;}
.zcscldprgbox{width: 300px;}
.zcscldprgbg{ background-color:#f4fdff; border-radius:0px 0px 3px 3px;border: 1px solid #e8e8e8; border-top:0px;}
.zcprgprsbdrtp{ border-top:dashed 1px #ee8e00;}
.zcpollrptbg{height:10px; background-color:#e6e6e6;}
.zcpollrptfill{ height:10px; background-color:#f8574b;}
.zcactivetick {width: 27px;height: 27px;background-position: -132px -2446px;}
.zcaraddnewmsg{width: 44px;height: 44px;background-position: -371px -2445px;}
.zcaropnmsg{width: 69px;height: 67px;background-position: -416px -2324px;}
.zcarunopnmsg{width: 77px;height: 44px;background-position: -505px -2347px;}
.zcarlnkclk{width: 72px;height: 77px;background-position: -602px -2325px;}
.zcarsplnkclk{width: 67px;height: 65px;background-position: -689px -2326px;}
.sync:hover{background-color:#ff6a1a !important;}
.invoiceView:hover >.btn{background-color:#ff6a1a !important;}
.booksView:hover >.btn{	background-color:#ff6a1a !important;}
.linktxtblk {color: #333;text-decoration: none;cursor: pointer;}
.bdrbtmdsd {border-bottom: dashed 1px #ccc;}
.zcaradd {width: 35px;height: 35px;background-position: -415px -2494px;}
.zcclrblu {color: #0c84b1;}
.zcarkban:hover {background-color: #f2fdff;}
.zcswtchtmlnesel {width: 41px;height: 36px;background-position: -550px -2495px;}
.zcswtchkanbnnrml {width: 41px;height: 36px;background-position: -499px -2495px;}
.zcswtchtmlnenrml {width: 41px;height: 36px;background-position: -458px -2495px;}
.zcswtchkanbnsel {width: 41px; height: 36px;background-position: -591px -2495px;}
.zcarpause {width: 21px;height: 21px;background-position: -234px -2446px;}
.zcarstrt {width: 21px;height: 21px;background-position: -172px -2446px;}
.zcmoresml {background-position: -160px -108px;height: 8px;    width: 32px;}
.zcbgblu {background-color: #f2fdff;transition: all 0.3s;}

.zcorsep{left:48%; top: -14px; padding:3px 15px; background-color:#fff; border: 1px solid #e8e8e8;border-radius: 5px;}
.zcboxcmp{ border-left:solid #ffc571;}
.zcboxcmp{ padding-left:13px;}
.crtbox {border: 1px solid #c4d3da;border-radius: 5px;box-shadow: 0 1px 10px #d4dfe5;float: left; background-color: #fff;};
.zcboxcrm{ border-left:solid #ffc571;}
.zcdmarc{ border-bottom:solid 2px #31bc48; border-top:solid 2px #31bc48; font-size:12px; padding:0px 8px; color:#31bc48;}

.zcdmarcred{ border-bottom:solid 2px #dc4959; border-top:solid 2px #dc4959; font-size:12px; padding:0px 8px; color:#dc4959;}

.zcdmarcgry{ border-bottom:solid 2px #ddd; border-top:solid 2px #ddd; font-size:12px; padding:0px 8px; color:#ddd;}


.zcsftolcntr{ border-radius:10px; background-color:#fff; box-shadow:1px 2px 3px #ccc; width:54px; border:solid 1px #ccc; padding:4px; left:15%;}
.zcsftolbxpge{width:44px; height:44px; padding: 10px;}
.zcsftolbxmail{width:44px; height:44px; padding: 10px;}
.zcsftolsel{background-color: #349bee; border-radius:10px;}

.zcstsgrn{background-color: #7fc77f;border: 2px solid #fff;
 border-radius: 50%;bottom: 0;height: 13px;position: absolute;
right: 10px;width: 13px;}
.zcstsgry{background-color: #c2c2c2;border: 2px solid #fff;
 border-radius: 50%;bottom: 0;height: 13px;position: absolute;
right: 10px;width: 13px;}
.zcprgrptarw{border-bottom:dashed 1px #ddd; margin-top:10px; position:relative; margin-left:20px; margin-right:20px;}
.zcprgrptarw:before{ content:""; width:8px; height:8px; border-radius:50%; position:absolute; left:-1px; top:-4px; z-index:1; background-color:#ddd;}

.zcprgrptarw:after{border-color:transparent  transparent transparent #ddd; border-style: solid; border-width: 6px; content: " "; height: 0;position: absolute;  top:-6px;   width: 0; right:-7px;}
.zcbgblu { background-color: #f2fdff; transition: all 0.3s;}
.zcbgblu:hover{background-color:#e7fafd; transition:all 0.3s;}
.zchvrblu:hover{ background-color:#f2fcfe;}
.zcarkban:hover{ background-color:#f2fdff;}
.zcarkban>.zcarkbansepdiv{ padding:10px 15px;}
.zcarkban:hover .zcarkbanlnkhvr{color:#0c8cc4; cursor:pointer;}
.zcscoptnbg{border: 1px solid #ccc; border-radius: 50%;
height: 40px; padding: 9px; width: 40px;}
.zcshpediv{width:80px; height:80px; padding:15px;border: 1px solid #e8e8e8;border-radius: 5px; cursor:pointer;}
.zcshpediv:hover{ background-color:#fffee3;border: 1px solid #f5c490;border-radius: 5px;}
.zcunsubcnts{ background-color: #ffa5a5; border-radius: 50%;
 height: 8px; position: absolute; right: 0;top: 21px; width: 8px;}
.zcuncmpltcnts{ background-color:#f7d295; width:8px; height:8px;border-radius: 50%;
 height: 8px; position: absolute; right: 0;top: 21px; width: 8px;}
 
.zchlpflycntr{width:421px; position:fixed; z-index:100; right:0px; background-color:#fff; box-shadow: 0 10px 10px #555; height:100%; border-left:solid 1px #dadada; overflow:hidden;overflow-y:auto;}
/*.zchlpflycntr>div:hover{ background-color:#f6f9f9; cursor:pointer;}*/
 .zchlpflycntr > .zccnt:hover{ background-color:#f6f9f9; cursor:pointer;}
 .zchlpflycntr > .zccnt:hover a{color:#ef7615;}
 .zchlpflylinks > ul{ list-style:none; color:#ccc; margin-left:20px;}
  .zchlpflylinks > ul li { list-style:disc outside; padding:8px 0px; margin:0px;}
  .zchlpflylinks > ul li a{color:#137fbe; text-decoration:none; cursor:pointer;}
  .zchlpflylinks > ul li a:hover{color:#ef7615; text-decoration:none; cursor:pointer;}
  .zcbgblu{background-color:#f2fdff;transition:all 0.3s;}
   .zcbgblu:hover{background-color:#e7fafd; transition:all 0.3s;}
   .zcunsubmailnotfy{right:0px; box-shadow: 1px 2px 3px #ccc; width:350px; z-index:3; border:solid 1px #ccc; border-radius:5px;}
   
.zcunsubmailnotfy::before {border-color: transparent transparent #bbbbbb; border-style: solid; border-width: 8px; content: " ";
height: 0; position: absolute;right:15px;top: -16px; width: 0;}

.zcunsubmailnotfy::after {border-color: transparent transparent #fff;border-style: solid; border-width: 8px;content: " ";
 height: 0; position: absolute;  right:15px; top: -15px; width: 0;}
 
 .zcmsgcntr{ font-size:11px;}
 .zcmsgcntr>ul li{padding:5px 10px; margin-bottom:3px; margin:5px; list-style: inside disc; cursor:pointer;}
 .zcmsgcntr>ul li:hover{ color:#ee5b42; cursor:pointer;}

 .zcarcalndr th{ width:35px; height:35px; color:#333; position:relative;}
.zcarcalndr td{ width:35px; height:35px; color:#333; position:relative;}
.zcarcalndr th{ color:#aaa; font-weight:300;}
.zcarcalndr .zcsel{background-color: #ff5b5b;
    border-radius: 50%;
    height:9px;
    left: calc(50% - 3px);
    position: absolute;
    width:9px;} 
.zcarcalndr td.today{ background-color:#ffe1bd; border-radius:50%; color:#e98304; border:solid 3px #fff;}
 .zcartitle{ font-size:16px; color:#DD6365; display:block; margin-top:20px; padding:10px; text-align:left;}
 .zcarcalndr td.dsbl{ color:#B8B8B8;}
  .zcarcalndr td:hover{ color:#23a8e9; cursor:pointer;}
  .zcadmsgoptn{background-color:#fff; color: #ff6a1a;cursor: pointer;
 display: table-cell; font-size: 28px;
height: 30px;line-height: 0.6;padding: 5px;
 position: absolute;right:10px; top:10px;
  text-align: center;vertical-align: middle;
width: 30px; z-index: 1; border-radius:50%; border:solid 1px #ddd;}
 
 .zcadmsgoptn:hover{border:solid 1px #ccc;box-shadow: 1px 0 4px #ddd;}


 
 .zcarcalmsglst{  background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 2px 3px #ccc;
 left: -20%; position: absolute; top: 40px; width:230px;
 z-index: 1; color:#444;}
 .zcovflw{ max-height:220px; overflow:hidden;}
 .zcovflw>div{ overflow:hidden; text-overflow:ellipsis; width:220px; font-size:13px; padding: 8px 10px;}
 .zcovflw>div:hover{ color:#ee5b42}
	
.zcarcalmsglst:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:86%;}
.zcarcalmsglst:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:86%;}
.zcardaily {
    width: 70px;
    height: 70px;
    background-position: -395px -2429px;
}
.zcarweekly {
    width: 70px;
    height: 70px;
    background-position: -488px -2429px;
}
.zcarmnthly {
    width: 70px;
    height: 70px;
    background-position: -582px -2429px;
}
.zcaryearly {
    width: 70px;
    height: 70px;
    background-position: -673px -2429px;
}

 .zcarcalmsglstrgt{  background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 2px 3px #ccc;
 right: -20%; position: absolute; top: 40px; width:230px;
 z-index: 1; color:#444;}
 .zcarcalmsglstrgt:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:6%;}
.zcarcalmsglstrgt:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:6%;}
.zcprgrptarw{border-bottom:dashed 1px #ddd; margin-top:10px; position:relative; margin-left:20px; margin-right:20px;}
.zcprgrptarw:before{ content:""; width:8px; height:8px; border-radius:50%; position:absolute; left:-1px; top:-4px; z-index:1; background-color:#ddd;}

.zcprgrptarw:after{border-color:transparent  transparent transparent #ddd; border-style: solid; border-width: 6px; content: " "; height: 0;position: absolute;  top:-6px;   width: 0; right:-7px;}

.zchvrblu:hover{ background-color:#f2fcfe;}
.zctempnrml{ width:30px; height:30px; background-position:-605px -524px;}
.zctempsel{ width:30px; height:30px; background-position:-605px -490px;}


.zcdmnathstus{ height:10px; border:solid 1px #eaeaea; border-radius:10px; background-color:#eaeaea;}

.zcdmnathstus > .fill1{ height:8px; border-radius:10px; width:50%;background-color:#f1cc6a}

.zcdmnathstus > .fill2{ height:8px; border-radius:10px; width:100%;background-color:#45c79e}


.zcscltextarea{ border:solid 1px #d8d8d8; border-radius:3px; font-size:15px; height:35px;}
.zcscltextarea:focus{ height:80px;}
.zcsclshricon{position:absolute; bottom:0px; right:0px; border:solid 1px #fff; border-radius:50%;}
.zcshriconcntr{padding: 6px; background-color:#f5f5f5; height: 30px; z-index: 2; right: 0px; border-radius: 2px; border: 1px solid #ddd; box-shadow:0px 1px 2px #ddd;}
.zcabdtlbox{background-color: #fff8ec; border: 1px dashed #f9dba8;}
.zcprehdredtr,
.zcprehdredtrbck {background: transparent; border: 1px solid #eee; margin: auto; min-height: 200px; outline: none; padding: 10px; width: 100%;}
.zcprehdredtrbck {bottom: 0; color: transparent;
  left: 0; position: absolute; top: 0; white-space: pre-wrap;
  width: 100%; word-wrap: break-word; z-index: -1;}
.zcprehdredtrbck em {background:yellow !important;}
.zcarlnkcnt{background-color: #cdb9f5;
 border-radius: 50%;color: #fff;
 cursor: pointer;display: inline-block;
 font-size: 9px;height: 18px; margin-left: 5px; padding: 3px;
    width: 18px;}	
	
.zcwalsttxttrim{text-decoration: none;    overflow: hidden;    padding-top: 10px;    max-width: 617px;    text-overflow: ellipsis;    display: table-cell;    white-space: nowrap;}	
	
.zcbdrbtmorngsel{ border-bottom:solid 3px #fa9900;}	
.zcstsred{padding:4px 8px; background-color:#F85053; font-size:12px; color:#fff; border-radius:2px; line-height:1; margin-right:15px;font-weight:800;}
.zclstvwbtncntr{ padding:10px 20px; background-color:#fff;}
/*.zcquklnkscntr {background-color: #fff;border: 1px solid #c4d3da;bottom: 0px;z-index: 2;left:-1px;box-shadow: 0 1px 15px #d4dfe5;width: 290px;display: table;}
.zcquklnkscntr:before {border-color: transparent transparent #c4d3da;border-style: solid;border-width: 10px;content: " ";height: 0;left: 10px;position: absolute;top: -20px;width: 0;z-index: 1;}
*/
.atnicon > a{width:30px; height:30px; display: inline-block;text-align: center; position:relative;transition: all .5s ease; cursor:pointer; display:flex; align-items:center; text-align:center;  text-decoration:none;  }

.atnicon > a:before{ left: 0;top: 0;content: "";position: absolute;width: 100%;height: 100%;transform: scale3d(0,0,0);transition: all;transition-duration: 250ms;background-color: rgba(136,153,175,.5);z-index: 0;border-radius: 50%;opacity: .1;}
	
.atnicon > a:hover:before{
	
	background-color:#ef7615;
	transform: scale3d(1.2,1.2,1.2);
    opacity: .1; 
	}
	
	.atnicon > a:hover i{
	color:#ef7615; z-index:1; 
	}
	.atnicon > a > i{margin:auto;}
	.sclpsttimeline .pstpan {
	background-color:#fff;
    border:1px solid #d6e5ec;
    border-radius: 5px;
    margin: 60px 0;
	box-shadow:0 1px 1px 0 #dbe9f0;
	position:relative;
}
.sclpsttimeline {
    border-left: 3px solid #d6e5ec;
    margin-left: 74px;
    padding: 20px 20px 20px 110px;
}

.pstpan .psttype{ border: 3px solid #d6e5ec; width:35px; height:35px; border-radius:50%; position:absolute; left:-130px; background-color:#fff; padding:6px;}

.zclsttopbndcntr{ position:fixed; top:40px; z-index:2; width: calc(100% - 60px);}
.zclstp{ padding:15px 20px;}
.sclphotosmallselerr{ width:40px; height:40px; border-radius:10px;border: 2px solid #fd8282; cursor:pointer; padding:2px;}
 /*New Button Icons*/
 
.zcbtnicon{width:45px; border:solid 1px #d9e0e8; padding:5px 10px; border-radius:3px; display:inline-block; background-color:#fff; transition:all .5s; fill:#777; text-decoration:none; color:#686868; text-align:center; line-height:1; font-size:21px; position:relative; z-index:0; box-shadow:0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 50, 0.1), 0 1px 5px 0 rgba(50, 50, 50, 0.1); outline:none; }

.zcscltextareaerr{border: 1px solid #ff0004; border-radius:3px; font-size:15px; height:35px;}
.zcbtnicon:hover{border:solid 1px #999; box-shadow:1px 1px 2px #ddd; color:#333;  text-decoration:none;}

.zciconbtn{border:solid 1px #d9e0e8; padding:7px 10px; border-radius:3px; background-color:#fff; transition:all .5s; text-decoration:none; color:#444; text-align:center; line-height:1; font-size:18px; position:relative; z-index:0; display:table; white-space:nowrap; box-shadow:0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 50, 0.1), 0 1px 5px 0 rgba(50, 50, 50, 0.1); outline:none; }

.zciconbtn span { margin-top:3px;}

.zciconbtn:hover{border:solid 1px #999; box-shadow:1px 1px 2px #ddd; color:#333;  text-decoration:none;}


.zcbtniconsel{border:solid 1px #ff6a1a; box-shadow:1px 1px 2px #ddd; color:#222; transition:all .5s; border-radius:3px 3px 0px 0px; background-color:#fff; text-decoration:none; }

a{ text-decoration:none;}
.zcgrnclr{ color:#ff6a1a;}
.zcicon-radiobox-marked{ cursor:pointer; font-size:22px; color:#ff6a1a}
.deactive{pointer-events:none;color:#9f9f9f;}
.zcicon-radiobox-blank{ cursor:pointer; font-size:22px; color:#bbb;}
.zcicon-radiobox-blank:hover{color:#ff6a1a; }
.zcicon-checkbox-blank-outline, .zcicon-recpUncheck, .zcicon-segUncheck ,.zcicon-uncheck{ color:#666; font-size:23px; cursor:pointer; } 
/* .zcicon-radiobox-marked{ cursor:pointer; font-size:22px; color:#ff6a1a}
.zcicon-radiobox-blank{ cursor:pointer; font-size:22px; color:#bbb;} */
/* .zcicon-radiobox-blank:hover{color:#ff6a1a; } */
/* .zcicon-recpUncheck, .zcicon-segUncheck ,.zcicon-uncheck{ color:#666; font-size:23px; cursor:pointer; } */
.zcicon-checkbox-marked, .zcicon-recpCheck, .zcicon-segCheck, .zcicon-check{color:#ff6a1a; font-size:23px; cursor:pointer;}
.zcicon-information-outline{ cursor:default; color:#aaa;}

.zcpriclr{ color:#15aaa9}
.zcaddmrebtn{ padding:0px 10px !important;}

.zccolctnicon{background-image:url(../images/collection.png);} .zclrgcolctn{ width:100px; height:auto;margin-left:18px; cursor:pointer;}


.zcquklnkscntr:before{ border-color: transparent transparent #c4d3da;
    border-style: solid; border-width: 8px; content: " ";
    height: 0; left: 13px; position: absolute; top: -16px; width: 0; z-index:1;}
.zcquklnkscntr:after{ border-color: transparent transparent #fff;
    border-style: solid; border-width:8px; content: " "; height: 0;
    left: 13px; position: absolute;  top: -15px; width: 0; z-index:2;}

.zcquklnkscntr{background-color:#fff; border: 1px solid #c4d3da; bottom: 0px; z-index:2; top: 40px; left: -1px; width: 290px; display:table; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}




.zcquklnkscntrnew:before{ border-color: transparent transparent #c4d3da;
    border-style: solid; border-width: 8px; content: " ";
    height: 0; right: 60px; position: absolute; top: -16px; width: 0; z-index:1;}
.zcquklnkscntrnew:after{ border-color: transparent transparent #fff;
    border-style: solid; border-width:8px; content: " "; height: 0;
    right: 60px; position: absolute;  top: -15px; width: 0; z-index:2;}

.zcquklnkscntrnew{background-color:#fff; border: 1px solid #c4d3da; bottom: 0px; z-index:2; top: 40px; right:0px; width: 290px; display:table; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}


.zcimghldr{width: 50px;position: absolute;height: 60px;background-color: #fff;top: 20px;border-top: solid 4px #000;border-radius: 5px;padding: 7px;}

.zcboxrndbg{width: 100px; height: 100px;  border-radius: 50%; padding:24px; background-color:#ff6a1a; margin:0px auto; position:relative;}

.zcprgoptnscntr{background-color:#349bee; border-radius:3px; box-shadow:0 2px 2px 0 rgba(157, 174, 196, 0.14), 0 3px 1px -2px rgba(157, 174, 196, 0.2), 0 1px 5px 0 rgba(157, 174, 196, 0.12); left: -50px;
    top: 38px;}
.zcprgoptnscntr i{ color:#fff;}
.zcprgoptnscntr:after {border-color: transparent transparent #349bee;border-style: solid; border-width: 8px;  content: " ";
 height: 0; position: absolute; left: 45%; top: -16px; width: 0;}
	
.zcoptnscntr{background-color:#349bee; border-radius:3px; box-shadow:0 2px 2px 0 rgba(157, 174, 196, 0.14), 0 3px 1px -2px rgba(157, 174, 196, 0.2), 0 1px 5px 0 rgba(157, 174, 196, 0.12);}

.zcoptnscntr:hover{box-shadow:0 14px 26px -12px rgba(157,174,196,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(157,174,196,.2);}
	
.zcoptnscntr i{ color:#fff;}

.zcbdg1{border: 1px solid #f8c200;border-radius:9px; padding: 0 7px; color:#333; background-color:#f8f1d8; box-shadow: 0 1px 2px #f8f1d8;}
.zcbdg2{border: 1px solid #67c784;border-radius:9px; padding: 0 7px; color:#333; background-color:#cff5e1; box-shadow: 0 1px 2px #cff5e1;}
.zcbdg3{border: 1px solid #f6b5b5;border-radius:9px; padding: 0 7px; color:#333; background-color:#ffeaea; box-shadow: 0 1px 2px #ffeaea;}
.zcsecclr{ color:#8899af;}
.zcdecisiontwo { width: 0; height: 0; border: 50px solid transparent; border-bottom-color: #f7d39a; position: relative;  } 
.zcdecisiontwo:after { content: ''; position: absolute; left: -50px; top: 50px; width: 0; height: 0; border: 50px solid transparent; border-top-color: #f7d39a; }
.zcdecisiontwo > .zccnt{color: #222;
    font-size: 12px;
    left: -26px;
    top: 40px;
    z-index: 1;}
	
	
	.zcdecisionmulti {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent #f7d39a;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 80px;
    height: 0;
    position: relative;
    width: 0;}

 .zcdecisionmulti > .zccnt{color: #222;
    font-size: 12px;
    left: -26px;
    top:32px;
    z-index: 1;}

.zcprgmrge td:first-child{
	border-color: currentcolor currentcolor #aaa #aaa;
    border-radius: 0 0 0 5px;
    border-style: none none solid solid;
    border-width: 0 0 3px 3px;
    width:40px; position:relative; height:30px;
	}
	
.zcprgmrge td:last-child{
	 border-right:solid 3px #aaa; border-bottom:solid 3px #aaa; border-radius:0px 0px 5px 0px;width:40px;  position:relative;}	
    
	
.zcprgmrge td:nth-child(1){ width:0px !important;}	
	
.zcprgmrge td{
	 border-right:solid 3px #aaa; border-bottom:solid 3px #aaa;
    width:40px;  position:relative;}
	
.zcprgmrge i{border-left: 3px solid #aaa;
    display: inline-block; height: 20px; left: calc(50% - 2px);
    position: absolute;}
	
	
.zcprgmrge i b { background-color: #fff; border: 3px solid #aaa; border-radius: 50%; bottom:-6px; height: 15px;
    left: -9px; position: absolute; width: 15px;}
	
.zcprgmrge b{border:solid 3px #aaa; border-radius:50%; width:15px; height:15px; position:absolute; background-color:#fff; left:-9px; bottom:0px;}
	
.zcprgmrge td b{border:solid 3px #aaa; border-radius:50%; width:15px; height:15px; position:absolute; background-color:#fff; left:31px; top:-1px;}
	
.zcprgmrge td b:hover{background-color:#0cd49e; border:solid 3px #0abb8b; transition:all .5s; cursor:pointer; }
	
.zcprgmrge td{ position:relative;}
.zcprgcnctr{ background-color:#0cd49e; border:solid 1px #0abb8b; border-radius:50%; width:15px; height:15px; cursor:pointer; }
	
.zcprgcnctrnrml{ background-color: rgb(238, 238, 238); border: 1px solid rgb(187, 187, 187); border-radius: 50%;cursor: pointer; height: 15px; width: 15px; z-index:1;}
.zcrespnsecmbtendpnts{ bottom:-7px; position:absolute;}	
.zcprgcnctactive{  border:solid 2px #fff;border-radius:50%; width:15px; height:15px; cursor:pointer; }

.zcprgendsel{border:1px dashed #595959; box-shadow: 1px 2px 10px #ccc; display: table;height: 105px;  padding: 20px;  position: relative; width: 80px;}	
	
.zcprglnend{border:solid 3px #fe7b7b; width:35px; height:35px; border-radius:50%; padding:5px; text-align:center; font-weight:600; color:#fff; font-size:14px; position:relative; background-color:#fe7b7b;position: absolute;top: 50px;}

.zcprgprcsend{border:solid 3px #fe7b7b; width:35px; height:35px; border-radius:10%; padding:5px; text-align:center; font-weight:600; color:#fff; font-size:14px; position:relative; background-color:#fe7b7b;position: absolute;top: 50px;}

.zcprgprcsend i b { background-color: #fff; border: 3px solid #aaa; border-radius: 50%;  bottom: -6px;  height: 15px;
    left: -9px; position: absolute; width: 15px; top: -10px;}

.zcprgprcsend > i{border-left: 3px solid #aaa;
    display: inline-block; height: 17px; left: calc(50% - 2px);
    position: absolute; top: -20px;}
	
.zcprgprcsend>p>i{position: absolute; font-size: 20px; top: 4px; left:3px; color:#fff !important;}
	
.zcprglnend > i b { background-color: #fff; border: 3px solid #aaa; border-radius: 50%;  bottom: -6px;  height: 15px;
    left: -9px; position: absolute; width: 15px; top: -10px;}

.zcprglnend i{border-left: 3px solid #aaa;
    display: inline-block; height: 17px; left: calc(50% - 2px);
    position: absolute; top: -20px;}
.zcprgcmptendpnt{background-color:#fff; border:2px solid #ddd;  border-radius: 50%;
    bottom: -11px; height: 20px;  left: 40%;  position: absolute;
    width: 20px; color:#515151;}	
.zcprgcmptendpnt:hover{background-color:#0cd49e; border:2px solid #fff; color:#fff;}	
.zcpriclr {color: #15aaa9;}
.zcboxhvr:hover{ box-shadow:1px 2px 20px rgb(217, 224, 238); transition:all .5s;}
.imgboxcount{background-color: #000;     border-radius: 12px;     color: #fff;     opacity: 0.5;     padding: 2px 10px;     position: absolute;     right: 55px;     top: 60px;}
.zccltndel{background-color: #333;border: 1px solid #fff;border-radius: 50%;float: left;padding: 5px;position: absolute;right: 10px;top: 64px;}
	
.zccstmprgoptn{ position:absolute; right:15px; vertical-align:middle; margin-top:3px;}	

.zcprgtrgr{
	align-items: center;
    background-color: #93a8d0;
    
    border-radius: 50%;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    color: #fff;
    height: 150px;
    padding: 15px;
    position: relative;
    width: 150px;
	}	


    .zcprgtred{
        align-items: center;
        background-color: #e29e85;
        
        border-radius: 50%;
        box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
        color: #fff;
        height: 150px;
        padding: 15px;
        position: relative;
        width: 150px;
        }	

.zcprgprcsmail{
 align-items: center;
    background-color: #ee9a80;
    border-radius: 0px;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    color: #fff;
    height: 150px;
    padding: 15px;
    width: 150px; border-radius: 10px;
 }
	
	
	
	.zcprgcntncntr{width:150px; position:absolute; z-index:1; text-align:center; left:22px; color:#fff; top:40px}
	
	
.zcprgprcssms{
  border: solid 1px #a3d375;
  border-radius: 3px;background-color: #fff;
  box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);
  width: 270px;border-radius:3px;
  display: flex;align-items: center;padding:10px 20px;}
	
	
.zcprgprcsothrs{
  border: solid 1px #b28cdd;
   border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);
  width: 270px;border-radius:3px;display: flex;
  align-items: center;
  padding:10px 20px; font-size:14px;
	}
	
	
.zcprgactnscmp{ align-items: center; background-color: #5bcc9e;
    border-radius:10px; box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    color: #fff;  height: 150px; padding: 15px; width: 150px;}
	
.zcprgactnscmpdsbl{ background-color:#c0d2e1 !important;}
.zcprgactnscmpdsbl .zcprgrspcmpt{ background-color:#b1c3d2 !important;}
.zcprgactnsdlycmpdsbl{ background-color:#b1c3d2 !important;}
.zcprgactnscmpfrez{align-items: center; background-color: #e3e2e2; border: 1px dashed; border-radius: 10px; color: #fff; height: 150px; padding: 15px;width: 150px; color:#516073;}
	
.zcprgactnscmpfrez .zcprgatntimer1,.zcprgactnscmpfrez .zcprgatntimer2{background-color: #d3d3d3;
    border-radius: 10px 10px 0 0; font-size: 11px; padding: 7px 5px;  width: 110px; color:#fff;}
	
.zcprgactnscmpfrez .zcprgrspcmpt{background-color: #ccc; border-radius:0xp 0px 13px 13px;  width: 150px; box-shadow:none;}	

.zcprgactnscmpfrez .zcprgrspcmpttimer{ background-color:#bbb;}

.zcprgactnscmpfrez .zcprgrspcmpt div { border-right:1px solid #fff; cursor: pointer;}

.zcprgrspnsesml .zcjrnylbl{font-size:9px; width:70px}
.zcflxcntr{display: flex;align-items: center;justify-content: center;}	
.zcprgactnscmpstop{align-items: center;background-color:#e3e2e2;border:2px solid #ee6e73;border-radius:10px;color:#fff; height: 150px; padding: 15px;width: 150px; box-shadow:0 5px 10px 5px rgba(238, 60, 67, 0.1);color:#516073;}
.zcprgactnscmpstop .zcprgatntimer1, .zcprgactnscmpstop .zcprgatntimer2{background-color: #d3d3d3;
    border-radius: 10px 10px 0 0; font-size: 11px; left: 20px;
    padding:5px; position: absolute; top: -31px;
    width: 110px;border:2px solid #ee6e73;}	
	
.zcprgdsbldcmp{ border: dashed 1px #ddd; border-radius: 3px;
  background-color: #fff;box-shadow: 0 1px 3px 1px rgba(67, 124, 153, 0.1); width: 270px; border-radius:3px; display: flex; align-items: center; padding:10px 20px; font-size:14px; color:#bbb;}	
  
 .zcprgoptncntr{ border-radius: 50%;
    bottom: 10px; cursor: pointer; height: 25px; left: 39%; padding: 1px;
    position: absolute; vertical-align: top; width: 30px;} 
	
.zcprgtrgalert{background-color: #e87a7a; border-radius: 50%; cursor: pointer; right: 2px; position: absolute; top: 18px; color:#fff;}
	
.zcprgmsgalert{background-color: #ec5454;border-radius: 50%;cursor: pointer;
    right:-15px;position: absolute;top: 18px;}
	
.zcprgmsginfo{background-color: #555;border-radius: 50%;cursor: pointer;
    right:-15px;position: absolute;top: 18px;}
	
.zcprgmsginfosmal{ top:35px; padding:0px; background-color: #fff;border-radius: 50%;cursor: pointer; right:-11px;position: absolute;}	
 .zcprgmsginfosmal > i{color: #898989;
border-radius: 50%;} 
.zcprgmsginfosmalerr{padding:0px; background-color:#ec5454;border-radius: 50%;cursor: pointer; right:-11px;position: absolute;}	
 .zcprgmsginfosmalerr > i{color: #fff; border-radius: 50%;} 
.zcprgdsbldcmp > i{ color:#ccc;}
	
.zcprgdely{background-color: #aaa; border-radius: 20%;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2); color: #fff;
    display: table; padding: 10px; width: 150px;}

.zcprgcmptname{overflow: hidden; text-overflow: ellipsis; width: 160px; float:left;}

.zcprgswtch td:first-child{ border-color: currentcolor currentcolor #aaa #aaa;
    border-radius: 5px 0px 0px 0px;  border-style: none none solid solid; border-width: 0 0 3px 3px; width:40px; position:relative; height:30px;}
	
	
.zc{ background-image:url(../images/zc_prgbg.jpg); background-repeat:repeat;}	
	
	
.zcprgswtch td:last-child{
	 border-right:solid 3px #aaa;  border-radius:0px 5px 0px 0px;width:40px;  position:relative;}	
    
	
.zcprgswtch td:nth-child(1){ width:0px !important;}	
	
.zcprgswtch td{ border-right:solid 3px #aaa; border-top:solid 3px #aaa;
    width:40px;  position:relative;}
	
.zcprgswtch i{border-left: 3px solid #aaa; display: inline-block; height: 20px; left: calc(50% - 2px); position: absolute; top:-20px;}
	
	
.zcprgswtch i b { background-color: #fff; border: 3px solid #aaa; border-radius: 50%; top:-6px; height: 15px;
    left: -9px; position: absolute; width: 15px;}
	
.zcprgswtch b{border:solid 3px #aaa; border-radius:50%; width:15px; height:15px; position:absolute; background-color:#fff; left:-9px; bottom:0px;}
	
.zcprgswtch td b{border:solid 3px #aaa; border-radius:50%; width:15px; height:15px; position:absolute; background-color:#fff; left:31px; bottom:-1px;}
	
.zcprgswtch td b:hover{background-color:#0cd49e; border:solid 3px #0abb8b; transition:all .5s; cursor:pointer; }
	
.zcprgswtch td{ position:relative;}	
	
.atnicon > a{ width:30px; height:30px; display: inline-block;
    text-align: center; position:relative;    transition: all .5s ease; cursor:pointer; display:flex; align-items:center; text-align:center;  text-decoration:none;  }

.atnicon > a:before{ left: 0; top: 0;  content: ""; position: absolute;
    width: 100%; height: 100%; transform: scale3d(0,0,0);    
	transition: all;transition-duration: 250ms;  background-color: rgba(136,153,175,.5);  z-index: 0; border-radius: 50%; opacity: .1;}
	
.atnicon > a:hover:before{ background-color:#ef7615; transform: scale3d(1.2,1.2,1.2);
    opacity: .1; }
	
.atnicon > a:hover i{ color:#ef7615; z-index:1; }
.atnicon > a > i{margin:auto;}
.zcl0{ left:0px;}
.zcr0{ right:0px;}
img.emoji { display: inline-block; vertical-align: sub; margin: 4px;}
.zcsclbg{border: 1px solid #fff;border-radius: 2px; background-color:#fff; float:left;}
.zcprocess{ #fff;left: 45%;padding: 5px 50px; position: fixed; top:13px; z-index: 1; font-size:13px;}
	
.zcprgsep1{border-bottom:dotted 2px #79ccf6; width:100px;}	

.zcprgsep2{border-bottom:dotted 2px #f3af66; width:100px;}
.zctxtovrflw{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.zcgrplne{ border-left:solid 1px #71C3D9; margin:20px; position:relative;}
.zcgrplne:before{ content:""; position:absolute; top:0px; width:10px; height:10px; border-radius:50%; background-color:#71C3D9; left:-5px; z-index:1;}

.zcgrplne:after{ content:""; position:absolute; bottom:0px; width:10px; height:10px; border-radius:50%; background-color:#71C3D9; left:-5px; z-index:1;}

.zccrtbdrlft{border-left: 1px solid rgb(221, 221, 221); height:62px;margin-left:40px; padding: 15px;}

.zccrtandor{background-color: #fff;left: -20px;padding: 5px;top: 55px; z-index:1;display: block; text-align: center; width: 40px;}
.popupbtnbg0{ padding:15px 20px;}

.zcprgrptpan{background-color:#fff;  width:400px;height:100%;border-right:solid 1px #f0f6f9; box-shadow:10px -5px 20px #e8ebf2; }
.zcprglblrpt{background-color: #3199e3;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    min-width: 110px;
    padding: 3px 10px;
    left: calc(100% + 15px);
    text-align: center;
    top: 0px;
    z-index: 1;
    box-shadow: 0 0 5px 3px rgba(49, 153, 227, 0.2);
    line-height: 1.6;}
	
.zcprglblrpt::after {border-color:  transparent #3199e3 transparent transparent; border-style: solid;
    border-width: 6px; content: " ";  height: 0; position: absolute; left:-12px; top: 15px; width: 0;}

.zcprglblrpt::before { width: 10px; height: 10px; border-radius: 50%; content: " "; position: absolute;
    left: -20px;top: 16px;z-index: 1; background-color: #fff; border: solid 1px #ccc;}


	
.zcprgtmlnegrdnt{background:#fff; height:192px; position:absolute;top:7px;width:1px;}

.zcprgrpttop{background-color: #93a8d0;border-radius: 50%;
height:10px; width:10px;}
 
.zcprgrptmid{background-color: #5bcc9e; border-radius: 50%;
height: 10px; width:10px;}
 
.zcprgrptbot{background-color: #ee9a80; border-radius: 50%;
height: 10px; width:10px;}

.zcprgcmnt{color: #555;top: -30px;left: 0px;}
.zcprgcmtscntr{background-color: #f8f1d6; line-height: 1.6;position: absolute;width: 300px;z-index: 2; box-shadow:-10px 5px 10px rgba(200,201,209,0.6); color:#222;}
.zcprgcmtscntr > .head{ padding:3px 10px; background-color:#f1e0a4; font-size:12px; cursor: move;}


.zcprgmergbtmnde{left: 46%;bottom: -30px;}
.zcprgmergtopnde{left: 45%; top: -18px;}


.zcprgerrcmp{ background-color:#fff3f3 !important; border:solid 1px #ff8282 !important;}

.zcprg2nds{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentcolor;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    height: 70px;
    position: relative;
    width: 150px;}
.zcprgcmptmainnde{left: 45%;top: -9px;}	
.zcprgcmptlftnde{bottom: -9px; left: -8px;}
.zcprgcmptcntrnde{bottom: -9px; left: 45%;}
.zcprgcmptrgtnde{bottom: -9px; right: -8px;}	
	
	
	.zcprg3nds{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentcolor;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    height: 70px;
    position: relative;
    width: 250px;}
	
	
	.zcprg3nds .zclftnde{position: absolute; border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 5px; background-color: rgb(255, 255, 255); top: 20px; width: 105px; text-align: center; left: -50px;}
	
	.zcprg3nds .zccntrnde{position: absolute; border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 5px; background-color: rgb(255, 255, 255); top: 20px; width: 100px; text-align: center; left:65px; }
	
	.zcprg3nds .zcrgtnde{position: absolute; border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 5px; background-color: rgb(255, 255, 255); top: 20px; width: 123px; text-align: center; right: -50px;white-space:nowrap;}
	
	.zcprg2nds .zclftnde{position: absolute; border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 5px; background-color: rgb(255, 255, 255); top: 20px; width: 100px; text-align: center; left: -50px;}
	
	.zcprg2nds .zcrgtnde{position: absolute; border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 5px; background-color: rgb(255, 255, 255); top: 20px; width: 100px; text-align: center; right: -50px;}
	
	.zcprgdfeabar{ border: 1px solid rgb(204, 204, 204); padding: 5px; border-radius: 5px; background-color: rgb(255, 255, 255); width: 100px; text-align: center; }
	
	
	
.zcarkbnschlbl{ padding-top:20px; padding:15px; }

.zcadvsrchoptncntr{ width:80px;}
.zcadvsrchcrtabdr{ border-left:#ddd solid 1px;}
.zcadvsrchcrtabdr:before{ content:''; position:absolute; top:-5px; width:5px; height:5px; background-color:#ddd; border-radius:50%; left:-3px;}

.zcadvsrchcrtabdr:after{ content:''; position:absolute; bottom:-5px; width:5px; height:5px; background-color:#ddd; border-radius:50%; left:-3px;}.zcadvsrchcrtabdrlft{ border-left:#ddd solid 1px;}

.zcadvsrchandor{ width:50px; text-align:center; left:-25px;}

.zcprgexitcntn{background-color:#333;
border-radius:7px; height:40px;
    transform: rotate(45deg); width:40px; right:30px; cursor:pointer; top:80px;}

.zcprgexitcntn:before{ content:'{}'; position:absolute; font-size:26px; color:#fff;transform: rotate(-45deg); top:1px; left:8px;cursor:pointer;}

	
	
.zcarevntdiv{padding: 10px;float: left;
background-color: #1CC1EB;}

.zcarbfrevnt{background-color:#25CAF4;padding:8px;border-radius: 7px 0px 0px 0px;width: 40%;border: solid 1px #15A9D1;border-right: 0px;text-transform: uppercase;font-size: 14px;}
.zcaraftrevnt{background-color:#09A8F2;  padding:8px;border-radius: 0px 7px 0px 0px;width: 60%;border: solid 1px #409EEA;text-transform: uppercase;font-size: 14px;}
	
	
.zcbtnfakeloading {
border-radius:4px;
 -webkit-animation-duration:1s;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-name:btnfakeloading;
 -webkit-animation-timing-function:linear;
 background:#cef6f6;
background-image:-webkit-linear-gradient(left,#c2eeee 0,#c2eeee 20%,#ecffff 40%,#ecffff 100%);
 background-image:linear-gradient(left,#c2eeee 0,#c2eeee 20%,#ecffff 40%,#ecffff 100%);
 background-image:-moz-linear-gradient(left,#c2eeee 0,#c2eeee 20%,#ecffff 40%,#ecffff 100%);
 background-repeat:no-repeat; 
}
@keyframes btnfakeloading {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}
@-webkit-keyframes fakeldng {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}
@-moz-keyframes fakeldng {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}


	

.zcsecbtnfakeloading {
border-radius:4px;
 -webkit-animation-duration:1s;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-name:fakebtnloading;
 -webkit-animation-timing-function:linear;
 background:#deecfd;
background-image:-webkit-linear-gradient(left,#cbdcf3 0,#cbdcf3 20%,#deecfd 40%,#deecfd 100%);
 background-image:linear-gradient(left,#cbdcf3 0,#cbdcf3 20%,#deecfd 40%,#deecfd 100%);
 background-image:-moz-linear-gradient(left,#cbdcf3 0,#cbdcf3 20%,#deecfd 40%,#deecfd 100%);
 background-repeat:no-repeat; 
}
@keyframes fakebtnloading {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}
@-webkit-keyframes fakebtnloading {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}
@-moz-keyframes fakebtnloading {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}


	
	

		

.zclstlng .zcldngbtn{height:35px;width:160px; margin-top:-11px;}
.zclstlng .zcfldrdiv{height:30px;width:60px;}
.zclstlng .zchdng{ height:12px; width:260px;}
.zclstlng .zcpridiv{height:7px !important; width:400px;}
.zclstlng .zcsecdiv{height:5px; width:300px;}
.zclstlng .zcimgdiv{height:47px;width:40px;}
.zclstlngbdrbtm{ border-bottom:solid 1px #f7f7f7;}
.zclstlng .zcchkbox{height:18px;width:18px;}
.zclgnpridiv{height:7px;}



.zcfakeloading {
border-radius:4px;
 -webkit-animation-duration:1s;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-name:fakeldng;
 -webkit-animation-timing-function:linear;
 background:#eff6fc;
 background-image:-webkit-linear-gradient(left,#d8e6f3 0,#e2eef8 20%,#eff6fc 40%,#eff6fc 100%);
 background-image:linear-gradient(left,#d8e6f3 0,#e2eef8 20%,#eff6fc 40%,#eff6fc 100%);
 background-image:-moz-linear-gradient(left,#d8e6f3 0,#e2eef8 20%,#eff6fc 40%,#eff6fc 100%);
 background-repeat:no-repeat; 
}
@keyframes fakeldng {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}
@-webkit-keyframes fakeldng {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}
@-moz-keyframes fakeldng {
 0% {
  background-position:-468px 0;
 }
 100% {
  background-position:468px 0;
 }
}






.zcatchmnttxtsze{ text-overflow:ellipsis; white-space:nowrap; width:100px; overflow:hidden;}

.zcrptlgntlbl{float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 105px;margin-right:5px;}

.zcprgrspcmpttimer{background-color: #CA6363; font-size: 11px; padding: 6px 5px;
  border-radius:10px 10px 0px 0px; color:#fff;}
  
 
  
.zcprgrspcmpt{background-color: #ee6e73; border-radius:0px 0px 13px 13px;  box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2); height: 22px;  position: relative; width: 150px;}
	
.zcprgrmndrloopcmpttimer{background-color: #49BDB1; font-size: 11px; padding: 6px 5px; border-radius:10px 10px 0px 0px; color:#fff;}
	 
.zcprgrmndrloopcmpt{background-color: #54C4A9; border-radius:0px 0px 13px 13px;  box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    height: 22px;  position: relative; width: 150px;}
	
.zcprgrmndrloopcmpt div{ border-right:solid 1px #82d4c0; cursor:pointer;}
.zcprgrmndrloopcmpt div:last-child { border-right:none;}

	 
.zcprgrmndrloopcmptoptn{background-color: #54C4A9; border-radius:0px 0px 13px 13px;  box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    height: 22px;  position: relative; width: 270px;}


.zcprgrmndrcntr {
    position: absolute;
    height: 50px;
    border-radius: 20px 20px 0px 0px;
    top: 20px;
    color: #fff;
    padding: 10px;
    text-align: left;
    padding-left: 27px;
}

.zcprgrmndr3{left: 16px;width: 100px;  background-color: #41C4AF;}
.zcprgrmndr2{left: 116px;width: 100px;  background-color: #25B79F;}
.zcprgrmndr1 {
    left: 196px;
    width: 120px;
    background-color: #21ae97;
}
.zcprgrspcmpt div{ border-right:solid 1px #ee989c; cursor:pointer;}
.zcprgrspcmpt div:last-child { border-right:none;}

	
.zcprgatntimer1{background-color: #cb7358; font-size: 11px; left:20px; padding: 7px 5px;
 position: absolute; top: -31px; width: 110px; border-radius:10px 10px 0px 0px;}

.zcprgatntimer2{background-color: #3fa57c; font-size: 11px; left:20px; padding: 7px 5px;
 position: absolute; top: -31px; width: 110px; border-radius:10px 10px 0px 0px;}


	.zcprgatntimerscroll{white-space: nowrap; transition: all .5s ease-in; margin-left: 0px;}
	
.zcprgmailcmtscntr{background-color: #fff; border-radius: 50%; display: table;
height: 30px; left: -15px; padding: 5px; top: 17px; width: 30px; border:solid 2.5px #555;}

.zcprgcmtscntrtrgr{left: 1px !important;}


.zcprgmailrptscntr{background-color: #fff; border-radius: 50%; display: table;
height: 30px; right: -15px; padding: 5px; top:67px; width: 30px; border:solid 2.5px #555;}

.zcprgmailcntn{background-color: #fff; border-radius: 50%; display: table;
height: 30px; left: -15px; top: 17px; width:30px;border:solid 2.5px #555; color:#555; font-weight:bolder; font-size:20px;}
	
.zcctaptrn{text-align: left; top: 105px; width: 91%; z-index: 1;}		
	
.zcctaptrnlbl{ top:110px;}

.zcprgcmpntbtn{background-color: #fff; margin:0px auto; display:table;
border-radius: 14px; 
cursor: pointer; font-size: 12px; padding:2px 10px;}
	
.zcprgtrgrbtn{color: #93a8d0;}
.zcprgprcsbtn{color: #ee9a80;}
.zcprgactnbtn{color: #5bcc9e;}
.zcprgvrsnabtn{color: #f6b51e;}
.zcprgvrsnbbtn{color: #55aaeb;}
.zcprgrmndrbtn{color: #21ae97;
background-color: #fff; font-size: 11px; text-align: center; padding: 1px 6px;
border-radius: 12px; width: 72px;text-overflow: ellipsis; overflow: hidden; cursor:pointer}
	
.zcprgsrvybtn{color: #fff;
background-color: #4D5C81; font-size: 11px; text-align: center; padding: 1px 6px;
border-radius: 12px; width: 72px;text-overflow: ellipsis; overflow: hidden; cursor:pointer}

	
.zcprglbl{display: table; background-color: #fff;
border: solid 1px #f3af66; font-size: 11px; padding: 1px 10px;border-radius: 2px;}	
.zcprgcntrmv{background-color: #fff;
    border: 2.5px solid #e87a7a; border-radius: 50%;display: table; height: 30px; padding: 3px 5px;width: 30px; cursor:pointer;}
	
	.zcprgcntrmv1{background-color: #fff;
    border: 2.5px solid #e87a7a; border-radius: 50%;display: table; height: 30px; padding:5px; width: 30px; cursor:pointer;}
	
.zcprgcntrmv > i{color:#e87a7a !important;}

.zcbdrlsp{ border:solid #d8d8d8;border-width:0 0 1px 1px}

.zctopband{ border-bottom:solid 1px #ddd; background-color:#fff;}
.zctopband .zcbdrlft{ border-left:solid 1px #eee;}

.zctopband .zcaddqcklink{ padding:8px; color:#ff6a1a; transition:all .3s;}
.zctopband .zcaddqcklink:hover{ padding:8px; color:#fff; background-color:#ff6a1a; cursor:pointer; transition:all .3s;}

.zctopband .zcaddqcklinknew{ padding:8px; color:#444; transition:all .3s;}
.zctopband .zcaddqcklinknew:hover{ padding:8px; color:#fff; background-color:#ff6a1a; cursor:pointer; transition:all .3s;}

.zctopband .zctbicon{ padding:8px 10px;}
.zctopband .zclnk{ color:#ff3f00}
.zctopband .zctbhover:hover{ background-color:#f0f0f0; cursor:pointer;}

.zctopband .zctbsrch input[type="text"] {
    border: 1px solid #fff;
  
    font-family: "Open Sans";
    font-size: 15px;
    height: 30px;
    position: relative;
    text-indent: 10px; padding-left:20px
}

.zctopband .zctbsrch input[type="text"]:focus {
    border: 1px solid #fff; box-shadow:none;
    
}

.zcicon-help_outline, .zcicon-bell-outline, .zcicon-dbsearch, .zcicon-dbnotifications{ color:#748191}


.zcprgmaildelyedit { background-color: #fff; border: 1px solid #999; border-radius: 50%; display: table; height:20px; right: -10px; padding: 5px; width:20px; top: -10px;   }

.zc_tblstdrpdwn{ background-color:#fff; border:solid 1px #ccc; box-shadow:0px 4px 10px  rgba(00,00,00,0.2); border-radius:1px; text-align:left; position:absolute; display:table;  min-width:100px; z-index:10; top:40px; width:300px;}
.zc_tblstdrpdwn ul{ padding:0px; margin:0px; list-style:none;}
.zc_tblstdrpdwn ul li{ padding:0px; margin:0px;}
.zc_tblstdrpdwn ul li > a{ padding:10px 20px; color:#555; font-size:14px; display:block; text-decoration:none;}
.zc_tblstdrpdwn ul li > a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615 !important; background-color:#f9f7f7;}
.zc_tblstdrpdwn:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:10px;}
.zc_tblstdrpdwn:after{ border-color: transparent  transparent #f9fafa transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:10px;}
.zc_tblstdrpdwn .zc_txtspl{ color:#ff6058}

.zctbnotify{background-color: #ff6058; border-radius: 8px;
 color: #fff; font-size: 11px; padding: 0 6px; position: absolute;
    right: 5px; top: 6px; z-index: 1;box-shadow: 1px 2px 3px #ddd;}
	
.zccmplogo{ height:30px; margin-top:3px;}

.zcprgsepcmp1{background-color:#f9faff; bottom: 20px; width:130px; left: -10px; border-top: 3px solid #93a8d0; border-bottom: 3px solid #ee9a80;  padding:3px 0px 3px 0px; font-size:12px; text-align:center}
.zcprgsepcmp1bl{height:20px; border-left:3px solid #ee9a80; margin-left:48%;}	

.zcleadhstry{left: 105%; width: 400px;}
.zcprgsepcmp2{background-color:#f9faff; bottom: 20px; width:130px; left: -10px; border-top: 3px solid #ee9a80; border-bottom: 3px solid #5bcc9e;  padding:3px 0px 3px 0px; font-size:12px; text-align:center}
.zcprgsepcmp2bl{height:20px; border-left:3px solid #5bcc9e; margin-left:48%;}	


.zcprgdely{background-color: #e8986b; 
border-radius: 20%;   box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);padding: 10px; width: 150px; display: table; color:#fff;}

.zcprgmergcmpt{border:solid 1px #6785d3; background-color:#6785d3; padding:10px; position:relative; border-radius:10px; width:150px; text-align:center;box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);}
.zcprgmilestncmpt{border: solid 1px #e3bfbf;
background-color: #fff;
padding: 10px;
position: relative;
border-radius: 10px;
width: 110px;
text-align: center;
box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);
color: #ed4343;}

.zcdelaycmpt {
	background-color: #41abf2;
	font-size: 11px;
	padding: 15px 10px;
	width: 110px;
	border-radius: 7px;
	color: #fff;
	box-shadow: 1px 2px 5px rgb(207, 207, 207);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.zcdberrcntr{ padding:20px; padding-bottom:0px;}
.zccmpsetref{border: none;font-size: 21px;color: #686868;right: -30px;top: 2px;}

.zcleadhstry{left: 105%; width: 400px;}

.zcnotifyband{background-color: #effff8; border: 1px solid #5bcc9e; color: #333; font-size: 13px;  position: fixed; text-align: center; top: 0; z-index: 999; box-shadow: 1px 2px 5px #ddd; margin: auto; width: calc(100% - 290px);
left:calc(165px);}
.zcnotifybandicon{padding: 7px 12px; background: #5bcc9e;}
.zctlrgtfill{background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 29px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 27px;}
.zctlrgticon{font-size:19px;
    left: 10px;
    position: absolute;
    top: 4px;
    z-index: 2;}	
.zctlrgticon i{ font-size:16px !important;}	
.zctllfticon{font-size:19px; right: 9px; position: absolute; top: 6px;
    z-index: 2;}	
.zctllfticon{font-size: 19px; right: 11px; position: absolute;
top: 4px;z-index: 2;}
.zctllfticon i{ font-size:16px !important;}	
	
.zctllftfill{background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    height: 29px;
    right: 5px;
    position: absolute;
    top: 4px;
    width: 27px;}	
	
.zctlclr{ color:#e2edf3}	
.zcprgcmptsts{background-color: #ee6e73;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-size: 12px;
    left: 20px;
    padding-bottom: 3px;
    top: 0;
    width: 110px;}

.zcarcalrptbnd{background-color: #293848;
    border: 1px solid #374b61;
    border-radius: 5px;
    box-shadow: 1px 2px 1px #171f28;
    margin: 15px;}
	
.zcarcalrptbndcntr{background-color: #374b61;
    border-radius: 0 0 5px 5px;}	
	
.zcsfrspncebdr{border-bottom: 3px solid #ddd;border-left: 3px solid #ddd; border-top: 3px solid #ddd;}	
.zcloadingtxt {  color:#313131;
      font-size:20px;
      font-weight: bold;
      -webkit-animation:colorchange 20s infinite alternate;}
	  
.zcprgtrgrcmptsts{background-color: #ee6e73; border-radius: 45px;
    color: #fff;font-size: 11px;  left: 37px;  padding: 3px;  top: 4px; width: 75px; text-overflow:ellipsis; overflow:hidden;}

  .zcprgtrgrcmpfrez {
	  align-items: center;
    background-color: #e3e2e2;
    border-radius: 50%;
    border: 1px dashed #516073;
    color: #fff;
    height: 150px;
    padding: 15px;
    position: relative;
    width: 150px; color:#516073}
	  
	  
.ltorange {color: #f3b759}
.ltred{color: #f28f8f}
   

.zcprgrspcmptcntr {  border-radius: 13px;  bottom: -70px;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2); left: 0px;
    position: absolute; width: 150px;}
	
.zcprgrmndrloopcntr {
    border-radius: 13px;
    bottom: -70px;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    left: 0px;
    position: absolute;
    width: 150px;
}	
.zcprgrspcmpttimer {
    background-color: #CA6363;
    font-size: 11px;
    padding: 6px 5px;
    border-radius: 10px 10px 0px 0px;
    color: #fff;
}
.zcprgrspcmpt {
    background-color: #ee6e73;
    border-radius: 0px 0px 13px 13px;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
    height: 22px;
    position: relative;
    width: 150px;
}
.zcprgrspcmptcntr:after {
    background-color: #ccc;
    bottom: 50px;
    content: "";
    height: 20px;
    left: 49.6%;
    position: absolute;
    width: 3px;
    z-index: 1;
}
.zcprgrspcmpt div:last-child {
    border-right: none;
}
.zcprgdropinnerdiv {
    background-color: #fff;
    border: 2px dashed rgb(187, 187, 187);
    border-radius: 50%;
    height: 240px;
    left: calc(50% - 120px);
    padding: 30px;
    position: absolute;
    top: 100px;
    width: 240px;
    z-index: 2;
}
.zcprgprcsdropinnerdiv {
    background-color: #fff;
    border: 2px dashed rgb(187, 187, 187);
    border-radius: 20%;
    height: 240px;
    left: calc(50% - 120px);
    padding: 30px;
    position: absolute;
    top: 100px;
    width: 240px;
    z-index: 2;
}
.zcprgdropdiv {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    background-color: #ccc;
    z-index: 1;
    position: absolute;
    -webkit-animation: scaleout 0.4s infinite ease-in-out;
    animation: scaleout 1.5s infinite ease-in-out;
    left: calc(50% - 150px);
    top: 70px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
}
.zcprgprcsdropdiv {
    height: 300px;
    width: 300px;
    border-radius:20%;
    background-color: #ccc;
    z-index: 1;
    position: absolute;
    -webkit-animation: scaleout 0.4s infinite ease-in-out;
    animation: scaleout 1.5s infinite ease-in-out;
    left: calc(50% - 150px);
    top: 70px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
}
.zcprgdropdivon {
    border: 2px dashed #40b047;
}
.zcprgdropdivzoom {
    animation: 1.5s ease-in-out 0s normal none infinite running scaleout;
    background-color: #ccc;
    border-radius: 50%;
    height: 400px;
    left: calc(50% - 200px);
    position: absolute;
    top: 20px;
    transition: all 0.3s ease 0s;
    width: 400px;
    z-index: 1;
}
.zcprgdrpzoom {
    transition: all 0.5s ease 0s;
    transform: scale(1.2);
}
.zcprgcntnpnts{background-color: #67c784; border: 2px solid #fff;  border-radius: 50%; color:#fff; font-size:9px;  height:18px; padding:0; position: absolute;
 text-align: center; width: 18px;z-index: 2;
  }

.zcprgmcendpnt1{left: 16px; top: 66px;}
.zcprgmcendpnt2{right: 16px; top: 66px;}
.zcprgmcendpnt3{left: 30px; top: 102px;}
.zcprgmcendpnt4{right: 30px; top: 102px;}
.zcprgmcendpnt5{top: 117px; left: 65px;}
.zcprgmcendpnt6{left: 30px; top: 30px;}
.zcprgmcendpnt7{top: 30px; right: 29px;}
.zcprgcmpntbtn {
    background-color: #fff;
    margin: 0px auto;
    display: table;
    border-radius: 14px;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 10px;
}
.zcprgcntrmv1 {
    background-color: #fff;
    border: 2.5px solid #e87a7a;
    border-radius: 50%;
    display: table;
    height: 30px;
    padding: 5px;
    width: 30px;
    cursor: pointer;
}
.zcprgdropdivoff {
    border: 2px dashed #ea6666;
}
.zcprgcriteriatbl {display: table; width: 100%;}
.zcprgabox{border-radius: 10px; background-color: #f3ca76;
padding: 12px; width: 140px;
box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2); color: #fff;
text-align: center; position: absolute; left: 0px;}
.zcprgbbox{border-radius: 10px;background-color: #7ec2f7;padding: 12px;width: 140px;box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);color: #fff;text-align: center;position: absolute;left: 170px;}
.zcprgabox:after{ border: dashed 2px #EB6200;
width: 35px;
height: 59px;
position: absolute;
right: 44px;
content: '';
top: -59px;
border-bottom: 0px;
border-right: 0px;}
.zcprgbbox:after{ border: dashed 2px #EB6200;
width: 35px;
height: 59px;
position: absolute;
left: 46px;
content: '';
top: -60px;
border-bottom: 0px;
border-left: 0px;}
.zcprgsplitdtls{transform: rotate(-45deg); top: 4px; position: absolute;  left: 10px;}
.zcprovilotclo{
	background-color: #5572bd !important;
}
.zcprovilotclolit{
	background-color: #6785d3 !important;
}
.zcprovilottxt
{
	color: #6785d3 !important;
}
.zcprgrvilotclolitcmpt .rel{ border-right:solid 1px #6785d3; cursor:pointer;}
.zcprgrvilotclolitcmpt .rel:last-child { border-right:none;}

.zcprgabrp{ padding:1px; border:solid 1px #fff;}
.zcprgabrp:after{border: dashed 2px #EB6200;
width: 35px;height: 45px;
position: absolute;left: 46px;
content: '';top: -53px;
border-bottom: 0px;border-left: 0px;}

.zcprgabresp:after{border: dashed 2px #EB6200;
    width: 195px;
    height: 25px;
    position: absolute;
    left: 108px;
    content: '';
    top: 104px;
    border-top: 0px;}


.zcprgabresp:before{border-right: dashed 2px #EB6200;
    height: 15px;
    position: absolute;
    left: 50%;
    content: '';
    top: 133px;}

.zcprgabrescmpt{padding: 0px; position: absolute;
top: 200px; left: -80px; width: 230px; border-radius: 5px;}
.zcprgabrescmptnd{background-color: #5572bd; height:22px;}
.zcprgabrescmptnd .sepdiv{ border-right:1px solid #829cdd;}

.zcprgmergcmptsmal{border: solid 1px #6785d3;
background-color: #6785d3;
padding: 10px;
border-radius: 6px;
width: 100px;
text-align: center;
box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);
position: absolute;
top: 170px;
left: -18px;}


.zcprgsplitdtls{transform: rotate(-45deg); top: 4px; position: absolute;  left: 10px;}

.zcprgcriteriatbl>div>div:nth-child(2) .zcprgfldnme {  width: 455px; position: absolute; top: -20px;}
.zcprgcriteriatbl{ display:table; width:100%;}
.zcprgcriteriatbl>div{ display:table-row;}
.zcprgcriteriatbl>div:hover{ display:table-row;}
.zcprgcriteriatbl>div>div{ display:table-cell; vertical-align:middle; padding:20px 10px;}
.zcprgcriteriatbl>div>div:nth-child(1){ width:120px; color:#555; padding-left:0px;}
.zcprgcriteriatbl>div>div:nth-child(2){ width:250px;}
.zcprgcriteriatbl>div>div:nth-child(2) .zcprgfldnme{ width:455px;position: absolute;top: -20px;}
.zcprgcriteriatbl>div>div:nth-child(3){ width:250px; min-width:150px;}
.zcprgcriteriatbl>div>div:nth-child(4){ width:80px;}
.zcprgcriteriatbl>div>div.actions{ width:150px; min-width:150px;}
.zcprgcriteriatbl input[type="text"]:focus{ border:solid 1px #bbb; font-size:15px; color:#222;}
.zcprgmcendpntorngbg {
    background-color: #FF9B00 !important;
}
.zcarcalbadgepp{background-color: #333;}
.zcarcalinactmsglst{  background-color: #fff; border: 1px solid #ccc; border-radius: 5px; box-shadow: 1px 2px 3px #ccc;
 left: -20%; position: absolute; top: 40px; width:230px;
 z-index: 1; color:#444;}
 .zcovflw{ max-height:220px; overflow:hidden;}
 .zcovflw>div{ overflow:hidden; text-overflow:ellipsis; width:220px; font-size:13px; padding: 8px 10px;}
 .zcovflw>div:hover{ color:#ee5b42}
.zcarcalinactmsglst:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:86%;}
.zcarcalinactmsglst:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:86%;}
 .zcarcalrptbnd{background-color: #293848;
    border: 1px solid #374b61;
    border-radius: 5px;
    box-shadow: 1px 2px 1px #171f28;
    margin: 15px;}
 .zcarcalrptbndcntr{background-color: #374b61;
    border-radius: 0 0 5px 5px;}
 .zcarbdrbrm{ border-bottom:solid 1px #374b61;}
 .zcarcalrptbndcntr{background-color: #374b61;
    border-radius: 0 0 5px 5px;}
 .zcprgtrgrcmpstop {align-items: center; background-color: #e3e2e2;
    border-radius: 50%; border: 2px solid #ee6e73; box-shadow: 0 5px 10px 5px rgba(238, 60, 67, 0.1); color: #fff;  height: 150px; padding: 15px;  position: relative; width: 150px; color:#516073}
	
.zcdsbrdhelp{position:absolute;background-color:#fff;transition:all 0.3s;bottom:0px;}
.zctmpnavrgtarw{background-color: #222f3c; color: #fff;  padding: 5px;
    position: absolute; right: -100px;  top: 40%; z-index: 21; border-radius:50%;}
.zctmpnavrgtarw i{ color:#fff;}
.zctmpnavlftarw{background-color: #222f3c; color: #fff;  padding: 5px;
    position: absolute; left: -100px;  top: 40%; z-index: 21; border-radius:50%;}
.zctmpnavlftarw i{color:#fff;}
.zcprgwrkspcelftpanon{ padding-left:440px;}
.zcprgwrkspcearea{width: 94%; height: 100%; overflow: auto; position: absolute; top: 137px;}
.zcfldrchncmp{ width:30px; height:30px; border-radius:50%; border:solid 1px #fff; padding:0px 2px; color:#fff; background-color:#f69679; position:absolute; left:10px; top:10px; font-size:23px;}
.zcprgdropinnerdiv{background-color: #fff; border: 2px dashed rgb(187, 187, 187);
 border-radius: 50%; height: 240px; left: calc(50% - 120px); padding: 30px;
 position: absolute; top: 100px;  width: 240px; z-index: 2;}
 
 .zcprgdropinnerdivsmall{background-color: #fff; border: 2px dashed rgb(187, 187, 187);
 border-radius: 50%; height: 200px; left: calc(60%); padding: 30px;
 position: absolute; top: 100px;  width: 200px; z-index: 2;}
 
.zcprgdropdivon{border: 2px dashed #67c784;}
.zcprgdropdivoff{border: 2px dashed #ea6666;}
.zcprgcmpntdrgshdw{ text-shadow:2px 5px  10px rgba(00, 00, 00, 0.3); cursor:move;}
.zcprgcntnpnts{background-color: #67c784; border: 2px solid #fff;  border-radius: 50%; color:#fff; font-size:9px;  height:18px; padding:0; position: absolute;
 text-align: center; width: 18px;}

.zcprgmcendpnt1{left: 16px; top: 66px;}
.zcprgmcendpnt2{right: 16px; top: 66px;}
.zcprgmcendpnt3{left: 30px; top: 102px;}
.zcprgmcendpnt4{right: 30px; top: 102px;}
.zcprgmcendpnt5{top: 117px; left: 65px;}
.zcprgmcendpnt6{left: 30px; top: 30px;}
.zcprgmcendpnt7{top: 30px; right: 29px;}
.zcprgmcendpntorngbg{ background-color:#FF9B00 !important;}

.zciconbox{padding:20px 10px; width:25%; float:left; text-align:center; font-size:11px;}
.zcdsbrdhelp .zciconbox:hover{ box-shadow:0px 2px 20px #ddd; transition:all 0.3s; cursor:pointer; color:#ef7615}

.zctable {display:table;}
.zccell {display:table-cell;}
.zcrow {display:table-row;}
.zccell {background:red; color:white; border:5px solid white;}

.zcargoalcrtn{border: solid 1px #e2e5e5;float: left;padding: 5px;border-radius: 50%;width:40px;height:40px;background-color: #fff;}

.zcwkflwrnd{width: 17px; height: 17px; left: -9px; margin-top: 2px;background-color:#ddd; border-radius:50%;}

.zcedtrimgchng{background-color:#000000; position:absolute; top:10px; border-radius:3px; left:10px; cursor:pointer; }
.zcedtrimgchng div{ float:left; padding:10px 10px 5px 10px;}
.zcedtrimgchng .bdrlft{ border-left:solid 1px #555;}
.zc_chartnodata{position:absolute; top:45%; font-size:25px; background-color:#fff; padding:5px; width:100%; text-align:center; z-index:1;}
.zc_tmpslctbtn{position: absolute; width: 95%; padding: 10px;background-color: #ff6a1a; left: 5px; bottom: 5px; color: #fff;cursor: pointer; text-align: center; border-radius:3px; box-shadow:0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);}

.zcsfedtbg {padding: 13px 10px; right: -41px;}

.zcslectdflds{padding: 5px 20px;font-size: 13px;background-color: #fff;float: left;margin: 15px 15px 0px 0px;border-radius: 3px;border-radius: 20px;border: solid 1px #ddd;}
.zcdelugeband{position: relative;top: 0;right: 0;background-color: #f9f9f9;border: 1px solid #dadada;border-bottom: 0;padding-left: 222px;padding-top: 15px;padding-bottom: 15px;}
.zcdsbrdboxhgt{height:244px;}
.zcpreheader{background-color: #f2fdff; border:1px dashed #d7e1ec; font-size:13px;}
.zcschdclck{right:0px; bottom:14px; z-index:1;}
#options{float:none !important;margin:0px !important}
.zcrgtarwsml0deg{width: 30px;height: 30px;transform: rotate(0deg);float: left;transition: 0.3s all;}
.zcrgtarwsml90deg{width: 30px;height: 30px;transform: rotate(90deg);float: left;transition: 0.3s all;}

.zcsclrssquetlne{ border-left:solid 2px #d6e5ec; padding-left:30px; padding-top:30px;}
.zcsclrssquepan{border: 1px solid #d6e5ec; background-color:#fff; padding:15px 20px;}
.zcsclrssquepan:after{right: 100%;top: 9px;content: " ";height: 0;width: 0;position: absolute;border-color: transparent #d6e5ec transparent transparent;border-style: solid;border-width: 7px;}
.zcsclrssquepan:before{right:99.9%;top: 9px;content: " ";height: 0;width: 0;position: absolute;border-color: transparent #fff transparent transparent;border-style: solid;border-width: 7px; z-index:1;}
.zcscussmsg{border:solid 1px #85d28e; position:fixed; top:10px; background-color:#fff; box-shadow:0 10px 16px 0 rgba(0,0,0,0.2); width:500px; left:calc(50% - 250px); z-index:999; border-radius:3px; font-weight:600;}
.zcflrmsg{border:solid 1px #f28282; position:fixed; top:10px; background-color:#fff; box-shadow:0 10px 16px 0  rgba(0,0,0,0.2); width:600px; left:calc(50% - 300px); z-index:999; border-radius:3px; font-weight:600;}
.zcflrcross{background-color: #f28282;padding: 10px; border-radius: 2px 0px 0px 2px;}
.zcppcntbox{ padding:30px 70px;}
.zcscusstick{background-color: #85d28e;padding: 10px; border-radius: 2px 0px 0px 2px;}
.p12{ padding:12px;}

.zcsclrsstmlnetxt{border-top: solid 2px #d6e5ec;border-bottom: solid 2px #d6e5ec; padding:5px; position:absolute; z-index:2; background-color:#f2f8fb; width:80px; text-align:center; left:-40px; top:-20px;}
.zcsclrsstmlnenode{width: 8px; height: 8px; background-color: #d6e5ec;
border-radius: 50%; left: -36px; position: absolute;}
.zcdsbrdblr{filter: blur(10px) grayscale(20%);  user-select: none;-webkit-user-select: none;-moz-user-select: none; pointer-events:none;}
.zcdsbrdhgt{height: calc(100vh - 96px);}
.zccmpcrdimgdiv{width: 188px; margin: 30px;height: 200px;}
.zcdvbghgt{height: calc(100vh - 190px);}
/** calender Ui **/
.ui-widget-header{border: 1px solid #fff !important;background: #fff url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x !important;}
.ui-widget-content{border: 1px solid #fff !important;background: #fff url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 0px solid #f0f0f0 !important;background: #fff url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x !important;font-weight: normal !important;color: #1c94c4 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x !important;color:#000000 !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 0px solid #fbd850 !important;background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x !important;font-weight: bold !important;color: #eb8f00 !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: 0px solid #fbcb09 !important;background: #fff url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x !important;font-weight: normal !important;color: #eb8f00 !important;}
.ui-widget-content{ border: 1px solid #d8d8d8 !important;box-shadow: 0px 0px 5px rgba(151, 158, 151, 0.4) !important;}
.ui-datepicker select{background: #fff;border: 1px solid #eee;}
.zconhover{background-color: #293848; border-radius: 5px;position: absolute;padding: 18px;color: #fff;font-size: 13px;width: 300px;z-index: 2;cursor: default;top: 30px;}
/** calender Ui **/


/** Calender **/
.arcalschldcamphead{background-color: #191d23;}
.arcalschldcampcnt .bdrbtm{ border-bottom:solid 1px #2a3541;}
.zccalhdaysubtxt{color:#23a9e8;}
.zccalhdaysubtxt a{color:#23a9e8; text-decoration:none; cursor:pointer;}
.zccalhdaysubtxt a:hover{color:#ef7615;}
.zccalhdaybg1{background-color:#d2bffb !important;}
.zccalhdaybg2{background-color:#a7f0df !important;}
.zccalhdaybg3{background-color:#ffccfb !important;}
.zccalhdaybg4{background-color:#c1e4f8!important;}
.zccalhdaybg5{background-color:#f2f3b9!important;}
.zccalhdaybg6{background-color:#fce1ca!important;}
.zccalhdaybg7{background-color:#c6f0f8!important;}
.zccalhdaybg8{background-color:#e6f8bd!important;}
.zccalhdaybg9{background-color:#f9caca!important;} 
.zccalhdaybg10{background-color:#d0eaea!important;} 
.zccalhdaybg11{background-color:#b4c7ff!important;} 
.zccalhdaybg12{background-color:#beffd1!important;} 
.zccalhdaybg13{background-color:#fff6cf!important;}

.zccalhptrn1{background-color: gray;
background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.3) 50%);
background-size: 3px 3px;}
.zccalhptrn2{
background-color:white;
background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.3) 50%),
linear-gradient(transparent 50%, rgba(255,255,255,.3) 50%);
background-size:5px 5px;}



.zccaloutlne{width: 24px;height: 24px;border-radius: 13px; cursor:pointer;}
.zccalhdaybdr1{ border: 1px solid  #d2bffb !important;}
.zccalhdaybdr2{border: 1px solid#a7f0df !important;}
.zccalhdaybdr3{border: 1px solid #ffccfb !important;}
.zccalhdaybdr4{border: 1px solid #c1e4f8!important;}
.zccalhdaybdr5{border: 1px solid #f2f3b9!important;}
.zccalhdaybdr6{border: 1px solid #fce1ca!important;}
.zccalhdaybdr7{border: 1px solid #c6f0f8!important;}
.zccalhdaybdr8{border: 1px solid #e6f8bd!important;}
.zccalhdaybdr9{border: 1px solid #f9caca!important;} 
.zccalhdaybdr10{border: 1px solid #d0eaea!important;} 
.zccalhdaybdr11{border: 1px solid #b4c7ff!important;} 
.zccalhdaybdr12{border: 1px solid #beffd1!important;} 
.zccalhdaybdr13{border: 1px solid #fff6cf!important;}



.zccallrghday{border-radius: 15px; color: #000; padding: 6px 12px; margin: 5px 10px 0px 10px;}
.zccalmdmday{border-radius: 15px; color: #000; padding: 6px 12px; margin: 5px 10px 0px 10px;}
.zccalsmlhday{border-radius: 15px; color: #000; padding: 5px;
margin: 5px 8px 0px 10px; width: 30px; float: left;}
.zccalhdaylgnt{width: 12px; height: 12px; border: solid 1px #fff;
border-radius: 50%; float: left; margin-top: 4px; margin-right: 10px;}

/** Get Started **/
.zcgstour1{ z-index:99; pointer-events: none;}
.zcgstour1 h1{ margin-bottom:0px;}
.zcgstour1 > .zcgstourcontent{ color:#fff; font-size:14px; width:300px; position:absolute; left:160px; text-align:left; top:170px; line-height:2; text-shadow: 0px 1px 0px #000;}
.zcgstour1::after{ content:""; border-right:solid 3px #fff; border-top:solid 3px #fff; border-bottom:solid 3px #fff;height:330px; position:absolute; left:100px; z-index:99; top:40px; width:15px; color:#fff;}
.zcgstour1::before{ content:""; width:15px; background-color:#fff; height:3px; position:absolute; left:115px; top:200px; }


.zcgstour2{ z-index:99 !important;}
.zcgstour2 h1{ margin-bottom:0px;}
.zcgstour2 > .zcgstourcontent{ color:#fff; font-size:14px; width:300px; position:absolute; right:20px; text-align:left; top:100px; line-height:2; text-shadow: 0px 1px 0px #000;}
.zcgstour2::after{ content:""; border-right:solid 3px #fff; border-left:solid 3px #fff; border-bottom:solid 3px #fff;height:15px; position:absolute; right:20px; z-index:99; top:50px; width:300px; color:#fff;}
.zcgstour2::before{ content:""; height:15px; background-color:#fff; width:3px; position:absolute; right:170px; top:65px; }


.zcgstour3{ z-index:99; position:fixed; bottom:0px; left:0px; width:500px; height:200px;}
.zcgstour3 h1{ margin-bottom:0px;}
.zcgstour3 > .zcgstourcontent{ color:#fff; font-size:14px; width:300px; position:absolute; left:160px; text-align:left; bottom:20px; line-height:2; text-shadow: 0px 1px 0px #000;}
.zcgstour3::after{ content:""; border-right:solid 3px #fff; border-top:solid 3px #fff; border-bottom:solid 3px #fff;height:120px; position:absolute; left:100px; z-index:99; bottom:10px; width:15px; color:#fff;}
.zcgstour3::before{ content:""; width:15px; background-color:#fff; height:3px; position:absolute; left:115px; bottom:100px;  }

.zcgskiptour{ width:450px; position:fixed; bottom:0px; z-index:12; height:100px; right:40px; text-align:center;}

.zcgskiptourbtn{ border:solid 1px #FFFFFF; padding:8px 20px; font-size:14px; border-radius:3px; color:#000; cursor:pointer; background-color:#fff; outline:none;}

.zccrmplusoptn{background-color:#172635; width:40px; padding:5px; border-radius:5px 0px 0px 5px; position:fixed; top:200px; right:0px;}
.zccrmplusoptn > a{ padding:8px; display:block; color:#fff; cursor:pointer;}
.zccrmplusoptn i{ color:#fff; font-size:18px;}
.zccrmplusoptn i:hover{ color:#ef7615; cursor:pointer;}
.zccrmplusoptn b{width:20px; height:20px; background-color:#172635; position:absolute; right:30px; border-radius:50%; top:50px; color:#fff; cursor:pointer;padding:1px 0px;}
.zccrmplusoptnclose{ right:-30px !important;}


.zcatmtltimer{left:-32px; top:-17px; border: solid 2px #ccc;background-color: #fff;width: 34px;height: 34px;border-radius: 50%; padding:6px;}


.zcfldrnme{width: 190px; display: block; float: left; text-overflow: ellipsis;
overflow: hidden;}

.zcassetpagebg{ background-image:url(../images/zcpattern.jpg);}
.zcassetpgbox{background-color:#FFFFFF
; border:solid 1px #ced9e0; border-radius:5px; padding:30px; box-shadow:1px 1px 2px #e2e7ea}

.zclstsrch input[type="text"]{border:solid 1px transparent !important;}
.zclstsrch input[type="text"]:focus{ border:solid 1px transparent; box-shadow:none !important;}

.zcchncmpline{position: absolute;top: 59px;z-index: 1;left: 10px; border-left: dashed 1px #888;}
.zcchncmpline::before{ position:absolute; width:7px; height:7px; border-radius:50%; top:0px; left:-4px; content:""; z-index:1; background-color:#888;}
.zcchncmpline::after{ position:absolute; width:7px; height:7px; border-radius:50%; bottom:0px; left:-4px; content:""; z-index:1; background-color:#888;}
.zcfltrdsel{height: 35px; border: solid 1px #ff7e00 !important; background-color: #fffef9 !important; color:#232323}

.zccmnnotifypan{width:350px; background-color:#fff; border-radius:3px; height:auto; position:fixed; right:20px; top:40px; box-shadow:2px 5px 10px rgba(000, 000, 000, 0.4) !important; border:solid 1px #00bfc5; z-index:10; background: linear-gradient(to right , #fff, #f4ffff); color:#000;}
.zccmnnotifypanhead{padding:10px; background-color:#00c68c; background: linear-gradient(to bottom right, #00c68a, #00bfc5); color:#fff;}
.zccmnnotifypanbtn{font-size: 12px !important;border-radius: 3px;cursor: pointer;
transition: background .3s;outline: none;position: relative;padding: 4px 11px !important;}

.zcalbumphoto{position: absolute;left: 39px;top: 25px;border: solid #fff 4px; height:40px; overflow:hidden;}

.zcvdeobox{margin-right: 30px;margin-bottom: 30px; float:left; text-align:center;}
.zcvdeobox > .zcvdeothumb{border: solid 3px #fff; position: relative; cursor:pointer;}
.zcvdeobox > .zcvdeothumbsel{border: solid 3px #ffab00; position: relative;}
.zcvdeobox > .zcvdeonme{ margin-top:5px; font-size:12px; background-color: #fff;
padding: 2px; cursor:pointer;}
.zcvdeobox > .zcvdeonmesel{ margin-top:5px; font-size:12px; background-color: #ffab00;
padding: 2px; color:#fff;}

.zcsmsbox{border: solid 1px #ddd; border-radius:5px;}
.zcsmsbox:hover{border: solid 1px #ffab00; cursor:pointer; background-color:#F8F7EF;}
.zcsmsboxsel{border: solid 2px #ffab00; position: relative; border-radius:5px;}

.zcslderbg{ background-color:#cfe0e8; border-radius:5px; height:5px;}
.zcslderfillbg{ background-color:#00bff3; border-radius:5px; height:5px; position:relative;}
.zcslderfillbgpointer{ background-color: #00bff3;
width: 30px; height: 30px; border-radius: 50%; cursor: pointer;
position: absolute; right: 0px; top: -13px; padding: 5px; color: #fff; font-size: 10px; user-select: none;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none; border: solid 3px #bae5f0;}

.zcsegmntvlu{background-color: #fafeff;
border: solid 1px #40dbf5;padding: 3px 10px;border-radius:15px;float: left;}


.zcmlistdiv{background-color: #fefaf4;
border: solid 1px #f2e6b1;padding: 5px 15px;border-radius:15px;float: left; margin-right:20px; margin-bottom:20px;}


.zcsgmtdiv{background-color: #ebf5ff;
border: solid 1px #b9dcff;padding: 5px 15px;border-radius:15px;float: left; margin-right:20px; margin-bottom:20px;}

.zcsegmntcndtn{padding: 5px 14px; color:#D49763; float:left;}
.zcsegmntdrpdwn{ width:175px;}


.zctrcsubtmlne{border-left: solid 1px #24BF64; padding: 0px 20px 30px 0px; position: relative; position:relative;} 
.zctrcsubtmdshdlne{ border-left: dashed 1px #888;}
.zctrcmsgpan{border: solid 1px #c8dae3; border-radius: 2px;
background-color: #fff; margin-left: 40px;padding: 10px; position:relative;box-shadow: 1px 2px 3px #dddddd80;}

.zctrcsubtmlstnode{ border-left:solid 1px #fff !important;}

.zcsmrtcstmztab:hover{ background-color:#f3fcff;  cursor:pointer;}
.zctrctmlnenode{width: 11px;
height: 11px; border: solid 1px #888; border-radius: 50%; position: absolute;
left: -47px; background-color: #fff; top:-1px;}
.zctrctmlneavtivenode{ border:solid 1px #24BF64;}
.zcsmrtcntnnde{position: absolute; left: -17px; top: -5px; color: #c8dae3;}
.zcsmrttrcecntr{ padding:40px; padding-top:0px;}

/*.zctrctmlnenode:after{ content:""; width:50px; border-bottom:solid 1px #888; position:absolute;}*/

.zcmgandorcntr{position: absolute;
height: 78px;
border-left: solid 1px #ddd;
left: 0px;
top: -40px;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
width: 22px;}


.zcsgntandor{position: absolute;
left: -28px;
top: 27px;
background-color: #fff;
padding: 3px 9px;
border: solid 1px #eee;
border-radius: 2px;
color: #0095e7;
z-index: 1;
cursor: pointer;
font-size: 12px;
text-align: center;
width: 60px;}

.zcsgntandorcntr{position: absolute;
height: 80px;
border-left: solid 1px #ddd;
left: 37px;
top: -40px;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
width: 22px;}

.zcsgntandorsep{ border-left: solid 1px #ddd;
margin-left: 10px;
position: relative;
border-bottom: solid 1px #ddd;
border-top: solid 1px #ddd;
width: 20px;
height: 84px;
position: absolute;
top: -12px;
left: 10px;}
.zcsgntandorsep > div{position: absolute;
left: -30px;
top: 28px;
background-color: #fff;
padding: 3px 9px;
color: #D49763;
z-index: 1;
font-size: 15px;
text-align: center;
width: 60px;}

.zcsgntinvldrule{color: #ff1200;background-color: #fff9f9;border: solid 1px #f6aeae;border-bottom: 0px;padding:10px;}

.zcsgntandordsbl{ color: #D49763 !important;
cursor: default; left: -30px;
top: -13px !important; position: absolute;
padding: 2px 9px; border-radius: 2px;
font-size: 12px; text-align: center;
width: 60px; z-index: 1; border:solid 1px #ddd; background-color:#fff;}

/*.zzcsgntandordsbl:before{ content: "";
border-left: solid 1px #ddd;
border-top: solid 1px #ddd;
width: 21px;
height: 10px;
position: absolute;
top: -8px;
left: 29px;}

.zzcsgntandordsbl:after{ content: "";
border-left: solid 1px #ddd;
border-bottom: solid 1px #ddd;
width: 21px;
height: 10px;
position: absolute;
top: 20px;
left: 29px;}*/

.spotligtsrchgs{border:solid 1px #919191; border-radius:5px; height:25px; text-indent:0px;font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#f4f4f4;}
.spotligtsrchgssel{ border-radius:5px 5px 0px 0px;}
.spotligtsrchmnusmallgs{ font-size:18px; background-color:#f4f4f4; border-right:#ccc solid 1px; cursor:pointer; border-radius:5px 0px 0px 5px; text-align:left;padding: 10px 20px; line-height: 1;background: #f8f8f8;white-space: nowrap;width: 150px;text-align: center;}
.spotligtsrchgs input[type="text"]{border:solid 1px #fff; border-radius:0px 5px 5px 0px; height:25px; text-indent:0px;font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#f4f4f4; font-weight:100; background-color:#fff;}
.spotligtsrchgs input[type="text"]:focus{ border:solid 1px #fff; border-radius:0px 5px 5px 0px;  height:25px; font-size:24px; position:relative;font-family:'Open Sans'; color:#555; background-color:#fff; font-weight:100; box-shadow:none;}
.zcorngcombo{border: solid 1px #ff7e00; border-radius: 3px; background-color: #fff;
padding: 4px 14px; cursor:pointer;}

/*//////// HUB STARTED  /////////*/

.zhlstmlne{ padding-left:70px !important; position:relative; border-left: solid 1px #c8dbe4; margin-left:50px; padding:20px;}
.zhlstbox{ border: 1px solid #e4ecf1; border-radius: 5px;
background-color: #fff; padding:20px 30px; transition:all 0.5s}
/* .zhlstbox:hover  a{ color:#FF7400; cursor:pointer} */
.zctpcrtbox{ margin: 10px; border: 1px solid #e4ecf1; border-radius: 5px;
background-color: #fff; padding:20px 30px; cursor:pointer; transition:all 0.5s}
.zctpcrtbox:hover  a{ color:#FF7400; cursor:pointer}
.zctpcrtbox:hover { box-shadow:1px 2px 20px #cedfe7; transition:all 0.5s}
.zctpcrtbox  a{  vertical-align:middle; color:#222;}
.zctpcrtboxoubg{width: 75px; height: 30px;
    background-color: #f9f4da;position: absolute;transform: rotate(-45deg);
    right: -21px; bottom: -9px;}
.zctpcrtboxouicon{position: absolute;
bottom: 2px;right: 4px;z-index: 1;font-size: 17px;}
.zclsaddnewstag{border-left: solid 1px #c8dbe4; margin-left: 50px; text-align: left;
padding-left: 70px;}

.zhtpcrtboxzcase{ margin: 10px; border: 1px solid #e4ecf1; border-radius: 5px;
background-color: #fff; padding:20px 30px; }
.zhlsttmlnelbl{border: solid 1px #c1d2e0; border-radius: 20px; padding: 5px 10px;
position: absolute; background: #fff; left: -49px; width: 100px; text-align: center;
color: #ff7500; font-size:12px;}
.zhlsttmlnnode{left: -16px;
top: 7px;
color: #bad1e0;}

input[type="text"]{ border:solid 1px #d8d8d8; border-radius:3px; height:37px; text-indent:10px;font-size:15px; position:relative;font-family:Lato;}
input[type="text"]:focus{ border:solid 1px #349fd7; box-shadow: 0px 0px 3px #349fd7; font-size:15px; color:#222; outline:none;}
input[type="text"].err{ border:solid 1px #FF0004; z-index:0;}
input[type="number"].err{ border:solid 1px #FF0004; z-index:0;}

.newcmpfrm{ display:table;}
.newcmpfrm>ul{ padding:0px;display:table-row;}
.newcmpfrm>ul>li{ list-style:none; display: table-cell; position:relative;border-spacing: 0; border-bottom:solid 1px #eee; vertical-align:middle;}
.newcmpfrm>ul>li .frmerrdiv{ font-size:13px; color:#cb3525; position:absolute; top:-4px; z-index:-1px;}
.newcmpfrm>ul>li:first-child{width:150px; text-align:right; vertical-align:auto;}
.newcmpfrm>ul>li:last-child{ width:auto;}
.newcmpfrm>ul>li label{ font-size:14px; color:#222222; white-space:nowrap; display:block; padding:15px 10px; text-align:left; }
.newcmpfrm input[type="text"]{ border:solid 1px #fff; border-radius:3px; height:37px; text-indent:10px;font-size:15px; position:relative;font-family:'Open Sans';}
.newcmpfrm .drpdnmnu{ border:solid 1px #fff;}
.newcmpfrm textarea{ border:solid 1px #fff;}
.newcmpfrm .mlslct{border:solid 1px #fff; box-shadow:none;}

.zhsgmnttpadd{right: -38px; z-index: 1; top: 6px;}
.zhfnlchrtbg{background-color: #f2f2f2;}
.zhfnlchrtprgbg{height: 10px; background-color: #72c0f9; margin: auto;}
.zhtriangle-up { width: 0; height: 0; border-left: 5px solid transparent;
	border-right: 5px solid transparent; border-bottom: 5px solid #555;}
	
.zhredlbl{padding: 3px 13px; color: #333; background-color: #fff; box-shadow: 0 1px 2px #ffeaea; font-size: 13px;
position: relative; border: solid 1px #fb9056; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(251, 144, 86); border-left: 0px; display:inline-block; height:25px; border-radius: 0px 3px 3px 0px;}

.zhredlbl:after{width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #fb9056;
content: ''; left: -10px; position: absolute; top: 0px; }

.zhredlbl:before{width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 11px solid transparent; border-right: 9px solid #fff;
content: ''; left: -9px; position: absolute; top: 0px; z-index: 1;}

.zcviolbl{padding: 3px 13px; color: #04934d;background-color:#e5faf0;font-size: 12px;position:relative;border:1px solid #e5faf0;display:inline-block;height:24px;border-radius:3px;line-height: 16px;}
.zcpredlbl{padding: 3px 13px; color: #f16e6e;background-color:#fff2f0;font-size: 12px;position:relative;border:1px solid #fff2f0;display:inline-block;height:24px;border-radius:3px;line-height: 16px;}

/* .zcviolbl:after{width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 10px solid #6b4df1;
content: ''; left: -10px; position: absolute; top: 0px; } */

/* .zcviolbl:before{width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 11px solid transparent; border-right: 9px solid #6b4df1;
content: ''; left: -9px; position: absolute; top: 0px; z-index: 1;} */

.zcprofimg{padding: 10px 20px; border: solid 1px #ff8484; border-radius: 5px;  font-size: 30px; background-color: #ffeded; color: #ff5a5a;display: table;}

.zhwadsbrdchrtbar{ background-color:#eee; height:4px;}
.zhwadsbrdchrtclr1{ background-color:#5ca4f0; height:4px;}
.zhwadsbrdchrtclr2{ background-color:#a52afe; height:4px;}
.zhwadsbrdchrtclr3{ background-color:#febf10; height:4px;}
.zhwadsbrdchrtclr4{ background-color:#ff267d; height:4px;}
.zhorngslctdrpdwn{border: solid 1px #ff7e00;border-radius: 3px;background-color: #fff;padding: 4px 14px; cursor:pointer}

.zhrmdrlooplne1{width:100px;
border: dotted 2px #f28b44;border-top-width: 2px;  border-top-style: dotted;  border-top-color: rgb(242, 139, 68); height: 57px; position: absolute;
border-radius: 10px; left: 36px; border-top: 0px; border-radius: 0px 0px 10px 10px;
top: 17px;}
.zhrmdrlooplne1:after{border: solid #ed8f21; border-width: 0 2px 2px 0;
display: inline-block; padding: 3px; content: ''; transform: rotate(-135deg);
-webkit-transform: rotate(-135deg); position: absolute; left: -5px;
top: 2px;}

.zhrmdrlooplne2{width: 219px;
border: dotted 2px #f28b44;  border-top-width: 2px; border-top-style: dotted;
border-top-color: rgb(242, 139, 68); height: 63px; position: absolute;
border-radius: 10px; left: 37px; border-top: 0px; border-radius: 0px 0px 10px 10px;
top: 17px;}

.zhrmdrlooplne2:after{border: solid #ed8f21; border-width: 0 2px 2px 0;
display: inline-block; padding: 3px; content: ''; transform: rotate(-135deg);
-webkit-transform: rotate(-135deg); position: absolute; left: -5px;
top: 2px;}

.zhrmdrlooplne3{width: 339px;
border: dotted 2px #f28b44; border-top-width: 2px;  border-top-style: dotted;
border-top-color: rgb(242, 139, 68); height: 70px; position: absolute;
border-radius: 10px; left: 37px; border-top: 0px; border-radius: 0px 0px 10px 10px;
top: 17px;}
.zhrmdrlooplne3:after{border: solid #ed8f21; border-width: 0 2px 2px 0;
display: inline-block; padding: 3px; content: '';
transform: rotate(-135deg);-webkit-transform: rotate(-135deg);
position: absolute; left: -5px; top: 2px;}

.zccntnslct{background-color: #f9fbf3; border: solid 1px #94d6f5;}

.zhrmdrlooplne1{width:100px;
border: dotted 2px #f28b44;border-top-width: 2px;  border-top-style: dotted;  border-top-color: rgb(242, 139, 68); height: 15px; position: absolute;
border-radius: 10px; left: 37px; border-top: 0px; border-radius: 0px 0px 10px 10px;
top: 7px;}
.zhrmdrlooplne1:after{border: solid #ed8f21; border-width: 0 2px 2px 0;
display: inline-block; padding: 3px; content: '';
transform: rotate(-135deg); -webkit-transform: rotate(-135deg);
position: absolute; left: -5px; top: 2px;}

.zhrmdrlooplnetop1{width: 119px;
border: dotted 2px #f28b44; border-bottom-width: 2px;  border-bottom-style: dotted;
 border-bottom-color: rgb(242, 139, 68); height: 15px; position: absolute;
border-radius: 10px; left: 37px; border-bottom: 0px;
border-radius: 10px 10px 0px 0px; bottom: 8px;}
.zhrmdrlooplnetop1:after{border: solid #ed8f21;
border-width: 0 2px 2px 0; display: inline-block; padding: 3px;
content: ''; transform: rotate(-5deg); -webkit-transform: rotate(45deg);
position: absolute; right: -5px; bottom: 2px;}

.zhrmdrlooplnetop2{width: 238px;border: dotted 2px #f28b44;height: 25px;position: absolute;border-radius: 10px;left: 37px;border-bottom: 0px;border-radius: 10px 10px 0px 0px;bottom: 8px;}

.zhrmdrlooplnetop3{width: 359px;border: dotted 2px #f28b44;height: 35px;position: absolute;border-radius: 10px;left: 37px;border-bottom: 0px;border-radius: 10px 10px 0px 0px;bottom: 8px;}


.zhhdrimg{padding: 2px; background-color: #ececec; width: 30px; height: 24px; float: left; border-radius: 3px;}
.zchdrlne{padding: 2px; background-color: #ececec; border-radius: 2px;}

.zhscringcold{ border-bottom:solid 3px #6bd5ff; position:relative; margin:0px 3px;}
.zhscringcold:before{border-left:solid 3px #6bd5ff; content:''; height:15px; position:absolute; left:0px; top:-6px;}
.zhscringcold:after{border-left:solid 3px #6bd5ff; content:''; height:15px; position:absolute; right:0px; top:-6px;}
.zhscringcoldtxt{ color:#37a2cd}

.zhscringwarm{ border-bottom:solid 3px #ffd83f; position:relative; margin:0px 3px;}
.zhscringwarm:before{border-left:solid 3px #ffd83f; content:''; height:15px; position:absolute; left:0px; top:-6px;}
.zhscringwarm:after{border-left:solid 3px #ffd83f; content:''; height:15px; position:absolute; right:0px; top:-6px;}
.zhscringwarmtxt{ color:#d3ac16}

.zhscringhot{ border-bottom:solid 3px #ff896d; position:relative; margin:0px 3px;}
.zhscringhot:before{border-left:solid 3px #ff896d; content:''; height:15px; position:absolute; left:0px; top:-6px;}
.zhscringhot:after{border-left:solid 3px #ff896d; content:''; height:15px; position:absolute; right:0px; top:-6px;}
.zhscringhottxt{ color:#dd4a27}


.zhlstmlnehsrty{ padding-left:70px !important; position:relative; border-left: solid 1px #c8dbe4; margin-left:50px; padding:20px;}
.zhlstboxhstry{ border: 1px solid #e4ecf1; border-radius: 5px;
background-color: #fff; transition:all 0.5s}
.zhcpoutlinecrcle{border: 1px solid #f0f6f9;padding: 2px;border-radius: 70px;height: 25px;width: 25px;display: inline-block;text-align: center;font-size: 14px;color: #222;}.zhlgtgrybg{ background-color:#f4f8fb}
.zhlgtgrybg{ background-color:#f4f8fb}
.zhtxtcodecntr{line-height: 1.8; border-radius: 3px; padding: 10px;
border: 1px solid #d8d8d8; background-color: #f7f7f7; height: 165px; word-break: break-all;}
.zhfrmbtndiv{ padding-left:220px;}
.zcdsbrdpdng{padding:10px 25px}

/*tableview*/
.tblview{border: 1px solid #f2f6f9;}
.tablehead td{font-size: 15px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;border-bottom: 1px solid #f2f6f9;}
.tablesubhead td{font-size: 13px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;padding: 5px;border-bottom: 1px solid #f2f6f9; }
.tablevalue td{padding: 20px;border-right: 1px solid #f2f6f9;color: #222;font-size: 14px;border-bottom: 1px solid #f2f6f9;}
.tblview .tablevalue:nth-child(2n+1){background-color: #f9fafc;}


.zcprgerractvpan{width:350px; position:fixed; height:100%; background-color:#fff; right:0px; border-left:solid 1px #ffc8c8;box-shadow: 0px 2px 15px #ddd;z-index: 1; background-color:#fff;}
.zcprgerrlst{ padding:10px 15px; color:#000;}
.zcprgerrlst:hover{ color:#DD3437; background-color:#FFFADD; cursor:pointer;}
.zcprgerrtitle{padding: 5px 15px; text-transform: uppercase; color: #ef5246;
font-size: 12px; background-color: #fffcf5; padding:10px 15px; }
.zcprgabdtlsbtn{background-color: #fff; font-size: 12px; text-align: center;
transform: rotate(-45deg); left: 2px; position: absolute; top: 29px; padding: 3px 6px;
border-radius: 12px; font-size: 10px; width: 72px; text-overflow: ellipsis;
overflow: hidden;}
.zcprgabcndtnbtn{background-color: #fff; font-size: 12px; text-align: center; padding: 3px 6px;
border-radius: 12px; font-size: 10px; width: 72px; text-overflow: ellipsis; overflow: hidden; cursor:pointer;}
.zcprgabcndtncntr{position: absolute;
top: -90px;
left: 120px;
z-index: 1;}
.zcprgabdely{transform: rotate(-45deg); left: 25px; position: absolute;
top: 50px; text-align: center; font-size: 11px; color: #fff;}
.zcprgmoreoptn{background-color: #fff; border: 1px solid #999;
border-radius: 50%; display: table; height: 20px; right: -10px; padding: 4px 3px;
cursor: pointer; width: 20px; }
.zcprgmoreoptn > i{color: #000;font-size: 2.5px;margin-top: 4px;}
.zcprgrpticon{background-color: #fff; border: 1px solid #999; border-radius: 50%; display: table; height: 20px; left: 10px; padding:3px;cursor: pointer; width: 20px;}
.zcprgrpticon > i{color: #000;font-size: 11px;margin-top:0px;}

.zcprgcmnticon{background-color: #fff; border: 1px solid #999; border-radius: 50%; display: table; height: 20px; left: -15px; padding:3px;cursor: pointer; width: 20px;}

.zcprgerractvpan .txtred{color: #fb3f3f;}

.zcaddreqpan{border: solid 1px #ddd;padding: 10px 25px;position: absolute;left: calc(50% - 120px);background-color: #fff;width: 240px;text-align: center; border-radius:3px;}

/*List Dropdown white*/
.zcprglstdrpdwnwht:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:47%;}
.zcprglstdrpdwnwht:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:47%;}
.zcprglstdrpdwnwht{ background-color:#ffffff; border:solid 1px #ccc; box-shadow:0px 1px 5px  rgba(00,00,00,0.1); border-radius:3px; text-align:left; position:absolute; display:table;  min-width:100px; z-index:10; top:-20px;}
.zcprglstdrpdwnwht ul{ padding:0px; margin:0px; list-style:none;}
.zcprglstdrpdwnwht ul li{ padding:0px; margin:0px;}
.zcprglstdrpdwnwht ul li a{ padding:6px 15px; color:#555; font-size:12px; display:block; text-decoration:none; white-space:nowrap; border-bottom:solid 1px #eee; overflow: hidden;text-overflow: ellipsis;width: 130px;}
.zcprglstdrpdwnwht ul li a:hover{   text-decoration:none; color:#ef7615;}
.zcprglstdrpdwnwht ul li:last-child a{ border-bottom:0px;}
.zcprgrmndrbtn {
    color: #21ae97;
    background-color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 1px 6px;
    border-radius: 12px;
    font-size: 10px;
    width: 72px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}
.zcprglbl {
    display: table;
    background-color: #fff;
    border: solid 1px #f3af66;
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 2px;
}
.zcprgerr {
    border: solid 1px #f00 !important;
    box-shadow: 1px 1px 10px #ff7979 !important;
}
.zcdatatrnsbox{border: 1px solid #e4ecf1;
padding: 30px 45px;
font-size: 16px;
font-weight: 400;
color: #222;
background-color: #f2f8fb;
border-radius: 3px;}
.zcactnrnd{position: absolute; top: 0px; left: -10px; color: #e3e4e6;font-size: 20px;}

.zcsrchrsltbnd{margin-top: 182px; background-color: #fffbee; color: #eb6c06; padding:15px 20px;border-bottom: solid 1px #f2ebcd; }


.zcsrchrsltbndfxd{top: 181px; background-color: #fffcf4; color: #eb6c06; padding:15px 20px;border-bottom: solid 1px #f2ebcd; position:fixed; z-index:1; width:100%;}

.zcylwbnd{background-color: #fffcf4; padding: 12px 20px;
border: solid 1px #f2ebcd;}

.zcdsbrdqcklnkshide{position: absolute;
right:-1px;
top: -10px;
padding: 4px;
background-color: #fff;
border: solid 1px #e7edf5;
border-radius: 5px 5px 0px 0px; border-bottom:0px; border-left:0px;}

.zcprgerr{border: solid 1px #f00 !important; box-shadow: 1px 1px 10px #ff7979 !important;}
.zcsmsfldremove{right: -36px;position: absolute;top: 6px;}
.zcsmscountlnk{position: absolute; left: 108%; white-space: nowrap; top: 8px}
.zcrulecndtn{border-bottom:solid 1px #C0D5E0; position:relative;}
.zcrulecndtn > span{position:absolute; padding:3px 9px; left:calc(50% - 25px); border:solid 1px #C0D5E0; background-color:#fff; top:-13px; border-radius:12px;}

.zcprgmilstnepp{width: 300px;left: calc(100% + 20px);}

.zclpcnvrsndatacntr{width:90%; margin:0px auto; position:relative; display:table;}
.zclpcnvrsndatacntr:after{ content:''; position:absolute; border-bottom:solid 1px #ddd; width:100%; left:0px; z-index:0; top:32px; z-index:-1;}

/*tableview*/
.tblview{border: 1px solid #f2f6f9;}
.tablehead td{font-size: 15px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;border-bottom: 1px solid #f2f6f9;}
.tablesubhead td{font-size: 13px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;padding: 5px;border-bottom: 1px solid #f2f6f9; }
.tablevalue td{padding: 20px;border-right: 1px solid #f2f6f9;color: #222;font-size: 14px;border-bottom: 1px solid #f2f6f9;}
.tblview .tablevalue:nth-child(2n+1){background-color: #f9fafc;}

.zcmngepgebx{margin: 40px 40px 0px 0px;width: calc(25% - 40px);min-width: 240px;position: relative;}
.zcmngepgebx.sel:before{content: "";border-width: 14px;border-style: solid;border-color:  transparent transparent #e8e8e8 transparent;position: absolute;bottom: -17px;left: 110px;}
.zcmngepgebx.sel:after{content: "";border-width: 12px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;bottom: -17px;left: 112px;}
.zcimgbx1{display:inline-block;width: 77px;height: 77px;border-radius: 10px;overflow: hidden;}
.zcimgbx2{display:inline-block;width: 57px;height: 57px;border-radius: 10px;overflow: hidden;}
.zctabbx{width: calc(100% - 40px);margin-top: 15px;}
.zcarskipdbdg{background-color: #ffffb8; padding: 3px 9px; font-size: 11px;
position: absolute; right: 0px; border: solid 1px #fbf0ba;}




.zcbrndedtrpan{position:fixed; background-color:#fff; box-shadow:1px 5px 20px #ccc; height:100%; width:600px; right:0px; top:70px; z-index:1;}


.zcblkbtn{background-color: #111;
border: solid 1px #111; box-shadow: inherit; font-size: 14px;
border-radius: 3px; cursor: default;
transition: background .3s; height: 35px;
outline: none; position: relative; padding: 7px 15px; color:#fff;}

/*tableview*/
.tblview{border: 1px solid #f2f6f9;}
.tablehead td{font-size: 15px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;border-bottom: 1px solid #f2f6f9;}
.tablesubhead td{font-size: 13px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;padding: 5px;border-bottom: 1px solid #f2f6f9; }
.tablevalue td{padding: 20px;border-right: 1px solid #f2f6f9;color: #222;font-size: 14px;border-bottom: 1px solid #f2f6f9;}
.tblview .tablevalue:nth-child(2n+1){background-color: #f9fafc;}

.zcmngepgebx{margin: 40px 40px 0px 0px;width: calc(25% - 40px);min-width: 240px;position: relative;}
.zcmngepgebx.sel:before{content: "";border-width: 14px;border-style: solid;border-color:  transparent transparent #e8e8e8 transparent;position: absolute;bottom: -17px;left: 110px;}
.zcmngepgebx.sel:after{content: "";border-width: 12px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;bottom: -17px;left: 112px;}
.zcimgbx1{display:inline-block;width: 77px;height: 77px;border-radius: 10px;overflow: hidden;}
.zcimgbx2{display:inline-block;width: 57px;height: 57px;border-radius: 10px;overflow: hidden;}
.zctabbx{width: calc(100% - 40px);margin-top: 15px;}
.zhpgelnk{border: 1px solid #e7f2f5;background-color: #f2fcff;border-radius: 12px;padding: 2px 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 100%;}
.zcdragbx{border: 1px solid #d9dfe7;float:  left;border-radius:  3px;box-shadow:0px 0px 1px 1px #e7edf5;margin: 20px 0px 0px 20px; background-color:#fff;}
.zcmppingprflbx1{display:inline-block;width: 40px;height: 40px;border-radius: 20px;overflow: hidden;}
.zcmppingprflbx2{display:inline-block;width: 30px;height: 30px;border-radius: 15px;overflow: hidden;}

.zcprgerr{border: solid 1px #f00 !important; box-shadow: 1px 1px 10px #ff7979 !important;}
.zcsmsfldremove{right: -36px;position: absolute;top: 6px;}
.zcsmscountlnk{position: absolute; left: 108%; white-space: nowrap; top: 8px}
.zcrulecndtn{border-bottom:solid 1px #C0D5E0; position:relative;}
.zcrulecndtn > span{position:absolute; padding:3px 9px; left:calc(50% - 25px); border:solid 1px #C0D5E0; background-color:#fff; top:-13px; border-radius:12px;}

.zcprgmilstnepp{width: 300px;left: calc(100% + 20px);}

.zclpcnvrsndatacntr{width:90%; margin:0px auto; position:relative; display:table;}
.zclpcnvrsndatacntr:after{ content:''; position:absolute; border-bottom:solid 1px #ddd; width:100%; left:0px; z-index:0; top:32px; z-index:-1;}

/*tableview*/
.tblview{border: 1px solid #f2f6f9;}
.tablehead td{font-size: 15px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;border-bottom: 1px solid #f2f6f9;}
.tablesubhead td{font-size: 13px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;padding: 5px;border-bottom: 1px solid #f2f6f9; }
.tablevalue td{padding: 20px;border-right: 1px solid #f2f6f9;color: #222;font-size: 14px;border-bottom: 1px solid #f2f6f9;}
.tblview .tablevalue:nth-child(2n+1){background-color: #f9fafc;}

.zcmngepgebx{margin: 40px 40px 0px 0px;width: calc(25% - 40px);min-width: 240px;position: relative;}
.zcmngepgebx.sel:before{content: "";border-width: 14px;border-style: solid;border-color:  transparent transparent #e8e8e8 transparent;position: absolute;bottom: -17px;left: 110px;}
.zcmngepgebx.sel:after{content: "";border-width: 12px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;bottom: -17px;left: 112px;}
.zcimgbx1{display:inline-block;width: 77px;height: 77px;border-radius: 10px;overflow: hidden;}
.zcimgbx2{display:inline-block;width: 57px;height: 57px;border-radius: 10px;overflow: hidden;}
.zctabbx{width: calc(100% - 40px);margin-top: 15px;}
.zcarskipdbdg{background-color: #ffffb8; padding: 3px 9px; font-size: 11px;
position: absolute; right: 0px; border: solid 1px #fbf0ba;}




.zcbrndedtrpan{position:fixed; background-color:#fff; box-shadow:1px 5px 20px #ccc; height:100%; width:600px; right:0px; top:70px; z-index:1;}


.zcblkbtn{background-color: #111;
border: solid 1px #111; box-shadow: inherit; font-size: 14px;
border-radius: 3px; cursor: default;
transition: background .3s; height: 35px;
outline: none; position: relative; padding: 7px 15px; color:#fff;}

/*tableview*/
.tblview{border: 1px solid #f2f6f9;}
.tablehead td{font-size: 15px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;border-bottom: 1px solid #f2f6f9;}
.tablesubhead td{font-size: 13px;font-weight: 600;border-right: 1px solid #f2f6f9;color: #222;padding: 5px;border-bottom: 1px solid #f2f6f9; }
.tablevalue td{padding: 20px;border-right: 1px solid #f2f6f9;color: #222;font-size: 14px;border-bottom: 1px solid #f2f6f9;}
.tblview .tablevalue:nth-child(2n+1){background-color: #f9fafc;}

.zcmngepgebx{margin: 40px 40px 0px 0px;width: calc(25% - 40px);min-width: 240px;position: relative;}
.zcmngepgebx.sel:before{content: "";border-width: 14px;border-style: solid;border-color:  transparent transparent #e8e8e8 transparent;position: absolute;bottom: -17px;left: 110px;}
.zcmngepgebx.sel:after{content: "";border-width: 12px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;bottom: -17px;left: 112px;}
.zcimgbx1{display:inline-block;width: 77px;height: 77px;border-radius: 10px;overflow: hidden;}
.zcimgbx2{display:inline-block;width: 57px;height: 57px;border-radius: 10px;overflow: hidden;}
.zctabbx{width: calc(100% - 40px);margin-top: 15px;}
.zhpgelnk{border: 1px solid #e7f2f5;background-color: #f2fcff;border-radius: 12px;padding: 2px 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;max-width: 100%;}
.zcdragbx{border: 1px solid #d9dfe7;float:  left;border-radius:  3px;box-shadow:0px 0px 1px 1px #e7edf5;margin: 20px 0px 0px 20px; background-color:#fff;}
.zcmppingprflbx1{display:inline-block;width: 40px;height: 40px;border-radius: 20px;overflow: hidden;}
.zcmppingprflbx2{display:inline-block;width: 30px;height: 30px;border-radius: 15px;overflow: hidden;}

.zcprgabsplitbox {
    width: 85px;
    height: 85px;
    background-color: #5572bd;
    border-radius: 10px;
    transform: rotate(45deg);
    position: absolute;
    top: -95px;
    left: 113px;
    box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);
}
.zcprgmsginfosmalerr {
    padding: 0px;
    background-color: #ec5454;
    border-radius: 50%;
    cursor: pointer;
    right: -11px;
    position: absolute;
}
.zcprgmsginfosmal {
    top: 35px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    right: -11px;
    position: absolute;
}
.zcprgmilestncmpt {
    border: solid 1px #e3bfbf;
    background-color: #fff;
    padding: 10px;
    position: relative;
    border-radius: 10px;
    width: 110px;
    text-align: center;
    box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);
}
.zcprgrmndrcnt {
    position: absolute;
    font-size: 18px;
    left: 7px;
    opacity: .5;
}
.zcprgmilstnepp {
    width: 300px;
    left: calc(100% + 20px);
}
.zcprgcmnticon {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    display: table;
    height: 20px;
    left: -15px;
    padding: 3px;
    cursor: pointer;
    width: 20px;
}
.zcprgrpticon {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
    display: table;
    height: 20px;
    left: 10px;
    padding: 3px;
    cursor: pointer;
    width: 20px;
}
.zccpbrndcntr{ border-left:solid 1px #ddd;}
.zccpprdctcntr{ border-left:solid 1px #ddd; margin-left:50px; margin-bottom:30px; margin-top:30px; position:relative;}
/*.zccpprdctcntr:after{ content:''; position:absolute; top:0px; border-top:solid 5px #ddd; width:50px; right:0px;}*/
.zccpbrandbnd{ border:solid 1px #ddd; padding:15px; background-color:#fff; margin-left:50px; border-radius:3px; position:relative;}

.zccpprdctbnd{ border:solid 1px #ddd; padding:15px; background-color:#fff; margin-left:50px; border-radius:3px; margin-bottom:30px; position:relative;}

.zccpnewprdct{padding:10px; background-color:#e3edf2; margin-left:100px; border-radius:3px; margin-bottom:30px; position:relative;}

.zccptopicsbnd{ border:solid 1px #ddd; padding:15px; background-color:#fff; margin-left:100px; border-radius:3px; margin-bottom:30px; position:relative;}

.zccptopicsbnd:after{ content:""; border-bottom:solid 1px #ddd;}

.zccptopicsdsblbnd{background-color:#f5f5f5 !important;}

.zccpnewtopics a{ color:#0195CE; margin-left: 100px; margin-bottom: 30px;}

.zccpprdctcunt{border: solid 1px #ddd;
background-color: #fff;padding: 8px; border-radius: 50%;
position: absolute; width: 35px; height: 35px; text-align: center;
left: -18px; top: 8px; color:#F37200;}

.zccpprdctcunt:after{ position: absolute; width: 34px;
right: 34px; top: 16px; border-bottom: solid 1px #ddd; content: "";}

.zccpbrndcrl{border: solid 1px #ddd;
background-color: #fff;padding: 10px; border-radius: 50%;
position: absolute; width: 35px; height: 35px; text-align: center;
left: -18px; top: 8px; color:#66b3fb;}

.zcml150x{ margin-left:150px !important;}
.zctopicsdsblnode{ border-bottom: dashed 1px #ddd !important;}
.zctopicsnode{position:absolute; font-size:20px; left:-102px; top:25px;border-bottom: solid 1px #ddd;width: 80px;}
.zctopicsnode:after{ width:7px; height:7px; background-color:#ddd; border-radius:50%; content:""; position:absolute; right:0px; top:-3px;}

.zcbrndtopicsnode { position: absolute; font-size: 20px;
    left: -151px; top: 25px;  border-bottom: solid 1px #ddd; width: 120px; }
.zcbrndtopicsnode:after{ width:7px; height:7px; background-color:#ddd; border-radius:50%; content:""; position:absolute; right:0px; top:-3px;}
.zcbrndlgtgrytxt{ color:#c1ccd2 !important;}

.zcaddnewprdct{background-color: #fff; border: solid 1px #ddd; border-radius: 50%; padding: 6px; top: -13px; right: -25px;}


.zcaddnewprdctlne{width: 60px; border-bottom: solid 1px #ddd;
position: absolute; left: -100px;top: 29px;}
.zcbdrlnetop{position: absolute; height: 35px; border-left: solid 1px #fff;
top: 0px;left: -1px;}

.zcbdrlnebottom{position: absolute;height:23px;border-left: solid 1px #fff;bottom: 0px;left: -1px;}
.zctopicsthumbpp{background-color:#fff; border:solid 1px #ddd; border-radius:5px; position:absolute; left:-100px; top:40px; z-index:1; box-shadow:1px 5px 10px #ddd;}

.zctopicsthumbpp:before{   border-color: transparent  transparent #bbbbbb transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;   top:-16px;   width: 0; right:10%;}
.zctopicsthumbpp:after{ border-color: transparent  transparent #fff transparent; border-style: solid; border-width: 8px; content: " "; height: 0;position: absolute;  top:-15px;   width: 0; right:10%;}




.zccncntbdge{font-size: 20px;

border-bottom: solid;
border-top: solid;
display: table;
padding: 2px 20px;
font-weight: 700;}

.zcntfyicnbg{border: 1px solid #5fb9b9;padding: 8px;border-radius: 30px;background-color: #5fb9b9;}

.zcntfyicnmsgbg{border: 1px solid #bde1e1;background-color: #eff3f4;border-radius: 3px;}
.zcntfypancntr{border-top: 1px solid #000;position: absolute;bottom: 0px;z-index: 100;width: 100%;}
.zcntfytitletxt{position: absolute;top: -16px;background-color: #fff;left: 20px;padding: 5px;color: #222;}

.zcdsbltxtfld{    background-color: #f3f3f3 !important;
    pointer-events: none;
	color:#ccc;
}
.zcblr{filter: blur(5px) grayscale(20%);-webkit-filter: blur(5px) grayscale(60%);}

.zcmangeconst{text-align: left;}
.zcmangeconst li{list-style-type: none;position: relative;}
.zcmangeconst li:before{content: "";display:block;background-color: #26bfbd;margin-left: -12px;position:  absolute;top: 9px;width:  8px;border:  1px solid #26bfbd;left: -7px;height: 8px;border-radius:5px;}


.zcusrmvmtbox{border:solid 1px #ccc; box-shadow:1px 1px 4px #eee; background-color:#fff; padding:8px; border-radius:3px; margin:10px;}

.zcusrmvmtdrgdrbbox{border: dashed 1px #ccc; background-color:#fff; padding:10px; border-radius:3px;  margin:10px; background-color:#f9f9f9;}

.zcusrmvmtdrgdrbboxhvr{border: dashed 1px #98DB8A; background-color:#F3FCF1; padding:10px; border-radius:3px;  margin:10px;}
.zcprgrgtpan{width:550px; position:fixed; height:100%; background-color:#fff; right:0px; border-left:solid 1px #ddd;box-shadow: 0px 2px 15px #ddd;z-index: 1; background-color:#fff;z-index:10; top:57px;}
.zcledstgwzd > .tbl > div > div{ position:relative; border-left:solid 1px #dedede;  padding: 10px; text-align:center; vertical-align:middle; height:57px; color:#222;}
.zcledstgwzd > .tbl > div > div:after{right: -21px; top: 14px;
content: " "; height: 0; width: 0; position: absolute;
border-color: transparent transparent transparent #ddd;
border-style: solid; border-width: 15px 10px; z-index: 1;}
.zcledstgwzd > .tbl > div > div:before{right: -20px;
top: 14px; content: " "; height: 0; width: 0;
position: absolute; border-color: transparent transparent transparent #fff; border-style: solid;
border-width: 15px 10px; z-index: 2;}
.zcledstgwzd > .tbl > div > div i { color:#ccc;}
.zcledstgwzd > .tbl > div > div:first-child{ border-left:none;}
.zcledstgwzd > .tbl > div > div:last-child:before { border:none;}.zcledstgwzd > .tbl > div > div:last-child:after { border:none;}


.zcledstgwzd > .tbl > div > div.sel{ background-color:#FFF9F4;}
.zcledstgwzd > .tbl > div > div.sel:before{right: -20px;
top: 14px; content: " "; height: 0; width: 0;
position: absolute; border-color: transparent transparent transparent #FFF9F4; border-style: solid;
border-width: 15px 10px; z-index: 2;}

.zcledstgwzd > .tbl > div > div.lsel{ background-color:#FFF9F4;}

.zcledstgwzd > .tbl > div > div.fnshd{ background-color:#f9f9f9;}
.zcledstgwzd > .tbl > div > div.fnshd:before{right: -20px;
top: 14px; content: " "; height: 0; width: 0;
position: absolute; border-color: transparent transparent transparent #f9f9f9; border-style: solid;
border-width: 15px 10px; z-index: 2;}

.zcledstgwzd > .tbl > div > div.dsbld{ background-color:#f2f2f2; color:#333;}
.zcledstgwzd > .tbl > div > div.dsbld:before{right: -20px;
top: 14px; content: " "; height: 0; width: 0;
position: absolute; border-color: transparent transparent transparent #f2f2f2; border-style: solid;
border-width: 15px 10px; z-index: 2;}

.zcdrplistcntr{border: dashed 2px #ccc;padding: 30px;border-radius: 5px;text-align: center;}

.zcdrplistcntr:hover{border: dashed 2px #c4eacb; background-color:#f1fdf3;}

.zcflg {width: 270px; height:30px; position: relative; background: #fbf6d0; color:#ff5100; padding:5px 15px; white-space:nowrap;} 

.zcflg:after {content: ""; position: absolute; right: 0; bottom: 0; width: 0;
height: 0; border-right:15px solid white;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;}


.zcgdprpan{border: solid 1px #d1dcff;
background-color: #f4f7ff;
padding: 15px;}
.zcgdprtxtclr{ color:#223e92}
.zcgdprpribtn{background-color: #223e92;color: #fff;white-space: nowrap;}
.zcgdprlnk{ color:#223e92; text-decoration:underline; cursor:pointer;}
.switchsmalldsbl{ background-color:#fff; border:solid 1px #b7babb; padding:2px; white-space:nowrap;cursor: not-allowed; opacity: 0.5; border-radius:13px; font-size:15px; color:#888; width:50px; cursor:pointer;box-shadow: 1px 0px 6px #ddd inset;}
.zcrplytrkrgtarw{position: absolute;padding: 5px;background-color: #2f2828;right: -62px;top: 170px;}
.zcrplytrklftarw{position: absolute;padding: 5px;background-color: #2f2828;left: -62px;top: 170px;}
.zcrplytrkrgtarw.zcdsbl,.zcrplytrklftarw.zcdsbl{pointer-events: none;}

.zccallgnt{border-radius: 13px;
padding: 3px 10px;
font-size: 11px; background-color:#fff; cursor:pointer;}

.zcgoallnelgnd{border-bottom: solid 1px #333; width: 20px; position: absolute;
left: 0px; top: 30px;}
.zcgoallnelgnd:before{ content:''; width:5px; height:5px; position:absolute; right:0px; top:-2px; background-color:#333; border-radius:50%; }

.zcgoalbdrlft{border-left: solid 1px #222;padding-left: 30px;padding-bottom: 20px;padding-top: 20px;}

.zcgoaltopbdrwhte{border-left:solid 1px #fff; top:0px; height:30px;position: absolute;left: -1px;}

.zcgoalbtmbdrwhte{border-left: solid 1px #fff; bottom: 0px; height: 30px;
position: absolute; left: -1px;}

.zcgoalcndtn{left: -26px;background-color: #fff;top: -10px;width: 50px;text-align: center; color:#A83336;}

.zcwzdstpsel{padding: 0px 5px; border: solid 1px #f38224; display: table;
border-radius: 50%; width: 20px; height: 20px;margin: auto;background: #f38224;color: #fff;font-size: 12px;}

.zcwzdstpnrml{border: solid 1px #ccc;display: table;border-radius: 50%;width: 20px;
height: 20px;margin: auto;background: #fff;color: #222;padding: 0px 5px;font-size: 12px;}

.zcwzdstpcmpt{padding: 0px 5px; border: solid 1px #65c945; display: table;
border-radius: 50%; width: 20px; height: 20px; margin: auto; background: #5ed28d;
color: #fff; font-size: 12px; position:relative;}

.zcwzdstplne{position: absolute; width: 65%; top: 10px; margin: auto;
z-index: -1; left: 17%; height: 1px;background-color: #ddd;}

.zcwzdstpfill{background-color: #42c35e;height: 1px;}
.zcwzdusrnme{width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.zcwzdusrimg{ border-radius:3px;}


.zctabbx{width: calc(70% - 40px);margin: auto;position: relative;} .zctabbx:before{content: "";border-width: 14px;border-style: solid;border-color: transparent transparent #e8e8e8 transparent;position: absolute;top: -29px;left: 270px;} .zctabbx:after{content: "";border-width: 12px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: -24px;left: 272px;}


zctabbx .zcpriarrow{border-width: 14px;border-style: solid;border-color: transparent transparent #e8e8e8 transparent;position: absolute;top: -29px;left: 270px;} .zctabbx .zcsecarrow{border-width: 12px;border-style: solid;border-color: transparent transparent #ffffff transparent;position: absolute;top: -24px;left: 272px;}.zctabdtail{position: relative;} .zctabdtail.sel:before{content: "";border-width: 14px;border-style: solid;border-color: transparent transparent transparent #f0f6f9;position: absolute;top: 36px;right: -28px;} .zctabdtail.sel:after{content: "";border-width: 12px;border-style: solid;border-color: transparent transparent transparent #ffffff;position: absolute;top: 38px;right: -24px;}


.zccmpthm > div{ border:solid 1px #ccc; cursor:pointer; display:table; margin-bottom:20px;}

.zccmpthm > div.sel{ border:solid 2px #FF9A00; box-shadow:2px 5px 10px #ddd;}

.zccmpthm > div:hover{ box-shadow:1px 5px 20px #ddd;}



.zccmpthm > div img{ width:100%;}

.zccmpthmseltick{padding: 10px;
background-color: #ff9e00;
position: absolute;
right: 0px;}

.zcrgtpandiv{border: 1px solid #d7e1ec;
box-shadow: 0 1px 0 0 #e6eff3; cursor:move; border-radius:5px; padding:15px; margin-top:15px}
.zcemilactncmpnt{background-color: #ffa939;
border: solid 1px #ff9e33;
border-radius: 5px;
box-shadow: 1px 2px 8px rgb(207, 207, 207);
color: #fff;}

.zcemilactncmpnt > div:nth-child(1){ background-color:#feb96d;text-align:center; width:25%; float:left; padding:10px;}
.zcemilactncmpnt > div:nth-child(2){ border-left: solid 1px #f9c894; background-color: #ffac41; text-align:center; width:25%; float:left;padding:10px;}
.zcemilactncmpnt > div:nth-child(3){ border-left: solid 1px #f9c894; background-color: #ffa125;text-align:center; width:25%; float:left;padding:10px;}
.zcemilactncmpnt > div:nth-child(4){ border-left: solid 1px #f9c894; background-color: #ff9103;text-align:center; width:25%; float:left;padding:10px;}
.zcprgmilestncmpt{border: solid 1px #e3bfbf;

background-color: #fff;

padding: 10px;

position: relative;

border-radius: 10px;

width: 110px;

text-align: center;

box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);

color: #ed4343;}
.nospinbtn::-webkit-inner-spin-button, 
.nospinbtn::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.zcprgmsginfopan {
    background-color: #fff;
    border: 1px solid #85d28e;
    color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    display: table;
    left: 40px;
    min-width: 100px;
    position: absolute;
    text-align: left;
    top: -0px;
    z-index: 10;
    cursor: default;
    width: 300px;
    color: #222;
    text-align: center;
}
.zcprgmsginfopan:before {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    position: absolute;
    bottom: -15px;
    width: 0;
    left: 50%;
    z-index: 1;
}

/* 
.zcsmilycntr .zcsm1{padding: 2px;z-index: 6; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm2{padding: 2px;z-index: 5; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm3{padding: 2px;z-index: 4; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm4{padding: 2px;z-index: 3; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm5{padding: 2px;z-index: 2; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm6{padding: 2px;z-index: 1; margin-left:-10px;transition: all .5s;}
 */
.zcsmilycntr .zcsm1{padding: 2px; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm2{padding: 2px; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm3{padding: 2px; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm4{padding: 2px; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm5{padding: 2px; margin-left:-10px;transition: all .5s;}
.zcsmilycntr .zcsm6{padding: 2px; margin-left:-10px;transition: all .5s;}

.zcsmilycntr .zcsm1:hover {margin-top: -10px;transition: all .5s; cursor:pointer;}
.zcsmilycntr .zcsm2:hover {margin-top: -10px;transition: all .5s; cursor:pointer;}
.zcsmilycntr .zcsm3:hover {margin-top: -10px;transition: all .5s; cursor:pointer;}
.zcsmilycntr .zcsm4:hover {margin-top: -10px;transition: all .5s; cursor:pointer;}
.zcsmilycntr .zcsm5:hover {margin-top: -10px;transition: all .5s; cursor:pointer;}
.zcsmilycntr .zcsm6:hover {margin-top: -10px;transition: all .5s; cursor:pointer;}

.zcemojittp {
    position: absolute;
    background-color: #fff9e9;
    padding: 1px 5px;
    border: solid 1px #f7d9a6;
    box-shadow: 1px 1px 3px #e5e5e5;
    top: -20px;
    left: calc(50% - 20px);
    border-radius: 1px;
    font-size: 12px;
    width: 35px;
    text-align: center;
    display: none;
}

.zcsm1:hover .zcemojittp{display: block;}
.zcsm2:hover .zcemojittp{display: block;}
.zcsm3:hover .zcemojittp{display: block;}
.zcsm4:hover .zcemojittp{display: block;}
.zcsm5:hover .zcemojittp{display: block;}
.zcsm6:hover .zcemojittp{display: block;}

.zcsm1 .zcemojittp{display: none;}
.zcsm2 .zcemojittp{display: none;}
.zcsm3 .zcemojittp{display: none;}
.zcsm4 .zcemojittp{display: none;}
.zcsm5 .zcemojittp{display: none;}
.zcsm6 .zcemojittp{display: none;}

.zcrplytrk .rptbnd li {
    width: 13em; }
	
.zcnumlst li{ list-style:decimal;}
.zcemotsel{border-bottom: 3px solid #f0a329;}
/* .emoti>a{cursor:default !important;} */


.zctempthmcrcle{background-color: #f95a5a;float: left;border-radius: 50%;padding: 5px; height:26px; width:26px;}



.zcprgmgchkboxsel{width: 25px;
height: 25px;
background-color: #67c784;
border: solid 1px #35ad59;
border-radius: 50%;
position: absolute;
padding: 0px 4px;
right: -40px;
box-shadow: 1px 1px 3px #ccc;z-index:10;}




.zcemilactncmp1{ border: 1px solid #efa554; background-color: #f2b976; text-align:center; padding:10px; border-radius:5px;}
.zcemilactncmp2{ border: 1px solid #ee9e49; background-color: #ffac41; text-align:center; padding:10px; border-radius:5px;}
.zcemilactncmp3{ border: 1px solid #ee9f47; background-color: #ffa125; text-align:center; padding:10px; border-radius:5px;}












.tmpcntr .thumbcntr {background-color: #fff;
border: 1px solid #c4d3da; box-shadow: 0 1px 5px #d4dfe5; cursor: pointer; float: left;
 padding: 10px;
transition: all 0.3s ease 0s; position:relative;}

.tmpcntr .thumbcntrgrps {overflow:visible;}


.tmpcntr .thumbcntrgrps {background-color: #fff;
border: 1px solid #c4d3da; box-shadow: 0 1px 5px #d4dfe5; cursor: pointer; float: left;
margin-bottom:5px; padding: 10px;
transition: all 0.3s ease 0s; position:relative;}

.tmpcntr .thumbcntr {overflow:visible;}


.tmpcntr .thumbcntrgrps:before{border: solid 1px #c4d3da;background-color: #FFF;height: 8px;
content: "";position: absolute;
width: 150px; top: -9px; z-index: 3;
border-bottom: 0px;box-shadow: 0 1px 5px #d4dfe5;}
.tmpcntr .thumbcntrgrps>img{ width:150px; height:172px; overflow:hidden;}
.tmpcntr .thumbcntrgrps:after{border: solid 1px #c4d3da;background-color: #FFF; height: 7px;
content: ""; position: absolute;
width: 130px; top: -16px; z-index: 3;
border-bottom: 0px; left:20px;box-shadow: 0 1px 5px #d4dfe5;}


.zctmpgrpcntr{ display:table; float:left; padding-top:20px;margin:0px 40px 5px 0px;}


.zctmpcntr{ display:table; float:left; padding-top:20px;margin:0px 40px 5px 0px;}
.zctipscnt{background-color:#f8e2ad; width:28px; display:table; padding:2px; text-align:center; border-radius:50%;}
.zcmappedappbg{background-color: #fff;
padding: 2px;
display: inline-table;
color: #4cc7ee;
border-radius: 2px;
vertical-align: middle;
float: left;
border: solid 1px #ccc; width:19px;}


.zcappbgsubtlnlft{position: absolute;right: 0px;transform: rotate(0deg);top: 0px;border-left: 20px solid transparent;border-top: 20px solid #f6f6f6;border-bottom: 20px solid transparent;border-top-right-radius: 3px;border-right: 20px solid #f6f6f6;}


.zcappiconlft{position: absolute;
right: 5px; z-index: 1; top: 6px;}

.zcappbgsubtlnrgt{position: absolute;
left: 0px;
transform: rotate(0deg);
top: 0px;
border-left: 20px solid #f6f6f6;
border-top: 20px solid #f6f6f6;
border-bottom: 20px solid transparent;
border-top-right-radius: 3px;
border-right: 20px solid transparent;}


.zcappiconrgt{position: absolute;
left: 5px;
z-index: 1;
margin-right: 5px;
top: 6px;}
.zcsmstemp{display:none !important;}

.zcsslgtgry{ background-color:#EFF8FA;}
.zcsslstvw:hover{background-color:#EFF8FA;}

.zcslctedusrlst {background-color: rgb(235, 240, 245);border-radius:5px;display: inline-block;font-size: 14px;line-height: 1px;margin-bottom: 15px;margin-right: 15px;padding: 10px 15px; color:#000 !important;}
.zcgryscl{filter: grayscale(20%);-webkit-filter: grayscale(90%);}
.settingshdrbnd{ font-size:22px;  padding:15px 20px; display:table; top:48px; position:fixed; z-index:3!important;}
.zcrtbfbndbadge{background-color: #fff;
    border-bottom:2px solid #ff5252;
    border-top:2px solid #ff5252;
    top:50px;
    color: #ff5252;
    font-size:25px;
    font-weight: bold;
    left: 10%;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(-12deg);
    z-index: 1; position:absolute;}
    .zcgrnbndseltick {
    position: absolute;
    color: #fff;
    z-index: 1;
    font-size: 30px;
    left: 5px;
    top: 4px;
}
.zcgrnbgselbnd
{
	    background-color: #93dd5b;
    position: absolute;
    width: 130px;
    height: 50px;
    transform: rotate(-45deg);
    left: -60px;
}
.zclogofnt { font-family:Lato; font-weight: 700;}
.zcannouncepan{border: solid 1px #fddbba;
width: 250px;
padding: 20px;
background-color: #fff;
box-shadow: 1px 2px 30px rgba(00,00,00,0.2);
position: fixed;
z-index: 1;
line-height: 1.7;
right: 10px;
bottom: 10px;
border-radius: 10px;
background-image: linear-gradient(white, #ffeedc);}

.zcannouncepanbtn{font-size: 14px;
padding: 8px 20px;width: 80%;
background-color: #ff5656;border: solid 1px #fe6b00;
box-shadow: 0 2px 2px 0 #fe565647, 0 3px 1px -2px #fe565666, 0 1px 5px 0 rgba(254, 86, 86, 0.15);}

.zcdsbrddmo{
    background-color: #ffffda;
    border: solid 1px #e8e899;}	
	
	
.zcdsbrdbox{ max-width:1210px; width:90%;}	
.zclrgbtn{padding: 12px 20px;
    height: auto;
    width: 150px;
    text-align: center;
    font-size: 18px; border-radius:3px; cursor:pointer; outline:none;}	
	
	
.zcdsbrdbox .getstrtcntr .lstpan{ width:33% !important;}

.zcannouncepanimg{position: absolute;left: 58px;
top: -69px;padding: 6px;background-color: #fff;
box-shadow: 0px -5px 5px rgba(00,00,00,0.1);
border-radius: 50%;}

  .zcdsbrdimgbox{height: 70px;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;}
     
     .zcupgrdbtn{background-color: #ff6c00;
    border: solid 1px #fe6b00;text-align: center;
    font-size: 16px; padding: 8px 20px;
    height: auto;box-sizing: unset;
    box-shadow: none;
    margin-top: -7px; color:#fff; border-radius:3px; cursor:pointer; outline:none;}



.zctmpnmeedit{outline: solid 1px #d7d3b0;
background-color: #fbfbe5;
height: 23px;cursor: text;}

.stckyhdr {position: sticky;position: -webkit-sticky;top: 0;z-index: 1;}
.inssilvbdr {border-bottom: 1px solid silver;padding: 10px;font-size: 13px;}
th.inssilvbdr {font-weight: 600;}
.insgreybdr {border-top: 1px solid gray;border-bottom: 1px solid gray;padding: 10px;width: 1%;font-weight: 600;}
.zcprgmsgsucss {background-color: #62C963;
border-radius: 50%; cursor: pointer;
right: -15px;position: absolute;top: 18px;}

.zcsmstemps{display:none !important;}
.zcprgbgplain{ background-color:#f9faff;}
.zcprghlptxtcntr{top: 280px;
width: 200px;left: calc(50% - 350px);
color: #ff7400 !important;font-style: italic;
line-height: 1.7;}

.zcprghlppan {width: 450px;
position: fixed; height: 100%;
background-color: #fff;right: 0px;
border-left: solid 1px #ddd;
box-shadow: 0px 2px 15px rgb(0, 0, 0, .2);
z-index: 1;background-color: #fff;}

.zczptitle{border-left: solid 10px #7acaf5;
 padding-left: 20px; color: #555; }
	
.zccphover:hover{ background-color: #f5faff;
color: #E95356; cursor: pointer; transition: all .4s;}

.zccphover{transition: all .4s;}
.zczptypselbg{height: 40px;width: 100px;
background-color: #85de58;position: absolute;
transform: rotate(-40deg);left: -37px;
top: -15px;cursor: pointer;}
.zczptyptick{position: absolute;
left: 5px;z-index: 1;top: 5px;color: #fff;cursor: pointer;}

.zccpcstmselbg{width: 20px;height: 20px;
background-color: #8ae004;border-radius: 50%;
position: absolute;padding: 4px;top: -12px;}

.zccpcstmsel{border-color: #8ae004; color: #222;}
.zccpcstmunsel{border-color: #ccc; color: #222;}
.zccpcstmunsel:hover{ color:#0c8cc4; cursor:pointer;}

.zccpinfoiconcntr{ position:absolute; right:-30px; top:0px;}


.zcprgcmpthlpbox{overflow: hidden;}

.zcprgcmpthlpbox>ul li { margin: 0px;
 padding: 0px;float: left; list-style: none;
 position: relative; cursor: default;
text-align: center; color: #fff; position: relative;}

.zcprgcmpthlpbox>ul li a {
display: block; border-right: solid 1px #ccc;
padding: 7px; background-color: #fff;
border: solid 1px #ddd;border-radius: 3px;
transition: all .4s; margin: 5px;
box-shadow: 0px 0px 1px #fff; width: 50px;
text-decoration: none;color: #222;
height: 40px; position: relative;}
	
.zcprgcmpthlpbox>ul li a i{ font-size:25px;}
	
.zcprgcmpthlpbox>ul li a:hover {box-shadow: 0px 1px 5px #ccc; color:#ff5f5f; cursor:pointer;}
	
	
.settingshdrbnd{ font-size:22px; padding:15px 20px; display:table; top:48px; position:fixed; z-index:3!important;}
	
.zconspotbnd{ position: absolute;
width: 130px; height: 50px;
transform: rotate(-45deg);left: -40px;top: -15px;}
	
.zconspotgrybndbg{background-color: #d1d1d1;}
	
.zconspotgrnbndbg{background-color: #93dd5b;}

.zconspotbndtxt{transform: rotate(-45deg);
top: 16px; left: 5px; color: #fff;}

.zcgrnbgselbnd{background-color: #93dd5b;
position: absolute;width: 130px;height: 50px;
transform: rotate(-45deg);left: -60px;}

.zcgrnbndseltick{position: absolute;
color: #fff;z-index: 1;font-size: 30px;
left: 5px;top: 4px;}

.zccpcmprmdrhvr{border-right: solid 3px transparent;}
.zccpcmprmdrhvr:hover{ background-color:#fff;border-right: solid 3px #36b0ea; cursor:pointer;}

.zccmprmdrtooltip{right: 50px;}

.zccptmlpnt{width: 10px;
height: 10px;background-color: #fff;
border-radius: 50%;position: absolute;
left: -26px;top: 10px;border: solid 3px #c8dbe4;}

.zccprmdrsel{border-left: solid 3px #ff7e00;
background-color: #fffdf2;}

.zccprmdrpan {width:450px; position: fixed;
 height: 100%; background-color:#F2FAFF;
right: 0px; box-shadow: 0px 2px 15px #ddd;
z-index: 1;background-color: #f9fdff;border-left: solid 1px #c8dbe4;}
	
	
.zccprmtmlcntr{border-left: solid 1px #c8dbe4; padding-left: 20px; padding-bottom: 0px;padding-top: 20px;}

.zccpqrcdebg{background-color: #fff;
height: 163px;position: absolute;width: 150px;
right: 0px;z-index: 2;top: 0px;}


.zccpqrsze{height: 163px;position: absolute;
width: 150px;right: 0px;z-index: 3;top: 0px;}

.zcsubtab{ border:solid 1px #EC6A6C; background:#EC6A6C; padding:5px 10px; border-bottom:0px; float:left; margin:0px 10px; position:relative; border-radius:5px 5px 0px 0px; color:#fff; cursor:pointer;}

.zcsubtab:before{border-right: #EC6A6C solid 10px;left: -10px;content: '';
border-top: transparent solid 29px;position: absolute;height: 29px;top: 0px;display: inline-block;}

.zcsubtab:after{border-left: #EC6A6C solid 10px;
right: -10px;content: '';
border-top: transparent solid 29px;
position: absolute;height: 29px;top: 0px;
display: inline-block;}


.zhsubtabbdr{ border-bottom:solid 1px #ddd;}
.zhsubtab{ padding:5px 10px; border-bottom:0px; float:left; margin:0px 20px; position:relative; border-radius:5px 5px 0px 0px; color:#fff; cursor:pointer; z-index:0; color:#222; }

.zhsubtab:before{
width: calc(100% + 20px);position: absolute;
content: '';height: 40px;border-radius: 5px 5px 0px 0px; border: 1px solid #dddddd;margin: 0 10px 0;-moz-transform: perspective(100px) rotateX(30deg);
-webkit-transform: perspective(100px) rotateX(30deg);transform: perspective(100px) rotateX(30deg);
left: -16px;top: -9px;
z-index: -1; background-color: #eee;}

.zhselsubtab{ font-weight:600; cursor:default;}
.zhselsubtab:before{background:#f9faff !important; border-bottom:solid 1px #f9faff !important; font-weight:600 !important; cursor:default;}

.zcsflftpan{left: 0px;
box-shadow: 2px -5px 7px #e8ebf2;
border-right: 1px #eee solid;background-color: #fff;
width: 400px;
height: 100%;}

.zcsndrvwpan{box-shadow: 0px 1px 6px rgb(100,100,100, .1);
border: 1px solid #cbd0d3;
background-color: #fffcf2;}

.zccmpcrtbtnrgt{right: 0px; top: -4px; position:absolute;}
.zccmpnmefldr{position: absolute;
z-index: 1; font-size:14px;
right: 10px;
 padding: 8px 10px;
border-left: solid 1px #bbb; cursor:pointer;}

.zccmpprsn{position: absolute;
z-index: 1; font-size:14px;
right: 10px;
border-left: solid 1px #bbb; cursor:pointer;}

.zccmpprdp{position: absolute;
    z-index: 1; font-size:14px;
    right: 0px;
cursor:pointer;}

.zccmpprdpin{position: absolute;
    z-index: 1; font-size:14px;
    right: 0px;
    top:1px;
    border-left: solid 1px #d8d8d8; 
cursor:pointer;}

.p8{ padding:8px;}
.zccmpprsn .zcbdrlft{ border-left:solid 1px #ccc;}
.zcbgpattern{ background-image:url(../images/funky-lines.png);}

.zcoptions > div {padding: 2px 10px; margin:0px 10px 10px 0px;
 display: inline-block; color: #9f9f9f;
 text-transform: uppercase; border: solid 1px #9f9f9f; border-top: solid 1px #9f9f9f;cursor: pointer; border-radius:2px;}
 
.zcoptions > div.sel {color: #ff5f5f;
 border: solid 1px #ff5f5f;
 border-top: solid 1px #ff5f5f;
}

.zcbgerred{background-color: #fff6f6;}

.zcdsbrdtips {background-color: #fffffb; border: solid 1px #f6f2be;}
.zcupgrdbtn{
	background-color: #ff6c00;
    border: solid 1px #fe6b00;text-align: center;
    font-size: 16px; padding: 8px 20px;
    height: auto;box-sizing: unset;
    box-shadow: none;
    margin-top: -7px; color:#fff; border-radius:3px; cursor:pointer; outline:none;
}
.zcdsbrddmo{
    background-color: #ffffda;
    border: solid 1px #e8e899;
}	
.zcdsbrdbox{ max-width:1210px; width:90%;}	
.zclrgbtn{
	padding: 12px 20px;
    height: auto;
    width: 150px;
    text-align: center;
    font-size: 16px; border-radius:3px; cursor:pointer; outline:none;
}
.zcsts{ width:12px; height:12px; border-radius:2px; }
.drpdwnlstlrg .drpdwnlst ul li a{font-size:16px;}
.drpdwnlstlrg .drpdwnlst ul li a:hover{font-size:16px;}
.zclstviewhgt{height: calc(100vh - 125px);overflow: auto;}
.zclstlftmnu { padding:10px 0px;}
.zclstlftmnu li{list-style:none;}
.zclstlftmnu li a{ padding:10px 20px; display:block; font-size:15px;}
.zclstlftmnu li a:hover{ color:#EC7200; cursor:pointer;}
.zclstlftmnu li a.sel{ color:#EC7200; background-color:#fafafa; cursor:pointer;}
.zclstchkboxsel{ color:#222 !important;}
.zcbdrbtmthick{ border-bottom:solid 5px #f0f6f9;}
.zcslealllstbndfxd{ position: fixed; width:100%; padding:10px 20px; border-bottom:solid 1px #f0f6f9; z-index:2; background-color:#fff; box-shadow: 1px 2px 6px rgba(105, 105, 105, 0.1);}
.zcslealllstbndnrml{border-bottom:solid 1px #f0f6f9; padding:10px 20px; background-color: #fff;}
.zclstvewactnpan a{ color: #222;}
.zclstvewactnpan :hover a{ color: #0c8cc4;}
.zcslealllstbndnrml input[type="text"] { border: solid 1px #d8d8d8; border-radius: 3px; font-family:Lato;text-indent: 10px;position: relative;  font-size:15px;}
.zcslealllstbndnrml input[type="text"]:focus {border: solid 1px #349fd7;box-shadow: 0px 0px 3px #349fd7;}
.zclblgrytxt{ color:#999;}


.zctpchannels{ background-color:#fff; overflow:hidden;}
.zctpchannels > a{ padding:5px 15px; display:inline-block; font-size:13px; border:solid 1px #ddd; color:#555;transition:all .3s; cursor:pointer; border-radius:15px; margin-left:15px; margin-top:15px;}
.zctpchannels > a.cstm{border: solid 1px #c6a9fa;background-color: #fff;}
.zctpchannels > a.cstm i{ color:#6c29e2}
.zctpchannels > a.sel{border: solid 1px #2da7e9;background-color: #f0f9ff; color:#2da7e9}
.zcnotifyupgrd{background-color: #58366F;
padding: 15px;
font-size: 12px;
border-radius: 5px;
width: 250px;
position: absolute;
z-index: 4;
right: 0px;
top: 40px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);}

/* advancedauto */
.zcjrnylbl
{
    display: table !important;
    background-color: #fff !important;
    border: solid 1px #f3af66 !important;
    font-size: 11px !important;
    border-radius: 2px !important;
}

.zcwaitcmptbox{
	height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.zceditoptncntr{top: -9px; padding: 4px !important;
z-index: 1; right: -8px; left: auto; border:solid 1px #9B9B9B !important}

.zcwaitcmptovrflhdn
{
    width: 64px;
    text-overflow: ellipsis;
    overflow: hidden;
	color: #252525;
}
.zcwaitcmpt
{
	background-color: #ec9142;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: none;
}
.zcjrnylbl .zcwaitcmpt { background-color:#ec9142; color:#fff;  overflow:hidden; text-overflow:ellipsis;border-right: none;}
.zcprgmergcmptsmal {
	border: solid 1px #6785d3;
	background-color: #6785d3;
	padding: 10px;
	border-radius: 6px;
	width: 100px;
	text-align: center;
	box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);
	position: absolute;
	top: 170px;
	left: -18px;
}
.zcprgabrescmptnd{background-color: #5572bd; height:22px;}
.zcprgabrescmptnd .sepdiv{ border-right:1px solid #829cdd;}


.zcprgabrespline:after {
    bottom: 50px;
    content: "";
    height: 20px;
    left: 49.6%;
    position: absolute;
    width: 3px;
    z-index: 1;
    height: 15px;
    position: absolute;
    left: 50%;
    content: "";
    border-right: 2px dashed rgb(235, 98, 0);
}
    
.zcjrnylbl div{padding: 1px 10px;}
.zcnotifyupgrdsetup{background-color: #58366F;
padding: 15px;
font-size: 12px;
border-radius: 5px;
width: 300px;
position: absolute;
z-index: 4;
right: 40px;
top: 40px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .2);}

.zcnotifyupgrdsetup button{ background-color:#e14a5d; color:#fff; border:none; padding:5px 20px; font-size:12px; border-radius:2px; cursor:pointer; text-transform:uppercase;}
.zcupgradeband{
border: solid 3px #c3e5fb;
background-color: #fff;
padding: 10px 20px;margin: 10px;
margin-bottom: 10px;margin-bottom: 20px;
border-radius: 3px;color: #ff7800;
}
.zcnotifyupgrd:after {
	border-color: transparent transparent #58366F; 
	border-style: solid; 
	border-width: 8px; 
	content: " "; 
	height: 0; 
	position: absolute; 
	right: 9px; 
	top: -16px; 
	width: 0;
}
.zcupgradestar{
	position: absolute;
	right: 10px;
	font-size: 10px;
	top: 5px;
	color: #ff5c00;
}
.zcfedbklstcntr li{ list-style:none;}
.zcfedbklst{border: 1px solid #d7e1ec;
box-shadow: 0 1px 0 0 #e6eff3;
border-radius: 5px;
background-color: #fff;
margin:10px ;
padding:10px;
cursor: move;}

.cmpmeta{
	padding: 10px; 
	display: inline-block; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
	font-weight:bold;
}
.zcbgylwbnd{border: solid 1px #f5e9bb;
background-color: #fffaef;}
/*** ONE PAGE CRTN **/
.zccmpcrtbtnrgt {right: 0px;top: -4px;position: absolute;}
.zccmpprsn{position: absolute;z-index: 1; font-size:14px;right: 10px;border-left: solid 1px #bbb; cursor:pointer;}
.p8{ padding:8px;}
.zccmpprsn .zcbdrlft{ border-left:solid 1px #ccc;}
.zcbgpattern{ background-image:url(../images/funky-lines.png);}
.zctempactnicon{background-color: #333;padding: 15px;width: 50px;height: 50px;float: left; cursor:pointer;}
.zctempactnicon:hover{background-color:#666; cursor:pointer; box-shadow: 0px 3px 6px #fff;}
.zctempiconscntr{position: absolute;z-index: 2;top: 100px;left: 35%;}
.zccmpnmefldr{position: absolute;
z-index: 1; font-size:14px;
right: 10px;
 padding: 8px 10px;
border-left: solid 1px #bbb; cursor:pointer;}
.zccntinfopptoprgt{position:absolute;  padding:10px; z-index:2; background-color:#fff; border:solid 1px #ccc; top:20px; font-size:13px; width:250px; border-radius:5px; box-shadow:1px 2px 3px #ccc;}
.zccntinfopptoprgt:after{top:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent transparent  #ccc  transparent; border-style:solid; border-width:10px; z-index:1; right:20px;}
.zccntinfopptoprgt:before{top:-19px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent transparent #fff transparent; border-style:solid; border-width:10px; z-index:2; right:20px;}

.zcsndrvwpan{box-shadow: 0px 1px 6px rgb(100,100,100, .1);
border: 1px solid #cbd0d3;
background-color: #fffcf2;}
.linktxtorng{color:#ff6c00; text-decoration:none; cursor:pointer;}
.linktxtorng:hover{color:#ff6c00; text-decoration:underline;}

.zcsmsinteg i{color:#67c784 !important;}
.zcsmsnrml{border: solid 1px transparent;cursor:pointer;transition:all .3s;} .zcsmsnrml i{color:#e8eff5;}
.zcsmsnrml:hover{ border: solid 2px #9ACF7B; cursor:pointer; transition:all .3s;}
.zcsmssel{ border: solid 2px #9ACF7B !important; cursor:pointer;}.zcsmssel i{color:#67c784}
.zcsmsnrml{ border: solid 1px transparent; cursor:pointer; transition:all .3s;} .zcsmsnrml i{color:#e8eff5}

.zceditorinfopan{background-color: #0877d6;
font-size: 14px;
line-height: 1.6;
padding: 10px;
border-radius: 5px;
box-shadow: 2px 6px 15px #ddd;
position: fixed;
z-index: 9;
right: 20px;
top: 50px;
color: #fff;
width: 400px;}


.zinteginfopan{background-color: #0877d6;
font-size: 14px;
line-height: 1.6;
padding: 10px;
border-radius: 5px;
box-shadow: 2px 6px 15px #ddd;
position: fixed;
z-index: 9;
right: 20px;
bottom: 50px;
color: #fff;
width: 400px;}


.zinapppopup{background-color: #30229b; 
font-size: 14px;
line-height: 1.6;
padding: 10px;
border-radius: 5px;
box-shadow: 2px 6px 15px #ddd;
position: fixed;
z-index: 9;
right: 20px;
bottom: 50px;
color: #fff;
width: 430px;}

.zinapppopupbtn{ background-color: #fd4452; color: #fff; padding: 2px 40px}


.zcbgylwbnd{border: solid 1px #f5e9bb;

background-color: #fffaef;}

.zcwrdsteps{margin-top: 1px;margin-left: calc( 50% - 130px);}
.zcwrdsteps .zcnum{ width: 30px;
height: 30px;
border-radius: 50%;
border: solid 1px #ddd;
margin: 0px 5px;
font-size: 14px;
padding: 3px;
text-align: center; vertical-align:middle; margin:0px 5px;}
.zcwrdsteps .zcwrdspr{ padding:0px 10px;}
.zcwrdsteps .zcseltxt{ font-size:16px; margin-right:10px; color:#4AA8F1; padding-right:20px; font-weight:600;}
.zcwrdsteps .zcselnum{ font-size: 16px;
margin-right: 10px;
color: #4AA8F1;
font-weight: 600;
background-color: #ecf8ff;
border-color: #4aa8f1; pointer-events:none;}
.zcwrdsteps .zcnum:hover{background-color: #fff;
border-color: #ffac41; cursor:pointer;}
.zcwrdsteps .cmpl{ color:#40b441;}
.zcwrdsteps .sel{ color:#2594cf;}
.zcnumrnd{background-color: #2ca7e9;padding: 4px;border-radius: 50%;text-align: center;width: 30px;height: 30px;color: #fff;font-size: 16px;}

.zcsmsinteg i{color:#67c784 !important;}
.zcsmsnrml{border: solid 1px transparent;cursor:pointer;transition:all .3s;} .zcsmsnrml i{color:#e8eff5;}
.zcsmsnrml:hover{ border: solid 2px #9ACF7B; cursor:pointer; transition:all .3s;}
.zcsmssel{ border: solid 2px #9ACF7B !important; cursor:pointer;}.zcsmssel i{color:#67c784}
.zcsmsnrml{ border: solid 1px transparent; cursor:pointer; transition:all .3s;} .zcsmsnrml i{color:#e8eff5}

.zcsflftpan{left: 0px;box-shadow: 2px -5px 7px #e8ebf2;border-right: 1px #eee solid;background-color: #fff;width: 400px;height: 100%;}
.zclftmnunumber{border: solid 1px #ccc;
padding: 10px 14px;line-height: 1;border-radius: 50%;
width: 40px;height: 40px;display: block;float: left;
font-size: 18px;}
.zclftmnunumbersel{background-color: #fe7e00;color: #fff;}
.zctmpgifdiv{position: absolute; padding: 4px 8px; font-size: 9px; border-radius: 0px 3px 3px 0px;
    line-height: 9px; left: 0px; top: 10px; border: solid 1px #4e54ff; box-shadow: 1px 2px 2px #ddd; cursor: default; background-color: #4e54ff; color: #fff;}

.zcsfsndrdtlbg{background-color: #fffbf1;border: solid 1px #f4e9cc;}

.zcbigwizrdcont {
    width: 100%;
    text-align: center;
}

.zcbigwizrd {
    margin: 0 auto;
    height: 40px;
    display: inline-block;
}

.zcbwpoint {
    width: 28px;
    height: 28px;
    position: relative;
    display: block;
    float: left;
}

.zcbwline {
    width: 200px;
    height: 3px;
    display: block;
    background-color: #dce3e6;
    float: left;
    position: relative;
    top: 13px;
}

.zcbwline.active {background-color: #0087e3;}
.zcbwpoint:after {width: 28px;height: 28px;background-color: #ffffff;content: '';border-radius: 50%;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);position: absolute;top: 0;display: none;}
.zcbwpoint:after {display: block;}
.zcbwpoint:before {width: 18px;height: 18px;background-color: #dce3e6;content: '';border-radius: 50%;display: block;position: absolute;z-index: 9;top: 5px;left: 5px;}
.zcbwpoint.active:before {background-color: #0087e3;}
.zcbwstage {display: block;position: relative;
width: 150px; left: -61px;top: 30px;text-align: center;}
.zcbwstage span {font-size: 14px;}
.zcbwpoint.active .zcbwstage span {color: #0087e3; }
		
.zcsyncrotate{
	width: 50px;
	height: 50px;
	background-color: #FF9330;
	left: 46%;
	top: 7px;
	animation-duration: 500ms;
	animation-iteration-count: infinite;
	animation-name: spin;
	animation-timing-function: linear;
	padding: 10px;
}
.zcsynctick{
	width: 50px;
	height: 50px;
	background-color: #7ACC4F;
	left: 46%;
	top: 7px;
}

.zcsyncstop{
	width: 50px;
	height: 50px;
	background-color:#DF4B4D;
	left: 46%;
	top: 7px;
}
.zclstportal{background-color: #fff;box-shadow:0px 0px 4px 3px rgb(238 238 238 / 50%);}
.zclstportal:hover{background-color: #fff; cursor:pointer; box-shadow:2px 6px 16px #eee;}
.zclstportal a{ color:#222;}
.zclstportal:hover a{color: #ef7615; text-decoration:none;}

.zclstportalsel{background-color: #f2fcfe; cursor:pointer; border:solid 1px #01caca}
.zcfltrappld{
	background-color: #6d7884;
	padding: 3px 12px;
	margin-left: 25px;
	border-radius: 12px;
	font-size: 12px;
	color: #fff;
	box-shadow: 0 14px 26px -12px rgba(168, 231, 81, 0.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(206, 123, 44, 0.2);
}



.zcedtrcmptcntr {
max-width: 145px;
overflow: hidden;
min-height: 60px;
border: solid 1px #d2d2d2;
max-height: 70px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;}


.zchdedtrcntr textarea{ border:solid 2px #ddd;}
.zchdedtrcntr textarea:focus{border: solid 2px #349fd7;}
.zchdedtrcntr input[type="text"]{ border:solid 2px #ddd;}
.zchdedtrcntr input[type="text"]:focus{border: solid 2px #349fd7;}
.zchdedtrcntr .zcedtrdrbdwn {border:solid 2px #ddd; border-radius:3px;}
.zchdedtrcntr .zcedtrbdr{border:solid 2px #ddd; border-radius:3px;}
.zchdedtrcntr .zcedtrbdr a{ cursor:pointer; padding:8px; display:block;}
.zchdedtrcntr .zcedtrdrbdwn a{ cursor:pointer; padding:8px; display:block;}
.zchdedtrcntr .zcbdrlft{border-left:solid 2px #ddd;}
.zchdedtrcntr .zcbdrrgt{border-right:solid 2px #ddd;}
.zcedtrbdr .zcedtrclrplt{display: block;
background: #ff9300;margin: 5px;height: 23px;width: 23px;border-radius: 2px;}
.zchdedtrcntr .zccmpthgt{ height:33px;}


.zcprgcmpthlpbox{overflow: hidden;}

.zcprgcmpthlpbox>ul li { margin: 0px;
 padding: 0px;float: left; list-style: none;
 position: relative; cursor: default;
text-align: center; color: #fff; position: relative;}

.zcprgcmpthlpbox>ul li a {
display: block; border-right: solid 1px #ccc;
padding: 7px; background-color: #fff;
border: solid 1px #ddd;border-radius: 3px;
transition: all .4s; margin: 5px;
box-shadow: 0px 0px 1px #fff; width: 50px;
text-decoration: none;color: #222;
height: 40px; position: relative;}
	
.zcprgcmpthlpbox>ul li a i{ font-size:25px;}
	
.zcprgcmpthlpbox>ul li a:hover {box-shadow: 0px 1px 5px #ccc; color:#ff5f5f; cursor:pointer;}
.zcprghlppan {width: 450px;
position: fixed; height: 100%;
background-color: #fff;right: 0px;
border-left: solid 1px #ddd;
box-shadow: 0px 2px 15px rgb(0, 0, 0, .2);
z-index: 1;background-color: #fff;}

.zcscltab ul li{ list-style:none; display: inline-block;}
.zcscltab ul li a{ list-style:none; padding:10px 20px;display: inline-block; font-size:15px; cursor:pointer;}


.zcedtrimgcntr{max-width: 220px;
overflow: hidden;
min-height: 80px;
border: solid 1px #d2d2d2; max-height:120px;}




.zcnumrnd{background-color: #2ca7e9;padding: 4px;
border-radius: 50%;text-align: center;width: 30px;height: 30px;color: #fff;font-size: 16px;}

.zccmpdsdbdrbtm{border-bottom: #94c6df dashed 1px;}
.zctaglgl{background-color: #ddf3ff;padding: 2px 12px;border-radius: 15px;font-size: 12px;margin-right: 10px;}
.zcshwhidbar{ background-color:#F2F9FB;}
.zcshwhidbar:hover{ background-color:#E6F3F7; cursor:pointer;}
.zcgsactnbg{ background-color:#fff9e3;}
.zcgsprgbndbg{background-color: #ebf4fb;border-radius: 10px;}
.zcgsprgdiv{background-image: linear-gradient(to right, #11b4ff , #2c7ce9); background-color: #2c7ce9;border-radius: 10px; height: 8px;}

.zcsfprwoptinbg{background-color: #000;
position: absolute;
box-shadow: 1px 1px 5px #555;}

.zcfltrappld{background-color: #ff9e00; padding: 3px 12px;margin-left: 50px;border-radius: 12px;font-size: 12px;color: #fff;
box-shadow: 0 14px 26px -12px rgba(168, 231, 81, 0.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(206, 123, 44, 0.2);}
.zcprgrspnsesml .zcjrnylbl{font-size:9px; width:70px}
/*.zcprgrspnsesml .zcprgrspcmpt div { border-right:none;}*/

.zclinktip{color: #cd4206;border-bottom: dashed 1px #cd4206;background-color: #ffffeb;}
.zclinktip:hover{ cursor:pointer; border-bottom: dashed 1px  #ffffeb;}

.zcylwbnddttdbdr{border: dashed 1px #e3e3af;padding: 20px;background-color: #ffffef;}

.zcflxcntr{display: flex;align-items: center;justify-content: center;}


.zcedtrcmptcntr {
max-width: 145px;
overflow: hidden;
min-height: 60px;
border: solid 1px #d2d2d2;
max-height: 70px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;}


 .zcbigwizrdcont {width: 100%;text-align: center; }

 .zcbigwizrd {
            margin: 0 auto;
            height: 40px;
            display: inline-block;
        }

        .zcbwpoint {
            width: 28px;
            height: 28px;
            position: relative;
            display: block;
            float: left;
        }

        .zcbwline {
            width: 200px;
            height: 3px;
            display: block;
            background-color: #dce3e6;
            float: left;
            position: relative;
            top: 13px;
        }

.zcbwline.active {background-color: #0087e3;}

.zcbwpoint:after {width: 28px;height: 28px;background-color: #ffffff;content: '';border-radius: 50%;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);position: absolute;top: 0;display: none;
        }

.zcbwpoint:after {display: block;}
.zcbwpoint:before {width: 18px;height: 18px;background-color: #dce3e6;content: '';border-radius: 50%;display: block;position: absolute;z-index: 9;top: 5px;left: 5px;}

.zcbwpoint.active:before {background-color: #0087e3;}
.zcbwstage {display: block;position: relative;
width: 150px; left: -61px;top: 30px;text-align: center;}
.zcbwstage span {font-size: 14px;}
.zcbwpoint.active .zcbwstage span {color: #0087e3; }
		
.zcsyncrotate{width: 50px;
height: 50px;
background-color: #FF9330;
left: 46%;
top: 7px;
animation-duration: 500ms;
animation-iteration-count: infinite;
animation-name: spin;
animation-timing-function: linear;
padding: 10px;}

.zcsynctick{width: 50px;
height: 50px;
background-color: #7ACC4F;
left: 46%;
top: 7px;}

.zcsyncstop{width: 50px;height: 50px;background-color:#DF4B4D;left: 46%;top: 7px;}

.zcprgwaitcndtion {width: 100px;height: 100px;background-color: #41abf2;border-radius: 10px;transform: rotate(45deg);position: absolute;top: -95px;
left: 113px;box-shadow: 0 5px 10px 5px rgba(67, 124, 153, 0.2);}

.zcprgwaitcndtncntr {position: absolute;top: -88px;left: 126px; z-index: 1;}

.zcpgcuntcntr{ background-color: #0072b6; border-radius: 10px 10px 0px 0px; position: fixed; bottom: 0px; right: 20px; z-index: 1;}

.zcpgcuntcntrarwbg{ background-color:#045789; border-radius: 10px 0px 0px 0px; cursor:pointer;}

.zcprgcmpntsel {box-shadow: 0px 0px 0px 10px rgba(249, 211, 0, 0.91);}


.zcspacersplit{border: solid 1px #0c75bf; padding: 5px 10px; position: absolute; line-height: 0;border-radius:8px; background-color: #0877d6; color: #fff;  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4); cursor: move;}


.zcpgscrolldwnarw{ background-color:#ffd200; width: 50px; height: 50px; padding: 10px; border-radius: 50%; position: fixed; bottom: 20px; z-index: 10; left: 20px; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3); cursor: pointer;}


.zclbl1{background-color: #dfebfb; padding: 4px 10px; border-radius: 3px; color: #1a59a9;}
.zclbl2{background-color: #fff1e6; padding: 4px 10px; border-radius: 3px; color: #d05300;}
.zclbl3{background-color: #dffbeb; padding: 4px 10px; border-radius: 3px; color: #029443;}
.zcunctzlst {position: absolute; font-size: 20px; left: -30px; top: 25px; border-bottom: solid 1px #ddd;  width: 20px;}
.zcunctzlst:after{width: 7px; height: 7px; background-color: #ddd; border-radius: 50%; content: ""; position: absolute; right: 0px;
top: -3px;}
.zclistenddiv{background-color: #fffef8; color: #4b493d;border-top: solid 1px #f0edd9; padding-right: 220px;}

.zctxtflddsbl{background-color: #f7f7f7; pointer-events: none;}


.zcsmplprwtbl>div>div{border-top: solid 1px #ddd;  padding: 10px;   background-color: #f9f9f9; vertical-align: middle}
.zcsmplprwtbl .zcgrybdr{ border-bottom: solid 5px #ddd;}

.zcsmpleprwphn{ background-image: url("../images/Apple-iPhone-X-Silver.png"); }
.zctriplcols{     width: calc(33.33% - 20px); margin: 10px;}
.zcdblcols {width: calc(50% - 20px); margin: 10px;}


.zccircle-ripple {
  background-color: #ff6000;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  animation: zcripple 0.7s linear infinite;    z-index: 12;
    position: absolute;
    top: 9px;
    left: -4px;
}

.zcnmeprefxcntr{width: 60px;  height: 60px; border-radius: 50%; color: #fff; font-size: 26px;  padding: 18px 14px;
    line-height: 1; margin-right: 20px;  margin-top: 7px; text-align: center;}

.zclgtbgclr1{ background-color: #ffc8c8;}
.zclgtbgclr2{ background-color: #c0eabf;}
.zclgtbgclr3{ background-color: #cbc8ff;}
.zclgtbgclr4{ background-color: #f9c8ff;}
.zclgtbgclr5{ background-color: #dedede;}

.zcloadingbar{display: inline-block;
    height: 10px;
    width: 100%;
    
  
    background-color: #ffc085;box-sizing: border-box;background-image: linear-gradient( -45deg, rgba(255, 154, 26, 1) 25%, transparent 25%, transparent 50%, rgba(255, 154, 26, 1) 50%, rgba(255, 154, 26, 1) 75%, transparent 75%, transparent );background-size: 50px 50px;animation: move 2s linear infinite;border-radius: 20px;
    overflow: hidden;
    box-shadow: inset 0 10px 0 rgba(255,255,255,.2); float: left;}

.zcldngcntr{border: solid 1px #ffae54;
    width: 500px;
    border-radius: 10px;
    height: 12px;
    background-color: #fff; float: left;}

.zcprgnavigtrclsed{padding: 3px; background-color: #222; color: #fff;
position: fixed; right: 100px;
border-radius: 10% 10% 0px 0px; width: 30px;
height: 30px; bottom: 0px; z-index: 999;}

.zcprgnavigtrclsicon{padding: 6px; background-color: #fff; color: #111; position: fixed; right: 100px; border-radius: 4px 4px 0px 0px;
width: 30px;height: 30px;bottom: 230px;z-index: 999;border: solid 1px #d9e0e8;box-shadow: 1px 2px 3px #eee;}


.zczerocasecntr{display: flex; align-items: center; justify-content: center; height: calc(100vh - 120px);}


.zcsffkesitehdr{padding: 30px 30px;  background-color: #8789c7;border-radius: 20px 20px 0px 0px;}
.zcsffkesitesubhdr{padding: 20px 10px; background-color: #f2f2f9;}
.zcsffkesiteftr{padding: 15px;  background-color: #8789c7; border-radius: 0px 0px 10px 10px;}
.zcsffkesiteimg{padding: 85px; background-color: #f5f5ff;border-radius: 5px;margin-top: 30px;}
.zcsffkesitetxt{padding: 10px; background-color: #f5f4ff;  border-radius: 5px;    margin-top: 20px;}
.zcsffkesitebtn{padding: 23px;background-color: #e7e7f7;border-radius: 5px;width: 30%;margin-top: 20px;}


.zctmlnecntr { padding: 20px; padding-top: 0px;}

.zctracesubicon{position: absolute !important;right: 0px;height: 37px !important;border-radius: 0px 5px 5px 0px !important;}
.zcerrmsgsolid{padding: 2px 10px 4px 4px;
    background-color: #fb2828;
    color: #fff;
    border-radius: 16px;
    border: 1px solid #dc3737;}


 .zcinterlogocont {
            width: 50%;
            float: left;
            box-sizing: border-box
        }

        .zcinterlogo {
            width: 115px;
            height: 115px;
            position: relative;
            margin: 100px auto;
        }

        .zcinterlogo img {
            vertical-align: middle;
            margin: 30px;
            width: 55px
        }

        .zcinterbarrot-1 {
            transform: rotate(0deg) translate(0px, -70px);
            position: absolute;
            height: 60px;
        }

        .zcinterbarrot-1:before {
            width: 10px;
            height: 10px;
            top: 2px;
            left: 5.3px;
        }

        .zcinterbarrot-1 span {
            transform: rotate(0deg) translate(-60px, -35px);
            font-size: 10px
        }

        .zcinterbarrot-1:after {
            height: 40px
        }

        .zcinterbarrot-2 {
            transform: rotate(90deg) translate(0px, -75px);
            position: absolute;
            height: 100px
        }

        .zcinterbarrot-2 span {
            transform: rotate(-90deg) translate(75px, -66px);
            font-size: 10px
        }

        .zcinterbarrot-2:after {
            height: 50px;
        }

        .zcinterbarrot-2:before {
            width: 13px;
            height: 13px;
            left: 4px;
        }

        .zcinterbarrot-3 {
            transform: rotate(120deg) translate(5px, -50px);
            position: absolute;
            height: 100px
        }

        .zcinterbarrot-3 span {
            font-size: 14px;
            transform: rotate(-120deg) translate(91px, -40px)
        }

        .zcinterbarrot-3:after {
            height: 50px
        }

        .zcinterbarrot-3:before {
            width: 15px;
            height: 15px;
            top: 2px;
            left: 1.3px;
        }

        .zcinterbarrot-4 {
            transform: rotate(150deg) translate(5px, -90px);
            position: absolute;
            height: 115px;
        }

        .zcinterbarrot-4 span {
            font-size: 12px;
            transform: rotate(-151deg) translate(105px, -5px);
            opacity: .5;
        }

        .zcinterbarrot-4:after {
            height: 70px
        }

        .zcinterbarrot-4:before {
            width: 12px;
            height: 12px;
            top: 2px;
            left: 4.3px;
        }

        .zcinterbarrot-5 {
            transform: rotate(182deg) translate(0px, -76px);
            position: absolute;
            height: 80px
        }

        .zcinterbarrot-5 span {
            font-size: 11px;
            transform: rotate(-180deg) translate(65px, 35px);
            opacity: .5;
        }

        .zcinterbarrot-5:after {
            height: 55px
        }

        .zcinterbarrot-5:before {
            width: 10px;
            height: 10px;
            top: 5px;
            left: 5px;
        }

        .zcinterbarrot-6 {
            transform: rotate(240deg) translate(5px, -60px);
            position: absolute;
            height: 80px
        }

        .zcinterbarrot-6 span {
            font-size: 10px;
            transform: rotate(-240deg) translate(-15px, 70px);
        }

        .zcinterbarrot-6:after {
            height: 40px;
            transform: rotate(-5deg);
        }

        .zcinterbarrot-6:before {
            width: 14px;
            height: 14px;
        }

        .zcinterbarrot-7 {
            transform: rotate(-52deg) translate(10px, -113px);
            position: absolute;
            height: 90px
        }

        .zcinterbarrot-7 span {
            font-size: 14px;
            transform: rotate(52deg) translate(-85px, 40px);
        }

        .zcinterbarrot-7:after {
            height: 70px
        }

        .zcinterbarrot-7:before {
            width: 13px;
            height: 13px;
            left: 2px;
        }

        .zcinterbarrot-8 {
            transform: rotate(-70deg) translate(5px, -100px);
            position: absolute;
            height: 100px;
        }

        .zcinterbarrot-8 span {
            font-size: 10px;
            transform: rotate(70deg) translate(-75px, 55px);
            opacity: .5;
        }

        .zcinterbarrot-8:after {
            height: 80px
        }

        .zcinterbarrot-8:before {
            width: 12px;
            height: 12px;
            top: 2px;
            left: 2px
        }

        .zcinterbarrot-9 {
            transform: rotate(-30deg) translate(5px, -85px);
            position: absolute;
            height: 90px
        }

        .zcinterbarrot-9 span {
            font-size: 12px;
            transform: rotate(30deg) translate(-75px, -5px);
        }

        .zcinterbarrot-9:after {
            height: 50px
        }

        .zcinterbarrot-9:before {
            width: 12px;
            height: 12px;
            top: 1px;
            left: 4px;
        }

        .zcinterbarrot-10 {
            transform: rotate(30deg) translate(5px, -100px);
            position: absolute;
            height: 80px
        }

        .zcinterbarrot-10 span {
            font-size: 16px;
            transform: rotate(30deg) translate(-65px, -10px)
        }

        .zcinterbarrot-10:after {
            height: 60px;
            background-color: #efefef !important
        }

        .zcinterbarrot-10:before {
            width: 10px;
            height: 10px;
            top: 2px;
            left: 5px;
            background-color: #efefef !important
        }

        .zcinterbarrot-11 {
            transform: rotate(55deg) translate(5px, -80px);
            position: absolute;
            height: 90px;
        }

        .zcinterbarrot-11 span {
            font-size: 10px;
            transform: rotate(-55deg) translate(10px, -70px);
            opacity: .5;
        }

        .zcinterbarrot-11:after {
            height: 65px
        }

        .zcinterbarrot-11:before {
            width: 10px;
            height: 10px;
            top: 6px;
            left: 5px;
        }

        .zcinterbarrot-12 {
            transform: rotate(210deg) translate(5px, -100px);
            position: absolute;
            height: 80px
        }

        .zcinterbarrot-12 span {
            font-size: 12px;
            transform: rotate(-180deg) translate(70px, 45px)
        }

        .zcinterbarrot-12:after {
            height: 70px;
            background-color: #efefef !important
        }

        .zcinterbarrot-12:before {
            width: 15px;
            height: 15px;
            top: 2px;
            left: 2px;
            background-color: #efefef !important
        }


        .zcinterbarrot-13 {
            font-size: 12px;
            transform: rotate(-90deg) translate(83px, -150px);
            margin: 0;
            width: 60px;
        }

        .zcinterbarrot-13.lg {
            transform: rotate(-90deg) translate(88px, -270px);
        }

        .zcinterbarrot-13.lg:after {
            height: 240px;
        }

        .zcinterbarrot-13.lg label.out {
            top: 250px;
        }

        .zcinterbarrot-13 img {
            font-size: 12px;
            transform: rotate(91deg) translate(-70px, 20px);
            margin: 0;
            width: 60px;
        }

        .zcinterbarrot-13:after {
            height: 110px;
            background-color: #efefef !important;
        }

        .zcinterbarrot-13 label.in {
            position: absolute;
            left: 2px;
            top: 10px;
        }

        .zcinterbarrot-13 label.out {
            position: absolute;
            right: 5px;
            top: 120px;
        }

        .zcinterbarrot-13 label.in:after {
            content: '';
            width: 13px;
            height: 2px;
            background-color: #efefef;
            display: block;
            transform: rotate(-50deg) translate(-7px, 2px);
        }

        .zcinterbarrot-13 label.in:before {
            content: '';
            width: 13px;
            height: 2px;
            background-color: #efefef;
            display: block;
            transform: rotate(45deg) translate(10px, 2px);
        }

        .zcinterbarrot-13 label.out:after {
            content: '';
            width: 13px;
            height: 2px;
            background-color: #efefef;
            display: block;
            transform: rotate(50deg) translate(-4px, 0px);
        }

        .zcinterbarrot-13 label.out:before {
            content: '';
            width: 13px;
            height: 2px;
            background-color: #efefef;
            display: block;
            transform: rotate(-50deg) translate(5px, 4px);
        }

        .zcinterbardot {
            width: 20px;
            text-align: center;
            transform-origin: center;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto
        }

        .zcinterbardot span {
            width: 130px;
            position: absolute;
            transform-origin: center
        }

        .zcinterbardot:before {
            background-color: #e9e9e9;
            display: block;
            content: '';
            border-radius: 50%;
            position: relative;
            top: 5px;
        }

        .zcinterbardot:after {
            top: 15px;
            left: 9px;
            width: 2px;
            background-color: #e9e9e9;
            display: block;
            content: '';
            position: absolute;
        }

        .zcprdimg {
            position: absolute;
        }

.zcprewwflwtempcntr{position: absolute;
    right: 15px;
    border-radius: 10px;
    z-index: 999;
    background-color: #333;
    padding: 15px;
    width: 50px;
    height: 50px;}

.zcprewwflwtempcntr{position: absolute;
    right: 15px;
    border-radius: 10px;
    z-index: 999;
    background-color: #333;
    padding: 15px;
    width: 50px;
    height: 50px;}

.zclblvltclr{color: #ffffff; padding: 2px 8px; line-height: 1; border-radius: 3px; background-color: #746ed0}

.zcedtrlftmnu{padding:0px; position:relative;}
.zcedtrlftmnu li { list-style:none; position:relative;}
.zcedtrlftmnu li a{ padding:20px; font-size:16px; color:#222; display:block; cursor:pointer; position:relative; font-weight: 600; border-bottom: solid 1px #f0f6f9;}
.zcedtrlftmnu li a:hover{color:#ef7615; cursor: pointer;}


.zcedtrinfopan{z-index: 1; background: #e8f4fd; margin: 20px; width: 330px; border-radius: 5px; color: #000; padding: 10px 15px;  border: solid 1px #77b7ea;
    display: flex; border-left: solid 3px #349bee;}

.zcedtrtxtdsbl{ opacity: .1; pointer-events: none;}
.zcedtrlocked{position: absolute; left: calc(50% - 60px); margin-top: 13px; text-align: center;}
.zctracepathlnk{border: solid 1px #dfeffd;border-radius: 4px; padding: 5px 10px; background-color: #f8fdff;}

.zcsetextwrkfl{background-color: #fff;color: #222; border: solid 1px #222;}
.zcviewextwrkfl{background-color: #fff;color: #00a735; border: solid 1px #00a735;}
.zcviewextwrkfl i { color:unset;}




.zcmsgpantmlnehide{     border-left: 1px solid #f2f8fb;
    position: absolute;
    left: -72px;
    top: 0px;
    height: 100%;}


.zcpoptemclose{position: absolute; right: -46px; background-color: #313131;  padding: 10px; top: -10px;}
.zclibuser{background: #111; position: absolute; border-radius: 3px; padding: 10px; position: absolute; right: 10px; top:10px; border: solid 1px #fff;}
.zcedtrpadngcntr{border: dashed 1px #a2b4ff; background-color: #e5f0f6; display: inline-table; }

.zcreferralpopup {
    background-color: #fff; font-size: 14px;  line-height: 1.6; padding: 25px; box-shadow: 4px 1px 20px #c5c5c5; position: fixed; z-index: 9;  right: 0px; bottom: 0px;
    color: #111; width: 400px; top:40px;}
	.zcreferralpopup:after{right:135px; top:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent transparent  #ccc  transparent; border-style:solid; border-width:10px; z-index:1; }
    .zcreferralpopup:before{right:135px; top:-19px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent transparent #fff transparent; border-style:solid; border-width:10px; z-index:2; }
    .zcprgcntnpp{left: -17px; width: 400px; top:40px}
.zcreferraltxt{border-bottom: dashed 1px #555; border-top: dashed 1px #555; margin-top:20px; margin-bottom:20px; padding:20px 0px; color:#d53a6f;}
.zcreferbtn{ background-color:#3235be; color: #fff;}
.zcreferralblutxt{color:#3235be;}
.zcreferralpinktxt{color:#d92764;}
.cmpdvtblcell{padding-left: 0px;}
.zcfldinfo{color:#AAAAAA}

/* .syctab{border:1px solid #929292} */
.syctab > ul{list-style:none;border:solid #e7edf5;border-width:1px 1px 0 1px;float:left;position: relative;top: 1px;}
.syctab > ul li{display: block;padding: 15px 35px;float: left;font-size: 14px;background-color:#fbfbfb;border:solid #e7edf5;border-width:0 1px 1px 0;}
.syctab > ul li.active{background-color:#ffffff;border-bottom-color: #ffffff;color:#349bed}
.syctab > ul li:last-child{border-right-width: 0;}
.syctabinr{border:1px solid #e7edf5}



/*Forms*/
.cmpfrmned{ display:table;}
.cmpfrmned>ul{ padding:0px;display:table-row;}
.cmpfrmned>ul>li{ list-style:none; display: table-cell; padding:10px 0px; position:relative;border-spacing: 0; }
.cmpfrmned>ul>li .frmerrdiv{ font-size:13px; color:#cb3525; position:absolute; top:-4px; z-index:-1px;}
.cmpfrmned>ul>li:first-child{text-align:left;}
/* .cmpfrmned>ul>li:last-child{ width:auto;} */
.cmpfrmned>ul>li label{ font-size:14px; color:#222222; white-space:nowrap; display:block;}
.cmpsyntit{display:inline-block;float:left;padding:5px 10px 0 0;}

.zcchkbg{background-color: #f9f0db;padding: 8px 12px;border-radius:4px}
.zcrelcbx{min-height: 110px;border: 1px solid #f0f0f0;width: 32.4%;padding: 15px;display: inline-block;border-radius:5px}
.zcrelcbx:hover{box-shadow: 0px 0px 3px 0px #dddddd}
.zcrelcbx.active{border:1px solid #34b4cf;box-shadow: 0px 0px 3px 0px #dddddd}
.zcrelcbx:nth-child(2){margin:0 1%}
.zcrelcbxfur{min-height: 110px;border: 1px solid #f0f0f0;width: 24%;padding: 15px;display: inline-block;border-radius:5px}
.zcrelcbxfur:hover{box-shadow: 0px 0px 3px 0px #dddddd}
.zcrelcbxfur.active{border:1px solid #34b4cf;box-shadow: 0px 0px 3px 0px #dddddd}
.zcrelcbxfur:nth-child(1),.zcrelcbxfur:nth-child(2),.zcrelcbxfur:nth-child(3){margin:0 1% 0 0}
.zcpocont{background-color:#fbfbfb;padding:15px;}

.zctbl{border:1px solid #f0f6f9;border-collapse: collapse;}
.zctbl tr th{background-color: #fbfbfb;padding: 15px;font-weight:700;border-bottom:1px solid #f0f6f9;}
.zctbl tr td{padding: 15px;font-size: 14px;border-bottom:1px solid #f0f6f9;}
.zctbl tr:last-child td{border-bottom:0;}

@media only screen and (max-width: 1240px) {
    .zcalert_ct{
        width:30% !important;
    }
}
/* Trial */

.autobx{width:100%;float:left;display: flex;flex-wrap: wrap;}
.autobx > div{width:33.33%;float:left;padding-right:10px;padding-bottom:10px;}
.autobx div:nth-child(3n+3){padding-right:0px;padding-bottom:10px;}
.disclmr{color:#fd7554;width:100%;float:left;padding:25px 0;}
.disclmr b{font-weight:bold}
.zcfresld.deactive{left: -100%;opacity: 0;}
.zcprhelbl{background-color:#e5e9fd;color:#455dc8;font-size:13px;padding:4px 8px;border-radius:4px;}

.input-hide-arrow::-webkit-outer-spin-button,.input-hide-arrow::-webkit-inner-spin-button{   -webkit-appearance: none;margin: 0; }
.zcacslg{width:100%;float:left;border-bottom:1px solid #e8e8e8;}
.zcacslg img{width:250px;}
.input-hide-arrow[type=number]{-moz-appearance: textfield;}
.zcabsemsub{background-color:#f6f7f0;border-radius:2px;padding:15px}
.zcabsemsub i{font-size: 18px;display: inline-block;position: relative;top: 3px;margin-right: 5px;}
.zcabsemsub span{font-size:14px;display:inline-block;}
ul.zclstblutls{list-style:circle;}
.zclstblutls li{line-height:1.8;font-size:16px;position: relative}
.zclstblutls li::marker{color:red}
/* .zclstblutls li:before{content: '';width:6px;height:6px;border:1px solid #555555;display: block;position: absolute;border-radius:50%;} */
.zcfretrail{width:130px;margin: auto;position: relative}
.zcfretrail span{width:30px;height:5px;background-color:#f2f2f2;border-radius: 3px;margin:0 5px 25px;display:inline-block;cursor: pointer;}
.zcfretrail span.active{background-color:#fd7553 !important}
.zcfrescont{width:100%;height:350px;position:relative;overflow: hidden;}
.zcfresld{position: absolute;left: 100%;transition: left 1.4s, opacity .5s ease;opacity: 0;}
.zcfresld.active{position:relative;left: 0;opacity: 1;}
.zcfrescont{width:100%;height:350px;position:relative;overflow: hidden;}
.zcprosldside{width:421px;position:fixed;z-index:100;right:0px;top:0;background-color:#fff;box-shadow:0 10px 10px #c9c9c9;height:100%;border-left:solid 1px #dadada;overflow:hidden;overflow-y:auto;cursor: default;}
.zcprosldside .zcpropic{background-color:#fafafa;padding:20px;float:left;width:100%;position: relative;}
.zcprosldside .zcpropic img{width:70px;height: 70px;border-radius:10px;}
.zcprosldside .zcpropic .zcprocls{position: absolute;top:20px;right:20px;font-size: 16px;}
.zcprosldside .zcprosigout{border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.zcprosldside .zcprosigout .meu{display: flex;padding: 10px;justify-content: center;}
.zcprosldside .zcprosigout .meu:first-child{border-right:1px solid #f0f0f0}
.zcprosldside .zcprosigout .meu i{font-size:16px;margin-right:5px;line-height: 1.3;}
.zcprosldside .zcsocico img{width:15px;display:inline-block;margin:2px 5px;float:left;}
.zcprosldside .zcsocico span{font-size:14px;display:inline-block;margin-right: 10px;}
.zcprosldside .zcapstore img{width: 120px;margin-right:5px}
.zcprosldside .zcprico{font-size:20px;float:left;}
.disnone{display: none;}
.zcpopovrflw{width: 100%;max-height: 500px;overflow-y: auto;}
.zcsyninfo{background-color:#fafafa;border:1px solid #cfd9e6;border-radius:15px;width:80%;margin: 4% 10%;display: flex;flex-flow:column}
.zcsyninfo i{color:#0e65dc;margin:40px 0 10px;display:block;}
/*-- Onboarding CSS Start--*/
.zconbord{background-color:#F8F8F8;width:100%;height:100%;padding:40px;float:left;overflow-y:auto;position:relative}
.zconbhed{width:100%;float:left;display:flex;justify-content:space-between}
.zconbhlogo img{width:150px}
.zconbhpro img{width:40px}	
.zconbody{width:100%;float:left}
.zconbody .formcont{width:100%;height:600px;float:left;position:relative;}
.zconbody .formcont .onbrform{float:left;width:100%;list-style:none;position:absolute;transition:.4s all;overflow: hidden;}
.zconbody .formcont .onbrform.active:first-child,.zconbody .formcont .onbrform.active:nth-child(2),.zconbody .formcont .onbrform.active:last-child{opacity: 1;z-index: 99;overflow: unset;}
.zconbody .formcont .onbrform{opacity:0;}
.zconbody .formcont .onbrform.left{left:-100%}
.zconbody .formcont .onbrform.right{left:100%}
.zconbotit{width: 100%;float:left;}
.zconboimg{width:100%;float:left;display:flex;justify-content:center}
.zconboimg img{max-width:200px;width:100%}
.zconbotxcnt{width:100%;float:left;}
.zconbotxcnt h1{font-size:24px;margin:30px 0 10px;color:#222222;text-align:center}
.zconbotxcnt p{font-size:14px;color:#222222;text-align:center}
.zconbocnt{width: 100%;float: left;position: relative;left: 100%;opacity:0;}
.onbrform.active .zconbocnt{animation:.5s zconbslin both}
@keyframes zconbslin {0%{opacity: 0;left:100%;}20%{opacity:0;}40%{opacity:0;}60%{opacity:0;}80%{opacity:.8;}100%{opacity:1;left:0;}}
.zconbofdcont > ul{width:40%;margin:20px auto}
.zconbofdcont li{padding:10px;font-size:14px;margin-left:20px;}
.zconbofdcont li::marker{color:#000000;font-size:18px;}
.zconbofdcont{width:100%;float:left}
.zconbrdiv{width:70%;height:1px;background-color:#ebebeb;margin:20px 15% 30px;float:left;}
.zsonbeml .zconbotit{transform: translate(0px, 15px);opacity:0;transition: 1s ease all;}
.zsonbeml .zsonbremcnt{transform: translate(0px, -15px);opacity:0;transition: 1s ease all;}
.zsonbeml.active .zconbotit{transform: translate(0px, 0px);opacity:1}
.zsonbeml.active .zsonbremcnt{transform: translate(0px, 0px);opacity:1;}
.zconbofled{width:60%;margin:10px auto 10px;max-width:500px;min-height:77px;}
.zconbofled span{font-size:12px;color:#222222;margin-bottom:5px;display:block}
.zconbofled span.err{font-size:10px;color:#f53333;margin:5px 0 15px;display:block;border:0}
.zconbobtn{width:100%;float:left;display:flex;justify-content:center;margin:25px 0 0}
.zconbobtn button{width:140px;height:45px;background-color:#FD7553;color:#ffffff;font-family:'Lato',Helvetica,sans-serif;border-radius:3px;text-align:center;font-size:18px;outline:none}
.zconbobtn button::after{height:44px;}
.zconbobtn button.disable{background-color:#979392;cursor:not-allowed}
.zconbnavig{width:100%;float:left;display:flex;justify-content:center;margin-top:40px}
.zonbrdng{width:80px;display:flex;justify-content:space-evenly;align-content:center}
.zonbrdng span{width:10px;height:10px;border-radius:50%;display:block;background-color:#dddddd;display:block;transition:.2s all;cursor:pointer}
.zonbrdng span.active{background-color:#FD7553;width:30px;height:10px;border-radius:5px}
.zonbrhlp{position:fixed;width:40px;height:40px;background:#3F3D56 0% 0% no-repeat padding-box;box-shadow:0 3px 6px rgb(0 0 0 / 16%);border-radius:50%;bottom:40px;right:40px;text-align:center}
.zonbrhlp span{color:#ffffff;font-size:24px;line-height:40px}
/*--Onboarding CSS End--*/
.zcinfopg{border:1px solid #eae7e7;background-color:#f8f8f8;}
.zctblbgwht{border-collapse: collapse;border:1px solid #e2e2e2;}
.zctblbgwht td{border-bottom:1px solid #e2e2e2;padding:10px;text-align: center;}
.zctblbgwht th{border-bottom:1px solid #e2e2e2;padding:10px;background-color: #fafafa;text-align: center;}
.zcinfopg{border:1px solid #eae7e7;background-color:#f8f8f8;}
@media screen and (max-height: 500px) {
    .zcdasvidpop{
        height: 300px;
        overflow-y: auto;
    }
}
.zcprclr{color:#31bea6;}
.trialpopup{ background-color:#fff;box-shadow:1px 1px 20px #435e7f; z-index:13 !important; }
.disnone{display: none;}

.zcmblsld{width:430px;height:330px;position:fixed;bottom:10px;right:-300px;transition:.1s ease-out .1s all;z-index:9999;}
.zcmblsld.open{right:10px;}
.zcmblsldcot{position: relative;width:415px;height:320px;}
.zcmblsldcot img.mbl{position:absolute;top:20px;right:0;z-index: 4;}
.zcmblsld img.cls{position:absolute;top:-5px;right:-5px;z-index:5;cursor:pointer;opacity: 0;visibility: hidden; transition: .2s all ease-in-out;}
.zcmblsld.mbani img.cls{opacity: 1;visibility: visible;}
.zcmblsldinr{width:380px;height:220px;position:absolute;z-index:0;bottom:5px;overflow: hidden;}
.zcmblsldinr img.msgcrd{position:absolute;bottom:5px;right:-270px;z-index:2;transition:.1s ease-out .1s all;cursor: pointer;}
.zcmblsldinr img.brd{position:absolute;bottom:88px;right:-45px;z-index:3;transition: .1s ease-out .1s all;}
.zcmblsld.open.mbani .zcmblsldinr img.msgcrd{animation: MsgIn .2s ease-in-out .8s}
.zcmblsld.open.anifix .zcmblsldinr img.msgcrd{right:-30px}
.zcmblsld.open.mbani .zcmblsldinr img.brd{right:75px;transition: .1s ease-in .8s all;}
.txtlowercase{text-transform: lowercase;}
.zcmblsldcot img.mbl{position:absolute;top:20px;right:0;z-index: 4;}

.zcmblsldcot img.cls{position:absolute;top:-5px;right:-5px;z-index:5;cursor:pointer;}
.zcmblsldinr{width:380px;height:280px;position:absolute;z-index:0;bottom:5px;overflow: hidden;}
.zcmblsldinr img.msgcrd{position:absolute;bottom:5px;right:-250px;z-index:2;transition:.2s ease-out .2s all;cursor: pointer;}
.zcmblsldinr img.brd{position:absolute;bottom:95px;right:-15px;z-index:3;transition: .2s ease-out all;}
.zcmblsld.open .zcmblsldinr img.msgcrd{right:5px;transition: .5s ease-in .3s all;}
.zcmblsld.open .zcmblsldinr img.brd{right:105px;transition: .5s ease-in .8s all;}
.zcfldinfosd{background-color:#fafafa;border:1px solid #d8d8d8;width:290px;border-radius:5px;position:absolute;right:-315px;top:-25px;padding:15px;}
.zcfldinfosd.ylw{background-color:#fff8ef}
.zcfldinfosd::before {border-color:transparent #d8d8d8 transparent transparent;border-style:solid;border-width:8px;content:"";height:0;position:absolute;top:35px;width:0;left:-16px;}
.zcfldinfosd:after {border-color:transparent #f9fafa transparent transparent;border-style:solid;border-width:8px;content:"";height:0;position:absolute;top:35px;width:0;left:-14.5px;}
@media screen and (max-height: 500px) {
    .zcdasvidpop{
        height: 300px;
        overflow-y: auto;
    }
}

.lanch_notify{border:1px solid #ff5f65;background-color:#fffcfb;font-size:14px;transition:all 0.2s linear 0s;width:100%;border-radius:5px;box-shadow: 1px 1px 3px 2px #ededed;}
.lanch_notify .imgbx{background-color:#ff5f65;padding:5px 8px 5px 8px;position: relative;color:#ffffff}
.lanch_notify .imgbx:after{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:7px solid #ff5f65;content:'';position: absolute;top:15px;right:-7px;}
.lanch_notify .imgbxwh{position: relative;color:#ffffff;padding:8px 0px 8px 15px;}

.errdivdwn{ font-size:13px; color:#cb3525;}
.zcdsblswitchsmall {background-color: #f7f7f7;border: solid 1px #e5e5e5;padding: 2px;white-space: nowrap;border-radius: 13px;font-size: 15px;color: #888;width: 50px;cursor: not-allowed;box-shadow: none;}
.zcdsblswitchsmall .notsel {background-color: #f7f7f7;color: #fff;padding: 5px 10px;border-radius: 50%;width: 20px;height: 20px;box-shadow: none;border: solid 1px #ddd;}
.lsp{letter-spacing: .01px;}
.zcpopscrl{width:100%;height:100%;overflow-y: scroll;top:0;right:0;left:0;bottom:0;position: fixed;z-index: 100;}
.trialpopup{ background-color:#fff;box-shadow:1px 1px 20px #435e7f; z-index:13 !important; }
.cursdef{cursor: default;}
.zcnewano{padding:1px 5px;float:right;color:#282828;background-color:rgb(255, 221, 64);font-size:10px;width:unset;border-radius:2px;position:relative;top:1px;margin-right:50px;}
.zcsynprs{background-color:#fdefd8;padding:7px 8px 7px 8px;border-radius:20px;font-size: 10px;line-height: 12px;font-weight:700;margin-left:5px;}
.zcsynprs img{width:14px;margin-right:2px;position:relative;top:3px;animation:1s synrot linear infinite}
.trialskiplink:hover{text-decoration: underline !important;}

.zcfresld.deactive{left: -100%;opacity: 0;}
.zcprhelbl{background-color:#e5e9fd;color:#455dc8;font-size:13px;padding:4px 8px;border-radius:4px;}
.zcacslg{width:100%;float:left;border-bottom:1px solid #e8e8e8;}
.zcacslg img{width:250px;}
.zcfresld.deactive{left: -100%;opacity: 0;}/*Forms*/
.cmpfrmned{ display:table;}
.cmpfrmned>ul{ padding:0px;display:table-row;}
.cmpfrmned>ul>li{ list-style:none; display: table-cell; padding:10px 0px; position:relative;border-spacing: 0; }
.cmpfrmned>ul>li .frmerrdiv{ font-size:13px; color:#cb3525; position:absolute; top:-4px; z-index:-1px;}
.cmpfrmned>ul>li:first-child{text-align:left;}
/* .cmpfrmned>ul>li:last-child{ width:auto;} */
.cmpfrmned>ul>li label{ font-size:14px; color:#222222; white-space:nowrap; display:block;}
.cmpsyntit{display:inline-block;float:left;padding:5px 10px 0 0;}

.zcchkbg{background-color: #f9f0db;padding: 8px 12px;border-radius:4px}
.zcrelcbx{min-height: 110px;border: 1px solid #f0f0f0;width: 32.4%;padding: 15px;display: inline-block;border-radius:5px}
.zcrelcbx:hover{box-shadow: 0px 0px 3px 0px #dddddd}
.zcrelcbx:nth-child(2){margin:0 1%}

.zcpocont{background-color:#fbfbfb;padding:15px;}
.zsiq_floatmain {
 bottom: 80px !important;
}
.zsiq_custommain {bottom: 60px !important;right: 0px !important;filter: drop-shadow(rgb(149, 157, 165, 80%) 0px 8px 24px);}
.zcfltmsgbtm{border-radius:15px;background-color:#ffffff;position:fixed;bottom:-100px;left:30px;padding:15px;z-index: 9999;display:flex;box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);justify-content: space-between;align-items: center;transition: .8s all;}
.zcfltmsgbtm.open{bottom:25px;animation: .9s zcmsgbtm 1s infinite both;}
.zcfltmsgbtm .ico{background-color: #f3405c;width:90px;height:90px;display: inline-block;border-radius:10px}
.zcfltmsgbtm .ico img{width:100%}
.zcfltmsgbtm .msg{display: inline-block;position: relative;padding: 5px 10px 5px 20px;}
.zcfltmsgbtm i.zcicon-closex{position: absolute;top:10px;right:10px;}
.zcfltmsgbtm .msg h1{font-size:14px;margin-bottom:8px;}
.zcfltmsgbtm .msg p{font-size:13px;line-height:1.5;max-width: 500px;}
.zcfltmsgbtm .msbtn{display: inline-block;padding: 10px 20px 10px 20px;}
@keyframes zcmsgbtm{
    0%{
        transform: translate(0,0px);
    }
    30%,40%,50%{
        transform: translate(0, 4px);
    }
    100%{
        transform: translate(0,0px);
    }
}
.mw175x{min-width:175px !important;}
.zcppblock {color: #f893b2;}
.zcppsuccess {color: #0cd49e;}
.zcppinfo {color: #70b7f3;}
.zcppalert {color: #fcba73;}     
   
 

.zcsmscamconbx{border: 1px solid #d8d8d8;width:100%;float:left;border-radius:2px}
.zcsmscamhed{border-bottom: 1px solid #d8d8d8;width:100%;float: left;padding:5px;}
.zcsmscamdiv{width:1px;height:20px;background-color:#d8d8d8;float:left;display:block;margin:1px 0}
.zcsmscamlbl{border: 1px solid #d8d8d8;border-radius:20px;padding:2px 10px;float:left;font-size:12px;margin-right:5px}
.zcsmscamplchld{color:#5d5d5d;font-size:12px;padding:0 5px;line-height: 22px;width:340px;display:block}
.zcsmscampers{padding:2px 10px;}
.zcsmscampers i{font-size:10px}
.zcsmscampers span{font-size:12px;padding: 0 5px;}
.zcsmscampemji i{font-size:14px;line-height:20px;padding: 0 5px 0 10px;}
.zcsmscammsg{width:100%;min-height:20px;outline:none;white-space: pre-wrap;}
.zcsmscambdy{width:100%;float:left;min-height:150px;padding:5px;position:relative;border:solid 1px #d8d8d8;border-radius: 5px;}
.zcsmscamurl{width:100%;height:30px;float:left;padding:5px 0px;}
.zcsmscamulab{float:left;color:#272727;font-weight:bold;line-height:1.4;outline:none;height:19.59px;overflow:hidden;min-width:80px;white-space:nowrap;}
.zcsmscamulab[contenteditable=true]:empty:before{content: attr(placeholder);pointer-events: none;display: block;font-weight:normal;color:#797979}
.zcsmscamuval{background-color:#f8f8f8;color:#3480f1;padding:0 5px;font-weight:bold;margin-left:5px;line-height:1.4;}
.zcsmscamsg{font-style:italic;color:#5d5d5d;font-size:12px;}
.zcsmsdrpdw{width:190px;background-color:#ffffff;box-shadow:0px 1px 4px 2px #dddddd;position:absolute;left:0;top:25px;}
.zcsmsdrpdw li{list-style:none;padding:8px 15px;color:#555555;cursor:pointer;font-size:12px;}
.zcsmsdrpdw li:hover{background-color:#f5faff;color:#ef7615;}
.zcsmsflg{border:1px solid #cee6f0;background-color:#e5f7ff;border-radius:50px;padding: 5px 15px;float:left;margin: 0 20px 10px 0;}
.zcsmsflg i{float:left;margin:4px 0 3px 5px;color:#5c697a;font-size: 14px;cursor:pointer}
.zcsmsflg.info{background-color:#f8f0dd !important;border:1px solid #f6bd4e}
.zcsmsflg img{width:25px;float:left;padding:0 5px 0 0;margin-top:1px;}
.zcsmsflg span{float:left;margin:2px;}
.zcsmsflg label{margin:1px 5px 0px 0px;float:left}
.zcsmsflg .divid{width:1px;height:21px;background-color:#b6d6e3;float:left;display:inline-block;margin: 0 5px;}
.zcupld{background-color:#f7fdff;border:2px dashed #d1e9f0;border-radius:5px;padding: 20px 20%;position:relative;margin:15px 0}
.zcupld input{position:absolute;width:100%;height:100%;opacity:0;left:0;top:0;cursor: pointer;z-index: 99;}
.zcupld .icon{float: left;width: 90px;text-align: center;}
.zcupld .icon img{width:35px;margin:10px auto;display:block;}
.zcupld .msg{float:left;width: calc(100% - 90px);}
.zcupldlst{border: 1px solid #d8d8d8;border-radius: 2px;float: left;width:100%;padding: 5px;margin:5px 0;}
.zcupldlst .imgcnt{width:50px;text-align: center;float:left}
.zcupldlst .imgcnt img{width:35px;margin:5px;float:left;}
.zcupldlst .uplflname{width:calc(100% - 80px);float:left;margin:4px 0 0;}
.zcuplsmlopt{margin:13px 0;float:left;width: 100%;}
.zcuplsmlopt img{width:22px;float:left;display: block;margin-right: 8px;}
.zcuplsmlopt span{display: block;float: left;color: #0c84b1;font-size: 15px;}
.zcsmssndet{padding:20px;border-radius:5px;border: 1px solid #d8d8d8;float:left;width:calc(100% - 80px);margin:0 40px 20px;}
.zcsmsdelog{padding: 15px;font-size:16px;color:#ffffff;text-align: center;border-radius: 5px;width:50px;height:50px;margin-right:20px;float:left;}
.zcsmsdelog.blu{background-color:#349bed}
.zcsmsdelog.grn{background-color:#6ce3b1}
.zcsmsdemsg{width:calc(100% - 70px);float:left;padding-right:20px;}
.zcsmsdemsg .titl{width:80%;font-size:16px;text-overflow: hidden;white-space: nowrap;}



.zcimpnewpt{width:170px;text-align: center;padding:10px 20px;position: relative;border-right:1px solid #e7edf5;display: block;float:left;height:90px;}
.zcimpnewpt i{position:absolute;top:8px;left:8px;}
.zcimpnewpt .cnt,.zcimpnewcld li .cnt{width:100%;font-weight:700;font-size:18px;margin-bottom:10px}
.zcimpnewcld{width:calc(100% - 190px);display:block;float:left;height: 90px;overflow: auto;margin:0 10px}
.zcimpnewcld ul{list-style: none;width: 100%;display: flex;white-space: nowrap;padding: 10px 0;}
.zcimpnewcld li{padding: 10px 20px;text-align: center;}

.zcfltmsgbtm{border-radius:15px;background-color:#ffffff;position:fixed;bottom:-100px;left:30px;padding:15px;z-index: 9999;display:flex;box-shadow: 0px 0px 15px rgb(0 0 0 / 16%);justify-content: space-between;align-items: center;transition: .8s all;}
.zcfltmsgbtm.open{bottom:25px;animation: .9s zcmsgbtm 1s infinite both;}
.zcfltmsgbtm .ico{background-color: #f3405c;width:90px;height:90px;display: inline-block;border-radius:10px}
.zcfltmsgbtm .ico img{width:100%}
.zcfltmsgbtm .msg{display: inline-block;position: relative;padding: 5px 10px 5px 20px;}
.zcfltmsgbtm i.zcicon-closex{position: absolute;top:10px;right:10px;}
.zcfltmsgbtm .msg h1{font-size:14px;margin-bottom:8px;}
.zcfltmsgbtm .msg p{font-size:13px;line-height:1.5;max-width:500px}
.zcfltmsgbtm .msbtn{display: inline-block;padding: 10px 20px 10px 20px;}
@keyframes zcmsgbtm{
    0%{
        transform: translate(0,0px);
    }
    30%,40%,50%{
        transform: translate(0, 4px);
    }
    100%{
        transform: translate(0,0px);
    }
}

.zcincpybtn{background-color:#fff;color:#fd7553;border:solid 1px #fd7553;font-size:12px;border-radius:3px;position:absolute;padding:2px 10px;top:8.5px;right:8px;cursor:pointer;}
.zcsedisable{background-color:#ff5159;font-size:13px;color:#ffffff;height:40px;padding:10px;width:100%;position:fixed;z-index:5;top:-40px;transition: .5s all;}
.zcsedisable.open{top:40px;}
.zcsedisable p{display:flex;justify-content:center;align-items:center;}
.zcsedisable i{font-size:20px;margin-right: 3px;}
.zcsedisable button{position:absolute;background-color:#ffffff;border:0;top:10px;right:8px;border-radius:50%;width:22px;height:22px;text-align:center;}
.zcsedisable button i{font-size:14px;margin:0;line-height:22px;}


.mr2pc{margin-right:2%;}
.w23-5{width:23.5%;}

.zccreditprogs{position:relative;margin:0 auto 20px;text-align:center;width:180px;height:91px}
.creditprgcont{position:relative;overflow:hidden;width:180px;height:90px;margin-bottom:-14px}
.creditprgbar{position:absolute;top:0;left:0;width:180px;height:180px;border-radius:50%;box-sizing:border-box;border:20px solid #eee}
.creditprgbar.blue{border-bottom-color:#3279d9;border-right-color:#3279d9}
.creditprgbar.yellow{border-bottom-color:#f8ae58;border-right-color:#f8ae58}
.vlstart{position:absolute;left:-15px;bottom:-20px;width:50px;font-size:14px}
.vlend{position:absolute;right:-15px;bottom:-20px;width:50px;font-size:14px}
.crdmsg{font-size:12px}
.zcboxflx{border:solid 1px #e4ecf1;border-radius:5px;background-color:#fff;display:flex;justify-content:space-around;align-items: center;}
.zcbxtxt{display:flex;align-content:center;justify-content:center;align-items:center;margin-bottom:5px}
.zcbxtxt span:first-child{font-size:24px;padding:0 10px;}
.zcbxtxt span:first-child.brd{border-right:1px solid #d2d2d2;}
.zcbxtxt span:nth-child(2){font-size:16px;padding:0 10px;font-weight: 700;}

.zcroleview{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;}
.zcroletblcnt{width:100%;height:calc(100% - 58px);margin-top:58px;float:left;overflow: auto;}
.zcroleprivg table{width:100%;border-collapse: collapse;font-size:16px}
.zcroleprivg table th{background-color:#f8f8f8;padding:15px;}
.zcroleprivg table th,.zcroleprivg table td{width:100px}
.zcroleprivg table td{padding:15px;border-bottom:1px solid #ebf0f7}
.zcroleprivg table td i.zcicon-tick{color:#67c784}
.zcroleprivg table td i.zcicon-minus-line{color:#a1a1a1}
.zcroleprivg table tr td{border-bottom:0}

.zcadmintooltip {
  position:relative;border:solid 1px #d8d8d8; background-color:#fff; font-size:12px; color:#444; border-radius:3px;cursor:pointer; min-width:71px;outline:none;transition:0.3s all ease; text-overflow:ellipsis; white-space:nowrap;height:35px
}

.zcadmintooltiptext{
  display:none;
  position:absolute; 
  z-index:100;
  border:1px;
  background-color:black;
  border-style:solid;
  border-width:1px;
  border-color:white;
  padding:3px;
  color:white; 
  bottom: 100%;
  left: 85%;
  margin-left: -60px;
}

.zcadmintooltip:hover span.zcadmintooltiptext{
  display:block;
}
.zcwrksplst{border:1px solid #E0E0E0;border-radius: 5px;display:flex;padding:12px 20px;margin-bottom:15px}
.wrspro{width:60px;height:60px;border-radius: 5px;overflow:hidden;}
.wrspro img{width:100%;}
.namdet{padding: 0 10px;display: flex;width: 80%;flex-flow: column;justify-content: center;}
.namdet .nam{padding:0 0 8px 0;display: flex;}
.namdet .wrklbl{border:1px solid;padding:3px 5px;font-size:10px;border-radius:4px;margin-left:10px}
.namdet .wrklbl.yelw{border-color:#F8C200;background-color: #FFE792;}
.namdet .wrklbl.blu{border-color:#A3E5F3;background-color: #F7FEFF;}
.stusemail{width:100%;display: flex;align-items: center;}
.stusemail .stuscnt{display: flex;align-items: center;}
.stusemail .stus{width:12px;height:12px;border-radius:3px;display: inline-block;margin-right:8px;}
.stusemail .divr{color:#666666}
.stusemail .emal{color:#333333}
.zcwrkspcont{border:1px solid #E0E0E0;border-radius: 5px;padding:12px 20px;margin-bottom:15px;}
.zcwrkspinr{display:flex;justify-content:space-between;align-items: center;width:100%}
.zswrkconinr{display:flex;justify-content: start;padding:10px 15px;}
.zcwrkspcont.active .zswrkbtn button{visibility: visible;}
.zcwrkspcont .zswrkbtn button{visibility: hidden;}
.zcwrkspcolab{background-color: #EBF0F5;padding:5px 10px;color:#333333;padding:5px 10px;color:#333333;border-radius:25px;display:inline-block;margin-right:5px;}
.zcwrksplstful{border-bottom:1px solid #E0E0E0;display:flex;padding:15px 20px;}
/*Center Arrow*/
.info_pncntr{ background-color:#293848; border-radius:5px; position:absolute; padding:18px; color:#fff; font-size:13px; width:190px; z-index:2; cursor:default; top:30px; left:calc(50% - 100px);}
.info_pncntr:after{left:90px; top:-20px;  content: " "; height: 0; width: 0; position: absolute;  border-color: transparent  transparent #293848 transparent; border-style:solid; border-width:10px;}
.zctenyears{width:396px;height:243px;position:fixed;bottom:40px;left:-800px;z-index:4;transition: 1s all ease-in-out;}
.zctenyears.open{left:85px;}
.zctenbody{width:396px;height:243px;background-image: url('../images/10YearZCBg.png');background-repeat: no-repeat;padding:32px 30px 30px;}
.zctenbody p{font-size:25px;font-weight:700;color:#ffffff;line-height: 1.5;margin-bottom:12px;width:280px}
.zctenbody a{background-color: #ffffff;color:#226db4;padding: 10px 10px;border-radius:5px;font-weight:700;font-size:14px;margin-top:10px;display:inline-block;}
.zctenart{position:absolute;bottom:-20px;right:-40px;}
.zctencls{position:absolute;width:40px;height:40px;background-color:#fdf9f1;border-radius:50%;padding:7px;top:-20px;right:-20px;}
.zctencls i{font-size:26px;color:#172635;cursor:pointer;}

.zcmigbtntop{background-color:#F33F5B;height:28px;display:flex;justify-content:space-evenly;align-items:center;width:100%;cursor:pointer;margin:10px 0;border-radius:4px;}
.zcmigbtntop img{width:20px;animation: shake .6s ease-in infinite .6s;}
.zcmigbtntop i{color:#ffffff;font-size:20px}
.zcmigratcont{border:1px solid #F33F5B;border-radius:5px;background-color:#FFF8F9;padding:25px 15px;margin:0 10px 10px;}
.zcmigrattit{width:100%;display:flex;justify-content:space-between;}
.zcmigraico{width:25px;display:flex;justify-content:center;align-items:start;}
.zcmigraico i{flex-basis:100%;position:relative;top: -3px;font-size:25px;color:#f33f5b}
.zcmigratxt{width:calc(100% - 40px);}
.zcmigratxt .boxtile{color:#F33F5B;font-size:14px;font-weight:700;margin-bottom:10px}
.zcmigratxt .boxprag{font-size:14px;color:#2C2C2C;}
.zcmigradivd{width:100%;display:flex;margin-top:20px;}
.zcmigrasld{display:flex;}
.zcmigrasld.notalow{opacity:.5;cursor:not-allowed;position: relative;}
.zcmigrasld.notalow button{cursor:not-allowed;}
.zcmigrasld.notalow:after{position:absolute;width:100%;height:100%;content:'';display: block;inset: 0;z-index:999;}
.zcmnum{flex-basis:40px;}
.zcmnum span{width:25px;height:25px;display:block;border:1px solid #E2E2E2;background-color:#ffffff;border-radius:50%;padding:4px 8px;font-size:12px;}
.zcmtxt{flex-shrink:3;flex-basis: 70%;padding-top: 3px;}
.zcmtxt.migdhbr{flex-basis:60% !important;}
.zcmtxt ul li{margin-bottom:5px}
.zcmvideo{flex-shrink:2;margin-left:15px;display: flex;align-items: center;}
.zcmvideo img{width:150px;cursor:pointer;}
.zcmigrasld.complt{width: 35%;}
.zcmigrasld.complt .zcmtxt{flex-basis: 80%;}
.zcmigrflot{border:1px solid #F33F5B;border-radius:5px;background-color:#FFF8F9;width:750px;position: absolute;right:-150px;top: 50px;}
.zcmigrflot:before{width: 8px;height: 8px;content: '';border: 8px solid transparent;border-bottom: 8px solid #f33f5b;display: block;position: absolute;top: -16px;right: 160px;}
.zcmigrflot:after{width: 8px;height: 8px;content: '';border: 8px solid transparent;border-bottom: 8px solid #fff8f9;display: block;position: absolute;top: -14px;right: 160px;}
.zcmigrflinr{width:750px;max-height:500px;padding:25px 30px;overflow-y: auto;}
.zcmirflcls{position:absolute;top:15px;right:15px;font-size:18px}
.zcmigvdcnt{display:none;position:fixed;z-index:996;width:60%;left:50%;margin-left:-30%;top:20%;background-color:#fff;}
.zcmigvdcls{cursor:pointer;position:absolute;right:-10px;top:-10px;z-index:998;width:25px;height:25px;border-radius:25px;text-align:center;font-size:12px;background-color:#ffffff;line-height:25px;color:#fff;}
.zcmigvdcls i{font-size:12px;line-height:25px;color:#000000}
.zcmigvdifm{position:absolute;z-index:997;width:100%;min-height:100%;padding-bottom:0%;border:2px solid #000;border-radius:2px;background-color:#000;padding-bottom: 50%;}
.zcmigvdifm video{width:100%;height:100%;}
.zcmigvdifmply{z-index:999;position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;}
.zcmigvdoly{display:none;position:fixed;z-index:995;top:0;background-color:#000;opacity:0.8;width:100%;height:100%;}
.zcbckandbg{background-color:#f1f6f9;line-height:40px;border-radius:50%;color:#333333;width:40px;height:40px;text-align: center;}
.zcmtxt.migdhbr{flex-basis:60% !important;}



.zcsubprogess{position:relative;height:190px;width:190px;border-radius:50%;background:conic-gradient(#7d2ae8 3.6deg,#ededed 0deg);display:flex;flex-flow:column;align-items:center;justify-content:center;margin:auto;row-gap:10px;}
.zcsubprogess::before{content:"";position:absolute;height:155px;width:155px;border-radius:50%;background-color:#fff;}
.zcsubprogval{position:relative;font-size:20px;font-weight:600;color:#000000;display:block;}
.zcsubproglab{display:block;color:#000000;font-size:14px;position:relative;}
.zcsubgrid{display: flex;}
.zcsubgrid > .zcsubginr{flex-basis: 25%;flex-grow: 1;flex-shrink: 1;}
.zcsubgrid > .zcsubginr:first-child{border-right:solid .5px #e8e8e8;}
.zcsubgrid > .zcsubginr:nth-child(2){border-right:solid .5px #e8e8e8;border-left:solid .5px #e8e8e8;}
.zcsubgrid > .zcsubginr:nth-child(3){border-right:solid .5px #e8e8e8;border-left:solid .5px #e8e8e8;}
.zcsubgrid > .zcsubginr:last-child{border-left:solid .5px #e8e8e8;border-right:0}
.drpphono{border:solid 1px #d8d8d8;padding:3px;position:relative;background-color:#fff;font-size:14px;color:#222;border-radius:3px;min-width:150px;outline:none;transition:0.3s all ease;height:37px;display:flex;}
.drphocotry{width:70px;display:flex;justify-content:space-between;align-items:center;padding:5px 7px 5px 7px;cursor:pointer;position:relative;}
.drphocotry span{font-size:14px;}
.drphocotry i{font-size:14px;opacity:.5;}
.drphocotry:after{content:'';width:1px;height:75%;background-color:#d8d8d8;display:block;position:absolute;right:0;}

.drpphono.disbl{border:solid 1px #d8d8d8;background-color:#f5f5f5;cursor:not-allowed;}
.drpphono.disbl .drpcontrycnt{cursor: not-allowed;}

.drphocotryflg{width:100px;display:flex;justify-content:space-between;align-items:center;padding:5px 7px 5px 7px;cursor:pointer;position:relative;}
.drphocotryflg span{font-size:14px;}
.drphocotryflg i{font-size:14px;opacity:.5;}
.drphocotryflg:after{content:'';width:1px;height:75%;background-color:#d8d8d8;display:block;position:absolute;right:0;}

.drphono{width: calc(100% - 80px);}
.drphono input[type="number"]{border:0;outline:none;width:100%;height:100%;padding:0 10px;}
.drphono input::-webkit-outer-spin-button,.drphono input::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
.drphono input[type=number]{-moz-appearance:textfield;}
.migreq{position:absolute;top:10px;right:15px;display:flex;align-items:center;}
.migreq span{margin-left:5px;font-size:12px}
.migreq i{font-size:15px}
.zcsmsmigrat{border-radius:5px;background-color:#FFF8F9;padding:20px;}
.zcsubgrid{display: flex;}
.zcsubgrid > .zcsubginr{flex-basis: 25%;flex-grow: 1;flex-shrink: 1;}
.zcsubgrid > .zcsubginr:first-child{border-right:solid .5px #e8e8e8;}
.zcsubgrid > .zcsubginr:nth-child(2){border-right:solid .5px #e8e8e8;border-left:solid .5px #e8e8e8;}
.zcsubgrid > .zcsubginr:nth-child(3){border-right:solid .5px #e8e8e8;border-left:solid .5px #e8e8e8;}
.zcsubgrid > .zcsubginr:last-child{border-left:solid .5px #e8e8e8;border-right:0}
/*--Loader--*/
.zcloadtop{width:100%;height:4px;top:0;position:fixed;z-index:9999}
.zcloadprg{position:absolute;bottom:0;left:0;right:0;margin:auto;z-index:1000}
.zclodset [role="progressbar"][aria-busy="true"]{position:absolute;top:0;left:0;padding-bottom:4px;width:100%;background-color:#159756;-webkit-animation:preloader-background linear 3.5s infinite;animation:preloader-background linear 3.5s infinite}
.zclodset [role="progressbar"][aria-busy="true"]::before,.zclodset [role="progressbar"][aria-busy="true"]::after{display:block;position:absolute;top:0;z-index:2;width:0;height:4px;background:#afa;-webkit-animation:preloader-front linear 3.5s infinite;animation:preloader-front linear 3.5s infinite;content:""}
.zclodset [role="progressbar"][aria-busy="true"]::before{right:50%}
.zclodset [role="progressbar"][aria-busy="true"]::after{left:50%}
@-webkit-keyframes preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,100%{background-color:#fdba2c}}
@keyframes preloader-background{0%,24.9%{background-color:#159756}25%,49.9%{background-color:#da4733}50%,74.9%{background-color:#3b78e7}75%,100%{background-color:#fdba2c}}
@-webkit-keyframes preloader-front{0%{width:0;background-color:#da4733}24.9%{width:50%;background-color:#da4733}25%{width:0;background-color:#3b78e7}49.9%{width:50%;background-color:#3b78e7}50%{width:0;background-color:#fdba2c}74.9%{width:50%;background-color:#fdba2c}75%{width:0%;background-color:#159756}100%{width:50%;background-color:#159756}}
@keyframes preloader-front{0%{width:0;background-color:#da4733}24.9%{width:50%;background-color:#da4733}25%{width:0;background-color:#3b78e7}49.9%{width:50%;background-color:#3b78e7}50%{width:0;background-color:#fdba2c}74.9%{width:50%;background-color:#fdba2c}75%{width:0%;background-color:#159756}100%{width:50%;background-color:#159756}}


.monthselcntr{width:385px;display:flex;flex-direction:row;flex-wrap:wrap;row-gap:20px;}
.monthselcntr>div{min-width:40px;height:40px;text-align:center;margin-right:10px;display:flex;justify-content:center;align-items:center;border:1px solid #dddddd;border-radius:25px;padding:5px;cursor:pointer;font-size:12px;}
.monthselcntr>div.sel{color:#222;background-color:#fffaf4;border:solid 1px #eea239;}
.zcmagtopiccnt{width:80%;margin:30px 10%;}
.zcmagmsgbx{border:1px solid #f9f1c2;background-color:#fffffa;display:flex;}
.zcmagmsgbx .hlpic{width:70px;display:flex;justify-content:center;align-items:start;padding:25px 0 20px;}
.zcmagmsgbx .hlpic i{font-size:30px;color:#fe7000}
.zcmagmsgbx .detl{flex:10;padding: 1.5em 0;}
.zcmagmsgbx .detl a{display: inline;}
.zcmagmsgbx .howit{flex:3;display:flex;align-items:center;justify-content: center;flex-flow: column;}
.zcmagmsgbx .howit img{width:45%;margin:0 0 30px;}
.zcmagmsgbx .howit i{position:absolute;top:10px;right:10px;font-size:12px;}

/*-New Nav Bar as per New UI Guid Line-*/
.zctopnavbnd{width:100%;height:48px;border-bottom:1px solid #eeeeee;background-color:#ffffff;display:flex;box-sizing:border-box;justify-content: space-between;position:fixed;top:0;z-index: 6;}
.zctopnavbnd .zclogo{margin-right:24px;}
.zctopnavbnd .zclogo a{height:48px;display:flex;justify-content:center;align-items:center;margin-right:18px;}
.zctopnavbnd .zclogo a img{width:24px;height:24px;margin:12px 8px 12px 16px;}
.zctopnavbnd .zclogo a span{font-family:'ZohoPuvi';font-size:18px;color:#000000}
.zcmantocnt{width:100%;padding-left:100px;margin-bottom:20px;position: relative;}
.zcmantopmrk{border:1px solid #dddddd;border-radius:5px;display:flex;justify-content:space-between;align-items:center;padding:20px 15px;}
.zcmantopmrk .zmatitxt h1{font-size:16px;margin-bottom:5px;font-weight:normal;}
.zcmantopmrk .zmatitxt p{font-size:12px;color:#929292}
.zcmantopmrk .zmoptn a i{font-size:18px}
.zcmantdot{width:10px;height:10px;border-radius:50%;background-color:#dddddd;position:absolute;top:25px;left:70px;}
.zcmantdot:after{width:60px;height:1.5px;background-color:#dddddd;display:block;content:'';left:-55px;top:4px;position: absolute;}
.zcmantdot.btom:before{width:1.5px;height:101px;content:'';background-color:#dddddd;position:absolute;left:-55px;top: 5px;}
.zcmantoaddbtn{width:100%;padding: 21px 0;display:flex;justify-content:space-between;}
.zcmantoaddbtn a{color:#fd7553;display:flex;}
.zcmantoaddbtn a i{font-size:16px;margin-right:10px}
.zcmantoaddbtn a span{font-size:14px;}
.zcmanovldrp {position:absolute;right:0;top:50px;width:80%}
.zcmanovldrp:before{width: 8px;height: 8px;content: '';border: 8px solid transparent;border-bottom: 8px solid #f9f1c2;display: block;position: absolute;top: -15px;right: 50px;}
.zcmanovldrp:after{width: 8px;height: 8px;content: '';border: 8px solid transparent;border-bottom: 8px solid #fffffa;display: block;position: absolute;top: -13px;right: 50px;}

.zctopnavbnd .zctopbtn{height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.zctopnavbnd .zctopbtn.w48{width:48px}
.zctopnavbnd .zctopbtn.w40{width:40px}
/*.zctopnavbnd .zctopbtn:hover{background-color:#f0f0f0;}*/
.zctopnavbnd .zctopbtn i{font-size:26px}
/* .zctopnavbnd .zctopbtn.anirote i{animation: 6s setrote infinite linear;} */
.zctopnavbnd .zctopbtn.anirote:before{content:'';width:8px;height:8px;border-radius:50%;background-color:#ff6a1a;position:absolute;top:15px;right:7px;z-index:9;animation: 1s bubleff infinite linear;}
@keyframes bubleff{0%{transform: scale(1);} 50%{transform: scale(1.5);} 100%{transform: scale(1);}}
@keyframes setrote{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.zctopnavbnd .zctopbtn i.zcicon-create-quick-add:after{color:#ff6a1a}
.zctopnavbnd .zctopbtn i.zcicon-create-quick-add:before{color:#ffffff}
.zctopnavbnd .zctopbtn span{font-size:16px;border:1px solid #e2e2e2;padding: 7px 10px;}
.zctopnavbnd .zctopbtn .zctopdrdw{background-color:#ffffff;position:absolute;top:48px;right:0;width:120px;border-radius:2px;border:1px solid transparent;overflow: hidden;height:0;transition: .1s all;}
.zctopnavbnd .zctopbtn .zctopdrdw.open{height:142px;box-shadow:0px 0px 5px #eeeeee;border-color:#eeeeee;}
.zctopnavbnd .zctopbtn .zctopdrdw ul li{list-style:none;height: 35px;line-height: 14px;}
.zctopnavbnd .zctopbtn .zctopdrdw ul li span{font-size:14px;padding:10px;display:block;cursor:pointer;color:#222222;border:0}
.zctopnavbnd .zctopbtn .zctopdrdw ul li:hover span{color:#ff6a1a;background-color:#f5f5f5;}
.zctopnavbnd .zcbdrrttl{border-right:1px solid #eeeeee;}
.zctopnavbnd .zcbdrlftl{border-left:1px solid #eeeeee;}
.zctopnavbnd .zctopprofile{width:48px;height:48px;display:flex;justify-content:center;align-items:center;cursor: pointer;}

.zctopnavbnd .zctopprofile img{width:32px;height: 32px;border:1px solid #dddddd;border-radius:50%;margin:8px;}
.zctopnavbnd .zcnavtoplf{display:flex;}
.zctopnavbnd .zcnavtoprt{display:flex;}

.zctopnavbnd .zcupgrd{color:#ff3f00;line-height:48px;padding:0 5px 0 15px;}
.zctopnavbnd .zcupgrd span{font-size:14px;cursor: pointer;padding:6px 8px;border-radius:3px;background-color:#ffefed;font-weight:900;}
.zctopnavbnd .zcupgrd a{font-size:16px;color:#ff3f00;}

.zctopnavbnd .zcaddqcklink{padding: 8px;color: #ff6a1a !important;transition: all .3s;}
.zctopnavbnd .zcaddqcklink:hover{padding:8px;color:#ffffff!important;background-color:#ff6a1a;cursor:pointer;transition:all .3s;}

.zcerrmsg{border:1px solid #f33f5a;border-radius:4px;background-color:#fef8f8;padding:20px;display:flex;}
.zcerrmsg i{color:#d13830;font-size:28px;margin-right:15px}
.zcerrmsg p{color:#d13830;font-size:13px;margin-bottom:5px}
.zcerrmsg p:last-child{margin-bottom:0;}
.zclabcls{padding:5px 10px 5px 15px;font-size:13px;background-color:#ebf0f5;float:left;margin:5px 5px 5px 0px;border-radius:16px;}
.zclabcls span {float:right;margin-left:10px;margin-top:1px;opacity:.7;height:15px;}

.zcprogrout{position: relative;}
.zcprogrprect{font-size:16px;color:#21c900;font-weight:900;position:absolute;top:3px;right:40px;}
.zcprogress{display:flex;justify-content:space-evenly;align-items: flex-start;margin:15px 0}
.zcprogress .zcprgscont{flex:1;display:flex;flex-flow:column;justify-content: center;align-items: center;position:relative}
.zcprgschck{position:relative}
.zcprgscont:before{width:100%;height:2px;content:'';background-color:#ededed;display:block;position:absolute;left:50%;top:12px}
.zcprgscont:after{width:0%;height:2px;content:'';background-color:#21c900;display:block;position:absolute;left:50%;top:12px;transition:1s width ease;}
.zcprgscont.done:after{width:100%;}
.zcprgscont.done .zcprgschck i{display:block;color:#21c900}
.zcprgscont.done .zcprgschck{border:2px solid #21c900}
.zcprgscont:last-child:before,.zcprgscont:last-child:after{display: none;}
.zcprgscont .zcprgschck{width:25px;height:25px;border-radius:50%;border:2px solid #b0b0b0;display: flex;align-items: center;justify-content: center;background-color:#ffffff;z-index:9}
.zcprgscont.inprogress .zcprgschck{border:2px solid transparent;border-top-color:#ff6058;animation: .5s spin infinite linear;}
.zcprgscont .zcprgschck i{font-size:26px;display: none;}
.zcprgslabl{padding:10px;}
.zcprgslabl span{font-size:14px;list-style:1.2}



/* getting Started */
/* .dsbrdcntr{overflow:auto;} */
.dsbrdcntr>.dsbrdbox{ float:left; margin:10px; width:calc(50% - 21px);border: 1px solid #e4ecf1; border-radius:5px;background-color:#fff; height:303px;}
.dsbrdbox .head{ line-height:16px;}

.drphocotrylst{width:400px;background-color:#ffffff;border-radius:5px;border:1px solid #e5e5e5;position:absolute;top:42px;left:0;box-shadow:0px 0px 5px #dddddd;}
.drphocotrydrsrch{display:flex;align-items:center;padding:0 5px;position: relative;}
.drphocotrydrsrch i{font-size:18px;color:#7f7f7f}
.drphocotrydrsrch input{border:0;height:30px;outline:none;font-size: 14px;}
.drphocotrydrsrch input:focus{outline:none;box-shadow:none;border:0;font-size: 14px;}
.drphocotrydwlst{border-top:1px solid #e5e5e5;height:205px;overflow:auto;}
.drphocotrydwlst ul{list-style:none;}
.drphocotrydwlst ul li{padding:8px 10px;cursor: pointer;}
.drphocotrydwlst ul li span.flg{font-weight: bold;margin:0 8px;font-size:12px}
.drphocotrydwlst ul li span.cname{font-size:12px}
.drpflgclk{position: absolute;inset: 0 0 0 0;z-index: 99;}
.zcgetstartcont{width:94%;margin:2% 3%;}
.zcgetstartbox{width:100%;background-color:#ffffff;display:flex;flex-direction:column;padding:2% 5%;}
.zcgetstrthed{width: 100%;display:flex;align-items:center;}
.zcgetstrthed .emojicon{width:60px;height:60px;border-radius:50%;background-color:#fff2ce;display:flex;justify-content:center;align-items:center;margin-right:20px;}
.zcgetstrthed .emojicon span{font-size:28px;}
.zcgetstrthed .gestarttxt h1{font-size:28px;margin-bottom:5px;}
.zcgetstrthed .gestarttxt p{font-size:16px;}
.zcgetstrtbdy{border:1px solid #e7e7e7;border-radius:10px;margin-top:20px;display:flex;}
.zcgetstrtbdy .sldmenu{width:30%;padding:2% 0;border-right:1px solid #e7e7e7;}
.zcgetstrtbdy .sldmenu h1{font-size:15px;}
.zcgetstrtbdy .sldmenu a{color:#ff6a1a}
.zcgetstatus{width:100%;display:flex;margin-top:10px;}
.zcgetstatus span{width:calc(20% - 5px);height:5px;border-radius:25px;background-color:#d7d7d7;display: block;margin-right:5px;position:relative;overflow:hidden;}
.zcgetstatus.three span{width:calc(33% - 5px);}
.zcgetstatus.four span{width:calc(25% - 5px);}
.zcgetstatus.five span{width:calc(20% - 5px);}
.zcgetstatus span.active:before{background-color:#0cbc83;position:absolute;inset: 0 0 0 0;content:'';}
.zcgetsidlst{width:100%;}
.zcgetsidlst ul{list-style:none;}
.zcgetsidlst ul li{padding:12px 20px;}
.zcgetsidlst ul li .inrdiv{display:flex;align-items:self-end;justify-content:space-between}
.zcgetsidlst ul li .procstatus{display:flex;justify-content:space-between;padding:5px 0 5px 30px;}
.zcgetsidlst ul li .procstatus label:last-child{color:#474747}
.zcgetsidlst ul li div{display: flex;flex-wrap: nowrap;}
.zcgetsidlst ul li.active{background-color:#fff0e8;}
.zcgetsidlst ul li.done span:first-child{background-color:#0cbc83;border-color:#0cbc83;display:flex;justify-content:center;align-items:center;}
.zcgetsidlst ul li.done span:first-child i{color:#ffffff;font-size:10px;}
.zcgetsidlst ul li.done span:nth-child(2){text-decoration:line-through;opacity:.6;}
.zcgetsidlst ul li i{float:right}
.zcgetsidlst ul li.active span:first-child{border:1px solid #ff6a1a;background-color:#ffccb0;}
.zcgetsidlst ul li span:first-child{width:18px;height:18px;border:1px dashed #ff6a1a;border-radius:50%;margin-right:10px;}
.zcgetsidlst ul li span:last-child{font-size:14px;}
.zcgetstrtbdy .sldmain{width:70%;padding:2%;}
.zcgetstrtbdy .sldmain .hedtit{width:100%;}
.zcgetstrtbdy .sldmain .hedtit h1{font-size:15px;}
.zcgetstrtbdy .sldmain .hedtit p{font-size:14px;margin-top:5px;}
.zcgetstrtbdy .sldmain .mainbdy{width:100%;margin-top:25px;display:flex;flex-wrap:wrap;}
.zcgetstrtbdy .sldmain .mainbdy .card{border:1px solid #e7e7e7;border-radius:5px;padding:15px;width:32%;margin:0 1.3% 1.3% 0;cursor:pointer;}
.zcgetstrtbdy .sldmain .mainbdy .card .prlogo{width:100%}
.zcgetstrtbdy .sldmain .mainbdy .card .prlogo img{width:40px;margin-bottom:15px;padding:5px;border-radius:5px;background-color:#fff;}
.zcgetstrtbdy .sldmain .mainbdy .card .prname{width:100%}
.zcgetstrtbdy .sldmain .mainbdy .card .prname h2{font-size:12px;font-weight:700;}
.zcgetstrtbdy .sldmain .mainbdy .card.active{background-color:#ff6a1a;}
.zcgetstrtbdy .sldmain .mainbdy .card.active .prname h2{color:#ffffff;}
.zcgetstrtbdy .sldmain .apilnk{display: flex;margin-top:10px;width:100%;}
.zcgetstrtbdy .sldmain .apilnk i{color:#4ca6ec;font-size:18px}
.zcgetstrtbdy .sldmain .divor{width:100%;margin:40px 0;}
.zcgetstrtbdy .sldmain .divor span{background-color:#ebebeb;padding:5px 15px;color:#666666;border-radius:5px;}
.zcgetstrtbdy .sldmain .divor > div{width:100%;height: 1px;background-color:#ebebeb;display:flex;align-items:center;justify-content:center;}

.zcorglnk{color:#fd7553;text-decoration:none;}

.zcgetupld{width:100%;background-color:#fff4ef;border:1px dashed #ffcaae;border-radius:2px;padding:25px;display:flex;justify-content:space-evenly;position:relative;align-items:center}
.zcgetupld i{font-size:56px;color:#fd7553;}
.zcgetupld p{color:#444444}
.zcgetupld input[type='file']{width:100%;height:100%;position: absolute;opacity: 0;cursor: pointer;inset:0 0 0 0}
.zccrtcamcrd{width:48.5%;border:1px solid #dfe4f0;border-radius:5px;text-align: center;}
.zccrtcamcrd.email,.zccrtcamcrd.predesi {margin:0 1.5% 2% 0;}
.zccrtcamcrd.sms,.zccrtcamcrd.scratch{margin:0 0 2% 1.5%;}
.zccrtcamcrd .topsect{width:100%;height:140px;}
.zccrtcamcrd .topsect img{height:180px;margin:50px 0;}
.zccrtcamcrd.email .topsect{background-color:#7fe2c2}
.zccrtcamcrd.sms .topsect{background-color:#b2bfed}
.zccrtcamcrd.predesi .topsect{background-color:#edbfe8}
.zccrtcamcrd.scratch .topsect{background-color:#f8d175}
.zccrtcamcrd .ctasect{margin:125px 0 0px;}
.zccrtcamcrd .ctasect p{width:70%;margin:5px 15%;color:#666666}

.zcgetmini{position:fixed;bottom:0;left:85px;display:flex;justify-content:space-between;background-color:#ffffff;border-radius:0 5px 0 0;overflow:hidden;}
.zcgetmini.open{overflow:unset;}
.zcgetmini.open .zcgetsidlst{display:block !important;}
.zcgetmini.open .zcgetminilft{box-shadow: 1px 0px 4px 0px #cecccc;}
.zcgetmini.open .zcgetminirgt{box-shadow:3px 0px 5px 2px #ddd;border-radius: 0 5px 0 0;display:block;}
.zcgetminilft{width:260px;display:flex;flex-direction:column;}
.zcgetminilft .zcgetmininavig{background-color:#fff0e8;padding:10px 0}
.zcgetminilft .zcgetmininavig .zcgetmintit{display:flex;justify-content:space-between;align-items:center;padding:0 10px;}
.zcgetminilft .zcgetmininavig .zcgetmintit h2{color:#603b28}
.zcgetminilft .zcgetmininavig .zcgetmintit i{font-size:16px;color:#603b28}
.zcgetminilft .zcgetmininavig .desc{color:#603b28;font-style:italic;font-size:10px;padding:10px 10px 0;}
.zcgetminirgt{display:flex;flex-direction:column;padding:15px 20px;display: none;}
.zcgetminirgt .migrigtit{display:flex;justify-content:space-between;}
.zcgetminirgt .migrigbdy{width:100%;display:flex;}
.zcgetminirgt .migrigbdy .miginr{display:flex;border-radius:5px;border:1px solid #d7d7d7;padding:15px;margin-top:15px;width:50%}
.zcgetmini .zcgetsidlst ul li.active{background-color:transparent;}
.zcgetmini .zcgetstatus span{background-color:#e5cbbe;}
.zcgetstprgs{background-color:#a24513;width:85px;position:fixed;bottom:0;padding:12px 0;}

.zcgetstprogcnt{position:relative;width:40px;height:40px;border-radius:50%;border:solid 3px #7c330c;margin:0 auto;}
.zcgetstprogess{position:absolute;inset:calc(3px * -1);z-index:5;border-radius:50%;background-image:conic-gradient(#ffbc3f calc(var(--progress-value) * 3.6deg),transparent calc(var(--progress-value) * 3.6deg) 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px + 1px));}
.zcgetstproginr{font-size:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;z-index:10;width:100%;height:100%;color:#ffffff;}

.zcgetprogval{position:relative;font-size:12px;font-weight:600;color:#ffffff;display:block;}
.zcgetproglab{display:block;color:#ffffff;font-size:12px;position:relative;margin:10px 0 5px}

.zccrtopsect{width:100%;height:120px;}
.zccrtopsect img{height: 150px;margin: 30px 0;}
.zccrtbxcnt{display:flex;flex-flow:column;}
.zccrtopsect.grn{background-color:#7fe2c1;}
.zccrtopsect.blu{background-color:#5db8e0;}
.zccrtopsect.pnk{background-color:#edbfe8;}


@keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.migreq{position:absolute;top:10px;right:15px;display:flex;align-items:center;}
.migreq span{margin-left:5px;font-size:12px}
.migreq i{font-size:15px}

/*campaign Topbar */
/*-New Nav Bar as per New UI Guid Line-*/
.zctopnavbnd{width:100%;height:48px;border-bottom:1px solid #eeeeee;background-color:#ffffff;display:flex;box-sizing:border-box;justify-content: space-between;position:fixed;top:0;z-index: 6;}
.zctopnavbnd .zclogo{margin-right:24px;}
.zctopnavbnd .zclogo a{height:48px;display:flex;justify-content:center;align-items:center;margin-right:18px;}
.zctopnavbnd .zclogo a img{width:24px;height:24px;margin:12px 8px 12px 16px;}
.zctopnavbnd .zclogo a span{font-family:'ZohoPuvi';font-size:18px;color:#000000}

.zctopnavbnd .zctopbtn{height:48px;display:flex;justify-content:center;align-items:center;}
.zctopnavbnd .zctopbtn.w48{width:48px}
.zctopnavbnd .zctopbtn.w40{width:40px}
.zctopnavbnd .zctopbtn.mr8,.zctopnavbnd .zctopprofile.mr8{margin-right:8px}
.zctopnavbnd .zctopbtn i:hover{background-color:#ff6a1a26;}
.zctopnavbnd .zctopbtn i{font-size:16px;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor: pointer;}
.zctopnavbnd .zctopbtn i.zcicon-create-quick-add{font-size:24px}
.zctopnavbnd .zctopbtn i.zcicon-create-quick-add:hover{background-color:transparent}
/* .zctopnavbnd .zctopbtn.anirote i{animation: 6s setrote infinite linear;} */
.zctopnavbnd .zctopbtn.anirote:before{content:'';width:8px;height:8px;border-radius:50%;background-color:#ff6a1a;position:absolute;top:15px;right:7px;z-index:9;animation: 1s bubleff infinite linear;}
@keyframes bubleff{0%{transform: scale(1);} 50%{transform: scale(1.5);} 100%{transform: scale(1);}}
@keyframes setrote{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
.zctopnavbnd .zctopbtn i.zcicon-create-quick-add:after{color:#ff6a1a}
.zctopnavbnd .zctopbtn i.zcicon-create-quick-add:before{color:#ffffff}
.zctopnavbnd .zctopbtn span{font-size:16px;border:1px solid #e2e2e2;padding: 7px 10px;}
.zctopnavbnd .zctopbtn .zctopdrdw{background-color:#ffffff;position:absolute;top:48px;right:0;width:120px;border-radius:2px;border:1px solid transparent;overflow: hidden;height:0;transition: .1s all;}
.zctopnavbnd .zctopbtn .zctopdrdw.open{height:142px;box-shadow:0px 0px 5px #eeeeee;border-color:#eeeeee;}
.zctopnavbnd .zctopbtn .zctopdrdw ul li{list-style:none;height: 35px;line-height: 14px;}
.zctopnavbnd .zctopbtn .zctopdrdw ul li span{font-size:14px;padding:10px;display:block;cursor:pointer;color:#222222;border:0}
.zctopnavbnd .zctopbtn .zctopdrdw ul li:hover span{color:#ff6a1a;background-color:#f5f5f5;}
.zctopnavbnd .zcbdrrttl{border-right:1px solid #eeeeee;}
.zctopnavbnd .zcbdrlftl{border-left:1px solid #eeeeee;}
.zctopnavbnd .zctopprofile{width:48px;height:48px;display:flex;justify-content:center;align-items:center;cursor: pointer;}

.zctopnavbnd .zctopprofile img{width:32px;height: 32px;border:1px solid #dddddd;border-radius:50%;margin:8px;}
.zctopnavbnd .zcnavtoplf{display:flex;}
.zctopnavbnd .zcnavtoprt{display:flex;}

.zctopnavbnd .zcupgrd{color:#ff3f00;line-height:48px;padding:0 5px 0 15px;}
.zctopnavbnd .zcupgrd span{font-size:14px;cursor: pointer;padding:6px 8px;border-radius:3px;background-color:#ffefed;font-weight:900;}
.zctopnavbnd .zcupgrd a{font-size:16px;color:#ff3f00;}

.zctopnavbnd .zcaddqcklink{padding: 8px;color: #ff6a1a !important;transition: all .3s;}
.zctopnavbnd .zcaddqcklink:hover{padding:8px;color:#ffffff!important;background-color:#ff6a1a;cursor:pointer;transition:all .3s;}

/* line 1, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
:root {
    --zicon-stroke-color: #555;
    --zicon-stroke-active-color: #fff;
    --zicon-zindex-active: 999999;
  }
  
  /* line 12, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  /* line 19, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  button.zohoapps {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
  }
  
  /* line 25, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox {
    position: relative;
    width: 16px;
    height: 16px;
  }
  
  /* line 29, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  
  /* line 33, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span {
    width: 4px;
    height: 4px;
    background-color: var(--zicon-stroke-color, #555);
    display: block;
    position: absolute;
    border-radius: 50%;
    transform-origin: center center;
    transform: scale(1);
    transition: 350ms 0.25s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    opacity: 1;
  }
  
  /* line 44, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(1) {
    left: 0;
    top: 0;
  }
  
  /* line 48, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(2) {
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  
  /* line 54, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(3) {
    right: 0;
    top: 0;
  }
  
  /* line 58, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(4) {
    left: 0;
    top: 6px;
  }
  
  /* line 62, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(5) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  /* line 70, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(6) {
    right: 0;
    top: 6px;
  }
  
  /* line 74, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(7) {
    left: 0;
    bottom: 0px;
  }
  
  /* line 78, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(8) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  
  /* line 85, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(9) {
    right: 0;
    bottom: 0px;
  }
  
  /* line 91, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
  /* line 97, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon__path1, .zohoapps__candybox__z-icon__path2 {
    fill: none;
    stroke: var(--zicon-stroke-color, #555);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    animation: zline0-r .5s .15s linear forwards;
    transition: opacity .5s .15s ease-in-out;
    opacity: 0;
  }
  
  /* line 109, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon__path1 {
    stroke-dasharray: 600;
  }
  
  /* line 112, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon__path2 {
    stroke-dasharray: 300;
  }
  
  /* line 122, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps:hover .zohoapps__candybox__dots > span, .zohoapps--active .zohoapps__candybox__dots > span {
    transform: scale(0);
    opacity: 0;
  }
  
  /* line 128, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps:hover .zohoapps__candybox__z-icon__path1, .zohoapps--active .zohoapps__candybox__z-icon__path1 {
    animation: zline0 .5s .15s linear forwards;
    transition: opacity .5s .15s ease-in-out;
    opacity: 1;
  }
  
  /* line 133, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps:hover .zohoapps__candybox__z-icon__path2, .zohoapps--active .zohoapps__candybox__z-icon__path2 {
    animation: zline1 .5s .15s linear forwards;
    transition: opacity .5s .15s ease-in-out;
    opacity: 1;
  }
  
  /* line 142, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps--active {
    z-index: var(--zicon-zindex-active, 999999);
    position: relative;
  }
  
  /* line 148, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps--active .zohoapps__candybox__z-icon__path1, .zohoapps--active .zohoapps__candybox__z-icon__path2 {
    stroke: var(--zicon-stroke-active-color, #fff);
  }
.zcsetnotify{background-color:#fd7553;padding:15px 20px 15px 15px;border-radius:5px;position:absolute;color:#ffffff;width:250px;top:18px;right:-10px;z-index:99;box-shadow:0px 0px 10px 5px rgb(75 75 75 / 33%);opacity:0;visibility:hidden;transition: .5s ease-in;}
.zcsetnotify.open{top:48px;visibility: visible;opacity: 1;}
.zcsetnotify p{font-size:12px;}
.zcsetnotify i{font-size:13px !important;position: absolute;top:6px;right:6px;display:block !important;height:unset !important;width:unset !important;}
.zcsetnotify:before{top:-19px;content:"";height: 0;width: 0;position: absolute;border-color: transparent transparent #fd7553 transparent;border-style: solid;border-width: 10px;z-index: 2;right: 20px;}
.zcsetnotify i:hover{background-color:transparent !important;}

.zconbrdcont{display:flex;width:100%;height:100%;}
.zconbrdlft{width:60%;height:100%;padding:4% 8%;}
.zconbrdrgt{width:40%;height:100%;position: relative;}
.zconbrdrgt .inbanr{width:100%;height:100%;position:absolute;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s all ease;z-index:2}
.zconbrdrgt .inbanr.active{opacity:1;z-index:9;}
.zconbrdrgt .inbanr.blue{background-color:#bedff0;}
.zconbrdrgt .inbanr.yellow{background-color:#f7ce9c;}
.zconbrdrgt .inbanr.pink{background-color:#eeced3;}
.zconbrdrgt .inbanr.purple{background-color:#c8caf5;}
.zconbrdrgt img{width:90%;margin:0 5%}
.zconbrdlogo{width:100%;display: flex;justify-content:space-between;}
.zconbrdlogo .onbrlogo{display:flex;}
.zconbrdlogo .onbrlogo img{width:40px;height:40px;margin-right:10px;}
.zconbrdlogo .onbrlogo span{font-size:22px;font-family:'ZohoPuvi',Arial, Helvetica, sans-serif;}
.zconbrdlogo .onbrstatus{display:flex;justify-content:center;align-items:center;}
.zconbrdlft .inslder{position:relative;}
.zconbrdlft .inslder .onformfld{position:absolute;opacity:0;transition: .2 all ease;z-index: 2;}
.zconbrdlft .inslder .onformfld.active{opacity:1;z-index:9}
.zconspeci{display:flex;float:left;padding:10px 0 0 24px;}
.zconspeci span{width:23px;height:20px;padding:5px;border-radius:4px;font-size:13px;background-color:#efefef;display:flex;justify-content: center;align-items: center;margin-right:5px}
.zconbrdbckbtn{display: flex;justify-content:center;align-items:center;background-color:#ffffff;color:#fd7553;cursor:pointer;}
.zconbrdbckbtn i{color:#fd7553;margin-right:5px;font-size:18px}
.zcbtn{padding:4px 15px;font-size:14px;border-radius:3px;cursor:pointer;transition:background .3s;height:35px;outline:none;position:relative;padding:7px 15px;display:flex;align-items:center;}
.zconbrdcotcnt{display:flex;flex-wrap:wrap;}
.zconbrdcotbtn{padding:20px;text-align:center;border-radius:4px;border:1px solid #ebebeb;width:160px;margin:0 15px 15px 0;box-shadow:0px 0px 3px 0px rgb(221 221 221 / 55%);cursor:pointer;}
.zconbrdcotlogo{padding:10px;text-align:center;border-radius:4px;border:1px solid #ebebeb;margin:0 15px 15px 0;box-shadow:0px 0px 3px 0px rgb(221 221 221 / 55%);cursor:pointer;display:flex;align-items:center;}
.zconbrdcotlogo img{width:100px;}
.zconbrdcotbtn:hover,.zconbrdcotbtn.active,.zconbrdcotlogo:hover,.zconbrdcotlogo.active{background-color:#fef1ed;border:1px solid #fc7552;}
.zcwaitbnr{background-color:#f6f6fd;padding:15px;display:flex;justify-content:start;}
.zcwaitbnr .waicon{width:95px;display:flex;margin-right:20px}
.zcwaitbnr .waicon img{width:100%}
.zcwaitbnr .wamesg{width:70%}
.zcwaitbnr .wamesg .chkget{display:flex;justify-content:start;align-items:center;}

.drphocotryflg{width:100px;display:flex;justify-content:space-between;align-items:center;padding:5px 7px 5px 7px;cursor:pointer;position:relative;}
.drphocotryflg span{font-size:14px;}
.drphocotryflg i{font-size:14px;opacity:.5;}
.drphocotryflg:after{content:'';width:1px;height:75%;background-color:#d8d8d8;display:block;position:absolute;right:0;}

.drpflgclk{position: absolute;inset: 0 0 0 0;z-index: 99;}

.drphocotrylst{width:400px;background-color:#ffffff;border-radius:5px;border:1px solid #e5e5e5;position:absolute;top:42px;left:0;box-shadow:0px 0px 5px #dddddd;}
.drphocotrydrsrch{display:flex;align-items:center;padding:0 5px}
.drphocotrydrsrch i{font-size:18px;color:#7f7f7f}
.drphocotrydrsrch input{border:0;height:30px;outline:none;font-size: 14px;}
.drphocotrydrsrch input:focus{outline:none;box-shadow:none;border:0;font-size: 14px;}
.drphocotrydwlst{border-top:1px solid #e5e5e5;max-height:205px;overflow:auto;}
.drphocotrydwlst ul{list-style:none;}
.drphocotrydwlst ul li{padding:8px 10px;cursor: pointer;}
.drphocotrydwlst ul li span.flg{font-weight: bold;margin:0 8px;font-size:12px}
.drphocotrydwlst ul li span.cname{font-size:12px}
.drpflgclk{position: absolute;inset: 0 0 0 0;z-index: 99;}
.zcgetstartcont{width:94%;margin:2% 3%;}
.zcgetstartbox{width:100%;background-color:#ffffff;display:flex;flex-direction:column;padding:2% 5%;}
.zcgetstrthed{width: 100%;display:flex;align-items:center;}
.zcgetstrthed .emojicon{width:60px;height:60px;border-radius:50%;background-color:#fff2ce;display:flex;justify-content:center;align-items:center;margin-right:20px;}
.zcgetstrthed .emojicon span{font-size:28px;}
.zcgetstrthed .gestarttxt h1{font-size:28px;margin-bottom:5px;}
.zcgetstrthed .gestarttxt p{font-size:16px;}
.zcgetstrtbdy{border:1px solid #e7e7e7;border-radius:10px;margin-top:20px;display:flex;}
.zcgetstrtbdy .sldmenu{width:30%;padding:2% 0;border-right:1px solid #e7e7e7;}
.zcgetstrtbdy .sldmenu h1{font-size:15px;}
.zcgetstrtbdy .sldmenu a{color:#ff6a1a}
.zcgetstatus{width:100%;display:flex;margin-top:10px;}
.zcgetstatus span{height:5px;border-radius:25px;background-color:#d7d7d7;display: block;margin-right:5px;position:relative;overflow:hidden;}
.zcgetstatus.four span{width:calc(25% - 5px);}
.zcgetstatus.five span{width:calc(20% - 5px);}
.zcgetstatus span.active:before{background-color:#0cbc83;position:absolute;inset: 0 0 0 0;content:'';}
.zcgetsidlst{width:100%;}
.zcgetsidlst ul{list-style:none;}
.zcgetsidlst ul li{padding:12px 20px;cursor: pointer;}
.zcgetsidlst ul li .inrdiv{display:flex;align-items:self-end;justify-content:space-between}
.zcgetsidlst ul li .procstatus{display:flex;justify-content:space-between;padding:5px 0 5px 30px;}
.zcgetsidlst ul li .procstatus label:last-child{color:#474747}
.zcgetsidlst ul li div{display: flex;flex-wrap: nowrap;}
.zcgetsidlst ul li.active{background-color:#fff0e8;}
.zcgetsidlst ul li.done{cursor:text;}
.zcgetsidlst ul li.done span:first-child{background-color:#0cbc83;border-color:#0cbc83;display:flex;justify-content:center;align-items:center;}
.zcgetsidlst ul li.done span:first-child i{color:#ffffff;font-size:10px;}
.zcgetsidlst ul li.done span:nth-child(2){text-decoration:line-through;opacity:.6;}
.zcgetsidlst ul li i{float:right}
.zcgetsidlst ul li.active span:first-child{border:1px solid #ff6a1a;background-color:#ffccb0;}
.zcgetsidlst ul li span:first-child{width:18px;height:18px;border:1px dashed #ff6a1a;border-radius:50%;margin-right:10px;}
.zcgetsidlst ul li span:last-child{font-size:14px;}
.zcgetstrtbdy .sldmain{width:70%;padding:2%;}
.zcgetstrtbdy .sldmain .hedtit{width:100%;}
.zcgetstrtbdy .sldmain .hedtit h1{font-size:15px;}
.zcgetstrtbdy .sldmain .hedtit p{font-size:14px;margin-top:5px;}
.zcgetstrtbdy .sldmain .mainbdy{width:100%;margin-top:25px;display:flex;flex-wrap:wrap;}
.zcgetstrtbdy .sldmain .mainbdy .card{border:1px solid #e7e7e7;border-radius:5px;padding:15px;width:32%;margin:0 1.3% 1.3% 0;cursor:pointer;}
.zcgetstrtbdy .sldmain .mainbdy .card .prlogo{width:100%}
.zcgetstrtbdy .sldmain .mainbdy .card .prlogo img{width:40px;margin-bottom:15px;padding:5px;border-radius:5px;background-color:#fff;}
.zcgetstrtbdy .sldmain .mainbdy .card .prname{width:100%}
.zcgetstrtbdy .sldmain .mainbdy .card .prname h2{font-size:12px;font-weight:700;}
.zcgetstrtbdy .sldmain .mainbdy .card.active{background-color:#ff6a1a;}
.zcgetstrtbdy .sldmain .mainbdy .card.active .prname h2{color:#ffffff;}
.zcgetstrtbdy .sldmain .apilnk{display: flex;margin-top:10px;width:100%;}
.zcgetstrtbdy .sldmain .apilnk i{color:#4ca6ec;font-size:18px}
.zcgetstrtbdy .sldmain .divor{width:100%;margin:40px 0;}
.zcgetstrtbdy .sldmain .divor span{background-color:#ebebeb;padding:5px 15px;color:#666666;border-radius:5px;}
.zcgetstrtbdy .sldmain .divor > div{width:100%;height: 1px;background-color:#ebebeb;display:flex;align-items:center;justify-content:center;}

.zccircle {--progress-width:2px;position: relative;width:22px;height:22px;border-radius: 50%;border: solid var(--progress-width) #feded6;margin:0 5px}
.zccircle__progress {position: absolute;inset: calc(var(--progress-width) * -1);z-index: 5;border-radius: 50%;background-image: conic-gradient(var(--progress-color) calc(var(--progress-value) * 3.6deg), transparent calc(var(--progress-value) * 3.6deg) 360deg);-webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - var(--progress-width)), #000 calc(100% - var(--progress-width) + 1px));}
.zccircle__inner {display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 10;width: 100%;height: 100%;}
.zccircle__inner-progress {display: block;font-size:12px;}
.zccircle__inner-progress::before {counter-reset: progress var(--progress-value);}
.zccircle__inner.one em:nth-child(1):before{top:-2px;left:8px}
.zccircle__inner.one em:nth-child(1):after{top:0px;left:14px}
.zccircle__inner.one em:nth-child(2):before{top:3px;left:17px}
.zccircle__inner.one em:nth-child(2):after{top:8px;left:18px}
.zccircle__inner.one em:nth-child(3):before{top:13px;left:17px}
.zccircle__inner.one em:nth-child(3):after{top:17px;left:13px}

.zccircle__inner.two em:nth-child(1):before{top:17px;left:12px}
.zccircle__inner.two em:nth-child(1):after{top:18px;left:7px}
.zccircle__inner.two em:nth-child(2):before{top:16px;left:2px}
.zccircle__inner.two em:nth-child(2):after{top:12px;left:-1px}
.zccircle__inner.two em:nth-child(3):before{top:7px;left:-2px}
.zccircle__inner.two em:nth-child(3):after{top:2px;left:0px}
.zcorglnk{color:#fd7553;text-decoration:none;}

.zccircle__inner.three em:nth-child(1):before{top:-2px;left:6px}
.zccircle__inner.three em:nth-child(1):after{top:0px;left:2px}
.zccircle__inner.three em:nth-child(2):before{top:4px;left:-1px}
.zccircle__inner.three em:nth-child(2):after{top:9px;left:-2px}
.zccircle__inner.three em:nth-child(3):before{top:14px;left:0px}
.zccircle__inner.three em:nth-child(3):after{top:17px;left:4px}
.zccircle__inner em:after,.zccircle__inner em:before{width:2px;height:2px;border-radius:50%;background-color:#fd7553;content:'';display:block;position:absolute;}

.zconbrdcotlogo{padding:10px;text-align:center;border-radius:4px;border:1px solid #ebebeb;margin:0 15px 15px 0;box-shadow:0px 0px 3px 0px rgb(221 221 221 / 55%);cursor:pointer;display:flex;align-items:center;}
.zconbrdcotlogo img{width:100px;}
.zcgetupld{width:100%;background-color:#fff4ef;border:1px dashed #ffcaae;border-radius:2px;padding:25px;display:flex;justify-content:space-evenly;position:relative;align-items:center}
.zcgetupld i{font-size:56px;color:#fd7553;}
.zcgetupld p{color:#444444}
.zcgetupld input[type='file']{width:100%;height:100%;position: absolute;opacity: 0;cursor: pointer;inset:0 0 0 0}
.zccrtcamcrd{width:48.5%;border:1px solid #dfe4f0;border-radius:5px;text-align: center;}
.zccrtcamcrd.email,.zccrtcamcrd.predesi {margin:0 1.5% 2% 0;}
.zccrtcamcrd.sms,.zccrtcamcrd.scratch{margin:0 0 2% 1.5%;}
.zccrtcamcrd .topsect{width:100%;height:140px;}
.zccrtcamcrd .topsect img{height:180px;margin:50px 0;}
.zccrtcamcrd.email .topsect{background-color:#7fe2c2}
.zccrtcamcrd.sms .topsect{background-color:#b2bfed}
.zccrtcamcrd.predesi .topsect{background-color:#edbfe8}
.zccrtcamcrd.scratch .topsect{background-color:#f8d175}
.zccrtcamcrd .ctasect{margin:125px 0 0px;}
.zccrtcamcrd .ctasect p{width:70%;margin:5px 15%;color:#666666}
.zccrtopsect{width:100%;height:150px;}
.zccrtopsect img{height: 180px;margin: 30px 0;}
.zccrtbxcnt{display:flex;flex-flow:column;}
.zccrtopsect.grn{background-color:#7fe2c1;}
.zccrtopsect.blu{background-color:#5db8e0;}
.zccrtopsect.pnk{background-color:#edbfe8;}

.zcorglnk{color:#fd7553;text-decoration:none;}
.zcgetmini{position:fixed;bottom:0;left:85px;display:flex;justify-content:space-between;background-color:#ffffff;border-radius:0 5px 0 0;overflow:hidden;box-shadow:4px 0px 5px 0px rgb(174 174 174 / 35%);}
.zcgetmini.open{overflow:unset;}
.zcgetmini.open .zcgetsidlst{display:block !important;}
.zcgetmini.open .zcgetminilft{border-right:1px solid #e8e8e8}
.zcgetmini.open .zcgetminirgt{border-radius: 0 5px 0 0;display:block;}
.zcgetminilft{width:240px;display:flex;flex-direction:column;}
.zcgetminilft .zcgetmininavig{background-color:#fff0e8;padding:10px 0}
.zcgetminilft .zcgetmininavig .zcgetmintit{display:flex;justify-content:space-between;align-items:center;padding:0 10px;}
.zcgetminilft .zcgetmininavig .zcgetmintit h2{color:#603b28}
.zcgetminilft .zcgetmininavig .zcgetmintit i{font-size:16px;color:#603b28}
.zcgetminilft .zcgetmininavig .desc{color:#603b28;font-style:italic;font-size:10px;padding:10px 10px 0;}
.zcgetminirgt{display:flex;flex-direction:column;padding:15px 20px;display: none;}
.zcgetminirgt .migrigtit{display:flex;justify-content:space-between;}
.zcgetminirgt .migrigbdy{width:100%;display:flex;}
.zcgetminirgt .migrigbdy .miginr{display:flex;border-radius:5px;border:1px solid #d7d7d7;padding:15px;margin-top:15px;width:50%}
.zcgetmini .zcgetsidlst ul li.active{background-color:transparent;}
.zcgetmini .zcgetstatus span{background-color:#e5cbbe;}
.zcgetstprgs{background-color:#a24513;width:85px;position:fixed;bottom:0;padding:12px 0;}

.zcwaitbnr{background-color:#f6f6fd;padding:15px;display:flex;justify-content:start;}
.zcwaitbnr .waicon{width:95px;display:flex;margin-right:20px}
.zcwaitbnr .waicon img{width:100%}
.zcwaitbnr .wamesg{width:70%}
.zcwaitbnr .wamesg .chkget{display:flex;justify-content:start;align-items:center;}

.drphocotrydwlst ul li label{float:left;}

.zcmainex{margin-top:48px;height:calc(100% - 48px);float:left;width:calc(100% - 85px);}
.zcjournyld{width:100%;height:calc(100% - 79px);display:flex;}
.zcjournyld .zcjourlst{flex:1;background-color:#f1f1f1;padding:3%;overflow:auto;}
.zcjournlist{width:100%;}
.zcjournlist ul{list-style:none;}
.zcjournlist ul li{padding:10px;display:flex;justify-content:space-between;cursor: pointer;}
.zcjournlist ul li span{font-size:16px;}
.zcjournlist ul li span:last-child{color:#a2a2a2;}
.zcjournlist ul li span:first-child{color:#333333;}
.zcjournlist ul li.active span{color:#f55d40;font-weight:700;}
.zcjournyld .zcjourtempprev{flex:2;box-shadow:-3px 0px 5px #dddddda8;padding:3% 5%;overflow:auto;}
.zcjournyld .zcjourtempprev .zcjourtitle{display:flex;justify-content:space-between;border-bottom:1px solid #f4f4f4;padding-bottom:15px;margin-bottom:20px;}
.zcjournyld .zcjourtempprev .zcjourtitle h1{font-size:18px;font-weight:400;}
.zcjournyld .zcjourtempprev .workjoruteple{width:100%;display:flex;justify-content:flex-start;flex-wrap: wrap;}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd{width:33%;padding:10px;transition: .3s ease;margin-bottom:10px}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd .imgcont{overflow:hidden;height:250px;position:relative;border-radius:5px;}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd .imgcont img{width:100%;}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd:hover .tempoverlay{transform:translate(0px, 0px);opacity: 1;}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd:hover{transform: translate(0px, -5px);}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd .tempoverlay{position:absolute;background-color:rgb(0 0 0 / 45%);display:flex;justify-content:center;align-items:center;flex-flow:column;inset: 0 0 0 0;transform:translate(0px, 30%);transition: .15s all;opacity:0;}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd .temptitle{width:100%;}
.zcjournyld .zcjourtempprev .workjoruteple .tempcrd .temptitle h1{font-size:14px;margin:10px 0;font-weight: 400;}
.zcjournyld .zcjourtempprev .progbar{width:350px;display:flex;margin:0 auto;justify-content:space-between;position:relative;}
.zcjournyld .zcjourtempprev .progbar .prgicocnt{width:140px;display:flex;justify-content:center;flex-flow:column;align-items:center;position: relative;cursor: pointer;}
.zcjournyld .zcjourtempprev .progbar .prgicocnt span:first-child{width:35px;height:35px;display:block;border-radius:50%;background-color:#ffffff;box-shadow:1px 1px 5px -1px rgb(0 0 0 / 30%);display:flex;align-items:center;justify-content:center;font-size:22px;color:#f05d40;position:relative;z-index:10;}
.zcjournyld .zcjourtempprev .progbar .prgicocnt span.active:first-child i{color:#0cbc83;}
.zcjournyld .zcjourtempprev .progbar .prgicocnt.active span:first-child{background-color:#f05d40;color:#ffffff}
.zcjournyld .zcjourtempprev .progbar .prgicocnt.active span:last-child{color:#f05d40}
.zcjournyld .zcjourtempprev .progbar .prgicocnt span:last-child{font-size:12px;margin:10px 0;}
.zcjournyld .zcjourtempprev .progbar .prgicocnt span.active:last-child{color:#f05d40}
.zcjournyld .zcjourtempprev .progbar .prgsline{width:50px;height:1px;border:.8px dashed #bdbdbd;position:absolute;left:calc(50% - 25px);top:20%;}
.zcjouriconcnt{display: flex;flex-flow: column;align-items: center;justify-content: center;}
.prgicocnt:before{position:absolute;top:20px;width:90%;height:1px;content:'';background-image:-webkit-gradient(linear, left top, right top, color-stop(30%, #cbcbcb), color-stop(20%, #fff));background-image:linear-gradient(to right, #cbcbcb 30%, #fff 20%);background-repeat:repeat-x;background-position:bottom;background-size: 6px 1px;}
.prgicocnt:first-child:before{left: 50%;}
.prgicocnt:last-child:before{right:50%;}
.zcprogrout{position: relative;}
.zcprogrprect{font-size:16px;color:#21c900;font-weight:900;position:absolute;top:3px;right:40px;}
.zcprogress{display:flex;justify-content:space-evenly;align-items: flex-start;margin:15px 0}
.zcprogress .zcprgscont{flex:1;display:flex;flex-flow:column;justify-content: center;align-items: center;position:relative}
.zcprgschck{position:relative}
.zcprgscont:before{width:100%;height:2px;content:'';background-color:#ededed;display:block;position:absolute;left:50%;top:12px}
.zcprgscont:after{width:0%;height:2px;content:'';background-color:#21c900;display:block;position:absolute;left:50%;top:12px;transition:1s width ease;}
.zcprgscont.done:after{width:100%;}
.zcprgscont.done .zcprgschck i{display:block;color:#21c900}
.zcprgscont.done .zcprgschck{border:2px solid #21c900}
.zcprgscont:last-child:before,.zcprgscont:last-child:after{display: none;}
.zcprgscont .zcprgschck{width:25px;height:25px;border-radius:50%;border:2px solid #b0b0b0;display: flex;align-items: center;justify-content: center;background-color:#ffffff;z-index:9}
.zcprgscont.inprogress .zcprgschck{border:2px solid transparent;border-top-color:#ff6058;animation: .5s spin infinite linear;}
.zcprgscont .zcprgschck i{font-size:26px;display: none;}
.zcprgslabl{padding:10px;}
.zcprgslabl span{font-size:14px;list-style:1.2}
@keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.zcgetstrer{background-color:#fffaf4;padding:20px 30px;display: flex;justify-content: space-between;}
.zcgetstrer .getermsg{display:flex;flex-flow:row;justify-content: center;align-items: center;}
.zcgetstrer .getermsg i{color:#ed870a}
.zcgetlst{margin-bottom:20px;padding-left: 20px;}
.zcgetlst li{line-height:1.5;font-size:13px}
.zcgetlst li::marker{color:#fd7554;font-size:20px}
.zclink{color:#5b6fe8;cursor: pointer;}
.popupbtnbg1{background-color:#f6f6f6;}

.zconspeci{display:flex;float:left;padding:5px 0 0 24px;}
.zconspeci span{width:23px;height:20px;padding:5px;border-radius:4px;font-size:13px;background-color:#efefef;display:flex;justify-content: center;align-items: center;margin-right:5px}


.zcotpcont{width:100%;height:100%;}
.zcotphed{width:100%;height:100px;background-color:#f9f9f9;display:flex;padding:10px 40px;justify-content: space-between;align-items: center;}
.zcotphed .zcotplogo img{width:150px;}
.zcotphed .zcotpprfi img{width:40px;}
.zcotpbdy{}
.zcotppassin .otp-input { height:50px;width:55px;background-color:transparent;border-radius:4px;border:1px solid #d2d2d2;text-align:center;outline:none;font-size:18px;margin:0 10px; }
.zcotppassin{display:flex;justify-content: center;margin:30px 0 0}
.zcotppassin.success input{border-color:#90d59e}
.zcotppassin.failer input{border-color:#ea9495}
.zcermsgcnt{display:flex;justify-content:center;align-items:center;font-size:14px;color:#222222}
.zcermsgcnt.failer{color:#d11d1e}
.zcotplnk{font-weight:700;color:#fe7553;}
.zcotplnk:hover{text-decoration:underline}

.drpdwndatelst{ background-color:#f9f9f9; border-bottom:solid 1px #f1f1f1; border-top:solid 1px #f1f1f1;}
.drpdwndatelst.open{height:auto;overflow:hidden;}
.drpdwndatelst.close{height:0;overflow:auto;border:0}
.drpdwndatelst ul{ padding:0px; margin:0px; list-style:none;}
.drpdwndatelst ul li{ padding:0px; margin:0px;}
.drpdwndatelst ul li a{ padding:10px 10px 10px 40px; color:#222222; font-size:14px; display:block; text-decoration:none; white-space:nowrap; }
.drpdwndatelst ul li a:hover{background-color:#f5f5f5; text-decoration:none; color:#ef7615;} 
.drpdwndatelst ul li a.select{font-size:13px; background-color:#d5e9ef; text-decoration:none; color:#000; cursor:default;}

.zcprplmsg{background-color:#f5f8ff;padding:20px;border:1px solid #93c1f3;padding:10px;border-radius:2px;}
/*All Contacts styles start*/
.zccontfltr{background-color:#fefeda;padding:10px 15px;}
.zccontfltr .fiterapy{background-color:#24b95b;padding:8px 13px;border-radius:25px;display:inline-block;color:#ffffff;box-shadow: 0px 0px 5px 1px #ddd;margin-right:10px}
.zccontfltr .fiterapy span{color:#ffffff;margin-right:10px;}
.zccontfltr .fiterapy i{font-size:12px;}

.zcbtntxt{border:solid 1px #d9e0e8; padding:10px; border-radius:3px; display:inline-block; background-color:#fff; transition:all .5s; fill:#777; text-decoration:none; color:#222; text-align:center; line-height:1; font-size:14px; z-index:0; box-shadow:0 2px 2px 0 rgba(250, 250, 250, 0.14), 0 3px 1px -2px rgba(250, 250, 50, 0.1), 0 1px 5px 0 rgba(50, 50, 50, 0.1); outline:none; height:37px;}

.zcdlccont{display:grid;grid-template-areas:'whatfist whatfist' 'brndsec campthir';gap:30px;margin-bottom:50px;}
.zcdlccont > div{border-radius:4px;border:1px solid #e6ebef;padding: 25px 40px;background-color:#ffffff;box-shadow:0px 0px 4px 3px #dbecf4;}
.zcdlccont > div.offocus{background-color:#f9fafe;}
.zcdlcbdreg{grid-area:brndsec;display:flex;}
.zcdlccamreg{grid-area:campthir;display:flex;}
.zcdlcnum{width:20px;height:20px;background-color:#fe7553;border-radius:50%;display:flex;color:#ffffff;justify-content:center;align-items:center;font-size:14px;}
.zcdlcfull{width:100%;height:100%;background-color:#ffffff;position:fixed;z-index:99;inset: 0 0 0 0;}
.zcdlctimenu{display: flex;align-items: center;padding:20px}
.zcdlctit{display: flex;width:100%;padding:10px 20px;}
.zcdlctit h1{font-size:14px;color:#6f6f6f;}
.zcdlclst{border:1px solid #d8d8d8;border-radius:5px;display: flex;width:100%;align-items:center;padding:20px;margin-bottom:25px}
.zcdlclst .dclink{visibility: hidden;}
.zcdlclst:hover .dclink{visibility: visible;}

.drphocotry{width:100px;display:flex;justify-content:space-between;align-items:center;padding:5px 7px 5px 7px;cursor:pointer;position:relative;}
.drphocotry span{font-size:14px;}
.drphocotry i{font-size:14px;opacity:.5;}
.zcdlcwht {grid-area: whatfist;}

.zcemailsetig{border:1px solid #d8d8d8;padding:20px;display:flex;justify-content: space-between;margin-bottom:25px}
.zcemailsetig .emaddbtn{display:flex;margin:0 10px 0 0;}
.zcemailsetig .emaddbtn.flcl{flex-flow: column;}
.zcemailsetig .emaddbtn .plusbtn{width:25px;height:25px;border:1px solid #539ae7;border-radius:50%;color:#539ae7;display:flex;justify-content: center;align-items: center;margin-right:10px}
.zcemailsetig .emaddbtn .plusbtn i{font-size:18px}
.zcemailsetig .emaddbtn .tittxt{color:#539ae7;font-size:16px;font-weight:700;margin-bottom:5px;}
.zcemailcpy{background-color: #fafbfa;border:1px solid #d8d8d8;padding:15px 90px 15px 15px;font-size:14px;margin:10px 0;position: relative;}
.zcemailcpy button{position:absolute;top:5px;right:15px;}
.zcemailcpy span{word-break: break-all;}

.zccrminteg{width:100%;display:flex;height:100%}
.zccrminlst{flex:2;border-right:1px solid #f2f3f5;}
.zccrminlst h1{font-size:16px;padding:20px}
.zccrminlst ul{list-style: none;width:100%;}
.zccrminlst ul li{width:100%;}
.zccrminlst ul li a{padding:10px 20px 10px 40px;font-size:14px;color:#000;display: block;}
.zccrminlst ul li a:hover{color:#ff6a1a;background-color:#f5fafe;}
.zccrminmai{flex:10;padding:25px;}
.zccrminmai .zccrmincont{width:100%;display: flex;}
.zccrminmai .zccrmincont .zccrmbox{border:1px solid #e4e4e4;width:250px;height:300px;box-shadow:0px 0px 2px #c5c4c45c;background-color: #ffffff;margin-right:20px;display:flex;align-items:center;justify-content:center;flex-flow:column;cursor:pointer;}
.zccrminmai .zccrmincont .zccrmbox img{width:50px;margin-bottom:15px;transition: .1s ease all;}
.zccrminmai .zccrmincont .zccrmbox h1{font-size:22px;transition: .1s ease all;}
.zccrminmai .zccrmincont .zccrmbox:hover{box-shadow:0px 0px 7px 0px #909090b8;}
.zccrminmai .zccrmincont .zccrmbox .zccrmcntbtn{transform:translate(0px, 35px);visibility:hidden;transition: .1s ease all;}
.zccrminmai .zccrmincont .zccrmbox:hover .zccrmcntbtn{transform:translate(0px, 20px);visibility: visible;}
.zccrminmai .zccrmincont .zccrmbox:hover h1{transform:translate(0px, -10px)}
.zccrminmai .zccrmincont .zccrmbox:hover img{transform:translate(0px, -10px)}
.zccrmcntcir{width:280px;height: 280px;border:1px solid #e7e7e7;border-radius:50%;position:relative;margin:30px auto 30px}
.zccrmcntcir span:first-child{width:240px;height:240px;border:1px solid #e7e7e7;border-radius:50%;display:block;position:absolute;inset:0 0 0 0;margin:auto;}
.zccrmcntcir span:first-child:after{width:160px;height:160px;border:1px solid #e7e7e7;border-radius:50%;display:block;content:'';position:absolute;inset:0 0 0 0;margin:auto;}
.zccrmcntcir span:first-child:before{width:200px;height:200px;border:1px solid #e7e7e7;border-radius:50%;display:block;content:'';position:absolute;inset:0 0 0 0;margin:auto;}
.zccrmcntcir span:nth-child(2){width:120px;height:120px;border:1px solid #e7e7e7;border-radius:50%;display:block;position:absolute;inset:0 0 0 0;margin:auto;}
.zccrmcntcir span:nth-child(2):after{width:80px;height:80px;border:1px solid #e7e7e7;border-radius:50%;display:block;position:absolute;inset:0 0 0 0;margin:auto;content:'';}
.zccrmcntcir img{position:absolute;width:90px;inset: 0 0 0 0;margin:auto;}

.zccrsyncnt{width:100%;display:flex;justify-content:center;}
.zccrsynpnt{background-color:#e9f3fd;border-radius:25px;display:flex;align-items:center;padding-right:20px;height:25px;}
.zccrsynpnt .numbox{width:25px;height:25px;color:#ffffff;background-color:#349aec;border-radius:50%;display:flex;justify-content:center;align-items:center;}


.zccrsynpntdn{background-color:#ffffff;border-radius:25px;display:flex;align-items:center;padding-right:20px;height:25px;border:1px solid #01a04e}
.zccrsynpntdn .numbox{width:25px;height:25px;color:#ffffff;background-color:#01a04e;border-radius:50%;display:flex;justify-content:center;align-items:center;}


.zcgrnlab{border:1px solid #018e1e;background-color:#e7fceb;border-radius:5px;padding:5px 10px;color:#018e1e;}
.zcgrnlab.bradius{border-radius:25px}
.zcactlbl{color:#67c885;padding: 0 0 0 20px;position:relative;}
.zcactlbl:before{width:13px;height:13px;border-radius:2px;content:'';display:inline-block;background-color:#67c885;position: absolute;left: 2px;top: 1px;float: left;}

.zcboxcnt{border:solid 1px #e4ecf1;border-radius:5px;background-color:#fff;}

.zcsynprgss{width:38px;height:38px;position:relative;float:left;}
.zcsynprgss .zsynbtn{width:38px;height:38px;z-index:99;border-radius:50%;background-color:#ffffff;display:block;position: relative;cursor: pointer;}
.zcsynprgss .zsynbtn:before{width:38px;height:38px;content:'';display: block;border-radius:50%;position:absolute;inset: 0 0 0 0;animation: 1.8s expnd infinite;}
.zcsynprgss .zsynbtn:after{width:30px;height:30px;content:'';display: block;background-color: #ffffff;border-radius:50%;position:absolute;inset: 0 0 0 0;margin: auto;border:1px solid #5418bf;transition: .2s ease all;}

.zcsynprgss .zsynbtn i{position: relative;z-index:99;top:4px;left:12.5px;font-size:12px;display: none;}
.zcsynprgss .zsynbtn i.show{display: inline;}
.zcsynprgss .zsynbtn svg.hide{display:none;}
.zcsynprgss .zsynbtn:hover:after{width:30px;height:30px;}
.zcsynprgss .zsynbtn:hover:before{background-color:#d7f8df}
.zcsynprgss .zsynbtn.active:before{background-color:transparent;animation: none;}
.zcsynprgss .zsynbtn.active:after{border-color:transparent;}
.zcsynprgss .zsynbtn.expired:before{background-color:#e7f1fc;}
.zcsynprgss .zsynbtn.expired:after{border-color:transparent;}
.zcsynprgss .zsynbtn svg{ stroke-dasharray: 100;stroke-dashoffset: 200;animation: dash 1.4s infinite;}
.zcsynprgss .zsynbtn.expired svg{fill:#5399e7;animation: unset;}
.zcsynprgss .zsynbtn:hover svg{animation: unset;}
.zcsynprgss .zsynbtn:hover:before{animation:unset;background-color: transparent}
@keyframes expnd{
    from{
		opacity: 1;
		transform: scale(0);
        background-color: #8b00ff;
    }
    to{
        opacity: .7;
		transform: scale(1.5);
        background-color:#f6ebff;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}

.zcsynprgss .zsynbtn svg{position: relative;z-index: 99;width:12px;position: relative;top:8px;left:12px}
@keyframes rotae{from{background:-webkit-linear-gradient(0deg,#b817f7,#143174);-webkit-background-clip: text;}to{background:-webkit-linear-gradient(360deg,#143174,#b817f7);-webkit-background-clip: text;}}
.zcsynprgss .zsyndrpdw{width:350px;background-color:#ffffff;padding:10px;position:absolute;right:35px;top:40px;z-index: 100;border-radius: 8px;display: none;}
.zcsynprgss .zsyndrpdw.open{display: block;}


.overlbg{
    background: #000000;
    display: none;
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: 12 !important;
    height: 100%;
    overflow: hidden;
    left: 0px;
    top: 0px;
    display:none;
    opacity: .7;
}
.overlbg.show{
    display: block;
}


/* line 1, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
:root {
    --zicon-stroke-color: #555;
    --zicon-stroke-active-color: #fff;
    --zicon-zindex-active: 999999;
  }
  
  /* line 12, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  
  /* line 19, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  button.zohoapps {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
  }
  
  /* line 25, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox {
    position: relative;
    width: 16px;
    height: 16px;
  }
  
  /* line 29, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  
  /* line 33, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span {
    width: 4px;
    height: 4px;
    background-color: var(--zicon-stroke-color, #555);
    display: block;
    position: absolute;
    border-radius: 50%;
    transform-origin: center center;
    transform: scale(1);
    transition: 350ms 0.25s cubic-bezier(0.8, 0.5, 0.2, 1.4);
    opacity: 1;
  }
  
  /* line 44, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(1) {
    left: 0;
    top: 0;
  }
  
  /* line 48, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(2) {
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
  }
  
  /* line 54, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(3) {
    right: 0;
    top: 0;
  }
  
  /* line 58, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(4) {
    left: 0;
    top: 6px;
  }
  
  /* line 62, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(5) {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  
  /* line 70, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(6) {
    right: 0;
    top: 6px;
  }
  
  /* line 74, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(7) {
    left: 0;
    bottom: 0px;
  }
  
  /* line 78, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(8) {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  
  /* line 85, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__dots > span:nth-child(9) {
    right: 0;
    bottom: 0px;
  }
  
  /* line 91, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
  }
  
  /* line 97, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon__path1, .zohoapps__candybox__z-icon__path2 {
    fill: none;
    stroke: var(--zicon-stroke-color, #555);
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    animation: zline0-r .5s .15s linear forwards;
    transition: opacity .5s .15s ease-in-out;
    opacity: 0;
  }
  
  /* line 109, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon__path1 {
    stroke-dasharray: 600;
  }
  
  /* line 112, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps__candybox__z-icon__path2 {
    stroke-dasharray: 300;
  }
  
  /* line 122, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps:hover .zohoapps__candybox__dots > span, .zohoapps--active .zohoapps__candybox__dots > span {
    transform: scale(0);
    opacity: 0;
  }
  
  /* line 128, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps:hover .zohoapps__candybox__z-icon__path1, .zohoapps--active .zohoapps__candybox__z-icon__path1 {
    animation: zline0 .5s .15s linear forwards;
    transition: opacity .5s .15s ease-in-out;
    opacity: 1;
  }
  
  /* line 133, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps:hover .zohoapps__candybox__z-icon__path2, .zohoapps--active .zohoapps__candybox__z-icon__path2 {
    animation: zline1 .5s .15s linear forwards;
    transition: opacity .5s .15s ease-in-out;
    opacity: 1;
  }
  
  /* line 142, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps--active {
    z-index: var(--zicon-zindex-active, 999999);
    position: relative;
  }
  
  /* line 148, /Applications/XAMPP/xamppfiles/htdocs/zm-dev/marketing/src/zanimation/scss/zanimation.scss */
  .zohoapps--active .zohoapps__candybox__z-icon__path1, .zohoapps--active .zohoapps__candybox__z-icon__path2 {
    stroke: var(--zicon-stroke-active-color, #fff);
  }
  
  @keyframes zline0 {
    from {
      stroke-dashoffset: -300;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes zline0-r {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -300;
    }
  }
  
  @keyframes zline1 {
    from {
      stroke-dashoffset: 300;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  
  @keyframes zline1-r {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: 300;
    }
  }
  
  /*# sourceMappingURL=../css/zanimation.map */
.zcprplmsg{background-color:#f5f8ff;padding:20px;border:1px solid #93c1f3;padding:10px;border-radius:2px;}
.zclinkshp{color:#163de0;text-decoration: underline;}
.zclinkshp:hover{text-decoration:none}

.zcsetnotify{background-color:#fd7553;padding:15px 20px 15px 15px;border-radius:5px;position:absolute;color:#ffffff;width:250px;top:18px;right:-10px;z-index:99;box-shadow:0px 0px 10px 5px rgb(75 75 75 / 33%);opacity:0;visibility:hidden;transition: .5s ease-in;}
.zcsetnotify.open{top:48px;visibility: visible;opacity: 1;}
.zcsetnotify p{font-size:12px;}
.zcsetnotify i{font-size:13px !important;position: absolute;top:6px;right:6px;}
.zcsetnotify:before{top:-19px;content:"";height: 0;width: 0;position: absolute;border-color: transparent transparent #fd7553 transparent;border-style: solid;border-width: 10px;z-index: 2;right: 20px;}
.zcdrpmuloptn{border:1px solid #e2e2e2;box-shadow:1px 1px 1px #ddd;width:300px;top:40px;display:block;position:absolute;background-color:#ffffff;z-index:99;overflow:scroll;max-height:500px;}
.zcdrpmuloptn ul{list-style:none;display:block;float: left;}
.zcdrpmuloptn ul li{width:100%;float:left;}
.zcdrpmuloptn ul li .secdrpdw{width:100%;display:flex;align-items:center;padding:10px 5px 5px;}
.zcdrpmuloptn ul li .secdrpdw i{margin-right:10px;font-size:16px;color:#6e6e6e;}
.zcdrpmuloptn ul li .secdrpdw span{font-size:14px;color:#6e6e6e;}
.zcdrpmuloptn ul li ul{width:100%;}
.zcdrpmuloptn ul li ul li{width:100%;cursor:pointer;padding:0;}
.zcdrpmuloptn ul li ul li:hover,.zcdrpmuloptn ul li ul li.active{background-color:#f5fafe;}
.zcdrpmuloptn ul li ul li .secinrdrp{display:flex;justify-content:space-between;align-items:center;padding:7px 0}
.zcdrpmuloptn ul li ul li .secinrdrp .secinspndiv{width:calc(100% - 50px);display: flex;justify-content:space-between;}
.zcdrpmuloptn ul li ul li .secinrdrp .secinspndiv span{font-size:14px;padding:0 0 0 30px;}
.zcdrpmuloptn ul li ul li .secinrdrp .secinspndiv i{font-size:14px;color:#ff6a1a;display: none;}
.zcdrpmuloptn ul li ul li .secinrdrp .secinspndiv i.active{display:block}
.zcdrpmuloptn ul li ul li .secinrdrp:hover .drpmore,.zcdrpmuloptn ul li ul li.active .secinrdrp .drpmore{visibility:visible;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore{height:20px;visibility:hidden;width:20px;margin-right:30px}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore i.zcicon-star-full{color:#fe7153;font-size:16px;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore i.zcicon-dots-vertical{font-size:20px;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmoinr{display:flex;justify-content:space-evenly;align-items:center;width:22px;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw.active{visibility: visible}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw{position:absolute;width:150px;background-color:#ffffff;top:30px;right:-8px;border: 1px solid #ddd;padding:5px 10px;border-radius:5px;visibility: hidden;z-index:99;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw:after{width: 8px;height: 8px;content: '';border: 8px solid transparent;border-bottom: 8px solid #ffffff;display: block;position: absolute;top: -15px;right: 9px;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw:before{width: 8px;height: 8px;content: '';border: 8px solid transparent;border-bottom: 8px solid #dddddd;display: block;position: absolute;top: -17px;right: 9px;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw.open{display: block;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw ul{width:100%;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw li{width:100%;padding:5px 0;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw li:hover{background-color:transparent;}
.zcdrpmuloptn ul li ul li .secinrdrp .drpmore .moredpdw li a{width:100%;font-size:14px;display:block;color:#1c1c1c;}
.zcdrpmuloptn ul li:last-child ul li:nth-last-child(-n + 3) .secinrdrp .drpmore:hover .moredpdw{top:unset;bottom: 30px;visibility: visible}
.zcdrpmuloptn ul li:last-child ul li:nth-last-child(-n + 3) .secinrdrp .drpmore:hover .moredpdw:before{border-top:8px solid #dddddd;border-bottom:transparent;bottom:-8px;top:unset;}
.zcdrpmuloptn ul li:last-child ul li:nth-last-child(-n + 3) .secinrdrp .drpmore:hover .moredpdw:after{border-top:8px solid #ffffff;border-bottom:transparent;bottom:-6px;top:unset;}
.zcdrpmuloptn ul li:last-child ul li:nth-last-child(-n + 3) .secinrdrp .drpmore .moredpdw{top:unset;bottom: 30px;}
/*end*/

.zcsmsmigrat{border-radius:5px;background-color:#FFF8F9;padding:20px;}
.zcfrshslprcnt{overflow: hidden;}
.zcfrshsldcont{position:relative;overflow: hidden;transition: .5s ease all;}
.zcslderwin{position: relative;padding:40px;transition: left 1.4s, opacity .5s ease;display:inline-block}