/* 
  ███████╗██╗         ██████╗███████╗███████╗
  ╚══███╔╝██║        ██╔════╝██╔════╝██╔════╝
    ███╔╝ ██║        ██║     ███████╗███████╗
   ███╔╝  ██║        ██║     ╚════██║╚════██║
  ███████╗███████╗██╗╚██████╗███████║███████║
  ╚══════╝╚══════╝╚═╝ ╚═════╝╚══════╝╚══════╝
                                             
------ No-JS CSS Utility framework -------
Version 1.05 - 05/27/2025 - DS
*/

/* Text modifiers */

.zl .u, .zl_u{text-decoration:underline;}
.zl .b, .zl_b{font-weight:var(--zl_fontBoldWeight);}
.zl .small, .zl_small {font-size:var(--zl_font1);}
.zl .textL, .zl_textL {text-align:left;}
.zl .textR, .zl_textR {text-align:right;}
.zl .textC, .zl_textC {text-align:center;}
.zl .textJ, .zl_textJ {text-align:justify;}
.zl .valignT, .zl_valignT { vertical-align: top; }
.zl .ellipsis, .zl_ellipsis /* note: requires a max-width class added to the containing div to function as of 11/15/2023 */
{
	overflow:hidden !important;
	white-space:nowrap !important;
	text-overflow:ellipsis !important;
	display:inline-block;
	margin-bottom:-5px; /* counteracts some spacing this feature adds.. */
}
.zl .pre, .zl_pre
{
	white-space:pre-wrap !important;
	font-family:monospace;
	font-size:var(--zl_font1);
	padding:var(--zl_spc3) var(--zl_spc2) !important;
}
.zl .pre-, .zl_pre-
{
	white-space:normal !important;
	font-family: var(--zl_fontFace);
}

/* Text Shadows */

.zl .shadTB0, .zl_shadTB0, .zl .shadTW0, .zl_shadTW0{text-shadow:unset !important;}
.zl .shadTB1, .zl_shadTB1{text-shadow:1px 1px 0 var(--zl_fadeB33) !important;}
.zl .shadTB2, .zl_shadTB2{text-shadow:2px 2px 0 var(--zl_fadeB33) !important;}
.zl .shadTB3, .zl_shadTB3{text-shadow:3px 3px 0 var(--zl_fadeB25) !important;}
.zl .shadTW1, .zl_shadTW1{text-shadow:1px 1px 0 var(--zl_fadeW33) !important;}
.zl .shadTW2, .zl_shadTW2{text-shadow:2px 2px 0 var(--zl_fadeW33) !important;}
.zl .shadTW3, .zl_shadTW3{text-shadow:3px 3px 0 var(--zl_fadeW25) !important;}

/* Box Shadows */

.zl .shad-, .zl_shad-{box-shadow:unset !important;} /* remove shadow */
.zl .shadB1, .zl_shadB1{box-shadow:1px 1px 0 var(--zl_fadeB25) !important;}
.zl .shadB2, .zl_shadB2{box-shadow:2px 2px 0 var(--zl_fadeB25) !important;}
.zl .shadB3, .zl_shadB3{box-shadow:5px 5px 10px var(--zl_fadeB25) !important;}
.zl .shadB4, .zl_shadB4{box-shadow:7px 7px 14px var(--zl_fadeB25) !important;}
.zl .shadB5, .zl_shadB5{box-shadow:15px 15px 0 var(--zl_fadeB25) !important;}
.zl .shadB6, .zl_shadB6{box-shadow:20px 25px 0 var(--zl_fadeB33) !important;}
.zl .shadW1, .zl_shadW1{box-shadow:1px 1px 0 var(--zl_fadeW25) !important;}
.zl .shadW2, .zl_shadW2{box-shadow:2px 2px 0 var(--zl_fadeW25) !important;}
.zl .shadW3, .zl_shadW3{box-shadow:5px 5px 10px var(--zl_fadeW25) !important;}
.zl .shadW4, .zl_shadW4{box-shadow:7px 7px 14px var(--zl_fadeW25) !important;}
.zl .shadW5, .zl_shadW5{box-shadow:15px 15px 0 var(--zl_fadeW25) !important;}
.zl .shadW6, .zl_shadW6{box-shadow:25px 25px 0 var(--zl_fadeW33) !important;}

/* Opacities */

.zl .opa0, .zl_opa0{opacity:0;}
.zl .opa1, .zl_opa1{opacity:0.1;}
.zl .opa2, .zl_opa2{opacity:0.2;}
.zl .opa3, .zl_opa3{opacity:0.3;}
.zl .opa4, .zl_opa4{opacity:0.4;}
.zl .opa5, .zl_opa5{opacity:0.5;}
.zl .opa6, .zl_opa6{opacity:0.6;}
.zl .opa7, .zl_opa7{opacity:0.7;}
.zl .opa7, .zl_opa8{opacity:0.8;}
.zl .opa9, .zl_opa9{opacity:0.9;}
.zl .opa10, .zl_opa10{opacity:1;}

/* Display modifiers */

.zl .scrollX, .zl_scrollX{overflow-x:scroll !important;}
.zl .scrollY, .zl_scrollY{overflow-y:scroll !important;}
.zl .scrollXAuto, .zl_scrollXAuto{overflow-x:auto !important;}
.zl .scrollYAuto, .zl_scrollYAuto{overflow-y:auto !important;}
.zl .wrap-, .zl_wrap-{white-space:nowrap !important;}
.zl .hovPoint, .zl_hovPoint:hover{cursor:pointer;} /* make something look like a link */
.zl .hide, .zl_hide{display:none !important;}
.zl .block, .zl_block{display:block !important;}
.zl .inline-block, .zl_inline-block, .zl .ib, .zl_ib{display:inline-block !important;}
.zl .inline-table, .zl_inline-table, .zl .it, .zl_it{display:inline-table !important;}
.zl .flow-root, .zl_flow-root{display:flow-root !important;}
.zl .l, .zl_l, .zl .right, .zl_right{float:right;}
.zl .r, .zl_r, .zl .left, .zl_left{float:left;}

/* sticky use: works on a div inside a div */
.zl .stickyT0, .zl_stickyT0{position:sticky !important;top:0 !important;}
.zl .stickyT8, .zl_stickyT8{position:sticky !important;top:8px !important;}
.zl .stickyT10, .zl_stickyT10{position:sticky !important;top:10px !important;}
.zl .stickyT16, .zl_stickyT16{position:sticky !important;top:16px !important;}
.zl .stickyT20, .zl_stickyT20{position:sticky !important;top:20px !important;}
.zl .stickyT24, .zl_stickyT24{position:sticky !important;top:24px !important;}
.zl .stickyT30, .zl_stickyT30{position:sticky !important;top:30px !important;}
.zl .stickyT32, .zl_stickyT32{position:sticky !important;top:32px !important;}
.zl .stickyT40, .zl_stickyT40{position:sticky !important;top:40px !important;}
.zl .stickyT48, .zl_stickyT48{position:sticky !important;top:48px !important;}
.zl .stickyT50, .zl_stickyT50{position:sticky !important;top:50px !important;}
.zl .stickyT56, .zl_stickyT56{position:sticky !important;top:56px !important;}
.zl .stickyT60, .zl_stickyT60{position:sticky !important;top:60px !important;}
.zl .stickyT64, .zl_stickyT64{position:sticky !important;top:64px !important;}
.zl .stickyT70, .zl_stickyT70{position:sticky !important;top:70px !important;}
.zl .stickyT72, .zl_stickyT72{position:sticky !important;top:72px !important;}
.zl .stickyT80, .zl_stickyT80{position:sticky !important;top:80px !important;}

/* OL+UL/LI alignment */

ul.zl, ol.zl{margin:0;padding-left:1rem;}
	ul.zl li, ol.zl li{list-style-type:square;}
	ul.zl li::before, ol.zl li::before
	{
		color:var(--bw8);
		margin-left:-1rem;
		margin-right:0.5rem;
		font-size:0.5rem;
		position:relative;
		top:-2px;
	}

/* Mobile stuff - needs testing */

/* 1070 is max width + menu */

@media (min-width:0px) and (max-width:450px)   {.zl .mobile-, .zl_mobile-{display:none;}} /* disappear at mobile size. */
@media (min-width:450px) and (max-width:900px) {.zl .tablet-, .zl_tablet-{display:none;}} /* disappear at tablet size. */
@media (min-width:900px) and (max-width:1350px){.zl .laptop-, .zl_laptop-{display:none;}} /* disappear at laptop size or below. */
@media (min-width:1350px)                      {.zl .desktop-, .zl_desktop-{display:none;}} /* disappear at desktop size or below. */

@media (min-width:0px) and (max-width:450px)   {.zl .mobile, .zl_mobile{display:unset !important;}} /* show at mobile size. */
@media (min-width:450px) and (max-width:900px) {.zl .tablet, .zl_tablet{display:unset !important;}} /* show at tablet size. */
@media (min-width:900px) and (max-width:1350px){.zl .laptop, .zl_laptop{display:unset !important;}} /* show at laptop size. */
@media (min-width:1350px)                      {.zl .desktop, .zl_desktop{display:unset !important;}} /* show at desktop size. */

/* selectively remove TDs in a HTML table to make them work on mobile */

@media only screen and (max-width:450px)
{
	.zl .mobileTD-, .zl_mobileTD-{padding:0 !important;border-left:none !important;width:0;}
	.zl .mobileTD-, .zl_mobileTD- .zlt_micon,.zl .mobileTD-, .zl_mobileTD- .zlt_miconO,.zl .mobileTD-, .zl_mobileTD- .zlt_miconTT{display:none;}
}
@media only screen and (min-width:450px) and (max-width:900px)
{
	.zl .tabletTD-, .zl_tabletTD-{padding:0 !important;border-left:none !important;width:0;font-size:0 !important;}
	.zl .tabletTD-, .zl_tabletTD- .zlt_micon,.zl .tabletTD-, .zl_tabletTD- .zlt_miconO,.zl .tabletTD-, .zl_tabletTD- .zlt_miconTT{display:none;}
}
@media only screen and (min-width:900px) and (max-width:1350px)
{
	.zl .laptopTD-, .zl_laptopTD-{padding:0 !important;border-left:none !important;width:0;}
	.zl .laptopTD-, .zl_laptopTD- .zlt_micon,.zl .laptopTD-, .zl_laptopTD- .zlt_miconO,.zl .laptopTD-, .zl_laptopTD- .zlt_miconTT{display:none;}
}
@media only screen and (min-width:1350px)
{
	.zl .desktopTD-, .zl_desktopTD-{padding:0 !important;border-left:none !important;width:0;}
	.zl .desktopTD-, .zl_desktopTD- .zlt_micon,.zl .desktopTD-, .zl_desktopTD- .zlt_miconO,.zl .desktopTD-, .zl_desktopTD- .zlt_miconTT{display:none;}
}

/* Wordpress Builder-like Columns using flexbox containers.
Example usage:
<div class="zl_cols flex gap1 centerH mobileRev">
	<div class="col1">yeah</div>
	<div class="col3">Woo!</div>
</div>
*/

.zl .cols, .zl_cols{display:flex;flex-wrap:wrap;}

	.zl .cols.gap1, .zl_cols.gap1{gap:var(--zl_spc1);} /* grid gap size */
	.zl .cols.gap2, .zl_cols.gap2{gap:var(--zl_spc2);}
	.zl .cols.gap3, .zl_cols.gap3{gap:var(--zl_spc3);}
	.zl .cols.gap4, .zl_cols.gap4{gap:var(--zl_spc4);}
	.zl .cols.gap5, .zl_cols.gap5{gap:var(--zl_spc5);}
	.zl .cols.gap6, .zl_cols.gap6{gap:var(--zl_spc6);}

	/* The following features only work for flex mode */
	.zl .cols.flex .center, .zl_cols.flex .center{align-items:center;justify-content:center;} /* vertically/horizontally center insides */
	.zl .cols.flex .centerH, .zl_cols.flex .centerH{justify-content:center;} /* vertically center insides */
	.zl .cols.flex .centerW, .zl_cols.flex .centerW{align-items:center;} /* horizontally center insides */
	.zl .cols.flex .bottom, .zl_cols.flex .bottom{justify-content:end;} /* vertical bottom */
	.zl .cols.flex .right, .zl_cols.flex .right{align-items:end;} /* horizontal right */
	.zl .cols.flex .left, .zl_cols.flex .left{align-items:start;} /* horizontal right */
	.zl .cols.flex .bgCover, .zl_cols.flex .bgCover{background-size:cover;background-position:center;}

	/* Regular block styling is default. */
	.zl .cols > div, .zl_cols > div{display:block;flex-direction:column;flex-basis:100%;}

	/* flex mode is 100% width, however it allows for multiple orientations ( nice in some cases ). */
	.zl .cols.flex > div, .zl_cols.flex > div { display:flex;flex-direction:column;}

	/* straight flex 'ratios' in laptop/desktop size. Rows are always 100% size on mobile */
    /* TODO: add 1350px mode that allows for another column.*/
	@media screen and (min-width:900px)
	{
	    .zl .cols > .col, .zl_cols > .col{flex:1}
		.zl .cols > .col2, .zl_cols > .col2{flex:2}
		.zl .cols > .col3, .zl_cols > .col3{flex:3}
		.zl .cols > .col4, .zl_cols > .col4{flex:4}
		.zl .cols > .col5, .zl_cols > .col5{flex:5}
		.zl .cols > .col6, .zl_cols > .col6{flex:6}
		.zl .cols > .col7, .zl_cols > .col7{flex:7}
		.zl .cols > .col8, .zl_cols > .col8{flex:8}
		.zl .cols > .col9, .zl_cols > .col9{flex:9}
	}
	/* altered breaking in tablet size */
	@media screen and (min-width:450px) and (max-width:900px) /* tablet to laptop */
	{
	    /*.zl ., .zl_cols .col{flex:1} <-- no necessito */
	    .zl .cols > .col2, .zl_cols > .col2{flex:1}
	    .zl .cols > .col4, .zl_cols > .col4{flex:1 0 45%} /* this will effectively split 4 into 2 rows */
	    .zl .cols > .col5, .zl_cols > .col5{flex:2}
		.zl .cols > .col6, .zl_cols > .col6{flex:3}
	    .zl .cols > .col7, .zl_cols > .col7{flex:3}
	    .zl .cols > .col8, .zl_cols > .col8{flex:4}
	    .zl .cols > .col9, .zl_cols > .col9{flex:4}
	    .zl .cols.tabletRev, .zl_cols.tabletRev{flex-direction:column-reverse !important;} /* collapse in reverse @ tablet only; */
	}
	/* mobile-ish and below */
	@media screen and (max-width:450px)
	{
		.zl .cols, .zl_cols{flex-direction:row;width:100%;} /* force everything into single rows */
		.zl .cols.mobileRev, .zl_cols.mobileRev{flex-direction:column-reverse !important;} /* collapse in reverse @ mobile only; */
	}

/* heights and widths */
/*START AUTOMATED PROCESSING*/
.zl .h0p, .zl_h0p{height:0;}
.zl .h5p, .zl_h5p{height:5%;}
.zl .h10p, .zl_h10p{height:10%;}
.zl .h15p, .zl_h15p{height:15%;}
.zl .h20p, .zl_h20p{height:20%;}
.zl .h25p, .zl_h25p{height:25%;}
.zl .h33p, .zl_h33p{height:33.33%;}
.zl .h35p, .zl_h35p{height:35%;}
.zl .h40p, .zl_h40p{height:40%;}
.zl .h45p, .zl_h45p{height:45%;}
.zl .h50p, .zl_h50p{height:50%;}
.zl .h55p, .zl_h55p{height:55%;}
.zl .h60p, .zl_h60p{height:60%;}
.zl .h65p, .zl_h65p{height:65%;}
.zl .h66p, .zl_h66p{height:66.66%;}
.zl .h70p, .zl_h70p{height:70%;}
.zl .h75p, .zl_h75p{height:75%;}
.zl .h80p, .zl_h80p{height:80%;}
.zl .h85p, .zl_h85p{height:85%;}
.zl .h90p, .zl_h90p{height:90%;}
.zl .h95p, .zl_h95p{height:95%;}
.zl .h100p, .zl_h100p{height:100%;}
.zl .h100pp, .zl_h100pp{height:100%;box-sizing:border-box;}

