/* $Id$*/
@charset "UTF-8";
/*left menu */
body{color: #222222;}
a{ text-decoration:none;}
*{padding:0px; margin:0px;}
.txtcnt{color:#3e4d5f;} 
.lftmnubg{ background-color:#172635;}
.lftmnuhide a:hover{background-color:#011224;}
.lftmnuhide .selectedTab a{ background-color:#011224;}
.lftmnuhide .selectedTab a:hover{background-color:#011224; }
.lftmnuhide li a{color:#d8e4f0}
.lftmnusetcntrsmall{background-color:#172635;}
.lftmnusetcntrsmall .selectedTab span{color:#fff}
.lftmnusetcntrsmall .selectedTab img{opacity:1}
.lftmnusetcntrsmall div{padding:10px; height:auto;text-align:center; width:85px; cursor:pointer; }
.lftmnusetcntrsmall li{border-bottom:solid 1px #3f5068; }
.lftmnusetcntrsmall div:hover{background-color:#011224;}
.lftmnusetcntrsmall div:hover img{ opacity:1;}
.lftmnusetcntrsmall div:hover span{ color:#fff;}
.lftmnusetcntrsmall div:hover b{ color:#fff;}
.lftmnusetcntrsmall span{color:#c6e3ff; display:block; font-size:11px;}
.lftmnu a{color:#c6e3ff;}
.lftmnu a:hover{ background-color:#011224; color:#fff; }
.lftmnu ul li a.selectedTab{color: #fff;background-color:#333;}
.lftmnu ul li a.selectedTab:hover{ color:#fff;background-color:#333;}
.lftsubmnu{ background-color:#011224;}
.lftsubmnu ul li a{color:#d8e4f0;}
.lftmnusetcntr{background-color:#343434; border-top:solid 1px #4f4f4f;}
.lftmnuhide{width: 85px;transition: all 0.3s ease 0s;position: fixed;height: 100%;left: 0px;top: 48px;padding-top: 20px;text-align: center;}
.setgmnu{ background-color:#011224;}
.setgmnu ul li a{color:#b0cadd;}
.setgmnu ul li a:hover{color:#fff;}
.dsbrdcntr{background-color:#f2f8fb;}
.lstheaderbg .lsttitle{font-weight: 400;color: #222;}
.cmpwzrdbandbtm{ background-color:#d5f0ff;opacity:.4;}
.popupbtnbg{ background-color:#f1faff; margin-top:30px;}
.popupbtnbg0{ background-color:#f1faff;}
.headerbg, .headerbg0, .headerbnd, .headerbnddv{ background-color:#fff;border-bottom: solid 1px #f0f6f9;top: 68px !important;}
.box{ border:solid 1px #e4ecf1; border-radius:5px; background-color:#fff; min-height:222px;}
.boxbdr{ border:solid 1px #e4ecf1; border-radius:5px;background-color:#fff;}
.zcbox{ border:solid 1px #e4ecf1; border-radius:5px; background-color:#fff;}
.autoresboxbg{ background-color:#fff; padding:20px;}
.setgmnu div{ color:#b0cadd;}
.zcppblock{color:#f893b2;}
.zcppsuccess{ color:#0cd49e;}
.zcppinfo{ color:#70b7f3;}
.zcppalert{color:#fcba73;}
.zctrashicon{color: #fff !important;left: 20px; top: 20px;}
.zctrashiconbg{background-color:#ff6161; border-radius: 50%; width: 80px; height: 80px;}

/* .zcicon-bell-outline{color:#222222 !important} */

/*popup*/
.popup{ background-color:#fff;box-shadow:1px 1px 20px #435e7f; z-index:13 !important; }
.zcppcntbox{ padding:30px 70px;}

/*button*/
.btn{padding:4px 15px; font-size:14px; border-radius:3px; cursor:pointer;transition:background .3s; height:35px; outline:none;position:relative;padding: 7px 15px;}
.btn:hover{cursor:pointer;transition:all .3s;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);}
.act{ background-color:#eceeee;  color:#7d7d7d; border:solid 1px #eceeee;border-bottom:solid 1px #d0d0d0;}
.act:hover{ background-color:#dcdede; border-bottom:solid 1px #bebebe;}
.cmpeditsecbtn{ background-color: #fff; color:#fd7553; border:solid 1px #fd7553;}
.cmpeditsecbtn: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);}
.zcbtnl {border-radius: 3px 0 0 3px;font-weight: 400;}
.zcbtnr {border-left: 1px solid rgba(255, 255, 255, 0.3) !important;border-radius: 0 3px 3px 0;padding: 7px !important;}
.zcbtnr > i {color: #fff;}
.sec{ background-color:#fff; color:#fd7553; border:solid 1px #fd7553;}
.sec > i{color:#fd7553;}
.cmpeditsecbtn > i{color:#fd7553;}
.selbtn{ background-color:#fff; border:solid 1px #ccc; color:#555;}
.selbtn > 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;}
.sec: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);}
.edtr{ background-color:#fff; color:#fd7553; border:solid 1px #fd7553;}
.edtr: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);}
.prim{ background-color:#fff; color:#fd7553; border:solid 1px #fd7553;/* text-transform: uppercase; */}
.prim:hover{ background-color:#fd7553; color:#fff; border:solid 1px #fd7553;}
.pri{ background-color: #fd7553;border: 1px solid #fd7553;color: #fff;}
.pri:hover{background-color: #fd7553;border: 1px solid #fd7553;}
.pridsbl{ background-color:#fd7553; color:#fff; opacity:0.5; pointer-events:none;}
.abtn{ background-color:#f6b51e; color:#fff; border:solid 1px #f6b51e; border-bottom:solid 1px #eaaa14;}
.bbtn{ background-color:#55aaeb; color:#fff; border:solid 1px #55aaeb; border-bottom:solid 1px #449de1;}
.tagbtnsel{border-bottom:none !important;box-shadow:1px 2px 3px #ccc}
/*.tagbtnsel{ background-color:#fff;  color:#333; border:solid 1px #b6babb;border-bottom:solid 1px #fff;  z-index:12; }
.tagbtnnrml{ background-color:#eceeee;  color:#7d7d7d; border:solid 1px #eceeee;border-bottom:solid 1px #d0d0d0;}
.tagbtnnrml:hover{ background-color:#dcdede; border-bottom:solid 1px #bebebe;}*/
.cmpwzrdbandbtmcntr .btnlft{ background-color:#fff; color:#fd7553; border:solid 1px #fd7553; }
.cmpwzrdbandbtmcntr .btnlft: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);}
.cmpwzrdbandbtmcntr .btnrgt{background-color: #fd7553;border: 1px solid #fd7553;color: #fff;}
.cmpwzrdbandbtmcntr .grybtnrgt{ background-color:#6d6e71; border-bottom:solid 1px #555;}
.cmpwzrdbandbtmcntr .grybtnrgt:hover{background-color:#848485;}
.cmpwzrdbandbtmcntr .btnrgt:hover{background-color: #fd7553;border: 1px solid #fd7553;}
.overlay{background:#576981;display:none;opacity:0;position:fixed; width:100%; z-index:12 !important; height:100%; overflow:hidden;left:0px;top:0px}
.ovlywhite{background-color:#fff;display:none;opacity:0;position:fixed; width:100%; z-index:9; height:100%; overflow:hidden;left:0px;}
.zcclsbtn{color: #f14e4e;}
.zczerocaselrg{width:200px;}
.zczerocasemdm{width:150px;}
.zczerocasesmall{width:100px;}
.zcchksclttick{color: #80c0c0 !important;}
.zcchkscltticksel{color: #fff !important;}
.zcchkboxcntr {
   background-color: #b1e8e8;
    color: #fff;
    padding: 28px;
    right: -41px;
    top: -9px;
    transform: rotate(45deg);
    width: 110px;
}
.tmpcntr .thumbcntr{ overflow:hidden;}
.zcchkboxcntrsel {
   background-color: #fd7553;
    color: #fff;
    padding: 28px;
    right: -41px;
    top: -9px;
    transform: rotate(45deg);
    width: 110px;
}

.zcchktickcntr{right:6px; top:6px; z-index:1;}
.thumbcntrsel{ border:solid 1px #fd7553 !important; outline:solid 1px #fd7553 !important; overflow:hidden;}
.zctmpothrusrcntr{background-color: #fff; border-radius: 4px; display:table;
 left: 0; top: 0; cursor:default;}
/*****************     Font Icons Css      ********************/
.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;}
.zcbtnicon:hover{border:solid 1px #999; box-shadow:1px 1px 2px #ddd;  text-decoration:none;}
.zciconbtnsel{border:solid 1px #ccc !important; border-radius:5px 5px 0px 0px !important;}
.tgdrpdwnlstsel{border:solid 1px #ccc !important;}
.zccrtcmpfldr{border:solid 1px #fd7553 !important; right:20px; top:36px;border-radius: 5px 0 5px 5px;}
.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;}
.zciconbtn div { margin-top:3px;}
.zciconbtn:hover{border:solid 1px #999; box-shadow:1px 1px 2px #ddd; color:#333;  text-decoration:none;}
.zcbtniconsel{border:solid 1px #fd7553; box-shadow:1px 1px 2px #ddd; color:#222; transition:all .5s; border-radius:3px 3px 0px 0px; background-color:#fff; text-decoration:none; }
.zcdbplusbtn{padding: 9px;text-align: center;vertical-align: middle;width: 35px;height: 35px;float: right;cursor: pointer;}
.zcdbplusbtnhov:hover{box-shadow: 0 2px 2px 0 rgba(40, 190, 189, 0.14), 0 3px 1px -2px rgba(40, 190, 189, 0.2), 0 1px 5px 0 rgba(40, 190, 189, 0.12);}
.zcdbplusbtnhov{background-color: #fd7553;padding: 9px;border-radius: 50%;text-align: center;vertical-align: middle;width: 35px;height: 35px;color: #fff;float: right;cursor: pointer;}
.zcplusbtn {margin-top: -8px;}
.zcdbplusbtnbg{color: #fd7553;}
.zcswtch {display: table;float: left;height: 35px;border: 1px solid #d9e0e8;background-color:#fff;border-radius: 3px;}
.zcswtch > a.sel {padding: 7px 5px;color: #fff;background-color: #349bee;cursor: default;border-radius: 2px;}
.zcswtch > a {padding: 7px 5px;cursor: pointer;margin: 2px;}
.zcswtch > a > span{ padding:0px 5px;}
.zcmarkfav:hover{color:#f17798;cursor:pointer}
.zcmarkedfav{color:#f17798;cursor:pointer}
.zcaddmrebtn {padding: 0px 10px !important;}
zcicon-files-clone{cursor:pointer}
.zcfbclr{ color:#3b5998;}
.zctwtclr{ color:#000000;}
.zclinclr{ color:#0077b5;}
.zctmblrclr{ color:#2e4f6e;}
.zcpinitclr{ color:#cb2027;}


/*****************     Font Icons Css      ********************/

.zcicon-checkbox-blank-outline{border: 1.5px solid #898686 ; position: relative;height: 18px;width: 18px;display: inline-block;border-radius: 3px;color:#fd7553;}
.zcicon-checkbox-blank-outline:hover{border: 1.5px solid #fd7553}
.zcicon-checkbox-marked{border: 1.5px solid #fd7553;position: relative;background-color: #fd7553;height: 18px;width: 18px;display: inline-block;border-radius: 3px;overflow: hidden;font-style: normal}
.zcicon-checkbox-marked:before{content: "";font-family:"arial";position: absolute;overflow: hidden;animation: checked 0.3s linear;width: 7px;height: 12px;border: 2px solid transparent;border-right-color: #ffffff;border-bottom-color: #ffffff;top: -1px;left: 4px;transform:scale(1) rotate(45deg);}
.zcicon-checkbox-marked:active::before{animation: unchecked 0.2s linear;transform:scale(1) rotate(45deg);}

/* .zcicon-radiobox-blank{border: 1.5px solid #bbbbbb;width: 18px;height: 18px;border-radius: 50%;display: block;padding: 3px;}
.zcicon-radiobox-blank:hover{border: 1.5px solid #fd7553}
.zcicon-radiobox-marked{position: relative;overflow: hidden;height: 18px;width: 18px;border: 1.5px solid #fd7553;border-radius: 50%;display: block;padding: 2px;}
.zcicon-radiobox-marked:active::before{animation: unchecked 0.3s linear;}
.zcicon-radiobox-marked:before{content:"";position:absolute;overflow: hidden;animation: checked 0.3s linear;background-color: #fd7553;height: 10px;width: 10px;border-radius: 50%;} */




@keyframes checked
{
0%{
transform: scale(0) rotate(45deg);
  }
  50%{
    transform: scale(1) rotate(45deg);
  }
  100%{
    transform: scale(1) rotate(45deg);
  }
}

@keyframes unchecked
{
0%{
transform: scale(1) rotate(45deg);
  }
  50%{
    transform: scale(0.5) rotate(45deg);
  }
  100%{
    transform: scale(0) rotate(45deg);
  }
}


.pri::after,.btnrgt::after{

content:"";

position:absolute;

border-top-left-radius: 3px;

border-bottom-left-radius: 3px;

    bottom: 0px;

    left: -1px;
	cursor:progress;
    background-color: #983905;

    height: 34px;

    transition: all 0.5s ease 0s;

    opacity: 0.4;

-webkit-background-size: 30px 30px;

    -moz-background-size: 30px 30px;

    background-size: 30px 30px;

background-image: -webkit-gradient(linear, left top, right bottom,

color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),

color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),

color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),

to(transparent));

    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

}
.sec::after,.edtr::after{

content:"";

position:absolute;

border-top-left-radius: 3px;

border-bottom-left-radius: 3px;

    bottom: 0px;

    left: -1px;

    background-color: #2cc0bf;

    height: 34px;

    transition: all 0.5s ease 0s;

    opacity: 0.4;

-webkit-background-size: 30px 30px;

    -moz-background-size: 30px 30px;

    background-size: 30px 30px;

background-image: -webkit-gradient(linear, left top, right bottom,

color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),

color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),

color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),

to(transparent));

    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,

                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,

                        transparent 75%, transparent);

}
.edtr::after{
	background-color:#ff7e00;
}
.btnloadcmpl::after{
	-webkit-animation: animate-stripes 1s linear infinite,end-loading 1s 1 alternate forwards;
    -moz-animation: animate-stripes 1s linear infinite,end-loading 1s 1 alternate forwards;    
}
.btnload::after {
            -webkit-animation: animate-stripes 1s linear infinite,start-loading 1s 1 alternate forwards;
            -moz-animation: animate-stripes 1s linear infinite,start-loading 1s 1 alternate forwards;
}
        
@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}


@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-webkit-keyframes start-loading { 
	0% {display:inline-block;width:10%;}
	25% {width:25%;}
	50% {width:50%;}
	100% {width:80%;}
}
@keyframes start-loading { 
	0% {width:10%;}
	25% {width:25%;}
	50% {width:50%;}
	100% {width:80%;}

}
@-webkit-keyframes end-loading { 
	from {width:85%;}
	50%{width:101%;}
	to {display:none;}
}
@keyframes end-loading { 
	from {width:85%;}
	50%{width:101%;}
	to {display:none;}
}

.zcrefresh{
 -webkit-animation-name: spin;
 -webkit-animation-duration: 4000ms;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-timing-function: linear;
 -moz-animation-name: spin;
 -moz-animation-duration: 4000ms;
 -moz-animation-iteration-count: infinite;
 -moz-animation-timing-function: linear;
 -ms-animation-name: spin;
 -ms-animation-duration: 4000ms;
 -ms-animation-iteration-count: infinite;
 -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 700ms;
    animation-iteration-count:infinite;
    animation-timing-function: linear;
}
.zcrotate{
 -webkit-animation-name: spin;
 -webkit-animation-duration: 4000ms;
 -webkit-animation-iteration-count: 1;
 -webkit-animation-timing-function: 1s;
 -moz-animation-name: spin;
 -moz-animation-duration: 4000ms;
 -moz-animation-iteration-count: 1;
 -moz-animation-timing-function: linear;
 -ms-animation-name: spin;
 -ms-animation-duration: 4000ms;
 -ms-animation-iteration-count: 1;
 -ms-animation-timing-function: linear;
   
  animation-name: spin;
  animation-duration:800ms;
  animation-iteration-count:.5;
  animation-timing-function: linear;
}
@-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);
    }
}


@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}




@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
		  animation-iteration-count:infinite;
}




.zczerocaselrg{width:200px;}

.zcloading{border:solid 3px #1CC7B1; width:30px; height:30px; 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;
}


.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;
}
.zctopbndbadge{background-color: #fff;
    border-bottom:3px solid #ff5252;
    border-top:3px solid #ff5252;
    bottom: 15px;
    color: #ff5252;
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(-12deg);
    z-index: 1;
}
.zcprgldngsmall{border:solid 3px #e87a7a; width:15px; height:15px; border-radius:50%;  animation-duration: 500ms;border-bottom:solid 3px #eee; border-left:solid 3px #e87a7a;
    animation-iteration-count: infinite;  animation-name: spin; animation-timing-function:linear;}

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




.zcfkeldngdv{
 background: linear-gradient(90deg, #edf0f0, #e2e4e4, #e5e5e5);
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%}}
	
	
.zcpreviewtemplate {
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;
font-size:200px;
background:-webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}


.zcbuncebndbadge{background-color: #fff;
    border-bottom:2px solid #ff5252;
    border-top:2px solid #ff5252;
    top:50px;
    color: #ff5252;
    font-size:25px;
    font-weight: bold;
    left: 50%;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(-12deg);
    z-index: 1; position:absolute;}
	
.zcconcentbndbadge{color:#EF484A; font-size:16px; font-weight:600; padding:2px; border-bottom:solid 2px #EF484A;border-top:solid 2px #EF484A; position:absolute; top:80px;transform: rotate(-25deg);}	
	

.zctopbndbadge{background-color: #fff;
    border-bottom:2px solid #ff5252;
    border-top:2px solid #ff5252;
    bottom: 15px;
    color: #ff5252;
    font-size: 16px;
    font-weight: bold;
    left: 50%;
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    transform: rotate(-12deg);
    z-index: 1;}
	.zctopbndlstbadge{
    border-bottom:2px solid #ff5252;
    border-top:2px solid #ff5252;
    bottom: 15px;
    color: #ff5252;
    font-size: 12px;
    padding: 0 5px;
    text-transform: uppercase;}
	.zcsfuncheck{ color:#454b51}
	  @-webkit-keyframes colorchange {
      0% {color: #ef463e;}
      30% {color: #66bf6c;}
      60% {color: #2e9bd9; }
      100% {color: #fbbf21;}
      
    }
	
	.lftmnusetcntrsmall b { color: #c6e3ff; font-size: 15px; }
.ltorange{color: #f3b759}
.ltred{color: #f28f8f}
	.zcprgldngsmall {
    border: solid 3px #e87a7a;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-duration: 500ms;
    border-bottom: solid 3px #eee;
    border-left: solid 3px #e87a7a;
    animation-iteration-count: infinite;
    animation-name: spin;
    animation-timing-function: linear;
}
.zcactiveclr{ color:#fd7553;}
.secm{ background-color:#fff; color:#8899af; border:solid 1px #8899af;/* text-transform: uppercase; */}
.secm:hover{ background-color:#8899af; color:#fff; border:solid 1px #8899af;}
.zcrgtpandiv{border:1px solid #d7e1ec;box-shadow:0 1px 0 0 #e6eff3;cursor:move;border-radius:5px;padding:15px;margin-top:15px;}
.zcerrtxt{top: 55px;left: 0px}
.settingshdrbnd{background-color:#fff;border-bottom: solid 1px #f0f6f9;/* box-shadow:1px 2px 5px #eee */}
.slidr {
    -webkit-appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}
.slidr:hover {
    opacity: 1;
}
.slidr::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}
.slidr::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}
.bdrbtmdashed{
    border-bottom-style: dashed;
    border-bottom-color: #f2f8fb;
    border-bottom-width: 2px;
}
.linktxt{color:#349bee !important; text-decoration:none; cursor:pointer;}
.linktxt:hover{color:#ff6a1a !important; text-decoration:none;}
.zctopband .zcaddqcklink{ padding:8px; color:#ff6a1a !important; transition:all .3s;}
.zctopband .zcaddqcklink:hover{ padding:8px; color:#fff !important; background-color:#ff6a1a !important; cursor:pointer; transition:all .3s;}
.linktxthvrorng{color:#349bee !important; text-decoration:none; cursor:pointer;}
.linktxthvrorng:hover{color:#ff6a1a !important; text-decoration:none; cursor:pointer;}
.cmpcntpan a{color:#ff6a1a !important;}
.zccmptmbbtn{ background-color:#ff6a1a !important;}
.stab ul li a.sel{color:#349bee !important;}
.selTab{background: #349bee !important;}
.zclstlftmnu li a.sel{ color:#349bee !important;}
.zcicon-checkbox-marked, .zcicon-recpCheck, .zcicon-segCheck, .zcicon-check{color:#ff6a1a; font-size:23px; cursor:pointer;}
zcslctedsegmntnew {background-color: #fdf8d0 !important;}
.categorySel{border-bottom: solid 3px #349bee !important;}
.zcpredznjrnybox{width:310px !important;}
.zcbtnfakeloading {
border-radius:4px;
 -webkit-animation-duration:1s;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-iteration-count:infinite;
 -webkit-animation-name:btnfakeloading;
 -webkit-animation-timing-function:linear;
 background:#eff6fc;
background-image:-webkit-linear-gradient(left,#f2f2f2 0,#f3f3f3 20%,#f5f5f5 40%,#efefef 100%);
 background-image:linear-gradient(left,#f2f2f2 0,#f3f3f3 20%,#f5f5f5 40%,#efefef 100%);
 background-image:-moz-linear-gradient(left,#f2f2f2 0,#f3f3f3 20%,#f5f5f5 40%,#efefef 100%);
 background-repeat:no-repeat;
}
.loadingparentele{z-index: 11; height: 3px;overflow: hidden; background: #25b0ff;; display:block; position: fixed; top: 0px; width: 0%;box-shadow: 1px 2px 4px #d2ebfd; border-radius:2px;}
.zcadvcmpbox {min-height: 310px !important;}
.cmpcnt1{font-size:70px !important;}
.cmpcnt2{font-size:70px !important;}
.zcsfrspn li a.sel {border-left: 3px solid #349bee !important;color:#349bee !important;}
.zcsfrspn li a:hover {color:#ff6a1a !important;}
.zcintstab a.sel{ border:solid 1px #349bee; background-color:#f0f9ff;}
.settlinktxt{color:#349bee !important; text-decoration:none; cursor:pointer;}
.settlinktxt:hover{color:#ff6a1a !important; text-decoration:none;}
.lst .name {font-weight:400 !important;}
.linktxtblk{font-weight:400 !important;}
.mlst .name{font-weight:400 !important;}
.link{ color:#349bee !important;}
.drpdwnmnulst li a.link{ color:#ff6a1a !important;}
.txtblu{color:#349bee !important;}
.zcintstab li a.sel{ color:#349bee !important; border:solid 0px #349bee !important; background-color:#ffffff !important; border-bottom: solid 3px #349bee !important;}
.zcintstab ul li a.sel:hover{ color:#349bee !important;}
.zcintstab ul li a:hover{ color:#ff7e00 !important;}
.zcpriclr {color: #ff7e00 !important;}
.cntstbl a.linktxt{color:#349bee !important;}
.cntstbl a.linktxt:hover{color:#ff7e00 !important;}
.zchvrblu:hover {background-color: #fefbf2 !important;}
.zcarkban:hover{ background-color:#fefbf2 !important;}
.nolnk{color:#349bee !important;}
.zccntbg{color:#349bee !important; text-decoration:none; cursor:pointer;}
.zccntbg:hover{color:#ff6a1a !important;}
.cmpcnt1{font-size:70px !important;font-family:Lato !important;}
.cmpcnt2{font-size:70px !important;font-family:Lato !important;}
.cmpcnt3{padding-top:27px !important;font-size:50px !important;font-family:Lato !important;}
.cmpcnt4{padding-top:27px !important;font-size:50px !important;font-family:Lato !important;}

.prim{ background-color:#fff; color:#fd7553; border:solid 1px #fd7553;/* text-transform: uppercase; */}
.zcicon-partcheckbox:before{color:#ff6a1a;}
.zcicon-partcheckbox:after{color:#ffffff;}
.zcicon-partcheckbox{cursor: pointer;}
.overlaytp{background:#576981;display:none;opacity:0;position:fixed; width:100%; z-index:15 !important; height:100%; overflow:hidden;left:0px;top:0px}
.trialskiplink:hover{color: #ff6a1a !important;text-decoration: underline;}

/* Loading Animation Code */

.zcloadtop {
    width: 100%;
    height: 4px;
    top: 0;
    position: fixed;
    z-index: 9999
}

.zcloadprg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1000
}

.zclodset [role="progressbar"][aria-busy="true"] {
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 4px;
    width: 100%;
    background-color: #159756;
    -webkit-animation: preloader-background linear 3.5s infinite;
    animation: preloader-background linear 3.5s infinite
}

.zclodset [role="progressbar"][aria-busy="true"]::before,
.zclodset [role="progressbar"][aria-busy="true"]::after {
    display: block;
    position: absolute;
    top: 0;
    z-index: 2;
    width: 0;
    height: 4px;
    background: #afa;
    -webkit-animation: preloader-front linear 3.5s infinite;
    animation: preloader-front linear 3.5s infinite;
    content: ""
}

.zclodset [role="progressbar"][aria-busy="true"]::before {
    right: 50%
}

.zclodset [role="progressbar"][aria-busy="true"]::after {
    left: 50%
}

@-webkit-keyframes preloader-background {

    0%,
    24.9% {
        background-color: #159756
    }

    25%,
    49.9% {
        background-color: #da4733
    }

    50%,
    74.9% {
        background-color: #3b78e7
    }

    75%,
    100% {
        background-color: #fdba2c
    }
}

@keyframes preloader-background {

    0%,
    24.9% {
        background-color: #159756
    }

    25%,
    49.9% {
        background-color: #da4733
    }

    50%,
    74.9% {
        background-color: #3b78e7
    }

    75%,
    100% {
        background-color: #fdba2c
    }
}

@-webkit-keyframes preloader-front {
    0% {
        width: 0;
        background-color: #da4733
    }

    24.9% {
        width: 50%;
        background-color: #da4733
    }

    25% {
        width: 0;
        background-color: #3b78e7
    }

    49.9% {
        width: 50%;
        background-color: #3b78e7
    }

    50% {
        width: 0;
        background-color: #fdba2c
    }

    74.9% {
        width: 50%;
        background-color: #fdba2c
    }

    75% {
        width: 0%;
        background-color: #159756
    }

    100% {
        width: 50%;
        background-color: #159756
    }
}

@keyframes preloader-front {
    0% {
        width: 0;
        background-color: #da4733
    }

    24.9% {
        width: 50%;
        background-color: #da4733
    }

    25% {
        width: 0;
        background-color: #3b78e7
    }

    49.9% {
        width: 50%;
        background-color: #3b78e7
    }

    50% {
        width: 0;
        background-color: #fdba2c
    }

    74.9% {
        width: 50%;
        background-color: #fdba2c
    }

    75% {
        width: 0%;
        background-color: #159756
    }

    100% {
        width: 50%;
        background-color: #159756
    }
}