@charset "UTF-8";

*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body,input,select {background-attachment:fixed;border: 0 none;font-family: 'Open Sans',Arial,Helvetica,sans-serif !important;margin: 0;padding: 0;text-align: left; letter-spacing:.5px; font-size:14px; }
button {background-attachment:fixed;border: 0 none; margin: 0;padding: 0;text-align: left; letter-spacing:.5px; 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*/
.p2{ padding:2px;}
.p5{ padding:5px;}
.p10{ padding:10px;}
.p10p20{padding: 10px 20px;}
.p15{ padding:15px;}
.p20{padding:20px;}
.p30{padding:30px;}
.p40{padding:40px;}
.p60{padding:60px;}
.pl20{padding-left: 20px;}
.w5{ width:5%;}
.w10{ width:10%;}
.w15{ width:15%;}
.w20{width:20%;}
.w22{width:22%;}
.w25{width:25%;}
.w30{width:30%;}
.w32{width:32%;}
.w33{width:33%;}
.w34{width:34%;}
.w38{width:38%;}
.w40{width:40%;}
.w45{width:45%;}
.w46{width:46%;}
.w49{width:49%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w70{width:70%}
.w80{width:80%;}
.w90{width:90%;}
.w100{ width:100%}
.w100x{ width:100px;}
.w150x{ width:150px;}
.w200x{ width:175px;}
.w300x{ width:300px;}
.w350x{width:350px;}
.mw6{ min-width:600px;}
.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.mt5{margin-top:5px;}
.mt4{margin-top:4px;}
.mt8 {margin-top: 7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{ margin-top:80px;}
.mt100{ margin-top:100px;}
.mt110{margin-top:110px;}
.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;}
.ml10pc{margin-left:10%;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.pl80{ padding-left:80px;}
.pl60{ padding-left:60px;}
.pl85{ padding-left:85px;}
.pl200{ padding-left:200px;}
.ptb10{ padding:10px 0px;}
.f4{ font-size:4px;}
.f9 {font-size: 9px}
.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;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.f50{font-size:50px;}
.f60{font-size:60px;}
.h35{ height:35px;}
.mh350{ min-height:350px;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.tc{text-align:center !important;}
.c{ margin:auto;}
.zcclrblu{ color:#0c84b1;}
.clrgrn{ color:#58b75f;}
.clrorng{ color:#f0a329; margin-left:10px;}
.clrred{ color:#f27777}
.ltr{ font-weight:lighter;}
strong{ font-weight:600;}
.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; }
.grn{background-color:#3fb68a;}
.gry{background-color:#b7babb;}
.lgtgry{background-color: #fbfbfb;}
.bglgtgry{background-color: #f0f0f0;}
.txtred {color: #f97474}
.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}
.zcltred {color: #f28f8f;}
.zcltorange{color: #f3b759;}
.zcltgreen{color: #a3d39e;}
.txtnormal{ font-size:13px; color:#444;}
.txtorng{color:#f0a329}
.txtblu{color:#23a9e8}
.txtblu>a{ text-decoration:none;color:#23a9e8}
.txtreq{color:#e88f74;}
.txtcnt{color:#222;}
.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);}
.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);}
.oc3{ opacity:0.3; filter: alpha(opacity=30);}
.zcdsbl{ opacity:0.3; filter: alpha(opacity=30); cursor:default !important;}
.bdr{border: 1px solid #d7e1ec;border-radius: 5px;}
.zcbdr{border:solid 1px #e8e8e8;}
.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:#444; text-decoration:none;}
.lnkgry:hover{ color:#ef7615;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;}
.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;}





.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; font-weight:100;}


.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;}

.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);}
.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;}
 .r50{ border-radius:50%;} 
/*::-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: #111;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; top:40px; padding-top:20px; text-align:center;}
.lftmnuhide li a span{ display:block; font-size:11px; margin-top:5px;width:68px;overflow: hidden;white-space: nowrap;}
.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:#888;transition:all .3s; position:relative;}
.stab ul li a.dsbl{ padding:10px; display:inline-block; font-size:18px; font-weight:400; color:#d7d7d7; transition:all .3s;}
.stab ul li a.dsbl:hover{ padding:10px; display:inline-block; font-size:18px; font-weight:400; color:#d7d7d7; transition:all .3s; cursor:default;}
.stab ul li a:hover{ color:#222; cursor:pointer; transition:all .3s;}
.stab ul li a.sel{color:#222;transition:all .3s;}
.selTab{height: 3px;background: #f0a329;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:#b8bbbc;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: 41px;width: calc(100% - 85px); z-index:3;}
.brdcrm{ padding:8px; font-size:12px; color:#555;line-height: 1; background-color: #fff;    border-bottom: 1px solid #f0f6f9;}
.brdcrm span{ margin-left:12px;}
.brdcrm span a:first-child{ color:#555;transition:all .3s; margin-left:0px;}
.brdcrm span a{ color:#555;transition:all .3s; margin-left:12px; text-decoration:none;}
.brdcrm span a:hover{ color:#ef7615; cursor:pointer; transition:all .3s;}
.brdcrm span:last-child{ color:#ADADAD;}
/*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; font-weight:lighter; 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:#f5f5f5; 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:#f9f9f9;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; font-weight:lighter; 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 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; border-bottom:solid 1px #e8e8e8; }
.lstdrpdwn ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615 !important;}
.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;*/ font-weight:lighter; 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; border-bottom:solid 1px #e8e8e8; }
.lstdrpdwnrgt ul li a:hover{ padding:10px 20px;  font-size:14px;  text-decoration:none; color:#ef7615;}
.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;}

/* 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:#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: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;}



.drpdnmnu>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;}
.drpdnmnu>span:hover{background-color:#ffffff;}
.drpdnmnu>p{display: block; padding: 8px; margin-left:5px; width: calc(100% - 60px);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: 35px;}
.drpdnmnudsbl>span{ padding:8px 14px; background-color:#f5f5f5;cursor:default; width:44px;}
.drpdnmnudsbl>p{display: block; padding: 8px; 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:#444;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: 8px; margin-left:5px;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:96.5%; 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:#555; font-size:13px; display:block; text-decoration:none; white-space:nowrap; }
.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;}


.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;}


.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;}

.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:30%; right:15px;}
.drpdnmnulstsrch  input[type="text"]{  width:100%; font-size:14px; color:#555; padding-right:30px; }
.drpdnmnulstsrchup input[type="text"]{  width:100%; font-size:14px; 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:#555; font-size:13px; 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:7px 20px; font-size:13px; background-color:#ebf0f5; float:left; margin:10px 0px 0px 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; text-align:left;}
.mlslctmlist li:hover{color:#ef7615; cursor:pointer; top:30px; background-color:#f9f9f9;}
.mlslctmlist .adnw{border-top:solid 1px #eee; border-radius:0px 0px 3px 3px;}
.zcardrbdwnlst{ background-color:#53595f; border:solid 1px #585d63; 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:#f9f9f9;}


.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;}
.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:#f9f9f9;white-space:nowrap;}
.zcdrpdwnlist li a{ color:#333; text-decoration:none;  padding:10px 20px; display:block; }
.zcdrpdwnlist li a:hover{color:#ef7615;}
.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:#f9f9f9;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:#f9f9f9;color:#ef7615; cursor:pointer;}
.tgdrpdwnlst ul li span{color:#aaa; font-style:normal; margin-left:5px;}
.tgdrpdwnlst .new{padding:10px; background-color:#ebf0f5; border-radius:0px 0px 5px 5px;}
/*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;}

.alert{font-size: 14px;padding: 12px 18px;transition: all 0.2s linear 0s; border:solid 1px;width:100%;}
.alert_error{background-color: #fff1f1; border-color:#ffd7dd; color: #e65d5d;}
.alert_success{background-color: #dff0d8; border-color:#d6e9c6; color: #3c763d;}
.alert_warning{background-color: #fcf8e3; border-color:#faebcc; color: #8a6d3b;}
.alert_info{background-color: #d9edf7; border-color:#bce8f1; color: #31708f;}
.msg_warning{background-color: #fcf8e3; border-color:#faebcc; color: #8a6d3b; border:solid 1px #faebcc;}
.zcerrortxt{background-color: #f2dede;border: #ebccd1 solid 1px;
color: #a94442; padding:10px;font-weight:lighter;}
.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: #fff; border: 1px dashed #63cdcc;   border-radius: 5px;    box-shadow: 0 1px 5px #d4dfe5;}
/*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: #8899af;display: block;font-size: 14px;}
.rptbnd .selbnd{background-color: #42a5f5;border: 1px solid #42a5f5;border-radius: 40px;color: #fff;font-size: 20px;font-weight: normal;height: 57px;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:#f4fefe; border:solid 1px #dbdbdb;border-radius:5px; position:relative; font-weight:lighter;}
.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:#abadac; 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; font-weight:300;}
.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: #28bebd; border-color: #28bebd #28bebd #28bebd;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:#28bebd;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;margin-top: 0px;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: #666; border: 1px solid #777; border-radius: 5px;color: #fff;cursor: pointer; font-size: 12px;padding: 5px 10px;transition: all 0.3s ease 0s;}

.arbtn:hover{background-color:#28bebd; color:#fff; border:solid 1px #28bebd; 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;  font-weight:400; padding:10px 20px; display:table; width:100%;}
 .headerbg{ font-size:22px;  font-weight:400; padding:10px 20px; display:table; width:100%; margin-top:70px;}
.headerbnd{ font-size:22px;  font-weight:400; padding:10px 20px; display:table; top:70px; position:fixed; z-index:2!important;}
.headerbnddv{ font-size:24px;  font-weight:400; 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:#bbb; 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:5px; margin-bottom:5px; font-size:15px; white-space:nowrap;}
.cmpwzrdfrm .grp .flds{ margin-left:240px; 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:#bbbbbb; font-size:12px;}
.cmpwzrdfrm small a{color:#555; 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:8px;}
.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:#42a5f5; 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:10px; margin-top:9px; float:right;}
.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:#fce8c9; box-shadow:1px 2px 4px #ccc; transition:all .3s;}
.tmpcntr{ margin:0px; padding:0px 0px 0px 40px; overflow:hidden;}
.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;}
.tmpcntr .thumbcntr:hover{border: solid 1px #28bebd; background-color: #fff;box-shadow: 0px 1px 5px #d1f1f1 inset;transition: all .5s; cursor:zoom-in;}
.tmpcntr .thumbcntr>.sgnimg{ width:270px; overflow:hidden; height:60px !important;}
.tmpcntr .thumbcntr>img{ width:150px; height:172px; 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 #42a5f5;
    border-style: solid; border-width: 8px;  content: " ";
    height: 0; position: absolute; right: 9px; top: -16px; width: 0;}
.zcoptnscntr {background-color: #42a5f5;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;}
    border-style: solid; border-width: 8px;  content: " ";
    height: 0; position: absolute; right: 9px; top: -16px; width: 0;}
.zcoptnscntr {background-color: #42a5f5;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;}

.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;position:; height:auto; 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:#58b75f;}
.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 #f9f9f9; background-color:#f9f9f9;font-size:17px; transition:all .3s;}
.cmpwzrdlstsel .orng{ color:#f0a329; margin-left:10px; background-color:transparent;}
.cmpwzrdlstsel .subname{ color:#848990; 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;font-weight: 100;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;font-weight: 100;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; }
.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;
    font-weight: lighter;
    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;font-weight:lighter;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 #ececec; 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{ 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:#f9f9f9; }
.lst .name{ text-decoration:none; font-size:18px; color:#516073; 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; font-weight:100; 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 #ececec; /*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:#28bebd; 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:#28bebd; 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:#28bebd; 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;}	
 /*Listview in Detail View*/
.mlst{ border-bottom: 1px solid #f7f7f7; overflow:hidden; transition:all .3s; position:relative;}
.mlst:hover{background-color:#f9f9f9; 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:#f9f9f9; 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:#777;}
.subname b{ margin-top:3px;}
.lst>.drg{position:absolute; top:35px; left:20px; cursor:move;}
.headerbgdvt0{ background-color:#fff;border-bottom: solid 1px #ececec; font-size:22px; font-weight:400; padding:15px 20px 15px 10px; width:100%;}
.headerbgdv{ background-color:#fff;border-bottom: solid 1px #ececec; 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:#f3f6f6;border-right: 1px solid #e5e5e5;} .cmpdvtbl .cmpdtl{box-shadow: 1px 10px 15px #bbb;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:#f9f9f9;}
.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 {cursor: default;font-size: 14px;cursor: pointer;padding: 5px 10px;}
.switch .sel {background-color: #42a5f5;color: #fff;padding: 5px 10px;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:#28bebd; 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;}
.switchsmall .sel{ background-color:#42a5f5; color:#fff; padding:5px 10px; border-radius:50%; width:20px; height:20px;}
.switchsmall .notsel{ background-color:#d4d4d4; color:#fff; padding:5px 10px; border-radius:50%; width:20px; height:20px;}
.switchsmall+span{ display:inline-block; margin-top:4px; margin-left:10px;}

.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:#42a5f5; 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:#aaa;text-decoration:none;}
.linktxt{color:#0c8cc4;text-decoration:none;cursor:pointer;}
.linktxt:hover{color:#0c8cc4; text-decoration:underline;}
.zclgtgry{ color:#ddd;}
.lgtgrytxt{color:#848990}
.dsbrdcntr{ overflow:auto; }
.dsbrdcntr>.dsbrdbox{ float:left; margin:10px; width:calc(50% - 20px);border: 1px solid #d0dee5; border-radius:5px;background-color:#fff; height:303px;}
.dsbrdbox .head{ line-height:16px;}

.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{background-color: #fff;border-radius: 50%;    font-weight: lighter;height: 100px;    text-align: center;vertical-align: middle; width: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 #eee;}
.lstcontbg>span{ font-size:30px;}
.ra{ padding:10px 0px; overflow:hidden;}
.ra>div{ font-size:14px; float:left; width:60%;}
.ra>em{ color:#b4b7b8; float:left; width:20%; font-size:13px;}
.bdrbtm{ border-bottom:solid 1px #eee;}
.bdrbtmdtd{ border-bottom:dotted 1px #eee;}
.bdrbtmdsd{ border-bottom: dashed 1px #ccc;}
.bdrlft{ border-left:solid 1px #eee;}
.bdrrgt{ border-right:solid 1px #eee;}
.bdrlft3{ border-left:solid 3px #eee;}
.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;}


.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:#3a3a3a; 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 #3a3a3a transparent transparent; border-style:solid; border-width:10px;}
/*Top Arrow*/
.info_pntp{ background-color:#3a3a3a; 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 #3a3a3a transparent; border-style:solid; border-width:10px;}
/*Center Arrow*/
.info_pncntr{ background-color:#3a3a3a; 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 #1c2732 transparent; border-style:solid; border-width:10px;}
/*Left Arrow*/
.info_pnlft{ background-color:#3a3a3a; 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 #3a3a3a transparent; border-style:solid; border-width:10px;}
/*Right Arrow*/
.info_pnrgttp{ background-color:#3a3a3a; 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 #3a3a3a; border-style:solid; border-width:10px;}
/*Bottom Arrow*/
.info_pnbtm{ background-color:#3a3a3a; 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:#3a3a3a transparent  transparent  transparent; border-style:solid; border-width:10px;}

/*Bottom left Arrow*/
.info_pnbtmlft{ background-color:#3a3a3a; 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:#3a3a3a transparent  transparent  transparent; border-style:solid; border-width:10px;}

/*tooltip*/
.tip_pn{background-color:#3a3a3a; 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:  #3a3a3a   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;}
/*.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:#777; background-color:#fff;}
.cntstbl>div>div.sel{ color:#ef7615}
.cntstbl>div{ display:table-row; transition:all .4s;}
.cntstbl .dvhover{background-color:#f9f9f9; 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 a{color:#777;}
.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:#555; 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:#C9C9C9; padding-left:0px;}
.criteriatbl>div>div:nth-child(2){ width:100px;}
.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;}


.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;}


.inblk{ width:100%;}
.inblk ul{ padding:0px; margin:0px;}
.inblk ul li{ list-style:none; display:inline-block;}
.inblk6c li{ width:16.3%;}
.inblk5c li{ width:19.7%;}
/*.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;}


/*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:15px; color:#555; white-space:nowrap; display:block; width: 270px}
/*.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 #eee;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:#000; position:absolute; width:100%; bottom:0px;}
.tmpbox>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%;}
.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: #42a5f5; 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 .smloptns div i{ color:#fff;}
.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:50%;}
.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:#f9f9f9; }
.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: #e1edf2;border-radius: 5px;color: #5a5a58;font-size: 15px;padding: 15px;}
.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;}

/* 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:94px;}
.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:330px;}

.zcwrkflwbox{ width:27%; cursor:pointer;transition:all 0.3s;position:relative;}
.zcfrmbox{ width: 18%;cursor: pointer;transition: all 0.3s;position: relative;margin-left:5%;margin-top: 2%;overflow:hidden;}
.zcchainbox{ width:28%; cursor:pointer;transition:all 0.3s;}
.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 #28bebd !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;}

/*Favourite*/
.zcfavlist{ background-color:#18222d; position:fixed; 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:#91a6bb; font-size:14px; cursor:pointer; display:block;}
.zcfavlist ul li a:hover{text-decoration:none; color:#fff;}
.zcfavlstsetup{ width:200px; padding: 5px 15px; position:fixed;bottom:0px;}
.zcfavlstsetup>a{ color:#91a6bb; text-decoration:none;}
.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:#5e5e5e; margin-top:10px;}
.zcfavlist>.zcfavscroll{ overflow:auto; max-height:72%;}
.zcfavheading{ background-color:#f6f9f9; cursor:pointer; text-transform:uppercase;}
.zcfavheading:hover{ color:#ef7615}
.zcfavlinkcntr{ max-height:300px; min-height:200px; overflow:auto;}
/*Autoresponder*/
.artmlineindex{ margin:0px auto;overflow: hidden;
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;}
.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/artimeline.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: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:#444; width:300px; right:0px; z-index:1; height:501px; top:51px; opacity:0.95; width:40%;}
.arcalschldcampcnt{ color:#fff; right:0px; z-index:2; top:70px; text-align:left;height: 462px; min-width:475px;}
.arcalschldpanbdr{ border-bottom:solid 1px #737272;}
.arcalschldcampcnt .link{ color:#fff; text-decoration:none; }.arcalschldcampcnt .link:hover{color:#23a9e8;}
.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:-83px;}


.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/artimeline.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:410px; position:relative;}
.cntslbllft>em{width: 100px; text-align: center; text-overflow:ellipsis; overflow:hidden; padding:2px; right:-21%; 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: #ececec 1px solid;height: 200px;overflow: auto}
.addfld li{font-size: 14px;color: #555;background-color: #FFF;padding: 10px;
text-indent: 4px;border-bottom: #ececec 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:#f9f9f9; 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:23%; 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;}

.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; background-color:#FFF7DE; border:solid 1px #eeeadc; border-radius:3px;} 
.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:arial; border-left:solid 1px #dcdcdc;}
.sclpstcnt .title{ font-family:"Times New Roman"; font-size:24px;} .sclpstdesc{ font-size:14px; margin-top:10px; font-family:Arial;}
/* .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:arial;}


.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:#5a5a58; border-bottom:solid 1px #57bb57; border-top:solid 1px #57bb57;}

.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:25%; 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:3;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:#f9f9f9;}
.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:#f9f9f9; 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;}

.mt3{margin-top:-3px;}
.mt-5{margin-top:-5px;}
.mt-7{margin-top:-7px;}
.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;}

.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:#42a5f5;  border-radius: 14px;  opacity:1; filter: alpha(opacity=70);height: 30px;width: 110px;}
   
   
.zcarcalcntr{ border:solid 2px #e8e8e8; border-radius:5px; border-collapse: collapse; background-color:#f9f9f9; color:#cdcdcd;}
.zcarcalcntr th{ border:solid 1px #eeeff0; border-collapse:collapse; height:50px; background-color:#f0f8f9; font-size:18px; font-weight:lighter; color:#555; width:14%; vertical-align:middle;}
.zcarcalcntr td{ border:solid 1px #eeeff0; border-collapse:collapse; height:100px; font-size:16px; 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 #e0dfdd;border-collapse: collapse; position:static; }
.calmsgsnd>.bdrbtm{ border-bottom: dotted 1px #eee}
.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:15px 22%; text-decoration:none; display:block; font-size:16px; color:#0c8cc4; border-bottom:solid 1px #f9f9f9;}
.zcsynchvrmnu ul li a:hover{ padding:15px 22%; text-decoration:none; color:#ef7615;background-color:#f9f9f9;}
.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:15px; border-radius:50%; border: solid 1px #ddd; position:absolute; z-index:1;}
.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:#28bebd; 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; 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: 128.5px;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:#f9f9f9;}
.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:#b8bbbc; 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; box-shadow:0px 10px 10px #ccc;}

.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:600;}
.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;}

.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:14px; 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: #f0a329;
}
 
 .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;}

.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;}
.zcslctedlisttype{color: #afbed1;font-weight: 700; margin-right:10px;}
.zcprsnlze{background-color: #ebf0f5; border-left: 1px solid #d8d8d8;
 border-radius: 0 3px 3px 0; color: #888a89; 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: #f9fafe; border-left: 1px solid #d8d8d8;
 height: 35px; left: -42px; padding: 7px 10px;
 position: absolute; top: 0;}
 .zcsmlycntr:hover{background-color: #f0f1f6;}	
.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: #a7a7a4;}	

.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:16px; 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{ background-color:#27b15b; color:#fff; font-size:11px; padding:0px 5px; border-radius:2px;}	
.zcredlbl{ background-color:#f9a396; color:#fff; font-size:11px; padding:0px 5px; border-radius:2px;}

.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:250px; 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;}

.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:2px solid #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;}
.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;opacity:.5; padding:5px; color:#fff; background-color:#444; 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;}
 
.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: 45px;transition: all 0.3s ease 0s; width:282px; background-color:#f1f1f1; 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;}

.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: #f8f8f8;}
.zcfldrsbtablst ul li a.sel i{color:#f0a329;}
 .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; font-weight: 100; padding: 10px;
position: absolute;  width: 300px;
 z-index: 12;}
.zctourpansecbtn{padding:3px 15px; background-color:#555; font-size:12px; color:#fff; float:right; border-radius:2px; cursor:pointer;}
.zctourpanpribtn{padding:3px 15px; background-color:#28bebd; font-size:12px; color:#fff; float:right; border-radius:2px; cursor:pointer; margin-left:10px;} 
.zcylwbnd{background-color:#fffae6; border:solid 1px #f8ecbc;} 

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

.zccmptmbbox{ width:250px; height:380px; 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:331px; border-top:solid 1px #dfdfdf; top:-1px; width:248px; border-radius:5px 5px 0px 0px; padding:15px 20px; z-index:1;}
.zccmptmbbtn{ background-color:#28bebd; 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-right:35px; margin-top:50px;}
.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}
.zccntswtcntr .seltab{ border-bottom:solid 2px #f0a329}
.zcarcalrptpan{ color:#dadada; background-color:#676767;}
.zcarbdrbrm{ border-bottom:solid 1px #505050;}
.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:#f9f9f9; 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; box-shadow:0 1px 0px 0 #eee;background-color:#fff; transition:all .3s;width:31%;}
.zcprgovly{background-color: #fff;  padding: 7px; width: 100%; z-index: 1; top:1px;}

.zcprgcmptmnu{ background-color:#464d53; padding:15px; font-size:16px; color:#94a2af; 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;} */
.zcgrnlbl{ background-color:#27b15b; color:#fff; font-size:11px; padding:0px 5px; border-radius:2px;}	
.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:250px; 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:#28bebd !important;}
.invoiceView:hover >.btn{background-color:#28bebd !important;}
.booksView:hover >.btn{	background-color:#28bebd !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: #42a5f5; border-radius:10px;}
.zcsfedtbg{ background-color: #333;
 border-radius: 0 7px 7px 0;padding: 13px 10px;right: -41px;}
.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:20; right:0px; background-color:#fff; box-shadow: 0 10px 10px #ccc; height:100%; border-left:solid 1px #dadada;height: calc(100% - 43px); overflow: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: #28bebd;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;}

.zcprgcnctactive{background-color: #0cd49e;border: solid 2px #fff;box-shadow: 0px 0px 10px 3px #0abb8b;border-radius: 50%;width: 15px;height: 15px;cursor: pointer;}
.zclsttopbndcntr{ position:fixed; top:40px; z-index:2; width: calc(100% - 60px);}
.zclstp{ padding:15px 20px;}
.sclphotosmallselerr{ width:40px; height:40px; border-radius:5px;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:#686868; 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 #28bebd; box-shadow:1px 1px 2px #ddd; color:#222; transition:all .5s; border-radius:3px 3px 0px 0px; background-color:#fff; text-decoration:none; }

.zclgtgry{ color:#d3dbe4;}
a{ text-decoration:none;}
.zcgrnclr{ color:#28bebd;}
.zcicon-radiobox-marked{ cursor:pointer; font-size:22px; color:#ff6f61}
.zcicon-radiobox-blank{ cursor:pointer; font-size:22px; color:#bbb;}
.zcicon-radiobox-blank:hover{color:#ff6f61; }
.zcicon-checkbox-blank-outline, .zcicon-recpUncheck, .zcicon-segUncheck ,.zcicon-uncheck{ color:#aaa; font-size:23px; cursor:pointer; }
.zcicon-checkbox-marked, .zcicon-recpCheck, .zcicon-segCheck, .zcicon-check{color:#ff6f61; font-size:23px; cursor:pointer;}
.zcicon-checkbox-marked_disabled{color:#aaa; 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);}

.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:#28bebd; margin:0px auto; position:relative;}

.zcprgoptnscntr{background-color:#42a5f5; 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 #42a5f5;border-style: solid; border-width: 8px;  content: " ";
 height: 0; position: absolute; left: 45%; top: -16px; width: 0;}
	
.zcoptnscntr{background-color:#42a5f5; 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;}
	
.zcprgcnctactive{ background-color:#FFA500; border:solid 2px #fff; box-shadow:0px 0px 10px 3px #FFA500; border-radius:50%; width:15px; height:15px; cursor:pointer; }
	
.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;
}
	
.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: 20px; left: calc(50% - 2px);
    position: absolute; top: -20px;}
	
.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;
    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;
 }
	
	
	
	.zcprgcntncntr{width:150px; position:absolute; z-index:1; text-align:center; left:33px; 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;
	}
	
.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;}
	
.zcprgmsgalert{background-color: #e87a7a;
    border-radius: 50%;cursor: pointer;
    right:-15px;position: absolute;top: 18px;}
  
.zcprgdsbldcmp > i{ color:#ccc;}
	

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

.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; }
.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:60px; padding: 15px;}

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

	
.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: 450px;height:100%;border-right:solid 1px #f0f6f9; box-shadow: 1px 5px 20px #e8ebf2; }
.zcprglblrpt{background-color: #3199e3;
    border-radius: 3px;color: #fff;
    font-size: 12px; min-width: 110px;
    padding: 3px 10px; right: -120px;
    text-align: center; top:60px; z-index: 1; box-shadow:0 0 5px 3px rgba(49, 153, 227, 0.2);}
	
.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;}
	
.zcprgtmlnegrdnt{background: rgba(0, 0, 0, 0) linear-gradient(to bottom,rgb(35, 169, 232) 0%, rgb(238, 158, 30) 50%,rgb(103, 199, 132) 100%) repeat scroll 0 0; height:192px; position:absolute;top:7px;width:1px;}

.zcprgtmlnegrdnt > .zctop{background-color: #23abe8;border-radius: 50%;
height: 7px; left: -3px; position: absolute; width: 7px;}
 
 .zcprgtmlnegrdnt > .zcmid{background-color: #ee9e1e;border-radius: 50%;
height: 7px; left: -3px; position: absolute; width: 7px; top:48%;}
 
  .zcprgtmlnegrdnt > .zcbot{background-color: #67c784;border-radius: 50%;
height: 7px; left: -3px; position: absolute; width: 7px; bottom:0px;}

.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: -23px;}
.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;}
	
.zcarkbnschlbl{ padding-top:20px; padding:20px 15px 10px 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;}

.zcfakeloading{
 background: linear-gradient(91deg, #f2f8fb, #e7ebf0, #f2f8fb);
background-size: 600% 600%;

-webkit-animation: fakeloading 2s ease infinite;
-moz-animation: fakeloading 2s ease infinite;
animation: fakeloading 2s ease infinite;
border-radius:5px;
}
   @-webkit-keyframes fakeloading {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes fakeloading {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes fakeloading {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}}
	
	
.zcbtnfakeloading{
 background: linear-gradient(91deg, #b8ebeb, #e3ffffzccmphdrftrcst, #b8ebeb);
background-size: 600% 600%;

-webkit-animation: fakebtnloading 2s ease infinite;
-moz-animation: fakebtnloading 2s ease infinite;
animation: fakebtnloading 2s ease infinite;
border-radius:5px;
}
   @-webkit-keyframes fakebtnloading {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@-moz-keyframes fakebtnloading {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}
}
@keyframes fakebtnloading {
    0%{background-position:0% 51%}
    50%{background-position:100% 50%}
    100%{background-position:0% 51%}}
		

.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;}



.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;}

.zcprgrspcmpt{bottom: -27px; left: 0; border-top:solid 1px #fff; background-color:#ee6e73; height:27px}
.zcprgrspcmpt div{ border-right:solid 1px #ee989c;}
.zcprgtimer{background-color: #444;
    font-size: 11px;
    left: 10px;
    padding: 7px 5px;
    position: absolute;
    top: -51px;
    width: 130px; border-radius:10px 10px 0px 0px; z-index:2;}
	
.zcprgatntimer{background-color: #444; font-size: 11px; left:20px; padding: 7px 5px;
 position: absolute; top: -51px; width: 110px; border-radius:10px 10px 0px 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;}

.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:16px;}
	
	
.zcprgprcsbtn{background-color: #fff;
border-radius: 14px; color: #ee9a80;
cursor: pointer; font-size: 14px; padding: 4px 10px;}
	
.zcprgcntrmv{background-color: #fff;
    border: 2.5px solid #e87a7a; border-radius: 50%;display: table; height: 30px; padding: 3px 5px;width: 30px; cursor:pointer;}
	
.zcprgcntrmv > i{color:#e87a7a !important;}

.zctopband{ border-bottom:solid 1px #ddd; background-color:#fff;}
.zctopband .zcbdrlft{ border-left:solid 1px #eee;}
.zctopband .zcaddqcklink{ padding:8px; color:#28bebd; transition:all .3s;}
.zctopband .zcaddqcklink:hover{ padding:8px; color:#fff; background-color:#28bebd; cursor:pointer; transition:all .3s;}
.zctopband .zctbicon{ padding:8px 10px;}
.zctopband .zclnk{ color:#f0580d}
.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;
    
}
.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;}

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


.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;}
.zcprgmaildelyedit { background-color: #fff; border: 2.5px solid #555; border-radius: 50%; display: table; height: 30px; left: -15px; padding: 5px;
top: 17px; width: 30px; top: -17px;  left: 90%; }


.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;}
.zcctaptrn{text-align: left;
    top: 105px;
    width: 91%;
    z-index: 1;}		
	
	.zcctaptrnlbl{ top:110px;}
.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:44%;}	


.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%;}
.lstdrpdwnrgt ul li a.dsbl {
    padding: 10px 20px;
    color: #bbb;
    font-size: 14px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    cursor: default;
}
.zcprgdfeabar{
	border: 1px solid rgb(204, 204, 204);
    padding: 5px;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100px;
    text-align: center;
	
}
.zcprgendsel{border: 2px dashed #595959; box-shadow: 1px 2px 10px #ccc; display: table;height: 105px;  padding: 20px;  position: relative; width: 80px;}	
.zcloadingsmall {
    border: solid 3px #1CC7B1;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-bottom: solid 3px #eee;
    border-left: solid 3px #eee;
    animation-duration: 500ms;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
}
.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;
}
.fltinitial{
	float:initial;
}
.zcprgmergcmpt{border:solid 1px #aaa; background-color:#aaa; padding:10px; position:relative; border-radius:10px; width:150px; text-align:center;box-shadow: 0 3px 5px 1px rgba(67, 124, 153, 0.2);}
.zcsuccessmsg {
    background-color: #e5f7f0;
    border-radius: 25px;
    color: #39b37b;
    font-size: 13px;
    left: 44%;
    margin-top: 8px;
    padding: 10px 30px;
    position: fixed;
    z-index: 1;
}
.zcerrormsg {
    background-color: #f7e5e5;
    border-radius: 25px;
    color: #e05656;
    font-size: 13px;
    left: 44%;
    margin-top: 8px;
    padding: 10px 30px;
    position: fixed;
    z-index: 1;
}
.zcprgactnscmpfrez{align-items: center; background-color: #e3e2e2; border: 1px dashed; border-radius: 10px; color: #fff; height: 150px; padding: 15px;width: 150px; color:#516073;}
	
.zcprgactnscmpfrez .zcprgatntimer{background-color: #d3d3d3;
    border-radius: 10px 10px 0 0; font-size: 11px; left: 20px;
    padding: 7px 5px; position: absolute; top: -31px;
    width: 110px;}
.zcprgactnscmpfrez .zcprgtimer{background-color: #d3d3d3;
    border-radius: 10px 10px 0 0; font-size: 11px; left: 20px;
    padding: 7px 5px; position: absolute; top: -31px;
    width: 110px;
   }
	
.zcprgactnscmpfrez .zcprgrspcmpt{background-color: #ccc; border-radius: 13px; border-top: 1px solid #fff; bottom: -65px; height: 27px; left: -15px; position: relative; width: 150px; box-shadow:none;}	


.zcprgactnscmpfrez .zcprgrspcmpt div { border-right:1px solid #fff; cursor: pointer;
}
	
.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 .zcprgatntimer{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;}
    .zcprgactnscmpstop .zcprgtimer{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;}
    .zcprgmsginfo {
    background-color: #555;
    border-radius: 50%;
    cursor: pointer;
    right: -15px;
    position: absolute;
    top: 18px;
}
.zcinfopanwht {
    background-color: #293848;
    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;
}
.zcinfopanwht:after {
    border-color: transparent #293848 transparent transparent;
    border-style: solid;
    border-width: 8px;
    content: " ";
    height: 0;
    position: absolute;
    top: 7px;
    width: 0;
    left: -14px;
}
.zcprgcmptsts {
    background-color: #ee6e73;
    border-radius: 0 0 10px 10px;
    color: #fff;
    font-size: 12px;
    left: 20px;
    padding-bottom: 3px;
    top: 0;
    width: 110px;
}
.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;}
.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;
}
* {
    padding: 0;
    margin: 0;
}


.zocamp-plugin-container {
    width: 80%;
    margin: 3% 10%;
    float: left;
    background-color: #ffffff;
}

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

.zocamp-logowel img {
    width: 93px;
    margin: 2% 0;
}

.zocamp-logowel h1 {
    font-size: 30px;
    line-height: 2.3;
    color: #505050;
    font-weight: 400;
}

.zocamp-logowel p {
    font-size: 16px;
    color: #acabac;
    padding: 0 5%;
    box-sizing: border-box;
    margin: 0;
}

.zocamp-optioncont {
    width: 100%;
    margin: 5% 0;
    float: left;
}

.zocamp-option {
    width: 50%;
    float: left;
    text-align: center;
}

.zocamp-option .zocoption-img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.zocamp-option .zocoption-img img {
    width: 110px;
}

.zocamp-option h2 {
    font-size: 16px;
    line-height: 2;
    font-weight: 600;
    color: #545c66;
    margin: 0;
}

.zocamp-option p {
    font-size: 14px;
    color: #545c66;
    line-height: 2;
    margin: 0;
}

.intbtn {
    border-top: 1px solid #e4ebf1;
    background-color: #fafafa;
    width: 100%;
    float: left;
    text-align: center;
}

.intbtn a {
    background-color: #29bdbd;
    padding: 1% 6%;
    margin: 3%;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    display: inline-block;
    font-weight:600;
}
@media screen and (max-width:640px){
    .zocamp-option{
        width:100%;
        margin-bottom: 3%
    }
}

@-ms-keyframes spin {
 from { -ms-transform: rotate(0deg); }
 to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
 from { -moz-transform: rotate(0deg); }
 to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
 from { -webkit-transform: rotate(0deg); }
 to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
 from {
 transform:rotate(0deg);
 }
 to {
 transform:rotate(360deg);
 }
}