.zl .h0, .zl_h0{height:0;}       .zl .mh0, .zl_mh0{max-height:0;}       .zl .mh-0, .zl_mh-0{min-height:0;}
.zl .h1, .zl_h1{height:1px;}     .zl .mh1, .zl_mh1{max-height:1px;}     .zl .mh-1, .zl_mh-1{min-height:1px;}
.zl .h2, .zl_h2{height:2px;}     .zl .mh2, .zl_mh2{max-height:2px;}     .zl .mh-2, .zl_mh-2{min-height:2px;}
.zl .h3, .zl_h3{height:3px;}     .zl .mh3, .zl_mh3{max-height:3px;}     .zl .mh-3, .zl_mh-3{min-height:3px;}
.zl .h4, .zl_h4{height:4px;}     .zl .mh4, .zl_mh4{max-height:4px;}     .zl .mh-4, .zl_mh-4{min-height:4px;}
.zl .h5, .zl_h5{height:5px;}     .zl .mh5, .zl_mh5{max-height:5px;}     .zl .mh-5, .zl_mh-5{min-height:5px;}
.zl .h6, .zl_h6{height:6px;}     .zl .mh6, .zl_mh6{max-height:6px;}     .zl .mh-6, .zl_mh-6{min-height:6px;}
.zl .h7, .zl_h7{height:7px;}     .zl .mh7, .zl_mh7{max-height:7px;}     .zl .mh-7, .zl_mh-7{min-height:7px;}
.zl .h8, .zl_h8{height:8px;}     .zl .mh8, .zl_mh8{max-height:8px;}     .zl .mh-8, .zl_mh-8{min-height:8px;}
.zl .h9, .zl_h9{height:9px;}     .zl .mh9, .zl_mh9{max-height:9px;}     .zl .mh-9, .zl_mh-9{min-height:9px;}
.zl .h10, .zl_h10{height:10px;}  .zl .mh10, .zl_mh10{max-height:10px;}  .zl .mh-10, .zl_mh-10{min-height:10px;}
.zl .h11, .zl_h11{height:11px;}  .zl .mh11, .zl_mh11{max-height:11px;}  .zl .mh-11, .zl_mh-11{min-height:11px;}
.zl .h12, .zl_h12{height:12px;}  .zl .mh12, .zl_mh12{max-height:12px;}  .zl .mh-12, .zl_mh-12{min-height:12px;}
.zl .h13, .zl_h13{height:13px;}  .zl .mh13, .zl_mh13{max-height:13px;}  .zl .mh-13, .zl_mh-13{min-height:13px;}
.zl .h14, .zl_h14{height:14px;}  .zl .mh14, .zl_mh14{max-height:14px;}  .zl .mh-14, .zl_mh-14{min-height:14px;}
.zl .h15, .zl_h15{height:15px;}	 .zl .mh15, .zl_mh15{max-height:15px;}  .zl .mh-15, .zl_mh-15{min-height:15px;}
.zl .h16, .zl_h16{height:16px;}  .zl .mh16, .zl_mh16{max-height:16px;}  .zl .mh-16, .zl_mh-16{min-height:16px;}
.zl .h20, .zl_h20{height:20px;}  .zl .mh20, .zl_mh20{max-height:20px;}  .zl .mh-20, .zl_mh-20{min-height:20px;}
.zl .h24, .zl_h24{height:24px;}  .zl .mh24, .zl_mh24{max-height:24px;}  .zl .mh-24, .zl_mh-24{min-height:24px;}
.zl .h25, .zl_h25{height:25px;}  .zl .mh25, .zl_mh25{max-height:25px;}  .zl .mh-25, .zl_mh-25{min-height:25px;}
.zl .h30, .zl_h30{height:30px;}  .zl .mh30, .zl_mh30{max-height:30px;}  .zl .mh-30, .zl_mh-30{min-height:30px;}
.zl .h32, .zl_h32{height:32px;}  .zl .mh32, .zl_mh32{max-height:32px;}  .zl .mh-32, .zl_mh-32{min-height:32px;}
.zl .h33, .zl_h33{height:33px;}  .zl .mh33, .zl_mh33{max-height:33px;}  .zl .mh-33, .zl_mh-33{min-height:33px;}
.zl .h35, .zl_h35{height:35px;}  .zl .mh35, .zl_mh35{max-height:35px;}  .zl .mh-35, .zl_mh-35{min-height:35px;}
.zl .h36, .zl_h36{height:36px;}  .zl .mh36, .zl_mh36{max-height:36px;}  .zl .mh-36, .zl_mh-36{min-height:36px;}
.zl .h40, .zl_h40{height:40px;}  .zl .mh40, .zl_mh40{max-height:40px;}  .zl .mh-40, .zl_mh-40{min-height:40px;}
.zl .h45, .zl_h45{height:45px;}  .zl .mh45, .zl_mh45{max-height:45px;}  .zl .mh-45, .zl_mh-45{min-height:45px;}
.zl .h48, .zl_h48{height:48px;}  .zl .mh48, .zl_mh48{max-height:48px;}  .zl .mh-48, .zl_mh-48{min-height:48px;}
.zl .h50, .zl_h50{height:50px;}  .zl .mh50, .zl_mh50{max-height:50px;}  .zl .mh-50, .zl_mh-50{min-height:50px;}
.zl .h55, .zl_h55{height:55px;}  .zl .mh55, .zl_mh55{max-height:55px;}  .zl .mh-55, .zl_mh-55{min-height:55px;}
.zl .h60, .zl_h60{height:60px;}  .zl .mh60, .zl_mh60{max-height:60px;}  .zl .mh-60, .zl_mh-60{min-height:60px;}
.zl .h64, .zl_h64{height:64px;}  .zl .mh64, .zl_mh64{max-height:64px;}  .zl .mh-64, .zl_mh-64{min-height:64px;}
.zl .h65, .zl_h65{height:65px;}  .zl .mh65, .zl_mh65{max-height:65px;}  .zl .mh-65, .zl_mh-65{min-height:65px;}
.zl .h66, .zl_h66{height:66px;}  .zl .mh66, .zl_mh66{max-height:66px;}  .zl .mh-66, .zl_mh-66{min-height:66px;}
.zl .h70, .zl_h70{height:70px;}  .zl .mh70, .zl_mh70{max-height:70px;}  .zl .mh-70, .zl_mh-70{min-height:70px;}
.zl .h72, .zl_h72{height:72px;}  .zl .mh72, .zl_mh72{max-height:72px;}  .zl .mh-72, .zl_mh-72{min-height:72px;}
.zl .h75, .zl_h75{height:75px;}  .zl .mh75, .zl_mh75{max-height:75px;}  .zl .mh-75, .zl_mh-75{min-height:75px;}
.zl .h80, .zl_h80{height:80px;}  .zl .mh80, .zl_mh80{max-height:80px;}  .zl .mh-80, .zl_mh-80{min-height:80px;}
.zl .h85, .zl_h85{height:85px;}  .zl .mh85, .zl_mh85{max-height:85px;}  .zl .mh-85, .zl_mh-85{min-height:85px;}
.zl .h90, .zl_h90{height:90px;}  .zl .mh90, .zl_mh90{max-height:90px;}  .zl .mh-90, .zl_mh-90{min-height:90px;}
.zl .h95, .zl_h95{height:95px;}  .zl .mh95, .zl_mh95{max-height:95px;}  .zl .mh-95, .zl_mh-95{min-height:95px;}
.zl .h100, .zl_h100{height:100px;}    .zl .mh100, .zl_mh100{max-height:100px;}    .zl .mh-100, .zl_mh-100{min-height:100px;}
.zl .h110, .zl_h110{height:110px;}    .zl .mh110, .zl_mh110{max-height:110px;}    .zl .mh-110, .zl_mh-110{min-height:110px;}
.zl .h120, .zl_h120{height:120px;}    .zl .mh120, .zl_mh120{max-height:120px;}    .zl .mh-120, .zl_mh-120{min-height:120px;}
.zl .h125, .zl_h125{height:125px;}    .zl .mh125, .zl_mh125{max-height:125px;}    .zl .mh-125, .zl_mh-125{min-height:125px;}
.zl .h130, .zl_h130{height:130px;}    .zl .mh130, .zl_mh130{max-height:130px;}    .zl .mh-130, .zl_mh-130{min-height:130px;}
.zl .h140, .zl_h140{height:140px;}    .zl .mh140, .zl_mh140{max-height:140px;}    .zl .mh-140, .zl_mh-140{min-height:140px;}
.zl .h150, .zl_h150{height:150px;}    .zl .mh150, .zl_mh150{max-height:150px;}    .zl .mh-150, .zl_mh-150{min-height:150px;}
.zl .h160, .zl_h160{height:160px;}    .zl .mh160, .zl_mh160{max-height:160px;}    .zl .mh-160, .zl_mh-160{min-height:160px;}
.zl .h170, .zl_h170{height:170px;}    .zl .mh170, .zl_mh170{max-height:170px;}    .zl .mh-170, .zl_mh-170{min-height:170px;}
.zl .h175, .zl_h175{height:175px;}    .zl .mh175, .zl_mh175{max-height:175px;}    .zl .mh-175, .zl_mh-175{min-height:175px;}
.zl .h180, .zl_h180{height:180px;}    .zl .mh180, .zl_mh180{max-height:180px;}    .zl .mh-180, .zl_mh-180{min-height:180px;}
.zl .h190, .zl_h190{height:190px;}    .zl .mh190, .zl_mh190{max-height:190px;}    .zl .mh-190, .zl_mh-190{min-height:190px;}
.zl .h200, .zl_h200{height:200px;}    .zl .mh200, .zl_mh200{max-height:200px;}    .zl .mh-200, .zl_mh-200{min-height:200px;}
.zl .h225, .zl_h225{height:225px;}    .zl .mh225, .zl_mh225{max-height:225px;}    .zl .mh-225, .zl_mh-225{min-height:225px;}
.zl .h250, .zl_h250{height:250px;}    .zl .mh250, .zl_mh250{max-height:250px;}    .zl .mh-250, .zl_mh-250{min-height:250px;}
.zl .h275, .zl_h275{height:275px;}    .zl .mh275, .zl_mh275{max-height:275px;}    .zl .mh-275, .zl_mh-275{min-height:275px;}
.zl .h300, .zl_h300{height:300px;}    .zl .mh300, .zl_mh300{max-height:300px;}    .zl .mh-300, .zl_mh-300{min-height:300px;}
.zl .h325, .zl_h325{height:325px;}    .zl .mh325, .zl_mh325{max-height:325px;}    .zl .mh-325, .zl_mh-325{min-height:325px;}
.zl .h350, .zl_h350{height:350px;}    .zl .mh350, .zl_mh350{max-height:350px;}    .zl .mh-350, .zl_mh-350{min-height:350px;}
.zl .h375, .zl_h375{height:375px;}    .zl .mh375, .zl_mh375{max-height:375px;}    .zl .mh-375, .zl_mh-375{min-height:375px;}
.zl .h400, .zl_h400{height:400px;}    .zl .mh400, .zl_mh400{max-height:400px;}    .zl .mh-400, .zl_mh-400{min-height:400px;}
.zl .h450, .zl_h450{height:450px;}    .zl .mh450, .zl_mh450{max-height:450px;}    .zl .mh-450, .zl_mh-450{min-height:450px;}
.zl .h500, .zl_h500{height:500px;}    .zl .mh500, .zl_mh500{max-height:500px;}    .zl .mh-500, .zl_mh-500{min-height:500px;}
.zl .h550, .zl_h550{height:550px;}    .zl .mh550, .zl_mh550{max-height:550px;}    .zl .mh-550, .zl_mh-550{min-height:550px;}
.zl .h600, .zl_h600{height:600px;}    .zl .mh600, .zl_mh600{max-height:600px;}    .zl .mh-600, .zl_mh-600{min-height:600px;}
.zl .h650, .zl_h650{height:650px;}    .zl .mh650, .zl_mh650{max-height:650px;}    .zl .mh-650, .zl_mh-650{min-height:650px;}
.zl .h700, .zl_h700{height:700px;}    .zl .mh700, .zl_mh700{max-height:700px;}    .zl .mh-700, .zl_mh-700{min-height:700px;}
.zl .h750, .zl_h750{height:750px;}    .zl .mh750, .zl_mh750{max-height:750px;}    .zl .mh-750, .zl_mh-750{min-height:750px;}
.zl .h800, .zl_h800{height:800px;}    .zl .mh800, .zl_mh800{max-height:800px;}    .zl .mh-800, .zl_mh-800{min-height:800px;}
.zl .h850, .zl_h850{height:850px;}    .zl .mh850, .zl_mh850{max-height:850px;}    .zl .mh-850, .zl_mh-850{min-height:850px;}
.zl .h900, .zl_h900{height:900px;}    .zl .mh900, .zl_mh900{max-height:900px;}    .zl .mh-900, .zl_mh-900{min-height:900px;}
.zl .h950, .zl_h950{height:950px;}    .zl .mh950, .zl_mh950{max-height:950px;}    .zl .mh-950, .zl_mh-950{min-height:950px;}
.zl .h1000, .zl_h1000{height:1000px;} .zl .mh1000, .zl_mh1000{max-height:1000px;} .zl .mh-1000, .zl_mh-1000{min-height:1000px;}
.zl .h1100, .zl_h1100{height:1100px;} .zl .mh1100, .zl_mh1100{max-height:1100px;} .zl .mh-1100, .zl_mh-1100{min-height:1100px;}
.zl .h1200, .zl_h1200{height:1200px;} .zl .mh1200, .zl_mh1200{max-height:1200px;} .zl .mh-1200, .zl_mh-1200{min-height:1200px;}



.zl .w0p, .zl_w0p{width:0;}
.zl .w5p, .zl_w5p{width:5%;}
.zl .w10p, .zl_w10p{width:10%;}
.zl .w15p, .zl_w15p{width:15%;}
.zl .w20p, .zl_w20p{width:20%;}
.zl .w25p, .zl_w25p{width:25%;}
.zl .w33p, .zl_w33p{width:33.33%;}
.zl .w35p, .zl_w35p{width:35%;}
.zl .w40p, .zl_w40p{width:40%;}
.zl .w45p, .zl_w45p{width:45%;}
.zl .w50p, .zl_w50p{width:50%;}
.zl .w55p, .zl_w55p{width:55%;}
.zl .w60p, .zl_w60p{width:60%;}
.zl .w65p, .zl_w65p{width:65%;}
.zl .w66p, .zl_w66p{width:66.66%;}
.zl .w70p, .zl_w70p{width:70%;}
.zl .w75p, .zl_w75p{width:75%;}
.zl .w80p, .zl_w80p{width:80%;}
.zl .w85p, .zl_w85p{width:85%;}
.zl .w90p, .zl_w90p{width:90%;}
.zl .w95p, .zl_w95p{width:95%;}
.zl .w100p, .zl_w100p{width:100%;}
.zl .w100pp, .zl_w100pp{width:100%;box-sizing:border-box;}

