/*
 =================================================
  ZineOne App styles
  Copyright (c) 2013 ZineOne Inc.
  All rights reserved 
 =================================================
 */

@layer default, layer2, layer3, layer4;

/*
===========================
2nd Root - for c3 only
1st root is in common.css
===========================
*/
:root {
	/* zineone colors */
	--z-p-c-g-p: 109, 201, 54;
	--z-p-c-b-p: 8, 93, 173;
	--z-p-c-gy-p: 63, 69, 76;

	--z-s-c-g-p: 86, 147, 47;
	--z-s-c-b-p: 24, 69, 114;
	--z-s-c-or-p: 211, 146, 30;

	--z-a-c-blk-p: 40, 48, 51;
	--z-a-c-mr-p: 94, 37, 56;
	--z-a-c-tl-p: 51, 102, 114;

	/* bg opacity */
	--bg-opcty: 1;

	--z-blue-c: #0055a9;
	--z-green-c: #90c741;

	--c: #141414;
	--c-bg: white;

	/* colors */
	--c-black: black;
	--c-white: white;

	/* gray, neutral */
	--c-gray-0: #ffffff;
	--c-gray-10: #FAFAFA;
	--c-gray-20: #F0F0F0;
	--c-gray-30: #F1F2F3;
	--c-gray-40: #F5F5F5;
	--c-gray-45: #EEEEEE;
	--c-gray-50: #E0E0E0;
	--c-gray-57: #DEDEDE;
	--c-gray-60: #D9D9D9;
	--c-gray-70: #CCCCCC;
	--c-gray-80: #B8B8B8;
	--c-gray-90: #8C8C8C;
	--c-gray-100: #595959;
	--c-gray-110: #141414;
	--abbrv-gray0: 255,255,255;

	/* gray - light/dark theme */
  --c-gray-0-110: var(--c-gray-0);
  --c-gray-20-110: var(--c-gray-20);
  --c-gray-90-txt: var(--c-gray-90);
  --c-gray-110-txt: var(--c-gray-110);
  --c-gray-80-100-bdr: var(--c-gray-80);
  --c-gray-transparent-100-bdr: transparent;

	/* blue */
	--c-blue-0: #F2F7FB;
	--c-blue-10: #EAF5FE;
	--c-blue-11: #EFF5FF;
	--c-blue-12: #e2eef8;
	--c-blue-15: #B3BFD1;
	--c-blue-20: #90D0FE;
	--c-blue-30: #1B96FF;
	--c-blue-40: #0176D3;
	--c-blue-50: #085DAD;
	--c-blue-60: #1F5199;
	--c-blue-65: #195083;
	--c-blue-70: #023361;
	--c-blue-80: #0b1d33;

	--c-blue-light: #ECF1F6;
	--c-cadet-blue-50: #96A4B8;

	--c-grayish-azure-100: #dae3e9; /* Early Frost */

	/* red */
	--c-red-10: #FFF4F4;
	--c-red-20: #FFF0F0;
	--c-red-30: #FEDED8;
	--c-red-35: #EF8C8C;
	--c-red-40: #D91419;
	--c-red-50: #BA0517;
	--c-red-60: #8E030F;
	--c-red-70: #F2536D;
	--c-red-80: #E3193B;
	--abbrv-red40: 217,20,25;

	/* green */
	--c-green-10: #EBF7E6;
	--c-green-20: #91DB8B;
	--c-green-30: #60d161;
	--c-green-40: #41B658;
	--c-green-45: #08A045;
	--c-green-50: #22683E;
	--c-green-60: #26aba4;
	--abbrv-green30: 96,209,97;
	--c-green-blue-30: rgba(149, 214, 210, 1);

	/* yellow */
	--c-yellow-0: #FFFBF2;
	--c-yellow-5: #FEFCF7;
	--c-yellow-10: #FEF6E4;
	--c-yellow-15: #E4DDCB;
	--c-yellow-20: #F5D73D;
	--c-yellow-30: #FCC003;

	/* purple */
	--c-purple-dot5: #F8F3FF;
	--c-purple-0: #E1DDF8;
	--c-purple-5: #E4E1FA; /* lavender */
	--c-purple-10: #E4CCFF; /* thistle2 */
	--c-purple-15: #B3A9F2;
	--c-purple-20: #A091EC;
	--c-purple-30: #A177D1;
	--c-purple-40: #7765E3;
	--c-purple-50: #7719E3;
	--c-purple-60: #5A38C5;
	--c-purple-80: #42387D;
	--c-purple-90: #260261;
	--c-purple-100: #120934;

	/* pink */
	--c-pink-50: #DD4477;
	
	/* orange */
	--c-orange-40: #FA9191;
	--c-orange-60: #FF8C00;
	--c-orange-80: #FF8F00;

	/* colors */
	/* #007BFF;*/
	--o-blue-c-p: 8, 93, 173;
	--o-blue-c: rgb(var(--o-blue-c-p));
	--o-green-c: #91c73f;
	--o-grey-c: #eeeeee;
	--o-orange-c: #ffa000;

	--c-dark-blue-grey: #7E9FBA;
	--c-light-grey-blue: #ECF4FA;
	
	--c-warn: var(--o-orange-c);

	--c-active: var(--c-blue-70);
	--c-active-wht2: #BDCEDC;
	--c-active-wht3: #B2B2B2;

	/* colors by role */
	--c-txt-primary: var(--c-gray-110);
	--c-txt-secondary: var(--c-gray-100);
	/* subdued; hint, inline label */
	--c-txt-subd: var(--c-gray-70);
	--c-txt-disabled: var(--c-gray-60);
	--c-txt-disabled-on-grey: var(--c-txt-disabled-on-grey);
	/* success, +ve, up */
	--c-txt-success: var(--c-green-40);
	/* error, -ve, down */
	--c-txt-error: var(--c-red-40);

	--c-txt-positive: var(--c-green-60);
	--c-txt-negative: #FF0000;

	--c-txt-gradnt-start: var(--c-purple-40);
	--c-txt-gradnt-end: var(--c-green-60);

	/* link */
	--c-txt-lnk: var(--c-blue-50);
	--c-txt-lnk-hvr: var(--c-blue-60);
	--c-txt-lnk-pressed: var(--c-blue-70);

	/* icon buttons. close, trash, ..*/
	--c-icn-btn: var(--c-gray-100);
	--c-icn-btn-hvr: var(--c-gray-80);
	--c-icn-btn-pressed: var(--c-gray-110);
	/* icon - not interactive. lens, ..*/
	--c-icn-dull: var(--c-gray-90);

	--c-icn-btn-blue: var(--c-blue-50);
	--c-icn-btn-blue-pressed: var(--c-blue-70);
	--c-icn-btn-blue-active: var(--c-gray-50);

	--c-placeholder: var(--c-gray-70);

	--c-current-color2: var(--c-gray-110);

	--c-lnk: initial;
	--c-btn-icn-as-bg: var(--c-gray-90);
	--c-btn-icn-as-bg-hv: var(--c-gray-110);
	--c-btn-icn-as-bg-active: var(--c-gray-50);
	--c-meta-label: var(--c-gray-110);
	--c-meta-label: darkorchid;
	--c-row-selected: var(--c-gray-10);
	--c-row-bdr: rgba(132, 126, 164, 0.25);
	--c-tab-sel-bdr-b: var(--c-blue-60);
	--c-tab-sel-txt: var(--c-gray-110);

	/* pretty obj */
	--c-kv-k: #881180;
	--c-kv-boolean: #1a1aa6;
	--c-kv-number: #1a1aa6;
	--c-kv-string: #c80100;

	/* background color */
	--bgC: var(--c-gray-40);
	--c-grey-blue: #f1f6fa;
	
	/* card bg */
	--bgC-card-default: #ffffff;
	--bgC-card-subdued: var(--c-gray-10);

	--c-selV-card: var(--c-gray-110);
	--bg-selV-card: var(--c-gray-10);

	/* colors - buttons */
	--btn-c-white: #fff;
	--btn-c-gray: #6c757d;
	--btn-c-gray-dark: #343a40;
	--btn-c-primary: #0d6efd;
	--btn-c-secondary: #6c757d;
	--btn-c-success: #198754;
	--btn-c-info: #5bc0de;
	--btn-c-warning: #ffc107;
	--btn-c-danger: #db2c0d;
	--btn-c-danger2: var(--c-red-40);
	--btn-danger-bdr-c: var(--c-red-50);
	--btn-c-light: #f8f9fa;
	--btn-c-dark: #212529;
	--btn-c-secondary: var(--c-gray-110);

	--btn-hv-c-danger: var(--c-red-50);

	--bdr-c: 51,51,51;
	--bdr-1-c: rgba(var(--bdr-c), .3);
	--bdr-2-c: rgba(var(--bdr-c), .1);
	--bdr-3-c: rgba(var(--bdr-c), .08);
	--bdr-4-c: rgba(var(--bdr-c), .05);

	--sep-grey-c: #DEE1E2;

	/* pg bg */
	--pg-bg-c: #ffffff;

	/* chart colors */
	--c-chrt-blue: #3296ED;
	--c-chrt-blue-light: #CFE9FE;
	--c-chrt-blue-dark: #0e70c7;
	--c-chrt-red: #F2536D;
	--c-chrt-green: #067D77;

	/* left column & top bar */
	--aside-bg-c: rgb(250, 250, 250);
	/* --aside-bg-c: rgba(236, 239, 241, 0.32); */
	/* main content section */
	--main-bg-c: #ffffff;

	--pg-rhs-bg-c-grey: #f9f9f9;
	--pg-rhs-bg-c-white: #ffffff;
	--pg-rhs-white-bx-bg-c: #ffffff;

	--bar-bg-r: 46;
	--bar-bg-g: 77;
	--bar-bg-b: 101;
	--bar-bg-c-p: var(--bar-bg-r), var(--bar-bg-g), var(--bar-bg-b);
	/*#2e4d65*/
	--bar-bg-c: rgb(25, 69, 114);

	--top-mnu-c: snow;
	--top-mnu-c-hv: silver;
	--top-mnu-c-sel: white;
	--top-mnu-bg-c-sel: #3b95bf;
	--top-mnu-bg-c-sel-rgb:59,149,191;

	--scrl-w: 10px;
	--splt-w: 20px;

	--top-bar-h: 46px;
	--top-bar-pd-v: 1px;
	--top-bar-pd-h: 8px;

	--bar-w: 70px;
	--left-mnu-w: 200px;
	--left-mnu-w-xpd0: 24px;
	--left-mnu-w-xpd1: --left-mnu-w;
	--left-mnu-w-cpy: --left-mnu-w;
	--left-split-w: 5px;
	--pg-pd: 16px;
	/*415, 432*/
	--adj-w: calc(var(--bar-w) + var(--left-mnu-w) + var(--left-split-w) + var(--pg-pd) + var(--pg-pd) + var(--scrl-w));
	--adj-w-xpd0: calc(var(--bar-w) + var(--left-mnu-w-xpd0) + var(--left-split-w) + var(--pg-pd) + var(--pg-pd) + var(--scrl-w));

	--sidePnl-w: 380px;

	--box-shdo: 0 4px 8px -2px rgba(9,30,66,0.25),0 0 1px rgba(9,30,66,0.31);
	--box-shdo-x: 2px 2px 90px 5px rgba(150, 150, 150, 0.5);
	--box-shdo-crd: var(--box-shdo);

	--pg-tp-brdcrmb-txt-case: uppercase;
	--pg-tp-brdcrmb-lsp: .6px;
	--pg-tp-brdcrmb-c: rgb(69, 67, 79);

	--pg-tp-c-brdcrmb-c: rgb(101, 99, 108);

	--pg-tp-ic-pd-r: 1.5%;
	--pg-tp-ic-c: rgb(102, 98, 115);
	--pg-tp-ic-c-hv: rgb(0, 0, 0, .95);

	--pg-ttl-c: var(--c-gray-110);
	--pg-f-sz: 19px;
	--pg-ttl-lh: 32px;
	--pg-ttl-sz: 24px;
	--pg-ttl-w: 600;
	--pg-ttl-lsp: .87px;

	--pg-sub-ttl-f-sz: 106%;
	--pg-sub-ttl-f-w: 300;
	--pg-sub-ttl-lsp: .2px;

	/* --pg-h-bdr-c: rgba(102,98,115,1); */
	--pg-h-bdr-c: var(--c-gray-50);
	--pg-h-bdr: 1px solid var(--pg-h-bdr-c);

	/* group */
	--grp-bg-c: rgba(245, 245, 245, 0.65);

	--tile-icon-c: rgba(0, 0, 0, .31);

	--lnk-blue-c: #007BFF;

	--tgl-sz: 24px;

	--hvr-bg-c: var(--c-gray-40);

	--list-hvr-bg-c: #B0BEC5;
	--list-sel-bg-c: #B0BEC5;

	--ac-mnu-c-p: 102,98,115;
	--ac-mnu-c: rgba(var(--ac-mnu-c-p),1);
	--ac-mnu-sel-c: rgb(123, 169, 255);

	--c-remind: #f6c342;
	--c-warn: #b66161;
	--c-success: #67b661;
	--c-progress: #fbab3a;
	--c-err: #a20707d6;

	/* stats significance */
	--c-sig-band1: #FF9901;
	--c-sig-band2: #EAB90A;
	--c-sig-band3: #9EE603;
	--c-sig-band4: #8CB41B;
	--c-sig-band5: #1AA451;
	--c-sig-band6: #037762;

	--fld-v-c: #555555;
	--fld-v-c: rgba(0, 0, 0, .91);
	--fld-placehldr-c: var(--c-placeholder);
	--fld-bdr-r: 4px;
	--fld-bdr-w: 1px;

	--bg-c-dismissedActions: #EF5350;
	--bg-bdrc-dismissedActions: #e61915;
	--bg-c-targetActions: #d3d3d3;
	--bg-bdrc-targetActions: #b1b1b1;
	--bg-c-Converted: #228b22;
	--bg-bdrc-Converted: #155415;
	--bg-c-actionsInteracted: #43A047;
	--bg-bdrc-actionsInteracted: darkgreen;
	--bg-c-actionsTargeted: #aec7e8;
	--bg-bdrc-actionsTargeted: #1f77b4;
	--bg-c-actionsReached: #98df8a;
	--bg-bdrc-actionsReached: #2ca02c;
	--bg-c-actionsNotTargetedCG: #fbab3a;
	--bg-bdrc-actionsNotTargetedCG: #ec8c05;
	--bg-c-actionsNotTargetedOtherReasons: #fbab3a;
	--bg-bdrc-actionsNotTargetedOtherReasons: #ec8c05;
	--bg-c-actionsSuppressed: #fbab3a;
	--bg-bdrc-actionsSuppressed: #ec8c05;
	--underline-c: rgba(102,98,115,1);

	--bdr-1-1: 1px solid var(--bdr-1-c);
	--bdr-1-05: .5px solid var(--bdr-1-c);
	--bdr-2-1: 1px solid var(--bdr-2-c);
	--bdr-2-05: .5px solid var(--bdr-2-c);
	--bdr-3-1: 1px solid var(--bdr-3-c);
	--bdr-3-05: .5px solid var(--bdr-3-c);
	--bdr-4-1: 1px solid var(--bdr-4-c);
	--bdr-4-05: .5px solid var(--bdr-4-c);
	--bdr-blk8: .5px solid rgba(0, 0, 0, .81);
	--bdr-gr50: 1px solid var(--c-gray-50);
	--bdr-gr60: 1px solid var(--c-gray-60);
	--bdr-gr70: 1px solid var(--c-gray-70);
	--bdr-gr80: 1px solid var(--c-gray-80);
	--bdr-gr90: 1px solid var(--c-gray-90);
	--bdr-gr100: 1px solid var(--c-gray-100);
	--bdr-1-inhrt: 1px solid;

	--btn-primary0-c: rgb(var(--o-blue-c-p));
	--btn-primary0-txt-c: #FFFFFF;
	--btn-primary0-bdr-c: rgb(var(--o-blue-c-p));
	--btn-primary0-hvr-c: var(--c-blue-60);
	--btn-primary0-hvr-bdr-c: #204d74;
	--btn-primary0-actv-c: var(--c-blue-70);
	--btn-primary0-actv-bdr-c: #204d74;
	--btn-primary-c: rgb(var(--o-blue-c-p));
	--btn-primary-bdr-c: rgb(var(--o-blue-c-p));

	--btn-sgmt-grayblue-c: #476887;

	--c-tgl-btn-on: var(--c-blue-50);

	/* snky colors */
	--c-snky-nd :#6E28BF;
	--c-snky-lnk:var(--c-gray-80);
	--c-snky-lnk-highlighted: #FFC164;
	
	--btn-h: 19px;
	--btn-h-sm: 15px;

	--btn-n-br: 4px;

	--shdo-drpDwn: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);

	--bx-pd-h: 18px;
	--bx-pd-v: 13px;
	--bx-pd: var(--bx-pd-v) var(--bx-pd-h);

	--bx-bg-c-rgb: 59,149,191;
	--bx-bg-c: rgba(var(--bx-bg-c-rgb), 0.07);
	--md-bx-bg-c-rgb: var(--bx-bg-c-rgb);
	--md-bx-bg-c: rgba(var(--md-bx-bg-c-rgb), 0.07);

	--tr-bg-e-c: #ffffff;
	--tr-bg-o-c: rgba(244, 246, 249, 0.53);

	--grd-bx-br: 2px;

	--g-gap: 24px;
	--ftr-glry-gap: var(--g-gap, 20px);
	--ftr-glry-pd: 16px;
	--ftr-glry-itm-w: 310px;
	--ftr-glry-itm-h: 260px;
	--ftr-glry-itm-h2: 210px;
	--ftr-glry-itm-pd: 0px;
	--ftr-glry-itm-m: 0px;
	--ftr-glry-itm-bdr-sz: 1px;
	--glry-itm-w: calc(var(--ftr-glry-itm-w) +
		var(--ftr-glry-itm-pd) + var(--ftr-glry-itm-pd) +
		var(--ftr-glry-itm-m) + var(--ftr-glry-itm-m) +
		var(--ftr-glry-itm-bdr-sz) + var(--ftr-glry-itm-bdr-sz));

	--ftr-glry-itm-br: var(--grd-bx-br);

	--ftr-glry-itmbx-pd: 10px;
	--ftr-glry-itmh-h: calc(168px - var(--ftr-glry-itmbx-pd) -
		var(--ftr-glry-itm-bdr-sz));
	--ftr-glry-itmh-h: 168px;
	--ftr-glry-itmh-h2: calc(110px - var(--ftr-glry-itmbx-pd) -
		- var(--ftr-glry-itmbx-pd) - var(--ftr-glry-itm-bdr-sz));
	--ftr-glry-itmh-h2: 90px;

	--ftr-glry-itm-shdo: 0 16px 16px 0 rgba(0,0,0,0.07);

	--fltr-ctrl-btn-c: white;
	--fltr-ctrl-btn-bg-c: var(--o-blue-c);
	--fltr-ctrl-btn-bdr: 1px solid var(--fltr-ctrl-btn-bg-c);
	--fltr-ctrl-bdr: 1px solid rgba(var(--o-blue-c-p), .16);

	--md-crsl-mn-h: 350px;
	--md-crsl-mx-h: 350px;

	--md-prv-l-c2-mx-w: 455px;
	--md-prv-test-mx-h: 455px;

	--md-bx-itm-k-c: rgba(68,64,84,0.52);

	--lv-cl-pd-v: 4px;
	--lv2-cl-pd-v: 16px;
	--lv-cl-pd-h: 6px;
	--lv2-cl-pd-h: 16px;
	--lv2-cl-pd-h-icn: 8px;
	--lv-cl-pd-h-x: calc(var(--lv-cl-pd-h) + 4px);
	--lv-cl-edge-pd-h: 24px;

	--lv-th-bdr-btm: 2px solid #7FB7D0;
	--lv2-bdr-c: var(--c-gray-50);
	--lv2-tr-bdr-c: var(--lv2-bdr-c);
	--lv-th-bdr-rad: unset;

	--lv2-tr-box-shdo: inset 0px -1px 0px var(--lv2-tr-bdr-c);

	--lv-th-bg-c: var(--c-gray-0);

	--lv2-cl-ft-sz: 14px;
	--lv2-cl-lnh: 20px;
	--lv2-cl-c: var(--c-gray-110);

	--lvt-date-ts-w: 155px;
	--lv-c-date-s: 120px;
	--lv-c-date-ts: var(--lvt-date-ts-w);
	--lv-c-icn-20: 20px;
	--lv-c-icn-26: 26px;
	--lv-c-txt-xs: 40px;
	--lv-c-txt-s: 60px;
	--lv-c-txt-s2: 70px;
	--lv-c-txt-s3: 90px;
	--lv-c-txt-s4: 105px;
	--lv-c-txt-m: 120px;
	--lv-c-txt-m2: 150px;
	--lv-c-txt-m3: 180px;
	--lv-c-txt-m-hx: 112px;
	--lv-c-txt-l: 190px;
	--lv-c-txt-l2: 220px;
	--lv-c-txt-xl: 260px;
	--lv-c-txt-xxl: 300px;
	--lv-c-txt-xxxl: 340px;
	--lv-c-txt-4xl: 420px;
	--lv-c-txt-fx1m: 160px;
	--lv-c-btns-s: 40px;
	--lv-c-btns-m: 60px;

	--lv-tag-ft-sz: 10px;

	--lv-rw-xpd-bdr-c: rgb(0 0 0 / 21%);

	--lv-ttl-c: rgba(var(--o-blue-c-p), 1);
	--grd-ttl-c: rgba(var(--o-blue-c-p), .91);

	--grd-bx-bg-c: rgba(249, 249, 249, .9);
	--grd-bx-bg-c: white;

	--abbrv-c: 143,188,143;
	--abbrv-c-k: rgba(var(--abbrv-c), .1);
	--abbrv-c-m: rgba(var(--abbrv-c), .25);
	--abbrv-c-b: rgba(var(--abbrv-c), .45);
	--abbrv-c-t: rgba(var(--abbrv-c), .65);

	--grd-gap: var(--g-gap, 20px);
	--grd-itm-pd: 14px;
	--grd-itm-m: 0px;
	--grd-itm-bdr-sz: 1px;
	--grd-itm-w: calc(310px -
		var(--grd-itm-pd) - var(--grd-itm-pd) -
		var(--grd-itm-m) - var(--grd-itm-m) -
		var(--grd-itm-bdr-sz) - var(--grd-itm-bdr-sz));
	--grd-itm-h: calc(190px -
		var(--grd-itm-pd) - var(--grd-itm-pd) -
		var(--grd-itm-m) - var(--grd-itm-m) -
		var(--grd-itm-bdr-sz) - var(--grd-itm-bdr-sz));
	--grd-glry-itm-w: calc(var(--grd-itm-w) +
		var(--grd-itm-pd) + var(--grd-itm-pd) +
		var(--grd-itm-m) + var(--grd-itm-m) +
		var(--grd-itm-bdr-sz) + var(--grd-itm-bdr-sz));

	--grd-itm-br: var(--grd-bx-br);
	--grd-itm-bdr-c: rgba(46,91,255,0.16);

	--grd-itm-shdo-sz: 16px;
	--grd-itm-shdo: 0 var(--grd-itm-shdo-sz) var(--grd-itm-shdo-sz) 0 rgba(0,0,0,0.07);

	--grd-pd: var(--grd-itm-shdo-sz, 10px);

	--grd-glry-itmh-h: 100px;

	--grd-itmbx-pd: 10px;
	--grd-stats-c: rgba(38, 35, 46, 0.62);
	--grd-itm-img-h: 80px;

	--axSGrd-itm-pd: 14px;
	--axSGrd-itm-m: 0px;
	--axSGrd-itm-bdr-sz: 1px;
	--axSGrd-itm-w: calc(var(--ftr-glry-itm-w) -
		var(--axSGrd-itm-pd) - var(--axSGrd-itm-pd) -
		var(--axSGrd-itm-m) - var(--axSGrd-itm-m) -
		var(--grd-itm-bdr-sz) - var(--grd-itm-bdr-sz));
	--axSGrd-glry-itm-w: calc(var(--axSGrd-itm-w) +
		var(--axSGrd-itm-pd) + var(--axSGrd-itm-pd) +
		var(--axSGrd-itm-m) + var(--axSGrd-itm-m) +
		var(--grd-itm-bdr-sz) + var(--grd-itm-bdr-sz));
	--axSGrd-itm-h: calc(var(--ftr-glry-itm-h) -
		var(--axSGrd-itm-pd) - var(--axSGrd-itm-pd) -
		var(--axSGrd-itm-m) - var(--axSGrd-itm-m) -
		var(--grd-itm-bdr-sz) - var(--grd-itm-bdr-sz));
	--axSGrd-glry-itm-h: calc(var(--axSGrd-itm-h) +
		var(--axSGrd-itm-pd) + var(--axSGrd-itm-pd) +
		var(--axSGrd-itm-m) + var(--axSGrd-itm-m) +
		var(--grd-itm-bdr-sz) + var(--grd-itm-bdr-sz));
	

	--axns-itm-w: 140px;
	--axns-itm-h: 160px;

	--con-prv-frm-h: 293px;
	--con-prv-frm-w: 212px;

	--andOr-c: #8493a3;
	--andOr-f-sz: 14px;
	--andOr-f-wt: 400;

	--andOr-c-exp: rgb(38, 35, 46);
	--andOr-f-sz-exp: 14px;
	--andOr-f-wt-exp: 400;

	--crsl1-rel-h: 80px;
	--crsl1-relbx-h: 120px;
	--crsl1-i-mx-h: calc(100vh - 140px + var(--pg-pd) + var(--pg-pd) + var(--crsl1-relbx-h));

	--dlg-sm-m-h: 135px;

	--bdg-sz: 70px;
	--bdg-sz-sm: 43px;

	--axnLbl-c: white;
	--axnLblpage-bg-c: rgb(103 58 183 / 11%);
	--axnLblposition-bg-c: rgb(33 150 243 / 10%);
	--axnLblpage-c: rgb(63 81 181);
	--axnLblposition-c: rgb(7, 71, 166);

	--exSi-bg-c: #ffe0b2;
	--exSi-c: black;

	--dnd2-bg-c: var(--c-light-grey-blue);

	--dlg-f-box-shdo: inset 0px 4px 0px #545353;

	--frm-max-w: 512px;

	--evtLogStart-bg-c: azure;
	--evtLogStop-bg-c: beige;

	--stpItm5NumLbl-c: #545353;
	--stpItm5Lbl-c: black;
	--stpItm5BdrT-sel-c: var(--c-blue-70);

	/* Progress Steps5 */
  --stps5-c-gray-85: #9FA1A4;
  --stps5-c-gray-95: #6A6A6A;
  --stps5-c-darkgreyblue: #3A4956;

  --btn-group-active-c-grayblue: #476887;

	--tab2Bar-sel-c: var(--c-blue-50);

	--tab23-bdr-c: var(--c-gray-80);
	--tab23-sel-bdr-c: var(--c-gray-100);

	--tab2-btn-close-x-c: var(--c-blue-15);
	--tab2-sel-btn-close-x-c: var(--c-blue-15);

	--c-tg: var(--c-gray-50);

	--c-pCircBg: var(--c-gray-45);
	--c-pCircV: rgba(var(--z-p-c-b-p),1);
	--pCircBg-sw: 1.5;
	--pCircV-sw: 1;
	--c-pCircBg-st1: white;
	--c-pCircBg-st2: var(--c-purple-10);
	--c-pCircV-st1: var(--c-purple-40);
	--c-pCircV-st2: var(--c-purple-80);

	--c-sparkline-line: var(--c-blue-40);

	--chCrd-pd-v: 10px;
	--chCrd-pd-h: 35px;
	--chCrdItem-bg-c: var(--c-gray-80);

	--sldrRng-h: 8px;

	--sxnTtlC-c: var(--c-gray-110);
	--sxnTtlC-bg: var(--c-gray-20);

	--sxnTtlC-bx-shdo: 0px 4px 4px 0px #00000040;

	--tb6-bdr-c: var(--c-gray-40);
	--tb6-bdr-sel-c: var(--c-gray-100);
	--bdr-sel-c: var(--c-gray-100);

	--dlg-title-c: var(--c-gray-110);
	--dlg-content-c: var(--c-gray-110);
}
@media (prefers-color-scheme: dark1) {
	:root {
		--c: #bdc6cf;
		--c-bg: #202123;

		--c-gray-0-110: var(--c-gray-110);
		--c-gray-20-110: var(--c-gray-110);
		--c-gray-90-txt: #bdc6cfc9;
		--c-gray-110-txt: #bdc6cf;
		--c-gray-80-100-bdr: var(--c-gray-100);
		--c-gray-transparent-100-bdr: var(--c-gray-100);

		--c-lnk: cornflowerblue;
		--c-btn-icn-as-bg: var(--c-purple-light-a-bd);
		--c-btn-icn-as-bg-hv: #dad5fa;
		--c-btn-icn-as-bg-active: #322e2e;
		--c-meta-label: var(--c-purple-light);
		--c-row-selected: var(--c-gray-10);
		--c-tab-sel-bdr-b: #7cacf8;
		--c-tab-sel-txt: #eaeaea;

		--c-kv-k: #5cadd5;
		--c-kv-boolean: #9980ff;
		--c-kv-number: #9980ff;
		--c-kv-string: #34ccbf;

		--bg-c-blue-light: #292a2d;

		--bg-c-gray20-btn: transparent;
		--bg-c-btn-icn: var(--c-purple-light);

		--bg-c-btn-group-head: inherit;

		--bg-c-row-even: #242424;
		--bg-c-row-odd: #292929;
		--bg-c-row-selected: var(var(--c-blue-60));
		--bg-c-row-hover: #262f47f0;

		--bg-c-kv: #202124;
  }
}

/*
Purple theme
Intermediate stage
*/
/* global - purple */
.z1_main:has(.c3_purpleIt) {
	--pg-rhs-bg-c-grey: var(--c-gray-40);
}
/* localized - purple */
.c3_purpleIt {
	/* --c-selV-card: var(--c-gray-0); */
	/* --bg-selV-card: var(--c-purple-40); */

	--c-txt-lnk: var(--c-purple-40);
	--c-txt-lnk-hvr: var(--c-purple-50);
	--c-txt-lnk-pressed: var(--c-purple-60);
	--lv-ttl-c: var(--c-purple-40);

	--fld-bdr-r: 20px;

	--c-icn-btn-blue: var(--c-purple-40);
	--c-icn-btn-blue-pressed: #9D53F2;
	--c-icn-btn-blue-active: var(--c-gray-50);

	--btn-primary0-c: var(--c-purple-40);
	--btn-primary0-txt-c: #FFFFFF;
	--btn-primary0-bdr-c: var(--c-purple-40);
	--btn-primary0-hvr-c: rgb(from var(--c-purple-40) r g b / .5);
	--btn-primary0-hvr-bdr-c:var(--c-purple-40);
	--btn-primary0-actv-c: var(--c-purple-100);
	--btn-primary0-actv-bdr-c: var(--c-purple-100);
	--btn-c-danger2: var(--c-purple-40);
	--btn-danger-bdr-c: var(--c-purple-40);
	--btn-c-secondary: var(--c-purple-40);

	--c-tgl-btn-on: var(--c-purple-40);

	--btn-n-br: 20px;

	--dlg-f-box-shdo: inset 0px 1px 0px var(--c-gray-60);

	--stpItm5Lbl-c: var(--c-purple-40);
	--stpItm5BdrT-sel-c: var(--c-purple-40);

	--tab23-bdr-c: var(--c-purple-0);
	--tab23-sel-bdr-c: var(--c-purple-40);

	--tab2-btn-close-x-c: var(--c-purple-0);
	--tab2-sel-btn-close-x-c: var(--c-gray-110);

	--pnl-fltr-btn-c: var(--c-purple-10);
	--c-pCircBg: var(--c-purple-10);
	--c-sparkline-line: var(--c-purple-40);

	--sxnTtlC-bg: rgb(from var(--c-purple-10) r g b / .18);

	--tb6-bdr-c: var(--c-purple-0);
	--tb6-bdr-sel-c: var(--c-purple-40);
	--bdr-sel-c: var(--c-purple-40);

	--lv-th-bg-c: var(--c-purple-5);

	--dlg-title-c: var(--c-purple-40);
	--dlg-content-c: var(--c-purple-40);
	
	--lv-th-bdr-btm: 1px solid #C4C0C0;
	--lv-th-bdr-rad: 10px;
	--lv2-tr-box-shdo: inset 0px -1px 0px var(--c-purple-40);
}

/*
====================================
Override Dojo
====================================
*/

.claro .dojoxExpandoIcon {
	display: none !important;
}

.claro .dijitSelect .dijitArrowButton {
	background-color: #EFEFEF;
	background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%,
		rgba(255, 255, 255, 0) 100%);
	background-repeat: repeat-x;
	border-radius: 4px 4px 4px 4px;
	padding: 0;
}

.claro .dijitSelect, .claro .dijitTextBox {
	border: 1px solid var(--c-gray-57);
	/*padding: 8px 0 0px 5px !important;*/
	height: 30px;
	/*border-radius: 0 !important;*/
	/*margin: 0 !important;*/
}

td.dijitReset.dijitButtonContents {
	border-right-width: 0px;
}
.claro .dijitSelectLabel {
  padding: 1px 8px;
}
/* DnD */
.claro .dojoDndItemAnchor, .claro .dojoDndItemSelected {
	padding: 4px 3px !important;
	border: 1px solid var(--c-grayish-azure-100) !important;
	background: #f7fbed !important;
}
.claro .dijitValidationTextBoxError .dijitValidationContainer {
	width: 18px !important;
	background-repeat: no-repeat !important;
}

.claro .dojoxExpandoTitle {
	border: 0px;
	background: none !important;
	border-radius: 0 !important;
	border: 0px solid #ddd !important;
}

.claro .dijitBorderContainer-child {
	border: 0 solid #CCCCCC;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.c3_csb_container .dojoxExpandoPane {
	/*background-color: var(--aside-bg-c);*/
	/*box-shadow: 1px 0 3px 1px rgb(204, 204, 204, 1);*/
	background-color: #ffffff;
	box-shadow: inset -1px 0px 0px var(--c-gray-50);
}

.dojoxExpandoContent {
	/* padding: 0 15px; */
	overflow-y: auto;
}

.claro .dijitDialogCloseIcon {
	background: none;
	color: rgba(0, 0, 0, 0.55);
	height: 16px;
}
.claro .dijitDialogCloseIcon::before {
	font-family: themify;
	font-size: 16px;
	content: "\e646";
}
.claro .dijitDialogCloseIcon:hover {
	color: rgba(0, 0, 0, 0.9);
}


/*
====================================
Override UDC
====================================
*/
.udc_chart_tooltip {
	
}

.udc_tooltip_item_name {
	color: #555;
	padding-right: 15px;
	font-weight: bold;
}

.udc_tooltip_item_val {
	
}

.udc_chart_legend_area {
	border: 0px solid;
	border-radius: 0 0 0 0;
	padding: 4px;
}
/*
=====================================
Alert Styles
=====================================
*/
#alertSection {
    overflow: hidden;
    position: fixed;
    bottom: 20px;
    width: 500px;
    z-index: 1000;
    left: 80px;
    background: rgb(251, 251, 251);
    box-shadow: 1px 3px 6px 0px #ccc;
    min-height: 115px;
    border: thin solid #cecece;
    border-radius: 3px;
}

#alertImg {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 50px;
    border-radius: 3px 0 0 3px;
}

#alertText {
    overflow-wrap: break-word;
    position: absolute;
    left: 51px;
    top: 0px;
    right: 0px;
    padding: 20px 10px 10px 10px;
    font-weight: 300;
    font-size: 16px;
}

#alertClose {
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    font-size: 10px;
    color: #3a3a3a;
    cursor: pointer;
    font-weight: bold;
}

.alertError {
    background: rgb(211, 79, 40);
}

.alertInfo {
    background: rgb(229, 172, 22);
}

.alertSuccess {
    background: rgb(100, 165, 56);
}

.alertIconCls {
    padding-top: 45px;
    position: absolute;
    left: 32%;
    font-family: 'themify';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 18px;
    font-weight: 900 !important;
    color: white;
}

/*
  ============================
  Help Window
  ============================
*/
.helpWindow-init {
	position: fixed;
	top: 100px;
	width: 40%;
	z-index: 1000;
	right: -40%;
	bottom: 10px;
	background: white;
	box-shadow: 2px 5px 10px #888;
}

.helpWindow-final {
	position: fixed;
	top: 100px;
	width: 40%;
	z-index: 1000;
	right: 0;
	bottom: 10px;
	background: white;
	box-shadow: 2px 5px 10px #888;
}

#helpHeader {
	position: relative;
	width: 100%;
	border-bottom: thin solid #ddd;
	background: #8DB57A;
	height: 30px;
	color: white;
}

#helpTitle {
	position: absolute;
	left: 10px;
	right: 34px;
	font-size: 16px;
	top: 4px;
}

#helpClose {
	width: 30px;
	position: absolute;
	right: 0px;
	top: 4px;
	text-align: center;
	font-size: 20px;
	color: #eaeaea;
	cursor: pointer;
}

#helpBodyContainer {
	position: absolute;
	top: 31px;
	bottom: 0;
	left: 0;
	right: 0;
}

#helpBody {
	width: 100%;
	height: 100%;
	border: 0px;
}

.c3_csb_container .dojoxExpandoIcon {
	background-image: url("./res/spriteRoundedIconsSmall_new2.png")
		!important;
	background-position: -5px 0;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 19px;
	width: 12px;
}

.c3_csb_container .dojoxExpandoClosed .dojoxExpandoIconLeft {
	background-position: -53px 0;
	margin-right: 4px;
}

.c3_csb_container .dijitSplitterV .dijitSplitterThumb {
	display: none;
	/* background: none repeat scroll 0 0 #0055a9;
	height: 25px;
	left: 2px;
	margin: 0;
	width: 5px; */
}
.c3_csb_container .dijitSplitterV {
	background-color: var(--pg-rhs-bg-c-grey);
}
.c3_csb_container .dijitGutterV {
	background-color: var(--pg-rhs-bg-c-grey);
	width: 0;
}
.claro .c3_csb_container .dojoxExpandoClosed {
	background: none;
	background-color: #DAE9EC !important;
	border: 1px solid #DAE9EC !important;
}

.c3_leftMenu_width {
	width: var(--left-mnu-w);
}

/*
====================================
Common Styles
====================================
*/
body, html {
	font-family: Roboto, system-ui;
	font-size: 90%;
}
.c3_pgBGGrey {
	background-color: var(--pg-rhs-bg-c-grey);
}
.c3_pgBGGrey .c3_bxWhite {
	background-color: var(--pg-rhs-bg-c-white);
	/*box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);*/
	border-radius: 5px;
}
.c3_pgBGGrey .c3_bxWhite_s {
	background-color: var(--pg-rhs-bg-c-white);
	/*box-shadow: 0px 1px 0px rgb(0 0 0 / 5%);*/
	border-radius: 4px;
}
.c3_bxOutline {
	border: 1px solid var(--c-gray-50);
	box-sizing: border-box;
	/*box-shadow: 0px 2px 1px rgb(0 0 0 / 5%), 0px 0px 1px rgb(0 0 0 / 25%);*/
	border-radius: 8px;
}
.c3_purpleIt .c3_bxOutline {
	border: 1px solid var(--c-purple-40);
}

.c3_shdwBx{
	box-shadow: 0px 2px 1px rgb(0 0 0 / 5%), 0px 0px 1px rgb(0 0 0 / 25%);
}

.c3_shdwBx2 {
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1), 0px 4px 20px rgba(0, 0, 0, 0.15);
}

.c3_max-w-frm {
	width: 100%;
	max-width: var(--frm-max-w);
}
.c3_gpR48>.c3_max-w-frm {
	margin-bottom: 48px;
}
.c3_gpR48>.c3_max-w-frm:last-child, .c3_gpR48>.c3_max-w-frm:only-child
{
	margin-bottom: initial;
}
.c3_gpR8>.c3_pd_8t {
	padding-top: 8px;
}
.c3_chrt_bgDarkBlue {
	background-color: var(--c-chrt-blue-dark);
}
.c3_chrt_bgRed {
	background-color: var(--c-chrt-red);
}
.c3_chrt_bgBlue {
	background-color: var(--c-chrt-blue);
}
.c3_chrt_bgLightBlue {
	background-color: var(--c-chrt-blue-light);
}
.c3_chrt_bgGreen {
	background-color: var(--c-chrt-green);
}
.c3_overflowHide {
	overflow: hidden;
}

.c3_zIndex9 {
	z-index: 9;
}
.c3_zIndex11 {
	z-index: 11;
}
.c3_zIndex13 {
	z-index: 13;
}

/* ===================== */
/* svg - icons */
.c3i_100 {
	width: 100%;
	height: 100%;
}

.c3-c-gray0 {color: var(--c-gray-0);}
.c3-c-gray10 {color: var(--c-gray-10);}
.c3-c-gray20 {color: var(--c-gray-20);}
.c3-c-gray30 {color: var(--c-gray-30);}
.c3-c-gray40 {color: var(--c-gray-40);}
.c3-c-gray50 {color: var(--c-gray-50);}
.c3-c-gray60 {color: var(--c-gray-60);}
.c3-c-gray70 {color: var(--c-gray-70);}
.c3-c-gray80 {color: var(--c-gray-80);}
.c3-c-gray90 {color: var(--c-gray-90);}
.c3-c-gray100 {color: var(--c-gray-100);}
.c3-c-gray110 {color: var(--c-gray-110);}

.c3-c-blue10 {color: var(--c-blue-10);}
.c3-c-blue15 {color: var(--c-blue-15);}
.c3-c-blue20 {color: var(--c-blue-20);}
.c3-c-blue30 {color: var(--c-blue-30);}
.c3-c-blue40 {color: var(--c-blue-40);}
.c3-c-blue50 {color: var(--c-blue-50);}
.c3-c-blue60 {color: var(--c-blue-60);}
.c3-c-blue70 {color: var(--c-blue-70);}

.c3-c-cadet-blue-50 {color: var(--c-cadet-blue-50);}

.c3-c-red10 {color: var(--c-red-10);}
.c3-c-red20 {color: var(--c-red-20);}
.c3-c-red30 {color: var(--c-red-30);}
.c3-c-red35 {color: var(--c-red-35);}
.c3-c-red40 {color: var(--c-red-40);}
.c3-c-red50 {color: var(--c-red-50);}
.c3-c-red60 {color: var(--c-red-60);}
.c3-c-red70 {color: var(--c-red-70);}
.c3-c-red80 {color: var(--c-red-80);}

.c3-c-green10 {color: var(--c-green-10);}
.c3-c-green20 {color: var(--c-green-20);}
.c3-c-green30 {color: var(--c-green-30);}
.c3-c-green45 {color: var(--c-green-45);}
.c3-c-green40 {color: var(--c-green-40);}
.c3-c-green60 {color: var(--c-green-60);}

.c3-c-yellow10 {color: var(--c-yellow-10);}
.c3-c-yellow20 {color: var(--c-yellow-20);}
.c3-c-yellow30 {color: var(--c-yellow-30);}

.c3-c-purple30 {color: var(--c-purple-30);}
.c3-c-purple40 {color: var(--c-purple-40);}
.c3-c-purple50 {color: var(--c-purple-50);}
.c3-c-purple60 {color: var(--c-purple-60);}
.c3-c-purple80 {color: var(--c-purple-80);}
.c3-c-purple90 {color: var(--c-purple-90);}

.c3-c-orange60 {color: var(--c-orange-60);}
.c3-c-orange80 {color: var(--c-orange-80);}

.c3-c-black {color: var(--c-black);}


/* light / dark theme colors */

.c3-c-gray20-110 {color: var(--c-gray-20-110);}
.c3-c-gray90-txt {color: var(--c-gray-90-txt);}
.c3-c-gray110-txt {color: var(--c-gray-110-txt);}


.c3-c-lnk {color: var(--c-lnk);}
.c3-c-btn-icn-as-bg {color: var(--c-btn-icn-as-bg);}
.c3-c-btn-icn-as-bg-hv:hover {color: var(--c-btn-icn-as-bg-hv);}

.c3-c-kv-k {color: var(--c-kv-k);}
.c3-c-kv-boolean {color: var(--c-kv-boolean);}
.c3-c-kv-number {color: var(--c-kv-number);}
.c3-c-kv-string {color: var(--c-kv-string);}


/* background colors [c3-bg-<<color>>] */

.c3-bg-c-black {background-color: var(--c-black);}

.c3-bg-c-red10 {background-color: var(--c-red-10);}
.c3-bg-c-red20 {background-color: var(--c-red-20);}
.c3-bg-c-red30 {background-color: var(--c-red-30);}
.c3-bg-c-red40 {background-color: var(--c-red-40);}

.c3-bg-c-green10 {background-color: var(--c-green-10);}
.c3-bg-c-green20 {background-color: var(--c-green-20);}
.c3-bg-c-green30 {background-color: var(--c-green-30);}
.c3-bg-c-green40 {background-color: var(--c-green-40);}
.c3-bg-c-green-blue30 {background-color: var(--c-green-blue-30);}

.c3-bg-c-yellow0 {background-color: var(--c-yellow-0);}
.c3-bg-c-yellow5 {background-color: var(--c-yellow-5);}
.c3-bg-c-yellow10 {background-color: var(--c-yellow-10);}
.c3-bg-c-yellow20 {background-color: var(--c-yellow-20);}
.c3-bg-c-yellow30 {background-color: var(--c-yellow-30);}

.c3-bg-c-gray0, .c3-bg-c-white {background-color: var(--c-gray-0);}
.c3-bg-c-gray0_70, .c3-bg-c-white_70 {background-color: rgba(var(--abbrv-gray0), 0.70);}
.c3-bg-c-gray10 {background-color: var(--c-gray-10);}
.c3-bg-c-gray20 {background-color: var(--c-gray-20);}
.c3-bg-c-gray30 {background-color: var(--c-gray-30);}
.c3-bg-c-gray40 {background-color: var(--c-gray-40);}
.c3-bg-c-gray60 {background-color: var(--c-gray-60);}
.c3-bg-c-gray80 {background-color: var(--c-gray-80);}
.c3-bg-c-gray100 {background-color: var(--c-gray-100);}
.c3-bg-c-gray110 {background-color: var(--c-gray-110);}

.c3-bg-c-blue10 {background-color: var(--c-blue-10);}
.c3-bg-c-blue11 {background-color: var(--c-blue-11);}
.c3-bg-c-blue12 {background-color: var(--c-blue-12);}
.c3-bg-c-blue50 {background-color: var(--c-blue-50);}
.c3-bg-c-blue60 {background-color: var(--c-blue-60);}
.c3-bg-c-blue70 {background-color: var(--c-blue-70);}

.c3-bg-c-blue-light {background-color: var(--c-blue-light);}

.c3-bg-c-purpleDot5 {background-color: var(--c-purple-dot5);}
.c3-bg-c-purple0 {background-color: rgb(from var(--c-purple-0) r g b / var(--bg-opcty));}
.c3-bg-c-purple5 {background-color: rgb(from var(--c-purple-5) r g b / var(--bg-opcty));}
.c3-bg-c-purple10 {background-color: rgb(from var(--c-purple-10) r g b / var(--bg-opcty));}
.c3-bg-c-purple15 {background-color: rgb(from var(--c-purple-15) r g b / var(--bg-opcty));}
.c3-bg-c-purple20 {background-color: rgb(from var(--c-purple-20) r g b / var(--bg-opcty));}
.c3-bg-c-purple30 {background-color: rgb(from var(--c-purple-30) r g b / var(--bg-opcty));}
.c3-bg-c-purple40 {background-color: rgb(from var(--c-purple-40) r g b / var(--bg-opcty));}
.c3-bg-c-purple50 {background-color: rgb(from var(--c-purple-50) r g b / var(--bg-opcty))}
.c3-bg-c-purple80 {background-color: rgb(from var(--c-purple-80) r g b / var(--bg-opcty));}
.c3-bg-c-purple90 {background-color: var(--c-purple-90);}
.c3-bg-c-purple100 {background-color: var(--c-purple-100);}

.c3-bg-c-orange-40 {background-color: var(--c-orange-40);}

.c3-bg-c-transparent {background-color: transparent;}
.c3-c-transparent {color: transparent;}

.c3-bgc-gray0, .c3-bgc-white {background-color: var(--c-gray-0);}
.c3-bgc-gray40, .c3-bgc-lightgray {background-color: var(--c-gray-40);}

/* - text colors - */
.c3-c-primary {color: var(--c-txt-primary);}
.c3-c-secondary {color: var(--c-txt-secondary);}
/* subdued; hint, inline label */
.c3-c-subd {color: var(--c-txt-subd);}
.c3-c-disabled {color: var(--c-txt-disabled);}
.c3-c-disabled-on-grey {color: var(--c-gray-50);}

/* success, +ve, up */
.c3-c-success {color: var(--c-txt-success);}
/* error, -ve, down */
.c3-c-error {color: var(--c-txt-error);}
.c3-c-positive {color: var(--c-txt-positive);}
.c3-c-negative {color: var(--c-txt-negative);}

.c3-c-txt-gradnt {
	background: linear-gradient(90deg, var(--c-txt-gradnt-start), var(--c-txt-gradnt-end));
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* link */
.c3-c-lnk {color: var(--c-txt-lnk);}
.c3-c-lnk:hover {color: var(--c-txt-lnk-hvr);}
.c3-c-lnk:active {color: var(--c-txt-lnk-pressed);}
/* link - no hvr */
.c3-c-txt-lnk {color: var(--c-txt-lnk);}

.c3-c-icn-btn-blue {color: var(--c-icn-btn-blue);}
.c3-c-icn-btn-blue:hover {color: var(--c-icn-btn-blue-pressed);}
.c3-c-icn-btn-blue:active {color: var(--c-icn-btn-blue-active);}

/* icon buttons. close, trash, ..*/
.c3-c-icn-btn {color: var(--c-icn-btn);}
.c3-c-icn-btn:hover {color: var(--c-icn-btn-hvr);}
.c3-c-icn-btn:active {color: var(--c-icn-btn-pressed);}
/* icon - not interactive. lens, ..*/
.c3-c-icn-dull {color: var(--c-icn-dull);}

.c3-bg-c-gray50 {background-color: var(--c-gray-50)}
/* on-hover background colors 'hvr' */
.c3-bg-c-gray50-hvr:hover {background-color: var(--c-gray-50);}
.c3-bg-c-gray40-hvr:hover {background-color: var(--c-gray-40);}

/* table cell % shades */
.c3-bg-c-rl1 {background-color: rgba(var(--abbrv-red40), .15); border: 1px solid rgba(var(--abbrv-red40), .09);}
.c3-bg-c-rl2 {background-color: rgba(var(--abbrv-red40), .40); border: 1px solid rgba(var(--abbrv-red40), .24);}
.c3-bg-c-rl3 {background-color: rgba(var(--abbrv-red40), .70); border: 1px solid rgba(var(--abbrv-red40), .42);}

.c3-bg-c-gl1 {background-color: rgba(var(--abbrv-green30), .15); border: 1px solid rgba(var(--abbrv-green30), .09);}
.c3-bg-c-gl2 {background-color: rgba(var(--abbrv-green30), .40); border: 1px solid rgba(var(--abbrv-green30), .24);}
.c3-bg-c-gl3 {background-color: rgba(var(--abbrv-green30), .70); border: 1px solid rgba(var(--abbrv-green30), .42);}

/* SvgDef 2nd color */
.c3-c-currentColor2-white {--c-current-color2: var(--c-gray-0);}

/* background color alpha */
/* Overwrite bg opacity by combining with color e.g.
`c3-bg-c-purple10 c3_bg-opcty50`. See `c3-bg-c-purple10` */
.c3_bg-opcty0 {--bg-opcty: 0;} /* transparent */
.c3_bg-opcty05 {--bg-opcty: .05;}
.c3_bg-opcty50 {--bg-opcty: .5;}
.c3_bg-opcty100 {--bg-opcty: 1;}

/* generic titles */
.c3_ttl {
	font-weight: 500;
}
.c3_ttl1 {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
}
.c3_ttl2 {
	font-size: 16px;
	font-weight: 500;
}
.c3_ttl3 {
	font-size: 14px;
	font-weight: 500;
}
.c3_ttl4 {
	font-size: 12px;
	font-weight: 500;
}

/* bit more custom compared to above */
.c3_ttl2n {
	font-size: 16px;
	font-weight: 600;
	color: var(--c-gray-110);
}
.c3_ttlH3 {
	font-family: Roboto;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: var(--c-gray-110);
}

.c3_ttl_fw_n {
	font-weight: normal;
}

.c3_lh16 {
	line-height: 16px;
}
.c3_lh19 {
	line-height: 19px;
}
.c3_lh20 {
	line-height: 20px;
}
.c3_lh22 {
	line-height: 22px;
}
.c3_lh24 {
	line-height: 24px;
}
.c3_lh28 {
	line-height: 28px;
}
.c3_lh32 {
	line-height: 32px;
}
.c3_lh36 {
	line-height: 36px;
}

/* generic hint */
.c3_hint {
	font-weight: 300;
}
.c3_hint1 {
	font-size: 14px;
	font-weight: 300;
}

/* vertical and horizontal separators */
.c3_sep_v {
	border-right: thin solid;
	border-right-color: var(--o-grey-c);
}
.c3_sep_l {
	border-left: thin solid;
	border-left-color: var(--o-grey-c);
}
.c3_sep_h {
	border-bottom: 1px solid;
	border-bottom-color: var(--o-grey-c);
}
.c3_sep_h2 {
	border-bottom: thin solid;
	border-bottom-color: var(--sep-grey-c);
}
.c3_sep_v5 {
	border-right: 5px solid var(--c-gray-20);
}

.c3_sep_h60 {
	border-bottom: thin solid;
	border-bottom-color: var(--c-gray-60);
}

.c3_sep_h70 {
	border-bottom: thin solid;
	border-bottom-color: var(--c-gray-70);
}

.c3_sep_h90 {
	border-bottom: thin solid;
	border-bottom-color: var(--c-gray-90);
}

.c3_beta::after, .c3_soon::after, .c3_coming_soon::after{
	font-size: 10px;
	float: right;
}

.c3_beta::after,.c3_coming_soon::after {
	content: "BETA";
	color: #AA8444;
}
.c3_coming_soon::after {
	content: "Coming soon!";
	font-size: 9px;
}
.c3_soon::after {
	content: "SOON";
	color: #AA8344;
	font-weight: 500;
	text-align: center;
}

.c3_suspend::after {
	content: "SUSPENDED";
    margin-left: 10px;
    margin-top: 25px;
    padding: 3px 8px;
    color: #666;
    font-size: 10px;
    background-color: #f1b344;
    width: 42px;
    border-radius: 5px;
    height: 15px;
    cursor: auto;
}

.c3_incEvtErrIcon
{
	font-size: 20px !important;
    color: var(--c-err) !important;
}

.c3_evt_err_msg_box
{
	background-color: beige;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: brown;
}

.c3_evt_err_icon
{
	padding: 10px 0px 0px 10px;
}

.c3_evt_err_detail_lbl
{
	color: #5a5656;
    font-size: 12px;
    cursor: pointer;
}

.c3_evt_err_detail_div
{
	padding-left: 50px;
    font-size: 12px;
    color: #7d7979;
}

.c3_disp_block
{
	display: block;
}

/* grid */
/* C3Grid - body */
.c3_grdB {
	display: grid;
	grid-gap: var(--grd-gap);
	grid-template-columns: repeat(auto-fill, minmax(var(--grd-glry-itm-w), var(--grd-glry-itm-w)));
	grid-template-columns: repeat(auto-fill, minmax(var(--grd-glry-itm-w), var(--grd-glry-itm-w)));
	grid-template-rows: max-content;
	justify-content: space-evenly;
	justify-content: flex-start;
	padding: var(--grd-pd);
}

/* e.g. class="c3_gd c3_gd_cAuto c3_gp24 c3_pd_16 c3_flex_1" */
/* auto fill */
.c3_gd_cAuto {
	grid-template-columns: repeat(auto-fill, minmax(var(--grd-glry-itm-w), var(--grd-glry-itm-w)));
}
.c3_gd_c172 {
	grid-template-columns: repeat(auto-fill, minmax(172px, 172px));
}
.c3_gd_c270 {
	grid-template-columns: repeat(auto-fill, minmax(270px, 270px));
}

.c3_gd_2c {
	grid-template-columns: 1fr 1fr;
}
.c3_gd_3c {
	grid-template-columns: 1fr 1fr 1fr;
}
/* 2 col grid with seperator */
/* c3_gd c3_gd_2c_sep c3_gd_rows_1 c3_gp24 */
.c3_gd_2c_sep {
	grid-template-columns: 1fr 1px 1fr;
}

.c3_gd_rows_1 {
	grid-template-rows: 1fr;
}

div.c3_tiles>* {
	margin-left: 15px;
	margin-top: 15px;
	float: left;
}
div.c3_tiles_m>* {
	margin-left: 20px;
	margin-top: 20px;
	float: left;
}
div.c3_tiles_s>* {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}
div.c3_tiles_s_r>* {
	margin-right: 10px;
	margin-top: 10px;
	float: left;
}

tr.z1_table_row:nth-child(odd) {
	background-color: var(--c-gray-40);
}

tr.z1_table_row:hover {
	background-color: #F0F8FF;
}

.z1_table th, .z1_table td {
	padding: 3px;
}

.z1_table thead {
	background-color: #E6E6FA;
}

.c3_btn {
	cursor: pointer;
}

.c3_clear {
	clear: both;
}

.c3_upper {
	text-transform: uppercase;
}

.c3_hide {
	display: none !important;
}

.c3_hide_imp {
	display: none !important;
}

.c3_break_word {
	overflow-wrap: break-word;
	word-break: break-word;
}
.pr { position: relative; }
.c3_posR {
	position: relative;
}
.c3_posA {
	position: absolute;
}
.c3_posA_center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.c3_posF {
	position: fixed;
}
.c3_posF_i {
	position: fixed !important;
}
.c3_posAT0 {top:0;}
.c3_posAT100 {
	top: 100%;
}
.c3_posAR0 {right:0;}
.c3_posAB0 {bottom:0;}
.c3_posAB10 {bottom: 10px;}
.c3_posAL0 {left:0;}
.c3_posAR2 {right:2px;}
.c3_posAR10 {right: 10px;}
.c3_posW100 {width:100%;}
.c3_posH100 {height:100%;}
.c3_posAR12 {right: 12px;}
.c3_posAT10_neg {top: -10px;}
.c3_posAT12 {top: 12px;}
.c3_posAT38 {top: 38px;}
.c3_posAT40 {top: 40px;}
.c3_posAT48 {top:48px;}

.c3_saveText {
	position: absolute;
	color: #67b661;
	margin: 5px 10px 0px 15%;
	right: 3%;
}

.c3_overflow_wrap_bWord {
	overflow-wrap: break-word;
}
.c3_wordBreak {
	word-break: break-all;
}
.c3_text_ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.c3_txt_nowrp {
	white-space: nowrap;
}
.c3_txt_wrap {
	white-space: break-spaces;
}
.c3_txt_pre {
	white-space: pre;
}
.c3_txt_cap {
    text-transform: capitalize;
}
.c3_txt_cap_fc::first-letter
{
	text-transform: capitalize;
}

.c3_clamp {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.c3_2l {
	-webkit-line-clamp: 2;
}
.c3_3l {
	-webkit-line-clamp: 3;
}
.c3_4l {
	-webkit-line-clamp: 4;
}
.c3_5l {
	-webkit-line-clamp: 5;
}

.c3_col_count_2
{
	column-count: 2;
}
.c3_col_gap_48
{
	column-gap: 48px;
}
.c3_col_rule_1_gray
{
	column-rule: 1px solid var(--c-gray-70);
}

.c3_margin_r_6 {
	margin-right: 6px;
}
/* icon on right of text */
.c3-fa-right {
	margin-left: 6px;
}
/* icon on left of text */
.c3-fa-left {
	margin-right: 6px;
}

/* [[icon][ input ]] */
/* <div class=c3_inp_fld_wrp><div><i c3_inp_icon_l></i></div><div class=c3_inp_fld_cont><input> .. */
.c3_inp_fld_wrp {
	border: 1px solid var(--c-grayish-azure-100);
	border-collapse: separate;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.c3_inp_fld_wrp>div {
	
}
.c3_inp_fld_cont {
	line-height: 1.428;
	font-size: 13px;
	/*color: #a9a9a9;*/
}
.c3_inp_fld_cont>* {
	border: 0px !important;
	box-shadow: initial;
}

/* icon in <input> on right edge */
.c3_inp_icon_r {
	padding: 8px 32px 8px 12px;
}

/* audio icon in <input> on right edge */
.c3_inp_icon_audio {
	background: url(/res/audio_icon.png) no-repeat 99% 4px;
}

/* icon in <div><i c3_inp_icon_l></i></div><div><input> on left edge */
.c3_inp_icon_l {
	background-color: var(--c-gray-45);
	/*border-right: 1px solid #CCCCCC;*/
	border-right: 1px solid var(--c-grayish-azure-100);
	color: #666666;
	font-style: normal;
	font-weight: normal;
	/* size */
	font-size: 19px;
	line-height: 1;
	padding: 6px 12px;
	min-width: 18px;
	max-width: 18px;
}

/* form field decoration color etc. No sizing info */
.c3_fld_deco {
	/* no size info here */
	background: none;
	background-color: #ffffff;
	color: var(--fld-v-c);
	font-family: 'Open Sans', sans-serif;
	border: var(--fld-bdr-w) solid var(--c-grayish-azure-100);
	/*border: 1px solid rgba(222, 222, 222, 0.5);*/
	/*border-color: rgba(222, 222, 222, 0.5);*/
	border-radius: var(--fld-bdr-r);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.c3_purpleIt .c3_fld_deco {
    border: var(--bdr-gr60);
    box-shadow: unset;
}
.c3_dj_fld_deco .dijitArrowButtonContainer {
	background-color: transparent !important;
}
.c3_fld_deco::placeholder {
	color: var(--fld-placehldr-c);
	font-weight: 300;
}
.c3_fld_deco:disabled {
	opacity: .6;
}
.c3_fld_deco_boxShadowNone {box-shadow: none;}
.c3-c-placeholder::placeholder {
	color: var(--c-placeholder);
}
/* add these to dojo form fields common classes*/
.c3_dj_fld {
	display: flex;
	flex-flow: row nowrap;
	/* render down arrow/validation mark at end*/
	justify-content: flex-start;
	align-items: center;

	width: initial;
	/* if needed over-write this in custom class */
	/*min-width: 15em;*/
	padding-left: 4px;
	padding-left: 2px;
}
.c3_dj_fld.dijitTextBoxHover {
	/* overwride dojo */
	background-color: initial;
	background-image: initial;
}
.c3_dj_fld.dijitSelectHover {
	/* overwride dojo */
	background-color: initial;
	background-image: initial;
}
/* <div><input>..</input></div> */ 
.c3_dj_fld>.dijitInputContainer {
	flex: 1;
	order: -2;

	display: flex;
	flex-flow: column nowrap;
	/* render down arrow/validation mark at end*/
	justify-content: flex-start;
	align-items: stretch;
}
.c3_dj_fld .dijitInputContainer>.dijitInputInner {
	/* debug */
	/*background-color: bisque !important;*/
}
/* down arrow */
.c3_dj_fld>.dijitButtonNode {
	align-self: stretch;
	
	display: flex;
	/* render down arrow/validation mark at end*/
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;

	/*border: 1px solid red!important;*/
	border-width: 0px !important;
	background: none !important;
}
/* validation '!' mark */
.c3_dj_fld>.dijitValidationContainer {
	align-self: stretch;
	order: -1;
	
	/*display: flex;*/
	/* render down arrow/validation mark at end*/
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.c3_dj_fld.dijitValidationTextBox .dijitValidationContainer {
	/*display: flex;*/
}
.c3_dj_fld.dijitValidationTextBoxError .dijitValidationContainer {
	display: flex;
}
/* dojo field: colors etc, no size settings */
.c3_dj_fld_deco {
	/* no size info here */
	/*background: none !important; causes color issues*/
	background-image: none !important;
	background-position-x: initial !important;
	background-position-y: initial !important;
	background-size: initial !important;
	background-repeat-x: initial !important;
	background-repeat-y: initial !important;
	background-attachment: initial !important;
	background-origin: initial !important;
	background-clip: initial !important;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}
/* height - normal */
.c3_dj_fld_h {
	height: initial !important;
}
.c3_dj_fld_h .dijitInputContainer>.dijitInputInner {
	height: 30px;
	height: 26px;
}
/* height - small */
.c3_dj_fld_h_small {
	height: initial !important;
}
.c3_dj_fld_h_small .dijitInputContainer>.dijitInputInner {
	height: 27px;
}
/* height - medium */
.c3_dj_fld_h_medium {
	height: initial !important;
}
.c3_dj_fld_h_medium .dijitInputContainer>.dijitInputInner {
	height: 30px;
}
/* height - large */
.c3_dj_fld_h_large {
	height: initial !important;
}
.c3_dj_fld_h_large .dijitInputContainer>.dijitInputInner {
	height: 34px;
}
/* for dojo dijit/select, dijit/validationTextBox */
/* widget uses <table><tr><td>.. field value ..</td><td>down arrow</td> */
.c3_dj_fld td.dijitReset.dijitButtonContents {
	height: 30px;
	/*background-color: khaki;*/
}
.c3_dj_fld_h td.dijitReset.dijitButtonContents {
	height: 30px;
	/* See height of .c3_dj_fld_h .dijitInputInner */
	/*height: calc(30px + 6px);*/
	height: calc(26px + 4px);
}
.c3_dj_fld_h .dijitPlaceHolder {
	/* vertically center placeholder text */
	line-height: 26px;
}
/* ORIG .claro .dijitComboBox .dijitButtonNode {
	background: none !important;
	height: 31px;
	margin-top: -10px;
	padding-top: 8px;
	padding-left: 7px;
	border: none !important;
	margin-right: 5px;
}*/
/*
.c3_dj_fld_down_arrow {
	background: none !important;
	height: 31px;
	margin-top: -10px;
	padding-top: 8px;
	padding-left: 7px;
	border: none !important;
	margin-right: 5px;
}*/
/* sign-up screen dojo fields : -color etc */
.c3_dj_fld_deco_signup {
	/* no size info here */
	background: none !important;
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}

/* dijit validation input box vertical center align */
/* see also .form_control_registration */
.c3_iconValidationTextBox_v_center.dijitValidationTextBox.dijitTextBox>div
	{
	/*padding: 6px 4px !important;*/
	/*border: 1px solid blue;*/
	/*margin-top: 4px;*/
	
}
.c3_iconValidationTextBox_v_center.dijitValidationTextBox.dijitTextBox>div .dijitPlaceHolder
	{
	/* vertical center align placeholder text */
	/*top: auto;*/
	
}
/* fix vertical bar in red '!' validation box */
.c3_iconValidationTextBox_v_center input.dijitValidationInner {
	border: 0px solid gray !important;
}
/* end -add to dojo */
/* dojo overwrite  */
.c3_seg_activity_r .c3_entercriteria_box_row .box2 .dijitButtonNode
{
	background: none !important;
	/*border:1px solid red!important;*/
}
/* end - dojo overwrite  */

/* when multiple fields used in a line. Add boundary size.*/
.c3_inline_fld_size {
	max-width: 124px;
}
/* medium */
.c3_inline_fld_size_m {
	max-width: 80px;
}
.c3_inline_fld_size_m2 {
	width: 108px;
	max-width: 108px;
}
/* small */
.c3_inline_fld_size_sm {
	max-width: 56px;
}
/* large */
.c3_inline_fld_size_l {
	max-width: 150px;
}
/* extra-large */
.c3_inline_fld_size_xl {
	max-width: 257px;
}

.c3_html_fld {
	height: 27px;
	border-radius: var(--fld-bdr-r);
	border-color: var(--c-gray-57);
	border-width: var(--fld-bdr-w);
	/* border-collapse: collapse; */
	padding-left: 8px;
	/* border-top: 1px solid var(--c-gray-57); */
	/* border: 1px solid; */
	border-style: solid;
	/* debug */
	/*background-color: aquamarine !important;*/
}
.c3_html_fld_h {
	/* See height of .c3_dj_fld_h .dijitInputInner */
	/*height: calc(30px + 6px);*/
	height: calc(26px + 6px);
}
.c3_html_fld_h_xxs {
	height: 22px;
}
.c3_html_fld_h_xs {
	height: 28px;
}
/* height behaviour is diff in <select> and <input> */
select.c3_html_fld_h {
	height: calc(26px + 6px + 4px);
}
.c3_html_fld_h_small {
	height: 30px;
}
select.c3_html_fld_h_small {
	height: 32px;
}
.c3_html_fld_h_large {
	height: 37px;
}
select.c3_html_fld_h_large {
	/*height: 41px;*/
}
.c3_html_fld_div_h {
	height: 34px;
}
.c3_html_fld_h83 {
	height: 83px;
}
.c3_html_fld_w400 {
	width: 400px;
}
.c3_fnt_inherit {
	font-family: inherit;
	font-size: inherit;
}
.c3_resize0 {
	resize: none;
}
.c3_resize_v {
	resize: vertical;
}

/* not needed if c3_fld_deco or c3_html_fld is used */
.c3_fld_bdr_r {
	border-radius: var(--fld-bdr-r);
}

/* <select> decoration - no width */
.c3_select_fld {
	padding: 4px;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	/*text-transform:capitalize;*/
	border: 1px solid #e1e1e1;
	color: #333;
}

.c3_select_fld_lbl {
	padding: 2px 0px 2px 4px;
	color: #999;
}

.c3_select_fld_w_lbl {
	border: 1px solid #e1e1e1;
}

.c3_select_fld_w_lbl .c3_select_fld {
	border: 0px;
}

.c3_fld_inp_ro {
	border-color: transparent;
	box-shadow: unset;
}
.c3_fld_inp_ro_clr {
	background-color: var(--c-gray-40);
}

/* indicate active field */
.c3_fld_active {
	border: 1px solid var(--c-active);
}

/* label color,padding - no width, font-size */
.c3_lbl {
	font-family: 'Open Sans', sans-serif;
	font-size: 90%;
	color: #000;
	color: rgba(0, 0, 0, 0.81);
	font-weight: 600;
}
.c3_lbl1 {
	font-family: Roboto;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #000000;
}
.c3_lbl2 {
	font-family: Roboto;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: var(--c-gray-110);
}

.c3_lbl_blue {
	font-family: 'Open Sans', sans-serif;
	padding: 6px 0;
	color: #017AC6;
}

.c3_cols_spacing>.c3_lbl {
	margin-bottom: 2px;
}

.c3_html_fld:required:invalid, .c3_html_fld:focus:invalid {
	/*-moz-box-shadow: none;*/
	/*border-color: rgba(255, 0, 0, 0.32);*/
}

.c3_fldTtl {}
.c3_fldDescr {
	color: var(--c-txt-secondary);
	font-size: 90%;
}
.c3_appboxMCET .c3_mTmpltC {
	background-color: #ffffff;
	padding: 1px;
	padding-left: 30.8px;
}
.c3_appboxMCET .c3_midx {
	display: none;
}
.c3_mTmpltC .c3_fldTtl {
	font-weight: 500;
	font-size: 14px;
}
.c3_mTmpltC .c3_fldDescr {
	font-size: 92%;
	color: rgba(0, 0, 0, .75);
}

.c3_multiselect_listbox {
	outline: 0;
	position: absolute;
	top: 100%;
	left: 0px;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 2px 0px 10px rgba(47, 79, 79, 0.5);
	background-color: #ffffff;
	z-index: 10000;
}
.c3_multiselect_listbox>div {
	border-bottom: 1px solid #ebebeb;
	padding: 8px;
}
.c3_multiselect_opn_lbl {
	overflow: hidden;
}
.c3_multiselect {
	position: relative;
	min-height: 32px;
	padding-left: 8px;
	background: none;
	background-color: #ffffff;
	border: 1px solid transparent;
}
.c3_multiselect:hover {
	border-color: var(--c-grayish-azure-100);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.c3_multiselect_arrow {
	padding-left: 4px;
	padding-right: 4px;
	color: #999;
	opacity: 0;
}
.c3_multiselect_opn {}
.c3_multiselect_pholder {
	color: #999;
	/*font-style: italic;*/
}
.c3_multiselect_vItem {
	padding: 2px;
	background-color: var(--c-gray-40);
	border: 1px solid rgba(204, 204, 204, 0.51);
	border-radius: 3px;
}
.c3_multiselect_inp input {
	border-width: 0px;
	color: #555555;;
}
.c3_multiselect_opn_txt {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.c3_multiselect_chkbx {
	
}
.c3_multiselect_inner {
}
.c3_multiselect_inner:hover .c3_multiselect_arrow {
	opacity: 1;
}
.c3_multiselectBdr {
	border: 1px solid var(--c-gray-57);
}
.c3_multiselect0LP {
	padding-left: 0px;
}
.c3_multiselect_c1 {
	width: 20px;
	margin-left: 4px;
}

.c3_list>div {
	border-bottom: 1px solid rgba(204, 204, 204, 0.51);
}
.c3_list>div:last-child {
	border-bottom: 0px;
}

.c3_srchXp .c3_srch {
	border-color: transparent;
}

.c3_tg {
	padding: 0px 8px;
	background-color: var(--c-tg);
	border-radius: 100px;
	color: var(--c-gray-110);
}
.c3_tg_draft, .c3_tg_ready {
	--c-tg: var(--c-gray-50);
}
.c3_tg_completed {
	--c-tg: var(--c-blue-20);
}
.c3_tg_running {
	--c-tg: var(--c-green-20);
}
.c3_tg_paused {
	--c-tg: var(--c-yellow-30);
}

.c3_tg2 {
	color: var(--c-tg);
	border: .5px solid var(--c-tg);
}
.c3_tg_active {
	--c-tg: var(--c-green-20);
}

/* generic dialog box */
.c3_dialog_box {
	/*min-height: 500px;*/
	/*min-width: 935px;*/
}
.c3_dialog_box>.dijitDialogPaneContent {
	flex: 1;
	
	/* fix for when browser zoom<100% */
	height: unset !important;
	bottom: 0;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;

	overflow: hidden;

	padding: 10px;
}
.c3_dlg2>.dijitDialogPaneContent {
	padding: 24px;
}
.c3_dlg2_noPD>.dijitDialogPaneContent {
	padding: 0px;
}
.c3_dlg2_noPD .c3_dlg_head, .c3_dlg2_noPD .c3_dlg_foot {
	padding-left: 24px;
	padding-right: 24px;
}
.c3_dlg2_noPD .c3_dlg_head {
	padding-top: 24px;
}
.c3_dlg2_noPD .c3_dlg_foot {
	padding-bottom: 24px;
}
.c3_dialog_box>.dijitDialogPaneContent>div {
	flex: 1 0 auto;
	flex: 1;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.c3_dialog_box>.dijitDialogPaneContent .dijitDialogPaneContentArea {
	flex: 1 0 auto;
	flex: 1;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.c3_dialog_box>.dijitDialogPaneContent .dijitDialogPaneActionBar {
	
}

/* hide default title */
.c3_dialog_box_noTitleBar>.dijitDialogTitleBar {
	display: none;
}
.c3_dialog_box_head {
	flex: 0 0 auto;
	border-bottom: 1px solid #ebebeb;
}
.c3_dialog_box_foot {
}
.c3_dialog_box.c3_dialog_box_noTitleBar>.dijitDialogPaneContent {
	margin: 0px !important;
}

/* dialog - title */
.c3_dlg_title {
	font-size: 17px;
	padding: 6px 0px;
	font-weight: 300;
	color: #0055a9;
}
.c3_dlg2_title, .c3_dlg2_titleLbl {
	font-size: 24px;
	line-height: 32px;
	color: var(--dlg-title-c);
}
.c3_dlg2_titleLbl {
	font-weight: 300;
}
.c3_dlg2_titleWeight {
	font-weight: 500;
}
.c3_editSeg_uProfCont .c3_dlg_title {
	margin-left: 15px;
	font-size: 19px;
}
.c3_dlg2_desc {
	font-size: 14px;
	font-weight: 400;
	color: var(--c-txt-secondary);
	line-height: 20px;
}
.c3_dlg2_ttl2 {
	font-size: 20px;
	line-height: 28px;
}

/* large size dialog */
.c3_dialog_box.c3_dialog_box_x-large {
	margin: 50px 100px;
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
	width: unset !important;
}
/* full size dialog */
.c3_dialog_box.c3_dialog_box_x-full {
	margin: 0px;
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
	width: 100% !important;
	width: 100vw !important;
}
/* width taken from dialog */
.c3_dialog_box.c3_dialog_box_x-l-fxd-w {
	margin: 100px auto;
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
}
/* medium */
.c3_dialog_box.c3_dialog_box_x-m {
	margin: 100px 150px;
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
}
.c3_dialog_box.c3_dialog_box_x-m-fxd {
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
	max-height: 800px;
	max-width: 800px;
	margin: auto auto;
}
/* small size dialog */
.c3_dialog_box.c3_dialog_box_x-sm {
	margin: 150px 200px;
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
}
/* fixed size - small size dialog */
.c3_dialog_box.c3_dialog_box_x-sm-fxd {
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
	max-height: 600px;
	max-width: 600px;
	margin: auto auto;
}
/* alert */
.c3_dialog_box.c3_dialog_box_x-alrt {
	top: 0 !important;
	left: 0 !important;
	right: 0;
	bottom: 0;
	max-height: 600px;
	max-width: 600px;
	max-width: 50vw;
	max-height: 50vh;
	margin: auto auto;
}
.c3_dialog_box_sidePnl {
	top: 0 !important;
	left: unset !important;
	right: 0;
	bottom: 0;
	width: var(--sidePnl-w) !important;
	margin: auto auto;
}
.c3_granularcont_pos {
	bottom: 0;
}
@media screen and (min-height: 900px) {
	.c3_dialog_box.c3_dialog_box_x-alrt {
		max-height: 35vh;
	}
	.c3_granularcont_pos {
		bottom: 20px;
	}
}
div.c3_dialog_box.c3_dialog_box_x-alrt-n {
	height: fit-content !important;
}
.c3_dialog_box.c3_dialog_box_x-alrt-n {
	min-height: 20vh;
	max-height: 80vh;
}
.c3_dialog_box.c3_dialog_box_x-alrt-ln {
	max-height: 80vh;
}
@media screen and (min-width: 1250px) {
	/* medium */
	.c3_dialog_box.c3_dialog_box_x-m {
		--dlg-hz-mg-m: 20%;
		--dlg-v-pos-m: 10%;
		margin: unset !important;
		margin-left: var(--dlg-hz-mg-m) !important;
		margin-right: var(--dlg-hz-mg-m) !important;
		top: var(--dlg-v-pos-m) !important;
		bottom: var(--dlg-v-pos-m) !important;
	}
	/* small size dialog */
	.c3_dialog_box.c3_dialog_box_x-sm {
		--dlg-hz-mg-m: 25%;
		--dlg-v-pos-m: 15%;
		margin: unset !important;
		margin-left: var(--dlg-hz-mg-m) !important;
		margin-right: var(--dlg-hz-mg-m) !important;
		top: var(--dlg-v-pos-m) !important;
		bottom: var(--dlg-v-pos-m) !important;
	}
}
@media screen and (min-width: 1400px) {
	/* xp experience dlg */
	.c3_dialog_box.c3_xp_dlg {
		margin: 100px auto;
		top: 0 !important;
		left: 0 !important;
		right: 0;
		bottom: 0;
		width: 1200px !important;
	}
}

.c3_dialog_box.c3_dialog_box_x-full>div:last-child {
	width: unset !important;
	position: relative !important;
	display: flex;
	flex: 1;
}

.c3_dlg2 .c3_dlg_f {
	box-shadow: var(--dlg-f-box-shdo);
}
.c3_dlg3 .c3_dlg_f {
	box-shadow: inset 0px 1px 0px var(--c-gray-60);
}

.c3_dlg_doneBtn {
	display: none;
}
.c3_dlg_done .c3_dlg_doneBtn {
	display: flex;
}
.c3_dlg_done .c3_dlg_closeBtn {
	display: none;
}
.c3_dlg_doneTxt {
	color: #999;
}
.c3_dlg_doneTxt:hover {
	color: black;
}

/* side panel */
.c3_sidePnl {
	position: fixed;
	top: calc(2*var(--top-bar-pd-v) + var(--top-bar-h));
	bottom: 0px;
	right: 0px;
	width: var(--sidePnl-w);
	z-index: 100;
	background-color: var(--c-yellow-0);
}

.c3_sidePnlV2 {
	position: fixed;
	top: calc(2*var(--top-bar-pd-v) + var(--top-bar-h));
	bottom: 0px;
	right: 0px;
	width: var(--sidePnl-w);
	z-index: 100;
	background-color: var(--c-white);
	border-radius: 0 !important;
}

.c3_sidePnlHV2 {
    padding: 16px;
    padding-left: 24px;
    background-color: var(--sxnTtlC-bg);
}

.c3_sidePnlClsBtn {
    width: 30px;
    height: 30px;
    background-color: var(--btn-primary0-c);
    right: 100%;
    top: 0;
    box-shadow: 0px 4px 4px #00000040;
}

.c3_sidePnlClsBtn > svg {
    width: 17px;
    height: 17px;
    color: var(--btn-primary0-txt-c);
    transform: rotate(90deg);
}

.c3_TrgSmryBV2 {
    padding: 16px 24px;
}

/* generic data table */
.c3_data_table {
	color: rgb(26, 84, 180);
	width: 100%;
	/*height: 100%;*/
	border-spacing: 10px;
	border-collapse: collapse;
	table-layout: fixed;
}

.c3_data_table tr th{
	background-color: white;
	border-bottom: 2px solid #d9e1e9;
	padding: 2px 5px;
	font-weight: 600;
	font-size: 14px;
	color: #000000;
	position: relative;
}

.c3_data_table tr:nth-child(odd){
	background-color: #f6f6f9;
}

.c3_data_table tr:nth-child(even){
	background-color: #ffffff;
}

.c3_data_table tr td{
	color: #4F5C72;
	border-bottom: 1px solid rgb(218, 233, 236);
	padding: 4px 6px;
	/*text-align: left;*/
	border-right: 1px solid rgb(218,233,236);
}
.z1_google_table_header
{
  color: #000000 !important;
  width: 100%;
  /*height: 100%;*/
  border-spacing: 10px;
  border-collapse: collapse;
  table-layout: fixed;

  background-color: #ebebed !important;
  border-bottom: 2px solid #dae9ec !important;
  padding: 2px 5px;

  color: #000000;
  position: relative;
}

.z1_google_table_row
{
  color: #4F5C72;
  width: 100%;
  /*height: 100%;*/
  border-spacing: 10px;
  border-collapse: collapse;
  table-layout: fixed;

  background-color: #ffffff;
}

.z1_google_table_odd_row
{
  color: #4F5C72;
  width: 100%;
  /*height: 100%;*/
  border-spacing: 10px;
  border-collapse: collapse;
  table-layout: fixed;

  background-color: #f6f6f9;
}

.z1_google_table_cell
{
  color: #4F5C72;
  border-bottom: 1px solid #dae9ec !important;
  padding: 4px 6px;
  /*text-align: left;*/
  border-right: 1px solid #dae9ec !important;
}

th.google-visualization-table-th.gradient.unsorted {
  font-weight: 300;
  font-size: 14px;
  font-family: 'Open Sans', system-ui, sans-serif ;
  border-bottom: 2px solid #dae9ec !important;
}

table.google-visualization-table-table {
  border-color: #dae9ec !important;
}

.google-visualization-table .gradient{
  background-image: none !important;
}

.c3_tr_h>td {
	height: 32px;
}

/* 
Use 2 tables to create a table-ui that 
- has column-heads always visible
- has table body scrollable
- specify px width of all columns excetp name/title
*/
.c3_tbl_dvOuter {
	overflow: hidden;
}
.c3_tbl_dvBody {}
.c3_tbl_dvBody_x_hidden {
	overflow-x: hidden;
}

/* mw - medium width table */
.c3_tbl_dvOuter_mw {
	width: 600px;
}

/* table sort */
.c3_data_table th>.c3_txt_lnk::after {
	content: "\00a0";
	margin-left: 4px;
	min-width: 10px;
	font-size: 90%;
	display: inline-block;
	/*transform: scale(.7);*/
	opacity: .6;
}

th.c3_sort_descending-true>.c3_txt_lnk::after {
	/*content: "\2193";*/
	content: url(res/angleDown.svg);
}
th.c3_sort_descending-false>.c3_txt_lnk::after {
	/*content: "\2191";*/
	content: url(res/angleUp.svg);
}
/* table sort icon */
.c3_lvCHSrtI {
	opacity: 0;
}
.c3_lvCHSrtOn .c3_lvCHSrtI {
	opacity: initial;
}

/* fixed width for table columns
of known types date, count, etc 
note: set width of name/title column
to calc(100% - total(all other columns))
*/
.c3_th_date {
	width: 130px;
}
.c3_th_count {
	width: 90px;
}
.c3_th_0 {
	width: 0px;
}
.c3_th_40 {
	width: 40px;
}
.c3_th_100 {
	width: 100px;
}
.c3_th_150 {
	width: 150px;
}
.c3_th_250 {
	width: 250px;
}
.c3_th_fit {
	width: fit-content;
}


.c3_txt_l {
	text-align: left;
}
.c3_txt_c {
	text-align: center;
}
.c3_txt_c>.c3_lvCHIn.c3_rows_nowrap_start_center {
	justify-content: center;
}
.c3_txt_r {
	text-align: end;
	text-align: right;
}

.c3_txt_lnk {
	cursor: pointer;
}
.c3_txt_lnkUnderline {
	cursor: pointer;
	text-decoration: underline;
}
.c3_txt_lnk:focus,
.c3_txt_lnk:hover {
	cursor: pointer;
	text-decoration: underline;
}
.c3_txt_lnk.c3-c-txt-lnk:focus,
.c3_txt_lnk.c3-c-txt-lnk:hover {
	color: var(--c-txt-lnk);
}

.c3_txt_lnk1 {
	color: var(--lv-ttl-c);
	cursor: pointer;
}
.c3_txt_lnk1:focus,
.c3_txt_lnk1:hover {
	color: #1F5199;
	text-decoration: underline;
}
.c3_txt_lnk1:active {
	text-decoration: none;
	color: var(--c-active);
}

.c3_txt_lnk2 {
	cursor: pointer;
}
.c3_txt_lnk2:hover,
.c3_txt_lnk2:focus {
	color: var(--c-blue-60);
}
.c3_txt_lnk2:active {
  color: var(--c-gray-100);
}

.c3_txt_lnk_noUnderline:focus,
.c3_txt_lnk_noUnderline:hover {
  text-decoration: none;
}

.c3_txt_b {
	font-weight: 600;
}
.c3_txt_i {
	font-style: italic;
}

.c3_txt_blue {
	color: var(--lnk-blue-c);
}

.c3_txt_blue2n {
	color: var(--c-txt-lnk);
}
.c3_txt_blue2 {
	color: var(--lv-ttl-c);
	/*font-weight: 500;*/
	letter-spacing: 0.2px;
}
.c3_txt_blue3 {
	color: var(--lv-ttl-c);
	letter-spacing: 0.2px;
	font-size: 14px;
}
.c3_txt_red {
	color: red;
}
.c3_txt_orange {
  color: var(--c-orange-60);
}
.c3_txt_green {
  color: var(--c-green-45);
}


.c3-ti {
	font-size: 9px;
}

/* corner X close button */
.c3_ti_x {
}

.c3-fa-spin-m {
	font-size: 18px !important;
	color: #333;
}
.c3-fa-spin-lg {
	font-size: 25px !important;
	color: #333;
}

.c3_code {
	border-left: 14px solid rgba(0, 0, 0, 0.41);
	padding: 16px 10px;
	font-size: 13px;
	font-family: monospace;
}

.c3_fld_group {
	background-color: var(--c-gray-40);
	padding: 6px 6px;
}

.c3_grp {
}
.c3_grp>.c3_grp_h {
}
.c3_grp>.c3_grp_b {
	background-color: var(--grp-bg-c);
	padding: 8px;
}

.c3_webkit_scrollbar::-webkit-scrollbar:vertical {
	width: 6px;
	background-color: #f2f2f2;
}

.c3_webkit_scrollbar::-webkit-scrollbar:horizontal {
	height: 6px;
	background-color: #f2f2f2;
}

.c3_webkit_scrollbar::-webkit-scrollbar-thumb {
	background-color: #cdcdcd;
	border-radius: 10px;
}

/* scrollbar - default for chrome */
div::-webkit-scrollbar, section::-webkit-scrollbar, ul::-webkit-scrollbar
	{
	width: var(--scrl-w, 10px);
}
div::-webkit-scrollbar:hover, section::-webkit-scrollbar:hover, ul::-webkit-scrollbar:hover
	{
	background-color: #f2f2f2;
}

div::-webkit-scrollbar:horizontal, section::-webkit-scrollbar:horizontal,
	ul::-webkit-scrollbar:horizontal {
	height: var(--scrl-w, 10px);
}

div::-webkit-scrollbar-thumb, section::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb
	{
	background-color: #cdcdcd;
	border-radius: 10px;
}
.c3_scrlWidth_thin {
	scrollbar-width: thin;
}
/* scroll sizes / thickness */
/* Use 0 size with c3_scrlHvr */
.c3_scrl_x_h0::-webkit-scrollbar:horizontal {
	height: 0px;
}
.c3_scrl_y_w0::-webkit-scrollbar:horizontal {
	width: 0px;
}
/* hide scrollbar */
.c3_scrlHvr::-webkit-scrollbar {
	display: none;
}
.c3_scrlHvr:hover::-webkit-scrollbar {
	display: block;
}

.c3_bgMSGreen { background-color: mediumseagreen; }
.c3_bgGreen { background-color: green; }
.c3_bgNone_i { background-color: transparent !important; }
.c3_bgNone { background-color: transparent; }
.c3_cGreen { color: green; }
.c3_bgOrange { background-color: orange; }
.c3_cOrange { color: orange; }
.c3_white, .c3_bgWhite { background-color: white; }
.c3_cWhite { color: white; }
.c3_cWarn {
	color: var(--c-warn);
}

.c3_bgHRLight {
	background-color: var(--c-gray-50);
}

.c3_h2 {
	min-height: 50px;
}
.c3_subHeading {
	padding: 10px 0px;
	color: rgba(0, 0, 0, .81);
	font-size: 1.08em;
	font-weight: 300;
}

.c3_crd {
	position: absolute;
	z-index: 10000;
	background-color: white;
	border: 1px solid var(--bdr-2-c);
	border-radius: 6px;
	overflow-x: hidden;
	/*overflow-y: auto;*/
	padding: 20px;
	/*margin-top: 3px;*/
	box-shadow: var(--box-shdo);
}
.c3_crd_boxShdo {
	box-shadow: var(--box-shdo-crd);
}

.c3_ffm-inh {
	font-family: inherit;
}

.c3_fs-sm {
	font-size: small;
}
.c3_fs-xs {
	font-size: x-small;
}
.c3_fs-xxs {
	font-size: xx-small;
}
.c3_fs-m {
	font-size: medium;
}
.c3_fs-l {
	font-size: large;
}
.c3_fs-un {
	font-size: unset;
}
.c3_fs7 {
	font-size: 7px;
}
.c3_fs7-5 {
	font-size: 7.5px;
}
.c3_fs8 {
	font-size: 8px;
}
.c3_fs10 {
	font-size: 10px;
}
.c3_fs12 {
	font-size: 12px;
}
.c3_fs14 {
	font-size: 14px;
}
.c3_fs15 {
	font-size: 15px;
}
.c3_fs16 {
	font-size: 16px;
}
.c3_fs17-5 {
	font-size: 17.5px;
}
.c3_fs18 {
	font-size: 18px;
}
.c3_fs19 {
	font-size: 19px;
}
.c3_fs19-5 {
    font-size: 19.5px;
}
.c3_fs20 {
	font-size: 20px;
}
.c3_fs21 {
	font-size: 21px;
}
.c3_fs22 {
	font-size: 22px;
}
.c3_fs24 {
	font-size: 24px;
}
.c3_fs28 {
	font-size: 28px;
}
.c3_fs30 {
	font-size: 30px;
}
.c3_fs32 {
	font-size: 32px;
}
.c3_fs36 {
	font-size: 36px;
}
.c3_fs40 {
  font-size: 40px;
}
.c3_fs44 {
  font-size: 44px;
}
.c3_fs48 {
	font-size: 48px;
}
.c3_fs64 {
	font-size: 64px;
}

@media only screen and (max-width: 1400px) {
  .c3_fs12_1400 {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1460px) {
  .c3_fs12_1460 {
    font-size: 11px;
  }
  .c3_fs16_1460 {
    font-size: 14px;
  }
  .c3_fs22_1460 {
    font-size: 18px;
  }
}

.c3_fw300 {
	font-weight: 300;
}
.c3_fw400 {
	font-weight: 400;
}
.c3_fw450 {
	font-weight: 450;
}
.c3_fw500 {
	font-weight: 500;
}
.c3_fw600 {
	font-weight: 600;
}
.c3_fw700 {
	font-weight: 700;
}
.c3_fwB {
	font-weight: bold;
}

/* lines <div>, combine with bg color */
.c3_hr_05 {
	height: .5px;
}
.c3_hr_1 {
	height: 1px;
}

.c3_min_w20 {min-width: 20px;}
.c3_min_w40 {min-width: 40px;}
.c3_min_w70 {min-width: 70px;}
.c3_min_w90 {min-width: 90px;}
.c3_min_w100pc {min-width: 100%;}
.c3_min_w165 {min-width: 165px;}
.c3_min_w210 {min-width: 210px;}
.c3_min_w220 {min-width: 220px;}
.c3_min_w240 {min-width: 240px;}
.c3_min_w410 {min-width: 410px;}
.c3_min_w1050 {min-width: 1050px;}

.c3_min_h10vh {min-height: 10vh;}
.c3_min_h20vh {min-height: 20vh;}
.c3_min_h40vh {min-height: 40vh;}
.c3_min_h50 { min-height: 50px;}
.c3_min_h150 { min-height: 150px;}

.c3_max_h182 {max-height: 182px;}
.c3_max_h200 {max-height: 200px;}
.c3_max_h350 {max-height: 350px;}


.c3_max_w182 {
  max-width: 182px;
}
.c3_max_w264 {
  max-width: 264px;
}
.c3_max_w350 {
	max-width: 350px;
}
.c3_max_w500 {
	max-width: 500px;
}
.c3_max_w810 {
	max-width: 810px;
}
.c3_max_w890 {
	max-width: 890px;
}
.c3_max_w1152 {
	max-width: 1152px;
}
.c3_max_w1340 {
	max-width: 1340px;
}
.c3_max_w1440 {
	max-width: 1440px;
}
.c3_minMax_w45 {
	min-width: 45px;
	max-width: 45px;
}
.c3_minMax_w60 {
	min-width: 60px;
	max-width: 60px;
}
.c3_minMax_w120 {
	min-width: 120px;
	max-width: 120px;
}
.c3_minMax_w130 {
	min-width: 130px;
	max-width: 130px;
}
.c3_minMax_w140 {
	min-width: 140px;
	max-width: 140px;
}
.c3_minMax_w150 {
	min-width: 150px;
	max-width: 150px;
}
.c3_minMax_w165 {
	min-width: 165px;
	max-width: 165px;
}
.c3_minMax_w180 {
  min-width: 180px;
  max-width: 180px;
}
.c3_minMax_w200 {
  min-width: 200px;
  max-width: 200px;
}
.c3_minMax_w230 {
  min-width: 230px;
  max-width: 230px;
}
.c3_minMax_w280 {
	min-width: 280px;
	max-width: 280px;
}
.c3_minMax_w290 {
	min-width: 290px;
	max-width: 290px;
}
.c3_minMax_w326 {
	min-width: 326px;
	max-width: 326px;	
}
.c3_minMax_w350 {
	min-width: 350px;
	max-width: 350px;	
}
.c3_minMax_w400 {
  min-width: 400px;
  max-width: 400px;
}
.c3_minMax_w540 {
  min-width: 540px;
  max-width: 540px;
}
.c3_minMax_w800 {
  min-width: 800px;
  max-width: 800px;
}
.c3_minMax_w1000 {
  min-width: 1000px;
  max-width: 1000px;
}
.c3_minMax_h40 {
	min-height: 40px;
	max-height: 40px;
}
.c3_minMax_h50 {
	min-height: 50px;
	max-height: 50px;
}
.c3_minMax_h70 {
	min-height: 70px;
	max-height: 70px;
}
.c3_minMax_h90 {
	min-height: 90px;
	max-height: 90px;
}
.c3_minMax_h110 {
	min-height: 110px;
	max-height: 110px;
}
.c3_minMax_h150 {
	min-height: 150px;
	max-height: 150px;
}
.c3_minMax_h165 {
	min-height: 165px;
	max-height: 165px;
}
.c3_minMax_h182 {
	min-height: 182px;
	max-height: 182px;
}
.c3_minMax_h230 {
	min-height: 230px;
	max-height: 230px;
}
.c3_minMax_h245 {
	min-height: 245px;
	max-height: 245px;
}
.c3_minMax_h350 {
	min-height: 350px;
	max-height: 350px;
}
.c3_minMax_h370 {
	min-height: 370px;
	max-height: 370px;
}
.c3_min_wAuto {
  min-width: auto;
}
.c3_min_hAuto {
  min-height: auto;
}

/*
====================================
Devices - layout specific CSS
====================================
*/
@viewport {
	zoom: 1;
	width: device-width;
}

/* Generic small screen criteria. */
@media screen and (max-width:979px) {
	.z1_main_container {
		overflow-y: scroll;
	}

	/* Left column */
	#accordion_container {
		width: 100% !important;
		height: auto !important;
		margin: 0px !important;
	}
	.accordion_container {
		width: 100% !important;
		height: auto !important;
		margin: 0px !important;
	}

	/* center/right column */
	#containerPage {
		float: left !important;
		height: auto !important;
		width: 100% !important;
		margin: 0px !important;
		clear: both;
	}
	.c3_col_center {
		float: left !important;
		height: auto !important;
		width: 100% !important;
		margin: 0px !important;
		clear: both;
	}
	.c3_col_right {
		float: left !important;
		height: auto !important;
		width: 100% !important;
		min-width: 300px;
		margin: 0px !important;
		clear: both;
	}

	/* accordian container sections */
	#who, #what, #which {
		height: auto !important;
	}
	.c3_palette_box {
		clear: none !important;
		width: 300px !important;
		height: auto !important;
		float: left !important;
		border: thin solid silver;
	}

	/* dashboard charts */
	div.pdashboard_content_row>div.pdashboard_content_body {
		width: 100% !important;
		float: left;
		clear: both;
	}
	.c3_pd_box_content_body_wrp.c3_pd_totalStats {
		position: relative;
		width: 100%;
		height: auto;
	}
	.c3_csb_tab_img_new div.rollhover_box {
		font-size: 1vw;
	}
}
/* end - @media query - layout CSS */

/*
====================================
Font-Awesome - fix
====================================
*/
/*

Fontawesome.io, works with bootstrap.css.
Without bootstrap.css it sometimes fails
to load @font-face(font-family: "FontAwesome";src:url(..path to /font/..).
To fix this declare font-family: "FontAwesome" for all
font-awesome specific classes (version 4.0.x classes prefix: 'fa-', in 
old versions prefix was generic 'icon-').

*/
[class^="fa-"], [class*=" fa-"] {
	font-family: "FontAwesome";
}

/* svg - icons */
.c3i {
	width: 100%;
	height: 100%;
	/* default - same as font size */
	width: 1em;
	height: 1em;

	color: inherit;
	fill: currentColor;
}
.c3i_100 {
	width: 100%;
	height: 100%;
}
.c3i_txt {
	/* same as font size */
	width: 1em;
	height: 1em;
}
.c3i_x1 {
	flex: 1;
	width: unset;
	height: unset;
}
.c3i_hd_logo {
	width: 140px;
	height: 28px;
}
.c3i_hd_icon {
	width: 18px;
	height: 18px;
}

/*
====================================
Button styles 
====================================
*/
/* btn group and button [icon + text] layout */
.btn-cont, .btn-grp-fx, .btn-fx, .tab-fx {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.btn-fx {
	justify-content: center;
}
/*
.btn-grp-fx {
	gap: 15px;
}
.btn-fx, .tab-fx {
	gap: 9.25px;
}
*/

.btn-xs, .btn-sm, .btn-n, .btn-lg {
	border-radius: var(--btn-n-br);
	cursor: pointer;
}
@layer layer2 {
	.btn-xs, .btn-sm, .btn-n, .btn-lg {
		border: 1px solid rgba(0, 0, 0, 0);
	}
	/* raised buttons */
	.btn-xs, .btn-sm, .btn-md, .btn-n, .btn-lg {
		/* box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
			0 3px 1px -2px rgba(0,0,0,0.12),
			0 1px 5px 0 rgba(0,0,0,0.2); */
		/* border: 0px; */
		box-shadow: 0 0 2px 0 rgba(0,0,0,0.12),
		0 1px 2px 0 rgba(0,0,0,0.24);
	}
	/* raised button */
	.btn-rsd {
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),
			0 3px 1px -2px rgba(0,0,0,0.12),
			0 1px 5px 0 rgba(0,0,0,0.2);
		border: 0px;
	}
	.btn-flat {
		box-shadow: unset;
	}
}

.c3_btn.c3_txt_lnk {
	box-shadow: unset;
}
/* icon of button with icon + text */
.btn-fx>i,
.btn-xs.c3_rows_nowrap>i,
.btn-sm.c3_rows_nowrap>i,
.btn-md.c3_rows_nowrap>i,
.btn-n.c3_rows_nowrap>i,
.btn-lg.c3_rows_nowrap>i {
	opacity: .87;
	font-size: 81%;
}

.btn-lbl {
	text-transform: capitalize;
}
.btn-lbl-lo {
	text-transform: lowercase;
}
.btn-lbl-up {
	text-transform: uppercase;
}

.btn-icn {
}
.btn-icn-sq {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;

	border: 1px solid var(--c-gray-80);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}
/* no border/outline */
.btn-icn-sq-no-bdr {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;

	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: unset;
}
.btn-icn-sq:hover {
	background-color: var(--c-gray-40);
}
.btn-icn-sq:active {
	box-shadow: inset 0px 2px 0px rgba(0, 0, 0, 0.05);
	background-color: var(--c-gray-50);
}
.btn-icn-sq:focus {
	background-color: var(--c-gray-0);
}
.btn-icn-sq2 {
  background-color: var(--c-gray-30);
  color: var(--c-gray-100);
}
.btn-icn-sq2:focus,
.btn-icn-sq2:hover {
  background-color: var(--c-gray-90);
  color: var(--c-gray-0);
}

.btn-icn-sq-20 {
	width: 20px;
	height: 20px;
}
/* Uses 1px border. 24+2 */
.btn-icn-sq-26 {
	width: 24px;
	height: 24px;
}
.btn-icn-sq-34 {
	width: 34px;
	height: 34px;
}
.btn-icn-sq-40 {
	width: 38px;
	height: 38px;
}
.btn-icn-sq-n {
	width: 28px;
	height: 28px;
}
.btn-icn-sq-m {
	width: 34px;
	height: 34px;
}
.btn-icn-sq-l {
	width: 40px;
	height: 40px;
}
.btn-icn-card {
	border: 1px solid rgba(80, 114, 148, .8);
}

.btn-icn-default {
	color: #999999;
}
.btn-icn-default:hover, .btn-icn-default:active {
	color: #bbbbbb;
}
.btn-icn-primary {
	color: var(--btn-primary-c);
}
.btn-icn-primary:hover, .btn-icn-primary:active {
	color: var(--btn-primary-c);
}
.btn-icn-success {
	color: #60c560;
}
.btn-icn-success:hover, .btn-icn-success:active {
	color: #60c560;
}
.btn-icn-danger {
	color: var(--btn-c-danger);
}
.btn-icn-danger:hover, .btn-icn-danger:active {
	color: var(--btn-hv-c-danger);
}

.btn-default-outline, .btn-primary-outline, .btn-success-outline,
	.btn-info-outline, .btn-warning-outline, .btn-danger-outline {
	background: transparent;
}

.btn-default-outline {
	color: #999999;
	border: 1px solid #bbbbbb !important;
}
.btn-default-outline .caret {
	border-top-color: #bbbbbb;
}
.btn-default-outline:hover, .btn-default-outline.active {
	background: #bbbbbb;
	color: white;
}
.btn-default-outline:hover .caret, .btn-default-outline.active .caret {
	border-top-color: white;
}

.btn-danger {
	background-color: var(--btn-c-danger2);
	border-color: var(--btn-danger-bdr-c);
	color: #FFFFFF;
}
.btn-danger:hover {
	background-color: var(--btn-c-danger2);
	border-color: var(--btn-danger-bdr-c);
}
.btn-danger:active {
	background-color: var(--btn-c-danger2);
	border-color: var(--btn-danger-bdr-c);
}


.btn-primary-outline {
	color: var(--btn-primary-c);
	border: 1px solid var(--btn-primary-c) !important;
}
.btn-primary-outline .caret {
	border-top-color: var(--btn-primary-c);
}
.btn-primary-outline:hover, .btn-primary-outline.active {
	background-color: var(--btn-primary-c);
	color: white;
}
.btn-no-outline.btn-primary-outline:hover, .btn-no-outline.btn-primary-outline.active {
	color: var(--btn-primary-c);
	border: 1px solid var(--btn-primary-c) !important;
	background-color: unset;
}
.btn-primary-outline:hover .caret, .btn-primary-outline.active .caret {
	border-top-color: white;
}

.btn-primary0 {
	background-color: var(--btn-primary0-c);
	border-color: var(--btn-primary0-bdr-c);
	color: var(--btn-primary0-txt-c);
}
.c3_groupButtons .btn-primary0 {
	background-color: inherit;
	border-color: none;
	color: inherit;
}
.btn-primary0:hover {
	background-color: var(--btn-primary0-hvr-c);
	border-color: var(--btn-primary0-hvr-bdr-c);
	color: var(--btn-primary0-c);
}
.c3_groupButtons .btn-primary0:hover {
	background-color: var(--c-purple-40);
	color: var(--btn-primary0-txt-c);
}
.btn-primary0:active {
	background-color: var(--btn-primary0-actv-c);
	border-color: var(--btn-primary0-actv-bdr-c);
}
.btn-primary0-nohvr:hover {
	background-color: var(--btn-primary0-c);
	border-color: var(--btn-primary0-bdr-c);
	color: var(--btn-primary0-txt-c);
}

@layer layer3 {
	.btn-primary0-outline {
		color: var(--btn-primary0-c);
		border: 1px solid var(--btn-primary0-c);
	}
	.btn-primary0-outline:hover, .btn-primary0-outline.active {
		background-color: var(--btn-primary0-c);
		color: var(--btn-primary0-txt-c);
	}
	.btn-no-outline.btn-primary0-outline:hover, .btn-no-outline.btn-primary0-outline.active {
		color: var(--c-purple-40);
		border: 1px solid var(--c-purple-40);
		background-color: unset;
	}
	.btn-primary0-outline:hover .caret, .btn-primary0-outline.active .caret {
		border-top-color: white;
	}
	.c3_groupButtons .btn-primary0-outline:hover {
		background-color: inherit;
		cursor: default !important;
		color: var(--btn-primary0-c);
	}
}

.btn-success-outline {
	color: #60c560;
	border: 1px solid #60c560 !important;
}
.btn-success-outline .caret {
	border-top-color: #60c560;
}
.btn-success-outline:hover, .btn-success-outline.active {
	background: #60c560;
	color: white;
}
.btn-success-outline:hover .caret, .btn-success-outline.active .caret {
	border-top-color: white;
}

.btn-info-outline {
	color: var(--btn-c-info);
	border: 1px solid var(--btn-c-info);
}
.btn-info-outline .caret {
	border-top-color: var(--btn-c-info);
}
.btn-info-outline:hover, .btn-info-outline.active {
	background: var(--btn-c-info);
	color: white;
}
.btn-info-outline:hover .caret, .btn-info-outline.active .caret {
	border-top-color: white;
}

.btn-warning-outline {
	color: #f0ad4e;
	border: 1px solid #f0ad4e !important;
}
.btn-warning-outline .caret {
	border-top-color: #f0ad4e;
}
.btn-warning-outline:hover, .btn-warning-outline.active {
	background: #f0ad4e;
	color: white;
}
.btn-warning-outline:hover .caret, .btn-warning-outline.active .caret {
	border-top-color: white;
}

.btn-purple-outline {
	color: #7d26cd;
	border: 1px solid #7d26cd;
}
.btn-purple-outline .caret {
	border-top-color: #7d26cd;
}
.btn-purple-outline:hover, .btn-purple-outline.active {
	background: #7d26cd;
	color: white;
}
.btn-purple-outline:hover .caret, .btn-purple-outline.active .caret {
	border-top-color: white;
}

.btn-grey-outline {
	color: grey;
	border: 1px solid grey;
}
.btn-grey-outline .caret {
	border-top-color: grey;
}
.btn-grey-outline:hover, .btn-grey-outline.active {
	background: grey;
	color: white;
}
.btn-grey-outline:hover .caret, .btn-grey-outline.active .caret {
	border-top-color: white;
}

.btn-publish-outline {
	color: #67b661;
	border: 1px solid #67b661 !important;
	font-weight: 400 !important;
}
.btn-publish-outline .caret {
	border-top-color:  #67b661;
}
.btn-publish-outline:hover, .btn-publish-outline.active {
	background: #67b661;
	color: white;
}
.btn-publish-outline:hover .caret, .btn-publish-outline.active .caret {
	border-top-color: white;
}

.btn-primary2-outline {
	color: #67b661;
	border: 1px solid #67b661 !important;
	font-weight: 400 !important;
}
.btn-primary2-outline .caret {
	border-top-color:  #67b661;
}
.btn-primary2-outline:hover, .btn-primary2-outline.active {
	background: #67b661;
	color: white;
}
.btn-primary2-outline:hover .caret, .btn-primary2-outline.active .caret {
	border-top-color: white;
}

.btn-secondary-outline {
	color: var(--btn-c-secondary);
	border: 1px solid var(--c-gray-80) !important;
	font-weight: 400 !important;
}
.btn-secondary-outline .caret {
	border-top-color:  var(--c-gray-80);
}
.btn-secondary-outline:hover, .btn-secondary-outline.active {
	background: var(--c-gray-40);
	color: var(--c-gray-110);
}
.btn-secondary-outline:hover .caret, .btn-secondary-outline.active .caret {
	border-top-color: white;
}

.btn-danger-outline {
	color: var(--btn-c-danger);
	border: 1px solid var(--btn-c-danger) !important;
}
.btn-danger-outline .caret {
	border-top-color: var(--btn-c-danger);
}
.btn-danger-outline:hover, .btn-danger-outline.active {
	background: var(--btn-c-danger);
	color: white;
}
.btn-secondary-outline2.btn-group-sel {
	background: var(--c-gray-90);
	color: var(--c-gray-0);
}
.btn-danger-outline:hover .caret, .btn-danger-outline.active .caret {
	border-top-color: white;
}

.btn-magenta-outline {
	color: #d94084;
	border: 1px solid #d94084;
}
.btn-magenta-outline .caret {
	border-top-color: #d94084;
}
.btn-magenta-outline:hover, .btn-magenta-outline.active {
	background: #d94084;
	color: white;
}
.btn-magenta-outline:hover .caret, .btn-magenta-outline.active .caret {
	border-top-color: white;
}

.btn-grey {
	background: #9aa29a;
	border-color: #848883;
	color: #fff;
	cursor:default;
}
.btn-grey:hover, .btn-grey.active {
	background: #9aa29a;
	border-color: #848883;
	color: #fff;
	cursor: default;
}
.btn-indicate-hover{
}
.btn-indicate-hover:hover{
	color: #017AC6;
}

.btn-lightblue {
	background-color: #ffffff;
	border-color: rgb(103, 135, 163);
	color: rgb(103, 135, 163);
}
.btn-lightblue:hover, .btn-lightblue.active {
	background-color: #42526e;
	border-color: #848883;
	color: #f0f0f0;
}

.btn-lightgrey {
	background-color: #f0f0f0;
	border-color: #848883;
	color: #42526e;
}
.btn-lightgrey:hover, .btn-lightgrey.active {
	background-color: #42526e;
	border-color: #848883;
	color: #f0f0f0;
}
.btn-lightgrey-outline {
	color: #42526e;
	border: 1px solid #d9534f !important;
}
.btn-lightgrey-outline .caret {
	border-top-color: #42526e;
}
.btn-lightgrey-outline:hover, .btn-lightgrey-outline.active {
	background: #42526e;
	color: white;
}
.btn-lightgrey-outline:hover .caret, .btn-lightgrey-outline.active .caret {
	border-top-color: white;
}

.btn-white {
	background-color: #fff;
	border-color: #f4f5f7;
	color: #42526e;
}
.btn-white:hover, .btn-white.active {
	background-color: #42526e;
	border-color: #848883;
	color: #f4f5f7;
}

.btn-white2 {
	background-color: white;
	color: var(--c-gray-110);
}
.btn-white2:hover {
	background-color: var(--c-blue-10);
	color: var(--c-gray-110);
}
.btn-white2:active {
	background-color: var(--c-active-wht2);
	color: var(--c-gray-110);
}
.btn-white2-outline {
    background-color: transparent;
    border: 1px solid var(--c-gray-0);
}
.btn-white2-outline:hover {
    background-color: transparent;
}
.btn-white2-outline:active {
    background-color: transparent;
}

.btn-white3 {
	color: var(--c-gray-0);
}
.btn-white3:hover {
	background-color: var(--c-dark-blue-grey);
	color: var(--c-gray-0);
}
.btn-white3:active {
	background-color: var(--c-active-wht3);
	color: var(--c-gray-0);
}
.btn-white3.hvrOutline:hover {
	outline: 3px solid var(--c-dark-blue-grey);
}
.btn-white3.hvrOutline:active {
	outline: 3px solid var(--c-active-wht3);
}
.btn-white3-outline {
    border: 1px solid var(--c-gray-0);
}
.btn-white3-outline:hover {
    border: 1px solid transparent;
}

.btn-sgmt {
	background-color: white;
	color: var(--c-gray-100);
}
.btn-sgmt:active {
	background-color: var(--c-blue-70);
	color: white;
}
.btn-sgmt:hover {
	background-color: var(--c-blue-60);
	color: white;
}
.btn-sgmt.btn-group-sel {
	background-color: var(--btn-sgmt-grayblue-c);
	color: white;
}
.btn-sgmt2{
	background-color: white;
	color: var(--c-gray-100);
}
.btn-sgmt2:active{
	background-color: var(--c-gray-80);
	color: var(--c-gray-0);
}
.btn-sgmt2:hover{
	background-color: var(--c-gray-80);
	color: var(--c-gray-0);
}


.btn-no-outline {
	border-color: transparent !important;
	box-shadow: none;
}

.btn-with-outline {
	border: 2px solid blue
}

.btn-primary {
	background-color: var(--btn-primary-c);
	border-color: var(--btn-primary-c);
	color: #FFFFFF;
}

.btn-press-scl90:active { transform: scale(.90);}

.exportBtn {
	background-color: #fff;
	color: var(--c-blue-50);
	border: 1px solid var(--c-gray-80);
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
}

.btn-disabled {
	cursor: not-allowed;
	color: var(--c-gray-80);
	background-color: var(--c-gray-20);
	/* opacity: .81; */
	border: 1px solid #E9E9E9;
	box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
}
.btn-disabled:hover {}
div.btn-disabled, div.btn-disabled-crsr {
	cursor: not-allowed;
}
/* disable click */
.btn-disabled-click {
	pointer-events: none;
}

.btn-review {
	width:100px !important;
}

/* icon button and text buttons grouped */
.btns-h>* {
	height: var(--btn-h);
}
.btn-h {
	height: var(--btn-h);
}

.btn-rnd {
	border-radius: 50%;
}

.c3_tgl_btn {
	font-size: var(--tgl-sz);
}
.c3_tgl_btn[data-toggle="off"] {
	color: #BDBDBD;
}
.c3_tgl_btn[data-toggle="on"] {
	color: var(--c-tgl-btn-on);
}

.c3_checkMarkBtn {
	font-size: var(--tgl-sz);
}
.c3_checkMarkBtn[data-toggle="off"] {
	color: #BDBDBD;
}
.c3_checkMarkBtn[data-toggle="on"] {
	color: #67b661;
}

.c3_width_30 {
	width: 30px
}
.c3_width_130 {
	width: 130px
}

.c3_mrg_unset {
	margin: unset;
}
.c3_mrg_0auto {
	margin: 0 auto;
}
.c3_mr_top_0 {
	margin-top: 0;
}
.c3_mrg_top_-1{
	margin-top: -1px;
}
.c3_mrg_r_5 {
	margin-right: 5px;
}
.c3_mrg_l_auto {
	margin-left: auto;
}
.c3_mrg_l_10 {
	margin-left: 10px;
}
.c3_mrg_l_4 {
	margin-left: 4px;
}
.c3_mrg_l_-4 {
	margin-left: -4px;
}
.c3_mrg_r_-4 {
	margin-right: -4px;
}
.c3_mrg_r_5imp {
	margin-right: 5px !important;
}
.c3_mrg_20 {
	margin: 20px;
}
.c3_mrg_0imp {
	margin: 0px !important;
}
.c3_mrg-h-0l {
	margin-left: 0px;
}
.c3_mrg-h-0r {
	margin-right: 0px;
}
.c3_mrg-v-0b {
	margin-bottom: 0px;
}
.c3_mrg_v-6b {
  margin-bottom: 6px;
}
.c3_mrg_v-16b {
	margin-bottom: 16px;
}
.c3_mrg-v-0t {
	margin-top: 0px;
}
.c3_mrg_4t {
  margin-top: 4px;
}
.c3_mrg_6t {
  margin-top: 6px;
}
.c3_mrg_n_5t {
  margin-top: -5px;
}
.c3_mrg_10t {
  margin-top: 10px;
}
.c3_mrg_15t {
	margin-top: 15px;
  }
.c3_mrg_24l {
  margin-left: 24px;
}
.c3_mrg_38l {
  margin-left: 38px;
}

.c3_pd_0 {
	padding: 0px;
}
.c3_pd_0imp {
	padding: 0px !important;
}
.c3_pd_0vImp {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.c3_pd_0hImp {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* padding all sides */
.c3_pd_1 {
	padding: 1px;
}
.c3_pd_2 {
	padding: 2px;
}
.c3_pd_4 {
	padding: 4px;
}
.c3_pd_6 {
	padding: 6px;
}
.c3_pd_6tb {
	padding-top: 6px;
	padding-bottom: 6px;
}
.c3_pd_7 {
	padding: 7px;
}
.c3_pd_7b{
	padding-bottom: 7px;
}
.c3_pd_8 {
	padding: 8px;
}
.c3_pd_10 {
	padding: 10px;
}
.c3_pd_12 {
	padding: 12px;
}
.c3_pd_14 {
	padding: 14px;
}
.c3_pd_16 {
	padding: 16px;
}
.c3_pd_20 {
	padding: 20px;
}
.c3_pd_24 {
	padding: 24px;
}
.c3_pd_32 {
	padding: 32px;
}
.c3_pd_40 {
	padding: 40px;
}

/* padding - left and right */
.c3_pd_5h_p {
	padding-left: 5%;
	padding-right: 5%
}
.c3_pd_1h {
	padding-left: 1px;
	padding-right: 1px;
}
.c3_pd_2h {
	padding-left: 2px;
	padding-right: 2px;
}
.c3_pd_4h {
	padding-left: 4px;
	padding-right: 4px;
}
.c3_pd_6h {
	padding-left: 6px;
	padding-right: 6px;
}
.c3_pd_7h {
	padding-left: 7px;
	padding-right: 7px;
}
.c3_pd_8h {
	padding-left: 8px;
	padding-right: 8px;
}
.c3_pd_10h {
	padding-left: 10px;
	padding-right: 10px;
}
.c3_pd_12h {
	padding-left: 12px;
	padding-right: 12px;
}
.c3_pd_14h {
	padding-left: 14px;
	padding-right: 14px;
}
.c3_pd_16h {
	padding-left: 16px;
	padding-right: 16px;
}
.c3_pd_16r {
	padding-right: 16px;
}
.c3_pd_18h {
	padding-left: 18px;
	padding-right: 18px;
}
.c3_pd_20h {
	padding-left: 20px;
	padding-right: 20px;
}
.c3_pd_30h {
	padding-left: 30px;
	padding-right: 30px;
}
.c3_pd_20hScrl {
	padding-left: 20px;
	padding-right: calc(20px - var(--scrl-w));
}
.c3_pd_24h {
	padding-left: 24px;
	padding-right: 24px;
}
.c3_pd_24l {
	padding-left: 24px;
}
.c3_pd_24t {
	padding-top:24px;
}
.c3_pd_24b{
	padding-bottom: 24px;
}
.c3_pd_24hScrl {
	padding-left: 24px;
	padding-right: calc(24px - var(--scrl-w));
}
.c3_pd_24hScrl.c3_scrlHvr {
	padding-right: 24px;
}
.c3_pd_24hScrl.c3_scrlHvr:hover {
	padding-right: calc(24px - var(--scrl-w));
}
@supports (-moz-appearance:none) {
	.c3_pd_24hScrl.c3_scrlHvr:hover {
		padding-right: 24px;
	}
}
.c3_pd_26l {
	padding-left: 26px;
}
.c3_pd_36h {
	padding-left: 36px;
	padding-right: 36px;
}
.c3_pd_40h {
	padding-left: 40px;
	padding-right: 40px;
}
.c3_pd_60h {
	padding-left: 60px;
	padding-right: 60px;
}

.c3_pd-l_4 {
	padding-left: 4px;
}
.c3_pd_l-8 {
	padding-left: 8px;
}
.c3_pd_l-16 {
	padding-left: 16px;
}
.c3_pd_r-10 {
	padding-right: 10px;
}

/* padding - top and bottom */
.c3_pd_1v {
	padding-top: 1px;
	padding-bottom: 1px;
}
.c3_pd_2v {
	padding-top: 2px;
	padding-bottom: 2px;
}
.c3_pd_3v {
	padding-top: 3px;
	padding-bottom: 3px;
}
.c3_pd_4v {
	padding-top: 4px;
	padding-bottom: 4px;
}
.c3_pd_5v {
	padding-top: 5px;
	padding-bottom: 5px;
}
.c3_pd_6v {
	padding-top: 6px;
	padding-bottom: 6px;
}
.c3_pd_7v {
	padding-top:7px;
	padding-bottom: 7px;
}
.c3_pd_8v {
	padding-top: 8px;
	padding-bottom: 8px;
}
.c3_pd_8t {
	padding-top: 8px;
}
.c3_pd_20t {
	padding-top: 20px;
}
.c3_pd_20l {
	padding-left: 20px;
}
.c3_pd_8b {
	padding-bottom: 8px;
}
.c3_pd_10v {
	padding-top: 10px;
	padding-bottom: 10px;
}
.c3_pd_12v {
	padding-top: 12px;
	padding-bottom: 12px;
}
.c3_pd_12b {
	padding-bottom: 12px;
}
.c3_pd_14v {
	padding-top: 14px;
	padding-bottom: 14px;
}
.c3_pd_16t {
	padding-top: 16px;
}
.c3_pd_16v {
	padding-top: 16px;
	padding-bottom: 16px;
}
.c3_pd_16b {
	padding-bottom: 16px;
}
.c3_pd_20v {
	padding-top: 20px;
	padding-bottom: 20px;
}
.c3_pd_24v {
	padding-top: 24px;
	padding-bottom: 24px;
}
.c3_pd_32v {
	padding-top: 32px;
	padding-bottom: 32px;
}
.c3_pd_36v {
	padding-top: 36px;
	padding-bottom: 36px;
}
.c3_pd_40v {
	padding-top: 40px;
	padding-bottom: 40px;
}
.c3_pd_100t {
	padding-top:100px;
}
.c3_pd-b_4 {
	padding-bottom: 4px;
}
.c3_pd-b_6 {
	padding-bottom: 6px;
}
.c3_pd-b_10 {
	padding-bottom: 10px;
}
.c3_pd-b_16 {
	padding-bottom: 16px;
}
.c3_pd-b_20 {
	padding-bottom: 20px;
}
@media screen and ( max-height: 750px ) {
	 .c3_pd_maxH750_4v {
		padding-top: 4px;
		padding-bottom: 4px;
	 } 
}

/* padding-left */
.c3_pd_2l {
	padding-left: 2px;
}
.c3_pd_10l {
	padding-left: 10px;
}
.c3_pd_14l {
	padding-left: 14px;
}


/* padding-right */
.c3_pd_2r {
	padding-right: 2px;
}
.c3_pd_6r {
	padding-right: 6px;
}

.c3_pd-h_0 {
	padding-left: 0;
	padding-right: 0;
}
.c3_pd-v_0 {
	padding-top: 0;
	padding-bottom: 0;
}
.c3_pd_0l {
	padding-left: 0;
}
.c3_pd-h_0l {
	padding-left: 0;
}
.c3_pd-h_0l_imp {
	padding-left: 0 !important;
}
.c3_pd_0r {
	padding-right: 0;
}
.c3_pd-h_0r {
	padding-right: 0;
}
.c3_pd_0b {
	padding-bottom: 0;
}
.c3_pd-v_0b {
	padding-bottom: 0;
}
.c3_pd_0t {
	padding-top: 0;
}
.c3_pd-v_0t {
	padding-top: 0;
}

.c3_opcty0 {
	opacity: 0;
}
.c3_opcty2 {
	opacity: 0.2;
}
.c3_opcty3 {
	opacity: 0.3;
}
.c3_opcty6 {
	opacity: 0.6;
}
.c3_opcty8 {
	opacity: 0.8;
}
/* opcty on hover */
.c3_opcty_hvr1:hover {
	opacity: 1;
}
/* triggered by ancestor */
.c3_opctyXto1_hvr:hover .c3_opctyXto1 {
	opacity: 1;
}

.c3_sOpcty15 {
  stroke-opacity: 0.15;
}

.c3_ptrEvtNone {
  pointer-events: none;
}

.c3_br0 {
	border-radius: 0;
}
.c3_br2 {
	border-radius: 2px;
}
.c3_br3 {
	border-radius: 3px;
}
.c3_br4 {
	border-radius: 4px;
}
.c3_br5 {
	border-radius: 5px;
}
.c3_br6 {
	border-radius: 6px;
}
.c3_br8 {
	border-radius: 8px;
}
.c3_br10 {
	border-radius: 10px;
}
.c3_br12 {
	border-radius: 12px;
}
.c3_br16 {
	border-radius: 16px;
}
.c3_br20 {
	border-radius: 20px;
}
.c3_br50px {
	border-radius: 50px;
}
.c3_br50 {
	border-radius: 50%;
}

/* BR top-left, top-right,.. */
.c3_br10tl {
	border-top-left-radius: 10px;
}
.c3_br10tr {
	border-top-right-radius: 10px;
}
.c3_br20br {
	border-bottom-right-radius: 20px;
}
.c3_br20tr {
	border-top-right-radius: 20px;
}
.c3_br20bl {
	border-bottom-left-radius: 20px;
}
.c3_br20tl {
	border-top-left-radius: 20px;
}

.c3_br0tl {
	border-top-left-radius: 0;
}
.c3_br0bl {
	border-bottom-left-radius: 0;
}
.c3_br0tr {
	border-top-right-radius: 0;
}
.c3_br0br {
	border-bottom-right-radius: 0;
}
.c3_br0tlImp {
	border-top-left-radius: 0 !important;
}
.c3_br0blImp {
	border-bottom-left-radius: 0 !important;
}
.c3_br0trImp {
	border-top-right-radius: 0 !important;
}
.c3_br0brImp {
	border-bottom-right-radius: 0 !important;
}
.c3_br0imp {
	border-radius: 0 !important;
}

.c3_bdr {
	border: var(--bdr-gr50);
}
.c3_bdr_grey60{
	border: var(--bdr-gr60);
}
.c3_bdr_grey80{
	border: var(--bdr-gr80);
}
.c3_bdr_r_grey80 {
	border-right: var(--bdr-gr80);
}
.c3_bdr_r_grey100 {
	border-right: var(--bdr-gr100);
}
.c3_bdr_l_grey100 {
	border-left: var(--bdr-gr100);
}

.c3_bdr_b {
	border-bottom: var(--bdr-gr50);
}
.c3_bdr_b60 {
    border-bottom: var(--bdr-gr60);
}
.c3_bdr_b80 {
	border-bottom: var(--bdr-gr80);
}
.c3_bdr_l {
	border-left: var(--bdr-gr50);
}
.c3_bdr_r {
	border-right: var(--bdr-gr50);
}
.c3_bdr_t {
	border-top: var(--bdr-gr50);
}
.c3_bdr_t80 {
	border-top: var(--bdr-gr80);
}
.c3_bdr_t90 {
	border-top: var(--bdr-gr90);
}
.c3_bdr_t_purple40 {
	border-top: var(--c-purple-40);
}
.c3_bdrW0-5 {
	border-width: 0.5px;
}
.c3_bdrW1 {
	border-width: 1px;
}
.c3_bdrW2 {
	border-width: 2px;
}
.c3_bdrW3 {
	border-width: 3px;
}
.c3_bdrW20 {
	border-width: 20px;
}
.c3_bdr0 {
	border: 0;
}
.c3_bdr0_i {
	border: 0 !important;
}
.c3_bdr1_inhrt {
	border: var(--bdr-1-inhrt);
}
.c3_bdrW0_t {
	border-top-width: 0;
}
.c3_bdrW0_b {
	border-bottom-width: 0;
}
.c3_bdrW0_l{
	border-left-width: 0;
}
.c3_bdrW0_r {
	border-right-width: 0;
}

/* border color (c3_bdrC_*) */
.c3_bdrC_blue10 {
	border-color: var(--c-blue-10);
}
.c3_bdrC_purple40 {
	border-color: var(--c-purple-40);
}
.c3_bdrC_gray60 {
  border-color: var(--c-gray-60);
}
.c3_bdrC_gray80 {
  border-color: var(--c-gray-80);
}
.c3_bdrC_green45 {
	border-color: var(--c-green-45);
}
.c3_bdrC_red50 {
	border-color: var(--c-red-50);
}
.c3_bdrC_Sel {
	border-color: var(--bdr-sel-c);
}
.c3_bdrC_black {
	border-color: var(--c-black);
}
.c3_bdrC_gray0, .c3_bdrC_white {
	border-color: var(--c-gray-0);
}
.c3_bdrC_transparent {
	border-color: transparent;
}

/* c - bdr top */
.c3_bdrC_gray80_t {
	border-top-color: var(--c-gray-80);
}
.c3_bdrC_transparent_t {
	border-top-color: transparent;
}

/* c - bdr right */
.c3_bdrC_transparent_r {
	border-right-color: transparent;
}

/* c - bdr bottom */
.c3_bdrC_gray80_b {
	border-bottom-color: var(--c-gray-80);
}
.c3_bdrC_transparent_b {
	border-bottom-color: transparent;
}

/* c - bdr left */
.c3_bdrC_transparent_l {
	border-left-color: transparent;
}

.c3_bdr_btm_paleYellow{
	border-bottom: 1px solid var(--c-yellow-0);
}
.c3_bdr_b_trans {
	border-bottom: transparent;
}
.c3_bdr_t_trans {
	border-top: transparent;
}

.c3_bdr_stl_dash {
	border-style: dashed;	
}
.c3_bdr_t_stl_dot {
	border-top-style: dotted;
}
.c3_bdr_b_stl_dot {
	border-bottom-style: dotted;
}
.c3_bdr_stl_dash {
	border-style: dashed;
}
.c3_bdr_stl_solid {
  border-style: solid;
}

/* border hover '_hv' */

.c3_bdrW2_hv:hover {
	border-width: 2px;
}

.c3_bdrC_blue50_hv:hover {
	border-color: var(--c-blue-50);
}

/* icon container */
.c3_sq10 {
	width: 10px;
	height: 10px;
}
.c3_sq12 {
	width: 12px;
	height: 12px;
}
.c3_sq14 {
	width: 14px;
	height: 14px;
}
.c3_sq16 {
	width: 16px;
	height: 16px;
}
.c3_sq19 {
	width: 19px;
	height: 19px;
}
.c3_sq20 {
	width: 20px;
	height: 20px;
}
.c3_sq21 {
	width: 21px;
	height: 21px;
}
.c3_sq24 {
	width: 24px;
	height: 24px;
}
.c3_sq32 {
	height: 32px;
	width: 32px;
}
.c3_sq36 {
	height: 36px;
	width: 36px;
}
.c3_sq50 {
	width: 50px;
	height: 50px;
}

.c3_ht1 {
	height: 1px;
}
.c3_ht2 {
	height: 2px;
}
.c3_ht6 {
	height: 6px;
}
.c3_ht12 {
	height: 12px;
}
.c3_ht14 {
	height: 14px;
}
.c3_ht16 {
	height: 16px;
}
.c3_ht20 {
	height: 20px;
}
.c3_ht24 {
	height: 24px;
}
.c3_ht32{
	height: 32px;
}
.c3_ht36 {
	height: 36px;
}
.c3_ht63 {
	height: 63px;
}
.c3_ht40 {
	height: 40px;
}
.c3_ht140 {
	height: 140px;
}
.c3_ht5em {
	height: 5em;
}
.c3_ht120 {
	height: 120px;
}
.c3_ht350 {
	height: 350px;
}
.c3_ht72pc {
  height: 72%;
}
.c3_ht100pc {
	height: 100%;
}

.c3_wt0-5 {
	width: .5px;
}
.c3_wt1 {
	width: 1px;
}
.c3_wt4ch {
	width: 4ch;
}
.c3_wt7 {
	width: 7px;
}
.c3_wt24 {
	width: 24px;
}
.c3_wt48 {
	width: 48px;
}
.c3_wt58 {
	width: 58px;
}
.c3_wt68 {
	width: 68px;
}
.c3_wt72 {
	width: 72px;
}
.c3_wt78 {
	width: 78px;
}
.c3_wt98 {
	width: 98px;
}
.c3_wt100 {
  width: 100px;
}
.c3_wt120 {
  width: 120px;
}
.c3_wt140 {
	width: 140px;
}
.c3_wt214 {
  width: 214px;
}
.c3_wt264 {
	width: 264px;
}
.c3_wt524 {
	width: 524px;
}
.c3_wt563 {
	width: 563px;
}
.c3_wt800 {
	width: 800px;
}
.c3_wt30pc {
	width: 30%;
}
.c3_wt45pc {
	width: 45%;
}
.c3_wt60pc {
	width: 60%;
}
.c3_wt67pc {
	width: 67%;
}
.c3_wt72pc {
  width: 72%;
}
.c3_wt75pc {
	width: 75%;
}
.c3_wt98pc {
	width: 98%;
}
.c3_wt100pc {
	width: 100%;
}
.c3_wt300_min {
	min-width: 300px;
}
.c3_wt600_min {
	min-width: 600px;
}

.c3_wUnsetImp {
	width: unset !important;
}

.c3_XBtn_TR4 {
	top: 4px;
	right: 4px;
}

.c3_ls1 {
	letter-spacing: 1px;
}

.btn-group > *:not(:last-child):not(:only-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group > *:not(:first-child):not(:only-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*
===============================================
  Main page shell
===============================================
*/
#z1_main {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	background-color: var(--pg-bg-c);
}

.z1_banner {
	width: var(--bar-w);
	background-color: var(--bar-bg-c);
	box-shadow: 1px 0 3px 1px rgb(102, 98, 115, 0.8);
	z-index: 1;
}

.z1_banner .z1_logo {
	color: var(--c-gray-45);
	font-size: 18px;
	font-weight: bold;
	margin-left: 10px;
}

.logo {
	height: 30px;
	padding-top: 5px;
}

.z1_banner_info {
	position: absolute;
	right: 10px;
	top: 0;
	width: 70px;
	float: none;
}

.z1_user_settings {
	float: right;
	top: 15px;
	position: absolute;
	/*left: 94%;*/
	right: 0px;
	margin-right: 2px;
}

.z1_main_container {
	background-color: #DAE3FF;
	bottom: 0;
	overflow: auto;
	/* width: 100%; */
}

.z1_main_container_inside {
	/* position: absolute; */
	/* top: 60px; */
}

.z1_main_page {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: var(--pg-bg-c);
}

.z1_main_menu_pane {
	/* align-self: stretch; */
}

.z1_page_content {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.z1_banner_help {
	position: absolute;
	right: 10px;
	top: 14px;
	color: white;
	cursor: pointer;
}

.z1_banner_help:hover {
	text-decoration: underline;
}

/*
 ====================================
 | Bread crumbs
 ====================================
 */
.z1_crumb_ctrl {
	
}

.z1_crumb_text {
	float: left;
	font-size: 11px;
}

.z1_crumb_text:HOVER {
	text-decoration: underline;
	cursor: pointer;
}

.z1_crumb_sep {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}

/*
 ===========================================
 | Main page menu
 ===========================================
 */
.c3_poweredby {
	transform: rotate(-90deg);
	color:  silver;
	font-size: 12px;
	position: relative;
	font-style: italic;
}
.c3_poweredby>div {
	position: absolute;
	left: -31px;
	top: -10px;
}
.c3_mnu1Bx1, .c3_mnu1Bx2 {
	z-index: 10;
}
.z1_canvas_menu_item {
	vertical-align: middle;
	width: 60px;
	color: snow;
	cursor: pointer;
	padding: 10px 5px;
}

.z1_canvas_menu_item, .c3_topLMenuBtn,
.c3_topRMenuBtn {
	color: var(--top-mnu-c);
	cursor: pointer;
}

.z1_canvas_menu_item:hover, .c3_topLMenuBtn:hover,
.c3_topRMenuBtn:hover {
	color: var(--top-mnu-c-hv);
}

.z1_canvas_menu_item.active {
	color: var(--ac-mnu-sel-c);
	background-color: transparent;
}

.z1_canvas_menu_item_image {
	text-align: center;
	position: relative;
}

.z1_canvas_menu_item_text {
	font-size: 10px;
	vertical-align: middle;
	text-align: center;
	margin-top: 6px;
	font-family: Roboto, system-ui;
	letter-spacing: 0.4px;
}
.c3_mnu1BxL2 .c3_mnu1Lbl {
	text-transform: uppercase;
}

/*
 ============================================
 Common styles for each page
 ============================================
 */
.z1_topic_header {
	right: 0px;
	color: var(--pg-tp-c-brdcrmb-c);
	padding: 10px 0px 10px 20px;
	/* background: #0055a9; */
	/*background: #333;*/
	/* border-bottom: 1px solid #dddddd; */
	font-size: 14px;
	margin: 0;
	left: 0px;
	top: 0px;
	height: 22px;
	font-weight: 300;
	position: relative;
}

.c3_goal_title_header {
	right: 0px;
	position: absolute;
	color: #999999;
	padding: 10px 0px 10px 0px;
	/* background: #A3B3C3;*/
	border-bottom: 1px solid #dddddd;
	font-size: 16px;
	margin: 0;
	left: 0px;
	top: 0px;
	height: 32px;
}
.tabBtn {
	font-size: 24px;
	font-style: normal;
}

/*
 ============================================
 Goal Page
 ============================================
 */
.c3Icon {
	font-size: 120%;
	font-style: normal;
	margin-right: 10px;
	padding-bottom: 5px;
}

.c3_activeBtn {
	text-align: center;
	background: #67b661;
	font-size: 13px;
	font-weight: 300;
	color: #fff;
	width: 100px;
	line-height: 15px;
	position: absolute;
	top: 0;
	right: 40px;
	padding: 7px 10px;
}

.c3_activeBtn:hover {
	background: #0055a9;
}

.c3_deleteBtn {
	text-align: center;
	background: none !important;
	font-size: 13px;
	font-weight: 300;
	color: #535353 !important;
	line-height: 15px;
	padding: 9px 10px !important;
	border: solid 1px #535353 !important;
}

.c3_deleteBtn:hover {
	background: #535353 !important;
	color: #fff !important;
}

.c3_deleteBtn2{
	color: var(--c-gray-0);
	background-color: var(--c-red-40);
}
.c3_deleteBtn2:hover{
	background-color: var(--c-gray-0);
	color: var(--c-red-40);
}
.c3_addBtn {
	text-align: center;
	background: none !important;
	font-size: 13px;
	font-weight: 300;
	color: #67b661 !important;
	line-height: 15px;
	padding: 9px 10px !important;
	border: solid 1px #67b661 !important;
}

.c3_addBtn:hover {
	background: #67b661 !important;
	color: #fff !important;
}

.c3_addBtn1 {
	text-align: center;
	background: none !important;
	font-size: 13px;
	font-weight: 300;
	color: #ECAF51 !important;
	line-height: 15px;
	padding: 9px 10px !important;
	border: solid 1px #ECAF51 !important;
}

.c3_addBtn1:hover {
	background: #ECAF51 !important;
	color: #fff !important;
}

#newGoalLink:hover {
	opacity: 1;
	background: #f7f2d8;
	color: #007aff;
}

.newGoalBtn, .newQueryBtn, .newTagBtn, .copyTagBtn {
	font-size: 85%;
	font-style: normal;
	margin-right: 4px;
	font-weight: normal;
}

.c3_goals_cursor_pointer {
	cursor: pointer;
}

.c3_goals_padding {
	padding: 0px 10px 0px 0px;
}
/*
============================================
Goal Summary Widget
============================================
*/
.goals {
	/*top: 90px;*/
	/*bottom: 55px;*/
	/*position: absolute;*/
	overflow-x: hidden;
	overflow-y: auto;
	/*width: 100%;*/
}

.c3_goalContainer {
	position: absolute;
	top: 43px;
	bottom: 1px;
	left: 0;
	right: 0;
}

.c3_goal_body_cont .c3_goalContainer {
	top: 63px;
}

.c3_create_new_goal, .c3_create_new_query, .c3_create_new_tag {
	background: #fff;
	width: 200px;
	height: 90px;
	float: left;
	margin: 30px 30px 30px 30px;
	border: 1px dashed rgb(209, 206, 206);
	border-radius: 5px;
	padding: 80px 50px 20px 50px;
	text-align: center;
	cursor: pointer;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
}

.c3_goal_summary_outerDiv {
	background: #fff;
	/*width: 317px;*/
	height: 180px;
	margin: 28px 0px 10px 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.17);
	border: 1px solid #E9E9E9;
}

.c3_goal_infoDiv {
	height: 62px;
	padding: 16px 14px 5px 14px;
}

.c3_goals_collection {
	float: left;
	margin: 30px 30px 30px 30px;
}

.c3_goal_summary_title {
	font-size: 18px;
	/*font-family: "Lato", sans-serif !important;*/
	font-family: 'Open Sans', sans-serif !important;
	color: #0154a6;
	cursor: default;
	font-weight: 400;
	line-height: 1;
}

.c3_goal_summary_description {
	font-size: 12px;
	color: #767676;
	word-wrap: break-word;
	padding-top: 6px;
	font-weight: 400;
	padding-bottom: 2px;
	cursor: default;
}

.c3_goal_summary_divLeft {
	background: #fff;
	float: left;
	width: 140px;
	height: 82px;
	border: 1px solid var(--c-grayish-azure-100);
	margin-right: 8px;
}

.c3_goal_summary_divLeft:first-child {
	margin-left: 14px;
}

.c3_goal_summary_orange_text {
	color: #b6d96c;
	font-size: 36px;
	font-weight: normal;
}

.c3_goal_summary_red_text {
	color: #edb292;
	font-size: 36px;
	font-weight: normal;
}

.c3_goal_summary_blue_text {
	color: #92c3d7;
	font-size: 36px;
	font-weight: normal;
}

.c3_goal_summary_heading {
	font-size: 14px;
	color: #8e8e8e;
}

.c3_goal_summary_widget_hover {
	opacity: 0.5;
	background-color: #ddd !important;
	/*border:gray;*/
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.37);
}

.c3_goal_summary_widget_suspend {
	border-color: #999999;
	background: #faf1e8;
}

.c3_goal_summary_widget_suspend .c3_goal_summary_divLeft {
	background: #faf1e8;
}

.c3_goal_summary_action_suspend {
	border-color: red;
}

.c3_goal_summary_widget_incomplete {
	border-color: var(--c-gray-60);
}

.c3_goal_summary_action_incomplete {
	border-color: var(--c-gray-60);
}

.c3_goal_item_container {
	width: 322px;
	height: 220px;
	float: left;
	margin: 0 0 0 2.7%;
	position: relative;
}

.c3_goal_item {
	position: absolute;
	top: 40%;
	text-align: right;
	height: 25px;
	margin-left: 120px;
	margin-top: 20px;
	z-index: 9;
}

.c3_goal_item_actions_img {
	padding: 3px 3px 3px 3px;
	cursor: pointer;
}

.c3_goal_item_visibility, .c3_chart_selector_item_visibility {
	display: none;
}

.c3_css_chart_selector_item_icon {
	font-size: 75px;
	color: #777;
}

.c3_createChart_QSCH {
	padding: 5px 0px 5px 0px;
}

.c3_createChartF {
    padding: 0px 20px 20px 0px;
}

.c3_chart_selector_outerDiv:hover {
	cursor:pointer;
}

.c3_goal_summary_widget_opacity {
	opacity: 0.6;
}

.c3_goal_status_icon {
	float: right;
	bottom: 0px;
	right: 0px;
}
.c3_goal_ovChtHdCont {
	margin-top: 10px;
}
.c3_goal_ovChrt {
	padding-top: 20px;
}
.c3_goal_ovTtl {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
	color: var(--pg-tp-c-brdcrmb-c);
}
.editBtn, .cloneBtn, .c3_trAxnBtn {
	font-size: 120%;
	font-style: normal;
	cursor: pointer;
	color: #666666;
	background: #cacacc;
	padding: 9px 10px;
	border: solid 2px #fff;
	border-radius: 19px;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
}
.editBtn:hover, .cloneBtn:hover, .c3_trAxnBtn:hover {
	font-size: 200%;
	padding: 9px 11px;
	border-radius: 25px;
}

.editBtn a {
	color: #666666;
	text-decoration: none;
}

.suspendBtn {
	font-size: 110%;
	font-style: normal;
	padding-right: 20px;
	cursor: pointer;
	color: #666666;
	background: #cacacc;
	padding: 11px 11px;
	border: solid 2px #fff;
	border-radius: 19px;
	transition: all 0.2s ease-in-out 0s;
}
.suspendBtn:HOVER {
	font-size: 190%;
	padding: 9px 11px;
	border-radius: 25px;
}

.timeBtn {
	font-size: 130%;
	font-style: normal;
	padding-right: 20px;
	cursor: pointer;
	color: #666666;
	background: #cacacc;
	padding: 9px 10px;
	border: solid 2px #fff;
	border-radius: 19px;
	transition: all 0.2s ease-in-out 0s;
}
.timeBtn:HOVER {
	font-size: 190%;
	padding: 9px 11px;
	border-radius: 25px;
}

.deleteBtn {
	font-size: 120%;
	font-style: normal;
	cursor: pointer;
	color: #666666;
	background: #cacacc;
	padding: 9px 10px;
	border: solid 2px #fff;
	border-radius: 19px;
	transition: all 0.2s ease-in-out 0s;
}
.deleteBtn:HOVER {
	font-size: 210%;
	padding: 9px 12px;
	border-radius: 25px;
}
/*******************************************
Edit/Create Goal Page
*******************************************/

/* Left column */
#accordion_container {
	float: left;
	height: 100% !important;
	margin-top: 2px;
	background: #fff;
	width: 19.9%;
}

/* 
Right column
margin-left = width of left column 
*/
#containerPage {
	/* margin-left: 20%; */
	/* width: 100%; */
	height: 100%;
	width: 80%;
	float: left;
}

/* wrapper div with id/class='uniqName_1_..' */
#containerPage>div {
	height: 100%;
	width: 100%;
}

.c3_col_center {
	float: left;
	height: 100%;
	width: 74.9%;
	background-color: #f7f7f7;
	border-right: solid 1px var(--c-grayish-azure-100);
	position: relative;
}

.c3_col_center-inner {
	overflow-y: hidden;
	background: #fff;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	position: absolute;
	top: 42px;
	bottom: 60px;
	left: 0;
	right: 0;
}

.c3_col_right {
	float: right;
	width: 24.97%;
	height: 100%;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
}

.c3_dnd_target {
	top: 0;
	/*bottom: 0px;*/
	/* padding: 8% 8.8%; */
	clear: both;
	/*overflow:auto;*/
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	left: 0;
	right: 0;
}

/* c3_dnd_target_segments */
.c3_dnd_who_segment {
	bottom: 0px;
}

.c3_dnd_target_signals {
	background-color: #ffffff !important;
	/* height: 135px; */
	padding: 0px !important;
	/*opacity: .95 !important;*/
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
}

.c3_dnd_target_actions {
	overflow-y: auto;
	position: absolute;
	right: 0;
	left: 0;
	background-color: #fff; /* #f1fbff; */
	border-bottom: 2px solid;
	border-bottom-color: rgba(179, 229, 252, 0.2);
	/*height: 100px;*/
	bottom: 0px;
	top: 0;
	overflow-x: hidden;
}

#c3_signal_dnd_container {
	overflow-y: auto;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 50px;
	top: 0;
	overflow-x: hidden;
}

#c3_actions_dnd_container {
	/*margin:50px 150px;*/
	padding: 50px 150px 0px 150px;
	overflow-y: auto;
	height: 380px;
}

#c3_signal_dnd_container .c3_dnd_target, #c3_actions_dnd_container .c3_dnd_target
	{
	margin: 0px !important;
	position: relative;
	height: 100%;
}

#c3_signal_dnd_container>div, #c3_actions_dnd_container>div {
	margin: 0 !important;
	padding: 20px;
	height: 120px;
}

#c3_signal_dnd_container>div {
	position: relative;
}

.c3_segment_dnd_hint, .c3_dnd_hint {
	text-align: center;
	/*padding-top: 23%;*/
	color: #3c3c3d;
}

.c3_dnd_signal_activity .c3_dnd_hint {
	padding-top: 1%;
}

.c3_dnd_signal .c3_dnd_hint {
	padding-top: 1%;
	font-size: 13px;
	color: #838383;
}

#c3_dnd_hint_target {
	text-align: center;
	color: #aaa;
	/* position: relative; */
	margin-top: 19%;
	font-size: 16px;
}

/* canvas plus icon */
.c3_dnd_plus {
	float: left;
	font-style: normal;
	color: #9fc2d0;
	/* border-radius: 16px; */
	width: 22px;
	height: 22px;
	text-align: center;
	margin-top: 7%;
	margin-left: 3%;
	font-size: 14px;
	padding: 2px 3px;
	/* border: 2px solid #9fc2d0; */
	/* background: #000; */
	background: url(res/circle_plus.png) top left no-repeat !important;
}

.c3_dnd_actions .c3_dnd_plus {
	margin-top: 35px;
}
/* signal - sources */
.c3_dnd_signal_source .c3_dnd_plus {
	margin-top: calc(3% + 45px - 12px);
	margin-left: calc(5% + 4px);
	padding-right: 0px;
}

.c3_dnd_plus_segments {
	
}

.c3_dnd_plus_actions {
	
}

/* highlight - dnd who/segments screen */
.c3_dnd_who_highlight {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7EF),
		color-stop(1, #FCFCED));
	background-image: -o-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: linear-gradient(to bottom, #F7F7EF 0%, #FCFCED 100%);
}
/* highlight - dnd which/signals screen */
.c3_dnd_signal_highlight {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7EF),
		color-stop(1, #FCFCED));
	background-image: -o-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: linear-gradient(to bottom, #F7F7EF 0%, #FCFCED 100%);
}
/* highlight - dnd what screen */
.c3_dnd_actions_highlight {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F7F7EF),
		color-stop(1, #FCFCED));
	background-image: -o-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -moz-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: -ms-linear-gradient(bottom, #F7F7EF 0%, #FCFCED 100%);
	background-image: linear-gradient(to bottom, #F7F7EF 0%, #FCFCED 100%);
}

/* swimlane tab */
.c3_signals_swln_tab {
	width: 16px;
	text-align: center;
	position: absolute;
	right: 24px;
	bottom: 0px;
	/* background-color: ghostwhite; */
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom: 1px solid;
	font-size: small;
	padding: 2px 0px 2px 0px;
	border-left: 1px solid;
	border-right: 1px solid;
	color: rgba(50, 50, 50, 0.17);
	border-top-style: solid;
	border-top-color: white;
	border-top-width: 4px;
}

.c3_signals_swln_tab:hover {
	cursor: pointer;
	color: white;
	background-color: dimgray;
}

/* dnd dropped item buttons */
.c3_dnd_pbitem_btns_cont {
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
	background: none;
	padding: 1px;
	z-index: 2;
}

.c3_dnd_dropped_item_cont:hover .c3_dnd_pbitem_btns_cont {
	display: block;
}

.c3_dnd_target .dojoDndItemOver {
	cursor: default !important;
}

.c3_dnd_pbitem_btn {
	float: left;
	border-radius: 3px;
	background: none;
	padding: 4px;
	border-radius: 3px;
	text-align: center;
	width: 14px;
	height: 14px;
	color: #c1c1c1 !important;
}

.c3_dnd_dropped_item_cont .c3_dnd_pbitem_btn:hover {
	cursor: pointer;
	color: #454545 !important;
}

.c3_dnd_pbitem_btn i {
	font-style: normal !important;
}

.c3_dnd_pbitem_btn_edit {
	
}

.c3_dnd_remove {
	
}
/* wrapper div for dropped .c3_palette_box_item
set only position styling */
.c3_dnd_dropped_item_cont {
	position: relative !important;
	display: inline-block;
	float: left;
}

.c3_dnd_or {
	clear: both;
	width: 100%;
	text-align: center;
	color: rgba(153, 153, 153, 0.5);
	font-size: 90%;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.c3_seg_activity_and {
	margin: 10px 0px;
	flex: 0 0 auto;
}

.c3_axn_frm_cont {
	position: relative;
	height: 100%;
}

.c3_axn_frm_btn_cont {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9;
}

#who_button, #which_button, #what_button {
	background-repeat: no-repeat;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	color: #6A92C3;
	outline-style: none !important;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border-bottom: solid 1px var(--c-grayish-azure-100);
}

.c3_tooltip_new i {
	font-size: 14px !important;
	font-style: italic !important;
	color: #4E4B45 !important;
}

.c3_tooltip_new span {
	font-size: 12px;
	font-style: normal;
	color: #838383;
}

.c3_tooltip_clear i {
	font-size: 14px !important;
	font-style: italic !important;
	color: #4E4B45 !important;
}

.c3_tooltip_clear span {
	font-size: 12px;
	font-style: normal;
	color: #838383;
}

.c3_tooltip_save i {
	font-size: 14px !important;
	font-style: italic !important;
	color: #4E4B45 !important;
}

.c3_tooltip_save span {
	font-size: 12px;
	font-style: normal;
	color: #838383;
}

:focus {
	outline: none;
}

.c3_goal_tooltip_title>span {
	margin-left: 8px;
	font-weight: bold;
	font-size: large;
	font-family: 'Open Sans', sans-serif !important;
	text-shadow: none !important;
}

.c3_goal_tooltip_row {
	margin-top: 4px;
}

.c3_goal_tooltip_topic {
	font-weight: bold;
	text-shadow: none !important;
	text-transform: uppercase;
}

.c3_goal_tooltip_descr {
	
}

#who_wrapper, #which_wrapper, #what_wrapper {
	/*background: white;*/
	background: #efefef;
	/*border: 1px solid #ededed;*/
	border: none;
	margin-bottom: 0px;
}

.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
	border: none;
	border-bottom: solid 1px var(--c-grayish-azure-100);
}

.c3_goals_createBtn {
	padding-top: 10px;
	text-align: center;
	background: #fcf8e3;
	border: 1px solid #fbeed5;
	font-size: 12px;
	color: #888;
	width: 240px;
	height: 25px;
	margin-left: 10px;
	font-weight: normal;
}

.c3_mnuCat {
	font-size: 13px;
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding-top: 7px;
	color: rgba(0, 0, 0, 0.9);
	font-weight: normal;
	padding-left: 10px;
	background: transparent;
	border-bottom: solid 1px var(--c-grayish-azure-100);
	cursor: pointer;
}

.c3_mnuCat:hover {
	background: #eaf6f6;
}

.c3_goals_goalTitle:hover {
	background: var(--c-gray-57);
	cursor: pointer;
}

.c3_goals_selected_accordion_content_div {
	background: var(--c-grayish-azure-100);
	font-size: 13px;
	height: 25px;
	/*width: 95.3%;*/
	margin: 0px 0px 0px 0px;
	padding-top: 7px;
	color: #285361;
	padding-left: 10px;
	font-weight: normal;
	border-right: solid 3px #0059b0;
}

.c3_insight_selected_accordion_content_div {
	background: var(--c-grayish-azure-100);
	font-size: 13px;
	height: 25px;
	/*width: 95.3%;*/
	margin: 0px 0px 0px 0px;
	padding-top: 7px;
	color: #285361;
	padding-left: 10px;
	font-weight: normal;
	border-right: solid 3px #0059b0;
	border-bottom: none;
}

/* accordion buttons { signalGroup 1, ..} */
.c3_accordion_btn_container {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 34px;
}

.c3_accordion_btn_container:hover {
	cursor: pointer;
}

/* accordion - actions button label */
.c3_actions_sg_name {
	
}

/* accordion - actions button icon */
.c3_actions_sg_state_icon {
	/*float: right;*/
	font-style: normal;
	font-size: 122%;
	margin-right: 4px;
	font-weight: normal;
	position: absolute !important;
	right: 15px !important;
}

.c3_accordion_btn_container .fa-check-square-o {
	color: #70a31e;
}

.c3_accordion_btn_container .fa-edit {
	color: #ff921d;
}

.c3_actions_sg_btn_icon_right {
	color: #70a31e;
	position: absolute;
	font-style: normal;
	margin-top: 10px;
	right: 20px;
}

.c3_acrd_btn_wrp {
	position: relative;
	/* border-bottom: 1px solid #e5e5e5; */
	/* border-color: rgba(220, 220, 220, 0.15); */
}

.c3_acrd_btn_wrp:hover .c3_acrd_btns_pnl {
	display: block;
}

.c3_acrd_btns_pnl {
	position: absolute;
	right: 10px;
	top: 25%;
	display: none;
	/*background-color: beige;*/
	z-index: 10;
}

.c3_acrd_pnl_btn {
	float: left;
	padding: 2px;
	margin-left: 6px;
	cursor: pointer;
	/*background-color: aliceblue;*/
	color: dimgray;
	border: 1px solid rgba(192, 192, 192, 0);
	border-radius: 3px;
}

.c3_acrd_pnl_btn:hover {
	background-color: aliceblue;
	border: 1px solid silver;
	border-radius: 3px;
}

.c3_acrd_spacer {
	/*background-color: rgba(255, 228, 196, 0.4);*/
	width: 40px;
	position: absolute;
	/*height: 100%;*/
	right: 3px;
	top: 25%;
}

/*
============================================
Segments
============================================
*/
.c3_segments_btn_row {
	width: 100%;
	/*margin-top: 4px;*/
	clear: both;
	/*position:fixed;
    bottom:23%;
    width:57.7%;*/
	/* margin-bottom:1%; */
	position: absolute;
	bottom: 0px;
	height: 40px;
}

.c3_segments_btn_row>span {
	float: right;
	margin-right: 1.5%;
	margin-bottom: 1.5%;
	font-size: medium;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	color: #bbbbbb;
	background: white;
	border: 1px solid #bbbbbb;
}

/*
============================================
Signals
============================================
*/
.c3_dnd_signal {
	float: left;
	height: 100%;
	/*padding: 4px;*/
}

.c3_dnd_signal_segment {
	width: 21%;
	background-color: #e5f3fe;
}

.c3_dnd_signal_activity {
	width: 21%;
	background-color: #f1fbff;
}

.c3_dnd_signal_source {
	width: 58%;
	/*width: 79%;*/
	background-color: #fff;
	height: 120px;
	overflow-x: hidden;
	overflow-y: auto;
}

/*
============================================
Actions
============================================
*/
.c3_actions_col_1 {
	float: left;
	width: 30%;
	height: 100%;
	border-right: thin solid #82bcdb;
}

.c3_actions_col_2 {
	float: right;
	width: 100%;
	height: 100%;
}

.c3_dnd_actions_signalGroupName {
	overflow-wrap: break-word;
}

.c3_action_plus-icon_1 {
	font-size: 16px;
	color: #949597;
	position: absolute;
	top: 39%;
	left: 27.5%;
	border: solid 1px #949597;
	border-radius: 16px;
	padding: 3px 5px 2px 5px;
	width: 13px;
}

.c3_action_plus-icon_1>i {
	font-style: normal !important;
}

.c3_actions_col_2 .c3_dnd_hint {
	padding-top: 4px !important;
	font-size: 16px;
	color: #aaa;
}

/*
============================================
Palette Widget
============================================
*/
.c3_palette_container {
	height: 100%;
	position: relative;
}

.c3_palette_container_body {
	width: 100%;
}

.c3_palette_title {
	padding: 4px;
	background-color: var(--c-grayish-azure-100);
	font-size: larger;
	height: 25px;
	width: 98%;
}

.c3_palette_title_text {
	color: #285361;
	font-size: 14px;
}

.c3_palette_title_icon {
	color: #999;
	padding: 4px;
}

.c3_palette_title_after {
	cursor: pointer;
	margin-right: 6px;
	color: #999;
}

.c3_palette_box {
	background-color: #ffffff;
	clear: both;
	width: 100%;
	border-top: thin solid var(--c-grayish-azure-100);
	display: inline-block;
	height: 22.3%;
}

.c3_palette_box_title {
	color: #285361;
	padding: 6px 10px;
	background: #eef1f2;
	font-size: 14px;
	border-bottom: solid 1px var(--c-grayish-azure-100);
}

.c3_palette_box_title:hover {
	cursor: pointer;
}

.c3_palette_box_body {
	padding-left: 8px;
	padding: 7px 7px;
	width: 94%;
	overflow-y: auto;
	overflow-x: hidden;
	clear: both;
	height: 69px;
	/* change to 'auto' to show all for all 
    palette boxes */
	height: auto;
}

.c3_palette_box_item {
	float: left;
	padding: 5px 4px;
	text-align: center;
}

/* fixed size */
.c3_palette_box_item_fa {
	width: 90px;
	height: 60px;
}
/* Flexible size, icons under palette-box
icon class is not font-awesome. prefix is
not 'fa-'. 
*/
.c3_palette_box_item_not_fa {
	width: 96px;
	height: 84px;
}

.c3_palette_box_item>i {
	font-size: 30px;
	font-style: normal;
	color: #666666;
}
.c3_palette_box_item:hover>i {
	opacity: 1;
}

.c3_dnd_target .c3_palette_box_item>i {
	opacity: .8;
}

.c3_palette_box_item_title {
	color: #5279B3;
	font-size: 14px;
	line-height: 14px;
}
.c3_palette_box_body .c3_palette_box_item_title {
	font-size: 11px;
	padding-top: 10px;
	line-height: initial;
}
.c3_palette_box_item_inactive>i {
	color: rgba(189, 183, 107, 0.5) !important;
}

.c3_palette_box_item_inactive>.c3_palette_box_item_title {
	color: #BDB76B !important;
}

.c3_pbitem_badge {
	border-radius: 50%;
	background-color: #F8E1BE;
	color: #333 !important;
	right: 6px;
	position: absolute;
	padding: 2px;
	min-width: 18px;
	text-align: center;
	border: 3px solid #FCD291;
	bottom: 0;
	margin-right: -25px;
	margin-bottom: -12px;
	cursor: pointer;
}

.c3_pbitem_badge:hover {
	background-color: darkslategrey;
	color: deepskyblue !important;
}

.c3_pbitem_badge:hover .c3_dnd_pbitem_ssource {
	background: #f4fde5 !important;
	border: 1px solid #beb789 !important;
}

.c3_dnd_target .dojoDndItem {
	padding: 5px 4px !important;
}

.c3_palette_box_body .dojoDndItemOver, .dojoDndItemSelected,
	.dojoDndItemAnchor {
	padding: 4px 3px !important;
	border: 1px solid var(--c-grayish-azure-100);
	background: #f7fbed;
}

.c3_palette_box_body .dojoDndItemOver div, .dojoDndItemSelected,
	.dojoDndItemAnchor {
	color: #1d86c8;
}

/* new Msg icons in Actions palette */
.c3_palette_box_In-App_Messages__Actions .c3_palette_box_body {
	padding: 7px 7px 15px 7px;
	width: 94%;
	overflow-y: auto;
	overflow-x: hidden;
	clear: both;
	height: auto;
}

.c3_palette_box_item_fa_app_msg {
	width: 90px;
	height: 80px;
	margin: 3px;
}

i.msg-banner>div, i.msg-alert>div, i.msg-popover>div, i.msg-fullscreen>div,
	i.msg-list>div, i.msg-raw>div, i.msg-in-box>div {
	/*background-image: url("res/app_msg_raw.png");*/
	background-repeat: no-repeat;
	background-position: center;
	height: 50px;
	width: 90px;
	margin: 3px;
}

i.msg-banner>div {
	background-image: url("res/app_msg_banner.png");
}

i.msg-alert>div {
	background-image: url("res/app_msg_alert.png");
}

i.msg-popover>div {
	background-image: url("res/app_msg_popover.png");
}

i.msg-fullscreen>div {
	background-image: url("res/app_msg_full.png");
}

i.msg-list>div {
	background-image: url("res/app_msg_list.png");
}

i.msg-raw>div {
	background-image: url("res/app_msg_raw.png");
}

i.msg-in-box>div {
	background-image: url("res/app_msg_in_box.png");
}

.c3_dnd_target .dojoDndItemOver, .dojoDndItemSelected,
	.dojoDndItemAnchor {
	padding: 5px 4px !important;
	border: 0px solid silver;
}
/* signal-source */
.c3_dnd_target_signals .c3_dnd_signal_source .dojoDndItemOver,
	.dojoDndItemSelected, .dojoDndItemAnchor {
	padding: 5px 4px !important;
}

.c3_dnd_target .dojoDndItemOver div, .dojoDndItemSelected,
	.dojoDndItemAnchor {
	color: #000;
}

/* who segment, what actions */
.c3_dnd_who_segment .c3_dnd_dropped_item_cont, .c3_dnd_target_actions .c3_dnd_dropped_item_cont
	{
	margin-left: 2%;
	/* on hover background color fills full box */
	display: table;
}
/* who / segments */
.c3_dnd_who_segment .c3_dnd_dropped_item_cont {
	margin-top: 3.2%;
	width: 14%;
	height: 112px;
}
/* actions */
.c3_dnd_target_actions .c3_dnd_dropped_item_cont {
	margin-top: 1%;
	width: 8%;
	/*background-color: bisque;*/
}
/* actions form */
.c3_dnd_actions_form_cont {
	/*background-color: lavender;*/
	bottom: 0px;
	top: 104px;
	left: 0;
	right: 0;
	position: absolute;
	padding: 4px;
	overflow-y: auto;
}

.c3_dnd_actions_form_body {
	/* clear: both; */
	width: 100%;
	height: calc(100% - 40px);
}

.c3_dnd_actions_form_body .c3_formDialog_body {
	height: 100%;
	height: calc(100% - 40px);
}

.c3_dnd_actions_form_body .c3_formDialog_content {
	/*border-top: 1px solid;*/
	/*border-color: gainsboro;*/
}

.c3_dnd_target .c3_palette_box_item {
	width: 100%;
	height: 100%;
}

.c3_dnd_target .c3_palette_box_item>i {
	/*font-size:460%;*/
	
}

.c3_dnd_who_segment .c3_palette_box_item>i {
	font-size: 390%;
}

.c3_dnd_target_actions .c3_palette_box_item>i {
	font-size: 290%;
}

/* no Size setting here */
.c3_dnd_target .c3_palette_box_item .c3_palette_box_item_title {
	/*font-size:16px;*/
	
}

.c3_dnd_who_segment .c3_palette_box_item .c3_palette_box_item_title {
	font-size: 15px;
	padding-top: 7px;
	line-height: 22px;
}
/* what - actions - canvas */
.c3_dnd_target_actions .c3_palette_box_item .c3_palette_box_item_title {
	font-size: 11px;
	padding-top: 7px;
	line-height: initial;
}

.c3_dnd_target_signals .c3_palette_box_item .c3_palette_box_item_title {
	font-size: 13px;
	line-height: initial;
	overflow: hidden;
	padding-top: 8px;
}

.c3_dnd_signal_source .c3_dnd_pbitem_ssource {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 0;
}

/*------ css for badges ------*/
.badges-suspended {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('res/triangle1.png') top right no-repeat;
	position: absolute;
	right: -1px;
	top: 12.8%;
	width: 56px;
	height: 56px;
	z-index: 1;
}

.warningBtn {
	color: #fff;
	font-size: 130%;
	font-style: normal;
	margin: 18% 0 0 59%;
	padding: 0 0 0 0;
	display: block;
}

.badges-incomp {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('res/triangle2.png') top right no-repeat;
	position: absolute;
	right: -1px;
	top: 12.8%;
	width: 56px;
	height: 56px;
	z-index: 1;
}

.badges-comp {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url('res/triangle3.png') top right no-repeat;
	position: absolute;
	right: -1px;
	top: 12.8%;
	width: 56px;
	height: 56px;
	z-index: 1;
}

.pausBtn {
	color: #fff;
	font-size: 110%;
	font-style: normal;
	margin: 20% 0 0 60%;
	padding: 0 0 0 0;
	display: block;
}
/*------ css for badges ------*/
/*------ css for Login Page ------*/
.z1_page_container {
	margin: 6% auto 0 auto;
	max-width: 420px;
	text-align: center;
}

.z1_page_container img {
	margin: 20px auto 35px auto;
}

.z1_page_container form {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	height: 100%;
	overflow: hidden;
	padding-bottom: 10px;
}

.form-group {
	margin-bottom: 15px;
}

.input-group {
	border-collapse: separate;
	display: table;
	position: relative;
	width: 100%;
}

.input-group-addon, .input-group-btn, .input-group .form-control {
	display: table-cell;
}

.input-group-addon, .input-group-btn {
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;
}

.input-group-addon {
	background-color: var(--c-gray-45);
	border: 1px solid #CCCCCC;
	font-size: 19px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
}

.input-group-addon i {
	font-style: normal;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.input-group-addon:first-child {
	border-right: 0 none;
}

.z1_page_container .input-group-addon {
	background: none repeat scroll 0 0 #F4F4F4;
	min-width: 48px;
	padding: 8px 0;
	text-align: center;
}

.form-control::-moz-placeholder {
	color: #999999;
}

.form-control {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	display: block;
	font-size: 14px;
	height: 28px;
	line-height: 1.42857;
	padding: 6px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 100%;
}

.form-control {
	transition: all 0.5s ease 0s;
}

.input-group .form-control {
	margin-bottom: 0;
	width: 94%;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child)
{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.form-control:focus {
	border-color: #007AFF;
	box-shadow: none;
}

.z1_page_container input.form-control {
	box-shadow: none;
	font-size: 15px;
}

.pull-right {
	float: right !important;
	color: #0059b0;
	padding: 0px 0px 5px 0px;
}

.pull-right span:hover {
	color: #666666;
	border: none;
}

@layer layer2 {
	.btn {
		-moz-user-select: none;
		border: 1px solid rgba(0, 0, 0, 0);
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.42857;
		margin-bottom: 0;
		padding: 6px 12px;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
	}
	.btn-n {
		-moz-user-select: none;
		border: 1px solid rgba(0, 0, 0, 0);
		cursor: pointer;
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
		padding: 7px 16px;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
	}

	.btn-lg {
		border-radius: 0px;
		font-size: 14px;
		line-height: 1.33;
		padding: 10px 16px;
	}

	.btn-block {
		display: block;
		padding-left: 0;
		padding-right: 0;
		width: 30%;
		float: right;
	}

	.btn {
		font-weight: 300;
		transition: all 0.15s ease 0s;
	}
}

.btn-reset-disabled {
	border-color: var(--c-gray-20);
	background-color: var(--c-gray-20);
	color: var(--c-gray-80);
}

.c3_mxw100 {
	max-width: 100%;
}

input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"]
	{
	width: 100%;
}

.btn-primary:hover, .btn-primary.active {
	background: #0154a6;
	border-color: #0154a6;
	color: #fff;
}

.z1_page_container input[type="submit"] {
	margin: 0 0 0 0;
	padding: 5px 35px 5px 35px;
}

.z1_page_container input[type="submit"]:hover {
	background: #0154a6;
}

.btn-default-outline {
	background: #d7dacc;
	color: #757575;
}

.btn-default-outline span:hover {
	border: none;
}

p.reg-text {
	margin: 0 0 8px 0;
	color: #666666;
	text-align: left;
	float: left;
}

p.reg-text span {
	font-style: normal;
	cursor: pointer;
	color: #036eab;
	text-decoration: underline;
}

p.reg-text span:hover {
	outline: none;
	text-decoration: none;
	border: none;
}

.z1_page_container .forget-pass {
	margin-bottom: 15px;
	height: 100%;
	padding-bottom: 10px;
	height: 100%;
	overflow: hidden;
	position: absolute;
}

.claro .dijitDialogTitleBar {
	background-image: none !important;
	border-image: none !important;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 15px !important;
	background: #F1F1F1 !important;
	min-height: 16.4286px;
}

.claro .dijitDialogTitle {
	color: #666666 !important;
	font-size: 18px !important;
	font-weight: bold !important;
	padding: 0 !important;
	font-weight: 300 !important;
}

.claro .dijitDialogPaneContent {
	border: none !important;
	margin: 0 15px !important;
}

.claro .dijitDialogPaneActionBar {
	background-color: #fff !important;
	padding: 3px 20px 20px 20px !important;
	margin: 0px !important;
	border: none !important;
}

.c3_c3dialogbox_footer {
	text-align: right;
	padding: 6px 10px 10px 10px;
}

#ok, .c3_dlg_ok {
	background: #67b661;
	border: solid 1px #67b661;
	background-color: var(--btn-primary-c);
	border: 1px solid var(--btn-primary-c);
	margin: 0 10px 0 0;
	font-weight: 300;
	transition: all 0.15s ease 0s;
	color: #fff;
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 0px;
	cursor: pointer;
}

#ok:hover, .c3_dlg_ok:hover {
	background: #0154a6;
	border: solid 1px #0154a6;
}

#cancel, .c3_dlg_cancel {
	border: 1px solid #d7dacc;
	background: #d7dacc;
	color: #787676;
	font-weight: 300;
	font-size: 14px;
	transition: all 0.15s ease 0s;
	padding: 6px 12px;
	cursor: pointer;
}

#cancel:hover, .c3_dlg_cancel:hover {
	background: #BBBBBB;
	border: solid 1px #BBBBBB;
	color: #fff;
}

.claro .dijitDialogUnderlay {
	background: rgb(0 0 0 / 48%) !important;
	opacity: 0.9 !important;
}

.c3_form_dialog_desc_small {
	width: 270px !important;
}

.c3_form_dialog_desc {
	padding: 10px 12px;
	border-radius: 0;
	border: 1px solid #CCCCCC;
	transition: all 0.5s ease 0s;
	color: #555555;
}
.dialogDesc {
	padding: 10px 12px;
	border-radius: 0;
	border: 1px solid #CCCCCC;
	transition: all 0.5s ease 0s;
	color: #555555;
}
.dialogDesc:focus {
	border: solid 1px #007AFF;
}

.c3_formDialog_item_stretch {
	width: 96% !important;
	height: 40px;
}
.c3_formDialog_item_stretch_filter {
	width: 96% !important;
}
.c3_formDialog_item_stretch_actions_in {
	width: 96% !important;
}
.c3_formDialog_content textarea {
	min-height: 4em;
}

.dijitDialogPaneContentArea label {
	font-size: 14px;
	color: #666666;
	width: 135px;
	float: left;
}

.c3_goal_hm_dlg_pane, .c3_hm_setting_dlg_pane {
	/* heat map - goal dialog */
	height: auto !important;
}

.input-group-addon.user-name {
	font-size: 15px;
	width: 18px;
}

.claro .dijitAccordionContainer .dijitAccordionContainer-child {
	padding: 0;
	/* max-height: 80%!important; */
	width: 100% !important;
	background: #f8feff;
	/* position: absolute; */
	/* bottom: 0px; */
}

.dijitAccordionChildWrapper {
	/*overflow: auto!important;*/
	margin: 0 0px 0 !important;
}
/*------ additional css accordion ------*/
div.filter-category {
	border: none;
	color: #FFFFFF;
	text-align: center;
	background: #6A86A1;
	font-size: 24px;
	float: left;
	padding: 7px 18px;
}

#who_button div.filter-category {
	background: #c4e1ac;
}

#which_button div.filter-category {
	background: #f0c88a;
}

#what_button div.filter-category {
	background: #9fc4e8;
}

div.insights-category {
	border: none;
	color: #FFFFFF;
	text-align: center;
	background: #6A86A1;
	font-size: 24px;
	float: left;
	padding: 7px 18px;
}

div.insights-category i {
	font-style: normal;
}

div.blue {
	background: #0B81F5;
}

#who_button div.blue {
	background: #67b661;
}

#which_button div.blue {
	background: #ECAF51;
}

#what_button div.blue {
	background: #57A3EE;
}

div.filter-category i {
	font-style: normal;
}

.arrow-left {
	border-bottom: 9px solid rgba(0, 0, 0, 0);
	border-right: 7px solid #FFFFFF;
	border-top: 9px solid rgba(0, 0, 0, 0);
	clear: both;
	float: right;
	height: 0;
	margin-right: -18px;
	margin-top: 3px;
	width: 0;
}

.arrow-left-grey {
	border-bottom: 9px solid rgba(0, 0, 0, 0);
	border-right: 7px solid #fff;
	border-top: 9px solid rgba(0, 0, 0, 0);
	clear: both;
	float: right;
	height: 0;
	margin-right: -18px;
	margin-top: 3px;
	width: 0;
}

.arrow-left-blue {
	border-bottom: 7px solid rgba(0, 0, 0, 0);
	border-right: 5px solid #0059b0;
	border-top: 7px solid rgba(0, 0, 0, 0);
	clear: both;
	float: right;
	height: 0;
	margin-right: 0px;
	margin-top: 2px;
	width: 0;
}

#who_button span, #which_button span, #what_button span {
	line-height: 36px;
	padding-left: 3%;
}

.claro .dijitDialogPaneContentArea {
	margin: 0 !important;
	padding: 10px !important;
	min-height: 135px;
	overflow-y: auto;
	clear: both !important;
}
/* overwrite above */
.c3_dnd_actions_form_body div.c3_formDialog_content {
	height: 100%;
	position: relative;
}

.hint-icon {
	margin: 30px auto 0px auto;
	width: 100%;
	text-align: center;
	font-size: 34px;
	color: #d3e0ea;
}

.hint-icon i {
	font-style: normal;
}

.c3_dnd_signal_source .c3_dnd_hint {
	padding-top: 0;
}

.plus-icon {
	font-size: 180%;
	color: #9fc2d0;
	position: absolute;
	top: 39%;
	left: 19.6%;
	border-radius: 20px;
	padding: 3px;
	/*background: #fff; 
     border: 2px solid #9fc2d0; */
	width: 23px;
	height: 23px;
	background: url(res/circle_arrow.png) top left no-repeat !important;
}

.plus-icon i {
	font-style: normal;
}

.plus-icon1 {
	font-size: 14px;
	color: #9fc2d0;
	position: absolute;
	top: 39%;
	left: 40.4%;
	border-radius: 20px;
	padding: 3px;
	background: #fff;
	/* border: 2px solid #9fc2d0; */
	width: 23px;
	height: 23px;
	background: url(res/circle_arrow.png) top left no-repeat !important;
}

.plus-icon1 i {
	font-style: normal;
}

#which_button div.filter-category {
	font-size: 19px;
	padding-bottom: 9px;
}

#what_button div.filter-category {
	font-size: 20px;
	padding-bottom: 9px;
}

.minus {
	background: url(images/minus-icon.png) 5px 8px no-repeat;
	padding-left: 22px;
}

.plus {
	background: url(images/plus-icon.png) 5px 8px no-repeat;
	padding-left: 22px;
}

/*----------------- filter-tab ---------------*/
.filter-tab {
	margin: 10px auto 10px 0px;
	max-width: auto;
	border-bottom: solid 2px var(--c-grayish-azure-100);
	padding: 10px 0 8px 0;
	top: 44px;
	position: relative;
	height: 20px;
	/* margin-right: auto; */
}

.filter-tab span {
	font-size: 14px;
	color: #8f8f8f;
	/*padding:0 10px 0 10px;*/
	position: relative;
	cursor: pointer;
}

.filter-tab span:hover {
	color: #0154a6;
}

.filter-tab span.active-filter {
	color: #0154a6;
}

.filter-tab span.active-filter span {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--c-grayish-azure-100) transparent;
	line-height: 0px;
	_border-color: #000000 #000000 var(--c-grayish-azure-100) #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	padding: 0px;
	position: absolute;
	bottom: -9px;
	left: 39%;
}

.c3_all_journey .filter-tab {
	margin: initial;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom: solid 2px var(--c-grayish-azure-100);
	padding: 10px 0 8px 0;
	top: initial;
}
.c3_allUsersListPg .filter-tab {
	margin: initial;
}

.c3_goal_item_actions {
	position: absolute;
	top: 40%;
	text-align: center !important;
	height: 25px;
	left: 27%;
	/*margin-left: 96px;*/
	margin-top: 20px;
	z-index: 9;
}

/* users - screen; Custom CSS */
/* center the hover buttons */
.c3_userprofile_scrollbox .c3_goal_item_actions, .c3_custom_css_cont .c3_goal_item_actions
	{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: auto;
	z-index: 9;
}

.c3_dash_rect_item_btns_cont {
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.c3_dash_rect_item_btns_cont>i {
	margin: 4px;
}
/* - */
.c3_goal_item_actions a {
	text-decoration: none;
	color: #666;
	text-align: center !important;
}

.c3_create_new_goal .newGoalBtn , .c3_create_new_query .newQueryBtn, .c3_create_new_tag .newTagBtn, .c3_create_new_tag .copyTagBtn{
	font-size: 120%;
	color: #67b661;
	margin-right: 10px;
}

.c3_create_new_goal:hover .newGoalBtn , .c3_create_new_query:hover .newQueryBtn, .c3_create_new_tag:hover .newTagBtn{
	color: #0055a9;
}

.c3_create_new_goal span , .c3_create_new_query span, .c3_create_new_tag span{
	font-size: 125%;
	line-height: 168%;
	color: #67b661;
}

.c3_create_new_goal:hover span , .c3_create_new_query:hover span, .c3_create_new_tag:hover .c3_tagCreate>span {
	color: #0055a9;
}

.c3_goal_canvas_header_div {
	/*height:6%;*/
	/* margin: 10px; */
	position: absolute;
	height: 30px;
	left: 0;
	right: 0;
}

.c3_canvas_header_title {
	font-size: 16px;
	color: #0C2AA0;
	line-height: 30px;
}

.c3_what_sg_canvas_title:hover {
	
}

.c3_who_cg_canvas_title:hover, .c3_which_sg_canvas_title:hover {
	color: #FFFFFF;
	cursor: pointer;
	background: #CCC;
}

.who_tooltip {
	padding: 5px 10px 5px 10px;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	color: #838383;
	font-size: 13px;
	font-style: italic;
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 25px;
	right: 0;
}

.c3_getting_started {
	width: 150px;
}

.c3_tip {
	background: rgb(247, 235, 189);
}

.c3_col_center1 {
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 0;
	margin: 10px;
	right: 0;
}

.claro .dojoDndItemOver {
	background: #f7fbed;
	/*background: #fff;*/
}

.claro .c3_dnd_signal_source .dojoDndItemOver {
	background: #f7fbed;
	/*background: #fff;*/
	padding: 4px 3px !important;
}

.drag-icon {
	font-size: 320%;
	color: #d3e0ea;
	font-style: normal;
	display: block;
	clear: both;
	font-weight: normal;
}

.c3_dnd_signal_source .c3_dnd_dropped_item_cont {
	width: 17% !important;
	height: 80px !important;
	margin-left: 5% !important;
	margin-top: 3% !important;
	padding: 5px 4px;
	border: 1px solid #efefef !important;
	padding: 4px 3px !important;
}

.c3_dnd_signal_source .c3_palette_box_item>i {
	font-size: 270% !important;
}
/* set color etc. Sizing done in .c3_dnd_target_signals .. */
.c3_dnd_signal_source .c3_palette_box_item .c3_palette_box_item_title {
	/*overflow: hidden;*/
	
}

.c3_goals_selected_accordion_content_div .c3_actions_sg_state_icon {
	/*margin-right: 4px!important;*/
	
}

.dijitSelected .dijitAccordionText {
	color: #0B81F5 !important;
}

.login-wrap {
	background: #fff;
	padding: 3% 4%;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	height: 100%;
	overflow: hidden;
	position: relative;
}

.login-header {
	text-align: left;
	font-size: 18px;
	padding-bottom: 4%;
	color: #0154a6;
}

.c3_dnd_signal_segment .c3_dnd_dropped_item_cont {
	width: 60% !important;
	height: 85px !important;
	margin-left: 15% !important;
	margin-top: 8% !important;
}

.c3_dnd_signal_segment .c3_palette_box_item>i {
	font-size: 270% !important;
}

.c3_dnd_signal_segment .c3_palette_box_item .c3_palette_box_item_title {
	/*line-height:18px!important;*/
	
}

.c3_dnd_signal_activity .c3_dnd_dropped_item_cont {
	width: 60% !important;
	height: 85px !important;
	margin-left: 15% !important;
	margin-top: 8% !important;
}

.c3_dnd_signal_activity .c3_palette_box_item>i {
	font-size: 270% !important;
}

.c3_dnd_signal_activity .c3_palette_box_item .c3_palette_box_item_title
	{
	/*line-height:18px!important;*/
	
}

.c3_actions_col_2 .hint-icon {
	text-align: center;
	color: #aaa;
	/*margin-top: 19%;*/
	font-size: 16px;
	font-weight: bold;
}

.who_tooltip div {
	font-size: 14px;
	font-weight: bold;
	color: #0059b0;
	line-height: 20px;
	font-style: normal;
}

.who_tooltip div>i {
	font-style: normal;
	font-size: 140%;
}

.claro .dijitDialog {
	height: auto !important;
	padding-bottom: 15px;
}

/* Register class */
.reg_labels {
	width: 150px;
	text-align: left;
	float: left;
}

.reg_container {
	top: 80px;
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	position: absolute;
}

.reg_container form {
	overflow-y: auto;
	position: absolute;
	top: 0;
	bottom: 80px;
	left: 30%;
	right: 30%;
}

.reg_btn {
	width: 100px;
	position: absolute;
	left: 40%;
	right: 40%;
}

.reg_comp_tb {
	width: 350px !important;
	height: 60px !important;
}

.reg_req {
	font-style: normal;
	font-size: x-small;
	color: red;
	font-weight: bold;
}

.insight_menu_icon {
	font-style: normal;
	color: #436175;
	padding-left: 16px;
	font-size: 120%;
	margin-right: 8px;
}

.insight_menu_label {
	padding-left: 8px;
	font-size: 12px;
	color: #285361;
	font-weight: normal;
	cursor: pointer;
}

.ca_header {
	position: absolute;
	top: 10px;
	left: 22%;
	max-width: 1023px;
	margin: 0px auto;
	height: 30px;
}

.ca_header_icon {
	padding-left: 0px !important;
	font-size: 144%;
	color: #436175;
}

.ca_header_label {
	padding-right: 8px;
	font-size: 12px;
	color: #0055a9;
	font-weight: 500;
}

.ca_header_label20 {
	padding-left: 10px;
	font-size: 18px;
	color: #0055A9;
	font-weight: 500;
	cursor: pointer;
}

.ca_header_label21 {
	padding: 0 6px;
	font-size: 12px;
	color: #0055a9;
	font-weight: 500;
}

.ca_header_label22 {
	position: absolute;
	left: 95%;
	font-size: 22px;
	color: #86b9da !important;
	top: 0px;
}

.ca_header_label23 {
	padding-left: 10px;
	font-size: 12px;
	color: #0055A9;
	cursor: pointer;
	font-weight: 500;
}

.ca_filter {
	top: 8px !important;
	/* left:15px; */
	/* max-width: 1040px!important; */
}

.custom_audience_container {
	width: 340px;
	height: 150px;
	float: left;
	margin: 0 0 1.5% 1.5%;
	position: relative;
	top: 30px;
}

.custom_audience_outerDiv {
	background: #fff;
	width: 300px;
	height: 135px;
	margin: 0px 0px 30px 0px;
	position: absolute;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	padding: 7px 16px;
}

.ca_icon_div {
	height: 25px;
	padding: 5px;
	border-bottom: solid 2px #f3a430;
}

.ca_icon {
	font-style: normal !important;
	color: #b6d96c !important;
	font-size: 120%;
}

.ca_name {
	font-size: 14px;
	padding-left: 10px;
}

.ca_name_div {
	height: 98px;
	width: 175px;
	padding: 10px 14px 5px 14px;
	float: left;
}

.ca_stat_div {
	/*height: 98px;
    width:65px;*/
	padding: 27px 14px 0px 14px;
	/*float:left;*/
	text-align: center;
}

.ca_stat_div a {
	display: inline-block !important;
	text-decoration: none;
}

.ca_stat_div i {
	font-style: normal;
	font-size: 360%;
	color: #e7e7e7;
}

.ca_stat_div span {
	font-size: 360%;
	color: #477db3;
	line-height: 100%;
}

.c3_csb_outer_container .insight-container, .configure-palette-container
	{
	/* margin-left: 0; */
	/* background: #fff; */
}

.c3_csb_outer_container div.configure-palette-container {
	/* background: #fff; */
	/* margin-left: 0; */
}

.insight-container, .configure-palette-container {
	/* background: #f7f7f7; */
	/* margin-left: 15px; */
}

.c3_dnd_actions_form_body .c3_kb_content_control {
	background-color: #fff;
	margin-left: 0px;
}

.insight-left {
	background: #f8feff;
	border-right: solid 1px var(--c-grayish-azure-100);
}

.info-bttn {
	display: none;
	line-height: 15px;
	top: 0px;
	right: 1px;
	position: absolute;
	border-radius: 16px;
	border: solid 1px #6c829d;
	padding: 4px 10px;
	cursor: pointer;
}

.info-bttn i {
	font-size: 120%;
	font-style: normal;
	/*color:#6c829d;*/
}

.info-bttn:hover {
	color: #fff !important;
	background: #6c829d;
}

.c3_define_signals {
	float: right;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 6px !important;
	padding-bottom: 7px !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #ECAF51 !important;
	background: none !important;
	border: solid 1px #ECAF51 !important;
	cursor: pointer;
	vertical-align: middle;
}

.c3_define_signals i {
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	padding-left: 4px;
}

.c3_define_signals:hover {
	background: #ECAF51 !important;
	color: #fff !important;
}

.c3_define_actions {
	float: right;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 6px !important;
	padding-bottom: 7px !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #57A3EE !important;
	background: none !important;
	border: solid 1px #57A3EE !important;
	cursor: pointer;
	vertical-align: middle;
}

.c3_define_actions i {
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	padding-left: 4px;
}

.c3_define_actions:hover {
	background: #57A3EE !important;
	color: #fff !important;
}

.c3_define_action {
	float: right;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 6px !important;
	padding-bottom: 7px !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #7cb3e9 !important;
	background: none !important;
	border: solid 1px #7cb3e9 !important;
	cursor: pointer;
	vertical-align: middle;
}

.c3_define_action i {
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	padding-left: 4px;
}

.c3_define_action:hover {
	background: #7cb3e9 !important;
	color: #fff !important;
}

.c3_done {
	float: right;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 6px !important;
	padding-bottom: 7px !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #0055a9 !important;
	background: none !important;
	border: solid 1px #0055a9 !important;
	cursor: pointer;
	vertical-align: middle;
}

.c3_done i {
	font-size: 150%;
	font-style: normal;
	font-weight: normal;
	padding-left: 4px;
}

.c3_done:hover {
	background: #0055a9 !important;
	color: #fff !important;
}

.c3_publish {
	text-align: center;
	background: none !important;
	font-size: 13px;
	font-weight: 300;
	color: #67b661 !important;
	line-height: 15px;
	padding: 9px 10px !important;
	border: solid 1px #67b661 !important;
	cursor: pointer;
}

.c3_publish:hover {
	background: #67b661 !important;
	color: #fff !important;
	cursor: pointer;
}

/*------ css for Registration Page ------*/
.z1_registrationpage_container {
	margin: 3% auto 0 auto;
	max-width: 705px;
	min-height: 590px;
	overflow: hidden;
	font-size: 14px !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #555555;
}

.z1_registrationpage_container .regi_title {
	text-align: left;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif !important;
	color: #666666;
	border-bottom: 4px solid #e8e8e8;
	clear: both;
	padding: 5px 0 8px 0;
	margin-bottom: 18px;
}

.z1_registrationClear {
	clear: both;
	overflow: hidden;
}

.registrationFloatLeft {
	float: left;
	width: 45%;
	margin-right: 60px;
}

.registrationFloatLeft_new {
	float: left;
	width: 86%;
	margin-right: 10px;
	margin-left: 5px;
}

.registrationFloatRight {
	float: left;
	width: 45%;
}

.form_control_registration {
	background-color: #FFFFFF !important;
	border: 1px solid var(--c-grayish-azure-100);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555 !important;
	display: block;
	font-size: 14px;
	height: 28px;
	line-height: 1.42857;
	padding: 6px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s !important;
	vertical-align: middle;
	width: 90%;
	border-radius: 0px !important;
	border: 1px solid var(--c-grayish-azure-100) !important;
}

.form_control_registration {
	transition: all 0.5s ease 0s;
}

.form_control_registration_textarea {
	background-color: #FFFFFF;
	border: 1px solid var(--c-grayish-azure-100);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555555;
	display: block;
	font-size: 14px;
	height: 75px;
	line-height: 1.42857;
	padding: 6px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 620px;
	margin-bottom: 10px;
}

.form_control_selectBox {
	background-color: #FFFFFF;
	border: 1px solid var(--c-grayish-azure-100);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif !important;
	color: #666666;
	display: block;
	font-size: 14px;
	height: 38px;
	line-height: 1.42857;
	padding: 6px 9px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	vertical-align: middle;
	width: 250px;
}

.registerpage_btn {
	width: 100px;
}

.c3_register_new_registerform_box .addchannlepopup_left_dropdownBox {
	width: 90% !important;
}

.btn-block24 {
	display: block;
	padding-left: 0;
	padding-right: 0;
	width: 30%;
}

.z2_main {
	overflow: auto !important;
}

.textGreen2 {
	color: #49a742;
}

/*
=============================
Insights - Customer Lifecycle
=============================
*/
.intent_content_top .node {
	cursor: pointer;
}

.c3_customer_journey_canvas {
	margin-top: 40px;
	margin-left: -40px;
}

/* my company */
.c3_topbar_circle_sel {
	cursor: pointer;
	fill: dimgray !important;
}
/* other than my company. competitors. */
.c3_topbar_circle_others {
	/*fill-opacity: .4 !important;*/	
}

.c3_customer_journey_canvas .node-circle {
	stroke-opacity: .0;
	font: 10px sans-serif;
	fill-opacity: .9;
}
/* Circles 1 to 5 */
.c3_customer_journey_canvas .outer-circle-10 {
	fill: #fa745f !important;
}
.c3_customer_journey_canvas .outer-circle-10:hover {
	fill: #fa4528 !important;
	stroke: #fa745f !important;
}
.c3_customer_journey_canvas .outer-circle-1 {
	fill: #fcc06d !important;
	stroke: #fcc06d !important;
}
.c3_customer_journey_canvas .outer-circle-2 {
	fill: #fcc06d !important;
}
.c3_customer_journey_canvas .outer-circle-2:hover {
	fill: #fcb34f !important;
	stroke: #fcb34f !important;
}
.c3_customer_journey_canvas .outer-circle-3 {
	fill: #7ed3eb !important;
	stroke: #7ed3eb !important;
}
.c3_customer_journey_canvas .outer-circle-0 {
	fill: #c4dea0 !important;
}
.c3_customer_journey_canvas .outer-circle-0:hover {
	fill: #abde63 !important;
	stroke: #c4dea0 !important;
}
.c3_customer_journey_canvas .outer-circle-4 {
	fill: #7ed3eb !important;
}
.c3_customer_journey_canvas .outer-circle-4:hover {
	fill: #54caeb !important;
	stroke: #7ed3eb !important;
}
.c3_customer_journey_canvas .outer-circle-8 {
	fill: #1c77c2 !important;
}
.c3_customer_journey_canvas .outer-circle-8:hover {
	fill: #247bfc !important;
	stroke: #1c77c2 !important;
}

.c3_customer_journey_canvas .outer-circle-6 {
	fill: #c59cc5 !important;
}
.c3_customer_journey_canvas .outer-circle-6:hover {
	fill: #a173a1 !important;
	stroke: #c4dea0 !important;
}
.c3_customer_journey_canvas .center-circle {
	fill-opacity: .0 !important;
	stroke-opacity: .0 !important;
	pointer-events: none;
	cursor: auto;
}

.c3_topbar_circle_txt1 {
	font-size: 12px;
	fill: #ffffff;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	dominant-baseline: text-before-edge;
	text-transform: capitalize;
}
.c3_topbar_circle_txt2 {
	font-size: 24px;
	fill: #ffffff;
	stroke-width: 1px;
}
.c3_topbar_circle_genIcon {
	font-family: "FontAwesome" !important;
}
.c3_topbar_circle_circleIcon {
	font-size: 24px;
	transform: translate(0px, -8px);
	fill: white;
}
.c3_topbar_circle_bridgeIcon {
	font-size: 24px;
	fill: skyblue;
	fill-opacity: .3;
	dominant-baseline: central;
}
.c3_topbar_circle_centerIcon {
	fill: dimgray;
	fill-opacity: .1;
	font-size: 92px;
	dominant-baseline: central;
}

/* skip / hide d3 element by hiding it */
.c3_d3_hide {
	fill-opacity: 0 !important;
	stroke-opacity: 0 !important;
}

.c3_topbar_circle_c_txt1 {
	font-size: 28px;
	fill: deepskyblue;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.c3_topbar_circle_c_txt2 {
	font-size: 14px;
	fill: gainsboro;
	/* stroke: gainsboro; */
	stroke-width: 1px;
}

.c3_topbar_circle_select {
	/*stroke: gold !important;*/
	stroke: #dddddd !important;
	stroke-width: 8px !important;
	stroke-opacity: .7 !important;
}

.c3_topbar_circle_cat {
	font-size: 24px;
	fill: darkseagreen;
	stroke: darkseagreen;
	stroke-width: 2px;
	font-family: georgia, verdana;
}

/* intent chart */
.intent_content_body {
	/* background-color: ghostwhite; */
	clear: both;
	/* border: 3px solid #ff0000; */
}

.intent_content_body svg {
	/* background-color: lavender; */
	
}

.c3_chart_intent_text {
	/*stroke: deepskyblue;*/
	stroke-width: 1px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	/*font-size: 90%;*/
}

.c3_chart_intent_text_d0 {
	/*stroke: deepskyblue;*/
	stroke-width: 1px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 140%;
}

.c3_chart_intent_text_d1 {
	/*stroke: deepskyblue;*/
	stroke-width: 1px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 90%;
}

.c3_chart_intent_text_d2 {
	/*stroke: deepskyblue;*/
	stroke-width: 1px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 90%;
}

.c3_chart_intent_text_d3 {
	/*stroke: deepskyblue;*/
	stroke-width: 1px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 84%;
}

/* general props for tree circles */
.c3_chart_intent_circle {
	stroke: silver;
	fill: lightsteelblue;
}
/* root node */
.c3_chart_intent_circle_d0 {
	stroke: silver !important;
	fill: white !important;
}
/* circle at depth 2 */
.c3_chart_intent_circle_d2 {
	stroke: lightslategray;
	fill: tomato !important;
}
/* circle at depth 3 */
.c3_chart_intent_circle_d3 {
	stroke: lightslategray;
	fill: lemonchiffon !important;
	stroke-opacity: .4;
}

.c3_chart_intent_link {
	/*stroke: blue;*/
	/*fill: lawngreen;*/
	fill: lightslategray;
	opacity: .4;
}

.c3_chart_intent_link_d1 {
	/*stroke: blue;*/
	
}

.c3_chart_intent_link_d2 {
	stroke: blue;
}

.c3_chart_intent_link_d3 {
	stroke: blue;
	stroke-dasharray: 2, 1;
}
/* My Company */
.c3_chart_intent_link_my {
	fill: seagreen !important;
}

/* tree chart */
.c3_chart_tree_link {
	fill: none;
	stroke: #6590BF;
	stroke-opacity: 0.2 !important;
}
.c3_chart_tree_circle {
	fill: green;
	stroke: green;
	/*fill-opacity: 0.5 !important;*/
	fill-opacity: 0.5;
}
.c3_chart_tree_text_ccenter {
	stroke: white;
}
/* root node */
.c3_chart_tree_circle_d0 {
	fill: blue;
}
/* abandoned node */
.c3_chart_tree_node_abandoned .c3_chart_tree_circle {
	fill: rgb(189, 0, 38);
	stroke: rgb(189, 0, 38);
}
.c3_chart_tree_link_abandoned {
	stroke: rgb(189, 0, 38);
}

/* event flow chart */
.c3_event_flow_chart .node rect, .c3_evtFSC_cont .node rect {
	fill-opacity: .9;
	shape-rendering: crispEdges;
	/*cursor: move;*/
}

.c3_evtFSC_cont .link {
	fill: none;
	stroke: #666e778c;
	stroke-opacity: .3;
}

.c3_event_flow_chart .link{
	fill: none;
	stroke: #1E3247;
	stroke-opacity: .1;
}
.c3_event_flow_chart .c3_cEvtFlow_link_sameSrcTrgt, .c3_evtFSC_cont .c3_cEvtFunnel_link_sameSrcTrgt {
	/* stroke: powderblue; */
	/* stroke-dasharray: 9, 2; */
}
.c3_event_flow_chart .link:hover, .c3_evtFSC_cont .link:hover {
	stroke-opacity: .5;
}
.c3_event_flow_chart .link.backwards {
	stroke: #402;
	stroke-dasharray: 9, 1;
}
.c3_event_flow_chart .sankey-node-title, .c3_evtFSC_cont .sankey-node-title, .c3_evtFSC_cont .sankey-node-count {
	pointer-events: none;
}
.c3_event_flow_chart .c3_chart_eventFlow_node_title, .c3_evtFSC_cont .c3_chart_eventFunnel_node_title {
	font-size: 14px;
	text-overflow: ellipsis;
	text-shadow: 1px 1px 1px #aaa;
}
.c3_evtFSC_cont .c3_evtFSC_n_actionsInteracted>text {
	fill: white;
}
.c3_evtFSC_cont .c3_evtFSC_n_actionsInteracted .c3_chart_eventFunnel_node_title {
	letter-spacing: 1px;
	font-weight: bold;
}


.c3_evtFSC_cont .c3_chart_eventFunnel_node_count {
	font-size: 20px;
	/* fill: #ffffffe3; */
}

.c3_evtFSC_cont .c3_chart_eventFunnel_node_reason {
	font-size: 11px;
	fill: #3366BB;
}

.c3_chart_eventFunnel_node_name_targetActions .c3_chart_eventFunnel_node_count {
	font-size: 26px;
}

.c3_chart_eventFunnel_chartTitle {
	font-size: 24px;
	letter-spacing: 1.4px;
	font-family: Roboto, system-ui;
}

.c3_chart_eventFunnel_flex_center {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.c3_event_flow_chart c3_chart_eventFlow_title {
	/*stroke: #402;*/
}
.c3_event_flow_chart .c3_chart_eventFlow_rect {
	fill-opacity: .9;
	fill: rgb(174, 199, 232);
	/* c3# - relative path to gradient defs */
	fill: url("c3#event-flow-chart-node-color-gradient");
	/*stroke: rgb(85, 97, 113);*/
	stroke: #8BC34A;
	rx: 4px;
	ry: 4px;
	cursor: pointer;
}

.c3_evtFSC_cont .c3_chart_eventFunnel_rect {
	fill-opacity: .9;
	fill: #E3EFFB;
	stroke: #a8cdf3;
	rx: 4px;
	ry: 4px;
	cursor: move;
}

.c3_evtFSC_cont .c3_evtFSC_bx_actionsNotTargetedCG {
	fill: var(--bg-c-actionsNotTargetedCG);
	fill-opacity: .9;
	stroke: var(--bg-bdrc-actionsNotTargetedCG);
}

.c3_evtFSC_cont .c3_chart_eventFunnel_executed {
	fill-opacity: .9;
}

.c3_evtFSC_cont .c3_evtFSC_bx_dismissedActions {
	fill: var(--bg-c-dismissedActions);
	stroke: var(--bg-bdrc-dismissedActions);
}
.c3_evtFSC_cont .c3_evtFSC_bx_targetActions {
	fill: var(--bg-c-targetActions);
	stroke: var(--bg-bdrc-targetActions);
}
.c3_evtFSC_cont .c3_evtFSC_bx_Converted {
	fill: var(--bg-c-Converted);
	stroke: var(--bg-bdrc-Converted);
}
.c3_evtFSC_cont .c3_evtFSC_bx_actionsInteracted {
	fill: var(--bg-c-actionsInteracted);
	stroke: var(--bg-bdrc-actionsInteracted);
}
.c3_evtFSC_cont .c3_evtFSC_bx_actionsTargeted {
	fill: var(--bg-c-actionsTargeted);
	stroke: var(--bg-bdrc-actionsTargeted);
}
.c3_evtFSC_cont .c3_evtFSC_bx_actionsReached {
	fill: var(--bg-c-actionsReached);
	stroke: var(--bg-bdrc-actionsReached);
}
.c3_evtFSC_cont .c3_evtFSC_bx_actionsNotTargetedOtherReasons {
	fill: var(--bg-c-actionsNotTargetedOtherReasons);
	fill-opacity: .9;
	stroke: var(--bg-bdrc-actionsNotTargetedOtherReasons);
}
.c3_evtFSC_cont .c3_evtFSC_bx_actionsSuppressed {
	fill: var(--bg-c-actionsSuppressed);
	stroke: var(--bg-bdrc-actionsSuppressed);
}

.c3_event_flow_chart .c3_chart_eventFlow_node_isCycle .c3_chart_eventFlow_rect {
	/*stroke-dasharray: 2;*/
}
.c3_event_flow_chart .c3_chart_eventFlow_node_highlight .c3_chart_eventFlow_rect  {
	stroke: forestgreen;
	stroke-width: 3px;
	stroke-dasharray: 1px;
}
.c3_event_flow_chart .c3_chart_eventFlow_rect_abandoned {
	fill: #EF5350;
	fill-opacity: .9;
	stroke: #E53935;
	cursor: default;
}
.c3_event_flow_chart .c3_chart_eventFlow_link_abandoned {
	stroke: crimson;
}
.c3_event_flow_chart .c3_chart_eventFlow_badge_no_abandoned {
	fill-opacity: 0;
	stroke-opacity: 0;
}
.c3_event_flow_chart .c3_chart_eventFlow_badge_abandoned {
	fill: url("c3#event-flow-chart-abandoned-gradient");
	fill-opacity: .85;
}
.c3_event_flow_chart .c3_chart_eventFlow_circle_abandoned {
	fill: #c1bfea;
}
.c3_event_flow_chart .c3_chart_eventFlow_node_root .c3_chart_eventFlow_rect  {
	fill: #fcfcfc;
	stroke: #cccccc;
}
.c3_event_flow_chart .c3_chart_eventFlow_link_highlight_parent {
	stroke: lightslategray;
	stroke-opacity: .55;
}
.c3_event_flow_chart .c3_chart_eventFlow_link_highlight_child {
	stroke: lightsteelblue;
	stroke-opacity: .55;
}
.c3_event_flow_chart .c3_chart_eventFlow_matchedLink_highlight {
	stroke-dasharray: 2;
}
.c3_event_flow_chart .c3_chart_eventFlow_title_rect {
	fill: none;
	/*cursor: pointer !important;*
	/*pointer-events: bounding-box;*/
}
.c3_event_flow_chart .c3_chart_eventFlow_title_rect:hover {
	/*fill: #c1bfea;*/
}
.c3_eventFlowChart_msg_nodata {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.c3_event_flow_chart_ttip_2cols1 {
	padding-right: 15px;
}
.c3_event_flow_chart_ttip_2cols2 {
	padding-left: 10px;
}
.c3_eventFlowChart_ttip_size {
	font-weight: bold;
	font-size: 20px;
}
.c3_eventFlowChart_ttip_name {
	font-weight: bold;
	font-size: 14px;
}
.c3_eventFlowChart_ttip_v_thru {
	color: #666;
}
.c3_eventFlowChart_ttip_thru_v {
	color: #333;
}
.c3_eventFlowChart_ttip_thru_n {
	color: #333;
}
.c3_eventFlowChart_ttip_path_name {
	text-overflow: ellipsis;
	overflow: hidden;
}
.c3_eventFlowChart_ttip_path_arrow {
	color: #999;
}

.c3_eventFlowChart_ttip_path_percent {
	font-weight: normal;
}
.c3_eventFlowChart_ttip_path_percent_n {
	/*color: #666;*/
	font-family: arial narrow, monospace, 'Open Sans', sans-serif;
	font-size: 16px;
}
.c3_eventFlowChart_ttip_path_percent_i {
	color: #999;
	font-size: 12px;
}

/* session flow chart */
.c3_sessnFloChrt .c3_sessnFlo_rect{
	shape-rendering: crispEdges;
}
.c3_sessnFloChrt .link:hover {
	stroke-opacity: .5;
}
.c3_sessnFloChrt .c3_sessnFlo_nd_ttl {
	text-overflow: ellipsis;
}

.c3_sessnFlo_rect .c3_sessnFlo_node {
  fill: var(--c-snky-nd);
  stroke: var(--c-snky-nd);
}

.c3_sessnFloChrt .c3_sessnFlo_lnk {
  fill: none;
	stroke: var(--c-snky-lnk);
}
.c3_sessnFloChrt .c3_sessnFlo_lnk_hlght{
	fill: none;
	stroke: var(--c-snky-lnk-highlighted);
	transition: stroke 1000ms;
}

/* session flow chart end */

.c3_insightsTree_axns_cont {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	box-shadow: 2px 0px 10px #ccc;
}

.c3_insightsTree_root_desc {
	font-size: 16px;
	color: #555;
}

.c3_insightsTree_filter_cont {
	min-height: 100px;
	max-height: 100px;
	border: 1px solid rgba(220, 220, 220, 0.43);
	overflow-x: auto;
}
.c3_insightsTree_filter_item {
	border-right: 4px solid rgba(220, 220, 220, 0.15);
	padding: 6px 0px 6px 4px;
	justify-content: center;
}
.c3_insightsTree_segBtn {
	border: 1px solid rgba(220, 220, 220, 0.36);
	padding: 4px 6px;
}
.c3_insightsTree_filter_item_del:hover {
	background-color: ghostwhite;
}
.c3_insightsTree_filter_item_del>* {
	pointer-events: none;
}
.c3_insightsTree_filter_segment {
	padding: 4px;
	background-color: gainsboro;
}
.c3_insightsTree_filter_segmentLbl {
	/*padding: 4px;*/
}

.c3_intent_container, .c3_pdashboard_container, .c3_app_events_container
	{
	overflow: hidden;
	clear: both;
	/* position:relative; */
	padding-left: 15px;
}

/* Customer Life cycle journey */
.c3_csb_outer_container div.c3_lifecycle_body_cont {
}

.c3_lifecycle_body_cont {
}

.c3_actionf_maaka .c3_lifecycle_body_cont {
	top: 100px;
	left: 18px;
	right: 18px;
	/* background-color: darkkhaki; */
}

.c3_dnd_actions_form_body .c3_lifecycle_body_cont {
}

.c3_lifecycle_top_wrp {
	width: 93%;
	height: 96%;
	position: absolute;
}

.c3_lifecycle_body_wrp {
}

.c3_lifecycle_col3 {
	position: absolute;
	top: 70px;
	width: 94%;
	/* background: url(/res/leftarrow22.png) no-repeat left 40px; */
	bottom: 4px;
	right: 5%;
}

.c3_pdashboard_col3 {
	position: absolute;
	top: 70px;
	/*width: 94%;*/
	bottom: 4px;
	right: 5%;
	right: 0;
	left: 0;
}

.c3_app_events_body_cont_in {
}

.c3_lifecycle_top_bar, .c3_pdashboard_top_bar, .c3_app_events_top_bar {
	position: absolute;
	top: 0px;
	height: 0px !important;
	left: 0px;
	color: #0055a9;
	font-family: "Open Sans";
	font-size: 16px;
	clear: both;
}

.c3_lifecycle_detail {
	position: absolute;
	top: 0;
	left: 0;
	height: 94%;
	width: 100%;
}

.c3_lifecycle_top {
	position: absolute;
	top: -20px;
	bottom: 0px;
}

.c3_lifecycle_title, .c3_pdashboard_title {
	/* display: block; */
	float: left;
	/* color: #fcc06d; */
	/* font-size: 20px; */
	/* top: -6px; */
	/* position: absolute; */
	/* clear: both; */
	/* border: 1px solid #000; */
	width: 88%;
	text-transform: capitalize;
}

.c3_lifecycle_title_icon, .c3_pdashboard_title_icon,
	.c3_app_events_title_icon {
	float: left;
	font-style: normal;
	margin-right: 10px;
	/* font-family: "Open sans-serif"; */
	/* color: #fcc06d; */
	font-size: 16px;
	width: 22px;
	margin-top: 1px;
}

.c3_lifecycle_detail_cont2 {
	clear: both;
	/* overflow:hidden; */
	/* padding: 2px; */
	position: absolute;
	top: 37px;
	bottom: 15px;
	height: 94%;
	width: 100%;
}

.c3_lifecycle_detail_row {
	clear: both;
	margin-top: 12px;
	/* display: flex; */
	/* padding-top: 8px; */
	overflow: hidden;
}

.c3_lifecycle_detail_col {
	float: left;
	/* font-size: 20px; */
}

.c3_lifecycle_detail_col1 {
	width: 40%;
	font-size: 16px;
	color: #958e8d;
	/* float: right; */
	/* position: absolute; */
	top: 37px;
}

.c3_lifecycle_detail_col2 {
	font-size: 35px;
	font-family: 'Open Sans', sans-serif !important;
	color: #8dbbd6;
	/* float: right; */
	position: absolute;
	/*left: 54%;*/
	right: 5%;
	top: 41px;
}

.c3_lifecycle_detail_r_comp {
	margin-top: 16px !important;
	border-bottom: thin solid #d1d1d1;
}

.c3_lifecycle_detail_comp {
	width: 100%;
	/* font-family: "open sans"; */
	font-size: 14px;
	padding: 3px 0 12px 0;
	/* border-bottom: thin solid #d1d1d1; */
	color: #4e4241;
}

.c3_lifecycle_detail_comp_dtl {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 144px;
}

.c3_lifecycle_topicdetail_comp_dtl {
	width: 100%;
	position: absolute;
	left: 10px;
	top: 40px;
}

.c3_c3circle_wrp {
	float: left;
	/*margin-right: 4px;*/
	padding: 4px;
	position: relative;
	width: 82px;
}

.c3_c3circle_wrp .c3_c3circle {
	float: left;
	text-align: center;
	cursor: pointer;
	position: absolute;
}

.c3_c3circle {
	border-radius: 50%;
	/*width: 81px!important;*/
	/* padding: 8px; */
	/*text-align: center;*/
	/*padding: 25px 0!important;*/
}

.c3_c3circle_customer {
	background-color: #d4e7ee;
}

.c3_c3circle_customer:hover {
	background-color: #c3d5db !important;
}

.c3_c3circle_other_comp {
	background-color: #eaeaea;
}

.c3_c3circle_footer_text {
	clear: both;
	/*position: absolute;
    top: 82px;
    width: 81px;*/
	font-size: 16px;
	color: #7c7c7c;
	text-align: left;
	/*word-wrap: break-word;*/
	max-width: 80px;
	max-height: 70px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.c3_c3circle:hover {
	background: #e2eae8;
}

/* Lifecycle - filter tab */
.c3_lifecycle_filter {
	clear: both;
}

.registration-container {
	top: 0px;
}

.customerAudiance {
	clear: both;
}

.customerAudiance a {
	display: inline-block;
}

.fa-info:hover {
	color: #fff;
}

.udc_form {
	border: 0 !important;
}

.udc_form_row_item {
	clear: both;
}

.udc_form_row_item label {
	float: left;
	width: 125px;
}

/* customer journey map details */
.insights_breadCrumb {
	padding: 5px 0;
	margin: 8px 30px 0;
	font-family: 'Open Sans', sans-serif !important;
	color: #436175 !important;
	font-size: 11px !important;
	border-bottom: 1px solid var(--c-grayish-azure-100);
	border-top: 1px solid var(--c-grayish-azure-100);
}

.journey_dtl_topbar {
	position: absolute;
	top: 80px;
	left: 22%;
	width: 74%;
	padding: 10px 5px 2px 5px;
	font-size: 90%;
	/*background-color: beige;*/
}

.journey_dtl_intent_mark {
	float: left;
}

.journey_dtl_intent_mark>div {
	float: left;
	margin-right: 4px;
}

.insights_download {
	float: right;
	cursor: pointer;
}

/* */
/* */
/* intents icon button */
.c3_insights_intents_button {
	
}

.c3_insights_intents_button:hover {
	cursor: pointer;
}

.c3_insights_intents_button:hover>i {
	color: black;
}

.c3_insights_intents_button_title {
	
}

.c3_insights_intents_button_active>i {
	color: brown;
}

.c3_insights_intents_button_inactive>i {
	
}

.c3_insights_cjm_actions>div {
	float: left;
	margin: 4px;
	text-align: center;
}

.c3_insights_cjm_actions_button:hover {
	cursor: pointer
}

.c3_insights_cjm_actions_button:hover i {
	color: black;
}

.c3_insights_cjm_intents_button {
	
}

/* customery journey map - intents dialog */
.c3_intents_list_dlg_pane, .c3_signal_frequency_dlg_pane {
	height: auto !important;
}

.c3_intents_list_dlg_ul {
	list-style-type: none;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	border-top: thin silver dotted;
	border-bottom: thin silver dotted;
	padding: 3px;
	margin-top: 2px;
	margin-bottom: 4px;
}

.c3_intents_list_dlg_li {
	clear: both;
	/*padding: 4px;*/
}

.c3_intents_list_dlg_li>div {
	float: left;
}

.c3_intents_list_dlg_chk {
	text-align: center;
}

.c3_intents_list_dlg_chk_lbl {
	margin-left: 10px;
}

.c3_intents_list_dlg_chk_lbl>i {
	margin-right: 6px;
}

.c3_intents_list_dlg_post {
	max-height: 250px;
	overflow-y: auto;
}

.c3_intents_list_dlg_post>i {
	margin-right: 10px;
	margin-left: 10px;
	opacity: .1;
	font-size: large;
}

.c3_intent_list_dlg_lbl_c {
	color: #333;
	font-size: 116%;
	margin-top: 6px;
}

/* */
/* */
.claro .dojoxGrid {
	margin: 0px 25px !important;
	border: none !important;
	height: 400px !important;
	overflow-x: hidden;
}

.claro .dojoxGridMasterHeader {
	background: #d7dfe6 !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #436175 !important;
	font-size: 13px !important;
	border-bottom: 2px solid #b6c3cf !important;
}

.dojoxGrid {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px !important;
	color: #545657;
}

.claro .dojoxGrid .dojoxGridCell {
	border-bottom: 1px solid #e5ebef !important;
}

.claro .dojoxGridRow {
	
}

.claro .dojoxGridRowOdd {
	
}

.c3_c3circle_text {
	position: absolute;
	top: 82px;
	width: 81px;
	font-size: 12px;
	color: #7c7c7c;
}

.c3_c3circle_num {
	font-size: 22px;
	color: #7c7c7c;
	text-align: center;
	position: absolute;
}

.c3_lifecycle_title_bar, .c3_pdashboard_title_bar {
	font-size: 22px !important;
	color: #FCC06D !important;
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 10px;
}

.c3_lifecycle_title_bar .c3_lifecycle_title, .c3_pdashboard_title_bar .c3_pdashboard_title
	{
	float: left;
	top: -9px;
}

/* Grid Row - Default Styles */
.dojoxGridRow tr {
	background: #e5ebef !important;
	color: #777a7c !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px !important;
}

/* Grid Row -- Alternate Row Background Color*/
.dojoxGridRowOdd tr {
	background-color: #f2f5f7 !important;
}

/* Grid Header - Styles */
.dojoxGridHeader .dojoxGridCell {
	background-image: none !important;
	background-color: #d7dfe6 !important;
}

.dojoxGridRow tr td {
	border: none !important;
}

.dojoxGridRow tr th {
	border: none !important;
}

.dojoxGridHeader .dojoxGridCell div {
	color: #436175;
	font-size: 12px;
	font-weight: bold;
}

.claro .dojoxGridMasterHeader .dojoxGridRowTable {
	border: none !important;
}

.claro .dojoxGridRowOver .dojoxGridCell {
	background: #cdd7de !important;
}

.claro .dojoxGrid .dojoxGridCell {
	border: none !important;
}

.detail_grid_layout {
	position: relative;
	top: 120px;
}

.buyIntent {
	color: #BDDF8C
}

.inquiryIntent {
	color: #fcc06d
}

.complaintIntent {
	color: #1c77c2
}

.quitIntent {
	color: #fa745f
}

.praiseIntent {
	color: #c9a5c9
}

.feedbackIntent {
	color: #7ed3eb
}

.ca_header_icon_1 {
	padding-left: 10px !important;
	font-size: 144%;
	color: #436175;
}

.intent_rhs_title_icon {
	font-size: 28px !important;
}

/* == == == == == == == */
/* Insights breadCrumb   */
/* == == == == == == == */
.insights_breadCrumb_1 {
	position: absolute;
	top: 45px;
	left: 22%;
	width: 74%;
	padding: 5px 20px 5px 10px;
	font-family: 'Open Sans', sans-serif !important;
	color: #fcc06d !important;
	font-size: 11px !important;
	border-bottom: 1px solid #fcc06d;
	border-top: 1px solid #fcc06d !important;
	background: #f5ebdd;
}

.insights_breadCrumb_2 {
	position: absolute;
	top: 45px;
	left: 22%;
	width: 74%;
	padding: 5px 20px 5px 10px;
	/* margin: 8px 30px 0; */
	font-family: 'Open Sans', sans-serif !important;
	color: #fa745f !important;
	font-size: 11px !important;
	border-bottom: 1px solid #fa745f;
	border-top: 1px solid #fa745f !important;
	background: #ffefed;
}

.insights_breadCrumb_3 {
	position: absolute;
	top: 45px;
	left: 22%;
	width: 74%;
	padding: 5px 20px 5px 10px;
	/* margin: 8px 30px 0; */
	font-family: 'Open Sans', sans-serif !important;
	color: #c4dea0 !important;
	font-size: 11px !important;
	border-bottom: 1px solid #c4dea0;
	border-top: 1px solid #c4dea0 !important;
	background: #e9f3da;
}

.insights_breadCrumb_4 {
	margin: 8px 30px 0;
	font-family: 'Open Sans', sans-serif !important;
	color: #7ed3eb !important;
	font-size: 11px !important;
	border-bottom: 1px solid #7ed3eb;
	border-top: 1px solid #7ed3eb !important;
	background: #e2f2f7;
}

.insights_breadCrumb_5 {
	position: absolute;
	top: 45px;
	left: 22%;
	width: 74%;
	padding: 5px 20px 5px 10px;
	font-family: 'Open Sans', sans-serif !important;
	color: #1c77c2 !important;
	font-size: 11px !important;
	border-bottom: 1px solid #1c77c2;
	border-top: 1px solid #1c77c2 !important;
	background: #e3ecf4;
}

.insights_breadCrumb_6 {
	position: absolute;
	top: 45px;
	left: 22%;
	padding: 5px 20px 5px 10px;
	width: 74%;
	/* margin: 8px 30px 0; */
	font-family: 'Open Sans', sans-serif !important;
	color: #fa745f !important;
	font-size: 11px !important;
	border-bottom: 1px solid #c9a5c9;
	border-top: 1px solid #c9a5c9 !important;
	background: #F1E1F1;
}

/* ========================= */
/* Registration Page */
/* ========================= */
.dijitPlaceHolder {
	font-style: normal !important;
}

.c3_registration_form_show {
	transition: all 1.0s ease-in-out;
	opacity: 1;
	overflow: hidden;
}

.c3_registration_form_hide {
	opacity: 0;
	display: none;
}

/* new-customer-journey-map-css */
.c3_customerjourneymap_box {
	position: absolute;
	width: 35%;
	height: 97%;
	left: 0%;
}

.c3_responsivecircle0 {
	padding-bottom: 33%;
	border-radius: 50%;
	text-align: center;
	width: 33%;
	height: 0;
	color: #fff;
	border: 0 solid #ddd;
}

.c3_responsivecircle0 .numberArea {
	font-size: 36px;
	text-align: center;
	color: #5a9bde;
	padding-top: 56px;
}

.c3_responsivecircle {
	padding-bottom: 23%;
	border-radius: 50%;
	text-align: center;
	width: 23%;
	height: 0;
	color: #fff;
}

.c3_arrowcolor {
	font-size: 24px;
	color: #CCC;
}

.c3_centercircle {
	position: absolute;
	top: 43%;
	left: 35%;
}

.c3_arrowposition1 {
	position: absolute;
	top: 21%;
	left: 30%;
}

.c3_arrowposition2 {
	position: absolute;
	top: 59%;
	left: 15%;
}

.c3_arrowposition3 {
	position: absolute;
	top: 99%;
	left: 30%;
}

.c3_arrowposition4 {
	position: absolute;
	top: 24%;
	left: 68%;
}

.c3_arrowposition5 {
	position: absolute;
	top: 64%;
	left: 81%;
}

.c3_arrowposition6 {
	position: absolute;
	top: 101%;
	left: 66%;
}

.c3_circle_select {
	box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.05);
}

.c3_customerjourney_buy {
	background: #BDDF8C;
	position: absolute;
	top: 5%;
	left: 40%;
	transition: background 0.2s ease, padding 0.8s linear;
	cursor: pointer;
}

.c3_customerjourney_buy:hover {
	background: #abde63 !important;
}

.c3_customerjourney_quit {
	background: #fa745f;
	position: absolute;
	top: 27%;
	left: 10%;
	transition: background 0.2s ease, padding 0.8s linear;
	cursor: pointer;
}

.c3_customerjourney_quit:hover {
	background: #f9563c;
}

.c3_customerjourney_complaint {
	background: #3283c7;
	position: absolute;
	top: 69%;
	left: 9%;
	transition: background 0.2s ease, padding 0.8s linear;
	cursor: pointer;
}

.c3_customerjourney_complaint:hover {
	background: #54caeb;
}

.c3_customerjourney_praise {
	background: #c9a5c9;
	position: absolute;
	top: 93%;
	left: 40%;
	transition: background 0.2s ease, padding 0.8s linear;
	cursor: pointer;
}

.c3_customerjourney_praise:hover {
	background: #a173a1;
}

.c3_customerjourney_inquiry {
	background: #fbc57a;
	position: absolute;
	top: 31%;
	left: 70%;
	transition: background 0.2s ease, padding 0.8s linear;
	cursor: pointer;
}

.c3_customerjourney_inquiry:hover {
	background: #fcb34f;
}

.c3_customerjourney_feedback {
	background: #8ad6ec;
	position: absolute;
	top: 73%;
	left: 69%;
	transition: background 0.2s ease, padding 0.8s linear;
	cursor: pointer;
}

.c3_customerjourney_feedback:hover {
	background: #54caeb;
}

.c3_divider_div {
	/* float: left; */
	border-left: 1px solid #c0c0c0;
	width: 3%;
	min-height: 85%;
	/* margin-top: 35px; */
	position: absolute;
	left: 37%;
	top: 3%;
}

.c3_divider_div .arrow2 {
	position: absolute;
	top: 45%; /* z-index:99; */
	height: 44px;
	width: 28px;
	left: -2px;
	font-size: 300%;
	color: var(--c-grayish-azure-100);
}

/* ========================= */
/* Registration App Section */
/* ========================= */
.c3_apps_socialicons {
	font-size: 36px;
	margin: 0;
	padding: 0;
}

.c3_facebook_icon_active {
	color: #204385; /*cursor: pointer;*/
}

.c3_icon_deactive {
	color: #bbbbbb; /*cursor: pointer;*/
}

.c3_icon_green {
	color: #67b661;
	margin-right: 8px;
}

.c3_title_apps_text {
	font-size: 13px !important;
	color: #366833;
	padding: 4px 0;
}

.c3_your_facebook_pages_box {
	background: #f7f8fa;
	clear: both;
	overflow: auto;
	padding: 5px 10px;
	margin: 8px 0 0 0;
}

.c3_your_competitors_pages_box { /* background:#f1f3f6; */
	clear: both;
	overflow: hidden;
	padding: 8px 0 0 0;
	margin: 15px 0 0 0;
	border-top: 1px solid var(--c-gray-57);
}

.title_apps_text {
	font-size: 13px !important;
	color: #486079;
	padding: 4px 0;
}

.url_apps_textbox {
	font-size: 12px !important;
	color: #686868;
	width: 420px;
	padding: 5px 10px;
	border: 1px solid var(--c-gray-57);
}

.c3_fb_url_box {
	clear: both;
	padding-top: 5px;
	overflow: hidden;
}

.c3_fb_url_box .c3_fb_url_text {
	float: left;
	width: 120px;
	font-size: 12px !important;
	margin-right: 10px;
	padding: 5px 0 0 0;
}

.c3_fb_url_box .c3_fb_url_url {
	float: right;
	width: 450px;
}

.c3_fb_url_box .c3_fb_plusbtn {
	float: right;
	width: 20px;
	margin: 3px 0 0 0;
}

.c3_fb_url_box .c3_fb_plusbtn .plus_size {
	font-size: 24px;
	color: #67b661;
	cursor: pointer;
}

.c3_apps_list {
	clear: both;
}

.c3_apps_list ul {
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.c3_apps_list ul li {
	float: left;
	list-style: none;
	margin: 2px;
	padding: 0;
}

.c3_apps_list ul li .c3_app_box {
	width: 187px;
	height: 50px;
	padding: 4px;
	background: #fff;
	border: 2px solid #ebf3f9;
	clear: both; /*cursor: pointer;*/
}

.c3_apps_list ul li .c3_app_box:hover {
	background: #ebf3f9;
	border: 2px solid var(--c-gray-57);
}

.c3_apps_list ul li .c3_app_box_selected {
	background: #d8e5ef;
	border: 2px solid #d4dde3;
}

.c3_apps_list ul li .c3_app_box .c3_app_checkbox {
	width: 20px;
	float: left;
	padding: 14px 0 0 0;
}

.c3_apps_list ul li .c3_app_box .c3_app_profile {
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
	border: 2px solid #e1e1e1;
	margin-top: 2px;
}

.c3_apps_list ul li .c3_app_box .c3_app_profile_info {
	float: right;
	width: 115px; /* border: 1px solid #000; */
}

.c3_apps_list ul li .c3_app_box .c3_app_profile_info h3 {
	font-size: 13px !important; /* font-weight:bold; */
	color: #114090; /* vertical-align:text-top!important; */
	padding: 0;
	margin: 0;
}

.c3_registration_app_scrollbox {
	height: 350px;
	overflow: auto;
}

.claro .dijitValidationTextBoxError .dijitValidationContainer {
	background-image: url("res/error.png") !important;
	/*background-image: url("error.png")!important;*/
}

.envalop_size_small {
	font-size: 13px !important;
}

.register_btn_padding {
	/* padding: 12px 0; */
	/*position: absolute;
	left: 780px;*/
	
}

.register_img_padding {
	padding-left: 10px;
}

.continue_img_padding {
	padding-left: 5px;
}

/* filter insight  */

/*----------------- filter tab insight ---------------*/
.filter-tab_insights {
	/* margin: 10px auto 10px auto; */
	width: 92%;
	border-bottom: solid 2px var(--c-grayish-azure-100);
	padding: 10px 0 8px 0;
	/* top: 44px; */
	position: relative;
	min-height: 20px;
	/* margin-right: auto; */
}

.filter-tab_insights span {
	font-size: 14px;
	color: #8f8f8f;
	/*padding:0 10px 0 10px;*/
	position: relative;
	cursor: pointer;
}

.filter-tab_insights span:hover {
	color: #0154a6;
}

.filter-tab_insights span.active-filter {
	color: #0154a6;
}

.filter-tab_insights span.active-filter span {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--c-grayish-azure-100) transparent;
	line-height: 0px;
	_border-color: #000000 #000000 var(--c-grayish-azure-100) #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	padding: 0px;
	position: absolute;
	bottom: -9px;
	left: 39%;
}

.c3_lifecycle_filter_insights {
	clear: both;
}

.ca_filter_insights {
	/* left: 15px; */
	/* max-width: 1040px!important; */
	
}

.c3_lifecycle_filter_cont {
	position: relative;
	height: 60px;
	width: 100%;
	/*width: 75%;*/
	top: 0px;
	padding-left: 10px;
}

.c3_lifecycle_detail_rhs {
	/* float: right; */
	width: 65%;
	/* min-height: 500px; */
	position: absolute;
	right: 0;
	left: 40%;
	height: 80%;
}

.reg_add_btn {
	font-style: normal;
	font-size: 15px;
}

.reg_back_btn {
	float: left;
	width: 160px;
}

.reg_hyperlink {
	text-decoration: none !important;
}

.z1_user_icon {
	font-style: normal;
	font-size: 16px;
}

/* 11-03-2014 */
.claro .dijitButton .dijitButtonNode, .claro .dijitDropDownButton .dijitButtonNode,
	.claro .dijitComboButton .dijitButtonNode, .claro .dijitToggleButton .dijitButtonNode
	{
	/* border: 1px solid #759dc0; */
	padding: 2px 14px;
	color: #000000;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: 0px solid #fff !important;
	background: none !important;
	/* background-color: #bcd8f4; */
	/* background-image: url("form/images/buttonEnabled.png"); */
	/* background-repeat: repeat-x; */
	background-image: -moz-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0)
		3px, rgba(255, 255, 255, 0.75) 100%);
	/* background-image: -webkit-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); */
	background-image: -o-linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0)
		3px, rgba(255, 255, 255, 0.75) 100%);
	/* background-image: linear-gradient(#ffffff 0px, rgba(255, 255, 255, 0) 3px, rgba(255, 255, 255, 0.75) 100%); */
	_background-image: none;
}

.claro .dijitSelectMenu .dijitMenuItemHover td, .claro .dijitSelectMenu .dijitMenuItemSelected td,
	.claro .dijitMenuItemHover, .claro .dijitMenuItemSelected {
	background-color: #efefef !important;
	background-image: none !important;
}

.claro .dijitMenuItemActive {
	background-color: #efefef !important;
	background-image: none !important;
}

.float_right_btn {
	float: right;
	margin-right: 12px;
}

.c3_login_button_registration {
	float: right;
	font-size: 11px;
}

.c3_login_button_registration a {
	color: #0055a9;
	text-decoration: none;
}

.c3_login_button_registration a:hover {
	color: #000;
}

.c3_login_button_registration2 {
	position: absolute;
	right: 30px;
	top: 8px;
	font-size: 12px;
}

.c3_login_button_registration2 a {
	color: #0055a9;
	text-decoration: none;
}

.c3_login_button_registration2 a:hover {
	color: #000;
}

/* Smartphones (portrait and landscape) ----------- */

/*   @media only screen and (min-device-width : 1100px) and (max-device-width : 1380px) {
.c3_responsivecircle .fonticon_size {
font-size: 180%!important;
color:#ff0000!important;
padding: 5px 0 5px 0;
}
    }*/

/* Smartphones (portrait and landscape) ----------- */
/*   @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.c3_responsivecircle .fonticon_size {
font-size: 110%!important;
padding: 5px 0 5px 0;
}

.c3_responsivecircle .journey_number {
    font-size: 100%;
}
    }   
    */
@media only screen and (min-width : 900px) and (max-width : 1150px) {
	.c3_responsivecircle .fonticon_size {
		font-size: 140% !important;
		padding: 5px 0 0 0;
	}
	.c3_responsivecircle .journey_number {
		font-size: 120%;
		padding: 0;
		margin: 0;
	}
	.c3_responsivecircle .journey_title_text {
		font-size: 90%;
		padding: 0;
		margin: 0;
	}
}

@media only screen and (min-width : 320px) and (max-width : 900px) {
	.c3_responsivecircle .fonticon_size {
		font-size: 120% !important;
		padding: 5px 0 0 0;
		line-height: none;
	}
	.c3_responsivecircle .journey_number {
		font-size: 110%;
		line-height: none;
		padding: 0;
		margin: 0;
	}
	.c3_responsivecircle .journey_title_text {
		font-size: 80%;
		padding: 0;
		margin: 0;
		line-height: none;
	}
}

@media only screen and (min-width: 1280px){
	.c3_css_editor_panel_s {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
		column-gap: 10px;
	}
}

.claro .dijitTooltipContainer {
	font-size: 13px !important;
	color: #666 !important;
	font-family: 'Open Sans', sans-serif !important;
	line-height: 140% !important;
	padding: 12px 8px !important;
}

.c3_goal_tooltip_title {
	padding: 6px 0 7px 0;
	color: #666;
	text-shadow: none !important;
	font-weight: normal !important;
}

.c3_registration_2_clear {
	clear: both;
}

.c3_registration_2a_clear {
	clear: both;
	overflow: hidden;
	margin: 0 0 8px 0; /* height: 30px; */
}

.c3_registration_2a_clear_top_faq {
	/*top: 150px;*/
}

.c3_registration_2a_clear_top_article {
	/*top: 200px;*/
}

.c3_registration_2a_clear_new {
	position: absolute;
	bottom: 55px;
	width: calc(100% - 15px);
}

.c3_contentEditorDiv {
}

.c3_registration_2a_clear_new .c3_contentEditorDiv .dijitEditorIFrameContainer {
	height: calc(100% - 60px);
}

.c3_registration_2a_clear_new .c3_contentEditorDiv .dijitEditorIFrameContainer .dijitEditorIFrame {
	height: 100% !important;
}
div.c3_createContent_txtEditor iframe {
	height: inherit !important;
	flex: 1;
}

.c3_createContent_txtEditor {
	position: relative;
}
.c3_createContent_insertImg {
	position: absolute;
	top: 4px;
	right: 2px;
}

.c3_createContent_txtEditor .dijitEditorIFrameContainer {
	padding: 0px;
	flex: 1;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
}

/* push title editor */
.c3_pushMsgTitleEditorDiv .dijitEditorIFrameContainer {
	position: relative;
}

/*push message editor*/
.c3_pushMsgInputEditorDiv .dijitEditorIFrameContainer {
	height: calc(100% - 60px);
}
.c3_pushMsgInputEditorDiv .dijitEditorIFrameContainer .dijitEditorIFrame {
	height: 100% !important;
}

div.c3_createContent_pushMsgEditor iframe {
	height: inherit !important;
	flex: 1;
}
.c3_createContent_pushMsgEditor {
	position: relative;
}
.c3_createContent_pushMsgEditor .dijitEditorIFrameContainer {
	padding: 0px;
	flex: 1;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
}

.c3_createContent_insertEmoji{
	position: absolute;
	top: 28px;
	left: 140px;
}


.c3_registration_2a_clear .title_Text_2 {
	color: #1855a3;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px !important;
	float: left;
	width: 50%;
	padding: 4px 0;
}

.c3_registration_2_float_left {
	float: left;
	width: 60%;
	padding-top: 10px;
}

.c3_apps_socialicons_2 {
	font-size: 26px;
	float: right;
	width: 25%;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* channel-box - 18-03-2014 */
.c3_new_channelBox, .c3_api_key_box {
	clear: both;
	position: relative;
	z-index: 0;
}

.c3_new_channelBox_yours {
	border: 3px solid #c8eaeb;
	clear: both;
	overflow: hidden;
	padding: 6px;
	margin: 8px 8px 8px 0;
}

.c3_new_channelBox_yours:hover {
	background: #f9faf9;
}

.c3_new_channelBox_competitors, .c3_api_key_box_1 {
	border: 1px solid #E8EEEE;
	clear: both;
	overflow: hidden;
	padding: 6px;
	margin: 0px 0px 8px 0;
}

.c3_api_key_lebel {
	font-size: 16px;
	color: #4d9ae2;
}

.c3_api_key_api_numbertext {
	font-size: 12px;
	color: #969696;
	letter-spacing: 2px;
}

.c3_new_channelBox_competitors:hover, .c3_api_key_box:hover {
	background: #f9faf9;
}

.greentick_tag {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	z-index: 999;
}

.greentick_tag_hide {
	display: none;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 0;
	left: 0;
	z-index: 999;
}

.c3_new_channelBox_profile_pic {
	float: left;
	border: 2px solid #e8e8e8;
	background: #e8e8e8;
	width: 44px;
	height: 44px;
	margin-right: 10px;
	text-align: center;
}

.c3_new_channelBox_profile_name, .c3_settings_api_key_name {
	float: left;
	width: 49%;
	color: #1855a3;
	font-family: 'Open Sans', sans-serif !important;
	/* font-size: 15px!important; */ /* modify */
	padding-top: 3px;
	cursor: pointer;
}

.c3_new_channelBox_profile_name_new {
	float: left;
	width: 49%;
	color: #1855a3;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px !important;
	padding-top: 12px;
}

.c3_new_channelBox_profile_name_new {
	float: left;
	width: 49%;
	color: #1855a3;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px !important;
	padding-top: 12px;
}

.c3_new_channelBox_profile_buttons, .c3_settings_api_key_box_buttons {
	float: right;
	width: 39%;
	margin-top: 12px;
	text-align: right;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 11px !important;
}

.c3_new_channelBox_profile_buttons2 {
	float: right;
	width: 15%;
	margin-top: 12px;
	text-align: right;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 11px !important;
}

.btn_space {
	margin: 0 2px;
}

.btn-sm, .btn-xs {
	padding: 2px 10px;
	font-size: 11px;
	line-height: 1.5;
}
.btn-sm {
	font-size: 12px;
}

.btn-bx-size_new {
	height: 26px;
}
.btn-default-outline2_new2 {
	background: #f0f0f0 !important;
	border: 1px solid #bbbbbb !important;
}
.c3_purpleIt .btn-default-outline2_new2 {
	border: 1px solid var(--c-purple-40) !important;
	border-radius: 50px;
}

.btn-default-outline2_new2:hover {
	background: #d7dacc !important;
	color: #fff !important;
}
.c3_purpleIt .btn-default-outline2_new {
	border: 1px solid var(--c-purple-40) !important;
	border-radius: 50px;
}

.btn-default-outline2_new:hover {
	background: #d7dacc !important;
	color: #fff !important;
}

.addchannelDiv span {
	padding: 8px 0 0 3px;
}

.addChannelIcon {
	font-style: normal;
	color: #60c560;
	font-size: 19px !important;
}

.channel_widget_img {
	padding-top: 2px;
	padding-left: 2px;
}

/* 20-04-2014 */
.addchannlepopup_left {
	width: 30%;
	float: left;
	color: #999999;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
}

.addchannlepopup_left_inputbox {
	width: 94% !important;
	padding: 10px 5px;
	border: 1px solid var(--c-gray-57);
	height: 40px;
}

.addchannlepopup_scrollbox {
	height: 238px;
	margin: 0 0 20px 0;
	overflow: auto; /* border: 1px solid #000; */
}

.addchannlepopup_title_Text {
	color: #0055a9;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px !important;
	padding: 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 3px solid #e8e8e8;
}

.addchannlepopup_right {
	width: 60%;
	float: left;
}

.addchannlepopup_divider_div {
	float: left;
	border-left: 1px solid #c0c0c0;
	width: 30px;
	min-height: 270px;
	margin-top: 39px;
	position: relative;
	margin-left: 30px;
}

.addchannlepopup_divider_div .arrow2 {
	position: absolute;
	top: 45%; /* z-index:99; */
	height: 44px;
	width: 28px;
	left: -1px;
	font-size: 300%;
	color: var(--c-grayish-azure-100);
}

.icon_space_padding_right {
	padding-right: 6px;
}

.registration3rd_scrollbox { /* height:300px; */
	margin: 0;
	overflow: auto;
}

.z1_settings_icon {
	margin-right: 5px;
	margin-left: 5px;
	vertical-align: middle;
	height: 58px;
	padding: 0px 5px;
	float: right;
	width: 90px;
	color: #999;
	cursor: pointer;
	padding-top: 5px;
	position: absolute;
	left: 85%;
}

.z1_settings_icon:HOVER {
	background-color: #efefef;
	height: 53px;
}

.z1_settings_icon.active {
	color: #0059b0;
}

.c3_or_class {
	background-color: #f1f1f1;
	border: 1px solid var(--c-gray-57);
	padding: 5px !important;
	-moz-border-radius: 15px !important;
	border-radius: 15px !important;
	width: 18px;
	margin: 0 auto;
}

.c3_fbchannel_like {
	display: block;
	font-size: 11px;
	color: #66667b;
}

.c3_csb_outer_container .c3_whitebox_channelsettings,
	.c3_whitebox_configureApiKeys {
	box-shadow: none;
	background: none;
}

.c3_whitebox_channelsettings, .c3_whitebox_configureApiKeys {
	/*background: #fff !important;
	 width: 93%; */
	/* min-height: 300px; */
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	overflow: hidden;
}

.c3_whitebox_channelsettings.c3_appevent_nodata {
	/*background: #fff !important;
	 width: 93%; */
	/* min-height: 300px; */
	background-color: #fff;
	position: absolute;
	left: 5px;
	top: 43px !important;
	bottom: 0px !important;
	overflow: hidden;
	right: 5px;
}

.c3_whitebox_channelsettings2 {
	background-color: #fff;
	width: 91%;
	height: 80%;
	min-height: 390px;
	margin: 40px auto 20px;
	padding: 20px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	clear: both;
}

.c3_msglibrary_showmsgbox .c3_whitebox_channelsettings2 {
	position: relative;
	height: calc(100% - 100px);
}
/* overwrite for AddContent screen */
.c3_articles_add_content_cont .c3_whitebox_channelsettings2 {
	width: calc(100% - 75px);
	height: calc(100% - 100px);
}

.c3_content_widget_div {
	height: 100px !important;
	width: 180px !important;
	background-color: #dddddd !important;
	margin: 20px;
}

.c3_whitebox_channelsettings3 { /* 27-03-2014 */
	background: #fff;
	width: 91%;
	min-height: 485px;
	margin: 40px auto 20px;
	padding: 10px 20px;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	clear: both;
}

.customAudiences, .c3_context_p_body {
	width: 100% !important;
	position: initial;
	top: 41px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.c3_context_p_body_h {
	min-height: 30px;
	max-height: 30px;
	border-bottom: 1px solid #dae9ec;
	padding: 6px 0px;
}

.c3_context_p_body_h>* {
}

.c3_context_p_body_inner.c3_flex_1 {
	/*overflow-y: auto;*/
	overflow-x: hidden;
}

.topnav_rightBox {
	color: snow;
}

.topnav_rightBox_clear {
	clear: both;
}

.topnav_rightBox_clear .login_username {
	float: left;
	text-align: right;
	padding-right: 23px;
	border-right: 2px solid #cbcbcb;
	font-style: italic;
	font-size: 13px;
	color: #979897;
	padding-top: 3px;
}

.topnav_rightBox_clear .access_user {
	float: left;
	padding-left: 12px;
}

.topnav_rightBox_clear .access_user .icon_size {
	font-size: 20px;
	color: #979897;
	margin: 0 14px;
	font-style: normal !important;
	cursor: pointer;
}

.topnav_rightBox_clear .access_user .icon_size:hover {
	color: #0059b0;
}

.topnav_rightBox_clear .access_user .icon_size2 {
	font-size: 23px;
	margin: 0 14px;
	font-style: normal !important;
	cursor: pointer;
	width: 40px;
}

.c3_topLMenuBtn {
	padding: 10px 5px;
	border-radius: 50%;
	width: 30px;
}

.c3_topRMenuBtn {
	padding: 10px 5px;
	border-radius: 2px;
}

.c3_topLMenuBtn.active, .c3_topRMenuBtn.active {
	/* background-color: #3b95bf; */
	color: var(--ac-mnu-sel-c);
}
.c3_topRMenuSep {
	background-color: rgba(143, 188, 143, 0.41);
	height: 1px;
	margin-left: 8px;
	margin-right: 8px;
}
.c3_mnu1BxL3 .c3_mnu1Lbl {
	display: none;
}

@media only screen and (min-width: 1600px) {
	.c3_cmdCenterBusOutcomes .c3_wt300_min {
		min-width: 400px;
	}
}
@media only screen and (min-width: 1920px) {
	.c3_cmdCenterBusOutcomes .c3_wt300_min {
		min-width: 500px;
	}
}
@media only screen and (min-width: 2400px) {
	.c3_cmdCenterBusOutcomes .c3_wt300_min {
		min-width: 600px;
	}
}

@media screen and (min-height: 1100px) {
	.c3_granularcont_pos {
		bottom: 33px;
	}
	/* show menu lable in tall screen */
	/*.c3_mnu1BxL3 .c3_mnu1Lbl {
		display: block;
		padding-top: 4px;
		zoom: .8;
	}
	.c3_topRMenuBtn {
		margin-left: unset;
		padding: 10px 5px;
		border-radius: 3px;
		width: unset;
	}*/
}
@media screen and (max-height: 768px) {
	.c3_topLMenuBtn, .c3_topRMenuBtn {
		padding: 2px 5px;
		/*width: 24px;*/
		height: 21px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.z1_canvas_menu_item {
		padding: 4px 5px;
	}
	.c3_mnu1I {
		font-size: 16px;
	}
	.z1_canvas_menu_item:hover {
		/* transform: scale(1.25, 1.15); */
	}
	.c3_mnu1I:hover {
		/* transform: scale(1.25, 1.15); */
	}
}
@media screen and (max-height: 600px) {
	.c3_topLMenuBtn, .c3_topRMenuBtn {
		height: 19px;
		/*width: 21px;*/
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.z1_canvas_menu_item {
		padding: 2px 5px;
	}
	.c3_mnu1BxL.c3_cols_spacing_x>* {
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.c3_mnu1BxL.c3_cols_spacing_x>*:first-child {
		margin-top: 0px;
	}
	c3_mnu1BxL.c3_cols_spacing_x>*:last-child {
		margin-bottom: 0px;
	}
	.c3_mnu1I {
		font-size: 15px;
	}
	.z1_canvas_menu_item:hover {
		transform: scale(1.25, 1.15);
	}
	.c3_mnu1I:hover {
		transform: scale(1.25, 1.15);
	}
}

.c3_topLMenuBtn {
	font-size: 21px;
}
.c3_top_rhsIn3 {
	font-size: 21px;
}

.addchannlepopup_left_dropdownBox {
	width: 94% !important;
	margin: 0 !important;
	padding: 5px 5px 0 5px;
	border: 1px solid var(--c-gray-57);
}

/* settings drop down */
.z1_menu_settings_dd {
	position: absolute;
	height: auto;
	right: 100px;
	right: calc(2% + 60px);
	top: 50px;
	background-color: #fff;
	box-shadow: 2px 2px 2px 2px rgba(153, 153, 153, 0.6);
	padding: 14px;
}

.c3_menu_settings_item {
	padding: 4px;
	margin-top: 2px;
	cursor: pointer;
	font-size: 110%;
	color: #666;
}

.c3_menu_settings_item:hover {
	/*background-color: ghostwhite;*/
	color: #0059b0;
}

.c3_channelconfigure_box {
	width: 100%;
	float: left;
	color: #999999;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px !important;
}
/*.c3_channelconfigure_box_textareabox {width:98%!important;  padding: 10px 5px; border:1px solid var(--c-gray-57);}*/
.c3_channelconfigure_box_textareabox {
	width: 98% !important;
	padding: 5px;
	border: 1px solid var(--c-gray-57);
	height: 40px;
}
.c3_channelconfigure_box_scrollbox {
	height: 275px;
	margin: 0;
	overflow: auto;
	/* border: 1px solid #000; */
	overflow-x: hidden;
}
.c3_channelconfigure_box_title_Text {
	color: #0055a9;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 16px !important;
	padding: 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 3px solid #e8e8e8;
}

.c3_preProcess_txtCont {
	border: 1px solid #ebebeb;
}
.c3_preProcess_tipCont {
    color: #aaa;
    font-family: monospace;
    font-size: 12px;
    padding: 0 10px;
}

.c3_preProcess_txt {
	border: 0px solid;
    padding: 10px;
    font-family: monospace;
    font-size: 12px;	
    border-left: solid 8px #eaeaea;    
}

.c3_channelCustomerItem_k {
	min-width: 240px;
	max-width: 240px;
}
.c3_channelCustomerItem_delContWrp {
	min-width: 20px;
}
.c3_channelCustomerItem_delCont {
	display: none;
}
.c3_channelCustomerItem:hover .c3_channelCustomerItem_delCont {
	display: flex;
}
.c3_channelCustomerItem_delCont {
	color: #999;
}
.c3_channelCustomerItem_delCont:hover {
	color: #333;
}
.c3_channelCustomerItem_delCont>* {
	font-size: 16px;
}

.icon_configure_double_arrow {
	font-style: normal;
	margin: 0 5px;
}

.noficiations_radiobtn_box {
	margin: 10px 0;
}

.noficiations_radiobtn_box label {
	margin-right: 15px;
}

i.sfdc-leads>div {
	background-image: url("res/salesforce_100px.png");
	background-repeat: no-repeat;
	height: 38px !important;
	width: 52px !important;
}

i.sfdc-cases>div {
	background-image: url("res/service-cloud_100px.png");
	background-repeat: no-repeat;
	height: 30px !important;
	width: 52px !important;
}

/* 28-03-2014 */
.c3_user_subscription_box {
	clear: both;
	overflow: hidden;
}

.c3_user_subscription_box .left_usersettings {
	float: left;
	width: 47%;
}

.c3_user_subscription_box .right_subscritionsettings {
	float: right;
	width: 47%;
}

.c3_user_subscription_clear {
	clear: both;
	overflow: hidden;
	margin: 2px 0;
	padding: 5px 0;
	border-bottom: 1px solid #e1e1e1;
}
/*.c3_user_subscription_clear:hover { background:#f3f5f5;}*/
.c3_user_subscription_clear .lebel_left {
	float: left;
	width: 30%;
}

.c3_user_subscription_clear .lebel_right {
	float: right;
	width: 65%;
}

.c3_user_subscription_clear .btn_right {
	float: right;
}

.c3_user_subscription_clear2 {
	clear: both;
	overflow: hidden;
	margin: 2px 0;
	padding: 10px 0;
	border-bottom: 1px solid #e1e1e1;
}

.c3_user_subscription_clear2 .lebel_left {
	float: left;
	width: 30%;
}

.c3_user_subscription_clear2 .lebel_right {
	float: right;
	width: 65%;
}

.c3_user_subscription_clear2 .btn_right {
	float: right;
}

/* Payment Settings */
.payment_upgrade_now {
	color: royalblue;
	cursor: pointer;
}

.payment_acc_type_title {
	font-weight: bold;
	color: #333;
}

.payment_upgrade_text {
	padding: 10px;
	background-color: ivory;
	text-align: center;
}

.c3_payment_text_center {
	text-align: center;
}
/* force auto scroll */
.c3_payment_outer {
	height: 100.1%;
	overflow-y: auto;
}

#payment_billing_fname, #payment_billing_lname,
	#payment_billing_addr_city {
	text-transform: capitalize;
}

#payment_billing_addr_zip {
	text-transform: uppercase;
}
/* overwrites .c3_user_subscription_clear2 */
.c3_payment_row {
	border-bottom-style: dotted !important;
}

/* 01-04-2014 */

/* option-1 */
.c3_customerjourneymap_april1 {
	clear: both;
	overflow: hidden;
	min-height: 410px;
	background: #fff;
	padding: 10px;
	width: 90%;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
}

.c3_customerjourneymap_april1 h3 {
	color: #0055a9;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	text-align: left;
	clear: both;
	font-weight: normal;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
}

.c3_customerjourneymap_april1 h3 .right_number_c3 {
	float: right;
}

.c3_journeymap_panel_style_1 {
	background: #e3e3e3;
	clear: both;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	margin: 6px 0;
}

.c3_journeymap_panel_style_1 .section_left {
	float: left;
	background: #545965;
	color: #fff;
	width: 78px;
	padding: 8px 6px;
	font-size: 12px;
}

.c3_journeymap_panel_style_1 .section_left span {
	margin-right: 5px;
}

.c3_journeymap_panel_style_1 .section_middle {
	float: left;
	padding: 7px 4px;
	margin: 0 5px;
	width: 224px;
}

.c3_journeymap_panel_style_1 .section_middle .whiteBar {
	background: #fff;
	width: 100%;
	height: 13px;
	margin-top: 2px;
}

.c3_journeymap_panel_style_1 .section_middle .progressBar_quit {
	background: #fa745f;
	height: 13px;
}

.c3_journeymap_panel_style_1 .section_middle .progressBar_compalint {
	background: #3283c7;
	height: 13px;
}

.c3_journeymap_panel_style_1 .section_middle .progressBar_inquiry {
	background: #fbc57a;
	height: 13px;
}

.c3_journeymap_panel_style_1 .section_middle .progressBar_buy {
	background: #bddf8c;
	height: 13px;
}

.c3_journeymap_panel_style_1 .section_middle .progressBar_feedback {
	background: #8ad6ec;
	height: 13px;
}

.c3_journeymap_panel_style_1 .section_middle .progressBar_praise {
	background: #c9a5c9;
	height: 13px;
}

.c3_journeymap_panel_style_1 .section_right {
	float: right;
	width: 32px;
	text-align: right;
	padding: 7px 8px;
	font-size: 14px;
}

/* option-2 */
.c3_customerjourneymap_opt2_april1 h3 {
	color: #0055a9;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	text-align: left;
	clear: both;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0; /* border-top:2px dashed var(--c-grayish-azure-100); */
	border-bottom: 1px solid var(--c-grayish-azure-100);
}

.c3_customerjourneymap_opt2_april1 h3 .right_number_c3 {
	float: right;
	padding-right: 43px;
}

.c3_customerjourneymap_opt2_april1 {
	clear: both;
	overflow: hidden;
	height: 94%; /* padding: 0 10px 10% 10px; */
	width: 100%;
	position: absolute;
	bottom: 5%;
	top: 0;
}

.c3_journeymap_panel_style_2_scrollbox {
	overflow: auto;
	height: 80%; /* border: 1px solid #222; */
	padding-bottom: 10%;
	position: absolute;
	width: 100%;
	margin-bottom: 15px;
	top: 47px;
	bottom: 53px;
}

.c3_journeymap_panel_style_2 {
	clear: both;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	margin: 2px 0;
	padding: 2px 3px; /* border: 1px solid #000; */
	position: relative;
}

.c3_journeymap_panel_style_2:hover {
	background: #e7ebed;
	cursor: pointer;
}

.c3_journeymap_panel_style_2_selected {
	background: #efefef;
	/*-moz-box-shadow: inset 0 0 10px #ddd;  -webkit-box-shadow: inset 0 0 10px #ddd;
   box-shadow:         inset 0 0 10px #ddd;*/
}

.c3_journeymap_panel_style_2_selected:hover {
	background: #e7ebed;
	cursor: pointer;
}

.c3_journeymap_panel_style_2 .section_left { /*float:left;*/
	left: 0;
	top: 0;
	background: #545965;
	color: #fff;
	width: 40px;
	font-size: 20px;
	background: url('/res/icon_bag_opt2.png') no-repeat left top;
	height: 35px;
	padding: 21px 0 0 10px;
	border: 0 solid #000;
}

.c3_journeymap_panel_style_2 .section_left .icon_quit {
	color: #fa745f;
	padding: 0 0 0 5px;
}

.c3_journeymap_panel_style_2 .section_left .icon_compalint {
	color: #3283c7;
	padding: 0 0 0 5px;
}

.c3_journeymap_panel_style_2 .section_left .icon_inquiry {
	color: #fbc57a;
	padding: 0 0 0 5px;
}

.c3_journeymap_panel_style_2 .section_left .icon_buy {
	color: #bddf8c;
	padding: 0 0 0 5px;
}

.c3_journeymap_panel_style_2 .section_left .icon_feedback {
	color: #8ad6ec;
	padding: 0 0 0 5px;
}

.c3_journeymap_panel_style_2 .section_left .icon_praise {
	color: #c9a5c9;
	padding: 0 0 0 5px;
}

.c3_journeymap_panel_style_2 .section_middle { /*float:left;*/
	left: 75px;
	right: 70px;
	top: 0;
	position: absolute;
	padding: 15px 4px 0px 4px;
	margin: 5px 5px 0 5px; /*width: 100%;*/
}

.c3_journeymap_panel_style_2 .section_middle .progressBar_quit {
	background: #fa745f;
	height: 20px;
}

.c3_journeymap_panel_style_2 .section_middle .progressBar_compalint {
	background: #3283c7;
	height: 20px;
}

.c3_journeymap_panel_style_2 .section_middle .progressBar_inquiry {
	background: #fbc57a;
	height: 20px;
}

.c3_journeymap_panel_style_2 .section_middle .progressBar_buy {
	background: #bddf8c;
	height: 20px;
}

.c3_journeymap_panel_style_2 .section_middle .progressBar_feedback {
	background: #8ad6ec;
	height: 20px;
}

.c3_journeymap_panel_style_2 .section_middle .progressBar_praise {
	background: #c9a5c9;
	height: 20px;
}

.c3_journeymap_panel_style_2 .section_right { /*float:right;*/
	left: auto;
	right: 0;
	top: 0;
	position: absolute;
	width: 66px;
	text-align: center;
	padding: 7px 0;
	color: #7c7c7c;
	font-size: 13px;
}

.c3_journeymap_panel_style_2 .section_right .number_quit {
	color: #fa745f;
	font-size: 22px;
}

.c3_journeymap_panel_style_2 .section_right .number_compalint {
	color: #3283c7;
	font-size: 22px;
}

.c3_journeymap_panel_style_2 .section_right .number_inquiry {
	color: #fbc57a;
	font-size: 22px;
}

.c3_journeymap_panel_style_2 .section_right .number_buy {
	color: #bddf8c;
	font-size: 22px;
}

.c3_journeymap_panel_style_2 .section_right .number_feedback {
	color: #8ad6ec;
	font-size: 22px;
}

.c3_journeymap_panel_style_2 .section_right .number_praise {
	color: #c9a5c9;
	font-size: 22px;
}

.c3_customer_righttext_pos {
	font-size: 18px;
	padding-right: 15px;
	color: #3283c7;
}

.c3_customerjouneymap_tablook_box {
	clear: both;
	overflow: hidden;
	margin-top: 15px;
	color: #8f8f8f;
	position: absolute;
}

.c3_customerjouneymap_tablook_box .tab_style {
	font-size: 14px;
	background: #e8e8e8;
	cursor: pointer;
	padding: 5px 15px;
	margin-right: 8px;
	border: 0 solid #ddd;
	border-bottom: 0px solid #ddd;
	float: left;
}

.c3_customerjouneymap_tablook_box .tab_style_selected {
	cursor: pointer;
	background: #fff;
}

.c3_customerjouneymap_tablook_whitebox {
	border-bottom: 1px solid #ddd;
	/* clear: both; */
	background: #fff;
	padding: 8px;
	/* overflow: hidden; */
	color: #8f8f8f;
	position: absolute;
	width: 97%;
	right: 0;
	left: 0;
	bottom: 8px;
	top: 44px;
	height: 90%;
}

.c3_lifecycle_detail_row_new {
	clear: both;
	margin-top: 3px;
	overflow: hidden;
}

.c3_lifecycle_detail_row_new .c3_lifecycle_detail_col_new {
	float: left;
	width: 75%;
	font-size: 13px;
}

.c3_lifecycle_detail_row_new .c3_lifecycle_detail_col_new h4 {
	padding: 6px 0 0 0;
	margin: 0;
	font-size: 18px;
	color: #3283c7;
	font-weight: normal;
}

.c3_lifecycle_detail_row_new .c3_lifecycle_detail_col2_new {
	cursor: pointer;
	float: right;
	width: 13%;
	text-align: right;
	font-size: 26px;
	padding-right: 37px;
}

.c3_lifecycle_detail_comp_dtl_new {
	width: 100%;
	/*position: absolute;
    left: 0px;
    top: 144px;*/
}

.registration4th_scrollbox {
	height: 57%;
	margin: 8px 0 10px 0;
	overflow: auto;
	position: absolute;
	border: 0px solid #666;
	width: 97%;
}

.fb_icon_size {
	font-size: 30px;
	line-height: 44px;
}

.topnav_rightBox_clear .access_user .icon_size2_active {
	color: #0059b0 !important;
	font-size: 23px;
	margin: 0 14px;
	font-style: normal !important;
	cursor: pointer;
}

.popupbgnew {
	background: #e1e1e1 !important;
}

.c3_goal_dashboard_smallclrbox {
	clear: both;
	background: #fff;
	overflow: hidden;
	border: 1px solid var(--c-grayish-azure-100) !important;
	width: 140px;
	height: 82px;
	margin-right: 8px;
}

.c3_goal_dashboard_icon {
	background: var(--c-grayish-azure-100);
	color: #fff;
	text-align: center;
	width: 60px;
	height: 82px;
	float: left;
	font-size: 33px;
	line-height: 82px;
}

.c3_goal_dashboard_textbox {
	/*float: right;
	width: 74px;*/
	height: 82px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	padding: 3px;
}

.c3_goal_summary_green_no {
	color: #A2C25D;
	font-size: 24px;
	font-weight: normal;
	/*padding: 10px 0 0 0;*/
	overflow: auto;
	font-size: 19px;
}

.c3_goal_summary_orange_no {
	color: #EEA179;
	font-size: 24px;
	font-weight: normal;
	/*padding: 10px 0 0 0;*/
	overflow: auto;
	font-size: 19px;
}

.c3_goal_summary_text12 {
	font-size: 12px !important;
	color: #949494;
}

/* this is for goals dashboard */
.fliter-tab-space {
	margin: 0 3% 0 0;
}

.btn-warning-outline {
	color: #f0ad4e;
	border: 1px solid #f0ad4e;
}

.btn-primary-outline {
	color: #007aff;
	border: 1px solid #007aff;
}

.calWidth {
	width: 10% !important;
}

.filterBtn {
	width: 10%;
	margin-right: 425px !important;
}

.filterLabels {
	padding-left: 30px;
	padding-right: 10px;
}

.subLabel {
	padding-top: 5px;
	padding-left: 2px;
	color: #0055a9;
}

.c3_journeymap_filterbox {
	background: #efefef;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #797070;
	top: 30px;
	width: 91%;
	margin-left: 9px;
	clear: both;
	overflow: hidden;
}
/* AppEvent */
.c3_app_events_body_cont .c3_journeymap_filterbox {
	float: left;
}

.c3_lifecycle_body_cont .c3_journeymap_filterbox_dropdown {
	float: left;
	/*width:45%;*/
}

.c3_app_events_body_cont .c3_journeymap_filterbox_dropdown {
	float: left;
}
/*.c3_journeymap_filterbox_customdatefilter {float:right; width:40%; min-width: 350px;}*/
.c3_intent_container .c3_journeymap_filterbox_customdatefilter {
	float: right;
	width: 40%;
	min-width: 350px;
}

.c3_topicAnalysisPage .c3_journeymap_filterbox_customdatefilter {
	/*float: right;*/
	/*width: 40%;*/
	/*min-width: 350px;*/
	
}

.c3_journeymap_filterbox .selectBox2 {
	padding: 3px 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	border: 1px solid var(--c-gray-57);
	color: #797070;
}

.c3_journeymap_filterbox .inputBox2 {
	padding: 1px 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	border: 1px solid var(--c-gray-57);
	color: #797070;
	width: 25%; /* height: 18px!important; */
	margin-top: -2px !important;
}

.c3_topicAnalysisPage .c3_journeymap_filterbox div.inputBox2 {
	width: inherit;
	margin-top: 0px !important;
	margin-bottom: 2px !important;
}

.claro .c3_topicAnalysisPage .c3_journeymap_filterbox .dijitComboBox .dijitButtonNode
	{
	height: inherit;
}

.topic_grid {
	position: relative;
	top: 10px;
	width: 95%;
	height: 300px !important;
	overflow-y: auto;
}

.topicFilter {
	/*padding-top: 35px;*/
	margin-left: 9px;
}

.topicFilter2 {
	margin-left: 9px;
}

.c3_topicAnalysis_fltr_inner {
	margin-left: 9px;
	padding: 8px;
}

.c3_ta_filter_wrp {
	background: #efefef;
}

.c3_app_events_body_cont .c3_ta_filter_wrp {
	clear: none;
	/* match height of date filter on left */
	height: 27px;
}

.c3_ta_filter_cont_show {
	/*right: 0px;*/
}

.c3_ta_filter_cont_hide {
	/*right: -200px;*/
}

.c3_ta_filter_cont_ctrl {
	position: absolute;
	/*left: 87%;*/
	/* 100 ~= 88px + 20px */
	right: 100px;
	/* top: 11px; */
	/*transform: rotate(270deg);*/
	background-color: lightgray;
	padding: 4px;
	margin: -4px;
	cursor: pointer;
	/* width is the height here */
	width: 50px;
	text-align: center;
	/*border-top-right-radius: 6px;*/
	/*border-top-left-radius: 6px;*/
}

.c3_ta_filter_cont_ctrl:hover {
	background-color: gray;
	color: #fff;
}

.c3_ta_filter_cont_ctrl span {
	margin-left: 4px;
}

.c3_ta_filter_cont_body {
	background-color: #efefef;
	padding: 4px;
	padding-top: 14px;
}

.c3_ta_filter_item {
	/* width: 315px; */
	/* margin-left: 9px; */
	/* clear: both; */
	float: left;
	width: 24%;
}

.c3_ta_filter_cont .c3_ta_hm_setting_cont {
	margin-left: 9px;
	/*margin-top: 8px;*/
	padding: 16px;
}

.c3_ta_filter_cont span.c3_ta_hm_setting {
	cursor: pointer;
	padding: 8px;
	margin-left: 9px;
}

.c3_ta_filter_cont span.c3_ta_hm_setting:hover {
	text-decoration: underline;
	color: blue;
}

.c3_hm_setting_tabs {
	/*border-bottom: 1px solid silver;*/
	/*background-color: beige;*/
	display: flex;
}

.c3_hm_setting_tab {
	float: left;
	padding: 8px;
	border-top-right-radius: 6px;
	min-width: 60px;
	max-width: 150px;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	/*border: 1px solid silver;*/
	cursor: pointer;
	background-color: whitesmoke;
}

.c3_hm_setting_tab_sel {
	background-color: gainsboro;
	border-bottom: 0px !important;
}

.c3_hm_setting_grp_wrp {
	clear: both;
}

.c3_hm_setting_grp {
	margin-bottom: 10px;
	background-color: gainsboro;
	padding: 6px;
	/*border-radius: 3px;*/
	min-height: 180px;
}

.c3_hm_setting_grp_incl {
	
}

.c3_hm_setting_grp_excl {
	
}

.c3_hm_topic_list {
	/*background-color: aliceblue;*/
	overflow-y: auto;
	margin-bottom: 4px;
}

.c3_hm_setting_excl_list_item {
	min-width: 100px;
	/*background-color: beige;*/
	background-color: white;
	border-radius: 6px;
	padding: 2px;
	margin: 2px;
	float: left;
}

.c3_hm_setting_excl_list_item>div {
	float: left;
	margin: 2px;
}

.c3_hm_setting_excl_msg {
	color: darkslategray;
	font-size: 94%;
}

.c3_hm_setting_row {
	padding-top: 5px;
}

.c3_hm_setting_row .c3_label_left {
	/* label - size etc */
	
}

.c3_label_clr_b {
	color: royalblue;
}

div.bar {
	display: inline-block;
	width: 20px;
	height: 75px; /* We'll override this later */
	background-color: teal;
	margin-right: 2px;
}

.c3_hm_no_data {
	margin-top: 60px;
}

.heatmap_content_body_wrp {
	margin-top: 6px;
}

.heatmap_content_body .axis path {
	fill: none;
	/* commentout -> hide x/y - axis */
	/*stroke: black;*/
	shape-rendering: crispEdges;
}
/* tick mark line */
.heatmap_content_body .axis line {
	fill: none;
	/* commentout -> hide x/y - axis */
	/*stroke: black;*/
	shape-rendering: crispEdges;
}

.heatmap_content_body .axis text {
	font-family: sans-serif;
	font-size: 11px;
	fill: #999;
}

.heatmap_content_body .xaxis {
	
}

.heatmap_content_body .yaxis {
	
}

.hm_tooltip {
	position: absolute;
	text-align: center;
	width: 100px;
	color: white;
	padding: 8px;
	font: 10px sans-serif;
	background: dimgray;
	border: solid 1px #aaa;
	pointer-events: none;
}

div.hm_tooltip_goal {
	/* overwrite above */
	pointer-events: visible;
	width: auto;
}

.hm_tooltip_btn {
	clear: both;
	padding: 4px;
	text-align: center;
	margin: 2px 4px;
	text-decoration: underline;
	cursor: pointer;
}

.hm_tooltip_btn:hover {
	background-color: black;
}

.hm_tooltip_r {
	clear: both;
}

.hm_tooltip_r>div {
	float: left;
}

.hm_tooltip_col_l {
	min-width: 40px;
}

.hm_tooltip_col_l>div {
	text-align: center;
	font-size: 32px;
	margin-top: 6px;
}

.hm_tooltip_col_r ul {
	list-style-type: none;
	padding-left: 4px;
}

.hm_tooltip_col_r ul li {
	clear: both;
	padding: 2px 4px;
}

.heatmap_content_body {
	margin: 10px;
	padding: 10px;
}

.heatmap_content_body rect.bordered {
	stroke: #E6E6E6;
	stroke-width: 2px;
}

.heatmap_content_body rect.hour.bordered:hover {
	stroke: black;
	stroke-width: 3px;
	cursor: pointer;
}

.heatmap_content_body text.mono {
	font-size: 9pt;
	font-family: Consolas, courier;
	fill: #666;
}

.heatmap_content_body text.axis-workweek {
	fill: #000;
}

.heatmap_content_body text.axis-worktime {
	fill: #000;
}

.heatmap_scrollbar {
	overflow-y: auto;
}

.ca_scroll {
	max-height: 400px;
	overflow-y: auto;
}

.c3_topicAnalysisPage .selectBox2 {
	padding: 3px 4px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	border: 1px solid var(--c-gray-57);
	color: #797070;
}

.leftfloat3 {
	float: left;
	width: 20%; /* border:1px solid #000!important; */
}

/* context - signal / segment palette */
.c3_context_content {
	/* width: 100%; */
	/* min-width: 370px; */
	/*background-color: ivory;*/
	padding: 8px;
	/* height: 100%; */
	margin: 0;
	overflow: hidden;
	overflow-y: auto;

	position: relative;
	bottom: 1px;
	top: 1px;
	right: 1px;
	left: 1px;
}

.c3_context_content_l {
	float: left;
	width: 60%;
	min-width: 370px;
	/*background-color: ivory;*/
	/*color: ghostwhite;*/
	padding: 8px;
}

.c3_context_content_palette_sig {
	min-width: 90%;
	/*width: 100%;*/
	padding: 8px;
	overflow: auto;
	margin: 0px;
}

.configure-palette-container .c3_context_content {
	height: 100%;
}

.configure-palette-container .c3_context_content_palette_sig {
	height: 100%;
	position: relative;
}

.c3_ctx_palette_empty_wrp {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
}

.c3_ctx_palette_empty_descr {
	color: #333;
	margin-bottom: 10px;
}

.c3_context_content_r {
	margin: 4px 0px 10px 0px;
}

.c3_context_palette_cont {
	/*overflow-y: auto;*/
	/*max-height: 500px;*/
	
}

.c3_context_palette_cont .c3_context_pbitem_cont {
	border: 1px solid #ededed;
	display: inline-block;
	margin: 10px;
	width: 200px;
	position: relative;
}

.c3_csb_outer_container .c3_context_palette_cont .c3_context_pbitem_cont
	{
	border-bottom: 8px solid #bddf8c;
	box-shadow: 0 1px 4px 1px rgba(50, 50, 100, 0.17);
}

.c3_csb_outer_container .c3_context_palette_cont_signals .c3_context_pbitem_cont
	{
	
}

.c3_csb_outer_container .c3_context_palette_cont_segments .c3_context_pbitem_cont
	{
	
}

.c3_csb_outer_container .c3_context_palette_cont_outcomes .c3_context_pbitem_cont
	{
	
}

.c3_context_palette_cont .c3_context_pbitem_cont {
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 100, 0.17);
}

.c3_csb_outer_container .c3_context_pbitem_body div.c3_palette_box_item_title
	{
	/*font-size: 15px;*/
	line-height: 16px;
}

.c3_csb_outer_container .c3_context_pbitem_body div.c3_palette_box_item_desc
	{
	/*font-size: 15px;*/
	line-height: 16px;
}

.c3_context_palette_cont .c3_context_palette_item {
	float: left;
	width: 60px;
	margin: 4px;
	background-color: azure;
}

.c3_context_palette_item {
	padding: 2px;
	text-align: center;
}

.c3_context_palette_cont>.c3_context_palette_item:hover {
	background-color: antiquewhite;
	cursor: pointer;
}

.c3_context_p_cell {
	float: left;
	width: 20%;
	padding-right: 8px;
}

.c3_context_pbitem_cont {
	/*width: 20%;*/
	
}

.c3_context_pbitem_body {
	
}
/* segment, signal - config item title */
.c3_context_pbitem_body div.c3_palette_box_item_title {
	font-size: 13px;
	line-height: none !important;
	padding-top: 10px;
	/* ellipsis */
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	overflow: hidden;
}
/* overlay */
.c3_context_pbitem_btns_cont_wrp {
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: rgba(225, 225, 225, 0.5);
	z-index: 10;
	opacity: 0;
}
/* hover - overlay */
.c3_context_pbitem_cont:hover .c3_context_pbitem_btns_cont_wrp {
	/*display: block;*/
	opacity: 1;
}

.c3_context_pbitem_cont .c3_context_pbitem_btns_cont {
	/* display: none; */
	/*opacity: 0;*/
	text-align: center;
}

.c3_context_pbitem_cont:hover .c3_context_pbitem_btns_cont {
	/*display: block;*/
	/*opacity: 1;*/
	
}

.c3_context_pbitem_cont .c3_context_pbitem_btn:hover {
	cursor: pointer;
	color: #454545 !important;
}

.c3_context_pbitem_btns_cont {
	position: absolute;
	/* top: 0px; */
	/* bottom: 10px; */
	/* right: 0px; */
	/* display: none; */
	/*height: 48px;*/
	background: none;
	color: #999;
	padding: 1px;
	/* z-index: 2; */
	/*clear: both;*/
	/*background-color: rgba(255, 215, 0, 0.43);*/
	width: 100%;
	/*height: 100%;*/
	/* cont:h/2 108/2 - btn_cont:h/2 40/2 */
	margin-top: 34px;
}

.c3_context_pbitem_btn {
	/* float: left; */
	/*margin: 4px;*/
	/* max-width: 60px; */
	text-align: center;
}

.c3_context_pbitem_btn i {
	/*margin-right: 4px;*/
	
}

.c3_context_pbitem_cont .c3_palette_box_item {
	float: left;
	padding: 5px 4px;
	/*width: 54px;*/
	/*height: 62px;*/
	/*min-width: 54px;*/
	/*min-height: 62px;*/
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.c3_context_pbitem_cont .c3_palette_box_item:hover {
	
}
/* fixed size */
.c3_context_pbitem_cont .c3_palette_box_item_fa {
	/* width: 54px; */
	width: 100%;
	height: 78px;
}
/* Flexible size, icons under palette-box
icon class is not font-awesome. prefix is
not 'fa-'. 
*/
.c3_context_pbitem_cont .c3_palette_box_item_not_fa {
	min-width: 54px;
	min-height: 62px;
}

.c3_context_pbitem_cont .c3_palette_box_item>i {
	font-size: 42px;
	font-style: normal;
	color: #bddf8c;
}

.c3_context_p_ctrl {
	clear: both;
	float: right;
	margin-top: 16px;
	margin-right: 20px;
}

.c3_w_context_p_signals {
	background-color: rgb(247, 247, 247);
}

.c3_w_context_p_segments {
	background-color: rgb(247, 247, 247);
}

.c3_whitebox_context_palettes {
	/*background: #fff;*/
	width: 91%;
	min-height: 390px;
	margin: 10px;
	padding: 20px;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	position: absolute;
	left: 11px;
	/* top: 0; */
}

.c3_whitebox_context_p3 {
	/*background-color: ghostwhite;*/
	background-color: #fff;
	width: 91%;
	min-height: 485px;
	margin: 40px auto 20px;
	padding: 10px 20px;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	clear: both;
}

.c3_context_p_edit_segment .c3_context_content {
	overflow-y: hidden;
}

.c3_context_palette_row {
	clear: both;
	margin-bottom: 5px;
	padding: 1px 4px;
}

.c3_context_palette_row .c3_label_left {
	/* label - size etc */
	margin-top: 2px;
	color: #777;
}

.c3_context_palette_row .c3_label_right {
	margin-bottom: 4px;
}

.c3_context_palette_row input, .c3_context_palette_row select {
	border: 1px solid lightgray;
	padding: 6px;
	color: #333;
	font-family: 'Open Sans', sans-serif !important;
	box-sizing: border-box;
}

.c3_context_palette_row input.dijitReset {
	border-width: 0;
}

.c3_context_p_attr_row {
	font-family: 'Open Sans', sans-serif !important;
	padding: 4px;
	float: left;
	border: 1px solid gainsboro;
	border-radius: 6px;
	margin: 6px 5px 0 0;
	background-color: #efefef;
}

.c3_context_p_attr_data_btn {
	float: left;
}

.c3_btn_fa_no_border {
	border-radius: 3px;
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0);
	color: #999;
}

.c3_btn_fa_no_border:hover {
	border-color: gainsboro;
}

.c3_context_p_attr_data_value {
	float: left;
	font-size: medium;
	font-family: 'Open Sans', sans-serif !important;
	/* text-align: center; */
	padding: 0px 6px;
}

.c3_context_p_add {
	margin-left: 8px;
	top: 2px;
	position: relative;
	border-radius: 3px;
}

.c3_context_p_icon_lst {
	clear: both;
	/*max-height: 500px;*/
	overflow-y: auto;
}

.c3_context_p_icon_item {
	float: left;
	border: 2px solid transparent;
	padding: 4px;
	cursor: pointer;
	color: #999;
	margin: 2px;
}

.c3_context_p_icon_item:hover {
	border: 2px solid #999;
}

.c3_context_p_icon_item i {
	font-size: 21px;
}

.c3_context_p_icon_selected i {
	font-size: 21px;
	padding: 4px;
	/* 'fa' class */
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c3_context_p_icon_change {
	padding: 2px;
	cursor: pointer;
}

div.c3_icon_picker_dlg {
	max-height: 90%;
	min-height: 60%;
}

.c3_icon_picker_dlg div.dijitDialogPaneContent {
	flex: 1;
	display: flex;
	flex-flow: column nowrap;
}

.c3_context_p_icon_lst_cont {
	padding-top: 2px;
}

.c3_context_p_icon_axn {
	padding-bottom: 4px;
}

.c3_context_p_icon_selected {
	width: 42px;
	text-align: center;
}

.c3_channel_gplay {
	font-size: 28px;
	font-style: normal;
	line-height: 44px;
}

.c3_context_p_line_cell {
	float: left;
}

.c3_context_p_line_text {
	padding-top: 10px;
}

.c3_context_p_line_cell.c3_context_p_line_cell_sm {
	padding-top: 6px;
}

.c3_context_p_line_cell_sm input {
	max-width: 40px;
}

.c3_file_dropTarget {
	width: 92%;
	height: 230px;
	border: 3px dashed #ededed;
	background-color: rgb(247, 250, 253);
}

.chanel-type {
	width: 98% !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	color: #a9a9a9;
	background-color: white !important;
	font-size: 13px !important;
}

.content-title {
	width: 85% !important;
}

.content-type {
	width: 40% !important;
}

.content-type select {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	color: #000;
}

.content-tags {
	width: 38% !important;
	margin-top: 3px;
}

.content-editor {
	height: 110px !important;
}

.content-editor .dijitEditorIFrame {
	height: 110px !important;
}

.c3_context_p_criteria {
	clear: both;
	width: 100%;
}

.c3_context_palette_row_ts {
	/*height: 100px;*/
	margin-bottom: 1px !important;
}

.c3_context_palette_row_crit {
	/*height: 60px;*/
}

.c3_context_p_frm_criteria_row {
	clear: both;
	position: relative;
	/* background-color: beige; */
	background-color: white;
	display: flex;
	border: 1px solid;
	border-color: rgb(223, 223, 223);
	border-radius: 6px;
	margin-bottom: 7px !important;
}

.c3_context_p_frm_criteria_dv {
	/*float: left;*/
	/*max-width: 25%;*/
	
}

.c3_context_p_frm_criteria_dv_r {
	/* width: 100%; */
	padding: 6px;
	/* padding-left: 15px; */
	/* padding-right: 20px; */
	background-color: #F7F7F7;
	font-size: 12px;
	color: #516988;
	flex: 1;
	align-items: center;
}

/* Activity segement criteria rows */
.c3_edit_segment_div .c3_context_p_frm_criteria_dv_r {
	background-color: #fff;
}

.c3_edit_segment_div .c3_context_p_tabs_attribute .c3_context_p_frm_criteria_dv_r
	{
	background-color: #f7f7f7;
}

.c3_context_p_frm_criteria_dv1 {
	width: 60px;
	background-color: aliceblue;
	text-align: center;
	margin: 1px;
}

.c3_context_p_frm_criteria_dv1 i {
	font-size: 42px;
	color: darkgray;
	opacity: .2;
	padding: 8px;
}

.c3_context_p_dv_ts {
	/*height: 98px;*/
	
}

.c3_context_p_fa_ts {
	/*margin-top: 20px;*/
	
}

.c3_context_p_ts_col2 {
	float: left;
	padding-top: 10px;
}

.c3_context_p_frm_criteria_dv2, .c3_context_p_frm_criteria_dv3,
	.c3_context_p_frm_criteria_dv4 {
	/* min-width: 50px; */
}

.c3_context_p_frm_criteria_dv .c3_label_right {
	/* top: 10px; */
	/* position: absolute; */
	margin-top: 10px;
}

.c3_context_p_frm_criteria_btns {
	/* position: absolute; */
	padding: 4px;
	text-align: center;
	/* right: 0; */
	/* top: 10px; */
	font-size: 16px;
	color: #999;
	align-self: center;
}

.c3_context_p_frm_criteria_btns.c3_cols_nowrap {
	justify-content: center;
	background-color: #f7f7f7;
	align-self: stretch;
}

.c3_context_p_frm_criteria_btn {
	cursor: pointer;
}

.c3_context_p_frm_criteria_delete {
	padding: 4px;
	/* border-color: rgba(0, 0, 0, 0) !important; */
	/* border: 1px solid; */
	/* border-radius: 3px; */
	width: 20px;
}

.c3_context_p_frm_criteria_delete:hover {
	color: #666;
	border-color: silver !important;
}

.c3_config_msg_policy .c3_context_p_frm_criteria_delete {
	display: none;
}

.c3_context_p_criteria_more {
	text-align: center;
	cursor: pointer;
}

.c3_context_p_criteria_more:hover {
	/* text-decoration: underline; */
	color: #000;
}

.c3_context_palette_2col>div {
	
}

.c3_context_palette_2col_r>div {
	/*margin-right: -20px;*/
	
}

.c3_context_p_criteria_wrp {
	clear: both;
	/* border: 1px solid gainsboro; */
	/* padding: 10px; */ /* Modify */
	/* background-color: whitesmoke; */
	position: absolute;
	top: 0px;
	bottom: 4px;
	left: 0px;
	right: 0px;
}

.c3_context_p_radio {
	clear: both;
	color: #999;
}

.c3_context_p_radio_ul {
	list-style: none;
	margin-bottom: 10px;
	padding-left: 0px !important;
}

.c3_context_p_radio_ul>li {
	display: inline;
	padding-right: 10px;
	/* border: 1px solid gainsboro; */
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin-left: 4px;
	position: relative;
	height: 20px;
}

.c3_context_p_radio_ul radio {
	cursor: pointer;
}

.c3_context_p_radio_ul label {
	cursor: pointer;
}

.c3_context_p_criteria_filter_sel {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent gainsboro transparent;
	line-height: 0px;
	_border-color: #000000 #000000 var(--c-grayish-azure-100) #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	padding: 0px;
	position: absolute;
	bottom: -9px;
	left: 39%;
}

.c3_context_p_tabs {
	/*border-bottom: 1px solid gainsboro;*/
	/*border-left: 1px solid gainsboro;*/
	/*border-right: 1px solid gainsboro;*/
	
}

.c3_axn_frm_cont .c3_context_p_criteria_filter_sel {
	border-width: 0 8px 8px 8px;
}

.c3_axn_frm_cont .c3_context_p_tabs {
	/*background-color: gainsboro;*/
	height: calc(100% - 40px);
}

.c3_context_p_tab_grp {
	margin-bottom: 10px;
	/* background-color: rgb(249, 252, 248); */
	padding: 10px 0px !important;
	/* border-radius: 3px; */
	/* min-height: 180px; */
	border-top: 1px solid;
	border-radius: 6px;
	/* border-top-color: gainsboro; */
	/* border: 1px solid; */
	border-color: gainsboro;
	margin-top: 2px;
}
.c3_TrgCF .c3_context_p_tab_grp {
	border-color: transparent;
}

.c3_axn_frm_cont .c3_context_p_tab_grp {
	height: 100%;
	height: calc(100% - 25px);
}

.c3_actioncanvas_frm_dlg div.c3_formDialog_content {
	height: auto;
}

.c3_context_p_tab_sel {
	background-color: gainsboro;
	border-bottom: 0px !important;
}

.c3_context_p_activity_ts_cont {
	/* background-color: white; */
	margin-bottom: 10px !important;
	padding-bottom: 0px !important;
}

.c3_context_p_activity_name_cont {
	/*background-color: rgb(247, 250, 253);*/
	margin-bottom: 1px !important;
	/* margin-top: 1px; */
	border-radius: 10px;
	/*border: thin solid #ededed;*/
}

.c3_context_p_activity {
	/* background-color: aliceblue; */
	/* display: flex; */
	/* border: 1px solid; */
	border-color: gainsboro;
	border-radius: 6px;
	margin-bottom: 4px;
}

.c3_context_p_activity>div {
	/*width: 100%;*/
	/*clear: both;*/
	
}

.c3_context_activity_head {
	/* background-color: white; */
	position: relative;
	height: 40px;
	border-radius: 3px;
	top: 10px;
}
.c3_context_activity_col1 {
	width: 60px;
	position: absolute;
	left: 0px;
	padding-left: 10px;
	padding-top: 6px;
}

.c3_context_activity_col2 {
	right: 40px;
	left: 62px;
	padding-top: 4px;
}

.c3_context_activity_col3 {
	width: 20px;
	right: 16px;
	top: 3px;
	position: absolute;
	text-align: center;
}

.c3_context_activity_head input#p_fld_activity {
	width: 100%;
}

.c3_context_activity_list {
	width: 100%;
	height: 50px;
	overflow-y: auto;
}

.c3_seg_activity_edit_r {
	position: relative;
}

.c3_seg_activity_r {
	/* clear: both; */
	position: relative;
	border: 0px solid;
	border-color: rgba(223, 223, 223, 0.5);
	border-radius: 6px;
	/* margin-bottom: 24px; */
}

.c3_seg_activity_btns {
	position: absolute;
	bottom: -16px;
	right: 30px;
	border-width: 1px;
	border-bottom: 1px solid var(--c-gray-45);
	border-left: 1px solid var(--c-gray-45);
	border-right: 1px solid var(--c-gray-45);
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top: 1px solid white;
}

.c3_seg_activity_btn {
	color: #999;
	opacity: .6;
	cursor: pointer;
	font-size: 10px;
	padding: 4px;
}

.c3_seg_activity_btn:hover {
	opacity: 1;
}

.c3_seg_activity_body {
	flex: 1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.c3_seg_activity_col1 {
	background-color: aliceblue;
	padding: 10px;
	align-self: stretch;
}

.c3_seg_activity_col1 i {
	font-size: 36px;
	color: rgba(211, 211, 211, 0.5);
}

.c3_seg_activity_col2 {
	flex: 1;
	padding: 10px 0px;
	display: -webkit-flex;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

.c3_seg_activity_col2_r1 {
	/*-webkit-flex: 1;*/
	/*flex: 1;*/
	align-self: stretch;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}

.c3_seg_activity_c {
	margin-left: 10px;
}

.c3_seg_activity_for {
	padding: 0px 10px;
}

.c3_seg_activity_for_sp {
	color: rgba(153, 153, 153, 0.5);
	font-size: 90%;
	font-family: 'Open Sans', sans-serif, arial;
	font-weight: bold;
}

.c3_edit_segment_div_right .c3_context_p_tabs {
	/* height: calc(100% - 40px); */
	position: relative;
	display: flex;
}

.c3_edit_segment_div_right .c3_context_p_tab_grp {
	position: relative;
	display: flex;
	flex: 1;

	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
}

.c3_context_p_activity_perf_cont {
	/*background-color: antiquewhite; */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	position: relative;
}

.c3_context_p_frm_criteria_dv3 select {
}

.c3_actioncanvas_frm_filter_ul {
	color: #8f8f8f;
}

.c3_actioncanvas_frm_tab_sel {
	/*color: #0154a6;*/
	color: #72A7DB !important;
}

.c3_actioncanvas_frm_tab:hover {
	color: #0154a6;
}

.c3_actioncanvas_frm_tab i.fa {
	margin-right: 6px;
}

.c3_actionscanvas_frm_r_row {
	clear: both;
	margin-top: -4px;
}

.c3_actionscanvas_frm_row_wrp {
	margin-bottom: 2px;
}

.c3_actionscanvas_frm_corner_btns {
	position: absolute;
	padding: 4px;
	text-align: center;
	right: 2px;
	top: 2px;
	font-size: 16px;
	color: #999;
}

.c3_seg_activity_col2_r2 {
	padding: 6px 10px;
}

.c3_seg_activity_r .c3_context_p_frm_criteria_dv1 {
	display: none;
}

.c3_actionscanvas_frm_inactive {
	opacity: .6;
}

.c3_actioncanvas_frm_chk {
	
}

.c3_actioncanvas_frm_chk_lbl {
	width: auto !important;
}

.c3_actionscanvas_frm_elmt_h {
	height: 32px !important;
}

.c3_actionf_box {
	height: 100%;
}

.c3_actionf_item_box {
	height: 100%;
}

.c3_actionf_item_r {
	margin: 8px 0;
}

.c3_actionf_pn_axns_c2 {

	flex: 1;
	margin-left: 4px;
}

.c3_actionf_pn_axns_r {
	margin-bottom: 4px;
}

.c3_actionf {
	width: 100%;
}

.c3_actionf.c3_common_richedit {
	/* height: auto; */
	/* height: calc(100% - 100px); */
	display: inline-block;
}

.c3_actionf.marTA {
	/* textarea force 100% width */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-color: var(--c-gray-57);
}

div.c3_actioncanvas_frm_dlg {
	left: 10%;
	right: 10%;
	bottom: 5%;
}

.c3_actioncanvas_frm_dlg>.dijitDialogPaneContent {
	height: 80%;
	height: calc(100% - 60px);
	height: -webkit-calc(100% - 60px) !important;
	/* overwrite dojo dialog inline css */
	height: calc(100% - 60px) !important;
}

.c3_actionf_maaka .c3_whitebox_channelsettings_non {
	height: 100%;
}

.c3_actionf_maaka .c3_content_main_container {
	height: auto;
	height: -webkit-calc(100% - 80px);
	height: calc(100% - 80px);
	overflow: hidden;
	overflow-y: auto;
}

.c3_actioncanvas_frm_dlg .c3_formDialog_body {
	height: 100%;
}

.c3_content_icon {
	font-style: normal;
	font-size: 40px;
	padding-left: 70px;
}

.c3_content_title {
	padding-left: 70px;
	font-size: 14px;
	color: black;
}

.c3_content_find_div {
	width: 260px;
}

.c3_or_margin {
	margin-bottom: 5px;
}

.c3_settings_content_header {
	height: 40px;
	clear: both;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding: 0 20px;
}

.c3_csb_outer_container .c3_settings_content_header {
	/* height: 100%; */
	clear: both;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding: 0;
	width: 100%;
}

.c3_csb_outer_container .c3_apikey_content_header {
	height: 40px;
	clear: both;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding: 0;
	width: 100%;
}

.c3_csb_outer_container .c3_settings_content_header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.c3_csb_outer_container .c3_settings_content_header>div {
	/*flex: 1;*/
}
.c3_csb_outer_container .c3_settings_content_header>div:first-child {
	flex: 3;
}

.c3_api_key_content {
	/*margin: 10px;
	padding-right: 30px;*/
}
.c3_api_key_help {
	padding: 15px;
	margin-bottom: 8px;
	color: rgba(0, 0, 0, 0.61);
	border: thin dashed #b98b52;
	background: rgba(251, 234, 197, 0.49);
	text-align: center;
	font-weight: 600;
}
.c3_api_keyCreateCont {
	border: 1px dotted gray;
	padding: 6px;
}

.c3_channel_content {
	margin: 10px;
}

.c3_content_width {
	width: 42%;
}

.c3_content_div {
	width: 100% !important;
	position: absolute;
	top: 120px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.c3_login_btn_div1 {
	font-size: 14px;
	width: 85px;
	height: 12px;
}

.c3_content_table_header {
	height: 30px;
	background-color: #DEE4DE;
	border: 1px solid #C7C7C7;
	width: 100%;
}

.c3_content_main_container {
	/* position: absolute; */
	/* top: 100px; */
	/* left: 1px; */
	/* right: 1px; */
	/* bottom: 10px; */
	width: 100%;
	/*max-height: calc(100% - 150px);/
	/*background-color: aliceblue;*/
}

.c3_kb_content_page .c3_content_main_container {
	width: 100%;
	/*max-height: calc(100% - 190px);*/
	overflow-y: auto;
}
.c3_faq_all_page .c3_content_main_container {
	max-height: calc(100% - 144px);
}

.c3_content_table_body {
	min-height: 50px;
	border-bottom: 1px solid #C7C7C7;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
}

.c3_content_table_body:hover {
	background-color: #eaf6f6;
}

.c3_table_sub_container {
	overflow: auto;
	/* 0 side margins, use widget 
	container padding instead. */
	/*margin: 10px 0px;*/
	/* position: absolute; */
	/* right: 2px; */
	/* left: 2px; */
	/* top: 2px; */
	/* bottom: 2px; */
}

.c3_content_holder {
	overflow-x: hidden;
	height: 100%;
	overflow-y: auto;
}

.margin_16 {
  margin: 16px;
}

.margin_20 {
	margin: 20px;
}

.margin_50 {
	margin: 50px;
}

.margin_100 {
	margin: 100px;
}

.margin_150 {
	margin: 150px;
}

.c3_normal {
	font-style: normal;
}

.c3_padding_10 {
	padding: 10px;
}

.c3_cursor_pointer {
	cursor: pointer;
}
.c3_cursor_resize {
	cursor: col-resize;
}
.c3_cursor_grab {
	cursor: grab;
}
.c3_cursor_context-menu {
	cursor: context-menu;
}

.c3_icon_color {
	/*color:#67b661;*/
	color: #999999;
}

.c3_rating_color {
	color: rgb(161, 160, 160);
	font-size: 18px;
}

.c3_inactive_rating_star, .c3_inactive_icon {
	color: #bababa;
}

.c3_table_icon {
	font-size: 22px;
	width: 10%;
	padding: 10px;
}

.c3_table_title {
	width: 50%;
	padding: 2px;
	color: #0154a6;
	font-size: 14px;
}

.c3_table_rating {
	width: 20%;
	padding: 10px;
}

.c3_table_delete {
	width: 5%;
	padding: 10px;
	color: #999;
	font-size: 14px;
}

.c3_table_header_type {
	width: 5%;
	padding-left: 10px;
}

.c3_table_header_title {
	width: 34%;
	padding-left: 35px;
}

.c3_table_header_rating {
	width: 15%;
	padding-left: 20px;
}

.c3_table_header_date {
	width: 15%;
	padding-left: 24px;
}

.c3_margin_0 {
	margin-right: 0px;
}

.c3_content_tags {
	font-size: 12px;
	/* color: #767676; */
}

.c3_content_tags_outer {
	
}

.c3_msglibrary_table .c3_content_tags_outer {
	background-color: #f4fbfd;
	color: #7d8b99;
	float: left;
	padding: 1px 3px !important;
	margin-right: 4px;
	margin-top: 2px;
	border-radius: 4px;
	font-size: 12px;
	border: solid thin #a9c6e2;
}

.c3_msglibrary_table .col_type_icon {
	color: #5485b6;
	font-size: 16px;
}

.c3_segments_radiobtn_text {
	font-family: 'Open Sans', sans-serif !important;
}

.c3_api_right_margin_zero {
	margin-top: 0 !important;
}

.c3_api_key_box_padding15, .c3_wpn_key_box_p15 {
	padding: 15px !important;
}

/* TagListBox */
div.form_control_registration_w_auto {
	/* override width (!important) in .form_control_registration. */
	width: auto !important;
}

ul.c3_tags_inner_cont {
	list-style: none;
	background-color: white;
	/*display: block;*/
	/*border: 1px solid gainsboro;*/
	border: 1px solid white;
	/*padding: 4px;*/
	padding-left: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	border: 1px solid white;
}

ul.c3_tags_inner_cont:hover {
	border: 1px solid rgba(150, 150, 150, 0.52);
}
/* Config - Content screen. Change to single row */
.c3_tag_holder_c_config ul.c3_tags_inner_cont {
	/* display: inline-flex; */
	/* overflow-x: auto; */
	max-height: 80px;
	overflow-y: auto;
}

.c3_tag_holder_c_config .c3_context_tags_col2 {
	max-height: 80px;
}
/* Add Content - screen */
.c3_tag_holder_c_add ul.c3_tags_inner_cont {
	/*display: inline-flex;*/
	
}

.c3_tags_inner_cont>li {
	border: 1px dotted gainsboro;
	border-radius: 6px;
	height: 29px;
	list-style-type: none;
	display: inline-flex;
	background-color: rgb(228, 225, 225);
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
}

li.c3_tags_li .c3_tags_input {
	width: auto;
	border: 0px;
}

.c3_context_p_tags_dv {
	float: left;
}

.c3_context_p_tags_value {
	font-size: 12px;
	padding: 4px;
	padding-left: 10px;
	padding-right: 30px;
	padding-top: 5px;
	color: #666;
	white-space: nowrap;
	position: relative;
}

li.c3_tags_li {
	border: 0px;
	vertical-align: bottom;
	background-color: transparent;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

li.c3_tags_li .dijitTextBoxHover, li.c3_tags_li .dijitComboBoxHover, li.c3_tags_li .dijitValidationTextBoxHover,
	li.c3_tags_li .dijitHover {
	border-color: white;
	background-image: none;
}
li.c3_tags_li .dijitTextBoxFocused {
	background-image: none;
}

.c3_context_p_tags_dv.btn {
	color: darkgray;
	position: absolute;
	right: 0px;
	z-index: 10;
}

.c3_context_p_tags_dv.btn:hover {
	color: black;
}

.c3_tags_inner_cont>li .c3_context_p_tags_dv.btn {
	/*display: none;*/
	opacity: 0;
}
.c3_tags_inner_cont>li:hover .c3_context_p_tags_dv.btn {
	/*display: block;*/
	opacity: 1;
}
.c3_tags_inner_cont>li .c3_context_p_tags_dv_showX.btn {
	opacity: 1;
}
.c3_tag_holder {
	/*height: 80px;*/
	max-height: 80px;
	/*width: 96%;*/
}

.c3_kb_content_control .c3_tag_holder {
	/*width: 100%;*/
	
}

div.c3_tag_holder_c_add {
	height: auto;
	/*min-height: 80px;*/
}

.c3_configurecontent_lefticonbox {
	float: left;
	height: 26px;
	border-right: 1px solid #dcdcdc !important;
	margin-right: 10px;
	margin-top: 0 !important;
}

.c3_configurecontent_lefticonbox>i {
	font-size: 19px !important;
}

.c3_tags_inner_cont::before {
	color: #666;
	background-color: var(--c-gray-45);
	border: 1px solid #cccccc;
	border-bottom: 1px solid #dcdcdc !important;
	border-right: 1px solid #dcdcdc !important;
	border-left: 0px solid #dcdcdc;
	border-top: 0px solid #dcdcdc;
	font-size: 24px;
	padding: 8px 12px;
	margin-right: 10px;
	margin-top: 0 !important;
	display: inline-block;
	float: left;
}
/* col wrapper */
.c3_tags_input_cont {
	/* background-color: cornflowerblue; */
	
}
/* col 1 */
.c3_tags_col_icon {
	/*float: left;*/
	width: 42px;
	height: auto;
	background-color: var(--c-gray-45);
	border: 1px solid var(--c-gray-57);
	border-right: 0px;
	text-align: center;
	position: relative;
}
/* col 2 */
.c3_tags_col {
	overflow: hidden;
	border: 1px solid var(--c-gray-57);
}

.c3_kb_content_control .c3_tags_col_2 {
	
}

.c3_tags_col_icon>i {
	/* text-align: center; */
	font-size: 15px;
	color: #666;
	/* margin-top: 50%; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-left: 13px;
	display: inline-table;
}
/* hide tags drop down arrow */
.c3_tags_li input.dijitArrowButtonInner {
	opacity: 0;
}
/* hide border of tags input */
.c3_tags_li div.dijitComboBox {
	border: 0px;
	/* width: 100%; */
	width: auto;
	/* border: 1px solid steelblue; */
	flex: 1 0 auto;
}
.c3_te_tags input.dijitArrowButtonInner {
	opacity: 1;
	background-image: url(/res/z_arrow_down.svg) !important;
	background-position: 0 !important;
}
.c3_content_tag_find_wrp {
	position: relative;
}

.c3_content_tag_find_col1 {
	/*margin-right: 90px;*/
	
}

.c3_content_tag_find_col2 {
	position: absolute;
	right: 0;
	width: 84px;
	padding-top: 4px;
}

.c3_content_tag_find_col1_inner .registrationFloatLeft_new {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.c3_kb_content_tbl_box {
	/*overflow-y: auto;*/
	
}

.c3_newsegment_scrollbox {
	overflow-y: auto;
	height: 150px;
	padding-right: 30px;
}

.c3_additionaltext_label {
	margin-bottom: 8px;
	font-size: 15px;
}

.c3_confgapikey_scrollbox {
	overflow: auto;
	height: 87%;
	padding-right: 30px;
}

.activity_width {
	width: 95%;
}

.input_height {
	height: 30px;
}

.c3_goal_timeconstraints_scrollbox {
	overflow-y: auto;
	height: 200px;
	/* padding-right: 30px; */
	margin-bottom: 13px;
}

/* Performance Dashboard */
.c3_pdashboard_body_cont {
	clear: both;
	position: absolute;
	top: 100px;
	bottom: 5px;
	left: 0px;
	right: 0px;
	/* width: 1080px; */
	/* background-color: bisque; */
	margin: 4px;
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0);
}

.c3_pdashboard_body_cont {
	overflow-y: auto;
}

div.c3_pdashboard_col3 {
	top: 2px;
}

.pdashboard_content_body {
	clear: both;
}

.pdashboard_content_body svg {
	
}

.chart-wrp {
	margin: 4px;
}

.chart-wrp-white {
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
}

.chart-wrp-color {
	/*background-color: floralwhite;*/
	
}

.chart-wrp-border {
	/*box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);*/
	
}

.chart-wrp-overflow {
	overflow-y: auto;
	overflow-x: hidden;
}

.pdashboard_content_body .chart_pd {
	/*background-color: lavender;*/
	padding-bottom: 12px;
}

.pdashboard_content_body .chart_pd_g {
	background-color: antiquewhite;
}

.c3_pd_timeSeries .chart_pd {
	padding-bottom: 15px;
}

.c3_pd_box_content_body_wrp {
	background: #fff;
	margin: 4px;
	/* padding: 10px; */
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	position: absolute;
	/* width: 1015px; */
	left: 0px;
	top: 5px;
	/* bottom: 0px; */
	overflow: hidden;
	height: 86px;
	right: 0px;
}

.pdashboard_content_row {
	/*background-color: black;*/
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	/* margin-bottom: 12px; */
	/* overflow: auto; */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	/* height: 100%; */
}

.pdashboard_content_row>div {
	/* background-color: cornsilk; */
	/* width: 50%; */
	/* fix for safari, width is required. */
	width: -webkit-calc(50% - 8px);
	width: calc(50% - 8px);
	/* float: left; */
	clear: none;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	/*position: relative;*/
	/* display: flex; */
}

.pdashboard_content_row>div.c3_pd_box_donut {
	/*background-color: lightblue;*/
	/* width: 50%; */
	/* width: calc(50% - 8px); */
	max-width: 40%;
	min-width: 300px;
	min-width: 40%;
	display: -webkit-flex;
	display: flex;
}

.pdashboard_content_row>div.c3_pd_box_ts {
	/*background-color: cornsilk;*/
	/*width: 50%;*/
	/*width: calc(50% - 8px);*/
	
}

/* experiment - chart layout */
.c3_pd_box_donut .c3_pd_box_content_body_outer {
	/* height: 100%; */
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.c3_pd_box_content_body_outer {
	/* height: 100%; */
	/* position: absolute; */
	/* top: 0; */
	/* bottom: 0; */
	/* left: 0; */
	/* right: 0; */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
}

.pdashboard_content_row>.c3_pd_box_content_body_outer>div {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.c3_pd_box_content_head {
	width: 100%;
	/* display: inline-block; */
	/*background-color: burlywood;*/
	/*padding: 4px;*/
	height: 50px;
}

.c3_pd_box_content_body_outer .c3_pd_box_content_body {
	/*background-color: palegoldenrod;*/
	/* height: calc(100% - 52px); */
	/* flex: 1 0 auto; */

	flex: 1;
	/* align-self: stretch; */
	/* to center donut */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
}

/* overwrite above for lhs chart */
.c3_pd_donut .c3_pd_box_content_body {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}
/* overwrite above for rhs chart */
.c3_pd_timeSeries .c3_pd_box_content_body {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

/* end - experiment - chart layout */
.c3_pd_totalStats_box {
	float: left;
	width: 30.2%;
	/*width: calc(30% - 4px);*/
	text-align: center;
	padding: 10px;
	font-size: 15px;
	/*background: #f7fafd; */
	position: relative;
	height: 61px;
	cursor: pointer;
}

.c3_pd_totalStats_totalActions, .c3_pd_totalStats_totalSegments,
	.c3_pd_totalStats_totalSignals {
	border-right: 1px solid #ebebeb;
}

.c3_pd_totalStats_box_total {
	font-size: 38px;
	margin-bottom: 6px;
	color: #0055a9;
	position: relative;
}

.c3_business_top_icon_main_text::before {
	/*color: gold;*/
	margin-right: 10px;
}

.c3_pd_totalStats_totalActions .c3_business_top_icon_main_text::before {
	/*color: gold;*/
	color: #abd5f1;
}

.c3_pd_totalStats_totalSignals .c3_business_top_icon_main_text::before {
	/*color: gold;*/
	color: #d1d1cd;
}

.c3_pd_totalStats_totalROI .c3_business_top_icon_main_text::before {
	color: #bae1a7;
}

.c3_pd_totalStats_box_label {
	color: #999;
	font-size: 80%;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif !important;
}

.c3_business_top_icon_position {
	position: absolute;
	top: 7px;
	left: 44px;
	font-size: 47px;
}

.c3_business_top_icon_color_green {
	color: #bae1a7;
}

.c3_business_top_icon_color_gray {
	color: #d1d1cd;
}

.c3_business_top_icon_color_blue {
	color: #abd5f1;
}

.c3_pd_roi_config_btn {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	opacity: .6;
	color: #999;
	z-index: 9;
}

.c3_pd_roi_config_btn:hover {
	opacity: 1;
}

.c3_pd_totalStats_totalROI>span {
	opacity: .6;
	color: #999;
	margin-left: 10px;
	cursor: pointer;
}

.c3_pd_totalStats_totalROI>span:hover {
	opacity: 1;
	color: #666;
}
/* ROI config */
.c3_pd_roi_config {
	/*position: fixed;*/
	/*margin-top: 80px;*/
	position: absolute;
	top: 70px;
	right: -webkit-calc(4px);
	right: calc(4px);
	/*left: 40%;*/
	margin: 4px;
	/*background-color: cornsilk;*/
	/*background-color: white;*/
	/* border: 4px solid lightyellow; */
	/*padding: 8px;*/
	z-index: 9;
	width: 425px;
	background: #fff;
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: -1px 1px 4px 1px rgba(97, 97, 97, 0.17);
	-moz-box-shadow: -1px 1px 4px 1px rgba(97, 97, 97, 0.17);
	box-shadow: -1px 1px 4px 1px rgba(97, 97, 97, 0.17);
}
/* arrow towards config button/wrench-icon */
/* note: the position is _not accurate */
.c3_pd_roi_config:after {
	content: "";
	position: absolute;
	top: -25px;
	right: 5px;
	border-style: solid;
	border-width: 0 9px 25px;
	border-color: var(--c-gray-40) transparent;
	display: block;
	width: 0;
	z-index: 1;
	background: transparent;
}

.c3_pd_roi_config_h {
	/* font-size: 110%; */
	/* font-weight: bold; */
	color: #838383;
	stroke: none;
	text-shadow: none !important;
	/* fill: #797979; */
	font-size: 16px;
	padding: 10px;
	background: var(--c-gray-40);
}

.c3_pd_roi_config_body {
	padding: 10px;
}

.c3_pd_roi_config_desc {
	
}

.c3_pd_roi_config_r_desc {
	
}

.c3_pd_roi_config_ul_h {
	
}

.c3_pd_roi_config_ul {
	list-style-type: none;
	overflow-y: auto;
	padding: 0;
	margin: 10px 0;
}

.c3_pd_roi_config_ul>li {
	clear: both;
}

.c3_pd_roi_config_ul>li>div {
	float: left;
	width: 30%;
	padding: 4px;
	/* text-align: center; */
	text-transform: capitalize;
}

.c3_pd_roi_config_r_ttl {
	
}

.c3_pd_roi_config_r_ttl>div {
	/* head row */
	/* background-color: rgb(205, 227, 255); */
	color: #0059b0;
	font-weight: 400;
	border-bottom: 2px solid #dddddd;
}

.c3_pd_roi_config_r {
	
}

.c3_pd_roi_config_r input {
	text-align: center;
	border: 1px solid #eaeaea;
	padding: 2px 6px;
	width: 70%;
	color: #a4aeb4;
	font-size: 13px;
}

.c3_pd_roi_config_r_1, .c3_pd_roi_config_r_2, .c3_pd_roi_config_r_3 {
	
}

.c3_pd_roi_config_r_1 {
	
}

.c3_pd_roi_config_r_2 {
	
}

.c3_pd_roi_config_r_3 {
	
}

.c3_pd_roi_config_btns {
	
}

.c3_pd_roi_config_btns_inner {
	clear: both;
	float: right;
	/*margin-top: 16px;*/
	margin-right: 20px;
	margin-bottom: 10px;
	background-color: #fff;
}

.pie_pd_txt_center {
	/*font-size: 24px;*/
	
}

.pie_pd_txt_center_label {
	font-size: 30px;
}

.pie_pd_txt_center_number {
	font-size: 60px;
}

.pie_pd_circle_center_overlay, .pie_pd_sig_circle_center_overlay {
	fill: transparent;
	stroke: none;
	cursor: pointer;
}

.pie_pd_outer_txt_lbl {
	/*font-size: 34px;*/
	font-size: 26px;
	stroke: none;
	fill: #565656;
	text-transform: capitalize;
	fill-opacity: .9;
}

.pie_pd_slice_hover text.pie_pd_outer_txt_lbl {
	font-size: 34px;
	fill: red;
	fill-opacity: 1;
}

.pie_pd_slice_hover {
	
}
/* explore-data devices pg */
.c3_ed_userDevices .pie_pd_outer_txt_lbl {
	font-size: 36px;
}
.c3_ed_userDevices .pie_pd_slice_hover text.pie_pd_outer_txt_lbl {
	font-size: 46px;
}

text.pie_pd_hide_lbl {
	/* hide small slices label */
	fill-opacity: 0;
}

.pie_pd_slice_txt_num {
	font-size: 24px;
}
/* time series */
/*.c3_pd_timeSeries .pd_ts_line {*/
.pd_ts_line {
	/* stroke: steelblue; */
	stroke-width: 3;
	/*stroke-width: 2;*/
	fill: none;
	opacity: .9;
}

circle.pd_ts_line_dot {
	opacity: .4;
	/*r: 4px;*/
}

path.pd_ts_line:hover {
	/* Blocking line highlight on hover functionality
	as Tooltip and highlighted dots are sufficient for
	info. */
	/*stroke: cyan;*
	/*stroke: cyan !important;*/
	/*opacity: 1;*/
	
}
/* line highlight */
path.pd_line_axn_ts_highlight, path.pd_line_sig_ts_highlight, path.pd_line_roi_ts_highlight
	{
	stroke: #7cabe7;
	/*stroke: cyan !important;*/
	stroke: #7cabe7 !important;
	stroke-width: 5px;
}

circle.pd_ts_line_dot_highlight {
	stroke: #7cabe7;
	/*stroke: cyan !important;*/
	stroke: #7cabe7 !important;
	fill: #7cabe7 !important;
}
/* line not-highlighted */
path.pd_line_axn_ts_dull, path.pd_line_sig_ts_dull, path.pd_line_roi_ts_dull
	{
	opacity: .2;
}

circle.pd_ts_line_dot_dull {
	opacity: .2;
}

.pd_ts_line_lbl {
	font-size: 25px;
	display: none;
}

.ts_pd_axis {
	fill: none;
	stroke: grey;
	stroke-width: 1;
	/*shape-rendering: crispEdges;*/
}

.ts_pd_axis .tick {
	stroke: #666;
	/*stroke-width: 1;*/
}

.ts_pd_axis text {
	/*stroke: #666;*/
	/*stroke-width: 1;*/
	stroke: #666;
	font-size: 26px;
	text-shadow: none;
	fill: #666;
}

.ts_pd_axis_end_lbl text {
	display: none;
	stroke: none;
	/* stroke-width: 1; */
	/* stroke: #222; */
	font-size: 35px;
	text-shadow: none;
	fill: #1f77b4;
}

.ts_pd_axis_end_lbl_y text {
	/* un-hide y axis end label */
	display: block;
	font-size: 24px;
}

.ts_pd_axis_end_lbl_x text {
	/* un-hide x axis end label */
	/*display: block;*/
	/*font-size: 24px;*/
	
}
/* tick text */
.ts_pd_axis .tick text {
	stroke: none;
	stroke-width: 1;
	stroke-opacity: 0;
	font-size: 29px;
	font-size: 21px;
	fill: #666;
}

.c3_pd_box_content_head {
	width: 100%;
	/*display: inline-block;*/
	/*background-color: beige;*/
	/*padding: 4px;*/
}

.c3_pd_box_content_head>div {
	float: left;
	/*text-align: center;*/
	text-align: inherit;
	width: 50%;
	padding-top: 8px;
}

.c3_pd_box_content_head_l {
	
}

.c3_pd_box_content_head_r {
	
}

.c3_pd_box_content_head_l>div {
	float: left;
}

.c3_pd_box_content_head_r>div {
	float: right;
	/* filter - left align */
	float: left;
}

.c3_pd_box_content_head_ttl {
	color: #0055a9;
	text-transform: capitalize;
	padding-left: 24px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px
}

.c3_pd_box_content_head_btn {
	/*float: right;*/
	cursor: pointer;
	color: royalblue;
}

.c3_pd_box_content_head_btn_sep {
	/*float: right;*/
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}
/* time series tooltip - base class */
.c3_pd_ts_tooltip {
	position: absolute;
	width: 140px;
	max-width: 200px;
	max-height: 300px;
	background-color: rgba(255, 255, 255, .75);
	/*background-color: #0756a4;*/
	color: white;
	color: #333;
	padding: 2px;
	padding-left: 6px;
	/*border: 1px solid #999;*/
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.9);
	opacity: .9;
	text-align: center;
	font: 10px sans-serif;
	border: solid 1px #aaa;
	pointer-events: none;
	overflow-y: auto;
}

.c3_pd_ts_tooltip ul {
	list-style-type: none;
	padding-left: 4px;
	padding: 0;
	margin: 0;
}

.c3_pd_ts_tooltip ul li {
	clear: both;
	/*padding: 2px;*/
	font-size: 120%;
}

.c3_pd_ts_tooltip ul li span {
	float: left;
	padding: 1px;
	min-width: 40px;
	text-align: center;
	text-transform: capitalize;
}

.c3_pd_ts_tooltip_r_1 {
	/* color: silver; */
	
}

.c3_pd_ts_tooltip_r_2 {
	/* color: silver; */
	
}

.c3_pd_ts_tooltip_r_3 {
	/* color: silver; */
	
}

.c3_pd_ts_tooltip_r_d {
	font-size: 110%;
}

.c3_pd_ts_tooltip ul li span.c3_pd_ts_tooltip_r_1 {
	max-width: 10px;
	font-size: 8px;
	min-width: 12px;
}

.c3_pd_ts_tooltip_li_date {
	color: silver;
}

/* c3filter */
/* customize filter by using format: */
/* .someParentContainerClass div.c3_c3filter_tab_base { no !important } */
/* */
.c3_c3filter_tab_base {
	/* add custom margin where widget is used */
	/*margin:10px auto 10px auto;*/
	max-width: 1023px;
	border-bottom: solid 2px var(--c-grayish-azure-100);
	padding: 10px 0 8px 0;
	/* remove top spacing */
	padding-top: 1px;
	top: 0px;
	position: relative;
	height: 20px;
	/* margin-right: auto; */
	/* display: inline-block; */
	/*width: auto; */
	width: 100%;
}

.c3_c3filter_tab_base>span {
	font-size: 14px;
	color: #8f8f8f;
	/*padding:0 10px 0 10px;*/
	position: relative;
	cursor: pointer;
	/* for small width filter */
	word-break: break-all;
	word-wrap: normal;
}

.c3_c3filter_tab_base>span:hover {
	color: #0154a6;
}

.c3_c3filter_tab_base span.c3_filter_tab_active {
	color: #0154a6;
}

.c3_c3filter_tab_base span.c3_filter_tab_active span.c3_c3filter_item_marker
	{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 6px 6px 6px;
	border-color: transparent transparent var(--c-grayish-azure-100) transparent;
	line-height: 0px;
	_border-color: #000000 #000000 var(--c-grayish-azure-100) #000000;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	padding: 0px;
	position: absolute;
	bottom: -10px;
	left: 39%;
}

.c3_c3filter_tab_base>span i.fa {
	margin-right: 6px;
}
/* -- end - filter - base classes */

/** custom filter css for charts **/
.c3_pd_box_content_head_r div.c3_c3filter_tab_base {
	width: 100%;
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}

.c3_c3filter_tab_base span.c3_c3filter_item {
	/* overwrite .fliter-tab-space */
	margin: 0 20px 0 0;
	/*margin: 0 30px 0 0;*/
	font-size: 13px;
}
/* custom filter - appEvents */
.c3_app_events_body_cont div.c3_c3filter_tab_base {
	/*height: 15px;*/
	
}

.c3_app_events_body_cont .c3_c3filter_tab_base>span {
	padding: 0 10px 0 10px;
}
/* custom filter - customCSS edit */
.c3_custom_css_fltr div.c3_c3filter_tab_base {
	width: 100%;
	border-bottom-width: 1px;
}

.c3_custom_css_fltr .c3_c3filter_tab_base span.c3_c3filter_item {
	/* overwrite .fliter-tab-space */
	margin: 0 30px 0 0;
}

/* Download Sdk */
.pointTitle {
	color: #787C78 !important;
	font-size: 16px;
	/* position:absolute; */
}

.javaIcon {
	font-style: normal;
	color: rgb(41, 231, 41);
	font-size: 25px;
}

.androidIcon {
	font-style: normal;
	color: rgb(41, 231, 41);
	font-size: 25px;
}

.iosIcon {
	font-style: normal;
	color: grey;
	font-size: 25px;
}

.downloadOptions {
	/* position: absolute; */
	height: 100px;
	width: 100%;
	top: 50px;
}

.javaOption {
	border: 1px solid grey;
	padding: 20px;
	position: absolute;
	/* font-family: -webkit-pictograph; */
	margin-right: 45px;
	width: 100px;
	float: left;
}

.androidOption {
	border: 1px solid grey;
	padding: 20px;
	position: absolute;
	font-family: -webkit-pictograph;
	margin-right: 45px;
	width: 100px;
	left: 180px;
}

.iosOption {
	border: 1px solid grey;
	padding: 20px;
	position: absolute;
	/* font-family: -webkit-pictograph; */
	margin-right: 45px;
	left: 360px;
	width: 100px;
}

.container_params {
	height: 100%;
	width: 100%;
}

.helpbottom {
	bottom: 40px;
}

.apiTop {
	top: 150px;
}

.filterTop {
	top: 0px !important;
}

.userType {
	width: 91% !important;
}

.c3_bottom_button_position {
	position: absolute;
	bottom: 90px;
	right: 47px;
}

.c3_emailicon_size {
	font-size: 13px !important;
}

.seg_data_value {
	font-size: small;
	padding: 2px 6px;
}

.seg_data_div {
	padding: 2px 8px 4px 2px;
	border-radius: 3px !important;
	margin: 6px 5px 0 0;
}

.c3_dijitInputInner {
	color: #666;
	padding-top: 4px !important;
	padding-left: 6px !important;
}

.add_btn_top {
	top: 5px !important;
}

.c3_btn_width {
	width: 75px;
	height: 20px;
}
.c3_btn_width_l {
	width: 115px;
	height: 20px;
}

.seg_data_div2 {
	margin-top: 16px;
}

.c3_bottom_button_position2 {
	position: absolute;
	bottom: 55px;
	right: 47px;
}

.c3_tags_col_2 {
	/*width: 91.5%;*/
	/*width: -webkit-calc(100% - 45px);*/
	/*width: calc(100% - 45px);*/
	
}

.c3_tags_li input {
	height: 29px;
}

.c3_user_settings_dashboard_icon {
	color: #c9c9c9;
	text-align: center;
	font-size: 56px;
	margin-left: 10px;
	min-width: 88px;
	max-width: 88px;
	margin-left: 8px;
	margin-right: 8px;
}

.c3_user_settings_smallclrbox {
	clear: both;
	background: transparent !important;
	overflow: hidden;
}

.c3_user_settings_smallclrbox_2 {
	clear: both;
	background: transparent !important;
	overflow: hidden;
	/* width: 125px; */
}

.c3_user_settings_outerDiv, .c3_css_device_item_outerDiv {
	background: #f7f7f8;
	width: 317px;
	height: 180px;
	margin: 28px 0px 10px 0px;
	position: absolute;
	border: 1px solid #dde3ea;
}

.c3_user_settings_outerDivBorder {
	border-radius: 3px;
}

.c3_user_dashboard_textbox {
	/*float: left;*
/*width: 123px;*/
	/* height: 82px; */
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	/* padding: 3px; */
	margin-left: 6px;
}

.c3_user_dashboard_textbox_2 {
	float: left;
	/* width: 88px; */
	/* height: 82px; */
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	/* padding: 3px; */
}

.c3_user_settings_widget_hover {
	opacity: 0.5;
	background-color: #dde3ea !important;
	/* border: gray; */
	/*-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.37);
-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.37);
box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.37);*/
}

.c3_user_summary_divLeft {
	/*min-width: 155px;*/
}

.c3_user_summary_divLeft_2 {
	float: right;
	width: 140px;
}

.c3_user_summary_text12 {
	font-size: 12px !important;
	color: #27353a;
}

.c3_user_summary_textblue {
	font-size: 12px !important;
	color: #0055a9;
}

.c3_user_clearBox {
	height: 111px;
	overflow: hidden;
}

.c3_user_clearBox .c3_user_profile_pic {
	background: #dde3ea; 
	border-radius: 5px;
	width: 88px;
	min-width: 88px;
	max-width: 88px;
	height: 88px;
	margin-right: 8px;
	margin-top: 8px;
	margin-left: 8px;
}

.c3_user_infoDiv {
	height: 62px;
	padding: 16px 14px 5px 14px;
}

.user_pic {
    font-size: 75px;
    color: #f7f7f7;
    padding-left: 7px;
    top: 14px;
    position: absolute;
}

.float_right_btn_2 {
	float: right;
	margin-right: 4px;
}

.c3_bottom_button_position3 {
	position: absolute;
	bottom: 50px;
	right: 55px;
}

.c3_content_tag_find_col2_2 {
	position: absolute;
	right: 0;
	width: auto;
	padding-top: 4px;
}

.c3_inner_inputbox {
	padding-top: 5px !important;
}

.seg_data_value0 {
	padding-top: 0;
}

/* download-sdk */
.c3_downloadsdk_main {
	clear: both;
	overflow-y: auto;
	color: #4d5157;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	height: 95%;
	width: 97%;
}

.c3_csb_outer_container .c3_downloadsdk_main {
	clear: both;
	overflow-y: auto;
	color: #4d5157;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	/* padding: 0 0 20px 0; */
	height: 100%;
	width: 100%;
}

.c3_downloadsdk_clearbox {
	clear: both;
	padding: 10px 0;
	overflow: hidden;
}

.c3_downloadsdk_ttl {
	font-size: 15px;
	font-weight: 600;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
}

.c3_downloadsdk_clearbox .c3_downloadsdk_left {
	float: left;
	width: 48%;
	text-align: left;
	font-size: 13px;
	line-height: 21px;
}

.c3_downloadsdk_clearbox .c3_downloadsdk_right {
	float: right;
	width: 48%;
	padding-right: 2%;
	line-height: 22px;
}

.c3_downloadsdk_clearbox .c3_downloadsdk_right .c3_downloadsdk_right_sample_img
	{
	margin: 8px 0 0 0;
	background: #fff;
	border: 8px solid #e7e7e7;
	overflow: hidden;
}

.c3_download_option_listing {
	clear: both;
}

.c3_download_option_listing ul {
	clear: both;
	padding: 0;
	margin: 0;
}

.c3_download_option_listing ul li {
	float: left;
	list-style: none;
	margin: 0 6px 6px 0;
	padding: 2px;
	width: 100px;
	min-height: 110px;
	text-align: center;
	border: 1px solid #dfdfdf;
}

.c3_download_option_listing ul li:hover {
	border: 1px solid #dfdfdf;
	background: #f6f6f6;
}

.c3_download_option_listing ul li .icon_fontsize {
	font-size: 45px;
	padding: 10px 0;
}

.c3_download_option_listing ul li .color_blue {
	color: #4f97cf;
}

.c3_download_option_listing ul li .color_orange {
	color: #ffa95d;
}

.c3_download_option_listing ul li .color_red {
	color: #EA1010;
}

.c3_download_option_listing ul li .color_green {
	color: #73b53d;
}

.c3_download_option_listing ul li .color_gray {
	color: #5a5a5a;
}

.c3_no_underline {
	text-decoration: none !important;
}

.c3_download_option_listing ul li .icon_name {
	font-size: 14px;
	color: #6e6e6e;
}

.c3_download_option_listing ul li .icon_version_name {
	font-size: 12px;
	color: #4495c4;
	padding-top: 3px;
}

.c3_download_sdk_msgbox {
	color: #7f91a6;
	font-size: 12px;
}

.c3_download_option1_box {
	padding: 20px 0 0 0;
	border: 6px solid #e7e7e7;
	padding: 8px;
}

.c3_download_sdk_generated_apikey_box {
	color: #4f97cf;
	font-size: 13px;
	padding: 2px 5px;
	border: 1px solid #f0edd8;
	margin: 5px 0;
	clear: both;
	background: #f6f5ea;
}

.c3_download_sdk_generated_apikey_box .copythis {
	float: right;
	text-align: right;
	font-size: 12px !important;
	color: #222
}

.c3_download_sdk_generated_developerguide_link {
	color: #0055ba;
	font-weight: 700;
	text-decoration: none;
}

.c3_download_sdk_generated_developerguide_link:hover {
	color: #222;
}

/* start css for user tab look */
.c3_download_sdk_tabs {
	position: relative;
	min-height: 450px; /* This part sucks */
	clear: both;
	margin: 25px 0;
}

.c3_download_sdk_tab {
	float: left;
}

.c3_download_sdk_tab label {
	background: #edf2f5;
	color: #869ca9;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	margin-left: -1px;
	margin-right: 8px;
	position: relative;
	left: 1px;
	cursor: pointer;
}

.c3_download_sdk_tab [type=radio] {
	display: none;
	cursor: pointer;
}

.c3_download_sdk_tab .content {
	position: absolute;
	width: 90%;
	height: 90%;
	top: 28px;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	padding: 0 15px 10px 15px;
	border: 1px solid #e5e5e5;
}

.c3_download_sdk_tab [type=radio]:checked ~ label {
	background: white;
	border-bottom: 1px solid white;
	z-index: 2;
	color: #0055ba;
}

.c3_download_sdk_tab [type=radio]:checked ~ label ~ .content {
	z-index: 1;
}

/* end css for user tab look */
.c3_userprofile_scrollbox {
	overflow: auto;
	position: absolute;
	bottom: 30px;
	top: 50px;
	width: 98%;
}

.c3_top_settings_icon {
	position: absolute;
	top: 2px;
	right: 75px;
}

.c3_top_logout_icon, .z1_menu_settings_icon {
	position: relative;
	top: 5px;
}

.c3_insights_menu_indent {
	margin-left: 15px;
}

/* insights - appEvents */
.c3_app_events_body_cont {
	overflow-y: auto;
}
.c3_app_events_body_cont_in {
}

.attrnameFilterUL {
	padding-left: 4px;
	list-style: none;
	max-height: 150px;
	overflow-y: auto;
}

.attrnameFilterUL>li {
	padding: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	background-color: azure;
	border: 1px solid;
	border-color: ivory;
	color: #666;
	float: left;
	border-radius: 3px;
	cursor: pointer;
	font-family: "Open Sans", sans-serif;
}

.attrnameFilterUL>li::before {
	margin-right: 4px;
	font-family: fontAwesome;
	font-size: 90%;
	opacity: .35;
}

.c3_app_evt_item_apply {
	clear: both;
	float: right;
	margin-right: 20px;
	margin-bottom: 8px;
	margin-top: 8px;
}

.c3_app_evt_item_apply>span {
	padding: 4px;
	font-family: "Open Sans", sans-serif;
	cursor: pointer;
}

.c3_app_evt_item_apply>span::before {
	margin-right: 6px;
	font-family: fontAwesome;
}

.c3_app_evt_filter_lbl {
	color: #999;
}

.c3_app_events_body_cont .c3_journeymap_filterbox .inputBox2 {
	margin-top: 0px;
}

.claro .c3_app_events_body_cont .c3_journeymap_filterbox_customdatefilter .dijitComboBox .dijitButtonNode
	{
	height: inherit;
}

.c3_app_events_body_cont .c3_journeymap_filterbox_customdatefilter {
	float: right;
	width: 60%;
	/*min-width: 350px;*/
}

.c3_app_evt_item_time {
	/*border-bottom: 1px solid #ddd;*/
	padding-bottom: 4px;
	/*display: flex;*/
}

.c3_app_evt_item_time_disp {
	display: -webkit-flex;
	display: flex;
}

.c3_app_evt_filter_item {
	margin-top: 10px;
}

.c3_download_option_listing ul li .color_gray_disablemode {
	color: #e1e1e1 !important;
}

.col_50 {
	width: 30%
}

.col_right {
	padding-left: 15px;
	color: grey;
	font-size: small;
}

.c3_start_div {
	padding: 4px;
	margin-top: 10px;
	border: 1px solid #F1F1F1;
}

.pre_height {
	height: 20px;
}

.c3_actions_col_2 .hint-icon_margintop {
	margin-top: 14px;
	font-size: 11px !important;
	line-height: 40px;
}

.c3_bottom_button_position4 {
	position: absolute;
	bottom: 20px;
	right: 14px;
}

.goal_signal_hover_edit_icon {
	position: absolute;
	top: 25px;
	right: 7px;
}

/* No Data - Images */
.c3_no_data_placeholder {
	position: relative;
	background-repeat: no-repeat;
	/* background-size: contain; */
	background-size: 100% 100%;
	height: 100%;
	background-size: auto 100%;
	background-size: cover;

	/* create page specific class and
	add demo[Page..].png url in that*/
	/*background-image: url("/res/sampleGoal.png");*/
}

.c3_no_data_btn_gstarted {
	position: absolute;
	right: 40px;
	top: 40px;
}

.c3_no_data_metrics {
	/* this will overwrite image in .c3_no_data_placeholder */
	background-image: url("/res/clear.png");
	/* url("/res/sampleGoal.png"); */
}

.c3_no_data_appevt_hm {
	/* this will overwrite image in .c3_no_data_placeholder */
	background-image: url("/res/insights-demo.png");
}
/* End - No Data */
.c3_tags_inner_cont_scroll {
	/* display: inline-flex; */
	max-height: 80px;
	overflow-y: auto;
}

.c3_msglibrary_scrollbox {
	max-height: 85%;
	margin: 0;
	overflow: auto;
	/* border: 1px solid #000; */
	overflow-x: hidden;
}

.c3_context_p_frm_criteria_dv .c3_label_right_2 {
	margin-top: 5px;
}

.c3_newsegment_scrollbox_2 {
	overflow-y: auto;
	max-height: 190px;
	padding-right: 12px;
}

.c3_landing_user {
	font-size: 21px;
}

.dummy_img {
	height: 150px;
	width: 400px;
	float: left;
	margin-top: 20px;
}

.sp_pad1 {
	padding-left: 20px;
}

.sp_pad2 {
	padding-left: 40px;
}

.sp_pad3 {
	margin-left: 100px;
	margin-top: 10px;
}

.sp_pad4 {
	margin-top: 8px;
}

.c3_sampledatabox {
	padding: 20px;
	position: relative;
	clear: both;
}

.c3_sampledatabox .c3_sampledatabox_leftbox {
	float: left;
	width: 35%;
}

.c3_sampledatabox .c3_sampledatabox_leftbox>img.opacity {
	opacity: 1;
	filter: alpha(opacity = 50);
	-webkit-transition: opacity 1s linear;
	cursor: pointer;
}

.c3_sampledatabox .c3_sampledatabox_leftbox>img.opacity:hover {
	opacity: 0.5;
	filter: alpha(opacity = 100);
	-webkit-transition: opacity 1s linear;
}

.c3_sampledatabox .c3_sampledatabox_rightbox {
	float: left;
	width: 60%;
	padding-left: 4%;
}

.c3_sampledatabox .c3_sampledatabox_rightbox>h2 {
	color: #4cb1e0;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.c3_sampledatabox .c3_sampledatabox_rightbox>ol {
	padding: 15px 0 0 15px;
	margin: 0;
}

.c3_sampledatabox .c3_sampledatabox_rightbox>ol li {
	padding: 2px;
	margin: 4px;
	color: #777;
}

/* Css for the new register page - 20-08-2014 */
.c3_new_body {
	background: #f7f7f7;
}

.c3_register_container {
	width: 100%;
	margin: 0;
	height: 100%;
}

.c3_register_inner_container {
	min-height: 500px;
}

.c3_register_container_inside {
	/* max-width: 1235px; */
	/*margin: 0 auto;*/
	margin-left: 30px;
}

.c3_register_container_top {
	background: #fff;
	min-height: 63px;
	height: auto;
	border-bottom: 3px solid #0055a9;
	overflow: hidden;
}

.c3_login_page_container {
	background-image: url("/res/login_page_background.png");
	width: inherit;
	height: inherit;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.c3_loginMktgOn .c3_login_page_container {
	background-image: none;
}
@media (max-width: 758px) {
	.c3_loginPgC {
		flex-flow: column nowrap;
	}
	.c3_loginPgC>div {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.c3_login_page_effects_container {
    width: inherit;
    height: inherit;
}

.c3_login_container {
    background: rgba(255, 255, 255);
    padding: 20px;
    border-radius: 8px;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 10%), 0px 8px 40px rgb(0 0 0 / 20%);
}

.c3_loginPgC1 {
	background-color: rgb(188 190 192);
	background-color: rgb(223 228 233);
	background-color: rgb(242 245 248);
	background-color: var(--c-purple-0);
}

.c3_pwdEyeC {
	right: 0;
	height: 100%;
	padding: 0 10px;
}

.c3_register_left {
	width: 45%;
	float: left;
	padding: 8px 0 0 0;
}

.c3_register_right {
	width: 50%;
	float: right;
	border: 0 solid #ddd;
}

.c3_register_new_signin_box {
	clear: both;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px;
	border: 0 solid #000;
}

.c3_register_new_signin_box ul {
	padding: 15px 0;
	margin: 0;
	float: right !important
}

.c3_register_new_signin_box ul li {
	float: left;
	list-style: none;
}

.c3_register_new_signin_box ul li.username {
	width: 30%;
}

.c3_register_new_signin_box ul li.password {
	width: 30%;
	padding-left: 6px;
}

.c3_register_new_signin_box ul li.loginbtn {
	width: 15%;
	padding-left: 6px;
	font-size: 12px !important;
}

.c3_register_new_signin_box ul li.forgotpassword {
	width: 20%;
	padding: 6px 0 0 8px;
}

.c3_register_new_signin_box ul li.forgotpassword a {
	text-decoration: none;
	color: #1c72c7;
}

.c3_register_new_signin_box ul li.forgotpassword a:hover {
	color: #000;
}

.c3_register_new_registerform_box {
	clear: both;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #667686;
	padding: 45px 0;
	max-width: 560px;
}

.c3_register_new_registerform_box a {
	text-decoration: none;
	color: #1c72c7;
}

.c3_register_new_registerform_box a:hover {
	color: #000;
}

.c3_register_new_registerform_box>h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 40px;
	color: #0f4999;
	font-weight: 300 !important;
	text-shadow: none;
	margin: 0;
	padding: 0 0 5px 0;
}

.c3_register_new_registerform_box>h2 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px;
	color: #346ab7;
	/* line-height: 23px; */
	text-shadow: none;
	font-weight: 300;
	/* padding: 0 0 15px 0; */
}

.title_text_3 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 29px;
	line-height: 42px;
	color: #354453;
	padding: 75px 0 30px 0;
}

.register_left_content {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif !important;
	color: #354453;
	margin: 8px 0;
	clear: both;
	line-height: 45px;
	padding-top: 10px;
}

.register_left_icon {
	font-size: 45px;
	float: left;
	width: 55px;
}

.color_sky_pastel {
	color: #B6B6B6;
}

.color_green_pastel {
	color: #B6B6B6;
}

.color_orange_pastel {
	color: #B6B6B6;
}

.c3_register_new_registerform_box .form_clear {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.c3_register_new_registerform_box .form_clear .form_clear_left {
	width: 47%;
	float: left;
}

.c3_register_new_registerform_box .form_clear .form_clear_right {
	width: 48%;
	float: left;
}

.c3_register_new_signin_box .dj_ie6 .dijitComboBox .dijitInputContainer,
	.c3_register_new_signin_box .dj_ie6 .dijitComboBox .dijitInputContainer {
	top: -2px;
}

.c3_register_new_signin_box .claro .dijitSelect, .claro .dijitTextBox_new_register_login
	{
	background-color: #ffffff;
	border: 1px solid var(--c-gray-57);
	padding: 2px 5px !important;
	height: 20px;
	border-radius: 0 !important;
	margin: 0 !important;
	width: 94%;
	font-size: 13px;
}

.c3_register_new_signin_box .claro .dijitSelect, .claro .dijitTextBox_new_register
	{
	background-color: #ffffff;
	border: 1px solid var(--c-gray-57);
	padding: 8px 5px !important;
	height: 18px !important;
	border-radius: 0 !important;
	margin: 0 !important;
	width: 94%;
	font-size: 13px;
}

.c3_register_new_signin_box .claro .dijitSelect, .claro .dijitTextBox_new_register_2
	{
	background-color: #ffffff;
	border: 1px solid var(--c-gray-57);
	padding: 8px 5px !important;
	height: 23px;
	border-radius: 0 !important;
	margin: 0 !important;
	width: 96.2% !important;
	font-size: 13px;
}

.c3_register_new_signin_box .input-group-addon.user-name2 {
	font-size: 14px !important;
	width: 18px;
	height: 19px;
}

.z1_logo_dim {
	height: 29px;
	width: 145px;
	padding-top: 12px;
}

.z1_left_pad {
	padding-top: 10%;
}

.c3_login_info_bar {
	clear: both;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.c3_login_info_inner {
	width: 100%;
}

.c3_login_info_box {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

@media ( min-width : 960px) and (max-width: 1280px) {
	.c3_register_container_inside {
		padding: 15px;
		width: 95%;
		/*margin: 0 auto;*/
		clear: both;
		overflow: hidden;
	}
	.c3_register_left {
		width: 55%;
		float: left;
		padding: 8px 0 0 0;
	}
	.register_left_content {
		font-size: 14px;
		font-family: 'Open Sans', sans-serif !important;
		line-height: 22px !important;
		color: #354453;
		margin: 4px 0;
		clear: both;
		text-align: left;
		padding-bottom: 15px;
	}
	.register_left_icon {
		font-size: 25px;
		float: left;
		width: 40px;
	}
	.c3_register_right {
		width: 40%;
		float: right;
		border: 0 solid #ddd;
	}
	.z1_left_pad {
		padding: 100px 0 0 0;
	}
	.header-wrap {
		padding-top: 0px;
		padding-bottom: 0px;
	}
}

@media ( min-width : 320px) and (max-width: 768px) {
	.c3_register_container_inside {
		padding: 15px 0;
	}
	.c3_register_container_top {
		background: #fff;
		min-height: 60px;
		height: auto;
		border-bottom: 3px solid #0055a9;
	}
	.title_text_3 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 22px !important;
		line-height: 32px !important;
		color: #354453;
		padding: 75px 0 30px 0;
	}
	.c3_register_left {
		width: auto;
		float: none;
		padding: 0;
		text-align: center;
	}
	.c3_register_left .logobox {
		padding: 8px 0 0 0;
	}
	.c3_register_right {
		width: auto;
		float: none;
		border: none;
	}
	.register_left_content {
		font-size: 15px;
		font-family: 'Open Sans', sans-serif !important;
		color: #354453;
		margin: 4px 0;
		clear: both;
		line-height: 45px;
		text-align: left;
	}
	.register_left_icon {
		font-size: 25px;
		float: left;
		width: 40px;
	}
	.c3_register_new_signin_box {
		clear: both;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 12px;
		background: #f7f7f7;
		padding: 6px 15px;
		overflow: hidden;
		margin: 10px 0 0 0;
	}
	.c3_register_new_signin_box ul {
		padding: 8px 0;
		margin: 0;
		float: right !important
	}
	.c3_register_new_signin_box ul li {
		float: none;
		list-style: none;
		margin: 0;
		margin-bottom: 5px;
	}
	.c3_register_new_signin_box ul li.username {
		width: auto;
	}
	.c3_register_new_signin_box ul li.password {
		width: auto;
		padding: 0;
	}
	.c3_register_new_signin_box ul li.loginbtn {
		width: auto;
		font-size: 12px !important;
		padding: 0;
	}
	.c3_register_new_signin_box ul li.forgotpassword {
		width: auto;
		padding: 6px 0 0 8px;
	}
	.c3_register_new_signin_box ul li.forgotpassword a {
		text-decoration: none;
		color: #1c72c7;
	}
	.c3_register_new_signin_box ul li.forgotpassword a:hover {
		color: #000;
	}
	.c3_register_new_registerform_box {
		background: #fff;
		padding: 15px;
	}
	.c3_register_new_registerform_box .form_clear .form_clear_left {
		width: auto;
		float: none;
		margin-bottom: 10px;
	}
	.c3_register_new_registerform_box .form_clear .form_clear_right {
		width: auto;
		float: none;
	}
	.c3_register_new_signin_box .claro .dijitSelect, .claro .dijitTextBox_new_register
		{
		width: 94% !important;
	}
	.c3_register_new_signin_box .claro .dijitSelect, .claro .dijitTextBox_new_register_2
		{
		width: 94% !important;
	}
	.title_text_3 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 29px;
		line-height: 42px;
		color: #354453;
		padding: 5px 0 10px 0;
	}
}

.ie_main_div {
	position: absolute;
	top: 50px;
	height: 100%;
	width: 100%;
}

.ie_img {
	position: absolute;
	left: 550px;
}

.ie_msg {
	position: absolute;
	left: 200px;
	top: 80px;
}

.c3_register_right .form-group {
	padding: 5px 0px 0px 0px;
	margin: 0;
}

.c3_login_margin {
	/* margin-top: 2px; */
	
}

.password_policy_txt{
	width: 340px;
	height: 40px;
	left: 48px;
	top: 368px;
}

.password_policy_txt.success{
	text-align: center;
}

.c3_password_inputBox {
	width: 340px;
	height: 36px;
	left: 48px;
	top: 224px;
	background: var(--c-gray-0);
	border: 1px solid var(--c-gray-80);
	box-sizing: border-box;
	border-radius: 4px;
}

/* New forgot password */
.c3_new_forgotpassword_box {
	max-width: 300px;
	margin: 5% auto 0 auto;
	padding: 15px;
	background: #fff;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	-moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.17);
}

.c3_new_forgotpassword_box .logoBox {
	text-align: center;
	margin-bottom: 15px;
}

.c3_new_forgotpassword_box>h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 18px;
	color: #368dde;
	font-weight: 100 !important;
	text-shadow: none;
	margin: 0;
	padding: 5px 0 12px 0;
}

.reset_password_box {
	overflow: hidden;
}

.c3_new_forgotpassword_box .input-group {
	margin-bottom: 10px;
}

.kb_top {
	top: 60px !important;
}

.kb_actions_top {
	top: 24%;
}

.c3_goal_item_container_kb {
	width: 277px;
	height: 120px;
	float: left;
	margin: 1% 1.5% 4% 2.5%;
	position: relative;
	top: 0;
}

.c3_goal_item_container_kb>.c3_goal_item_actions {
	margin-top: 50px;
}

div.c3_css_device_item_cont {
	width: 200px;
}

.c3_css_device_item_cont div.c3_goal_item_actions_ccss {
	margin-top: initial;
}

.kb_prop {
	height: 120px;
	width: 275px;
	background: #ffffff;
	margin: 0;
}

.clearfix {
	clear: both;
	overflow: hidden;
}

.c3_kb_edit_rightsec {
	float: left;
	width: 40%;
	margin-left: 25px;
	border: 0 solid #ff0000;
}

.c3_kb_edit_rightsec>h1 {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 22px;
	color: #3279ab;
	padding: 5px 0 10px 6px;
	margin: 0;
	text-shadow: none;
	font-weight: 300;
}

.c3_kb_edit_leftsec {
	float: left;
	width: 44%;
	margin-right: 20px;
	border-right: 4px solid #eff5fd;
	padding-right: 30px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 15px;
	line-height: 22px;
	color: #666666;
	padding-bottom: 25px;
}

@media ( min-width : 768px) and (max-width: 1024px) {
	.c3_kb_edit_rightsec {
		float: right;
		width: 42%;
		margin-left: 5px;
		border: 0 solid #ff0000;
	}
	.c3_kb_edit_rightsec>h1 {
		font-family: 'Open Sans', sans-serif !important;
		font-size: 22px;
		color: #3279ab;
		padding: 5px 0 10px 6px;
		margin: 0;
		text-shadow: none;
		font-weight: 300;
	}
	.c3_kb_edit_leftsec {
		float: left;
		width: 44%;
		margin-right: 10px;
		border-right: 4px solid #eff5fd;
		padding-right: 10px;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 15px;
		line-height: 22px;
		color: #666666;
		padding-bottom: 25px;
	}
}

.c3_msglibrary_table {
	padding: 2px;
	margin: 0;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px;
}

.c3_msglibrary_table_head {
	text-align: center;
	background-color: #f7f7f7;
	border: 0 solid #C7C7C7;
	color: #69839c;
	font-size: 13px;
}

.c3_msglibrary_table th {
	font-weight: normal;
}

.c3_msglibrary_table .col_companyname {
	width: 120px;
	padding: 2px 4px;
	text-transform: uppercase;
	text-align: left;
}

.c3_msglibrary_table .col_title::first-letter {
	text-transform: capitalize;
}

.c3_msglibrary_table .col_type {
	width: 32px;
	padding: 2px 4px;
}

.c3_msglibrary_table .c3_content_tbl_col_lang {
	max-width: 50px;
	padding: 2px 4px;
}

.c3_msglibrary_table .c3_content_tbl_col_device {
	width: 62px;
	padding: 2px 2px;
}

.c3_msglibrary_table .c3_content_tbl_col_stats {
	width: 32px;
	padding: 2px 4px;
}

.c3_msglibrary_table .col_move {
	width: 8px;
	padding: 2px 4px;
}

.c3_msglibrary_table .col_type_icon {
	font-size: 17px !important;
	padding-left: 5px;
}

.c3_msglibrary_table .col_title {
	min-width: 120px;
	padding: 2px 4px;
	font-size: 12px !important;
	text-align: left;
	word-break: break-all;
	word-wrap: normal;
}

.c3_msglibrary_table div.col_title_text {
	font-size: 14px;
	color: #4486C7;
	line-height: 24px;
	text-align: left;
	flex: 1;
}

.col_title_text_out {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: baseline;
	align-items: baseline;
}

.c3_msglibrary_table .col_rating {
	width: 100px;
	padding: 2px 4px;
}

.c3_msglibrary_table .col_createdon {
	width: 80px;
	padding: 2px 4px;
}

.c3_msglibrary_table .col_action {
	width: 60px;
	padding: 2px 4px;
}

.c3_msglibrary_table .col_status {
	width: 100px;
	padding: 2px 4px;
}

.c3_msglibrary_table .col_config {
	width: 32px;
	min-width: 24px;
	padding: 2px 4px;
	position: relative;
}

.c3_content_config_cell_cont {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.c3_tr_border .col_config {
	
}

.col_title_text_out {
	
}

.col_title_text_out>div {
	float: left;
}

.c3_article_tbl_title_company {
	color: #999;
	/*font-size: 11px;*/
}

.c3_content_tbl_col_lang_cont {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
}

.c3_content_tbl_col_lang_item {
	width: 20px;
	height: 16px;
	border: 1px solid #ccdcec;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	color: #7d8b99;
	margin-right: 3px;
	margin-bottom: 3px;
	border-radius: 3px;
}

.c3_content_tbl_col_lang_unpublished {
	background-color: #fff;
	color: #929da9;
}

.c3_content_tbl_col_lang_published {
	background-color: #e7f6cc;
	color: #65a935;
}

.c3_content_tbl_col_device_cont {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	font-size: 16px;
}

.c3_content_tbl_col_device_item {
	width: 16px;
	margin: 2px;
	color: #EDEDED;
}

.c3_content_tbl_col_device_supported {
	/*color: greenyellow;*/
	
}

.c3_content_tbl_col_device_unsupported {
	color: #EDEDED;
}

.c3_content_tbl_col_device_android.c3_content_tbl_col_device_supported {
	color: #9ad343;
}

.c3_content_tbl_col_device_ios.c3_content_tbl_col_device_supported {
	color: #3d4038;
}

.c3_content_tbl_col_device_html5.c3_content_tbl_col_device_supported {
	color: #F14A29;
}

.c3_content_tbl_col_device_cont .c3_content_tbl_col_device_android {
	
}

.c3_content_tbl_col_device_cont .c3_content_tbl_col_device_ios {
	
}

.c3_msglibrary_title2_box {
	clear: both;
	overflow: hidden;
	padding: 5px 5px 5px 0px;
	margin: 0 0 4px 0;
}

.c3_msglibrary_title2_box .title1 {
	font-family: 'Open Sans', sans-serif;
	padding-left: 0px !important;
	font-size: 15px;
	color: #294e99;
	text-shadow: none !important;
	float: left;
}

.c3_msglibrary_title2_box .title2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	color: #294e99;
	text-shadow: none !important;
	float: left;
}

.c3_msglibrary_title2_box .searchfromdata {
	float: right;
	text-align: right;
	font-size: 12px !important;
	color: #a0a0a0;
	/*padding-right: 15px;*/
}

.c3_reg_padding1 {
	top: 60px;
	position: relative;
	left: 20px;
}

.c3_reg_padding2 {
	top: 70px;
	position: relative;
	left: 20px;
}

.c3_msglibrary_showmsgbox {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	font-size: 13px;
	color: #6f8294;
	width: 100%;
	height: 100%;
}

.c3_msglibrary_2cols {
	height: 80%;
	height: -webkit-calc(100% - 80px);
	height: calc(100% - 80px);
	width: 100%;
	clear: both;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.c3_msglibrary_c {
	position: relative;
	margin: 6px;

	flex: 1;
	-webkit-align-self: stretch;
	align-self: stretch;
}

.c3_msglibrary_c1 {
	min-height: 170px;
}

.c3_msglibrary_c2 {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c3_msglibrary_info_top {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: thin solid #EFEFEF;
	box-shadow: 2px 2px 10px #DDD;
}

.c3_msglibrary_info_top_c ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.c3_msglibrary_info_top_c ul>li {
	float: left;
	list-style: none;
	display: inline;
	margin-right: 5px;
}

.c3_msg_new_box_title {
	padding: 0 0 5px 0;
	border-bottom: 2px solid #f1f1f1 !important;
}

.c3_msglibrary_info_top_c {
	border: 0px solid #000;
	padding: 8px;
	font-size: 95%;
	line-height: 175%;
}

.c3_msglibrary_info_top_c ul .text_label {
	color: #6196ca
}

.c3_msg_new_box>ul li.text_middle_sec label .span_tag {
	background-color: #f1f1f1;
	padding: 2px 5px;
	text-transform: capitalize;
	margin: 2px 2px 2px 0;
}

.c3_msglibrary_pview {
	width: 100%;
	height: 100%;
	position: relative;
	/*float: right;*/
	width: auto;
	/* CENTER postion - un-comment below lines */
	/*display: flex; */
	/* flex-direction: row; */
	/* flex-wrap: wrap; */
	/* justify-content: center; */
	/* align-items: center; */
}

.c3_msglibrary_pview_r {
	clear: both;
}

.c3_msglibrary_pview_1 {
	height: 20px;
	padding: 4px;
	opacity: 0;
}

.c3_msglibrary_pview_2 {
	height: auto;
	width: auto;
	overflow: auto;
	position: relative;
	overflow: auto;
	margin: 16px;
	box-shadow: 0 0 15px 15px lightgray;
	/*border: 22px solid black;*/
	border-radius: 12px;
}

.c3_msglibrary_pview_3 {
	height: 20px;
}

.c3_msglibrary_pview:hover .c3_msglibrary_pview_1 {
	opacity: 1;
}

.c3_msglibrary_pview_hov {
	opacity: 0;
	background-color: rgba(47, 79, 79, 0.4);
	color: white;
	position: absolute;
	top: 0;
	bottom: 0;
	/*height: 100px;*/
	right: 0;
	left: 0;
	z-index: 10;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

.c3_msglibrary_pview_2:hover .c3_msglibrary_pview_hov {
	opacity: 1;
}

.c3_msglibrary_pview_btns {
	/*background-color: brown;*/
	
}

.c3_msglibrary_pview_btn {
	float: left;
	padding: 8px;
	border: 1px solid;
	border-color: black;
	margin-right: 8px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.5);
}

.c3_msglibrary_pview_btn:before {
	margin-right: 6px;
}

.c3_msglibrary_pview_btn:hover {
	zoom: 1.15;
	background-color: black;
}

.c3_msglibrary_pview_obj {
	position: absolute;
	/*overflow: auto;*/
	overflow: hidden;
	background-color: white;
	width: 100%;
	height: 100%;
}
.c3_msg_content_wdPush .c3_msglibrary_pview_obj{
	position: relative;
}

.c3_msglibrary_pview_content {
	overflow: auto;
	height: 100%;
	width: 100%;
}

.c3_msglibrary_tx {
	position: relative;
	background: #fff;
	border: 2px solid #f1f1f1;
	/*z-index: 1;*/
	margin-top: -5px;
	padding: 8px;
	min-height: 180px;

	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;

	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.c3_msglibrary_tx_2 {
	width: 100%;
	height: auto;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	position: relative;

	flex: 1;
	display: -webkit-flex;
	display: flex;
	-wekit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

div.c3_msglibrary_tx_richedit {
	width: 100%;
	height: 100%;
}

.c3_msglibrary_tx_2 .dijitEditorIFrameContainer {
	height: 100%;
	height: calc(100% - 34px);
}

.c3_msglibrary_tx_2 .dijitEditorIFrameContainer>iframe {
	height: 100%;
}

.c3_msglibrary_tx_btns {
	float: right;
	margin-top: 6px;
	margin-bottom: 6px;
}

/* fixed size device box */
.c3_msglibrary_pview_static {
	width: 80%;
	max-width: 300px;
	height: 100%;
	max-height: 600px;
	margin-top: 2px;
	/*background-image: url("/res/iphone.png");*/
}

.c3_msglibrary_pview_static .c3_msglibrary_pview_obj {
	/*top: 140px;
	left: 34px;
	right: 34px;
	bottom: 140px;*/
	
}
/* iphone4 */
.c3_msglibrary_pview_d_iphone4 {
	width: 380px;
	height: 743px;
	/*background-image: url("/res/iphone.png");*/
}

.c3_msglibrary_pview_d_iphone4 .c3_msglibrary_pview_obj {
	/*top: 140px;
	left: 34px;
	right: 34px;
	bottom: 140px;*/
	
}

.c3_msglibrary_showmsgbox .c3_msglibrary_v_btns {
	position: absolute;
	right: 65px;
	bottom: 10px;
}

.c3_viewMsg_content {
	margin-top: 20px;
	border: solid 1px #DCDCDC;
	min-height: 156px;
	padding: 6px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #555;
}

.c3_msglibrary_showmsgbox table {
	width: 50%;
	border: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.c3_msglibrary_showmsgbox table tr {
	border-bottom: 1px solid #e1e9f1 !important;
	background: #fafbfb;
}

.c3_msglibrary_showmsgbox table tr:hover {
	background: #f7f7f7;
}

.c3_msglibrary_showmsgbox table tr td {
	border-bottom: 1px solid #e9eff4 !important;
	margin: 0;
	padding: 5px 8px;
}

.c3_msglibrary_showmsgbox .table_msg_value {
	color: #101624;
	font-style: none;
	font-weight: 400;
}

.c3_editmsglibry_icon {
	left: 45%;
}

.c3_editmsglibry_icon_tag {
	background: url('res/triangle3.png') top right no-repeat;
	top: 0;
	right: -3px;
}

.c3_kb_badge_pos {
	top: 0;
	right: -3px;
}

.c3_kb_badge_coming {
	background: url('res/coming-soon2.png') top right no-repeat;
}

.c3_editmsglibry_radiobtn_box {
	padding: 8px 0;
	margin: 0;
}

.btn-warning {
	color: #fff;
	background-color: #f0ad4e;
}

.btn-warning:hover {
	background-color: #cb5b00;
}

.c3_kb_view_div {
	border: solid 1px #DCDCDC;
	width: 90%;
	height: 250px;
	margin-top: 10px;
}

.index-main-wrap {
	height: 100% !important;
}

.home-icon {
	color: #a8bbcd;
}

.add-msg-button-pos {
	bottom: 61px;
}

.add-msg-button-pos1 {
	bottom: 0px;
}

.tag-ico {
	position: relative !important;
	margin-top: 25% !important;
	padding-left: 2px !important;
}

.config-logo {
	min-height: 204px;
}

@media ( min-width : 769px) and (max-width: 1090px) {
	.forgot-pass-link {
		width: auto !important;
		clear: both;
	}
}

@media ( min-width : 1281px) and (max-width: 1600px) {
	.index-body-wrap {
		overflow: hidden;
	}
}

.c3_viewMsg_content {
	margin-top: 20px;
	border: solid 1px #DCDCDC;
	min-height: 200px;
}

.c3_viewMsg_val {
	padding-left: 30px;
	font-style: italic;
}

.c3_fbchannel_like {
	display: block;
	font-size: 11px;
	color: #66667b;
	padding-top: 4px;
}

.c3_managesettings_fbicon {
	font-size: 14px !important;
	color: #97b1be;
	padding-right: 6px
}

.c3_sign_btn {
	margin-top: -2px;
	height: 22px;
}

.c3_goal_summary_widget_hover_noshadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 0.5;
	background-color: #ddd !important;
}

.c3_initCaps {
	text-transform: capitalize;
}

.c3_goal_timer_ht {
	height: 325px !important;
}

.dialogBtnOK {
	background: #67b661;
	border: solid 1px #67b661;
	background-color: var(--btn-primary-c);
	border: 1px solid var(--btn-primary-c);
	margin: 0 10px 0 0;
	font-weight: 300;
	transition: all 0.15s ease 0s;
	color: #fff;
	font-size: 14px;
	padding: 6px 12px;
	border-radius: 0px;
	cursor: pointer;
}

.dialogBtnOK:hover {
	background: #0154a6;
	border: solid 1px #0154a6;
}

.c3_timer_date_ht {
	margin-top: 10px;
	margin-bottom: 5px;
}

.c3_label_ht {
	margin-bottom: 2px;
}

.c3_timer_width {
	width: 50%;
}

.c3_timer_display_padding {
	padding-right: 5px;
}

.c3_popup_fieldset {
	padding: 4px 12px 12px 12px;
	margin: 2px 0 6px 0;
	border: 2px solid #e1e1e1;
	border-collapse: collapse;
	color: #666666;
}

.c3_popup_fieldset>legend {
	font-size: 15px;
	color: #0d4686 !important;
	padding: 2px 0;
	margin: 0;
}

.c3_popup_clear_date {
	clear: both;
	font-size: 13px !important;
}

.c3_popup_clear_date .start_date {
	float: left;
	width: 45%;
}

.c3_popup_clear_date .end_date {
	float: right;
	width: 45%;
}

.c3_popup_date_btnok {
	font-weight: 600;
	color: #fff !important;
}

.c3_whitebox_channelsettings2 .title_msglibrary {
	font-size: 15px !important;
	font-weight: 300 !important;;
	color: #0055a9;
	padding: 4px 2px;
	margin: 0 !important;
	cursor: pointer;
}

.c3_whitebox_channelsettings2 .title_msglibrary:hover {
	background: var(--c-gray-57);
	color: #fff;
}

.c3_msg_new_box {
	padding: 5px 0;
	margin: 2px 0;
}

.c3_msg_new_box>h4 {
	background: #efefef;
	font-size: 16px;
	text-shadow: none !important;
	height: 3px;
	color: #686868;
	position: relative;
}

.c3_msg_new_box>h4 span {
	background: #fff;
	position: absolute;
	top: -14px;
	padding: 3px 16px 3px 0;
}

.c3_msg_new_box>ul {
	clear: both;
	display: block;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.c3_msg_new_box>ul li {
	float: left;
	list-style: none;
	display: inline;
}

.c3_msg_new_box>ul li.text_label {
	width: 29%;
	width: 100px;
}

.c3_msg_new_box>ul li.text_middle_sec {
	width: 58%;
	width: -webkit-calc(100% - 135px);
	width: -moz-calc(100% - 135px);
	width: calc(100% - 135px);
}

.c3_msg_new_box>ul li.text_action_sec {
	width: 12%;
	width: 24px;
	font-size: 14px !important;
	text-align: right;
}

.c3_msg_new_box>ul li.text_action_sec a {
	margin: 3px;
	text-decoration: none;
	color: #aeaeae !important;
}

.c3_msg_new_box>ul li.text_action_sec a:hover {
	color: #000 !important;
}

.c3_msg_new_box_2col {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
}

.c3_msg_new_box_col {

	flex: 1;
}

.c3_msg_new_box_col1 {
	border-right: 1px solid #ebebeb;
}

.c3_msg_new_box_col2 {
	padding-left: 10px;
}

.c3_msg_os_btn {
	cursor: pointer;
	color: lightgray;
}

.c3_msg_os_btn:hover {
	color: darkseagreen;
}

.c3_msg_badge {
	display: none;
	position: absolute;
	top: -1px;
	color: lightseagreen;
	right: -1px;
	font-size: 90%;
}

.c3_msg_os_btn_sel .c3_msg_badge {
	display: block;
}

.editBtn_mobile {
	font-size: 140% !important;
	font-style: normal;
	cursor: pointer;
	color: #666666;
	background: #cacacc;
	padding: 9px 14px;
	border: solid 2px #fff;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
	border-radius: 19px;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
}

.editBtn_mobile:hover {
	font-size: 210% !important;
	padding: 9px 17px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.editBtn_mobile a {
	color: #666666;
	text-decoration: none;
}

.c3_msglibrary_table_scrollbox {
	min-height: 300px;
	overflow: hidden;
	overflow-x: hidden;
}

.c3_datepopup_inputdiv {
	overflow: hidden;
	padding-left: 3px;
	min-width: 120px;
}

.c3_datepopup_inputbox {
	margin-top: 5px;
}

/* custom css */
.c3_edit_custom_css_body {
	position: absolute;
	top: 60px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	/* width: 90%; */
}

.c3_edit_custom_css_body_simple {
	width: 90%;
}

.c3_edit_custom_css_body_advanced {
	
}

.c3_edit_custom_css_col {
	height: 100%;
	float: left;
}

.c3_edit_custom_css_col_1 {
	width: 50%;
}

.c3_edit_custom_css_col_2 {
	width: 50%;
}

div.c3_css_device_item_outerDiv {
	position: relative;
	height: 140px;
	width: 200px;
}

.c3_css_device_item_outerDiv .c3_user_clearBox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	height: 100%;
}

.c3_css_device_item_img {
	/* shift img before other content */
	order: -1;
	/*align-self: center;*/
}

.c3_css_device_item_ttl {
	text-align: center;
}

.c3_css_editor_panel_cont, .c3_css_advanced_panel_cont {
	padding: 10px;
	/*border: 1px solid #e5e5e5;*/
	margin-right: 10px;
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
}

.c3_css_editor_panel_top {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding: 6px;
}

.c3_css_editor_panel_s {
	background-color: #f7f7f7;
	padding: 10px;
	margin-bottom: 10px;
	overflow-y: auto;
	max-height: -webkit-calc(100% - 100px);
	max-height: calc(100% - 100px);
}

.c3_css_advanced_panel_s {
	background-color: #f7f7f7;
	padding: 10px;
	margin-bottom: 10px;
}

.c3_edit_custom_css_advanced_inner {
	width: 100%;
	height: 100%;
}

.c3_preview_device_css_cont {
	position: relative;
	overflow: auto;
	margin: 16px;
	margin: 16px 16px 16px 30px;
	box-shadow: 0 0 10px 10px rgba(211, 211, 211, 0.5);
	border-radius: 12px;
	width: 80%;
	max-width: 300px;
	height: 100%;
	height: -webkit-calc(100% - 100px);
	height: calc(100% - 100px);
	max-height: 600px;
	/*padding: 10px;*/
	overflow: hidden;
	min-width: 250px;
	min-height: 350px;
	background-color: #ffffff;
}

.c3_edit_css .c3_preview_device_css_cont {
	box-shadow: none;
	border: 2px solid #666;
	min-width: 212px;
	max-width: 214px;
	margin: initial;
	margin-top: 60px;
	height: initial;
	min-height: 300px;
	max-height: 300px;
}

.c3_edit_css .c3_edit_css_preview_cont_device {
	margin: 16px;
	padding: 16px;
}

.c3_edit_css .c3_preview_ui1_device {
	box-shadow: none;
	border: 0 solid #666;
	background: url('/res/ui1_iphonescreen.png') no-repeat center top;
	min-height: 460px;
	position: relative;
}

.c3_preview_device_css_cont .c3_preview_device_css_obj {
	position: relative;
}

.c3_preview_device_css_obj_inner {
	/*position: relative;*/
}

.c3_preview_device_css_obj_s_fullscreen_main {}
.c3_preview_device_css_obj_s_fullscreen_main .c3_preview_device_css_obj_inner {
	position: relative;
}
.c3_preview_device_css_obj_s_banner_main {}
.c3_preview_device_css_obj_s_banner_main .c3_preview_device_css_obj_inner {}
.c3_preview_device_css_obj_s_alrt_main {}
.c3_preview_device_css_obj_s_alrt_main .c3_preview_device_css_obj_inner {
	position: relative;
}
.c3_preview_device_css_obj_s_article_list {}
.c3_preview_device_css_obj_s_article_list .c3_preview_device_css_obj_inner {}
.c3_preview_device_css_obj_s_article_detail {}
.c3_preview_device_css_obj_s_article_detail .c3_preview_device_css_obj_inner {}
.c3_preview_device_css_obj_s_appbox_list {}
.c3_preview_device_css_obj_s_appbox_list .c3_preview_device_css_obj_inner {}
.c3_preview_device_css_obj_s_appbox_conversation {}
.c3_preview_device_css_obj_s_appbox_conversation .c3_preview_device_css_obj_inner {}

.c3_preview_device_css_nopreview_outer {
	position: absolute;
	top: 0px;
	bottom: 0px;
}

.c3_css_editor_panel_btn {
	cursor: pointer;
}

.c3_css_editor_panel_btn:hover {
	color: royalblue;
	text-decoration: underline;
}

.c3_css_advanced_el_textarea {
	clear: both;
	width: 100%;
	height: 300px;
}

.c3_context_p_ctrl_new {
	clear: both;
	margin-right: -10px;
}

/******/
.c3_msglibrary_pview_2 {
	height: auto;
	width: auto;
	overflow: auto;
	position: relative;
	overflow: hidden;
	/* margin: 16px;*/
}
/* iphone5 */
.c3_msglibrary_pview_d_iphone4_1 {
	width: 300px;
	height: 590px;
	background-image: url("/res/iphone.png");
	overflow: auto;
	position: relative;
	overflow: auto;
}

.c3_msglibrary_pview_d_iphone4_1 .c3_msglibrary_pview_obj {
	top: 89px;
	left: 32px;
	right: 36px;
	height: 409px;
	overflow: hidden;
	left: 32px;
	right: 36px;
	height: 409px;
}

.preview_bg {
	position: absolute;
	top: 180px;
	left: 40px;
	width: 220px;
	height: 200px;
	background: #ffffff;
}

.preview_msg_header {
	position: absolute;
	background-color: #F7F7F7;
	height: 40px;
	width: 100%;
	top: 0;
	left: 0;
}

.preview_msg_header_text {
	font-size: small;
	color: cadetblue;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 80%;
}

.preview_msg_btn_close {
	position: absolute;
	right: 10px;
	top: 10px;
	color: cadetblue;
	background: #ffffff;
}

.preview_msg_body {
	position: absolute;
	width: 200px;
	padding-left: 12px;
	top: 45px;
	font-size: smaller;
	overflow: auto;
	bottom: 45px;
}

.preview_msg_footer {
	position: absolute;
	bottom: 0px;
	height: 40px;
	background: #F7F7F7;
	width: 100%;
	color: cornflowerblue;
}

.preview_msg_btnok {
	height: 40px;
	padding-left: 45%;
	padding-top: 12px;
}

.preview_margin {
	margin-left: 25%;
}

.msg_left {
	/*float: left;*/
	/*width: 80%;*/
	
}

.msg_btn_right {
	float: right;
}

.btn_c3_preview {
	border: 1px solid var(--c-gray-60); /* float:right; */
	padding: 9px 15px; /* width:120px; */
	text-align: center;
	background: #f4f4f4;
	margin-top: 60px;
	cursor: pointer;
	position: absolute;
	right: 14px;
}

.btn_c3_preview:hover {
	background: #e4f2ce;
}

.mob_prev_lbl {
	margin-top: 5px;
	margin-bottom: 5px;
}

.c3_msg_outer_div {
	width: 100%;
	height: 85%;
}

.c3_msglibrary_showmsgbox .c3_msg_outer_div {
	height: 80%;
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
	/*-webkit-flex: 1;*/
	/*flex: 1;*/
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

/* custom CSS - device */
.c3_preview_device_css_cont .c3_preview_device_css_obj {
	margin: 0;
	font-size: 13px;
	line-height: 1.231;
	background: #ebebeb;
	zoom: .8;
}

.c3_preview_device_css_cont, .c3_preview_device_css_cont button,
	.c3_preview_device_css_cont input, .c3_preview_device_css_cont select,
	.c3_preview_device_css_cont textarea {
	font-family: 'Open Sans', sans-serif;
	color: #222;
}

.c3_preview_device_css_cont img, .c3_preview_device_css_cont object,
	.c3_preview_device_css_cont embed, .c3_preview_device_css_cont video {
	max-width: 100%;
}

.c3_preview_device_css_cont .ie6 img {
	width: 100%;
}

.c3_preview_device_css_cont .z1_kb_bodyContainer {
	background: #fff;
}

.c3_preview_device_css_cont .z1_kb_total_articles {
	background: #ebebeb;
	padding: 8px 3%;
	font-size: 14px;
	color: #4e4e4e;
	font-weight: 600;
	clear: both;
	overflow: hidden;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 60px;
}

.c3_preview_device_css_cont .z1_kb_total_articles>h1 {
	color: #717070;
	font-size: 17px;
	font-weight: 400;
}

.c3_preview_device_css_cont .z1_kb_total_articles>h1.z1_kb_title {
	color: #717070; /*font-size:22px;*/
	font-weight: 400;
	padding: 0 0 5px 8px;
	margin: 0;
	width: 90%;
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_btn_close {
	position: absolute;
	right: 65px;
	top: 10px;
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_btn_close a {
	font-weight: 700;
	color: #a1acbc;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 5px; /*background:#fff;*/
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_btn_close:hover
	{
	color: #222; /*background:#f7f7f7;*/
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_date {
	color: #acacac;
	font-size: 14px;
	padding-bottom: 2px;
	text-transform: uppercase;
	font-weight: 400;
	float: left;
}

.c3_preview_device_css_cont .z1_kb_total_articles .star_rating {
	color: #7a91af;
	font-size: 14px;
	padding-bottom: 4px;
	float: right;
	position: absolute;
	right: 98px;
}

.c3_preview_device_css_cont .clearbox {
	clear: both;
	overflow: hidden;
}

.c3_preview_device_css_cont .z1_kb_artcile_details {
	padding: 15px 6% 10px 3%;
	font-size: 14px;
	line-height: 22px;
	color: #939393;
	position: absolute;
	top: 0px;
	bottom: 40px;
	width: 90%;
	height: 80%;
}

.c3_preview_device_css_cont .z1_kb_artcile_details>h2 {
	color: #404040;
	padding: 0 0 8px 0;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}

.c3_preview_device_css_cont .z1_kb_article_wrapper {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 65px;
	width: 100%;
	bottom: 10px;
	background: #FFFFFF;
}

.c3_preview_device_css_cont .z1_kb_article_details_bottom {
	padding: 5px 2% 10px 2%;
	border-top: 1px solid #e4e4e4;
	color: #777b7f;
	clear: both;
	overflow: hidden;
	position: absolute;
	bottom: 2px;
}

.c3_preview_device_css_cont .z1_kb_article_details_bottom>h3 {
	color: #68a4e2;
	padding: 8px 0;
	margin: 0;
	font-size: 16px;
	font-weight: 400;
	clear: both;
}

.c3_preview_device_css_cont .z1_kb_article_details_bottom label {
	margin-right: 50px;
	float: left;
	font-size: 14px !important;
}

.c3_preview_device_css_cont .helpbox {
	background: var(--c-gray-45);
	color: #364457;
	font-size: 15px;
	padding: 8px;
	margin: 8px 0;
	clear: both;
	overflow: hidden;
}

.c3_preview_device_css_cont .helpbox>h4 {
	float: left;
	color: #364457;
	font-size: 15px;
	width: 65%;
	padding: 0;
	margin: 0;
	font-weight: 400;
}

.c3_preview_device_css_cont .helpbox .icon_chat {
	float: right;
	width: 50px;
	color: #5d6671;
	font-size: 23px;
}

.c3_preview_device_css_cont span.stars, .c3_preview_device_css_cont span.stars span
	{
	display: block;
	background: url(/res/star_rating.png) 0 -17px repeat-x;
	width: 84px;
	height: 17px;
}

.c3_preview_device_css_cont span.stars span {
	background-position: 0 0;
}

/* list */
.c3_preview_device_css_cont .z1_kb_total_articles {
	background: #ebebeb;
	padding: 9px 0;
	font-size: 14px;
	color: #4e4e4e;
	font-weight: 600;
	clear: both;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 18px;
	/*zoom: .8;*/
}

.c3_preview_device_css_cont .z1_kb_total_num {
	padding-left: 6px;
}

/* .z1_kb_total_articles>h1 {
	color: #717070;
	font-size: 17px;
	font-weight: 400;
	clear: both;
}
 */
.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_btn_close {
	position: absolute;
	right: 10px;
	top: 10px;
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_btn_close a {
	font-weight: 700;
	color: #a1acbc;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 5px;
	/*background: #fff;*/
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_btn_close:hover
	{
	color: #222;
	/*background: #f7f7f7;*/
}

.c3_preview_device_css_cont .z1_kb_total_articles .z1_kb_date {
	color: #acacac;
	font-size: 15px;
	padding-bottom: 4px;
	text-transform: uppercase;
	font-weight: 400;
	float: left;
}

/* .z1_kb_total_articles .star_rating {
	color: #7a91af;
	font-size: 14px;
	padding-bottom: 4px;
	float: right;
}
*/

/* .clearbox {
	clear: both;
	overflow: hidden;
}
 */
.c3_preview_device_css_cont .z1_kb_article_list {
	padding: 5px 2%;
	/*border-bottom: 2px solid #ebebeb;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ebebeb;
	background: #fff;
	position: relative;
}

.c3_preview_device_css_cont .z1_kb_article_list .z1_kb_icon_arrow {
	position: absolute;
	top: 33%;
	right: 10px;
	cursor: pointer;
	height: 10px;
	width: 10px;
}

.c3_preview_device_css_cont .z1_kb_article_list:hover {
	background: #f7f7f7;
}

.c3_preview_device_css_cont .z1_kb_article_list>h1 {
	padding: 3px 0 6px 0;
	margin: 0;
	color: #777777;
	font-size: 14px;
	font-weight: 600;
	width: 92%;
	border: 0 solid #000;
}

.c3_preview_device_css_cont .z1_kb_date {
	color: #acacac;
	font-size: 12px;
	padding-bottom: 4px;
	text-transform: uppercase;
}

/* .star_rating {
	color: #7a91af;
	font-size: 14px;
	padding-bottom: 4px;
} */

/* .star_rating_deselect {
	color: #d3dae4;
} */
.c3_preview_device_css_cont .z1_kb_article_wrapper {
	padding: 0;
	margin: 0;
	overflow: auto;
	position: absolute;
	top: 35px;
	width: 100%;
	bottom: 2px;
	background: #ffffff;
	overflow: hidden;
	right: 0px;
}

.c3_preview_device_css_cont span.stars, span.stars span {
	display: block;
	background: url(/res/star_rating.png) 0 -17px repeat-x;
	width: 84px;
	height: 17px;
}

.c3_preview_device_css_cont span.stars span {
	background-position: 0 0;
}
/* end list */
/* message */
.c3_preview_device_css_cont .z1_clickable {
	cursor: pointer;
}

.c3_preview_device_css_cont .c3_preview_device_css_obj_s_message {
	height: 100%;
	height: -webkit-calc(100% - 40px);
	height: calc(100% - 40px);
}

.c3_preview_device_css_cont .z1_msg_header {
	position: absolute;
	background-color: #E2E2E2;
	height: 41px;
	width: 100%;
	top: 0;
	left: 0;
}

.c3_preview_device_css_cont .z1_msg_header_text {
	font-size: large;
	color: #157dfb;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 80%;
}

.c3_preview_device_css_cont .z1_msg_btn_close {
	position: absolute;
	right: 10px;
	top: 10px;
	color: cadetblue;
}

.c3_preview_device_css_cont .z1_msg_body {
	width: 100%;
	padding-top: 42px;
	background-color: #E2E2E2;
	color:black;
	height: 100%;
}

.c3_preview_device_css_cont .z1_msg_footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 40px;
	background: #F7F7F7;
	width: 100%;
	color: cornflowerblue;
}

.c3_preview_device_css_cont .z1_msg_btnok {
	height: 40px;
	padding-left: 45%;
	padding-top: 12px;
}
/* end message */

/* end - custom CSS - device */
.c3_css_editor_panel_r {
	clear: both;
	margin-bottom: 2px;
	padding: 2px;
}

.c3_css_editor_panel_r label {
	float: left;
	width: 45%;
	max-width: 240px;
}

.c3_css_editor_panel_btns {
	text-align: right;
}

.c3_css_editor_panel_r_head {
	border-bottom: 1px solid lightgray;
	padding: 2px;
}

.c3_css_editor_panel_s_head {
	padding: 6px 6px 6px 0;
	font-size: 110%;
	font-weight: bold;
	color: #033e78;
}

.c3_css_editor_panel_inputbox {
	padding: 4px;
	align-self: stretch;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	text-transform: capitalize;
}

.c3_icon_preview2 {
	font-size: 22px;
}

.c3_msg_new_box>ul li.text_message_title {
	width: 87%;
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	font-size: 16px !important;
	color: #4699ED !important;
	font-weight: bold;
}

.c3_css_device_item_img {
	/*position: absolute;*/
	/*left: calc(50% - 40px);*/
	/*top: 10px;*/
	/*height: 100px;*/
	/*width: auto;*/
	
}

.c3_progress_bar_cont {
	
}

.c3_progress_bar_custom_css  {
	/*float: right;*/
	position: absolute;
	right: 0px;
}

.c3_progress_bar_cont progress {
	/*background-color: #f3f3f3;*/
	/*border: 0;*/
	height: 10px;
	/*border-radius: 9px;*/
}

.c3_edit_css_device_title {
	color: #999;
}
.c3_edit_css_device_title_txt {
}
.c3_edit_css_device_title_i {
	background-color: ghostwhite;
	border: 1px solid #ebebeb;
	padding: 2px;
	border-radius: 3px;
}
.c3_edit_css_device_title_i
	.fa-android{
}
.c3_edit_css_device_title_i.fa-html5 {
}
.c3_edit_css_device_title_i.fa-apple {
}

.c3_msg_prev_btn {
	padding-right: 5px;
	font-size: medium;
}

/* grid for metrics charts 
.ts_grid .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.ts_grid path {
      stroke-width: 0;
}
*/
.c3_move_handle {
	cursor: move;
	font-size: 16px;
	color: rgba(192, 192, 192, 0.6);
}

.c3_tr {
	margin-top: 10px;
}

.c3_csb_outer_container .c3_whitebox_channelsettings2 {
	height: 92%;
	margin: 0;
	width: 97%;
}

.c3_csb_outer_container .c3_articles_add_content_cont .c3_whitebox_channelsettings2
	{
	height: calc(100% - 40px);
	width: calc(100% - 40px);
}

.c3_articles_add_content_cont .c3_whitebox_channelsettings2 {
	width: 80%;
	width: -webkit-calc(100% - 75px);
	width: calc(100% - 75px);
	height: 80%;
	height: -webkit-calc(100% - 100px);
	height: calc(100% - 100px);
}

.c3_articles_add_content_cont .c3_registration_2a_clear {
	clear: both; /* overflow:hidden; */
	margin: 0 0 8px 0; /* height: 30px; */
	width: 90%;
	width: -webkit-calc(100% - 20px);
	width: calc(100% - 20px);
}

.claro .c3_articles_add_content_cont .dijitSelect, .claro .c3_articles_add_content_cont .dijitTextBox
	{
	font-size: 13px;
	height: 28px;
	/* this causes border line around
	<input> in Add Content page tag widget. */
	/*background-color: #ffffff;
	border: 1px solid var(--c-gray-57);*/
	/* padding: 5px!important; */
	/* height: 20px; */
	/*border-radius: 0 !important;
	margin: 0 !important;
	width: calc(100% - 20px) !important;*/
}

.c3_articles_add_content_cont .form_control_registration {
	/* message title box width */
	width: 80% !important;
	width: -webkit-calc(100% - 20px) !important;
	width: calc(100% - 20px) !important;
}

.c3_articles_add_content_cont .registrationFloatLeft {
	float: none;
	clear: both;
	width: 100%;
	margin-right: 0 !important;
	padding-right: 0 !important;
}
.c3_articles_add_content_cont .z1_registrationClear .form-group {
	margin-bottom: 8px;
}
.c3_articles_add_content_cont .c3_registration_2a_clear {
	clear: both;
	margin: 0 0 8px 0;
}
.claro .c3_articles_add_content_cont .dijitEditor {
	border: 1px solid #b5bcc7;
}
.c3_articles_add_content_cont .input-group {
	width: 100%;
	clear: both;
	padding-right: 0;
	margin-right: 0;
}
.c3_articles_add_content_cont .chanel-type {
	width: 99% !important;
	font-size: 13px !important;
	background-color: white !important;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	color: #a9a9a9;
}

.c3_tr_selected {
	background-color: blue !important;
}

.c3_tr_drop_target {
	background-color: #e9f1f3 !important;
	border: 1px dashed #cdd9dd !important;
}

/* DnD header style change */
.claro.dojoDndMove .dojoDndAvatarHeader span, .claro.dojoDndCopy .dojoDndAvatarHeader span
	{
	display: none;
}

.claro.dojoDndMove .dojoDndAvatarHeader, .claro.dojoDndCopy .dojoDndAvatarHeader
	{
	/*background-image: url("images/dnd.png");*/
	background-repeat: no-repeat;
	background-position: 2px -122px;
}

.claro .dojoDndAvatarHeader td {
	height: 20px;
	height: 2px;
	padding-left: 21px;
}

.claro.dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
	background-color: #97e68d;
	background-position: 2px -122px;
}

.claro.dojoDndCopy .dojoDndAvatarCanDrop .dojoDndAvatarHeader {
	background-color: #97e68d;
	background-position: 2px -122px;
}

/* end */
.c3_border {
	border: 1px solid #dddddd !important;
}

.c3_tr_border {
	border: 1px solid var(--c-gray-45) !important;
}

.c3_content_main_container .c3_msglibrary_table_scrollbox table {
	padding: 0;
	/* background-color:#f1fbff; */
	border-collapse: collapse;
}

.c3_content_main_container .c3_content_table_header {
	height: 30px;
	background-color: var(--c-grayish-azure-100);
	border: 0 solid #C7C7C7;
	width: 98%;
	width: -webkit-calc(100% - 1px);
	width: calc(100% - 1px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
}

.c3_content_main_container .c3_msglibrary_table_scrollbox table tr td {
	padding: 8px !important;
	margin: 0;
	/* border-bottom:3px #fff solid;
       border-top:3px #fff solid; */
	border-collapse: collapse;
	text-align: center;
	color: #8ba4be;
}

/* custom for faq page */
.c3_faq_all_page .c3_content_main_container .c3_msglibrary_table_scrollbox table
	{
	padding: 0;
	/* background-color:#f1fbff; */
	/* background-color:#f0f7f7; */
	background-color: #fafcff;
	border-collapse: collapse;
}

.c3_faq_all_page .c3_content_main_container .c3_msglibrary_table_scrollbox table tr td
	{
	padding: 8px !important;
	margin: 0;
	border-bottom: 3px #fff solid;
	border-top: 3px #fff solid;
	border-collapse: collapse;
}

.c3_faq_all_page .c3_msglibrary_title2_box .title2 {
	/* same as searchfromdata */
	float: left;
	text-align: left;
	font-size: 12px !important;
	color: #a0a0a0;
	padding-left: 5px;
}

.c3_content_config_box {
	position: absolute;
	border: 1px solid #ccc;
	box-shadow: 0px 3px 6px rgba(111, 111, 111, 0.2);
	min-width: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	color: #333;
	background-color: #fff;
	z-index: 1100;
}

.c3_content_config_r {
	cursor: pointer;
	padding: 8px;
}

.c3_content_config_r:hover {
	background-color: darkblue;
	color: white;
}

.c3_content_config_span_btn {
	cursor: pointer;
	display: none;
	color: #666;
	margin-top: 10px;
	margin-right: 4px;
}

.c3_faq_all_page .c3_tr_border:hover .c3_content_config_span_btn,
	.c3_kb_content_page .c3_tr_border:hover .c3_content_config_span_btn {
	display: initial;
}

.c3_faq_all_page .c3_msglibrary_table .c3_tr_border:hover .c3_move_handle,
.c3_lvRw .c3_move_handle {
	background: url('res/drag_move_icon.png') no-repeat 5px 8px;
}
.c3_lvRw .c3_move_handle2 {
	background: none;
}

.c3_content_config_span_iwrp {
	padding: 0px 2px;
}

.c3_content_config_status_lbl {
	background-color: #fff;
	padding: 0px 1px;
	text-align: center;
	border: 1px solid var(--c-gray-40);
	border-radius: 4px;
}

.c3_content_config_status_lbl_v_published {
	background: rgb(140, 184, 140);
	color: white;
	border-radius: 4px;
}

.c3_content_config_status_lbl_v_unpublished {
	color: #222;
	background: rgb(247, 226, 173);
}

/* end faq page */
/* article page */
.c3_kb_content_page .c3_content_table_body {
	min-height: 50px;
	border-bottom: 1px solid #E7E7E7;
	border-left: 1px solid #E7E7E7;
	border-right: 1px solid #E7E7E7;
}

/* end article page */
.c3_content_main_container .c3_content_table_header table {
	border-collapse: collapse;
	background: var(--c-grayish-azure-100);
	padding: 0;
	margin: 0;
}

.c3_content_main_container .c3_content_table_header table tr td {
	border-collapse: collapse;
	background: var(--c-grayish-azure-100);
}

.c3_c3dialog_validation_msg_cont {
	color: red;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 4px;
}

/* Edit Segment / Signal */
.c3_context_p_edit {
	position: relative;
}

.c3_context_p_edit div.c3_lifecycle_top_bar {
	width: 100%;
	position: initial;
	height: 30px;
	padding-top: 8px;
	margin: 0px 20px;
}

.c3_csb_outer_container .c3_context_p_edit .c3_registration_2_clear {
	top: 0;
}

.c3_csb_outer_container .c3_context_p_edit .c3_whitebox_channelsettings2
	{
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.c3_context_p_edit .c3_registration_2_clear {
	position: absolute;
	top: 40px;
	bottom: 0px;
	left: 0px;
	right: 0px;
}

.c3_context_p_edit .c3_whitebox_channelsettings2 {
	position: absolute;
	top: 0px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	padding: 20px;
	height: auto;
	width: auto;
	margin: 0;
}

.c3_context_p_edit .c3_context_content {
	position: absolute;
	bottom: 1px;
	top: 1px;
	right: 1px;
	left: 1px;
	padding: 0px;
}

.c3_context_p_edit .c3_context_content_frm {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.c3_context_p_edit_zdesk div.c3_context_content {
	position: relative;
}

.c3_context_p_edit_zdesk div.c3_context_content_frm {
	position: inherit;
}

.c3_context_p_edit .c3_context_p_form {
	height: 80%;
	height: calc(100% - 80px);
	padding-top: 10px;
	min-height: 300px;
	overflow-y: auto;
}

.c3_context_palette_2cols {
	display: flex;
	align-items: center;
}

.c3_context_palette_2cols .c3_context_palette_row {
	flex: 1;
	margin-top: -5px;
}

.c3_context_edit_field_chkbx {
	cursor: pointer;
}

.c3_tip_box {
	font-style: italic;
	font-size: 85%;
	color: #999;
}

.c3_context_p_zdesk_f5 {
	clear: both;
	padding-top: 6px;
}

.c3_context_p_zdesk_f5_btn {
	float: right;
}
/*-*/

/* language control */
.c3_c3language_base {
	width: 100%;
	/*display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;*/
	clear: both;
	overflow: hidden;
}

.c3_msglibrary_col2_header {
	border-bottom: 1px solid #ebebeb;
}

.c3_c3language_cont_list_inner {
	float: left;
}

.c3_c3language_btn_del {
	
}

span.c3_c3language_btn_del {
	padding-left: 8px;
	padding-right: 8px;
}

.c3_c3language_btn_del:hover {
	color: darkblue;
}

.c3_c3language_btn_del {
	margin-left: 4px;
}

.c3_c3language_cont_sel_inner {
	float: left;
}

.c3_c3language_cont_sel {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
	clear: both;
}

.c3_c3language_tab_box {
	width: auto;
	min-width: -webkit-calc(100% - 200px);
	min-width: -moz-calc(100% - 200px);
	min-width: calc(100% - 200px);
	max-width: -webkit-calc(100% - 200px);
	max-width: -moz-calc(100% - 200px);
	max-width: calc(100% - 200px);
	float: left;
	overflow: hidden;
	/*background-color: khaki;*/
	/*border: 1px solid blue;*/
}

.c3_c3language_tab_base {
	min-width: 100%;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

.c3_c3language_tab_base>* {
	min-width: -webkit-min-content;
	min-width: -moz-min-content;
	min-width: min-content;
	overflow: hidden;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
}

.c3_c3language_tab_base>.c3_filter_tab_active {
	/* move selected tab to first */
	/*-webkit-order: -1;*/
	/*-ms-flex-order: -1;*/
	/*order: -1;*/
	background-color: #fff;
	/*z-index: 999;*/
	border-bottom: 2px solid #fff;
	position: relative;
	margin-bottom: 2px;
	z-index: 9;
}

.c3_c3language_item {
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-color: #f1f1f1;
	padding: 4px 10px;
	background-color: ghostwhite;
	margin-right: 15px;
	margin-bottom: 0;
	cursor: default;
}

.c3_c3language_tab_addLanguage {
	float: right;
	padding: 4px 10px;
	/* background-color: #67b661; */
	margin-right: 4px;
	/*margin-bottom: 0px;*/
	/*margin-top: 2px;*/
	cursor: pointer;
	/* color: #fff; */
}

.c3_c3language_item_x:hover {
	background-color: #ccc;
	color: #fff;
	border-radius: 0;
}

.c3_c3language_item_x {
	margin-left: 6px;
	width: 14px;
	height: 14px;
	text-align: center;
	/* border-radius: 7px; */
	position: relative;
	display: inline-block;
	font-size: 13px;
}

.c3_c3language_tab_scroll {
	float: left;
	width: 10px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-top: 2px;
	border: 1px solid;
	border-color: #ebebeb;
	padding: 6px 4px;
	cursor: default;
}

.c3_c3language_tab_scroll_l {
	/*-webkit-box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 0px 10px 0px rgba(0,0,0,0.75);*/
	
}

.c3_c3language_tab_scroll_r {
	/*-webkit-box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: -2px 0px 10px 0px rgba(0,0,0,0.75);*/
	
}

.c3_msglibrary_pview_obj .c3_msglibrary_pview_btn_edit {
	/*position: absolute;
	top: 50%;
	left: 48%;*/
	
}

.c3_msglibrary_tx_read {
	height: 290px;
	height: calc(100% - 50px);
	flex: 1;
}

.c3_msglibrary_box_url {
	flex: 1;
}

.c3_msglibrary_tx_read:hover .c3_msglibrary_pview_hov {
	opacity: 1;
}

.dijitDialogPaneContentArea.c3_c3dialog_contentArea.c3_c3language_dialog_contentArea
	{
	height: 80%;
	height: calc(100% - 60px);
}

.c3_language_frm_dlg_rte div.c3_c3language_dialog_actionBar {
	margin: initial !important;
	padding-bottom: 5px !important;
	padding-top: 10px !important;
}

.c3_faqlibrary_col2 {
	width: 53%;
	height: 80%;
	height: calc(100% - 25px);
	/* background-color: gainsboro;
    position: relative; */
	border: 5px solid var(--c-gray-10);
	padding: 10px;
}

.c3_c3language_cont_sel_inner2 {
	margin-left: 5px;
}

.c3_msglibrary_col2_header {
	/*border-bottom: 5px solid var(--c-gray-10);
	padding-bottom: 4px;*/
	
}

.c3_msg_new_box>ul li.text_action_sec {
	text-align: right;
	padding-top: 4px;
}

.c3_msg_new_box>ul li.text_message_title {
	text-transform: capitalize;
}

.c3_msg_new_box>ul li.c3_msglib_edittext_title_click:hover {
	background-color: var(--c-gray-40);
	cursor: pointer;
}

.c3_msglibrary_pview_hov {
	opacity: 0;
	background-color: rgba(233, 232, 233, 0.4);
}

.c3_language_dlg_rte {
	height: 100%;
}

.c3_language_dlg_rte div.c3_msglibrary_tx_richedit {
	height: 80%;
	height: calc(100% - 30px);
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
}

.c3_msglibrary_tx_richedit div.dijitEditorIFrameContainer {
	flex: 1;
	height: -webkit-fill-available;
	height: 90%;
	height: calc(100% - 64px);
}

.c3_msg_new_box>ul li.text_message_title section.c3_language_title_hint
	{
	text-transform: lowercase;
	font-size: 12px;
}

select.c3_c3language_dialog_select {
	height: 30px;
	padding: 5px 5px;
}

.c3_c3language_cont_sel .c3_c3language_cont_sel_lbl {
	float: left;
	padding-top: 3px;
}

.c3_c3language_cont_sel .c3_c3language_cont_sel_inner {
	float: left;
	margin-left: 6px;
}

.c3_c3language_cont_sel .c3_c3language_btn_del {
	float: left;
}

.c3_c3language_cont_list .c3_c3language_btn {
	float: right;
}

.c3_c3language_cont_list {
	float: right;
}

.c3_csb_borderContainer {
	width: 100%;
	height: 100%;
}

.c3_csb_container {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 1px;
	left: 0;
	right: 0;
}

.c3_rhsMain {
	position: absolute;
	left: 0;
	top: 0;
	right: 0px;
	bottom: 0;
}

.c3_csb_left_mainnav_box {
	width: 100% !important;
	background: none !important;
	border-right: 0;
	color: var(--pg-tp-c-brdcrmb-c);
}

.c3_csb_top_header_nolink {
	color: #4386b5;
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid transparent;
	border-bottom: solid 1px transparent;
	padding-top: 10px;
	cursor: inherit;
	letter-spacing: 2px;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}

.c3_csb_top_header_addpointer {
	cursor: pointer;
}

.c3_csb_top_header_nolink:hover {
	background: #f9f9f9;
}

.c3_csb_top_header_nolink .title_text {
	width: 90%;
	float: left;
}

.c3_csb_top_header_nolink .title_icon {
	width: 5%;
	text-align: right;
	float: right;
}

.c3_csb_top_header {
	background: #f9f9f9;
	text-transform: uppercase;
	color: #8C8D9B;
	font-size: 14px;
	border-bottom: 0px;
	padding: 4px 0 4px 4px;
	display: flex;
	align-items: center;
	letter-spacing: 2px;
}

.c3_csb_top_header:hover {
	background: #eaf6f6;
}

.c3_csb_insight_menu_icon {
	font-style: normal;
	color: #707070;
	/* padding-left: 16px; */
	font-size: 110%;
	margin-right: 23px;
	margin-left: 0;

	font-size: 120%;
	margin-right: 32px;
	opacity: .72;
}

.c3_csb_menu_selected {
	background: rgb(227, 227, 227) !important;
}

.c3_csb_outer_container {
	padding: var(--pg-pd);
}
:is(.c3_pgNoPd) .c3_csb_outer_container {
	padding: 0;
}

.c3_child_window_padding {
	left: 20px !important;
	top: 20px !important;
}

.c3_csb_outer_container .c3_child_window_padding {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

/* interactions */
.c3_csb_outer_container .c3_child_window_padding {
	left: 0;
	top: 0;
	right: 20px;
	bottom: 20px;
	overflow: auto;
}

.c3_csb_outer_container .c3_csbcontent .c3_child_window_padding {
	/*overflow: initial;*/
	
}

.c3_campDashboard_Wrp .c3_child_window_padding {
	overflow: initial;
}

.c3_child_window_bg {
	background-color: var(--main-bg-c);
}
.c3_pgBGGrey .c3_child_window_bg {
	background-color: var(--pg-rhs-bg-c-grey);
}

.c3_child_top {
	top: 55px !important;
}

/* start css for CSB tab look */
.c3_csb_tabs {
	/*position: absolute;
	top: 7px;
	bottom: 0px;
	left: 0px;
	right: 0px;*/
	clear: both;
	/*margin: 20px 10px 10px 10px;*/
	margin: 7px 0px 0px 0px;
	/* min-height: 200px; */
	display: table;
}

.c3_csb_tab {
	/*float: left;*/
	display: table-cell;
	min-height: 25px;
	max-height: 25px;
	background: #f1f1f1;
	color: #869ca9;
	/* padding-left: 15px; */
	font-family: 'Open Sans', sans-serif !important;
	font-size: 17px;
	font-weight: 300;
	border: 1px solid #e5e5e5;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: -1px;
	position: relative;
	left: 1px;
	cursor: pointer;
	padding: 6px 15px;
}

.c3_csb_tab_sel {
	background: white;
	border-bottom: 1px solid white;
	z-index: 2;
	color: #3e72c8;
}

.c3_csb_tabs_head {
	border-bottom: 1px solid #e5e5e5;
}

.c3_csb_tab_body {
	display: none;
}

.c3_csb_tab_body_sel {
	display: -webkit-flex;
	display: flex;
}

.c3_csb_tabs_contents {
	position: relative;
}

.c3_csb_tab .c3_csb_tab_content {
	position: absolute;
	top: 36px;
	left: -8px;
	background: white;
	right: 0;
	bottom: 0;
	border-top: 1px solid #e5e5e5;
	overflow: auto;
	/*padding: 20px 15px 10px 15px;
	border: 1px solid #e5e5e5;*/
}

.c3_csb_content_descr {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #8EA6D3;
	line-height: 30px;
	font-weight: 300;
	padding-left: 15px;
	margin: 2px 0 15px 0;
	text-align: left;
}

.c3_csb_tab .c3_csb_tab_content .clearbox {
	clear: both;
}

.c3_csb_tab .c3_csb_tab_content .clearbox ul {
	/*clear: both;
	padding: 0;
	margin: 0;
	text-align: center;*/
	
}

.c3_csb_tab .c3_csb_tab_content .clearbox ul li {
	/*list-style: none;
	display: inline-block;
	margin: 10px 20px;
	font-size: 23px;
	font-weight:;
	color: #649dbd;
	text-align: center;*/
	
}

.c3_csb_tab_ib_img {
	width: 100%;
}

.c3_csb_tab_ib_title {
	margin: 10px 0;
	font-size: 15px;
	font-weight: 300;
	color: #3d77a9;
	text-transform: uppercase;
	min-height: 45px;
}

.c3_csb_tab_img {
	position: relative;
	opacity: 1.0;
	transition: opacity .55s ease-in-out;
	cursor: pointer;
}

.c3_csb_tab_img .rollhover_box {
	display: none;
	z-index: 1;
	position: relative;
	-webkit-flex-flow: column nowrap;
	-webkit-justify-content: center;
	flex-flow: column nowrap;
	justify-content: center;
}

.c3_csb_tab_img:hover .rollhover_box {
	background: rgba(52, 86, 106, 0.8);
	position: absolute;
	z-index: 9;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	color: #fff;
	top: 0;
	border-radius: 135px;
	font-size: 17px;
	padding: 10px;
	cursor: pointer;
	transition: opacity 1s ease-in-out;
	display: flex;
}

.c3_csb_tab_img:hover .rollhover_box p {
	padding: 15px;
}

.c3_csb_list_row {
	flex-direction: row;
}

.c3_csb_list_item1 {
	margin: 5px;
	text-align: center;
}

.c3_csb_list_item2 {
	line-height: 270px;
	margin: 5px;
	text-align: center;
	color: #30a7df;
}

.c3_csb_back_interaction_box {
	flex-direction: row;
	margin: 0;
}

.c3_csb_back_interaction_box:hover {
	background-color: #e6e6e6;
}

.c3_csb_left_top_head {
	margin-left: 5px;
}

.c3_csb_left_top_head .icon_size {
	font-size: 250%;
	color: #0059b0;
}

.c3_csb_back_interaction_btn {
	padding: 0;
	margin: 0 10px 0 5px;
	list-style: none;
	display: -webkit-flex;
	display: flex;
	justify-content: initial;
	border-bottom: 1px solid var(--underline-c);
}

.c3_csb_back_interaction_row {
	flex-direction: row;
}
.c3_interactions_builder_btn {
	cursor: pointer;
}
.c3_csb_back_interaction_btn_item1 {
	margin: 4px;
	text-align: left;
	font-size: 9px;
	color: #999;
	align-items: center;
}
.c3_csb_back_interaction_btn_item1b{
	margin: 0px 4px;
}
.c3_csb_back_interaction_btn_item2,
  .c3_csb_left_top_head_item2 {
	line-height: 24px;
	margin: 5px;
	text-align: center;
	align-items: center;
	color: var(--pg-tp-brdcrmb-c);
	text-transform: var(--pg-tp-brdcrmb-txt-case);
	letter-spacing: var(--pg-tp-brdcrmb-lsp);
	font-weight: 500;
	font-size: small;
}
.c3_csb_back_interaction_btn_item2 {
	padding-bottom: 5px;
	padding-bottom: 8px;
}
.c3_csb_left_top_head_item2 {
	line-height: 28px;
	margin: 5px 5px 0;
	padding-bottom: 8px;
}

.chartdateWidth {
	width: 100px !important;
}
.c3_timeSelector_control_box .chartdateWidth {
	width: 141px !important;
}
.c3_tsIcon {
	font-size: 14px;
	font-weight: 400;
}
.c3_tsIcon .ti-angle-down {
	padding-top: 1px;
	font-weight: 800;
}
.c3_tsIcon .ti-calendar {
	color: #8C8C8C;
}

.c3_config_platform {
	float: left;
}

.c3_whitebox_channelsettings2 .c3_article_title_edit_text {
	clear: both;
	font-size: 16px !important;
	font-weight: 300 !important;;
	color: #0174c0;
	margin: 0 !important;
}

.c3_whitebox_channelsettings2 .c3_article_title_edit_text .c3_article_title_icon
	{
	float: left;
	width: 25px;
	margin-top: 4px;
}

.c3_msg_2col_box {
	clear: both;
	border-bottom: 1px solid #f1f1f1;
	color: #7a8fa9;
	font-size: 13px;
	padding: 9px 0;
}

.c3_trg_2col_box{
	width: 100%;
}

.c3_msg_2col_box_2col {
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
}

.c3_msg_2col_box_col {
	
}

.c3_msg_2col_box_col1 {
	width: 140px;
}

.c3_trg_2col_box_col1 {
	width: 60px;
}

.c3_msg_2col_box_col2 {
	flex: 1;
}

.c3_msg_2col_box_col2_in {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.c3_msg_2col_box_col2_in>.text_middle_sec {
	flex: 1;
}

.c3_msg_2col_box_col2_in .text_action_sec {
	cursor: pointer;
}

.c3_msg_2col_box_col2 .c3_content_tags_outer {
	background-color: #f4fbfd;
	color: #7d8b99;
	float: left;
	padding: 1px 3px;
	margin-right: 4px;
	margin-top: 2px;
	border-radius: 4px;
	font-size: 12px;
	border: solid thin #a9c6e2;
	word-break: break-all;
}

.c3_msg_2col_box_col2 .c3_msg_2col_box_languagebox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.c3_msg_2col_box_col2 .icon_washout {
	color: #ddd;
}

.c3_msg_2col_box_col2 .icon_blue {
	color: #0055a9;
}

.c3_msg_2col_box_col2 .c3_view_msg_stats {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-top: 5px;
}

.c3_msg_2col_box_col2 .c3_view_msg_stats .c3_view_stats_item {
	min-width: 60px;
	height: 38px;
	border: 1px solid #ccdcec;
	text-align: center;
	text-transform: inherit;
	font-size: 12px;
	color: #7e8a95;
	margin-right: 3px;
	margin-bottom: 3px;
	border-radius: 3px;
	padding: 2px 4px;
}

.c3_msg_btn_box_pub {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
}

.c3_msg_btn_box_pub_btn {
	margin-left: 4px;
}

.c3_msg_btn_box_pub_hint {
	
}

span.c3_msg_btn_box_pub_btn {
	font-size: 12px;
}

/* payment settings */
.c3_settings_payment_clearbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	clear: both;
}

.c3_settings_payment_clearbox .payment_screen2 {
	min-width: 300px;
	max-width: 48%;
}

.c3_settings_payment_clearbox .payment_screen1 {
	min-width: 300px;
	max-width: 48%;
}

.c3_settings_payment_clearbox .payment_section_new {
	min-width: 48% !important;
}

.c3_settings_payment_clearbox .c3_payment_box_title {
	min-width: 100%;
}

.c3_settings_payment_trialedition {
	border: 1px solid #f5e7d0;
	background: #fff8eb;
	border-radius: 6px;
	padding: 8px;
	clear: both;
	overflow: hidden;
}

.c3_settings_payment_trialedition .payment_acc_type_title {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	color: #df743f;
	clear: both;
	padding-left: 8px;
}

.c3_settings_payment_trialedition .payment_upgrade_text {
	float: left;
	width: 50%;
	background: none;
	text-align: left;
	color: #874b2e;
}

.c3_settings_payment_trialedition .c3_payment_updgradebtn {
	float: right;
	width: 45%;
	margin-top: 14px;
}

.c3_settings_payment_trialedition .c3_user_subscription_clear {
	border-bottom: 0 solid #999;
}

.c3_settings_payment_upgradeedition {
	border: 1px solid #bad7a5;
	background: #f1ffe7;
	border-radius: 6px;
	padding: 8px;
	clear: both;
	overflow: hidden;
	min-height: 94px;
}

.c3_settings_payment_upgradeedition .payment_acc_type_title {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
	color: #df743f;
	clear: both;
	padding-left: 8px;
}

.c3_settings_payment_upgradeedition .payment_upgrade_text {
	float: left;
	width: 60%;
	background: none;
	text-align: left;
	color: #2d3726;
}

.c3_settings_payment_upgradeedition .c3_payment_updgradebtn {
	float: right;
	width: 35%;
	margin-top: 14px;
}

.c3_settings_payment_upgradeedition .c3_user_subscription_clear {
	border-bottom: 0 solid #999;
}

.c3_settings_payment_clearbox .payment_section_new .c3_user_subscription_clear2
	{
	clear: both;
	overflow: hidden;
	margin: 2px 0;
	padding: 4px 0;
	font-size: 13px;
	border-bottom: 0 solid red;
}
/*.c3_settings_payment_clearbox .payment_section_new .c3_user_subscription_clear2 .payment_card_type {
	color:red; border:1px solid red; 
}*/
.c3_settings_payment_clearbox .payment_section_new .c3_user_subscription_clear2 .payment_card_mm
	{
	width: 200px;
}

.c3_settings_payment_clearbox .payment_section_new .c3_user_subscription_clear2 #payment_card_yr
	{
	width: 200px;
}

.chartTemplateHeader {
    width: 40%;
    font-family: Archivo Narrow;
    font-size: 18px;
    color: #555;
    font-weight: 600;
}


/*===============================
  Chart Template styles
  ===============================
*/

.c3_chartTemplate_r1 {
    padding: 4px 0 20px 0;
}

.c3_chartTemplate_r2 {
	/*width: 100%;*/
	/*height: 100%;*/
}
.c3_chartTemplate_noChart_r2 {
	/*width: 100%;*/
	min-height: 220px;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	color: #fe8418;
}
.c3_chartTemplate_yesChart_r2>div {
	width: initial !important;
	height: initial !important;

	flex: 1;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;

	position: relative;
}
.c3_chartTemplate_yesChart_r2>div>div {
	width: initial !important;
	height: initial !important;

	flex: 1;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;

	position: relative;
}
.c3_chartTemplate_yesChart_r2>div>div>.wb_dash_container {
	width: initial !important;
	height: initial !important;

	flex: 1;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;

	position: relative;
}

.c3_no_chart_box {
	background: url("/res/article_chartbg.png") no-repeat center top;
	background-size: 440px 231px;
	margin: 0px 0;
	/* border: 2px solid #dae9ec; */
	/* padding: 8px; */
	min-height: 240px;
	height: auto;
}

.c3_evtProfCntChrt .c3_no_chart_box {
	background-size: 775px 300px;
	min-height: 365px;
}
.c3_evtProfCntChrtB {
	border-top: 1px solid var(--bdr-1-c);
}
.c3_analytics_outcomes {
	float: left;
	width: 25%;
	height: 100%;
}

.c3_analytics_chart {
	float: right;
	width: 75%;
	height: 100%;
}

.c3_analytics_outcome_hover {
	cursor: pointer;
	padding: 10px;
}

.c3_analytics_outcome_hover:hover {
	background: rgb(251, 250, 250);
}

.c3_trash_size {
	font-size: 14px !important;
}

/* Funnel Chart */
.c3_fnlChMain {
	position:relative;
}
.c3_fnlChCont {
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
.c3_fnlChGphCont {
	position: absolute;
	display:inline-block;
}
.c3_fnlCh_VAxisTtl  {
	position: absolute;
	top: 50%;
	left: 50%;
}
.c3_fnlCh_VertiRot {
	white-space: nowrap;
	transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}
.c3_fnlCh_YAxisTtl {
	width:30px;
	position:relative;
	display:inline-block;
}
.c3_fnlCh_XAxisTtl {
	justify-content: center;
	display:flex;
	margin-top: 15px;
}
ul.c3_fnlCh {
	list-style: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.c3_fnlChLvl {
	display: block;
	position: relative;
	height: 32px;
	line-height: 31px;
}
.c3_fnlChLvl:nth-child(odd) {
	border-bottom: #F57C00 1px solid;
}
.c3_fnlChLvlLblCtr {
	margin-bottom: 0px;
	display: inline-block;
	color: #444054;
	height: 32px;
}
.c3_fnlChLvlLblLft {
	position: absolute;
	left: 0;
	color: #444054;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	width: 24%;
}
.c3_fnlChLvlLblRt {
	position: absolute;
	left: 75%;
	color: #444054;
	display: inline-block;
	width: 24%;
}
.c3_fnlChLvl:nth-child(odd) .c3_fnlChLvlLblCtr {
	color: #ffffff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.c3_fnlChLvl:nth-child(even) .c3_fnlChLvlLblCtr {
	border-top: 0px;
}

/*Css for Settings > Configurations*/
.c3_new_configureation_outerbox {
	overflow: hidden;
	clear: both;
}

.c3_new_configureationbox {
	
}

.c3_new_configureationbox .c3_new_configure_box1, .c3_gFenceItem,
	.c3_evtPatternsItem, .c3_metrics_Box_outer, .c3_trendSignals_outer {
	width: 304px;
	height: 125px;
	display: block;
	border: 2px solid #dae9ec;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	float: left;
	border: 1px solid #dae9ec;
	border-color: rgba(0, 0, 0, 0.09);
	box-shadow: 1px 1px 6px 4px var(--c-gray-10);
}
.c3_gFenceItem{}
.c3_evtPatternsItem {}
.c3_new_configureationbox .c3_new_configure_box1 .c3_new_configure_box_inside
	{
	
}

.c3_metricsMsg {
	color: var(--c-gray-100);
	font-size: 12;
	font-family: Roboto;
	text-align: center;
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_icon_box, .c3_gFenceItem .c3_config_icon_box,
.c3_evtPatternsItem .c3_config_icon_box, .metrics_iconbox, .trending_iconbox {
	width: 100px;
	height: 125px;
	background: #f7f7f7;
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info, .c3_gFenceItem .c3_config_info,
.c3_evtPatternsItem .c3_config_info, .metrics_contentbox, .trending_contentbox, .c3_TCond_c2 {
	font-size: 12px;
	line-height: 18px;
	color: #a9b8c6;
	padding: 8px;
	width: 185px;
}
.c3_TCond_descr {
	color: rgba(0, 0, 0, 0.81);
	font-size: 15px;
	font-family: Archivo Narrow, 'Open Sans', sans-serif;
	text-align: center;
	line-height: 1.45;
}
.c3_TCond_descr2 {
	color: rgba(0, 0, 0, 0.81);
	font-size: 15px;
	line-height: 1.45;
}
.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info .details {
	font-size: 12px;
	line-height: 18px;
	color: #a9b8c6;
	height: 30px;
	padding-bottom: 8px;
	/* color: rgba(0, 0, 0, 0.61); */
	font-size: 13px;
	line-height: 1.35;
	font-weight: 400;
	font-family: system-ui, 'Open Sans';
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info .functions_iconbox {
	font-size: 26px;
	letter-spacing: 5px;
	color: #d1dde9;
	margin: 8px;
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info .functions_iconbox .active_android
	{
	color: #cbe473;
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info .functions_iconbox .active_ios
	{
	color: #8e9295;
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info .functions_iconbox .active_html5
	{
	color: #fccb90;
}

.c3_new_configureationbox .c3_new_configure_box1 
.c3_new_configure_box_inside .c3_config_info>h3, 
.metrics_contentbox>h4, .trending_contentbox>h4 {
	font-size: 16px;
	line-height: 18px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.2;
}

.c3_new_configureationbox .c3_new_configure_box1 .overlap_iconbox,
.c3_gFenceItem .overlap_iconbox, .c3_evtPatternsItem .overlap_iconbox,
.c3tileBox .overlap_iconbox {
	display: none;
	position: absolute;
}
.c3_gFenceItem .c3_config_icon_box>i, .c3_evtPatternsItem .c3_config_icon_box>i,
 .c3_3rdPartyItem .c3_config_icon_box>i, .metrics_iconbox>i,
 .c3_new_config .c3_config_icon_box>i {
	font-size: 42px;
	color: var(--tile-icon-c);
}
.c3_new_config .c3_config_icon_box>i {
	font-size: 56px;
}

.c3_new_configureationbox .c3_new_configure_box1:hover,
.c3_gFenceItem:hover, .c3_evtPatternsItem:hover {
	background: #f7f7f7;
}

.c3_new_configureationbox .c3_new_configure_box1:hover .overlap_iconbox,
.c3_gFenceItem:hover .overlap_iconbox,
.c3_evtPatternsItem:hover .overlap_iconbox, .c3tileBoxWOverlay:hover .overlap_iconbox
	{
	display: block;
	background: #f7f7f7;
	opacity: 0.8;
	z-index: 9;
	transition: all 300ms;
}
.c3_gFenceItem:hover .overlap_iconbox, .c3_evtPatternsItem:hover .overlap_iconbox {
	display: flex;
}
.c3_gFenceItem .overlap_iconbox, .c3_evtPatternsItem .overlap_iconbox,
.c3tileBox .overlap_iconbox {
	bottom: 0px;
	top: 0px;
	left: 0px;
	right: 0px;
}
.c3tileBox:hover .overlap_iconbox {
	display: none;
}
.c3tileBoxWOverlay:hover .overlap_iconbox {
	display: flex;
}
.c3_new_configureationbox .c3_new_configure_box1:hover .overlap_iconbox .overlap_iconbox_inside
	{
	width: 304px;
	height: 125px;
}
[data-is-enbl="0"].c3_new_configure_box1:hover .overlap_iconbox {
	display: none;
}
[data-is-enbl="0"].c3_new_configure_box1 .c3_new_configure_box_inside {
	cursor: not-allowed;
	pointer-events: none;
	color: #999;
	background-color: rgba(220, 220, 220, 0.43);
	opacity: .81;
	border: 1px solid #E9E9E9;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
	-moz-box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
	box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
}
.c3_evtPatternsItemI {
	font-size: 54px;
	color: rgba(0, 0, 0, 0.3);
}
.c3_TCond_c1:hover {
	background-color: #f9ffe8;
}
.c3_TCond_box {
	width: 200px;
	height: 225px;
	display: flex;
	/*border: 2px solid #dae9ec;*/
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px;
	position: relative;
	float: left;
	box-shadow: 0px 0px 10px 2px rgba(219,219,219,0.58);
	/*background-color: ivory;*/
}
.c3_TCond_eIcon {
	display: none;
	position: absolute;
	top: 14px;
	right: 14px;
	color: rgba(0, 0, 0, 0.21);
	font-size: 14px;
}
.c3_TCond-on {
	background-color: ivory;
	cursor: pointer;
}
.c3_TCond-on:hover {
	background-color: rgba(197, 225, 165, 0.56);
}
.c3_TCond-on .c3_TCond_eIcon {
	display: flex;
}
.c3_TCond_listitem .c3_TCond_eIcon {
	display: none;
}
.c3_TCond_listitem {
	cursor: initial;
}
.c3_TCond_boxIn {
	background-color: white;
}
.c3_TCondToggle {
	font-size: 34px;
	color: gainsboro;
	/* prevent click bubble */
	background-color: white;
}
.c3_TCondToggle.fa-toggle-on {
	color: cornflowerblue;
}
.c3_TCondToggle.fa-toggle-on:hover {
	color: orange;
}
.c3_TCond_dtlBtnWrp {
	min-width: 16px;
	min-height: 16px;
}
.c3_TCond_dtlBtn {
	font-size: 16px;
	color: rgba(0, 0, 0, .5);
	display: none;
}
.c3_TCond-on .c3_TCond_dtlBtn {
	display: flex;
}
.c3_TCond-on .c3_TCond_dtlBtn:hover {
	color: rgba(0, 0, 0, .9);
}

/* Css for Settings > config> system config*/
.c3_configuresettings_inside {
	padding: 10px 0;
}
.c3_configuresettings_inside .c3_config_text_title {
	border-bottom: 1px solid #dae9ec;
}

.c3_config_loop_box {
}
.c3_config_loop_head_text
	{
}
.c3_config_loop_label_text {
	font-size: 13px;
	color: #559dcd;
}
.c3_config_loop_row {
}
.c3_config_loop_row .checkBoxOuter
	{
	width: 20px;
	font-size: 12px;
	color: #c4cad5;
	padding: 0 5px;
}

.c3_configuresettings_inside .c3_config_loop_box .c3_config_loop_row .textContentOuter
	{
	min-width: 250px;
	width: auto;
	padding: 0;
}

.c3_config_textbox {
	width: 250px;
}

/*
  Article embedded chart styles
 */
.c3_content_chart_box {
	margin-top: 40px;
}

.c3_content_chart_box .titlebox {
	margin-top: 10px;
	font-size: 14px;
	color: #1e7eab;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.c3_content_chart_box .titlebox .chart_title {
	width: 55%;
}

.c3_content_chart_box .titlebox .choose_chart {
	width: 40%;
	text-align: right;
	font-size: 12px;
}

.c3_content_chart_box .c3_article_chartbox {
	margin: 5px 0;
	border: 2px solid #dae9ec;
	padding: 8px;
	min-height: 200px;
	height: auto;
}

/* ************** */
.z1_left_pad_2 .reviews { /* overflow:hidden; */
	border: 0 solid #000;
	font-family: 'Open Sans', sans-serif;
	clear: both;
	min-height: 320px;
	height: auto;
}

.z1_left_pad_2 .reviews .review {
	text-align: left;
	float: left;
	width: 50%;
	position: relative;
	padding-right: 96px;
	padding-top: 7px;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	min-height: 110px;
}

.z1_left_pad_2 .reviews .review .review-content {
	position: relative;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 600ms cubic-bezier(0.510, 1.590, 0.545, 0.875);
	-moz-transition: all 600ms cubic-bezier(0.510, 1.590, 0.545, 0.875);
	-o-transition: all 600ms cubic-bezier(0.510, 1.590, 0.545, 0.875);
	transition: all 600ms cubic-bezier(0.510, 1.590, 0.545, 0.875);
}

.z1_left_pad_2 .reviews .review.active .review-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	padding-left: 0px;
}

.z1_left_pad_2 .second_review_content { /* margin-left:20px; */
	
}

.z1_left_pad_2 .reviews .review h3 {
	font-size: 17px;
	font-weight: 400;
	color: #66b27d;
	margin: 0 auto;
}

.z1_left_pad_2 .reviews .review h3.title_plan {
	color: #2f62a8;
}

.z1_left_pad_2 .reviews .review h3.title_execute {
	color: #ffa300;
}

.z1_left_pad_2 .reviews .review h3.title_measure {
	color: #a9d343;
}

.z1_left_pad_2 .reviews .review p {
	color: #90959b !important;
	margin: 0.5em auto 1em;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: 300;
}

.z1_left_pad_2 .reviews .review .img {
	display: block;
	position: absolute;
	width: 75px;
	height: 75px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 3px solid #ebebeb;
	top: 50%;
	margin-top: -45px;
	right: 0;
	background-repeat: no-repeat;
	background-position: 50% 45%;
	/*z-index:10;*/
	background-size: 92%;
	background: #fff;
	background-position: 3px 5px;
	background-repeat: no-repeat;
}

.z1_left_pad_2 .reviews .review:after {
	content: '';
	display: block;
	position: absolute;
	width: 50px;
	height: 0px;
	border-bottom: 3px solid #ebebeb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	right: -34px;
	bottom: 8px;
	z-index: 0;
}

.z1_left_pad_2 .reviews .review:nth-of-type(1) .img {
	background-size: 90% !important;
}

.z1_left_pad_2 .reviews .review:nth-of-type(2n+2) {
	padding-right: 0px;
	padding-left: 105px;
	float: right;
	clear: both;
}

.z1_left_pad_2 .reviews .review:nth-of-type(2n+2) .img {
	right: auto;
	left: 0;
	background-size: 90%;
	width: 75px;
	height: 75px;
}

.z1_left_pad_2 .reviews .review:nth-of-type(2n+3) .img {
	background-size: 90%;
}

.z1_left_pad_2 .reviews .review:nth-of-type(2n+2):after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: auto;
	left: -19px;
	bottom: 1px;
}

.z1_left_pad_2 .reviews .review:last-of-type:after {
	display: none;
}

@media ( min-width : 320px) and (max-width: 480px) {
	.z1_left_pad_2 .reviews .review {
		float: none;
		width: 100%;
		padding: 0 15px;
		clear: both;
	}
	.z1_left_pad_2 .reviews .review .review-content {
		position: relative;
	}
	.z1_left_pad_2 .reviews .review.active .review-content {
		display: block;
		padding: 10px;
	}
	.z1_left_pad_2 .reviews .review .img {
		display: block;
		position: relative;
		width: 135px;
		height: 135px;
		margin: 0 auto;
	}
	.z1_left_pad_2 .reviews .review:nth-of-type(1) .img {
		margin: 0 auto;
	}
	.z1_left_pad_2 .reviews .review:nth-of-type(2n+2) {
		padding-right: 0;
		padding-left: 0;
		float: none;
		clear: both;
	}
	.z1_left_pad_2 .reviews .review:nth-of-type(2n+2) .img {
		right: auto;
		left: 0;
		margin: 0 auto;
	}
	.z1_left_pad_2 .reviews .review:last-of-type:after {
		display: none;
	}
	.z1_left_pad_2 .reviews .review:after {
		content: '';
		display: block;
		position: absolute;
		width: 68px;
		height: 0px;
		border-bottom: 0 solid #0081a4;
	}
	.z1_left_pad_2 .reviews .review h3 {
		font-size: 25px;
		text-align: center;
		font-weight: 300;
		color: #66b27d;
		padding-bottom: 8px;
		margin: 0 auto 8px auto;
	}
	.z1_left_pad_2 .reviews .review p {
		color: #587461;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
	}
	.z1_left_pad_2 .reviews .review:after {
		border-bottom: none !important;
	}
}

.c3_register_new_loginbox {
	/*display:flex; justify-content:flex-start; overflow:hidden;*/
	/*display:flex; flex-wrap:wrap; justify-content:space-around;*/
	border: 0 solid red;
	min-width: 300px;
	max-width: 550px;
	padding-top: 5px;
}

.c3_register_new_loginbox ul {
	padding: 8px 0 3px 0;
	margin: 0;
	/* display:flex; flex-direction: row; justify-content:space-between;*/
}

.c3_register_signup_header {
	font-size: 30px;
	margin-top: 30px;
	min-height: 50px;
}

.c3_register_signup {
	font-weight: 600;
	color: #2E4D65;
}

/*.c3_register_new_loginbox ul li {
	list-style: none;
	display: inline-block;
}*/

.c3_register_new_loginbox .input_section {
	width: 100%;
	margin-right: 3px;
}

.c3_register_new_loginbox .input_section .dijitPlaceHolder {
    color: #969696 !important;
}

.c3_register_new_loginbox .input_section_btn {
	/* width: 15%; */
	/*position: relative;*/
	/* border: 1px solid red; */
	height: 20px;
	min-width: 80px;
	max-width: 150px;
}

.c3_register_new_loginbox .inputbox {
    border: 1px solid #d8d8d8 !important;
    /* width: 90%; */
    padding: 12px 10px 12px 30px!important;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #03C;
    font-weight: 300;
    color: #346ab7;
    background: white !important;
    border-radius: 3px;
}

.c3_register_new_loginbox .inputfield {
    border: 1px solid var(--c-gray-80) !important;
    padding: 12px 10px 12px 12px!important;
    font-family: Roboto;
    font-size: 14px;
    color: var(--c-gray-110);
    font-weight: normal;
    background: white !important;
    border-radius: 4px;
}

.c3_register_orC {
    margin-top: 30px;
    margin-bottom: 30px;
}

.c3_register_or {
    position: relative;
    text-align: center;
    color: #747487;
    font-size: 16px;
}

@media ( min-width : 320px) and (max-width: 480px) {
	.c3_register_new_loginbox .input_section {
		width: 100% !important;
		margin-right: 12px;
	}
	.c3_register_new_loginbox .input_section_btn {
		width: 100% !important;
		padding-top: 5px;
	}
	.c3_register_new_loginbox .input_username_img {
		background: #fff url('../res/input_username.png') no-repeat 4px 5px;
	}
	.c3_register_new_loginbox .input_password_img {
		background: #fff url('../res/input_password.png') no-repeat 4px 5px;
	}
	.c3_register_new_loginbox .claro .dijitSelect, .claro .dijitTextBox {
		height: auto;
		margin: 0;
		padding: 0;
		width: 95% !important;
	}
}

@media ( min-width : 769px) and (max-width: 1280px) {
	.c3_register_new_loginbox .input_section {
		/*width: 30%;*/
		margin-right: 25px;
	}
}

@media ( min-width : 480px) and (max-width: 768px) {
	.c3_register_new_loginbox {
		padding: 5px 15px;
	}
	.c3_register_new_loginbox ul {
		padding: 8px 0 3px 0;
		margin: 0;
		/* display:flex; flex-direction: row; justify-content:space-between;*/
	}
	.c3_register_new_loginbox .input_section {
		width: 36%;
		margin-right: 20px;
	}
}

.c3_register_new_loginbox .btn_signin, .btn_sso {
	padding: 15px;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	/* letter-spacing: 1px; */
	cursor: pointer;
	width: 100%;
	text-align: center;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 600;
}

.c3_register_new_loginbox .btn_signin {
	background: #90c741;
	color: #fff;
}

.btn_sso {
	background: white;
	color: #999;
}

.btn_sso:hover {
	background: #999;
	color: white;
}

.c3_hr_1 {
	height: 1px;
    background-color: rgba(0, 0, 0, 0.34);
}

.c3_register_new_loginbox .input_username_img {
	background: #fff url('../res/input_username.png') no-repeat 4px 5px;
}

.c3_register_new_loginbox .input_password_img {
	background: #fff url('../res/input_password.png') no-repeat 4px 5px;
}

.c3_register_left .learn_more_btn_box {
	text-align: center;
	margin: 15px 0;
}

.c3_register_left .learn_more {
	color: #8bc4e1;
	border: 1px solid #8bc4e1;
	padding: 5px 15px;
	text-decoration: none;
}

.c3_register_left .learn_more a {
	text-decoration: none;
}

.c3_register_left .learn_more:hover {
	color: #fff;
	background: #8bc4e1;
}

.z1_left_pad_2 {
	padding: 45px 0 0 0;
	margin-top: 25px;
}

.c3_register_new_loginbox .dijitSelect, .c3_register_new_loginbox .dijitTextBox
	{
	height: auto;
	margin: 0;
	padding: 0;
	/* width: 80%; */
}

.c3_register_container_top {
	background: #fff;
	min-height: 63px;
	height: auto;
	border-bottom: 0px solid #0055a9 !important;
	overflow: hidden;
	-webkit-box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.12);
}

.c3_register_container {
	width: 100%;
	margin: 0;
	height: 100%;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}

.c3_register_bottom {
	border-top: 2px solid #ebebeb;
	padding: 5px 0;
	clear: both;
	margin-top: 25px;
}

.c3_register_bottom .c3_register_bottom_logo_container {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-align-content: center;
	padding: 0;
}

.c3_register_bottom .c3_register_bottom_logo_container .c3_bottom_industry
	{
	margin: 0 5px 8px 5px;
}

.c3_register_bottom .c3_register_bottom_logo_container .c3_bottom_industry img
	{
	width: 98%;
	margin: 2px;
}

.c3_register_bottom .c3_register_bottom_logo_container h2 {
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 300;
	color: #8491a4;
	padding-bottom: 10px;
	text-align: center;
}

@media ( min-width : 320px) and (max-width: 640px) {
	.c3_register_bottom .c3_register_bottom_logo_container {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column wrap;
		flex-flow: column wrap;
		-webkit-align-content: center;
		align-content: center;
		margin-bottom: 10px;
	}
	.c3_register_bottom .c3_register_bottom_logo_container .c3_bottom_industry img
		{
		width: 98%;
	}
	.c3_register_bottom .c3_register_bottom_logo_container h2 {
		padding: 5px 25px;
	}
}

.form_clear .inputbox {
	border: 1px solid #bac8e8 !important;
	/*width: 89% !important;*/
	padding: 4px 6px 4px 20px !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #03C;
	font-weight: 300;
	color: #346ab7;
}

.form_clear .input_username_img {
	background: #fff url('../res/input_username.png') no-repeat 4px 5px;
}

.form_clear .input_firstname_img {
	background: #fff url('../res/input_usefirstrname.png') no-repeat 4px 5px;
}

.form_clear .input_company_img {
	background: #fff url('../res/input_company.png') no-repeat 4px 5px;
}

.form_clear .input_industry_img {
	background: #fff url('../res/input_industry.png') no-repeat 4px 5px;
}

.form_clear .left-inner-addon {
	position: relative;
}

.form_clear .left-inner-addon input {
	padding-left: 22px;
}

.form_clear .left-inner-addon i {
	position: absolute;
	padding: 5px;
	pointer-events: none;
}

.form_clear .icon_color {
	color: #597679 !important;
	margin-top: 2px;
}

.form_clear .dijitPlaceHolder {
	font-style: normal !important;
	color: #467A94 !important;
	margin-top: 1px;
}

.c3_register_new_loginbox .left-inner-addon {
	position: relative;
}

.c3_register_new_loginbox .left-inner-addon i {
    position: absolute;
    padding: 13px 12px 12px 12px;
    pointer-events: none;
}

.c3_register_new_loginbox .icon_color {
    color: #969696;
    margin-top: 2px;
}

.c3_register_new_loginbox .icon_eye {
    position: absolute;
    top: 8px;
    cursor: pointer;
    right: 8px;
}

.c3_pwd_icn {
	height: 30px;
	width: 30px;
}

/*
===================================
  Content metric styles
===================================  
*/
.c3_content_metric_totalViewWrp {
}
.c3_content_metric_totalView {
	/*width: 100%;*/
	height: 110px;
	padding: 20px 0;
	border-bottom: 2px solid rgb(218, 209, 137);
	border-top: 2px solid rgb(218, 209, 137);
	margin: 20px 0;
}

.c3_content_metric_totalView .totalViews {
	width: 100px;
	padding: 10px 10px 10px 0px;
}

.c3_content_metric_totalView .totalViews .caption {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.c3_content_metric_totalView .totalViews .data {
	color: #888;
	font-size: 28px;
	border-left: solid rgb(85, 137, 160) 4px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.c3_content_metric_totalView .dailyViewChart {
	height: 90%;
	overflow: hidden;
}

.c3_content_metric_topNViews {
	padding: 10px;
}

.c3_content_metric_topNViews .caption {
	color: #6382BA;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 4px;
	/*border-bottom: 3px rgb(208, 220, 208) solid;*/
}

.c3_content_metric_topNViews .data_row {
	min-height: 40px;
	border-bottom: thin solid #ccc;
	padding-top: 10px;
}

.c3_content_metric_topNViews .data_row .x_value {
	width: 90%;
	float: left;
}

.c3_content_metric_topNViews .data_row .x_value .text {
	font-size: 13px;
	color: rgb(123, 165, 198);
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.c3_content_metric_topNViews .data_row .y_value {
	width: 8%;
	float: right;
}

.c3_content_metric_topNViews .data_row .y_value .text {
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}

.c3_content_metric_lang {
	background: white !important
}

.c3_content_metric_misc {
	float: right;
	width: 45%;
}

.c3_content_metric_misc .dailyAvg {
	
}

.c3_content_metric_misc .dailyAvg .caption {
	
}

.c3_content_metric_misc .data {
	
}

.c3_msglibrary_box #tab-container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: calc(100% - 10px);
	border-right: 1px solid silver;
}

.c3_vTab {
	margin: 1px;
	margin-right: -1px;
	border: 1px solid transparent;
	border-right: 1px solid;
	background-color: #f9f9f9;
}
.c3_vTab a {
	transform: rotate(180deg);
	writing-mode: vertical-lr;
	padding: 10px 4px 10px 4px;
	text-decoration: none;
	color: #91A5A9;
}
.c3_vTab.selected {
	border-right-color: white;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom-left-radius: 6px;
	background-color: #ffffff;
}
.c3_vTab.selected a {
	color: #0055a9;
}
.c3_vTab.selected.draft {
	border-bottom: 8px solid #f5d382;
}
.c3_vTab.selected.publish {
	border-bottom: 8px solid #c4e592;
}

.c3_msglibrary_box #main-container {
	background-color: #fff;
	border: 0px solid #dae9ec;
	height: calc(100% - 50px);
	padding: 20px;
	position: absolute;
	width: calc(100% - 70px);
	left: 31px;
}

.c3_msglibrary_box #main-container .scroll_box {
	height: calc(100% - 5px);
	overflow-x: hidden;
	overflow-y: auto;
}

.c3_msglibrary_box .c3_tab_hover {
	margin: 0 0 0 5.4%;
	width: calc(100% - 128px);
	height: calc(100% - 90px);
	padding: 20px;
	top: 21px;
	left: 20px;
}

.c3_msglibrary_box #c3_published_content {
    background-color: #fff;
    /* overflow: auto; */
    overflow: hidden;
}

/* for scroll */
.c3_msglibrary_box #c3_published_content {
	background-color: #fff;
	/* overflow: auto; */
}

/* button section */
.c3_msg_btn_box span.c3_msg_btn_box_pub_btn {
	font-size: 12px;
	margin-top: 4px;
}

.c3_child_window_padding .c3_msglibrary_v_btns {
	bottom: 0 !important;
	position: absolute;
	right: 21px !important;
}

.c3_child_window_padding .c3_article_title_edit_text {
	clear: both;
	font-size: 20px !important;
	font-weight: 600 !important;
	color: rgba(0, 0, 0, 0.91);
	margin: 0 !important;	
}

.c3_child_window_padding .c3_article_title_edit_text .c3_article_title_icon
	{
	float: left;
	width: 25px;
	margin-top: 4px;
}

.c3_msg_btn_box .c3_msg_btn_box_pub_hint {
	font-size: 13px;
	color: #D66918;
}

/** Articles Landing page css */
.c3_content_view_list {
	padding: 10px 0;
}

.c3_pgCH {
	min-height: 36px;
	/* max-height: 36px; */
	border-bottom: var(--pg-h-bdr);
}
.c3_pgCHC1 {
	overflow: hidden;
}

.c3_pgCTtl2 {
    line-height: 24px;
    color: var(--c-gray-100); 
}
.c3_pgCTtl3{
	color: var(--pg-ttl-c);
}
.c3_purpleIt .c3_pgCTtl_input {
	border-radius: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.c3_purpleIt .c3_ttlEditErr {
	padding-top: 8px;
}
.c3_pgCTtl_input:focus{
	border-color: var(--c-gray-90) ;
}
.c3_titleDiv{
	max-width: 30ch ;
}
.c3_editableHvr:not(.c3_readOnly):hover {
    background-color: var(--c-gray-70);
}
.c3_pgCTtl_input::placeholder{
	color:var(--c-gray-70);
}
.c3_pgCTtl, .c3_content_view_list .c3_config_text_title,
.c3_dataStreamsC_title, .c3_article_title_edit_text_lbl,
div.c3_qcd_title, .c3_configuresettings_inside .c3_config_text_title {
	/* padding-bottom: 8px; */
	line-height: var(--pg-ttl-lh);
	color: var(--pg-ttl-c);
	font-size: var(--pg-ttl-sz);
	font-weight: 500;
	/* font-weight: var(--pg-ttl-w); */
	/* letter-spacing: var(--pg-ttl-lsp); */
	overflow: hidden;
	font-family: Roboto;
}
.c3_pgCTtl1>.c3_pgCTtl, .c3_evtFscTtl, .c3_cpgnMetricsCGBxL>.c3_ttl3 {
	font-weight: 400;
}
.c3_pgCTtl1 {
	padding-bottom: 8px;
	line-height: 20px;
	color: var(--pg-ttl-c);
	font-size: var(--pg-ttl-sz);
	font-weight: 300;
	overflow: hidden;
	font-family: Roboto;
	color: #26232E;
}
.c3_pgCSubTtl {
	font-size: var(--pg-sub-ttl-f-sz);
	font-weight: var(--pg-sub-ttl-f-w);
	/*letter-spacing: var(--pg-sub-ttl-lsp);*/
	margin-right: 6px;
}
.c3_contTtl {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	color: var(--c-gray-110);
}
.c3_contSubTtl {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
}
.c3_dataStreamsC_h {
	border-bottom: 1px solid #dae9ec;
}
.c3_content_view_list .c3_config_text_title {
	/*width: 70%;*/
	float: left;
	min-width: 400px;
}

.c3_pgCDscr, .c3_content_view_list .c3_config_text_title span, .c3_dataStreamsC_descr,
.c3_configuresettings_inside .c3_config_text_title span {
	display: block;
	font-size: 12px;
	font-weight: 400;
	padding-top: 4px;
	font-family: Roboto;
	font-weight: normal;
	color: #444054;
	
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.c3_pgCDscrIFx {
	display: inline-flex;
}

.c3_pgContent_header_item_name {
	font-size: 19px;
}

.c3_article_header {
	height: 50px;
	width: 100%;
}

.c3_article_search {
	height: 60px;
	width: 100%;
}

.c3_article_chart {
	height: 80%;
	width: 100%;
	position: relative;
	overflow: auto;
}

.c3_article_chart .chartTemplateHeader {
	width: 40%;
	font-size: 14px;
	color: #95A293;
	font-weight: bold;
}

.c3_article_chart .c3_lifecycle_body_cont {
	left: 0px;
}

.c3_article_header_outer {
	border-bottom: 1px solid #dae9ec;
	width: 100%;
	height: 100%;
}

.c3_article_close_btn {
	text-align: right;
	cursor: pointer;
	padding-bottom: 5px;
}

.c3_article_close_btn:hover {
	color: #e9e9e9;
}

.c3_article_chart .c3_content_main_container {
	margin-top: 15px !important;
}

.c3_article_border_content {
	/*border: 3px solid #e9e9e9;*/
	margin-top: 15px;
}

/*
 * KB Article menu
 */
.c3_content_main_container_menu {
	right: 0px;
	position: relative;
	height: 20px;
	background: rgb(227, 239, 251);
	padding: 10px;
}

.c3_content_main_container_menu .menu_item {
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
	margin-right: 10px;
}

.c3_content_menu_selected {
	padding-bottom: 6px !important;
	color: #555 !important;
	border-bottom: solid 3px rgb(139, 174, 192);
}

/*
 * LogIn Page changes
 */
.c3_input_height {
	height: 18px !important;
}

.c3_register_new_registerform_box .form_clear .inputbox {
	height: 22px;
}

.c3_register_new_registerform_box span.dijitPlaceHolder.dijitInputField
	{
	padding-left: 5px;
}

.c3_register_new_registerform_box .dijitReset.dijitInputField.dijitInputContainer
	{
	padding-left: 5px;
}

.c3_industries_cb input {
	color: #467A94 !important;
}

.c3_font_size_cb {
	font-size: 13px !important;
	color: #a9a9a9 !important;
}
.c3_font_size_18px {
	font-size: 18px;
	line-height: 24px;
}

.c3_font_weight_600 {
	font-weight: 600;
}
.c3_font_weight_400 {
	font-weight: 400;
}

/*
 * Segment and Signals Pages
 */
.c3_whitebox_channelsettings2 .c3_iconValidationTextBox_v_center.dijitValidationTextBox.dijitTextBox>div
	{
	height: 24px;
}

.c3_whitebox_channelsettings2 .c3_iconValidationTextBox_v_center.dijitValidationTextBox.dijitTextBox input
	{
	margin-top: -1px;
	/*color: #8D8287 !important;*/
	color: #AAAAAA !important;
}

.c3_box_length_cb {
	width: 90% !important;
}

.c3_context_palette_row .c3_label_right select {
	/*height: 36px !important;*/
	width: 120px !important;
}

.c3_articles_add_content_cont .chanel-type {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #fff url('../res/black-down-arrow.gif') no-repeat 98% 15px;
	height: 38px !important;
	width: calc(100% - 13px) !important;
}

.c3_segments_header {
	height: 50px !important;
	min-height: 50px;
	max-height: 50px;
	width: 100%;
	border-bottom: 1px solid var(--underline-c);
}
.c3_segments_header_c1 {
	float: left;
}
.c3_segments_header_c2 {
	float: right;
}

.c3_segments_top {
	top: 55px !important;
}

.c3_top_seg_div {
	height: 150px !important;
	border-bottom: 1px var(--c-gray-60) solid;
	background: rgb(253, 253, 242);
}

/* Edit Segment */
.c3_edit_segment_div {
	/*height: 80%;*/
	/*height: -webkit-calc(100% - 80px);*/
	/*height: calc(100% - 80px);*/
	/* background-color: aliceblue; */
	padding-top: 10px;
	min-height: 250px;
	overflow-y: auto;
	position: relative;
	/*min-height: min-content;*/
}

.c3_edit_segment_div .c3_edit_segment_div_left, .c3_editSegSummary .c3_edit_segment_div_left
	{
	/* float: left; */
	/*width: 25%;*/
	min-width: 200px;
	max-width: 250px;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	padding: 10px;
	background-color: #F9F9F9;
	border-radius: 4px;
	border: thin solid #f7f7f7;
}
.c3_edit_signal_div_left {
	/* min-width: 200px; */
	/* max-width: 250px; */
	/* -webkit-flex: 1 0 auto; */
	/* flex: 1 0 auto; */
	padding: 10px;
	background-color: #F9F9F9;
	border-radius: 4px;
	border: thin solid #f7f7f7;
}
/* left side - summary only */
.c3_editSegSummary .c3_edit_segment_div_left {}

.c3_edit_segment_div .c3_edit_segment_div_right, .c3_editSegSummary .c3_edit_segment_div_right
	{
	/* float: left; */
	min-width: 440px;
	margin-left: 15px;
	position: relative;
}
.c3_edit_signal_div_right {
	/* min-width: 440px; */
	/* margin-left: 15px; */
	padding: 10px;
	position: relative;
}
.c3_editSegSummary .c3_edit_segment_div_right {}
.c3_editSegSummary {
	min-height: min-content;
}
.c3_edit_segment_div_left>div {
	/*border: 1px solid red;*/
}
.c3_edit_segment_div_left .c3_lbl {
	font-weight: normal;
}
.c3_edit_segment_div .c3_editseg_box {
	margin-bottom: 5px !important;
}

.c3_edit_segment_div .c3_edit_inputbox {
	border: 1px solid #dae9ec !important;
	font-size: 13px !important;
}

.c3_edit_segment_div .c3_context_p_icon_selected i, .c3_edit_signal_div .c3_context_p_icon_selected i {
	color: #9ba8b5 !important;
	font-size: 17px !important;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_context_p_radio_ul {
	margin-top: 0;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_context_p_criteria_filter_sel, 
	.c3_edit_signal_div_right .c3_context_p_criteria_filter_sel
	{
	width: 80px !important;
	width: 90% !important;
	height: 0px;
	border-style: none;
	border-width: 0;
	border-bottom: 4px solid #0055a9 !important;
	position: absolute;
	bottom: -9px;
	left: 0 !important;
	z-index: 9;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_context_p_radio_ul>li,
	.c3_edit_signal_div_right .c3_context_p_radio_ul>li
	{
	padding-right: 35px;
}

.c3_edit_segment_div .c3_seg_activity_body {
	background: #f9f9f9;
	border: 1px solid #dae9ec !important;
	border-radius: 0 !important;
	font-size: 12px;
	color: #9aa1a5;
}

.c3_edit_segment_div .c3_seg_activity_body .c3_activity_inputbox {
	border: 1px solid #dae9ec !important;
	padding: 5px 6px !important;
	height: 18px !important;
	font-size: 12px !important;
}

.c3_edit_segment_div .c3_seg_activity_body .c3_context_p_frm_criteria_dv_r
	{
	background-color: #FFFFFF;
}

/* CSegment Item */
/*.c3_edit_segment_div .c3_edit_segment_div_right .dijitSelect,
	.c3_edit_segment_div .c3_edit_segment_div_right .dijitTextBox.c3_csi_dropdown
	{
	height: 28px;
}*/

.c3_edit_segment_div .c3_edit_segActigity_titlebox {
	clear: both;
	padding-bottom: 6px;
	margin-bottom: 2px;
}

.c3_edit_segment_div .c3_edit_segActigity_titlebox .c3_edit_segActigity_title
	{
	float: left;
	width: 60%;
	color: #7398bd;
	font-size: 11px;
	text-transform: uppercase;
}

.c3_edit_segment_div .c3_edit_segActigity_titlebox .c3_edit_segActigity_addBtn
	{
	float: right;
	width: 35%;
}

.c3_edit_segment_div .c3_edit_segment_div_right input,
	.c3_edit_segment_div .c3_edit_segment_div_right select {
	/*height: 27px;*/
	font-size: 12px;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_context_p_frm_criteria_row
	{
	height: initial;
	border: 0px solid #e5e5e5 !important;
	border-radius: 0 !important;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_context_p_tabs_attribute .c3_context_p_frm_criteria_row
	{
	/*flex: initial;*/
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	border: 1px solid #e5e5e5 !important;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_edit_segment_div .c3_seg_activity_body .c3_context_p_frm_criteria_dv_r
	{
	padding: 3px 12px;
}

.c3_seg_activity_v_r {
	/*border-bottom: 1px solid rgba(223, 223, 223, 0.5);*/
	font-size: 12px;
	color: #8493a3;
	padding: 3px 5px 3px 5px;
	border-radius: 0;
	/*background: #f9f9f9;*/
	margin-bottom: 2px;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_seg_activity_r {
	border-bottom: 1px solid #dae9ec;
	font-size: 12px;
	color: #8493a3;
	padding: 3px 5px 3px 5px;
	border-radius: 0;
	/*background: #f9f9f9;*/
	margin-bottom: 2px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_segment_andtext {
	text-align: center;
	width: 100%;
	padding: 4px 0;
	color: #4a7aa9;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row2
	{
	/* clear: both; */
	/* width: 100%; */
	/* overflow: hidden; */
	margin-bottom: 6px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row2 .c3_entercriteria_title
	{
	/* text-align: left; */
	
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_context_p_frm_criteria_row
	{
	-webkit-align-self: stretch;
	align-self: stretch;
}

.c3_entercriteria_topcontrolbtn {
	text-align: right;
	min-width: 23px;
}

.c3_editSignal_attr_in {
	padding-right: 30px;
}

.c3_asi_v_delete {
	display: none;
}

.c3_editseg_ctrolbtn {
	padding: 2px 6px;
	/*background: #e6ecec;*/
	margin-left: 1px;
	color: #98a1a9;
	cursor: pointer;
	margin-top: 2px;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

.c3_editseg_ctrolbtn:hover {
	background: #dae9ec;
	color: #0055a9;
}

.c3_asi_v_c1_icon, .c3_critSegItm_ro_icon, .c3_sca_ro_icon {
	text-transform: capitalize;
	font-size: 13px;
}
.c3_asi_v_c1_and, .c3_asi_v_c1_or {
	text-transform: uppercase;
	color: #91C741;
	color: var(--andOr-c);
	/*font-size: 10px;*/
	font-size: var(--andOr-f-sz);
	font-weight: var(--andOr-f-wt);
}
.c3_asi_v_c1_and>span {
	overflow: hidden;
	white-space: nowrap;
}

.c3_seg_activity_v_r:first-child .c3_asi_v_c1_icon {
	/*display: block !important;*/
}
.c3_seg_activity_v_r:first-child .c3_asi_v_c1_and {
	display: none !important;
}
.c3_seg_activity_v_r:first-child .c3_asi_v_c1_or {
	display: none !important;
}

.c3_seg_activity_v_or_list .c3_seg_activity_v_r .c3_asi_v_c1_and {
	display: none !important;
}
.c3_seg_activity_v_and_list .c3_seg_activity_v_r .c3_asi_v_c1_or {
	display: none !important;
}

.c3_activity_v_list_h {
	margin-bottom: 6px;
}

.c3_activity_title {
	text-align: left;
	color: #7398bd;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.c3_add_activity_btn {
	text-align: right;
	color: #67b661;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 600;
}

.c3_asi_v_r_in {
	margin-bottom: 6px;
}

.c3_entercriteria_v_box_row {
	cursor: pointer;
}
.c3_mArtR .c3_entercriteria_v_box_row,
.c3_editSegSummary .c3_entercriteria_v_box_row {
	cursor: default;
}

.c3_activity_edit_hint {
	color: #999999;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row2 .c3_context_p_criteria_more
	{
	text-align: right;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row2 .c3_entercriteria_topcontrolbtn .c3_seg_activity_btns
	{
	/*position: absolute;*/
	/*top: 8px;
  	right: 8px;*/
	border-width: 0;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row
	{
	/* display: -webkit-box; */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	/* width: 100%;*/
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
}

.c3_entercriteria_box_row .box2 {
	margin-right: 10px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-align-items: center;
	align-items: center;
}

.c3_entercriteria_box_row .box2>* {
	margin-right: 4px;
}

.c3_box22 {
	font-size: 120%;
	opacity: .6;
	padding-top: 5px;
	align-self: stretch;
	/* background-color: aqua; */
	flex: 1;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row input,
	.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row select
	{
	/*height: 27px;*/
	padding: 3px 4px !important;
	font-size: 12px;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_editseg_criteriabox
	{
	padding: 8px;
	background: #222;
	width: 100%;
	clear: both;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_scrollbox
	{
	min-height: 50px;
	/* max-height:100px; */
	/* overflow:auto; */
	margin: 6px 0;
	/* width:99%; */
	padding-right: 8px;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row3_outer
	{
	/* display: -webkit-box; */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	/* width: 100%; */
	/* height: 44px; */
	margin: 2px 0;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row3
	{
	border: 1px solid #dae9ec;
	font-size: 12px;
	color: #8493a3;
	padding: 6px 8px;
	background: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-moz-box-pack: space-between;
	-webkit-flex-pack: space-between;
	-ms-flex-pack: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 92%;
	margin: 2px 0;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row3_outer .addbtn
	{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row3 .c3_criteria_inputbox
	{
	/*height: 27px;*/
	padding: 3px 4px !important;
	font-size: 12px;
	width: 97%;
	border: 1px solid #e5e5e5;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row3 .box3
	{
	width: 29%;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_entercriteria_box_row3 .box3_a
	{
	width: 5%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
}

.c3_sda_bx1 {
	min-width: 180px;
	max-width: 180px;
}

.c3_critSegItm_hc1, .c3_critSegItm_hc3 {
	/*border-top: 1px solid #ebebeb;*/
}
.c3_critSegItm_item:first-child .c3_critSegItm_h {
	display: none !important;
}
.c3_sca_fc1, .c3_sca_fc3 {
	border-top: 1px solid #ebebeb;
}
.c3_sca:first-child .c3_sca_fc2 {
	display: none !important;
}
.c3_sca_or_list .c3_sca .c3_sca_and {
	display: none !important;
}
.c3_sca_and_list .c3_sca .c3_sca_or {
	display: none !important;
}
.c3_sca_readOnly.c3_sca:first-child .c3_sca_fc2 {
	display: none !important;
}
.c3_sca_readOnly.c3_sca:first-child .c3_sca_ro_icon {
	/*display: flex !important;*/
}
.c3_sca_readOnly.c3_sca:first-child .c3_sca_ro_and {
	display: none !important;
}
.c3_sca_readOnly.c3_sca:first-child .c3_sca_ro_or {
	display: none !important;
}
.c3_sca_or_list .c3_sca_readOnly.c3_sca .c3_sca_ro_and {
	display: none !important;
}
.c3_sca_and_list .c3_sca_readOnly.c3_sca .c3_sca_ro_or {
	display: none !important;
}
.c3_sca_readOnly .c3_sca_fc2 {
	display: none !important;
}

.c3_critSegItm_item:first-child .c3_critSegItm_and {
	display: none !important;
}
.c3_critSegItm_item:first-child .c3_critSegItm_or {
	display: none !important;
}

.c3_critAttrItems_or_list .c3_critSegItm_item .c3_critSegItm_and {
	display: none !important;
}
.c3_critAttrItems_and_list .c3_critSegItm_item .c3_critSegItm_or {
	display: none !important;
}
.c3_csi_readOnly.c3_critSegItm_item:first-child .c3_critSegItm_ro_icon {
	/*display: flex !important;*/
}
.c3_csi_readOnly.c3_critSegItm_item:first-child .c3_critSegItm_ro_and {
	display: none !important;
}
.c3_csi_readOnly.c3_critSegItm_item:first-child .c3_critSegItm_ro_or {
	display: none !important;
}
.c3_critAttrItems_or_list .c3_critSegItm_item .c3_critSegItm_ro_and {
	display: none !important;
}
.c3_critAttrItems_and_list .c3_critSegItm_item .c3_critSegItm_ro_or {
	display: none !important;
}

.c3_csi_readOnly .c3_critSegItm_hc2 {
	display: none !important;
}

.c3_context_p_ctrl {
	clear: both;
	float: right;
	margin-right: 20px;
}

/*
 *All Segment view changes
 */
.c3_gray_border .c3_context_palette_cont_segments .c3_context_pbitem_cont
	{
	border: 1px solid #c4cad5 !important;
	border-bottom: 4px solid #c4cad5 !important;
}

.c3_context_palette_cont_segments .c3_context_pbitem_cont {
	height: 62px;
	width: 260px;
	margin-left: 0;
	border: 1px solid #bddf8c;
	border-bottom: 4px solid #bddf8c !important;
	box-shadow: none !important;
	position: relative;
}

.c3_context_palette_cont_segments .c3_context_pbitem_btns_cont_wrp {
	/* height: 62px; */
	/* width: 162px; */
	background-color: rgba(229, 246, 204, 0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.c3_context_palette_cont_segments .c3_context_pbitem_btns_cont {
	top: -20px;
	background: none;
}

.c3_context_palette_cont_segments .c3_palette_box_item_fa {
	height: 0;
	width: 260px;
}

.c3_context_palette_cont_segments div.c3_palette_box_item_title {
	color: #555555;
	position: absolute;
	top: -5px;
	left: 57px;
	right: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px !important;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

.c3_gray_border .c3_context_palette_cont_segments .c3_context_pbitem_body i
	{
	color: #c4cad5 !important;
	border-right: 1px solid #c4cad5 !important;
}
.c3_context_palette_cont_segments .c3_context_pbitem_body i.fa-spin
	{
	border-right-color: transparent !important;
}

.c3_context_palette_cont_segments .c3_context_pbitem_body i
	/*.c3_context_palette_cont_segments .c3_palette_box_icon_position */ {
	position: absolute;
	top: 0px;
	width: 45px;
	border-right: 1px solid #bddf8c;
	height: 62px;
	left: 2px;
	color: #bddf8c;
	font-size: 30px !important;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center !important;
}

.c3_context_palette_cont_segments .c3_segment_popstats2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #91b819;
	font-weight: 300 !important;
	position: absolute;
	top: 25px;
	left: 57px;
}

.c3_context_palette_cont_segments .c3_segment_usageStat1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #c9cec8;
	font-weight: 300 !important;
	position: absolute;
	top: 25px;
	left: 57px;
}

.c3_context_palette_cont_segments .c3_segment_usageStat2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #91b819;
	font-weight: 300 !important;
	position: absolute;
	top: 33px;
	right: 5px;
}

.c3_context_palette_cont_segments .c3_segment_title_text_truncate333 {
	width: 98px !important;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

.c3_context_palette_cont_segments .arrow-up {
	width: 0;
	height: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #4E21F2;
}

.c3_context_palette_cont_segments .arrow-down {
	width: 0;
	height: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #f95919;
	margin-top: 6px;
}

.c3_segment_usageStat2 .c3_PercentStats {
	padding-left: 5px;
}

.c3_context_palette_cont_segments .c3_segment_text_blue {
	color: #4E21F2
}

.c3_context_palette_cont_segments .c3_segment_text_orange {
	color: #f95919
}

.c3_seg_counting {
	font-size: 10px;
}
.c3_seg_counting_n {
}

.c3_segment_filter {
	font-size: 12px;
	color: #c4cad5;
	padding-bottom: 10px;
}

.c3_gray_border {
	border-color: rgb(181, 176, 176) !important;
}

.c3_filter_border {
	border-bottom: 1px solid #dae9ec;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_editseg_showhide_div
	{
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: stretch;
	flex: 1 0 auto;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_editseg_attribute_div
	{
	width: 97%;
}

.c3_context_palette_cont_segments .suspendBtn:hover {
	font-size: 150%;
	background-color: #a9c74c;
	color: #fff;
}

.c3_no_usage_seg {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 70px;
	font-size: 14px;
	color: #aaa;
}

.c3_all_journey .filter-tab {
}

.c3_all_journey .goals {
}

.c3_asi_edit_dlg, .c3_pattern_edit_dlg {
	min-height: 500px;
	min-width: 935px;
}

.claro  div.c3_asi_edit_dlg .dijitDialogPaneContentArea.c3_c3dialog_contentArea
	{
	height: 350px;
}

.c3_entercriteria_r_c1 {
	margin-right: 20px;
	width: 210px;
	text-align: right;
	color: #3181C7;
	font-size: 16px;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_seg_activity_r:hover
	{
	background: var(--c-gray-57);
}

.c3_seg_activity_v_r:hover {
	background: var(--c-gray-57);
}
.c3_seg_activity_v_r:hover .c3_asi_v_delete {
	display: block;
}
.c3_editSegSummary_r_activities .c3_seg_activity_v_r:hover {
	background-color: initial;
}
.c3_editSegSummary_r_activities .c3_seg_activity_v_r:hover .c3_asi_v_delete {
	display: none;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_seg_activity_r .c3_entercriteria_box_row2 .c3_entercriteria_box_row:hover
	{
	cursor: pointer;
}

.c3_edit_segment_div .c3_edit_segment_div_right .c3_seg_activity_r .c3_entercriteria_box_row2 .c3_box22.c3_asi_ellipsis:hover
	{
	cursor: pointer;
}

.c3_asi_v_item {
	margin-right: 4px;
}

/*
 * Quotations around event name in ASIView
 * Fix: Find usage and 1. add class name
 * 2. define this style on class name instead
 * of 'q' 
 */
q {
	quotes: '\201c' '\201d';
}

q:before {
	content: open-quote;
}

q:after {
	content: close-quote;
}


/* Edit Segment view changes - Dialog box */

.c3_entercriteria_box_row3_outer .c3_context_p_frm_criteria_dv_r .c3_label_right_2 .c3_formDialog_item_stretch
	{
	border: 1px solid #e1e1e1 !important;
	font-family: 'Open Sans', sans-serif !important;
	height: 24px;
	padding: 4px 6px;
	width: 87% !important;
}

.c3_activity_listing_scrollbox .c3_seg_activity_r .c3_entercriteria_box_row3_outer .c3_context_p_frm_criteria_dv_r .c3_label_right_2 .c3_csi_stretch_select
	{
	border: 1px solid #e1e1e1 !important;
	font-family: 'Open Sans', sans-serif !important;
	height: 34px;
	padding: 4px 6px;
	width: 93% !important;
}

.c3_entercriteria_box_row3_outer .c3_context_p_frm_criteria_dv_r {
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0 solid #e1e1e1 !important;
}

.c3_activity_dropdown {
	color: #222;
	margin-right: 4px;
}

.c3_seg_activity_r .c3_entercriteria_box_row .box2 .c3_label_right_2 {
	margin-top: 3px;
}

.c3_gray_border .c3_segment_box_listing .c3_context_pbitem_cont {
	border: 1px solid #c4cad5 !important;
	border-bottom: 4px solid #c4cad5 !important;
}

.c3_segment_box_listing .c3_context_pbitem_cont {
	height: 62px;
	width: 260px;
	margin-left: 0;
	border: 1px solid #c4cad5;
	border-bottom: 4px solid #c4cad5 !important;
	box-shadow: none !important;
	position: relative;
}

.c3_segment_box_listing .c3_context_pbitem_btns_cont_wrp {
	background-color: rgba(229, 246, 204, 0.5);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.c3_readOnly_signals .c3_segment_box_listing .c3_context_pbitem_btns_cont_wrp,
	.c3_readOnly_signals .c3_filteredSignals_create,
	.c3_readOnly_signals .c3_noTriggers_createLink {
	display: none;
}

.c3_context_palette_cont_segments .c3_context_pbitem_btns_cont {
	top: -20px;
	background: none;
}

.c3_segment_box_listing .c3_palette_box_item_fa {
	height: 0;
	width: 260px;
}

.c3_segment_box_listing div.c3_palette_box_item_title {
	color: #7d7d7d;
	position: absolute;
	top: -5px;
	left: 57px;
	right: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px !important;
	font-weight: 300;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

.c3_segment_box_listing div.c3_palette_box_item_desc {
  	color: #7d7d7d;
  	position: absolute;
  	top: 30px;
  	left: 57px;
  	right: 10px;
  	font-family: 'Open Sans', sans-serif;
  	font-size: 12px !important;
  	font-weight: 300;
  	white-space: nowrap;
  	overflow: hidden;
  	text-align: left;
  	text-overflow: ellipsis;
  }

.c3_gray_border .c3_segment_box_listing .c3_context_pbitem_body i {
	color: #c4cad5 !important;
	border-right: 1px solid #c4cad5 !important;
}

.c3_segment_box_listing .c3_context_pbitem_body i
	/*.c3_context_palette_cont_segments .c3_palette_box_icon_position */ {
	position: absolute;
	top: 0px;
	width: 45px;
	border-right: 1px solid #c4cad5;
	height: 62px;
	left: 2px;
	color: #c4cad5;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center !important;
	font-size: 30px !important;
}

.c3_segment_box_listing .c3_context_pbitem_btns_cont {
	height: 55px;
	margin-top: 10px;
}

.c3_segment_box_listing .c3_segment_popstats2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #91b819;
	font-weight: 300 !important;
	position: absolute;
	top: 25px;
	left: 57px;
}

.c3_segment_box_listing .c3_segment_usageStat1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	color: #c9cec8;
	font-weight: 300 !important;
	position: absolute;
	top: 25px;
	left: 57px;
}

.c3_segment_popstats_progress {
	font-family: 'themify';
	font-size: 20px;
	color: #91b819;
	font-weight: 300 !important;
	position: absolute;
	top: 25px;
	left: 57px;
}

.c3_segment_box_listing .c3_segment_usageStat2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	color: #91b819;
	font-weight: 300 !important;
	position: absolute;
	top: 33px;
	right: 5px;
}

.c3_segment_box_listing .c3_segment_title_text_truncate333 {
	width: 98px !important;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
}

.c3_segment_box_listing .arrow-up {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #4E21F2;
}

.c3_segment_box_listing .arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #f95919;
}

.c3_segment_box_listing .c3_segment_text_blue {
	color: #4E21F2
}

.c3_segment_box_listing .c3_segment_text_orange {
	color: #f95919
}

.c3_editSegSummary_r_title {
}
.c3_editSegSummary_heading {
	font-size: 16px;
	font-weight: 600;
	color: rgba(47, 79, 79, 0.81);
}
.c3_editSegSummary_v {
	font-size: 13px;
	font-weight: 300;
}
.c3_editSegSummary_rName .c3_editSegSummary_v {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}
.c3_editSegSummary_rDescription .c3_editSegSummary_v {
	
}
.c3_editSegSummary_sItem_lbl {
	font-weight: 300;
	color: #9e9e9e;
}
.c3_editSegSummary_catTitle {
	font-size: 14px;
	font-weight: 800;
	color: #777777;
}
.c3_editSegSummary_activitiesList, .c3_editSegSummary_attributesList,
	.c3_editSegSummary_devicesList, .c3_editSegSummary_interactionsList {
	padding-left: 20px;
}
.c3_editSegm_device_lbl {
	font-size: 12px;
	font-weight: 300;
	min-width: 140px;
	max-width: 140px;
}
.c3_editSeg_deviceV {
	padding: 4px 6px;
	background-color: ghostwhite;
	color: #8493a3;
	border: 1px solid rgba(220, 220, 220, 0.7);
	border-radius: 3px;
}
.c3_csi_readOnly_cont {
	display: none;
}
.c3_csi_readOnly .c3_csi_readOnly_cont {
	display: flex;
	/*height: 20px;*/
	font-size: 12px;
	font-weight: 400;
	color: #8493a3;
}
.c3_csi_write_cont {
	display: flex;
}
.c3_csi_readOnly .c3_csi_write_cont {
	display: none;
}
.c3_csi_readOnly_bx_operator, .c3_ruOp {
	font-weight: 300;
}
.c3_sca_readOnly_cont {
	display: none;
}
.c3_sca_readOnly .c3_sca_readOnly_cont {
	display: flex;
}
.c3_sca_readOnly .c3_sca_write_cont {
	display: none;
}
.c3_sca_readOnly .c3_sca_h {
	display: none;
}
.c3_sca_readOnly_cont {
	font-weight: 300;
	font-size: 14px;
	color: #8493a3;
}
.c3_sca_ro_name, .c3_sca_ro_axnName, .c3_sca_ro_iwith {
	font-weight: 500;
	font-size: 15px;
}
.c3_editSegSummary_icon {
	font-size: 24px;
	color: rgba(47, 79, 79, 0.61);
	padding: 0px 15px;
}

.c3_sca_and, .c3_sca_or, .c3_critSegItm_and, .c3_critSegItm_or,
	.c3_critSegItm_ro_and, .c3_critSegItm_ro_or, .c3_sca_ro_or, .c3_sca_ro_and,
	.c3_andOr_ro {
	color: var(--andOr-c);
	text-transform: uppercase;
}

.c3_isUsedAsQueryBuilder {
}

.c3_ta_filter_cont {
	position: absolute;
	float: right;
	right: 95px;
	width: 59%;
	min-width: 600px;
	z-index: 9;
	border: 0px solid #000;
	/* top: 34px; */
	top: 120px;
	background: #efefef;
	-moz-box-shadow: 0 4px 2px -2px rgba(50, 50, 50, 0.17);
	-webkit-box-shadow: 0 4px 2px -2px rgba(50, 50, 50, 0.17);
	box-shadow: 0 4px 2px -2px rgba(50, 50, 50, 0.17);
}

.c3_ta_filter_wrp {
	/* background: #efefef; */
	background-color: transparent;
	padding: 8px;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #797070;
	top: 120px;
	/* width: 91%; */
	/* width: 100%; */
	margin-right: 88px;
	margin-left: 9px;
	clear: both;
	overflow: hidden;
}

.c3_ta_filter_cont_ctrl {
	position: absolute;
	/* left: 87%; */
	right: 100px;
	/* top: 11px; */
	/* transform: rotate(270deg); */
	background-color: rgb(239, 239, 239);
	padding: 4px;
	margin: -4px;
	cursor: pointer;
	width: 50px;
	text-align: center;
	/* border-top-right-radius: 6px; */
	/* border-top-left-radius: 6px; */
}

.c3_evt_config_label {
	width: 20%;
	padding: 5px;
	margin-right: 20px;
}

.c3_evt_config_tb {
	width: 60%;
	/* height: 25px; */
	/* margin-right: 40px; */
	border: 1px solid #e1e1e1;
	padding: 4px 6px;
	margin: 5px 0;
}

.c3_evt_config_table tr th {
	background: #F4F4F4;
	padding: 8px;
	text-align: left;
	font-weight: 300;
	color: rgb(26, 84, 180);
	border-bottom: 2px solid rgb(218, 233, 236);
}

.c3_evt_config_table tr td {
	padding: 4px 8px;
	text-align: left;
	margin: 2px 0;
	color: #4F5C72;
}

/* input box with icon */
.c3_fld_input_c2 {
	flex: 1;
}

.c3_fld_input_c1 {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	background-color: var(--c-gray-45);
	border: 1px solid rgba(204, 204, 204, 0.65);
	font-size: 15px;
	color: #666666;
	padding: 8px 14px;
	border-right: 0px;
	/*border-color: rgba(222, 222, 222, 0.5);*/
	border-color: rgba(204, 204, 204, 0.65);
}

.c3_rows_nowrap_start.c3_fld_input>* {
	border-collapse: collapse;
}

.c3_axnListIVer{
	color: #666;
}

.c3_fld_input_c2>* {
	/* width: 99.5%; */
	/* height: 27px; */
	border-color: rgba(222, 222, 222, 0.5);
	/* border-color: rgba(204, 204, 204, 0.65); */
	border-width: 1px;
	/* border-collapse: collapse; */
	padding-left: 8px;
	border-top: 1px solid rgba(222, 222, 222, 0.5);
	/* border-top: 1px solid rgba(204, 204, 204, 0.65); */
	/* font-family: Roboto, system-ui, Arial; */
}

.c3_fld_input_c2>.c3_actionf {
	width: initial;
}
/* end - input box with icon */
.c3_goal_stat_txt {
	font-size: 16px !important;
	color: #737171;
}

/* csb - new content ** 27-04-2015 */
.c3_csb_step_arrowbox {
	background: #e7f1f2 url("./res/ste-_arrow_pointer.png") no-repeat right
		top;
	height: 46px;
	line-height: 45px;
	color: #125fc8;
	font-size: 17px;
	text-transform: uppercase;
	text-align: left;
	padding-left: 8px;
	margin: 0;
}

.c3_csb_step_arrowbox_end {
	background: #e7f1f2;
	height: 46px;
	line-height: 45px;
	color: #125fc8;
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
	padding-left: 8px;
	margin: 0;
}

.c3_csb_list_container_new {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
}

.c3_csb_list_container_new_stepbox {
	padding: 0;
	margin: 0;
	list-style: none;
	-ms-box-orient: horizontal;
	display: flex;
	justify-content: flex-start;
}

.c3_csb_tab_img_new {
	position: relative;
	opacity: 1.0;
	transition: opacity .55s ease-in-out;
	cursor: pointer;
}

.c3_csb_tab_img_new .rollhover_box {
	display: none;
	opacity: 0;
	z-index: 1;
	position: relative;
	font-size: 17px;
	font-size: 1.5vw;
	flex-flow: column nowrap;
	justify-content: center;
}

.c3_csb_tab_img_new:hover .rollhover_box {
	display: block;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	background: rgba(0, 20, 44, 0.91);
	position: absolute;
	z-index: 9;
	color: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 15px;
	padding: 10px;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	left: 0;
	right: 0;
}

.c3_csb_tab_img_new:hover .rollhover_box p {
	padding: 15px;
}

.c3_csb_list_item_width1 {
	margin: 5px 15px;
	width: 23%;
	text-align: center;
}

.c3_csb_list_item_width2 {
	margin: 5px;
	width: 46%;
	text-align: left;
}

.c3_csb_list_item_step1_width {
	margin: 5px 15px;
	width: 23%;
}

.c3_csb_list_item_step2_width {
	margin: 5px 0px;
	width: 23%;
}

.c3_csb_list_item_step3_width {
	margin: 5px 15px;
	width: 49%;
	width: calc(46% + 30px);
}

.c3_csb_list_item_width2 ul {
	padding: 0;
	margin: 0;
}

.c3_csb_list_item_width2 ul li {
	list-style: none;
}

.c3_evt_config_table {
	margin-top: 30px;
	/* padding: 5px; */
	border-spacing: 10px;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}

.c3_evt_config_desc {
	padding: 10px 10px 20px 0px;
	width: 35%;
}

.c3_evt_config_id {
	width: 20%;
}

tr.border_bottom td {
	border-bottom: 1pt solid var(--c-gray-60);
}

.c3_evt_btn_margin {
	margin-top: 10px;
}

.c3_gen_msg_header {
	width: 100%;
	/*border-bottom: 1px solid #dae9ec;*/
}

/*
 * Dynamic Segments Scrollbar
 */
.c3_dynamicseg_all_scrollbox {
	overflow-y: auto;
	height: 400px;
}

/* 2 column, 1st column for overview */
.c3_cols_nowrap>.c3_2c_outer_body {
	flex: 1;
	/* for auto scroll to work in child div (col 2) */
	overflow: hidden;
}

.c3_2c_outer_body_c1 {
	width: 200px;
	background-color: #fff;
	border-right: 1px solid rgba(228, 233, 233, 0.91);
	padding: 2px 6px;
	font-family: 'Open Sans', sans-serif, Arial;
}

.c3_2c_outer_body_c2 {
	flex: 1;
	/* overflow: auto; */
}

.c3_campaign .c3_2c_outer_body_c2 {
	/*padding: 0px 20px;*/
	/*overflow: auto;*/
	position: relative;
}

.c3_cpgn_schedule {
    padding: 15px;
    background-color: var(--c-gray-10);
    margin-top: 10px;
    border-radius: 4px;
}

.c3_tbHC {
	background: rgb(227, 239, 251);
	/*margin: 0px -20px;*/
	min-height: 35px;
	max-height: 35px;
}
.c3_tb {
	padding: 6px 8px;
	color: gray;
	font-size: 14px;
	margin-right: 10px;
}
.c3_tb_sel {
	color: #333;
	border-bottom: 3px solid rgb(139, 174, 192);
}
.c3_tbB {
	padding: 0px 20px;
	overflow: auto;
}

.c3_tab23 .c3_tab2 {
	background-color: var(--c-gray-0);
	border-color: var(--tab23-bdr-c);
	border-bottom-width: 0;
}
.c3_tab23 .c3_tab2Sel {
	border-color: var(--tab23-sel-bdr-c);
}
.c3_tab23 .c3_tab2Sel {
	z-index: 1;
	border-bottom-width: 0.5px;
	margin-bottom: -.5px;
	border-bottom-color: white;
}
.c3_tab2 .c3_tab2Bar {
	border-top: 4px solid transparent;
}
.c3_tab22 .c3_tab2Bar {
	--tab2Bar-sel-c: var(--c-purple-40);
	border-width: 4px;
}
.c3_tab22.c3_bdrW5 .c3_tab2Bar {
	border-width: 5px;
}
.c3_tab2:focus .c3_tab2Bar,
.c3_tab2:hover .c3_tab2Bar {
	border-color: var(--c-gray-80);
}
.c3_tab2:active .c3_tab2Bar {
	border-color: #8C8C8C;
}
.c3_tab2Sel .c3_tab2Bar,
.c3_tab2Sel:hover .c3_tab2Bar,
.c3_tab2Sel:focus .c3_tab2Bar,
.c3_tab2Sel:active .c3_tab2Bar {
	border-color: var(--tab2Bar-sel-c);
}
.c3_tab2Sel .c3_tab2BarPurple,
.c3_tab2Sel:hover .c3_tab2BarPurple,
.c3_tab2Sel:focus .c3_tab2BarPurple,
.c3_tab2Sel:active .c3_tab2BarPurple {
	border-color: var(--c-purple-40);
}
.c3_tab2Sel:hover {
	cursor: default;
}
.c3_tabsStripTXtra .c3_tab2Bar {
	border-top: 4px solid transparent;
}
.c3_tab2 .c3_tabCloseXBtn {
	color: var(--tab2-btn-close-x-c);
}
.c3_tab2Sel .c3_tabCloseXBtn {
	color: var(--tab2-sel-btn-close-x-c);
}

.c3_chCrd {
	padding: var(--chCrd-pd-v) var(--chCrd-pd-h);
}
.c3_chCrd_j_l {padding-left: .5px;}
@media ( max-width: 1550px ) {
	.c3_chCrd {
		--chCrd-pd-h: 21px;
	}
}
@media ( max-width: 1350px ) {
	.c3_chCrd {
		--chCrd-pd-h: 15px;
	}
	.c3_fs10_1350 {
	  font-size: 10px;
	}
	.c3_fs12_1350 {
	  font-size: 12px;
	}
}
@media ( max-width: 1210px ) {
	.c3_chCrd {
		--chCrd-pd-h: 10px;
	}
}
.c3_chCrdTtl {
	line-height: 20px;
	color: var(--c-gray-100);
}
.c3_tab23 .c3_chCrdTtl {
	line-height: 14px;
	color: var(--c-gray-90);
}
.c3_tab2Sel .c3_chCrdTtl {
	color: var(--c-gray-110);
}
.c3_chCrdNum {
	font-size: 34px;
	line-height: 40px;
	font-weight: 500;
	color: var(--c-gray-100);
}
.c3_tab2Sel .c3_chCrdNum {
	color: var(--c-gray-110);
}
.c3_chCrdItem-bg-c {
	background-color: var(--chCrdItem-bg-c);
}
.c3_tab2Sel .c3_chCrdItem-bg-c {
	--chCrdItem-bg-c: var(--c-purple-40);
}

.c3_campaign .c3_cpgn_r {
	/*padding: 10px 0px;*/
	
}

.c3_cpgn_sxn_body1 {
	align-items: center;
}

.c3_cpgn_sxn_title {
	font-size: 16px;
	padding: 0px;
	color: rgb(0, 85, 169);
	color: #999;
	margin: 10px 0px 8px;
	align-items: baseline;
}

.c3_cpgn_sxn_title_num {
	font-size: 12px;
	margin-right: 6px;
	display: none;
}

.c3_cpgn_sxn_title_txt {
	color: #91c642;
	font-size: 20px;
	border-bottom: 1px solid rgba(218, 233, 236, 0.55);
	padding-bottom: 6px;
}
.c3_cpgn_sxn_h2 {
	font-size: 13px;
	align-items: baseline;
}
.c3_c1cont .c3_cpgn_sxn_title_txt {
	font-size: 24px;
	color: #91c642;
}
.c3_c1cont .c3_cpgn_sxn_title2_txt {
	font-size: 16px;
}
.c3_cpgn_sxn_h2_num {
	display: none;
}

.c3_cpgn_target_segs_hint {
	color: #999;
	margin-bottom: 6px;
	margin-left: 4px;
}

.c3_cpgn_final_segs_hint {
	color: #999;
}

.c3_cpgn_add_seg_btn {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: 1px solid lightgray;
	background-color: gainsboro;
	background-color: rgb(249, 249, 249);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	color: #999;
}

.c3_btn.c3_cpgn_add_seg_btn:hover {
	background-color: #777;
	color: #fff;
	border: 1px solid #777;
}

.c3_campaign.c3_read_only .c3_cpgn_add_seg_btn {
	display: none;
}
[data-seg-chgbl="0"] .c3_cpgn_add_seg_btn {
	display: none;
}
[data-seg-chgbl-fnl="0"] .c3_cpgn_add_seg_btn {
	display: none;
}

.c3_campaign.c3_read_only .c3_cpgn_add_final_seg_btn {
	display: none;
}
[data-seg-chgbl-fnl="0"] .c3_cpgn_add_final_seg_btn {
	display: none;
}

.c3_campaign.c3_read_only .c3_cpgn_add_action_btn {
	display: none;
}

.c3_cpgn_seg_box {
	position: relative;
	margin-right: 8px;
	margin-left: 2px;
	border: 1px solid;
	border-color: rgb(229, 229, 229);
	border-radius: 3px;
	padding: 6px;
	color: #6A5F5A;
	background-color: rgb(249, 249, 249);
	/*margin-bottom: 5px;*/
}
.c3_cj_stepDetails_segsCont .c3_cpgn_seg_box {
	display: inline-table;
}

.c3_cpgn_seg_box_title {
	margin-right: 16px;
	font-size: 114%;
}

.c3_cpgn_seg_box_title:only-child {
	margin-right: 0px;
}

.c3_cpgn_delBtn, .c3_cpgn_delBtn2,
.c3_cpgn_delBtn3,
.c3_eAxnLblsEditBtn {
	color: rgb(165, 165, 165);
}
.c3_cpgn_delBtn {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 2;
	font-size: 10px;
}
.c3_cpgn_delBtn2 {
	font-size: 12px;
}
.c3_cpgn_delBtn2 {
	font-size: 14px;
}
.c3_cpgn_delBtn:hover, .c3_cpgn_delBtn2:hover,
.c3_cpgn_delBtn3:hover,
.c3_eAxnLblsEditBtn:hover
{
	color: #2a2a2a;
}
.c3_cpgn_delBtn3 {
	font-size: 16px;
}

.c3_cpgn_seg_box .c3_cpgn_delBtn, .c3_cpgn_axn_v_box .c3_cpgn_delBtn2,
	.c3_actionf_abcItem .c3_cpgn_delBtn3 {
	display: none;
}
.c3_cpgn_seg_box:hover .c3_cpgn_delBtn, .c3_cpgn_axn_v_box:hover .c3_cpgn_delBtn2,
	.c3_actionf_abcItem:hover .c3_cpgn_delBtn3 {
	display: block;
}

.c3_campaign.c3_read_only .c3_cpgn_seg_box:hover .c3_cpgn_delBtn,
	.c3_campaign.c3_read_only .c3_cpgn_axn_v_box:hover .c3_cpgn_delBtn2,
	.c3_campaign.c3_read_only .c3_cpgn_axn_v_box:hover .c3_cpgn_delBtn3 {
	display: none;
}

.c3_abcItemC3 {
	min-width: 35px;
	min-height: 36px;
}
.c3_abcItemDel {
	padding: 10px 0px 10px 10px;
}
.c3_axnListIImgC {
	order: -1;
}

.c3_cpgn_time_box_btn {
	color: #999;
	color: rgba(190, 190, 190, 0.98);
	font-size: 32px;
}

.c3_cpgn_time_box_c1 {
	padding: 8px 0px;
}

.c3_cpgn_time_box_c1:hover {
	background-color: var(--c-gray-40);
}

.c3_cpgn_time_box_c1 label {
	color: #999;
}

.c3_cpgn_sxn_body3_cont {
	padding: 8px 0px;
}

.c3_cpgn_axn_v_box {
	position: relative;
	background-color: ghostwhite;
	margin-bottom: 4px;
	padding: 6px 8px 6px 8px;
	border-left: 2px solid #4B81B5;
}
.c3_cpgn_axn_v_box_readOnly {
	border-left: 2px solid gainsboro;
}

.c3_cpgnAxnsListItemExp.c3_cpgn_axn_v_box_readOnly,
.c3_expMdPrev .c3_cpgn_axn_v_box_readOnly,
.c3_expTest .c3_cpgn_axn_v_box_readOnly {
	border-left: 0px;
}

.c3_cpgn_axn_v_box_data {
	margin-right: 30px;
	cursor: pointer;
}

.c3_cpgn_axn_v_box_title_lbl {
	color: #666;
	font-size: 15px;
}

.c3_cpgn_run_item_val {
	color: #000;
	font-style: italic;
}

.c3_cpgn_time_val {
	
}

.c3_cpgn_send_axn_val {
	
}

.c3_cpgn_radio_axn label {
	padding: 20px;
	cursor: pointer;
	padding: 35px 20px;
}
.c3_cpgn_radio_axn label:hover {
	background-color: ghostwhite;
}
.c3_cpgn_radio_axn [type="radio"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.c3_cpgn_radio_axn [type="radio"]+span::before {
	content: '';
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	vertical-align: -0.25em;
	border-radius: 2em;
	border: 4px solid #fff;
	box-shadow: 0 0 0 0.25em #ddd;
	margin-right: 0.75em;
	transition: 0.5s ease all;
}
.c3_cpgn_radio_axn [type="radio"]:checked+span::before {
	background: #43b8ee;
	box-shadow: 0 0 0 0.25em #ddd;
}
.c3_cpgn_radio_axn [type="radio"]:focus+span::after {
	/*content: '\0020\2190';*/
	/*font-size: 1.5em;*/
	/*line-height: 1;*/
	/*vertical-align: -0.125em;*/
	
}
.c3_cpgn_radio_axn_r {
	background: var(--c-gray-10);
	/*padding: 35px 10px;*/
	border: 3px solid #e4ecf5;
	text-align: center;
	margin: 2%;
}
.c3_cpgn_radio_axn_r_sel {
}
.c3_cpgn_radio_axn_rr_lbl>* {
	margin-top: 6px;
	margin-bottom: 6px;
}
.c3_cpgn_radio_axn_rr_lbl_img {
	opacity: .75;
}
.c3_cpgn_radio_axn_rr_lbl_txt {
	font-size: 16px;
	color: #235ba7;
	line-height: 22px;
	font-weight: 300;
}

.c3_cpgn_time_cell {
	align-items: center;
}

.c3_cpgn_1schdlC {
}

.c3_campaign table.c3_cj_e_action_dropdownbox {
	background-color: #ffffff;
	border: 1px solid var(--c-gray-57);
	padding: 5px !important;
	border-radius: 0 !important;
	margin: 0 !important;
}

.c3_msg_rhs {
	position: absolute;
	left: 300px;
	right: 10px;
	bottom: 10px;
	top: 140px;
}

.c3_content_pn_body {
	flex: 1;
	margin-top: 10px;
	overflow-y: auto;
}

.c3_content_pn_2cols {
	align-items: flex-start;
}

.c3_content_pn_2cols_col {
	flex: 1;
}

.c3_content_pn_2cols_col1 {
	min-width: 40%;
	max-width: 40%;
	align-self: stretch;
}

.c3_content_pn_2cols_col2 {
	align-self: stretch;
}

.c3_content_pn .c3_config_text_title {
	flex: 1;
}

.c3_content_pn .c3_cj_titleclearbox .title_new_rename {
	width: initial;
	/* flex: 1; */
}

.c3_pn_input_content {
	min-height: 200px;
}

.c3_action_option {
	margin-top: 20px;
}

.c3_link_label {
	padding: 5px;
}

.c3_content_msginfo_tab3 select {
	/* width: auto; */
	/* width: 40%; */
	
}

.c3_deeplink_errormsg {
	display: flex;
	flex-flow: row;
	align-items: center;
	border: 1px dashed rgb(254, 223, 223);
	background-color: rgb(255, 244, 244);
	height: inherit;
	padding: 5px 15px;
	color: rgb(197, 92, 92);
}

.c3_deeplink_config_box {
	border: 0px solid #ccc !important;
	box-shadow: 0px 0px 0px rgba(111, 111, 111, 0.0) !important;
	width: 100%;
}

.c3_individual_deeplink_listing_scrollbox {
	width: 100%;
	height: 370px;
	overflow-y: auto;
	overflow-x: hidden;
}

.c3_individual_deeplink_box {
	padding: 10px;
	border: 1px solid #e1e1e1;
	margin-bottom: 8px;
	display: flex;
	flex-direction: row;
	width: 97%;
}

.c3_individual_deeplink_box .c3_left_deeplinkBox {
	width: 92%;
}

.c3_individual_deeplink_box .c3_left_deeplinkBox .c3_left_deeplinkBox_row
	{
	padding: 4px;
	border: 0 solid #e1e1e1;
	display: flex;
	flex-direction: row;
	width: 98%;
}

.c3_left_deeplinkBox_sec1
	{
	align-items: stretch;
	width: 25%;
	padding-right: 2%;
	color: rgb(0, 85, 169);
	font-size: 12px;
}

.c3_left_deeplinkBox_sec2
	{
	align-items: stretch;
	width: 75%;
	padding-right: 2%;
	color: rgb(0, 85, 169);
	font-size: 12px;
}

.c3_individual_deeplink_box .c3_left_deeplinkBox .c3_left_deeplinkBox_row .title
	{
	margin-right: 10px;
	color: #333;
}

.c3_individual_deeplink_box .c3_right_deeplinkBtnBox {
	width: 8%;
	text-align: right;
	border: 0 solid #ff0000;
	align-self: center;
}

.c3_individual_deeplink_box .c3_right_deeplinkBtnBox {
	width: 8%;
	text-align: right;
	align-self: center;
	align-items: stretch;
	font-size: 17px;
	color: #C4C9CA;
}

.c3_individual_deeplink_box .c3_right_deeplinkBtnBox>span {
	margin: 0 5px;
}

/* editdeep link popup */
.c3_editdeeplinks_popup {
	padding: 0;
}

.c3_editdeeplinks_popup_row {
	margin: 5px 0;
}

.claro .c3_editdeeplinks_popup .dijitDialogPaneContentArea {
	margin: 0 !important;
	padding: 10px !important;
	height: 225px;
	overflow-y: auto;
	clear: both !important;
}

.claro .c3_editdeeplinks_popup .dijitDialogPaneContentArea
.c3_imageShowingScrollBox {
    height: calc(100% - 20px);
}

.claro .c3_editdeeplinks_popup .dijitDialogPaneContentArea .imgBox:hover {
border: 2px solid #C5E19D;
cursor: pointer;
}

.claro .c3_editdeeplinks_popup .dijitDialogPaneContentArea p {
	font-size:95%;
	color:#333;
	margin-bottom:8px;
}


.c3_editdeeplinks_popup .dialogBtnCancel {
	background: #c4c6c8;
	border: solid 1px #c4c6c8;
	margin: 0 10px 0 0;
	font-weight: 300;
	transition: all 0.15s ease 0s;
	color: #555;
	font-size: 14px;
	text-transform: uppercase;
	padding: 6px 12px;
	border-radius: 0px;
	cursor: pointer;
}

.c3_editdeeplinks_popup .dialogBtnCancel:hover {
	background: #555;
	color: #fff;
	border: solid 1px #555;
}

.c3_editdeeplinks_popup_row .dialogDesc {
	width: 68% !important;
}

.pointerCursor {
	cursor: pointer;
}

.c3_editdeeplinks_popup .labelText {font-size:97%; border:0px solid #0E5DAC; color:#0E5DAC; margin-bottom:4px;}
.c3_editdeeplinks_popup .labelText p {margin-bottom:5px;}

.c3_link_name_size {
	font-size: 14px;
}

.c3_link_desc_of {
	text-overflow: ellipsis;
	color: rgb(124, 124, 127) !important;
}

.c3_push_preview {
	position: absolute;
	top: 96px;
	left: 25px;
	width: 202px;
	height: 270px;
	color: white;
	border: 0 solid #fff;
}

.c3_pushnotification_mainbox .c3_cj_titleclearbox .title_new_rename {
	background: url(/res/icon_pencil_edit.png) no-repeat 99% 7px;
	float: left;
	padding: 7px 15px 7px 5px;
	width: 60%;
	font-size: 100%;
	color: rgb(113, 151, 169);
	border: 1px solid #E5E5E5;
	border-radius: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}
.c3_pushnotification_mainbox .c3_cj_titleclearbox .title_new_rename:hover
	{
	background: #f9f9f9 url(/res/icon_pencil_edit.png) no-repeat 99% 7px;
}
.c3_pushnotification_mainbox .form-group {
	margin-bottom: 0;
}
.c3_pushnotification_mainbox .c3_msg_2col_box_col1 {
	width: auto;
	padding-right: 10px;
}
.c3_pushnotification_mainbox .c3_tags_inner_cont>li {
	border-radius: 2px;
	height: 18px;
	list-style-type: none;
	position: relative;
	display: inline-flex;
	padding: 2px !important;
}
.c3_pushnotification_mainbox .c3_context_p_tags_value {
	padding: 0 4px;
	color: #666;
	white-space: nowrap;
	position: relative;
	padding-right: 30px;
	font-size: 12px;
}
.c3_pushnotification_mainbox .c3_btn_fa_no_border {
	border-radius: 3px;
	color: #999;
	margin: 0;
	padding: 0 5px;
}
.c3_pushnotification_mainbox .c3_btn_fa_no_border:hover {
	border-color: gainsboro;
}
.c3_pushnotification_mainbox .register_btn_padding {
	padding: 0;
	margin: 0;
}
.c3_pushnotification_mainbox .c3_push_preview_mainbox {
	position: absolute;
	top: 197px;
	left: 29px;
	width: 199px;
	/* height: 17px; */
	color: white;
	border: 0px solid #fff;
	font-size: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: flex;
}
.c3_pushnotification_mainbox .c3_push_preview {
	position: absolute;
	top: 20px;
	left: 19px;
	width: 179px;
	height: 38px;
	color: white;
	border: 0px solid #fff;
	font-size: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.c3_pushnotifcation_table {
	margin: 4px 10px 4px 0px;
}
.c3_pushnotifcation_table .customTableTitle {
	font-family: 'Open Sans', sans-serif !important;
	padding: 6px 0;
	color: #062f84;
}
.c3_pushnotifcation_table .c3_evt_config_table {
	margin-top: 0;
	/* padding: 5px; */
	border-spacing: 10px;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}
.c3_pushnotifcation_table .c3_evt_config_table .c3_evt_config_tb {
	width: 90%;
	/* height: 25px; */
	/* margin-right: 40px; */
	border: 1px solid #e1e1e1;
	padding: 8px 12px;
	margin: 5px 0;
	font-size: 13px;
	font-family: 'open sans';
}
.c3_pushnotifaction_textarea_container {
	position:relative;
}
.c3_pushnotifaction_textarea_container .c3_msglibrary_box #main-container
	{
	background-color: #fff;
	border: 0px solid #dae9ec;
	margin: 0 0 0 0;
	height: calc(100% - 30px);
	padding: 0 10px;
	position: absolute;
	width: calc(100% - 20px);

	flex: 1;

	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
}
.c3_pushnotifaction_textarea_container .c3_msglibrary_box #main-container .scroll_box>input
	{
	margin: 10px 0px 10px 0px;
	height: 20px;
	/*width: 350px;*/
}
.c3_pushnotification_actionbox .c3_lbl_blue {
	font-size: 13px;
}

.c3_editdeeplinks_popup_row .smalltext {
	font-size: 11px;
	color: #C0BFBF;
	display: block;
	margin-left: 134px;
	line-height: 18px;
}

.c3_pushnotification_mainbox .cell_1 {
	white-space: nowrap;
	overflow: hidden;
	width: 102px;
	text-overflow: ellipsis;
	font-size: 13px;
}

.c3_pushnotification_mainbox .my_time {
	font-size: 11px;
	color: rgb(169, 179, 180);
	padding-top: 3px;
}

.c3_pushnotification_mainbox .c3_psuhnotification_phone_row_1 {
	flex: 1;
	display: flex;
}

.c3_pushnotification_mainbox .c3_psuhnotification_phone_row_2 {
	flex: 1;
}

.c3_pushnotification_mainbox .c3_psuhnotification_phone_col_1 {
	flex: initial;
	width: 20px;
}

.c3_pushnotification_mainbox .c3_psuhnotification_phone_col_2 {
	flex: 1;
}

.c3_pushnotification_mainbox .c3_psuhnotification_phone_row_3 {
	font-size: 11px;
	color: rgb(169, 179, 180);
	margin-top: 39px;
}

.c3_pushnotifaction_textarea_container .c3_msglibrary_box #main-container .scroll_box>input
	{
	margin: 10px 0px 10px 0px;
	height: 20px;
	/*width: 96%;*/
	padding: 5px 8px;
	border: 1px solid #e1e1e1;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif !important;
}

.c3_push_sound_div {
	margin: 4px 10px 4px 0px;
	position: relative;
}

.c3_push_sound_div>input {
	/* width: 92%; */
	/* height: 25px; */
	border: 1px solid #e1e1e1;
	/* padding: 8px 12px; */
	margin: 5px 0;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.c3_template_fld_div {
	margin: 1px 0px 1px 0px;
	position: relative;
}

.c3_template_fld_div>input {
	/* width: 92%; */
	/* height: 25px; */
	border: 1px solid #e1e1e1;
	/* padding: 8px 12px; */
	margin: 5px 0;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.c3_uiTemp_insertImg {
	/* width: 20px; */
	position: absolute;
	right: 4px;
	top: 0px;
	bottom: 0px;
	z-index: 40;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
}
.c3_uiTemp_insertImg.c3_flex_center_1>i {
	padding: 5px;
	background-color: #B9D1D6;
}


.c3_pview_common {
	overflow: auto;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	/*background-color: antiquewhite;*/
}
.c3_pview_common>div {
	/*background-color: rgba(103, 182, 97, 0.17);*/
}

.c3_pview_phone {
	width: 254px;
	height: 458px;
	background-image: url("/res/fullscrenmsg_iphone.png");
}
.c3_pview_tablet {
	width: 236px;
	height: 334px;
	background-image: url("/res/preview_screen_tablet.png");
}

.c3_pview_desktop{
	width: 333px;
	height: 302px;
	background-image: url("/res/preview_screen_desktop.png");
}

.c3_msglibrary_pview_fm_iphone {
	width: 254px;
	height: 458px;
	background-image: url("/res/fullscrenmsg_iphone.png");
}

.c3_fsm_preview_div {
	color: #222;
	top: 70px;
	left: 10px;
	height: 350px;
	width: 100%;
	position: absolute
}

.c3_preview_fullscreen {
	height: var(--con-prv-frm-h);
	width: var(--con-prv-frm-w);
	border: 0 solid rgb(202, 218, 233);
	background: none !important;
	/* font-family: arial; */
	/* color: red; */
	padding: 12px;
	/* background: none!important; */
}

.c3_msglibrary_pview_d_iphone {
	/*width : 300px;
	height: 590px;
	background-image: url("/res/iphone.png");*/
	width: 254px;
	height: 458px;
	background-image: url("/res/push_iphonescreen.png");
}


/* push notification */
.c3_pview_phone.c3_msglibrary_pview_d_iphone {
	background-image: url("/res/push_iphonescreen.png");
	/*background-image: url("/res/pushnotification_iphone.png");*/
}
.c3_pview_tablet.c3_msglibrary_pview_d_iphone {
	/*background-image: url("/res/preview_screen_tablet.png");*/
	background-image: url("/res/pushnotification_tablet.png");
	height: 334px;
	width: 237px;
}
.c3_pview_desktop.c3_msglibrary_pview_d_iphone {
	/* FIXME add device specific image */
	/*background-image: url("/res/pushnotification_desktop.png");*/
}

/* fullscreen */
.c3_pview_phone.c3_msglibrary_pview_fm_iphone {
	background-image: url("/res/fullscreenmsg_noclose_iphone.png");
}
.c3_pview_tablet.c3_msglibrary_pview_fm_iphone {
	/*background-image: url("/res/fullscreenmsg_tablet.png");*/
	background-image: url("/res/preview_screen_tablet.png");
	width: 237px;
	height: 334px;
}
.c3_pview_desktop.c3_msglibrary_pview_fm_iphone{
	/*background-image: url("/res/fullscreenmsg_desktop.png");*/
	background-image: url("/res/preview_screen_desktop.png");
	background-position: center top;
	width: 337px;
	height: 286px;
}

/* alert */
.c3_pview_phone.c3_msglibrary_alert_pview_fm_iphone {
	background-image: url("/res/alert_iphonescreen.png");
}
.c3_pview_tablet.c3_msglibrary_alert_pview_fm_iphone {
	/* FIXME add device specific image */
	/*background-image: url("/res/alert_iphonescreen.png");*/
}
.c3_pview_desktop.c3_msglibrary_alert_pview_fm_iphone {
	/* FIXME add device specific image */
	/*background-image: url("/res/alert_iphonescreen.png");*/
}

/* appbox */
.c3_pview_phone.c3_msglibrary_appbox_pview_fm_iphone {
	background-image: url("/res/appbox_iphonescreen.png");
}
.c3_pview_tablet.c3_msglibrary_appbox_pview_fm_iphone {
	/* FIXME add device specific image */
	/*background-image: url("/res/appbox_iphonescreen.png");*/
}
.c3_pview_desktop.c3_msglibrary_appbox_pview_fm_iphone {
	/* FIXME add device specific image */
	/*background-image: url("/res/appbox_iphonescreen.png");*/
}

/* banner */
/* this is using the same img + class as 'alert' */
.c3_pview_phone.c3_banner_preview {
	/*background-image: url("/res/bnr_iphone.png");*/
}
.c3_pview_tablet.c3_banner_preview {
	/* FIXME add device specific image */
	/*background-image: url("/res/bnr_tablet.png");*/
}
.c3_pview_desktop.c3_banner_preview {
	/* FIXME add device specific image */
	/*background-image: url("/res/bnr_desktop.png");*/
}

.c3_preview_alertscreen, .c3_preview_appboxscreen {
	height: 145px;
	width: 173px;
	border: 0 solid rgb(202, 218, 233);
	background: #ffffff;
	/* font-family: arial; */
	/* color: red; */
	padding: 12px;
	border-radius: 8px;
	/* top: 100px; */
	margin-top: 150px;
	margin-left: 28px;
	box-shadow: 0px -1px 10px 0px rgba(40, 40, 40, 1);
}

.c3_pview_phone .c3_preview_alertscreen, .c3_pview_phone .c3_preview_appboxscreen {
	height: 50px;
	width: 173px;
}
.c3_pview_tablet .c3_preview_appboxscreen {
	height: 249px;
	width: 182px;
	margin-top: 30px;
	margin-left: 15px; 
	border: 0px solid red;
	border-radius: 0;
	box-shadow: 0px -1px 10px 0px rgba(40, 40, 40, 0);
}
.c3_pview_desktop .c3_preview_alertscreen, .c3_pview_desktop .c3_preview_appboxscreen {
	height: 159px;
	width: 275px;
	margin-top: 15px;
	margin-left: 15px;
	border: 0px solid #4B00FF;
	border-radius: 0;
	box-shadow: 0px -1px 10px 0px rgba(40, 40, 40, 0);
}

.c3_fsm_alert_preview_div {
	color: #222;
	top: 160px;
	left: 33px;
	height: 50px;
	width: 185px;
	position: absolute;
	border: 2px solid #fff;
}

.c3_fsm_appbox_preview_div {
	color: #222;
	top: 125px;
	left: 24px;
	height: 243px;
	width: 202px; 
	position: absolute;
	border: 2px solid #fff;
}

.c3_alert_msgtext_inside {
	color: rgb(131, 116, 116);
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font: normal 12px/19px verdana;
	padding: 8px;
}

.c3_fsm_smallbanner_preview_div {
	color: #222;
	top: 94px;
	left: 22px;
	right: 19px;
	height: 65px;
	position: absolute;
	/*padding: 8px;*/
	top: 0;
	left: 0;
	right: 0;
	height: min-content;
}

.c3_preview_smallbannerscreen {
	height: 65px;
	width: 210px;
	border: 0px solid rgb(202, 218, 233);
	background: none !important;
	/* font-family: arial; */
	/* color: red; */
	padding: 12px;
	/* background: none!important; */
	padding: 0px;
}

/* appbox */
.c3_pview_tablet .c3_fsm_appbox_preview_div {
	color: #222;
	top: 30px;
	left: 15px;
	height: 273px;
	width: 204px;
	position: absolute;
	border: 0px solid #fff;
}

.c3_pview_desktop .c3_fsm_appbox_preview_div {
	color: #222;
	top: 15px;
	left: 16px;
	height: 183px;
	width: 298px;
	position: absolute;
	border: 0px solid red;
}

/* push notification */
.c3_pview_tablet .c3_push_preview_mainbox {
	top: 138px;
	left: 17px;
	width: 202px;
}

/* fullscreen */
.c3_pview_tablet .c3_preview_fullscreen {
	height: 273px;
	width: 204px;
	border: 0 solid rgb(202, 218, 233);
	background: none !important;
	padding: 12px;
	margin-top: -51px;
	margin-left: -5px;
}
.c3_pview_desktop .c3_fsm_preview_div {
	height: 172px;
	background: none !important;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 65px;
}

.c3_pview_desktop .c3_preview_fullscreen {
	height: 184px;
	width: 184px;
	background: none !important;
	padding: 0;
}

/* alert */
.c3_pview_tablet .c3_preview_alertscreen {
	height: 50px;
	width: 165px;
	margin-top: 120px; 
	margin-left: 25px;
	border: 0px solid red;
	border-radius: 0;
	box-shadow: 0px -1px 10px 0px rgba(40, 40, 40, 0);
}
.c3_pview_desktop .c3_preview_alertscreen {
	height: 50px;
	width: 200px;
	margin-top: 70px;
	margin-left: 55px;
	border: 0px solid #4B00FF;
	border-radius: 0;
	box-shadow: 0px -1px 10px 0px rgba(40, 40, 40, 1);
}

.c3_pview_tablet .c3_fsm_alert_preview_div {
	height: 50px;
	width: 176px;
	color: #222;
	top: 135px;
	left: 29px;
	position: absolute;
	border: 0px solid #D80000;
}
.c3_pview_desktop .c3_fsm_alert_preview_div {
	color: #222;
	top: 75px;
	left: 56px;	
	height: 100px;
	width: 217px;
	position: absolute;
	border: 0px solid red;
}

/* banner */
.c3_pview_tablet .c3_preview_smallbannerscreen {
	width: 205px;
}
.c3_pview_tablet .c3_fsm_smallbanner_preview_div {
	color: #222;
	top: 30px;
	left: 16px;
	right: 0px;
	height: 65px;
	width: 205px;
}
.c3_pview_desktop .c3_preview_smallbannerscreen {
	width: 300px;
}
.c3_pview_desktop .c3_fsm_smallbanner_preview_div {
	color: #222;
	top: 17px;
	left: 17px;
}

.c3_content_refresh_btn {
	float: right;
	font-style: normal;
	color: green;
	margin-right: 20px;
	cursor: pointer;
}

.c3_cj_circle_chart {
	font-size: 16px !important;
	color: rgb(170, 183, 170);
}

/*
 * Campaign Metrics
 */
.c3_camp_stats_table {
	padding: 8px;
	text-align: left;
	font-weight: 300;
	color: rgb(26, 84, 180);
	/*border-bottom: 0px solid rgb(218, 233, 236);*/
	position: absolute;
	width: 99%;
	top: 50px;
	border-collapse: collapse;
}

.c3_camp_stats_table tr th {
	background-color: #ebebed;
	border-bottom: 2px solid #d9e1e9;
	padding: 8px;
	font-weight: 300;
	font-size: 15px;
	color: #10419c;
}

.c3_camp_stats_table tr td {
	border-bottom: 1px solid rgb(218, 233, 236);
	padding: 8px;
}

.c3_camp_stats_table .tbody:nth-child(odd) {
	background-color: #f6f6f9;
}

.c3_camp_stats_table .tbody:nth-child(even) {
	background-color: #fff;
}

.c3_dash_body {
	padding-top: 10px;
	border-top: 0 solid var(--c-gray-60);
	right: 10px;
	align-items: stretch;
	overflow: hidden;
}

.c3_dash_body .c3_dashColLHS {
	width: 68%;
	position: relative;
	/*top: 14px;*/
	/*height: 100%;*/
	overflow: hidden;
}

.c3_dash_body .c3_dash_scrollbox {
	border: 0 solid #ddd;
	height: 550px;
	width: 100%;
	overflow: auto;
}

.c3_dash_body .c3_dashColLHS .c3_dash_campaign_cj_scrollbox {
	border: 0 solid #ddd;
	height: 406px;
	overflow: auto;
}

.c3_dash_body .c3_dashColRHS {
	/* width: 29%; */
	/* position: absolute; */
	/* right: 20px; */
	/* height: 100%; */
	margin-left: 10px;
	margin-right: 1px;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box1, .c3_dash_body .c3_dashColRHS .c3_dashColRHS_box2,
	.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box3 {
	padding: 10px; 
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid var(--c-gray-45);
	/*min-height: 220px;*/
	margin-bottom: 10px;}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box1 {
	
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box2 {
	background-color: #f9f9f9;
	min-height: 150px;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box3 {
	min-height: 100px;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box2>h3 {
	color: #0055a9;
	font-size: 15px;
	font-weight: 400;
	padding: 0 0 5px 0;
	margin: 0;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box2>h5 {
	color: #656565;
	font-size: 12px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box2 ul {
	padding: 4px 0;
	margin: 0 0 0 20px;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box2 ul li {
	list-style: disc;
	color: #0055a9;
	font-size: 12px;
	margin: 2px 0;
}

.c3_dash_body .c3_whitebox_channelsettings, .c3_dash_body .c3_whitebox_configureApiKeys
	{
	padding: 10px;
	position: absolute;
	left: -4px;
	top: 0 !important;
	bottom: 0px !important;
	overflow: hidden;
	right: 5px;
}

.c3_dash_body .c3_dashSummary_row {
	display: flex;
	flex-flow: row;
	align-items: flex-start;
	justify-content: space-between;
}

.c3_dashSummary_item {
	height: 70px;
	/*width: 180px;*/
	width: 29.2%;
	min-width: 150px;
	background-color: #f1fad6;
	color: #9baf64;
	/*float: left;*/
	/*margin-right: 10px;*/
	border: 1px solid #d9f2c9;
	border-radius: 4px;
	padding: 4px 8px;
	margin-bottom: 10px;
	font-size: 14px;
}

.c3_mau_summary {
	background-color: #f1fad6;
	color: #9baf64;
	border: 1px solid #d9f2c9;
}

.c3_mau_summary_stats {
	padding: 8px 0 0 0;
	font-size: 24px;
	align-items: center;
}

.c3_dashSummary_item_title {
	font-size: 14px;
}

.c3_dashSummary_item_title_sm {
	font-size: 10px;
}

.c3_dashSummary_item_n {
	font-size: 24px;
}

.c3_dashSummary_item_monthBtn::before {
	cursor: pointer;
}

.summary_stats_icon {
	font-size: 24px;
}

.c3_campaign_sum {
	font-size: 18px;
	color: #3e72c8;
	border-bottom: 1px #ebebed solid;
	padding-bottom: 5px;
}

.c3_campaign_summary_logo {
	font-size: 40px;
	color: #D1D1DF;
	/* #CBD6EF */
	padding-top: 20px;
}

.c3_campaign_summary_value {
	font-size: 25px;
	padding-top: 4px;
	color: #3066DB;
	text-align: center;
}

.c3_event_summ {
	background-color: #fff7db;
	border: 1px solid #fff0c3;
	color: #da8483;
}

.c3_action_summ {
	color: #004d90;
	background-color: #d9edfd;
	border: 1px solid #bcdff8;
}

.c3_dash_chart {
}

.c3_dash_chart .c3_chart_title {
	font-size: 16px; 
   /* padding-left: 20px; */ 
    color: #477FCA; 
    /* text-shadow: none; */ 
    font-weight: 300; 
    margin: 5px 0 0 0; 
    padding: 2px 15px; 
}

.c3_dash_campaign {
	/* height: 30px; */
	width: 100%;
	color: #0c5bab;
	font-size: 18px;
	border-bottom: 1px solid #f7f7f7;
	border-top: 1px solid #f7f7f7;
	/* padding-top: 5px; */
	padding: 8px 0;
	margin-bottom: 5px;
	/*cursor: pointer;*/
	border-top-color: rgb(179, 0, 0);
	border-top-width: medium;
}

.c3_dash_campaign.c3_dash_campaignBorder {
	border-top-color: rgb(80, 127, 199);
}

.c3_dash_campaign .c3_campaign_titletext {
	margin-right: 35px;
}

.c3_dash_campaign .orange_labeltext {
	color: #ec9806;
}

.c3_dash_campaign .green_labeltext {
	color: #abd017;
}

.c3_dash_campaign .c3_campaign_arrowspace {
	margin: 0 12px;
}

.c3_dash_camp_icon {
	padding: 10px 10px 10px 0px;
	font-size: 20px;
}

.c3_dash_body .c3_dashColLHS .c3_dash_marketingperformance_scrollbox { 
	border: 0 solid #ddd;
	/*overflow-y: auto;*/
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 8px;
} 

.c3_dash_body .c3_dashColRHS .camp_perf_overview_scrollbox {
	height: 125px !important;
	margin: 0 5px 5px 0;
	overflow-y: auto;
}

/* 02-06-2015 */
.c3_journeyList_table {
	padding: 4px;
}

.c3_journeyList_table .c3_journeyList_header {
	padding: 3px 0;
	border-bottom: 1px solid #e1e1e1;
}

.c3_journeyList_table .c3_journeyList_header>span {
	background-color: #f7f7f7;
}

.c3_dash_camp_txt {
	color: #a8c9bb;
	font-size: 14px;
	margin: 0 8px;
}

/* */
.c3_monthSelectorDiv {
	padding-left: 10px;
    font-weight: 600;
    cursor: pointer;
}

.c3_monthSelector_control_popupbox_position {
	top: 250px !important;
}

.c3_monthSelector_control_body {
	padding: 7px 12px;
}

.c3_monthSelector_control_ro {
    padding: 12px 0px;
}

.monthSelectorSize {
	width: 140px !important;
	height: 25px !important;
}

.c3_timeSelector_control_popupbox_position {
	top: 212px;
}

.c3_timeSelector_control_box_position {
	position: relative;
	margin: 0 0 8px 0;
}

.c3_chartTemplate_r1.c3_dashboard {
	font-size: 17px;
	padding: 0;
	text-align: left;
	margin-left: -8px;
	color: rgb(0, 85, 169);
}

.show_cj_circle_stats {
	display: none !important;
	position: absolute;
	z-index: 9;
	background: rgba(136, 183, 213, 0.75);
	color: #fff;
	border: 1px solid #c2e1f5;
	top: 50px;
	left: -14px;
	right: -14px;
	/*margin-left: 16px !important;*/
	/*margin-right: 16px !important;*/
	/*text-align: center;*/
	top: 75%;
	/*width: 145px;*/
	padding: 4px;
	z-index: 9;
}

.show_cj_circle_stats:after, .show_cj_circle_stats:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.show_cj_circle_stats:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #88b7d5;
	border-width: 10px;
	margin-left: -10px;
}

.show_cj_circle_stats:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 11px;
	margin-left: -11px;
}

.c3_cj_circle:hover .show_cj_circle_stats {
	display: -webkit-flex !important;
	display: flex !important;
}

.c3_cj_circle.c3_cj_cell {
	position: relative;
}

.c3_cj_circle_chart_cont .c3_cj_circle>section.c3_cj_convrate_arrow_cont
	{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0px;
}

.c3_forgotpwdC {
	background: linear-gradient(242.07deg, #085DAD 0%, #41B658 66.02%);
	width: inherit;
	height: inherit;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.c3_show_convrate_witharrow {
	/*margin-right: -30px !important;*/
	padding: 4px 5px !important;
	margin: 0;
	margin-left: -10px;
	position: relative;
	background-color: #ffbb72;
	background: linear-gradient(to right, #999 51%, #ffbb72 100%);
	background: linear-gradient(to right, darkseagreen 51%, #ffbb72 100%);
	color: rgb(255, 255, 255);
	font-family: courier, 'Open Sans', sans-serif;
	/* border-radius: 3px; */
	z-index: 9;
	cursor: pointer;
}

.c3_show_convrate_witharrow:after, .c3_show_convrate_witharrow:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.c3_show_convrate_witharrow:after {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: #ffbb72;
	border-width: 17px;
	margin-top: -17px;
}

.c3_show_convrate_witharrow:before {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: #ffbb72;
	border-width: 18px;
	margin-top: -18px;
}

.c3_cj_convrate_achieved .c3_show_convrate_witharrow {
	background-color: rgb(169, 207, 114);
	background: linear-gradient(to right, darkseagreen 51%, rgb(169, 207, 114)
		100%);
	color: rgb(255, 255, 255);
}

.c3_cj_convrate_achieved .c3_show_convrate_witharrow:after {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: rgb(169, 207, 114);
}

.c3_cj_convrate_achieved .c3_show_convrate_witharrow:before {
	border-color: rgba(247, 247, 247, 0);
	border-left-color: rgb(169, 207, 114);
}

/* */
.c3_journeyList_table {
	padding: 4px;
}

.c3_journeyList_table .c3_journeyList_header, .c3_journeyList_table .c3_campList_header
	{
	background-color: #ebebed;
	border-bottom: 2px solid #d9e1e9;
	padding: 5px 8px;
	font-weight: 300;
	font-size: 13px;
	color: #10419c;
	display: flex;
	flex-flow: row;
	align-items: flex-end;
	justify-content: space-between;
}

.c3_journeyList_table .c3_journeyList_header>span, .c3_journeyList_table .c3_campList_header>span
	{
	margin-right: 8px;
	background-color: transparent;
}

.c3_journeyList_table .c3_journeyList_header .c3_journeyList_name,
	.c3_journeyList_table .c3_campList_header .c3_journeyList_name {
	width: 35%;
	text-align: left;
}

.c3_journeyList_table .c3_journeyList_header .c3_journeyList_other,
	.c3_journeyList_table .c3_campList_header .c3_journeyList_other {
	width: 18%;
	text-align: center;
	text-transform: capitalize;
}

.c3_journeyList_table .c3_journeyList_body .c3_cj_body,
	.c3_journeyList_table .c3_campList_body .c3_cj_body {
	padding: 5px 8px;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	flex-flow: row;
	align-items: flex-end;
	justify-content: space-between;
}

.c3_journeyList_table .c3_journeyList_scrollbox {
	overflow: auto;
	height: 150px;
}

.c3_journeyList_table .c3_journeyList_body .c3_cj_body>span,
	.c3_journeyList_table .c3_campList_body .c3_cj_body {
	margin-right: 0px;
	cursor: pointer;
}

.c3_journeyList_table .c3_journeyList_body .c3_cj_body .c3_journeyList_name,
	.c3_journeyList_table .c3_campList_body .c3_cj_body .c3_journeyList_name
	{
	width: 35%;
	text-align: left;
}

.c3_journeyList_table .c3_journeyList_body .c3_cj_body .c3_journeyList_other,
	.c3_journeyList_table .c3_campList_body .c3_cj_body .c3_journeyList_other
	{
	width: 18%;
	text-align: center;
}

.c3_journeyList_table .c3_journeyList_body .c3_cj_body:nth-child(odd),
	.c3_journeyList_table .c3_campList_body .c3_cj_body:nth-child(odd) {
	background-color: #f6f6f9;
}

.c3_journeyList_table .c3_journeyList_body .c3_cj_body:nth-child(even),
	.c3_journeyList_table .c3_campList_body .c3_cj_body:nth-child(even) {
	background-color: #fff;
}

.c3_dashSummary_dashCharts {
	background-color: rgb(249, 249, 249);
	border: 1px solid #F2F2F2;
	padding: 8px 8px 4px 8px;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box1 .c3_CampPerfHeader {
	color: #0055a9;
	font-size: 15px;
	font-weight: 400;
	padding: 0 0 5px 0;
	margin: 0;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box1>h5 {
	color: #656565;
	font-size: 12px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box1 ul {
	padding: 4px 0;
	margin: 0 0 0 20px;
}

.c3_dash_body .c3_dashColRHS .c3_dashColRHS_box1 ul li {
	list-style: disc;
	color: #0055a9;
	font-size: 12px;
	margin: 2px 0;
}

.c3_noData {
	color: #0055a9;
	font-size: 15px;
	font-weight: 400;
	padding: 15px 0 5px 0;
	margin: 0px 0px 0px 10px;
	cursor: pointer;
	height: 150px;
}
.c3_noData2 {
}
.c3_noDataGfx {
}
.c3_noDataLbl {
	color: var(--c-gray-100);
}
.c3_noDataLbl1 {
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
}
.c3_noDataLbl2 {
	font-size: 16px;
	line-height: 20px;
}
.c3_noDataLbl3 {
	font-size: 13px;
	line-height: 18px;
	margin-top: -30px;
}
.c3_noDataLbl4 {
	font-size: 11px;
	line-height: 16px;
}

.c3_dashColRHS_box1 .c3_emptyPerf {
	color: #0055a9;
	font-size: 15px;
	font-weight: 400;
	margin-top: 0px;
}

/* video tutorial */
.c3_whatsnew_container {
	padding: 10px;
}

.c3_tut_cat_box {
	
}

.c3_tut_cat_box_head {
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
	color: #0055a9;
	font-size: 15px;
	font-weight: 300;
	border-bottom: 1px solid #F1F1F1;
}

.c3_tut_cat_box_head_body {
	overflow: auto;
	overflow-x: hidden;
	min-height: 216px;
	/* border: 1px solid #ddd; */
	padding: 0 !important;
	margin: 0 !important;
	/* background-color: aquamarine; */
}

.c3_videolisting_box {
	/* height: 220px; */
	width: 21.2%;
	min-width: 170px;
	margin-right: 35px;
	margin-bottom: 35px;
	float: left;
}

.c3_videolisting_box_yt {
	/*min-height: 140px;*/
	border: 3px solid #F7F4F4;
}

.c3_videolisting_box>h3 {
	padding: 0 0 4px 0;
	margin: 0;
	font-weight: 300;
	color: rgb(34, 115, 196);
	font-size: 15px;
	text-overflow: ellipsis;
	/* width: 100%; */
	overflow: hidden;
	white-space: nowrap;
}

.c3_videolisting_box>p {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-weight: 300;
	color: #7D838D;
	font-size: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 30px
}

.c3_videolisting_box_yt>iframe {
	max-height: 103px;
	padding: 3px;
	border: 3px solid #e1e1e1;
}

.c3_child_window_padding_nooverflow {
	overflow: hidden !important;
}

.c3_journey_analytics_close {
	position: fixed;
	right: 25px;
}

/* profile schema popup box */
.c3_profileschema_popupbox {
	padding: 4px 0;
}

.c3_profileschema_popupbox .profileschema_inputbox {
	border: 1px solid lightgray;
	padding: 6px;
	color: #333;
	/* font-weight: bold; */
	font-family: 'Open Sans', sans-serif !important;
	box-sizing: border-box;
	width: 99.5%;
	margin: 5px 0;
}

.c3_profileschema_popup_clearbox {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.c3_profileschema_popup__fullsec {
	width: 100%;
	margin-right: 15px;
	padding-right: 15px;
}

.c3_profileschema_popup__fullsec .text_blue {
	color: #54A5D5;
}

.c3_profileschema_popup__leftsec {
	width: 60%;
	margin-right: 15px;
	padding-right: 15px;
}

.c3_profileschema_popup__leftsec .text_blue {
	color: #54A5D5;
}

.c3_profileschema_popup__rightsec {
	width: 30%;
	border-left: 1px solid #e1e1e1;
	padding-left: 15px;
}

.c3_profileschema_popup__rightsec>h3 {
	font-size: 16px;
	color: #77B8EB;
	font-weight: 300;
}

/* profile schema table */
.c3_context_p_body .c3_evt_config_table {
	padding: 8px;
	text-align: left;
	color: rgb(26, 84, 180);
	width: 99%;
	border-collapse: collapse;
}

.c3_context_p_body .c3_evt_config_table tr th {
	background-color: #ebebed;
	border-bottom: 2px solid #d9e1e9;
	padding: 8px;
	font-weight: 300;
	font-size: 14px;
	color: #10419c;
}

.c3_context_p_body .c3_evt_config_table tr td {
	border-bottom: 1px solid rgb(218, 233, 236);
	padding: 8px;
}

.c3_context_p_body .c3_evt_config_table tr:nth-child(odd) {
	background-color: #f6f6f9;
}

.c3_context_p_body .c3_evt_config_table tr:nth-child(even) {
	background-color: #fff;
}

.c3_camp_metric_ctrl_grp_txt {
	color: #97B2CE !important;
	font-size: 12px !important;
}

.c3_camp_metric_conv_rt_txt {
	color: #97B2CE !important;
	font-size: 10px !important;
}

.c3_camp_metric_engagement {
	/* width: 100% !important; */
	/*min-height: 200px; 
    max-height: 200px;*/
	
}

.c3_camp_metric_overtime {
	/* width: 100% !important; */
	/*min-height: 200px; 
    max-height: 200px;*/
	
}

.c3_gen_noData {
	background-color: #f9f9f9;
	border: 1px solid #F7F5F5;
	color: #0055a9;
	text-align: center;
	font-size: 100%;
	padding: 8px;
}

.c3_profileschema_popup_error_msgtext {
	display: flex;
	flex-flow: row;
	align-items: center;
	border: 1px dashed rgb(254, 223, 223);
	background-color: rgb(255, 244, 244);
	height: inherit;
	padding: 5px 15px;
	color: rgb(197, 92, 92);
}

.c3_context_p_body .c3_evt_config_table tr:hover {
	background: #f9f9f9;
}

.c3_context_p_body .c3_evt_config_table tr td:first-child {
	/*cursor: pointer;*/
	/*color: #0055a9;*/
}

.c3_context_p_body .c3_profileSchemaAttr .c3_evt_config_table tr td {
	cursor: auto;
	color: #0055a9;
}

.c3_context_p_body .c3_evt_config_table .ti-close {
	font-size: 70%;
	text-align: right;
	cursor: pointer;
}

/*
 * CAMPAIGN METRICS DOJO ENHANCED GRID
 */
.c3_campDashBody .campStatsTable {
	position: relative;
	top: 10px;
	width: 100%;
}

.c3_campDashBody .c3_campSettings {
	padding-top: 10px;
}

.c3_campDashBody .c3_campSettings .campStatsTotalItems {
	padding: 5px 0 !important;
	font-size: 14px;
	color: #777;
}

.c3_campDashBody .campStatsTable .gridx {
	width: 100%;
	height: 700px;
}

.claro .c3_campDashBody .campStatsTable .dojoxGrid {
	margin: 0px !important;
	width: 100%;
}

.c3_campDashBody .campStatsTable .dojoxGridRow tr {
	background-color: #f7f7f7 !important;
	cursor: pointer;
	line-height: 50px;
}

.c3_campDashBody .campStatsTable .dojoxGridRowOdd tr {
	background-color: #fff !important;
	line-height: 50px;
}

.c3_campDashBody .campStatsTable .dojoxGridMasterHeader {
	width: 1077px;
}

.claro .campStatsTable .dojoxGridFBar {
	border-top: 0 solid white;
	height: 35px;
	font-size: 110%;
}

.c3_campDashBody .campStatsTable .dojoxGridMasterView {
	width: 100%;
}

/* .c3_campDashBody .campStatsTable .dojoxGridMasterView .dojoxGridView .dojoxGridScrollbox
.dojoxGridContent .dojoxGridRow .dojoxGridRowTable .dojoxGridCell {
	color: black;
} */
.campStatsTable .dojoxGrid td.dojoxGridCell {
	color: black;
	text-align: center;
	/*     white-space: nowrap; */
}

.campStatsTable .dojoxGrid td.dojoxGridCell[idx="1"] {
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.c3_campDashBody .c3_timeSelector_display_box {
	background-color: rgb(247, 247, 247);
}

.campStatsTable .dojoxGridHeader .dojoxGridCell {
	background: #ebebed !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #11498d !important;
	font-size: 13px !important;
	/* 	border-bottom: 2px solid #fff !important; */
}

.campStatsTable .dojoxGridHeader .dojoxGridCell div {
	color: #333;
	font-weight: normal !important;
	font-size: 13px;
}

.claro .campStatsTable .dojoxGridMasterHeader {
	background: white !important;
	font-family: 'Open Sans', sans-serif !important;
	color: #11498d !important;
	font-size: 13px !important;
	border-bottom: 2px solid #fff !important;
}

.campStatsTable .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridRowTable .dojoxGridSortNode
	{
	color: #0c5bab;
	font-weight: bold !important;
}

.claro .campStatsTable .dojoxGridFBarInfoTD {
	background-image: none !important;
	background-color: white;
	border: 0px !important;
}

.dijitDialogPaneContent .dojoxGridFDPaneBtns .dijitButton {
	background-color: #EFEFEF;
	padding: 3px 1px;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneAddCBoxBtn .dijitButtonNode
	{
	position: absolute;
	top: 261px;
	left: -8px;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRelation
	{
	margin: 0px 0px 3px 0px;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRelation .dojoxGridFDPaneModes .dijitSelect
	{
	width: 266px;
	padding-top: 0px !important;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRelation .dojoxGridFDPaneModes .dijitSelect 
.dijitArrowButton.dijitDownArrowButton {
	width: 18px;
}

.dijitDialogPaneContent .dojoxGridFDPaneRulePane {
	height: 190px;
	overflow: auto;
	position: relative;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer
	{
	height: auto;
}

.claro .dijitDialogPaneContent .dijitAccordionInnerContainerSelected {
	border-color: #fff;
	background-color: #F1F1F1;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper 
.dijitContentPane.dijitAccordionContainer-child.dijitAccordionContainer-dijitContentPane
	{
	height: auto !important;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper .dijitContentPane .dojoxGridFCBox
	{
	height: auto;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper .dijitContentPane .dojoxGridFCBox 
.dojoxGridFCBoxSelCol {
	height: 55px;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper .dijitContentPane .dojoxGridFCBox 
.dojoxGridFCBoxSelCol .dojoxGridFCBoxColSelect {
	padding-top: 0px !important;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper .dijitContentPane .dojoxGridFCBox
.dojoxGridFCBoxCondition {
	height: 55px;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper .dijitContentPane .dojoxGridFCBox
.dojoxGridFCBoxCondition .dojoxGridFCBoxCondSelect {
	padding-top: 0px !important;
}

.dijitDialog .dijitDialogPaneContent .dojoxGridFDPane .dojoxGridFDPaneRulePane .dijitAccordionContainer 
.dijitAccordionInnerContainer .dijitAccordionChildWrapper .dijitContentPane .dojoxGridFCBox
.dojoxGridFCBoxValue .dojoxGridFCBoxValueBox {
	height: 20px;
}

.claro .dijitDialogPaneContent .dijitAccordionContainer .dijitAccordionContainer-child
	{
	background: #fff;
	padding: 0;
	margin: 0;
}

.claro .dijitDialogPaneContent .dijitAccordionContainer .dijitAccordionChildWrapper
	{
	border: none;
	border-left: 1px solid #fff !important;
	padding: 5px;
}

.claro .dijitDialogPaneContent .dijitAccordionInnerContainer {
	background-color: #efefef;
	border: solid 1px var(--c-gray-57);
	margin-bottom: 3px;
	margin-right: 3px;
}

.dijitDialogPaneContent .dojoxGridFCBoxField {
	line-height: 26px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 100%;
	/* margin: 4px 0!important; */
	color: #8799AD;
}

/* End Campaign Metrics*/
.c3_campaign_metric {
	width: 100%;
	color: #0c5bab;
	font-size: 13px;
	border-bottom: 1px solid #DAE9EC;
	padding: 8px 0;
	margin-bottom: 5px;
	display: flex;
	flex-flow: row;
	align-items: flex-start;
	height: 90px;
	padding-bottom: 15px;
}

.c3_dash_campaign_title_text {
	font-size: 90%;
	text-align: center;
	padding: 4px 0;
	border-bottom: 1px solid #F1F1F1;
	color: #A9A9A9;
}

.c3_campaign_metric .sec2 {
	align-self: center;
	-webkit-align-self: center;
	width: 30%;
}

.c3_campaign_metric .sec3 {
	justify-content: center;
	align-self: center;
	width: 30%;
	margin: 0 4%;
	text-align: center;
}

.c3_campaign_metric .c3_campaign_titletext {
	/* margin-right: 35px; */
	font-size: 110%;
	text-transform: uppercase;
}

.c3_campaign_metric .c3_camp_metric_ctrl_grp_txt {
	font-size: 90%;
	color: #666;
}

.c3_campaign_metric .orange_labeltext {
	color: #FFBE64;
	font-size: 180%;
	font-weight: 300 !important;
	/* font-family: arial; */
	font-family: "Open Sans", sans-serif;
}

.c3_campaign_metric .gray_labeltext2 {
	color: #214673;
	font-size: 12px;
	text-transform: uppercase;
}

.c3_campaign_metric .gray_labeltext {
	color: #ec9806;
	font-size: 12px;
}

.c3_campaign_metric .green_labeltext {
	color: #abd017;
	font-size: 180%;
	font-weight: 300 !important;
}

.c3_dash_body_new {
	position: absolute;
	bottom: 0px;
	top: 2px;
	left: 12px;
	padding-top: 10px;
	border-top: 0 solid var(--c-gray-60);
	right: 8px;
	align-items: stretch;
}

.c3_dash_body_new .c3_dashColRHS {
	width: 28%;
}

.c3_dash_body_new .c3_dash_campaign {
	border-top-color: #fff;
	border-top-width: thin !important;
	border-top: 0 solid #fff !important;
}

.c3_dash_body_new .c3_campign_dashboard_box {
	border: 1px solid #DAE9EC;
	border-radius: 6px;
	background-color: #FBFBFB;
	margin: 5px 0 8px 0;
	padding: 5px 8px;
}

.c3_dash_body_new .c3_settings_content_header {
	margin: 0 !important;
}

.c3_dash_body_new .c3_config_text_title {
	width: 100% !important;
}

.c3_dash_body_new .c3_config_text_title span {
	display: block;
	font-size: 12px;
	color: #8EA6D3;
}

.c3_dash_body_new .c3_dashColRHS_box1 {
	border: 1px solid #e1e1e1;
	padding: 6px;
	border-radius: 4px;
}

.c3_dash_body_new .c3_dashColRHS .c3_dashColRHS_box1 .c3_CampPerfHeader
	{
	color: #0055a9;
	font-size: 15px;
	font-weight: 400;
	padding: 0 0 5px 0;
	margin: 0;
}

.c3_dash_body_new .c3_dashColRHS .c3_dashColRHS_box1>h5 {
	color: #656565;
	font-size: 12px;
	font-weight: 300;
	padding: 0;
	margin: 0;
}

.c3_dash_body_new .c3_dashColRHS .c3_dashColRHS_box1 ul {
	padding: 4px 0;
	margin: 0 0 0 20px;
}

.c3_dash_body_new .c3_dashColRHS .c3_dashColRHS_box1 ul li {
	list-style: disc;
	color: #0055a9;
	font-size: 12px;
	margin: 2px 0;
}

.c3_chartTemplate_wrp .c3_no_chart_box {
	background: url("/res/article_chartbg.png") repeat-x center top;
	background-size: 440px 200px;
	margin: 5px 0;
	border-bottom: 1px solid #dae9ec;
	/* padding: 8px; */
	min-height: 150px;
	height: auto;
	overflow: hidden;
	/* z-index: 9; */
}

.c3_campaign .c3_cpgn_run_item_val {
	color: #57B8DE;
}
.c3_campaign .c3_cpgn_send_axn_content {
}
.c3_campaign .c3_cpgn_axn_v_box_title_lbl {
	color: #666;
	font-size: 13px;
}
.c3_c1cont .c3_cpgn_run_item_val {
	font-family: Consolas, Menlo, Monaco, Lucida Console, Courier New, monospace, system-ui, sans-serif;
	line-height: 16.5px;
	padding: 1px 5px;
	color: black;
	background-color: var(--c-gray-40);
}
.c3_c1cont .c3_cpgn_axn_v_box_title_lbl {
}
.c3_c1cont .c3_cpgn_axn_v_box_title_lbl:hover {
	background-color: var(--c-gray-40);
}
.c3_c1cont .c3_abcItem_b {
	float: left;
}
.c3_cpgnAxnsLIOr {
	display: none;
}
.c3_cpgnAxnsLIAB .c3_cpgnAxnsLIAnd {
	display: none;
}
.c3_cpgnAxnsLIAB .c3_cpgnAxnsLIOr {
	display: flex;
}
.c3_cpgnAxnsListItem:first-child .c3_cpgnAxnsLIAO {
	display: none;
}
.c3_cpgnAxnsLIAO {
	padding-bottom: 10px;
	color: #BDBDBD;
}
.c3_cpgnTICont .c3_cpgnAxnsLIAO, .c3_c1cont .c3_cpgnAxnsLIAO {
	display: none;
}

.c3_campaign .c3_cpgn_seg_box, .c3_expTPrevB .c3_cpgn_seg_box {
	margin-right: 3px;
	padding: 2px 5px;
	color: #6A5F5A;
}

.c3_campaign .c3_cpgn_seg_box_title, .c3_expTPrevB .c3_cpgn_seg_box {
	font-size: 100%;
}

.c3_timerControl_out_v_chg {
	margin-left: 10px;
	color: steelblue;
}
.c3_campaign.c3_read_only .c3_timerControl_out_v_chgOr, .c3_campaign.c3_read_only .c3_timerControl_out_v_chg {
	display: none;
}

.c3_cj_info_r {}
.c3_cj_info_txt {}
.c3_fld_hint_txt {
	color: #999;
	font-size: 90%;
}


/*
 * New Dashboard LnF 
 */
.c3_dash_chart .c3_engagements_Chart {
	/*height: 500px;*/
	min-width: 100%;
	min-height: 300px;
	max-height: 500px;
	/*margin: 5px 15px 10px 15px;*/
}

.c3_dash_chart .c3_engagement_Stats {
	height: 29px;
	background-color: rgb(255, 255, 255);
}

.c3_Z1Dashboard .c3_engagement_Graph {
	height: 141px;
	background-color: rgb(255, 255, 255);
}

.c3_dash_chart .c3_engagement_Graph .c3_chartTemplate_wrp {
	height: initial !important;
	width: initial !important;
}

.c3_dash_chart .c3_engagedUsers_title {
	font-size: 15px;
	color: rgb(136, 124, 124);
	padding-top: 8px;
	margin-left: 8px;
}

.c3_dash_chart .c3_convertedUsers_title {
	font-size: 15px;
	color: rgb(136, 124, 124);
	padding-top: 8px;
	margin-left: 8px;
}

.c3_dash_chart .c3_engagedPerformance {
	font-size: 20px;
	margin-left: 10px;
	margin-right: 8px;
}

.c3_dash_chart .c3_engagedStats {
	margin: 10px;
	color: rgb(168, 168, 168);
	font-size: 11px;
}

.c3_dash_chart .userEngagementMetricChart {
	height: 100%;
	width: 70%;
	width: initial;
	flex: 1;
}

.c3_dash_metric_chart .userEngagementMetricChart {
	height: 100%;
	width: 100%;
}

.c3_dash_chart .segEngagementChart{
	width:100% !important;
}

.c3_dash_chart .userEngagementMetricValue {
	height: 92%;
	width: 92%;
	font-size: 200%;
	text-align: center;
	font-weight: 300;
	background-color: rgb(56, 100, 157);
	border: 1px solid rgb(202, 202, 202);
	border-radius: 50%;
	color: white;
}

.c3_dash_chart .c3_outerCircle {
	border-radius: 50%;
	border: 1px solid rgb(147, 168, 197);
	/* width: 21%; */
	width: 104px;
	margin-left: 44px;
	margin-left: 15px;
	margin-top: 5px;
	/* height: 100%; */
	height: 102px;
	min-width: 104px;
	max-width: 104px;
}

/*
 * C3 Dashbody new
 */
.c3_dash_body_new .c3_dashColLHS .c3_dash_campaign_cj_scrollbox {
	border: 0 solid #ddd;
	height: 100%;
	overflow: auto;
}

.c3_dashbody_container {
	position: absolute;
	bottom: 5px;
	top: 70px;
	/* width: 100%; */
	right: 30%;
	left: 5px;
}

.c3_cpgn_metrics_r {
	background: rgb(244, 249, 248);
	margin-bottom: 10px;
	min-height: 200px;
	/*max-height: 200px;*/
}

.c3_cj .c3_settings_content_header {
	padding: 10px 0 0 0;
	overflow: initial;
	min-height: 50px;
	max-height: 50px;
}

/* 30-06-2015 */
.c3_logsTable_scrollbar {
	height: calc(100% - 100px);
	position: absolute;
	top: 70px;
	right: 10px;
	bottom: 0;
	left: 10px;
	overflow: auto;
}

.c3_z1_dash_body_scrollbox {
	position: absolute;
	width: calc(100% - 25px);
	left: 15px;
	height: calc(100% - 100px);
}

.c3_marketing_dash_box {
	height: calc(100% - 100px);
	position: absolute;
	top: 90px;
	right: 10px;
	bottom: 0;
	left: 0px;
	overflow: auto;
	background: #FDFDFD;
}

.c3_marketing_dash_box_1 {
	margin-top:10px;
}

.c3_marketing_dash_box .c3_chart_title {
	font-size: 18px;
	color: #477FCA;
	padding: 0 0 1px 15px;
	margin: 10px 0;
	font-weight: 300;
}

.c3_logsTable_scrollbar {
	height: calc(100% - 100px);
	position: absolute;
	top: 70px;
	right: 10px;
	bottom: 0;
	left: 10px;
	/*overflow: auto;*/
}

.c3_logs_trace_div {
	float: left;
	padding-top: 10px;
}

/* Metrics */
.c3_metrics_wrapperScrollBox {
	
}
.c3_metrics_BoxIn, .c3_trendSignals_inner {
	cursor: pointer;
}
.c3_metrics_BoxIn:hover, .c3_trendSignals_inner:hover {
	background-color: rgba(var(--top-mnu-bg-c-sel-rgb), 0.1);
	cursor: pointer;
}


.c3_profileschema_popup_leftsec_2 {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
}

.c3_editSeg_uCont {
	position: relative;
}
.c3_custprof_inlineX {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	width: calc(100% - 2px);
	height: 100%;
	height: calc(100% - 2px);

	z-index: 5;
	background-color: #fff;
	margin: 0px !important;
	border: 1px solid var(--c-gray-40);
}
.c3_custprof_inlineFx1 {
	position: relative;
	width: initial;
	height: initial;

	z-index: initial;
}
.c3_custprof_inlineX .c3_lifecycle_body_cont {
	position: initial;
}
.c3_custprof_inlineX .c3_custprof_db_search_cont {
	display: none;
}

.c3_custprof_db_search {
	border: 1px solid #CCCCCC;
}

.c3_custprof_db_search_inp {
	border-width: 0;
	padding-left: 6px;
}

.c3_evtPostProc_table {
	margin-top: 30px;
}

.c3_evtPostProc_table tr td:first-child {
	/*cursor: pointer;*/
	/*color: #0055a9;*/
}

.c3_evtPostProc_h_name {
	text-align: left;
}

.c3_evtPostProc_h_del, .c3_evtPostProc_h_chk, .c3_evtPostProc_h_pipeline,
	.c3_evtPostProc_c_del, .c3_evtPostProc_c_chk,
	.c3_evtPostProc_c_pipeline {
	text-align: center;
}

.c3_evtPostProc_h_chk {
	max-width: 40px;
}

.c3_evtPostProc_h_del {
	max-width: 30px;
}

.c3_profileschema_popupbox .c3_evtPostProc_name_inp_ro {
	border: 0px;
}

.c3_inp_icon_action1 {
	background: url(/res/icon_action2_push.png) no-repeat 99% 4px;
}

.c3_priorityBar {
	height: 30px;
	border-top: 2px solid #f5f8f9;
	padding: 4px 0px 4px 4px;
}
.c3_inp_icon_badge {
	background: url(/res/icon_content_push_badge.png) no-repeat 99% 4px;
}

.c3_priorityBar .btn {
	padding: 1px 8px 0 8px;
	margin-left: 10px;
	cursor: pointer;
}

.msgText {
	color: rgba(0, 0, 0, .71);
}
.c3_priorityBar .msgText {
	color: #91979b;
}

/* comment-out showing NP suffix */
/*
.c3_priorityCampaignBox .c3_cpgn_not_priority_item .col_title_text_out::after
	{
	content: "NP";
	margin-left: 4px;
	padding: 3px 8px;
	color: #AA8444;
	font-size: 10px;
	white-space: nowrap;
}*/
.c3_prioritizeCamp_f_np {
	color: #666;
	font-size: 90%;
}

.c3_all_campaignonce_content, .c3_featuresList_content {
	overflow-y: auto;
	overflow-x: hidden;
}

.c3_edit_css_tab_menu_item {
	font-size: 14px;
	padding: 0px 10px 10px 10px;
	cursor: pointer;
	margin-right: 10px;
}

.c3_edit_css_tab_menu_selected {
	color: #0055a9;
	/*border-bottom: 3px solid rgb(139, 174, 192);*/
	border-bottom: 3px solid #0055a9;
}

.c3_edit_css_tab_menu {
	position: relative;
	background-color: #f4f8f9;
	padding: 8px 10px 0px 10px;
}

.c3_edit_css_body_inner {
	overflow-y: auto;
}

.c3_edit_css_b_col_2 {
	border-left: 2px solid #F4F8F9;
	/* padding-left: 10px; */
}

.c3_edit_css_preview_cont {
	/*background-color: #DAE9EC;*/
}

.c3_edit_css_tab_native_txt {
	padding: 16px 10px;
}

.c3_edit_css_v_btn {
	color: #a6a6a6;
	cursor: pointer;
	border: 0 solid #ebebeb;
	margin: 0px 8px 8px 8px;
	padding: 14px 10px;
	text-align: center;
}

.c3_edit_css_v_btn:hover {
	color: #0059b0;
	border: none;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
}

.c3_edit_css_v_btn_sel {
	color: #0059b0;
	border: none;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.05);
}

.c3_edit_css_v_btn_i>i {
	font-size: 24px;
	margin: 6px;
}
.c3_edit_css_v_btn_t {
	min-width: 60px;
	max-width: 60px;
	overflow: hidden;
	word-break: break-word;
}

.savedCSS>.c3_c3filter_txt_item::before {
	color: lightblue;
	margin-right: 4px;
}

/* Campaign Insights */
.c3_cpgn_insights {
	padding: 20px 0px;
}

.c3_cpgn_insights .c3_cpgn_metrics_r, .c3_cpgn_multi_chart .c3_cpgn_metrics_r,
.c3_cpgn_metrics .c3_cpgn_metrics_r
{
	background-color: white;
	border: 1px solid #DFDFDF;
	border-radius: 3px;
	box-shadow: 0 6px 10px -4px rgb(0 0 0 / 15%);
}

.c3_cpgn_multi_chart .c3_cpgn_metrics_r,
.c3_cpgn_metrics .c3_cpgn_metrics_r {
	box-shadow: none;
}

.c3_cpgn_metrics2 {
	padding-top: 9px;
}

.caption.c3_cpgnChartTitle {
    font-family: Archivo Narrow;
    color: black;
    font-size: 16px;
}

.c3_cpgn_insights .c3_cpgn_metrics_r_tall{
	background-color: white;
	border: 1px solid lightgrey;
}

/* Push Notification Metrics */
.c3_campDashBody .c3_noData {
	cursor: default;
}

.c3_profileAttributeContainer {
	border: 1px solid #e1e1e1;
	overflow-y: auto;
}
.c3_profileAttributeContainer2 {
	overflow-y: hidden;
}

.c3_profileAttributeContainer .c3_profileLHS {
	width: 21%;
	height: 100%;
	background-color: #F7F7F7;
	border-right: 1px solid #e1e1e1;
	overflow-y: auto;
	overflow-x: hidden;
}

.c3_profileAttributeContainer .c3_profileRHS {
	min-width: 600px;
	height: 100%;
	margin-left: 20px;
	padding: 9px;
	box-sizing: border-box;
}

.c3_profileAttributeContainer .allProfileTab {
	padding: 10px 12px;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	background: #f7f7f7;
	border-bottom: 1px solid #e1e1e1;
}

.c3_profileAttributeContainer .allProfileTab:hover {
	background: #F4FDFF;
}

.c3_profileAttributeContainer .activeProfileTab {
	color: #0055a9;
	background: #fff;
	border-right: 2px solid #fff;
	margin-right: -2px;
}

.c3_profileAttributeContainer .allProfileTab:hover {
	background: #F4FDFF;
}

.c3_profileAttributeContainer .profileTabIcon {
	font-size: 16px;
	color: #77a0b5;
	margin-right: 10px;
}

.c3_profileAttributeContainer .c3_evt_config_table {
	margin-top: 0;
	width: 98%;
}

.c3_profileAttributeOuterContainer {
	padding: 10px 0 0 0;
}

.c3_profileAttributeOuterContainer .c3_segments_top {
	height: 100%;
	height: calc(100% - 60px);
}

.c3_profileLearnedAttributes {
	clear: both;
}

.c3_profileRHS .c3_hideRightBorder {
	border-right: 0px;
}
.c3_hideRightBorder span {
	display: none;
}
tr:hover .c3_hideRightBorder span {
	display: flex;
}

.c3_profileLearnedAttributes .c3_profileLearnLHS {
	float: left;
	width: 68%;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px;
	line-height: 21px;
	color: #999;
}

.c3_profileLearnedAttributes .c3_profileLearnRHS {
	float: right;
	/* width: 26%; */
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px;
	/* height: 100%; */
	color: #0055A9;
	/* min-height: 200PX; */
	background-color: #F7F7F7;
	padding: 10px;
	overflow-y: scroll;
    position: absolute;
    left: 820px;
    right: 20px;
    top: 90px;
    bottom: 20px;
}

.c3_profileLearnedAttributes .c3_profileLearnRHS .c3_learnedAttrRHS{
	margin: 4px 0px 4px 0px;
}

.c3_profileLearnedAttributes .c3_profileLearnLHS .c3_learnedAttrDesc{
	margin: 14px 0px 14px 0px;
}

/* Event Post Processing */
.c3_evtPostProc_chk {
	margin-left: 0ex;
}

.c3_evtPostProc_TrgBox {
	padding-top: 5px;
}


/* customer profile */ 
.c3_customerProfileContainer {
	background: #f4f4f4;
	padding: 6px;
	position: relative;
}
.c3_customerProfileContainer .c3_custprofileLHS {
	padding: 5px 0px 0px 0px;
	border-bottom: 1px solid #CFD8DC;
	background-color: #f4f8f9;
}
.c3_customerProfileContainer .c3_custprofileRHS {
	padding: 5px 0px;
}

.c3_custPf_attrInfo_lastEvent {
	margin: 3px 0px 10px 0px;
	border: 1px dashed lightgray;
    border-left: 0px;
    border-right: 0px;
    padding: 7px 0px;
    /* background-color: rgba(181, 188, 199, 0.31) */
}

.c3_custPf_attrInfo_lastEvent > *{
	padding-right: 10px;
}

.c3_custPf_attrInfo_lastEvent > div:nth-child(even){
	padding: 0px 3px;
    border-radius: 3px;
    color: #0055a9;
    margin-right: 7px;
    background: #fbfbfb;
    border: 1px solid #e1e1e1;
    font-size: 12px;
}

.c3_customerProfileContainer .c3_edit_css_b_col_2{
	border: 0px;
}

.c3_customerProfileContainer .c3_custprofileLHS .c3_boxfill {
	color: #0055a9;
	border-bottom: 3px solid #0055a9;
}
.c3_customerProfileContainer .c3_custprofileLHS .c3_boxHover {
}
.c3_customerProfileContainer .c3_custprofileLHS .c3_boxHover:hover {
	/* background-color: #EEF9FD; */
	color: #0055a9;
}

.c3_customerProfileContainer .c3_leftcustprofile {
}

.c3_customerProfileContainer .c3_rightcustprofile {
	background: #fff;
	height: 100%;
}

.c3_customerProfileContainer .c3_edit_css_tab_menu {
	background-color: white;
	border-bottom: .5px dashed #e1e1e1;
}
.c3_customerProfileContainer .c3_edit_css_tab_menu_selected {
	font-size: 15px;
	font-family: sans-serif;
	font-weight: 100;
}
.c3_customerProfileContainer .c3_edit_css_tab_menu_item {
	font-size: 15px;
	font-family: sans-serif;
	font-weight: 100;
}

.c3_customerProfileContainer .c3_custProfile_box {
	padding: 10px 15px;
	font-size: 15px;
	font-family: sans-serif;
	font-weight: 100;
	cursor: pointer;
}

.c3_customerProfileContainer .z1_custProfile_ID_title {
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid lightgrey;
	font-size: 16px;
	font-weight: 100;
}
.c3_customerProfileContainer .z1_custProfile_ID_value {
	font-weight: 500;
	padding-left: 10px;
}

.c3_customerProfileContainer .z1_tc_white_box_title {
	font-weight: 400;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 22px;
    font-family: sans-serif;
    font-weight: 100;
    margin-top: 10px;
    margin-bottom: 5px;
    text-transform: none !important;
}

.c3_customerProfileContainer .z1_tc_white_box {
	background: #fff;
	padding: 2px 8px;
	border-radius: 0;
	margin: 0 0 5px 0;
}

.c3_customerProfileContainer .z1_tc_white_minheight_box {
	height: 100%;
}

.c3_lifecycle_body_cont.c3_child_window_padding.c3_customerProfileOuterContainer_noscroll{ 
	overflow: hidden; 
}

.c3_profileAttr_customAttr_tbl{
	width: calc(100% - 1px);
}

/* context attributes */
.c3_profileAttributeContainer .c3_profiletableOuterContainer {
	overflow: hidden;
}

.c3_profileAttributeContainer .c3_profilelisting_table_scrollbox {
	overflow-y: auto;
}

.c3_profileSchema_tr {}
.c3_profileSchema_tr>td {
	height: 32px;
}
.c3_iAttrType_key:before {
	font-size: 9px;
	color: #999;
}
.c3_profileSchema_cell_axn {
	text-align: right;
	/*width: 65px;*/
}
/* table cell with hover to show div */
.c3_cell_axn {
	position: relative;
}
.c3_cell_ctrlDv {
	display: none;
	position: absolute;
	left: -140px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgba(171, 214, 255, 0.31);
}
.c3_profileSchema_tr:hover .c3_cell_ctrlDv {
	display: flex;
}

.c3_profileAttributeContainer .c3_evt_config_table {
	height: initial;
}

/* test pushnotification */ 
.c3_dev_testpushnotifcationBox {
	font-family: 'Open Sans', sans-serif;
}

.c3_dev_testpusDesc {
	padding: 5px 0 10px 0;
	color: #0055A9;
}

.c3_dev_testpushBox1 {
	padding: 10px 0;
}

.c3_custprof_db_search_inp {
	padding-top: 0px;
}

.c3_dev_testPushNotificationResult {
	padding: 10px 0;
	color: #0055A9;
}

.c3_errorIcon {
	border: 1px solid #f8d9d9;
	background-color: #ffecec;
	color: #c92a2a;
	border-radius: 5px;
	margin: 6px 0;
	padding: 10px;
	font-weight: 400;
}

.c3_errorIcon i.ti-close {
    margin-right: 10px;
}

.c3_successIcon {
	border: 1px solid #CEEFC6;
	background-color: #F5FDEA;
	/*color: #46B25F;*/
	color: #56932F;
	border-radius: 5px;
	margin: 6px 0;
	padding: 10px;
	font-weight: 400;
}

.c3_successIcon i.ti-check { 
    margin-right: 10px; 
} 

.c3_getTestFdbck{
	border: 1px solid #CEEFC6;
	background-color: #F5FDEA;
	color: #46B25F;
	border-radius: 5px;
	margin: 6px 0;
	padding: 10px;
	font-weight: 400;
}

.c3_dev_push_midbox {
	margin: 0 40px;
	/*height: 100px !important;*/
	border: 0px solid red;
	background: url("./res/vertical_line.png") repeat-y center top;
}

.c3_dev_push_midbox .c3_dev_push_mid_circle {
	background-color: #F8F8F8;
	border: 1px solid #EFE9E9;
	padding: 10px;
	border-radius: 34px;
}

.c3_dev_push_midbox {
	justify-content: center;
	align-self: center;
}

.c3_dev_push_errorDetails{
	position: relative;
	left: 22px;
}


/* Dashboard Time Btns */
.c3_btn_time {
	font-size: 12px;
	color: rgb(89, 129, 145);
	padding: 4px 3px 4px 3px;
	/* text-decoration: underline; */
	text-transform: capitalize;
	border: 1px solid #e1e1e1;
	border-bottom: 0;
	padding: 2px 8px;
	background-color: var(--c-gray-45);
}

.c3_btn_time_loc {
	justify-content: flex-end;
	padding: 6px;
	margin: 5px 22px -5px 0px;
	position: relative;
	z-index: 99;
}

.c3_btn_time_tablineborder {
	border-bottom: 1px solid #e1e1e1;
}

.c3_btn_time_selected {
	background-color: var(--c-gray-10);
	border-bottom: 1px solid var(--c-gray-10);
}

.c3_helpBtn {
	color: var(--pg-tp-ic-c);
	display: none;
}

.c3_refreshBtn {
	color: var(--pg-tp-ic-c);
}

.c3_refreshBtn:hover, .c3_helpBtn:hover {
	color: var(--pg-tp-ic-c-hv);
}

.c3_helpBtn_change {
  box-shadow: 0px 0px 10px 5px #F4BC42;
  border-radius: 50%;
}

.c3_os_clr_html5 {
	color: #F14A29;
}

.c3_os_clr_android {
	color: #9ad343;
}

.c3_os_clr_apple {
	color: #3d4038;
}

/* C3 Developer Getting Started - 13-10-2015 */ 
.c3_developer_gettingStartedBox {} 

.c3_developer_gettingStartedBox .c3_edit_css_tab_menu {
	position: relative;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	border-bottom: 1px solid #0055a9;
	margin-bottom: 0;
}

.c3_developer_gettingStartedBox .c3_edit_css_tab_menu_item {
	font-size: 14px;
	padding: 0px 10px 10px 10px;
	cursor: pointer;
	margin-right: 10px;
	border: 1px solid #e1e1e1;
	border-bottom: 3px solid #FFFFFF;
	padding: 8px 25px;
}

.c3_developer_gettingStartedBox .c3_edit_css_tab_menu_selected {
	color: #0055a9;
	border: 1px solid #0055a9;
	border-bottom: 3px solid #FFFFFF;
	padding: 8px 25px;
	margin-bottom: -1px;
}

.c3_developer_gettingStartedBox .c3_edit_css_tab_menu_selected .c3_csb_insight_menu_icon
	{
	color: #0055A9;
}

.c3_developer_gettingStartedBox .c3_settings_content_header {
	padding: 0 !important;
}

.c3_developer_gettingStartedBox .c3_downloadsdk_main {
	margin-top: 0;
}

.c3_developer_gettingStartedBox .c3_lifecycle_body_cont {
	left: 0 !important;
	top: 52px !important;
}

.c3_developer_gettingStartedBox .c3_whitebox_channelsettings,
	.c3_whitebox_configureApiKeys {
	margin-top: 0px;
}

.c3_testSolutionLink {
	padding-left: 10px;
	color: #7D7DB4;
	font-weight: bold;
}

/* Campaighn Insights */

.c3_test_result {
	background-color: #0A1E31;
	color: #ffffff;
	border-radius: 5px;
	margin: 6px 0;
	padding: 10px;
	font-weight: 400;
	font-family: 'Lucida Console', 'Lucida Sans Typewriter', monaco, 'Bitstream Vera Sans Mono', monospace;
	line-height: 20px;
	overflow: auto;
}
.c3_test_result_light {
	background-color: white;
	color: black;
}

.c3_testEventToolTipBox {
	font-size: 12px;
	color: #4F5F6F;
	font-style: italic;
	margin-top: 6px;
}

.c3_testEventBox {
	background-color: #F8F8F8;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #EFE9E9;
}

.c3_content_prv_btns  {
	padding: 10px;
	justify-content: space-between;
}

.c3_content_prv_btn {
	margin: 10px;
	border: 1px solid gainsboro;
	padding: 10px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-size: 1.7em;
	color: #666; 
}
.c3_content_prv_btn:hover {
	border: 1px solid #888;
	color: #111;
	background-color: #f1f1f1;
}

/* c3_content_imgUpload */
.c3_content_imgUpload {padding:0; margin:0 0 15px 0;  height: calc(100% - 20px);} 
.c3_imgUploadedDottedContainer {
	border:2px dashed #e1e1e1; 
	padding:0px; 
	text-align:center;
	height:230px;
	position:relative;
}
.c3_content_imgUpload .c3_sysConfigIcon {
	height: 140px;
	overflow-x: hidden;
}

.c3_imgUploadedDottedContainer h3 {font-family: 'Open Sans', sans-serif; font-size:16px; color:#0055a9; font-weight:300; padding:5px 0; margin:0 0 12px 0;} 
.c3_imgUploadedDottedContainer h3 > span {color:#ddd;} 
.c3_imgUploadedDottedContainer input[type='file'] {font-size: 14px; font-family: 'Open Sans', sans-serif; color: #0055A9;} 

.c3_imageShowingScrollBox {
	border: 0px solid #ddd;
	height: calc(100% - 210px);
	overflow-y: auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 8px;
}

.c3_insert_img_height {
	height: 300px !important;
}

.c3_content_imgUpload .c3_imgUploadListing {
	padding: 5px 0;
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer {
	position: relative;
	margin-right: 8px;
	margin-bottom: 8px;
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer .imgBox {
	width: 150px;
	height: 140px;
	border: 2px solid #E8F0F2;
	margin: 0;
	background: #fff;
	box-shadow: inset 0px 0px 32px 0px rgba(235, 235, 235, 1);
	overflow: hidden;
}

.c3_imgUploaded_info {
	font-size: 11px;
	color: brown;
	opacity: .9;
	font-family: Archivo Narrow, sans-serif;
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer .imgBox img
	{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer .overlayBox
	{
	display: none;
	text-align: center;
}
.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer:hover 
.overlayBox {
	display: block;
	position: absolute;
	width: 150px;
	height: 140px;
	top: 0px;
	border: 2px solid #E8F3DA;
	background-color: rgba(229, 246, 204, 0.5);
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer .c3_context_pbitem_btns_cont {
	margin-top:inherit;
	height: 100%;
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer .suspendBtn { 
	font-size: 110%; 
	font-style: normal; 
	padding-right: 0px; 
	cursor: pointer; 
	color: #666666; 
	background: #cacacc; 
	padding: 11px 11px; 
	border: solid 2px #fff; 
	border-radius: 19px; 
	transition: all 0.2s ease-out-in 0s; 
}

.c3_content_imgUpload .c3_imgUploadListing .imgBoxContainer .suspendBtn:hover
	{
	font-size: 190%;
	padding: 9px 11px;
	background: #b4c674;
	border-radius: 35px;
	color: #fff;
}
.c3_imgBoxDraft {
	padding: 10px 1px;
}
.c3_imgBoxDraft_i {
	font-size: 42px;
	color: rgba(169, 169, 169, 0.61);
}
.c3_imgBoxDraft_txt {
	color: gray;
	text-align: center;
}

.c3_DnD2Target.c3_DnD2Hvr {
	background-color: var(--dnd2-bg-c);
	border: 3px solid var(--c-blue-50);
}
.c3_DnD2Target.c3_DnD2Hvr .c3_DnD2TargetC {
	/* position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;

	border: 2px dashed darkgray;
	opacity: .95; */
}
.c3_DnD2Target.c3_DnD2Hvr .c3_lvRw {
	background-color: var(--dnd2-bg-c);
}

.c3_upldImgHolder {
	width: 100%;
	min-height: 100px;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: move;
	border: 0px dashed #E1DADA;
	position: absolute;
	height: 100%;
	z-index: 99;
}
.c3_upldImgHolder.hover {
	/*border: 3px dashed #0c0;*/
}
.c3_upldImgHolder img {
	display: block;
	margin: 10px auto;
}
.c3_upldImgHolder p {
	margin: 10px;
	font-size: 14px;
}

/*old css */
#holder {
	width: 100%;
	min-height: 100px;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: move;
	border: 0px dashed #E1DADA;
	position: absolute;
	height: 100%;
	z-index: 99;
}

#holder.hover { /*border: 3px dashed #0c0;*/ }
#holder img { display: block; margin: 10px auto; }
#holder p { margin: 10px; font-size: 14px; }
/* progress { width: 100%; }
progress:after { content: '%'; } */
.c3_progressBar_n_percentage progress {width: 88%; height: 25px} 
.c3_progressBar_n_percentage progress:after { content: '%'; } 
.fail { background: #c00; padding: 2px; color: #fff; }
.hidden { display: none !important;}
.uploadLabel {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 110%;
	color: #0055a9;
	font-weight: 300;
	padding: 0 5px;
	margin: 0 0 12px 0;
	width: 100%;
	height: 100%;
}

.uploadInfo {
	width: 100%;
	height: 27px;
	margin: 5px 0;
}

.status {
	width: 50%;
	float: left;
	padding: 5px 0;
	font-size: 97%;
	color: #00529B;
}

.status span {
	color: #a2c029;
}

.totalImg {
	float: right;
	padding: 5px;
	margin-right: 2px;
	font-size: 95%;
	color: #0055A9;
}

.addchannelDiv {
	float: right;
	cursor: pointer;
	font-size: 12px !important;
	margin-top: 3px;
}

.uploadContainerHover {
	border: 3px dashed #0c0 !important;
}

.fsImageUploadBtn {
	/* width: 20px; */
	position: absolute;
	right: 14px;
	top: 2px;
	z-index: 40;
	padding: 5px;
	cursor: pointer;
	font-size: 16px;
}

.pushImageUploadBtn {
	/* width: 20px; */
	position: absolute;
	right: 4px;
	top: 0px;
	bottom: 0px;
	z-index: 40;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
}
.pushImageUploadBtn.c3_flex_center_1>i {
	padding: 5px;
	background-color: #B9D1D6;
}

.alertImageUploadBtn {
	width: 20px;
	position: absolute;
	right: 25px;
	top: 65px;
	z-index: 40;
	padding: 5px;
	font-size: 16px;
}
.c3_c_tBarImgBtn  {
	width: 20px;
	/* padding: 5px; */
	font-size: 16px;
	vertical-align: middle;
}

.rteDialogBtn {
	position: relative;
	float: right;
	top: 26px;
	right: 5px;
}

.totalSegCustomer {
	text-align: center;
	font-size: 20px;
	color: #6B8FA1;
}
.totalSegCustomer>span:last-child {
	font-size: 26px;
	color: #BDDF8C;
}

.c3_imgUploaded_filename {
	font-size: 95%;
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #1a479b;
}

.msgText1 {
	color: blue !important; 
	cursor: pointer; 
	margin-right:4px; 
}

.c3_imageInsertDialogueClearBox {
	clear:both;
	}
.c3_imageInsertDialogueClearBox .left_imageListingContainer{
	float:left;
	width:62%;
}
.c3_imageInsertDialogueClearBox .right_imageProperties{
	float:right;
	width:36%;
	padding-top:20px;
}	
.c3_imageInsertDialogueClearBox .right_imageProperties .clearBox 
{
	clear:both; 
	margin-bottom:5px; 
	overflow:hidden; 
}
.c3_imageInsertDialogueClearBox .right_imageProperties .clearBox input[type='text']
{
	padding:6px 4px;
}
.c3_imageInsertDialogueClearBox .right_imageProperties .clearBox label 
{
	float:left; 
	width:26.5%;
	padding-top:5px;
}

.c3_imageInsertDialogueClearBox .right_imageProperties .clearBox .rightBox 
{ 
	float:right; 
	width:69.5%; 
}	
.c3_imageInsertDialogueClearBox .right_imageProperties .register_btn_padding 
{ 
	text-align:right; 
	margin-top:8px;	
} 

.c3_imageInsertDialogueClearBox .right_imageProperties .dialogDesc { 
	width:95.5% 
} 

.c3_imageInsertDialogueClearBox .right_imageProperties .fourinputbox { 
width: 19.15%; 
}

.c3_upload_image_selected {
	border: 2px solid #51E851 !important;
}

.c3_imgUploaded_filesize {
	font-weight: 300;
}

.c3_solution_retail_template {
	width: 210px;
	height: 222px;
	margin: 5px 42px 35px 0;
	position: relative;
	overflow: hidden;
}

.c3_solution_retail_desc {
	height: 90px;
	color: grey;
}

.c3_chart_body_wrp {
	position: relative;
}

.c3_chart_tree_link {
	/* hide the twisted ribbon effect */
	fill: none;
}

.c3_chart_tree_ttip {
	position: absolute;
	border: 2px solid #cccccc;
	padding: 10px;
	min-width: 300px;
	min-height: 100px;
	background-color: rgba(255, 235, 205, 0.91);
	/*background-color: rgba(255, 255, 255, 0.85);*/
	/*background-color: #ffffff;*/
	border-radius: 6px;
}

.c3_chart_tree_ttip_inner {
	position: relative;
	padding: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	background-color: transparent;
}

.c3_chart_tree_path_ttip {
	min-height: 55px;
}

.chart-btn {
	cursor: pointer;
}
.chart-btn:hover {
	background-color: #efefef;
	color: black;
}

.c3_templates_rows {
}

.c3_template_left_panel {
	width: 100%;
	height: 20%;
}

.c3_template_right_panel {
	width: 100%;
	height: 80%;
}

.claro .c3_pushnotifaction_textarea_container .c3_msglibrary_box #main-container .dijitEditor
	{
	height: 220px;
	position: relative;
}

.c3_pushnotifaction_textarea_container .c3_msglibrary_box #main-container iframe
	{
	height: 185px !important;
}


.c3_content_pn_2cols_col2 .alertImageUploadBtn {
	top: 51px;
	right: 5px;
	cursor: pointer;
}

.c3_solution_retail_icon {
	font-size: 30px;
	color: #5c6151;
	text-align: center;
	margin: 8px 0;
}

.c3_solution_retail_template_inside {
	border: 1px solid #c1e4ae;
	background: #f1ffd5;
	border-radius: 0px;
	padding: 10px;
	text-align: center;
	height: 200px;
}

.c3_solution_retail_template_inside .color_bar {
	background: #92c840;
	margin: 12px 25%;
	height: 4px;
}

.c3_solution_retail_template_hoverBox {
	width: 208px;
	height: 220px;
	border: 1px solid #c1e4ae;
	background: #f9f9f9;
	opacity: 0.9;
	text-align: center;
	position: absolute;
	top: 0;
}

.c3_solution_retail_template_hoverBox_inside {
	opacity: 1;
	text-align: center;
	height: 246px;
}

.c3_solution_retail_template_hoverBox_show {
	display: none;
}

.c3_solution_retail_template:hover .c3_solution_retail_template_hoverBox_show
	{
	display: block;
}

.c3_template_subscribed {
	border: 1px solid #2CE72C !important;
}

.c3_content_view_list .c3_retailTemplate_text_title {
	width: 90%;
}

.c3_retailTemplateOuterBox {
	height: calc(100% - 30px);
}

.c3_templateList_body {
}

.c3_templateInfo_taglisting {
	color: #0055a9;
}

.c3_templateInfo_taglisting .c3_templateInfo_tags {
	border: 1px solid #B2EBF7;
	padding: 2px 6px;
	margin-right: 5px;
	text-transform: capitalize;
	font-size: 12px;
	background: #E7F4F7;
	border-radius: 3px;
}

.c3_templateinfo_listingBox {
    padding: 10px;
    margin: 6px 0px 0px 0;
    border-bottom: 1px solid #ddd;
}
.c3_templateinfo_listingBox .c3_templateinfo_listingBox_titleText {
	font-size: 15px;
	font-weight: 600;
	color: rgba(0, 0, 0, .81);
}
.c3_templateinfo_listingBox .c3_templateinfo_listingBox_descText { 
	font-size:13px;
	font-weight: 300;
}

.c3_solnTemplDtl_cInfo {
    background-color: rgba(201, 245, 184, 0.74);
    padding: 10px;
    margin-bottom: 6px;
}

.c3_solnTemplDtl_cInfo h4 {
	margin-top: 0px;
	font-size: 16px;
	font-family: inherit;
}
.c3_solnTemplDtl_cInfo>h4 {
	color: #555;
	margin-bottom: 10px;
}
div.c3_solnTemplDtl_cInfo>p {
	color: #000;
	font-size: 1.2em;
	font-weight: 300;
	
	padding: 4px 14px 0px 14px;
	margin: 0 0 5px 0;
	text-align: justify;
}
.c3_solnTemplDtl_cInfoI {
	color: rgba(67, 119, 61, 0.88);
	margin-right: 6px;
	font-weight: bold !important;
	font-size: 14px;
}

.c3_solnTemplHT_c1, .c3_solnTemplHT_c3 {
	width: 40px;
}
.c3_solnTemplHT_bTitle {
	font-size: 20px;
    font-family: arial narrow;
    font-weight: 600;
    color: #666;
}
.c3_solnTemplHT_bDescr {
	font-size: 14px;
}

.c3_solnTemplHT_bDescr p {
    padding-bottom: 10px;
}

.c3_solnTemplHT_bDescr p.info {
    padding: 10px;
    border: thin solid #ddd;
    margin: 10px 0 20px;
    background: rgba(117, 239, 82, 0.33);
    font-size: 16px;
}

.c3_solnTemplHT_bDescr h4 {
    margin: 4px 0;
    font-family: arial;
    color: #777;
}

.c3_data_table .spaceicon {
	padding: 0px 6px;
	cursor: pointer;
}

/* Dynamic Segments upload data*/
.c3_upload_link {
}

.c3_segmentDH_cont {
	border-bottom: 1px solid #dae9ec;
}

.c3_segmentData_upload {
	max-height: 400px;
}

.c3_segmentData_upload .c3_edit_inputbox {
	border: 1px solid lightgray;
	padding: 6px;
	color: #333;
	/* font-weight: bold; */
	font-family: 'Open Sans', sans-serif !important;
	box-sizing: border-box;
	width: 99.5%;
	margin: 5px 0;
}

.c3_segmentData_upload .c3_segDH_inputbox {
	width: 100%;
}

.c3_segmentData_upload textarea{
	resize: none;
}

.c3_segmentData_upload .c3_editseg_box .c3_editseg_dataBox {
	height: 300px;
}

.c3_v_sep {
	border-left: 1px solid #e1e1e1;
}

/* Event Attributes */
.c3_All_event_attributes_listing_ScrollBox {
	overflow-y: auto;
	position: absolute;
	top: 70px;
	bottom: 10px;
	overflow-x: hidden;
	left: 10px;
	right: 10px;
}

.c3_whitebox_eventListing {
	
}

.c3_whitebox_eventListing .c3_profileschema_popup__rightsec {
	width: 40%;
	border-left: 1px solid #e1e1e1;
	padding-left: 15px;
}

.c3_profileschema_popup__rightsec_noborder {
	border-left: 0px solid #e1e1e1 !important;
	width: 40%;
	padding-left: 0 !important;
	text-align: right;
}

.c3_event_attributes_parameter_listing {
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0;
	overflow: hidden;
	clear: both;
	/* border: 1px solid #000; */
}

.c3_event_attributes_parameter_name {
	float: left;
	width: 69%;
	text-align: left;
	margin-right: 8px;
}

.c3_event_attributes_parameter_listing_scrollbox {
	border: 0px solid #C52A2A;
	padding-right: 14px;
	overflow-y: auto;
	height: 150px;
}

.c3_evtAttrNuP {
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 0;
}

.c3_event_attributes_parameter_inputBox {
	float:left; 
	width:70%; 
	text-align:left;
}

.c3_event_btn_height  {
	height: 21px;
}
.c3_event_input_height {
	height: 36px;
}

.c3_event_action_input_height {
	height: 33px;
}

.c3_event_attributes_parameter_btn { 
	text-align:right; 
	float:right; 
	width:26%; 
}

.c3_profileschema_popup__rightsec .profileschema_inputbox {
	border: 1px solid lightgray;
	padding: 6px 6px;
	color: #333;
	/* font-weight: bold; */
	font-family: 'Open Sans', sans-serif !important;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
}

.c3_profileschema_popup__rightsec .btn-sm,
	.c3_profileschema_popup__rightsec .btn-xs {
	padding: 6px 8px;
	font-size: 12px !important;
	line-height: 1.5;
	border-radius: 0px !important;
}

.c3_profileschema_popup__rightsec > h3 { 
	font-size: 14px; 
	color: #77B8EB; 
	font-weight: 300; 
}

.c3_templateinfo_tabbox {} 

.c3_templateinfo_tabbox .c3_edit_css_tab_menu { 
	position: relative; 
	background-color: #FFFFFF; 
	margin-bottom: 20px; 
	border-bottom: 1px solid #0055a9; 
	margin-bottom: 0; 
} 

.c3_templateinfo_tabbox .c3_edit_css_tab_menu_item { 
	font-size: 14px; 
	padding: 0px 10px 10px 10px; 
	cursor: pointer; 
	margin-right: 10px; 
	border: 1px solid #e1e1e1; 
	border-bottom: 3px solid #FFFFFF; 
	padding: 8px 15px; 
} 

.c3_templateinfo_tabbox .c3_edit_css_tab_menu_selected { 
	color: #0055a9; 
	border: 1px solid #0055a9; 
	border-bottom: 3px solid #FFFFFF; 
	padding: 8px 15px; 
	margin-bottom: -1px; 
} 

.c3_templateinfo_tabbox .c3_edit_css_tab_menu_selected .c3_csb_insight_menu_icon 
{ 
	color: #0055A9; 
} 

/* custom action */

.c3_whitebox_customAction {}
.c3_customAction_leftSec {
	margin-right: 15px; 
	margin-top:0px; 
}

.c3_customAction_leftSec .text_blue {
	color: #54A5D5;
}

.c3_customAction_rightSec {
	width: 51%; 
	border-left: 1px solid #e1e1e1; 
	padding-left: 15px; 
	margin-top:0px; 
}

.c3_customAction_rightSec h3 {
	font-size: 16px;
	color: #77B8EB;
	font-weight: 300;
}

.c3_customAction_rightSec .dialogBtnOK {
	margin: 5px 10px 0 0;
	padding: 6px 12px 0 12px;
	height: 24px;
}

.c3_customAction_rightSec .profileschema_inputbox {
	border: 1px solid lightgray;
	padding: 6px;
	color: #333;
	font-family: 'Open Sans', sans-serif !important;
	box-sizing: border-box;
	width: 99.5%;
	margin: 5px 0;
	margin-right: 6px;
}

.c3_customAction_rightSec .c3_customAction_httpHeader_listing {padding:6px 0;
	border-bottom:1px solid #e1e1e1;
}
.c3_customAction_rightSec .c3_customAction_httpHeaderName {
	margin-right:10px; 
	color: #3e72c8; 
	width:46%; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.c3_customAction_rightSec .c3_customAction_httpHeaderValue {
	margin-right:10px; 
	width:46%; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
.c3_customAction_rightSec .c3_customAction_delIcon {
	text-align: right;
	color: #B7AFAF;
	font-size: 11px;
	line-height: 19px;
	cursor: pointer;
	color: #949494;
	font-size: 11px;
	margin-top: 4px;
}

.c3_customAction_rightSec .c3_customAction_delIcon:hover {
    color: #555;
}

.c3_customAction_all_listingScrollBox {
	margin:10px 0;	
	border:0px solid red;
	position:absolute;
	height: calc(100% - 90px);
	overflow-y:auto;
}


/*
 * Push Dashboard
 */
.c3_pushDataExists .c3_pushStatsTable{
	position: absolute;
    top: 120px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.c3_pushDataExists progress:after{
	content: '';
}

.c3_pushDataExists .c3_data_table .c3_deletedItemsNameItalics{
	font-style: italic;
}

.c3_camp_schld_lbl {
	font-weight: bolder;
	color: #333333;
	font-family: sans-serif;
	font-size: 12px;
	padding-top: 8px;
}
.c3_no_bottom_border {
	border-bottom: 0px !important; 
	margin-bottom: 0px !important;
}

.c3_bottom_border{
	border-bottom: 1px solid #dae9ec; 
	margin-bottom: 8px !important;
}

.c3_evtPostProc_table tr.border_bottom td {
	border-bottom: 1pt solid var(--c-gray-60);
	border-right: 0 solid #fff;
}

.c3_evtPostProc_table .c3_evtPostProc_delIcon {
	font-size:10px!important;
	cursor:pointer;
	text-align:right;
	color:#999;
}
.c3_evtPostProc_table .c3_evtPostProc_delIcon:hover {
	color:#222;
}

.c3_edit_segment_div .c3_editseg_box .c3_edit_inputbox {
	width:99%;
	padding-left:5px;
	font-size:13px!important;
	margin-bottom:4px;
}

.claro .c3_edit_segment_div .c3_editseg_box .dijitSelect, 
.claro .c3_edit_segment_div .c3_editseg_box .dijitTextBox {
	border: 1px solid #dae9ec!important;
	font-size:13px!important;
	width:99%;
}

.claro .c3_dj_fld.dijitTextBox .dijitInputInner {
	padding-left: 6px !important;
}
.claro .c3_dj_fld.dijitTextBox .dijitPlaceHolder {
	padding-left: 6px !important;
}

.c3_seg_usr_container {
	display:flex;
	flex-direction:column;
}
.c3_seg_usr_inner {
	padding: 10px 0;
}
.c3_seg_users {
	border: 1px solid #E2E2E2;
	margin: 5px;
	width: 350px;
	/* height: 88px; */
	padding: 3px;
	overflow: hidden;
	cursor: pointer;
	min-height: 88px;
	max-height: 110px;
}
.c3_seg_users:hover {
	background: #f7f7f7;
}
.c3_seg_users_inner {
	align-items: stretch;
}
.c3_seg_users .c3_seg_users_avtar  {
	width: 60px;
	background: #f7f7f7;
	font-size: 30px;
	text-align: center;
	color: #BDBDBD;
	margin-right: 15px;
}
.c3_seg_users .c3_seg_users_profile {
	font-size: 13px;
	color: #4075B7;
	overflow: hidden;
}
.c3_seg_users_profile_r {
}
.c3_seg_users_icon_dv {}
.c3_seg_users .c3_seg_users_profile .c3_seg_users_icon {
	color: #ADC8E8;
	padding-top: 3px;
}

.c3_seg_users .c3_seg_users_profile .c3_seg_users_text {
	color: #504040;
	margin-left: 7px;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
	/* word-wrap: break-word; */
	word-break: break-all;
}

.c3_seg_users_profile .c3_rows_wrap { 
	margin-bottom:3px;
}

.c3_insights_dash {
	width:90%;
}

.c3_insights_dash .c3_metrics_Box {
	width:100%;
}


/* Push Notification Metrics Page */
.c3_pushnotification_table {
}

.c3_card_shadow{
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
}

.c3_pushOSDataCont {
	border-radius: 4px;
	border: 1px solid var(--c-gray-45);
	padding: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.c3_pushTotalCount{
    font-size: 20px;
    background-color: rgba(171, 214, 255, 0.35);
    /* padding-left: 200px; */
}

.c3_pushTotalCountTitle{
	font-size: 15px;
    margin-top: 5px;
    color: gray;
    padding-right: 7px;
}

.c3_pushTotalCountValue{
	padding-right: 30px;
	color: #0058A9;
}

.c3_pushResp_table {
	margin-top: 15px;
}

.c3_pushResp_header {
	font-size: 18px;
}

.c3_pushRespHeader_val {
	padding-left: 5px;
}

.c3_pushmetricsnoti_title {
	font-size: 15px;
	color: #0055A9;
	padding-bottom: 20px;
}

.c3_pushmetricsnoti_percentage {
	width: 100px;
}

.c3_pushmetricsnoti_link {
	text-align: right;
	font-size: 11px;
	color: #fe8418;
}

.c3_pushmetricsnoti_value {
	padding-right: 15px;
	font-size: 20px;
	color: #333333;
}

.c3_pushmetricsnoti_lbl {
	color: #9e9e9e;
}

.c3_responseDlgPane {
	height: 400px;
}

.c3_pushnotification_listing_ScrollBox .c3_data_table {
	width: 98%;
}
.c3_pushnotification_listing_ScrollBox .c3_data_table tr td:nth-child(4) {
 border-right: 0px;
}

.c3_responseDataPalette_listing_ScrollBox .c3_data_table tr td:nth-child(2){
 border-right: 0px;
}

.c3_sdkPropList_scrlBx .c3_data_table tr td:nth-child(1){
	border-left: 1px solid rgb(218,233,236);
}

/* All insights page */
.c3_insights_outerContainer { 
	width:100%;
}

.c3_insights_outerContainer .c3_insights_dash { 
	width: 235px;
}

.c3_metrics_Box_outer .c3_metrics_Box {
	position: relative;
	background-color: #fff; 
	border-radius: 0; 
	border: 1px solid #E5E5E5; 
	padding: 5px 10px; 
	cursor: pointer; 
	margin-right: 20px; 
	margin-bottom: 10px; 
	border-bottom: 3px solid #e5e5e5; 
	margin-top: 15px; 
	box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.75); 
	width: 335px;
}
/* campaign metrics - overwrite */
.c3_allMetrics .c3_metrics_Box_outer .c3_metrics_Box {
	min-height: 110px;
}
.c3_metrics_Box_outer .c3_metrics_Box:hover {
	background-color: #f9ffe8;
	border-radius: 0;
	border: 1px solid #ecf3d6;
	cursor: pointer;
	border-bottom: 3px solid #ecf3d6;
}

.c3_metrics_Box_outer .c3_metrics_Box .metrics_iconbox {
	border-right: 0px solid #e1e1e1;
	width: 125px;
	padding: 12px 8px;
	text-align: center;
	margin: 0 auto;
}
.c3_metrics_Box_outer .c3_metrics_Box:hover .metrics_iconbox {
	border-right: 0px solid #ecf3d6;
}
.c3_metrics_Box_outer .c3_metrics_Box .metrics_contentbox {
	padding: 8px;
	text-align: center;
}
.c3_metrics_Box_outer .metrics_contentbox>h4 {
}
.c3_metrics_Box_outer .c3_metrics_Box .metrics_contentbox>p {
	color: #7D7D7D;
	font-size: 13px;
}
.c3_metrics_Box_outer .betaTag {
	position: absolute;
	left: 0;
	top: 0;
	/* background-color: #333; */
	color: #fff;
}
.c3_metrics_Box_outer .betaTag img {
	width: 30%;
}

.c3_devAttrDash .c3_devAttrBody{
	border: 1px solid #e1e1e1;
	position: relative;
}
.c3_ed_browsers .c3_devAttrDash .c3_devAttrBody{
	position: initial;
}

.c3_devAttrDash .c3_devAttrLHS {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	min-width: 200px;
	border-right: 1px solid #e1e1e1;
	background-color: #f7f7f7;
}

.c3_devAttrDash .c3_devAttrRHS {
	position: absolute;
	left: 220px;
	right: 20px;
	top: 20px;
	bottom: 20px;
}
.c3_ed_browsers .c3_devAttrDash .c3_devAttrRHS {
	position: initial;
}

.c3_devAttrDash .c3_devAttr_box {
	padding: 10px;
	border-bottom: 1px solid #e1e1e1;
	font-size: 13px;
	/*font-family: sans-serif;*/
	font-weight: 400;
	cursor: pointer;
	color:#444;
}

.c3_devAttrDash .c3_boxfill {
	background-color: white;
	border-right: 2px solid white;
	margin-right: -2px
}

.c3_devAttrDash .c3_boxHover {
}

.c3_devAttrDash .c3_boxHover:hover {
	background-color: #EEF9FD;
}

.c3_devAttrDash .c3_devAttrRHSHeader {
	font-size: 16px;
	font-weight: 100;
	font-family: sans-serif;
	padding-bottom: 10px;
}

.c3_devAttrDash .c3_devAttrRHSBody {
	bottom: 0px;
	right: 0px;
	left:0px;
	top: 0px;
	position: relative;
}
.c3_ed_browsers .c3_devAttrDash .c3_devAttrRHSBody {
}

.c3_faq_all_page .c3_msglibrary_title2_box .title3 {
	font-size: 12px !important;
	color: #a0a0a0;
}

.c3_tbl_r_axnBtns {
	justify-content: flex-end;
}

/* uiTemplate */
.c3_content_uiTemplate {
	font-size: 13px;
	border: 0px solid red;
	height: calc(100% - 10px);
	/*position: absolute;*/
	/*width: 98%;*/
	flex: 1;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch
}

.c3_content_uiTemplate .c3_msglibrary_box #main-container iframe {
	height: 160px !important;
	overflow-y: auto;
    /* border: 1px solid #ff0000!important; */
}

.c3_content_uiTemplate #c3_published_content {
	overflow-y: auto;
	overflow-x:hidden;
}

.c3_uiFullScreenTemplatePickerBox h2 {
	text-align:left;
}

.c3_uiFullScreenTemplatePickerBox p {
	text-align:left;
}

.c3_uiTemplatePicker_topLevel {
	padding: 0 10px;
	color: #555;
	font-size: 13px;
}

.c3_uiTemplateScollBox {
	max-height: 335px;
	overflow-y: auto;
}

.c3_content_uiTemplate .temp_lebelText{
	color: #7a8fa9;
	margin-bottom: 10px;
}
.c3_content_uiTemplate .temp_lebelText > span{
	color: #111;
}

.c3_content_uiTemplate .col_lebelText {
	margin-bottom: 0px;
}

.c3_content_uiTemplate .col_lebel_long_Text {
	margin-bottom:5px;
}


.c3_content_uiTemplate .col_2 {
	margin-bottom:5px;
	position:relative;
}

.c3_content_uiTemplate .col_2_rightAlign {
	margin-bottom:5px;
	position:relative;
	text-align:right;
}
.c3_content_uiTemplate .c3_c1_color_palette .c3_push_sound_inp {
	padding: 2px;
	width: 40px;
	/*margin: 0 0 0 8px;*/
}


.c3_content_uiTemplate .row_contentUiTemp {
	margin-bottom: 4px;
	position:relative;
}
.c3_content_uiTemplate .row_contentUiTemp .c3_uiTemp_insertImg {
}
.c3_content_uiTemplate .c3_uiTempImageUploadBtn {
	z-index: 40;
	padding: 5px;
	cursor: pointer;
	font-size: 16px;
	background: #B9D1D6;
	color: #fff;
	border-left: 4px solid #fff;
}
.c3_content_uiTemplate input/*, .c3_content_uiTemplate textarea*/{
	padding: 5px 8px;
	border: 1px solid #e1e1e1;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif !important;
}

.c3_content_uiTemplate #main-container {
	background-color: #fff;
	margin:10px 0;
	border: 0px solid #dae9ec;
}

.c3_content_uiTemplate .mainContainer {
	overflow-y:auto;
}
.c3_content_uiTemplate .alertImageUploadBtn {
	top: 0;
	right: 18px;
	cursor: pointer;
	margin-top: 23px;
}
.alertImageUploadBtn.fsImageUploadBtn2 {
	top: 4px;
	right: 0px;
	margin-top: 0px;
}
.c3_content_uiTemplate #main-container .scroll_box {
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 20px;
}
.c3_content_uiTemplate #main-container .scroll_box2 {
	height:auto;
}
.c3_content_uiTemplate .advancelabel {
	margin-right:10px;
	margin-top:6px;
	font-size:12px;
	
}

.c3_content_uiTemplate .selectTempBtnBox {
	padding-right:10px;
}

.c3_content_uiTemplate .btnBox {
	/*position: absolute;*/
	border: 0px solid red;
	top: 310px;
	/*width: 95%;*/
}


.c3_content_uiTemplate .advancelabel a {
	text-decoration: none;
	color: #0055A9;
	padding-top: 4px;
}

.c3_uiTemplatePickerContainer {
	border: 1px solid #111;
}

.c3_uiTemplatePickerBox {
	width: 300px;
	height: 170px;
	padding: 8px;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.34);
	text-align: center;
	position: relative;
	overflow: hidden;
}

.c3_uiTemplatePickerBox:hover {
	background:#ECECEC;	
}

.c3_uiTemplatePickerBox .c3_uiTemplatePickerHoverBox {
	display:none;
}

.c3_uiTemplatePickerBox:hover .c3_uiTemplatePickerHoverBox {
	display: block;
	border: 1px solid #c1e4ae;
	background: #f9f9f9;
	opacity: 0.9;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.c3_uiTemplatePickerHover_InsideBox {
	height: 175px;
}

.c3_uiTemplatePickerBox .imgBox {
	border: 0px solid #e1e1e1;
	margin-bottom: 6px;
	width: 169px;
}

.c3_uiTemplatePickerBox img {
	text-align: center;
}

.c3_uiTemplatePickerBox h2 {
	color: #084c86;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	padding: 2px 0;
	margin: 0;
}

.c3_uiTemplatePickerBox p {
	color: #8c9ccb;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	padding: 2px 0;
	margin: 0;
}

.c3_Z1Dashboard .c3_campaign_midBox {
	color: grey;
	float: right;
}

.c3_Z1Dashboard .c3_campaignSum_loc {
	float: right;
}

.c3_Z1Dashboard .c3_campaignSum_loc .c3_campaignSum_val {
	font-size: 12px;
	color: grey;
	text-align: center;
	font-weight: bold;
}

.c3_trusted_agent_row {
	color: blue;
}

.c3_appStoreTabBody {
}

.c3_appStoreResTab {
	top: 0px !important;
}

.c3_devAttrRHS .c3_edit_css_tab_menu_item {
	padding: 8px 25px;
}

.c3_devAttrRHS .c3_edit_css_tab_menu_selected {
	/* color: #0055a9;
	border-bottom: 1.5px solid #0055a9; */
	color: #0055a9;
	border: 1.5px solid #0055a9;
	border-bottom: 3px solid #FFFFFF;
	padding: 8px 25px;
	margin-bottom: -1px;
}

.c3_devAttrRHS .c3_edit_css_tab_menu{
	background-color: white;
	border-bottom: #00559a solid 1.5px;
}

.c3_addUser_frm_head {
	margin-bottom: 20px;
}
.c3_addUser_fields_c {
	min-width: 300px;
}
.c3_addUser_fields_c {
	margin-right: 0px;
	margin-left: 10px;
}
.c3_addUser_fields_c:first-child {
	margin-right: 10px;
	margin-left: 0px;
}
.c3_addUser_id_inpDv>input {
	border-right-width: 0px;
	/*text-align: right; */
}
.c3_addUser_id_domainDv {
	font-size: 16px;
	color: #6E85B2;
	padding-left: 6px;
}
.c3_addUser_id_inpDv {
	min-width: 40%;
}

.c3_allSignalsTabs {
	margin-top: 10px;
}
.c3_allSignals_left {
	min-width: 300px;
	max-width: 300px;
}
.c3_allSignals_right {
	padding: 10px 0px 10px 2px;
}
.c3_allSignals_left_cont {
	padding-right: 14px;
}
.c3_allSignals_left_head {
	padding-right: 14px;
}
.c3_allSignals_evtHead {
	padding: 4px 14px;
	border-bottom: 1px solid #ebebeb;
	background-color: #f9f9f9;
	color: #8db4d0;
	border-top: 4px solid #ebebeb;
}
.c3_allSignals_eventItem, .c3_allSignals_cat {
	padding: 6px;
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
	border-left: 6px solid transparent;
}
.c3_allSignals_cat {
	background-color: var(--c-gray-40);
	border-bottom: 1px solid #CFD8DC;
	padding: 0px 6px;
}
.c3_allSignals_catSel {
	background-color: var(--c-gray-50);
}
.c3_allSignals_cat_c0>i {
	border-right: 1px solid #BDBDBD;
	padding: 16px 10px;
	font-size: 19px;
	padding-left: 0px;
	color: rgba(0, 0, 0, 0.41);
}
.c3_allSignals_catName {
	/* font-size: 14px; */
	padding: 4px;
	color: rgba(0, 0, 0, 0.95);
	font-weight: 500;
	/* font-family: 'Archivo Narrow', 'Open Sans', sans-serif; */
	font-family: 'Open Sans';
	font-size: 12px;
	line-height: 1.9;
}
.c3_allSignals_allTriggers {
	/* background-color: #F1F8E9; */
	/* border-right: 1px solid #ebebeb; */
}
.c3_allSignals_eventItem_sel {
	border-left: 6px solid rgba(33, 150, 243, 0.87);
	background-color: rgba(245, 245, 245, 0.71);
}
.c3_allSignals_eventItemName_disp {
	font-size: 14px;
	padding: 4px;
	color: rgba(0, 0, 0, 0.87);
	font-weight: 600;
}
.c3_allSignals_eventItemName_evt {
	padding: 0px 4px;
	font-weight: 300;
	font-size: 1.2em;
}
.c3_allSignals_eventItemNameC1 {
	color: rgba(0, 0, 0, 0.38);
}
.c3_allSignals_eventItemNameC2 {
	color: rgba(0, 0, 0, 0.64);
}
.c3_noTriggers_createLink {
	color: rgba(0, 85, 186, 0.87);
}
.c3_noTriggers_paramsCont {
	color: rgba(0, 0, 0, 0.54);
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.c3_noTriggers_paramsEvent {
	color: rgba(0, 0, 0, 0.87);
}
.c3_noTriggers_paramsOL>li {
	color: rgba(0, 0, 0, 0.87);
}

.c3_noTriggers_head_t, .c3_filteredSignals_t {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.9);
}
.c3_noTriggers_head_t>span, .c3_filteredSignals_t>span {
	color: rgba(0, 0, 0, 0.87);
	font-weight: bolder;
}
.c3_noTriggers_createCont {
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	font-weight: bolder;
	font-size: 14px;
	color: black;
}
.c3_noTriggers_createDescr  {
	color: rgba(0, 0, 0, 0.87);
}

.c3_allSignals_eventItem_c2 {}
.c3_allSignals_eventItem_c2>span {
	padding: 4px;
	color: #6CABE1;
	border: thin solid;
	border-radius: 50%;
	min-width: 14px;
	text-align: center;
}

/**
 * Data Expolorer
 */
.c3_aboutData_lhs {
	min-width: 280px;
	max-width: 280px;
	padding-left: 12px;
	border-left: 1px solid #e1e1e1;
}
.c3_aboutData_rhs {
	padding-right: 20px;
}

.c3_aboutData_h21 {
	font-size: 18px;
	padding: 10px 0px 5px 10px;
	color: #5D90A4;
	font-weight: 400;
}

.c3_aboutData_head {
	padding-bottom: 6px;
}
.c3_aboutData_back {
}

.c3_aboutData_whatElse_h {
	font-size: 16px;
	color: #333;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 5px;
}

.c3_aboutData_tipItem {
	padding: 20px;
	border-top: 1px solid #ebebeb;
}
.c3_aboutData_tipItem:first-child {
	border-top: 0px solid #ebebeb;
}
.c3_aboutData_tipItem_icon {
	padding: 0px 15px;
	font-size: 14px;
}
.c3_aboutData_tipItem_icon>div {
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
	opacity: .61;
}
.c3_aboutData_tipItem_axn {
	color: rgba(0, 85, 169, 1);
	cursor: pointer;
	margin-top: 8px;
}
.c3_aboutData_tipItem_descrTxt {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	color: #666;
	font-weight: 300;
}
.c3_ed_strong {
	font-size: 16px;
	font-weight: 600;
	/*color: rgba(0, 0, 0, 0.87);*/
	color: rgba(51, 51, 51, 0.91);
}
.c3_aboutData_tipItem_info {
}
.c3_aboutData_tipItem_info .c3_aboutData_tipItem_icon>div {
	background-image: url("/res/icon_info_new2-blue.png");
}
.c3_aboutData_tipItem_neutral {
}
.c3_aboutData_tipItem_neutral .c3_aboutData_tipItem_icon>div {
	background-image: url("/res/icon_info_new2.png");
}
.c3_aboutData_tipItem_positive {
}
.c3_aboutData_tipItem_positive .c3_aboutData_tipItem_icon>div {
	background-image: url("/res/icon_thumbsup_new2.png");
}
.c3_aboutData_tipItem_negative {
}
.c3_aboutData_tipItem_negative .c3_aboutData_tipItem_icon>div {
	background-image: url("/res/icon_thumbsdown_new2.png");
}
.c3_aboutData_tipItem_alert {
}
.c3_aboutData_tipItem_alert .c3_aboutData_tipItem_icon>div {
	background-image: url("/res/icon_warning_new2.png");
}

.c3_aboutData_OVItem {
	padding: 15px 0px;
	/* margin-bottom: 15px; */
	border-bottom: 1px solid #f0f0f0;
}
.c3_aboutData_OVItem>div {}
.c3_aboutData_OVItem_c1 {
	min-width: 110px;
	max-width: 110px;
}
.c3_aboutData_OVItem_c1>* {
	text-align: center;
}
.c3_aboutData_OVItem_val {
	font-size: 35px;
	color: gray;
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
}
.c3_data_blue .c3_aboutData_OVItem_val {
	color: steelblue;
}
.c3_data_green .c3_aboutData_OVItem_val {
	color: #8BC34A;;
}
.c3_data_grey .c3_aboutData_OVItem_val {
	color: grey;
}
.c3_data_orange .c3_aboutData_OVItem_val {
	color: orange;
}
.c3_aboutData_OVItem_description {}
.c3_aboutData_OVItem_period {
	color: #5d5f61;
	font-size: 13px;
}
.c3_data_neutral .c3_aboutData_OVItem_val {}
.c3_data_neutral .c3_aboutData_OVItem_description {}
.c3_data_neutral .c3_aboutData_OVItem_period {}
.c3_data_negative .c3_aboutData_OVItem_val {}
.c3_data_negative .c3_aboutData_OVItem_description {}
.c3_data_negative .c3_aboutData_OVItem_period {}
.c3_data_positive .c3_aboutData_OVItem_val {}
.c3_data_positive .c3_aboutData_OVItem_description {}
.c3_data_positive .c3_aboutData_OVItem_period {}

.c3_aboutData_wElseItem {
	padding: 10px;
	border-top: 1px solid #ebebeb;
	cursor: pointer;
}
.c3_aboutData_wElseItem:first-child {
	border-top: 0px solid #ebebeb;
}
/*.c3_aboutData_wElseItem_axn {
	color: rgba(0, 85, 169, 1);
	cursor: pointer;
	margin-top: 8px;
}*/
.c3_aboutData_wElseItem_descrTxt {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.c3_aboutData_wElseItem:hover .c3_aboutData_wElseItem_descrTxt {
	color: #1A237E;
}
.c3_aboutData_whatElse {
	padding: 10px 20px;
	background-color: #ECECEC;
	background-color: var(--c-gray-10);
	margin: 30px;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
}
.c3_aboutData_whatElse_icon {
	background-image: url("/res/icon_faq.png");
	background-repeat: no-repeat;
	background-position: center;
	/* opacity: .87; */
	padding: 10px;
	width: 40px;
	height: 60px;
	background-size: contain;
	background-size: 40px 30px;
}

.c3_aboutData_tipItem_sugg {}
.c3_aboutData_descrSugg {}
.c3_aboutData_descrSugg_i {}
.c3_aboutData_descrSugg_txt {}

.c3_aboutData_h22 {
	padding: 6px 6px;
	background-color: rgba(220, 220, 220, 0.81);
	color: #333;
	font-size: 16px;
	font-weight: 500;
}

.c3_ed_userSegments_lhs {
	min-width: 300px;
	max-width: 300px;
}

.c3_eData_h1 {
	height: 30px;
	/*text-align: center;*/
	width: 100%;
	color: #83A9C3;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}

.c3_eData_h2 {
    color: #333;
    padding: 0px 0px 5px 0px;
    font-size: 17px;
    font-weight: 300;
}

.c3_eData_desc {
	color: #999;
	padding-bottom: 20px;
	font-style: italic;
}

.c3_eData_list {
	padding: 0 0px 0 10px;
	font-size: 16px;
}
.c3_eData_listItem {
	padding-bottom: 20px;
	cursor: pointer;
	
}
.c3_eData_listItem_i {
	padding-right: 20px;
}
.c3_eData_listItem_txt {
	color: #5E76AC;
}
.c3_eData_listItem_i>* {
	background-repeat: no-repeat;
	background-position: center;
	width: 36px;
	height: 36px;
	/* opacity: .87; */
}
.c3_eData_listItem_iUsers {
	background-image: url("/res/icon_users2.png");
}
.c3_eData_listItem_iActivities {
	background-image: url("/res/icon_user_analytics.png");
}
.c3_eData_listItem_iEngagements {
	background-image: url("/res/icon_userengagement.png");
}

.c3_eData_summary_bx {
	text-align: center;
	min-width: 140px;
}
div.c3_eData_summary_bxicon {
	font-size: 32px;
}
.c3_eData_summary_d {
}
.c3_eData_summary {
	background-color: #8BC34A;
	color: rgba(255, 255, 255, 0.87);
	padding: 20px;
	text-align: center;
}
.c3_eData_summary_h1 {
	margin-bottom: 20px;
	font-size: 14px;
}
.c3_eData_summary_bx1 {
	margin-right: 10px;
}
.c3_eData_summary_bx21 {
	font-size: 40px;
	color: white;
}

.c3_ed_userDevices_r2 {
	min-height: 250px;
	max-height: 300px;
	/* width: 100%; */
}

.c3_ed_userDevices_separator_i:before {
	font-size: 34px;
	color: rgba(0, 0, 0, 0.14);
}

.c3_c3bPercentItem {
}
.c3_c3bPercent_inner {
}
.c3_c3bPercentItem_r1 {
}
.c3_c3bPercentItem_r2 {
}
.c3_c3bPercentItem_numValue {
	padding-right: 15px;
	font-size: 20px;
	color: #333333;
}
.c3_c3bPercentItem_lbl {
	color: #9e9e9e;
}
.c3_c3bPercentItem:hover .c3_c3bPercentItem_lbl {
	color: #3572b0;
	cursor: pointer;
}
.c3_c3bPercentItem_r2c2 {
	min-width: 40px;
	margin-left: 6px;
}
.c3_c3bPercentItem_rightValue {
	color: #555;
	font-size: 13px;
}
.c3_c3bPercentItem_barWrp {
	min-height: 10px;
	max-height: 10px;
	border: 1px solid rgba(128, 128, 128, 0.32);
}
.c3_c3bPercentItem_percentBar {
	background-color: cornflowerblue;
	align-self: stretch;
}

/* event channels */
.c3_eChannels_list .c3_tiles {
}
div.c3_tiles>.c3_eChannelsItem {
	margin-left: 20px;
	margin-top: 20px;
}
.c3_eChannelsItem {
	position: relative;
	min-width: 150px;
	max-width: 150px;
	min-height: 166px;
	max-height: 166px;
	cursor: pointer;
	padding: 10px;
	border: 1px solid #E9E9E9;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
}
.c3_eChannelsItem_title_icon {
    color: #777;
    font-size: 400%;
    text-align: center;
    margin-bottom: 17px;
    font-weight: 600;
}
.c3_eChannelsItem.c3_eChannelsItem_enbl_0 {
	background-color: rgba(220, 220, 220, 0.43);
	opacity: .81;
}
.c3_eChannelsItem.c3_eChannelsItem_0 {
}
.c3_eChannelsItem_imgWrp {
	background-color: antiquewhite;
	max-height: 120px;
	min-height: 120px;
	align-self: center;
}
.c3_eChannelsItem_img {
	min-width: 120px;
	max-width: 120px;
	align-self: center;
}
.c3_eChannelsItem_title {
	text-align: center;
	color: #555;
	color: rgba(0, 0, 0, 0.87);
	font-size: 19px;
	font-weight: 300;
}
.c3_eChannelsItem_isActiveBadge {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 56px;
	height: 56px;
	background: url('res/triangle2.png') top right no-repeat;
}
.c3_eChannelsItem_1 .c3_eChannelsItem_isActiveBadge {
	/* show no badges a.t.m. */
	display: flex;
}
.c3_eChannelsItem_0 .c3_eChannelsItem_isActiveBadge {
	display: none;
}
.c3_eChannelsItem_isActiveBadge>i {
	margin-left: 20px;
	margin-bottom: 20px;
	color: white;
}
.c3_eChannelsItem .badges-suspended {
	top: 0;
}
.c3_eChannelsItem .badges-incomp {
	top: 0;
}
.c3_eChannelsItem_suspended {
}
.c3_eChannelsItem_published {
}
.c3_eChannelsItem .c3_cj_item_actions {
	display: none;
}
.c3_eChannelsItem_enbl_1:hover .c3_cj_item_actions {
	display: flex;
}

.c3_eChnl_lbl, .c3_sysSetting_lbl {
    color: #555;
	font-weight: 600;
}

/* c3_txt_sm hint type of small text */
.c3_txt_sm, .c3_eChnl_tip {
	color: #999999;
	font-size: 11px;
}

.c3_editPushPullChannels_lhs {}
.c3_editPushPullChannels_rhs {
	max-width: 200px;
	background-color: rgba(220, 220, 220, 0.45);
}
.c3_editPushPullChannels_axns {
	padding: 15px 10px 0px 10px;
}
.c3_editPushPullChannels_help {
	padding: 10px;
}
.c3_editPushPullChannels_help h2 {
	color: rgba(0, 0, 0, 0.87);
	font-size: 14px;
	font-weight: 400;
}
.c3_editPushPullChannels_help p {
	color: #555;
}
.c3_editPushPullChannels_flds {
	padding: 0px 10px 0px 4px;
}
/* use prefix .c3_editPushChannels or .c3_editPullChannels 
 for page specific css */
.c3_PushPullChannelsList_list {
	flex-shrink: 1;
}
.c3_PushPullChannelsList_list>* {}
.c3_PushPullChannelsList_title {
    font-size: 135%;
    font-weight: 300;
    color: #333;
    text-transform: capitalize;	
}
.c3_PushPullChannelsList_addMore {
	padding: 6px 4px;
	font-size: 14px;
	color: #3F51B5;
}
.c3_PushPullChannelsList_addMore:hover {
	color: #3e72c8;
}
.c3_ppChannelListItem {
	border-bottom: 1px solid rgba(235, 235, 235, 0.41);
	padding: 6px 4px;
}
.c3_ppChannelListItem:last-child {
	border-bottom: 0px;
}
.c3_ppChannelListItem_title {
	color: #666;
	font-size: 13px;
}

.c3_ppChannelListItem_iconCont {
	color: rgba(153, 153, 153, 0.42);
}
.c3_ppChannelListItem_delContWrp {
	min-width: 20px;
}
.c3_ppChannelListItem_delCont {
	display: none;
}
.c3_ppChannelListItem:hover .c3_ppChannelListItem_delCont {
	display: flex;
}
.c3_ppChannelListItem_delCont, .c3_sysSetting_descLbl {
	color: #999;
}
.c3_ppChannelListItem_delCont:hover {
	color: #333;
}
.c3_ppChannelListItem_delCont>* {
	font-size: 16px;
}
.c3_ppChannelListItem_iconCont>* {
	font-size: 16px;
}
.c3_ppChannelListItem_txt {
	padding: 8px 6px;
}
.c3_ppChannelListItem_txt:hover {
	background-color: aliceblue;
}
.c3_ppChannelListItem_endPointUrl {
	color: #555;
}
.c3_ppChannelListItem_endPointUrlLbl {
	color: #999;
}
.c3_ppChannelListItem_endPointUrlV {
	font-family: monospace;
	color: #555;
}
.c3_ppChnlLItem_state, .c3_ppChnlLItem_copy {
	display: none;
}
.c3_ppChannelListItem .c3_ppChnlLItem_state, .c3_ppChannelListItem .c3_ppChnlLItem_copy {
	display: flex;
}
.c3_ppChannelListItem .c3_ppChnlLItem_btn, .c3_geofence_ibtn {
	display: none;
}
.c3_ppChannelListItem[data-state="published"] {
	background-color: white;
}
.c3_ppChannelListItem[data-state="suspended"], .c3_gFenceItem[data-state="suspended"] {
	background-color: var(--c-gray-40);
	opacity: .75;
}
.c3_ppChannelListItem[data-state="suspended"]:hover,
	.c3_gFenceItem[data-state="suspended"]:hover {
	opacity: 1;
}
.c3_ppChannelListItem[data-state="published"] .c3_ppChnlLItem_btnUnPub {
	display: flex;
}
.c3_ppChannelListItem[data-state="suspended"] .c3_ppChnlLItem_btnPub {
	display: flex;
}
.c3_gFenceItem[data-state="published"] .c3_geofence_btnUnPub {
	display: flex;
}
.c3_gFenceItem[data-state="suspended"] .c3_geofence_btnPub {
	display: flex;
}

.c3_eChnl_rc {}
.c3_eChnl_rc .c3_eChnl_lbl {}
.c3_eChnl_rc .c3_eChnl_fld {
	min-width: 65%;
	max-width: 65%;
}

.c3_eData_leftPanel {
	margin-right:40px;
}
.c3_eData_rightPanel {
	padding-left:12px;
	margin-left:20px;
	border-left:1px solid #e1e1e1;
}

.c3_eData_listItem_Box {
	height: 160px;
	width: 180px;
	background-color: #fff;
	color:#636363;
	border-radius: 3px;
	margin:4px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align:center;
	position:relative;
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.15);
}
.c3_devicesChnl .c3_eData_listItem_Box {
	width: initial;
	min-width: 200px;
	max-width: 200px;
	height: initial;
	min-height: 260px;
	max-height: 260px;
}

.c3_eData_listItem_greenBorder{
border: 1px solid #aee261;
}
.c3_eData_listItem_orangeBorder{
border: 1px solid #ffb967;
}
.c3_eData_listItem_purpleBorder{
border: 1px solid #a87bd2;
}

.c3_eData_listItem_greyBorder{
border: 1px solid grey;
}
.c3_eData_listItem_Box .c3_upload_link {
	text-transform:uppercase;
	font-size: 14px;
}

.c3_eData_ataGlance {
	color:#666;
}
.c3_eData_ataGlance .c3_eData_summary_bxicon {
	width: 90px!important;
	text-align: center;
}
.c3_eData_summary_bx2>div {
	text-align: center;
}
.c3_eData_ataGlance .c3_eData_summary_bx21 {
	font-size: 33px;
	color: #666;
	font-weight: 300;
	/* text-align: right; */
}
.c3_eData_ataGlance .c3_eData_summary_bx22 {
	color: #888;
	font-weight: 300;
	font-weight: 400;
	margin-top: -4px;
	/* text-align: right; */
}
.c3_eData_ataGlance .c3_eData_summary_bx {
	margin-bottom:15px;
	padding:10px 0;
	border-bottom:1px solid #f0f0f0;
}
.c3_eData_ataGlance .color_green {
	color: #92c840 !important;
}
.c3_eData_ataGlance .color_orange {
	color: #f29c22 !important;
}
.c3_eData_ataGlance  .color_purple {
	color: #7d26cd !important;
}

.c3_eData_ataGlance h3, .c3_aboutData_lhs h3 {
	font-weight:300;
	font-size:16px;
	color:#666;
	padding-top:0;
	padding-bottom:8px;
	margin-top:0;
	border-bottom:1px solid #e1e1e1;
}
.c3_eData_ataGlance h3 span, .c3_aboutData_lhs h3 span {
	font-weight:600;
	color:#111;
}

.c3_eData_insideContainer {
	font-size:15px;
	color:#666;
}
.c3_eData_insideContainer b{
	color:#333;
	font-weight:600;
}

.c3_eData_leftPanel .c3_aboutData_whatElse_icon {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	/* opacity: .87; */
	padding: 0px;
	width: 70px;
	height: 60px;
	background-size: contain;
	background-size: 40px 30px;
}

.c3_eData_listItem_Box:hover .c3_eData_listItem_img {
	display: none;
}

.c3_eData_listItem_Box h3 {
	font-size: 18px;
	font-weight: 300;
	padding: 4px 0;
	margin: 0;
}

.c3_eData_listItem_Box:hover h3 {
	display: none;
}

.c3_eData_listItem_Box .c3_eData_listItem_HoverBox {
	display: none;
	padding: 10px;
}

.c3_eData_listItem_Box:hover .c3_eData_listItem_HoverBox {
	display: flex;
}

.c3_eData_listItem_Box .c3_eData_listItem_img {
	padding: 10px 0;
	margin: 10px 0;
}

.androidImg {
	font-size: 40px;
	color: #73b53d;
}

.iosImg {
	font-size: 40px;
}

.html5Img {
	font-size: 40px;
	color: orange;
}

.c3_devicesChnl_list {
	max-width: 735px;
}

/* Live Link */
.c3_liveLink_box, .c3_customActionType {
	margin: 10px 10px;
	padding: 14px;
	border: 1px solid #dae9ec;
	height: 100px;
	width: 360px;
	background-color: white;
	color: #393B44;
	cursor: pointer;
	font-size: 14px;
}
.c3_liveLink_box:hover, .c3_customActionType:hover {
	background-color: rgba(241, 241, 241, 0.76);
}
.c3_liveLink_body, .c3_customActionType_body {
	padding-left: 20px;
}

/*.c3_liveLinkMenu .c3_liveLink_box:hover .c3_liveLink_name {
	display: none;
}*/

.c3_liveLinkMenu .c3_liveLink_name .c3_liveLinkMenu_titleIcon {
	font-size: 400%;
	font-weight: 400;
	padding: 4px 0;
	margin: 0;
	color: #ddd;
}
.c3_liveLink_descriptionBox, .c3_customActionType_descriptionBox, .c3_mAA_dscrBox {
	/*display: none;*/
	padding: 4px 0;
	font-weight: 300;
}
.c3_liveLink_name {
	display: block;
}
.c3_liveLinkMenu .c3_liveLink_name, .c3_customActionType_name, .c3_mAA_name {
	font-size: 19px;
	font-weight: 400;
	padding: 4px 0;
	margin: 0;
	color: #666;
}
.c3_liveLink_icon, .c3_customActionType_icon {
	font-size: 70px !important;
	opacity: .31;
}

.c3_dataService_icon_small {
	font-size: 18px !important;
	color: white;
}

.c3_dataService_BodyC1 {
	background-color: #74af20; 
}

.c3_dataService_ListC1 {
	min-width: 40px;
	max-width: 40px;
}

.c3_dataServiceListC4 {
	min-width: 200px;
	max-width: 200px;
}
.c3_dataService_ListC7, .c3_dataService_delBtn, .c3_dataService_ListC7I {
	min-width: 50px;
	max-width: 50px;
	min-height: 40px;
}

.c3_incEvtListIH .c3_dataService_ListC7{
	border-left: 1px solid transparent;
	
} 

.c3_dataService_delBtn, .c3_delBtn {
	font-size: 14px;
}

.c3_liveLink_bottomCont .c3_liveLink_input {
}

.c3_lop_input, .c3_sso_input {
}

.c3_linksTable .c3_allLinks_inputRow, .c3_customActionTempl {
	justify-content: space-between;
	border: 0.5px solid rgba(238, 217, 187, 0.9);
	margin: 5px 10px;
	padding: 10px;
	width: 340px;
	height: 76px;
	border-radius: 5px;
	align-items: center;
	font-size: 19px;
	font-weight: 300;
	box-shadow: 2px 2px 10px #eaeaea;
}
.c3_linksTable .c3_allLinks_inputRow {
	min-height: 50px;
	min-height: 100px;
	max-height: 100px;
}
.c3_allLinks_iName, .c3_customActionTempl_aName {
}
.c3_allLinks_iDescription {
	font-size: 12px;
	font-weight: 400;
	color: rgba(0, 0, 0, .71);
	font-family: sans-serif;
}
.c3_allLinks_iType, .c3_customActionTempl_aType {
	font-size: 11px;
	color: rgba(0, 0, 0, 0.81);
	font-family: arial, system-ui;
}
.c3_linksTable .c3_allLinks_axnCell, .c3_customActionTempl_axnCell {
	justify-content: space-between;
	width: 50px;
	color: rgba(0, 0, 0, 0.41);
}
.c3_allLinks_axnCell>span, .c3_customActionTempl_axnCell>span {
	display: none;
}
.c3_allLinks_inputRow:hover .c3_allLinks_axnCell>span, .c3_customActionTempl:hover .c3_customActionTempl_axnCell>span {
	display: flex;
}
.c3_linksTable .c3_allLinks_axnCell span:hover, .c3_customActionTempl_axnCell span:hover {
	color: rgba(0, 0, 0, 0.91);
}

.c3_linksTable>div {
	flex: 0 1 45%;
}

.c3_linksTable .c3_tbl_r_axnBtn {
	cursor: pointer;
}

.c3_llmenu_type>div {
	font-size: 1.25em;
	color: rgba(0, 0, 0, 0.81);
	padding: 10px 0px;
}
.c3_llmenu .c3_noData {
	height: initial;
}

.c3_httpHeaders {
	background-color: var(--c-gray-10);
}
.c3_httpHeaders_title, .c3_lop_title, .c3_sso_title {
	font-size: 14px;
	font-weight: 400;
}
.c3_httpHeaders_bx, .c3_lop_bx, .c3_sso_bx {
	padding: 4px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.18);
	color: rgba(0, 0, 0, 0.81);
}
.c3_httpHeaders_t, .c3_lop_t, .c3_sso_t {
	padding: 4px 4px 4px 0px;
}
.c3_httpHeaders_k {
	min-width: 110px;
	max-width: 110px;
}
.c3_httpHeaders_x {
	margin-right: 4px;
	padding: 4px;
	color: rgba(0, 0, 0, 0.41);
}
.c3_httpHeaders_x:hover {
	color: rgba(0, 0, 0, 0.91);
}

.c3_lop_k, .c3_sso_k {
	min-width: 240px;
	max-width: 240px;
}
.c3_lop_x, .c3_sso_x {
	margin-right: 4px;
	padding: 4px;
	color: rgba(0, 0, 0, 0.82);
}
.c3_lop_x:hover {
	color: rgba(0, 0, 0, 1.32);
}
.c3_sso_x:hover {
	color: rgba(0, 0, 0, 1.32);
}

.c3_cpgn_otc_validCont {}
.c3_cpgn_otc_validInputCont {
	min-width: 40px;
	max-width: 50px;
}
.c3_cpgn_otc_validInputCont input {}

.c3_txtBx_bottomCtrlsInner {
	justify-content: flex-end;
}
.c3_txt_bottomCtrls_btn {
	color: #999;
}
.c3_txt_bottomCtrls_btn:hover {
	color: #333;
}
.c3_emoji {
	min-height: 100px;
	padding: 4px;
	z-index: 990;
	background-color: ivory;
	border: 1px solid #E9E9E9;
	box-shadow: 0px 0px 7px 2px rgba(219,219,219,0.58);
	font-size: 19px;

	position: absolute;
}
.c3_emoji_i {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}

/* Campaign Insights > Attribute Filter */

.c3_cpgn_attributeFilter {
	justify-content: flex-end;
}

.c3_cpgn_attrQuery {
	margin: 0 15px 0px 0px;
}

.c3_cpgn_attrflex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.c3_attr_stage {
	border-bottom: 1px solid #ececec;
	padding: 5px;
}

.c3_attr_value {
	display: flex;
	justify-content:center; 
	align-items: center;
	font-size: 40px;
	font-weight: lighter;
}

.c3_attr_valueBox {
	margin: 15px 20px 20px 20px;
}

.c3_attr_chartBox_total {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 70px;
	font-weight: lighter;
}

.c3_attr_chartBox_total_targeted {
	color: #004d90;
}

.c3_attr_chartBox_total_sent {
	color: #63A1DC;
}

.c3_attr_chartBox_total_interacted {
	color: #f0ad4e;
}

.c3_attr_chartBox_total_viewed {
	color: #BD334C;
}

.c3_attr_chartBox_total_converted {
	color: #9baf64;
}

.c3_attr_titleBox {
	border-right: 1px dashed lightgrey;
	padding-right: 10px;
	font-size:16px;
	min-width: 200px;
    max-width: 200px;
    min-height: 150px;
}

.c3_attr_titleBox_targeted{
	color: #004d90;
}

.c3_attr_titleBox_sent {
	color: #63A1DC;
}

.c3_attr_titleBox_viewed{
	color: #BD334C;
}

.c3_attr_titleBox_interacted{
	color: #f0ad4e;
}

.c3_attr_titleBox_converted {
	color: #9baf64;
}

.c3_attr_title {
	min-height: 50px;
    max-height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: lighter;
}

.c3_attr_desc {
	font-size:11px;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.c3_attr_chartBox {
	display: flex;
	justify-content: center;
	align-items: center;
}

.c3_campDashboard {
	overflow: hidden;
}
.c3_campMetrixTbl_c1 {
	width: calc(100% - 750px);
}

.c3_cj_stepBoxDtlCard {
	position: absolute;
	background-color: #8bab49;
	padding: 10px;
	overflow: hidden;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 9;
}
.c3_cj_stepsCont {
	position: relative;
	/*background-color: #CFD8DC;*/
	min-height: 130px;
}
.c3_cj_axnsCont {
	background-color: rgba(220, 220, 220, 0.39);
	/* border-bottom: 1px solid #ebebeb; */
	/* box-shadow: 0px 0px 5px 0px rgba(204, 206, 219, 1); */
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: rgba(95, 158, 160, 0.27);
	padding-left: 10px;
}
.c3_cj_axnBtn {
}
.c3_cj_axnBtn_sel {
	border-bottom: 3px solid #3949AB;
}
.c3_cj_stepBoxCount {
	font-size: 21px;
	font-weight: 300;
}
.c3_cj_stepBoxCountLbl {
	font-weight: 300;
	color: rgba(0, 0, 0, 0.6);
	font-size: 10px;
}
.c3_cj_stepBoxDtlName {
    position: relative;
    font-weight: 600;
    color: white;
    cursor: pointer;
    padding: 2px;
    border-bottom: 1px solid rgba(220, 220, 220, 0.42);
    background: #8bab49;
    margin-top: 0px;
}
.c3_cj_stepBoxNum {
	font-size: .86em;
}
.c3_cj_stepBoxDtlInnerNameIcon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 20px;
}
.c3_cj_stepBoxDtlName i {
	opacity: 0;
}
.c3_cj_stepBoxDtlName:hover i {
	/*opacity: 1;*/
}
.c3_cj_stepBoxDtlName:hover {
	background-color: steelblue;
	color: white;
}
.c3_cj_stepDetails_nameCont {
	font-weight: 300;
	font-size: 1.6em;
	padding: 4px 4px;
	color:ivory;
}
.c3_cj_stepDetails_nameCont i {
	opacity: 0;
}
.c3_cj_stepDetails_nameCont:hover i {
	/*opacity: 1;*/
}
.c3_cj_stepDetails_nameCont:hover {
	background-color: gainsboro;
}
.c3_cj_stepDetails_txtLbl {
	color: #999;
}
.c3_cj_stepDetails_txt {
	margin-bottom: 6px;
}
.c3_cj_stepBoxDtl, .c3_cj_stepBoxDtlTxt {
	/*pointer-events: none;*/
	cursor: pointer;
}
.c3_cj_stepBoxDtlTxt {
	margin-top: 0px;
}
.c3_cj_stepDetails_x {
	border: 1px solid lightgray;
	background-color: whitesmoke;
	padding: 4px;
	color: #999;
}
.c3_cj_stepDetails_x:hover {
	opacity: 1;
	background-color: #777;
	color: #fff;
	border: 1px solid #777;
}
.c3_cj_stepBoxDtlInnerName {
	min-width: 1px;
	position: relative;
	max-width: 100%;
}

.c3_evtPostProc_txt {
	padding: 10px;
	font-family: monospace;
}

.c3_customMet_title{
	font-size: 14px;
}

.c3_customMet_desc{
	font-size: 12px;
}

.c3_no_chart_box .c3_no_chart_txt {
	margin: auto;
}

.c3_bubble {
	background-color: blanchedalmond;
	padding: 6px;
	min-width: 60px;
	max-width: 400px;
	border-radius: 3px;
	box-shadow: 0px 0px 7px 2px rgba(219,219,219,0.58);
	position: absolute;
	z-index: 10;
}
.c3_bubble_close {
	padding: 2px;
	color: #666666;
}
.c3_bubble_head {
}
.c3_bubble_body {
	padding: 0 10px 15px 10px;
	color: #333333;
}

.c3_helpBubble {
  background-color: #f4bc42;
  padding: 6px;
  min-width: 60px;
  max-width: 400px;
  border-radius: 3px;
  box-shadow: 0px 0px 7px 2px rgba(219,219,219,0.58);
  position: absolute;
  z-index: 10;
}

.c3_helpBubble_body {
  padding: 0 10px 15px 10px;
  color: #ffffff;
}

.c3_helpBubble_arrow {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f4bc42;
  margin-left: 367px;
}

.c3_cpgn1_i {
	position: absolute;
	right: 2px;
	top: 2px;
	bottom: 0;
	cursor: pointer;
	z-index: 10;
	font-size: 8px;
	border-radius: 50%;
	background-color: rgba(190, 190, 190, 0.75);
	color: white;
	width: 10px;
	height: 10px;
}
.c3_cpgn1_i:hover {
	background-color: rgba(220, 220, 220, 0.75);
}

.c3_cpgn2_i {
	position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 10;
    font-size: 10px;
    border-radius: 50%;
    background-color: rgba(162, 162, 162, 0.85);
    color: white;
    width: 10px;
    height: 10px;
}

.c3_cpgn2_i:hover {
	background-color: rgba(220, 220, 220, 0.75);
}

.c3_spn_descr {
	color: #666666;
}

.c3_featureInfo_txt {
	font-size: 14px;
	color: black;
	font-weight: 300;
}

/** Custome Group Metrics Css**/

.c3_allMetrics .c3_metrics_Box_outer .c3_metrics_Box_new {
    min-height: 70px;
}


/** push metrics **/
.c3_push_msgVwd
{
	margin-left: 8px;
}



/** User Permission Css**/
.c3_userpermission_box {
	
}
.c3_userpermission_box h2 {
	color: #3769ba;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: 400;
    font-size: 16px;
	}

.c3_userpermission_box .c3_permission_section_title {
	/* font-size: 13px; */
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 7px;
	padding-left: 0px;
}
.c3_userpermission_box ul{
	padding: 4px 0;
    margin: 2px 0 12px 0;
}
.c3_userpermission_box ul li{
	display:inline-block;
	list-style:none;
	margin-right:20px;
	min-width:90px;
	color:#7b7b7b;
}
.c3_userpermission_scrollbox {
	border: 0 solid #ddd;
	overflow-y: auto;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 8px;
	height: 270px;
}

.c3_userpermission_bottom_button_position {
	position: absolute;
	bottom: 15px;
	right: 20px;
}

.c3_yesNo {
	padding: 4px;
	border: 1px solid gainsboro;
}
.c3_yesNo_iconCont{
}
.c3_yesNo_icon {
}
.c3_yesNo.c3_yesNo_y {
	border-color: #4CAF50;
}
.c3_yesNo.c3_yesNo_n {
	border-color: red;
}
.c3_yesNo_readOnly {
	opacity: .35;
	pointer-events: none;
}

.c3_art_commentsBtn {
    padding: 4px 4px 4px 0px;
    font-size: 14px;
    font-weight: 600;
    color: #6e808c;
}
.c3_commentsCont {
	background-color: white;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}
.c3_commentCard {
	padding: 6px;
	border-top: 1px solid rgba(220, 220, 220, 0.61);
}
.c3_commentCard_h {
	padding: 2px;
}
.c3_commentCard_owner {
	/*font-weight: 900;*/
	font-size: 1.1em;
	color: #257594;
}
.c3_comments_titleCont {
	padding-left: 4px;
	font-size: 1.25em;
}
.c3_commentCard_date {
	font-size: .9em;
}
.c3_commentCard_body {
	padding: 4px 2px;
}
.c3_comments_sendBtnContOut {
	padding: 4px 2px;
}
.c3_comments_hCtrl {
	background: #cce0b7;
	padding: 10px 0 5px 4px;
	font-size: 13px;
	color: black;
}
.c3_cpgn_commentBtnOutCont {
	padding: 10px;
}

.c3_auditDate {
  font-size: 1.15em;
  color: var(--lv-ttl-c);
}

.c3_ATrU {
  font-size: 14px;
}

.c3_ATrD {
  color: #707070;
  width: 100px;
  padding-right: 10px;
}

.c3_auditTCont {
	top: 50px;
	bottom: 10px;
	z-index: 10;
	transition: transform .2s ease-in;
}
.c3_auditT_hCtrl {
	background-color: #cce0b7;
	padding: 10px 4px 6px 15px;
}
.c3_auditTCard {
	padding: 15px;
	border: 1px solid gainsboro;
	background-color: white;
	border-radius: 6px;
	margin: 5px 10px;
}
.c3_auditT_list {
	background-color: rgba(220, 220, 220, 0.51);
}
.c3_auditTCard_owner {
	font-weight: 900;
	font-size: 1.1em;
	color: rgba(0, 0, 0, .81);
}
.c3_auditTCard_date {
  color: #707070;
}
.c3_auditTCard_body {
	padding: 15px 6px;
	font-size: 1.1em;
}
.c3_auditT_titleCont {
	font-size: 1.25em;
}

.c3_auditTrailTitle {
  font-size: 24px;
  font-family: Roboto, system-ui;
}

/* Tasks List */
.csb_taskWindow {
	background-color: white;
	position: absolute;
	right: 0;
	top: 100px;
	bottom: 10px;
	width: 400px;
	z-index: 10;
	box-shadow: 2px 5px 10px #888;
	transition: all .2s ease-in, left .5s ease-in, width .5s ease-in, background-color 1s ease-in, transform .2s ease-in;
}
.csb_taskHeader {
	/*position: relative;
	padding: 10px 4px 6px 15px;
	border-bottom: thin solid #ddd;
	background: #8DB57A;
	height: 30px;
	color: white;*/
	background-color: #cce0b7;
	padding: 10px 4px 6px 15px;
}
.csb_taskTitle {
	font-size: 1.25em;
	color: black;
}
.csb_taskClose{
	color: black;
}
.csb_taskBodyContainer {
}
.csb_taskBody {
	border: 0px;
}
.c3_taskBody {
	background-color: #efefef;
}
.c3_taskListContainer {
	padding: 15px;
	border: 1px solid gainsboro;
	background-color: white;
	border-radius: 6px;
	margin: 10px;
}
.c3_taskListHeader {
	margin-bottom: 15px;
}
.c3_taskListBody {
	max-height: 142px;
	width: 100%;
	overflow-y: auto;
}
.c3_taskIcon {
	padding-right: 5px;
	padding-top: 7px;
}
.c3_taskIcon .c3_icon {
	border-radius: 15px;
	font-size: 15px;
	border: 1px solid grey;
	padding: 5px;
}

.c3_otcIcon {
	background-color: lightcoral;
}

.c3_campIcon {
	background-color: #bcdff8
}

.c3_journeyIcon {
	background-color: #d9f2c9
}

.c3_taskItemRow {
	cursor: pointer;
	border-bottom: 0.1px dotted lightgrey;
	margin-top: 8px;
	max-width: 514px;
}

.c3_editSeg_uProfCont .c3_custprof_db {
	padding-left: 15px;
	padding-right: 15px;
}

.c3_entity_bTabs .c3_custprof_db_search_cont {
	margin-top: 15px !important;
}

.c3_entity_tblOut{
	min-height: 20vh;
}

.c3_auditActivity_unit>select {
	min-width: 90px;
	width: 90px
}
.c3_auditActivity_unitSel>select {
	min-width: 55px;
	width: 55px;
}
.c3_auditActivity_h {
	border-bottom: 1px solid #ebebeb;
}
.c3_showCustomerActivityAuditBtn {
}
.c3_auditActivity_h2 {
	border-bottom: 1px solid #ebebeb;
	padding: 14px 10px;
	background-color: var(--c-gray-40);
}
.c3_auditActivityItem>div {
	font-size: 1.05em;
}
.c3_auditActivityItem_t {
	min-width: 100px;
	max-width: 100px;
	padding-right: 0;
	padding-top: 5px;
}
.c3_auditActivityItem:first-child {
	border-top: 1px solid #ebebeb;
}
.c3_auditActivityItem_a{
}
.c3_auditActivity_bh>div {
	font-size: 1.15em;
	font-weight: 600;
	color: rgba(0, 0, 0, .81);
}
.c3_auditAcitivity_download {
}
.c3_auditActivity_b {
	background-color: var(--c-gray-10);
}
.c3_auditActivityBx {
	background-color: white;
	padding: 0 10px;
	margin: 10px;
	margin-bottom: 15px;
}
.c3_auditActivityBx:not(:first-child) {
	border-top: 1px solid var(--c-gray-70);
	padding: 10px 10px;
}
.c3_auditActivityBx:last-child {
	margin-bottom: 0px;
}
.c3_auditActivityKey {
	width: 130px;
}
.c3_auditActivityBxDay {
	color: rgba(0, 0, 0);
	font-weight: 600;
	font-size: 1.1em;
	padding: 0px 10px 14px;
}
.c3_auditActivitySCont {
	padding: 4px;
	padding-left: 0px;
}
.c3_auditActivitySess {
	background-color: var(--c-gray-30);
	padding: 4px 8px;
	font-weight: 400;
}
.c3_auditActivityItem_tIcon {
	color: rgba(0, 0, 0, .41);
}
.c3_auditActivityItem_tActivity>.c3_auditActivityItem_time {}
.c3_auditActivityItem_name {
	color: rgba(0, 0, 0, 0.71);
	font-size: 1.05em;
}
.c3_auditActivityItem_actionType {
	font-style: italic;
}
.c3_auditActivityItem_actionName {
	font-weight: 500;
}
.c3_custProf_activitiesIBtn {
	padding: 4px;
	color: rgba(0, 0, 0, 0.61);
	font-size: 16px;
	font-weight: 600;
}
.c3_custProf_activitiesIBtnSel {
	color: #42A5F5;
}
.c3_custProf_activitiesT {
	font-size: 17px;
	padding: 6px 0px;
	font-weight: 300;
	color: #0055a9;
}
.c3_auditActivity_deviceFltr>.c3_msg_os_btn {}
.c3_auditActivity_deviceFltr .c3_msg_os_btn {
	cursor: initial;
}
.c3_auditActivity_osFltr>.c3_msg_os_btn {}
.c3_auditActivity_osFltr .c3_msg_os_btn {
	cursor: initial;
}
.c3_auditActivity_expName {
	max-width: 200px;
	display: inline-block;
}

.asa_settings {
	border: 1px dashed lightgrey;
    height: 40px;
    margin-top: 5px;
    align-items: center;
    padding-right: 10px;
}

.asa-title {
	font-size: 12pt;
	font-weight: 100;
	padding-right: 10px;
}

.statistics-filter, .api-filter {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: normal;
	color: #0055a9;
	background-color: white !important;
	font-size: 13px !important;
	height: 25px;
}

.c3_addUser_s {
	color: #1c72c7;
}
.c3_addUser_statusMsg {
	font-size: 14px;
	font-weight: 700;
	color: #777;
}

.c3_addUser_gTopInner {
    border: thin solid #eaeaea;
    padding: 10px;
    box-shadow: 0px 0px 10px #ddd;
    margin-bottom: 20px;
}

.btnFilterCont {
	/* border-top: 1px solid #bab9b9; */
}

.btnFilter_border {
	border-right: 1px solid #bab9b9;
}

.btnFilter_cleared {
	border-top: 1px solid #bab9b9;
	border-left: 1px solid #bab9b9;
	border-bottom: 1px solid #bab9b9;
	padding: 5px 20px;
	background-color: #ddd;
	cursor: pointer
}

.btnFilter_selected {
	border-top: 1px solid #bab9b9;
	border-left: 1px solid #bab9b9;
	border-bottom: 1px solid #bab9b9;
	padding: 5px 20px;
	background-color: #818181;
	cursor: pointer;
}

.c3_as_statistics {
	height: 300px;
}

.c3_as_statistics_b {
	min-height: 260px;
}

.c3_monthSelectorIcon {
    font-size: 14px;
    padding-left: 5px;
    font-weight: 600 !important;
}

.c3_as_crashes_h {
	margin-bottom: 15px;
}

.asa_pt {
	padding-top: 2px;
	padding-right: 25px;
	font-size: 14px;
}
.asa_pt .nav_btn{
	padding: 5px 10px;
	font-size: 11px;
}
.asa_ac_title {
	padding-top: 2px;
	padding-right: 10px;
}
.asa_ac_input {
	width: 30px;
}
.asa_ac_go {
	border: 1px solid lightgrey;
	border-left: 0px;
	width: 30px;
	background-color: #b7b6b6;
	text-align: center;
}
.asa_ac_divider {
	border-top: 1px solid #e1e1e1;
}
.asa_ac_bCont_LHS {
	width: 240px;
	border-right: 1px solid #e1e1e1;
	padding-top: 10px;
}
.asa_ac_bCont_RHS {
	width: calc(100% - 240px);
	background-color: #f7f7f7;
}
.asa_ac_active {
	background-color: lightblue;
}
.asa_ac_inactive {
	background-color: white;
}

.asa_ac_bCont_LHS_body {
	margin-top: 10px;
	overflow-y: scroll;
	height: calc(100% - 30px);
}
.asa_ac_bCont_LHS_subTitle {
	margin-bottom: 5px;
}
.asa_ac_bCont_LHS_cat {
	margin: 10px 0px;
}
.asa_ac_bCont_LHS_item {
	padding-bottom: 2px;
}
.asa_ac_bCont_LHS_title {
	font-weight: bold;
	overflow-wrap: break-word;
	width: 100px;
}
.asa_ac_bCont_LHS_val {
	margin-right: 20px;
	width: 100px;
	text-align: right;
	background-color: lightgrey;
}
.asa_ac_bCont_RHS_report {
	padding: 20px 0px 20px 15px;
	height: calc(100% - 40px);
	overflow-y: scroll;
}
.asa_ac_bCont_RHS_title {
	font-size: 12px;
}
.asa_ac_bCont_RHS_val {
	width: 95%;
	overflow-wrap: break-word;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.asa_ac_bCont_RHS_res {
	font-family: monospace;
	font-size: 14px;
	font-weight: 500;
	padding-left: 15px;
}

.c3_actionf_abc_list {
	counter-reset: abca;
}
.c3_actionf_abcItem {
	display: list-item;
	display: flex;
	position: relative;
}
.c3_c1cont .c3_actionf_abcItem {
	background-color: inherit;
	padding: inherit;
}
.c3_c1cont .c3_actionf_abcItemIn {
	border-radius: 2px;
}
.c3_abcItem_bo0 {
	background-color: white;
	padding: 10px;
}
.c3_abcItemC1>div::before {
	counter-increment: abca;
	content: counter(abca, upper-alpha);
	/*padding: 10px 10px 10px 0px;*/
	font-size: 1.6em;
	font-weight: 600;
	color: rgba(0, 0, 0, .61);
	color: rgba(84,105,141,1);
}
.c3_actionf_abc_add {
	color: #017AC6;
}
.c3_c1cont .c3_actionf_abc_add {
	margin-top: 20px;
}
.c3_actionf_abc_addBtn {
	background-color: white;
	padding: 15px 10px;
}
.c3_abcItemC1 {
	background-color: white;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid rgba(84,105,141, .65);
}
.c3_cj_frm_lblNoMrg {
	color: #017AC6;
	font-size: 15px;
	width: initial;
}
.c3_abca_t {
	font-weight: 800;
}
.c3_actionf_abc_b {
	background-color: var(--c-gray-10);
	padding: 10px;
}
.c3_expActions .c3_actionf_abc_b {
	background-color: unset;
	padding: 0px;
}

.c3_triggersInfoBar {
	padding: 6px 2px;
	border-top: 1px solid rgba(0, 0, 0, 0.09);
	border-bottom: 1px solid rgba(0, 0, 0, 0.09);
	color: rgba(0, 0, 0, 0.51);
}
.c3_triggersInfoBarOpen {
	border-bottom: 0px;
}

.c3_evtPostProc_nameRO {
	font-weight: 600;
	font-size: 1.4em;
	font-family: monospace;
	font-weight: 300;
}
.c3_sxn_h {
	font-size: 1.1em;
	color: rgba(0, 0, 0, 0.91);
	font-size: 15px;
	font-weight: 600;
}

.c3alertBox {
}
.c3alertBox_content {
	color: var(--dlg-content-c);
}
.c3alertBox_content p {
	font-size: 14px;
	margin-bottom: 3px;
	color: #666;
	line-height: 21px;
}

/* codeMirror */
.c_cm_out {}
.c3_cm {
	font-size: 11.5px;
}
.c3_cm>.CodeMirror {}
.c3_cm_fx>.CodeMirror {
	height: initial;
	-webkit-flex: 1;
	flex: 1;
}
.CodeMirror { border: 1px solid var(--c-gray-57); }
.CodeMirror-empty { outline: 1px solid var(--c-gray-40); }
.CodeMirror-empty.CodeMirror-focused { outline: none; }
.CodeMirror pre.CodeMirror-placeholder { color: #999; }
.c3_cm_temp {
	position: absolute;
	left: -500px;
	width: 450px;
	height: 400px;
}
.c3_cm_c1 {
	/* h - scroll */
	overflow: auto;
}
.c3_cm_snippet {
	min-width: 260px;
	max-width: 260px;
	margin-left: 15px;
	border: 1px solid var(--c-gray-57);
}
.c3_cm_tabs {
	background-color: #f7f7f7;
}
.c3_cm_snippetT {
	padding: 6px 10px;
	font-size: 16px;
	font-weight: 300;
	color: rgba(0, 0, 0, .81);
	/* background-color: #f7f7f7; */
}
.c3_btn.c3_cm_tab_sel {
	border-bottom: 2px solid darkgray;
}
.c3_cm_snippetI:first-child {
	border-top: 1px solid #ebebeb;
}
.c3_cm_snippetI {
	padding: 10px 10px;
	font-size: 12px;
	font-weight: 300;
	color: #EF6C00;
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
}
.c3_cm_snippetI:hover {
	background-color: var(--c-gray-40);
}
.c3_cm_cont {}

/* overwrite FS cm */
.c3_fsmCont_cm>.c3_hidden, .c3_alertMC_cm>.c3_hidden, .c3_appboxMC_cm>.c3_hidden {
	overflow: auto;
}

/* page specific cm overwrite */
.c3_llmenu .c3_cm_out {
	min-height: 100px;
	max-height: 200px;
}

.c3_custProf_bx {
	background-color: white;
	padding: 10px 8px;
}
.c3_auditActivityItem_messageIcon {}
.c3_auditActivityItem_messageIcon:hover {
	color: #1976D2;
	zoom: 1.05;
}
.c3_auditActivityDeviceIcon {
	color: rgba(0, 0, 0, 0.71);
	font-size: 1.1em;
}

/** Solution Templates **/
.c3_solution_retail_template_1 {
	width: 280px;
	height: 222px;
	margin: 5px 42px 35px 0;
	position: relative;
	overflow: hidden;
}
.c3_solution_retail_desc {
	height: 90px;
	color: grey;
}
.c3_solution_retail_name {
	font-size: 16px;
	color: #222;
}
.c3_solution_retail_template_1:hover .c3_solution_retail_template_hoverBox_show
	{
	display: block;
}
.c3_solution_retail_icon {
	font-size: 45px;
	color: #2e6f77;
	line-height: 300;
	text-align: center;
	margin: 8px 0;
	padding-bottom: 6px;
}
.c3_solution_retail_icon_img {
	text-align: center;
	margin: 4px 0;
	padding-bottom: 6px;
}
.c3_solution_retail_icon_img img {
	width: 55px;
}
.c3_solution_retail_template_inside {
	border: 1px solid #ddd;
	background: var(--c-gray-10);
	border-radius: 0px;
	padding: 10px;
	text-align: center;
	height: 200px;
}
.c3_solution_retail_template_hoverBox {
	width: 278px;
	height: 220px;
	border: 1px solid #c1e4ae;
	background: #fff;
	opacity: 0.95;
	text-align: center;
	position: absolute;
	top: 0;
}
.c3_solution_retail_template_inside .color_bar
	{
	background: #666;
	margin: 12px 35%;
	height: 3px;
}
.c3_solution_retail_template_hoverBox_inside
	{
	opacity: 1;
	text-align: center;
	height: 246px;
}
.c3_solution_midContentBox {
	/*width: 78%;*/
}
.c3_solnTempl_hDesc {
	/*min-height: 35px;*/
	/*height: auto;*/
	font-size: 13px;
	color: grey;
	/*padding-bottom: 15px;*/
}
.c3_solnTempl_hTitle {
	font-size: 17px;
	/*padding-bottom: 8px;*/
	color: #04217e;
}
.c3_solution_retail_icon {
	width: 100px;
	text-align: center;
	font-size: 55px;
	color: #2e6f77;
	line-height: 300;
	text-align: center;
	margin: 8px;
	border-right: 1px solid #ddd;
}
.c3_solution_retail_icon img {
	width: 75px;
}
.c3_solnTempl_info_iconDv {
	width: 100px;
}
.c3_solnTempl_info_icon {
	font-size: 55px;
	color: #2e6f77;
	/* border-right: 1px solid #ddd; */
	background-color: var(--c-gray-45);
}
.c3_solnTempl_info_icon img {
	width: 75px;
}

.c3_solnTempl_LCol {
	padding-right: 20px;
	border-right: 1px solid #ddd;
}
.c3_solnTempl_RCol {
	min-width: 350px;
	max-width: 350px;
	padding: 10px;
	padding-left: 20px;
}
.c3_solnTempl_bTab {
	padding: 6px;
}
.c3_solnTemplSummary h3 {
	padding: 4px 0;
	font-size: 14px;
	margin: 0 0 5px 0;
	font-weight: 600;
}
.c3_solnTemplSummary p {
	padding: 4px 14px 0 14px;
	margin: 0 0 5px 0;
	text-align: justify;
}
.c3_solnTemplInfo h3 {
	padding: 4px 0;
	font-size: 14px;
	margin: 0 0 5px 0;
	font-weight: 600;
}
.c3_solnTemplInfo p {
	padding: 4px 14px 0 14px;
	margin: 0 0 5px 0;
	text-align: justify;
}
.c3_solnTemplInfo>p {
	padding: 4px 14px 14px 14px;
	margin: 0 0 5px 0;
	text-align: justify;

	border-bottom: 1px solid #e1e1e1;
	font-size: 12px;
}

.c3_solnTempl_tabsOuter {
	border-bottom: 1px solid #f9f9f9;
    padding: 0 10px;
}
.c3_solnTempl_tab {
	height: 40px;
	min-width: 120px;
	padding: 4px 30px;
	color: rgba(0, 0, 0, .41);
}
.c3_solnTempl_tabLbl {
	font-weight: 600;
	font-size: 1.3em;
}
.c3_solnTempl_tabSel {
	-webkit-box-shadow: inset 0px -5px 2px -2px #AED581;
	box-shadow: inset 0px -5px 2px -2px #AED581;
	color: #8BC34A;
}
.c3_solution_retail_template_inside_new {
    margin-bottom: 40px;
}

.c3_solnTempl_h_c3 {
    padding-top: 10px;
}

.c3_mdDtl .c3_solnTemplScr_iDvOut {
	max-width: 570px;
	height: 310px;
}
.c3_solnTemplScr_iDvOut, .c3_imageCarousel_iDvOut{
	background-color: #f9f9f9;
	/* background-color: #7697a7; */
	border: 4px solid #fff;
	margin: 10px;
	box-shadow: 2px 2px 12px #ccc;
}
.c3_dataStreamsC_imgC .c3_solnTemplScr_iDvOut {
	background-color: white;
}
.c3_solnTemplScr_reel, .c3_imageReel_reel, .c3_imageCarousel_reel {
	height: var(--crsl1-relbx-h);
}
.c3_imageReel_reel {
	align-items: center;
}
.c3_solnTempl_reelDv {
	padding: 0 15px;
}
.c3_solnTempl_reelDv>img {
	max-height: var(--crsl1-rel-h);
}
.c3_solnTemplScr_iDv>img, .c3_imageCarousel_iDv>img{
	max-height: 100%;
	max-width: 100%;
}
.c3_crsl1 .c3_solnTemplScr_iDv>img {
	max-height: var(--crsl1-i-mx-h);
}
.c3_solnTemplScrArrow, .c3_solnTemplHT_arr, .c3_imageCarousel_Arrow {
	font-size: 36px;
	color: #ccc;
	font-weight: 600;
}
.c3_solnTempl_pOver {
	max-height: 80px;
}

.c3_solnTemplDtl_lhs {
	min-width: 190px;
	min-width: 220px;
	background-color: #F7F7F7;
	border-right: 1px solid #e1e1e1;
}
.c3_solnTemplDtl_rhs {
	margin-left: 20px;
	padding: 9px;
}
.c3_solnTemplDtl_listBxR {}
.c3_solnTemplDtl_listImg {
	height: 8em;
}

.c3_EvtMapItem_cont {
	border: 1px solid var(--c-gray-45);
	padding: 10px;
	background-color: white;
}
.c3_solnTemplEvtMap_list {
	background-color: var(--c-gray-40);
	padding: 15px;
}
.c3_EvtMapItem_tEvt {
	font-weight: 600;
}
.c3_EvtMapItem_params {
	border-top: 1px dotted rgba(0, 0, 0, 0.42);
	padding: 10px 2px;
}
.c3_EvtMapParamItem_cont:hover {
	background-color: var(--c-gray-40);
}

.c3_cpgn_topR2 {
}

.c3_evtMgrItem {
}
.c3_EM_topCont {
	padding: 4px;
}
.c3_EM_bCont {
	padding: 10px;
	padding-top: 0px;
}

.c3_EM_expand {
	display: flex;
}
.c3_EM_collapse {
	display: none;
}
.c3_EM_toggleView .c3_EM_collapse {
	display: flex;
}
.c3_EM_toggleView .c3_EM_expand {
	display: none;
}

.c3_EM_evtNameTitle, .c3_EM_actPerfTitle, .c3_EM_payloadTitle, .c3_EM_tagTriggerTitle {
    padding-bottom: 5px;
    padding-top: 10px;
}

.evtMgrR-lbl {
}
.evtMgrR-evt {
}
.evtMgrR-item {
}
.evtMgrR-url {
}

.c3_EM_icon {
	margin-top: 5px;
	cursor: pointer;
	z-index: 10;
	font-size: 8px;
	border-radius: 50%;
	background-color: rgba(190, 190, 190, 0.75);
	color: white;
	width: 10px;
	height: 10px;
}

.c3_dlg_bodyfoot {
	display: none;
}

.c3_dlg_inline>.c3_dlg_head {
	display: none;
}
.c3_dlg_inline>.c3_dlg_foot {
	display: none;
}

.c3_dlg_inline>.c3_dlg_bodyfoot {
	display: inline-flex;
}

.c3_EM_ItemDesc {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 12px !Important;
	height: 20px;
	width: 200px;
}

.c3_EM_evtCodeBody {
	height: 330px;
}

.c3_EM_evtParamsBody {
	border: 0.5px dashed #c3c3c3;
	padding: 5px;
}

.c3_EM_dropDown {
	width: 75%;
	margin-top: 4px;
	margin-bottom: 4px;
}

.c3_EM_epDesc {
}

.c3_EM_tagTriggerTitle, .c3_EM_payloadTitle, .c3_EM_actPerfTitle,
	.c3_EM_evtParamsHeader {
	padding-top: 10px;
}

.c3_evtMgr_inner .c3_copyOption {
    padding: 30px;
    margin: 3px;
    border: 1px dotted #bebebe;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 0px #ebebeb;
}

.c3_evtMgr_inner .c3_copyOption .c3_copySelect {
	padding-top: 10px;
}

.c3_evtMgr_inner .c3_copyOption .c3_copyOptionDesc, .c3_tags_noDataLbl {
	font-weight: 300;
	font-size: 15px;
}

.c3_eventSubHeader, .c3_allSignalsTabs, .c3_dynCtxt_tabs,
	.c3_entity_tabs, .c3_myWspc_tabs, .c3_queryTabs, .c3_channelsTabs,
	.c3_eTrgDCatTabs, .c3_connTabs, .c3_usersTabs, .c3_tabs {
	background-color: #e1edf5;
	/* background-color: #f4f8f9; */
	font-size: 14px;
	border-bottom: 1px solid rgba(192, 192, 192, 0.42);
}
.c3_eventSubHeaderDetails {
	padding-top: 10px;
}

.c3_eventSubHeader_detailsHeader, .c3_allSignalsTab, .c3_dynCtxt_tab,
	.c3_entity_tab, .c3_myWspc_t, .c3_queryTabs_detailsHeader, .c3_channelsTabs_t,
	.c3_eTrgDCatTab, .c3_connTabs_t, .c3_usersTabs_t, .c3_tabs_t {
	padding: 10px 15px;
	font-weight: 600;
	color: rgba(128, 128, 128, 0.82);
	border-bottom: 3px solid rgb(225, 237, 245);
}
.c3_eventSubHeader_detailsHeader {
	width: 100px;
}
.c3_eventDetail_sel, .c3_allSignalsTab_sel, .c3_dynCtxt_tabSel,
	.c3_entity_tabSel, .c3_myWspc_tabSel, .c3_queryTab_sel, .c3_channelsTabs_sel,
	.c3_eTrgDCatTabSel, .c3_connTabs_sel, .c3_usersTab_sel, .c3_tab_sel {
	border-bottom: 3px solid rgba(76, 158, 189, 0.87);
	font-weight: 600;
	color: rgba(0, 0, 0, 0.81);
}

.c3_allEvents_eventHeader {
	padding: 4px 0 20px;
	font-size: 14px;
}

.c3_allEvents_evtName {
	padding-top: 5px;
	font-size: 18px;
}

.c3_evtDet_c1 {
	width: 200px;
	font-size: 14px;
	font-weight: 600;
	color: #777;
}

.c3_solnTemplHT_c2 {
	margin: 20px;
}

.c3_evt_lc_bottomCont {
	margin-right: 10px;
	margin-top: 30px;
}

.c3_process {
	width: 48px;
	height: 48px;
	border-radius: 48px;
	color: black;
}

.c3_processStart {
	border: 1px solid #0055a9;
}

.c3_processEnd {
	border: 1px solid #bd0a0a;
}

.c3_evt_lc_bx {
	height: 62px;
	width: 260px;
	margin: 10px;
	margin-left: 0;
	border: 1px solid #bddf8c;
	border-bottom: 4px solid #bddf8c;
	box-shadow: none;
	position: relative;
}

.c3_evt_pm_temp_hover, .c3_evt_imageReel_hover {
	display: none;
}

.c3_evt_imageReel_imgCont:hover .c3_evt_imageReel_hover {
	display:block;
}

.c3_evt_lc_bx2:hover .c3_evt_pm_temp_hover{
	display: block;
}

.c3_evt_lc_pm_cont {
}

.c3_evt_lc_event {
	background-color: white;
}

.c3_evt_notconfig {
	border: none;
	background: #e3e3e3;
}

.c3_evt_lc_arrow {
	margin-top: 15px;
	margin-bottom: 15px;
}

.c3_evt_ep_title, .c3_evt_pattern, .c3_evt_pt_title, .c3_evt_pi_title {
	font-weight: 600;
	font-size: 14px;
}

.c3_evt_lc_topCont {
	padding: 10px;
    border: thin dashed green;
}

.c3_evt_pt_countCont {
	border: thin solid #6CABE1;
    border-radius: 14px;
    padding: 24px;
}

.c3_evt_pt_highlight {
	border: dashed #f7f7f7;
}

.c3_evt_startpoint {
	font-size: 25px;
	color: #0055a9;
}
.c3_incEvt_lbl {
	font-weight: 300;
}
.c3_incEvt_v {
}

.c3_script_icon_active {
    color: white;
    font-weight: 600 !important;
    background: #769e76;
    /* background-color: limegreen; */
    padding: 4px;
    border-radius: 50%;
}

.c3_script_icon_inActive {
	color: grey;
}

/* generic hover to show edit buttons */
.c3_btns_overlay_cont {
	position: relative;
}
.c3_btns_overlay_cont>.c3_btns_overlay {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.c3_btns_overlay_cont:hover>.c3_btns_overlay {
	display: flex;
	opacity: 1;
}

.c3_3rdP_c1 {
	min-width: 400px;
	max-width: 400px;
	border-right: 4px solid #eff5fd;
	padding: 30px;
	font-size: 15px;
	line-height: 22px;
	color: #666666;
}
.c3_3rdP_c2 {
	padding: 30px;
}
.c3_3rdP_descr {}
.c3_3rdP_h {
	font-size: var(--pg-ttl-sz);
	font-weight: var(--pg-ttl-w);
	color: var(--pg-ttl-c);
	padding: 10px;
}

.c3_disabled_notice {
	padding: 10px;
	border: thin dashed #67b661;
	color: #0055a9;
}

.c3_disabledName:disabled {
	opacity: 1;
	/* border-color: transparent; */
	box-shadow: none;
	/* padding-left: 0px; */
	font-weight: 600;
}
.c3_disabled {
	color: var(--c-gray-80);
}

.c3_busySpin {
	position: fixed;
	background-color: rgb(192, 192, 192);
	opacity: .75;
	cursor: wait;
	z-index: 5;
}
.c3_busySpin>i {
}

.c3_eventLogItem {}
.c3_eventLogItemEvent {
	color: #FFC107;
}

/**
* Activities Query page
*/

.c3_actQuery_optional_btn, .c3_int_startDownload{
	font-size: 25px;
    color: gainsboro;
    padding: 0px;
}

.c3rowbox:hover{
	background-color: #EBECF0;
}

.c3_act_query_tsRange>div{
	padding-left:0px;
}

.c3_act_query_tsRange:hover>div{
	padding-left:0px;
}

.c3_query_cont {
    margin: 15px 10px 0px 0px;
    cursor: pointer;
}

.c3_query_iconbox {
    padding: 0px 20px;
    background-color: #74af20;
}

.c3_query_iconbox>i {
	font-size: 25px;
    color: white;
}

.c3_openQueryIcon {
	padding-right: 10px;
}

.c3_openQueryIcon>i {
	color: #91c741;
    font-weight: bold;
    font-size: 25px;
}

.c3_queryTitleRowName {
	font-size: 20px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.81);
    padding: 10px 0px 10px 0px;
}

.c3_act_query_details {
}

.c3_act_query_btn {
	border-bottom: thin solid lightgrey;
 }

.c3_act_query_placeHolder {
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	cursor: default;
}
.c3_act_query_deactivate_desc {
	color: #999;
}
.c3_act_query_section {
	border-bottom: thin solid lightgrey;
	margin: 10px;
	padding-bottom: 10px;
}
.c3_act_query_defFilter {
	background-color: rgba(121, 168, 213, 0.66);
}

.c3_act_query_aggregate_def {
	background-color: rgba(103, 182, 97, 0.58);
}

.c3_act_form_spacing_x {
	padding: 10px;
}

.c3_act_form_spacing {
	padding: 6px;
}

.c3_act_query_filter .c3_label_right_2 {
	padding: 10px;
}

.c3_query_filterCell {
	width: 100%;
	border-radius: 5px;
	font-size: 11px;
}

.c3_act_query_filter .c3_filter_cell3 {
	height: 25px;
	padding-left: 4px;
	width: 95%;
}

.c3_act_query_aggregate .c3_aggregateItemName .c3_itemName {
	height: 30px;
	text-align: left;
	min-width: 300px;
	padding-left: 10px;
}

.c3_act_query_aggregate .c3_agg_def_op {
	padding-right: 10px;
}

.c3_act_query_agg_item, .c3_act_query_filter_item {
	background: white;
	padding: 7px;
	padding-right: 0px;
	border: thin solid lightgrey;
	color: lightslategray;
}

.c3_aqt_header {
	width: 100%;
}

.c3_actQueryTable {
	border: thin solid darkgrey;
	height: 100%;
}

.c3_aqt_title {
	text-align: left;
}

.c3_aqt_title .c3_aqt_utcAlert {
	color: #6e752a;
    font-size: 10px;
    font-weight: 400;
}

.c3_aqt_download {
	padding-right: 15px;
}

.c3_aqt_body {
	border-top: thin solid darkgrey;
}

.c3_act_query_inputCont {
	padding-top: 15px;
}

/* min height enforced to allow udc.showBusy to be visible */
.c3_act_query_outputCont {
	min-height: 150px;
	padding-top: 15px;
}

.c3_act_query_btmCont {
	max-height: inherit;
}

.c3_act_query_aggregate_value {
	/* background-color: var(--c-gray-40); */
	/* padding: 2px 4px; */
}

.c3_act_query_table {
	max-height: inherit;
}

.c3_aqt_tablecont {
	height: 100%;
}

.c3_aqt_topPanel {
	padding-left: 17px;
    padding-top: 15px;
}

.c3_aqt_sidePanel {
	padding: 15px;
	background: var(--c-gray-40);
	border-right: thin solid darkgrey;
}

.c3_aqt_table {
	padding: 15px;
}

.c3_ti_plus {
	padding: 4px;
	font-size: 11px;
}
.c3_act_query_step1 {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  background-color: #555;
  color: #fff;
}

.c3_aqt_step1 {
  margin-right: 20px;
  padding: 4px;
  background: #efefef;
  background: -webkit-linear-gradient(white, #efefef);
  background: -o-linear-gradient(white, #efefef);
  background: -moz-linear-gradient(white, #efefef);
  background: linear-gradient(white, #efefef);
}

.c3_act_query_stepTitle {
  font-weight: 600;
  font-size: 15px;
  color: #555;
}

.c3_act_query_step1desc {
	font-weight: 400;
	font-size: 13px;
}

.c3_actQueryGroupBySelCont {
	background-color: var(--c-gray-40);
	padding: 2px 8px;
	border: 1px solid #ebebeb;
	font-size: 11px;
}

.c3_actQueryGroupBySelect {
	border-radius: 5px;
}

.c3_act_query_descDef {
	font-size: 16px;
	padding: 6px 2px;
	font-weight: 300;
	font-family: Roboto, 'Open Sans', sans-serif;
}

.c3_act_queryRes_descDef {
	font-size: 14px;
}

.c3_act_query_disclaimer {
	border: 1px solid lightgrey;
    padding: 8px;
    font-family: Roboto, 'Open Sans', sans-serif;
    background-color: #fafabc;
    font-size: 14px;
    font-weight: 400;
}

.c3_act_query_disclaimerFlag {
    border-right: .5px dotted lightgrey;
    background-color: #d7d579;
    width: 10px;
}

.c3_actQueryDV {
	color: dodgerblue;
	font-family: Arimo, 'Open Sans', sans-serif;
}
.c3_actQueryR, .c3_tagSection {
	background-color: rgba(245, 245, 245, 0.65);
	background-color: rgba(245, 245, 245, 0.65);
	padding: 6px;
	border: 2px solid var(--c-gray-40);
	border-radius: 2px;
}

.c3_queryDataAgg .c3_queryHead, .c3_queryDataOverTime .c3_queryHead,
.c3_queryUserCount .c3_queryHead, .c3_queryUserCountAggregate .c3_queryHead {
	border-bottom: 1px solid lightgrey;
}

.c3_query_name {
	font-size: 14px;
	color: #6f6f6f;
	padding: 0 4px;
}
[data-mode="new"] .c3_query_name:hover {
	background-color: #ececec;
	padding: 0 4px;
	cursor: pointer;
}
.c3_queryHead .c3_query_nameCont .c3_query_title {
	font-size: 14px;
	font-weight: 600;
	color: #555;
}

.c3_query_desc {
	font-size: 13px;
    color: #949494;
}

.c3_actqueryMainCont .c3_actQuery_all .c3_act_query_outerdv {
	height: 50px;
	padding-right: 15px;
}

.c3_tableH {
	height: 100%;
}

.c3_table_dvH {
	height: 100%;
}

.c3_tbl_dvBodyH {
	height: 100%;
}

.c3_editSystemCtx_b {
	background-color: var(--c-gray-40);
	padding: 10px 15px;
}
.c3_editSystemCtx_b .c3_fld_group {
	background-color: white;
}
.c3_editSystemCtx_b .c3_edit_signal_div_right {
	min-height: 160px;
}
.c3_editSystemCtx_lbl {
	font-size: 1.25em;
	font-weight: 300;
	/* font-weight: 600; */
	color: rgba(0, 0, 0, 0.81);
	/* color: #1E88E5; */
	padding: 4px 0px;
}

.c3_tbl_2ndTxt {
	font-size: .9em;
	color: #999;
	margin-top: 2px;
}

/* read only <input> */
.c3_rOnly_inp {
	border: 1px solid lightgray;
	padding: 6px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	/*margin: 5px 0;*/
}

.c3_eChannelsItem_statsLbl, .c3_LOP_statsLbl {
	color: #BDBDBD;
	font-size: 10px;
}
.c3_eChannelsItem_statsV, .c3_LOP_statsV {
	color: rgba(0, 0, 0, 0.91);
	font-weight: 500;
	font-size: 16px;
}
.c3_shdwBx_none {
	box-shadow: none;
}
.c3_eChannelsItem_statsIChng{
	box-shadow: 0px 0px 10px 1px rgba(0, 139, 194, 0.56);
}
.c3_eChannelsItem_defI {
        color: #BDBDBD;
    }
    .c3_eChannelsItem_defIChng .c3_eChannelsItem_defI{
        color: limegreen;
    }
.c3_eChannelsItem_tpsContI {
	position: absolute;
	top: 8px;
	left: 12px;
	z-index: 5;
}

.c3_schdCpgn1_btnSchd {
	text-decoration: underline;
	color: steelblue;
}

.c3_configlnf {
	font-size: 14px;
  	font-weight: 400;
}

.c3_geoLocCont_cb {
	cursor: pointer;
}

.c3_cm_toolsCont {
	padding: 2px;
	background-color: #f7f7f7;
	border: 1px solid var(--c-gray-57);
	border-bottom: 0px;
}
.c3_cm_toolsCont>div {
	position: static;
	border: 1px solid rgba(255, 255, 255, 0.58);
	padding: 2px;
	width: 20px;
	height: 20px;
	border-color: gainsboro;
}
.c3_msgCCMImgBtn {
}
.c3_msgCCMFormatBtn {
}

.c3_imageNamer {
	width: 300px;
}

.c3_evtOvDet_bc_dndCont {
	padding: 10px;
}

.c3_incomingEvent_noData {
	padding: 25px;
    font-size: 14px;
    border: thin dashed rgba(190, 190, 190, 0.98);
    margin: 30px;
}

.c3_evtDet_bc_imageCont_title {
	width: 200px;
    font-size: 14px;
    font-weight: 600;
    color: #777;
}

.c3_imageNamer_name, .c3_imageNamer_desc {
	color: #666666;
}

.c3_imageCarousel_name {
	font-size: 16px;
    font-weight: 300;
}

.c3_imageCarousel_desc {
	font-size: 14px;
	font-weight: 300;
}

.c3_3rdPF_checkCrdMsgCont {
	font-weight: 600;
	padding: 10px 6px;
	background-color: ghostwhite;
}

.c3_txtFld {
	background: url(/res/icon_pencil_edit.png) no-repeat 99% 6px;
	padding: 4px 15px 4px 5px;
	font-size: 85%;
	color: rgb(113, 151, 169);
	border: 1px solid #E5E5E5;
}
.c3_txtFld:hover {
	background: #f9f9f9 url(/res/icon_pencil_edit.png) no-repeat 99% 6px;
}
.c3_txtFld>div {
	color: #999;
}
.c3_txtFldR {
	padding: 4px 15px 4px 5px;
	font-size: 85%;
	color: rgb(113, 151, 169);
	border: 1px solid #E5E5E5;
}

.c3_entityName {
	color: rgba(0, 0, 0, 0.81);
	font-size: 14px;
	font-weight: 600;
}
.c3_entityDescription {
	color: rgba(0, 0, 0, 0.81);
	font-size: 12px;
	font-weight: 300;
}
.c3_entity_dAxns {
	padding: 8px 6px;
}
.c3_entity_tbl {
	background-color: var(--c-gray-45);
}
.c3_entity_fileCont {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.54);
}
.c3_fileUpld {
	color: var(	--fld-placehldr-c);
	padding: 5px 0;
}
div.c3_fileUpld_info {
	padding: 6px;
	font-weight: 600;
}
div.c3_fileUpld_info::before {
	font-size: .9em;
	color: blue;
	font-weight: normal;
}

.c3_dh_dataHandlerCont {
	border: 0.5px dotted #8c8c8c;
	padding: 8px;
	margin-top:8px
}

.c3_dh_dAxnsCont {
	border: 1px dotted var(--c-gray-57); 
	padding: 4px 4px; 
	background-color: #f7f7f7; 
	font-weight: 300; 
	color: #000000e8;
}

.c3_dh_statsTitle {
	color: steelblue; 
	font-size: small; 
	font-weight: 600;
}

[data-ety-menu-option="none"] .c3_dh_submenu{
	display:none;
}

[data-ety-menu-option="upload"] .c3_dh_uploadMenu,
[data-ety-menu-option="download"] .c3_dh_downloadMenu,
[data-ety-menu-option="clear"] .c3_dh_clearMenu{
	font-weight: 600; 
	color: #4f799e;
}

[data-ety-menu-option="upload"] .c3_dh_downloadMenu, [data-ety-menu-option="upload"] .c3_dh_clearMenu,
[data-ety-menu-option="download"] .c3_dh_uploadMenu, [data-ety-menu-option="download"] .c3_dh_clearMenu,
[data-ety-menu-option="clear"] .c3_dh_uploadMenu, [data-ety-menu-option="clear"] .c3_dh_downloadMenu{
	font-weight: 300; 
/* 	color: #000000e8; */
}

[data-ety-menu-option="upload"] .c3_dh_upload{
	display: inline-flex;
}
[data-ety-menu-option="upload"] .c3_dh_download, [data-ety-menu-option="upload"] .c3_dh_clear{
	display:none;
}
[data-ety-menu-option="download"] .c3_dh_download{
	display: inline-flex;
} 
[data-ety-menu-option="download"] .c3_dh_upload, [data-ety-menu-option="download"] .c3_dh_clear{
	display:none;
}
[data-ety-menu-option="clear"] .c3_dh_clear{
	display: inline-flex;
}
[data-ety-menu-option="clear"] .c3_dh_upload, [data-ety-menu-option="clear"] .c3_dh_download{
	display:none;
}
[data-ety-menu-option="upload"] .c3_dh_submenu, [data-ety-menu-option="download"] .c3_dh_submenu, [data-ety-menu-option="clear"] .c3_dh_submenu{
	display: inline-flex;
}

[data-seg-dh-visibility="hide"].c3_segmentData_upload, [data-userprofile-dh-visibility="hide"].c3_upDH_upload {
	display:none;
}

[data-seg-dh-visibility="show"].c3_segmentData_upload, [data-userprofile-dh-visibility="show"].c3_upDH_upload, 
[data-interactioncustomer-dh-visibility="show"].c3_upDH_upload {
	display: inline-flex;
}

.c3_dlul_table .c3_txt_c {
	min-height: 18px;
}

.c3_dh_cell{
    height: 30px;
}

.c3_before_i::before {
	margin-right: 6px;
}

.c3_dragover {
	border: 2px dashed steelblue;
}

input.c3_readOnly {
	background-color: ghostwhite;
}

.c3_activity_edit_dlgExpl {
	background: rgba(233, 233, 187, 0.57);
	padding: 8px;
	text-align: center;
	border: thin solid #ccc;
}

.c3_chartTemplate_f {
	color: #343a40;
	font-size: 14px;
}

.c3_chatbotTypes {
	border-bottom: 1px solid var(--c-gray-45);
	padding-bottom: 15px;
}
.c3_chatbotType {
	border: 1px solid #dddddd;
	padding: 4px;
	width: 160px;
	height: 100px;
}
.c3_chatbotType:hover {
	background-color: aliceblue;
}
.c3_chatbotType_img {
	background-color: black;
	max-width: 140px;
}
.c3_ppChnlImg {
	background-color: black;
	width: 70px;
}
.c3_eChnl_advConfig {
	color: #2196F3;
	padding: 2px 0px;
}

.c3_eSigVCondC {
	min-height: 75px;
	background-color: #dddddd;
	border: 4px solid var(--c-gray-45);
	padding: 6px;
}

.c3_ESVTCH {
	font-weight: 300;
	font-size: 14px;
}

.c3_sysCtx_c, .c3_editSystemCtx {
	background-color: white;
	padding: 20px;
}

.c3_TrgCF  {
	padding: 20px;
}
.c3_tcSummCrt {
	color: rgba(0, 0, 0, .75);
	font-weight: 400;
}
.c3_TCSummAttr {
	color: rgba(0, 0, 0, 0.9);
	font-weight: 600;
}
.c3_tcSigEditBtn {
	color: #999;
	opacity: .2;
	font-size: 16px;
}
.c3_eSigVCondListOut:hover .c3_tcSigEditBtn {
	opacity: 1;
}
.c3_editSig_tb {
	padding: 15px;
}
.c3_tcSummCrtH {}

.c3_editGFence_howto {
	background: rgba(239, 239, 195, 0.3);
	padding: 10px;
}

/**Query Chart Css **/
.c3_qcdCont_lhs {
}

.c3_qcdCont_lhs .rowsection{
	padding-bottom:5px;
}

.c3_qcdCont_lhs h5{
	color: #3572b0;
	font-size: 13px;
	padding:2px 0;
	margin:0 0 3px 0;
	font-weight:400;
	line-height:1.5;
}
.c3_qcdCont_lhs select{
	width:100%;
}

.c3_qcdCont_rhs {
	color: #3572b0;
	font-size: 13px;
	padding-right:12px;
}
.c3_qcdCont_rhs .col1 {
	width:20%;
}
.c3_qcdCont_rhs .tag {
	border-radius: 0px;
	margin-bottom: 4px;
	margin-top: 4px;
	margin-right: 6px;
	/*height: 29px;*/
	list-style-type: none;
	display: inline-flex;
	background-color: rgb(228, 225, 225);
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	padding: 2px 3px 2px 6px;
}
.chartTitleTxt h4 {
	padding: 6px 0;
	margin: 0 0 3px 0;
	font-size: 1.8em;
    color: #333;
    font-family: Archivo Narrow;
}
 
.c3_qcdCont_rhs .c3_segments_header {
	height: 70px !important;
	min-height: 70px;
	max-height: 70px;
}

.c3_qcdCont_rhs .tag:hover{
	background-color: #ddefcc;
}

.c3_qcdCont_rhs .tag:hover {
	background-color: #ddefcc;
}
.c3_qcdCont_rhs .tag:hover .btn {
	color: #111;
}
.y_axis_legendTxtCont {
	max-width: 40px;
}
.y_axis_legendTxt {
	transform: rotate(-90deg);
}
.x_axis_legendTxt, .y_axis_legendTxt {
	border: 1px solid #fff;
	padding: 2px 6px;
	color: #333;
	word-break: keep-all;
	white-space: nowrap;
	letter-spacing: 2px;
}

.c3_qcdCont_rhs .show_on_hover {
	display: none;
}
.c3_qcdCont_rhs .x_axis_legendTxt {
	position: relative;
}
.c3_qcdCont_rhs .x_axis_legendTxt:hover .show_on_hover {
	position: absolute;
	display: block;
	top: 0;
	left: 90%;
	width: 100%;
	text-align: center;
}
.c3_qcdCont_rhs .chartTitleTxt {
	position: relative;
	padding: 2px 6px;
	display: block;
	margin-top: 5px;
}

.c3_qcdCont_rhs .chartContainerInside {
	/*background: #f7f7f7;*/
	margin: 10px 0;
	padding: 10px;
	height: 100%;
}

.c3_charticon_small {
	background:url('/res/icons_qcd.png');
	width:33px;
	height:33px;
	outline:none;
	margin:0;
	cursor:pointer;
}
.c3_charticon_small_default {
  background-position:0px 0px;
}

.c3_charticon_small_lines {
	background-position:0px 0px;
}
.c3_charticon_small_stackedlines {
	background-position:-34px 0px;
}
.c3_charticon_small_areas {
	background-position:-67px 0px;
}
.c3_charticon_small_stackedareas {
	background-position:-101px 0px;
}
.c3_charticon_small_columns {
	background-position:135px 0px;
}
.c3_charticon_small_stackedcolumns {
	background-position:-167px 0px;
}
.c3_charticon_small_clusteredcolumns {
	background-position:-201px 0px;
}
.c3_charticon_small_bars {
	background-position:-1px 35px;
}
.c3_charticon_small_clusteredbars {
  background-position:-35px -33px;
}
.c3_charticon_small_stackedbars {
  background-position:-235px 0px;
}

.c3_charticon_small_scatter {
	background-position:-68px 35px;
}
.c3_charticon_small_pie {
	background-position:-102px 34px;
}

.c3_charticon_small_geo {
  background-position:-134px 35px;
}

.c3_charticon_small_bubble {
  background-position:-200px 35px;
}

.c3_charticon_small_table {
  background-position:-167px 35px;
}

.c3_charticon_small_disabled {
  filter: grayscale(1);
  opacity:0.4;
  transition-property: filter;
  transition-duration: 1s;
  cursor: not-allowed;
  }

.c3_charticon_big {
	background:url('/res/icon-chart-big.png');
	width:120px;
	height:120px;
	border:1px solid #fff;
	outline:none;
	margin:0;
	cursor:pointer;
	text-indent: -999;
	display: inline-block;

}
.c3_charticon_big:hover {
	background:#f7f7f7 url('/res/icon-chart-big.png');
	border:1px solid #e1e1e1;
}

.c3_charticon_big_stackedlines {
	background-position:0px 0px;
}
.c3_charticon_big_stackedlines:hover {
	background-position:0px -120px;
}
.c3_charticon_big_lines {
	background-position:-120px 0px;
}
.c3_charticon_big_lines:hover {
	background-position:-120px -120px;
}

.c3_charticon_big_areas {
	background-position:-240px 0px;
}
.c3_charticon_big_areas:hover {
	background-position:-240px -120px;
}
.c3_charticon_big_stackedareas {
	background-position:-360px 0px;
}
.c3_charticon_big_stackedareas:hover {
	background-position:-360px -120px;
}
.c3_charticon_big_pie {
	background-position:-480px 0px;
}
.c3_charticon_big_pie:hover {
	background-position:-480px -120px;
}

.c3_charticon_big_columns {
	background-position:0px -240px;
}
.c3_charticon_big_columns:hover {
	background-position:0px -360px;
}
.c3_charticon_big_columnstacked {
	background-position:-120px -240px;
}
.c3_charticon_big_columnstacked:hover {
	background-position:-120px -360px;
}
.c3_charticon_big_columnsclustered {
	background-position:-240px -240px;
}
.c3_charticon_big_columnsclustered:hover {
	background-position:-240px -360px;
}
.c3_charticon_big_bar {
	background-position:-360px -240px;
}
.c3_charticon_big_bar:hover {
	background-position:-360px -360px;
}

.c3_charticon_big_barClastered {
  background-position:0px -480px;	
}
.c3_charticon_big_barClastered:hover {
  background-position:0px -600px;
}
.c3_charticon_big_barStacked {
  background-position:-480px -240px;
}
.c3_charticon_big_barStacked:hover {
  background-position:-480px -360px;
}
.c3_charticon_big_columnsclustered {
	background-position:-240px -240px;
}
.c3_charticon_big_columnsclustered:hover {
	background-position:-240px -360px;
}
.c3_charticon_big_scatterPlot {
	background-position:-120px -480px;
}
.c3_charticon_big_scatterPlot:hover {
	background-position:-120px -600px;
}

.c3_activityQueries_popup2 .checkboxes-and-radios {
	  width:50%;
}

.c3_addaxis_listing {
 padding:0;
 margin:0;
}

.c3_addaxis_listing ul {
 padding:0;
 margin:0; 
}

.c3_addaxis_listing ul li{
 list-style:none;
 display:block;
 padding:6px;
 margin:1px 0;
 cursor:pointer;
 border:0px solid #fff; 
}

.c3_addaxis_listing ul li:hover {
 background:#f7f7f7;
 border:0px solid #e1e1e1;
}

.c3_qChartDesigner_lhs {
	min-width: 300px;
	max-width: 300px;
	font-size: 14pt;
	padding: 12px;
	margin-right: 0;
	background-color: var(--c-gray-10);
}

.c3_qChartDesigner_rhs {
	padding: 10px 0px 10px 10px;
	border: 6px solid #f3f3f3;
}

.c3_qChartDesigner_hx {
	border-bottom: 4px solid #dae9ec;
}
.c3_aqt_afterChartRender {
	padding: 10px;
}

.c3_dlg_h_deco {
	border-bottom: 1px solid #ebebeb;
}

.c3_aqtChartH {
  position: relative;	
}

.c3_edit_chart_btn {
    padding: 10px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    color: #333333;
    background: #ebebeb;
    border: thin solid #cccccc;
    border-radius: 4px;	
}

.c3_inline_editable {
	border: 2px solid white;
	cursor: text;
}

.c3_inline_editable:hover {
	border: 2px solid #c9e7ee;
    background: #f7f7f7;
}

.c3_vis_region_left {
	min-width: 240px;
	padding: 2px 5px;
	border-right: 1px solid #dddddd
}
.c3_eDashLHTitle {
	padding: 8px 4px;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #ebebeb;
	letter-spacing: 1.5px;
	color: rgba(0, 0, 0, 0.82);
}
.c3_vis_region_chart {
	/**padding: 0px 15px 15px 15px;*/
}
.c3_vis_chart_header {
	height: 40px;
	padding: 0px 6px;
	background-color: rgba(143, 188, 143, 0.35);
}
.c3_eDashPalette {
	padding: 6px 2px;
}
.c3_eDashPalette_i {
	color: #879129;
}
.c3_eDashPalette_txt {
	font-size: 16px;
	font-weight: 300;
	color: black;
}
.c3_eDashList>div {
	border-bottom: 1px solid #ebebeb;
	cursor: move;
}
.c3_eDashList>*:last-child {
	border-bottom: 1px solid transparent;
}
.c3_dash_header {
	font-size: 19px;
	font-family: Archivo Narrow, system-ui;
}
.c3_eDashHBtn {
	color: rgba(0, 0, 0, 0.61);
}
.c3_eDashHBtn:hover {
	color: #2196F3;
}
.c3_vis_chart_canvas {
	position: relative;
}
.c3_dash_c_h>div {
	justify-content: center;
	align-items: center;
}
.udc_chart_title {
	font-size: 16px;
	font-family: Archivo Narrow;
	font-weight: 600;
}
.c3_dashLayouts_r {
	padding: 4px 4px;
}
.c3_dashLayouts_r:hover {
	background-color: var(--c-gray-40);
}

.c3_editDash_canvas .c3_dash_c>div {
	width: unset !important;
	height: unset !important;
	min-height: 200px;
}
.c3_wrpr_ly .c3_dash_c {
	width: unset !important;
	height: unset !important;
	float: unset !important;
	min-width: 100px;
	min-height: 100px;
	/* debug */
	/* background-color: #CFD8DC; */
}
.c3_wrpr_ly .c3_dash_c_h {
	grid-area: hd;
	max-height: 50px;
	grid-area: auto / span 2;
}
.wrapper_explorer .c3_dash_c_h {
	grid-area: auto / span 3;
}
.c3_wrpr_ly .c3_dash_c_m {
	grid-area: main;
}
.wrapper_u1d2 .c3_dash_c_m {
}
.c3_wrpr_ly .c3_dash_c_d1 {
	grid-area: d1;
}
.c3_wrpr_ly .c3_dash_c_d2 {
	grid-area: d2;
}
.c3_wrpr_ly {
	display: grid;
	grid-gap: 20px;
	/* grid-auto-flow: dense; */
	justify-items: center;
	justify-items: stretch;
	align-items: stretch;
}

.wrapper_single {
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-template-areas:
		"hd"
		"main"
		"main"
		"main"
		"main"
		"main"
		;
}
@media (min-width: 900px) {
	.wrapper_single {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"hd hd"
			"main main"
			"main main"
			"main main"
			"main main"
			"main main"
			"main main"
			;
	}
}

.wrapper_u1d2 {
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-template-areas:
		"hd"
		"main"
		"d1"
		"d2";
}
@media (min-width: 900px) {
	.wrapper_u1d2 {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"hd hd"
			"main main"
			"main main"
			"main main"
			"main main"
			"d1 d2"
			"d1 d2"
			"d1 d2"
			"d1 d2"
			;
	}
}

.wrapper_explorer {
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-template-areas:
		"hd"
		"main"
		"main"
		"main"
		"d1"
		"d1"
		"d1"
		;
}
@media (min-width: 900px) {
	.wrapper_explorer {
		grid-template-columns: repeat(3, 1fr);
		grid-template-areas:
			"hd hd hd"
			"main d1 d1"
			"main d1 d1"
			"main d1 d1"
			"main d1 d1"
			"main d1 d1"
			;
	}
}

.wrapper_sbs {
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-template-areas:
		"hd"
		"main"
		"d1"
		;
}
@media (min-width: 900px) {
	.wrapper_sbs {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"hd hd"
			"main d1"
			"main d1"
			"main d1"
			"main d1"
			"main d1"
			"main d1";
	}
}

.c3_wrpr_ly>div {
	border: 1px dashed transparent;
}
.c3_wrpr_ly>div:hover {
	border: 1px dashed brown;
}

.mydash_previewDiv .c3_wrpr_ly>div:hover
{
  border: 1px dashed transparent;
}

.c3_dash_c_highlight {
	border: 1px dashed brown;
	
	background-color: #eceff1;
	background-image: linear-gradient(white 2px, transparent 2px),
		linear-gradient(90deg, white 2px, transparent 2px),
		linear-gradient(rgba(255, 255, 255, .3) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, .3) 1px, transparent 1px);
	background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
	background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
.c3_editDash_canvas .wb_dash_container {
	border: 1px dashed transparent;
	margin: 1px;
}
.c3_editDash_canvas .wb_dash_container:hover {
	border: 1px dashed brown;
}

.c3_ootb_dash .wb_dash_container {
  border: 1px dashed transparent;
  margin: 1px;
}

.c3_ootb_dash .wb_dash_container:hover {
  border: 1px dashed transparent !important;
}

.c3_ootb_dash .c3_wrpr_ly>div:hover{
  border: 1px dashed transparent !important;
}

.c3_shared_dash .wb_dash_container:hover {
  border: 1px dashed transparent !important;
}

.c3_shared_dash .c3_wrpr_ly>div:hover{
  border: 1px dashed transparent !important;
}

.c3_dashLayouts_r {
	position: relative;
	min-width: 160px;
	max-width: 160px;
	min-height: 200px;
	max-height: 200px;
	background-color: white;
	padding: 10px;
	border: 1px solid #E9E9E9;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(219,219,219,0.58);
	-moz-box-shadow: 0px 0px 7px 2px rgba(219,219,219,0.58);
	box-shadow: 0px 0px 7px 2px rgba(219,219,219,0.58);
}
.c3_dashLayouts_ibx {
	width: 30px;
	height: 30px;
	background-color: transparent;
	position: absolute;
	top: 40%;
	right: 40%;
	color: #3a7f1d;
}
.c3_createDash .c3_dashLayouts_ibx {
}
.c3_eTrgDefTypesC .c3_dashLayouts_ibx {
}
.c3_dashLayouts_ibx>i {
	display: none;
	font-size: 50px;
	font-weight: 600;
}
.c3_dashLayouts_r[data-sel='true'] .c3_dashLayouts_ibx>i {
	display: block;
}
.c3_createDashH1, .c3_createChartH1 {
	padding: 4px 0px;
	font-size: 19px;
	font-weight: 300;
}
.c3_dashLayouts_c2 {
	text-align: center;
}
.c3_dashItemAxnsC {
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 5;
	color: #999;
	display: none;
}
.c3_genericChartTplIn:hover>.c3_dashItemAxnsC {
	display: flex;
}
.c3_dashItemAxnsC>div:hover {
	color: black;
}
.c3_genericChartTplIn {}

.c3_editDash_hName {
	margin-top: 5px !important;
}

.c3_editDash_hDesc>i {
	opacity: 0;
	float: right;
}
.c3_editDash_hDesc:hover>i {
	opacity: 1;
}
.c3_editDash_hDesc:hover {
	/*background-color: var(--c-gray-40);*/ 
}

.c3_c3lang_editorBx_plain {
	position: relative;
}
.c3_cEditDlgImgBtn {
	position: absolute;
	top: 6px;
	right: 6px;
}

.c3_pop {
	position: relative;
}
.c3_bxDlg_toolsCont {
	position: absolute;
	top: 6px;
	right: 6px;
	display: none;
}
.c3_pop:hover .c3_bxDlg_toolsCont {
	display: flex;
}
.c3_bxBtn {
	background-color: rgba(158, 158, 158, 0.65);
	width: 30px;
	height: 30px;
	color: rgba(0, 0, 0, 0.81);
}

.c3_shareURLtxt {
	padding: 15px;
	background-color: #eceff1b0;
	font-family: monospace, system-ui;
	font-size: 1.1em;
	border: 1px solid #999;
	border-radius: 2px;
}
.c3_shareURLH {
	font-size: 16px;
	font-weight: 600;
}
.c3_shareURL_gBtn {
	font-size: 16px;
	width: 30px;
	height: 30px;
	border: 1px solid var(--c-gray-45);
	border-radius: 2px;
}
.c3_shareURL_gBtn[data-generated='0'] {
	color: cornflowerblue;
}
.c3_shareURL_gBtn[data-generated='1'] {
	color: green;
	pointer-events: none;
}
.c3_shareURL_gBtn:hover {
	background-color: #ebebeb;
}

.c3_custprof_db_search_sec {
	display: none;
}
[data-search-id-type='secondaryKey'] .c3_custprof_db_search_main {
	display: none;
}
[data-search-id-type='secondaryKey'] .c3_custprof_db_search_sec {
	display: flex;
}

.c3_pnPrvTestBtnCont {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.c3_msgCont[data-en-type='push'] .c3_content_prv_r_foot {
	display: none;
}
.c3_pnPrvTestBtn {
	border: 2px solid white;
}

.c3_entitySt_tblOut {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #00000029;
}
.c3_entitySt_ttl {
}
.c3_hvCtrl_tr:hover .c3_cell_ctrlDv {
	display: flex;
}
[data-status='processing'] .c3_fileUpld_progressCont {
	display: none;
}
.c3_entitySt_tbl {
}

.props_parent {
	align-items: center;
	flex: 1;
	display: flex;
	font-size: 14px;
}
.props_left {
	padding: 1em;
	text-align: left;
	width: 40%;
}
.props_right {
	padding: 1em;
	text-align: right;
}
.props_right>input[type="text"] {
	padding: 8px;
	font-family: monospace, system-ui;
	font-size: 1.1em;
	border: 1px solid #999;
	border-radius: 2px;
	width: 50px;
}
.props_right>select {
	padding: 10px;
	width: 100px;
	height: 35px;
}
.props_right>input[type="checkbox"] {
	transform: scale(1.5);
}

.ootb_dash_share
{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.c3_inline_frm {
	padding: 10px;
	background-color: var(--c-gray-40);
}

.advLayoutContainer>.c3_j_e
{
	padding: 10px 0;
}

.c3_new_dash
{
  margin-top: 25px;
  height: 40px;
  margin-bottom: 15px;
}

.c3_dash_left
{
  padding: 0px !important;
  width:70%;
}

.c3_dash_right
{
  font-size: 30px;
  color: gainsboro;
  padding: 0px; 
}

.c3_dash_toggle_off 
{
  color:gainsboro;
}
.c3_dash_toggle_on
{
  color: #67b661;
}
.c3_dash_toggle_disabled
{
  color: var(--c-gray-20);
	cursor: not-allowed;
}

.c3_new_dash_note
{
  margin: 0;
  padding: 14pt;
  font-size: 12pt;
  background-color: rgba(250, 244, 197, 0.55);
  margin-bottom: 14pt;
}
.c3_adv_dash_editor
{
  margin-top:10px;
}

.c3_new_dash_layout
{
  display: flex;
  flex: 1;
  margin-bottom: 10px;
}

.c3_cpgn_deltaI {
	display: none;
	color: rgba(255, 140, 0, 0.91);
}
[data-delta="less"] .c3_cpgn_deltaI {
	display: flex;
}

.c3_workspace_new_chart .label {
  padding: 4pt 0pt;
  font-size: 15pt;
  font-weight: 300;
}

.c3_new_dash .c3_dash_left
{
  width: 500pt !important ;
}

.c3_workspace_new_dash .label
{
  padding: 4pt 0pt;
  font-size: 15pt;
  font-weight: 300;
}

.c3_workspace_txt_input
{
  font-size: 12pt;
  font-weight: 300;
  height:30pt;
}

.c3_workspace_new_btn {
  height: 20pt !important; 
}
.c3_workspace_new_btn >i {
  font-size: 12pt;
}

.c3_workspace_new_btn >div {
  font-size: 12pt;
  font-weight: 300;
}

.c3_shareUrl .label   
{
  padding: 4pt 0pt;
  font-size: 15pt;
  font-weight: 300;
  width: 50%;
}

.c3_shareUrl_right >label {
  font-size: 14pt;
  font-weight: 300;
  margin: 0 20pt 0 5pt !important;
}

.c3_shareUrl_msg
{
  font-size: 12pt;
  font-weight: 300;
}

.c3_chartType_selected
{
  background-color: var(--c-gray-45);
  border: 1px solid #d7d3d3 !important;
  border-radius:3px;
}

.c3_charticon_divider {
    padding: 0px;
    margin-left:15px!important;
	margin-right:5px!important;
    width: 1px;
    height: 33px;
    background: #ddd;
}

.c3_axis_label
{
  font-size: 11pt;
  font-weight: 600;
  color: #555;
}

.c3_qcd_axes .c3_ti_plus
{
  align-items: flex-end;
  text-align: right;
  margin-left: 165pt;
  padding: 6px;
  font-size: 12px;
}

.c3_qcd_axes select
{
  /*margin-left: 64pt;*/
}

.axis_header_left
{
  flex-grow: 1;
}

.c3_QCD_left_panel
{
  height: 60pt;
  padding-bottom: 10pt;
}

.c3_QCD_input_row
{
  height: 40pt;
  display: flex;
  flex: 1;
  align-items: center;
  align-content: center;
}

.c3_QCD_input_row .c3_QCD_input_row_title 
{
    font-size: 12pt;
    font-weight: 300;
    color: #006699;
}

.c3_QCD_input_row .c3_QCD_input_row_elem
{
  height: 20pt;
  width: 120pt;
  font-size: 12pt;
  font-weight: 300;
}

.c3_qcd_tag {
    background-color: white;
    padding: 4px 6px;
    border-radius: 3px;
    border: thin solid #999;
    color: #3572b0;
}


.c3_stepsP {
	height: 6px;
	background-color: var(--c-gray-45);
}
.c3_stepsC2 {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background-color: var(--c-gray-45);
}
.c3_stepsN {
}
.c3_stepsLbl {
	font-weight: 300;
}
.c3_stepsCheck {
	display: none;
	color: #9E9E9E;
	position: absolute;
	top: -4px;
	right: -15px;
}
.c3_stepsItemSel .c3_stepsC2, .c3_stepsItemSel .c3_stepsP {
	background-color: dimgray;
	color: ivory;
}
.c3_stepsItemSel .c3_stepsLbl {
	font-weight: 500;
}
.c3_stepsCompleted .c3_stepsCheck {
	display: block;
}
.c3_stepsCompleted .c3_stepsC2 {
	background-color: #8BC34A;
}
.c3_stepsItemSel  .c3_stepsC2 {
	background-color: dimgray;
}
.c3_stepsOff {
	opacity: .5;
	cursor: default;
}
.c3_stepsOff .c3_stepsN {
	opacity: .7;
}
.c3_stepsOff .c3_stepsCheck {
	color: rgba(0, 0, 0, 0.9);
}
.c3_stepsOff.c3_stepsItemSel {
	opacity: initial;
}
.c3_stepsOff.c3_stepsItemSel .c3_stepsN {
	opacity: initial;
}
.c3_stepsNoTick .c3_stepsCheck {
	display: none;
}

.c3_stepsItem3:first-child .c3_stepsC1 {
	display: none;
}
.c3_stepsItem3 .c3_stepsC1 {
	/* width: 100px; */
	margin-right: 8px;
}
.c3_stepsItem3:first-child {
	flex: initial;
}
.c3_stepsItem3 .c3_stepsLbl {
	font-weight: 400;
}
.c3_stepsItem3 .c3_stepsCheck {
	top: -8px;
}
.c3_stepsItem3 .c3_stepsP {
	height: 1px;
	background-color: #cccccc;
}
.c3_stepsItem3 .c3_stepsC2 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	width: 24px;
	height: 24px;
}
.c3_stepsItem3.c3_stepsCompleted .c3_stepsP {
	background-color: #085dad;
}
.c3_stepsItem3.c3_stepsCompleted .c3_stepsC2 {
	border-color: #085dad;
}
.c3_stepsItem3.c3_stepsCompleted .c3_stepsLbl {
	color: #085dad;
}
.c3_stepsItem5 {
	border: .5px solid var(--c-gray-80);
	border-left-width: 0;
	border-top: 1px solid;
	border-top-width: 5px;
	border-top-color: transparent;
	cursor: pointer;
}
.c3_stepsItem5:first-child {
	border-left-width: .5px;
}
.c3_stepsItem5 .c3_stepsLbl {
	color: var(--stpItm5Lbl-c);
}
.c3_stepsItem5 .c3_stepsNumLbl {
	color: var(--stpItm5NumLbl-c);
}
.c3_stepsItem5.c3_stepsItemSel {
	background-color: var(--pg-rhs-bg-c-grey);
	border-top-color: var(--stpItm5BdrT-sel-c);
	border-bottom-color: transparent;
}
.c3_stepsItem3.c3_stepsItemSel .c3_stepsC2 {
	background-color: var(--c-blue-70);
	border: 1px solid var(--c-blue-70);
}
.c3_stepsItem3.c3_stepsItemSel .c3_stepsLbl {
	color: var(--c-blue-70);
}
.btn-disabled.c3_stepsItem3.c3_stepsCompleted .c3_stepsC2,
.btn-disabled.c3_stepsItem3.c3_stepsCompleted .c3_stepsLbl {
    border-color: var(--c-gray-70);
    color: var(--c-gray-80);
}

/*
.c3_stepsItem4 .c3_stepsR1 {
	background-color: var(--c-gray-60);
}
.c3_stepsItem4 .c3_stepsC2 {
	order: 1;
}
*/

.c3_cjCRC22 {
	padding: 2px 4px;
	color: cornflowerblue;
	font-size: 85%;
}
.c3_cjCRC22 .c3_timerControl_out_lbl {
}
.c3_cjCRC22 .c3_timerControl_out_v {
}

.c3_tgl {
	font-size: 19px;
	color: gainsboro;
	/* prevent click bubble */
	background-color: white;
	background-color: inherit;
	color: #9E9E9E;
	color: inherit;
}
.c3_tgl .c3_tgl_off, .c3_tgl .c3_tgl_on {
	display: none;
	font-style: normal;
}
.c3_tgl[data-tgl='0'] .c3_tgl_off {
	display: flex;
}
.c3_tgl[data-tgl='1'] .c3_tgl_on {
	display: flex;
	color: cornflowerblue;
}
.c3_tgl2C {
	display: none;
}
[data-tgl2='1'] .c3_tgl2C {
	display: flex;
}

[data-tgl-rxn='off'] {
	display: none !important;
}
.c3_tgl_lbl {
	order: 1;
	margin-left: 15px;
}
.c3_tgl_lhs>.c3_tgl_lbl {
	order: 0;
	margin-left: 0;
}

.c3_cj_respMsr {
	background-color: var(--c-gray-40);
	padding: 6px 20px;
}

.c3_cpgn_seg_wrp:nth-last-child(2) .c3_segOr {
	display: none;
}
.c3_segOr {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	background-color: var(--c-gray-45);
	margin-left: 20px;
	margin-right: 20px;
}

.c3_c1cont .c3_cj_e_s1_r1r2 .c3_dj_fld_h td.dijitReset.dijitButtonContents {
	height: 20px;
}

.c3_profileDash_topLeftContPic {
    font-size: 50pt;
    color: lightslategrey;
    width: 100pt;
    background-color: white;
}

.cj_stepsContainerAU {
	border-bottom: 1px solid #f0f0f0;
}

.c3_qcd_plus_btn {
    background: #91c642;
    color: white;
    height: 10px;
    width: 10px;
    padding: 10px;
    font-weight: 600 !important;
    font-size: 12px;
}

.c3_qChartDesigner_hx {
    padding: 4px 0 10px 0;
    border-bottom: 2px solid #e3e3e3;
}

.c3_qcdItemDtl {
	border: 0px;
}

.c3_evtFrequencyDash .c3_efd_bottomCont {
	padding: 15px;
}

.c3_evtFrequencyDash .c3_efd_countDetails {
	padding: 15px 0px 15px 20px;
}

.c3_evtFrequencyDash .c3_event_totalCount_title {
    padding: 10px;
    font-size: 12pt;
    color: #555;
    border-bottom: 1px solid lightgrey;
}

.c3_evtFrequencyDash .c3_event_totalCount {
	font-weight: 600;
    font-size: 17pt;
    color: #777;
}

.c3_cpgn_aclInfoItem {
	float: left;
	margin: 6px;
	padding: 4px 6px;
	background-color: var(--c-gray-10);
	border-radius: 3px;
}
.c3_cpgn_aclInfoItem1 {
	font-variant-caps: all-small-caps;
}
.c3_cj_aclDiscl {
	font-size: 85%;
	color: #999;
	margin-top: 15px;
}
.c3_cj_acl_ifr {
}
.c3_cj_acl_ifr[data-cont='appbox'] {
	min-width: 300px;
}
.c3_cj_acl_ifr[data-cont='push'] {
	min-width: 300px;
}
.c3_cj_acl_ifr[data-cont='banner'] {
	min-width: 300px;
}
.c3_cj_acl_ifr[data-cont='fullscreen'] {
		min-height: 550px;
}
.c3_cj_eRHS {
	min-width: 40%;
	min-width: calc(50% + 5px);
	border-left: 10px solid #f7f7f7;
	padding-left: 15px;
}

.c3_qcd_tagShowAs
{
  font-size: 8pt;
  font-style: oblique;
  text-transform: capitalize;
}

.c3_chart_item_cont {
	position: relative;
	width: 200px;
	height: 140px;
}

.c3_rangeQueryItem_Lbl{
	width: 150px;
}

.c3_query_info{
	cursor: pointer;
    z-index: 10;
    font-size: 8px;
    border-radius: 50%;
    background-color: rgba(190, 190, 190, 0.75);
    color: white;
    width: 10px;
    height: 10px;
}

.c3_rq_edit_fromto .c3_rq_invalid, .c3_rq_criteria_selector .c3_rq_invalid, .c3_mdAct_co_v.c3_rq_invalid{
	border-bottom: 2px solid #ff000073;
}

.c3_eTrgDefTGrp {
	padding: 6px;
	background-color: var(--grp-bg-c);
}

.c3_trigTypesC1_h {
	background-color: gainsboro;
	padding: 6px;
}

.c3_triggerTypesTabBar {
	background-color: var(--c-gray-10);
}

.c3_triggerTypesTab {
	padding: 10px 15px;
	font-weight: 600;
	color: rgba(128, 128, 128, 0.82);
}

.c3_trigTypesI {
	padding: 20px;
	border-radius: 50%;
	border: solid thin #777;
	color: #333;
	font-size: 54px;
}

.c3_triggerTypesTab_sel {
	border-left: 6px solid rgba(106, 189, 76, 0.87);
	border-right: 3px solid transparent;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.81);	
}

.c3_triggerTypesTab_sel .c3_trigTypesI {
	background-color: #408c1c;
	color: white;
}

.c3_trigTypesCont_ro .c3_triggerTypesTab {
	opacity: .61;
}
.c3_trigTypes_b {
	padding-left: 30px;
}
.c3_trigTypes_b2 {
	padding: 30px;
}

.c3_yInfo, .c3_TDFInfo {
	background-color: #ffecb38c;
	padding: 20px;
	font-size: 14px;
}
.c3_TDFInfo {
	margin: 0px 10%;
}
.c3_yInfo>i, .c3_TDFInfo>i {
	font-size: 14px;
}
.c3_yInfo>i {
	font-style: normal;
}
.c3_TDFInfo_xl {
	max-height: 20%;
}
.c3_TDFInfo_icon {
	font-weight: 600 !important;
	padding-right: 20px;
	color: #4f6336;
}
.c3_MDFInfo {
	margin: 10px 0px;
}
.c3_yInfoTxt {}

.c3_eTrgDefF .c3_TDFInfo {
	margin: initial;
	background-color: initial;
	padding: 20px 4px 0px 10px;
}


.c3_scrnNameV {
	padding: 6px;
	background-color: #f3f3f3;
}
.c3_scrnNameV:hover {
	background-color: gainsboro;
}

[data-fld="r"]>div, [data-fld="w"]>input {
	display: flex;
}

[data-fld="r"]>input, [data-fld="w"]>div {
	display: none;
}

.c3_eTrgDefTGrp[data-expand="0"] .c3_eTrgDefNDDescC,
.c3_eTrgDefTGrp[data-expand="0"] .c3_eTrgDefTagC,
.c3_eTrgDefTGrp[data-expand="0"] .c3_eTrgDefPriorityC,
.c3_eTrgDefTGrp[data-expand="0"] .c3_eTrgDefTGrpLess {
	display: none;
}

.c3_eTrgDefTGrp[data-expand="1"] .c3_eTrgDefTGrpMore {
	display: none;
}

.c3_eTrgDefTGrpBtn {
	color: var(--lnk-blue-c);
}

.c3_TDFDescr {
	font-weight: 600;
	color: rgba(0, 0, 0, .81);
}

.c3_TDF .c3_trigCondH {
	/*display: none;*/
}

.c3_TDF .c3_eSigLocLbl {
	color: rgba(0, 0, 0, .91);
}

.c3_TDF>[data-trigview="0"] {
	display: none;
}
.c3_TDF .c3_TrigCritListOut {
	border: 2px solid var(--c-gray-45);
	height: 90%;
	background-color: white;
}

.c3_selectedTrigTypeC1 {
	font-size: 24px;
	color: var(--tile-icon-c);
}

.c3_eChannelsItem_cust_img .c3_eChannelsItem_title_icon>img{
	opacity: .65;
} 

.c3_eChannelsItem_kafka .c3_eChannelsItem_title_icon>img {
	height: 54px;
}

.c3_selectionBox_inactive {
	background-color: var(--c-gray-40);
}

.c3_selectionBox_inactive .metrics_iconbox {
	background-color: var(--c-gray-40);
}

.c3_TDFInfo .ti-info {
	background-color: green;
	padding: 4px;
	border-radius: 50%;
	color: white;
	font-size: 12px;
	font-weight: 600;
}

/**
 *  Machine Learning Features
 **/
.c3_amlf_desc {
	border: 1px solid #FCE8BE;
	border-radius: 10px;
    background-color: #FCE8BE;
    padding: 10px;
}

.c3_mltd_title_ename {
	font-weight: 400;
}
.c3_trigCBBx {
	border: 6px solid cornflowerblue;
	padding: 25px;
	border-radius: 50%;
	box-shadow: 0px 0px 10px 4px #777;
}

.c3_trigCBIcnBx {
	font-size: 28px;
	padding: 25px;
	border-radius: 50%;
	background-color: #61769dbf;
	color: white;
}

.c3_eTrgDefCB21, .c3_eTrgDefS23 {
	padding: 6px;
}

.c3_eTrgDefS23 {
	padding: 15px;
	align-self: stretch;
}
.c3_eTrgDefS23In {
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom: 0px;
}

.c3_trigCB {
	padding: 15px;
	border: thin solid #ccc;
	margin: 20px 0px;
	border-radius: 4px;
}

.c3_trigCBIcn {
	font-size: 36px;
	color: #477447;
}
.c3_trigCBTxt {
	font-weight: 600px;
}
.c3_trigWchBx {
	border: 6px solid cornflowerblue;
	padding: 60px 40px;
	box-shadow: 0px 0px 10px 4px #777;
}
.c3_trigWchBx1 {
	border: 1px dotted var(--c-gray-40);
	box-shadow: 0px 0px 1px;
}
.c3_trigWchBx2 {
}


.c3_eTrgDefS241 {
	border: 6px solid #91b3ef;
	padding: 20px;
	background-color: #61769d;
	color: white;
}
.c3_trgDefs241I {
	font-size: 36px;
}
.c3_trgDefDtlB {
	background-color: #f7f7f7;
	padding: 10px 20px;
}
.c3_eTrgDefDtlH1 {
	padding: 10px 6px;
}

.c3_eTrgDefDtlH2 {
	background-color: #9E9E9E;
	padding: 10px 6px;
}
.c3_trigWchItem {
	padding: 6px;
}
.c3_trigWchItem_sel {
	background-color: #B0BEC5;
}
.c3_trigWch_active:hover {
	background-color: var(--list-hvr-bg-c);
}
.c3_trigWch_inactive {
	background-color: rgba(220, 220, 220, 0.43);
	opacity: .81;
}
.c3_trigWch_inactive .c3_tgl_btn {
	display: none;
}
.c3_trigCBTxt {
	font-weight: 600;
	color: #7b8fa2;
	font-size: 16px;
}

.c3_trigCB_sel {
	background-color: var(--c-gray-57);
}
.c3_trigCB:hover {
	box-shadow: 0px 0px 10px 2px lightsteelblue;
}

.c3_trigWchStart2 {
	color: var(--lnk-blue-c);
	margin: auto;
}
.c3_eTrgDefCB1 {
	width: 200px;
}
.c3_eTrgDefCB2 {
	margin-right: 10px !important;
	border-radius: 4px;
}
.c3_eTrgDefB323.c3_eTrgDefS231 {
	/* padding: 10px; */
}

.c3_TDFTemplate .c3_lbl {
	color: initial;
}
.c3_eTrgBlankR {
	padding: 9px 0;
}

.c3_eTrgDefHeader, .c3_eTrgDefDtlH1 {
	font-size: 18px;
	color: #74a551;
}

.c3_dash_bgImgUrl_tb
{
  width: 250px !important;
}

.c3_trigListItemIc, .c3_mdlDV_bc_i_ic {
	font-size: 20px;
	color: #999;
	font-style: normal;
}
.c3_trigListItemName {
	font-weight: 600;
}
.c3_trigListC {
	padding: 8px 20px;
}

.c3_cpgnTrigSlxnLstC1 {
	align-self: stretch;
	padding: 8px 0 0 8px;
	box-shadow: 0px 0px 20px 2px #bbb;
	margin: 40px 20px;		
}

.c3_cpgnTrigSlxnB1 {
	padding-right: 20px;
}

.c3_cpgnTrigSlxnBx {
	background-color: white;
	border: 2px solid #91b3ef;
	padding: 60px 40px;
	box-shadow: 0px 0px 10px 4px #bbb;
	margin: 20px;
}

.c3_cpgnTrigSlctdBx {
	background-color: #61769d;
	color: white;
	border: 6px solid #91b3ef;
	min-height: 140px;
	min-width: 100px;
	max-width: 100px;
}
.c3_cpgnTrigSlctdLbl {
	word-break: break-word;
	overflow-wrap: break-word;
}
.c3_cpgnTrigSlctdAnd {
	font-size: 11px;
	color: #555;
}
.c3_cpgnTrigSlctdBxWrp:first-child .c3_cpgnTrigSlctdAnd {
	display: none;
}
.c3_cpgnTrigSlctdBxWrp {
	margin-top: 0px;
}
.c3_cpgnTrigSlctdBxWrp:first-child {
	margin-top: inherit;
}
.c3_cpgnTrigSlxnBxIcH {
	font-size: 24px;
	font-weight: 900;
	color: #639316;
}

.c3_cpgnTrigSlxnBxHF {
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.c3_cpgnTrigSlxnOutBxF {
	margin-top: 2px;
}

.c3_cpgnTrigSlxnBxFLbl {
	font-size: 14px;
	font-weight: 600;
	color: #7195ad;
}

.c3_cpgnTrigSlctdIconC {
	font-size: 36px;
}
.c3_cpgnTISep {
	font-size: 24px;
}
.c3_cpgnTISchdl {
	font-size: 42px;
	color: #90A4AE;
}
.c3_cpgnTISchdl[data-delay-set="0"] {
	color: #bbbbbb;
}
.c3_cpgnTISchdl[data-delay-set="1"] {
	color: #478ccb;
}
.c3_expTestDelay .c3_cpgnTISchdl {
	font-size: var(--tgl-sz);
}
.c3_cpgnTIDtlBx {
	align-self: stretch;
	padding: 0 20px;
	box-shadow: 0 0 20px 6px var(--c-gray-45);
	margin: 12px 12px 12px 0;
}
.c3_cpgnSgmnts .c3_cpgn_seg_wrp[data-ref="system:allUsers"] {
	display: none;
}
.c3_cpgnCtrlExp_bx {
	background-color: var(--c-gray-40);
	padding: 10px 15px;
}

.c3_expTestSxn .c3_cpgnCtrlExp_bx {
    background-color: transparent;
    padding: 0px 0px;
}
.c3_expTestSxn .c3_tscItemX {
	display: none;
}
.c3_axnSendTimesTS {
	margin: initial;
	padding: initial;
}
.c3_tscItem {
	position: relative;
	border: 1px solid;
	border-color: rgb(223, 223, 223);
	border-radius: 6px;
	background-color: white;
}
.c3_axnSendTimesSimp .c3_tscItem {
	position: relative;
	border: 0px;
	border-radius: 0px;
	background-color: unset;
}
.c3_tscItemMsgPlcy {
	position: relative;
	border: 0px;
}
.c3_tscItemC1 {
	align-self: stretch;
}
.c3_axnSendTimesSimp .c3_tscItemC1 {
	display: none;
}
.c3_tscItemC2 {
	background-color: #f7f7f7;
	padding: 2px 16px;
}
.c3_axnSendTimesSimp .c3_tscItemC2 {
	background-color: inherit;
	padding: initial;
}
.c3_cpgnCtrlExp .c3_tscItemX {
	display: none;
}
.c3_cpgnTIDtlBx .c3_lbl, .c3_cpgnCtrlExp .c3_lbl {
	color: initial;
}

.c3_eChannels_eventDash_win
{
  height: 150px;
  padding: 10px;
  margin: 20px;
  background-color: var(--c-gray-10);
}

.darkBgChart .chartTemplateHeader {
	color: white;
}

.z1_p_info_locinfo_v
{
	color:#666;
}

.c3_cpgnTITitleTxt {
	color: #91c642;
	font-size: 20px;
	border-bottom: 1px solid rgba(218, 233, 236, 0.55);
	padding-bottom: 6px;
}
.c3_cpgnTrigOutBx .c3_cpgnTITitleTxt {
	border-bottom: 0px;
}
.c3_tbB1 {
	padding-top: 10px;
}
.c3_trigListItem {
	padding: 4px 0 16px 0;
	border-bottom: thin solid #ddd;
}
.c3_cpgn_defineLinkTxt {
	font-size: 14px;
}
.c3_cpgn_sxn_title2_txt {
	font-size: 19px;
	font-weight: 300;
	color: rgba(0, 0, 0, 0.73);
}

.c3_ms_infobottom {
	border-bottom: 1px solid #dae9ec;
}

.c3_ms_largeInfoBox {
	font-size: 26px;
	font-weight: 300;
	text-align: center;
}

.c3_ms_smallInfoBox {
	font-size: 16px;
	font-weight: 200;
	color: rgb(27, 30, 31);
	border: 1px solid #e1e1e1;
	border-bottom: 0;
	padding: 15px 8px;
	background-color: #ffffff;
	box-shadow: inset 0 0 5px #e2dfdf;
}

.c3_new_ms {
	width: 200px;
}

.c3_noms_width {
	width: 80%;
}

.c3_rt_trigger_chart
{
	width: 50%;
	padding: 10px 10px 10px 40px;
	background-color: var(--c-gray-10);
	border-left: thin solid #ddd;
}

.c3_alldefTrig_createTrigBtn
{
  width: 150px;
  padding: 2px;
}

.c3_triggerListItem {
	border-bottom: 1px solid #ebebeb;
	padding: 6px 4px;
}
.c3_triggerListItem:hover {
	background-color: var(--c-gray-40);
}
.c3_triggerListItemIc {
	font-size: 19px;
	color: #9E9E9E;
}
.c3_triggerListItemC2 {
	padding: 8px 6px;
}
.c3_triggerListItemC2:hover {
	background-color: #ECEFF1;
}
.c3_triggerListItemName {
	font-size: 14px;
}
.c3_triggerListItemDescr {
	color: rgba(0, 0, 0, .71);
	font-size: 12px;
	font-weight: 400;
}
.c3_triggerListItemC3Wrp {
	min-width: 20px;
	align-self: stretch;
	padding: 0 4px;
}
.c3_triggerListItemC3 {
	display: none;
}
.c3_triggerListItem:hover .c3_triggerListItemC3 {
	display: flex;
}
.c3_triggerListItem:hover .c3_triggerListItemC3Wrp {
	background-color: #ECEFF1;
}
.c3_triggerListItemC3 {
	color: #999;
}
.c3_triggerListItemC3:hover {
	color: #333;
}
.c3_triggerListItemC3>* {
	font-size: 16px;
}

.c3_rt_trig_chart_div
{
  height:450px !important;
  width:100%;
}

.c3_rt_trig_chart_div_chartNode
{
  height:450px !important;
  width:100%;
  border:thin solid #ddd;
  box-shadow: 0px 0px 8px 4px #ccc
}

.c3_cpgnTrigBxList {
	align-self: stretch;
}
.c3_cpgnTrigSlctdBxLst {
	padding: 0 15px;
}
.c3_cpgnTrigOutBx {
	--trig-out-bx-mg: 12px;
	margin: var(--trig-out-bx-mg);
	max-height: calc(100% - 2*var(--trig-out-bx-mg));
}
.c3_cpgnTrigSlxnBxFt {
	align-self: stretch;
}
.c3_cpgnTrigSlxn .c3_cpgnTrigSlxnBxHF {
}
.c3_cpgnTrigSlxn .c3_cpgnTrigSlxnBxFLbl {
}
.c3_cpgnTrigSlctdChange {
}

.c3_sysEvtPattern_clearBtn {
	border: none !important;
}

.c3_ptrn_add_ptrn_btn {
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: 2px solid lightgray;
	background-color: gainsboro;
	background-color: rgb(249, 249, 249);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	/* border: 1px solid rgb(0, 85, 169); */
	/* background-color: rgb(0, 85, 169); */
	/* background-color: rgba(0, 85, 169, 0.35); */
	/* color: #fff; */
	color: #999;
}

.c3_btn.c3_ptrn_add_ptrn_btn:hover {
	background-color: #777;
	color: #fff;
	border: 2px solid #777;
}

.c3_ptrn_act_add_crit {
	max-height: 180px;
}

.c3_pp_display_name {
	border-bottom: 1px solid #f7f7f7;
}
.c3_pp_display_name:hover {
	border-bottom: 1px solid black;
}
.c3_pp_next_arrow{
	font-size: 18px;
	color: #a5a5a5;
	font-weight: 900;
}

.c3_bx {
	background-color: var(--c-gray-40);
	padding: 6px 20px;
}

.c3_bx1:hover,
.c3_bx1:focus {
  background-color: var(--c-gray-20);
  border-color: var(--c-gray-80);
}
.c3_bx1:active {
  background-color: var(--c-gray-60);
  border-color: var(--c-gray-80);
}

.c3_incEvtListIH {
	border-bottom: 2px solid #ccc;
}
.c3_incEvtListIH .c3_incEvtListC {
	padding: 8px 6px;
	font-weight: 600;
}
.c3_incEvtListH, .c3_incEvtListB {
/* 	padding-right: 20px; */
}
.c3_incEvtListC {
	/*border-right: 1px solid #ebebeb;*/
}
.c3_incEvtListC:last-child {
	border-right: 0px solid #ebebeb;
}
.c3_incEvtListB .c3_incEvtListC {
	border-bottom: 1px solid #ebebeb;
	padding-left: 6px;
	padding-right: 6px;
}
.c3_incEvtListC1 {
	min-width: 80px;
	max-width: 80px;
}
.c3_incEvtListIH .c3_incEvtListC1 {
	border-left: 1px solid transparent;
}

.c3_incEvtListIH .c3_incEvtListCLast {
	border-right: 1px solid transparent;
}

.c3_incEvtListB .c3_incEvtListC1, .c3_incEvtListB .c3_dataService_ListC7{
	border-left: 1px solid #ebebeb;
}
.c3_incEvtListB .c3_incEvtListCLast {
	border-right: 1px solid #ebebeb;
}
.c3_incEvtListC2 {
	min-width: 300px;
}
.c3_incEvtListB .c3_incEvtListC2 {
	border-left: 0px solid transparent;
	border-left: 1px solid #ebebeb;
}
.c3_incEvtListB .c3_allSignals_eventItem {
	border-left: 0px solid transparent;
	border-bottom: 0px solid;
}
.c3_incEvtListB .c3_incEvtListIR:hover {
	background-color: var(--hvr-bg-c);
}
.c3_incEvtListB .c3_incEvtListC2I:hover {
	background-color: #f1f1f1;
}
.c3_incEvtListC4 {
	min-width: 100px;
	max-width: 100px;
}

.c3_incEvtListC1P {
	margin-right: 25px;
}

.c3_incEvtListC2P {
	margin-left: -20px;
}

.c3_incEvtListC3P {
	margin-right: -75px;
}

.c3_incEvtListC4P {
	margin-left: 140px;
}

.c3_incEvtListC5P {
	margin-left: 45px;
}

.c3_incEvtListC3 {
	min-width: 40px;
	max-width: 40px;
}

.c3_incEvtListC5 {
	min-width: 80px;
	max-width: 80px;
}
.c3_incEvtListB .c3_incEvtListC5I {
	color: mediumaquamarine;
	font-size: 16px;
}
.c3_incEvtDescr {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.61);
	padding: 6px 4px;
	font-family: sans-serif, 'Open Sans';
}
.c3_incEvtDtlDispN {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.71);
}
.c3_incEvtDtlDescr {
	font-size: 10px;
}
.c3_incEvtDtlNameLbl {
	font-weight: 300;
}

.c3_dataServiceListC5, .c3_dataService_ListC5 {
	min-width: 120px;
	max-width: 120px;
}

.c3_dataServiceListC6, .c3_dataService_ListC6 {
	min-width: 80px;
	max-width: 80px;
}

.c3_incEvtListB .c3_dataServiceListC2I:hover {
	background-color: #f1f1f1;
}

.c3_dataServiceListIB [data-dservice-item="odd"] {
	background-color: #f6f6f9;
}

.c3_dataServiceListIB [data-dservice-item="even"] {
	background-color: #fff;
}

.c3_qcd_qName
{
	font-size: 14px !important;
	color: #666 !important;
}

.c3_eTrgDefB3F {
	background-color: dimgray;
	color: white;
	padding: 6px;
	border: thin solid #ccc;
	box-shadow: 1px 1px 10px 2px #ccc;
	border-top: 0px;
	border-color: #212121;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.c3_eTrgDefF {
	max-height: 10%;
}

.c3_tInfoI {
	width: 50px;
}
.c3_tInfoI>i {
	font-weight: 600;
	opacity: .5;
}

.eTrgV1, .eTrgV2, .eTrgV3 {
	display: none;
}
[data-edit-trig="1"] .eTrgV1,
[data-edit-trig="2"] .eTrgV2,
[data-edit-trig="3"] .eTrgV3 {
	display: flex;
}
.c3_eTrgDefB1 {
	max-width: 320px;
}
.c3_eTrgDC1 {
	align-self: stretch;
	width: 310px;
	padding: 10px;
	border-right: 1px solid #ebebeb;
}
.c3_eTrgVu_a1 {
	grid-area: a1;
}
.c3_eTrgVu_a2 {
	grid-area: a2;
}
.c3_eTrgVu_a3 {
	grid-area: a3;
}
.c3_eTrgVu {
	display: grid;
	grid-gap: 20px;
	/* grid-auto-flow: dense; */
	justify-items: center;
	justify-items: stretch;
	align-items: stretch;
}
.c3_eTrgVu_2r2c_c2_1-2 {
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
		"a1 a1 a3 a3 a3 a3"
		"a1 a1 a3 a3 a3 a3"
		"a2 a2 a3 a3 a3 a3"
		"a2 a2 a3 a3 a3 a3"
		;
}

.c3_eTrgVu1_a1 {
	grid-area: a11;
}
.c3_eTrgVu1_a2 {
	grid-area: a12;
}
.c3_eTrgVu1_a3 {
	grid-area: a13;
}
.c3_eTrgVu1 {
	display: grid;
	grid-gap: 20px;
	/* grid-auto-flow: dense; */
	justify-items: center;
	justify-items: stretch;
	align-items: stretch;
}
.c3_eTrgVu1_c {
	grid-template-columns: repeat(6, 1fr);
	grid-template-areas:
		". . . . . ."
		"a11 a11 a11 a11 a11 a11"
		". . a12 a12 . ."
		"a13 a13 a13 a13 a13 a13"
		". . . . . ."
		;
	justify-items: center;
}
@media (max-height: 600px) {
	/*
	.c3_eTrgVu1_c {
		grid-template-columns: repeat(7, 1fr);
		grid-template-areas:
			". . . . . . ."
			". a11 . a12  . a13 ."
			". . . . . . ."
			;
		zoom: .75;
	}
	.c3_eTrgDC1 {
		width: 410px;
		background-color: #DCEDC8;
	}
	*/
}

.c3_trigCBStart, .c3_trigWchStart {
	font-variant-caps: all-small-caps;
	letter-spacing: 1px;
	font-size: medium;
	font-weight: 600;
}
.c3_trigCBType {
}
.c3_trigWchVal {
}

.c3_infobox_infoIcon {
    font-size: 18px;
    color: #333;
}

.c3_infoBoxCont {
	padding: 20px;
	background-color: #f3f3f3;
	margin: 0px 0px 10px 0px;
	border-radius: 3px;
	border: thin solid #e3e3e3;
	font-size: 14px;
	font-weight: 300;
}

.c3_act_query_disclaimer_cont .c3_infoBoxCont {
    background-color: #fafabc;
    margin-bottom: 10px;
}

.c3_tmplt_info_ttl {
	font-weight: 600;
}
.c3_tmplt_info_dsc {
	font-size: 11px;
	color: #555;
}

.c3_email_tracker_lbl {
	font-size: 13px;
	color: #555;
}

.c3_eChnl_padding {
	padding: 12px 0;
}

.c3_et_enableBtn {
	font-size: 18px;
}

.c3_emailTracker_greyBg {
	background-color: #f7f7f7;
	padding: 15px;
	border-radius: 5px;
	color: #555;
	border: 0.5px solid #ebebeb;
	font-weight: 600;
}

.c3_small_ti_info_alt{
	font-size: 11px; 
	padding-top: 2px;
}

.c3_chnlSmplCodeLnk {
	color: brown;
}

.c3_chnlSmplRC1 {
	width: 50px;
}

/* EVENT FUNNEL SANKEY */

.c3_funnelsankey_node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}
 
.c3_funnelsankey_node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}
 
.c3_funnelsankey_link {
  fill: none;
  stroke: #000;
  stroke-opacity: .2;
}
 
.c3_funnelsankey_link:hover {
  stroke-opacity: .5;
}

.c3_evtFunnelSankeyChart {
	/* height: 400px; */
	zoom: .75;
}

[data-is-counting="2"] .segRctWait {
	position: relative;
}
[data-is-counting="2"] .segRctWait::before {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--c-gray-40);
}

.segIndvRec0, .segIndvRec1 {
	display: none;
}
.segRec0, .segRec1 {
	display: none;
}
[data-is-counting="0"] .segRec0,
[data-is-counting="1"] .segRec1 {
	display: flex;
}
[data-is-indv-counting="0"] .segRec0,
[data-is-indv-counting="1"] .segRec1 {
	display: flex;
}
[data-is-indv-counting="0"] .segIndvRec0,
[data-is-indv-counting="1"] .segIndvRec1,
[data-is-counting="1"] .segIndvRec1 {
	display: flex;
}
[data-is-counting="1"] .segIndvRec0,
[data-is-indv-counting="1"] .segIndvRec0 {
	display: none;
}
.segRecIn0, .segRecIn1 {
	display: none;
}
[data-is-counting="0"] .segRecIn0,
[data-is-counting="1"] .segRecIn1 {
	display: inline;
}
[data-is-indv-counting="0"] .segRecIn0,
[data-is-indv-counting="1"] .segRecIn1 {
	display: inline;
}
.segMab1 {
	display: none;
}
[data-is-seg-mab="1"] .segMab0 {
	display: none;
}
[data-is-seg-mab="1"] .segMab1 {
	display: flex;
}
[data-is-seg-mab="1"] .segEdMab {
	display: flex;
}
.segUpld1 {
	display: none;
}
[data-is-seg-upload="1"] .segUpld0 {
	display: none;
}
[data-is-seg-upload="1"] .segUpld1 {
	display: flex;
}
[data-is-seg-upload="1"][data-is-counting="1"] .segUpldTglRec.segRec0 {
	display: flex;
}
[data-act-this-sessn-rct="1"] .segSessn, [data-is-bu-view="1"] .segViewBU{
	display: none;
}
.segRctBfr0 {
	display: none;
}
[data-rct-bfr="0"] .segRctBfr0 {
	display: flex;
}
[data-rct-bfr="0"] .segRctBfr1 {
	display: none;
}
[data-first-count-status="0"] .segRctFrstSt {
	position: relative;
}
[data-first-count-status="0"] .segRctFrstSt::before {
	position: absolute;
	content: " ";
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--c-gray-40);
}
[data-first-count-status="0"] .waitBdr::before {
	width: calc(100% - 8px);
	height: calc(100% - 8px);
	border: 4px solid white;
}
.c3_rctDlgP1 {
	font-size: 16px;
}
.c3_rctDlgP2 {
	display: list-item;
	list-style-position: inside;
	color: rgba(0, 0, 0, 0.81);
	font-size: 14px;
}
.c3_rctDlgAsk {
	font-weight: 600;
}
.c3_isRecountMsg {
	color: brown;
}
.c3_rct_lbl {
	color: rgba(0, 0, 0, 0.71);
}
.c3_rct_v {
	font-size: 14px;
}
.c3_rct_pct {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.81);
}
.c3_rct_pctI {
	font-size: 14px;
	font-weight: 300;
}
.c3_et_point_style{
	font-weight: bold;
}

.vTrgDefCat1 {
	display: none;
}
[data-trig-def-cat="1"] .vTrgDefCat1 {
	display: flex;
}

.c3_cpgn_axnReasonI {
	color: rgba(0, 0, 0, 0.51);
}
.c3_cpgn_normI {
	color: mediumaquamarine;
}
.c3_axnSentDtlR {
	background-color: var(--c-gray-10);
}
.c3_axnSentDtlR>div {
	padding: 6px;
}
.c3_asnrC1 {
	flex: 1;
}
.c3_axnSentDtlK {
	color: rgba(0, 0, 0, .71);
	flex: 1;
}
.c3_axnSentDtlK2 {
	color: rgba(0, 0, 0, .71);
	flex: 1;
}
.c3_axnSentDtlV {
	color: rgba(0, 0, 0, .91);
	text-align: right;
}

.c3_cpgnCtrlExpGp {
	padding: 0px 5px;
}

.c3_axnSentDtlRSum {
 border-top: 1px solid var(--c-gray-50);
}

.c3_trigWchItem2 {
	position: relative;
	min-width: 200px;
	max-width: 200px;
	min-height: 180px;
	max-height: 180px;
	cursor: pointer;
	padding: 10px;
	border: 1px solid #E9E9E9;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
	-moz-box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
	box-shadow: 0px 0px 7px 2px rgba(219, 219, 219, 0.58);
}
.c3_trigCBIc2 {
	color: #777;
	font-size: 400%;
	text-align: center;
	margin-bottom: 17px;
	font-weight: 600;
}
.c3_trigCBIcn2 {
	width: 100px;
	padding: 0px 4px 0px 9px;
}
.c3_trigCBIcn2 .c3_trigCBIc2Img {
	width: 90px;
	height: auto;
}
.c3_trigCBTxt2 {
	text-align: center;
	color: rgba(0, 0, 0, 0.87);
	font-size: 19px;
	font-weight: 300;
}

[data-edit-trig-cmd="edit"] .c3_trigChgCatTyp {
	display: none;
}

.c3_filterCell {
	width: 100%;
}

.c3_fireonce {
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.c3_mnuSubIC {
	font-size: 14px;
	min-height: 26px;
	margin: 0;
	padding: 6px 4px 6px 15px;
	border-bottom: 0px solid #e1e1e1;
	font-weight: 400;
	cursor: pointer;
}
.c3_mnuSubIC:hover {
	background: #e6e6e6;
}
.c3_mnuSubI {
	font-size: 120%;
	color: #707070;
	margin-left: 0;
	margin-right: 32px;
	opacity: .72;
}
.c3_mnuSubTtl {
	letter-spacing: .4px;
}

.c3_mnuSubDscr {
	font-size: 85%;
	color: #999;
	margin-top: 2px;
}

/** Landing page with Navigation */
.c3_nav_sb::-webkit-scrollbar {
	background-color: var(--pg-rhs-bg-c-white);
	width: 1px;
	box-shadow: inset -1px 0px 0px var(--lv2-bdr-c);
}
.c3_nav_sb::-webkit-scrollbar-thumb {
	width: 1px;
	box-shadow: inset -1px 0px 0px var(--lv2-bdr-c);
}
.c3_nav_head {
	background: var(--c-purple-100);
	height: var(--top-bar-h);
	padding: var(--top-bar-pd-v) var(--top-bar-pd-h);
	box-shadow: 0px 2px 1px rgb(0 0 0 / 5%), 0px 0px 1px rgb(0 0 0 / 25%);
	justify-content: center;
}
.c3_nav_bodyWrp {
	height: calc(100% - 50px);
}
.c3_nav_body {
	display:flex;
	flex-flow: column nowrap;
}
.c3_nav_userWrpTxt {
	height: 32px;
	width: 32px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 400;
}
.c3_nav_userTxt {
	justify-content: center;
	align-items: center;
	color: var(--c-gray-0);
}
.c3_homeNav_leftCont {
	width: calc(100% - 1px);
}
.c3_navLf_wrapper {
	color: var(--c-gray-100);
}
.c3_nav_mnuBar {
	border-radius: 0 5px 5px 0;
	border-left: 5px solid transparent;
	margin-right: 6px;
	margin-left: -1px;
}
.c3_nav_c2Menu .c3_nav_mnuBar {
	margin-right: 1px;
}
.c3_nav_mnuBar_selected {
	border-color: var(--c-blue-70);
}
.c3_nav_c2Menu .c3_nav_mnuBar_selected {
	border-color: var(--c-purple-40);
}
.c3_nav_mnuSubIC {
	padding: 0 8px 0 1px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.c3_nav_c2Menu .c3_nav_mnuSubIC {
	font-weight: normal;
	padding: 15px 0 5px 0;
}
.c3_nav_mnuSubIC:hover {
	background-color: var(--c-gray-30);
}
.c3_nav_mnuSubIC_selected_lvl1 {
	color: var(--c-blue-70);
}
.c3_nav_mnuSubIC_selected_lvl2 {
	color: var(--c-blue-70);
	background-color: var(--c-gray-30);
	border-radius: 4px;
}
.c3_nav_c2Menu .c3_nav_mnuSubIC_selected_lvl2 {
	color: var(--c-purple-40);
	font-weight: 500;
	border-radius: 4px;
}
.c3_nav_mnuSubI {
	width:20px;
	height:17px;
	padding-left: 5px;
}
.c3_nav_mnuSubTtl {
	padding: 6px 8px 6px 10px;
}
.c3_nav_mnuSub2Ttl {
	padding-left: 32px;
	font-weight: normal;
	width: 100%;
}

.c3_sk_lbl{
	color: rgb(37, 123, 162);
    font-weight: 600;
}

.c3_editseg_lbl {
	font-size: 14px;
}

.c3_upload_normI {
    color: var(--c-success);
    font-weight: bold;
}

.c3_warn_icon {
	color: var(--c-warn);
	font-weight: bold;
}

.c3_upload_errorIcon_c1 {
	width: 24px;
}

.c3_uploadErrorDtlC {
	background-color: var(--c-gray-10);
}
.c3_uploadErrorR>div {
	padding: 6px;
}

.c3_errorDtlSec {
	max-height: 150px;
}

.c3_fltrBx {
	position: relative;
}
.c3_fltrBxIC {
	position: absolute;
	left: 1px;
	top: 1px;
	bottom: 1px;
	padding: 4px;
}
.c3_fltrBxI {
	color: rgba(158, 158, 158, 0.62);
}
.c3_fltrBxS {
	padding-left: 24px;
	box-shadow: unset;
}

.c3_incEvtListBar {
	/* padding-right: 20px; */
	margin-bottom: 8px;
}

.c3_cpgnRprtDwnlds {
	border-top: 1px solid #ebebeb;
	/* padding-top: 10px; */
}
.c3_cpgnRprtDwnldsC1 {
	color: #7CB342;
	align-self: stretch;
}
.c3_cpgnRprtDwnldsLbl {
	font-size: 16px;
	font-weight: bolder;
	padding: 12px;
	text-align: center;
	color: #69934f;
}
.c3_cpgnRprtDwnldsBx {
	padding: 10px;
}
.c3_cpgnRprtDwnldsBx:hover {
	background-color: var(--c-gray-40);
}
.c3_cpgnRprtDwnldsI {
	font-size: 16px;
	color: #999;
}
.c3_cpgnRprtDwnldsI1 {
	margin-right: -10px;
}
.c3_cpgnRprtDwnldsTxt {
	font-size: 14px;
	color: rgba(0, 0, 0, .81);
}
.c3_cpgnRprtDwnldsBx_sel {
}
.c3_cpgnRprtDwnldsBx_nsel {
	opacity: .4;
}
.c3_cpgnRprtDwnldsBx_dsbl {
	display: none;
}
.c3_cpgnRprtDwnldsMore {
	padding: 10px;
	color: rgba(0, 0, 0, .81);
}
.c3_cpgnRprtDwnldsMore:hover {
	background-color: #ebebeb;
}

.c3_cpgnRprtDwnldsLst {
	position: absolute;
}
.c3_cpgnRprtDwnldsLst {
	outline: 0;
	position: absolute;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	box-shadow: 2px 0px 10px rgba(47, 79, 79, 0.5);
	background-color: #ffffff;
	z-index: 10000;
}
.c3_cpgnRprtDwnldsLst>div {
	border-bottom: 1px solid #ebebeb;
	padding: 6px;
}
.c3_cpgnRprtDwnldsLst>div:hover {
	background-color: #f7f7f7;
}

[data-report-of="1"] [data-t="aqfv"][data-f="userInteracted"][data-o="=="][data-v="interacted"] .c3_aqfv_del,
[data-report-of="1"] [data-t="aqfv"][data-f="userInteracted"][data-o="=="][data-v="dismissed"] .c3_aqfv_del,
[data-report-of="1"] [data-t="aqfv"][data-f="actionReached"][data-o="=="][data-v="reached"] .c3_aqfv_del {
	display: none;
}

.c3_int_download_axns{
	margin-top: 15px;
	border: 1px #8c8c8c dotted;
	padding: 15px;
}

.c3_int_ttlLbl{
	padding-bottom: 8px;
	line-height: 15px;
	color: var(--pg-ttl-c);
	font-size: 16px;
	font-weight: var(--pg-ttl-w);
}

.c3_int_mainLbl {
	font-size: 20px;
    color: #91c642;
}

.c3_int_secondaryLbl {
	font-weight: 600;
}

.c3_int_dl {
	padding: 15px;
}

.c3_intq_dh {
	width: 100%;
}


.c3_evtFSC_info {
	background-color: white;
	padding: 20px;
	border: 1px solid #ebebeb;
	box-shadow: 2px 2px 2px #999;
}

[data-report-of="1"] [data-t="aqsv"][data-v="actionReached"] .c3_aqsv_del,
[data-report-of="1"] [data-t="aqsv"][data-v="userInteracted"] .c3_aqsv_del {
	display: none;
}

.c3_evtFSC_infoUI .c3-ti {
	font-size: 14px;
}

.c3_int_dl [data-int-dl-state="1"] .c3_cpgn_dl_execute_btn {
	display: inline;
}

.c3_int_dl [data-int-dl-state="0"] .c3_cpgn_dl_execute_btn {
	display: none;
}

.c3_dh_minHt {
	min-height: 250px;
}

[data-forced-k="primary"] .c3_CGCustK {
	display: none;
}
.c3_moreOrLessLnk {
	color: var(--lnk-blue-c);
}
[data-cgf-expand="0"] .vCGF1 {
	display: none;
}
[data-cgf-expand="1"] .vCGF0 {
	display: none;
}
.c3_mOrLDots {
	color: #BDBDBD;
	align-self: flex-end;
}
.c3_CGForced[data-has-data="1"] .vCGFD {
	color: #555;
}
.c3_mOrLDotM {
	margin-left: 1px;
	margin-right: 1px;
}
.cgOn .c3_CG100 {
    display: none;
}

.c3_role_title {
    font-size: 15px;
    font-weight: 600;
    color: #555;
}
.c3_role_padding {
    padding: 6px 0px;
}
.c3_role_or{
	font-size: 14px;
	color: #000000db;
	border: 1px solid #e1e1e1;
	padding: 10px;
	border-radius: 3px;
	background-color: #f7f7f7;
}
.c3_role_desc, .c3_ro_lbl {
	font-size: 13px;
	font-weight: normal;
}
.c3_role_selectTitle {
	font-size: 17px;
	padding: 6px 0px;
	color: #0055a9;
}
.c3_role_separator, .c3_separator {
	border-bottom: 0.5px dashed #ddd;
}
.c3_role_permissionTxt{
	border: none;
	background-color: #fff;
	color: #0055a9;
}
.c3_role_permissionError {
	font-size: 15px;
	color: var(--c-warn);
	font-weight: bold;
	padding: 10px;
	border-radius: 3px;
}
.c3_role_permissionCont {
	padding: 0px 10px;
}
.c3_role_header {
	padding: 10px 0px 10px 28px;
	font-size: 15px;
	margin: 0;
	/* font-weight: 300; */
}

.c3_GFInfo {
	color: brown;
}
.gFenceMax1 {
	display: none;
}
[data-gf-max="1"] .gFenceMax0 {
	display: none;
}
[data-gf-max="1"] .gFenceMax1 {
	display: flex;
}

.c3_mAA_name {
	font-size: 17px;
	max-width: 200px;
	text-align: center;
}
.c3_mAA_box {
	margin: 10px 10px;
	margin-top: 10px !important;
	padding: 8px;
	height: 150px;
	cursor: pointer;
	background-color: var(--c-gray-10);
	border-radius: 4px;
	position: relative;
}
.c3_mAA_desc_c {
	background-color: var(--c-gray-10);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	text-align: center;
	font-size: 18px;
	border-radius: inherit;
}
.c3_mAA_box>.c3_mAA_desc_c{
	opacity: 0;
}
.c3_mAA_box:hover>.c3_mAA_desc_c{
	opacity: .95;
}
.c3_mAA_iconCont {
	width: 200px;
	height: 70px;
}
.c3_mAA_iconCont>img {
	height: 70px;
}
.c3_mAA_iconCont>img.c3_complogo{
	height: 55px;
}
.c3_mAA_iconCont>i {
	font-size: 55px;
}
.c3_mAA_iconCont>.ti-pulse {
	color: #d00000;
}
.c3_mAA_iconCont>.fa-code {
	color: #67b661;
}
.c3_mAA_iconCont>.fa-cloud {
	color: #abd6ff;
}
.c3_mAA_desc_in{
	margin: 12px;
	font-size: 13px;
}

.c3_cj_edit_action_item .c3_palette_box_item_fa {
	height: 84px;
}
.c3_PBIImg, .c3_cj_edit_action_item .c3_PBII {
	height: 50px;
}

[data-trg-conn="0"] .trigConn {
	display: none;
}
.c3_trgConnImg {
	width: 48px;
}
[data-trg-conn-suppr-r="1"] .trgSpprR {
	display: none;
}

[data-maa-filter-sel="widget"]>:not([data-group="widget"]) {
	display: none;
}
[data-maa-filter-sel="push"]>:not([data-group="push"]) {
	display: none;
}
[data-maa-filter-sel="generic"]>:not([data-group="generic"]) {
	display: none;
}
[data-maa-filter-sel="email"]>:not([data-group="email"]) {
	display: none;
}
.c3_mAA_name {
	font-family: Archivo Narrow;
}
.c3_maaTabs {
	font-size: 14px;
	padding-bottom: 15px;
}
.c3_maaTabs_i {
	padding: 17px 17px;
	font-weight: 600;
	color: rgba(128, 128, 128, 0.82);
	border: 1px solid rgba(192, 192, 192, 0.42);
	border-radius: 50%;
	font-size: 18px;
}
.c3_maaTab_lbl {
	color: #555;
	font-weight: 600;
}
.c3_maaTab_sel div:first-child{
	background-color: rgba(35, 155, 150, 0.87);
	font-weight: 600;
	color: white;
}

[data-seg-asiv="0"] {
	display: none;
}
.c3_tzLbl {
	color: #999;
}
.c3_tzV {
	color: rgba(0, 0, 0, .81);
}
.c3_tzCSeg {
	font-size: 90%;
}

[data-csi-is-index="1"] .c3_csiSelectOp option {
	display: none;
}
[data-csi-is-index="1"] .c3_csiSelectOp option[value="=="] {
	display: block;
}
.c3_pSchmIsIndex {
	display: none;
}
[data-pschm-attr-t="system:custom"] .c3_pSchmIsIndex {
	display: flex;
}

.c3_evtMgr_ttl {
	padding-bottom: 10px;
}
[data-os="android"] .c3_evtMgr_ttl,[data-os="ios"] .c3_evtMgr_ttl {
	border-bottom: 1px solid #efefef;
}

.c3_evtMgrTtlH {
	padding-bottom: 10px;
}

.c3_infoBox_infoCont {
	line-height: 1.6;
}

.c3_gf_radius {
	padding: 15px 20px;
}
.c3_gf_minRadDesc {
	padding: 0px 0px 15px 0px;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6;
}

.c3_uInfPWlcm {
	background-color: rgba(var(--z-p-c-b-p), .9);
	color: rgba(255, 250, 250, 0.81);
	padding: 15px 0px;
	font-size: 19px;
	font-weight: 300;
	border-radius: 3px;
}
.c3_uInfPName {
	color: snow;
	font-size: 110%;
	font-weight: 600;
}
.c3_homeOvSysSt {
	/* border-top: 1px solid var(--bdr-1-c);
	padding: 10px; */
	margin-bottom: 0;
}
.c3_HOvSSCol {
	width: 270px;
	height: 112px;
	left: 264px;
	top: 140px;
	background: #FFFFFF;
	/* Elevation/2 */
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px
		rgba(0, 0, 0, 0.25);
	border-radius: 8px;
}
.c3_HOvSSCol:last-child {
	margin-right: 0;
}
.c3_HOvSSR2 {
	color: rgba(var(--o-blue-c-p), .51);
	color: rgba(96, 96, 96, .81);
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -.5px;
}
.c3_HOvSSR1 {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	line-height: 40px;
	margin-top: 10px;
	text-align: center;
	color: var(--c-gray-110);
}
.c3_HOvSSR3 {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: var(--c-gray-110);
}
.c3_selBtnClr {
	color: var(--c-gray-10);
}
.c3_unSelBtnClr {
	color: var(--c-gray-100);
}
.c3_uInfPB .c3_HOvSSR3 {
	padding-top: 5px;
}
.c3_uInfPC1, .c3_uInfPC2 {
	padding: 10px;
}
.c3_uInfPC2 {
	background-color: ghostwhite;
}
.c3_uInfPH1 {
	font-size: 19px;
	font-weight: 600;
}
.c3_tags_codeLib, .c3_tags_help {
	padding: 15px 20px;
	/* margin: 3px; */
	border: 1px dotted #bebebe;
	border-radius: 5px;
	box-shadow: 0px 0px 4px 0px #ebebeb;
}
.c3_create_new_tag.c3_tag_choice {
	width: 280px;
	height: 370px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	-webkit-box-shadow: 0px 4px 12px 0px rgba(64, 64, 64, 0.13);
	-moz-box-shadow: 0px 4px 12px 0px rgba(64, 64, 64, 0.13);
	box-shadow: 0px 4px 12px 0px rgba(64, 64, 64, 0.13);
}
.c3_tag_choice_top {
	padding: 20px 25px 10px 25px;
	max-height: 220px;
	min-height: 220px;
}
.c3_tag_choice_btm {
	text-align: center;
	line-height: 1.8;
	color: #777;
	padding: 15px 20px;
	border-top: 1px dashed rgb(209, 206, 206);
	font-size: 13px;
	font-weight: initial;
}
.c3_tag_choice_top .c3_copySelect span {
	color: white;
}
.c3_create_new_tag.c3_tagCopyCont {
	cursor: default;
}
.c3_evtMgr_inner .c3_tagNoData {
	margin-bottom: 10px;
}
.c3_evtMgr_inner .c3_tagNoData>div {
	margin: 10px;
}
.c3_codeLib_descrCont {
	margin-bottom: 10px;
}

.c3_aq_popup_table {
	padding: 0px 15px;
}
.c3_aq_table_icon, .c3_incEvt_table_icon  {
	width: 45px;
	height: 62px;
	left: 2px;
	color: rgb(189, 223, 140);
	font-size: 30px;
}

.c3_tdf_prioritySel_title {
	clear: both;
	color: #7a8fa9;
	font-size: 13px;
	padding: 9px 0;	
}
.c3_tdf_priorityFld {
	background-color: #f4fbfd;
	color: #7d8b99;
	float: left;
	padding: 1px 3px;
	margin-right: 4px;
	margin-top: 2px;
	border-radius: 4px;
	font-size: 12px;
	border: solid thin #a9c6e2;
	word-break: break-all;
}

[data-et-enbl="0"] .etV {
 display: none;
}

[data-acl="1"] .c3_cj_params_cont_extra {
	display: none;
}

.c3_msg_2col_box .c3_lbl {
	color: #7a8fa9;
	font-weight: normal;
	font-size: 13px;
}

.c3_tglC1W {
	min-width: 32px;
	max-width: 32px;
	align-items: flex-start;
}

.c3_wpc_push {
	padding: 5px;
	height: 50px;
	width: 50px;
	object-fit: contain;
}
.c3_wpn_key_wpn_numbertext {
	font-size: 12px;
	letter-spacing: 2px;
}

.c3_cpgnAddSgmntsH {
	color: snow;
	background-color: #353535;
	padding: 15px;
	font-size: 19px;
	min-height: 100px;
	max-height: 200px;
}
.c3_cpgnAddSgmntsLI {
	min-height: 80px;
	max-height: 130px;
}
.c3_cpgnAddSgmntsLITtl {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.81);
}
.c3_cpgnAddSgmntsLIDscr {
	font-size: 12px;
	color: #616161;
	font-weight: 300;
}

.c3_mList_wrpr {
	display: grid;
	/* grid-gap: 20px; */
	column-gap: 40px;
	/* grid-auto-flow: dense; */
	justify-items: center;
	justify-items: stretch;
	align-items: stretch;
}

.c3_mList_1 {
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, min-content);
	grid-template-areas:
		"hd"
		"main"
		"main"
		"main"
		"main"
		"main"
		;
}
@media (min-width: 1275px) {
	.c3_mList_1.mult {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"hd hd"
			"main main"
			"main main"
			"main main"
			"main main"
			"main main"
			"main main"
			;
	}
}
.c3_mList>div {
	border-bottom: 1px solid rgba(204, 204, 204, 0.51);
}
.c3_mList>div:last-child {
	border-bottom: 0px;
}
.c3_mListI {
	padding: 15px 6px;
}
.c3_mListIIcn {
	font-size: 20px;
	font-style: normal;
	color: #9E9E9E;
}
.c3_mListIName {
	font-weight: 600;
	word-break: break-all;
}
.c3_mListIDescr {
	font-weight: 300;
}

.c3_allModels{
	position: relative;
	padding: 15px 15px 15px 0px;
}
.c3_modelTile {
	box-shadow: 1px 1px 5px 0px #ccc;
	border-radius: 3px;
	max-width: 450px;
	min-width: 350px;
	height: 220px;
}
.c3_modelTileCont {
	padding: 0px 15px 0px 0px;
	border-radius: 3px;
	background-color: var(--c-gray-10);
	height: 100%;
}
.c3_modelTileCont:hover {
	cursor:pointer;
}
.c3_mdlTtlNm {
	font-family: Roboto, 'Open Sans', system-ui;
	font-size: 20px;
}
.c3_mdlTtlDesc {
	font-weight: 600;
	font-size: 14px;
	color: #333
}
.c3_modelTile_outerCont {
	padding: 15px 0px;
}
.c3_mdlTileInfo {
	color: #555;
}
.c3_mdlTileState {
	width: 50px;
	padding: 15px 0px;
	border-radius: 3px 0px 0px 3px;
	color: white;
	font-size: 25px;
}
.c3_mdlTileState .ti-check {
	font-weight: 600px;
}
.c3_mdlReady{
	background-color: var(--c-success);
	color: white;
}
.c3_mdlTraining{
	background-color: var(--c-progress);
	color: white;
}
.c3_mdlOffline{
	background-color: gainsboro;
	color: #999;
}
.c3_mdlDV_sicon {
	width: 20px;
	height: 20px;
	border-radius: 2px;
}
.c3_mdlDV_lhs_s {
	letter-spacing: 0.5px;
}
.c3_mdlDV_bc_i_txth {
	font-weight: 600;
}
.c3_mdlDV_bc_i_txtb {
	font-size: 14px;
	line-height: 1.5;
}
.c3_mdlDV_bc_i_ic .ti-tag {
	color:black;
}
.c3_mdlTile_body {
	height: 100%;
}

.c3_waitBx {
	position: relative;
}
.c3_waitBx::before {
	position: absolute;
	content: " ";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: var(--c-gray-40);
}
.c3_lv2 .c3_waitBx::before {
	top: 16px;
	left: 16px;
	width: calc(100% - 32px);
	height: calc(100% - 32px);
}

.c3_custProfBx2 {
	min-width: 300px;
	max-width: 300px;
	background-color: white;
}
.c3_custProfBx1 {
	background-color: white;
}
.c3_custProfAxnIBtns {
	border-top: 1px solid #ebebeb;
}
.c3_custProfAxnIBtns i {
	font-size: 16px;
}
.c3_custProfAxnIBtns img {
	height: 32px;
}
.c3_custProfIBtnLbl {
	font-size: 10px;
	width: 50px;
}
.c3_custProfOLbl {
	color: #999;
}
.c3_auditActivity_b0, .c3_auditActStats {
	background-color: var(--c-gray-40);
}
.c3_auditActivity_b, .c3_cProfActSumBx {
	background-color: white;
}
.c3_auditActStats {
	min-width: 320px;
}
.c3_tblSrchWidth {
	min-width: 320px;
}
.c3_cProfActSumBxI {
	font-size: 32px;
}
.c3_AAI_action .c3_AAII {
	color: var(--c-blue-40);
}
.c3_AAIType {
	font-weight: 600;
}
.c3_AAILn {
	min-height: 10px;
}
.c3_AAIActI {
	opacity: .81;
}
.c3_AAIAxnI, .c3_AAIActI {
	width: 34px;
}
.c3_AAIAxnI>img {
	height: 21px;
}
.c3_AAIAxnI>i, .c3_AAIActI>i {
	font-size: 16px;
}
.c3_custProf_activitiesHC2 {
	background-color: gainsboro;
	padding: 4px;
}
.c3_custProf_activitiesIBtn {
	color: #42A5F5;
}
.c3_custProf_activitiesIBtnSel {
	color: black;
	background-color: #ebebeb;
}
.c3_cProfActSumBx2i1 {
	font-size: 19px;
	min-width: 80px;
	text-align: center;
}
.c3_AAIAxnLnk {
	font-size: 82%;
	color: var(--lnk-blue-c);
}
.c3_locHistDtDay {
	font-weight: 600;
	color: rgba(0, 0, 0, .81);
	margin: 20px 0 0 0;
}
.c3_locHistT {
	color: #999;
}
.c3_locHistDt:not(:first-child) {
	border-top: 1px solid var(--c-gray-70);
}
.c3_coarseLoc {
	padding: 1px 6px;
	background-color: antiquewhite;
}
.c3_locPin {
	color: royalblue;
}
.c3_custProfOV, .c3_custProfAvtrN {
	font-weight: 600;
}
.c3_AAICntLbl, .c3_AAICntV {
	color: var(--z-green-c);
	font-weight: 600;
}
.c3_map_lnk {
	text-decoration: none;
	color: var(--lnk-blue-c);
}

.c3_fltrCtrlBtn, .c3_ftrDataBtn {
	font-size: 15px;
	padding: 6px;
	width: 22px;
	height: 22px;
	color: var(--fltr-ctrl-btn-bg-c);
	background-color: var(--fltr-ctrl-btn-c);
	border: var(--fltr-ctrl-btn-bdr);
}
.c3_fltrCtrlBtn:first-child, .c3_ftrDataBtn:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
 .c3_fltrCtrlBtn:last-child {
	border-left: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.c3_fltrCtrlSel {
	z-index: 2;
}
.c3_fltrCtrl {
	position: relative;
}
.c3_fltrCtrlB {
	background-color: rgba(var(--o-blue-c-p), 0.06);
	border: var(--fltr-ctrl-bdr);
	border-radius: 2px;
	padding: 10px;
}
.c3_sort {
	background-color: white;
	padding: 15px;
	border: var(--fltr-ctrl-bdr);
}
.c3_fltrCtrlBH1 {
	font-size: 16px;
	color: rgba(0, 0, 0, .71);
	font-family: Roboto;
	font-weight: bold;
	letter-spacing: 1.8px;
}
.c3_fltrCtrlCat {
	padding: 4px 24px 4px 4px;
	border-right: 1px solid silver;
	/* flex: 2; */
	min-width: 150px;
}
.c3_fltrCtrlCat:last-child {
	border: 0px;
	flex: 1;
}
.c3_fltrCtrlBH2 {
	color: var(--fltr-ctrl-btn-bg-c, #007aff);
	text-transform: uppercase;
	min-height: 24px;
}
.c3_fltrCtrlSBtn {
	border: 1px solid silver;
	padding: 4px 6px;
	border-radius: 3px;
	font-size: 11px;
}
.c3_fltrCtrlCatH {
	font-weight: 500;
	padding: 6px 0px;
	font-size: 96%;
	color: #444054;
	font-family: Roboto;
}
.c3_fltrCtrlBOv {
	/*position: absolute;*/
	left: 0px;
	width: 100%;
	width: fill;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	width: stretch;
	z-index: 1;
}
.c3_sortOv {
	position: absolute;
	right: 0px;
	width: 260px;
	z-index: 9;
}
.c3_fltrCtrlBC {
	display: grid;
	grid-gap: 8px 6px;
	grid-template-columns: repeat(auto-fit, minmax(180px, auto));
	/* grid-template-columns: repeat(auto-fill, minmax(281px, auto)); */
}
.c3_fltrCtrlC {
	display: grid;
	grid-gap: 0px 40px;
	/*ltr*/
	/* grid-template-columns: repeat(auto-fill, minmax(60px, 120px)); */

	grid-auto-flow: column;
	grid-template-rows: repeat(auto-fill, minmax(20px, 30px));
	/*max-height: 120px;*/
	grid-template-rows: repeat(4, minmax(20px, 30px));
	grid-template-rows: repeat(4, minmax(24px, auto));
	align-items: start;
	grid-row-gap: 0px;
}
.c3_fltrCtrlSBtnLbl {
	color: var(--fltr-ctrl-btn-bg-c);
}
.c3_fltrCtrlLbl {
	font-size: 11px;
	font-weight: 400;
	color: #444054;
}

.c3_sortC1 {
	width: 30px;
}
.c3_sortC2 {
	padding: 6px 4px;
}
.c3_sortEl:hover {
	background-color: var(--c-gray-45);
}
.c3_sortElSel {
	background-color: var(--c-gray-45);
}
.c3_sortIcn {
	color: transparent;
}
.c3_sortElSel .c3_sortIcn {
	color: cornflowerblue;
}

.c3_ftrGlryI {
	position: relative;
	width: var(--ftr-glry-itm-w);
	height: var(--ftr-glry-itm-h);
	/*border: var(--ftr-glry-itm-bdr-sz) solid #E9E9E9;*/
	padding: var(--ftr-glry-itm-pd);
	margin: var(--ftr-glry-itm-m);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
	background-color: white;
	border-radius: var(--ftr-glry-itm-br);
}
.c3_ftrGlryI2 {
	height: var(--ftr-glry-itm-h2);
	border: 1px solid var(--bdr-4-c);
	box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.09);
}
.c3_ftrGlryI.tps {
	box-shadow: 0px 2px 6px 0px rgba(3, 169, 244, .6);
}

.c3_ftrGlryIFR {
	cursor: auto;
}

.c3_tglC1W {
	min-width: 32px;
	max-width: 32px;
	align-items: flex-start;
}
.c3_cpgnAddSgmntsH {
	color: snow;
	background-color: #353535;
	padding: 15px;
	font-size: 19px;
	min-height: 100px;
	max-height: 200px;
}
.c3_ftrGlryI.inactive {
	border-color: transparent;
	background-color: #f7f7f7;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
}
.c3_ftrGlryIH {
	position: relative;
	min-height: var(--ftr-glry-itmh-h);
	max-height: var(--ftr-glry-itmh-h);
	/* padding: var(--ftr-glry-itmbx-pd); */
}
.c3_ftrGlryIH2 {
	min-height: var(--ftr-glry-itmh-h2);
	max-height: var(--ftr-glry-itmh-h2);
	padding: var(--ftr-glry-itmbx-pd);
}
.c3_ftrGlryIB {
	position: relative;
	padding: 12px var(--ftr-glry-itmbx-pd);
	padding: 4px var(--ftr-glry-itmbx-pd) 8px var(--ftr-glry-itmbx-pd);
}
.c3_ftrGlryI2 .c3_ftrGlryIB {
	padding: 0px var(--ftr-glry-itmbx-pd);
	height: 50px;
}
.c3_ftrGlryIF {
	padding: var(--ftr-glry-itmbx-pd);
}
.c3_mdCardImgWrp {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
}
.c3_mdCardImgWrp2 {
	width: 100px;
	padding: 0px 4px 0px 9px;
}
.c3_mdCardImg {
	width: var(--ftr-glry-itm-w);
	height: auto;
}
.c3_mdCardImgWrp2 .c3_mdCardImg {
	width: 90px;
	height: auto;
}
.c3_mdCardIcn {
	font-size: 72px;
	color: #999;
}

.c3_grdImgBg {
	--ptrn1: rgba(2,0,36,1);
	--ptrn2: rgba(9,9,121,1);
	--ptrn3: rgba(0,212,255,1);

}
[data-grd-status="Draft"] .c3_grdImgBg {
	--ptrn1: #fb1;
	--ptrn2: rgba(240,166,17,0);
	--ptrn3: rgb(187, 119, 17);
}
.c3_grdImgBg {
	/* background: var(--ptrn1); */
	/* background: linear-gradient(90deg, var(--ptrn1) 0%, var(--ptrn2) 35%, var(--ptrn3) 100%); */
	background-color: rgba(152, 223, 138, 0.19);
}
[data-glry-m-type="experience"] .c3_mdCardBGPtrn,
[data-glry-m-type="segment"] .c3_mdCardBGPtrn,
[data-glry-m-type="trigger"] .c3_mdCardBGPtrn {
	background:
		radial-gradient(circle farthest-side at 0% 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,
		radial-gradient(circle farthest-side at 0% 50%,#B71 24%,rgba(240,166,17,0) 0)19px 30px,
		linear-gradient(#fb1 14%,rgba(240,166,17,0) 0, rgba(240,166,17,0) 85%,#fb1 0)0 0,
		linear-gradient(150deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
		linear-gradient(30deg,#fb1 24%,#B71 0,#B71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#B71 0,#B71 76%,#fb1 0)0 0,
		linear-gradient(90deg,#B71 2%,#fb1 0,#fb1 98%,#B71 0%)0 0 #fb1;
	background-size: 40px 60px;
}
[data-glry-m-type="actiontemplate"] .c3_mdCardBGPtrn {}
.c3_ftrGlryITtl, .c3_grdITtl, .c3_axSGrdITtl {
	color: rgba(0, 0, 0, .81);
	font-size: 16px;
	font-weight: 600;
	font-family: Roboto, 'Open Sans';
	line-height: 22px;
	letter-spacing: .5px;
}
.c3_ftrGlryITtl2 {
	color: var(--z-blue-c);
}
.c3_ftrGlryIDescr, .c3_ftrGlryIDescr2, .c3_grdIDescr, .c3_axSGrdIDescr, .c3_grdDescLbl {
	color: rgba(0, 0, 0, .71);
	/* color: rgba(68, 64, 84, .7); */
	font-family: Roboto, 'Open Sans';
	font-size: 14px;
	font-weight: 400;
}
.c3_ftrGlryIDescr2 {
	padding: 0 10px;
	line-height: 19px;
}
.c3_ftrGlryIDescr, .c3_axSGrdIDescr, .c3_grdIDescr {
	text-align: center;
	color: rgba(68,64,84,1);
	background-color: rgba(208,210,234,0.91);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,0.08);
	z-index: 3;
	opacity: 0;
}
.c3_ftrGlryIDescr {
	position: absolute;
	top: 0;
	/* height: var(--ftr-glry-itmh-h); */
	/* width: var(--ftr-glry-itm-w); */
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding: var(--grd-itm-pd);
}
.c3_axSGrdIDescr, .c3_grdIDescr {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.c3_ftrGlryIDescr:hover, .c3_axSGrdIDescr:hover,
	.c3_grdIDescr:hover {
	opacity: 1;
}
.c3_ftrGlryIBk {
	font-size: 21px;
	color: cornflowerblue;
}
.c3_ftrGlryIDtlBtnLbl {
	text-transform: uppercase;
}
.c3_ftrGlryIBLblW {
	z-index: 3;
}
.c3_ftrGlryIBLbl {
	position: absolute;
	right: var(--ftr-glry-itm-pd);
	top: calc(var(--ftr-glry-itm-pd) + 4px);
	padding: 3px 6px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	letter-spacing: .4px;
	font-family: Roboto;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	background-color: #ffa000;
}
.c3_ftrGlryI2 .c3_ftrGlryIBLbl {
	top: calc(var(--ftr-glry-itm-pd) + 6px);
	top: 13px;
}
.c3_ftrGlryIBLbl.ML, .c3_ftrGlryIBLbl.ACTION {
	background-color: #8bc34a;
}
.c3_ftrGlryIBLbl.CUSTOM {
	background-color: #c2185b;
}
.c3_fGlryITagsignal {}
.c3_fGlryITagml {
	background-color: #5E2538;
}
.c3_fGlryITagc1 {
	background-color: #c2185b;
}
.c3_fGlryITagOOTB {
	background-color: #ffa000;
}
.c3_ftrGlryVer, .c3_ftrGlryUpd {
	color: rgba(0,0,0,.81);
	font-family: Roboto;
	font-weight: 300;
	height: 29px;
}
.c3_ftrGlryVerLbl, .c3_ftrGlryUpdLbl {
}
.c3_ftrGlryVerV, .c3_ftrGlryUpdV {
}
.c3_ftrGlryBdr {
	border-top: 1px solid #ebebeb;
	height: 0px;
	margin: 0 var(--ftr-glry-itmbx-pd);
}

.c3_ftrGlryB {
	display: grid;
	grid-gap: var(--ftr-glry-gap);
	grid-template-columns: repeat(auto-fill, minmax(var(--glry-itm-w), var(--glry-itm-w)));
	grid-template-rows: max-content;
	justify-content: space-evenly;
	justify-content: flex-start;
	padding: var(--ftr-glry-pd);
}

.c3_tilesG {
	--ftr-glry-itm-w: 170px;
	--ftr-glry-itm-h: 190px;
	display: grid;
	grid-row-gap: var(--ftr-glry-gap);
	grid-column-gap: var(--ftr-glry-gap);
	grid-template-columns: repeat(auto-fill, minmax(var(--ftr-glry-itm-w), var(--ftr-glry-itm-w)));
	grid-template-rows: max-content;
	justify-content: flex-start;
}

.c3_tileBx {
	--ftr-glry-itm-w: 170px;
	--ftr-glry-itm-h: 190px;
	cursor: pointer;
	position: relative;
	width: var(--ftr-glry-itm-w);
	height: var(--ftr-glry-itm-h);
	border: var(--ftr-glry-itm-bdr-sz) solid #E9E9E9;
	padding: var(--ftr-glry-itm-pd);
	margin: var(--ftr-glry-itm-m);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
	background-color: white;
}
.c3_tileBx2 {
	padding: 10px;
}
.c3_tileBxH {
	height: 30px;
}
.c3_tileBxTtl {
	color: rgba(0, 0, 0, .81);
	font-size: 16px;
	font-weight: 600;
	font-family: Roboto, 'Open Sans';
	line-height: 22px;
	letter-spacing: .5px;
}
.c3_tileBxDesc {
	font-size: 12px;
	font-family: Roboto;
	color: rgba(68, 64, 84, .7);
}

.c3_mdlALICat, .c3_mdCfgsVI, .c3_expTPrevI {
	border-top: 1px solid rgba(204, 204, 204, 0.51);
	padding-top: 6px;
	padding-bottom: 6px;
}
.c3_mdCfgsVI {
	font-size: 14px;
}
.c3_expTPrevI {}
.c3_mdlALICat:first-child, .c3_mdCfgsVI:first-child
.c3_expTPrevI:first-child {
	border-top: 1px solid transparent;
}
.c3_mdCfgsVIC1, .c3_expTPrevH {
	width: 250px;
}

.c3_mdDtlC1 {
	grid-area: mdDtlC1;
}
.c3_mdDtlC2 {
	grid-area: mdDtlC2;
}
.c3_mdOv {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: var(--bdr-1-05);
}
.c3_mdCrsl {
	/*max-height: var(--md-crsl-mx-h);*/
	min-height: var(--md-crsl-mn-h);
	margin-bottom: 25px;
}
.c3_mdDtlAL {
}
.c3_mdDtlExps {
	border-bottom: var(--bdr-1-05);
}
.c3_mdDtlGoals {
}
.c3_mdDtlB {
	display: grid;
	grid-column-gap: 25px;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-template-areas:
		"mdDtlC1"
		"mdDtlC2"
		;
}
@media (min-width: 1200px) {
    .c3_mdDtlB {
        grid-template-columns: auto 378px;
        grid-template-areas:
            "mdDtlC1 mdDtlC2"
            ;
    }
}
@media (min-width: 1287px) {
    .c3_mdDtlB {
        grid-template-columns: auto 455px;
    }
}
@media (min-width: 1487px) {
    .c3_mdDtlB {
        grid-template-columns: auto 655px;
    }
}

.c3_moduleCfgName {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, .81);
}
.c3_moduleCfgDescr {
	color: rgba(0, 0, 0, .71);
}

.c3_mdCrsl .c3_solnTemplScr_reel,
.c3_mdCrsl .c3_solnTemplScrArrow {
	opacity: 0;
}
.c3_mdCrsl .c3_solnTemplScr:hover .c3_solnTemplScr_reel,
.c3_mdCrsl .c3_solnTemplScr:hover .c3_solnTemplScrArrow {
	opacity: 1;
}
.c3_mdCrsl .c3_solnTemplScr_reel {
	background-color: rgba(255, 255, 255, .02);
	height: 72px;
	margin-top: -60px;
	z-index: 10;
}
.c3_mdCrsl .c3_solnTemplScrArrow:first-child {
	margin-right: -46px;
	z-index: 10;
}
.c3_mdCrsl .c3_solnTemplScrArrow:last-child {
	margin-left: -46px;
	z-index: 10;
}
.c3_mdCrslReel:before {
	color: rgba(255, 255, 255);
	font-weight: bold;
	font-size: 12px;
}
.c3_reelDvSel:before {
	color: rgba(255, 255, 255);
	border-radius: 50%;
	background-color: rgba(255, 255, 255);
	font-size: 10px;
}
.c3_mdCrslDefImg {
	font-size: 128px;
	color: slategray;
}

.c3_mArtR {
	border-bottom: 1px solid rgba(223, 223, 223, 0.5);
	padding: 4px 0px;
}
.c3_mArtR:last-child, .c3_mArtR:only-child {
    border-bottom-color: transparent;
}
/*.c3_mArtR .c3_seg_activity_v_r {
	border-top: 1px solid rgba(223, 223, 223, 0.5);
	border-bottom: 0px;
}*/
.c3_mArtR .c3_seg_activity_v_r:first-child {
	border: 0px;
}

.c3_mdDtlExps, .c3_mdDtlGoals, .c3_mdDtlComponents,
.c3_expMdPrev .c3_mdDtlCfgsV, .c3_mdPrevCTestIn
{
	padding: 15px 12px;
	padding: var(--bx-pd);
	background-color: var(--md-bx-bg-c);
}
.c3_mdDtlComponents {
	border-top: 1px solid rgba(223, 223, 223, 0.5);
}
.c3_mdPrev .c3_mdDtlComponents,
.c3_expMdPrev .c3_mdDtlCfgsV,
.c3_expMdPrev .c3_modExpCfgsV
{
	padding: 0px;
	background-color: white;
	border-top-color: transparent;
}
.c3_mdPrev .c3_modCmpntsB,
.c3_mdPrev .c3_modExpCfgsVB {
	padding: var(--bx-pd);
	background-color: var(--md-bx-bg-c);
}
.c3_mdExpItem, .c3_mdGItem {
	display: list-item;
	list-style-type: disc;
	margin-left: 1.3em;
}
.c3_mdOvB, .c3_mdExpItem, .c3_mdGItem  {
	font-size: 14px;
}
.c3_mArtCatLbl, .c3_mdCfgsVIC1, .c3_mdlALICatH,
.c3_expTPrevH {
	font-family: Roboto;
	font-size: 14px;
	color: var(--md-bx-itm-k-c);
	text-transform: capitalize;
}
.c3_mArtCatLbl {
	width: 100px;
}
.c3_mdCfgsVIC2 {
    overflow-wrap: anywhere;
}
.c3_mArtR .c3_asi_v_c1_and, .c3_mArtR .c3_asi_v_c1_or {
	font-size: var(--andOr-f-sz-exp);
	font-weight: var(--andOr-f-wt-exp);
}
.c3_entercriteria_v_c1 {
	align-items: flex-start;
}
.c3_sca_readOnly .c3_sca_f {
	display: none;
}
.c3_ruK,
.c3_mArtR .c3_seg_activity_v_r,
.c3_mArtR .c3_csi_readOnly_cont,
.c3_mArtR .c3_sca_readOnly_cont,
.c3_mArtR .c3_editSegm_device_lbl {
	color: rgb(38, 35, 46);
	font-size: 14px;
	font-weight: 400;
	/*font-family: Archivo Narrow;*/
}
.c3_ruV,
.c3_mArtR .c3_csi_readOnly_bx_value {
	font-family: monospace;
	padding: 2px;
	background-color: floralwhite;
	background-color: rgba(211, 211, 211, 0.35);
}
.c3_mArtR .c3_andOr_ro, .c3_ePtrnISep {
	color: var(--andOr-c-exp);
	font-size: var(--andOr-f-sz-exp);
	font-weight: var(--andOr-f-wt-exp);
}
.c3_varRef {
}
.c3_varRef2 {
}
.c3_mdDtlComponents .c3_moduleCfgName {
	text-align: right;
}
.c3_mdDtlComponents .c3_moduleCfgDescr {
	text-align: right;
	display: none;
}
.c3_dtlsMd .c3_dtlsH::-webkit-details-marker,
.c3_dtlsMd .c3_dtlsH::marker {
	color: rgba(0, 0, 0, 0.6);
}

.c3_t2 {
	font-family: Roboto;
	font-weight: 700;
	font-size: 20px;
	color: #26232E;
	letter-spacing: 0.25px;
	line-height: 24px;
}
.c3_t3 {
	font-family: Roboto;
	font-weight: 700;
	font-size: 16px;
	color: #26232E;
	letter-spacing: 0.25px;
	line-height: 24px;
}
.c3_t4 {
	font-family: Roboto;
	font-weight: 600;
	font-size: 13px;
	color: rgba(38, 35, 46, .9);
	letter-spacing: 0.25px;
	line-height: 19px;
}
.c3_t5 {
	font-family: Roboto;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: var(--c-gray-110);
}
.c3_t6 {
	font-family: Roboto;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
	color: var(--c-gray-110);
}

.c3_lvBdy {
	/*align-items: flex-start;*/
	position: relative;
}
.c3_lvT {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: stretch;
	flex: 1;
	border: 1px solid #ebebeb;
	position: relative;
}
.c3_lv2 .c3_lvT {
	border-color: var(--lv2-bdr-c);
}
.c3_lvNW[data-lv-t-wide="1"] .c3_lvT {
	align-self: flex-start;
}
.c3_lvNoSideBdr .c3_lvT {
	border-left-color: transparent;
	border-right-color: transparent;
}
.c3_lvNoBottomBdr .c3_lvT {
	border-bottom-color: transparent;
}
.c3_lvNoTopBdr .c3_lvT {
	border-top-color: transparent;
}
.c3_lvRw, .c3_lvRw2 {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	padding-top: 5px;
	padding-bottom: 5px;
}
.c3_lvRw2 {
	padding-top: 8px;
	padding-bottom: 8px;
}
.c3_lvRw2:hover {
	box-shadow: inset 0 0 0 1px var(--litepicker-day-color-hover);
	cursor: pointer;
}
.c3_lvRw2_sel {
	background-color: var(--c-blue-11);
	border-radius: 100px 100px 100px 100px;
}
.c3_lv2 .c3_lvRw {
	padding-top: 0px;
	padding-bottom: 0px;
}
.c3_lvR {
	color: #4F5C72;
	border-bottom: 1px solid rgba(216, 221, 230, 0.62);
}
.c3_lvR:last-child {
	border-bottom: 1px solid transparent;
}
.c3_lv2 .c3_lvRw_bxShdo_0b {
	--lv2-tr-box-shdo: none;
}
.c3_lv2 .c3_lvR {
	border-bottom: 0px;
	box-shadow: var(--lv2-tr-box-shdo);
}
.c3_lv2 .c3_lvR:last-child {
	border-bottom: 0px;
	box-shadow: unset;
}
.c3_lvR:nth-child(odd) {
	background-color: var(--tr-bg-o-c);
}
.c3_lv2R:nth-child(odd) {
	background-color: var(--tr-bg-e-c);
}
.c3_lvR:nth-child(even) {
	background-color: var(--tr-bg-e-c);
}
.c3_lv2 .c3_lvRSel {
	background-color: var(--c-gray-40);
	box-shadow: inset 0px -1px 0px var(--c-gray-50);
}
.c3_lvHvr .c3_lvR:hover {
	background-color: var(--c-gray-40);
}
.c3_lvRH {
	/*background-color: #D4E9F0;*/
	font-size: 12px;
	font-weight: 600;
	font-family: Roboto;
	color: rgb(38, 35, 46);
	border-bottom: var(--lv-th-bdr-btm);
	border-radius: var(--lv-th-bdr-rad);
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: var(--lv-th-bg-c);
}
.c3_lvRH_litePicker {
	font-size: 1em;
	border: transparent;
}
.c3_lv2 .c3_lvRH {
	border-bottom: 1px solid rgba(216, 221, 230, 0.62);
	font-size: 14px;
}
.c3_lvCH {
	position: relative;
}
.c3_lvCHSrtI {
	color: var(--c-gray-100);
	width: 8.75px;
}
.c3_lvCHIn {
}
.c3_lvCl {
	overflow: hidden;
	padding: var(--lv-cl-pd-v) var(--lv-cl-pd-h);
}
.c3_lvCl_roundLeft {
	background-color: var(--c-pill-bg-color);
	border-radius: 100px 0px 0px 100px;
	margin: -7px 0;
}
.c3_lvCl_roundRight {
	background-color: var(--c-pill-bg-color);
	border-radius: 0 100px 100px 0;
	margin: -7px 0;
}
.c3_lvCl_leftEdgeBand {
	width: 6px;
	top: 4px;
	bottom: 4px;
	left: 0;
}
.c3_lv2 .c3_lvCl {
	padding: var(--lv2-cl-pd-v) var(--lv2-cl-pd-h);
}
.c3_lv2 .c3_lvCl_icn {
	padding-left: var(--lv2-cl-pd-h-icn);
	padding-right: var(--lv2-cl-pd-h-icn);
}
.c3_lv2 .c3_lvCl_pd_10 {
	padding: 10px;
}
.c3_lvCl_pd_hx {
	padding-left: var(--lv-cl-pd-h-x);
	padding-right: var(--lv-cl-pd-h-x);
}
.c3_lv_pd_h2 {
	padding-left: 2px;
	padding-right: 2px;
}
.c3_lv_pd_h0 {
	padding-left: 0px;
	padding-right: 0px;
}
.c3_lv_pd_v0 {
	padding-top: 0px;
	padding-bottom: 0px;
}
.c3_lvNoSideBdr .c3_lvCl:first-child {
	padding-left: var(--lv-cl-edge-pd-h);
}
.c3_lvNoSideBdr .c3_lvCl:last-child {
	padding-right: var(--lv-cl-edge-pd-h);
}

.c3_lv2 .c3_lvCl {
	font-size: var(--lv2-cl-ft-sz);
	line-height: var(--lv2-cl-lnh);
	color: var(--lv2-cl-c);
}
.c3_lvCl.c3_lh15 {
	line-height: 15px;
}
.c3_lvC1Sticky {
	z-index: 10;
	background-color: var(--c-gray-0);
	left: 0;
	position: sticky;
}
.c3_lvClStkyD {
	box-shadow: var(--lv2-tr-box-shdo);
}
.c3_lvR:last-child .c3_lvClStkyD {
	box-shadow: unset;
}

.c3_lv_date_s {
	min-width: var(--lv-c-date-s);
	max-width: var(--lv-c-date-s);
}
.c3_lv_date_ts {
	min-width: var(--lvt-date-ts-w);
	max-width: var(--lvt-date-ts-w);
}
.c3_lv_icn_20, .c3_lv_icn_20_1x {
	min-width: var(--lv-c-icn-20);
	max-width: var(--lv-c-icn-20);
}
.c3_lv_icn_20_2x {
	min-width: calc(2*(var(--lv-c-icn-20)) + 16px);
	max-width: calc(2*(var(--lv-c-icn-20)) + 16px);
}
.c3_lv_icn_20_3x {
	min-width: calc(3*(var(--lv-c-icn-20)) + 2*16px);
	max-width: calc(3*(var(--lv-c-icn-20)) + 2*16px);
}
.c3_lv_icn_26, .c3_lv_icn_26_1x {
	min-width: var(--lv-c-icn-26);
	max-width: var(--lv-c-icn-26);
}
.c3_lv_icn_26_2x {
	min-width: calc(2*(var(--lv-c-icn-26)) + 16px);
	max-width: calc(2*(var(--lv-c-icn-26)) + 16px);
}
.c3_lv_icn_26_3x {
	min-width: calc(3*(var(--lv-c-icn-26)) + 2*16px);
	max-width: calc(3*(var(--lv-c-icn-26)) + 2*16px);
}
.c3_lv_text_xs {
	min-width: var(--lv-c-txt-xs);
	max-width: var(--lv-c-txt-xs);
}
.c3_lv_text_s {
	min-width: var(--lv-c-txt-s);
	max-width: var(--lv-c-txt-s);
}
.c3_lv_text_s2 {
	min-width: var(--lv-c-txt-s2);
	max-width: var(--lv-c-txt-s2);
}
.c3_lv_text_s3 {
	min-width: var(--lv-c-txt-s3);
	max-width: var(--lv-c-txt-s3);
}
.c3_lv_text_s4 {
	min-width: var(--lv-c-txt-s4);
	max-width: var(--lv-c-txt-s4);
}
.c3_lv_text_m {
	min-width: var(--lv-c-txt-m);
	max-width: var(--lv-c-txt-m);
}
.c3_lv_text_m2 {
	min-width: var(--lv-c-txt-m2);
	max-width: var(--lv-c-txt-m2);
}
.c3_lv_text_m.c3_lvCl_pd_hx {
	min-width: var(--lv-c-txt-m-hx);
	max-width: var(--lv-c-txt-m-hx);
}
.c3_lv_text_l {
	min-width: var(--lv-c-txt-l);
	max-width: var(--lv-c-txt-l);
}
.c3_lv_text_l2 {
	min-width: var(--lv-c-txt-l2);
	max-width: var(--lv-c-txt-l2);
}
.c3_lv_text_xl {
	min-width: var(--lv-c-txt-xl);
	max-width: var(--lv-c-txt-xl);
}
.c3_lv_text_xxl {
	min-width: var(--lv-c-txt-xxl);
	max-width: var(--lv-c-txt-xxl);
}
.c3_lv_text_xxxl {
	min-width: var(--lv-c-txt-xxxl);
	max-width: var(--lv-c-txt-xxxl);
}
.c3_lv_text_4xl {
	min-width: var(--lv-c-txt-4xl);
	max-width: var(--lv-c-txt-4xl);
}
.c3_lv_text_fx1m {
	min-width: var(--lv-c-txt-fx1m);
}
.c3_lv_btns_s {
	min-width: var(--lv-c-btns-s);
	max-width: var(--lv-c-btns-s);
}
.c3_lv_btns_m {
	min-width: var(--lv-c-btns-m);
	max-width: var(--lv-c-btns-m);
}
.c3_lvPrevImg {
	max-width: 260px;
}
.c3_lvTag {
	background-color: orange;
	color: white;
	border-radius: 2px;
	padding: 2px 6px;
	font-size: var(--lv-tag-ft-sz);
	margin: 2px;
	letter-spacing: .4px;
	text-transform: uppercase;
}
.c3_lvTagGrd {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.c3_lvTag:first-child {
	margin-left: 0px;
}
.c3_lvTag:last-child {
	margin-right: 0px;
}
.c3_lvTag:only-child {
	margin: 0px;
}
.c3_lvTagcampaign {
	background-color: #ffa000;
}
.c3_lvTagcampaignonce {
	background-color: #c2185b;
}
.c3_lvTagTRIGGERED {
	background-color: #ffa000;
}
.c3_lvTagSCHEDULED {
	background-color: #c2185b;
}
.c3_lvTagACTIVITY {
	background-color: #8bc34a;
}
.c3_lvTagWEATHER {
	background-color: #c2185b;
}
.c3_lvTagPATTERN {
	background-color: #8bc34a;
}
.c3_lvTagLOCATION {
	background-color: #ffa000;
}
.c3_lvTagDYNAMIC {
	background-color: #ffa000;
}
.c3_lvTagUPLOADED {
	background-color: #c2185b;
}
.c3_lvTagML {
	background-color: #5E2538;
}
.c3_lvTagOTHER {
	background-color: cornflowerblue;
}

.c3_lvBtn_i {
	font-size: 15px;
	opacity: .5;
}
.c3_lvBtn_i:hover {
	opacity: 1;
}
.c3_grdBtn_i {
	opacity: .5;
}
.c3_grdBtn_i:hover {
	opacity: 1;
}

.c3_lvTtl {
}

.c3_lv_x {
	max-width: initial;
}
.c3_lv_x1 {
	flex: 1;
}
.c3_lv_x2 {
	flex: 2;
}
.c3_lv_x3 {
	flex: 3;
}

.c3_lvClG {
	display: flex;
	flex-flow: row nowrap;
	/*align-items: center;*/
}
.c3_lvT_ml .c3_lvClG1 {
}
.c3_lvT_segment .c3_lvClG1 {
}
.c3_lvT_experience .c3_lvClG1 {
}
.c3_lvT_segmentUl .c3_lvClG1 {
}

/* max-width */
@media screen and (max-width: 962px) {
	.c3_expSmryLv .c3_lvRw {
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 1134px) {
	.c3_lvT_sharedDashboard .c3_lvRw,
	.c3_lvT_sharedWithMeDashboard .c3_lvRw {
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 1205px) {
	.c3_lvT_signals .c3_lvClG1 {
		flex-flow: column nowrap;
	}
	.c3_lvT_signals .c3_lvClGD {
		font-size: 11px;
	}
}
@media screen and (max-width: 1290px) {
	.c3_lvT_sharedDashboard .c3_lvClG1,
	.c3_lvT_sharedWithMeDashboard .c3_lvClG1 {
		flex-flow: column nowrap;
	}
	.c3_lvT_sharedDashboard .c3_lvClGD,
	.c3_lvT_sharedWithMeDashboard .c3_lvClGD {
		font-size: 11px;
	}
}
@media screen and (max-width: 1361px) {
	.c3_lvT_segmentUl .c3_lvRw {
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 1362px) {
	.c3_lvT_chart .c3_lvClG1 {
		flex-flow: column nowrap;
	}
	.c3_lvT_chart .c3_lvClGD {
		font-size: 11px;
	}
	.c3_lvT_dashboard .c3_lvClG1 {
		flex-flow: column nowrap;
	}
	.c3_lvT_dashboard .c3_lvClGD {
		font-size: 11px;
	}
}

@media screen and (max-width: 1366px) {
	.c3_lvIncEvts .c3_lvRw {
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 1371px) {
	.c3_prioTILv .c3_lvRw {
		flex-flow: row wrap;
	}
}
@media screen and (max-width: 1517px) {
	.c3_lvT_segmentUl .c3_lvClG1 {
		flex-flow: column nowrap;
	}
	.c3_lvT_segmentUl .c3_lvClGD {
		font-size: 11px;
	}
}
@media screen and (max-width: 1537px) {
	.c3_lvT_ml .c3_lvClG1 {
		flex-flow: column nowrap;
	}
	.c3_lvT_ml .c3_lvClGD {
		font-size: 11px;
	}
}
@media screen and (max-width: 1920px) {
	.c3_lv2 .c3_lvT_campaign .c3_lvRw {
		flex-flow: row wrap;
	}
	.c3_lv2 .c3_lvT_c1 .c3_lvRw {
		flex-flow: row wrap;
	}
	.c3_lv2 .c3_lvT_triggers .c3_lvRw {
		flex-flow: row wrap;
	}
}

/* min width screen */
@media screen and (min-width: 962px) {
	.c3_lvExpTE .c3_lv_textExp_xxxl {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvExpTE .c3_lv_textExp_l {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvExpTE .c3_lv_date_ts {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvExpTE .c3_lv_textExp_m {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvExpTE .c3_lv_textExp_s3 {
		min-width: var(--lv-c-txt-s);
		max-width: var(--lv-c-txt-s);
	}
	.c3_lvExpTE .c3_lv_textExp2_s3 {
		min-width: var(--lv-c-txt-s);
		max-width: var(--lv-c-txt-s);
	}
	.c3_lvExpTE .c3_lv_textExp_s {
		min-width: var(--lv-c-txt-xs);
		max-width: var(--lv-c-txt-xs);
	}
	.c3_expSmryLv .c3_lv_name_xxl {
		min-width: var(--lv-c-txt-l);
		max-width: var(--lv-c-txt-l);
	}
	.c3_expSmryLv .c3_lv_name_text_m {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvT_triggers .c3_lv_name_xxxl {
		min-width: var(--lv-c-txt-l);
		max-width: var(--lv-c-txt-l);
	}
	.c3_lvT_triggers .c3_lv_name_l {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvT_triggers .c3_lv_name_m {
		min-width: var(--lv-c-txt-s3);
		max-width: var(--lv-c-txt-s3);
	}
}
@media screen and (min-width: 1540px) {
	.c3_lvExpTE .c3_lv_textExp_xxxl {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvExpTE .c3_lv_textExp_m {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvExpTE .c3_lv_textExp2_s3 {
		min-width: var(--lv-c-txt-s);
		max-width: var(--lv-c-txt-s);
	}
	.c3_expSmryLv .c3_lv_name_xxl {
		min-width: var(--lv-c-txt-xxl);
		max-width: var(--lv-c-txt-xxl);
	}
	.c3_lvT_triggers .c3_lv_name_xxxl {
		min-width: var(--lv-c-txt-xxl);
		max-width: var(--lv-c-txt-xxl);
	}
}
@media screen and (min-width: 1600px) {
	.c3_lvExpTE .c3_lv_textExp_xxxl {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvExpTE .c3_lv_textExp_l {
		min-width: var(--lv-c-txt-m2);
		max-width: var(--lv-c-txt-m2);
	}
	.c3_lvExpTE .c3_lv_textExp_m {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvExpTE .c3_lv_textExp2_s3 {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvExpTE .c3_lv_textExp_s3 {
		min-width: var(--lv-c-txt-s3);
		max-width: var(--lv-c-txt-s3);
	}
	.c3_lvExpTE .c3_lv_textExp_s {
		min-width: var(--lv-c-txt-s);
		max-width: var(--lv-c-txt-s);
	}
	.c3_expSmryLv .c3_lv_name_text_m {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_expSmryLv .c3_lv_sumLift_s3 {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvT_triggers .c3_lv_name_xxxl {
		min-width: var(--lv-c-txt-xxxl);
		max-width: var(--lv-c-txt-xxxl);
	}
	.c3_lvT_triggers .c3_lv_name_l {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
}
@media screen and (min-width: 1720px) {
	.c3_lvExpTE .c3_lv_textExp_xxxl {
		min-width: var(--lv-c-txt-l);
		max-width: var(--lv-c-txt-l);
	}
	.c3_lvExpTE .c3_lv_date_ts {
		min-width: var(--lv-c-txt-m2);
		max-width: var(--lv-c-txt-m2);
	}
	.c3_lvExpTE .c3_lv_textExp_m {
		min-width: var(--lv-c-txt-s2);
		max-width: var(--lv-c-txt-s2);
	}
	.c3_lvExpTE .c3_lv_textExp2_s3 {
		min-width: var(--lv-c-txt-s3);
		max-width: var(--lv-c-txt-s3);
	}
	.c3_expSmryLv .c3_lv_name_xxl {
		min-width: var(--lv-c-txt-xxxl);
		max-width: var(--lv-c-txt-xxxl);
	}
	.c3_expSmryLv .c3_lv_sumLift_s3 {
		min-width: var(--lv-c-txt-l);
		max-width: var(--lv-c-txt-l);
	}
	.c3_lvT_triggers .c3_lv_name_l {
		min-width: var(--lv-c-txt-m2);
		max-width: var(--lv-c-txt-m2);
	}
	.c3_lvT_triggers .c3_lv_name_m {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
}
@media screen and (min-width: 1820px) {
	.c3_lvExpTE .c3_lv_textExp_xxxl {
		min-width: var(--lv-c-txt-xxl);
		max-width: var(--lv-c-txt-xxl);
	}
	.c3_lvExpTE .c3_lv_textExp_m {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvExpTE .c3_lv_textExp_s3 {
		min-width: var(--lv-c-txt-m);
		max-width: var(--lv-c-txt-m);
	}
	.c3_lvT_triggers .c3_lv_name_l {
		min-width: var(--lv-c-txt-l);
		max-width: var(--lv-c-txt-l);
	}
}
@media screen and (min-width: 1900px) {
	.c3_lvExpTE .c3_lv_textExp_xxxl {
		min-width: var(--lv-c-txt-xxxl);
		max-width: var(--lv-c-txt-xxxl);
	}
	.c3_lvExpTE .c3_lv_textExp_l {
		min-width: var(--lv-c-txt-l);
		max-width: var(--lv-c-txt-l);
	}
	.c3_lvExpTE .c3_lv_date_ts {
		min-width: var(--lvt-date-ts-w);
		max-width: var(--lvt-date-ts-w);
	}
}

.c3_vSwitchCtrl {
	position: relative;
}
.c3_vSwitchCtrlBtn {
	font-size: 15px;
	padding: 6px;
	width: 22px;
	height: 22px;
	color: var(--fltr-ctrl-btn-bg-c);
	background-color: var(--fltr-ctrl-btn-c);
	border: var(--fltr-ctrl-btn-bdr);
}
.c3_vSwitchCtrlSel {
	background-color: var(--fltr-ctrl-btn-bg-c);
	color: white;
	z-index: 2;
}
.c3_vGridViewCtrlBtn {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.c3_vListViewCtrlBtn {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}

.c3_mTmpltC {
	padding: 14px;
	background-color: var(--md-bx-bg-c);
}
.c3_xp .c3_mTmpltC,
.c3_axnSmry .c3_mTmpltC {
	padding: 0px;
	background-color: white;
}
.c3_mTmpltIC {
	counter-increment: midx;
}
.c3_midx::before{
	content: counter(midx, decimal) ". ";
	padding: 10px 10px 10px 0px;
	font-weight: 500;
	font-size: 14px;
}
.c3_xp .c3_midx,
.c3_axnSmry .c3_midx {
	display: none;
}

.c3_abbrvK {
	/*background-color: var(--abbrv-c-k);*/
}
.c3_abbrvM {
	/*background-color: var(--abbrv-c-m);*/
}
.c3_abbrvB {
	/*background-color: var(--abbrv-c-b);*/
}
.c3_abbrvT {
	/*background-color: var(--abbrv-c-t);*/
}

.c3_mdPrevC {
	/*padding: var(--bx-pd);*/
	/*background-color: var(--md-bx-bg-c);*/
}
.c3_idbx {
	grid-area: "mdND";
	grid-column-start: 1;
	grid-column-end: -1;
}
.c3_mdPrevCTest {
	grid-area: "mdPrevCTest";
}
.c3_mdPrevC1 {
	grid-area: "mdPrevC1";
}
.c3_mdPrevC2 {
	grid-area: "mdPrevC2";
}
.c3_mdPrevB {
	display: grid;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-auto-rows: max-content;
	grid-template-areas:
		"mdND"
		"mdPrevCTest"
		"mdPrevC2"
		;
}
@media screen and (min-width : 1090px) {
	.c3_mdPrevB {
		grid-template-columns: auto var(--md-prv-l-c2-mx-w);
		grid-template-areas:
			"mdND mdND"
			"mdPrevCTest mdPrevC2";
	}
}

.c3_mdPrevCTestC1 {
	grid-area: "mdPrevCTestC1";
	max-height: var(--md-prv-test-mx-h);
}
.c3_mdPrevCTestC2 {
	grid-area: "mdPrevCTestC2";
	max-height: var(--md-prv-test-mx-h);
}
.c3_mdPrevCTestIn {
	display: grid;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: minmax(min-content, auto);
	grid-auto-rows: max-content;
	grid-template-areas:
		"mdPrevCTestC1"
		"mdPrevCTestC2"
		;
}
@media screen and (min-width : 1090px) {
	.c3_mdPrevCTestIn {
		grid-template-columns: 1fr calc(var(--md-prv-l-c2-mx-w) - 18px);
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas:
			"mdPrevCTestC1"
			"mdPrevCTestC2";
	}
	.c3_expInstDtl .c3_mdPrevCTestIn {
		grid-template-columns: 1fr calc(var(--md-prv-l-c2-mx-w) - 18px);
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas:
			"mdPrevCTestC1 mdPrevCTestC2";
	}
}

.c3_cpgnTIExpC .c3_expTestSxn {
	background-color: var(--md-bx-bg-c);
}
.c3_expTestSxnTtl {
	padding-top: 6px;
	padding-bottom: 6px;
}
.c3_expTestSxnB {
	/*padding: 14px;*/
}
.c3_expTestPrev .c3_expTestSxnB {
	background-color: inherit;
}
.c3_expTestSxnB .c3_bx {
	background-color: rgba(var(--md-bx-bg-c-rgb), 0.08);
	background-color: transparent;
}
.c3_expTestPrev .c3_actionf_abc_b {
	background-color: unset;
}

.c3_expInstDtlChrt {
	min-height: calc(100vh - 330px);
}

.c3_tglC1W {
	min-width: 32px;
	max-width: 32px;
	align-items: flex-start;
}

.c3_testGrpTr>td:first-child {
	border-left: 1px solid rgb(218,233,236);
}

.c3_errortext {
	color: red;
	background-color: #ededed;
	padding: 5px;
}
.c3_err_inline {
	border: 1px dashed rgb(254, 223, 223);
	background-color: rgb(255, 244, 244);
	height: inherit;
	padding: 5px 15px;
	color: rgb(197, 92, 92);
}

.c3_cpgnTIDelayV {
	display: none;
}
[data-delay-set-cont="1"] .c3_cpgnTIDelayV {
	display: flex;
}

.c3_grdI.tps {
	box-shadow: 0px 2px 6px 0px rgba(3, 169, 244, .6);
}
.c3_grdI.inactive {
	border-color: transparent;
	background-color: #f7f7f7;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
}
.c3_axSGrdIH {
	position: relative;
	min-height: var(--ftr-glry-itmh-h);
	max-height: var(--ftr-glry-itmh-h);
	/*padding: var(--ftr-glry-itmbx-pd);*/
	/* background-color: #f7f7f7; */
}
.c3_grdIB {
	position: relative;
	/* padding: 12px var(--ftr-glry-itmbx-pd); */
	padding-bottom: 5px;
	border-bottom: thin solid #ebebeb;
}
.c3_grdITtl {
	/*color: var(--grd-ttl-c);*/
}
.c3_grdIDescr {
}
.c3_grdIBk {
	font-size: 21px;
	color: cornflowerblue;
}
.c3_grdIDtlBtnLbl {
	text-transform: uppercase;
}
.c3_grdIBLblW {
	z-index: 3;
}
.c3_grdIBLbl {
	position: absolute;
	right: var(--ftr-glry-itm-pd);
	top: calc(var(--ftr-glry-itm-pd) + 10px);
	padding: 1px 6px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	letter-spacing: .4px;
	font-family: Roboto;
	font-size: 12px;
	text-transform: uppercase;
	color: white;
	background-color: #ffa000;
}
.c3_grdIBLbl.ML {
	background-color: #8bc34a;
}
.c3_grdITagsignal {}
.c3_grdITagml {
	background-color: #90c741;
}
.c3_grdStatusIcn {
	color: transparent;
}
[data-grd-status="Draft"] .c3_grdStatusIcn {
	color: var(--c-orange-80);
}
[data-grd-status="Active"] .c3_grdStatusIcn {
	color: #04844B;
}
[data-grd-status="Inactive"] .c3_grdStatusIcn,
[data-grd-status="Already Ran"] .c3_grdStatusIcn {
	color: #C23934;
}

.c3_mngGrd {
	grid-template-columns: repeat(auto-fill, minmax(var(--grd-glry-itm-w), var(--grd-glry-itm-w)));
}
.c3_axSGrd {
	grid-template-columns: repeat(auto-fill, minmax(var(--axSGrd-glry-itm-w), var(--axSGrd-glry-itm-w)));
	padding: var(--grd-itm-shdo-sz);
}
.c3_grdBx {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;

	position: relative;
	width: var(--grd-itm-w);
	height: var(--grd-itm-h);
	border: var(--grd-itm-bdr-sz) solid rgba(0, 161, 255, .8);
	border: var(--grd-itm-bdr-sz) solid var(--grd-itm-bdr-c);
	padding: var(--grd-itm-pd);
	margin: var(--grd-itm-m);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.09);
	box-shadow: var(--grd-itm-shdo);
	background-color: var(--grd-bx-bg-c);
	border-radius: var(--grd-itm-br);
}
.c3_axSGrdI {
	position: relative;
	width: var(--axSGrd-glry-itm-w);
	height: var(--axSGrd-glry-itm-h);
	box-shadow: var(--grd-itm-shdo);
	border-radius: var(--grd-itm-br);
	background-color: white;
}
.c3_grdNameDescr {
	grid-row: 1/3;
	grid-column: 1/-1;
}
.c3_grdTag {
	/* z-index: 3; */
	position: absolute;
	right: var(--grd-itm-pd);
	right: 0px;
	top: calc(var(--grd-itm-pd) + 10px);
	top: 16px;
}
.c3_grdStat {
	grid-column: 2/-1;
	grid-row: 6;
}
.c3_grdImg {
	grid-column: 1/1;
	grid-row: 3/5;
	align-self: center;
	height: 80px;
	position: relative;
	padding: 5px;
}
.c3_grdDesc {
	grid-column: 2/-1;
	grid-row: 3/5;
	padding: 5px;
	align-self: center;
	height: 80px;
	position: relative;
}
.c3_grdAxnBtns {
	grid-column: 1/2;
	grid-row: 6;
}
.c3_grdCl {
	overflow: hidden;
}
.c3_grd_btns_s {
	min-width: 40px;
	max-width: 40px;
}
.c3_grd_btns_m {
	/* padding: var(--grd-itmbx-pd); */
	padding-top: 0px;
}
.c3_grd_x {
	max-width: initial;
}
.c3_grd_x1 {
	flex: 1;
}
.c3_grd_x2 {
	flex: 2;
}
.c3_grd_x3 {
	flex: 3;
}
.c3_grdStat {
	text-align: left;
	/*padding: 1px var(--grd-itmbx-pd);*/
}
.c3_grdStats {
	font-family: Roboto;
	color: var(--grd-stats-c);
	font-size: 16px;
	color: rgba(38,35,46,0.52);
	letter-spacing: 0.2px;
	line-height: 24px;
	min-width: 8px;
	min-height: 20px;
}
.c3_grdStatsLbl {
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	color: rgba(38,35,46,0.38);
}

.c3_grdCardIH{
	min-height: var(--grd-glry-itmh-h);
	max-height: var(--grd-glry-itmh-h);
}
.c3_grdCardImg {
	width: calc((var(--grd-itm-w)/4) + 10px)
}
.c3_axSGrdCardImg {
	max-width: calc(var(--ftr-glry-itm-w) +
		var(--ftr-glry-itm-pd) + var(--ftr-glry-itm-pd) +
		var(--ftr-glry-itm-bdr-sz) + var(--ftr-glry-itm-bdr-sz));
	height: auto;
}
.c3_axSGrdIB {
	padding: 0 var(--grd-itm-pd) var(--grd-itm-pd) var(--grd-itm-pd);
}

[data-p-b="n"] .c3_mdAct_foot_btn_done, [data-p-b="n"] .c3_mdAct_foot_btn_back, [data-p-b="n"] .c3_mdAct_foot_btn_cancel {
	display: none;
}
[data-p-b="n"] .c3_mdAct_foot_btn_next {
	display: flex;
}
[data-p-b="b"] .c3_mdAct_foot_btn_done, [data-p-b="b"] .c3_mdAct_foot_btn_next, [data-p-b="b"] .c3_mdAct_foot_btn_cancel {
	display: none;
}
[data-p-b="b"] .c3_mdAct_foot_btn_back {
	display: flex;
}
[data-p-b="nb"] .c3_mdAct_foot_btn_done, [data-p-b="nb"] .c3_mdAct_foot_btn_cancel {
	display: none;
}
[data-p-b="nb"] .c3_mdAct_foot_btn_next, [data-p-b="nb"] .c3_mdAct_foot_btn_back {
	display: flex;
}
[data-p-b="d"] .c3_mdAct_foot_btn_next, [data-p-b="d"] .c3_mdAct_foot_btn_back, [data-p-b="d"] .c3_mdAct_foot_btn_cancel {
	display: none;
}
[data-p-b="d"] .c3_mdAct_foot_btn_done {
	display: flex;
}
[data-p-b="bd"] .c3_mdAct_foot_btn_next, [data-p-b="bd"] .c3_mdAct_foot_btn_cancel {
	display: none;
}
[data-p-b="bd"] .c3_mdAct_foot_btn_done, [data-p-b="bd"] .c3_mdAct_foot_btn_back {
	display: flex;
}
[data-p-b="c"] .c3_mdAct_foot_btn_next, [data-p-b="c"] .c3_mdAct_foot_btn_done, [data-p-b="c"] .c3_mdAct_foot_btn_back  {
	display: none;
}
[data-p-b="c"] .c3_mdAct_foot_btn_cancel {
	display: flex;
}
.c3_axn_edit_item_sel, .c3_mdAct_tc_sel.c3tileBox {
	border: 1px solid grey;
	background: rgb(var(--top-mnu-bg-c-sel-rgb), 0.2);
}
.c3_axnsTmpSel .c3_grdI:hover {
	cursor:pointer;
}
.c3_mdAct_ImageUploadBtn {
	z-index: 40;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
}
.c3_mdAct_ImageUploadBtn.c3_flex_center_1>i {
	padding: 5px;
	background-color: #B9D1D6;
}
.c3_mdAct_sel>select{
	background-color: white;
	border-radius: 2px;
	border: 1px solid #e1e1e1;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-position: right 50%;
	background-repeat: no-repeat;
	background-image: url("./res/down_arrow.svg");
	padding: .5em;
	padding-right: 1.5em
}
.c3_mdAct_ct_sel>select{
	text-transform: capitalize;
}
.c3_mdAct_cd_td {
	width: 98%;
	width: -moz-available;
	width: -webkit-fill-available;
}
.c3_mdAct_blankCont .c3_cm_out {
	min-height: 350px;
}
.c3_mdActSep {
	width: 10px;
	background-color: #f7f7f7;
}

.c3_mdCfgB .c3_TDF>* {
	display: none;
}
.psTrg0{
	display: none;
}
[data-ps-trg-cond='0'] .psTrg0 {
	display: flex;
}
[data-ps-trg-cond='0'] .psTrg1 {
	display: none;
}
[data-ps-trg-cond='1'] .psTrg1 {
	display: flex;
}
.c3_expTDFCondTtl {
	display: flex;
}

.c3_expActionsList {
	display: grid;
	grid-gap: var(--grd-gap);
	grid-template-columns: repeat(auto-fill, minmax(var(--grd-glry-itm-w), var(--grd-glry-itm-w)));
	grid-template-rows: max-content;
	justify-content: space-evenly;
	justify-content: flex-start;
}
.c3_cpgnAxnsListItemExpB {
	position: relative;
}
.c3_abcItemPrvCvr {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: var(--axns-itm-w);
	height: var(--axns-itm-h);
	background-color: rgba(62, 55, 75, 0.01);
}
.c3_abcItemPrv {
	width: var(--axns-itm-w);
	height: var(--axns-itm-h);
	background-color: rgb(62, 55, 75);
	color: white;
}
.c3_abcItemPrvAdd {
	width: var(--axns-itm-w);
	height: var(--axns-itm-h);
	border: 1px dashed silver;
}
.c3_expActionsList .c3_abcItemC1 {
	border: 1px solid gainsboro;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.c3_expActionsList .c3_abcItemC1>div::before {
	counter-increment: abca;
	content: counter(abca, upper-alpha) " ";
	font-size: 1.6em;
	font-weight: 600;
	color: rgba(0, 0, 0, .61);
	padding: 0px;
}
.c3_expActionsList .c3_actionf_abc_add .c3_abcItemC1 {
	border-style: dashed;
}

.c3_abcItemPrv {
	position: relative;
}
.c3_msgContAxnPrv {
	zoom: .35;
}
@supports not (zoom: .35) {
	.c3_msgContAxnPrv {
		transform: scale(.55);
		width: 280px;
		height: 304px;
		position: absolute;
		left: -54%;
		top: -47%;
	}
}
.c3_msgContAxnPrv .c3_pview_common {
	background-image: unset !important;
}

.c3_expActionsList .c3_pnPrvTestBtnCont {
	display: none;
}
.c3_expActionsList .c3_push_preview_mainbox {
	display: unset !important;
}

.c3_abcItemPrvI {
	font-size: 24px;
	opacity: 0.81;
}

.c3_segmentActivityEdit
{
	justify-content: center;
}
.c3_expSeg_acl {
	display:none;
}
.c3_expSeg_acl[data-exp-seg-acl="true"] {
	display: flex;
}
.c3_actCriteria {
	font-style: italic;
	word-break: break-word;
}
.c3_bExp_logic {
	font-style: normal;
	font-weight: bold;
}

.c3_conn_h {
	min-width: 210px;
}

.c3_custProf_upDH {
	background-color: #f7f7f7;
	padding: 20px;
	border: 1px solid rgb(225, 225, 225);
	margin-bottom: 10px;
}

.c3_newItem_icon i {
	padding: 3px;
	border-radius: 3px;
	font-weight: bold;
	color: #ffffff00;
	background-color: #ffffff00;
	border: 1px solid #ffffff00;
}
.c3_newItem_icon_c i {
	color: white;
	border: 1px solid white;
}
.c3_newItem_icon_warn i {
	background-color: var(--c-remind);
}
.c3_newItem_icon_err i {
	background-color: var(--c-err);
}

.c3_wpc_push {
	padding: 5px;
	height: 50px;
	width: 50px;
	object-fit: contain;
}
.c3_wpn_key_wpn_numbertext {
	font-size: 12px;
	letter-spacing: 2px;
}

.c3_cgRngW {
	max-width: 500px;
}
.c3_cgRngLbl {
	height: 40px;
	border-radius: 3px;
}
.c3_cgRngLblL {
	border-right: 1px solid silver;
	padding: 1px 6px 2px 1px;
	text-align: end;
}
.c3_cgRngLblR {
	border-left: 1px solid silver;
	padding: 1px 1px 2px 6px;
	text-align: left;
}
.c3_cgRngLblTx {
	font-weight: 600;
	font-size: 110%;
	letter-spacing: .5px;
}
.c3_cgRngG {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .6px;
}
.c3_cgRngC2 {
	position: relative;
	align-self: start;
}
.c3_cgRngBar {
	position: absolute;
	top: 7px;
	bottom: 7px;
	height: 8px;
}
.c3_cgRngBar1 {
	left: 0;
	width: 100%;
	background-color: rgba(var(--z-p-c-b-p),1);
}
.c3_cgRngBar2 {
	right: 0;
	background-color: rgba(var(--z-p-c-b-p),.3);
}
.c3_cgRng {
	z-index: 10;
	background: transparent;
}
.c3_cgRng::-moz-range-track {
	background-color: red;
	height: 0px;
}
.c3_cgRng::-webkit-slider-runnable-track
{
	background-color: red;
	height: 0px;
}
.c3_cgRng::-moz-range-thumb {}
.c3_cgRng::-webkit-slider-thumb {}
.c3_cgRng::-moz-range-progress {
}
.c3_cgRngHV, .c3_cgRngHVCG {
	color: rgba(var(--z-p-c-b-p), .9);
	padding: 0px 2px;
	letter-spacing: .6px;
	font-weight: 600;
}
.c3_cgRngHVCG {
	/*color: rgba(177, 62, 205, 0.9);*/
}
.c3_cgRngHd:hover {
	background-color: gainsboro;
}
.c3_cgRngHd:hover .c3_cgRngHV, .c3_cgRngHd:hover .c3_cgRngHVCG {
	background-color: gainsboro;
}
.c3_cgDiv {
	height: 20px;
	border-right: 1px solid black;
}
.c3_cgMore {
	align-self: flex-end;
}
.c3_cgRngTtl {
	margin-bottom: 0px;
}
.c3_cgVu {
	display: none;
}
[data-cg-vu="1"] .c3_cgVu {
	display: flex;
}
[data-cg-vu="1"] .c3_cgVu1 {
	display: none;
}

.c3_fltrCtrlAply {
	border-radius: 4px;
	background-color: #ffffff;
	color: #808080;
}
.c3_fltrCtrlAply_Outline {
	border: 1px solid silver !important;
}
.c3_fltrCtrlAply_Outline:hover {
	border: 1px solid #007aff !important;
}
.c3_fltrCtrlClr {
	color: #808080;
}
.c3_ftrGlryIEBtn {
	border-color: rgba(80, 114, 148, 1);
}
.c3_ftrGlryIDtlBtn {
	border-radius: 4px;
}
.c3_ftrGlryIDtlBtn.btn-no-outline {
	border-width: 0px !important;
}
.c3_cpgnChgL {
	min-width: 140px;
	max-height: 40vh;
}
.c3_cpgnChgLRel1 {
	bottom: initial;
	right: 0;
	left: 0;
	top: 28px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: 0px;
}
.c3_chgLgLI {
	border-bottom: 1px solid #ebebeb;
	line-height: 19px;
	padding: 5px 15px;
}
.c3_chgLgLI:only-child, .c3_chgLgLI:last-child {
	border-bottom: 1px solid transparent;
}
.c3_chgLgLIB:hover {
	background-color: gainsboro;
}
.c3_chgLgLIK {
	font-size: 12px;
	color: rgba(0, 0, 0, .71);
}
.c3_chgLgLIDt {
	font-size: 12px;
	color: rgba(0,0,0,.81);
}
.c3_chgLgLIKV {
	border-right: 1px solid var(--bdr-3-c);
	padding-right: 6px;
}
.c3_chgLgLIKV:only-child, .c3_chgLgLIKV:last-child {
	border-right: 1px solid transparent;
	padding-right: 0;
}

.c3_steps2 {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.c3_steps2 {
	--stp2-h: 45px;
	--stp2-chv-agl: 75%;
	--stp2-chv-agl: 45%;
	position: relative;
	background-color: var(--c-gray-40);
	overflow: hidden;
}
.c3_stepsItem2 {
	--stp2-c: rgba(224,229,238,1);
	--stp2-f-c: rgba(84,105,141,1);
	height: var(--stp2-h);
	position: relative;
	padding: 0;
}
.c3_stepsItem2.c3_steps2Compl {
	--stp2-c: rgba(76,175,80,1);
	--stp2-f-c: white;
}
.c3_stepsItem2.c3_steps2Sel {
	--stp2-c: rgba(13,71,161,1);
	--stp2-f-c: white;
}
.c3_stepsItem2 {
	background-color: var(--stp2-c);
}
.c3_steps2R2 {
	padding: 0px;
	/*flex: 1;*/
	height: var(--stp2-h);
	color: var(--stp2-f-c);
	text-transform: uppercase;
}
.c3_steps2Lbl {
	letter-spacing: .8px;
	font-size: 14px;
}
.c3_stepsItem2:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 0;
	right: -22px;
	height: var(--stp2-h);
	width: 30px;
	z-index: 2;
	background-color: var(--stp2-c);
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, var(--stp2-chv-agl) 0%, 100% 50%, var(--stp2-chv-agl) 100%, 0% 100%);
}
.c3_stepsItem2:not(:first-child)::before {
	content: '';
	position: absolute;
	top: 0;
	left: -2px;
	height: var(--stp2-h);
	width: 30px;
	z-index: 1;
	background-color: white;
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, var(--stp2-chv-agl) 0%, 100% 50%, var(--stp2-chv-agl) 100%, 0% 100%);
}
.c3_steps2N {
	color: var(--stp2-f-c);
}
.c3_steps2Check {
	display: none;
	color: var(--stp2-f-c);
}
.c3_steps2Compl .c3_steps2Check {
	display: flex;
}

.c3_axnListIImg {
	height: auto;
	max-width: 100px;
}

.c3_ac {
	font-size: 12px;
	font-family: Roboto;
	text-align: right;
	border: 1px solid rgba(198,203,212,1);
	border-radius: 100px;
	width: 20px;
	height: 20px;
	background-color: #085DAD;
	border: 1px solid #FFFFFF;
	box-shadow: 2px 2px 3px 0 #C6CBD4;
}
.c3_ac:hover {
	background-color: #085DAD;
}
.c3_acCrd1 {
	padding: 11px 12px 12px 0px;
}
.c3_ac_card {
	position: relative;
	float: right;
	font-size: 12px;
	font-family: Roboto;
	text-align: right;
	margin-right: 25px;
	border: 1px solid rgba(198,203,212,1);
	border-radius: 50%;
	width: 45px;
	height: 45px;
	background-color: #085DAD;
	border: 1px solid #FFFFFF;
	box-shadow: 2px 2px 3px 0 #C6CBD4;
	margin: 12px;
}
.c3_ac_cardHeader {
	background: rgba(8,93,173,0.10);
}
.c3_ac_in {
	font-size: 11px;
	color: #FFFFFF;
	letter-spacing: 0.4px;
	text-align: center;
	line-height: 11px;
}
.c3_ac_inCard {
	font-size: 19px;
	color: #FFFFFF;
	letter-spacing: 0.8px;
	text-align: center;
	line-height: 16px;
}
.c3_ac_c2 {
	font-size: 12px;
	letter-spacing: 0.8px;
	line-height: 14px;
	text-align: left;
}
.c3_acUTxt {
	font-weight: 600;
	color: rgb(102, 98, 115);
	font-size: 12px;
	letter-spacing: 0.6px;
	line-height: 14px;
}
.c3_acNS {
	font-weight: 300;
	color: rgb(42, 0, 49);
	font-family: Roboto;
	font-size: 10px;
	letter-spacing: 0.5px;
	line-height: 14px;
}
.c3_acCrdC1 {
	width: 28px;
	height: 28px;
	color: var(--ac-mnu-c);
}
.c3_acImg {
	width: 19px;
	height: auto;
}
.c3_acCrd {
	padding: 0px;
	border-radius: 8px;
	border: none;
}
.c3_acCrdK {
	width: 60px;
	color: rgba(0,0,0,.61);
}
.c3_acCrdV {
	letter-spacing: .6px;
	font-size: 110%;
}
.c3_acIn {
	z-index: 2;
}
.c3_acCrdM {
	padding: 6px 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--c-gray-110);
}
.c3_acCrdM:only-child, .c3_acCrdM:last-child {
	border-width: 0px;
}
.c3_acCrdM:hover {
	background-color: var(--c-gray-30);
	padding-left: 10px;
	margin-left: -6px;
	margin-right: -6px;
	border-radius: 4px;
}
.c3_acCrdM i {
	padding: 4px;
	font-size: 14px;
	color: var(--ac-mnu-c);
}
.c3_acCrdMT {
	font-size: 12px;
	color: rgba(119,116,130,1);
}
.c3_acCrdM:hover .c3_acCrdMT {
	color: black;
}
.c3_acCrdDtlR {
	padding: 4px;
}
.c3_acCrdDtlN {
	font-size: 16px;
	color: #26232E;
	font-weight: 500;
	letter-spacing: .6px;
	line-height: 14px;
	font-family: Roboto;
}
.c3_acCrdDtlEmail {
	font-size: 12px;
	color: #001100;
	font-weight: 400;
	letter-spacing: .6px;
	line-height: 14px;
	font-family: Roboto;
}
.c3_acCrdDtlRole {
	font-size: 10px;
	color: #001100;
	letter-spacing: 0.5px;
	line-height: 14px;
	font-family: Roboto;
	font-weight: 300;
}
.c3_acCrdMHRC {
	border-top: 1px solid var(--lv2-bdr-c);
}
.c3_acCrdMHR {
	background-color: rgba(128,151,177,1);
	height: .5px;
}

.c3_chgLgLIH .c3_chgLgLIK {
	font-weight: 500;
	font-size: 14px;
	font-family: Roboto;
	color: rgba(0, 0, 0, .81);
}
.c3_chgLgLIK, .c3_chgLgLIV {
	padding-top: 6px;
	padding-bottom: 6px;
	width: 50px;
}
.c3_chgLgLIKDt, .c3_chgLgLIDt {
	width: 90px;
}
.c3_chgLgLISel {
	background-color: var(--c-gray-40);
}
.c3_ChgLgAr {
	font-size: 10px;
	color: rgba(0,0,0,.61);
	padding: 4px;
	border-radius: 3px;
}
.c3_ChgLgArC {
	background-color: #dcdcdcb5;
	margin-right: 0;
}
.c3_ChgLgNum {
	padding: 0px 4px;
	/*background-color: #dcdcdcb5;*/
	border-radius: 4px;
}
.c3_ChgLgD {
	position: relative;
	padding: 2px 4px;
	margin-right: 4px;
	margin-top: 4px;
	background-color: rgb(244, 245, 247);
	font-family: Roboto;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	border: var(--bdr-2-05);
	border-radius: 2px;
}
.c3_ChgLgD_ic {
	background-color: var(--c-gray-0);
}
.c3_ChgLgD:hover {
	background-color: var(--c-gray-50);
}
.c3_ChgLgDTxt {
	font-family: Roboto;
	font-weight: 600;
	color: #6DC936;
}
.c3_ChgLgD_AT {
	min-width: 450px;
	justify-content: flex-end;
}
[data-chg-lg-nu="0"] .vChgLg0 {
	display: none;
}

.c3_cTb_f {
	background-color: rgba(206,225,241,0.25);
	padding: 6px 0px;
}
.c3_cTb_tb {
	padding: 2px;
	background-color: white;
	border: 1px solid rgba(0, 85, 169, 0.08);
	border-radius: 2px;
}
.c3_cTb_tbSel {
	/* border-bottom-color: darkgray; */
	box-shadow: 0px 0px 5px 1px rgb(220, 220, 220);
}
.c3_cTb_tbTxt {
	font-size: 14px;
}
.c3_cTb_tbImg {
	width: 42px;
}

.c3_expInstDtl .c3_modExpCfgsVB {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	background-color: var(--md-bx-bg-c);
	padding: 10px;
}
@media screen and (min-width: 1090px) {
	.c3_expInstDtl .c3_modExpCfgsVB {
		/* grid-template-columns: repeat(2, 1fr); */
		grid-column-gap: 45px;
	}
}

.c3_expInstDtlChgLgW {
	margin-top: 2px;
	margin-bottom: 0px;
}

.vCpgn, .vCpgn1 {
	display: none;
}
[data-cpgn="campaign"] .vCpgn, [data-cpgn="campaignonce"] .vCpgn1 {
	display: flex;
}

[data-cg-vu="1"] .c3_cgVu1 {
	display: none;
}

.c3_mncoC {
	border: 1px solid var(--c-gray-57);
}
.c3_vis0 {
	visibility: hidden;
}

.c3_cpgn1Schdl2 {
	padding: 0px;
}

.c3_EIGfxCh {
	background-color: var(--pg-bg-c);
}

.c3_cpgnMetricsCG {
	min-width: 170px;
	max-width: 170px;
}
.c3_cpgnMetricsCGBxV {
	font-size: 34px;
	color: #26232E;
}
.c3_cpgnMetricsCGBxL {
	font-size: 18px;
	color: rgba(68,64,84,0.52);
	line-height: 30px;
}
.c3_eventFunnelChart_nodata {
	height: calc(100% - 20px);
	background-color: transparent;
	font-size: 18px;
}

.c3_mdActR {
	width: 30vw;
	min-width: 30%;
	max-width: 30%;
	background-color: var(--c-gray-40);
}

.c3_msgContAxnPrv2 {
	position: relative;
	/* transform: scale(.75); */
}
/* force position:fixed to behave like absolute */
.c3_scale1 {
	transform: scale(1)
}
.c3_scal_1_15 {
  transform: scale(1.15);
}
.c3_tlateX_100 {
  transform: translateX(100%)
}
.c3_tlateX_0 {
  transform: translateX(0)
}
.c3_tlate
.c3_axnTempWrp {
	background-color: white;
	/* box-shadow: 0px 4px 10px #999; */
}

.c3_axnTmpTLWrp {
	background-color: rgba(247, 247, 247, 0.75);
}
.c3_axnTmpTLImgC {
	padding: 6px;
}
.c3_axnTmpTLImg {
	width: 54px;
}
.c3_axnTmpTLIC {
	background-color: white;
	margin: 2px 0;
}
.c3_marginAuto {
	margin: auto;
}
.c3_axnTmpTLTitle {
	line-height: 32px;
}
.c3_axnTmpTLDescr {
	font-size: 12px;
}
.c3_axnTmpTLISel {
	background-color: aliceblue;
}

.c3_nmdscRONm {
	color: var(--z-blue-c);
}

.c3_dtlsHNoArw {
	list-style: none;
}
.c3_dtlsHNoArw::-webkit-details-marker {
	display: none;
}
.c3_dtlsMd>.c3_dtlsH {
	color: var(--lnk-blue-c);
	font-weight: normal;
}

.c3_mncoHintH {
	color: rgba(0, 0, 0, .61);
}
.c3_mncoHintB {
	border-bottom: 10px solid var(--c-gray-40);
}
.c3_mncoHint .c3_mncoC {
	border-left: 0px;
	border-right: 0px;
}

.c3_msEvtSrcsSelSlL [data-ms-o-v-df="1"] {
	background-color: #f7f7f7;
}

.c3_evtSrcsROLst {
	gap: 6px;
}
.c3_eSrcsV {
	border-radius: 3px;
	background-color: #fbfbfb;
	padding: 2px 6px;
	border: 1px solid #e1e1e1;
	font-size: 12px;
}

.c3_gL_3c2r {
	display: grid;
	/* grid-template-columns: 24px 42px auto; */
	grid-template-columns: 24px 24px auto;
	grid-column-gap: 6px;
	grid-row-gap: 8px;
	align-items: center;
}
.c3_multiselect_opnDescr {
	grid-column: 3;
	grid-row: 2;
}
.c3_ms_i {
	grid-column: 2;
	/* grid-row-start: 1; */
	/* grid-row-end: 3; */
	grid-row: 1;
	/* font-size: 42px; */
	font-size: 16px;
	opacity: .82;
}

.c3_mpRdy0 {
	color: burlywood;
}

.c3alertBoxB {
	min-height: var(--dlg-sm-m-h);
}

.c3_bdg {
	position: absolute;
	width: 0;
	height: 0;
	border-bottom: var(--bdg-sz) solid #ffeeb0;
	border-right: var(--bdg-sz) solid transparent;
}
.c3_bdgLB {
	bottom: 0px;
}
.c3_mpBdg {
	border-bottom-width: var(--bdg-sz-sm);
	border-right-width: var(--bdg-sz-sm);
}
.c3_bdgI {
	position: absolute;
	bottom: 7px;
	left: 11px;
	bottom: -41px;
	color: #e89254;
	font-style: normal;
	font-size: 19px;
	opacity: .71;
}
.c3_bdgI-crcl {
	left: 5px;
}

.c3_axnLblpage .c3_tags_tg,
.c3_fltrCtrlSBtn.c3_axnLblpage,
.c3_axnLblsBx .c3_axnLblpage {
	background-color: var(--axnLblpage-bg-c);
}
.c3_axnLblposition .c3_tags_tg,
.c3_fltrCtrlSBtn.c3_axnLblposition,
.c3_axnLblsBx .c3_axnLblposition {
	background-color: var(--axnLblposition-bg-c);
}
.c3_axnLblpage .c3_context_p_tags_value,
.c3_axnLblsBx .c3_axnLblpage .c3_badgeTxt {
	color: var(--axnLblpage-c);
}
.c3_axnLblposition .c3_context_p_tags_value,
.c3_axnLblsBx .c3_axnLblposition .c3_badgeTxt {
	color: var(--axnLblposition-c);
}
.c3_axnLblpage .c3_tags_tg, .c3_axnLblposition .c3_tags_tg,
.c3_fltrCtrlSBtn.c3_axnLbl {
	border: 1px solid;
	border-left: 4px solid;
	border-radius: 2px;
}
.c3_axnLblpage .c3_tags_tg,
.c3_fltrCtrlSBtn.c3_axnLblpage {
	border-color: rgb(103 58 183 / 41%);
}
.c3_axnLblposition .c3_tags_tg,
.c3_fltrCtrlSBtn.c3_axnLblposition {
	border-color: rgb(33 150 243 / 35%);
}
.c3_axnLblpage .c3_context_p_tags_value,
.c3_axnLblposition .c3_context_p_tags_value {
	font-weight: 500;
}

.c3_badge-axnLbl {
	padding: 1px 6px;
	border-radius: 2px;
	font-size: 10px;
}

.c3_liAxnLblsSet .c3_eAxnLblsEditBtn {
	/* color: var(--z-blue-c); */
}

.c3_pCircBg {
	fill: none;
	stroke: var(--c-pCircBg);
	stroke-width: var(--pCircBg-sw);
}
.c3_pCircPV {
	fill: none;
	stroke-width: var(--pCircV-sw);
	stroke-linecap: round;
	animation: pctprogress 1s ease-out forwards;
	stroke: #ff9f00;
	stroke: var(--c-pCircV);
}
@keyframes pctprogress {
	0% {
		stroke-dasharray: 0 100;
	}
}
.c3_pCircPct {
	fill: #666;
	font-family: sans-serif;
	font-size: 8px;
	text-anchor: middle;
	dominant-baseline: middle;
	font-weight: bold;
}
.c3_pCircPctNB {
	font-weight: normal;
}
.c3_pCircBg_grdint {
	--c-pCircBg: url(#pCircBg_grad);
}
.c3_pCircV_grdint {
	--c-pCircV: url(#pCircV_grad);
}
.c3_pCircBg_sw3-8 {
	--pCircBg-sw: 3.8;
}
.c3_pCircV_sw3-8 {
	--pCircV-sw: 3.8;
}

.c3_lv_timeRange {
	/* font-size: 90%; */
	/* color: rgb(0 0 0 / 42%); */
	color: var(--c-gray-100);
	/*color: #4F5C72;*/
	letter-spacing: -.2px;
	padding: 0px;
}
.c3_lv_timeRange .c3_timerControl_out_v {
	/* background-color: rgb(100 149 237 / 11%); */
	padding: 0px 2px;
	letter-spacing: .79px;
	color: rgb(0 0 0 / 72%);
	/* color: #4F5C72; */
	color: var(--c-gray-110);
}

.c3_schdSclHWD {
	font-weight: normal;
}
.c3_schdSclWD {
	border-right: 1px solid rgba(0, 0,0,.15);
	font-size: 10px;
	padding: 2px 0px;
	background-color: rgba(254,254, 254, .81);
	/* background-color: #fbfbeb; */
}
.c3_schdSclWD:first-child {
	border-left: 1px solid rgba(0, 0,0,.15);
}
.c3_schdSclWD[data-schd-scl-wd="6"], .c3_schdSclWD[data-schd-scl-wd="7"] {
	background-color: var(--c-gray-45);
}
.c3_schdSclWDS {
	background-color: #a3f8db;
}
.c3_lvSchdSclWb {
	border-bottom: 1px solid #00000017;
}
.c3_schdSclWDb {
	padding: 0;
}
.c3_schdSclWDBS {
	height: 5px;
}
.c3_schdSclWDBS2 {
	min-width: 1px;
	max-width: 1px;
	background-color: rgba(0, 0,0,.15);
}
.c3_schdSclWD2 {
	position: relative;
	height: 3px;
}
.c3_schdSclWDHr {
	position: absolute;
	top: 2px;
	background-color: rgba(0,0,0,.65);
	width: 2px;
	height: 2px;
}
.c3_drpDnBtn {
	font-size: 20px;
	padding: 2px 8px;
}
.c3_drpDnMnu {
	border: 1px solid #ccc;
	box-shadow: 0px 3px 6px rgba(111,111,111, 0.2);
	border-radius: 3px;
	position: absolute;
	z-index: 99;
	background-color: white;
}
.c3_drpDn_icn_td {
	padding: 10px 5px 10px 10px;
}
.c3_drpDn_lbl_td {
	padding: 10px 10px 10px 0;
	white-space: nowrap;
  text-transform: uppercase;
}
.c3_tbl_spcing {
	border-spacing: 0;
}

.c3_prioRw {
	border: 1px solid transparent;
	border-bottom: 1px solid rgba(216, 221, 230, 0.62);
}
.c3_lvR.dojoDndItem {
	padding: 5px 0px !important;
}
.c3_lvR.dojoDndItemOver {
	border-color: transparent;
	border-bottom-width: 1px;
	border-bottom-color: rgb(0 0 0 / 61%);
	/*padding: 5px 2px;*/
	cursor: default;
}
div.c3_lvR.c3_tr_drop_target {
	border-style: solid;
	border-bottom-style: dashed;
}
.c3_lvR.dojoDndItemBefore,
.c3_lvR.dojoDndItemAfter {
	border-color: rgb(25, 69, 114) !important;
}
.c3_lvDnDCue {
	display: none;
	position: absolute;
	left: 30px;
	background-color: dimGray;
	color: white;
	padding: 1px 2px;
	border-radius: 3px;
}
.c3_lvR.dojoDndItemBefore .c3_DnDCueBf,
.c3_lvR.dojoDndItemAfter .c3_DnDCueAf {
	display: flex;
}
.c3_DnDCueBf {
	top: 2px;
}
.c3_DnDCueAf {
	bottom: 2px;
}

.c3_lvR.c3_lvRwXpdH {
	background-color: #ECEFF1;
	box-shadow: inset 0px 1px 1px 0px var(--lv-rw-xpd-bdr-c),
		inset -1px 0px 1px 0px var(--lv-rw-xpd-bdr-c),
		inset 1px 0px 1px var(--lv-rw-xpd-bdr-c);
	border-bottom: 0px;
}
.c3_lvRwXpdB {
	padding-top: 10px;
	border-top: 0;
	box-shadow: inset 0px -1px 1px 0px var(--lv-rw-xpd-bdr-c),
		inset -1px 0px 1px 0px var(--lv-rw-xpd-bdr-c),
		inset 1px 0px 1px var(--lv-rw-xpd-bdr-c);
	margin-top: -1px;
}
.c3_prioRBtn {
	opacity: .4;
}
.c3_prioRBtn:hover {
	opacity: 1;
}
.c3_prioOn .col_move, .c3_prioOff .col_move,
.c3_lvCH.c3_lv_grab {
	border-left: 3px solid transparent;
}
.c3_prioOff .col_move {
	border-left-color: darkgrey;
}
.c3_prioDtlIH, .c3_prioDtlID {
	padding: 2px 4px;
}
.c3_prioDtlMAI {
	padding: 4px 4px;
	color: rgba(0,0,0,.8);
}
.c3_prioDtlMARH, .c3_prioDtlIH {
	font-weight: 600;
}
.c3_prioDtlMARH {
	border-bottom: 1px solid rgba(0,0,0,32%);
}
.c3_prioDtlMARD:nth-child(even) {
	background-color: aliceblue;
}

.c3_expInstDtl .c3_eAxnLblsEditBtn,
 .c3_expMdPrev .c3_eAxnLblsEditBtn {
	display: none;
}

.c3_evtFSCChC {
	display: flex;
}

.c3_rd_btn {
	border: 1px solid var(--c-gray-60);
	border-radius: 100px;
	padding: 5px 15px;
}
.c3_rd_btn_sel {
	background: var(--btn-primary0-c);
	color: #ffffff;
}
.c3_rd_btn:hover {
	color: var(--btn-primary0-c);
	border: 1px solid var(--btn-primary0-c);
	background: #ffffff;
	cursor: pointer;
}

.c3_expRecDb_btn {
	margin: 0 10px 0 5px;
	width: fit-content;
}
.c3_expRecDb_btn:last-child {
	margin-right:1px;
}
.c3_expMoreDb_btn {
	border-radius: 0;
	border: none;
	padding: 5px 10px;
	display: block !important;
}
.c3_expMoreDb_btn:hover {
	border: none;
	border-radius: 0;
	cursor: pointer;
	color: var(--btn-primary0-c);
	background: #F6F6F7;
}
.c3_expDb_btn_txt {
	font-size: 14px;
}
.c3_expRecDashboard_cont {
	margin-top: 8px;
	height: 32px;
	width: 100%;
}
.c3_expDashboardHeadWrp {
	margin-top: 5px; 
}
.c3_expDashboardHeadWrp:hover {
	cursor: pointer;
}
.c3_expDashboardTitle {
	padding: 10px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.c3_expDashboardHeadBtn {
	margin-top: 3px;
	padding: 10px;
}
.c3_expDbChngLgContWrp {
	padding: 18px 10px;
	background: var(--pg-bg-c);
}
.c3_expDashboardDDCont {
	box-sizing: border-box;
	margin-top: 30px;
	width:300px;
	height:200px;
	border: 1px solid var(--c-gray-57);
	position:absolute;
	right: 5px;
	z-index: 99;
	background:white;
	color: initial;
	box-shadow: 0px 3px 6px -4px rgba(0, 0, 0, 0.12), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.c3_expDashboardDDSubCont {
	border-top: 1px solid #90caf9;
	padding-top:5px;
}
.c3_expDashboardDDSubWrp {
	padding:0px;
}
.c3_expDbRecommendCont {
	padding:10px 8px;
	margin: 10px 0 5px 0;

}
.c3_expMultiChartTitle {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: Roboto, system-ui;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	align-items: center;
	padding-top: 8px;
}
.c3_iconBtnWrp {
	border-radius: 100px;
}
.c3_iconBtn {
	font-style: normal;
	cursor: pointer;
	color: #666666;
	height: 28px;
	width: 28px;
	padding: 0;
	border: solid 1px #d7dede;
	border-radius: 50%;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	margin-left: 8px;
}
.c3_iconBtnWrp:first-child .c3_iconBtn  {
	margin-left: 0;
}
.c3_iconBtn:hover {
	border: solid 2px rgb(98, 179, 241);;
}
.c3_iconBtnSel {
	border: solid 2px rgb(98, 179, 241);
	background: rgb(190, 221, 245);
}
/* c3 tooltip popup text */
.c3_tooltip {
	position: relative;
	display: inline-block;
	overflow: unset;
}
.c3_tooltip[data-tooltip-txt]::after {
	visibility: hidden;
	background-color: var(--c-gray-100);
	color: var(--c-gray-0);
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 999;
	transform: scale(.8);
	content: attr(data-tooltip-txt);
	width: fit-content;
	height: fit-content;
}
.c3_tooltip:hover[data-tooltip-txt]::after {
	visibility: visible;
}
.c3_tooltip.c3_l20_b25[data-tooltip-txt]::after {
	bottom: 25%;
	left: 20%;
}
.c3_tooltip.c3_l20_b65[data-tooltip-txt]::after {
	bottom: 65%;
	left: 20%;
}
.c3_tooltip.c3_l20_b75[data-tooltip-txt]::after {
	bottom: 75%;
	left: 20%;
}
.c3_tooltip.c3_l30_b10[data-tooltip-txt]::after {
	bottom: 10%;
	left: 30%;
}
.c3_tooltip.c3_l10_t40[data-tooltip-txt]::after {
	top: 40%;
	left: 10%;
}
.c3_tooltip.c3_l20_t40[data-tooltip-txt]::after {
	top: 40%;
	left: 20%;
}
.c3_tooltip.c3_l20_t50[data-tooltip-txt]::after {
	top: 50%;
	left: 20%;
}
.c3_tooltip.c3_l20_t70[data-tooltip-txt]::after {
	top: 70%;
	left: 20%;
}
.c3_tooltip.c3_l-120px_t40[data-tooltip-txt]::after {
	top: 40%;
	left: -120px;
}
.c3_lvRw:last-child .c3_posChg_b75::after {
	top: unset;
	bottom: 75%;
}
.c3_tooltip.c3_r0[data-tooltip-txt]::after {
    right: 0%;
}
.c3_tooltip.c3_tooltip_max_w180[data-tooltip-txt]::after {
  max-width: var(--lv-c-txt-m3);
}
.c3_tooltip.c3_tooltip_wMaxCont[data-tooltip-txt]::after {
  width: max-content;
}

.c3_tooltip2 {
	/* use javascript element.style.setProperty() to change the var 
		 below at runtime if needed */
	--tooltip-scale: 0;
	--tooltip-fs: 12px;
	--tooltip-arrow-size: 8px;
	--tooltip-position: -1px;
	--tooltip-color: var(--c-gray-90);
	--tooltip-bg-color: var(--c-purple-0);
	--tooltip-arrow-pos: -1;
	--tooltip-arrow-pos-bot: 0;

	position: relative;
}
.c3_tooltip2::before,
.c3_tooltip2::after {
	position: absolute;
	top: var(--tooltip-position);
	left: 50%;
	font-size: var(--tooltip-fs);
	color: var(--tooltip-color);
	transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--tooltip-scale));
	transition: 150ms transform;
	transform-origin: bottom center;
}
.c3_tooltip2::before {
	--translate-y: calc(-100% - var(--tooltip-arrow-size));

	content: attr(data-tooltip);
	padding: 10px;
	width: max-content;
	border-radius: 8px;
	text-align: center;
	background-color: var(--tooltip-bg-color);
	border: 1px solid var(--tooltip-bg-color);
}
.c3_tooltip2.c3_tooltip_W140::before {
  max-width: 140px;
  min-width: 140px;
}
.c3_tooltip2.c3_tooltip_W160::before {
  max-width: 160px;
  min-width: 160px;
}
.c3_tooltip2.c3_tooltip_W250::before {
  max-width: 250px;
  min-width: 250px;
}
.c3_tooltip2.c3_tooltip_posLeft65::before {
  left: -65px;
}
.c3_tooltip2:hover::before,
.c3_tooltip2:hover::after {
	--tooltip-scale: 1;
	z-index: 999;
}
.c3_tooltip2.c3_show_tooltip2 {
	--tooltip-scale: 1;
	z-index: 999;
}
.c3_tooltip2::after {
	--translate-y: calc(var(--tooltip-arrow-pos) * var(--tooltip-arrow-size));

	content: "";
	border: var(--tooltip-arrow-size) solid transparent;
	border-top-color: var(--tooltip-bg-color);
	transform-origin: top center;
}
.c3_tooltip2.c3_tooltip_show_bot::after {
	rotate: 180deg;
	left: calc(var(--tooltip-arrow-pos-bot) * var(--tooltip-arrow-size));
}

[data-m-ver-scrn="2"] .c3_mVersSAllC {
	display: none;
}
[data-m-ver-scrn="2"] [data-lv-k="upgradeIt"] {
	display: none;
}

.c3_axnTVers_new {
	color: #666;
}
.c3_axnTVers_curr{
	color: #999;
}
.c3_axnTVers span{
	color: #555;
}

.c3_fltrModSel {
	height: 41px;
}

.c3_drpDwn {
	top: 100%;
	right: 0px;
	width: max-content;
	z-index: 100;
	background-color: white;
	border: 1px solid var(--c-gray-50);
	box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 31%);
	letter-spacing: 1.1px;
}
.c3_drpDwnDispC {
	background-color: rgb(244, 245, 247);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.c3_drpDwnArw {
	border-left: 1px solid #bdbdbd;
	padding-left: 3px;
}
.c3_drpDwnLI {
	border-bottom: 1px solid #ebebeb;
	line-height: 19px;
	padding: 5px 15px;
}
.c3_drpDwnLI:only-child, .c3_drpDwnLI:last-child {
	border-bottom: 1px solid transparent;
}
.c3_drpDwnLI:hover {
	background-color: gainsboro;
}
.c3_exeMdC .c3_drpDwnDispC, .c3_crtMdC .c3_drpDwnDispC{
	background-color: var(--btn-primary0-c);
	color: white;
	border-color: #007BFF;
}

.c3_exSiIcn {
	background-color: var(--exSi-bg-c);
	color: var(--exSi-c);
	font-size: 9px;
	letter-spacing: 0px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.c3_lvExSiAxns {
	display: none;
	top: 2px;
	right: 2px;
	color: gray;
}
.c3_lvExSiCell:hover .c3_lvExSiAxns {
	display: flex;
}
.c3_lvExSiAxns:hover {
	color: black;
}

[data-cpgn-cfg-chg="0"] .c3_cpgnSaveBtn {
	display: none;
}
[data-cpgn-cfg-chg="1"] .c3_cpgnNvPubc1,
[data-cpgn-cfg-chg="1"] .c3_cpgnSaveAsModBtn,
[data-cpgn-cfg-chg="1"] .c3_cpgnPubGrpTI {
	display: none;
}

.c3_MABBx {
}
.c3_mab1 {
	display: none;
}
[data-ab="mab"] .c3_mab1 {
	display: flex;
}
[data-cpgn-a-b="mab"] .c3_mab1 {
	display: flex;
}
[data-cpgn-a-b="mab"] .c3_cj_c1cg {
	/*opacity: .75;*/
	/*filter: grayscale(1);*/
	/*pointer-events: none;*/
}

.c3_cnvSgBdg, .c3_upldSgBdg {
	z-index: 9;
	top: -7px;
	left: 4px;
	color: #9575cd;
	background-color: var(--c-gray-40);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 1px solid;
	font-size: 10px;
}

.c3_homeDshCWrp {
	height: calc(100vh - 110px);
	height: -moz-calc(100vh - 110px);
	height: -webkit-calc(100vh - 110px);
}
.c3_homeDshC1 {
	height: 43vh;
	max-height: 43vh;
}
.c3_homeDshC2 {
	height: calc(52vh - 120px);
	height: -moz-calc(52vh - 120px);
	height: -webkit-calc(52vh - 120px);
}

.c3_expSmryList.c3_waitBx {
	min-height: 35px;
}
.c3_trigExpChrtTabCont {
	height: 370px;
}
.c3_trigExp_chart {
	height: 280px
}

@media screen and (max-width: 1450px) {
	[data-expdo-p-xpd="true"] .c3_auditActivity_b0 {
		flex-flow: column nowrap;
		overflow-y: auto;
	}
	[data-expdo-p-xpd="true"] .c3_auditActivity_b, [data-expdo-p-xpd="true"] .c3_auditActStats {
		flex: auto;
		overflow: unset;
	}
	[data-expdo-p-xpd="true"] .c3_auditActStats {
		order: -1;
	}
}
@media screen and (max-width: 1150px) {
	[data-expdo-p-xpd="false"] .c3_auditActivity_b0 {
		flex-flow: column nowrap;
		overflow-y: auto;
	}
	[data-expdo-p-xpd="false"] .c3_auditActivity_b, [data-expdo-p-xpd="false"] .c3_auditActStats {
		flex: auto;
		overflow: unset;
	}
	[data-expdo-p-xpd="false"] .c3_auditActStats {
		order: -1;
	}
}

.c3_selectNone {
	color: #cccccc;
}
.c3_selOpnHint {
	color: #cccccc;
}
.c3_evtSel > option:not(:first-of-type) {
	color: black;
}
.c3_lvEvtMpCC {
	min-height: 36px;
}
.c3_lvEvtMpArw {
	color: #8c8c8c;
}

.c3_progCirc {
	border: 1px dashed;
	min-width: 1em;
	min-height: 1em;
}
.c3_progCircSt0 {
	border-color: grey;
}
.c3_progCircSt1 {
	border-color: orange;
}
.c3_progCircSt1 .c3_progCirc1 {
	background-color: orange;
}
.c3_progCircSt2 {
	background-color: #41B658;
	color: white;
	border-color: transparent;
}
.c3_progCircIcn {
	font-size: 60%;
}
.c3_nMoreOpt {
	color: var(--c-gray-110);
	cursor: default;
}
.c3_nMoreOpt:focus,
.c3_nMoreOpt:hover {
	text-decoration: underline;
}

.c3_srch_bdrC_trans {border-color: transparent;}
.c3_srch.c3_fld_deco {box-shadow: none;}
.c3_srchTypAh {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-color: transparent;
	box-shadow: none;
	opacity: 1;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	color: var(--c-gray-70);
}
.c3_srchDrpDwn {
	z-index: 1000;
	background-color: #ffffff;
	box-shadow: var(--shdo-drpDwn);
}
.c3_srchOpn:hover, .c3_srchOpn.active {
	background-color: #EAF5FE;
}
.c3_srchInpG {
	border-color: transparent;
}
.c3_srchInp {
	background-color: transparent;
	z-index: 1;
}
.c3_srchRhsIn {
	background-color: white;
	z-index: 1;
}

[data-tbl-filter='hide'] {
	display: none;
}

.c3_xpSegment, .c3_xpSignal, .c3_xpDevice {
	border: 1px solid var(--c-gray-80);
	border-radius: var(--btn-n-br);
}
.c3_purpleIt .c3_xpSegment, .c3_purpleIt .c3_xpSignal {
	padding: 0 4px;
}
.c3_srchVCrd, .c3_axnCntntSel {
	color: var(--c-selV-card);
	background-color: var(--bg-selV-card);
}
.c3_purpleIt .c3_srchVCrd, .c3_axnCntntSel {
	color: var(--c-gray-10);
	background-color: var(--c-purple-40);
}

.c3_xpFldLbl, .c3_mTmpltC .c3_fldTtl, .c3_xpFldErr {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: var(--c-gray-110);
}
.c3_xpFldLblDsbl {
	color: var(--c-gray-80);
}
.c3_xpFreqLbl {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: var(--c-gray-100);
}
.c3_xpFldErr {
	color: var(--c-red-40);
}

.c3_xp .c3_modExpCfgsVH {
	display: none;
}

.c3_triggeredExpSGrd {
	display: flex;
}
.c3_triggeredExpSGrd2 {
	grid-template-columns: auto auto auto auto;
	padding-top: 0;
	padding-bottom: 24px;
	padding-left: 0;
	padding-right: 0;
}
.c3_triggeredExpDesc {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: var(--c-gray-110);
}
.c3_xpAxnGrpCrd {
	width: 172px;
	max-width: 172px;
	height: 284px;
	max-height: 284px;
	background-color: #FFFFFF;
	border: 1px solid var(--c-gray-50);
	box-sizing: border-box;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
	border-radius: 4px;
}
.c3_xpAxnGrpCrd:hover {
	border: 2px solid #085DAD;
}
.c3_xpAxnGrpCrdIC {
	width: 171px;
	height: 140px;
	background-color: var(--c-gray-10);
}
.c3_xpAxnGrpCrdI {
	font-size: 77px;
	color: #085DAD;
}

.c3_trgTypCrd {
	box-sizing: border-box;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.c3_trgTypCrdI {
	font-size: 80px;
	color: var(--c-blue-60);
}


.c3_xpFormFd {
	border: 1px solid #bbbbbb;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	padding: 8px 8px;
	box-sizing: border-box;
	background: #FFFFFF;
}
.c3_xpInputFd {
	padding: 9px 9px;
}
.c3_xpDisInputFd {
	border: 1px solid var(--c-gray-60);
	padding: 9px 9px;
	background: #F0F0F0;
}
.c3_xpAllocV {
	width: 80px;
}
.c3_xpCtrlFd {
	max-width: calc(100% - 10px);
}
.c3_xpCtrlFdPct {
	margin-top: 5px;
	margin-left: 2px;
}
.c3_tmplGlryCrd {
	width: 268px;
	height: 134px;
	border: 1px solid var(--c-gray-50);
	box-sizing: border-box;
	box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
}
.c3_tmplGlryCrd:hover {
	border: 2px solid #085DAD;
}

.c3_axnPrvWrp {
	min-width: 25vw;
	/*max-width: 25vw;*/
}
.c3_axnsXpB .c3_axnPrvWrp {
	/* min-width: calc((100vw - 240px - 48px - 10px - 48px - 48px - 24px) - 480px); */
	min-width: unset;
	max-width: unset;
}
.c3_axnPrvWrp .c3_axnPrvC1,
.c3_axnSmryPrvWrp .c3_axnPrvC1 {
	min-height: 600px;
	max-height: 600px;
}
.c3_aTmpPrvWrp {
	max-width: 420px;
	min-width: 10vw;
	/* width: calc(.75*(100vw - 200px - 48px - 48px - 10px)); */
}
.c3_axnTpltSel .c3_aTmpPrvWrp {
	min-width: calc((100vw - 200px - 48px - 48px - 10px) - 382px);
	max-width: calc((100vw - 200px - 48px - 48px - 10px) - 382px);
}
.c3_aTmpPrvWrp .c3_axnPrvC1 {
	min-height: 420px;
	max-height: 420px;
}

.c3_axnTpltC1Wrp {
	max-height: 718px;
}

.c3_axnNXpC {
	min-width: 45%;
}

.c3_sel_shdo {
	box-shadow: inset 0px 0px 2px 1px #085dad;
}
.c3_lvR .c3_sel_shdo {
	box-shadow: inset 0px -2px 1px blue;
}
.c3_lvR .c3_lvRSel {
	background-color: var(--c-gray-40);
	box-shadow: inset 0px -1px 0px var(--c-gray-50);
}

.c3_axnTmpV0, .c3_axnTmpV1 {
	display: none;
}
.c3_axnTypV1 {
	display: none;
}
[data-has-tmp='0'] .c3_axnTmpV0 {
	display: flex;
}
[data-has-tmp='1'] .c3_axnTmpV1 {
	display: flex;
}
[data-has-atyp='1'] .c3_axnTypV1 {
	display: flex;
}

[data-a-cntnt-typ='ref'] .cntntTxt {
	display: none;
}
[data-a-cntnt-typ='text'] .cntntRef {
	display: none;
}

.c3_xpUnsaved {
	pointer-events: none;
	background-color: var(--c-gray-20);
	border-color: transparent;
	color: var(--c-gray-80);
}
[data-xp-unsaved='1'] .c3_xpUnsaved {
	pointer-events: auto;
	background-color: var(--btn-primary-c);
	color: var(--c-gray-0);
}
.c3_purpleIt [data-xp-unsaved='1'] .c3_xpUnsaved {
	pointer-events: auto;
	background-color: var(--btn-primary0-c);
    border-color: var(--btn-primary0-bdr-c);
    color: var(--btn-primary0-txt-c);
}

@layer layer4 {
	.c3_xpUnsaved0 {
		pointer-events: none;
		background-color: var(--c-gray-20);
		border-color: transparent;
		color: var(--c-gray-80);
	}
	[data-xp-unsaved='1'] .c3_xpUnsaved0 {
		pointer-events: revert-layer;
		background-color: revert-layer;
		border-color: revert-layer;
		color: revert-layer;
	}
}

.c3_xpAxnGrpIcn {
	width: 17.5px;
	height: 16.02px;
	color: #8C8C8C;
}
.c3_xpIcnWrapper {
	padding: 2px 8px;
	background-color: var(--c-gray-10);
	border: 1px solid var(--c-gray-80);
	box-sizing: border-box;
	border-radius: 100px;
}

.c3_push_page .c3_chart {
	display: flex;
	flex-flow: row nowrap;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: var(--c-gray-100);
}
.c3_push_page .c3_chart_bar {
	height: 24px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.c3_push_page .c3_chart_legend_left {
	display: flex;
	flex-flow: row-reverse;
	align-items: center;
	padding-right: 8px;
}
.c3_push_page .c3_chart_legend_right {
	display: flex;
	align-items: center;
	margin-left: 8px;
}

.c3_segSmry .c3_sca_readOnly_cont,
.c3_segSmry .c3_sca_ro_iwith,
.c3_segSmry .c3_sca_ro_name,
.c3_segSmry .c3_sca_ro_axnName,
.c3_segSmry .c3_csi_readOnly,
.c3_segSmry .c3_csi_readOnly_bx,
.c3_segSmry .c3_seg_activity_v_r,
.c3_segSmry .c3_editSegm_device_lbl,
.c3_segSmry .c3_andOr_ro
{
	color: initial;
	font-size: 14px;
	font-weight: 400;
}
.c3_segSmry .c3_csi_readOnly_bx_operator {
	font-weight: 300;
}

.c3_xpCEdtr .c3_bxWhite, .c3_xpCEdtr .c3_bxOutline {
	border-radius: 0px;
}
.c3_xpCEdtr .c3_bxOutline, .c3_xpDash .c3_bxOutline {
	border: unset;
	box-sizing: unset;
	box-shadow: unset;
}
.c3_xpDash .c3_bxOutline {
	border-bottom: var(--bdr-gr50);
}
[data-is-time-dsp="0"] .c3_xpTimeSel,
[data-is-time-dsp="0"] .c3_mlTimeSel {
	display: none;
}

.c3_pnlDropdownMenu {
	cursor: default;
}
.c3_pnlDropdownMenu .c3_btn:hover {
	background-color: var(--c-gray-30);
}
.c3_sidePnlAni {
	animation-duration: .5s;
	animation-name: c3_sidePnl-ani;
}
@keyframes c3_sidePnl-ani {
	from {
		right: calc(-1*var(--sidePnl-w));
	}
	to {
		right: 0px;
	}
}
.c3_udc_dash_template_header_hide .udc_dash_template_header {
	display: none;
}
.c3_sessDash .udc_dash_template_header {
	margin: unset;
}
.c3_xpCDash .udc_dash_template_header {
	margin: unset;
}
.c3_sessScore .udc_dash_template_header {
	margin: unset;
}
.c3_xpCDash .c3_pf_pl, .c3_cpgnOvLv .c3_pf_pl, .c3_lv2Cl .c3_pf_pl {
    width: 100px;
    height: 20px;
    border-radius: 4px;
    /*border-radius: 100px;*/
    padding-top: 2px;
    padding-bottom: 2px;
}
.c3_xpCDash .c3_pf_pl-bdr, .c3_cpgnOvLv .c3_pf_pl-bdr, .c3_lv2Cl .c3_pf_pl-bdr{
	border: 1px solid var(--c-gray-40);
}

.c3_loginInp.c3_invalid {
	background-color: var(--c-red-20);
	border: 1px solid #D82C0D;
}

.c3_lvThumbImg {
	max-width: 100px;
}

.c3_winBox {
	border: 2px solid var(--c-gray-50);
	border-radius: 8px;
	/* box-sizing: border-box; */
	box-shadow: -2px 4px 4px 4px rgba(0, 0, 0, 0.3);
}
.c3_winBox>.wb-header>.wb-icon>* {
	filter: invert(.71);
}
.c3_winBox>.wb-header>.wb-icon>*:hover {
	filter: invert(.91);
}
.c3_winBox>.wb-header {
	background-color: var(--c-gray-50);
	color: var(--c-gray-110);
}
.c3_winBox>.wb-body {
	padding: 18px 40px 40px 40px;
}
.c3_winBoxFx>.wb-body {
	display: flex;
}

/* border colors */
.c3-bdr-c-blue10 {border-color: var(--c-blue-10);}
.c3-bdr-c-blue50 {border-color: var(--c-blue-50);}
.c3-bdr-c-blue60 {border-color: var(--c-blue-60);}
.c3-bdr-c-blue70 {border-color: var(--c-blue-70);}
.c3-bdr-c-gray50 {border-color: var(--c-gray-50);}
.c3-bdr-c-gray60 {border-color: var(--c-gray-60);}
.c3-bdr-c-gray70 {border-color: var(--c-gray-70);}
.c3-bdr-c-gray80 {border-color: var(--c-gray-80);}
.c3-bdr-c-gray90 {border-color: var(--c-gray-90);}
.c3-bdr-c-gray110 {border-color: var(--c-gray-110);}
.c3-bdr-c-red50 {border-color: var(--c-red-50);}
.c3-bdr-c-red60 {border-color: var(--c-red-60);}
.c3-bdr-c-black {border-color: black;}
.c3-bdr-c-white {border-color: white;}
.c3-bdr-c-purple40 {border-color: var(--c-purple-40);}


.c3-bdr-c-yellow15_t {border-top: 2px solid var(--c-yellow-15);}
.c3-bdr-c-yellow15_b {border-bottom: 2px solid var(--c-yellow-15);}
.c3-bdr-c-yellow30_l {border-left: 5px solid var(--c-yellow-30);}
.c3-bdr-c-blue50_t {border-top: 2px solid var(--c-blue-50);}
.c3-bdr-c-blue50_b {border-bottom: 2px solid var(--c-blue-50);}
.c3-bdr-c-green60_5l {border-left: 5px solid var(--c-green-60);}
.c3-bdr-c-purple90_5l {border-left: 5px solid var(--c-purple-90);}

.c3-bdr-dash-black_b {border-bottom: 2px dashed var(--c-black);}

.c3_triangleTop, .c3_triangleBottom {
	border-left-color: transparent;
	border-right-color: transparent;
	height: 0;
	width: 0;
}
.c3_triangleTop {
	border-top-color: transparent;
	border-top-width: 0;
}
.c3_triangleBottom {
	border-bottom-color: transparent;
	border-bottom-width: 0;
}
.c3_triangleTopC, .c3_triangleBottomC {display: none;}
[data-show-at="below"] .c3_triangleTopC {display: flex;}
[data-show-at="above"] .c3_triangleBottomC {display: flex;}

.c3_split_c {
	height: 100%;
}
.c3_split_eql {
	width: calc(50% - (var(--splt-w)/2));
}
.c3_split3>.c3_split_eql {
	width: calc(33.33% - (var(--splt-w)));
}
.c3_split4>.c3_split_eql {
	width: calc(25% - (var(--splt-w)*3/2));
}
.c3_split_splitter {
	cursor: col-resize;
	width: var(--splt-w);
	min-width: var(--splt-w);
	-ms-user-select: none;
	user-select: none;
}

.c3_hgt25{
	height: 25px;
}

.c3_segExpTbl {
    min-height: 350px;
}
.c3_segExp .c3_rw_blue {
	background-color: var(--c-blue-0);
}
.c3_segExp .c3_cl_b60 {
	color: var(--c-blue-60);
}
.c3_segExp .c3_ov_vis, .c3_segExpLv .c3_ov_vis, .c3_ov_vis{
    overflow:visible;
}
.c3_segExp .c3_ov_vis .c3_lvCHIn {
    width: 150%;
}
.c3_segExplInsHd {
	color: #1F5199;
	font-weight: 500;
	font-size: 20px;
	line-height: 28px;
}
.c3_segExpInsCont {
	color: var(--c-gray-110);
	line-height: 20px;
	font-size: 14px;
	height: 255px;
}
.c3_segExpInsBdy .float_right_btn {
	color: #8c8c8c;
}
.c3_segExpInsBdy .bdyTxt {
	color: #1F5199;
}
.c3_segExpInsBdySep {
	border-bottom: 1px solid var(--c-gray-50);
	margin-bottom: 20px
}

.c3_segExpLv .c3_ctxMnu {
    min-width: 50px;
}
.c3_segClsBtn {
    position: relative;
    bottom: 35%;
}
.c3_segExpChrt {
	height: 350px;
}
.c3_segExpInsLogo {
	width: 30px;
	height: 24px;
}
/*
	d3 bubble chart
*/
.bb-axis-x-label, .bb-axis-y-label {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: var(--c-gray-110);
}
.bb-axis.bb-axis-y path {
	stroke-width: 0px;
	stroke: var(--c-gray-110);
	fill: none;
}
.bb-ygrid {
	stroke-dasharray: none !important;
}
.bb-grid line {
	stroke: var(--c-gray-50) !important;
}
.c3_segExp .c3_arrVStm {
    background-color: var(--c-gray-80);
    width: 2px;
}
.c3_segExp .c3_arrHStm {
    height: 2px;
    background-color: var(--c-gray-80);
}
.c3_segExp .c3_arrHd {
    transform: translate(-6px, 0px)
}
.c3_segExp .c3_arrHdB {
    transform: translate(-6px, 5px)
}
.c3_dimSelBtn {
    height: 22px;
    width: 22px;
}
.c3_dimSelBtnC {
    cursor: default;
}
.c3_dimSelBtn:hover, .c3_dimSelBtnC:hover .c3_dimSelBtn{
    background-color: var(--c-gray-50);
}
.c3_segExp .c3_segExpP {
    background-color: rgba(112, 126, 143, .85);
    color: var(--c-gray-0);
}
.c3_segExpRw:hover {
    background-color: var(--c-yellow-10);
}
.c3_segExp .c3_segExpDCl {
    padding-bottom: calc(var(--lv2-cl-pd-v) - 3px);
}
.c3_segExpUl{
    height: 3px;
    left: 0px;
    bottom: 0px;
    background-color: transparent;
}
.c3_segExpP:hover .c3_segExpUl{
    background-color: var(--c-blue-80);
}
.c3_segExpNP:hover .c3_segExpUl{
    background-color: var(--c-gray-80);
}

/* home dash line chart */
.c3_granuBtnCont {
	background: transparent;
	border: 1px solid var(--btn-group-active-c-grayblue);
	color: var(--c-gray-100);
}
.c3_granuBtnDivider {
	width: 0;
	border-left: 1px solid var(--btn-group-active-c-grayblue);
}
.c3_granuBtnActive {
	background-color: var(--btn-group-active-c-grayblue);
	color: var(--c-gray-0);
}
.c3_granuBtnDisabled {
	border: 1px solid var(--c-gray-40);
	color: var(--c-gray-0);
}

/* home dash donut chart */
.c3_hdashMtCrdTtle {
	font-size: 16px;
	line-height: 24px;
	color: var(--c-gray-110);
	font-weight: 500;
}
.c3_hdashDonutLegWrp {
	background-color: var(--c-gray-40);
	border-radius: 2px;
	margin-bottom: 5px;
	color: var(--c-gray-100);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 2px 12px;
}
.c3_hdashDonutLeg {
	width: 16px;
	height: 16px;
	margin-top: 2px;
	border-radius: 3px;
	margin-right: 10px;
	background-color: gold;
}
.c3_sessDashDonutLeg {
	background-color: var(--c-green-60);
}
.c3_sessDashDonutLeg2 {
	background-color: #9D53F2;
}
.c3_hdashDonutLegHide {
	background-color: transparent;
}
.c3_noDataCont {
	margin-top: -15px;
}
.c3_hdashRTCrdTtleWrp {
	margin: 20px 20px 0 20px
}
.c3_rtEventCont {
	height: 100%;
}
@keyframes rtPulse {
	0% {
		background-color: var(--c-gray-10);
		color: var(--c-gray-100);
	}
  60% {
		background-color: var(--c-gray-20);
		color: var(--c-gray-100);
	}
	65% {
		background-color: var(--c-blue-10);
		color: var(--c-blue-50);
	}
	75% {
		background-color: #CEDFEB;
		color: var(--c-blue-50);
	}
	95% {
		background-color: #D0E0EC;
		color: var(--c-blue-50);
	}
}
.c3_rtPulseCont {
	animation-name: rtPulse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}
.c3_rtTooltip {
	background-color: #314A68;
	line-height: 16px;
	border: 1px solid #1C3450;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1580px) {
	.c3_hdashRTCrdChrtCont {
		min-width: 218px;
	}
}
@media only screen and (max-width: 1400px) {
	.c3_hdashRTCrdChrtCont {
		min-width: 218px;
	}
	.c3_hdashMtCardCont {
		overflow-x: auto;
		overflow-y: hidden;
	}
	.c3_hdashMtCardCont .c3_pd_20 {
		padding: 14px;
	}
	.c3_hdashDonutLegWrp {
		font-weight: 400;
		font-size: 11px;
		line-height: 20px;
		padding: 2px 12px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.c3_hdashMtCrdTtle {
		font-size: 12px;
	}
	.c3_chCrd .c3_chCrdNum {
		font-size: 28px;
	}
	.c3_hdashDonutLeg {
		width: 12px;
		height: 12px;
	}
}
@media only screen and (max-height: 780px) {
	.c3_dMtCrdChrtInfo {
		font-size: 14px;
		line-height: 20px;
	}
	.c3_homeDshC2 {
		height: calc(52vh - 125px);
		height: -moz-calc(52vh - 125px);
		height: -webkit-calc(52vh - 125px);
	}
	.c3_noDataCont {
		margin-top: -30px;
	}
	.c3_noData2.c3_pd_24 {
		padding: 12px;
	}
	.c3_noDataGfx svg {
		width: 88%;
		height: 88%;
	}
	.c3_noData2 .c3_noDataLbl1 {
		font-size: 16px;
	}
	.c3_noData2 .c3_noDataLbl2 {
		font-size: 14px;
	}
	.c3_hdashDonutLegWrp {
		font-weight: 500;
		font-size: 13px;
		line-height: 18px;
		padding: 3px 12px;
	}
	.c3_hdashDonutLeg {
		width: 14px;
		height: 14px;
	}
	.c3_hddashDonutLegCont .c3_pd_20v {
		padding-top: 12px;
		padding-bottom: 12px;
	}
}
@media only screen and (max-height: 720px) {
	.c3_dMtCrdChrtInfo {
		font-size: 13px;
		line-height: 18px;
	}
	.c3_homeDshC2 {
		height: calc(52vh - 130px);
		height: -moz-calc(52vh - 130px);
		height: -webkit-calc(52vh - 130px);
	}
	.c3_noDataCont {
		margin-top: -40px;
	}
	.c3_noData2.c3_pd_24 {
		padding: 8px;
	}
	.c3_noDataGfx svg {
		width: 78%;
		height: 78%;
	}
	.c3_noData2 .c3_noDataLbl1 {
		font-size: 14px;
	}
	.c3_noData2 .c3_noDataLbl2 {
		font-size: 12px;
	}
	.c3_hdashDonutLegWrp {
		font-weight: 400;
		font-size: 12px;
		line-height: 16px;
		padding: 2px 12px;
	}
	.c3_hdashDonutLeg {
		width: 12px;
		height: 12px;
		margin-top: 2px;
	}
	.c3_hddashDonutLegCont .c3_pd_20v {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 1100px) and (max-height: 720px) {
	.c3_homeDshC1 {
		height: 45vh;
		max-height: 45vh;
	}
	.c3_homeDshC2 {
		height: calc(52vh - 145px);
		height: -moz-calc(52vh - 145px);
		height: -webkit-calc(52vh - 145px);
	}
	.c3_hdashMtCardCont {
		overflow-x: auto;
		overflow-y: hidden;
	}
}
@media only screen and (max-height: 650px) {
	.c3_homeDshCWrp {
		overflow-y: auto;
		height: 100vh;
	}
	.c3_homeDshC {
		overflow-y: auto;
		height: 100%
	}
	.c3_homeDshC1 {
		height: 400px;
		max-height: 100%;
	}
	.c3_homeDshC2 {
		height: 330px;
		max-height: 100%;
	}
	.c3_noDataGfx svg {
		width: 90%;
		height: 90%;
	}
	.c3_noDataCont {
		margin-top: -15px;
	}
	.c3_noData2 .c3_noDataLbl1 {
		font-size: 20px;
	}
	.c3_noData2 .c3_noDataLbl2 {
		font-size: 16px;
	}
	.c3_dMtCrdChrtInfo {
		font-size: 12px;
		line-height: 16px;
	}
	.c3_hdashDonutLegWrp {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		padding: 2px 12px;
	}
	.c3_hdashDonutLeg {
		width: 16px;
		height: 16px;
		margin-top: 2px;
		margin-right: 10px;
	}
	.c3_hddashDonutLegCont .c3_pd_20v {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

.c3_breakdownFltr {
	min-width: 230px;
}

.c3i_busyDots {
	width: 36px;
	height: 6px;
}
.c3i_busyDots {display: inline-block;}

@media screen and (max-width : 1280px) {
	.c3_gd_2c.c3_gd_2c2r_1280,
	.c3_gd_3c.c3_gd_2c2r_1280 {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.c3_gd_2c_sep.c3_gd_2c2r_1280 {
		grid-template-columns: 1fr;
		grid-template-rows: auto 1px auto;
	}
	.c3_gd_2c_sep.c3_gd_2c2r_1 > .c3_sep_v {
	}
}
@media screen and (max-width : 1458px) {
	.c3_gd_2c.c3_gd_2c2r_1458,
	.c3_gd_3c.c3_gd_2c2r_1458 {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.c3_gd_2c_sep.c3_gd_2c2r_1458 {
		grid-template-columns: 1fr;
		grid-template-rows: auto 1px auto;
	}
	.c3_gd_2c_sep.c3_gd_2c2r_1458 > .c3_sep_v {
	}
}
.c3_xpSxn5 {
	container-type: inline-size;
	container-name: schd;
}
@container schd (inline-size < 1365px) {
	.c3_xpSxn5_1 {
		flex-flow: column nowrap;
	}
}
@container schd (inline-size < 840px) {
	.c3_xpSchdTE {
		flex-flow: column nowrap;
	}
}

.c3_z1Tbl .c3_lvCl_e {
  padding: var(--lv-cl-e-pd-v) var(--lv-cl-e-pd-h);
}
[data-axn-e-xp-has-prv="n"] .c3_axnTpltSelWrp {
	max-width: 512px;
}
[data-axn-e-xp-has-prv="n"] .c3_axnEXpBColWrp>.c3_split_splitter {
	display: none;
}
.c3_axnEXp [data-s-id-n="rawData"] {
	min-height: 400px;
}

.c3_incEvtListC60DHover:hover {
	background-color: var(--c-gray-40);
}

.c3_shwBxLight {
	box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.1);
}
.changelog_widget {
	justify-content: flex-start;
}
.changelog_parent_wrap .Frill_Trigger, .changelog_parent_wrap .Frill_Trigger *,
.changelog_parent_wrap .Frill_Trigger *::before, .changelog_parent_wrap .Frill_Trigger *::after,
.changelog_parent_wrap .Frill_View, .changelog_parent_wrap .Frill_View *,
.changelog_parent_wrap .Frill_View *::before, .changelog_parent_wrap .Frill_View *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
.changelog_parent_wrap .Frill_Badge {
  top: -1px;
  right: -3px;
}
.c3_ttip2 {
  width: max-content;
  height: auto;
  background-color: #314A68;
  border: 1px solid #1C3450;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 2px 10px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.c3_dotLdr .c3_dotLdrDts {
  --dot1: #788c9f;
  --dot2: #788c9f33;
  --dot3: #788c9f66;
  --dot4: #788c9fb3;
  --duration: 700ms;
  --easing: linear;
  --delay: 1ms;
  width: 12px;
  height: 12px;
}
.c3_dotLdr .c3_dotLdrDts:nth-child(1) {
  background-color: var(--dot1);
  animation: var(--duration) var(--easing) var(--delay) infinite alternate flash1;
}
.c3_dotLdr .c3_dotLdrDts:nth-child(2) {
  background-color: var(--dot2);
  animation: var(--duration) var(--easing) var(--delay) infinite alternate flash2;
}
.c3_dotLdr .c3_dotLdrDts:nth-child(3) {
  background-color: var(--dot3);
  animation: var(--duration) var(--easing) var(--delay) infinite alternate flash3;
}
.c3_dotLdr .c3_dotLdrDts:nth-child(4) {
  background-color: var(--dot4);
  animation: var(--duration) var(--easing) var(--delay) infinite alternate flash4;
}
@keyframes flash1 {
  0%, 100% { background-color: var(--dot1) }
  25% { background-color: var(--dot2) }
  50% { background-color: var(--dot3) }
  75% { background-color: var(--dot4) }
}
@keyframes flash2 {
  0%, 100% { background-color: var(--dot4) }
  25% { background-color: var(--dot1) }
  50% { background-color: var(--dot2) }
  75% { background-color: var(--dot3) }
}
@keyframes flash3 {
  0%, 100% { background-color: var(--dot3) }
  25% { background-color: var(--dot4) }
  50% { background-color: var(--dot1) }
  75% { background-color: var(--dot2) }
}
@keyframes flash4 {
  0%, 100% { background-color: var(--dot2) }
  25% { background-color: var(--dot3) }
  50% { background-color: var(--dot4) }
  75% { background-color: var(--dot1) }
}

.c3_smry2_mrkr {
  list-style: none;
}
.c3_dtls2_mrkr > .c3_smry2_mrkr .c3_dtls2_open,
.c3_dtls2_mrkr[open] > .c3_smry2_mrkr .c3_dtls2_close {
  display: none;
  margin-left: 6px;
}
.c3_dtls2_mrkr > .c3_smry2_mrkr .c3_dtls2_close,
.c3_dtls2_mrkr[open] > .c3_smry2_mrkr .c3_dtls2_open {
  display: block;
  margin-left: 6px;
}
.c3_stepsSvg .c3_steps5Tick {
  display: none;
}
.c3_stepsSvg.c3_steps5Completed .c3_steps5Tick,
.c3_stepsSvg.c3_steps5Active.c3_steps5Completed .c3_steps5Tick {
  display: block
}
.c3_stepsSvg .c3_steps5SvgStrip {
  fill: var(--c-blue-60);
  fill-opacity: 0.2;
}
.c3_stepsSvg .c3_steps5InnerCircle {
  fill: var(--c-blue-60);
  fill-opacity: 0.2;
}
.c3_stepsSvg .c3_steps5OuterCircle {
  fill: var(--c-blue-60);
  stroke-opacity: 0.1;
  fill-opacity: 0.2;
}
.c3_stepsSvg .c3_steps5Number,
.c3_stepsSvg .c3_steps5Tick {
  fill: white;
}
.c3_stepsSvg .c3_steps5Text {
  fill: var(--c-blue-70);
  fill-opacity: 0.7;
}

.c3_stepsSvg.c3_steps5Completed .c3_steps5SvgStrip {
  fill: var(--stps5-c-gray-85);
  fill-opacity: 0.5;
}
.c3_stepsSvg.c3_steps5Completed .c3_steps5InnerCircle {
  fill: var(--stps5-c-gray-95);
  fill-opacity: 0.3;
}
.c3_stepsSvg.c3_steps5Completed .c3_steps5OuterCircle {
  stroke-opacity: 0.2;
  fill: var(--stps5-c-gray-95);
  fill-opacity: 0.3
}
.c3_stepsSvg.c3_steps5Completed .c3_steps5Text {
  fill: var(--stps5-c-darkgreyblue);
  fill-opacity: 0.7;
}

.c3_stepsSvg.c3_steps5Active .c3_steps5SvgStrip {
  fill: var(--c-blue-60);
  fill-opacity: 0.5;
}
.c3_stepsSvg.c3_steps5Active .c3_steps5InnerCircle {
  fill: var(--c-blue-60);
  fill-opacity: 0.4;
}
.c3_stepsSvg.c3_steps5Active .c3_steps5OuterCircle {
  fill: var(--c-blue-60);
  stroke-opacity: 0.2;
  fill-opacity: 0.4
}
.c3_stepsSvg.c3_steps5Active .c3_steps5Text {
  fill: white;
  fill-opacity: 1;
}
.c3-bg-c-grey-blue {
  background-color: var(--c-grey-blue);
}

.c3_fireonce2 .c3_tgl_lbl {
	display: none;
}

.c3_pp_defCont2:first-child .c3_trgEvtPattArw {
	display: none;
}
.c3_trgEvtPattArwLst {
	display: none;
}
.c3_pp_defCont2:last-child .c3_trgEvtPattArwLst {
	display: flex;
}

.c3_pp_defCont2:first-child .c3_trgMustFol {
	display: none;
}

.c3_xpSelBxItemCont:hover {
	background-color: var(--c-blue-10);
}
.c3_trnsit_ease_15 {
	transition: all 0.15s ease 0s;
}

[data-overflow="y"] {
    flex-flow: row wrap;
}
[data-overflow]>.c3_ftrGlryFltr {
    margin-left: auto; /* justify right */
}
[data-overflow="n"]>.c3_ftrGlryFltr {
    order: unset;
}
[data-overflow="y"]>.c3_ftrGlryFltr {
    order: 1;
}

.c3_evtLogStarted {
	background-color: var(--evtLogStart-bg-c);
}
.c3_evtLogStopped {
	background-color: var(--evtLogStop-bg-c);
}

.c3_pretty_obj {
	/* background-color: var(--c-bg); */
}
.c3_pretty_objBtns {
	display: none;
	right: 2px;
	background-color: var(--c-bg);
	background-color: color-mix(in srgb, var(--c-bg) 90%, transparent);
}
.c3_pretty_obj:hover .c3_pretty_objBtns {
	display: flex;
}

.c3_upldHdlrSample {
	display: none;
}
[data-ety-menu-option="upload"] .c3_upldHdlrSample {
	display: flex;
}

.c3_c_sigBand1 {color: var(--c-sig-band1);}
.c3_c_sigBand2 {color: var(--c-sig-band2);}
.c3_c_sigBand3 {color: var(--c-sig-band3);}
.c3_c_sigBand4 {color: var(--c-sig-band4);}
.c3_c_sigBand5 {color: var(--c-sig-band5);}
.c3_c_sigBand6 {color: var(--c-sig-band6);}

.c3_bg_sigBand1 {background-color: var(--c-sig-band1);}
.c3_bg_sigBand2 {background-color: var(--c-sig-band2);}
.c3_bg_sigBand3 {background-color: var(--c-sig-band3);}
.c3_bg_sigBand4 {background-color: var(--c-sig-band4);}
.c3_bg_sigBand5 {background-color: var(--c-sig-band5);}
.c3_bg_sigBand6 {background-color: var(--c-sig-band6);}

/* Slider CSS */
.c3_sliderRange {
  appearance: none;
  height: var(--sldrRng-h);
  outline: none;
  z-index: 1;
  --currWidth: 0px;
}
.c3_sliderRange::before {
  content: '';
  position: absolute;
  width: var(--currWidth);
  border-radius: 8px;
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
  background-color: var(--c-purple-40);
  top: -4px;
  z-index: -2;
}
.c3_sliderRange2 {
  --sldrRng-h: 16px;
}
.c3_sliderRange.c3_sliderRange2 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.c3_sliderRange.c3_sliderRange2::before {
  top: 0px;
}
.c3_sliderGoalRange {
  position: absolute;
  width: 0;
  height: var(--sldrRng-h);
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: var(--c-purple-15);
  top: 2px;
  z-index: 1;
}
.c3_sliderRange::-webkit-slider-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  background: var(--c-white);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: 3px solid black;
  z-index: -1;
}
.c3_sliderRange::-moz-range-thumb {
  appearance: none;
  width: 24px;
  height: 24px;
  background: var(--c-white);
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: 3px solid black;
  z-index: -1;
}
.c3_sliderRange.c3_sliderThumbFlat::-webkit-slider-thumb {
  width: 8px;
  border-radius: 0;
  background-color: var(--c-purple-80);
  border-radius: 10px;
}
.c3_sliderRange.c3_sliderThumbFlat::-moz-range-thumb {
  width: 8px;
  border-radius: 0;
  background-color: var(--c-purple-80);
  border-radius: 10px;
}
.c3_sliderNum {
  appearance: none;
  left: 50%;
  transform: translate(-50%, 100%);
  outline: none;
}
.c3_sliderNumArrRm::-webkit-outer-spin-button,
.c3_sliderNumArrRm::-webkit-inner-spin-button {
  appearance: none;
}
.c3_sliderStage {
  transform: translate(0%, -50%);
  top: 50%;
  border-left: 2px dotted var(--c-purple-60);
  z-index: 3;
}
.c3_sliderCurrVal,
.c3_sliderGoalVal, .c3_sliderZeroVal {
  transform: translate(0%, 50%);
}
.c3_sldrRng_12h {
  --sldrRng-h: 12px;
}
.c3_sldrRng_16h {
  --sldrRng-h: 16px;
}


.c3_c_sigBand1 {color: var(--c-sig-band1);}
.c3_c_sigBand2 {color: var(--c-sig-band2);}
.c3_c_sigBand3 {color: var(--c-sig-band3);}
.c3_c_sigBand4 {color: var(--c-sig-band4);}
.c3_c_sigBand5 {color: var(--c-sig-band5);}
.c3_c_sigBand6 {color: var(--c-sig-band6);}

.c3_bg_sigBand1 {background-color: var(--c-sig-band1);}
.c3_bg_sigBand2 {background-color: var(--c-sig-band2);}
.c3_bg_sigBand3 {background-color: var(--c-sig-band3);}
.c3_bg_sigBand4 {background-color: var(--c-sig-band4);}
.c3_bg_sigBand5 {background-color: var(--c-sig-band5);}
.c3_bg_sigBand6 {background-color: var(--c-sig-band6);}

.c3_audDefItem {
  border-left: solid 4px;
  border-left-color: var(--c-purple-90);
}

.c3_overlayCont {
	border-top: 1px dashed var(--c-gray-100);
	border-left: 1px dashed var(--c-gray-100);
	border-right: 1px dashed var(--c-gray-100);
	position: absolute;
}
.c3_overlayHandler {
	height: 60px;
	width: 20px;
	padding-top: 20px;
	padding-left: 3px;
	border: 1px solid var(--c-gray-100);
	border-radius: 50px;
	background-color: #FAB40C;
	box-sizing: border-box;
	cursor: pointer;
	position: absolute;
	z-index: 9;
}

.c3_checkBoxRadio:checked + .c3_checkBoxRadioLabel .c3_checkBoxRadioCard {
  border: 1px solid var(--c-purple-40);
}
.c3_checkBoxRadioIcon {
  color: transparent;
  border: 1px solid var(--c-gray-60);
}
.c3_checkBoxRadio:checked + .c3_checkBoxRadioLabel .c3_checkBoxRadioIcon {
  border: 1px solid var(--c-blue-50);
  color: var(--c-blue-50);
}
.c3_checkBoxRadio:checked + .c3_checkBoxRadioLabel .c3_checkBoxRadioIconPurple {
  border: 1px solid var(--c-purple-40);
  color: var(--c-purple-40);
}
.c3_img_contain {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
.c3_vertical_line {
  width: 20px;
  height: 1px;
  transform: rotate(90deg);
}

.c3_audienceMetrics {
	grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.c3_sxnTtlC {
	background-color: var(--sxnTtlC-bg);
}
.c3_sxnTtl {
	color: var(--sxnTtlC-c);
}
.c3_sxnTtlC_bx_shdo {
  box-shadow: var(--sxnTtlC-bx-shdo);
}

.c3_customRadio {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--c-gray-90);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c3_customRadio:checked::before {
  content: "";
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--c-icn-btn-blue);
}
.c3_customRadio:checked {
  border: 1px solid var(--c-icn-btn-blue);
}
.c3_customRadioWrp:has(.c3_customRadio:checked) {
    border: 1px solid var(--c-icn-btn-blue);
}
.c3_customRadioWrp:has(.c3_customRadio:checked) span {
    font-weight: 600;
}


.c3_customCheckBox {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid var(--c-icn-btn-blue);
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}

.c3_customCheckBox:checked {
  border-color: var(--c-icn-btn-blue);
}

.c3_customCheckBox:checked::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  width: 4px;
  height: 8px;
  border: solid var(--c-icn-btn-blue);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.c3_purpleIt .c3_offerUpload .c3_data_table tr {
   border-bottom: 1px solid #C4C0C0;
}

.c3_purpleIt .c3_offerUpload .c3_data_table_headHidden thead {
  display: none;
}

.c3_purpleIt .c3_offerUpload .c3_data_table tr th {
  border: none;
  background-color: var(--lv-th-bg-c);
  padding: 7px;
  font-weight: 700;
  font-size: 10px;
}

.c3_purpleIt .c3_offerUpload .c3_data_table tr td {
  border: none;
  background-color: #fff;
  padding: 6px;
  font-weight: 400;
  font-size: 12px;
  color: #000000;
}

.c2_dialogBox .c3_dlg2_title ,
.c2_dialogBox .c3_dlg_headC1 {
  flex: 1;
  align-items: center;
  text-align: center;
  color: var(--c-purple-40);
}

.c2_deleteDialogBox .c3_gpR8,
.c2_deleteDialogBox .c3_dlg2_title,
.c2_suspendDialogBox .c3_dlg2_title,
.c2_suspendDialogBox .c3_gpR8,
.c2_resumeDialogBox .c3_dlg2_title,
.c2_resumeDialogBox .c3_gpR8{
    flex: 1;
    align-items: center;
    color: var(--c-purple-40);
    text-align: center;
}