.zl .w0, .zl_w0{width:0;}       .zl .mw0, .zl_mw0{max-width:0;}       .zl .mw-0, .zl_mw-0{min-width:0;}
.zl .w1, .zl_w1{width:1px;}     .zl .mw1, .zl_mw1{max-width:1px;}     .zl .mw-1, .zl_mw-1{min-width:1px;}
.zl .w2, .zl_w2{width:2px;}     .zl .mw2, .zl_mw2{max-width:2px;}     .zl .mw-2, .zl_mw-2{min-width:2px;}
.zl .w3, .zl_w3{width:3px;}     .zl .mw3, .zl_mw3{max-width:3px;}     .zl .mw-3, .zl_mw-3{min-width:3px;}
.zl .w4, .zl_w4{width:4px;}     .zl .mw4, .zl_mw4{max-width:4px;}     .zl .mw-4, .zl_mw-4{min-width:4px;}
.zl .w5, .zl_w5{width:5px;}     .zl .mw5, .zl_mw5{max-width:5px;}     .zl .mw-5, .zl_mw-5{min-width:5px;}
.zl .w6, .zl_w6{width:6px;}     .zl .mw6, .zl_mw6{max-width:6px;}     .zl .mw-6, .zl_mw-6{min-width:6px;}
.zl .w7, .zl_w7{width:7px;}     .zl .mw7, .zl_mw7{max-width:7px;}     .zl .mw-7, .zl_mw-7{min-width:7px;}
.zl .w8, .zl_w8{width:8px;}     .zl .mw8, .zl_mw8{max-width:8px;}     .zl .mw-8, .zl_mw-8{min-width:8px;}
.zl .w9, .zl_w9{width:9px;}     .zl .mw9, .zl_mw9{max-width:9px;}     .zl .mw-9, .zl_mw-9{min-width:9px;}
.zl .w10, .zl_w10{width:10px;}  .zl .mw10, .zl_mw10{max-width:10px;}  .zl .mw-10, .zl_mw-10{min-width:10px;}
.zl .w11, .zl_w11{width:11px;}  .zl .mw11, .zl_mw11{max-width:11px;}  .zl .mw-11, .zl_mw-11{min-width:11px;}
.zl .w12, .zl_w12{width:12px;}  .zl .mw12, .zl_mw12{max-width:12px;}  .zl .mw-12, .zl_mw-12{min-width:12px;}
.zl .w13, .zl_w13{width:13px;}  .zl .mw13, .zl_mw13{max-width:13px;}  .zl .mw-13, .zl_mw-13{min-width:13px;}
.zl .w14, .zl_w14{width:14px;}  .zl .mw14, .zl_mw14{max-width:14px;}  .zl .mw-14, .zl_mw-14{min-width:14px;}
.zl .w15, .zl_w15{width:15px;}	 .zl .mw15, .zl_mw15{max-width:15px;}  .zl .mw-15, .zl_mw-15{min-width:15px;}
.zl .w16, .zl_w16{width:16px;}  .zl .mw16, .zl_mw16{max-width:16px;}  .zl .mw-16, .zl_mw-16{min-width:16px;}
.zl .w20, .zl_w20{width:20px;}  .zl .mw20, .zl_mw20{max-width:20px;}  .zl .mw-20, .zl_mw-20{min-width:20px;}
.zl .w24, .zl_w24{width:24px;}  .zl .mw24, .zl_mw24{max-width:24px;}  .zl .mw-24, .zl_mw-24{min-width:24px;}
.zl .w25, .zl_w25{width:25px;}  .zl .mw25, .zl_mw25{max-width:25px;}  .zl .mw-25, .zl_mw-25{min-width:25px;}
.zl .w30, .zl_w30{width:30px;}  .zl .mw30, .zl_mw30{max-width:30px;}  .zl .mw-30, .zl_mw-30{min-width:30px;}
.zl .w32, .zl_w32{width:32px;}  .zl .mw32, .zl_mw32{max-width:32px;}  .zl .mw-32, .zl_mw-32{min-width:32px;}
.zl .w33, .zl_w33{width:33px;}  .zl .mw33, .zl_mw33{max-width:33px;}  .zl .mw-33, .zl_mw-33{min-width:33px;}
.zl .w35, .zl_w35{width:35px;}  .zl .mw35, .zl_mw35{max-width:35px;}  .zl .mw-35, .zl_mw-35{min-width:35px;}
.zl .w36, .zl_w36{width:36px;}  .zl .mw36, .zl_mw36{max-width:36px;}  .zl .mw-36, .zl_mw-36{min-width:36px;}
.zl .w40, .zl_w40{width:40px;}  .zl .mw40, .zl_mw40{max-width:40px;}  .zl .mw-40, .zl_mw-40{min-width:40px;}
.zl .w45, .zl_w45{width:45px;}  .zl .mw45, .zl_mw45{max-width:45px;}  .zl .mw-45, .zl_mw-45{min-width:45px;}
.zl .w48, .zl_w48{width:48px;}  .zl .mw48, .zl_mw48{max-width:48px;}  .zl .mw-48, .zl_mw-48{min-width:48px;}
.zl .w50, .zl_w50{width:50px;}  .zl .mw50, .zl_mw50{max-width:50px;}  .zl .mw-50, .zl_mw-50{min-width:50px;}
.zl .w55, .zl_w55{width:55px;}  .zl .mw55, .zl_mw55{max-width:55px;}  .zl .mw-55, .zl_mw-55{min-width:55px;}
.zl .w60, .zl_w60{width:60px;}  .zl .mw60, .zl_mw60{max-width:60px;}  .zl .mw-60, .zl_mw-60{min-width:60px;}
.zl .w64, .zl_w64{width:64px;}  .zl .mw64, .zl_mw64{max-width:64px;}  .zl .mw-64, .zl_mw-64{min-width:64px;}
.zl .w65, .zl_w65{width:65px;}  .zl .mw65, .zl_mw65{max-width:65px;}  .zl .mw-65, .zl_mw-65{min-width:65px;}
.zl .w66, .zl_w66{width:66px;}  .zl .mw66, .zl_mw66{max-width:66px;}  .zl .mw-66, .zl_mw-66{min-width:66px;}
.zl .w70, .zl_w70{width:70px;}  .zl .mw70, .zl_mw70{max-width:70px;}  .zl .mw-70, .zl_mw-70{min-width:70px;}
.zl .w72, .zl_w72{width:72px;}  .zl .mw72, .zl_mw72{max-width:72px;}  .zl .mw-72, .zl_mw-72{min-width:72px;}
.zl .w75, .zl_w75{width:75px;}  .zl .mw75, .zl_mw75{max-width:75px;}  .zl .mw-75, .zl_mw-75{min-width:75px;}
.zl .w80, .zl_w80{width:80px;}  .zl .mw80, .zl_mw80{max-width:80px;}  .zl .mw-80, .zl_mw-80{min-width:80px;}
.zl .w85, .zl_w85{width:85px;}  .zl .mw85, .zl_mw85{max-width:85px;}  .zl .mw-85, .zl_mw-85{min-width:85px;}
.zl .w90, .zl_w90{width:90px;}  .zl .mw90, .zl_mw90{max-width:90px;}  .zl .mw-90, .zl_mw-90{min-width:90px;}
.zl .w95, .zl_w95{width:95px;}  .zl .mw95, .zl_mw95{max-width:95px;}  .zl .mw-95, .zl_mw-95{min-width:95px;}
.zl .w100, .zl_w100{width:100px;}    .zl .mw100, .zl_mw100{max-width:100px;}    .zl .mw-100, .zl_mw-100{min-width:100px;}
.zl .w110, .zl_w110{width:110px;}    .zl .mw110, .zl_mw110{max-width:110px;}    .zl .mw-110, .zl_mw-110{min-width:110px;}
.zl .w120, .zl_w120{width:120px;}    .zl .mw120, .zl_mw120{max-width:120px;}    .zl .mw-120, .zl_mw-120{min-width:120px;}
.zl .w125, .zl_w125{width:125px;}    .zl .mw125, .zl_mw125{max-width:125px;}    .zl .mw-125, .zl_mw-125{min-width:125px;}
.zl .w130, .zl_w130{width:130px;}    .zl .mw130, .zl_mw130{max-width:130px;}    .zl .mw-130, .zl_mw-130{min-width:130px;}
.zl .w140, .zl_w140{width:140px;}    .zl .mw140, .zl_mw140{max-width:140px;}    .zl .mw-140, .zl_mw-140{min-width:140px;}
.zl .w150, .zl_w150{width:150px;}    .zl .mw150, .zl_mw150{max-width:150px;}    .zl .mw-150, .zl_mw-150{min-width:150px;}
.zl .w160, .zl_w160{width:160px;}    .zl .mw160, .zl_mw160{max-width:160px;}    .zl .mw-160, .zl_mw-160{min-width:160px;}
.zl .w170, .zl_w170{width:170px;}    .zl .mw170, .zl_mw170{max-width:170px;}    .zl .mw-170, .zl_mw-170{min-width:170px;}
.zl .w175, .zl_w175{width:175px;}    .zl .mw175, .zl_mw175{max-width:175px;}    .zl .mw-175, .zl_mw-175{min-width:175px;}
.zl .w180, .zl_w180{width:180px;}    .zl .mw180, .zl_mw180{max-width:180px;}    .zl .mw-180, .zl_mw-180{min-width:180px;}
.zl .w190, .zl_w190{width:190px;}    .zl .mw190, .zl_mw190{max-width:190px;}    .zl .mw-190, .zl_mw-190{min-width:190px;}
.zl .w200, .zl_w200{width:200px;}    .zl .mw200, .zl_mw200{max-width:200px;}    .zl .mw-200, .zl_mw-200{min-width:200px;}
.zl .w225, .zl_w225{width:225px;}    .zl .mw225, .zl_mw225{max-width:225px;}    .zl .mw-225, .zl_mw-225{min-width:225px;}
.zl .w250, .zl_w250{width:250px;}    .zl .mw250, .zl_mw250{max-width:250px;}    .zl .mw-250, .zl_mw-250{min-width:250px;}
.zl .w275, .zl_w275{width:275px;}    .zl .mw275, .zl_mw275{max-width:275px;}    .zl .mw-275, .zl_mw-275{min-width:275px;}
.zl .w300, .zl_w300{width:300px;}    .zl .mw300, .zl_mw300{max-width:300px;}    .zl .mw-300, .zl_mw-300{min-width:300px;}
.zl .w325, .zl_w325{width:325px;}    .zl .mw325, .zl_mw325{max-width:325px;}    .zl .mw-325, .zl_mw-325{min-width:325px;}
.zl .w350, .zl_w350{width:350px;}    .zl .mw350, .zl_mw350{max-width:350px;}    .zl .mw-350, .zl_mw-350{min-width:350px;}
.zl .w375, .zl_w375{width:375px;}    .zl .mw375, .zl_mw375{max-width:375px;}    .zl .mw-375, .zl_mw-375{min-width:375px;}
.zl .w400, .zl_w400{width:400px;}    .zl .mw400, .zl_mw400{max-width:400px;}    .zl .mw-400, .zl_mw-400{min-width:400px;}
.zl .w450, .zl_w450{width:450px;}    .zl .mw450, .zl_mw450{max-width:450px;}    .zl .mw-450, .zl_mw-450{min-width:450px;}
.zl .w500, .zl_w500{width:500px;}    .zl .mw500, .zl_mw500{max-width:500px;}    .zl .mw-500, .zl_mw-500{min-width:500px;}
.zl .w550, .zl_w550{width:550px;}    .zl .mw550, .zl_mw550{max-width:550px;}    .zl .mw-550, .zl_mw-550{min-width:550px;}
.zl .w600, .zl_w600{width:600px;}    .zl .mw600, .zl_mw600{max-width:600px;}    .zl .mw-600, .zl_mw-600{min-width:600px;}
.zl .w650, .zl_w650{width:650px;}    .zl .mw650, .zl_mw650{max-width:650px;}    .zl .mw-650, .zl_mw-650{min-width:650px;}
.zl .w700, .zl_w700{width:700px;}    .zl .mw700, .zl_mw700{max-width:700px;}    .zl .mw-700, .zl_mw-700{min-width:700px;}
.zl .w750, .zl_w750{width:750px;}    .zl .mw750, .zl_mw750{max-width:750px;}    .zl .mw-750, .zl_mw-750{min-width:750px;}
.zl .w800, .zl_w800{width:800px;}    .zl .mw800, .zl_mw800{max-width:800px;}    .zl .mw-800, .zl_mw-800{min-width:800px;}
.zl .w850, .zl_w850{width:850px;}    .zl .mw850, .zl_mw850{max-width:850px;}    .zl .mw-850, .zl_mw-850{min-width:850px;}
.zl .w900, .zl_w900{width:900px;}    .zl .mw900, .zl_mw900{max-width:900px;}    .zl .mw-900, .zl_mw-900{min-width:900px;}
.zl .w950, .zl_w950{width:950px;}    .zl .mw950, .zl_mw950{max-width:950px;}    .zl .mw-950, .zl_mw-950{min-width:950px;}
.zl .w1000, .zl_w1000{width:1000px;} .zl .mw1000, .zl_mw1000{max-width:1000px;} .zl .mw-1000, .zl_mw-1000{min-width:1000px;}
.zl .w1100, .zl_w1100{width:1100px;} .zl .mw1100, .zl_mw1100{max-width:1100px;} .zl .mw-1100, .zl_mw-1100{min-width:1100px;}
.zl .w1200, .zl_w1200{width:1200px;} .zl .mw1200, .zl_mw1200{max-width:1200px;} .zl .mw-1200, .zl_mw-1200{min-width:1200px;}/*STOP AUTOMATED PROCESSING*/

/* Paddings */

.zl .padL0, .zl_padL0{padding-left:0 !important;}              .zl .padR0, .zl_padR0{padding-right:0 !important;} /* Left Or Right */
.zl .padL1, .zl_padL1{padding-left:var(--zl_spc1) !important;} .zl .padR1, .zl_padR1{padding-right:var(--zl_spc1) !important;}
.zl .padL2, .zl_padL2{padding-left:var(--zl_spc2) !important;} .zl .padR2, .zl_padR2{padding-right:var(--zl_spc2) !important;}
.zl .padL3, .zl_padL3{padding-left:var(--zl_spc3) !important;} .zl .padR3, .zl_padR3{padding-right:var(--zl_spc3) !important;}
.zl .padL4, .zl_padL4{padding-left:var(--zl_spc4) !important;} .zl .padR4, .zl_padR4{padding-right:var(--zl_spc4) !important;}
.zl .padL5, .zl_padL5{padding-left:var(--zl_spc5) !important;} .zl .padR5, .zl_padR5{padding-right:var(--zl_spc5) !important;}
.zl .padL6, .zl_padL6{padding-left:var(--zl_spc6) !important;} .zl .padR6, .zl_padR6{padding-right:var(--zl_spc6) !important;}

.zl .padT0, .zl_padT0{padding-top:0 !important;}               .zl .padB0, .zl_padB0{padding-bottom:0 !important;} /* Top Or Bottom */
.zl .padT1, .zl_padT1{padding-top:var(--zl_spc1) !important;}  .zl .padB1, .zl_padB1{padding-bottom:var(--zl_spc1) !important;}
.zl .padT2, .zl_padT2{padding-top:var(--zl_spc2) !important;}  .zl .padB2, .zl_padB2{padding-bottom:var(--zl_spc2) !important;}
.zl .padT3, .zl_padT3{padding-top:var(--zl_spc3) !important;}  .zl .padB3, .zl_padB3{padding-bottom:var(--zl_spc3) !important;}
.zl .padT4, .zl_padT4{padding-top:var(--zl_spc4) !important;}  .zl .padB4, .zl_padB4{padding-bottom:var(--zl_spc4) !important;}
.zl .padT5, .zl_padT5{padding-top:var(--zl_spc5) !important;}  .zl .padB5, .zl_padB5{padding-bottom:var(--zl_spc5) !important;}
.zl .padT6, .zl_padT6{padding-top:var(--zl_spc6) !important;}  .zl .padB6, .zl_padB6{padding-bottom:var(--zl_spc6) !important;}

.zl .padLR0, .zl_padLR0{padding-left:0 !important; padding-right:0 !important;} /* Left + Right */
.zl .padLR1, .zl_padLR1{padding-left:var(--zl_spc1) !important;padding-right:var(--zl_spc1) !important;}
.zl .padLR2, .zl_padLR2{padding-left:var(--zl_spc2) !important;padding-right:var(--zl_spc2) !important;}
.zl .padLR3, .zl_padLR3{padding-left:var(--zl_spc3) !important;padding-right:var(--zl_spc3) !important;}
.zl .padLR4, .zl_padLR4{padding-left:var(--zl_spc4) !important;padding-right:var(--zl_spc4) !important;}
.zl .padLR5, .zl_padLR5{padding-left:var(--zl_spc5) !important;padding-right:var(--zl_spc5) !important;}
.zl .padLR6, .zl_padLR6{padding-left:var(--zl_spc6) !important;padding-right:var(--zl_spc6) !important;}

.zl .padTB0, .zl_padTB0{padding-top:0 !important;padding-bottom:0 !important;} /* Top + Bottom */
.zl .padTB1, .zl_padTB1{padding-top:var(--zl_spc1) !important;padding-bottom:var(--zl_spc1) !important;}
.zl .padTB2, .zl_padTB2{padding-top:var(--zl_spc2) !important;padding-bottom:var(--zl_spc2) !important;}
.zl .padTB3, .zl_padTB3{padding-top:var(--zl_spc3) !important;padding-bottom:var(--zl_spc3) !important;}
.zl .padTB4, .zl_padTB4{padding-top:var(--zl_spc4) !important;padding-bottom:var(--zl_spc4) !important;}
.zl .padTB5, .zl_padTB5{padding-top:var(--zl_spc5) !important;padding-bottom:var(--zl_spc5) !important;}
.zl .padTB6, .zl_padTB6{padding-top:var(--zl_spc6) !important;padding-bottom:var(--zl_spc6) !important;}

/* Positive Margins */
.zl .marL0, .zl_marL0{margin-left:0 !important;}              .zl .marR0, .zl_marR0{margin-right:0 !important;} /* Left Or Right */
.zl .marL1, .zl_marL1{margin-left:var(--zl_spc1) !important;} .zl .marR1, .zl_marR1{margin-right:var(--zl_spc1) !important;}
.zl .marL2, .zl_marL2{margin-left:var(--zl_spc2) !important;} .zl .marR2, .zl_marR2{margin-right:var(--zl_spc2) !important;}
.zl .marL3, .zl_marL3{margin-left:var(--zl_spc3) !important;} .zl .marR3, .zl_marR3{margin-right:var(--zl_spc3) !important;}
.zl .marL4, .zl_marL4{margin-left:var(--zl_spc4) !important;} .zl .marR4, .zl_marR4{margin-right:var(--zl_spc4) !important;}
.zl .marL5, .zl_marL5{margin-left:var(--zl_spc5) !important;} .zl .marR5, .zl_marR5{margin-right:var(--zl_spc5) !important;}
.zl .marL6, .zl_marL6{margin-left:var(--zl_spc6) !important;} .zl .marR6, .zl_marR6{margin-right:var(--zl_spc6) !important;}

.zl .marT0, .zl_marT0{margin-top:0 !important;}  			  .zl .marB0, .zl_marB0{margin-bottom:0 !important;} /* Top Or Bottom */
.zl .marT1, .zl_marT1{margin-top:var(--zl_spc1) !important;}  .zl .marB1, .zl_marB1{margin-bottom:var(--zl_spc1) !important;}
.zl .marT2, .zl_marT2{margin-top:var(--zl_spc2) !important;}  .zl .marB2, .zl_marB2{margin-bottom:var(--zl_spc2) !important;}
.zl .marT3, .zl_marT3{margin-top:var(--zl_spc3) !important;}  .zl .marB3, .zl_marB3{margin-bottom:var(--zl_spc3) !important;}
.zl .marT4, .zl_marT4{margin-top:var(--zl_spc4) !important;}  .zl .marB4, .zl_marB4{margin-bottom:var(--zl_spc4) !important;}
.zl .marT5, .zl_marT5{margin-top:var(--zl_spc5) !important;}  .zl .marB5, .zl_marB5{margin-bottom:var(--zl_spc5) !important;}
.zl .marT6, .zl_marT6{margin-top:var(--zl_spc6) !important;}  .zl .marB6, .zl_marB6{margin-bottom:var(--zl_spc6) !important;}

.zl .marLR0, .zl_marLR0{margin-left:0 !important;margin-right:0 !important;} /* Left + Right */
.zl .marLR1, .zl_marLR1{margin-left:var(--zl_spc1) !important;margin-right:var(--zl_spc1) !important;}
.zl .marLR2, .zl_marLR2{margin-left:var(--zl_spc2) !important;margin-right:var(--zl_spc2) !important;}
.zl .marLR3, .zl_marLR3{margin-left:var(--zl_spc3) !important;margin-right:var(--zl_spc3) !important;}
.zl .marLR4, .zl_marLR4{margin-left:var(--zl_spc4) !important;margin-right:var(--zl_spc4) !important;}
.zl .marLR5, .zl_marLR5{margin-left:var(--zl_spc5) !important;margin-right:var(--zl_spc5) !important;}
.zl .marLR6, .zl_marLR6{margin-left:var(--zl_spc6) !important;margin-right:var(--zl_spc6) !important;}

.zl .marTB0, .zl_marTB0{margin-top:0 !important;margin-bottom:0 !important;} /* Top + Bottom */
.zl .marTB1, .zl_marTB1{margin-top:var(--zl_spc1) !important;margin-bottom:var(--zl_spc1) !important;}
.zl .marTB2, .zl_marTB2{margin-top:var(--zl_spc2) !important;margin-bottom:var(--zl_spc2) !important;}
.zl .marTB3, .zl_marTB3{margin-top:var(--zl_spc3) !important;margin-bottom:var(--zl_spc3) !important;}
.zl .marTB4, .zl_marTB4{margin-top:var(--zl_spc4) !important;margin-bottom:var(--zl_spc4) !important;}
.zl .marTB5, .zl_marTB5{margin-top:var(--zl_spc5) !important;margin-bottom:var(--zl_spc5) !important;}
.zl .marTB6, .zl_marTB6{margin-top:var(--zl_spc6) !important;margin-bottom:var(--zl_spc6) !important;}

/* Negative Margins */
.zl .marL-1, .zl_marL-1{margin-left:var(--zl_spc-1) !important;} .zl .marR-1, .zl_marR-1{margin-right:var(--zl_spc-1) !important;} /* Left/Right */
.zl .marL-2, .zl_marL-2{margin-left:var(--zl_spc-2) !important;} .zl .marR-2, .zl_marR-2{margin-right:var(--zl_spc-2) !important;}
.zl .marL-3, .zl_marL-3{margin-left:var(--zl_spc-3) !important;} .zl .marR-3, .zl_marR-3{margin-right:var(--zl_spc-3) !important;}
.zl .marL-4, .zl_marL-4{margin-left:var(--zl_spc-4) !important;} .zl .marR-4, .zl_marR-4{margin-right:var(--zl_spc-4) !important;}
.zl .marL-5, .zl_marL-5{margin-left:var(--zl_spc-5) !important;} .zl .marR-5, .zl_marR-5{margin-right:var(--zl_spc-5) !important;}
.zl .marL-6, .zl_marL-6{margin-left:var(--zl_spc-6) !important;} .zl .marR-6, .zl_marR-6{margin-right:var(--zl_spc-6) !important;}

.zl .marT-1, .zl_marT-1{margin-top:var(--zl_spc-1) !important;}  .zl .marB-1, .zl_marB-1{margin-bottom:var(--zl_spc-1) !important;} /* Top/Bottom */
.zl .marT-2, .zl_marT-2{margin-top:var(--zl_spc-2) !important;}  .zl .marB-2, .zl_marB-2{margin-bottom:var(--zl_spc-2) !important;}
.zl .marT-3, .zl_marT-3{margin-top:var(--zl_spc-3) !important;}  .zl .marB-3, .zl_marB-3{margin-bottom:var(--zl_spc-3) !important;}
.zl .marT-4, .zl_marT-4{margin-top:var(--zl_spc-4) !important;}  .zl .marB-4, .zl_marB-4{margin-bottom:var(--zl_spc-4) !important;}
.zl .marT-5, .zl_marT-5{margin-top:var(--zl_spc-5) !important;}  .zl .marB-5, .zl_marB-5{margin-bottom:var(--zl_spc-5) !important;}
.zl .marT-6, .zl_marT-6{margin-top:var(--zl_spc-6) !important;}  .zl .marB-6, .zl_marB-6{margin-bottom:var(--zl_spc-6) !important;}

.zl .marLR-1, .zl_marLR-1{margin-left:var(--zl_spc-1) !important;margin-right:var(--zl_spc-1) !important;} /* Left + Right */
.zl .marLR-2, .zl_marLR-2{margin-left:var(--zl_spc-2) !important;margin-right:var(--zl_spc-2) !important;}
.zl .marLR-3, .zl_marLR-3{margin-left:var(--zl_spc-3) !important;margin-right:var(--zl_spc-3) !important;}
.zl .marLR-4, .zl_marLR-4{margin-left:var(--zl_spc-4) !important;margin-right:var(--zl_spc-4) !important;}
.zl .marLR-5, .zl_marLR-5{margin-left:var(--zl_spc-5) !important;margin-right:var(--zl_spc-5) !important;}
.zl .marLR-6, .zl_marLR-6{margin-left:var(--zl_spc-6) !important;margin-right:var(--zl_spc-6) !important;}

.zl .marTB-1, .zl_marTB-1{margin-top:var(--zl_spc-1) !important; margin-bottom:var(--zl_spc-1) !important;} /* Top + Bottom */
.zl .marTB-2, .zl_marTB-2{margin-top:var(--zl_spc-2) !important; margin-bottom:var(--zl_spc-2) !important;}
.zl .marTB-3, .zl_marTB-3{margin-top:var(--zl_spc-3) !important; margin-bottom:var(--zl_spc-3) !important;}
.zl .marTB-4, .zl_marTB-4{margin-top:var(--zl_spc-4) !important; margin-bottom:var(--zl_spc-4) !important;}
.zl .marTB-5, .zl_marTB-5{margin-top:var(--zl_spc-5) !important; margin-bottom:var(--zl_spc-5) !important;}
.zl .marTB-6, .zl_marTB-6{margin-top:var(--zl_spc-6) !important; margin-bottom:var(--zl_spc-6) !important;}


/* shortcuts */
.zl .padA1, .zl_padA1{padding:var(--zl_spc0) var(--zl_spc1) !important;} /* asymmetric padding */
.zl .padA2, .zl_padA2{padding:var(--zl_spc1) var(--zl_spc2) !important;}
.zl .padA3, .zl_padA3{padding:var(--zl_spc2) var(--zl_spc3) !important;}
.zl .padA4, .zl_padA4{padding:var(--zl_spc3) var(--zl_spc4) !important;}
.zl .padA5, .zl_padA5{padding:var(--zl_spc4) var(--zl_spc5) !important;}
.zl .padA6, .zl_padA6{padding:var(--zl_spc5) var(--zl_spc6) !important;}

.zl .padA-1, .zl_padA-1{margin:var(--zl_spc0) var(--zl_spc-1) !important;} /* asymmetric padding using margin, inverse */
.zl .padA-2, .zl_padA-2{margin:var(--zl_spc-1) var(--zl_spc-2) !important;}
.zl .padA-3, .zl_padA-3{margin:var(--zl_spc-2) var(--zl_spc-3) !important;}
.zl .padA-4, .zl_padA-4{margin:var(--zl_spc-3) var(--zl_spc-4) !important;}
.zl .padA-5, .zl_padA-5{margin:var(--zl_spc-4) var(--zl_spc-5) !important;}
.zl .padA-6, .zl_padA-6{margin:var(--zl_spc-5) var(--zl_spc-6) !important;}

.zl .pad0, .zl_pad0{padding:0; !important;} /* square padding */
.zl .pad1, .zl_pad1{padding:var(--zl_spc1) !important;}
.zl .pad2, .zl_pad2{padding:var(--zl_spc2) !important;}
.zl .pad3, .zl_pad3{padding:var(--zl_spc3) !important;}
.zl .pad4, .zl_pad4{padding:var(--zl_spc4) !important;}
.zl .pad5, .zl_pad5{padding:var(--zl_spc5) !important;}
.zl .pad6, .zl_pad6{padding:var(--zl_spc6) !important;}

.zl .pad, .zl_pad{padding:var(--zl_spc) !important;}
.zl .padLR, .zl_padLR{padding-left:var(--zl_spc) !important;padding-right:var(--zl_spc) !important;}
.zl .padTB, .zl_padTB{padding-top:var(--zl_spc) !important;padding-bottom:var(--zl_spc) !important;}

.zl .mar0, .zl_mar0{margin:0 !important;} /* square margin */
.zl .mar1, .zl_mar1{margin:var(--zl_spc1) !important;}
.zl .mar2, .zl_mar2{margin:var(--zl_spc2) !important;}
.zl .mar3, .zl_mar3{margin:var(--zl_spc3) !important;}
.zl .mar4, .zl_mar4{margin:var(--zl_spc4) !important;}
.zl .mar5, .zl_mar5{margin:var(--zl_spc5) !important;}
.zl .mar6, .zl_mar6{margin:var(--zl_spc6) !important;}

.zl .mar-1, .zl_mar-1{margin:var(--zl_spc-1) !important;} /* square margin, inverse */
.zl .mar-2, .zl_mar-2{margin:var(--zl_spc-2) !important;}
.zl .mar-3, .zl_mar-3{margin:var(--zl_spc-3) !important;}
.zl .mar-4, .zl_mar-4{margin:var(--zl_spc-4) !important;}
.zl .mar-5, .zl_mar-5{margin:var(--zl_spc-5) !important;}
.zl .mar-6, .zl_mar-6{margin:var(--zl_spc-6) !important;}

/* Borders with inbuilt default radius */
.zl .bord0, .zl_bord0{border:0 !important;}
.zl .bordBW1, .zl_bordBW1{border:1px solid var(--bw1) !important;border-radius:var(--zl_rad);}
.zl .bordBW2, .zl_bordBW2{border:1px solid var(--bw2) !important;border-radius:var(--zl_rad);}
.zl .bordBW3, .zl_bordBW3{border:1px solid var(--bw3) !important;border-radius:var(--zl_rad);}
.zl .bordBW4, .zl_bordBW4{border:1px solid var(--bw4) !important;border-radius:var(--zl_rad);}
.zl .bordBW5, .zl_bordBW5{border:1px solid var(--bw5) !important;border-radius:var(--zl_rad);}
.zl .bordBW6, .zl_bordBW6{border:1px solid var(--bw6) !important;border-radius:var(--zl_rad);}
.zl .bordBW7, .zl_bordBW7{border:1px solid var(--bw7) !important;border-radius:var(--zl_rad);}
.zl .bordBW8, .zl_bordBW8{border:1px solid var(--bw8) !important;border-radius:var(--zl_rad);}
.zl .bordBW9, .zl_bordBW9{border:1px solid var(--bw9) !important;border-radius:var(--zl_rad);}
.zl .bordBW10, .zl_bordBW10{border:1px solid var(--bw10) !important;border-radius:var(--zl_rad);}
.zl .bordBW11, .zl_bordBW11{border:1px solid var(--bw11) !important;border-radius:var(--zl_rad);}

.zl .bordLink, .zl_bordLink{border:1px solid var(--zl_link) !important;border-radius:var(--zl_rad);}
.zl .bordLinkLight, .zl_bordLinkLight{border:1px solid var(--zl_linkLight) !important;border-radius:var(--zl_rad);}
.zl .bordLinkDark, .zl_bordLinkDark{border:1px solid var(--zl_linkDark) !important;border-radius:var(--zl_rad);}
.zl .bordLinkDarkDark, .zl_bordLinkDarkDark{border:1px solid var(--zl_linkDarkDark) !important;border-radius:var(--zl_rad);}
.zl .bordTH, .zl_bordTH{border:1px solid var(--zl_th) !important;border-radius:var(--zl_rad);}
.zl .bordTHDark, .zl_bordTHDark{border:1px solid var(--zl_thDark) !important;border-radius:var(--zl_rad);}
.zl .bordTHText, .zl_bordTHText{border:1px solid var(--zl_thText) !important;border-radius:var(--zl_rad);}
.zl .bordAccentLight, .zl_bordAccentLight{border:1px solid var(--zl_accentLight) !important;border-radius:var(--zl_rad);}
.zl .bordAccent, .zl_bordAccent{border:1px solid var(--zl_accent) !important;border-radius:var(--zl_rad);}
.zl .bordAccentDark, .zl_bordAccentDark{border:1px solid var(--zl_accentDark) !important;border-radius:var(--zl_rad);}
.zl .bordAccent2Light, .zl_bordAccent2Light{border:1px solid var(--zl_accent2Light) !important;border-radius:var(--zl_rad);}
.zl .bordAccent2, .zl_bordAccent2{border:1px solid var(--zl_accent2) !important;border-radius:var(--zl_rad);}
.zl .bordAccent2Dark, .zl_bordAccent2Dark{border:1px solid var(--zl_accent2Dark) !important;border-radius:var(--zl_rad);}
.zl .bordAccent3Light, .zl_bordAccent3Light{border:1px solid var(--zl_accent3Light) !important;border-radius:var(--zl_rad);}
.zl .bordAccent3, .zl_bordAccent3{border:1px solid var(--zl_accent3) !important;border-radius:var(--zl_rad);}
.zl .bordAccent3Dark, .zl_bordAccent3Dark{border:1px solid var(--zl_accent3Dark) !important;border-radius:var(--zl_rad);}
.zl .bordWarnLight, .zl_bordWarnLight{border:1px solid var(--zl_warnLight) !important;border-radius:var(--zl_rad);}
.zl .bordWarn, .zl_bordWarn{border:1px solid var(--zl_warn) !important;border-radius:var(--zl_rad);}
.zl .bordWarnDark, .zl_bordWarnDark{border:1px solid var(--zl_warnDark) !important;border-radius:var(--zl_rad);}
.zl .bordErrLight, .zl_bordErrLight{border:1px solid var(--zl_errLight) !important;border-radius:var(--zl_rad);}
.zl .bordErr, .zl_bordErr{border:1px solid var(--zl_err) !important;border-radius:var(--zl_rad);}
.zl .bordErrDark, .zl_bordErrDark{border:1px solid var(--zl_errDark) !important;border-radius:var(--zl_rad);}
.zl .bordOkLight, .zl_bordOkLight{border:1px solid var(--zl_okLight) !important;border-radius:var(--zl_rad);}
.zl .bordOk, .zl_bordOk{border:1px solid var(--zl_ok) !important;border-radius:var(--zl_rad);}
.zl .bordOkDark, .zl_bordOkDark{border:1px solid var(--zl_okDark) !important;border-radius:var(--zl_rad);}

/* Right borders */
.zl .bordRBW1, .zl_bordRBW1{border-right:1px solid var(--bw1) !important;border-radius:var(--zl_rad);}
.zl .bordRBW2, .zl_bordRBW2{border-right:1px solid var(--bw2) !important;border-radius:var(--zl_rad);}
.zl .bordRBW3, .zl_bordRBW3{border-right:1px solid var(--bw3) !important;border-radius:var(--zl_rad);}
.zl .bordRBW4, .zl_bordRBW4{border-right:1px solid var(--bw4) !important;border-radius:var(--zl_rad);}
.zl .bordRBW5, .zl_bordRBW5{border-right:1px solid var(--bw5) !important;border-radius:var(--zl_rad);}
.zl .bordRBW6, .zl_bordRBW6{border-right:1px solid var(--bw6) !important;border-radius:var(--zl_rad);}
.zl .bordRBW7, .zl_bordRBW7{border-right:1px solid var(--bw7) !important;border-radius:var(--zl_rad);}
.zl .bordRBW8, .zl_bordRBW8{border-right:1px solid var(--bw8) !important;border-radius:var(--zl_rad);}
.zl .bordRBW9, .zl_bordRBW9{border-right:1px solid var(--bw9) !important;border-radius:var(--zl_rad);}
.zl .bordRBW10, .zl_bordRBW10{border-right:1px solid var(--bw10) !important;border-radius:var(--zl_rad);}
.zl .bordRBW11, .zl_bordRBW11{border-right:1px solid var(--bw11) !important;border-radius:var(--zl_rad);}

.zl .bordRLink, .zl_bordRLink{border-right:1px solid var(--zl_link) !important;border-radius:var(--zl_rad);}
.zl .bordRLinkLight, .zl_bordRLinkLight{border-right:1px solid var(--zl_linkLight) !important;border-radius:var(--zl_rad);}
.zl .bordRLinkDark, .zl_bordRLinkDark{border-right:1px solid var(--zl_linkDark) !important;border-radius:var(--zl_rad);}
.zl .bordRLinkDarkDark, .zl_bordRLinkDarkDark{border-right:1px solid var(--zl_linkDarkDark) !important;border-radius:var(--zl_rad);}
.zl .bordRTH, .zl_bordRTH{border-right:1px solid var(--zl_th) !important;border-radius:var(--zl_rad);}
.zl .bordRTHDark, .zl_bordRTHDark{border-right:1px solid var(--zl_thDark) !important;border-radius:var(--zl_rad);}
.zl .bordRTHText, .zl_bordRTHText{border-right:1px solid var(--zl_thText) !important;border-radius:var(--zl_rad);}
.zl .bordRAccentLight, .zl_bordRAccentLight{border-right:1px solid var(--zl_accentLight) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent, .zl_bordRAccent{border-right:1px solid var(--zl_accent) !important;border-radius:var(--zl_rad);}
.zl .bordRAccentDark, .zl_bordRAccentDark{border-right:1px solid var(--zl_accentDark) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent2Light, .zl_bordRAccent2Light{border-right:1px solid var(--zl_accent2Light) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent2, .zl_bordRAccent2{border-right:1px solid var(--zl_accent2) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent2Dark, .zl_bordRAccent2Dark{border-right:1px solid var(--zl_accent2Dark) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent3Light, .zl_bordRAccent3Light{border-right:1px solid var(--zl_accent3Light) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent3, .zl_bordRAccent3{border-right:1px solid var(--zl_accent3) !important;border-radius:var(--zl_rad);}
.zl .bordRAccent3Dark, .zl_bordRAccent3Dark{border-right:1px solid var(--zl_accent3Dark) !important;border-radius:var(--zl_rad);}
.zl .bordRWarnLight, .zl_bordRWarnLight{border-right:1px solid var(--zl_warnLight) !important;border-radius:var(--zl_rad);}
.zl .bordRWarn, .zl_bordRWarn{border-right:1px solid var(--zl_warn) !important;border-radius:var(--zl_rad);}
.zl .bordRWarnDark, .zl_bordRWarnDark{border-right:1px solid var(--zl_warnDark) !important;border-radius:var(--zl_rad);}
.zl .bordRErrLight, .zl_bordRErrLight{border-right:1px solid var(--zl_errLight) !important;border-radius:var(--zl_rad);}
.zl .bordRErr, .zl_bordRErr{border-right:1px solid var(--zl_err) !important;border-radius:var(--zl_rad);}
.zl .bordRErrDark, .zl_bordRErrDark{border-right:1px solid var(--zl_errDark) !important;border-radius:var(--zl_rad);}
.zl .bordROkLight, .zl_bordROkLight{border-right:1px solid var(--zl_okLight) !important;border-radius:var(--zl_rad);}
.zl .bordROk, .zl_bordROk{border-right:1px solid var(--zl_ok) !important;border-radius:var(--zl_rad);}
.zl .bordROkDark, .zl_bordROkDark{border-right:1px solid var(--zl_okDark) !important;border-radius:var(--zl_rad);}

/* Left borders */
.zl .bordLBW1, .zl_bordLBW1{border-left:1px solid var(--bw1) !important;border-radius:var(--zl_rad);}
.zl .bordLBW2, .zl_bordLBW2{border-left:1px solid var(--bw2) !important;border-radius:var(--zl_rad);}
.zl .bordLBW3, .zl_bordLBW3{border-left:1px solid var(--bw3) !important;border-radius:var(--zl_rad);}
.zl .bordLBW4, .zl_bordLBW4{border-left:1px solid var(--bw4) !important;border-radius:var(--zl_rad);}
.zl .bordLBW5, .zl_bordLBW5{border-left:1px solid var(--bw5) !important;border-radius:var(--zl_rad);}
.zl .bordLBW6, .zl_bordLBW6{border-left:1px solid var(--bw6) !important;border-radius:var(--zl_rad);}
.zl .bordLBW7, .zl_bordLBW7{border-left:1px solid var(--bw7) !important;border-radius:var(--zl_rad);}
.zl .bordLBW8, .zl_bordLBW8{border-left:1px solid var(--bw8) !important;border-radius:var(--zl_rad);}
.zl .bordLBW9, .zl_bordLBW9{border-left:1px solid var(--bw9) !important;border-radius:var(--zl_rad);}
.zl .bordLBW10, .zl_bordLBW10{border-left:1px solid var(--bw10) !important;border-radius:var(--zl_rad);}
.zl .bordLBW11, .zl_bordLBW11{border-left:1px solid var(--bw11) !important;border-radius:var(--zl_rad);}

.zl .bordLLink, .zl_bordLLink{border-left:1px solid var(--zl_link) !important;border-radius:var(--zl_rad);}
.zl .bordLLinkLight, .zl_bordLLinkLight{border-left:1px solid var(--zl_linkLight) !important;border-radius:var(--zl_rad);}
.zl .bordLLinkDark, .zl_bordLLinkDark{border-left:1px solid var(--zl_linkDark) !important;border-radius:var(--zl_rad);}
.zl .bordLLinkDarkDark, .zl_bordLLinkDarkDark{border-left:1px solid var(--zl_linkDarkDark) !important;border-radius:var(--zl_rad);}
.zl .bordLTH, .zl_bordLTH{border-left:1px solid var(--zl_th) !important;border-radius:var(--zl_rad);}
.zl .bordLTHDark, .zl_bordLTHDark{border-left:1px solid var(--zl_thDark) !important;border-radius:var(--zl_rad);}
.zl .bordLTHText, .zl_bordLTHText{border-left:1px solid var(--zl_thText) !important;border-radius:var(--zl_rad);}
.zl .bordLAccentLight, .zl_bordLAccentLight{border-left:1px solid var(--zl_accentLight) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent, .zl_bordLAccent{border-left:1px solid var(--zl_accent) !important;border-radius:var(--zl_rad);}
.zl .bordLAccentDark, .zl_bordLAccentDark{border-left:1px solid var(--zl_accentDark) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent2Light, .zl_bordLAccent2Light{border-left:1px solid var(--zl_accent2Light) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent2, .zl_bordLAccent2{border-left:1px solid var(--zl_accent2) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent2Dark, .zl_bordLAccent2Dark{border-left:1px solid var(--zl_accent2Dark) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent3Light, .zl_bordLAccent3Light{border-left:1px solid var(--zl_accent3Light) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent3, .zl_bordLAccent3{border-left:1px solid var(--zl_accent3) !important;border-radius:var(--zl_rad);}
.zl .bordLAccent3Dark, .zl_bordLAccent3Dark{border-left:1px solid var(--zl_accent3Dark) !important;border-radius:var(--zl_rad);}
.zl .bordLWarnLight, .zl_bordLWarnLight{border-left:1px solid var(--zl_warnLight) !important;border-radius:var(--zl_rad);}
.zl .bordLWarn, .zl_bordLWarn{border-left:1px solid var(--zl_warn) !important;border-radius:var(--zl_rad);}
.zl .bordLWarnDark, .zl_bordLWarnDark{border-left:1px solid var(--zl_warnDark) !important;border-radius:var(--zl_rad);}
.zl .bordLErrLight, .zl_bordLErrLight{border-left:1px solid var(--zl_errLight) !important;border-radius:var(--zl_rad);}
.zl .bordLErr, .zl_bordLErr{border-left:1px solid var(--zl_err) !important;border-radius:var(--zl_rad);}
.zl .bordLErrDark, .zl_bordLErrDark{border-left:1px solid var(--zl_errDark) !important;border-radius:var(--zl_rad);}
.zl .bordLOkLight, .zl_bordLOkLight{border-left:1px solid var(--zl_okLight) !important;border-radius:var(--zl_rad);}
.zl .bordLOk, .zl_bordLOk{border-left:1px solid var(--zl_ok) !important;border-radius:var(--zl_rad);}
.zl .bordLOkDark, .zl_bordLOkDark{border-left:1px solid var(--zl_okDark) !important;border-radius:var(--zl_rad);}

/* Bottom borders */
.zl .bordBBW1, .zl_bordBBW1{border-bottom:1px solid var(--bw1) !important;border-radius:var(--zl_rad);}
.zl .bordBBW2, .zl_bordBBW2{border-bottom:1px solid var(--bw2) !important;border-radius:var(--zl_rad);}
.zl .bordBBW3, .zl_bordBBW3{border-bottom:1px solid var(--bw3) !important;border-radius:var(--zl_rad);}
.zl .bordBBW4, .zl_bordBBW4{border-bottom:1px solid var(--bw4) !important;border-radius:var(--zl_rad);}
.zl .bordBBW5, .zl_bordBBW5{border-bottom:1px solid var(--bw5) !important;border-radius:var(--zl_rad);}
.zl .bordBBW6, .zl_bordBBW6{border-bottom:1px solid var(--bw6) !important;border-radius:var(--zl_rad);}
.zl .bordBBW7, .zl_bordBBW7{border-bottom:1px solid var(--bw7) !important;border-radius:var(--zl_rad);}
.zl .bordBBW8, .zl_bordBBW8{border-bottom:1px solid var(--bw8) !important;border-radius:var(--zl_rad);}
.zl .bordBBW9, .zl_bordBBW9{border-bottom:1px solid var(--bw9) !important;border-radius:var(--zl_rad);}
.zl .bordBBW10, .zl_bordBBW10{border-bottom:1px solid var(--bw10) !important;border-radius:var(--zl_rad);}
.zl .bordBBW11, .zl_bordBBW11{border-bottom:1px solid var(--bw11) !important;border-radius:var(--zl_rad);}

.zl .bordBLink, .zl_bordBLink{border-bottom:1px solid var(--zl_link) !important;border-radius:var(--zl_rad);}
.zl .bordBLinkLight, .zl_bordBLinkLight{border-bottom:1px solid var(--zl_linkLight) !important;border-radius:var(--zl_rad);}
.zl .bordBLinkDark, .zl_bordBLinkDark{border-bottom:1px solid var(--zl_linkDark) !important;border-radius:var(--zl_rad);}
.zl .bordBLinkDarkDark, .zl_bordBLinkDarkDark{border-bottom:1px solid var(--zl_linkDarkDark) !important;border-radius:var(--zl_rad);}
.zl .bordBTH, .zl_bordBTH{border-bottom:1px solid var(--zl_th) !important;border-radius:var(--zl_rad);}
.zl .bordBTHDark, .zl_bordBTHDark{border-bottom:1px solid var(--zl_thDark) !important;border-radius:var(--zl_rad);}
.zl .bordBTHText, .zl_bordBTHText{border-bottom:1px solid var(--zl_thText) !important;border-radius:var(--zl_rad);}
.zl .bordBAccentLight, .zl_bordBAccentLight{border-bottom:1px solid var(--zl_accentLight) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent, .zl_bordBAccent{border-bottom:1px solid var(--zl_accent) !important;border-radius:var(--zl_rad);}
.zl .bordBAccentDark, .zl_bordBAccentDark{border-bottom:1px solid var(--zl_accentDark) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent2Light, .zl_bordBAccent2Light{border-bottom:1px solid var(--zl_accent2Light) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent2, .zl_bordBAccent2{border-bottom:1px solid var(--zl_accent2) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent2Dark, .zl_bordBAccent2Dark{border-bottom:1px solid var(--zl_accent2Dark) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent3Light, .zl_bordBAccent3Light{border-bottom:1px solid var(--zl_accent3Light) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent3, .zl_bordBAccent3{border-bottom:1px solid var(--zl_accent3) !important;border-radius:var(--zl_rad);}
.zl .bordBAccent3Dark, .zl_bordBAccent3Dark{border-bottom:1px solid var(--zl_accent3Dark) !important;border-radius:var(--zl_rad);}
.zl .bordBWarnLight, .zl_bordBWarnLight{border-bottom:1px solid var(--zl_warnLight) !important;border-radius:var(--zl_rad);}
.zl .bordBWarn, .zl_bordBWarn{border-bottom:1px solid var(--zl_warn) !important;border-radius:var(--zl_rad);}
.zl .bordBWarnDark, .zl_bordBWarnDark{border-bottom:1px solid var(--zl_warnDark) !important;border-radius:var(--zl_rad);}
.zl .bordBErrLight, .zl_bordBErrLight{border-bottom:1px solid var(--zl_errLight) !important;border-radius:var(--zl_rad);}
.zl .bordBErr, .zl_bordBErr{border-bottom:1px solid var(--zl_err) !important;border-radius:var(--zl_rad);}
.zl .bordBErrDark, .zl_bordBErrDark{border-bottom:1px solid var(--zl_errDark) !important;border-radius:var(--zl_rad);}
.zl .bordBOkLight, .zl_bordBOkLight{border-bottom:1px solid var(--zl_okLight) !important;border-radius:var(--zl_rad);}
.zl .bordBOk, .zl_bordBOk{border-bottom:1px solid var(--zl_ok) !important;border-radius:var(--zl_rad);}
.zl .bordBOkDark, .zl_bordBOkDark{border-bottom:1px solid var(--zl_okDark) !important;border-radius:var(--zl_rad);}

/* Top borders */
.zl .bordTBW1, .zl_bordTBW1{border-top:1px solid var(--bw1) !important;border-radius:var(--zl_rad);}
.zl .bordTBW2, .zl_bordTBW2{border-top:1px solid var(--bw2) !important;border-radius:var(--zl_rad);}
.zl .bordTBW3, .zl_bordTBW3{border-top:1px solid var(--bw3) !important;border-radius:var(--zl_rad);}
.zl .bordTBW4, .zl_bordTBW4{border-top:1px solid var(--bw4) !important;border-radius:var(--zl_rad);}
.zl .bordTBW5, .zl_bordTBW5{border-top:1px solid var(--bw5) !important;border-radius:var(--zl_rad);}
.zl .bordTBW6, .zl_bordTBW6{border-top:1px solid var(--bw6) !important;border-radius:var(--zl_rad);}
.zl .bordTBW7, .zl_bordTBW7{border-top:1px solid var(--bw7) !important;border-radius:var(--zl_rad);}
.zl .bordTBW8, .zl_bordTBW8{border-top:1px solid var(--bw8) !important;border-radius:var(--zl_rad);}
.zl .bordTBW9, .zl_bordTBW9{border-top:1px solid var(--bw9) !important;border-radius:var(--zl_rad);}
.zl .bordTBW10, .zl_bordTBW10{border-top:1px solid var(--bw10) !important;border-radius:var(--zl_rad);}
.zl .bordTBW11, .zl_bordTBW11{border-top:1px solid var(--bw11) !important;border-radius:var(--zl_rad);}

.zl .bordTLink, .zl_bordTLink{border-top:1px solid var(--zl_link) !important;border-radius:var(--zl_rad);}
.zl .bordTLinkLight, .zl_bordTLinkLight{border-top:1px solid var(--zl_linkLight) !important;border-radius:var(--zl_rad);}
.zl .bordTLinkDark, .zl_bordTLinkDark{border-top:1px solid var(--zl_linkDark) !important;border-radius:var(--zl_rad);}
.zl .bordTLinkDarkDark, .zl_bordTLinkDarkDark{border-top:1px solid var(--zl_linkDarkDark) !important;border-radius:var(--zl_rad);}
.zl .bordTTH, .zl_bordTTH{border-top:1px solid var(--zl_th) !important;border-radius:var(--zl_rad);}
.zl .bordTTHDark, .zl_bordTTHDark{border-top:1px solid var(--zl_thDark) !important;border-radius:var(--zl_rad);}
.zl .bordTTHText, .zl_bordTTHText{border-top:1px solid var(--zl_thText) !important;border-radius:var(--zl_rad);}
.zl .bordTAccentLight, .zl_bordTAccentLight{border-top:1px solid var(--zl_accentLight) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent, .zl_bordTAccent{border-top:1px solid var(--zl_accent) !important;border-radius:var(--zl_rad);}
.zl .bordTAccentDark, .zl_bordTAccentDark{border-top:1px solid var(--zl_accentDark) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent2Light, .zl_bordTAccent2Light{border-top:1px solid var(--zl_accent2Light) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent2, .zl_bordTAccent2{border-top:1px solid var(--zl_accent2) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent2Dark, .zl_bordTAccent2Dark{border-top:1px solid var(--zl_accent2Dark) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent3Light, .zl_bordTAccent3Light{border-top:1px solid var(--zl_accent3Light) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent3, .zl_bordTAccent3{border-top:1px solid var(--zl_accent3) !important;border-radius:var(--zl_rad);}
.zl .bordTAccent3Dark, .zl_bordTAccent3Dark{border-top:1px solid var(--zl_accent3Dark) !important;border-radius:var(--zl_rad);}
.zl .bordTWarnLight, .zl_bordTWarnLight{border-top:1px solid var(--zl_warnLight) !important;border-radius:var(--zl_rad);}
.zl .bordTWarn, .zl_bordTWarn{border-top:1px solid var(--zl_warn) !important;border-radius:var(--zl_rad);}
.zl .bordTWarnDark, .zl_bordTWarnDark{border-top:1px solid var(--zl_warnDark) !important;border-radius:var(--zl_rad);}
.zl .bordTErrLight, .zl_bordTErrLight{border-top:1px solid var(--zl_errLight) !important;border-radius:var(--zl_rad);}
.zl .bordTErr, .zl_bordTErr{border-top:1px solid var(--zl_err) !important;border-radius:var(--zl_rad);}
.zl .bordTErrDark, .zl_bordTErrDark{border-top:1px solid var(--zl_errDark) !important;border-radius:var(--zl_rad);}
.zl .bordTOkLight, .zl_bordTOkLight{border-top:1px solid var(--zl_okLight) !important;border-radius:var(--zl_rad);}
.zl .bordTOk, .zl_bordTOk{border-top:1px solid var(--zl_ok) !important;border-radius:var(--zl_rad);}
.zl .bordTOkDark, .zl_bordTOkDark{border-top:1px solid var(--zl_okDark) !important;border-radius:var(--zl_rad);}

/* Border Radii */
.zl .rad0, .zl_rad0{border-radius:var(--zl_spc0) !important;}
.zl .rad1, .zl_rad1{border-radius:var(--zl_spc1) !important;}
.zl .rad2, .zl_rad2{border-radius:var(--zl_spc2) !important;}
.zl .rad3, .zl_rad3{border-radius:var(--zl_spc3) !important;}
.zl .rad4, .zl_rad4{border-radius:var(--zl_spc4) !important;}
.zl .rad5, .zl_rad5{border-radius:var(--zl_spc5) !important;}
.zl .rad6, .zl_rad6{border-radius:var(--zl_spc6) !important;}

/* text ZL Theme colors */
.zl .white, .zl_white{color:var(--zl_white) !important;}
.zl .whiteDark, .zl_whiteDark{color:var(--zl_whiteDark) !important;}
.zl .whiteDarkDark, .zl_whiteDarkDark{color:var(--zl_whiteDarkDark) !important;}
.zl .greyLight, .zl_greyLight{color:var(--zl_greyLight) !important;}
.zl .grey, .zl_grey{color:var(--zl_grey) !important;}
.zl .greyDark, .zl_greyDark{color:var(--zl_greyDark) !important;}
.zl .black, .zl_black{color:var(--zl_black) !important;}
.zl .blackDark, .zl_blackDark{color:var(--zl_blackDark) !important;}
.zl .link, .zl_link{color:var(--zl_link) !important;}
.zl .linkLight, .zl_linkLight{color:var(--zl_linkLight) !important;}
.zl .linkDark, .zl_linkDark{color:var(--zl_linkDark) !important;}
.zl .linkDarkDark, .zl_linkDarkDark{color:var(--zl_linkDarkDark) !important;}
.zl .TH, .zl_TH{color:var(--zl_th) !important;}
.zl .THDark, .zl_THDark{color:var(--zl_thDark) !important;}
.zl .THText, .zl_THText{color:var(--zl_thText) !important;}
.zl .accentLight, .zl_accentLight{color:var(--zl_accentLight) !important;}
.zl .accent, .zl_accent{color:var(--zl_accent) !important;}
.zl .accentDark, .zl_accentDark{color:var(--zl_accentDark) !important;}
.zl .accent2Light, .zl_accent2Light{color:var(--zl_accent2Light) !important;}
.zl .accent2, .zl_accent2{color:var(--zl_accent2) !important;}
.zl .accent2Dark, .zl_accent2Dark{color:var(--zl_accent2Dark) !important;}
.zl .accent3Light, .zl_accent3Light{color:var(--zl_accent3Light) !important;}
.zl .accent3, .zl_accent3{color:var(--zl_accent3) !important;}
.zl .accent3Dark, .zl_accent3Dark{color:var(--zl_accent3Dark) !important;}
.zl .warnLight, .zl_warnLight{color:var(--zl_warnLight) !important;}
.zl .warn, .zl_warn{color:var(--zl_warn) !important;}
.zl .warnDark, .zl_warnDark{color:var(--zl_warnDark) !important;}
.zl .errLight, .zl_errLight{color:var(--zl_errLight) !important;}
.zl .err, .zl_err{color:var(--zl_err) !important;}
.zl .errDark, .zl_errDark{color:var(--zl_errDark) !important;}
.zl .okLight, .zl_okLight{color:var(--zl_okLight) !important;}
.zl .ok, .zl_ok{color:var(--zl_ok) !important;}
.zl .okDark, .zl_okDark{color:var(--zl_okDark) !important;}

/* text shortcuts */
.zl .white, .zl_white{color:var(--bw1) !important;}
.zl .grey, .zl_grey{color:var(--bw6) !important;}
.zl .black, .zl_black{color:var(--bw11) !important;}
.zl .red, .zl_red{color:var(--red) !important;}
.zl .pink, .zl_pink{color:var(--pink) !important;}
.zl .purple, .zl_purple{color:var(--purple) !important;}
.zl .purpleDeep, .zl_purpleDeep{color:var(--purpleDeep) !important;}
.zl .indigo, .zl_indigo{color:var(--indigo) !important;}
.zl .blue, .zl_blue{color:var(--blue) !important;}
.zl .blueLight, .zl_blueLight{color:var(--blueLight) !important;}
.zl .cyan, .zl_cyan{color:var(--cyan) !important;}
.zl .teal, .zl_teal{color:var(--teal) !important;}
.zl .green, .zl_green{color:var(--green) !important;}
.zl .greenLight, .zl_greenLight{color:var(--greenLight) !important;}
.zl .lime, .zl_lime{color:var(--lime) !important;}
.zl .yellow, .zl_yellow{color:var(--yellow) !important;}
.zl .amber, .zl_amber{color:var(--amber) !important;}
.zl .orange, .zl_orange{color:var(--orange) !important;}
.zl .deepOrange, .zl_deepOrange{color:var(--deepOrange) !important;}
.zl .brown, .zl_brown{color:var(--brown) !important;}
.zl .blueGrey, .zl_blueGrey{color:var(--blueGrey) !important;}

/* text full palette */
.zl .bw1, .zl_bw1{color:var(--bw1) !important;}
.zl .bw2, .zl_bw2{color:var(--bw2) !important;}
.zl .bw3, .zl_bw3{color:var(--bw3) !important;}
.zl .bw4, .zl_bw4{color:var(--bw4) !important;}
.zl .bw5, .zl_bw5{color:var(--bw5) !important;}
.zl .bw6, .zl_bw6{color:var(--bw6) !important;}
.zl .bw7, .zl_bw7{color:var(--bw7) !important;}
.zl .bw8, .zl_bw8{color:var(--bw8) !important;}
.zl .bw9, .zl_bw9{color:var(--bw9) !important;}
.zl .bw9, .zl_bw9{color:var(--bw9) !important;}
.zl .bw10, .zl_bw10{color:var(--bw10) !important;}
.zl .bw11, .zl_bw11{color:var(--bw11) !important;}
.zl .zl_red1, .zl_red1{color:var(--red1) !important;}
.zl .zl_red2, .zl_red2{color:var(--red2) !important;}
.zl .zl_red3, .zl_red3{color:var(--red3) !important;}
.zl .zl_red4, .zl_red4{color:var(--red4) !important;}
.zl .zl_red5, .zl_red5{color:var(--red5) !important;}
.zl .zl_red6, .zl_red6{color:var(--red6) !important;}
.zl .zl_red7, .zl_red7{color:var(--red7) !important;}
.zl .zl_red8, .zl_red8{color:var(--red8) !important;}
.zl .zl_red9, .zl_red9{color:var(--red9) !important;}
.zl .zl_red10, .zl_red10{color:var(--red10) !important;}
.zl .zl_red11, .zl_red11{color:var(--red11) !important;}
.zl .pink1, .zl_pink1{color:var(--pink1) !important;}
.zl .pink2, .zl_pink2{color:var(--pink2) !important;}
.zl .pink3, .zl_pink3{color:var(--pink3) !important;}
.zl .pink4, .zl_pink4{color:var(--pink4) !important;}
.zl .pink5, .zl_pink5{color:var(--pink5) !important;}
.zl .pink6, .zl_pink6{color:var(--pink6) !important;}
.zl .pink7, .zl_pink7{color:var(--pink7) !important;}
.zl .pink8, .zl_pink8{color:var(--pink8) !important;}
.zl .pink9, .zl_pink9{color:var(--pink9) !important;}
.zl .pink10, .zl_pink10{color:var(--pink10) !important;}
.zl .pink11, .zl_pink11{color:var(--pink11) !important;}
.zl .purple1, .zl_purple1{color:var(--purple1) !important;}
.zl .purple2, .zl_purple2{color:var(--purple2) !important;}
.zl .purple3, .zl_purple3{color:var(--purple3) !important;}
.zl .purple4, .zl_purple4{color:var(--purple4) !important;}
.zl .purple5, .zl_purple5{color:var(--purple5) !important;}
.zl .purple6, .zl_purple6{color:var(--purple6) !important;}
.zl .purple7, .zl_purple7{color:var(--purple7) !important;}
.zl .purple8, .zl_purple8{color:var(--purple8) !important;}
.zl .purple9, .zl_purple9{color:var(--purple9) !important;}
.zl .purple10, .zl_purple10{color:var(--purple10) !important;}
.zl .purple11, .zl_purple11{color:var(--purple11) !important;}
.zl .purpleDeep1, .zl_purpleDeep1{color:var(--purpleDeep1) !important;}
.zl .purpleDeep2, .zl_purpleDeep2{color:var(--purpleDeep2) !important;}
.zl .purpleDeep3, .zl_purpleDeep3{color:var(--purpleDeep3) !important;}
.zl .purpleDeep4, .zl_purpleDeep4{color:var(--purpleDeep4) !important;}
.zl .purpleDeep5, .zl_purpleDeep5{color:var(--purpleDeep5) !important;}
.zl .purpleDeep6, .zl_purpleDeep6{color:var(--purpleDeep6) !important;}
.zl .purpleDeep7, .zl_purpleDeep7{color:var(--purpleDeep7) !important;}
.zl .purpleDeep8, .zl_purpleDeep8{color:var(--purpleDeep8) !important;}
.zl .purpleDeep9, .zl_purpleDeep9{color:var(--purpleDeep9) !important;}
.zl .purpleDeep10, .zl_purpleDeep10{color:var(--purpleDeep10) !important;}
.zl .purpleDeep11, .zl_purpleDeep11{color:var(--purpleDeep11) !important;}
.zl .indigo1, .zl_indigo1{color:var(--indigo1) !important;}
.zl .indigo2, .zl_indigo2{color:var(--indigo2) !important;}
.zl .indigo3, .zl_indigo3{color:var(--indigo3) !important;}
.zl .indigo4, .zl_indigo4{color:var(--indigo4) !important;}
.zl .indigo5, .zl_indigo5{color:var(--indigo5) !important;}
.zl .indigo6, .zl_indigo6{color:var(--indigo6) !important;}
.zl .indigo7, .zl_indigo7{color:var(--indigo7) !important;}
.zl .indigo8, .zl_indigo8{color:var(--indigo8) !important;}
.zl .indigo9, .zl_indigo9{color:var(--indigo9) !important;}
.zl .indigo10, .zl_indigo10{color:var(--indigo10) !important;}
.zl .indigo11, .zl_indigo11{color:var(--indigo11) !important;}
.zl .blue1, .zl_blue1{color:var(--blue1) !important;}
.zl .blue2, .zl_blue2{color:var(--blue2) !important;}
.zl .blue3, .zl_blue3{color:var(--blue3) !important;}
.zl .blue4, .zl_blue4{color:var(--blue4) !important;}
.zl .blue5, .zl_blue5{color:var(--blue5) !important;}
.zl .blue6, .zl_blue6{color:var(--blue6) !important;}
.zl .blue7, .zl_blue7{color:var(--blue7) !important;}
.zl .blue8, .zl_blue8{color:var(--blue8) !important;}
.zl .blue9, .zl_blue9{color:var(--blue9) !important;}
.zl .blue10, .zl_blue10{color:var(--blue10) !important;}
.zl .blue11, .zl_blue11{color:var(--blue11) !important;}
.zl .blueLight1, .zl_blueLight1{color:var(--blueLight1) !important;}
.zl .blueLight2, .zl_blueLight2{color:var(--blueLight2) !important;}
.zl .blueLight3, .zl_blueLight3{color:var(--blueLight3) !important;}
.zl .blueLight4, .zl_blueLight4{color:var(--blueLight4) !important;}
.zl .blueLight5, .zl_blueLight5{color:var(--blueLight5) !important;}
.zl .blueLight6, .zl_blueLight6{color:var(--blueLight6) !important;}
.zl .blueLight7, .zl_blueLight7{color:var(--blueLight7) !important;}
.zl .blueLight8, .zl_blueLight8{color:var(--blueLight8) !important;}
.zl .blueLight9, .zl_blueLight9{color:var(--blueLight9) !important;}
.zl .blueLight10, .zl_blueLight10{color:var(--blueLight10) !important;}
.zl .blueLight11, .zl_blueLight11{color:var(--blueLight11) !important;}
.zl .cyan1, .zl_cyan1{color:var(--cyan1) !important;}
.zl .cyan2, .zl_cyan2{color:var(--cyan2) !important;}
.zl .cyan3, .zl_cyan3{color:var(--cyan3) !important;}
.zl .cyan4, .zl_cyan4{color:var(--cyan4) !important;}
.zl .cyan5, .zl_cyan5{color:var(--cyan5) !important;}
.zl .cyan6, .zl_cyan6{color:var(--cyan6) !important;}
.zl .cyan7, .zl_cyan7{color:var(--cyan7) !important;}
.zl .cyan8, .zl_cyan8{color:var(--cyan8) !important;}
.zl .cyan9, .zl_cyan9{color:var(--cyan9) !important;}
.zl .cyan10, .zl_cyan10{color:var(--cyan10) !important;}
.zl .cyan11, .zl_cyan11{color:var(--cyan11) !important;}
.zl .teal1, .zl_teal1{color:var(--teal1) !important;}
.zl .teal2, .zl_teal2{color:var(--teal2) !important;}
.zl .teal3, .zl_teal3{color:var(--teal3) !important;}
.zl .teal4, .zl_teal4{color:var(--teal4) !important;}
.zl .teal5, .zl_teal5{color:var(--teal5) !important;}
.zl .teal6, .zl_teal6{color:var(--teal6) !important;}
.zl .teal7, .zl_teal7{color:var(--teal7) !important;}
.zl .teal8, .zl_teal8{color:var(--teal8) !important;}
.zl .teal9, .zl_teal9{color:var(--teal9) !important;}
.zl .teal10, .zl_teal10{color:var(--teal10) !important;}
.zl .teal11, .zl_teal11{color:var(--teal11) !important;}
.zl .green1, .zl_green1{color:var(--green1) !important;}
.zl .green2, .zl_green2{color:var(--green2) !important;}
.zl .green3, .zl_green3{color:var(--green3) !important;}
.zl .green4, .zl_green4{color:var(--green4) !important;}
.zl .green5, .zl_green5{color:var(--green5) !important;}
.zl .green6, .zl_green6{color:var(--green6) !important;}
.zl .green7, .zl_green7{color:var(--green7) !important;}
.zl .green8, .zl_green8{color:var(--green8) !important;}
.zl .green9, .zl_green9{color:var(--green9) !important;}
.zl .green10, .zl_green10{color:var(--green10) !important;}
.zl .green11, .zl_green11{color:var(--green11) !important;}
.zl .greenLight1, .zl_greenLight1{color:var(--greenLight1) !important;}
.zl .greenLight2, .zl_greenLight2{color:var(--greenLight2) !important;}
.zl .greenLight3, .zl_greenLight3{color:var(--greenLight3) !important;}
.zl .greenLight4, .zl_greenLight4{color:var(--greenLight4) !important;}
.zl .greenLight5, .zl_greenLight5{color:var(--greenLight5) !important;}
.zl .greenLight6, .zl_greenLight6{color:var(--greenLight6) !important;}
.zl .greenLight7, .zl_greenLight7{color:var(--greenLight7) !important;}
.zl .greenLight8, .zl_greenLight8{color:var(--greenLight8) !important;}
.zl .greenLight9, .zl_greenLight9{color:var(--greenLight9) !important;}
.zl .greenLight10, .zl_greenLight10{color:var(--greenLight10) !important;}
.zl .greenLight11, .zl_greenLight11{color:var(--greenLight11) !important;}
.zl .lime1, .zl_lime1{color:var(--lime1) !important;}
.zl .lime2, .zl_lime2{color:var(--lime2) !important;}
.zl .lime3, .zl_lime3{color:var(--lime3) !important;}
.zl .lime4, .zl_lime4{color:var(--lime4) !important;}
.zl .lime5, .zl_lime5{color:var(--lime5) !important;}
.zl .lime6, .zl_lime6{color:var(--lime6) !important;}
.zl .lime7, .zl_lime7{color:var(--lime7) !important;}
.zl .lime8, .zl_lime8{color:var(--lime8) !important;}
.zl .lime9, .zl_lime9{color:var(--lime9) !important;}
.zl .lime10, .zl_lime10{color:var(--lime10) !important;}
.zl .lime11, .zl_lime11{color:var(--lime11) !important;}
.zl .yellow1, .zl_yellow1{color:var(--yellow1) !important;}
.zl .yellow2, .zl_yellow2{color:var(--yellow2) !important;}
.zl .yellow3, .zl_yellow3{color:var(--yellow3) !important;}
.zl .yellow4, .zl_yellow4{color:var(--yellow4) !important;}
.zl .yellow5, .zl_yellow5{color:var(--yellow5) !important;}
.zl .yellow6, .zl_yellow6{color:var(--yellow6) !important;}
.zl .yellow7, .zl_yellow7{color:var(--yellow7) !important;}
.zl .yellow8, .zl_yellow8{color:var(--yellow8) !important;}
.zl .yellow9, .zl_yellow9{color:var(--yellow9) !important;}
.zl .yellow10, .zl_yellow10{color:var(--yellow10) !important;}
.zl .yellow11, .zl_yellow11{color:var(--yellow11) !important;}
.zl .amber1, .zl_amber1{color:var(--amber1) !important;}
.zl .amber2, .zl_amber2{color:var(--amber2) !important;}
.zl .amber3, .zl_amber3{color:var(--amber3) !important;}
.zl .amber4, .zl_amber4{color:var(--amber4) !important;}
.zl .amber5, .zl_amber5{color:var(--amber5) !important;}
.zl .amber6, .zl_amber6{color:var(--amber6) !important;}
.zl .amber7, .zl_amber7{color:var(--amber7) !important;}
.zl .amber8, .zl_amber8{color:var(--amber8) !important;}
.zl .amber9, .zl_amber9{color:var(--amber9) !important;}
.zl .amber10, .zl_amber10{color:var(--amber10) !important;}
.zl .orange1, .zl_orange1{color:var(--orange1) !important;}
.zl .orange2, .zl_orange2{color:var(--orange2) !important;}
.zl .orange3, .zl_orange3{color:var(--orange3) !important;}
.zl .orange4, .zl_orange4{color:var(--orange4) !important;}
.zl .orange5, .zl_orange5{color:var(--orange5) !important;}
.zl .orange6, .zl_orange6{color:var(--orange6) !important;}
.zl .orange7, .zl_orange7{color:var(--orange7) !important;}
.zl .orange8, .zl_orange8{color:var(--orange8) !important;}
.zl .orange9, .zl_orange9{color:var(--orange9) !important;}
.zl .orange10, .zl_orange10{color:var(--orange10) !important;}
.zl .orange11, .zl_orange11{color:var(--orange11) !important;}
.zl .deepOrange1, .zl_deepOrange1{color:var(--deepOrange1) !important;}
.zl .deepOrange2, .zl_deepOrange2{color:var(--deepOrange2) !important;}
.zl .deepOrange3, .zl_deepOrange3{color:var(--deepOrange3) !important;}
.zl .deepOrange4, .zl_deepOrange4{color:var(--deepOrange4) !important;}
.zl .deepOrange5, .zl_deepOrange5{color:var(--deepOrange5) !important;}
.zl .deepOrange6, .zl_deepOrange6{color:var(--deepOrange6) !important;}
.zl .deepOrange7, .zl_deepOrange7{color:var(--deepOrange7) !important;}
.zl .deepOrange8, .zl_deepOrange8{color:var(--deepOrange8) !important;}
.zl .deepOrange9, .zl_deepOrange9{color:var(--deepOrange9) !important;}
.zl .deepOrange10, .zl_deepOrange10{color:var(--deepOrange10) !important;}
.zl .deepOrange11, .zl_deepOrange11{color:var(--deepOrange11) !important;}
.zl .brown1, .zl_brown1{color:var(--brown1) !important;}
.zl .brown2, .zl_brown2{color:var(--brown2) !important;}
.zl .brown3, .zl_brown3{color:var(--brown3) !important;}
.zl .brown4, .zl_brown4{color:var(--brown4) !important;}
.zl .brown5, .zl_brown5{color:var(--brown5) !important;}
.zl .brown6, .zl_brown6{color:var(--brown6) !important;}
.zl .brown7, .zl_brown7{color:var(--brown7) !important;}
.zl .brown8, .zl_brown8{color:var(--brown8) !important;}
.zl .brown9, .zl_brown9{color:var(--brown9) !important;}
.zl .brown10, .zl_brown10{color:var(--brown10) !important;}
.zl .brown11, .zl_brown11{color:var(--brown11) !important;}
.zl .blueGrey1, .zl_blueGrey1{color:var(--blueGrey1) !important;}
.zl .blueGrey2, .zl_blueGrey2{color:var(--blueGrey2) !important;}
.zl .blueGrey3, .zl_blueGrey3{color:var(--blueGrey3) !important;}
.zl .blueGrey4, .zl_blueGrey4{color:var(--blueGrey4) !important;}
.zl .blueGrey5, .zl_blueGrey5{color:var(--blueGrey5) !important;}
.zl .blueGrey6, .zl_blueGrey6{color:var(--blueGrey6) !important;}
.zl .blueGrey7, .zl_blueGrey7{color:var(--blueGrey7) !important;}
.zl .blueGrey8, .zl_blueGrey8{color:var(--blueGrey8) !important;}
.zl .blueGrey9, .zl_blueGrey9{color:var(--blueGrey9) !important;}
.zl .blueGrey10, .zl_blueGrey10{color:var(--blueGrey10) !important;}
.zl .blueGrey11, .zl_blueGrey11{color:var(--blueGrey11) !important;}

/* text vivids */
.zl .redViv1, .zl_redViv1{color:var(--redViv1) !important;}
.zl .redViv2, .zl_redViv2{color:var(--redViv2) !important;}
.zl .redViv3, .zl_redViv3{color:var(--redViv3) !important;}
.zl .redViv4, .zl_redViv4{color:var(--redViv4) !important;}
.zl .pinkViv1, .zl_pinkViv1{color:var(--pinkViv1) !important;}
.zl .pinkViv2, .zl_pinkViv2{color:var(--pinkViv2) !important;}
.zl .pinkViv3, .zl_pinkViv3{color:var(--pinkViv3) !important;}
.zl .pinkViv4, .zl_pinkViv4{color:var(--pinkViv4) !important;}
.zl .purpleViv1, .zl_purpleViv1{color:var(--purpleViv1) !important;}
.zl .purpleViv2, .zl_purpleViv2{color:var(--purpleViv2) !important;}
.zl .purpleViv3, .zl_purpleViv3{color:var(--purpleViv3) !important;}
.zl .purpleViv4, .zl_purpleViv4{color:var(--purpleViv4) !important;}
.zl .purpleDeepViv1, .zl_purpleDeepViv1{color:var(--purpleDeepViv1) !important;}
.zl .purpleDeepViv2, .zl_purpleDeepViv2{color:var(--purpleDeepViv2) !important;}
.zl .purpleDeepViv3, .zl_purpleDeepViv3{color:var(--purpleDeepViv3) !important;}
.zl .purpleDeepViv4, .zl_purpleDeepViv4{color:var(--purpleDeepViv4) !important;}
.zl .indigoViv1, .zl_indigoViv1{color:var(--indigoViv1) !important;}
.zl .indigoViv2, .zl_indigoViv2{color:var(--indigoViv2) !important;}
.zl .indigoViv3, .zl_indigoViv3{color:var(--indigoViv3) !important;}
.zl .indigoViv3, .zl_indigoViv4{color:var(--indigoViv4) !important;}
.zl .blueViv1, .zl_blueViv1{color:var(--blueViv1) !important;}
.zl .blueViv2, .zl_blueViv2{color:var(--blueViv2) !important;}
.zl .blueViv3, .zl_blueViv3{color:var(--blueViv3) !important;}
.zl .blueViv4, .zl_blueViv4{color:var(--blueViv4) !important;}
.zl .blueLightViv1, .zl_blueLightViv1{color:var(--blueLightViv1) !important;}
.zl .blueLightViv2, .zl_blueLightViv2{color:var(--blueLightViv2) !important;}
.zl .blueLightViv3, .zl_blueLightViv3{color:var(--blueLightViv3) !important;}
.zl .blueLightViv4, .zl_blueLightViv4{color:var(--blueLightViv4) !important;}
.zl .cyanViv1, .zl_cyanViv1{color:var(--cyanViv1) !important;}
.zl .cyanViv2, .zl_cyanViv2{color:var(--cyanViv2) !important;}
.zl .cyanViv3, .zl_cyanViv3{color:var(--cyanViv3) !important;}
.zl .cyanViv4, .zl_cyanViv4{color:var(--cyanViv4) !important;}
.zl .tealViv1, .zl_tealViv1{color:var(--tealViv1) !important;}
.zl .tealViv2, .zl_tealViv2{color:var(--tealViv2) !important;}
.zl .tealViv3, .zl_tealViv3{color:var(--tealViv3) !important;}
.zl .tealViv4, .zl_tealViv4{color:var(--tealViv4) !important;}
.zl .greenViv1, .zl_greenViv1{color:var(--greenViv1) !important;}
.zl .greenViv2, .zl_greenViv2{color:var(--greenViv2) !important;}
.zl .greenViv3, .zl_greenViv3{color:var(--greenViv3) !important;}
.zl .greenViv4, .zl_greenViv4{color:var(--greenViv4) !important;}
.zl .greenLightViv1, .zl_greenLightViv1{color:var(--greenLightViv1) !important;}
.zl .greenLightViv2, .zl_greenLightViv2{color:var(--greenLightViv2) !important;}
.zl .greenLightViv3, .zl_greenLightViv3{color:var(--greenLightViv3) !important;}
.zl .greenLightViv4, .zl_greenLightViv4{color:var(--greenLightViv4) !important;}
.zl .limeViv1, .zl_limeViv1{color:var(--limeViv1) !important;}
.zl .limeViv2, .zl_limeViv2{color:var(--limeViv2) !important;}
.zl .limeViv3, .zl_limeViv3{color:var(--limeViv3) !important;}
.zl .limeViv4, .zl_limeViv4{color:var(--limeViv4) !important;}
.zl .yellowViv1, .zl_yellowViv1{color:var(--yellowViv1) !important;}
.zl .yellowViv2, .zl_yellowViv2{color:var(--yellowViv2) !important;}
.zl .yellowViv3, .zl_yellowViv3{color:var(--yellowViv3) !important;}
.zl .yellowViv4, .zl_yellowViv4{color:var(--yellowViv4) !important;}
.zl .amberViv1, .zl_amberViv1{color:var(--amberViv1) !important;}
.zl .amberViv2, .zl_amberViv2{color:var(--amberViv2) !important;}
.zl .amberViv3, .zl_amberViv3{color:var(--amberViv3) !important;}
.zl .amberViv4, .zl_amberViv4{color:var(--amberViv4) !important;}
.zl .orangeViv1, .zl_orangeViv1{color:var(--orangeViv1) !important;}
.zl .orangeViv2, .zl_orangeViv2{color:var(--orangeViv2) !important;}
.zl .orangeViv3, .zl_orangeViv3{color:var(--orangeViv3) !important;}
.zl .orangeViv4, .zl_orangeViv4{color:var(--orangeViv4) !important;}
.zl .deepOrangeViv1, .zl_deepOrangeViv1{color:var(--deepOrangeViv1) !important;}
.zl .deepOrangeViv2, .zl_deepOrangeViv2{color:var(--deepOrangeViv2) !important;}
.zl .deepOrangeViv3, .zl_deepOrangeViv3{color:var(--deepOrangeViv3) !important;}
.zl .deepOrangeViv4, .zl_deepOrangeViv4{color:var(--deepOrangeViv4) !important;}

/* background ZL Theme colors */
.zl .bgLink, .zl_bgLink{background-color:var(--zl_link) !important;}
.zl .bgLinkLight, .zl_bgLinkLight{background-color:var(--zl_linkLight) !important;}
.zl .bgLinkDark, .zl_bgLinkDark{background-color:var(--zl_linkDark) !important;}
.zl .bgLinkDarkDark, .zl_bgLinkDarkDark{background-color:var(--zl_linkDarkDark) !important;}
.zl .bgTH, .zl_bgTH{background-color:var(--zl_th) !important;}
.zl .bgTHDark, .zl_bgTHDark{background-color:var(--zl_thDark) !important;}
.zl .bgTHText, .zl_bgTHText{background-color:var(--zl_thText) !important;}
.zl .bgAccentLight, .zl_bgAccentLight{background-color:var(--zl_accentLight) !important;}
.zl .bgAccent, .zl_bgAccent{background-color:var(--zl_accent) !important;}
.zl .bgAccentDark, .zl_bgAccentDark{background-color:var(--zl_accentDark) !important;}
.zl .bgAccent2Light, .zl_bgAccent2Light{background-color:var(--zl_accent2Light) !important;}
.zl .bgAccent2, .zl_bgAccent2{background-color:var(--zl_accent2) !important;}
.zl .bgAccent2Dark, .zl_bgAccent2Dark{background-color:var(--zl_accent2Dark) !important;}
.zl .bgAccent3Light, .zl_bgAccent3Light{background-color:var(--zl_accent3Light) !important;}
.zl .bgAccent3, .zl_bgAccent3{background-color:var(--zl_accent3) !important;}
.zl .bgAccent3Dark, .zl_bgAccent3Dark{background-color:var(--zl_accent3Dark) !important;}
.zl .bgWarnLight, .zl_bgWarnLight{background-color:var(--zl_warnLight) !important;}
.zl .bgWarn, .zl_bgWarn{background-color:var(--zl_warn) !important;}
.zl .bgWarnDark, .zl_bgWarnDark{background-color:var(--zl_warnDark) !important;}
.zl .bgErrLight, .zl_bgErrLight{background-color:var(--zl_errLight) !important;}
.zl .bgErr, .zl_bgErr{background-color:var(--zl_err) !important;}
.zl .bgErrDark, .zl_bgErrDark{background-color:var(--zl_errDark) !important;}
.zl .bgOkLight, .zl_bgOkLight{background-color:var(--zl_okLight) !important;}
.zl .bgOk, .zl_bgOk{background-color:var(--zl_ok) !important;}
.zl .bgOkDark, .zl_bgOkDark{background-color:var(--zl_okDark) !important;}

.zl .bgWhite, .zl_bgWhite{background-color:var(--zl_white) !important;}
.zl .bgWhiteDark, .zl_bgWhiteDark{background-color:var(--zl_whiteDark) !important;}
.zl .bgWhiteDarkDark, .zl_bgWhiteDarkDark{background-color:var(--zl_whiteDarkDark) !important;}
.zl .bgGreyLight, .zl_bgGreyLight{background-color:var(--zl_greyLight) !important;}
.zl .bgGrey, .zl_bgGrey{background-color:var(--zl_grey) !important;}
.zl .bgGreyDark, .zl_bgGreyDark{background-color:var(--zl_greyDark) !important;}
.zl .bgBlack, .zl_bgBlack{background-color:var(--zl_black) !important;}
.zl .bgBlackDark, .zl_bgBlackDark{background-color:var(--zl_blackDark) !important;}

/* background shortcuts */
.zl .bgWhite, .zl_bgWhite{background-color:var(--bw1) !important;}
.zl .bgGrey, .zl_bgGrey{background-color:var(--bw6) !important;}
.zl .bgBlack, .zl_bgBlack{background-color:var(--bw11) !important;}
.zl .bgRed, .zl_bgRed{background-color:var(--red) !important;}
.zl .bgPink, .zl_bgPink{background-color:var(--pink) !important;}
.zl .bgPurple, .zl_bgPurple{background-color:var(--purple) !important;}
.zl .bgPurpleDeep, .zl_bgPurpleDeep{background-color:var(--purpleDeep) !important;}
.zl .bgIndigo, .zl_bgIndigo{background-color:var(--indigo) !important;}
.zl .bgBlue, .zl_bgBlue{background-color:var(--blue) !important;}
.zl .bgBlueLight, .zl_bgBlueLight{background-color:var(--blueLight) !important;}
.zl .bgCyan, .zl_bgCyan{background-color:var(--cyan) !important;}
.zl .bgTeal, .zl_bgTeal{background-color:var(--teal) !important;}
.zl .bgGreen, .zl_bgGreen{background-color:var(--green) !important;}
.zl .bgGreenLight, .zl_bgGreenLight{background-color:var(--greenLight) !important;}
.zl .bgLime, .zl_bgLime{background-color:var(--lime) !important;}
.zl .bgYellow, .zl_bgYellow{background-color:var(--yellow) !important;}
.zl .bgAmber, .zl_bgAmber{background-color:var(--amber) !important;}
.zl .bgOrange, .zl_bgOrange{background-color:var(--orange) !important;}
.zl .bgDeepOrange, .zl_bgDeepOrange{background-color:var(--deepOrange) !important;}
.zl .bgBrown, .zl_bgBrown{background-color:var(--brown) !important;}
.zl .bgBlueGrey, .zl_bgBlueGrey{background-color:var(--blueGrey) !important;}

/* background TR rows */
.zl .bgRedRow, .zl_bgRedRow td{background-color:var(--redRow) !important;}
.zl .bgRedRowAlt, .zl_bgRedRowAlt td{background-color:var(--redRowAlt) !important;}
.zlt_table tr.zl .bgRedRow, .zl_bgRedRow td, .zlt_table tr.zl .bgRedRowAlt, .zl_bgRedRowAlt td
{ border-left: 1px solid var(--redRowBorder); border-top: 1px solid var(--redRowBorder); }

.zl .bgPurpleRow, .zl_bgPurpleRow td{background-color:var(--purpleRow) !important;}
.zl .bgPurpleRowAlt, .zl_bgPurpleRowAlt td{background-color:var(--purpleRowAlt) !important;}
.zlt_table tr.zl .bgPurpleRow, .zl_bgPurpleRow td, .zlt_table tr.zl .bgPurpleRowAlt, .zl_bgPurpleRowAlt td
{ border-left: 1px solid var(--purpleRowBorder); border-top: 1px solid var(--purpleRowBorder); }

.zl .bgIndigoRow, .zl_bgIndigoRow td{background-color:var(--indigoRow) !important;}
.zl .bgIndigoRowAlt, .zl_bgIndigoRowAlt td{background-color:var(--indigoRowAlt) !important;}
.zlt_table tr.zl .bgIndigoRow, .zl_bgIndigoRow td, .zlt_table tr.zl .bgIndigoRowAlt, .zl_bgIndigoRowAlt td
{ border-left: 1px solid var(--indigoRowBorder); border-top: 1px solid var(--indigoRowBorder); }

.zl .bgBlueRow, .zl_bgBlueRow td{background-color:var(--blueRow) !important;}
.zl .bgBlueRowAlt, .zl_bgBlueRowAlt td{background-color:var(--blueRowAlt) !important;}
.zlt_table tr.zl .bgBlueRow, .zl_bgBlueRow td, .zlt_table tr.zl .bgBlueRowAlt, .zl_bgBlueRowAlt td
{ border-left: 1px solid var(--blueRowBorder); border-top: 1px solid var(--blueRowBorder); }

.zl .bgTealRow, .zl_bgTealRow td{background-color:var(--tealRow) !important;}
.zl .bgTealRowAlt, .zl_bgTealRowAlt td{background-color:var(--tealRowAlt) !important;}
.zlt_table tr.zl .bgTealRow, .zl_bgTealRow td, .zlt_table tr.zl .bgTealRowAlt, .zl_bgTealRowAlt td
{ border-left: 1px solid var(--tealRowBorder); border-top: 1px solid var(--tealRowBorder); }

.zl .bgGreenRow, .zl_bgGreenRow td{background-color:var(--greenRow) !important;}
.zl .bgGreenRowAlt, .zl_bgGreenRowAlt td{background-color:var(--greenRowAlt) !important;}
.zlt_table tr.zl .bgGreenRow, .zl_bgGreenRow td, .zlt_table tr.zl .bgGreenRowAlt, .zl_bgGreenRowAlt td
{ border-left: 1px solid var(--greenRowBorder); border-top: 1px solid var(--greenRowBorder); }

.zl .bgAmberRow, .zl_bgAmberRow td{background-color:var(--amberRow) !important;}
.zl .bgAmberRowAlt, .zl_bgAmberRowAlt td{background-color:var(--amberRowAlt) !important;}
.zlt_table tr.zl .bgAmberRow, .zl_bgAmberRow td, .zlt_table tr.zl .bgAmberRowAlt, .zl_bgAmberRowAlt td
{ border-left: 1px solid var(--amberRowBorder); border-top: 1px solid var(--amberRowBorder); }

.zl .bgLightGreyRow, .zl_bgLightGreyRow td{background-color:var(--bw2) !important;}
.zl .bgLightGreyRowAlt, .zl_bgLightGreyRowAlt td{background-color:var(--bw3) !important;}
.zlt_table tr.zl .bgLightGreyRow, .zl_bgLightGreyRow td, .zlt_table tr.zl .bgLightGreyRowAlt, .zl_bgLightGreyRowAlt td
{ border-left: 1px solid var(--bw6); border-top: 1px solid var(--bw6); }

.zl .bgGreyRow, .zl_bgGreyRow td{background-color:var(--bw4) !important;}
.zl .bgGreyRowAlt, .zl_bgGreyRowAlt td{background-color:var(--bw5) !important;}
.zlt_table tr.zl .bgGreyRow, .zl_bgGreyRow td, .zlt_table tr.zl .bgGreyRowAlt, .zl_bgGreyRowAlt td
{ border-left: 1px solid var(--bw6); border-top: 1px solid var(--bw7); }

/* background full palette */
.zl .bgBW1, .zl_bgBW1{background-color:var(--bw1) !important;}
.zl .bgBW2, .zl_bgBW2{background-color:var(--bw2) !important;}
.zl .bgBW3, .zl_bgBW3{background-color:var(--bw3) !important;}
.zl .bgBW4, .zl_bgBW4{background-color:var(--bw4) !important;}
.zl .bgBW5, .zl_bgBW5{background-color:var(--bw5) !important;}
.zl .bgBW6, .zl_bgBW6{background-color:var(--bw6) !important;}
.zl .bgBW7, .zl_bgBW7{background-color:var(--bw7) !important;}
.zl .bgBW8, .zl_bgBW8{background-color:var(--bw8) !important;}
.zl .bgBW9, .zl_bgBW9{background-color:var(--bw9) !important;}
.zl .bgBW10, .zl_bgBW10{background-color:var(--bw10) !important;}
.zl .bgBW11, .zl_bgBW11{background-color:var(--bw11) !important;}
.zl .bgRed1, .zl_bgRed1{background-color:var(--red1) !important;}
.zl .bgRed2, .zl_bgRed2{background-color:var(--red2) !important;}
.zl .bgRed3, .zl_bgRed3{background-color:var(--red3) !important;}
.zl .bgRed4, .zl_bgRed4{background-color:var(--red4) !important;}
.zl .bgRed5, .zl_bgRed5{background-color:var(--red5) !important;}
.zl .bgRed6, .zl_bgRed6{background-color:var(--red6) !important;}
.zl .bgRed7, .zl_bgRed7{background-color:var(--red7) !important;}
.zl .bgRed8, .zl_bgRed8{background-color:var(--red8) !important;}
.zl .bgRed9, .zl_bgRed9{background-color:var(--red9) !important;}
.zl .bgRed10, .zl_bgRed10{background-color:var(--red10) !important;}
.zl .bgRed11, .zl_bgRed11{background-color:var(--red11) !important;}
.zl .bgPink1, .zl_bgPink1{background-color:var(--pink1) !important;}
.zl .bgPink2, .zl_bgPink2{background-color:var(--pink2) !important;}
.zl .bgPink3, .zl_bgPink3{background-color:var(--pink3) !important;}
.zl .bgPink4, .zl_bgPink4{background-color:var(--pink4) !important;}
.zl .bgPink5, .zl_bgPink5{background-color:var(--pink5) !important;}
.zl .bgPink6, .zl_bgPink6{background-color:var(--pink6) !important;}
.zl .bgPink7, .zl_bgPink7{background-color:var(--pink7) !important;}
.zl .bgPink8, .zl_bgPink8{background-color:var(--pink8) !important;}
.zl .bgPink9, .zl_bgPink9{background-color:var(--pink9) !important;}
.zl .bgPink10, .zl_bgPink10{background-color:var(--pink10) !important;}
.zl .bgPink11, .zl_bgPink11{background-color:var(--pink11) !important;}
.zl .bgPurple1, .zl_bgPurple1{background-color:var(--purple1) !important;}
.zl .bgPurple2, .zl_bgPurple2{background-color:var(--purple2) !important;}
.zl .bgPurple3, .zl_bgPurple3{background-color:var(--purple3) !important;}
.zl .bgPurple4, .zl_bgPurple4{background-color:var(--purple4) !important;}
.zl .bgPurple5, .zl_bgPurple5{background-color:var(--purple5) !important;}
.zl .bgPurple6, .zl_bgPurple6{background-color:var(--purple6) !important;}
.zl .bgPurple7, .zl_bgPurple7{background-color:var(--purple7) !important;}
.zl .bgPurple8, .zl_bgPurple8{background-color:var(--purple8) !important;}
.zl .bgPurple9, .zl_bgPurple9{background-color:var(--purple9) !important;}
.zl .bgPurple10, .zl_bgPurple10{background-color:var(--purple10) !important;}
.zl .bgPurple11, .zl_bgPurple11{background-color:var(--purple11) !important;}
.zl .bgPurpleDeep1, .zl_bgPurpleDeep1{background-color:var(--purpleDeep1) !important;}
.zl .bgPurpleDeep2, .zl_bgPurpleDeep2{background-color:var(--purpleDeep2) !important;}
.zl .bgPurpleDeep3, .zl_bgPurpleDeep3{background-color:var(--purpleDeep3) !important;}
.zl .bgPurpleDeep4, .zl_bgPurpleDeep4{background-color:var(--purpleDeep4) !important;}
.zl .bgPurpleDeep5, .zl_bgPurpleDeep5{background-color:var(--purpleDeep5) !important;}
.zl .bgPurpleDeep6, .zl_bgPurpleDeep6{background-color:var(--purpleDeep6) !important;}
.zl .bgPurpleDeep7, .zl_bgPurpleDeep7{background-color:var(--purpleDeep7) !important;}
.zl .bgPurpleDeep8, .zl_bgPurpleDeep8{background-color:var(--purpleDeep8) !important;}
.zl .bgPurpleDeep9, .zl_bgPurpleDeep9{background-color:var(--purpleDeep9) !important;}
.zl .bgPurpleDeep10, .zl_bgPurpleDeep10{background-color:var(--purpleDeep10) !important;}
.zl .bgPurpleDeep11, .zl_bgPurpleDeep11{background-color:var(--purpleDeep11) !important;}
.zl .bgIndigo1, .zl_bgIndigo1{background-color:var(--indigo1) !important;}
.zl .bgIndigo2, .zl_bgIndigo2{background-color:var(--indigo2) !important;}
.zl .bgIndigo3, .zl_bgIndigo3{background-color:var(--indigo3) !important;}
.zl .bgIndigo4, .zl_bgIndigo4{background-color:var(--indigo4) !important;}
.zl .bgIndigo5, .zl_bgIndigo5{background-color:var(--indigo5) !important;}
.zl .bgIndigo6, .zl_bgIndigo6{background-color:var(--indigo6) !important;}
.zl .bgIndigo7, .zl_bgIndigo7{background-color:var(--indigo7) !important;}
.zl .bgIndigo8, .zl_bgIndigo8{background-color:var(--indigo8) !important;}
.zl .bgIndigo9, .zl_bgIndigo9{background-color:var(--indigo9) !important;}
.zl .bgIndigo10, .zl_bgIndigo10{background-color:var(--indigo10) !important;}
.zl .bgIndigo11, .zl_bgIndigo11{background-color:var(--indigo11) !important;}
.zl .bgBlue1, .zl_bgBlue1{background-color:var(--blue1) !important;}
.zl .bgBlue2, .zl_bgBlue2{background-color:var(--blue2) !important;}
.zl .bgBlue3, .zl_bgBlue3{background-color:var(--blue3) !important;}
.zl .bgBlue4, .zl_bgBlue4{background-color:var(--blue4) !important;}
.zl .bgBlue5, .zl_bgBlue5{background-color:var(--blue5) !important;}
.zl .bgBlue6, .zl_bgBlue6{background-color:var(--blue6) !important;}
.zl .bgBlue7, .zl_bgBlue7{background-color:var(--blue7) !important;}
.zl .bgBlue8, .zl_bgBlue8{background-color:var(--blue8) !important;}
.zl .bgBlue9, .zl_bgBlue9{background-color:var(--blue9) !important;}
.zl .bgBlue10, .zl_bgBlue10{background-color:var(--blue10) !important;}
.zl .bgBlue11, .zl_bgBlue11{background-color:var(--blue11) !important;}
.zl .bgBlueLight1, .zl_bgBlueLight1{background-color:var(--blueLight1) !important;}
.zl .bgBlueLight2, .zl_bgBlueLight2{background-color:var(--blueLight2) !important;}
.zl .bgBlueLight3, .zl_bgBlueLight3{background-color:var(--blueLight3) !important;}
.zl .bgBlueLight4, .zl_bgBlueLight4{background-color:var(--blueLight4) !important;}
.zl .bgBlueLight5, .zl_bgBlueLight5{background-color:var(--blueLight5) !important;}
.zl .bgBlueLight6, .zl_bgBlueLight6{background-color:var(--blueLight6) !important;}
.zl .bgBlueLight7, .zl_bgBlueLight7{background-color:var(--blueLight7) !important;}
.zl .bgBlueLight8, .zl_bgBlueLight8{background-color:var(--blueLight8) !important;}
.zl .bgBlueLight9, .zl_bgBlueLight9{background-color:var(--blueLight9) !important;}
.zl .bgBlueLight10, .zl_bgBlueLight10{background-color:var(--blueLight10) !important;}
.zl .bgBlueLight11, .zl_bgBlueLight11{background-color:var(--blueLight11) !important;}
.zl .bgCyan1, .zl_bgCyan1{background-color:var(--cyan1) !important;}
.zl .bgCyan2, .zl_bgCyan2{background-color:var(--cyan2) !important;}
.zl .bgCyan3, .zl_bgCyan3{background-color:var(--cyan3) !important;}
.zl .bgCyan4, .zl_bgCyan4{background-color:var(--cyan4) !important;}
.zl .bgCyan5, .zl_bgCyan5{background-color:var(--cyan5) !important;}
.zl .bgCyan6, .zl_bgCyan6{background-color:var(--cyan6) !important;}
.zl .bgCyan7, .zl_bgCyan7{background-color:var(--cyan7) !important;}
.zl .bgCyan8, .zl_bgCyan8{background-color:var(--cyan8) !important;}
.zl .bgCyan9, .zl_bgCyan9{background-color:var(--cyan9) !important;}
.zl .bgCyan10, .zl_bgCyan10{background-color:var(--cyan10) !important;}
.zl .bgCyan11, .zl_bgCyan11{background-color:var(--cyan11) !important;}
.zl .bgTeal1, .zl_bgTeal1{background-color:var(--teal1) !important;}
.zl .bgTeal2, .zl_bgTeal2{background-color:var(--teal2) !important;}
.zl .bgTeal3, .zl_bgTeal3{background-color:var(--teal3) !important;}
.zl .bgTeal4, .zl_bgTeal4{background-color:var(--teal4) !important;}
.zl .bgTeal5, .zl_bgTeal5{background-color:var(--teal5) !important;}
.zl .bgTeal6, .zl_bgTeal6{background-color:var(--teal6) !important;}
.zl .bgTeal7, .zl_bgTeal7{background-color:var(--teal7) !important;}
.zl .bgTeal8, .zl_bgTeal8{background-color:var(--teal8) !important;}
.zl .bgTeal9, .zl_bgTeal9{background-color:var(--teal9) !important;}
.zl .bgTeal10, .zl_bgTeal10{background-color:var(--teal10) !important;}
.zl .bgTeal11, .zl_bgTeal11{background-color:var(--teal11) !important;}
.zl .bgGreen1, .zl_bgGreen1{background-color:var(--green1) !important;}
.zl .bgGreen2, .zl_bgGreen2{background-color:var(--green2) !important;}
.zl .bgGreen3, .zl_bgGreen3{background-color:var(--green3) !important;}
.zl .bgGreen4, .zl_bgGreen4{background-color:var(--green4) !important;}
.zl .bgGreen5, .zl_bgGreen5{background-color:var(--green5) !important;}
.zl .bgGreen6, .zl_bgGreen6{background-color:var(--green6) !important;}
.zl .bgGreen7, .zl_bgGreen7{background-color:var(--green7) !important;}
.zl .bgGreen8, .zl_bgGreen8{background-color:var(--green8) !important;}
.zl .bgGreen9, .zl_bgGreen9{background-color:var(--green9) !important;}
.zl .bgGreen10, .zl_bgGreen10{background-color:var(--green10) !important;}
.zl .bgGreen11, .zl_bgGreen11{background-color:var(--green11) !important;}
.zl .bgGreenLight1, .zl_bgGreenLight1{background-color:var(--greenLight1) !important;}
.zl .bgGreenLight2, .zl_bgGreenLight2{background-color:var(--greenLight2) !important;}
.zl .bgGreenLight3, .zl_bgGreenLight3{background-color:var(--greenLight3) !important;}
.zl .bgGreenLight4, .zl_bgGreenLight4{background-color:var(--greenLight4) !important;}
.zl .bgGreenLight5, .zl_bgGreenLight5{background-color:var(--greenLight5) !important;}
.zl .bgGreenLight6, .zl_bgGreenLight6{background-color:var(--greenLight6) !important;}
.zl .bgGreenLight7, .zl_bgGreenLight7{background-color:var(--greenLight7) !important;}
.zl .bgGreenLight8, .zl_bgGreenLight8{background-color:var(--greenLight8) !important;}
.zl .bgGreenLight9, .zl_bgGreenLight9{background-color:var(--greenLight9) !important;}
.zl .bgGreenLight10, .zl_bgGreenLight10{background-color:var(--greenLight10) !important;}
.zl .bgGreenLight11, .zl_bgGreenLight11{background-color:var(--greenLight11) !important;}
.zl .bgLime1, .zl_bgLime1{background-color:var(--lime1) !important;}
.zl .bgLime2, .zl_bgLime2{background-color:var(--lime2) !important;}
.zl .bgLime3, .zl_bgLime3{background-color:var(--lime3) !important;}
.zl .bgLime4, .zl_bgLime4{background-color:var(--lime4) !important;}
.zl .bgLime5, .zl_bgLime5{background-color:var(--lime5) !important;}
.zl .bgLime6, .zl_bgLime6{background-color:var(--lime6) !important;}
.zl .bgLime7, .zl_bgLime7{background-color:var(--lime7) !important;}
.zl .bgLime8, .zl_bgLime8{background-color:var(--lime8) !important;}
.zl .bgLime9, .zl_bgLime9{background-color:var(--lime9) !important;}
.zl .bgLime10, .zl_bgLime10{background-color:var(--lime10) !important;}
.zl .bgLime11, .zl_bgLime11{background-color:var(--lime11) !important;}
.zl .bgYellow1, .zl_bgYellow1{background-color:var(--yellow1) !important;}
.zl .bgYellow2, .zl_bgYellow2{background-color:var(--yellow2) !important;}
.zl .bgYellow3, .zl_bgYellow3{background-color:var(--yellow3) !important;}
.zl .bgYellow4, .zl_bgYellow4{background-color:var(--yellow4) !important;}
.zl .bgYellow5, .zl_bgYellow5{background-color:var(--yellow5) !important;}
.zl .bgYellow6, .zl_bgYellow6{background-color:var(--yellow6) !important;}
.zl .bgYellow7, .zl_bgYellow7{background-color:var(--yellow7) !important;}
.zl .bgYellow8, .zl_bgYellow8{background-color:var(--yellow8) !important;}
.zl .bgYellow9, .zl_bgYellow9{background-color:var(--yellow9) !important;}
.zl .bgYellow10, .zl_bgYellow10{background-color:var(--yellow10) !important;}
.zl .bgYellow11, .zl_bgYellow11{background-color:var(--yellow11) !important;}
.zl .bgAmber1, .zl_bgAmber1{background-color:var(--amber1) !important;}
.zl .bgAmber2, .zl_bgAmber2{background-color:var(--amber2) !important;}
.zl .bgAmber3, .zl_bgAmber3{background-color:var(--amber3) !important;}
.zl .bgAmber4, .zl_bgAmber4{background-color:var(--amber4) !important;}
.zl .bgAmber5, .zl_bgAmber5{background-color:var(--amber5) !important;}
.zl .bgAmber6, .zl_bgAmber6{background-color:var(--amber6) !important;}
.zl .bgAmber7, .zl_bgAmber7{background-color:var(--amber7) !important;}
.zl .bgAmber8, .zl_bgAmber8{background-color:var(--amber8) !important;}
.zl .bgAmber9, .zl_bgAmber9{background-color:var(--amber9) !important;}
.zl .bgAmber10, .zl_bgAmber10{background-color:var(--amber10) !important;}
.zl .bgAmber11, .zl_bgAmber11{background-color:var(--amber11) !important;}
.zl .bgOrange1, .zl_bgOrange1{background-color:var(--orange1) !important;}
.zl .bgOrange2, .zl_bgOrange2{background-color:var(--orange2) !important;}
.zl .bgOrange3, .zl_bgOrange3{background-color:var(--orange3) !important;}
.zl .bgOrange4, .zl_bgOrange4{background-color:var(--orange4) !important;}
.zl .bgOrange5, .zl_bgOrange5{background-color:var(--orange5) !important;}
.zl .bgOrange6, .zl_bgOrange6{background-color:var(--orange6) !important;}
.zl .bgOrange7, .zl_bgOrange7{background-color:var(--orange7) !important;}
.zl .bgOrange8, .zl_bgOrange8{background-color:var(--orange8) !important;}
.zl .bgOrange9, .zl_bgOrange9{background-color:var(--orange9) !important;}
.zl .bgOrange10, .zl_bgOrange10{background-color:var(--orange10) !important;}
.zl .bgOrange11, .zl_bgOrange11{background-color:var(--orange11) !important;}
.zl .bgDeepOrange1, .zl_bgDeepOrange1{background-color:var(--deepOrange1) !important;}
.zl .bgDeepOrange2, .zl_bgDeepOrange2{background-color:var(--deepOrange2) !important;}
.zl .bgDeepOrange3, .zl_bgDeepOrange3{background-color:var(--deepOrange3) !important;}
.zl .bgDeepOrange4, .zl_bgDeepOrange4{background-color:var(--deepOrange4) !important;}
.zl .bgDeepOrange5, .zl_bgDeepOrange5{background-color:var(--deepOrange5) !important;}
.zl .bgDeepOrange6, .zl_bgDeepOrange6{background-color:var(--deepOrange6) !important;}
.zl .bgDeepOrange7, .zl_bgDeepOrange7{background-color:var(--deepOrange7) !important;}
.zl .bgDeepOrange8, .zl_bgDeepOrange8{background-color:var(--deepOrange8) !important;}
.zl .bgDeepOrange9, .zl_bgDeepOrange9{background-color:var(--deepOrange9) !important;}
.zl .bgDeepOrange10, .zl_bgDeepOrange10{background-color:var(--deepOrange10) !important;}
.zl .bgDeepOrange11, .zl_bgDeepOrange11{background-color:var(--deepOrange11) !important;}
.zl .bgBrown1, .zl_bgBrown1{background-color:var(--brown1) !important;}
.zl .bgBrown2, .zl_bgBrown2{background-color:var(--brown2) !important;}
.zl .bgBrown3, .zl_bgBrown3{background-color:var(--brown3) !important;}
.zl .bgBrown4, .zl_bgBrown4{background-color:var(--brown4) !important;}
.zl .bgBrown5, .zl_bgBrown5{background-color:var(--brown5) !important;}
.zl .bgBrown6, .zl_bgBrown6{background-color:var(--brown6) !important;}
.zl .bgBrown7, .zl_bgBrown7{background-color:var(--brown7) !important;}
.zl .bgBrown8, .zl_bgBrown8{background-color:var(--brown8) !important;}
.zl .bgBrown9, .zl_bgBrown9{background-color:var(--brown9) !important;}
.zl .bgBrown10, .zl_bgBrown10{background-color:var(--brown10) !important;}
.zl .bgBrown11, .zl_bgBrown11{background-color:var(--brown11) !important;}
.zl .bgBlueGrey1, .zl_bgBlueGrey1{background-color:var(--blueGrey1) !important;}
.zl .bgBlueGrey2, .zl_bgBlueGrey2{background-color:var(--blueGrey2) !important;}
.zl .bgBlueGrey3, .zl_bgBlueGrey3{background-color:var(--blueGrey3) !important;}
.zl .bgBlueGrey4, .zl_bgBlueGrey4{background-color:var(--blueGrey4) !important;}
.zl .bgBlueGrey5, .zl_bgBlueGrey5{background-color:var(--blueGrey5) !important;}
.zl .bgBlueGrey6, .zl_bgBlueGrey6{background-color:var(--blueGrey6) !important;}
.zl .bgBlueGrey7, .zl_bgBlueGrey7{background-color:var(--blueGrey7) !important;}
.zl .bgBlueGrey8, .zl_bgBlueGrey8{background-color:var(--blueGrey8) !important;}
.zl .bgBlueGrey9, .zl_bgBlueGrey9{background-color:var(--blueGrey9) !important;}
.zl .bgBlueGrey10, .zl_bgBlueGrey10{background-color:var(--blueGrey10) !important;}
.zl .bgBlueGrey11, .zl_bgBlueGrey11{background-color:var(--blueGrey11) !important;}

/* background vivids */
.zl .bgRedViv1, .zl_bgRedViv1{background-color:var(--redViv1) !important;}
.zl .bgRedViv2, .zl_bgRedViv2{background-color:var(--redViv2) !important;}
.zl .bgRedViv3, .zl_bgRedViv3{background-color:var(--redViv3) !important;}
.zl .bgRedViv4, .zl_bgRedViv4{background-color:var(--redViv4) !important;}
.zl .bgPinkViv1, .zl_bgPinkViv1{background-color:var(--pinkViv1) !important;}
.zl .bgPinkViv2, .zl_bgPinkViv2{background-color:var(--pinkViv2) !important;}
.zl .bgPinkViv3, .zl_bgPinkViv3{background-color:var(--pinkViv3) !important;}
.zl .bgPinkViv4, .zl_bgPinkViv4{background-color:var(--pinkViv4) !important;}
.zl .bgPurpleViv1, .zl_bgPurpleViv1{background-color:var(--purpleViv1) !important;}
.zl .bgPurpleViv2, .zl_bgPurpleViv2{background-color:var(--purpleViv2) !important;}
.zl .bgPurpleViv3, .zl_bgPurpleViv3{background-color:var(--purpleViv3) !important;}
.zl .bgPurpleViv4, .zl_bgPurpleViv4{background-color:var(--purpleViv4) !important;}
.zl .bgPurpleDeepViv1, .zl_bgPurpleDeepViv1{background-color:var(--purpleDeepViv1) !important;}
.zl .bgPurpleDeepViv2, .zl_bgPurpleDeepViv2{background-color:var(--purpleDeepViv2) !important;}
.zl .bgPurpleDeepViv3, .zl_bgPurpleDeepViv3{background-color:var(--purpleDeepViv3) !important;}
.zl .bgPurpleDeepViv4, .zl_bgPurpleDeepViv4{background-color:var(--purpleDeepViv4) !important;}
.zl .bgIndigoViv1, .zl_bgIndigoViv1{background-color:var(--indigoViv1) !important;}
.zl .bgIndigoViv2, .zl_bgIndigoViv2{background-color:var(--indigoViv2) !important;}
.zl .bgIndigoViv3, .zl_bgIndigoViv3{background-color:var(--indigoViv3) !important;}
.zl .bgIndigoViv4, .zl_bgIndigoViv4{background-color:var(--indigoViv4) !important;}
.zl .bgBlueViv1, .zl_bgBlueViv1{background-color:var(--blueViv1) !important;}
.zl .bgBlueViv2, .zl_bgBlueViv2{background-color:var(--blueViv2) !important;}
.zl .bgBlueViv3, .zl_bgBlueViv3{background-color:var(--blueViv3) !important;}
.zl .bgBlueViv4, .zl_bgBlueViv4{background-color:var(--blueViv4) !important;}
.zl .bgBlueLightViv1, .zl_bgBlueLightViv1{background-color:var(--blueLightViv1) !important;}
.zl .bgBlueLightViv2, .zl_bgBlueLightViv2{background-color:var(--blueLightViv2) !important;}
.zl .bgBlueLightViv3, .zl_bgBlueLightViv3{background-color:var(--blueLightViv3) !important;}
.zl .bgBlueLightViv4, .zl_bgBlueLightViv4{background-color:var(--blueLightViv4) !important;}
.zl .bgCyanViv1, .zl_bgCyanViv1{background-color:var(--cyanViv1) !important;}
.zl .bgCyanViv2, .zl_bgCyanViv2{background-color:var(--cyanViv2) !important;}
.zl .bgCyanViv3, .zl_bgCyanViv3{background-color:var(--cyanViv3) !important;}
.zl .bgCyanViv4, .zl_bgCyanViv4{background-color:var(--cyanViv4) !important;}
.zl .bgTealViv1, .zl_bgTealViv1{background-color:var(--tealViv1) !important;}
.zl .bgTealViv2, .zl_bgTealViv2{background-color:var(--tealViv2) !important;}
.zl .bgTealViv3, .zl_bgTealViv3{background-color:var(--tealViv3) !important;}
.zl .bgTealViv4, .zl_bgTealViv4{background-color:var(--tealViv4) !important;}
.zl .bgGreenViv1, .zl_bgGreenViv1{background-color:var(--greenViv1) !important;}
.zl .bgGreenViv2, .zl_bgGreenViv2{background-color:var(--greenViv2) !important;}
.zl .bgGreenViv3, .zl_bgGreenViv3{background-color:var(--greenViv3) !important;}
.zl .bgGreenViv4, .zl_bgGreenViv4{background-color:var(--greenViv4) !important;}
.zl .bgGreenLightViv1, .zl_bgGreenLightViv1{background-color:var(--greenLightViv1) !important;}
.zl .bgGreenLightViv2, .zl_bgGreenLightViv2{background-color:var(--greenLightViv2) !important;}
.zl .bgGreenLightViv3, .zl_bgGreenLightViv3{background-color:var(--greenLightViv3) !important;}
.zl .bgGreenLightViv4, .zl_bgGreenLightViv4{background-color:var(--greenLightViv4) !important;}
.zl .bgLimeViv1, .zl_bgLimeViv1{background-color:var(--limeViv1) !important;}
.zl .bgLimeViv2, .zl_bgLimeViv2{background-color:var(--limeViv2) !important;}
.zl .bgLimeViv3, .zl_bgLimeViv3{background-color:var(--limeViv3) !important;}
.zl .bgLimeViv4, .zl_bgLimeViv4{background-color:var(--limeViv4) !important;}
.zl .bgYellowViv1, .zl_bgYellowViv1{background-color:var(--yellowViv1) !important;}
.zl .bgYellowViv2, .zl_bgYellowViv2{background-color:var(--yellowViv2) !important;}
.zl .bgYellowViv3, .zl_bgYellowViv3{background-color:var(--yellowViv3) !important;}
.zl .bgYellowViv4, .zl_bgYellowViv4{background-color:var(--yellowViv4) !important;}
.zl .bgAmberViv1, .zl_bgAmberViv1{background-color:var(--amberViv1) !important;}
.zl .bgAmberViv2, .zl_bgAmberViv2{background-color:var(--amberViv2) !important;}
.zl .bgAmberViv3, .zl_bgAmberViv3{background-color:var(--amberViv3) !important;}
.zl .bgAmberViv4, .zl_bgAmberViv4{background-color:var(--amberViv4) !important;}
.zl .bgOrangeViv1, .zl_bgOrangeViv1{background-color:var(--orangeViv1) !important;}
.zl .bgOrangeViv2, .zl_bgOrangeViv2{background-color:var(--orangeViv2) !important;}
.zl .bgOrangeViv3, .zl_bgOrangeViv3{background-color:var(--orangeViv3) !important;}
.zl .bgOrangeViv3, .zl_bgOrangeViv4{background-color:var(--orangeViv4) !important;}
.zl .bgDeepOrangeViv1, .zl_bgDeepOrangeViv1{background-color:var(--deepOrangeViv1) !important;}
.zl .bgDeepOrangeViv2, .zl_bgDeepOrangeViv2{background-color:var(--deepOrangeViv2) !important;}
.zl .bgDeepOrangeViv3, .zl_bgDeepOrangeViv3{background-color:var(--deepOrangeViv3) !important;}
.zl .bgDeepOrangeViv4, .zl_bgDeepOrangeViv4{background-color:var(--deepOrangeViv4) !important;}
