.color--red,   .color--red[class^="icon-"]:before{ color:var(--statusRed)!important; }
.color--green, .color--green[class^="icon-"]:before{ color:var(--statusGreen)!important; }
.color--orange{ color:var(--statusOrange) !important; }
:root{
	--baseColor:#4a4a4a;
	--iconColor:#666;
  --borderColor:#ababab;
  --mediumBorderColor:#dbdbdb;
  --minorBorderColor:#e1e1e1;
  --tinyBorderColor:#e8e8e8;
  --meenyBorderColor:#efefef;
  --dividerLine:1px solid var(--borderColor);
  --mediumDividerLine:1px solid var(--mediumBorderColor);
  --minorDividerLine:1px solid var(--minorBorderColor);
  --meenyDividerLine:1px solid var(--meenyBorderColor);
  --baseBGColor:#ffffff;
  --baseBGColorRGB:255, 255, 255;
  --cardBGColor:#ffffff;
  --subtleGrey:#fafafa;
  --fadedBGColor:#eeeeee;
  --disabledTextColor:#ccc;
  --meterBGColor:#f4f4f4;
  --penBlue:#1E83CC;
	--primaryLight60:#bcd79c;
	--primaryLight97:#fafcf7;
  --highlight03:#f8f8f8;
  --highlight06:#f2f8fd;
  --highlight13:#e3f1fa;
  
  --CAGreen:#6c9c31;
  --brandingPrimary:#6c9c31;
  --brandingSecondary:#429ada;
  --brandingPrimaryOnBlack:#6c9c31;
  --primaryLight60:#bcd79c;
  --secondaryLight60:#add4f0;
  --secondaryLight87:#e3f1fa;
	--secondaryLight94:#f2f8fd;
  --brandingPrimaryRGB:108, 156, 49;
  --brandingSecondaryRGB:66, 154, 218;
  
  --statusRed:#e53935;
  --statusOrange:#fe8f01;
  --statusYellow:#fcbf30;
  --statusGreen:#6c9c31;
  --statusBlue:#2597dd;
  --statusGrey:#888888;
  --statusPurple:#701896;
  --statusGreenLight:#bcd79c;
  
  --inputBGColor:#ffffff;
  --shadowColorRGB:0, 0, 0;
  --buttonRadius:6px;
  
  --topBarHeight:60px;
	--pageHeaderHeight:0px;
	--standardPadding:15px;
	--standardPaddingH:15px;
	
	--regionPadding:10px 15px;
	--inverseRegionPaddingMargin:10px -15px -10px -15px;
	
	--roundedRadius:10px;
	--rectangleItemRadius:10px;
			
	--pageNavWidth:265px;
	--WYSIWYGContentWidth:600px;
	--WYSIWYGPaddedWidth:calc(var(--WYSIWYGContentWidth) + (2 * var(--standardPaddingH)));
	
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/roboto-regular-webfont.eot');
    src:url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/roboto-italic-webfont.eot');
    src:url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight:normal;
    font-style:italic;
}
@font-face{
    font-family:'Roboto';
    src:url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight:bold;
    font-style:normal;
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:100;
  font-display:swap;
  src:url("../fonts/Inter-Thin.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-Thin.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:italic;
  font-weight:100;
  font-display:swap;
  src:url("../fonts/Inter-ThinItalic.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-ThinItalic.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("../fonts/Inter-Regular.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-Regular.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:italic;
  font-weight:400;
  font-display:swap;
  src:url("../fonts/Inter-Italic.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-Italic.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url("../fonts/Inter-SemiBold.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-SemiBold.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:italic;
  font-weight:600;
  font-display:swap;
  src:url("../fonts/Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-SemiBoldItalic.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("../fonts/Inter-Bold.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-Bold.woff?v=3.19") format("woff");
}
@font-face{
  font-family:'Inter';
  font-style:italic;
  font-weight:700;
  font-display:swap;
  src:url("../fonts/Inter-BoldItalic.woff2?v=3.19") format("woff2"),
       url("../fonts/Inter-BoldItalic.woff?v=3.19") format("woff");
}
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code,
em, img, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
menu, nav, section, summary, audio, video{
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
}
input[type="radio"], input[type="checkbox"]{ vertical-align:middle; }
body{
	text-align:left;
	padding:0;
	margin:0;
	background-color:var(--baseBGColor);
	font-family:Roboto, Arial, Tahoma, sans-serif;
	font-size:13px;
	color:var(--baseColor);
	overscroll-behavior:contain;
	-webkit-tap-highlight-color:transparent;
	-webkit-text-size-adjust:100%;
      -ms-text-size-adjust:100%;
}
table{ border-spacing:0; }
strong{ font-weight:700; }
ul li{ list-style-type:none; }
ul.typical, ol.typical{ margin-bottom:16px; }
ul.typical li, ol.typical li{ list-style-type:disc; margin-left:15px; }
ol li{ list-style-type:decimal; margin-left:20px; }
h3{ font-size:14px; font-weight:700; }
h4{ font-size:14px; font-weight:500; color:#878787; }
*, *:before, *:after{ box-sizing:border-box; }
a:focus{ outline:none; }
button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner{ border:0; }
select:-moz-focusring{ color:transparent; text-shadow:0 0 0 #000; }
textarea{ resize:vertical; }
pre{ -moz-tab-size:4; -o-tab-size:4; tab-size:4; }
p{ padding-bottom:16px; }
h1{ margin-bottom:16px; font-weight:500; font-size:26px; }
h2{ margin-bottom:6px; font-weight:500; font-size:16px; }
a, a:link{ color:var(--brandingPrimary); text-decoration:none; cursor:pointer; }
a:visited{ color:var(--brandingPrimary); text-decoration:none; }
a:hover{ color:var(--brandingPrimary); text-decoration:none; }
a:active{ color:var(--brandingPrimary); text-decoration:none; }
.sectionBar{ padding:var(--regionPadding); border-top:1px solid var(--fadedBorderColor); }
.buttonBar .inlineInfo{
	display:inline; margin-left:20px; padding:5px 15px; border:1px solid var(--fadedBorderColor);
	background:var(--fadedBGColor);
}
@media (max-width: 500px), (max-height: 499px)    {
 .buttonBar .inlineInfo    { display:block; margin:0 0 10px 0; } }
.bottomBorder{ border-bottom:var(--dividerLine); }
.controls a:link{ text-decoration:none !important; }
.blankSlate{
	max-width:100%;
	width:500px;
	padding:var(--regionPadding);
}
.folderPages .blankSlate{ max-width:calc(100% - 30px); }
.darkened .blankSlate, .streamItems .blankSlate, .tabWindow--sectionO .blankSlate{ background:var(--cardBGColor); border-radius:4px; }
#pageNotFoundDiv{ display:none; }
.pageNotFoundAlert{
	max-width:500px;
	margin:40px auto 0;
	background:var(--cardBGColor); padding:var(--regionPadding); border-radius:10px;
}
#localSaverRecoveryInterface{ width:300px; padding:var(--regionPadding); }
#localSaverRecoveryInterface p{ height:100px; }
.itemWidebox{
	position:relative;
	padding:15px 0 0 0;
	border:var(--dividerLine);
	margin-bottom:20px;
}
.itemWidebox.closed{ max-height:65px; }
.itemWidebox .header{ padding:0 10px 5px 10px; }
.itemWidebox .subHeader{ background:var(--fadedBGColor); padding:15px; font-weight:700; }
.itemWidebox table.gray{ border-left:none; }
.itemWidebox table.gray th{ background:var(--fadedBGColor); }
.subHeader{ background:var(--fadedBGColor); padding:15px; }
table.gray th{ padding:10px 10px 10px 10px; font-weight:700; border-bottom:var(--mediumDividerLine); }
table.gray td{ padding:7px 10px; background-color:var(--baseBGColor); }
table.gray tfoot td{ font-weight:700; }
table.gray tr:last-child th{ border-top:var(--mediumDividerLine); border-bottom:none; }
table.data{
	background-color:var(--baseBGColor);
	font-size:12px;
	color:var(--baseColor);
	border-spacing:0px;
}
table.data.largeData{ font-size:14px; }
table.data.verticalMiddle td{ vertical-align:middle; }
table.data.textRight tr th{ text-align:right; }
table.data.tightData tr td:first-child, table.data.tightData tr th:first-child{ padding-left:3px; }
table.data th, table.data td{ padding:10px 3px 10px 3px; }
table.data th:first-child, table.data td:first-child{ padding-left:10px; }
table.data td{ vertical-align:baseline; }
table.data td .snug[class^="icon-"]:before,
		table.data td .snug[class*=" icon-"]:before{ font-size:14px; }
table.data tr th{ background:var(--baseBGColor); border-bottom:var(--mediumDividerLine); color:var(--baseColor); text-align:left; font-weight:700; }
table.data tr th.right{ text-align:right; }
table.data tfoot td, table.data tfoot td, table.data tr.footer th{ background:var(--baseBGColor); border-top:var(--mediumDividerLine); border-bottom:none; }
table.data tr td:first-child, table.data tr th:first-child{ padding-left:10px; }
table.data tr td.right:last-child, table.data tr th.right:last-child{ padding-right:10px; }
table.data tr.odd  td, table.data tr:nth-child(odd)  td{ background-color:var(--highlight03); }
table.data tr.even td, table.data tr:nth-child(even) td{ background-color:var(--cardBGColor); }
table.data.numberTable td, table.data.numberTable th{ text-align:right; padding-right:10px; }
table.data.numberTable td:first-child, table.data.numberTable th:first-child{ text-align:left; white-space:pre; }
table.data.checkboxRows td{ padding:3px 3px 5px 3px; }
table.data.checkboxRows .styleCheckbox div{ top:3px; }
table .highlightable:hover td{ background-color:var(--highlight06); }
.twScroll > table.data{
	border-left:none;
	border-right:none;
}
.fullWidthSelect select, .fullWidthSelect ._awesomeSelectStandInWrapper{ width:100%; }
.baseColor{ color:#6c9c31; }
.highlightColor{ color:#429ada; }
.padded{ padding:10px 15px; }
@media (max-width: 500px), (max-height: 499px)    {
 .paddedAtMini    { padding:10px 15px; } }
.sidePadded{ padding:0px 15px; }
.insetSection{ margin:6px 0 0 24px; }
.insetSectionPadded{ padding:6px 0 0 24px; }
@media (min-width: 501px) and (min-height: 500px)    {
 .insetSectionAtFull    { margin:6px 0 0 24px; } }
.readableWidth{
	max-width:550px;
}
.readableWidth h3{ margin-bottom:6px; }
.readableWidth img{ max-width:100%; }
.readableWidth.bigText{ font-size:17px; line-height:1.6em; }
.readableWidth.bigText h1{ font-size:2rem; margin-bottom:1.5rem; }
.readableWidth.bigText h2{ font-size:24px; margin-bottom:16px; }
.readableWidth.bigText .button{ line-height:1.3em; }
@media (max-width: 500px), (max-height: 499px)    {
 .padded.unpaddedAtMini    { padding:0; }
 .padded.unpaddedAtMini .blankSlate    { padding:10px 15px; } }
.unpadded{ padding:0; }
@media (max-width: 500px), (max-height: 499px)    {
 .hiddenAtMiniUI    { display:none; } }
hr{
	color:var(--fadedBGColor);
	background-color:var(--fadedBGColor); 
	height:1px;
	margin:12px 0;
	border:none;
}
.jumbo{ font-size:14px; vertical-align:baseline; }
.jumbo > *{ vertical-align:baseline; }
.helpText{
	font-size:11px; color:#888; font-style:italic;
}
.calmGreen{ color:#6c9c31 !important; }
.alertRed{ color:#B7111B !important; }
.alertBox, .friendlyBox{
	border-radius:5px;
	width:-moz-fit-content;
	width:fit-content;
	max-width:100%;
	padding:15px 20px;
	border:1px solid #99000066;
}
.alertBox a:link, .friendlyBox a:link{ color:inherit; text-decoration:underline; }
.alertBox .helpText, .friendlyBox .helpText{ color:inherit; }
.alertBox{ background-color:#ffdddd88; border-color:#99000066; }
.friendlyBox{ background-color:#ddddff88; border-color:#00009966; }
body.darkModeX .alertBox.helpText{ background-color:#ffdddd88; color:#990000ff; border-color:#990000ff; }
.statusL.blue{ box-shadow:inset 50px 0px 0 -35px #3299D1; }
.statusL.green{ box-shadow:inset 50px 0px 0 -35px #6c9c31; }
.statusL.yellow{ box-shadow:inset 50px 0px 0 -35px #DAE562; }
.statusL.orange{ box-shadow:inset 50px 0px 0 -35px #fcb620; }
.statusL.red{ box-shadow:inset 50px 0px 0 -35px #D34141; }
.statusL.grey{ box-shadow:inset 50px 0px 0 -35px #888888; }
.statusR:after{ content:''; position:absolute; top:50%; right:5px; height:20px; width:20px; border-radius:50%; transform:translateY(-50%); }
.statusR.red:after{ background:var(--statusRed); }
.statusR.yellow:after{ background:var(--statusYellow); }
.statusR.green:after{ background:var(--statusGreen); }
.statusR.blue:after{ background:var(--statusBlue); }
.statusR.grey:after{ background:var(--statusGrey); }
td.statusR{ position:relative; }
.darkClick{
	transition:background-color ease-out 0.1s;
}
.darkClick:hover{ background-color:rgba(0, 0, 0, .1); }
.darkClick:active{ background-color:rgba(0, 0, 0, .3); }
.hangingShadow{ border-bottom:var(--dividerLine); z-index:3; position:relative; }
.closable .icon-arrowUp{ display:inline-block; transition:transform linear 0.2s; transform:rotateZ(180deg); }
.closable.closed .icon-arrowUp{ transform:rotateZ(0deg); }
.closable.closed .closable .icon-arrowUp, .icon-arrowUp.turnedDown{ transform:rotateZ(180deg); }
.closable.closed .closable.closed .icon-arrowUp{ transform:rotateZ(0deg); }
.closable.closed{ overflow:hidden; }
.icon-arrowUp.opened{ display:inline-block; transition:transform linear 0.2s; transform:rotateZ(180deg); }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.spacedOut td{ padding-top:1em; }
.maybeEmpty .ifEmpty{
	display:none;
	padding:10px 15px;
}
.maybeEmpty .ifEmpty:only-child{ display:block; }
.maybeEmpty .ifFirst{
	display:none;
}
.maybeEmpty .ifFirst:first-child{ display:block; }
.remainingHeight > .maybeEmpty:only-child > .folderTree.rootNode{ height:100%; overflow:auto; }
@media (min-width: 501px) and (min-height: 500px)    {
 .remainingHeight > .maybeEmpty:only-child    { padding-top:0.1px; } }
.faded{
	opacity:.6;
}
.fadedBox{
	border-radius:var(--roundedRadius);
	padding:10px 15px;
	background-color:#eeeeee;
}
.lightColorBox{
	padding:10px 15px;
	background-color:#dff0fa;
}
.itemCheckboxes label{ width:125px; }
.twoColumnCheckboxList label{ width:calc(50% - 20px); }
.twoColumnCheckboxList label:nth-child(2n + 1){ margin-right:19px; }
.embedCode{
	border:var(--dividerLine);
	font-family:monospace;
	padding:10px 20px;
	background:var(--baseBGColor);
	overflow:auto;
}
.embedCode + p{ margin-top:16px; }
.videoFacade{
	aspect-ratio:16 / 9;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-pack:distribute;
	    justify-content:space-around;
	-ms-flex-align:center;
	    align-items:center;
	background:var(--brandingPrimary) url(../../images/svg/CALeafWireFrameLight.svg) no-repeat 50% -40px;
	background-size:400px;
	border-radius:10px;
	overflow:hidden;
}
.videoFacade .title{ margin-top:20px; width:100%; text-align:center; color:#fff; font-size:40px; font-weight:600; line-height:1.1; text-shadow:0px 1px 3px rgba(0, 0, 0, .5); }
.videoFacade .title div{ font-size:20px; }
.videoFacade .icon-videoPlay{ height:-moz-fit-content; height:fit-content; width:-moz-fit-content; width:fit-content; background-color:#fff; border-radius:50%; padding:20px 17px 20px 23px; box-shadow:1px 2px 3px rgba(0, 0, 0, .15); word-spacing:0; line-height:1px; opacity:0.8; transition:all 250ms ease-in; }
.videoFacade .icon-videoPlay:before{ font-size:50px; letter-spacing:0 !important; }
.videoFacade:hover .icon-videoPlay{ transform:translateY(-5px); box-shadow:1px 7px 5px rgba(0, 0, 0, .15); opacity:1; }
.fullShim{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
}
.emailBackground{ background:#ecf5fc; }
.bottomLine{ border-bottom:var(--minorDividerLine); }
.backIcon, .forwardIcon{
  display:inline-block; font-size:14px; -webkit-font-smoothing:antialiased;
  cursor:pointer; transition:color 0.1s linear;
}
.backIcon:hover, .forwardIcon:hover{ color:var(--brandingPrimary); }
.backIcon{ float:left;  }
.backIcon:before{ content:'\25C0'; }
.forwardIcon{ float:right; }
.forwardIcon:before{ content:'\25B6'; }
.shrinkOut{
	width:0; margin:0;
	-webkit-transform:scale(0); -webkit-transition:-webkit-transform 0.7s, width 0.7s, margin 0.7s; -webkit-transform-origin:0 50%;
	        transform:scale(0);         transition:transform 0.7s, width 0.7s, margin 0.7s;         transform-origin:0 50%;
}
@keyframes bounceOutRight{
  20%{ opacity:1; transform:translate3d( -20px, 0, 0); }
 100%{ opacity:0; transform:translate3d(1400px, 0, 0); }
}
@keyframes heightOut{ 0%{  } 100%{ height:0; } }
.bounceOutRight{
  animation-duration:720ms;
  animation-name:bounceOutRight;
}
@keyframes bounceInRight{
   0%{ opacity:0; transform:translate3d(1400px, 0, 0); }
  80%{ opacity:1; transform:translate3d( -20px, 0, 0); }
 100%{ opacity:1; transform:translate3d(   0px, 0, 0); }
}
.bounceInRight{
 animation-duration:720ms;
 animation-name:bounceInRight;
}
.heightOut{
	visibility:hidden;
  animation-duration:500ms;
  animation-name:heightOut;
}
.stackFormLine{ display:block; clear:left; margin:0px; padding:0px; }
.stackFormItem{ 	display:inline; float:left; padding:2px 0px; margin:0px; }
.stackFormLine .notLast{ padding-right:4px; }
.stackFormItem input{ margin:0px 0 1px 0px; }
.left{ float:left; }
td.left, th.left{ text-align:left;  float:none; }
.right{ float:right;}
td.right,th.right{ text-align:right; float:none; }
.clear{ clear:both; }
td.top, table.top td, tr.top td{ vertical-align:baseline; padding-top:6px; }
td.bottom{ vertical-align:bottom; }
.inline{ display:inline; }
.block{ display:block; }
.inlineBlock{ display:inline-block; }
.left.buffered{ margin:0 30px 10px 0; }
.right.buffered{ margin:0 0 10px 30px; }
.textLeft{ text-align:left; }
.textRight{ text-align:right !important; }
.justify{ text-align:justify; }
.bold{ font-weight:700; }
.relative{ position:relative; }
.absolute{ position:absolute; }
.clickable{ cursor:pointer; }
.unclickable{ cursor:default !important; }
.center{ text-align:center; }
.centered{ display:block; margin:0 auto; }
.oneLiner{ height:1.3em; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.verticalMiddle td, td.verticalMiddle{ vertical-align:middle; }
div.verticalMiddle{ vertical-align:middle; }
.verticalMiddle>*, .verticalMiddle>a>*{ vertical-align:middle; }
.hidden{ display:none !important; }
.truncatedText{ overflow:hidden; }
.hideOverflow{ overflow:hidden; }
.nextElement{ margin-top:6px; }
.nextSection{ margin-top:16px; }
input, textarea, select, input[type=submit], .textInput{
	transition:border linear 0.2s, box-shadow linear 0.2s;
}
input[type=text], input[type=password], input[type=number], textarea, select, input[type=submit]{
	-webkit-appearance:none;
}
::-webkit-input-placeholder{ color:#999999; }
:-ms-input-placeholder{ color:#999999; }
:-moz-placeholder{ color:#999999; }
::-moz-placeholder{ color:#999999; }
input[type=text], input[type=password], input[type=number], textarea, select, input[type=submit], .textInput{
		color:var(--baseColor);
 		border:var(--mediumDividerLine);
 		border-radius:3px;
 		background-color:var(--inputBGColor);
 		font-size:15px;
 		font-family:Roboto, Arial, sans-serif;
		padding:9px 10px;
 	}
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus, select:focus, input[type=submit]:focus, .textInput:focus{ border-color:var(--brandingSecondary); outline:0; }
.StripeElement--focus{ border-color:var(--brandingSecondary); }
input[type=text], input[type=password], input[type=number], select{
		height:auto;
 	}
input[type=text].twoWide, input[type=password].twoWide, input[type=number].twoWide, select.twoWide{ width:48px; }
input[type=text].threeWide, input[type=password].threeWide, input[type=number].threeWide, select.threeWide{ width:64px; }
input[type=number]{
 		padding:0px 0 0px 10px;
 		height:40px;
 		width:60px;
 	}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{ opacity:1; }
--knobHeight:25px;
inputX[type="range"]{
 	  background-color:var(--inputBGColor);
 	}
inputX[type="range"]::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; pointer-events:all; width:var(--knobHeight); height:var(--knobHeight); background-color:var(--inputBGColor); border-radius:50%; box-shadow:0 0 0 1px #C6C6C6; cursor:pointer; }
inputX[type="range"]::-webkit-slider-thumb:hover{ background-color:var(--fadedBGColor); }
inputX[type="range"]::-webkit-slider-thumb:active{ box-shadow:inset 0 0 3px #387bbe, 0 0 3px #387bbe; }
inputX[type="range"]::-moz-range-thumb{ -moz-appearance:none; appearance:none; pointer-events:all; width:var(--knobHeight); height:var(--knobHeight); background-color:var(--inputBGColor); border-radius:50%; box-shadow:0 0 0 1px #C6C6C6; cursor:pointer; }
inputX[type="range"]::-moz-range-thumb:hover{ background-color:var(--fadedBGColor); }
inputX[type="range"]::-moz-range-thumb:active{ box-shadow:inset 0 0 3px #387bbe, 0 0 3px #387bbe; }
.textInput{
	display:inline-block;
	width:100%;
}
select{
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		outline:0;
	}
select option.folder{ font-style:italic; }
select:not([multiple]){
		background:var(--inputBGColor) url(../../images/v3/graphics/selectArrowDown.png) no-repeat right .3rem center / .8rem 1rem;
		padding-right:1.5rem;
	}
select[multiple]{ height:auto; }
select::-ms-expand{ display:none; }
form.search{ display:inline-block; }
input.search, input.DatePicker-input, input.timeInput{
 		background:#989898 0 50% no-repeat;  padding-left:30px;
 		transition:background-color linear 0.2s;
 	}
input.search:hover, input.search:focus,
 	input.DatePicker-input:hover, input.DatePicker-input:focus,
 	input.timeInput:hover, input.timeInput:focus{ background-color:var(--brandingSecondary); }
input.search{
 		background:#ababab url(../../images/v3/graphics/searchInputBGM.png?m=2) 0 50% no-repeat;
 		background-size:auto 41px;
 		border-radius:20px;
 		width:200px;
 	}
input.DatePicker-input{
 		width:104px;
 		padding-right:2px;
 		background:#ababab url(../../images/v3/graphics/dateInputBGM.png) -4px 50% no-repeat;
 		background-size:auto 52px;
 	}
input.timeInput{
 		background:#ababab url(../../images/v3/graphics/timeInputBGM.png) -4px 50% no-repeat;
 		width:104px;
 		text-align:right;
 		background-size:auto 62px;
 	}
.formAlignTest{
	position:relative;
}
.formAlignTest .guideline{ height:1px; position:absolute; left:0; right:0; top:0; background:#f0f; opacity:.15; }
.formAlignTest .guideline.baseline{ top:25px; }
.formAlignTest .guideline.bottom{ top:auto; bottom:0; }
textarea[disabled]{
	background-color:#f4f4f4;
	color:#bbb;
}
.filterInputClearHolder{
	position:relative;
	display:inline-block;
	vertical-align:top;
	height:40px;
}
.filterInputClearHolder .filterInputClearButton{ position:absolute; top:0; bottom:0; right:0; width:31px; background:var(--brandingSecondary); background:rgba(var(--brandingSecondaryRGB), .1); background:transparent; z-index:1; opacity:0; transition:opacity ease-out .05s; pointer-events:none; border-radius:0 50% 50% 0; cursor:pointer; text-align:right; }
.filterInputClearHolder .filterInputClearButton:after{ font-family:"appIcons" !important; content:"\e011"; position:absolute; top:13px; left:8px; color:#fff; top:12px; color:var(--baseColor); font-size:12px; }
input[type=text].filterApplies{
	border-color:var(--brandingSecondary) !important;
	padding-right:35px;
	box-shadow:inset 0 0 0 0px var(--brandingSecondary);
}
input[type=text].filterApplies + .filterInputClearHolder .filterInputClearButton{ pointer-events:auto; opacity:1; transition:opacity ease-out .15s; }
.camouflauge{ background:transparent; border-color:transparent; }
.switchCheckbox{
	display:inline-block;
	padding-top:5px;
	cursor:pointer;
	
}
.switchCheckbox input{ margin-right:-17px; opacity:0; }
.switchCheckbox input:checked + .theSwitch{ border-color:var(--brandingSecondary) !important; background-color:var(--brandingSecondary) !important; }
.switchCheckbox input:checked + .theSwitch i{ left:23px; background-color:#fff; }
.switchCheckbox .theSwitch{ position:relative; display:inline-block; width:50px; height:27px; overflow:hidden; cursor:pointer; margin:-4px 8px 0 0; border-radius:15px; border:2px solid #bbb; background:#ddd; vertical-align:middle; transition:background ease-in 150ms; }
.switchCheckbox .theSwitch i{ position:absolute; top:0px; left:0px; height:23px; width:23px; border-radius:12px; transition:left ease-in 150ms; background-color:#fff; }
.styleCheckbox{
	cursor:pointer; position:relative; display:inline-block; padding:5px 0 0 25px;
	min-height:1.9em;
}
.styleCheckbox input[type=checkbox]:first-child{ z-index:-1; opacity:0; margin-right:4px; position:absolute; left:-9999px; }
.styleCheckbox input[type=checkbox]:first-child:not(:checked) ~ .showIfChecked,
		.styleCheckbox input[type=checkbox]:first-child:checked       ~ .hideIfChecked{ display:none; }
.styleCheckbox input[type=checkbox]:first-child:checked + div, .styleCheckbox input[type=checkbox]:first-child:checked + span{ background:var(--baseBGColor); border:1px solid var(--brandingSecondary); }
.styleCheckbox div, .clientNoteContent .styleCheckbox span{ position:absolute; top:4px; left:0; height:19px; width:19px; border:1px solid var(--mediumBorderColor); border-radius:0px; background:var(--baseBGColor); }
.styleCheckbox input:disabled + div, .clientNoteContent .styleCheckbox input:disabled + span{ pointer-events:none; opacity:.6; background:#e6e6e6; border-color:#888888 !important; }
.styleCheckbox div:after, .clientNoteContent .styleCheckbox span:after{ position:absolute; display:none; content:''; top:0px; left:5px; width:7px; height:13px; transform:rotate(45deg); border:solid var(--brandingSecondary); border-width:0 2px 2px 0; }
.styleCheckbox input:checked  + div:after, .clientNoteContent .styleCheckbox input:checked  + span:after{ display:block; }
.styleCheckbox input:disabled + div:after, .clientNoteContent .styleCheckbox input:disabled + span:after{ border-color:#7b7b7b; }
.styleCheckbox .helpLink{ position:relative; padding-left:33px; }
.styleCheckbox .helpLink span{ position:absolute; left:5px; top:-2px; }
.styleRadio{
	cursor:pointer;
	position:relative;
	display:inline-block;
	padding:5px 0 0 25px;
	
}
.styleRadio input[type=radio]:first-child{ z-index:-1; opacity:0; margin-right:4px; position:absolute; left:-9999px; }
.styleRadio input[type=radio]:first-child:not(:checked) ~ .showIfChecked,
		.styleRadio input[type=radio]:first-child:checked       ~ .hideIfChecked{ display:none; }
.styleRadio input[type=radio]:first-child + div, .styleRadio input[type=radio]:first-child + span{ position:absolute; top:calc(50% - 8px); left:0; height:19px; width:19px; border:1px solid var(--mediumBorderColor); border-radius:50%; box-shadow:inset 0 0 0 10px var(--cardBGColor); transition:box-shadow ease-in 200ms; }
.styleRadio input[type=radio]:first-child:checked + div, .styleRadio input[type=radio]:first-child:checked + span{ background:var(--brandingSecondary); border:2px solid var(--brandingSecondary); box-shadow:inset 0 0 0 3px var(--cardBGColor); }
.styleRadio.styleRadio--blue      input[type=radio]:first-child:checked + div{ background:#2597dd; border:2px solid #2597dd; }
.styleRadio.styleRadio--lightBlue input[type=radio]:first-child:checked + div{ background:#8cd3ff; border:2px solid #8cd3ff; }
.styleRadio.styleRadio--yellow    input[type=radio]:first-child:checked + div{ background:#fcc02e; border:2px solid #fcc02e; }
.styleRadio.styleRadio--red       input[type=radio]:first-child:checked + div{ background:#c9120e; border:2px solid #c9120e; }
.styleRadio:hover input:first-child:not([disabled]):checked + div,
.styleRadio input:first-child:checked:focus + div{
	box-shadow:inset 0 0 0 3px var(--cardBGColor), 0 0 8px rgba(82, 168, 236, 0.6);
}
.styleRadio input:first-child:disabled + div, .clientNoteContent .styleRadio input:first-child:disabled + span{ pointer-events:none; opacity:.6; background:#e6e6e6; }
.radioInputRider{ margin-left:24px; display:inline-block; }
input.beautifulFileInput{
	width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}
input.beautifulFileInput + label{ cursor:pointer; max-width:450px; }
input.beautifulFileInput + label i{ position:relative; top:-2px; }
input.beautifulFileInput + label span{ display:inline-block; padding-left:5px; font-size:1.25em; max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; }
input.fileInput{
	width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}
input.fileInput + label{ cursor:pointer; max-width:100%; }
input.fileInput + label span{ display:inline-block; padding-left:8px; font-size:1.25em; max-width:calc(100% - 20px); overflow:hidden; text-overflow:ellipsis; }
.magicTagSet{
	position:relative;
	margin-top:20px;
	border-radius:5px;
	padding:8px 15px 8px 15px;
	background-color:rgba(var(--brandingPrimaryRGB), .1);
	border:1px solid var(--brandingPrimary);
	width:-moz-fit-content;
	width:fit-content;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	gap:15px;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}
.magicTagSet .legend{ position:absolute; display:block; padding:0 5px; top:-8px; top:-.7em; left:15px; font-size:11px; z-index:1; }
.magicTagSet .legend:before{ content:''; position:absolute; inset:auto 0 5px 0; background:var(--cardBGColor); height:3px; z-index:-1; }
.magicTagSet a:link{ text-decoration:none; display:inline-block; padding:2px 5px; border-radius:3px; background-color:var(--cardBGColor); }
.button, a.button, input[type=submit], input[type=button], button{
	font-size:15px;
	margin-right:10px;
	display:inline-block;
	background:#fff;
	border:1px solid #999999;
	text-align:center;
	white-space:nowrap;
	-ms-user-select:none;
	    user-select:none; -moz-user-select:none; -webkit-user-select:none;
	text-decoration:none !important;
	color:var(--baseColor);
	padding:9px 12px;
	height:40px;
	line-height:normal;
	cursor:pointer;
	outline:0;
	border-radius:var(--buttonRadius);
	transition:background-color linear 0.1s, border-color linear 0.1s;
	-webkit-appearance:none;
}
.button:not(.primary), a.button:not(.primary), input[type=submit]:not(.primary), input[type=button]:not(.primary), button:not(.primary){ border:1px solid #ddd; }
.button.iconImage, a.button.iconImage, input[type=submit].iconImage, input[type=button].iconImage, button.iconImage{ padding:0; position:relative; top:7px; }
.button.iconImage img, a.button.iconImage img, input[type=submit].iconImage img, input[type=button].iconImage img, button.iconImage img{ height:28px; border-radius:2px; }
.button.mini, a.button.mini, input[type=submit].mini, input[type=button].mini, button.mini{ padding:4px 8px; font-size:12px; height:auto; }
a.button:link, a.button:visited{ color:var(--baseColor); }
.button.button--fileUpload{
	margin:0;
	padding-top:5px;
}
.button.button--fileUpload svg{ position:relative; top:-3px; }
.textRight .button:last-child, .textRight input[type=submit]:last-child, .textRight input[type=submit]:last-child,{ margin-right:0; }
input[type=submit], input[type=button]{
	font-family:Roboto, Arial, sans-serif;
}
@media (min-width: 501px) and (min-height: 500px)    {
 input[type=submit], input[type=button]    {  } }
.button.omega, input.omega[type=submit], input.omega[type=button]{ margin-right:0; }
.textRight a.button, .textRight input[type=submit], .textRight input[type=button]{ margin-right:0; margin-left:10px; }
.button:hover,  input[type=submit]:hover,  input[type=button]:hover,
.button:focus,  input[type=submit]:focus,  input[type=button]:focus,
.button:active, input[type=submit]:active, input[type=button]:active{ color:var(--brandingSecondary) !important; border-color:var(--brandingSecondary); }
.button.disabled, input[type=submit]:disabled, input[type=button]:disabled{
	background:#eeeeee;
	color:#aaaaaa !important;
	cursor:default;
	pointer-events:none;
}
.button.primary, input.primary[type=submit], input.primary[type=button]{
	color:#ffffff !important; border-color:var(--brandingPrimary); background:var(--brandingPrimary);
	box-shadow:none;
}
.button.primary:hover, input.primary[type=submit]:hover, input.primary[type=button]:hover, 
.button.primary:focus, input.primary[type=submit]:focus, input.primary[type=button]:focus{
	background-color:var(--brandingSecondary); border-color:var(--brandingSecondary); }
.button.primary:active, input.primary[type=submit]:active, input.primary[type=button]:active{ box-shadow:inset 0 0 0 150px rgba(0, 0, 0, .2); }
.button.primary.disabled, input.primary[type=submit]:disabled, input.primary[type=button]:disabled{
	border-color:var(--primaryLight60) !important; background:var(--primaryLight60) !important;
}
.buttonRow{
	font-size:0;
}
.buttonRow .button{ border-radius:20px; min-width:40px; margin:0; vertical-align:middle; font-size:14px; padding-top:9px; padding-bottom:4px; }
.buttonRow .button[class^="icon-"]:not(.iconWithText),
		.buttonRow .button[class*=" icon-"]:not(.iconWithText){ overflow:hidden; text-align:center; padding-top:9px; padding-left:0; padding-right:0; }
@media (min-width: 501px) and (min-height: 500px)    {
 .buttonRow .button[class^="icon-"]:not(.iconWithText),
		.buttonRow .button[class*=" icon-"]:not(.iconWithText)    { max-width:40px; } }
.buttonRow .button + .button{ margin-left:-1px; }
.buttonRow:not(.toggleControl) .button{ min-width:40px !important; }
.buttonRow.judgementRow .button{ min-width:30px !important; max-width:30px !important; padding:2px 0 4px 0 !important; }
.buttonRow button:first-child{ border-radius:3px 0 0 3px; }
.textRight .button:last-child{ margin-right:0; }
.button.icon{ width:32px; background:#ffffff 50% 50% no-repeat; }
.button.icon:hover{ background-color:#e1e1e1; }
.button.icon.withText{ height:30px; padding-left:30px; width:auto;  background-position:7px 50%; }
.button[class^="icon-"].iconWithText:before, .button[class*=" icon-"].iconWithText:before{ letter-spacing:8px; }
@media (max-width: 500px), (max-height: 499px)    {
 .button[class^="icon-"].iconWithText.hideTextAtMini, .button[class*=" icon-"].iconWithText.hideTextAtMini    { font-size:0px !important; }
 .button[class^="icon-"].iconWithText.hideTextAtMini:before,    .button[class*=" icon-"].iconWithText.hideTextAtMini:before    { letter-spacing:0px; } }
.button[class^="icon-"]:before,
.button[class*=" icon-"]:before{
  font-size:20px;
  color:var(--iconColor);
  letter-spacing:0px;
  transition:color .2s linear;
  vertical-align:middle;
  position:relative;
  top:-3px;
}
.buttonRow .button[class^="icon-"]:before, .buttonRow .button[class*=" icon-"]:before{ top:-1px; }
@media (max-width: 500px), (max-height: 499px)    {
 .button[class^="icon-"]:before,
.button[class*=" icon-"]:before    { top:-2px; } }
.button[class^="icon-"]:hover:before,
.button[class*=" icon-"]:hover:before{
  color:#000;
}
.button.disabled[class^="icon-"]:hover:before,
.button.disabled[class*=" icon-"]:hover:before{
  color:#888888;
}
.button.primary[class^="icon-"]:before,
.button.primary[class*=" icon-"]:before{
	color:#ffffff !important;
}
.inputSideCar.button{
	margin-left:-1px !important;
	border-top-left-radius:0 !important;
	border-bottom-left-radius:0 !important;
	padding-left:4px;
	padding-right:5px;
}
.inputSideCar.button:before{ font-size:15px; }
.inputSideCar.button.miniSideCar{ height:30px; padding:4px 5px 1px 5px; }
.inputSideCar.button.overSideCar{ margin-left:-8px !important; }
@media (max-width: 500px), (max-height: 499px)    {
 .button.button--halfWidthAtMini    { width:calc(50% - 10px) !important; display:inline-block; margin-left:0; }
 .button.button--halfWidthAtMini ~ .button.button--halfWidthAtMini    { margin-left:14px !important; }
 .button.button--halfWidthAtMini + .button.icon-download    { display:none; } }
.fixed100{ min-width:100px; }
.selfPadded{ margin:10px 15px; }
.DatePicker-input{	width:8em; }
.DatePicker-WidgetDiv{
	box-shadow:1px 1px 7px 0 rgba(50, 50, 50, .3);
	transform:translateZ(1px);
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	
	position:absolute;
	z-index:50000;
	opacity:0;
	pointer-events:none;
	transition:opacity 200ms linear;
}
.DatePicker-WidgetDiv.showing{ opacity:1; pointer-events:auto; transition:none; }
.DatePicker-WidgetDiv.static{ box-shadow:none; position:static; display:inline-block; border:1px solid #e1e1e1; display:block; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv{ position:relative; padding:15px 15px; background-color:#6c9c31; text-align:center; color:#fff; height:60px; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-MonthLabel{ font-weight:400; font-size:20px; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton, .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton{ position:absolute; top:15px; display:block; height:30px; width:30px; padding-top:7px; font-size:16px; -webkit-font-smoothing:antialiased; cursor:pointer; font-family:"appIcons"; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; border-radius:50%; transition:background-color .2s ease-in; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton:hover, .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton:hover{ background-color:rgba(0, 0, 0, .2); }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton{ left:15px; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton:before{ content:'\72'; position:relative; left:-2px; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton{ right:15px; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton:before{ content:'\73'; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv{ clear:both; background:var(--baseBGColor); padding:10px 15px; font-size:14px; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid{ border-collapse:separate; text-align:center; table-layout:fixed; margin-left:auto; margin-right:auto; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid .spacerRow th{ height:15px; border:none; padding:0; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid th{ padding:10px 3px 15px; font-weight:400; font-size:12px; width:37px; border-spacing:0px; border-bottom:1px solid #888; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td{ border-radius:50%; background:var(--baseBGColor); height:37px; text-align:center; vertical-align:middle; cursor:pointer; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.dayToday{ background-color:#dff0fa; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-DayOtherMonth{ opacity:.5; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-DayOtherMonth.chosenDate, .DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-DayOtherMonth:hover{ opacity:1; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-invalidDay, .DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-invalidDay:hover{ border:0px solid var(--baseBGColor); background-color:#f8f8f8; background-color:#eee; cursor:default; color:#aaa; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td:hover, .DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.chosenDate{ background-color:#6c9c31; color:#fff; }
.DatePicker-WidgetDiv .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.chosenDate{ cursor:default; }
.DatePicker-dateRangeInputHolder{
	position:relative;
	display:inline-block;
	padding-right:20px;
}
.DatePicker-dateRangeInputHolder .tuckedControlsHolder{ position:absolute; inset:0 0 0 auto; }
.DatePicker-dateRangeInputHolder .tuckedControlsHolder > .button{ position:absolute; inset:0 0 0 auto; height:100%; }
._ephemeralMessage{
	position:absolute;
	top:0;
	left:-9999px;
	z-index:9999;
	opacity:0;
	background-color:var(--baseBGColor);
	padding:15px 20px;
	border-radius:10px;
	border:var(--dividerLine); 
	transform:translate3d(-50px, 0, 1px); opacity:0; z-index:-1;
	transition:transform ease-out 0.3s, opacity ease-in 0.3s, z-index ease-out 0.3s;
}
._ephemeralMessage.appearing{ box-shadow:2px 4px 9px rgba(0, 0, 0, .15); opacity:1; transform:translate3d(0, 0, 1px); }
._ephemeralMessage .vanishing{ transform:translate3d(150px, 0, 1px); opacity:0; z-index:-1; transition:transform ease-in 0.3s, opacity ease-in 0.3s, z-index ease-out 0.3s; }
.ephemeralContent{
	display:none;
}
.icon, a.icon:link, .icon:hover{ text-decoration:none; }
.icon{ display:inline-block; height:20px; width:20px; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer; }
.icon-drag{ cursor:move; }
@charset "UTF-8";
@font-face{
  font-family:"appIcons";
  src:url("../fonts/coachaccountable-app-icons.eot?v=3");
  src:url("../fonts/coachaccountable-app-icons.eot?v=3#iefix") format("embedded-opentype"),
     url("../fonts/coachaccountable-app-icons.woff?v=3") format("woff"),
      url("../fonts/coachaccountable-app-icons.ttf?v=3") format("truetype"),
      url("../fonts/coachaccountable-app-icons.svg?v=3#app-icons") format("svg");
  font-weight:normal;
  font-style:normal;
}
#iconTest,
[data-icon]:before{
  font-family:"appIconsDesigner" !important;
  content:attr(data-icon);
  font-style:normal !important;
  font-weight:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
  speak:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
#iconTest{ font-size:252px; line-height:290px; letter-spacing:4px; color:#68a921; padding:10px 6px; }
[class^="icon-"]:before,
[class*=" icon-"]:before{
  font-family:"appIcons" !important;
  font-style:normal !important;
  font-weight:normal !important;
  font-variant:normal !important;
  text-transform:none !important;
  speak:none;
  line-height:1;
  letter-spacing:5px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  
	font-size:20px;
  transition:color .2s linear;
}
[class^="icon-arrowUp"]:before, [class*=" icon-arrowUp"]:before{
  letter-spacing:0;
}
a:link[class^="icon-"],
a:link[class*=" icon-"]{ text-decoration:none; }
[class^="icon-item"]:before,
[class*=" icon-item"]:before,
[class^="icon-"]:hover:before,
[class*=" icon-"]:hover:before{
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
a:link[class^="icon-"]:before,
a:link[class*=" icon-"]:before{
  color:var(--iconColor);
  text-decoration:none;
}
[class^="icon-item"],
[class*=" icon-item"],
[class^="icon-"]:hover,
[class*=" icon-"]:hover,
a:link[class^="icon-"]:hover,
a:link[class*=" icon-"]:hover{
  color:#000000;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled,
a:link[class^="icon-"].disabled,
a:link[class*=" icon-"].disabled{
	cursor:default;
	pointer-events:none;
}
[class^="icon-"].disabled:before, [class*=" icon-"].disabled:before, a:link[class^="icon-"].disabled:before, a:link[class*=" icon-"].disabled:before{ color:var(--mediumBorderColor); }
.icon-plus:before{ content:"\61"; }
.icon-drag:before{ content:"\62"; }
.icon-arrowUp:before{ content:"\63"; }
.icon-trash:before{ content:"\64"; }
.icon-edit:before{ content:"\65"; }
.icon-item-action:before{ content:"\66"; }
.icon-comment:before{ content:"\67"; }
.icon-download:before{ content:"\68"; }
.icon-clock:before{ content:"\69"; }
.icon-gear:before{ content:"\6a"; }
.icon-gears:before{ content:"\21"; }
.icon-folder:before{ content:"\6b"; }
.icon-view:before{ content:"\6c"; }
.icon-play:before{ content:"\6d"; }
.icon-pause:before{ content:"\6e"; }
.icon-stop:before{ content:"\6f"; }
.icon-clone:before{ content:"\70"; }
.icon-private:before{ content:"\71"; }
.icon-not-private:before{ content:"\37"; }
.icon-back:before{ content:"\72"; }
.icon-forward:before{ content:"\73"; }
.icon-dollar:before{ content:"\74"; }
.icon-item-metric:before{ content:"\75"; }
.icon-share:before{ content:"\76"; }
.icon-calendar:before{ content:"\77"; }
.icon-item-appointment:before{ content:"\78"; }
.icon-item-comment:before{ content:"\79"; }
.icon-item-file:before{ content:"\7a"; }
.icon-item-invoice:before{ content:"\41"; }
.icon-item-journal:before{ content:"\42"; }
.icon-item-message:before{ content:"\43"; }
.icon-item-session:before{ content:"\44"; }
.icon-item-whiteboard:before{ content:"\45"; }
.icon-item-worksheet:before{ content:"\46"; }
.icon-groups:before{ content:"\47"; }
.icon-console:before{ content:"\48"; }
.icon-clients:before{ content:"\49"; }
.icon-courses:before{ content:"\4a"; }
.icon-home:before{ content:"\4b"; }
.icon-bell:before{ content:"\28"; }
.icon-invoicing:before{ content:"\4c"; }
.icon-knowledgebase:before{ content:"\4d"; }
.icon-menu:before{ content:"\4f"; }
.icon-more:before{ content:"\50"; }
.icon-reports:before{ content:"\51"; }
.icon-team:before{ content:"\52"; }
.icon-item-course:before{ content:"\53"; }
.icon-email:before{ content:"\54"; }
.icon-print:before{ content:"\55"; }
.icon-addPerson:before{ content:"\56"; }
.icon-reassign:before{ content:"\57"; }
.icon-checkboxU:before{ content:"\58"; }
.icon-checkboxX:before{ content:"\59"; }
.icon-checkboxC:before{ content:"\5a"; }
.icon-close:before{ content:"\30"; }
.icon-disallowed:before{ content:"\30"; }
.icon-contract:before{ content:"\31"; }
.icon-expand:before{ content:"\32"; }
.icon-maximize:before{ content:"\25"; }
.icon-lightbulb:before{ content:"\33"; }
.icon-minimize:before{ content:"\34"; }
.icon-reload:before{ content:"\35"; }
.icon-sort:before{ content:"\36"; }
.icon-visible:before{ content:"\37"; }
.icon-star:before{ content:"\38"; }
.icon-star-o:before{ content:"\39"; }
.icon-client:before{ content:"\22"; }
.icon-marker:before{ content:"\23"; }
.icon-check:before{ content:"\24"; }
.icon-convo:before{ content:"\67"; }
.icon-convoFilled:before{ content:"\79"; }
.icon-dots-h:before{ content:"\29"; }
.icon-dots-v:before{ content:"\2a"; }
.icon-agreements:before{ content:"\2b"; }
.icon-itemA:before{ content:"\66"; }
.icon-itemM:before{ content:"\75"; }
.icon-itemP:before{ content:"\78"; }
.icon-itemC:before{ content:"\79"; }
.icon-itemF:before{ content:"\7a"; }
.icon-itemR:before{ content:"\53"; }
.icon-itemI:before{ content:"\41"; }
.icon-itemJ:before{ content:"\42"; }
.icon-itemN:before{ content:"\43"; }
.icon-itemS:before{ content:"\44"; }
.icon-itemT:before{ content:"\2b"; }
.icon-itemE:before{ content:"\26"; }
.icon-itemG:before{ content:"\47"; }
.icon-itemO:before{ content:"\3d"; }
.icon-itemQ:before{ content:"\4f"; }
.icon-itemB:before{ content:"\45"; }
.icon-itemW:before{ content:"\46"; }
.icon-itemY:before{ content:"\3c"; }
.icon-itemX:before{ content:"\6e"; }
.icon-itemA-hr:before{ content:"\2d"; }
.icon-itemM-hr:before{ content:"\e002"; }
.icon-itemP-hr:before{ content:"\2f"; }
.icon-itemF-hr:before{ content:"\5b"; }
.icon-itemB-hr:before{ content:"\e008"; }
.icon-itemW-hr:before{ content:"\e009"; }
.icon-itemS-hr:before{ content:"\7e"; }
.icon-itemJ-hr:before{ content:"\60"; }
.icon-itemR-hr:before{ content:"\3f"; }
.icon-itemT-hr:before{ content:"\2e"; }
.icon-itemE-hr:before{ content:"\40"; }
.icon-itemO-hr:before{ content:"\3d"; }
.icon-itemG-hr:before{ content:"\5e"; }
.icon-itemY-hr:before{ content:"\3c"; }
.icon-client:before{ content:"\3a"; }
.icon-coach:before{ content:"\3b"; }
.icon-personnel:before{ content:"\e000"; }
.icon-gear-hr:before{ content:"\7d"; }
.icon-overview:before{ content:"\3e"; }
.icon-stream:before{ content:"\7b"; }
.icon-library:before{ content:"\e004"; }
.icon-membership:before{ content:"\e003"; }
.icon-puzzle:before{ content:"\e006"; }
.icon-profile:before{ content:"\e001"; }
.icon-mailreport:before{ content:"\5f"; }
.icon-package:before{ content:"\5c"; }
.icon-folderOpen:before{ content:"\2c"; }
.icon-folderClosed:before{ content:"\5d"; }
.icon-folder-tree:before{ content:"\e007"; }
.icon-folder-grid:before{ content:"\e005"; }
.icon-folder-gridS:before{ content:"\7c"; }
.icon-reload:before{ content:"\e03c"; }
.icon-lightbulb:before{ content:"\e02f"; }
.icon-minimize:before{ content:"\e014"; }
.icon-close:before{ content:"\e011"; }
.icon-expand:before{ content:"\e013"; }
.icon-contract:before{ content:"\e012"; }
.icon-trash:before{ content:"\e00d"; }
.icon-forward:before{ content:"\e00a"; }
.icon-back:before{ content:"\e00b"; }
.icon-edit:before{ content:"\e01a"; }
.icon-convo:before{ content:"\e018"; }
.icon-convoFilled:before{ content:"\e017"; }
.icon-comment:before{ content:"\e019"; }
.icon-itemP:before{ content:"\77"; }
.icon-gear:before{ content:"\e01d"; }
.icon-download:before{ content:"\e01e"; }
.icon-share:before{ content:"\e02b"; }
.icon-drag:before{ content:"\e01f"; }
.itemCard.typeF .cardBottom:before{ content:"\e020"; }
.icon-folder-tree:before{ content:"\e021"; }
.icon-print:before{ content:"\e02d"; }
.icon-email:before{ content:"\e02e"; }
.icon-pause:before{ content:"\e028"; }
.icon-play:before{ content:"\e027"; }
.icon-stop:before{ content:"\e026"; }
.icon-pause:before{ content:"\e028"; }
.icon-pause:before{ content:"\e028"; }
.icon-view:before{ content:"\e00e"; }
.icon-clone:before{ content:"\e022"; }
.icon-folder-grid:before{ content:"\e030"; }
.icon-check:before{ content:"\e031"; }
.icon-sort:before{ content:"\e032"; }
.icon-paper-plane:before{ content:"\e025"; }
.icon-arrowUp:before{ content:"\e033"; }
.icon-clock:before{ content:"\e034"; }
.icon-addPerson:before{ content:"\e035"; }
.icon-reassign:before{ content:"\e037"; }
.icon-add-folder:before{ content:"\e02c"; }
.buttonRow .icon-add-folder:before{ top:1px; }
.icon-itemF:before{ content:"\e020"; }
.CNTitle.typeF:before{ content:"\e020"; }
#helpSideBarHolder .closeButton:before{ font-size:11px; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton:before{ content:'\e00a'; }
.DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton:before{ content:'\e00b'; }
.courseBuilderButtons .icon-itemF:before{ content:"\5b"; }
.courseBuilderButtons .icon-itemW:before{ content:"\e009"; }
.icon-disallowed{
	position:relative;
	display:inline-block;
	top:0px;
	border-radius:50%;
	width:1.4em;
	height:1.4em;
	border:1px solid var(--iconColor);
}
.icon-disallowed:before{ position:absolute; content:''; width:100%; height:1px; transform:rotate(-45deg) translate(-30%, 420%); background-color:var(--iconColor); }
.icon-disallowed.color--red{ border-color:var(--statusRed); }
.icon-disallowed.color--red:before{ background-color:var(--statusRed); }
.icon-checkboxU, .icon-checkboxX, .icon-checkboxC{
	border:1px solid var(--iconColor);
	box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0);
}
.icon-checkboxU:before, .icon-checkboxX:before, .icon-checkboxC:before{ content:''; }
.icon-checkboxC:before, .actionListing .icon-checkboxU:hover:before{
	position:absolute;
	width:33%;
	height:79%;
	left:33%;
	top:0%;
	border-right:2px solid var(--statusGreen);
	border-bottom:2px solid var(--statusGreen);
	transform:rotate(45deg);
}
.actionListing .icon-checkboxU:hover:before{ border-color:#e8f2dc; }
&.darkMode .actionListing .icon-checkboxU:hover:before{ border-color:#63774d; }
.icon-checkboxX:before{
	position:absolute;
	width:80%;
	height:2px;
	left:10%;
	top:calc(50% - 1px);
	background-color:var(--iconColor);
}
.responsiveTable{
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
	border-right:1px solid #ccc;
}
.responsiveTable__pinned{ position:absolute; left:0; top:0; overflow:hidden; }
.responsiveTable__pinned table{ margin-bottom:19px; }
.responsiveTable__pinned table td, .responsiveTable__pinned table th{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none; }
.responsiveTable__pinned table td.showing, .responsiveTable__pinned table th.showing{ display:table-cell; }
.responsiveTable__pinned table td.lastPinned, .responsiveTable__pinned table th.lastPinned{ padding-right:10px; }
.responsiveTable__scrollable{ position:relative; overflow:scroll; overflow-y:hidden; z-index:1; border-left:1px solid #aaa; }
.responsiveTable__scrollable table{ border-left:none; }
.responsiveTable__scrollable table .firstScrolling{ padding-left:5px; }
#loadingMessage{
	z-index:30000;
	position:fixed;
	top:0px;
	right:0px;
	color:#fff;
	background:var(--brandingPrimary);
	height:var(--topBarHeight);
	padding:18px 20px 0 50px;
	font-size:16px;
	box-shadow:-5px 0 10px 0px rgba(0, 0, 0, .3);
	
	opacity:0;
	pointer-events:none;
 	display:none;
	transform:translate3d(20px, 0, 1px);
	transition:opacity 100ms ease-in, transform 150ms ease-in;
}
#loadingMessage.showing{ pointer-events:auto; opacity:1; transform:translate3d(0, 0, 1px); }
#loadingMessage.clicked{ opacity:.7; transform:translate3d(95px, 0, 1px); pointer-events:none; }
#loadingMessage div,
	#loadingMessage div:before,
	#loadingMessage div:after{ background:#ffffff; animation:load1 1s infinite ease-in-out; width:1em; width:4px; height:4em; }
#loadingMessage div{ position:absolute; top:20px; left:20px; color:#ffffff; text-indent:-9999em; font-size:5px; transform:translate3d(0, 0, 0); animation-delay:-0.16s; }
#loadingMessage div:before,
	#loadingMessage div:after{ position:absolute; top:0; content:''; }
#loadingMessage div:before{ left:-1.5em; left:-7px; animation-delay:-0.32s; }
#loadingMessage div:after{ left:1.5em; left:7px; }
@keyframes load1{
  0%,
  80%,
  100%{
    box-shadow:0 0;
    height:4em;
  }
  40%{
    box-shadow:0 -2em;
    height:5em;
  }
}
.roar-body{
	position:absolute;
	text-align:left;
	z-index:100001;
	transform:translateZ(1px);
}
.roar{
	color:#fff;
	position:absolute;
	width:300px;
	max-width:calc(100vw - 60px);
	padding:10px 20px;
	cursor:pointer;
	background-color:var(--brandingSecondary);
	border-radius:20px;
}
.roar h3{ font-size:18px; font-weight:400; }
.roar p{ margin:6px 0 0 0; padding:0; font-size:14px; }
.roar a:link, .roar a:visited, .roar a:active, .roar a:active{ color:#fff; }
.roar-bg{
	display:none;
}
.formPadded td{ padding:5px 0px 5px 0; }
.formPadded td:first-child{ text-align:right; padding-right:10px; }
.rTable{
	display:block;
	width:100%;
}
.rTable > tbody{ display:block; width:100%; }
.rTable > tbody > tr{ display:block; width:100%; padding-bottom:10px; }
.rTable > tbody > tr > td{ display:block; width:100%; }
.rTable > tbody > tr > td:first-child{ padding-top:6px; }
.rTable > tbody > tr.extraTopPadding > td{ padding-top:10px; }
.rTable > tbody > tr.formSection{ width:calc(100% + 30px); width:100%; margin:0; padding:0; }
.rTable > tbody > tr.formSection td{ padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px; }
.rTable.alignTop > tbody > tr > td{ vertical-align:top; }
.rTable.padded.formSection{ margin-left:0; margin-right:0; padding-left:0; padding-right:0; width:100%; }
.rTable.padded.formSection > tbody > tr > td:first-child{ padding-left:15px; }
.rTable.padded.formSection > tbody > tr > td:last-child{ padding-right:15px; }
@media (max-width: 500px), (max-height: 499px)    {
 .rTable.padded.formSection > tbody > tr > td:first-child    { padding-right:15px; }
 .rTable.padded.formSection > tbody > tr > td:last-child    { padding-left:15px; } }
.rTable.formSection > tbody > tr > td:nth-child(2){ padding-top:7px; }
.nowrapLabels label{ white-space:nowrap; }
@media (min-width: 600px)    {
 .formOffering .rTable    { display:table; }
 .formOffering .rTable > tbody    { display:table-row-group; }
 .formOffering .rTable > tbody > tr    { display:table-row; width:100%; }
 .formOffering .rTable > tbody > tr.formSection td:nth-child(2)    { padding-left:0; padding-right:15px; }
 .formOffering .rTable > tbody > tr.alignTop > td    { vertical-align:top; }
 .formOffering .rTable > tbody > tr > td    { display:table-cell; }
 .formOffering .rTable > tbody > tr > td:first-child    { text-align:right; padding-right:20px; padding-bottom:14px; width:102px; }
 .formOffering .rTable > tbody > tr > td:nth-child(2)    { padding-bottom:14px; width:calc(100% - 102px); }
 .formOffering .rTable > tbody > tr.formSection > td:nth-child(2)    { padding-bottom:6px; }
 .formOffering .rTable--label40  > tbody > tr > td:first-child    { width:40px; }
 .formOffering .rTable--label40  > tbody > tr > td:nth-child(2)    { width:calc(100% -  40px); }
 .formOffering .rTable--label60  > tbody > tr > td:first-child    { width:60px; }
 .formOffering .rTable--label60  > tbody > tr > td:nth-child(2)    { width:calc(100% -  60px); }
 .formOffering .rTable--label80  > tbody > tr > td:first-child    { width:80px; }
 .formOffering .rTable--label80  > tbody > tr > td:nth-child(2)    { width:calc(100% -  80px); }
 .formOffering .rTable--label120 > tbody > tr > td:first-child    { width:120px; }
 .formOffering .rTable--label120 > tbody > tr > td:nth-child(2)    { width:calc(100% - 120px); }
 .formOffering .rTable--label140 > tbody > tr > td:first-child    { width:140px; }
 .formOffering .rTable--label140 > tbody > tr > td:nth-child(2)    { width:calc(100% - 140px); }
 .formOffering .rTable--label150 > tbody > tr > td:first-child    { width:150px; }
 .formOffering .rTable--label150 > tbody > tr > td:nth-child(2)    { width:calc(100% - 150px); }
 .formOffering .rTable--label160 > tbody > tr > td:first-child    { width:160px; }
 .formOffering .rTable--label160 > tbody > tr > td:nth-child(2)    { width:calc(100% - 160px); }
 .formOffering .rTable--label180 > tbody > tr > td:first-child    { width:180px; }
 .formOffering .rTable--label180 > tbody > tr > td:nth-child(2)    { width:calc(100% - 180px); }
 .formOffering .rTable--label200 > tbody > tr > td:first-child    { width:200px; }
 .formOffering .rTable--label200 > tbody > tr > td:nth-child(2)    { width:calc(100% - 200px); } }
.formSection{
	background-color:#dff0fa;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:10px;
}
.padded .formSection{ margin-left:-15px; margin-right:-15px; width:calc(100% + 30px); }
.__AutoGrow{
	overflow-y:hidden;
	transition:height ease-out 250ms;
}
@media (min-width: 600px)    {
 .formOffering .formSection    { margin-left:0; padding-left:0; margin-right:0; padding-right:0; width:100%; }
 .formOffering .formSection.padded    { padding-left:15px; padding-right:15px; }
 .formOffering .topBaselineOppositeTextArea    { vertical-align:top; padding-top:11px; }
 .formOffering .extraTopPadding > .topBaselineOppositeTextArea    { padding-top:16px !important; } }
form.readOnly .button.primary{ visibility:hidden; }
form.readOnly .icon-trash{ display:none; }
@media (min-width: 600px)    {
 .formOffering .formA    { width:630px; max-width:100%; } }
.formA{
	position:relative;
}
.formA .forWhoToggleLink{ position:absolute; right:0px; top:65px; font-style:italic; }
.formA.forCoach .commentRow, .formA.forCoach .extraControlsRow{ display:none !important; }
.formA input[name=theAction]{ width:100%; font-size:20px !important; height:auto; }
.formA input[name=newProjectName]{ width:calc(100% - 80px); }
.formA textarea[name=comment]{ width:100%; height:60px; }
.formA .projectStatic{ padding-top:6px; }
.formA input[name=weight]{ width:80px; text-align:right; }
.formA .actionWeightDiv .inlineBlock{ width:50px; text-align:right; }
.formA select[name=ActionProjectID]{ width:100%; }
.formA select[name=ClientID]{ width:100%; }
.formA .timeHint{ margin:2px 0 0 122px; }
.formGAP input[name=name]{ width:100%; margin-top:6px; }
.formAT .rTable{ max-width:740px; }
.formAT input[name=name]{ width:100%; }
.formAT input[name=prePadding]{ width:45px; }
.formAT input[name=postPadding]{ width:45px; }
.formAT input[name=scheduleAdvanceDaysMin]{ width:53px; }
.formAT input[name=scheduleAdvanceDaysMax]{ width:53px; }
.formAT input[name=scheduleAdvanceHoursMin]{ width:45px; }
.formAT input[name=scheduleGranularityMinutes]{ width:45px; }
.formAT select[name$=NoteTemplateID]{ width:100%; }
.formAT .reminderDiv{ max-width:450px; }
.formSegment{
	display:block;
	margin-top:6px;
}
@media (min-width: 501px) and (min-height: 500px)    {
 .formSegment    { display:inline-block; margin-top:0px; } }
.wrappingForm{
	padding-top:0;
}
.wrappingForm > .button, .wrappingForm > .button.primary, .wrappingForm > h2, .wrappingForm > select, .wrappingForm > input[type=text], .wrappingForm input[type=submit], .wrappingForm .DatePicker-dateRangeInputHolder{ margin-top:10px !important; }
.wrappingForm .tuckedControls > .button, .wrappingForm .tuckedControls .button.primary, .wrappingForm .tuckedControls h2, .wrappingForm .tuckedControls select, .wrappingForm .tuckedControls input[type=text], .wrappingForm .tuckedControls input[type=submit]{ margin-top:auto !important; }
.formLP select{ max-width:100%; }
.formLP select[name=CurrencyID]{ min-width:200px; }
.formLAS .coachName{ margin-top:16px; }
.formLAS .appointmentTypeListing{ padding-bottom:10px; }
.formLAS .appointmentTypeListing label{ display:block; margin-top:4px; }
.formLAS .appointmentTypeListing .coachName ~ label{ margin-left:10px; }
.formACE input[name="name"]{ width:100%; }
.formACC input[name="importURL"]{ width:100%; }
@media (min-width: 501px) and (min-height: 500px)    {
 .formACC    { width:450px; max-width:100%; } }
.deactivationNotice ul{ margin:4px 0 0 16px; }
.deactivationNotice ul li{ margin-bottom:4px; }
.deactivationNotice ul span{ display:inline-block; position:relative; top:4px; margin-right:6px; color:var(--statusRed); }
.deactivationNotice ul span:before{ color:var(--statusRed); }
.formNT .clientVisibleControl{ display:block; margin-bottom:6px; }
.formNT .nextElement + .clientVisibleControl{ margin-top:-6px; }
.formW input[name=title]{ position:static; width:100%; }
.formWB .primary{ width:100px; }
.formItemEmailer{
	max-width:500px;
}
.formItemEmailer input[name=email]{ width:100%; }
.formItemEmailer input[name=subject]{ width:100%; }
.formItemEmailer input[name=email] + label{ display:block; margin-top:4px; }
.formItemEmailer textarea[name="comment"]{ width:100%; height:120px; }
.formItemEmailer .button.primary{ min-width:100px; }
@media (min-width: 600px)    {
 .formOffering .formItemEmailer > .vStretched    { width:450px; } }
@media (min-width: 501px) and (min-height: 500px)    {
 .groupSessionEmailer    { min-width:520px; min-height:400px; } }
.streamCommentOption > .vStretched{ padding-top:10px; }
.formW{
	min-height:100%;
}
.floating .formW{ width:750px; max-width:100%; }
.formW select[name=NoteTemplateID], .formW ._awesomeSelectStandInWrapper{ width:100%; }
.formW .mooeditable-container{ border-bottom:var(--minorDividerLine); min-height:300px; }
.formW .theDate{ padding:4px 15px; }
.formW .dueLabel{ display:inline-block; width:44px; }
.formW .templateAddDiv{ min-height:40px; padding:5px 15px; border-bottom:var(--minorDividerLine); -webkit-transform:translate3d(0, 0, 1px); }
@media (min-width: 501px) and (min-height: 500px)    {
 .formW .templateAddDiv    { -ms-flex:0 0 40px; flex:0 0 40px; } }
.formW .emailMessage textarea[name=message]{ width:100%; height:220px; }
.formW .remindersDiv{ position:relative; padding-left:var(--standardPaddingH); border-top:var(--minorDividerLine); min-width:330px; }
.formW .remindersDiv > div{ max-height:100px; overflow:auto; padding-top:10px; padding:6px 0 4px; }
.formW .remindersDiv > div .reminderDiv{ padding-top:5px; margin:0; }
.formW .buttonBar .button{ min-width:100px; }
.formW .buttonBar .button[class^="icon-"]{ min-width:0; }
.assignFutureControls{
	display:inline-block;
	opacity:0;
	transition:opacity 100ms ease-out;
}
.assignFutureControls.showing{ opacity:1; }
.assignFutureControls:not(.showing){ pointer-events:none; }
@media (min-width: 501px) and (min-height: 500px)    {
 .anchorWindow .formW .remindersDiv > div    { min-height:50px; }
 .anchorWindow .formW .remindersDiv .reminderDiv    { max-width:450px; }
 .anchorWindow .formW .remindersDiv .reminderDiv select, .anchorWindow .formW .remindersDiv .reminderDiv input[type="text"]    { padding:3px 8px; }
 .anchorWindow .formW .remindersDiv .reminderDiv .icon-trash    { top:7px; }
 .anchorWindow .formW .remindersDiv .button    { position:absolute; right:var(--standardPaddingH); bottom:5px; margin:0; } }
@media (max-width: 500px), (max-height: 499px)    {
 .formW .reminderButton    {  }
 .formW .reminderButton .tuckedControls:not(.showing)    { transform:scale(.85); } }
.formW .reminderButton .tuckedArbitrary{ width:350px; max-width:100%; }
.formW .reminderButton .tuckedArbitrary .remindersDiv{ border:none; padding:0; }
.formW .reminderButton .tuckedArbitrary .remindersDiv > div{ max-height:400px; min-height:0; }
.formW .reminderButton .tuckedArbitrary .remindersDiv .button{ position:static; float:right; margin:0; border-radius:4px; }
.formW .reminderButton .tuckedArbitrary .remindersDiv:after{ content:''; display:block; clear:both; }
.formWA .extendedHeader{ padding-bottom:1px; }
.formWA select[name=NoteTemplateID], .formWA ._awesomeSelectStandInWrapper{ width:100%; }
.formWAL select[name=NoteTemplateID]{ max-width:280px; }
.formWN{
	overflow:visible;
}
.formWN .vStretched{ max-width:700px; }
.formWN input[name=subject]{ width:100%; }
.formWU{ width:650px; max-width:100%; }
.formWU .theDate{ border-top:var(--minorDividerLine); }
.formWU .theDate .label{ display:inline-block; width:150px; }
.formCN .groupInclusionLabel{ display:inline-block; padding:10px 10px 0 0; vertical-align:top; }
.formCN .groupInclusionPicker{ display:inline-block; width:calc(100% - 100px); padding:6px 0 10px 0; }
.awBody form{  }
.formFB{ padding:10px 15px; overflow:auto; width:100%; }
.formFB select[name=inputType]{ width:340px; max-width:100%; }
.formFB .inputParamsDiv{ min-height:480px; margin-top:12px; max-width:700px; }
.formAgreementAdder select{ width:400px; max-width:100%; }
.formAgreementAdder .personnelNote{ max-width:400px; }
.insetSubSection{ margin:6px 0 0 20px; }
.formFBV3{
	overflow:auto;
}
.formFBV3 .vStretched select[name=inputType]{ width:340px; max-width:100%; font-size:20px; height:auto; }
.formFBV3 .vStretched .rTable{ margin-top:12px; max-width:700px; width:100%; }
.floating .formFBV3 .vStretched{ max-width:100%; width:620px; min-height:520px; }
.formFBV3 .FBName{ width:100%; max-width:300px; }
.formFBV3 select[name$=_commentForInputName]{ max-width:calc(100% - 250px); }
.formFBV3 textarea.formBuilderOptions{ width:100%; height:90px; }
.formFBV3 input[name=image_maxlength]{ width:40px; }
.formFBV3 .nameCommentOption{ margin-bottom:6px; }
.formFBV3 .insetSection{ margin:6px 0 0 20px; }
.formFBV3 .insetSection input[name$=_validationMessage]{ width:100%; }
.formReflection{
	
	max-width:100%;
}
.floating .formReflection{ width:900px; }
.formReflection .itemMenu .item.future{ pointer-events:none; }
.formReflection div.label{ margin:0 0 16px 0; font-size:20px; }
@media (max-width: 500px), (max-height: 499px)    {
 .formReflection div.label    { font-size:16px; } }
.formReflection input[name=inputName]{ width:400px; max-width:100%; }
.formReflection input[name=multiItemTemplate], .formReflection textarea[name=absentValueList], .formReflection textarea[name=absentContent]{ width:100%; }
.formReflection input[name=howDummy], .formReflection input[name=submitDummy]{ position:absolute; top:0; left:-9999px; }
.formReflection textarea[name=absentContent]{ height:100px; }
.formReflection textarea[name=absentValueList]{ height:100px; }
.formReflection .vStretched.padded{ min-height:400px; max-width:640px; }
.formReflection label.styleRadio, .formReflection label.styleCheckbox.withTextInput{ display:block; line-height:28px; margin-bottom:6px; }
.formReflection label.styleRadio input[type=text], .formReflection label.styleCheckbox.withTextInput input[type=text]{ width:40px; text-align:right; padding:2px 4px 2px 0; }
.formReflection label.styleCheckbox.withTextInput div{ top:8px; }
.formReflection .multiModeControls label{ display:inline-block; margin-top:16px; }
.formReflection.isMulti  .hideAtMulti,
	.formReflection:not(.isMulti) .showAtMulti{ display:none; }
.formReflection .mooeditable-container > .mooeditable-ui-toolbar{ padding-left:0 !important; padding-right:0 !important; }
.formReflection .summary{ padding-top:20px; }
.formReflection .summary > div{ position:relative; padding-bottom:30px; min-height:80px; }
.formReflection .summary > div h3{ font-size:18px; font-weight:normal; margin-bottom:6px; }
.formReflection .summary > div p{ max-width:calc(100% - 80px); padding:0; }
.formReflection .summary > div .button{ position:absolute; inset:0 0 auto auto; margin:0; }
.formReflection .summary > div .templateContent{ margin:16px 0; border:var(--mediumDividerLine); padding:var(--regionPadding); }
.formReflection .summary > div .templateContent ._formInput ._shim{ display:none; }
@media (max-width: 500px), (max-height: 499px)    {
 .formReflection .buttonBar .button.primary    { -ms-flex-order:1; order:1; }
 .formReflection .buttonBar .button:not(.primary)    { -ms-flex-order:2; order:2; } }
.formCoachingWorkSettingsW .vStretched{ max-width:600px; }
.formCoachingWorkSettingsW textarea{ width:100%; }
.formCoachingWorkSettingsW .revisitModesControls{ padding-bottom:10px; }
.penBlue{ color:var(--penBlue); }
.formSEA{
	width:100%;
	max-width:560px;
}
.formSEA .styleCheckbox{ float:left; width:calc(50% - 10px); margin:0 10px 5px 0; min-width:200px; }
.formSEA .styleCheckbox:nth-child(2){ margin-right:0; }
.formSEA textarea[name=message]{ width:100%; height:260px; }
.formGWLL textarea{ display:block; width:600px; height:100px; max-width:calc(100vw - 50px); resize:both; margin-bottom:6px; }
.formGWLL ul{ margin:0 0 10px 10px; }
.formGWLL input[type=text]{ width:100%; display:block; margin-bottom:6px; }
.formCSSDS{
	min-width:500px;
}
.formCSSDS input[name=sheetName]{ width:100%; }
.formCSSDS textarea{ display:block; width:100%; height:300px; max-width:calc(100vw - 50px); resize:both; margin:6px 0; font-family:monospace; }
.formCSSDS .sheetControls{ width:calc(100% - 114px); max-width:calc(100% - 114px); display:-ms-flexbox; display:flex; }
.formCSSDS .sheetControls > span.button{ display:inline-block; text-align:left; padding-left:4px; padding-right:4px; -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.formCSSDS .sheetControls > span.button > span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.CSSSelectorCurrent{ box-shadow:inset 0 0 10px 10px rgba(255, 255, 180, .7); }
.inWYSIWYGGutterWhenWide .magicTagSet{
	margin-top:0;
}
.anchorWindow.floating .inWYSIWYGGutterWhenWide{
	top:85px;
	right:15px;
}
@media (min-width: 1100px){
	.inWYSIWYGGutterWhenWide{
		position:absolute;
		top:85px;
		right:15px;
		width:calc(100% - 660px);
	}
}
@media (min-width: 1175px){
	.inWYSIWYGGutterWhenWide{
		top:50px;
	}
}
body.TMHide .button.TMSummon{ display:none; }
.formTMI table.data{ min-width:100%; }
.formTMI table.data tr > td:first-child{ width:80%; }
.formTMI input[type=text]{ width:130px; padding-left:5px; padding-right:0px; }
.formTMI input[name=daySlide]{ width:35px; }
.appointmentListing{
	overflow-x:hidden;
	padding-bottom:30px;
	padding-bottom:75px;
}
.appointmentListing .adaLebih{ display:block; width:-moz-fit-content; width:fit-content; margin:20px auto; }
.appointmentListing .ifEmpty{ padding:10px 15px; border-bottom:none; }
.listingItemP{
	height:auto;
	border-bottom:var(--minorDividerLine);
	position:relative;
	background:var(--cardBGColor);
	padding:10px 50px 11px 46px;
	
}
.listingItemP .icon-itemP{ position:absolute; top:14px; left:15px; }
.listingItemP h3{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0 6px 0; }
.listingItemP.showCoach h3{ padding-left:30px; }
.listingItemP.showClient h3{ margin:5px; }
.listingItemP.showClient:after{ top:13px; }
.listingItemP.showClient .with{ display:block; position:relative; margin:3px 0 6px; padding-left:35px; cursor:pointer; }
.listingItemP.showClient .with .avatar, .listingItemP.showClient .with .groupAvatar{ position:absolute; top:-2px; left:0px; }
.listingItemP.showClient .duration{ position:absolute; bottom:11px; right:15px; }
.listingItemP.showClient.showCoach{  }
.listingItemP .avatar, .listingItemP .groupAvatar{ position:absolute; top:13px; left:45px; height:23px; width:23px; }
.listingItemP .viewExtra{ cursor:pointer; }
.listingItemP div.viewExtra{ position:absolute; top:10px; left:13px; height:30px; width:25px; z-index:1; }
.listingItemP .appointmentExtra{ display:none; margin-bottom:10px; }
.listingItemP .appointmentExtra.showing{ display:block; }
.listingItemP .groupAvatar{ padding-top:0px; }
.listingItemP .groupAvatar.letters2{ padding-top:2px; }
.listingItemP .groupAvatar.letters3{ padding-top:4px; }
.listingItemP .helpText{ position:absolute; bottom:10px; right:15px; }
.listingItemP.statusP{ color:#aaa; }
.listingItemP.statusP:after{ opacity:0.5; }
.listingItemP.statusP .icon-itemP:before{ color:#aaa; }
.listingItemP.statusP .tuckedControls{ color:#4a4a4a; }
.listingItemP .buttonRow{ position:absolute; top:5px; right:5px; }
.listingItemP .controlsHolder{ position:absolute; top:14px; right:7px; }
.listingItemP .controlsHolder .icon-gear{ visibility:hidden; }
.listingItemP:hover .icon-gear{ visibility:visible; }
.sideBarAppointmentUI{
	position:relative;
	padding-top:6px;
	padding-bottom:0px;
	--standardPaddingH:15px;
}
.sideBarAppointmentUI > a.toggleLink{ position:absolute; inset:5px auto auto var(--standardPaddingH); width:188px; text-align:right; }
.sideBarAppointmentUI > a.toggleLink:not(.relevant){ display:none; }
.sideBarAppointmentUI > a.toggleLink span{ transform-origin:40% 50%; transition:transform 150ms ease-in; display:inline-block; }
.sideBarAppointmentUI > a.toggleLink span:before{ font-size:28px; }
.sideBarAppointmentUI > a.toggleLink.open span{ transform:rotate(90deg); }
.sideBarAppointmentUI .icon-reload{ position:absolute; inset:10px calc(var(--standardPaddingH) + 30px) auto auto; }
@media (min-width: 501px) and (min-height: 500px)    {
 .sideBarAppointmentUI .icon-reload    { top:11px; }
 .sideBarAppointmentUI .icon-reload:before    { font-size:18px; } }
@media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
 .sideBarAppointmentUI .icon-reload    { inset:42px auto auto 12px; }
 .sideBarAppointmentUI .icon-reload:before    { font-size:16px; } }
.sideBarAppointmentUI > a.appointmentAdderButton:link{ position:absolute; inset:5px var(--standardPaddingH) auto auto; background-color:var(--brandingPrimary); border-radius:50%; padding:5px 1px 3px 5px; }
.sideBarAppointmentUI > a.appointmentAdderButton:link:before{ color:#fff; }
.sideBarAppointmentUI > a.appointmentAdderButton:link:hover{ background-color:var(--brandingSecondary); }
.sideBarAppointmentUI > a.appointmentAdderButton:link:hover:before{ color:#fff; }
.sideBarAppointmentUI h3{ margin:0 0 10px var(--standardPaddingH) !important; }
.sideBarAppointmentUI h3 span.icon-itemP{ position:relative; top:3px; }
.sideBarAppointmentUI .nextSummary{ cursor:pointer; margin:0 0 0 calc(var(--standardPaddingH) + 25px); }
.sideBarAppointmentUI .nextSummary span{ font-size:11px; }
.sideBarAppointmentUI .appointmentListing{ position:relative; padding-bottom:62px; }
.sideBarAppointmentUI .appointmentListing .listingItemP{ padding:10px var(--standardPaddingH); background-color:transparent; border:none; }
.sideBarAppointmentUI .appointmentListing .listingItemP .icon-itemP{ top:10px; left:15px; display:none; }
.sideBarAppointmentUI .appointmentListing .listingItemP .controlsHolder{ top:9px; }
.sideBarAppointmentUI .appointmentListing .listingItemP .controlsHolder .icon-gear{ background:var(--pageNavBGColor); box-shadow:-6px 0 5px 6px var(--pageNavBGColor); }
.sideBarAppointmentUI .appointmentListing .listingItemP h3{ margin:0 0px 6px 0px !important; font-size:15px; font-weight:600; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sideBarAppointmentUI .appointmentListing .listingItemP h4{ margin:10px 0 0 0; }
.sideBarAppointmentUI .appointmentListing .listingItemP .appointmentExtra a{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sideBarAppointmentUI .appointmentListing .listingItemP img{ top:7px; left:var(--standardPaddingH); }
.sideBarAppointmentUI .appointmentListing .listingItemP ~ .listingItemP{ display:none; }
.sideBarAppointmentUI .appointmentListing .tuckedControls{ transform:scale(0.85); }
.sideBarAppointmentUI .appointmentListing .tuckedControls.showing{ transform:scale(1); }
.sideBarAppointmentUI .appointmentListing .ifEmpty{ display:none; }
.sideBarAppointmentUI .appointmentListing .viewPastLink{ position:absolute; inset:auto auto 10px 15px; }
.sideBarAppointmentUI .appointmentListing .viewAllLink{ display:none; position:absolute; inset:auto 15px 10px auto; margin:0; }
.sideBarAppointmentUI .appointmentListing .listingItemP + .listingItemP ~ .viewAllLink{ display:block; }
.sideBarAppointmentUI .noneNotice{ margin:-2px 0 0 40px; font-size:12px; font-style:italic; }
#tabWindowU .listingItemP .avatar{ top:12px; }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain .listingItemP.showClient h3    { width:300px; max-width:30%; margin:5px; }
 .leftSidebar ~ .pageMain .listingItemP.showClient .with    { position:absolute; top:12px; left:40%; width:300px; max-width:25%; padding-left:35px; }
 .leftSidebar ~ .pageMain .listingItemP.showClient .duration    { position:absolute; top:15px; right:50px; bottom:auto; }
 .leftSidebar ~ .pageMain .listingItemP.showClient .helpText    { position:absolute; bottom:2px; font-size:8px; } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient h3    { width:300px; max-width:30%; margin:5px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient .with    { position:absolute; top:12px; left:40%; width:300px; max-width:25%; padding-left:35px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient .duration    { position:absolute; top:15px; right:50px; bottom:auto; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient .helpText    { position:absolute; bottom:2px; font-size:8px; } }
@media (min-width: 800px)    {
 .pageMain:first-child .listingItemP.showClient h3    { max-width:30%; }
 .pageMain:first-child .listingItemP.showClient .with    { left:35%; }
 .pageMain:first-child .listingItemP.showClient .when    { position:absolute; top:15px; right:160px; }
 .pageMain:first-child .listingItemP .appointmentExtra    { margin-bottom:0; }
 .pageMain:first-child #ListingGP .listingItemP h3    { width:200px; width:calc(100% - 340px); margin:5px; }
 .pageMain:first-child #ListingGP .listingItemP .when    { position:absolute; top:15px; right:180px; }
 .pageMain:first-child #ListingGP .listingItemP .duration    { position:absolute; top:15px; right:80px; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .listingItemP.showClient h3,    .leftSidebar ~ .portableAnchorContainer .listingItemP.showClient h3    { max-width:30%; }
 .leftSidebar ~ .pageMain .listingItemP.showClient .with,    .leftSidebar ~ .portableAnchorContainer .listingItemP.showClient .with    { left:35%; }
 .leftSidebar ~ .pageMain .listingItemP.showClient .when,    .leftSidebar ~ .portableAnchorContainer .listingItemP.showClient .when    { position:absolute; top:15px; right:160px; }
 .leftSidebar ~ .pageMain .listingItemP .appointmentExtra,    .leftSidebar ~ .portableAnchorContainer .listingItemP .appointmentExtra    { margin-bottom:0; }
 .leftSidebar ~ .pageMain #ListingGP .listingItemP h3,    .leftSidebar ~ .portableAnchorContainer #ListingGP .listingItemP h3    { width:200px; width:calc(100% - 340px); margin:5px; }
 .leftSidebar ~ .pageMain #ListingGP .listingItemP .when,    .leftSidebar ~ .portableAnchorContainer #ListingGP .listingItemP .when    { position:absolute; top:15px; right:180px; }
 .leftSidebar ~ .pageMain #ListingGP .listingItemP .duration,    .leftSidebar ~ .portableAnchorContainer #ListingGP .listingItemP .duration    { position:absolute; top:15px; right:80px; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient h3    { max-width:30%; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient .with    { left:35%; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP.showClient .when    { position:absolute; top:15px; right:160px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .listingItemP .appointmentExtra    { margin-bottom:0; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain #ListingGP .listingItemP h3    { width:200px; width:calc(100% - 340px); margin:5px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain #ListingGP .listingItemP .when    { position:absolute; top:15px; right:180px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain #ListingGP .listingItemP .duration    { position:absolute; top:15px; right:80px; } }
#ListingTP .listingItemP.showClient .with{  cursor:default; }
.availability__time a{ display:block; margin:0 10px 10px 0 !important; padding:15px 0 !important; height:auto !important; float:left; width:calc(33.33% - 6.6667px) !important; }
.availability__time a:nth-child(3n){ margin-right:0 !important; }
.availability__timeLabel{
	vertical-align:top;
	padding-top:16px !important;
}
#appointmentSummaryCalendar{ width:200px; padding:8px; float:left; margin-top:6px;
	border:1px solid #a1a1a1;
}
#appointmentSummaryCalendar .availabilityLoading{ height:121px; padding-top:40px; text-align:center; }
.appointmentDayOptions{
	float:left;
	margin-left:20px;
	font-size:15px;
}
.appointmentDayOptions__label{ display:block; padding-bottom:6px; }
.appointmentDayOptions__slots{ height:203px; width:250px; max-width:100%; overflow:auto; border:1px solid #888; }
.appointmentDayOptions__slots .timeOption{ vertical-align:center; margin:2px 0 2px 4px; }
.appointmentDayOptions .noSlotsNotice{ margin:30px 15px; background-color:#eee; border-radius:4px; padding:10px 15px; }
@media (max-width: 500px), (max-height: 499px)    {
 @media (max-width: 500px)    {
  .appointmentDayOptions    { float:none; clear:left; margin:0; padding-top:16px; }
  .appointmentDayOptions__slots    { width:100%; } } }
@media (min-width: 501px) and (min-height: 500px)    {
 @media (max-width: 850px)    {
  .appointmentDayOptions    { float:none; clear:left; margin:0; padding-top:16px; }
  .appointmentDayOptions__slots    { width:100%; } } }
.formAppointmentCancel{
	width:400px;
	max-width:100%;
}
.formPSearch select[name=clientScope]{ max-width:calc(100% - 140px); }
.formPSearch textarea[name=skipList]{ width:300px; height:120px; max-width:100%; }
.formPWith{
	padding-bottom:0;
}
.formPWith ~ form > div.padded{ padding-top:0; }
.appointmentAdderTemplate{
	height:100%;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
}
@media (min-width: 600px)    {
 .formOffering .formP .rTable    {  }
 .formOffering .formP .rTable > tbody > tr > td:nth-child(2)    { width:460px; width:470px; } }
.formPL{
	min-height:300px;
}
.formPL.flexed{ height:auto; }
.formPL textarea[name=comment]{ width:100%; }
.formP .rTable{ max-width:600px; }
.formP .itemPanelWithIcon .nameLine{ height:1.8em; }
.formP .appointmentSequenceRow{ margin-top:10px; }
.formP input[name=name]{ width:100%; }
.formP input[name=subject]{ width:100%; }
.formP input[name=subject]{ width:100%; }
.formP input[name=location]{ width:100%; }
.formP textarea[name=description]{ width:100%; height:100px; }
.formP select[name=CoachID], .formP select[name=ClientID], .formP ._awesomeSelectStandInWrapper{ width:100%; }
.formP select[name=AppointmentTypeID]{ width:100%; }
.formP select[name=sequenceNumber]{ width:65px; }
.formP select[name=sequenceStep]{ width:58px; }
.formP select[name=sequenceTimeUnit]{ width:90px; }
.formP .worksheetRow td{ padding-top:16px; vertical-align:top; }
.formP .worksheetRow td:first-child{ padding-top:21px; }
.formP .appointmentWorksheet div.helpText{ margin:0 0 20px 26px; }
.formP .timeHint{ margin:2px 0 0 122px; }
.formP .notAvailableResult{ margin-top:16px; min-height:140px; }
.floating .formGP{
		min-height:400px;
	}
.formPC{ max-width:450px; }
.formPC textarea[name=comment]{ width:100%; height:80px; }
@media (min-width: 501px) and (min-height: 500px)    {
 .formPE    { min-height:300px; }
 .formPE .vStretched    {  } }
.formPE input[name=name]{ width:100%; }
.formPE input[name=minutesDuration]{ width:50px; }
.formPE .timeHint{ margin:2px 0 0 122px; }
.formPE .notifyRow{ padding-left:90px; }
.formPE input[name=isBygoneAppointment][value=true] + .vStretched tr.zoomRow, .formPE input[name=isBygoneAppointment][value=true] + .vStretched tr.remindersRow, .formPE input[name=isBygoneAppointment][value=true] + .vStretched tr.notifyRow, .formPE input[name=isBygoneAppointment][value=true] + .vStretched .availabilityLink{ display:none; }
.formGP .groupCoachInclusionPicker label{ display:block; margin-bottom:6px; }
.pastAppointments{
	width:100%;
}
.printing .pastAppointments td:last-child, .printing .pastAppointments th:last-child{ display:none; }
.pastAppointments .icon-itemS{ position:relative; top:2px; }
.pastAppointments .icon-itemS:before{ font-size:14px; }
.pastAppointments .controlsTD{ text-align:right; padding-top:0; padding-bottom:0; vertical-align:middle; }
.pastAppointments .icon-gear{ visibility:hidden; display:inline-block; }
.pastAppointments tr:hover .icon-gear{ visibility:visible; }
.PG_summaryCalendar .canvas{ margin-top:12px; }
table.calendarGrid{ border-collapse:collapse; width:100%; }
.PG_summaryCalendar table.calendarGrid th, .PG_summaryCalendar table.calendarGrid td{
	border:1px solid #BBBBBB; padding:2px 0; width:14.285714285714%; text-align:center; font-size:14px;
}
.PG_summaryCalendar table.calendarGrid tr th{
	color:#6D9C32; font-size:18px; font-weight:900;
}
.PG_summaryCalendar .eventCount1, .PG_summaryCalendar .eventCount2{
	color:#000 !important;
	background-color:#E2F8CA !important;
	cursor:pointer;
}
.PG_summaryCalendar .eventCount3, .PG_summaryCalendar .eventCount4{
	color:#000 !important;
	background-color:#AACC75 !important;
	cursor:pointer;
}
.PG_summaryCalendar .eventCount5, .PG_summaryCalendar .eventCount6, .PG_summaryCalendar .eventCount7,
.PG_summaryCalendar .eventCount8, .PG_summaryCalendar .eventCount9, .PG_summaryCalendar .eventCount10,
.PG_summaryCalendar .eventCount11,.PG_summaryCalendar .eventCount12,.PG_summaryCalendar .eventCount13,
.PG_summaryCalendar .eventCount14,.PG_summaryCalendar .eventCount15,.PG_summaryCalendar .eventCount16{
	color:#fff !important;
	background-color:#6D9C32 !important;
	cursor:pointer;
}
.PG_summaryCalendar .dayWeekend{
	color:#444;
	background-color:#F0F0F0
}
.PG_summaryCalendar .dayToday{
	border:1px solid #6C9C31 !important;
	font-weight:900;
}
.PG_summaryCalendar .dateLabel{
	font-size:14px;
}
.formTPU select{ max-width:calc(50% - 20px); }
.formCPU{
	width:300px;
}
.formCPU select{ width:auto; max-width:100%; }
.PG_summaryCalendar td.clickedDayCell{
	background-color:#558ccc !important;
}
.pastAppointmentsDiv{
	overflow:auto;
	min-height:200px;
}
.pastAppointmentsDiv table.data{ border:none; }
.pastAppointmentsDiv table.data tr.canceled td{ color:#888; background-color:#fee !important; }
table.data tr.canceled td{ color:#888; background-color:#fee !important; }
.floating .pastAppointmentsDiv{ max-height:calc(90vh - 240px); }
.futureAppointmentEmailer{
	max-width:500px;
}
.rolledContent{
	overflow:hidden;
	transition:all ease-in-out 500ms;
	max-height:0;
}
.rolledContent.showing{ max-height:400px; }
.clientNoteContent{
	max-width:100%;
	font-size:15px;
	line-height:1.6;
	
	width:var(--WYSIWYGContentWidth);
	width:var(--WYSIWYGPaddedWidth);
	min-height:300px;
	padding:var(--regionPadding);
}
.clientNoteContent h1    { font-size:24px; font-weight:700; margin:0 0 8px 0; }
.clientNoteContent h2    { font-size:20px; font-weight:700; margin:0 0 6px 0; }
.clientNoteContent h3    { font-size:17px; font-weight:700; margin:0 0 4px 0; }
.clientNoteContent p    { padding:0px; margin:0; }
.clientNoteContent ol, .clientNoteContent ul    { margin:10px 0px; padding-left:0; }
.clientNoteContent ol li    { margin-left:20px; }
.clientNoteContent ul li    { list-style-type:disc; margin-top:6px; margin-left:18px; }
.clientNoteContent ul ul li    { list-style-type:circle; }
.clientNoteContent ul ul ul li    { list-style-type:square; }
.clientNoteContent blockquote    { margin:10px 0 10px 30px; }
.clientNoteContent table    { background-color:var(--baseBGColor); font-size:13px; border-spacing:0px; border-collapse:collapse; max-width:100%; }
.clientNoteContent table tr th    { padding:10px 6px; text-align:left; font-weight:700; border:var(--mediumDividerLine); background-color:#f0f0f0; max-width:100%; }
.clientNoteContent table td    { vertical-align:top; padding:5px 6px; border:var(--mediumDividerLine); max-width:100%; }
.clientNoteContent table tr:nth-child(odd)  td    { background-color:#f8f8f8; }
.clientNoteContent table.table--minimalist tr th    { background-color:var(--baseBGColor); }
.clientNoteContent table.table--minimalist tr:nth-child(odd)  td    { background-color:var(--baseBGColor); }
.clientNoteContent table.table--borderless tr th, .clientNoteContent table.table--borderless tr td    { background-color:var(--baseBGColor); border:1px solid var(--baseBGColor); }
.clientNoteContent table.table--borderless tr td:first-child    { padding-left:0; }
.clientNoteContent table.table--borderless tr td:last-child    { padding-right:0; }
.clientNoteContent img    { max-width:100%; height:auto; }
.clientNoteContent img.left    { float:left; margin:0 30px 10px 0 !important; }
.clientNoteContent img.center    { margin:10px auto; display:block; }
.clientNoteContent img.right    { float:right; margin:0 0 10px 30px !important; }
.clientNoteContent img.stroke    { border:1px solid var(--brandingSecondary); }
.clientNoteContent img.dropShadow    { box-shadow:2px 4px 6px rgba(var(--shadowColorRGB), .1); }
.clientNoteContent img.padded    { padding:var(--regionPadding); }
.clientNoteContent .embedMedia    { height:auto; width:100%; background-color:transparent; }
.clientNoteContent .embedMedia .fallbackLink    { display:none; }
.clientNoteContent .embedMediaWithCaption audio + .fallbackLink    { display:block; text-align:center; }
.clientNoteContent audio    { width:100%; margin:10px 0; }
.clientNoteContent .videowrapper iframe, .clientNoteContent .videowrapper img.placeholder    { width:100%; aspect-ratio:16/9; }
.clientNoteContent .audiowrapper iframe    { width:100%; height:150px; }
.clientNoteContent .clear    { clear:both; }
.clientNoteContent .helpText    { font-size:11px; color:#888; font-style:italic; }
.clientNoteContent .formSmall    { font-size:12px; height:auto; }
.clientNoteContent .formNormal    { font-size:16px; height:auto; }
.clientNoteContent .formLarge    { font-size:20px; height:auto; }
.clientNoteContent .formJumbo    { font-size:24px; height:auto; }
.clientNoteContent .hiddenComputed    { display:none; }
.clientNoteContent span.placeholder    { color:#aaa !important; font-style:italic; }
.clientNoteContent label, .clientNoteContent ._formInput    { display:inline-block; }
.clientNoteContent ._jsonData    { display:none; }
.clientNoteContent .hidden    { display:none !important; }
.clientNoteContent .textAnswer, .clientNoteContent .textareaAnswer, .clientNoteContent .selectAnswer    { display:inline-block; position:relative; min-height:1.3em; background-color:var(--baseBGColor); border:var(--mediumDividerLine); color:var(--penBlue); text-align:left; font-weight:400; word-wrap:break-word; overflow-wrap:anywhere; }
.clientNoteContent .textAnswer > span,    .clientNoteContent .textareaAnswer > span,    .clientNoteContent .selectAnswer > span    { display:inline-block; padding:9px 12px; word-wrap:break-word; overflow-wrap:anywhere; color:var(--penBlue); font-weight:400; }
.clientNoteContent .textAnswer span.placeholder,    .clientNoteContent .textareaAnswer span.placeholder,    .clientNoteContent .selectAnswer span.placeholder    { color:#aaa; font-style:italic; }
.clientNoteContent .selectAnswer span    { padding-right:20px; }
.clientNoteContent .selectAnswer:after    { content:'\25BC'; position:absolute; top:-52%; bottom:-52%; right:0px; width:1.1em; padding:29px 17px 0 3px; background:var(--mediumBorderColor); color:var(--baseBGColor); transform:scaleY(.5); }
.clientNoteContent .checkboxAnswer,
	.clientNoteContent .imageAnswer,
	.clientNoteContent .radioAnswer    { display:inline-block; position:relative; }
.clientNoteContent .radioAnswer    .checked, .clientNoteContent .checkboxAnswer    .checked    { color:var(--penBlue); }
.clientNoteContent .radioAnswer .notChecked, .clientNoteContent .checkboxAnswer .notChecked    { opacity:.6; }
.clientNoteContent .checkboxAnswer label span    { font-size:1.3em; }
.clientNoteContent .signaturePad    { display:inline-block; border:var(--mediumDividerLine); border-radius:3px; position:relative; margin-bottom:20px; }
.clientNoteContent .signaturePad canvas    { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.clientNoteContent .signaturePad a.button    { position:absolute; top:100%; z-index:0; display:none; right:4px; }
@media (max-width: 500px), (max-height: 499px)    {
 .clientNoteContent .signaturePad a.button    { width:70px !important; } }
.clientNoteContent .signaturePad:hover a.button    { display:block; }
.clientNoteContent .signaturePad + .answerComments    { margin:-15px 0 15px 0; }
.clientNoteContent .signatureAnswer    { border:1px solid #000000; max-width:100%; display:inline-block; }
.clientNoteContent .checkboxAnswer label,    .clientNoteContent .radioAnswer label    { display:inline-block; position:relative; padding-left:1.7em; margin-bottom:6px; }
.clientNoteContent .checkboxAnswer label:empty,    .clientNoteContent .radioAnswer label:empty    { padding-left:0; }
.clientNoteContent .checkboxAnswer label span,    .clientNoteContent .radioAnswer label span    { position:absolute; left:0; top:1px; height:20px; width:20px; border:2px solid var(--borderColor); font-size:0; }
.clientNoteContent .checkboxAnswer label.checked span,    .clientNoteContent .radioAnswer label.checked span    { border-color:var(--penBlue); }
.clientNoteContent .checkboxAnswer.formSmall label span,    .clientNoteContent .radioAnswer.formSmall label span    { height:16px; width:16px; top:4px; }
.clientNoteContent .checkboxAnswer.formLarge label span,    .clientNoteContent .radioAnswer.formLarge label span    { height:24px; width:24px; top:4px; }
.clientNoteContent .checkboxAnswer.formJumbo label span,    .clientNoteContent .radioAnswer.formJumbo label span    { height:28px; width:28px; top:4px; }
.clientNoteContent .checkboxAnswer label.checked span:after    { content:''; position:absolute; width:25%; height:80%; left:35%; top:-6%; border-right:2px solid var(--penBlue); border-bottom:2px solid var(--penBlue); transform:rotate(45deg); }
.clientNoteContent .radioAnswer label span    { border-radius:50%; }
.clientNoteContent .radioAnswer label.checked span    { box-shadow:inset 0 0 0 3px var(--cardBGColor), inset 0 0 0 20px var(--penBlue); }
.clientNoteContent .imageAnswerSet    { width:100%; display:block; position:relative; }
.clientNoteContent .imageAnswerSet:after    { clear:both; content:''; display:block; }
.clientNoteContent .imageAnswerSet .imageAnswer    { position:relative; margin:0 4px 4px 0; float:left; }
.clientNoteContent .imageAnswerSet .imageAnswer .removeButton    { position:absolute; top:5px; right:5px; display:none; cursor:pointer; height:28px; width:28px; border-radius:50%; border:1px solid #444; text-align:center; background:#fff; padding-top:2px; }
.clientNoteContent .imageAnswerSet .imageAnswer .removeButton:before    { letter-spacing:0; }
.clientNoteContent .imageAnswerSet .imageAnswer:hover .removeButton    { display:block; }
.clientNoteContent .imageAnswer    { line-height:1px; }
.clientNoteContent .imageAnswer:empty    { border:1px dashed #888888; padding:10px 15px; max-width:100%; width:250px; }
.clientNoteContent .imageAnswer:empty:before    { line-height:1.3em; content:'No image submitted'; padding:10px 15px; }
.clientNoteContent .addImage    { clear:left; }
.clientNoteContent label, .clientNoteContent ._formInput    { display:inline-block; }
.clientNoteContent ._shim, .clientNoteContent ._jsonData    { display:none; }
.clientNoteContent ._formInput label.styleCheckbox, .clientNoteContent ._formInput label.styleRadio    { padding-left:32px; margin-bottom:6px; line-height:1.6; }
.clientNoteContent ._formInput label.styleCheckbox span,    .clientNoteContent ._formInput label.styleRadio span    { top:8px; }
.clientNoteContent ._formInput .formSmall label span    { top:5px; }
.clientNoteContent ._formInput .formSmall label.styleCheckbox, .clientNoteContent ._formInput .formSmall label.styleRadio    { padding-left:25px; }
.clientNoteContent ._formInput .formLarge label span    { top:10px; }
.clientNoteContent ._formInput .formJumbo label span    { top:13px; }
.clientNoteContent .commentReady    { cursor:pointer; }
.clientNoteContent .commentReady label    { cursor:pointer; }
.clientNoteContent .commentReady:hover    { border-color:#ffffff; box-shadow:0 0 3px 1px var(--brandingSecondary); }
.clientNoteContent .commentReady:hover:after    { content:'Comment...'; position:absolute; bottom:2px; right:4px; background:var(--cardBGColor); padding:2px 4px; box-shadow:0 0 2px var(--cardBGColor); color:var(--brandingSecondary); font-size:11px; line-height:1.3em; width:auto; top:auto; }
.clientNoteContent .textAnswer.commentReady:hover,    .clientNoteContent .textareaAnswer.commentReady:hover,    .clientNoteContent .selectAnswer.commentReady:hover,    .clientNoteContent .signaturePad.commentReady:hover    { border-color:var(--brandingSecondary); box-shadow:0 0 3px 0px var(--brandingSecondary); }
.clientNoteContent .answerComments    { display:block; width:100%; margin-top:5px; padding-bottom:10px; }
.clientNoteContent .answerComments .answerComment    { margin:5px 0 0px 0; display:block; margin:0; padding-bottom:10px; width:100%; position:relative; clear:both; }
.clientNoteContent .answerComments .answerComment .commentAvatar    { width:36px; height:22px; padding:4px 0 0 1px; float:left; }
.clientNoteContent .answerComments .answerComment .commentAvatar img, .clientNoteContent .answerComments .answerComment .commentAvatar .imgSub    { width:22px !important; height:22px !important; border-radius:50%; }
.clientNoteContent .answerComments .answerComment .theComment    { display:inline-block; position:relative; border-radius:3px; border:1px solid #bcd79c; color:#6c9c31; background-color:#fafcf7; padding:4px 20px 4px 12px; max-width:calc(100% - 72px); }
.clientNoteContent .answerComments .answerComment .theComment:after    { content:''; border:1px solid #888; position:absolute; top:8px; left:-7px; height:10px; width:10px; background-color:#fff; background-color:#fafcf7; border-right:none; border-top:none; transform:scale(.8, .7) rotate(45deg); }
.clientNoteContent .answerComments .answerComment .theComment.byClient    { border-color:#add4f0; color:#429ada; background-color:#f2f8fd; }
.clientNoteContent .answerComments .answerComment .theComment.byClient:after    { background-color:#fafcf7; border-color:#bcd79c; }
.clientNoteContent .answerComments .answerComment .theComment .icon-trash    { position:relative; top:2px; left:16px; cursor:pointer; }
.clientNoteContent .answerComments .answerComment .theComment .icon-trash:before    { font-size:16px; }
.clientNoteContent .keyInsightRendering    { border-bottom:var(--dividerLine); margin-bottom:16px; }
.clientNoteContent .keyInsightRendering h3    { margin-bottom:10px; }
.clientNoteContent .keyInsightRendering ul li    { position:relative; font-size:26px; list-style-type:none; margin-left:0; margin-bottom:15px; padding-left:35px; }
.clientNoteContent .keyInsightRendering ul li:before    { position:absolute; inset:0 auto auto 0; font-family:"appIconsDesigner"; content:"\e031"; font-size:26px; }
.clientNoteContent .reflectionAnswer    { position:relative; min-height:1.3em; text-align:left; word-wrap:break-word; }
.clientNoteContent .reflectionAnswer.answerColor, .clientNoteContent .reflectionAnswer .answerColor    { color:var(--penBlue); }
.clientNoteContent .reflectionAnswer.withBox    { border:var(--mediumDividerLine); padding:3px 6px; }
.clientNoteContent div.reflectionAnswer    { padding:10px 15px; }
.clientNoteContent div.reflectionAnswer ul, .clientNoteContent div.reflectionAnswer ol    { margin:0; }
.clientNoteContent div.reflectionAnswer ul li,    .clientNoteContent div.reflectionAnswer ol li    { padding-top:4px; padding-bottom:4px; }
.clientNoteContent .leftSidebar    { display:none; }
.clientNoteContent .anchorWindow    { position:relative; }
.clientNoteContent img.fr-rounded, .clientNoteContent .fr-img-caption.fr-rounded img    { border-radius:10px; background-clip:padding-box; }
.clientNoteContent img.fr-shadow, .clientNoteContent .fr-img-caption.fr-shadow img    { box-shadow:10px 10px 5px 0px #cccccc; }
.clientNoteContent img.fr-bordered, .clientNoteContent .fr-img-caption.fr-bordered img    { border:solid 5px #cccccc; }
.clientNoteContent.unpadded{ padding:0; }
.clientNoteContent .answerComment:after{ content:''; display:block; clear:both; }
.modal-view-container{
	width:100%;
	height:100%;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	box-sizing:border-box;
	z-index:100000;
	pointer-events:none;
	transform:translateZ(1px);
}
.view.modal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100001;
	transition:transform 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946),
	opacity 0.1s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	
	pointer-events:none;
	opacity:0;
	will-change:transform, opacity;
}
.view.modal.visible{
	pointer-events:auto;
	opacity:1;
	transform:scale(1) translateZ(1px);
	transition:transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946),
	opacity 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
.modal-view-details{
	background:#FFF;
	z-index:2;
	position:fixed;
	left:50%;
	top:50%;
	padding:25px 25px 25px 25px;
	width:85%;
	max-width:460px;
	transform:translate3d(-50%, -50%, 1px) scale(1.15);
	        
	transition:transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
	
	will-change:transform, opacity;
	
	border-radius:2px;
	box-shadow:0 10px 20px rgba(0,0,0,0.6);
	
}
@media (min-width: 500px)    {
 .modal-view-details    { width:65%; } }
.view.modal.visible .modal-view-details{
	transform:translate3d(-50%, -50%, 1px) scale(1);
	will-change:transform, opacity;
	max-height:calc(100vh - 100px);
	overflow:auto;
}
.modal-view-details h1{
	margin:0.2em 0 0.4em 0;
	padding:0;
	line-height:1;
	font-size:24px;
	color:#111;
}
.modal-view-details p{
	font-size:14px;
	line-height:1.6;
	margin:0; padding:0 0 1em 0;
}
.modal-view-details input.prompt{ width:100%; margin:20px 0 -20px 0; }
.modal-view-details div.errorMessage{ padding:10px 0; color:#800; }
.modal-view-details .modal-button-row{
	margin-top:20px;
	text-align:right;
}
.modal-view-details .modal-button-row .button, .modal-view-details .modal-button-row input[type=button]{ min-width:80px; }
.modal-view-details .modal-button-row .button:last-child, .modal-view-details .modal-button-row input[type=button]:last-child{ margin-right:0; margin-bottom:0; }
@media (max-width: 500px), (max-height: 499px)    {
 .modal-button-row .button, .modal-button-row input[type=submit], .modal-button-row input[type=button]    { width:100%; margin:0 0 10px 0; } }
.modal:after{
	position:fixed;
	background:rgba(0,0,0,0.4);
	width:100%;
	height:100%;
	left:0;
	top:0;
	display:block;
	content:'';
}
.view{
	will-change:transform;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	transition:transform 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}
body{
	font-size:16px;
}
body.offeringWidget{
	background:#fff;
	overflow:hidden;
	height:100vh;
}
@media (min-width: 501px) and (min-height: 500px)    {
 body.offeringWidget .restrictedMessage    { padding-top:100px !important; } }
body.offeringWidget .headerBar{ position:absolute; top:0; height:var(--topBarHeight); width:100%; background:var(--brandingPrimary) 50% 50% no-repeat; background-size:154px auto; }
body.offeringWidget .offeringBundleStep{ height:calc(100% - 52px); }
body.offeringWidget.brightTopBar .headerBar{ background-color:#fff; background-image:none; border-bottom:1px solid #ababab; }
body.offeringWidget.brightTopBar .headerBar #logo{ background-size:contain; }
#topBar{
	height:var(--topBarHeight);
	background-color:var(--brandingPrimary);
	top:0;
	left:0;
	right:0;
	position:fixed;
	box-shadow:inset 0 -4px 0 rgba(0, 0, 0, .07);
}
#topBar #logo, .headerBar #logo{
	margin:0 auto;
	height:50px;
	width:154px;
	background-size:154px auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
	position:absolute;
	top:calc((var(--topBarHeight) - 50px) / 2);
	left:50%;
	margin-left:-77px;
}
.scrapeFodder{
	position:absolute;
	top:0;
	left:-9999px;
}
body.offeringPage .headerBar{ background-color:var(--brandingPrimary); }
.offeringWidgetHolder{
	max-width:500px;
	margin:0px auto 20px;
	background-color:#fff;
}
@media (max-width: 500px), (max-height: 499px)    {
 body.offeringPage    { background:#fff; padding-top:var(--topBarHeight); }
 body.offeringPage .offeringWidgetHolder    { margin:0; max-width:100%; }
 body.offeringPage .formOffering, body.offeringPage .offeringBundleStep    { height:calc(100vh - 112px); } }
@media (min-width: 501px) and (min-height: 500px)    {
 body.offeringPage    { overflow:hidden; padding-top:100px; height:100vh; }
 body.offeringPage .offeringWidgetHolder    { border:1px solid #ababab; margin:0px auto 20px; }
 body.offeringPage .offeringWidgetHolder .formOffering, body.offeringPage .offeringWidgetHolder .offeringBundleStep    { height:calc(100vh - 182px); max-height:800px; border-radius:0 0 4px 4px; }
 body.offeringPage .offeringWidgetHolder .offerSuccessDiv    { padding:50px 25px 10px 25px; height:calc(100vh - 130px); margin:0; } }
.offeringStepsMenu{
	background:#fff;
	display:-ms-flexbox;
	display:flex;
	font-size:14px;
	border-bottom:2px solid var(--brandingPrimary);
	position:relative;
	z-index:1;
}
.offeringStepsMenu > div{ text-align:center; padding:15px 0; -ms-flex:1 1; flex:1 1; cursor:pointer; border-right:1px solid #ddd; }
.offeringStepsMenu > div:last-child{ border-right:none; }
.offeringStepsMenu > div.current{ background-color:var(--brandingPrimary); color:#ffff; cursor:default; border-right:none; }
.offeringStepsMenu > div.inactive{ opacity:.4; cursor:default; }
.offeringBundleOptions{

	height:100%;
	overflow:auto;
	overflow-x:hidden;
	padding-bottom:1px;
}
.offeringBundleOptions > div{ position:relative; background:#fff; padding:10px 20px; }
.offeringBundleOptions > div .clientNoteContent{ min-height:100px; padding:0; }
.offeringBundleOptions > div .collectionSingleRestrictionMessage{ padding:40px 0; color:var(--statusRed); }
.offeringBundleOptions > div.menuItem{ min-height:120px; padding:10px 50px 10px 15px; border-bottom:1px solid #e1e1e1; cursor:pointer; transition:background-color 250ms ease-out, transform 250ms ease-out; }
.offeringBundleOptions > div.menuItem:hover{ background-color:#f8f8f8; background-color:#eee; transform:scale(1.02); }
.offeringBundleOptions > div.menuItem .icon-forward{ position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.offeringBundleOptions > div.menuItem.restricted{ cursor:default; }
.offeringBundleOptions > div.menuItem.restricted .icon-forward{ display:none; }
.offeringBundleOptions > div.menuItem.restricted:hover{ background-color:#fff !important; transform:none; }
.offeringBundleOptions > div.menuItem.restricted .restrictionMessage{ padding:6px 0 10px 0; color:var(--statusRed); overflow:auto; }
.offeringBundleOptions > div.menuItem .offeringPrice{  }
.offeringBundleOptions > div h3{ font-size:18px; font-weight:400; margin-bottom:8px; }
.offeringBundleOptions > div p.blurb{ font-size:14px; color:#888; padding-bottom:24px; }
.offeringBundleOptions > div .offeringPrice{ font-size:20px; position:absolute; bottom:10px; right:15px; }
.offeringBundleStep{
	position:relative;
	overflow:hidden;
}
#offeringDescriptionShim{
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	background:#fff;
	border-right:1px solid #ababab;
	padding:10px 15px;
	overflow:auto;
	transform:translate3d(-100%, 0, 1px);
	transition:transform 250ms ease-out;
	z-index:1;
}
#offeringDescriptionShim.showing{ transform:translate3d(1px, 0, 1px); }
#offeringDescriptionShim .icon-close{ position:absolute; top:9px; right:10px; cursor:pointer; }
#offeringDescriptionShim .icon-close:before{ font-size:26px; position:relative; top:2px; left:3px; }
#offeringDescriptionShim h2{ padding-right:40px; margin-bottom:16px; }
#offeringDescriptionShim .clientNoteContent{ padding:0 0 15px 0; min-height:0; }
@media (min-width: 501px) and (min-height: 500px)    {
 #offeringDescriptionShim    { border-radius:0 0 4px 4px; } }
.formOffering{
	padding:30px 15px;
	height:calc(100% - 52px);
	max-height:1000px;
	overflow:auto;
	position:relative;
	background-color:#fff;
}
.formOffering input[type=text], .formOffering select[name=TimeZoneID]{ width:100%; }
@media (max-width: 500px), (max-height: 499px)    {
 .formOffering    { height:calc(100vh - 52px); } }
.formOffering .offeringDescription{ margin-top:10px; }
.formOffering .offeringDescription img{ max-width:100%; height:auto; }
.formOffering .offeringDescription + div + hr{ margin:20px 0; }
.formOffering .headline{ margin:0 0 5px; font-size:18px; }
.formOffering .offeringStep{ max-width:600px; margin:0 auto; }
.formOffering .offeringStep .formWorksheet{ margin:10px 0; }
.formOffering .offeringStep .clientNoteContent{ padding:0; min-height:50px; }
.formOffering .timezoneControls{ margin-top:0px; font-size:12px; }
.formOffering .timezoneControls span{ font-size:31px; }
.formOffering .timezoneControls select[name=timezone]{ width:calc(100% - 114px); margin-left:5px; }
.formOffering .availability__time a{ font-size:16px; height:auto; }
.formOffering ._formInput ._jsonData{ display:none; }
.formOffering .CCPaymentProfiles{ padding-bottom:16px; }
.formOffering .tableCC .cardErrorMessage{ margin-top:16px; min-height:1em; }
.formOffering .tableCC--square .textInput{ height:40px; }
.formOffering .mayAutoBillControls{ opacity:0; margin:8px 0 0 21px; }
@media (min-width: 600px)    {
 .formOffering .tableCC td    { vertical-align:top; }
 .formOffering .tableCC td:nth-child(1)    { padding-top:9px !important; }
 .formOffering .tableCC td:nth-child(2)    { padding-top:2px !important; } }
h2{
	font-size:24px;
}
a.button, input[type=submit]{
	font-size:16px;
	padding:8px 18px;
	height:38px;
}
.offerSuccessDiv{
	height:calc(100vh - var(--topBarHeight));
	margin:var(--topBarHeight) auto 0;
	padding:25px 10px;
	overflow:auto;
}
.offerSuccessDiv img{ max-width:100%; }
.offerSuccessDiv .clientNoteContent .button{ line-height:1.3; }
.showAtBrightTopBar{ display:none; }
.brightTopBar .hideAtBrightTopBar{ display:none; }
.brightTopBar .showAtBrightTopBar{ display:block; }
.brightTopBar #topBar{ background-color:#ffffff; padding-left:0; border-bottom:var(--dividerLine); box-shadow:none; }
.brightTopBar #topBar #topMenu{ font-size:0; margin-right:12px; }
.brightTopBar #topBar #topMenu .icon{ padding-left:8px; padding-right:8px; border-bottom:var(--dividerLine); }
.brightTopBar #topBar #topMenu .icon:before{ color:var(--brandingPrimary); }
.brightTopBar #topBar #topMenu .icon:hover{ background-color:#e3f1fa; }
.brightTopBar #topBar #topMenu .icon:hover:before{ color:var(--brandingSecondary); }
.brightTopBar #topBar #topMenu .icon.current{ padding-left:7px; padding-right:7px; border-left:var(--dividerLine); border-right:var(--dividerLine); border-bottom:1px solid #fff !important; cursor:default; }
.brightTopBar #topBar #topMenu .icon.current:hover{ background-color:#fff; }
.brightTopBar #topBar #topMenu .sideMenuToggle{ padding-left:14px; width:59px; }
.brightTopBar #topBar #topMenu .subMenu.moreItems{ background-color:var(--cardBGColor); border:var(--dividerLine); border-top:none; }
.brightTopBar #topBar #topMenu .subMenu.moreItems .icon{ border:none; }
@media screen and (max-width: 699px){
 .brightTopBar #topBar #topSearchForm{ padding:12px 15px; } }
.brightTopBar #topBar #accountHeader{ color:var(--brandingPrimary); border-bottom:var(--dividerLine); }
.brightTopBar #topBar #accountHeader .icon-forward:before{ color:var(--brandingPrimary); }
.brightTopBar #topBar #accountHeader:hover{ color:var(--brandingSecondary); background-color:#e3f1fa; }
.brightTopBar #topBar #accountHeader:hover .icon-forward:before{ color:var(--brandingSecondary); }
.brightTopBar #topBar #logo{ background-image:url(../../images/v3/headerLogoColor.png); background-size:contain; background-position:50% 50%; }
.brightTopBar #topBar #topSearchForm input:focus{ box-shadow:0 0 0 1px var(--brandingPrimary); }
.brightTopBar #loadingMessage{ background-color:var(--cardBGColor); color:var(--brandingPrimary); }
.brightTopBar #loadingMessage div, .brightTopBar #loadingMessage div:before, .brightTopBar #loadingMessage div:after{ color:var(--brandingPrimary); background-color:var(--brandingPrimary); }
body:not(.designer) .showAtDesigner, body:not(.designer) .detailsBadge, body:not(.designer) .contactInfoCard, body:not(.designer) .sideBarAppointmentUI, body:not(.designer) #mainAppNav, body:not(.designer) #settingsMenuHolder, body:not(.designer) .twHeader ul li span.itemCount, body:not(.designer) .icon-dragDots, body:not(.designer) .genericIcon, body:not(.designer) .profileExtraCardBottom, body:not(.designer) .userListingPanel .activitySummary, body:not(.designer) .userListingPanel .controlsHolder, body:not(.designer) .userListingPanel .controlsHolder + .inviteButton, body:not(.designer) .engagementState .forWho, body:not(.designer) .formTCP input.search, body:not(.designer) .magicTagSet, body:not(.designer) .courseItem.implicit [class^="icon-item"], body:not(.designer) .coursePagePreviewExit:before, body:not(.designer) .engagementState .engagementStatePart .notificationsStat .icon-itemN, body:not(.designer) .mobileAddButton, body:not(.designer) .userListingPanel .profileExtra + .clientCoaches{ display:none !important; }
body:not(.designer) .tuckedControlsHolder.sortControl > span{ display:none; }
body:not(.designer) .tuckedControlsHolder.sortControl a span{ display:none; }
body:not(.designer) .clientNoteContent{ line-height:1.3; }
body:not(.designer) .twSubHeader .button.primary.button--add{ float:right; }
:root{
	--clientNoteContentMarginBG:#e8e8e8;
	--genericFileBG:#f6f6f6;
	--fadedTextColor:#707070;
}
@font-face{
  font-family:"appIconsDesigner";
  src:url("../fonts/coachaccountable-app-icons-v2.eot");
  src:url("../fonts/coachaccountable-app-icons-v2.eot?#iefix") format("embedded-opentype"),
    url("../fonts/coachaccountable-app-icons-v2.woff") format("woff"),
    url("../fonts/coachaccountable-app-icons-v2.ttf") format("truetype"),
    url("../fonts/coachaccountable-app-icons-v2.svg#coachaccountable-app-icons-v2") format("svg");
   
  
  src:url("../fonts/coachaccountable-app-icons-v3.eot");
  src:url("../fonts/coachaccountable-app-icons-v3.eot?#iefix") format("embedded-opentype"),
    url("../fonts/coachaccountable-app-icons-v3.woff") format("woff"),
    url("../fonts/coachaccountable-app-icons-v3.ttf") format("truetype"),
    url("../fonts/coachaccountable-app-icons-v3.svg#coachaccountable-app-icons-v3") format("svg");
  font-weight:normal;
  font-style:normal;

}
body.designer{
	
	--CAGreen:#68a921;
	--pageNavWidth:100%;
	--pageHeaderHeight:80px;
	--standardPadding:24px;
	--standardPaddingH:24px;
	--standardPaddingH:15px;
	--rectangleItemRadius:5px;
	--pageNavBGColor:var(--primaryLight97);
	--pageNavBGColorRGB:var(--primaryLight97RGB);
  --buttonRadius:4px;
	--borderColor:#ababab;
	--subtleTextColor:#707070;
	--statusGreen:#68a921;
	
	--WYSIWYGPaddedWidth:calc(var(--WYSIWYGContentWidth) + (2 * var(--standardPaddingH)));
	
	font-family:Inter, Roboto, Arial, Tahoma, sans-serif;
	font-familyx:Arial, Tahoma, sans-serif;
	
	--topBarHeight:72px;

}
body.designer.version51{ --clientNoteContentMarginBG:linear-gradient(0deg, rgba(var(--brandingSecondaryRGB), 1) 0%,
																											 rgba(var(--brandingSecondaryRGB), .3) 90%); }
body.designer .hideAtDesigner{ display:none !important; }
body.designer .padded{ padding:var(--regionPadding); }
@media (min-width: 800px){
 body.designer    { --regionPadding:16px 24px; --inverseRegionPaddingMargin:16px -24px -16px -24px; --standardPaddingH:24px; } }
@media (min-width: 500px){
 body.designer .buttonBar, body.designer .awBody .padded, body.designer .awBody.padded, body.designer .listingItemE, body.designer .mooeditable-ui-toolbar, body.designer .userListingPanel{ --regionPadding:16px 24px; --inverseRegionPaddingMargin:16px -24px -10px -24px; --standardPaddingH:24px; }
 body.designer .anchorWindow .awHead{ padding-left:24px; } }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer    { --mainNavWidth:0; --standardPaddingH:15px; }
 body.designer #topBar.inApp #logo    { margin:0; transform:translateX(-50%); } }
body.designer #topBar.inApp{ background-color:var(--baseBGColor); box-shadow:none; padding-left:0; }
@media screen and (max-width: 370px){
 body.designer #topBar #logo, body.designer .logoImage    { right:10px; } }
body.designer #accountHeader{ height:calc(var(--topBarHeight) - 1px); padding:24px 28px 24px 70px; border:none !important; }
@media screen and (max-width: 550px){
 body.designer #accountHeader    { padding-right:0; padding-left:60px; right:15px; } }
body.designer #accountHeader .icon-forward{ top:28px; }
body.designer #accountHeader img{ --imageSize:40px; }
body.designer #accountMenu{ border-radius:0 0 10px 10px; }
body.designer #accountMenu .item[onclick="JavaScript: Nav.GearMenu.open()"]{ display:none; }
@media screen and (max-width: 550px){
 body.designer #accountMenu    { right:15px; } }
body.designer #accountHeader, body.designer #accountHeader .icon-forward:before{ color:var(--brandingPrimary); }
body.designer:not(.brightTopBar) #topBar.inApp{ background-color:var(--brandingPrimary); }
body.designer:not(.brightTopBar) #topBar.inApp #accountHeader, body.designer:not(.brightTopBar) #topBar.inApp #accountHeader .icon-forward:before{ color:#ffffff; }
body.designer:not(.brightTopBar) #topBar.inApp:after{ background-color:var(--brandingPrimary); border-right:none; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer    { --pageNavWidth:272px; }
 body.designer #topBar.inApp    { left:var(--mainNavWidth); border-top-left-radius:7px; border-bottom-color:var(--brandingPrimary); }
 body.designer #topBar.inApp:before    { content:''; position:absolute; top:0; left:0; height:70px; width:70px; background-color:var(--mainNavBGColor); }
 body.designer #topBar.inApp #topMenu    { position:absolute; transform:translateY(-100%); }
 body.designer #topBar.inApp:after    { content:''; position:absolute; top:0; left:0; border-top-left-radius:7px; background-color:var(--primaryLight97); height:var(--topBarHeight); width:var(--pageNavWidth); border-bottom:var(--meenyDividerLine); border-right:var(--mediumDividerLine); border-bottom-color:var(--brandingPrimary); }
 body.designer #topBar.inApp #logo    { left:calc(var(--mainNavWidth) + (var(--pageNavWidth) - 154px) / 2); background-size:contain; z-index:1; }
 body.designer.brightTopBar #topBar.inApp, body.designer.brightTopBar #topBar.inApp:after    { border-bottom-color:var(--subtleGrey); }
 body.designer .appPage > .leftSidebar ~ .pageMain    { margin-left:var(--pageNavWidth); width:calc(100% - var(--pageNavWidth)); padding-left:calc(2 * var(--standardPadding)); }
 @media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
  body.designer .appPage > .leftSidebar ~ .pageMain    { padding-left:24px; padding-right:15px; } }
 body.designer .leftSidebar .itemMenu:first-child    { margin-top:0px; } }
@media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
 body.designer    { --pageNavWidth:230px; }
 body.designer .anchorWindow.anchored .awBody .pageMain .vStretched.padded, body.designer .anchorWindow.anchored .awBody .pageMain .buttonBar    { padding-left:10px; padding-right:10px; } }
body.designer #topMenu .icon-more, body.designer #topMenu .jumpItem{ display:none !important; }
body.designer #topSearchForm{ top:16px; left:calc(var(--pageNavWidth) + 48px); }
@media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
 body.designer #topSearchForm    { left:calc(var(--pageNavWidth) + 22px); } }
body.designer #topSearchForm input.search{ font-size:20px; width:220px; background:var(--baseBGColor); }
@media screen and (max-width: 900px){
 body.designer #topSearchForm input.search    { width:220px; } }
body.designer #topSearchForm:after{ font-family:"appIconsDesigner" !important; font-style:normal !important; font-weight:100 !important; font-variant:normal !important; text-transform:none !important; speak:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\39"; position:absolute; top:11px; left:10px; font-size:20px; color:var(--borderColor); }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer #topSearchForm    { top:-8px; left:-10px; width:calc(50% - 180px); }
 body.designer #topSearchForm input.search    { width:100%; } }
@media screen and (max-width: 699px){
 body.designer #topSearchForm    { width:100%; top:0px; left:0; padding:16px 15px 15px !important; }
 body.designer #topSearchForm:after{ top:26px; left:25px; }
 body.designer #topSearchForm input.search{ height:auto; } }
body.designer #topLeft .sideMenuToggle{ transform:translateX(0); width:72px !important; padding-left:18px !important; padding-top:18px; }
body.designer #loadingMessage{ background-color:var(--cardBGColor); color:var(--brandingPrimary); padding-top:calc(var(--topBarHeight)/2 - 12px); height:calc(var(--topBarHeight) - 1px); }
body.designer #loadingMessage div{ top:calc(var(--topBarHeight)/2 - 10px); }
body.designer #loadingMessage div, body.designer #loadingMessage div:before, body.designer #loadingMessage div:after{ color:var(--brandingPrimary); background-color:var(--brandingPrimary); }
body.designer .leftSidebar h3{ margin-left:0; }
body.designer #appPageContainer{ height:100%; }
body.designer #appPageContainer:before{ content:''; position:absolute; top:0; bottom:0; left:0; width:calc(var(--pageNavWidth) + var(--mainNavWidth) - 1px); width:calc(var(--pageNavWidth) + var(--mainNavWidth)); left:var(--mainNavWidth); width:var(--pageNavWidth); background-color:var(--pageNavBGColor); border-right:var(--mediumDividerLine); }
body.designer #appPageContainer > .appPage{ top:var(--topBarHeight); left:var(--mainNavWidth); background-color:var(--baseBGColor); }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer #appPageContainer > .appPage > .pageMain:first-child    { margin-left:var(--pageNavWidth); } }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer:not(.darkMode) #appPageContainer > .appPage    { background:linear-gradient(to right, var(--primaryLight97) calc(var(--pageNavWidth) - 1px), var(--mediumBorderColor) var(--pageNavWidth), var(--mediumBorderColor) var(--pageNavWidth), var(--baseBGColor) var(--pageNavWidth)); } }
body.designer .appPage .leftSidebar, body.designer .awBody .leftSidebar, body.designer #settingsMenuHolder{ width:var(--pageNavWidth); max-width:var(--pageNavWidth); background-color:var(--pageNavBGColor); border-right:var(--mediumDividerLine); }
@media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
 body.designer .appPage .leftSidebar, body.designer .awBody .leftSidebar, body.designer #settingsMenuHolder    { --standardPadding:24px 10px; --standardPaddingH:10px; } }
body.designer .appPage .leftSidebar h2, body.designer .awBody .leftSidebar h2, body.designer #settingsMenuHolder h2{ margin:0; padding:var(--standardPadding); border-bottom:var(--mediumDividerLine); }
body.designer .appPage .leftSidebar .itemMenu, body.designer .awBody .leftSidebar .itemMenu, body.designer #settingsMenuHolder .itemMenu{ padding:var(--standardPadding); }
body.designer .appPage .leftSidebar .itemMenu .item, body.designer .awBody .leftSidebar .itemMenu .item, body.designer #settingsMenuHolder .itemMenu .item{ border-radius:6px; }
body.designer .appPage .leftSidebar .itemMenu .item:before, body.designer .awBody .leftSidebar .itemMenu .item:before, body.designer #settingsMenuHolder .itemMenu .item:before{ font-size:24px !important; top:10px; .itemMenu.item.tabSelected:before }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .appPage .leftSidebar .itemMenu .item:before,    body.designer .awBody .leftSidebar .itemMenu .item:before,    body.designer #settingsMenuHolder .itemMenu .item:before    { top:16px; } }
body.designer .appPage .leftSidebar .itemMenu .item:hover, body.designer .awBody .leftSidebar .itemMenu .item:hover, body.designer #settingsMenuHolder .itemMenu .item:hover{ background-color:#00000008; }
body.designer .appPage .leftSidebar .itemMenu .item:hover:not(.tabSelected) .adder, body.designer .awBody .leftSidebar .itemMenu .item:hover:not(.tabSelected) .adder, body.designer #settingsMenuHolder .itemMenu .item:hover:not(.tabSelected) .adder{ color:var(--brandingSecondary); }
body.designer .appPage .leftSidebar .itemMenu .item.tabSelected, body.designer .awBody .leftSidebar .itemMenu .item.tabSelected, body.designer #settingsMenuHolder .itemMenu .item.tabSelected{ background-color:#00000016; }
body.designer .appPage .leftSidebar .itemMenu .item.tabSelected:before, body.designer .awBody .leftSidebar .itemMenu .item.tabSelected:before, body.designer #settingsMenuHolder .itemMenu .item.tabSelected:before{ color:var(--baseColor); }
body.designer .appPage .leftSidebar .itemMenu .item .adder, body.designer .awBody .leftSidebar .itemMenu .item .adder, body.designer #settingsMenuHolder .itemMenu .item .adder{ top:10px; height:27px; width:27px; color:var(--baseColor); }
body.designer .appPage .leftSidebar .itemMenu .item .adder:before, body.designer .awBody .leftSidebar .itemMenu .item .adder:before, body.designer #settingsMenuHolder .itemMenu .item .adder:before{ font-family:"appIconsDesigner"; content:"\55"; }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .appPage .leftSidebar .itemMenu .item .adder, body.designer .awBody .leftSidebar .itemMenu .item .adder, body.designer #settingsMenuHolder .itemMenu .item .adder    { top:16px; } }
body.designer.darkMode .appPage .leftSidebar .itemMenu .item:hover, body.designer.darkMode .awBody .leftSidebar .itemMenu .item:hover, body.designer.darkMode #settingsMenuHolder .itemMenu .item:hover{ background-color:#faf9fa10; }
body.designer.darkMode .appPage .leftSidebar .itemMenu .item.tabSelected, body.designer.darkMode .awBody .leftSidebar .itemMenu .item.tabSelected, body.designer.darkMode #settingsMenuHolder .itemMenu .item.tabSelected{ background-color:#f5f4f518; }
body.designer .appPage > .leftSidebar, body.designer #settingsMenuHolder{ top:var(--topBarHeight); left:var(--mainNavWidth); }
body.designer .awBody .leftSidebar{ background-color:transparent; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .awBody .leftSidebar    { width:265px; }
 body.designer .awBody .leftSidebar .itemMenu    { padding-left:0; padding-right:0; }
 body.designer .awBody .leftSidebar .itemMenu .item    { border-radius:0; }
 body.designer .awBody .leftSidebar .itemMenu .item.tabSelected    { background-color:rgba(var(--brandingPrimaryRGB), .1); } }
body.designer #settingsMenuHolder{ top:auto; bottom:0; transform:translateX(-102%); transition:transform 150ms ease-in; box-shadow:2px 0px 5px rgba(0, 0, 0, .1); border-top-right-radius:15px; max-width:360px; z-index:1; }
body.designer #settingsMenuHolder.open{ transform:translateX(-15px); }
body.designer #settingsMenuHolder h2{ padding-left:40px !important; }
body.designer #settingsMenuHolder .itemMenu{ padding-left:30px; padding-right:15px; overflow:auto; max-height:calc(100dvh - (var(--topBarHeight) + 90px)); scrollbar-width:none; }
body.designer #settingsMenuHolder .itemMenu::-webkit-scrollbar{ display:none; }
body.designer #settingsSideBarHolder{ display:none; }
body.designer .sideWidgets .widget{ padding-right:20px; }
body.designer .sideNoteForm textarea{ background-color:rgba(0, 0, 0, .0); border:1px dashed transparent; }
body.designer .sideNoteForm textarea:hover{ background-color:rgba(255, 255, 255, 0); border-color:rgba(0, 0, 0, .15); }
body.designer .basicPageHeader{ display:block; padding-top:var(--standardPadding); height:auto; }
body.designer .pageHeader{ display:-ms-flexbox; display:flex; }
body.designer .pageHeader h1{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:6px; }
body.designer .pageHeader .controls{ white-space:nowrap; }
body.designer .pageHeader .controls .button:last-child{ margin-right:0; }
body.designer .pageHeader .controls .mobileAddButton{ display:none; }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .pageHeader .controls .addButtonX    { display:none; } }
body.designer .pageHeader + .tabWindow > .twHeader{  }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .pageMain div.t, body.designer .mobileScrollContainer    { position:fixed; inset:0; height:auto; overflow:auto; }
 body.designer .mobileScrollContainer    { padding-bottom:60px; } }
body.designer .mobileAddButton.button{ position:fixed; bottom:15px; right:15px; margin:0; z-index:1; padding:20px 0 0 0; height:50px; width:50px; border-radius:50%; box-shadow:0 5px 2px rgba(0, 0, 0, .07); font-size:50px; line-height:1px; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .mobileAddButton.button    { display:none; } }
body.designer .leftSidebar .itemMenu .item.typeLibrary,
	body.designer .twHeader .button--add,
	body.designer .twHeader .itemAdder,
	body.designer .twSection  .button--add,
	body.designer .twSection .itemAdder,
	body.designer .twSubHeader .icon-download{ display:none; }
body.designer .leftSidebar h2.hiddenWhenMini{ overflow:hidden; text-overflow:ellipsis; }
body.designer #tabWindowP .itemAdder{ display:inline-block; }
body.designer .tuckedControlsHolder.sortControl{ margin-left:10px; }
body.designer .tuckedControlsHolder.sortControl .button{ border:none; font-weight:bold; margin-left:0; padding-left:6px; padding-right:0; }
body.designer .tuckedControlsHolder.sortControl .button:before{ display:none; }
body.designer .tuckedControlsHolder.sortControl .button span.icon-arrowUp{ display:inline-block; transform:translateY(4px); }
body.designer .tuckedControlsHolder.sortControl .button span.descending + span{ transform:rotate(180deg); }
body.designer .tuckedControls > label:hover,    body.designer .tuckedControls > span.option:hover{ background-color:rgba(var(--brandingSecondaryRGB), .07); }
body.designer .tuckedControls > label.selected, body.designer .tuckedControls > span.option.selected{ background-color:rgba(var(--brandingSecondaryRGB), .20); }
body.designer .tabWindow{ margin-top:0; }
body.designer .tabWindow .twHeader{ border-bottom:1px solid var(--tinyBorderColor); }
body.designer .tabWindow .twHeader ul li{ max-width:115px; border-bottom:none; }
body.designer .tabWindow .twHeader ul li.tabSelected{ background-color:transparent; font-weight:700; color:inherit; color:var(--baseColor)$; border-bottom:3px solid #191919; }
body.designer .tabWindow .twHeader ul li span.itemCount{ display:inline-block; font-weight:400; margin-left:10px; font-size:12px; }
body.designer .tabWindow .twHeader .twButtons{ margin-top:2px; }
body.designer .tabWindow .twSection .twScroll:after{ display:block; height:40px; }
body.designer .tabWindow .twSection .twScroll.darkened{ border-top:none; }
body.designer ul.widgetTabs{ border-top:none; border-bottom:1px solid var(--tinyBorderColor); padding-left:var(--standardPadding); }
body.designer ul.widgetTabs li{ width:auto; padding:12px 10px; font-size:14px; border-bottom:none; }
body.designer ul.widgetTabs li.tabSelected{ background-color:transparent; font-weight:700; color:inherit; border-bottom:3px solid #191919; }
body.designer .sectionPaper{ margin-top:0; --atMiniPaddingLeft:24px; }
@media (max-width: 500px){
 body.designer .sectionPaper    { --atMiniPaddingLeft:15px; } }
body.designer .sectionPaper.flexed{ max-height:none; }
body.designer .sectionPaper .spHead{ min-height:80px; padding-top:20px; padding-left:var(--atMiniPaddingLeft); }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .sectionPaper .spHead    { padding-left:0; } }
body.designer .sectionPaper .spHead h1, body.designer .sectionPaper .spHead h2{ font-size:26px; font-weight:400; margin:4px 0; }
body.designer .sectionPaper .spHead .twButtons{ top:23px; right:calc(var(--atMiniPaddingLeft) - 10px); }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .sectionPaper .spHead .twButtons    { right:0; } }
body.designer .sectionPaper .spBody{ padding-top:20px; padding-left:var(--atMiniPaddingLeft); }
body.designer .sectionPaper .spBody.unpadded .vStretched.padded{ padding-left:var(--atMiniPaddingLeft); }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .sectionPaper .spBody    { padding-left:0; } }
body.designer .sectionPaper .anchorWindow.anchored{ top:20px; }
body.designer table th.sortAsc, body.designer table th.sortDesc{ position:relative; }
body.designer table th.sortAsc:after, body.designer table th.sortDesc:after{ font-family:'appIconsDesigner'; content:"\56"; position:absolute; display:inline-block; padding-top:2px; padding-left:4px; }
body.designer table th.sortAsc.right, body.designer table th.sortDesc.right{ padding-right:24px; }
body.designer table th.sortAsc:after{ content:"\3f"; padding-top:1px; }
body.designer .awesomeMenu{ border-radius:0 0 10px 10px; box-shadow:1px 2px 5px rgba(0, 0, 0, .1); overflow:hidden; }
body.designer .awesomeMenu > div:first-child .sectionHeader{ display:none; }
body.designer .awesomeMenu .sectionHeader{ border-bottom:none; }
body.designer .awesomeMenu li{ padding-top:12px; height:54px; font-size:11px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body.designer .awesomeMenu li h3{ margin:0; }
body.designer .awesomeMenu li img{ top:12px; }
body.designer .awesomeMenu div:last-child li:last-child{ border-radius:0 0 10px 10px; }
body.designer #topBar.inApp .awesomeMenu{ top:var(--topBarHeight) !important; }
body.designer #helpSideBarHolder{ top:0; box-shadow:-1px 0 5px rgba(0, 0, 0, .10); }
body.designer #helpSideBarHolder #helpSideBar{ border-left:var(--mediumDividerLine); }
body.designer #helpSideBarHolder #helpSideBar .content{ top:calc(var(--topBarHeight) + 1px); }
body.designer #helpSideBarHolder #helpSearchForm{ height:var(--topBarHeight); padding:17px 60px 0 80px; }
body.designer #helpSideBarHolder #helpSearchForm input.search{ font-size:18px; padding-left:40px; border:var(--mediumDividerLine); }
body.designer #helpSideBarHolder #helpSearchForm .helpHistoryNavButtons{ left:0px; }
body.designer #helpSideBarHolder #helpSearchForm .helpHistoryNavButtons span{ padding:21px 2px 19px; padding:21px 0 19px 5px; }
body.designer #helpSideBarHolder #helpSearchForm .icon-view{ position:absolute; top:27px; left:92px; }
body.designer #helpSideBarHolder #helpSearchForm .icon-view:before{ font-size:18px; color:var(--mediumBorderColor); }
body.designer #helpSideBarHolder #helpSearchForm .awesomeMenu li h3{ margin-bottom:4px; }
body.designer #helpSideBarHolder .icon-close{ position:absolute; display:block; top:22px; right:15px; left:auto; border:none; background-color:var(--baseBGColor); cursor:pointer; }
body.designer #helpSideBarHolder .icon-close:before{ font-size:26px; }
body.designer #helpSideBarHolder .summonButton{ position:absolute; display:block; height:auto; top:0; right:0; margin:0; }
body.designer #helpSideBarHolder .helpMessageSender{ top:0; z-index:1; transform:translateX(100%); transition:transform 200ms ease-in; border:none; }
body.designer #helpSideBarHolder .helpMessageSender .summonButton{ display:none; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent{ padding:0; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent .icon-close{ top:26px; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent > div{ position:relative; padding:var(--standardPadding); }
body.designer #helpSideBarHolder .helpMessageSender .senderContent h2{ margin:0 0 20px; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent label:not(.styleRadio){ display:block; font-size:16px; margin:16px 0 4px; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent .teamSays{ display:none; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent .timelyNote{ display:block; padding:var(--standardPadding); border-top:var(--mediumDividerLine); border-bottom:var(--mediumDividerLine); }
body.designer #helpSideBarHolder .helpMessageSender .senderContent .sendHelpButtonBar{ display:-ms-flexbox; display:flex; gap:15px; }
body.designer #helpSideBarHolder .helpMessageSender .senderContent .sendHelpButtonBar .senderBottomButton{ margin:0; font-size:16px; padding:10px 0; }
body.designer #helpSideBarHolder .helpMessageSender.showing{ transform:translateX(0); }
body.designer .renderedHelpArticle{ padding-top:60px; }
body.designer .renderedHelpArticle .clientNoteContent, body.designer .renderedHelpArticle .seeWithin, body.designer .renderedHelpArticle .relatedArticles{ line-height:1.8; }
body.designer .renderedHelpArticle .icon-share{ top:65px; transform:none; }
body.designer .renderedHelpArticle .icon-share:before{ content:"\e01c"; }
body.designer .renderedHelpArticle .toParent.atBottom{ margin:40px 0 60px; }
body.designer .renderedHelpArticle .toParent a{ display:inline-block; border-radius:3px; padding:6px 15px 6px 30px; background:rgba(128, 128, 128, .1); text-decoration:none; font-size:15px; }
body.designer .renderedHelpArticle .toParent a .icon-back{ position:absolute; top:8px; left:7px; }
body.designer .renderedHelpArticle .toParent a .icon-back:before{ color:var(--brandingPrimary); }
body.designer .renderedHelpArticle .seeWithin{ margin:40px calc(-1 * var(--standardPadding)) 30px calc(-1 * var(--standardPadding)); padding:15px var(--standardPadding) 0px var(--standardPadding); border-top:var(--mediumDividerLine); }
body.designer .renderedHelpArticle ul.seeAlso{ margin-top:20px; margin-left:0; }
body.designer .renderedHelpArticle ul.seeAlso li{ position:relative; list-style:none; font-size:15px; padding:0px 0 2px 28px; }
body.designer .renderedHelpArticle ul.seeAlso li a{ font-weight:bold; text-decoration:none; }
body.designer .renderedHelpArticle ul.seeAlso li a:hover{ text-decoration:underline; }
body.designer .renderedHelpArticle ul.seeAlso li:before{ position:absolute; top:6px; left:5px; font-family:"appIconsDesigner" !important; font-style:normal !important; font-weight:100 !important; font-variant:normal !important; text-transform:none !important; speak:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\58"; color:var(--borderColor); font-size:16px; }
body.designer .renderedHelpArticle ul.seeAlso li:after{ content:''; position:absolute; top:13px; left:7px; height:2px; width:8px; background:var(--borderColor); }
body.designer input[type=text], body.designer input[type=password], body.designer input[type=number], body.designer select, body.designer textarea, body.designer .textInput{ padding-top:8px; padding-bottom:8px; }
body.designer input.DatePicker-input{ background-image:url(../../images/v3/graphics/dateInputBGLight.png); }
body.designer input.timeInput{ background-image:url(../../images/v3/graphics/timeInputBGLight.png); }
body.designer .filterInputClearHolder{ height:38px; }
body.designer .button, body.designer a.button, body.designer input[type=submit], body.designer input[type=button], body.designer button{ padding:8px 12px; height:38px; height:auto; }
body.designer .button.iconWithText:before, body.designer a.button.iconWithText:before, body.designer input[type=submit].iconWithText:before, body.designer input[type=button].iconWithText:before, body.designer button.iconWithText:before{ line-height:1px; }
body.designer .button.mini, body.designer a.button.mini, body.designer input[type=submit].mini, body.designer input[type=button].mini, body.designer button.mini{ padding:4px 8px; height:auto; }
body.designer .inputSideCar.button.overSideCar{ padding-left:4px; padding-right:5px; }
body.designer #anchorWindowDock{ left:calc(var(--mainNavWidth) + var(--standardPadding)); }
body.designer #topBar{ z-index:4000; }
body.designer #AnchorWindowFloatingShim{ top:0; background-color:rgba(0, 0, 0, .05); }
body.designer #AnchorWindowFloatingShim.mellow{ background-color:rgba(0, 0, 0, .0); }
body.designer .modal:after{ background:rgba(0,0,0,0.2); }
body.designer .modal-view-details{ border-radius:10px; box-shadow:4px 10px 10px rgba(0, 0, 0, 0.3); }
body.designer .DatePicker-WidgetDiv{ border-radius:10px; overflow:clip; background-color:var(--cardBGColor); }
body.designer .DatePicker-WidgetDiv .DatePicker-ControlDiv{ display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; background:rgba(var(--brandingPrimaryRGB), .05); color:inherit; padding:15px 22px; padding:0; text-align:left; height:54px; height:auto; }
body.designer .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton, body.designer .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton{ position:static; padding:15px 10px; text-align:center; -ms-flex-order:2; order:2; border-radius:0; height:auto; width:auto; }
body.designer .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-BackButton{  }
body.designer .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-ForwardButton{ -ms-flex-order:3; order:3; }
body.designer .DatePicker-WidgetDiv .DatePicker-ControlDiv .DatePicker-MonthLabel{ -ms-flex-order:1; order:1; -ms-flex-positive:1; flex-grow:1; padding:12px 0 12px 15px; }
body.designer.darkMode .DatePicker-WidgetDiv .DatePicker-ControlDiv{ background:linear-gradient(270deg, rgba(var(--brandingPrimaryRGB), .3) 0%, #222 90%); }
body.designer .moor-box{ border-radius:10px; overflow:clip; padding:var(--regionPadding); width:425px; height:340px; }
body.designer .moor-box .moor-overlayBox{ margin:0; }
body.designer .moor-box .moor-slider{ margin-top:0; margin-left:276px; }
body.designer .moor-box .moor-arrows{ left:290px; }
body.designer .moor-box .moor-colorBox{ margin-top:0; }
body.designer .moor-box .moor-chooseColor{ margin-top:1px; }
body.designer .moor-box .moor-currentColor{ margin-top:35px; }
body.designer .moor-box .moor-okButton{ margin-left:0; }
@media (max-width: 1250px){
 body.designer .inWYSIWYGGutterWhenWide{ position:static; top:auto; right:auto; width:100%; } }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .folderControls    { padding-left:0; padding-right:0; }
 body.designer .folderControls.folderControls--oppositeSpotlight .buttonRow    { margin-right:15px; } }
body.designer .folderPages{ border-top:1px solid var(--baseBGColor); transition:border ease-in .1s; }
body.designer .folderPages.scrolled{ border-top:var(--mediumDividerLine); }
body.designer .folderPages .folder{ height:50px; padding:16px 10px 0 60px; background-color:var(--cardBGColor); border:1px solid var(--mediumBorderColor) !important; }
body.designer .folderPages .folder .name{ color:var(--baseColor); }
body.designer .folderPages .folder:before{ color:var(--baseColor); left:24px; }
body.designer .folderPages .folder:hover{ background:var(--highlight03); }
body.designer .clientNoteContent img{ border-radius:10px; }
body.designer .clientNoteContent img.fullScreenshot, body.designer .clientNoteContent img.unrounded{ border-radius:0px; }
body.designer .anchorWindow .awHead{ padding-top:8px; }
body.designer .anchorWindow .awHead .awTitle{ font-size:22px; }
body.designer .anchorWindow .awButtons span{ padding-top:6px; padding-top:9px; }
body.designer .anchorWindow .awButtons span:hover{ background-color:var(--fadedBGColor); }
body.designer .anchorWindow .awButtons span:hover.icon-close{ background-color:#ff848433; }
body.designer .anchorWindow .awButtons span:before{ font-size:30px; font-size:24px; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .anchorWindow.anchored    { top:-55px; border-color:var(--mediumBorderColor); }
 body.designer .anchorWindow .anchorWindow.anchored    { top:-1px; margin-bottom:0; box-shadow:none; } }
body.designer .HTMLOrPlainTextarea{ padding:var(--regionPadding); padding-top:0; padding-bottom:0; }
body.designer .padded > .buttonBar{ margin:10px -24px -10px -24px }
body.designer .icon-checkboxU, body.designer .icon-checkboxX, body.designer .icon-checkboxC{ border:2px solid var(--iconColor); border-radius:5px; box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0); }
body.designer .icon-checkboxU:before, body.designer .icon-checkboxX:before, body.designer .icon-checkboxC:before{ content:''; }
body.designer .icon-checkboxC:before, body.designer .actionListing .icon-checkboxU:hover:before{ border-width:3px; border-bottom-right-radius:3px; width:40%; height:70%; left:30%; top:5%; }
body.designer .icon-checkboxX:before{ width:70%; left:15%; }
@media (min-width: 1100px){
 body.designer .inWYSIWYGGutterWhenWide{ top:85px; right:0; } }
@media (min-width: 1290px){
 body.designer .inWYSIWYGGutterWhenWide{ top:50px; } }
body.designer .draftsMenu{ border-top-left-radius:10px; }
body.designer .formM .leftSidebar{ width:160px; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .floating .formM    { width:700px; } }
body.designer .metricWizardType .optionButton{ max-width:315px; }
body.designer .formUA select[name=NoteTemplateID], body.designer .formUA ._awesomeSelectStandInWrapper{ width:calc(100% - 120px); max-width:400px; }
body.designer .formPerS .vStretched{ max-width:640px; }
body.designer .formW .sidePadded{ padding-top:10px; }
body.designer .formW .remindersDiv .button{ bottom:5px; right:24px; }
body.designer .formW .theDate{ padding:6px var(--standardPaddingH); }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .formCN .extendedHeader input[name=title],
				body.designer .formCN .extendedHeader input[name=name],
				body.designer .formCN .extendedHeaderAtMini input[name=title],
				body.designer .formCN .extendedHeaderAtMini input[name=name]    { left:var(--standardPaddingH); width:calc(100% - 160px); }
 body.designer .formCN.formS input[name=title]    { width:calc(100% - 406px); }
 @media (min-width: 1145px)    {
  body.designer .formB .draftsMenuHolder    { top:45px; height:calc(100% - 116px); } } }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer    {  }
 body.designer #globalAnchorContainer    { top:calc(var(--topBarHeight) + 20px); margin-left:calc(var(--pageNavWidth) + var(--mainNavWidth) + (2* var(--standardPadding))); width:calc(100% - (var(--pageNavWidth) + var(--mainNavWidth) + (3* var(--standardPadding)))); }
 @media (max-width: 1000px)    {
  body.designer #globalAnchorContainer    { margin-left:95px; width:calc(100% - 115px); } }
 body.designer .portableAnchorContainer    { margin-left:calc(var(--pageNavWidth) + (2* var(--standardPadding))); width:calc(100% - (var(--pageNavWidth) + (3* var(--standardPadding)))); }
 @media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
  body.designer .portableAnchorContainer    { margin-left:254px; width:calc(100% - 265px); } }
 @media (max-width: 1000px)    {
  body.designer .portableAnchorContainer    { margin-left:95px; width:calc(100% - 115px); } }
 body.designer .portableAnchorContainer .anchorWindow.anchored    { top:0; height:calc(100dvh - (var(--topBarHeight) + 20px + 10px)); }
 @media (min-width: 800px) and (min-height: 500px) and (max-width: 1050px)    {
  body.designer .tabWindow > .anchorWindow.anchored    { left:-160px; }
  body.designer .anchorWindow .leftSidebar + .pageMain    { margin-left:230px; width:calc(100% - 230px); } } }
body.designer .galleryChooser .gallery .image img{ border-radius:5px; }
body.designer .galleryChooser .selection .imageHolder img{ border-radius:10px; }
body.designer .streamControls .textRight{ font-size:12px; }
body.designer .companyImage{ border-radius:5px; box-shadow:1px 2px 3px rgba(0, 0, 0, .12); }
body.designer .itemCard{ height:270px; --cardBottomTopPadding:24px; }
body.designer .itemCard.courseCard{ height:310px; }
body.designer .itemCard.courseCard.noThumbnail{ background-color:rgba(var(--brandingPrimaryRGB), .1); }
body.designer .itemCard.courseCard.noThumbnail .cardTop{ min-height:200px; padding:0; }
body.designer .itemCard.courseCard.noThumbnail .cardTop:after{ content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:linear-gradient(90deg, rgba(var(--brandingPrimaryRGB), 0) 0px, var(--primaryLight97) 100%); }
body.designer .itemCard.courseCard.noThumbnail .cardTop h2{ position:relative; padding-left:5px; font-size:100px; font-weight:900; line-height:.85em; color:rgba(0, 0, 0, .08); margin-right:-100px; }
body.designer .itemCard.courseCard .courseProgressMeter{ inset:auto 24px 120px 24px; }
body.designer .itemCard .fromWho, body.designer .itemCard .companyImage{ position:absolute; width:50px; height:50px; border-radius:50%; inset:auto 16px 90px auto; z-index:1; }
body.designer .itemCard .fromWho + .companyImage, body.designer .itemCard .companyImage + .companyImage{ width:30px; height:30px; box-shadow:1px 2px 3px rgba(0, 0, 0, .1); inset:auto 8px 80px auto; }
body.designer .itemCard .companyImage{ border-radius:5px; }
body.designer .itemCard .miniContent{ background-color:var(--clientNoteContentMarginBG); background:var(--clientNoteContentMarginBG); height:100%; padding:0; }
body.designer .itemCard .miniContent .clientNoteContent{ background:var(--baseBGColor); top:0; padding:20px 30px 0 30px; box-shadow:0 0 10px rgba(0, 0, 0, .15); width:600px; max-width:none; transform:scale(.4) translateX(-50%) translateZ(0); overflow:hidden; height:600px; }
body.designer .itemCard .cardBottom{ background-color:var(--cardBGColor); height:110px; padding:24px; }
body.designer .itemCard .cardBottom .date{ color:var(--fadedTextColor); margin-top:4px; }
body.designer .itemCard .cardBottom .date label{ font-weight:bold; }
body.designer .itemCard .controls{ top:auto; bottom:0px; width:auto; transform:translateY(100%); transition:transform ease-in 0.1s; }
body.designer .itemCard .controls > div{ background:var(--baseBGColor); width:auto; height:auto; padding:0 6px 0px 0; background-color:#ff000000; }
body.designer .itemCard .controls > div [class^="icon-"]{ opacity:.6; padding:6px; }
body.designer .itemCard .controls > div [class^="icon-"]:before{ color:var(--fadedTextColor) !important; }
body.designer .itemCard .controls > div [class^="icon-"]:hover{ background-color:transparent; opacity:1; }
body.designer .itemCard:not(.editable) .controls .icon-edit{ display:none; }
body.designer .itemCard:hover .controls{ transform:translateY(0); }
body.designer .itemCard.typeS .cardBottom:before,
		body.designer .itemCard.typeW .cardBottom:before,
		body.designer .itemCard.typeN .cardBottom:before,
		body.designer .itemCard.typeJ .cardBottom:before,
		body.designer .itemCard.typeT .cardBottom:before,
		body.designer .itemCard.typeM .cardBottom:before,
		body.designer .itemCard.typeF .cardBottom:before,
		body.designer .itemCard.typeA .cardBottom:before,
		body.designer .itemCard.typeB .cardBottom:before,
		body.designer .itemCard.typeR .cardBottom:before,
		body.designer .itemCard.typeRP .cardBottom:before,
		body.designer .itemCard.typeRA .cardBottom:before,
		body.designer .itemCard.itemResourcePackage .cardBottom:before{ font-family:"appIconsDesigner"; content:'4a'; position:absolute; top:var(--cardBottomTopPadding); left:24px; font-size:18px; color:var(--fadedTextColor); }
body.designer .itemCard.typeA.typeNT .cardBottom:before{ content:"\43"; }
body.designer .itemCard.typeM .cardBottom:before{ content:"\2a"; }
body.designer .itemCard.typeS .cardBottom:before{ content:"\6c"; }
body.designer .itemCard.typeW .cardBottom:before{ content:"\73"; }
body.designer .itemCard.typeN .cardBottom:before{ content:"\77"; }
body.designer .itemCard.typeJ .cardBottom:before{ content:"\48"; }
body.designer .itemCard.typeT .cardBottom:before{ content:"\43"; }
body.designer .itemCard.typeF .cardBottom:before{ content:"\4d"; }
body.designer .itemCard.typeB .cardBottom:before{ content:"\6a"; }
body.designer .itemCard.typeR .cardBottom:before{ content:"\68"; }
body.designer .itemCard.typeR .cardBottom:before, body.designer .itemCard.typeRP .cardBottom:before, body.designer .itemCard.typeRA .cardBottom:before{ content:"\68"; }
body.designer .itemCard.itemResourcePackage .cardBottom:before{ content:"\62"; }
body.designer .subtleText{ color:var(--subtleTextColor); }
body.designer #clientOverviewContainer{ margin-top:0; }
body.designer #clientOverviewContainer .column1{ max-width:100%; padding-right:0px; }
body.designer #clientOverviewContainer .column1:after{ content:none; }
body.designer #clientOverviewContainer .column2, body.designer #clientOverviewContainer #tabWindowU ul li:nth-child(3){ display:none !important; }
body.designer .engagementReportChart .chartSlice__bar{ border-radius:5px 5px 0 0; }
body.designer .coachTouchpointsX .touchPointsRow .dayTouchpoint__tail{ top:0; bottom:0; height:auto; }
body.designer .loadedInSpotlight{ box-shadow:0 0 0 1px var(--brandingSecondary), 1px 1px 7px 1px rgba(0, 0, 0, .35); }
body.designer .loadedInSpotlight.itemCard .controls{ transform:translateY(0); }
body.designer .oppositeSpotlight .folderPages{ padding-left:2px; }
body.designer .itemSpotlight .padded{ padding:var(--standardPadding); }
body.designer .courseSpotlight h2{ margin:0px 0 6px 0; }
body.designer .courseSpotlight .participants{ padding-top:10px; }
body.designer .courseSpotlight .participants h3{ text-transform:uppercase; color:var(--subtleTextColor); }
body.designer .courseSpotlight .participantStats .courseStatus span{ display:inline-block; line-height:2; }
body.designer .courseSpotlight .participantStats .courseStatus span:before{ color:var(--mediumBorderColor); font-size:28px; }
body.designer .courseSpotlight .widgetTabs{ padding-left:16px; }
body.designer .courseSpotlight .courseSummaryHeader{ text-transform:uppercase; color:var(--subtleTextColor); }
body.designer .courseSpotlight .courseSummaryHeader .itemsX{ left:80px; }
body.designer .courseSpotlight .courseISummary{ background-color:var(--subtleGrey); background-color:var(--baseBGColor); padding-right:var(--standardPadding); }
body.designer .courseSpotlight .courseISummary span.icon-itemR:before{ content:"\e014"; }
body.designer .courseSpotlight .coursePSummary .item .icon-star{ position:relative; margin-right:14px; }
body.designer .courseSpotlight .coursePSummary .item .icon-star:before{ position:absolute; top:1px; left:-4px; font-size:16px; }
body.designer .courseDetails .day .icon-marker{ top:9.5px; left:-11px; height:0px; width:0px; border:15px solid transparent; border-left-color:var(--brandingPrimary); transform:scaleY(.65); padding:0 !important; }
body.designer .courseDetails .day .icon-marker:before{ content:none; }
body.designer .courseDetails .day .items .item .icon-marker{ top:auto; bottom:-15px; }
body.designer .leftSidebar .coursePageNavHeading h2{ margin:0 calc(-1 * var(--standardPadding)) var(--standardPadding) calc(-1 * var(--standardPadding)); }
body.designer .courseTimelineNav{ padding-left:20px; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer #course.appPage > .pageMain    { padding-left:10px; }
 body.designer #course.appPage > .pageMain .t:nth-child(2)    { padding-left:38px; }
 body.designer #course.appPage > .pageMain #courseTimeLine    { padding-left:10px; } }
body.designer #courseTimeLine{ --borderRadius:10px; }
body.designer #courseTimeLine .courseDay{ padding-top:75px; padding-bottom:20px; border-bottom:none; border-top:1px solid var(--minorBorderColor); }
body.designer #courseTimeLine .courseDay:first-child{ border-top-color:transparent; }
body.designer #courseTimeLine .courseDay .courseItemHolderDiv:not(:empty){ padding-bottom:40px; }
body.designer #courseTimeLine .courseDay .dayOf{ top:20px; background-color:var(--fadedBGColor); text-align:center; padding:6px 1px 5px; border-radius:5px; width:-moz-fit-content; width:fit-content; min-width:50px; font-size:10px; text-transform:uppercase; transition:all 150ms ease-in; }
body.designer #courseTimeLine .courseDay .dayOf .dayOfNumber{ display:block; margin:-3px 0 0 0; font-size:24px; }
body.designer #courseTimeLine .courseDay .realDate{ top:37px; left:76px; }
body.designer #courseTimeLine .courseDay.dropTarget{ border:1px solid var(--secondaryLight60); margin:0 -1px -1px -1px; border-radius:10px; background-color:inherit; }
body.designer #courseTimeLine .courseDay.dropTarget .dayOf{ background-color:var(--highlight13); color:var(--brandingSecondary); }
body.designer #courseTimeLine .courseDay.dropTarget + .courseDay{ border-top:none; margin-top:1px; }
body.designer #courseTimeLine .courseDay .dropZone{ left:10px; right:10px; border:1px dashed var(--brandingSecondary); border-radius:5px; background-color:var(--highlight06); color:var(--brandingSecondary); }
body.designer .courseItem .normalDisplay, body.designer .courseItem .editDiv{ border-radius:var(--borderRadius); border-bottom-left-radius:var(--borderRadius) !important; border:var(--mediumDividerLine); box-shadow:0 1px 3px rgba(0, 0, 0, .15); }
body.designer .courseItem .normalDisplay .headline{ margin:2px 0 14px; }
body.designer .courseItem .normalDisplay.closed{ max-height:48px; }
body.designer .courseItem .followedDropZone.active, body.designer .courseItem .followsDropZone{ border:1px dashed var(--brandingSecondary); background-color:var(--highlight06); color:var(--brandingSecondary); }
body.designer .courseItem .followedDropZone{ border-radius:var(--borderRadius) var(--borderRadius) 0 0; }
body.designer .courseItem .followsDropZone{ border-radius:0 0 var(--borderRadius) var(--borderRadius); }
body.designer .courseItem .itemHeader{ padding:13px 15px 4px 50px; min-height:42px; }
body.designer .courseItem .itemHeader [class^="icon-item"]:before{ font-size:28px; }
body.designer .courseItem.typeS .itemHeader .icon-itemR:before{ content:'\58'; }
body.designer .courseItem.typeC .itemHeader .icon-itemR:before{ content:'\2d'; }
body.designer .courseItem.implicit{ border:var(--mediumDividerLine); }
body.designer .courseItem.implicit .itemHeader [class^="icon-item"]{ top:7px; }
body.designer .courseItemGroup.dragging{ border-bottom:var(--mediumDividerLine); max-height:50px; }
body.designer .courseItemGroup .followingItems .courseItem .editDiv{ border-radius:0 0 var(--borderRadius) var(--borderRadius); }
body.designer .courseItemGroup .followingItems .courseItem.hasFollowing .editDiv{ border-bottom-right-radius:0; }
body.designer .courseItemGroup .followingItems.nonEmpty:before{ border-radius:0 0 0 3px; left:8px; width:9px; height:28px; border:2px solid var(--mediumBorderColor); border-top:none; border-right:none; }
body.designer .courseItemGroup .followingItems.nonEmpty:after{ border:none; font-family:'appIconsDesigner'; content:"\58"; transform:none; font-size:20px; color:var(--mediumBorderColor); top:14px; left:8px; }
body.designer .courseItemGroup .followingItems.nonEmpty.backOut{ margin-top:5px; }
body.designer .courseItemGroup .followingItems.nonEmpty.backOut:before{ border-radius:5px 0 0 5px; border:2px solid var(--mediumBorderColor); border-right:none; top:-17px; left:-15px; height:43px; width:110px; }
body.designer .courseItemGroup .followingItems.nonEmpty.backOut:after{ left:-14px; }
body.designer .courseItemGroup .followingItems.nonEmpty.backOut > div.courseItemGroup > .courseItem > .normalDisplay{ border-top-left-radius:var(--borderRadius); }
body.designer .courseItemEditForm .formSection{ border-radius:var(--borderRadius); border:none; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer    {  }
 @media (min-width: 900px)    {
  body.designer .leftSidebar ~ .pageMain #courseTimeLine .courseDay    { width:calc(100% - 226px); } }
 @media (min-width: 700px)    {
  body.designer .leftMenuMini .leftSidebar--miniable ~ .pageMain #courseTimeLine .courseDay    { width:calc(100% - 226px); } } }
body.designer .courseBuilderButton{ border:var(--minorDividerLine); padding:12px 0 10px 0; box-shadow:0 1px 2px rgba(0, 0, 0, .15); }
body.designer .courseBuilderButton.dragging{ box-shadow:1px 4px 6px rgba(0, 0, 0, .3); position:absolute; z-index:11; }
body.designer .courseBuilderButton.itemButton:not(.coursePageItem){ border:var(--minorDividerLine); font-size:9px; background:var(--baseBGColor); color:var(--baseColor); }
body.designer .courseBuilderButton.itemButton:not(.coursePageItem):before{ display:block; margin:0 0 8px 6px; font-size:32px; color:var(--baseColor); }
body.designer .courseBuilderButton.itemButton:not(.coursePageItem).inUse{ opacity:.4; border-color:var(--borderColor); background-color:var(--fadedBGColor); box-shadow:none; }
body.designer .courseBuilderButton.dayButton{ border:var(--minorDividerLine); }
body.designer .courseHolder .courseBuilderTools .courseBuilderButtons{ gap:7px 5px; }
body.designer .courseSection .coursePageItem.typeW > .coursePageWorksheet,
			body.designer .courseSection .coursePageItem.typeB > .coursePageWhiteboard{ border:var(--minorDividerLine); border-radius:10px; }
body.designer .courseSection .coursePageItem.typeN > div{ border-radius:10px; }
body.designer .courseSection .coursePageItem.typeN > div .itemTypeIcon{ top:17px; left:16px; }
body.designer .courseSection .coursePageAction{ border:var(--minorDividerLine); border-radius:10px; }
body.designer .courseSection .coursePageAction.statusR:after{ right:15px; }
body.designer .coursePagePreviewExit{ margin:var(--standardPadding) !important; }
body.designer .fileThumbnailContent{ text-align:center; min-height:160px; }
body.designer .fileThumbnailContent.video:not(.generic){ min-height:0; }
body.designer .fileThumbnailContent span.genericIcon{ display:none; }
body.designer .fileThumbnailContent.generic{ --genericColorRGB:88, 88, 88; background:var(--cardBGColor) linear-gradient(90deg, rgba(var(--genericColorRGB), .15) 0%, rgba(var(--genericColorRGB), 0.05) 100%); }
body.designer .fileThumbnailContent.generic.audio{ --genericColorRGB:248, 144,   4; }
body.designer .fileThumbnailContent.generic.csv,
			body.designer .fileThumbnailContent.generic.excel{ --genericColorRGB:28, 112,  68; }
body.designer .fileThumbnailContent.generic.image{ --genericColorRGB:138,  82, 180; }
body.designer .fileThumbnailContent.generic.pdf{ --genericColorRGB:179,  34,  39; }
body.designer .fileThumbnailContent.generic.video,
			body.designer .fileThumbnailContent.generic.youtube{ --genericColorRGB:221,  30,  37; }
body.designer .fileThumbnailContent.generic.web{ --genericColorRGB:21, 199, 242; }
body.designer .fileThumbnailContent.generic.word{ --genericColorRGB:42,  86, 150; }
body.designer .fileThumbnailContent.generic img.fileIcon{ display:none; }
body.designer .fileThumbnailContent.generic img.fileIcon + span.genericIcon{ display:inline; position:relative; top:40px; text-align:center; }
body.designer .fileThumbnailContent.generic img.fileIcon + span.genericIcon:before{ font-size:70px; color:rgb(var(--genericColorRGB)); }
body.designer .itemSpotlight .thumbnailHolder{ background-color:transparent; margin-bottom:24px; border-radius:10px; box-shadow:1px 1px 3px rgba(0, 0, 0, .2); }
body.designer .itemSpotlight .thumbnailHolder .fileThumbnailContent{ border-radius:10px; overflow:hidden; }
body.designer .itemSpotlight .thumbnailHolder .fileThumbnailContent.generic{ border:1px solid rgb(var(--genericColorRGB)); }
body.designer.darkMode .fileThumbnailContent.generic{ background:var(--cardBGColor) linear-gradient(90deg, rgba(var(--genericColorRGB), .45) 0%, rgba(var(--genericColorRGB), 0.25) 100%); }
body.designer .userListingPanel{ padding:0; height:auto; }
body.designer .userListingPanel .mainAxis{ position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; padding:var(--standardPadding); gap:var(--standardPadding); }
body.designer .userListingPanel .mainAxis .profileImage{ position:static; display:block; border-radius:50%; width:80px; height:80px; }
body.designer .userListingPanel .mainAxis .mainInfo{ -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:1; flex-shrink:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
body.designer .userListingPanel .mainAxis .mainInfo .contactInfo{ height:auto; text-overflow:ellipsis; overflow:hidden; }
body.designer .userListingPanel .mainAxis .mainInfo .contactInfo span, body.designer .userListingPanel .mainAxis .mainInfo .contactInfo div.phoneNumbers{ text-overflow:ellipsis; }
body.designer .userListingPanel .mainAxis .mainInfo .contactInfo .nextAppointment{ position:relative; width:-moz-fit-content; width:fit-content; }
body.designer .userListingPanel .mainAxis .activitySummary{ display:-ms-flexbox; display:flex; -ms-flex:0 0 auto; flex:0 0 auto; width:130px; -ms-flex-direction:column; flex-direction:column; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:10px; }
body.designer .userListingPanel .mainAxis .activitySummary .activitySummaryLabel{ font-size:11px; }
@media (min-width: 1400px){
 body.designer .userListingPanel .mainAxis .activitySummary    { width:auto; -ms-flex-direction:row; flex-direction:row; gap:30px; }
 body.designer .userListingPanel .mainAxis .activitySummary .accessState{ width:115px; } }
@media (max-width: 1000px){
 body.designer .userListingPanel .mainAxis .activitySummary    { display:none; } }
body.designer .userListingPanel .mainAxis .activitySummary .accessState{ position:static; }
body.designer .userListingPanel .mainAxis .activitySummary .accessState:first-child .stateLabel{ padding-bottom:3px; }
body.designer .userListingPanel .mainAxis .activitySummary .activityLevel label{ color:var(--subtleTextColor); display:block; }
body.designer .userListingPanel .mainAxis .companyImage{ inset:auto auto 24px 90px; border-radius:5px; height:30px; width:30px; z-index:2; box-shadow:1px 2px 3px rgba(0, 0, 0, .12); }
body.designer .userListingPanel .mainAxis .controlsHolder{ z-index:1; -ms-flex-negative:0; flex-shrink:0; text-align:right; }
body.designer .userListingPanel .mainAxis .controlsHolder .buttonRow{ position:static; }
body.designer .userListingPanel .inviteButton{ position:absolute; top:8px; margin:0; right:var(--standardPadding); padding:6px 6px 6px; height:auto; font-size:12px; }
body.designer .userListingPanel .clientCoaches{ position:absolute; padding:0; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; inset:auto var(--standardPaddingH) 10px auto; }
body.designer .userListingPanel .clientCoaches img{ height:24px; width:24px; margin:0 0 0 2px; }
body.designer .userListingPanel .clientCoaches .pairingStats{ font-size:18px; }
body.designer .userListingPanel .clientCoaches .pairingButton{ padding:4px 6px 4px; height:auto; font-size:12px; margin:0 0 0 4px; }
body.designer .userListingPanel .activityStateIcon{ position:relative; top:3px; display:inline-block; height:15px; width:13px; }
body.designer .userListingPanel .activityStateIcon:before, body.designer .userListingPanel .activityStateIcon:after, body.designer .userListingPanel .activityStateIcon span{ content:''; position:absolute; bottom:0; width:23.07%; background:var(--borderColor); }
body.designer .userListingPanel .activityStateIcon:before{ top:66.66%; left:0; }
body.designer .userListingPanel .activityStateIcon span{ top:33.33%; left:40%; }
body.designer .userListingPanel .activityStateIcon:after{ top:0%; right:0; }
body.designer .userListingPanel .activityStateIcon.level1:before{ background:var(--statusRed); }
body.designer .userListingPanel .activityStateIcon.level2:before, body.designer .userListingPanel .activityStateIcon.level2 span{ background:var(--statusYellow); }
body.designer .userListingPanel .activityStateIcon.level3:before, body.designer .userListingPanel .activityStateIcon.level3 span, body.designer .userListingPanel .activityStateIcon.level3:after{ background:var(--statusGreen); }
body.designer .userListingPanel:before{ display:none; }
body.designer .userListingPanel .cardBottom{ left:0; display:none; }
body.designer .userListingPanel .profileExtra{ display:none !important; }
body.designer .userListingPanel .profileExtraCardBottom{ background:var(--subtleGrey); border-top:var(--minorDividerLine); padding:calc(.5 * var(--standardPadding)) var(--standardPadding); }
body.designer .userListingPanel .engagementStatusHolder{ left:var(--standardPadding); top:calc(var(--standardPadding) + 85px); width:80px; }
body.designer .userListingPanel .engagementStatusHolder .engagementStatusMeter{ margin:0; }
@media (max-width: 900px){
 body.designer .userListingPanel .mainAxis{ gap:calc(var(--standardPadding) / 2); }
 body.designer .userListingPanel .mainAxis .companyImage{ left:80px; } }
@media (max-width: 500px){
 body.designer .userListingPanel .mainAxis{ padding:var(--standardPadding) calc(var(--standardPadding) / 2); }
 body.designer .userListingPanel .inviteButton{ right:calc(var(--standardPadding) / 2); }
 body.designer .userListingPanel .mainAxis .companyImage{ left:70px; }
 body.designer .userListingPanel .engagementStatusHolder{ left:calc(var(--standardPadding) / 2); } }
body.designer #tabWindowTC .userListingPanel .controlsHolder{ min-width:130px; }
body.designer .profile .companyAvatar{ border-radius:5px; box-shadow:1px 4px 5px rgba(0, 0, 0, .12); margin-bottom:16px; }
body.designer:not(.darkMode) .profile .profileExtra{ --baseBGColorRGB:var(--pageNavBGColorRGB); }
body.designer.darkMode       .profile .profileExtra{ --baseBGColorRGB:20, 20, 20; }
body.designer .appointmentType{ border:var(--mediumDividerLine); box-shadow:0 1px 3px 0px rgba(0, 0, 0, .10); background-color:var(--cardBGColor); margin:12px 6px; border-radius:var(--rectangleItemRadius); width:calc(100% - 10px); height:auto; margin:10px 0 10px 0; padding:0; overflow:hidden; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .appointmentType    { margin-left:0; } }
body.designer .appointmentType:hover    { background-color:var(--highlight06); }
.designer body.designer .appointmentType.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode body.designer .appointmentType.clickable:hover    { background-color:var(--highlight06); }
body.designer .appointmentType:not(.showAtDesigner){ display:none !important; }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .appointmentType    { margin-left:10px; width:calc(100% - 20px); } }
body.designer .appointmentType span[class^=icon]{ position:relative; top:3px; }
body.designer .appointmentType span[class^=icon]:before{ font-size:16px; }
body.designer .appointmentType .mainAxis{ display:-ms-flexbox; display:flex; padding:var(--regionPadding); padding-top:var(--standardPadding); padding-bottom:var(--standardPadding); -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; gap:20px 10px; -ms-flex-wrap:wrap; flex-wrap:wrap; }
body.designer .appointmentType .mainAxis .keyInfo{ -ms-flex:1 0 auto; flex:1 0 auto; width:calc(100% - 471px); max-width:50%; }
body.designer .appointmentType .mainAxis .keyInfo h3{ margin:0 0 6px 0; }
body.designer .appointmentType .mainAxis .reminderInfo{ -ms-flex:1 1 auto; flex:1 1 auto; width:150px; }
body.designer .appointmentType .mainAxis .schedulingInfo{ -ms-flex:1 1 auto; flex:1 1 auto; width:200px; }
body.designer .appointmentType .mainAxis .infoHeading{ opacity:.7; margin-bottom:4px; }
body.designer .appointmentType .worksheetInfo{ border-top:var(--minorDividerLine); background:var(--subtleGrey); padding:var(--regionPadding); display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:20px 10px; font-size:11px; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .appointmentType .worksheetInfo > div    { -ms-flex:1 0 auto; flex:1 0 auto; min-width:245px; }
 body.designer .appointmentType .worksheetInfo .preWorksheet    { -ms-flex:0 0 auto; flex:0 0 auto; width:calc(100% - 467px); max-width:50%; } }
body.designer .appointmentType .worksheetInfo .worksheetLabel{ opacity:.7; }
body.designer .appointmentType .worksheetInfo .worksheetName{ margin:6px 0; font-size:14px; font-weight:600; }
@media (max-width: 1220px){
 body.designer .appointmentType .mainAxis .keyInfo{ width:100%; max-width:100%; -ms-flex-positive:1; flex-grow:1; }
 body.designer .appointmentType .mainAxis .reminderInfo{ width:245px; -ms-flex:0 0 auto; flex:0 0 auto; }
 body.designer .appointmentType .worksheetInfo .preWorksheet{ width:245px; -ms-flex:0 0 auto; flex:0 0 auto; }
 body.designer .appointmentType .worksheetInfo .postWorksheetX{ width:calc(50% - 29px); -ms-flex-positive:3; flex-grow:3; } }
body.designer .appointmentType:first-child{ margin-top:10px; }
body.designer .formATC .vStretched{ width:600px; max-width:100%; padding-bottom:230px !important; }
body.designer .formCIC .vStretched{ max-width:none; }
body.designer .formCIC .vStretched h3{ margin-bottom:16px; }
body.designer .formCIC .vStretched p{ max-width:700px; }
body.designer .formCIC .paymentProcessorButtonSet{ border:none; height:auto; }
body.designer .formCIC .paymentProcessorButtonSet ul{ position:relative; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; gap:15px; z-index:1; }
@media (max-width: 400px){
 body.designer .formCIC .paymentProcessorButtonSet ul    { gap:5px; } }
body.designer .formCIC .paymentProcessorButtonSet ul li{ width:25%; max-width:none; height:auto; margin:0; -ms-flex-positive:1; flex-grow:1; border:var(--mediumDividerLine); border-radius:5px; background-color:var(--subtleGrey); opacity:1; position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; gap:15px; padding:15px; font-weight:600; font-size:16px; }
@media (max-width: 1100px){
 body.designer .formCIC .paymentProcessorButtonSet ul li    { -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; padding:15px 5px; } }
body.designer .formCIC .paymentProcessorButtonSet ul li div.logoHolder{ width:50px; height:50px; padding:8px; border-radius:5px; border:var(--dividerLine); background:var(--cardBGColor); }
body.designer .formCIC .paymentProcessorButtonSet ul li div.logoHolder img{ width:100%; margin:0; }
body.designer .formCIC .paymentProcessorButtonSet ul li > img{ width:50px; height:50px; }
body.designer .formCIC .paymentProcessorButtonSet ul li.tabSelected{ border:1px solid var(--brandingPrimary); background-color:var(--cardBGColor); box-shadow:inset 0 0 0 1px var(--brandingPrimary); }
body.designer .formCIC .paymentProcessorButtonSet ul li.tabSelected:after{ content:''; position:absolute; bottom:-28px; left:calc(50% - 10px); height:15px; width:15px; border-top:var(--dividerLine); border-left:var(--dividerLine); transform:rotate(45deg); background:var(--cardBGColor); }
body.designer .formCIC .paymentProcessorControlsSet{ margin-top:20px; }
body.designer .formCIC .paymentProcessorControlsSet > div{ border:var(--dividerLine); border-radius:10px; padding:var(--regionPadding); }
body.designer .formCIC .paymentProcessorControlsSet > div h3{ display:none; }
body.designer .formCIC .paymentProcessorControlsSet > div h3.connecteNote{ display:block; color:var(--statusGreen); }
body.designer .formCIC .paymentProcessorControlsSet > div h3.connecteNote .icon-checkInCircle{ position:relative; top:5px; }
body.designer .formCIC .paymentProcessorControlsSet > div h3.connecteNote .icon-checkInCircle:before{ color:var(--statusGreen); }
body.designer .itemG, body.designer .itemY{ display:block; }
body.designer .itemG__info, body.designer .itemY__info{ position:static; padding:0 0 10px 0; min-height:0; }
body.designer .itemG__info__controls, body.designer .itemY__info__controls{ inset:40px 24px auto auto; z-index:1; }
body.designer .itemG__members, body.designer .itemY__members{ padding:0; width:100%; max-width:none; height:30px; overflow:hidden; display:block; }
body.designer .itemG__members > div, body.designer .itemY__members > div{ margin:0 5px 5px 0; width:30px; height:30px; }
body.designer .itemG__members > div img, body.designer .itemY__members > div img{ width:30px; height:30px; }
body.designer .itemG{ padding:20px 0 20px 60px; }
body.designer .itemG .icon-drag{ display:none; }
body.designer .itemG .icon-dragDots{ position:absolute; top:50%; left:20px; transform:translateY(-50%); cursor:ns-resize; }
body.designer .itemG .icon-dragDots:before{ font-size:16px; }
body.designer .itemY{ position:relative; padding:20px 0 20px 140px; min-height:127px; }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .itemY    { min-height:145px; } }
body.designer .itemY__info__controls{ top:50px 24px auto auto; }
body.designer .itemY__info__image{ inset:auto auto auto 24px; border-radius:5px; height:90px; width:90px; box-shadow:1px 2px 5px rgba(0, 0, 0, .15); border:none; }
body.designer .itemY__info .engagementStatusHolder{ inset:auto 24px 15px auto; z-index:1; }
body.designer .itemY__info .engagementStatusHolder .engagementStatusMeter{ margin:0; }
body.designer .listingItemET, body.designer .listingItemE, body.designer .listingItemO{ height:auto; display:-ms-flexbox; display:flex; padding:var(--standardPadding); -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; gap:var(--standardPadding); }
body.designer .listingItemET .mainInfo, body.designer .listingItemE .mainInfo, body.designer .listingItemO .mainInfo{ -ms-flex:1 1 auto; flex:1 1 auto; }
body.designer .listingItemET .mainInfo h3, body.designer .listingItemE .mainInfo h3, body.designer .listingItemO .mainInfo h3{ font-size:20px; margin-bottom:10px; }
body.designer .listingItemET .mainInfo table td, body.designer .listingItemE .mainInfo table td, body.designer .listingItemO .mainInfo table td{ padding-bottom:0px; }
body.designer .listingItemET .mainInfo table td:first-child, body.designer .listingItemE .mainInfo table td:first-child, body.designer .listingItemO .mainInfo table td:first-child{ font-weight:bold; font-size:12px; }
body.designer .listingItemET .invoicingInfo, body.designer .listingItemET .offeringPrice, body.designer .listingItemET .controlsHolder, body.designer .listingItemE .invoicingInfo, body.designer .listingItemE .offeringPrice, body.designer .listingItemE .controlsHolder, body.designer .listingItemO .invoicingInfo, body.designer .listingItemO .offeringPrice, body.designer .listingItemO .controlsHolder{ position:static; }
body.designer .listingItemET .invoicingInfo, body.designer .listingItemET .offeringPrice, body.designer .listingItemE .invoicingInfo, body.designer .listingItemE .offeringPrice, body.designer .listingItemO .invoicingInfo, body.designer .listingItemO .offeringPrice{ -ms-flex-item-align:end; align-self:flex-end; }
body.designer .listingItemET .controlsHolder, body.designer .listingItemE .controlsHolder, body.designer .listingItemO .controlsHolder{ -ms-flex:0 0 auto; flex:0 0 auto; padding-left:var(--standardPadding); }
body.designer .listingItemET:after, body.designer .listingItemE:after, body.designer .listingItemO:after{ content:''; position:absolute; inset:0 120px 0 auto; inset:0 calc(2 * var(--standardPaddingH) + 72px) 0 auto; right:115px; width:1px; background-color:var(--mediumBorderColor); }
@media(max-width: 600px){
 body.designer .listingItemET, body.designer .listingItemE, body.designer .listingItemO    { -ms-flex-direction:column; flex-direction:column; -ms-flex-align:start; align-items:flex-start; }
 body.designer .listingItemET .invoicingInfo, body.designer .listingItemE .invoicingInfo, body.designer .listingItemO .invoicingInfo{ -ms-flex-item-align:start; align-self:flex-start; text-align:left; max-width:calc(100% - 100px); }
 body.designer .listingItemET .controlsHolder, body.designer .listingItemE .controlsHolder, body.designer .listingItemO .controlsHolder{ position:absolute; width:-moz-fit-content; width:fit-content; inset:auto var(--standardPadding) var(--standardPaddingH) auto; }
 body.designer .listingItemET:after, body.designer .listingItemE:after, body.designer .listingItemO:after{ display:none; } }
body.designer.personnel .listingItemE:after{ content:none; }
body.designer .listingItemO{ display:-ms-flexbox; display:flex; padding:var(--standardPadding); -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; gap:var(--standardPadding); }
body.designer .listingItemO .mainInfo.offering{ -ms-flex-item-align:stretch; align-self:stretch; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:justify; justify-content:space-between; }
body.designer .listingItemO .mainInfo.offering.manyItems .itemDescription{ margin:0; font-size:11px; }
body.designer .listingItemO .mainInfo.offering.manyItems .itemDescription span:before{ font-size:13px; }
body.designer .listingItemO .mainInfo.offering p.blurb{ display:block; position:static; margin-top:10px; width:auto; }
body.designer .listingItemO .offeringPrice, body.designer .listingItemO .controlsHolder{ position:static; }
body.designer .listingItemO .controlsHolder{ -ms-flex:0 0 auto; flex:0 0 auto; }
body.designer .listingItemO .controlsHolder .buttonRow{ text-align:right; }
body.designer .listingItemO .controlsHolder .buttonRow :nth-child(1), body.designer .listingItemO .controlsHolder .buttonRow :nth-child(2){ display:none; }
body.designer .listingItemO .controlsHolder .buttonRow ~ .button{ display:block; margin-top:16px; padding:8px 0px; font-size:11px; width:100%; height:auto; }
body.designer .listingItemO .controlsHolder .buttonRow ~ .button:before{ font-size:18px; letter-spacing:5px; }
body.designer .listingItemO:after{ right:125px; }
body.designer .listingItemO.collection .mainInfo{ -ms-flex-item-align:start; align-self:flex-start; }
body.designer .listingItemO > p.blurb{ display:none; }
body.designer .listingItemO.resourcePackage{ height:auto; -ms-flex-align:start; align-items:flex-start; min-height:150px; overflow:hidden; }
body.designer .listingItemO.resourcePackage .allButBlurb{ -ms-flex-positive:1; flex-grow:1; }
body.designer .listingItemO.resourcePackage img.poster{ -ms-flex-positive:0; flex-grow:0; float:right; height:80px; width:80px; border-radius:5px; box-shadow:1px 2px 3px rgba(0, 0, 0, .1); }
body.designer .listingItemO.resourcePackage .controlsHolder{ -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .listingItemO    { -ms-flex-direction:column; flex-direction:column; }
 body.designer .listingItemO img.poster    { display:none; }
 body.designer .listingItemO .controlsHolder    { width:100%; padding:0; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; vertical-align:middle; }
 body.designer .listingItemO .controlsHolder .buttonRow ~ .button    { width:auto; padding:10px 12px; margin:0 0 0 10px; }
 body.designer .listingItemO:after    { display:none; } }
body.designer .listingItemE .mainInfo{ width:60%; }
body.designer .listingItemE .clientMembers{ width:40%; -ms-flex-item-align:start; align-self:flex-start; }
body.designer .listingItemE .clientMembers div{ height:30px; width:30px; }
body.designer .listingItemE .controlsHolder{ display:block; }
body.designer .listingItemE .controlsHolder .buttonRow ~ .button{ margin-top:16px; padding:8px 0px; font-size:11px; width:100%; height:auto; }
body.designer .itemHR{ padding:var(--standardPadding); gap:var(--standardPadding); }
body.designer .itemHR .statusL{ box-shadow:none; }
body.designer .itemHR .itemHR--info{ padding:0; }
body.designer .itemHR .itemHR--clients{ -ms-flex:0 0 auto; flex:0 0 auto; padding:0; width:180px; max-width:none; border:none; display:none; }
@media (min-width: 1150px){
 body.designer .itemHR .itemHR--clients    { display:block; } }
body.designer .itemHR .itemHR--clients img{ height:30px; width:30px; }
body.designer .itemHR .controlsHolder{ -ms-flex:0 0 auto; flex:0 0 auto; position:static; -ms-flex-item-align:center; -ms-grid-row-align:center; align-self:center; padding-left:var(--standardPadding); }
body.designer .itemHR .controlsHolder .buttonRow{ display:none; }
body.designer .itemHR .controlsHolder .buttonRow ~ .button{ margin:10px 0 0 0; width:100px; height:auto; padding:6px 0px; font-size:13px; display:block; }
body.designer .itemHR .cornerSash{ display:block; }
body.designer .itemHR:after{ content:''; position:absolute; inset:0 148px 0 auto; width:1px; background-color:var(--mediumBorderColor); }
body.designer .WL_ColorChip{ position:relative; left:2px; margin:20px 0; border-radius:25px; border:0px solid #fff; box-shadow:0 0 0 1px #e9e9e9; box-shadow:3px 4px 6px rgba(0, 0, 0, .2); padding-top:36px; }
body.designer .colorSwitchButon{ margin:-40px 30px 0 30px !important; }
body.designer .sampleColorSchemes > div{ border-radius:8px; border:none; }
body.designer .sampleColorSchemes > div div{ height:22px; bottom:-7px; border-radius:5px; border:none; box-shadow:1px 2px 3px rgba(0, 0, 0, .2); }
body.designer .CNTitle{ padding:0 0 0 40px; }
body.designer .CNTitle:before{ font-family:"appIconsDesigner" !important; font-size:26px; top:0px; left:2px; }
body.designer .CNTitle[class*=" type"]:before{ color:var(--brandingPrimary); }
body.designer .CNTitle.typeA:before{ content:"\54"; }
body.designer .CNTitle.typeM:before{ content:"\2a"; }
body.designer .CNTitle.typeP:before{ content:"\64"; }
body.designer .CNTitle.typeS:before{ content:"\6c"; }
body.designer .CNTitle.typeW:before{ content:"\73"; }
body.designer .CNTitle.typeJ:before{ content:"\48"; }
body.designer .CNTitle.typeN:before{ content:"\77"; }
body.designer .CNTitle.typeF:before{ content:"\4d"; }
body.designer .CNTitle.typeB:before{ content:"\6a"; }
body.designer .CNTitle.typeT:before{ content:"\43"; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .formRPInstall .previewDiv    { height:calc(100% - 72px); border-top-left-radius:10px; } }
body.designer .engagementReportChart .chartSlice:hover .chartSlice__bar,
	body.designer .engagementReportChart .chartSlice.clicked .chartSlice__bar{ box-shadow:inset 0 0 0 100px rgba(0, 0, 0, .2); }
body.designer .engagementState .engagementStatePart--allocation .bracketStat{ border-radius:10px; }
body.designer .engagementState .engagementStatePart--notifications{ display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:justify; justify-content:space-between; }
body.designer .engagementState .engagementStatePart .notificationsStat{ border:none; height:170px; padding-top:40px; }
body.designer .engagementState .engagementStatePart .notificationsStat:before{ content:none; }
body.designer .engagementState .engagementStatePart .notificationsStat .icon-itemN{ position:absolute; top:0; left:50%; transform:translateX(-50%); }
body.designer .engagementState .engagementStatePart .notificationsStat .icon-itemN:before{ font-size:160px; color:var(--minorBorderColor); }
body.designer .engagementState .engagementStatePart .notificationsStat .icon-itemN.sent:before{ color:var(--statusGreen); }
body.designer .engagementState .engagementStatePart .notificationsStat .icon-itemN.sent:before{ color:color-mix(in srgb, var(--statusGreen) 25%, var(--cardBGColor)); }
body.designer .engagementState .engagementStatePart .notificationsStat__number{ font-size:80px; color:var(--statusGreen); }
body.designer .offeringWidgetHolder{ border-radius:10px; overflow:clip; }
body.designer #localSaverRecoveryInterface{ padding:0; }
body.designer .subscriptionAddOn{ border-radius:10px; padding:16px 24px 48px 90px; }
body.designer .subscriptionAddOn .switchCheckbox{ top:16px; left:24px; }
body.designer .subscriptionAddOn .button{ left:90px; bottom:16px; }
body.designer .wrappingForm{ padding-top:7px; }
body.designer.knowledgeBase{ --topBarHeight:60px; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer.knowledgeBase    { --pageNavWidth:300px; } }
body.designer.knowledgeBase #appPageContainer > .appPage{ left:0; }
body.designer.knowledgeBase .portableAnchorContainer{ width:calc(100% - (var(--pageNavWidth) + (4* var(--standardPadding)))); }
body.designer.knowledgeBase .anchorWindow .awBody .buttonBar .buttonRow.right{ top:11px; }
body.designer.knowledgeBase #anchorWindowDock{ left:50px; }
body.designer.darkMode{ --baseBGColor:#1e1e1e; --mainNavBGColor:#090909; --pageNavBGColor:#141414; --fadedTextColor:#bbbbbb; --inputBGColor:#202020; --clientNoteContentMarginBG:#000; --genericFileBG:#0a0a0a; --subtleTextColor:#909090; --dividerLine:1px solid var(--mediumBorderColor); }
body.designer.darkMode.version51{ --clientNoteContentMarginBG:linear-gradient(0deg, rgba(var(--brandingSecondaryRGB), .5) 0%,
																												 rgba(var(--brandingSecondaryRGB), .1) 90%); }
body.designer.darkMode input.DatePicker-input{ background-image:url(../../images/v3/graphics/dateInputBGDark.png); }
body.designer.darkMode input.timeInput{ background-image:url(../../images/v3/graphics/timeInputBGDark.png); }
body.designer.darkMode.brightTopBar #topBar.inApp, body.designer.darkMode.brightTopBar #topBar.inApp:after{ border-color:var(--mediumBorderColor); }
body.designer.darkMode #topBar:after, body.designer.darkMode .appPage > .leftSidebar{ background-color:#141414; }
body.designer.darkMode .appPage > .leftSidebar, body.designer.darkMode #appPageContainer:before{ border-left:var(--mediumDividerLine); background:linear-gradient(0deg, rgba(var(--brandingPrimaryRGB), .15) 0%, #141414 100px); }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer.darkMode #topBar.inApp:after    { border-left:var(--mediumDividerLine); } }
body.designer.darkMode .itemCard.typeRP .radialChart{ background-color:var(--mediumBorderColor); }
body.designer.darkMode #settingsMenuHolder{ background-color:var(--cardBGColor); }
body.designer.darkMode #settingsMenuHolder .itemMenu{ background:linear-gradient(0deg, rgba(var(--brandingPrimaryRGB), .15) 0%, var(--cardBGColor) 50%); }
body.designer.darkMode .sortControl .button.icon-sort{ background-color:inherit; }
body.designer.darkMode .tabWindow .twHeader{ border-bottom-color:var(--mediumBorderColor); }
body.designer.darkMode .tabWindow .twHeader ul li.tabSelected{ border-bottom-color:var(--baseColor); }
body.designer.darkMode .userListingPanel .profileExtraCardBottom{ background-color:var(--mediumBorderColor); }
body.designer.darkMode .itemCard.courseCard.noThumbnail .cardTop h2{ color:rgba(255, 255, 255, .12); }
body.designer.darkMode .itemCard.courseCard.noThumbnail .cardTop:after{ background:linear-gradient(90deg, rgba(var(--brandingPrimaryRGB), 0) 0px, rgba(var(--brandingPrimaryRGB), .2) 100%); }
body.designer [class^="icon-"]:before,
	body.designer [class*=" icon-"]:before{ font-family:"appIconsDesigner" !important; font-style:normal !important; font-weight:100 !important; font-variant:normal !important; text-transform:none !important; speak:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body.designer .active[class^="icon-"]:before,
	body.designer .active[class*=" icon-"]:before{ color:var(--brandingPrimary); }
body.designer .icon-add-folder:before{ content:"\4c"; }
body.designer .icon-add:before{ content:"\55"; }
body.designer .icon-addPerson:before{ content:"\4e"; }
body.designer .icon-AI:before{ content:"\e019"; }
body.designer .icon-arrowDown:before{ content:"\56"; }
body.designer .icon-arrowLoopBack:before{ content:"\e039"; }
body.designer .icon-arrowRight:before{ content:"\e01e"; }
body.designer .icon-arrowRightInCircle:before{ content:"\5d"; }
body.designer .icon-arrowUp:before{ content:"\3f"; }
body.designer .icon-back:before{ content:"\57"; }
body.designer .icon-bug:before{ content:"\e018"; }
body.designer .icon-businessCenter:before{ content:"\2f"; }
body.designer .icon-call:before{ content:"\59"; }
body.designer .icon-certificate:before{ content:"\e020"; }
body.designer .icon-check:before{ content:"\e031"; }
body.designer .icon-checkbox:before{ content:"\e026"; }
body.designer .icon-checkCircle:before{ content:"\5f"; }
body.designer .icon-checkDoc:before{ content:"\e021"; }
body.designer .icon-checkInCircle:before{ content:"\5e"; }
body.designer .icon-checkMarkThin:before{ content:"\e032"; }
body.designer .icon-client:before{ content:"\2b"; }
body.designer .icon-clock:before{ content:"\52"; }
body.designer .icon-clone:before{ content:"\32"; }
body.designer .icon-close:before{ content:"\51"; }
body.designer .icon-coach:before{ content:"\2e"; }
body.designer .icon-collapse:before{ content:"\31"; }
body.designer .icon-comment:before{ content:"\53"; }
body.designer .icon-contract:before{ content:"\5b"; }
body.designer .icon-convo:before{ content:"\3c"; }
body.designer .icon-convoFilled:before{ content:"\3b"; }
body.designer .icon-crossInCircle:before{ content:"\e037"; }
body.designer .icon-database:before{ content:"\e023"; }
body.designer .icon-dataOut:before{ content:"\e022"; }
body.designer .icon-dotsHorizontal:before{ content:"\e015"; }
body.designer .icon-download:before{ content:"\50"; }
body.designer .icon-drag:before{ content:"\29"; }
body.designer .icon-dragDots:before{ content:"\e016"; }
body.designer .icon-earListening:before{ content:"\e038"; }
body.designer .icon-edit:before{ content:"\30"; }
body.designer .icon-email:before{ content:"\5a"; }
body.designer .icon-expand:before{ content:"\23"; }
body.designer .icon-fastforward:before{ content:"\7a"; }
body.designer .icon-feedback:before{ content:"\e035"; }
body.designer .icon-fileAudio:before{ content:"\e011"; }
body.designer .icon-fileDoc:before{ content:"\e014"; }
body.designer .icon-fileTable:before{ content:"\e012"; }
body.designer .icon-fileVideo:before{ content:"\e013"; }
body.designer .icon-folder-grid:before{ content:"\4a"; }
body.designer .icon-folder-tree:before{ content:"\47"; }
body.designer .icon-folderClosed:before{ content:"\34"; }
body.designer .icon-folderOpen:before{ content:"\6b"; }
body.designer .icon-forbidden:before{ content:"\e017"; }
body.designer .icon-forward:before{ content:"\58"; }
body.designer .icon-gear:before{ content:"\63"; }
body.designer .icon-globe:before{ content:"\e01d"; }
body.designer .icon-growthChart:before{ content:"\e02b"; }
body.designer .icon-hearts:before{ content:"\e02d"; }
body.designer .icon-help:before{ content:"\35"; }
body.designer .icon-home:before{ content:"\6d"; }
body.designer .icon-house:before{ content:"\e02e"; }
body.designer .icon-ideasLightBulb:before{ content:"\e033"; }
body.designer .icon-info:before{ content:"\49"; }
body.designer .icon-invoicing:before{ content:"\6e"; }
body.designer .icon-itemA:before{ content:"\54"; }
body.designer .icon-itemB:before{ content:"\6a"; }
body.designer .icon-itemE:before{ content:"\76"; }
body.designer .icon-itemF:before{ content:"\4d"; }
body.designer .icon-itemG:before{ content:"\65"; }
body.designer .icon-itemI:before{ content:"\40"; }
body.designer .icon-itemJ:before{ content:"\48"; }
body.designer .icon-itemM:before{ content:"\2a"; }
body.designer .icon-itemN:before{ content:"\77"; }
body.designer .icon-itemO:before{ content:"\71"; }
body.designer .icon-itemP:before{ content:"\64"; }
body.designer .icon-itemQ:before{ content:"\2d"; }
body.designer .icon-itemR:before{ content:"\68"; }
body.designer .icon-itemS:before{ content:"\6c"; }
body.designer .icon-itemT:before{ content:"\43"; }
body.designer .icon-itemW:before{ content:"\73"; }
body.designer .icon-itemY:before{ content:"\79"; }
body.designer .icon-laptop:before{ content:"\e01b"; }
body.designer .icon-library:before{ content:"\6f"; }
body.designer .icon-lightbulb:before{ content:"\4b"; }
body.designer .icon-location:before{ content:"\74"; }
body.designer .icon-mailreport:before{ content:"\61"; }
body.designer .icon-manageclient:before{ content:"\75"; }
body.designer .icon-membership:before{ content:"\24"; }
body.designer .icon-menu:before{ content:"\7b"; }
body.designer .icon-messageclients:before{ content:"\78"; }
body.designer .icon-minimize:before{ content:"\27"; }
body.designer .icon-mirror:before{ content:"\e03b"; }
body.designer .icon-moneyBag:before{ content:"\e01a"; }
body.designer .icon-myProfile:before{ content:"\70"; }
body.designer .icon-overview:before{ content:"\2c"; }
body.designer .icon-package:before{ content:"\62"; }
body.designer .icon-paper-plane:before{ content:"\25"; }
body.designer .icon-pause:before{ content:"\38"; }
body.designer .icon-personnel:before{ content:"\69"; }
body.designer .icon-phoneSound:before{ content:"\e034"; }
body.designer .icon-piggyBank:before{ content:"\e02a"; }
body.designer .icon-pin:before{ content:"\e03a"; }
body.designer .icon-play:before{ content:"\37"; }
body.designer .icon-plusBox:before{ content:"\60"; }
body.designer .icon-popout:before{ content:"\e01c"; }
body.designer .icon-print:before{ content:"\28"; }
body.designer .icon-private:before{ content:"\e030"; }
body.designer .icon-pulse:before{ content:"\e029"; }
body.designer .icon-puzzle:before{ content:"\66"; }
body.designer .icon-questionBox:before{ content:"\e02f"; }
body.designer .icon-reassign:before{ content:"\36"; }
body.designer .icon-record-download:before{ content:"\45"; }
body.designer .icon-reload:before{ content:"\4f"; }
body.designer .icon-reply:before{ content:"\e027"; }
body.designer .icon-reportdownload:before{ content:"\41"; }
body.designer .icon-reports:before{ content:"\72"; }
body.designer .icon-rewind:before{ content:"\33"; }
body.designer .icon-schedule:before{ content:"\42"; }
body.designer .icon-share:before{ content:"\26"; }
body.designer .icon-shield:before{ content:"\e024"; }
body.designer .icon-smilyFace:before{ content:"\e01f"; }
body.designer .icon-sort:before{ content:"\3d"; }
body.designer .icon-star:before{ content:"\3e"; }
body.designer .icon-stop:before{ content:"\21"; }
body.designer .icon-stopWatch:before{ content:"\e036"; }
body.designer .icon-stream:before{ content:"\44"; }
body.designer .icon-target:before{ content:"\e02c"; }
body.designer .icon-team:before{ content:"\67"; }
body.designer .icon-trash:before{ content:"\22"; }
body.designer .icon-upload:before{ content:"\e025"; }
body.designer .icon-videoPlay:before{ content:"\e028"; }
body.designer .icon-view:before{ content:"\39"; }
body.designer .icon-visible:before{ content:"\46"; }
body.designer .icon-wys-alignCenter:before{ content:"\3a"; }
body.designer .icon-wys-alignJustify:before{ content:"\7c"; }
body.designer .icon-wys-alignLeft:before{ content:"\7d"; }
body.designer .icon-wys-alignRight:before{ content:"\7e"; }
body.designer .icon-wys-bold:before{ content:"\5c"; }
body.designer .icon-wys-bulletList:before{ content:"\e000"; }
body.designer .icon-wys-code:before{ content:"\e001"; }
body.designer .icon-wys-horizontalRule:before{ content:"\e002"; }
body.designer .icon-wys-indentLeft:before{ content:"\e004"; }
body.designer .icon-wys-indentRight:before{ content:"\e003"; }
body.designer .icon-wys-insertImage:before{ content:"\e005"; }
body.designer .icon-wys-insertVideo:before{ content:"\e006"; }
body.designer .icon-wys-italic:before{ content:"\e007"; }
body.designer .icon-wys-link:before{ content:"\e008"; }
body.designer .icon-wys-numberList:before{ content:"\e009"; }
body.designer .icon-wys-redo:before{ content:"\e00a"; }
body.designer .icon-wys-strikethrough:before{ content:"\e00b"; }
body.designer .icon-wys-table:before{ content:"\e00c"; }
body.designer .icon-wys-textColor:before{ content:"\e00d"; }
body.designer .icon-wys-underline:before{ content:"\e00e"; }
body.designer .icon-wys-undo:before{ content:"\e00f"; }
body.designer .icon-wys-unlink:before{ content:"\e010"; }
body.designer .icon-alert-triangle:before{ content:'\e8a1'; }
body.designer .icon-x-octagon:before{ content:'\e8a2'; }
body.designer .icon-thumbs-up:before{ content:'\e8a3'; }
body.designer .icon-status-warning:before{ content:'\e8a1'; }
body.designer .icon-status-bad:before{ content:'\e8a2'; }
body.designer .icon-status-good:before{ content:'\e8a3'; }
body.designer .reminderDiv .icon-trash:before{ content:"\51" !important; }
body.designer .icon-itemX:before{ content:"\38"; }
body.designer .icon-plus:before{ content:"\60"; }
body.designer .icon-dollar:before{ content:"\6e"; }
body.designer .icon-itemC:before{ content:"\53"; }
body.designer .icon-puzzle:before{ content:"\e00d"; }
body.designer .item:before{ color:var(--brandingPrimary); }
body.designer .item.typeA, body.designer .item.typeM, body.designer .item.typeP, body.designer .item.typeS, body.designer .item.typeW, body.designer .item.typeJ, body.designer .item.typeF, body.designer .item.typeB, body.designer .item.typeC, body.designer .item.typeI, body.designer .item.typeG, body.designer .item.typeGM, body.designer .item.typeR, body.designer .item.typeY, body.designer .item.typeU, body.designer .item.typeT, body.designer .item.typeX, body.designer .item.typeBC, body.designer .item.typeGear, body.designer .item.typeTeam, body.designer .item.typeN, body.designer .item.typeO, body.designer .item.typeE, body.designer .item.typeClient, body.designer .item.typeReports, body.designer .item.typeCoach, body.designer .item.typePersonnel, body.designer .item.typeHR, body.designer .item.typePackage, body.designer .item.typeLibrary, body.designer .item.typeAgreement, body.designer .item.myProfile, body.designer .item.mySystem, body.designer .item.typeAPI, body.designer .item.typeBranding, body.designer .item.typePayouts{ background-image:none; }
body.designer .item.typeA:before, body.designer .item.typeM:before, body.designer .item.typeP:before, body.designer .item.typeS:before, body.designer .item.typeW:before, body.designer .item.typeJ:before, body.designer .item.typeF:before, body.designer .item.typeB:before, body.designer .item.typeC:before, body.designer .item.typeI:before, body.designer .item.typeG:before, body.designer .item.typeGM:before, body.designer .item.typeR:before, body.designer .item.typeY:before, body.designer .item.typeU:before, body.designer .item.typeT:before, body.designer .item.typeX:before, body.designer .item.typeBC:before, body.designer .item.typeGear:before, body.designer .item.typeTeam:before, body.designer .item.typeN:before, body.designer .item.typeO:before, body.designer .item.typeE:before, body.designer .item.typeClient:before, body.designer .item.typeReports:before, body.designer .item.typeCoach:before, body.designer .item.typePersonnel:before, body.designer .item.typeHR:before, body.designer .item.typePackage:before, body.designer .item.typeLibrary:before, body.designer .item.typeAgreement:before, body.designer .item.myProfile:before, body.designer .item.mySystem:before, body.designer .item.typeAPI:before, body.designer .item.typeBranding:before, body.designer .item.typePayouts:before{ font-family:"appIconsDesigner" !important; font-style:normal !important; font-weight:normal !important; font-variant:normal !important; text-transform:none !important; speak:none; line-height:1; letter-spacing:5px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:42px; }
body.designer .item.typeA:before{ content:"\54"; }
body.designer .item.typeM:before{ content:"\2a"; }
body.designer .item.typeP:before{ content:"\64"; }
body.designer .item.typeS:before{ content:"\6c"; }
body.designer .item.typeW:before{ content:"\73"; }
body.designer .item.typeJ:before{ content:"\48"; }
body.designer .item.typeF:before{ content:"\4d"; }
body.designer .item.typeB:before{ content:"\6a"; }
body.designer .item.typeC:before{ content:"\53"; }
body.designer .item.typeG:before{ content:"\65"; }
body.designer .item.typeGM:before{ content:"\24"; }
body.designer .item.typeGear:before{ content:"\63"; }
body.designer .item.typeU:before{ content:"\2c"; }
body.designer .item.typeT:before{ content:"\44"; }
body.designer .item.typeI:before{ content:"\6e"; }
body.designer .item.typeN:before{ content:"\77"; }
body.designer .item.typeR:before{ content:"\68"; }
body.designer .item.typeY:before{ content:"\79"; }
body.designer .item.typeO:before{ content:"\71"; }
body.designer .item.typeE:before{ content:"\76"; }
body.designer .item.typeX:before{ content:"\38"; }
body.designer .item.typeBC:before{ content:"\2f"; }
body.designer .item.typeCoach:before{ content:"\2e"; }
body.designer .item.typeClient:before{ content:"\2b"; }
body.designer .item.typeReports:before{ content:"\72"; }
body.designer .item.typeTeam:before{ content:"\67"; }
body.designer .item.typePersonnel:before{ content:"\69"; }
body.designer .item.typeLibrary:before{ content:"\6f"; }
body.designer .item.mySystem:before{ content:"\66"; }
body.designer .item.myProfile:before{ content:"\70"; }
body.designer .item.typePackage:before{ content:"\62"; }
body.designer .item.typeAgreement:before{ content:"\43"; }
body.designer .item.typeHR:before{ content:"\61"; }
body.designer .item.typeAPI:before{ content:"\e001"; }
body.designer .item.typePayouts:before{ content:"\e01a"; }
body.designer .item.typeBranding:before{ content:"\e00d"; }
body.designer .buttonRow .button[class^="icon-"]:not(.iconWithText), body.designer .buttonRow .button[class*=" icon-"]:not(.iconWithText){ padding-top:8px; padding-bottom:6px; min-width:36px !important; height:auto; }
@media (min-width: 501px) and (min-height: 500px)    {
 body.designer .buttonRow .button[class^="icon-"]:not(.iconWithText), body.designer .buttonRow .button[class*=" icon-"]:not(.iconWithText)    { max-width:36px; } }
body.designer .buttonRow .button[class^="icon-"]:not(.iconWithText):before, body.designer .buttonRow .button[class*=" icon-"]:not(.iconWithText):before{ font-size:20px; }
body.designer .anchorWindow .awBody .buttonBar .buttonRow.right{ bottom:16px; right:24px; }
@media (max-width: 500px), (max-height: 499px)    {
 body.designer .buttonRow .button.hideTextAtMini:before    { font-size:20px; line-height:inherit; } }
body.designer .button[class^="icon-"]:before, body.designer .button[class*=" icon-"]:before{ top:0px; }
body.designer .judgementRow.buttonRow .button[class*=" icon-"]:not(.iconWithText){ padding:4px 0 4px 0 !important; min-width:30px !important; }
body.designer .folderTree .folderTreeHeader:before{ font-family:'appIconsDesigner'; content:"\6b"; }
body.designer .folderTree.closed > .folderTreeHeader:before{ font-family:'appIconsDesigner'; content:"\34"; }
body.designer div.folder:before{ font-family:"appIconsDesigner"; content:"\34"; }
body.designer .mooeditable-container > .mooeditable-ui-toolbar{ padding:5px var(--standardPaddingH); }
body.designer .mooeditable-ui-toolbar .button-icon{ font-family:"appIconsDesigner" !important; background:transparent; }
body.designer .mooeditable-ui-toolbar .bold-item									.button-icon:before{ content:"\5c"; }
body.designer .mooeditable-ui-toolbar .createlink-item						.button-icon:before{ content:"\e008"; }
body.designer .mooeditable-ui-toolbar .indent-item								.button-icon:before{ content:"\e003"; }
body.designer .mooeditable-ui-toolbar .insertorderedlist-item			.button-icon:before{ content:"\e009"; }
body.designer .mooeditable-ui-toolbar .insertunorderedlist-item		.button-icon:before{ content:"\e000"; }
body.designer .mooeditable-ui-toolbar .italic-item								.button-icon:before{ content:"\e007"; }
body.designer .mooeditable-ui-toolbar .alignMenu-item								.button-icon:before{ content:"\7d"; }
body.designer .mooeditable-ui-toolbar .justifycenter-item					.button-icon:before{ content:"\3a"; }
body.designer .mooeditable-ui-toolbar .justifyfull-item						.button-icon:before{ content:"\7c"; }
body.designer .mooeditable-ui-toolbar .justifyleft-item						.button-icon:before{ content:"\7d"; }
body.designer .mooeditable-ui-toolbar .justifyright-item					.button-icon:before{ content:"\7e"; }
body.designer .mooeditable-ui-toolbar .outdent-item								.button-icon:before{ content:"\e004"; }
body.designer .mooeditable-ui-toolbar .forecolor-item							.button-icon:before{ content:"\e00d"; }
body.designer .mooeditable-ui-toolbar .redo-item									.button-icon:before{ content:"\e00a"; }
body.designer .mooeditable-ui-toolbar .strikethrough-item					.button-icon:before{ content:"\e00b"; }
body.designer .mooeditable-ui-toolbar .toggleview-item						.button-icon:before{ content:"\e001"; }
body.designer .mooeditable-ui-toolbar .underline-item							.button-icon:before{ content:"\e00e"; }
body.designer .mooeditable-ui-toolbar .undo-item									.button-icon:before{ content:"\e00f"; }
body.designer .mooeditable-ui-toolbar .unlink-item								.button-icon:before{ content:"\e010"; }
body.designer .mooeditable-ui-toolbar .urlimage-item							.button-icon:before{ content:"\e005"; }
body.designer .mooeditable-ui-toolbar .galleryImage-item					.button-icon:before{ content:"\e005"; }
body.designer .mooeditable-ui-toolbar .insertHorizontalRule-item	.button-icon:before{ content:"\e002"; }
body.designer .mooeditable-ui-toolbar .mediaEmbed-item						.button-icon:before{ content:"\e006"; }
body.designer .mooeditable-ui-toolbar .formBuilder-item						.button-icon:before{ content:"\54"; }
body.designer .mooeditable-ui-toolbar .reflection-item						.button-icon:before{ content:"\e03b"; }
body.designer .mooeditable-ui-toolbar .helpTopicLink-item					.button-icon:before{ content:"\4b"; }
body.designer .mooeditable-ui-toolbar .mooeditable-ui-button, body.designer .mooeditable-ui-button-overlay .mooeditable-ui-button{ padding-top:1px; }
table.iconTest th{ text-align:center; }
table.iconTest td{ vertical-align:top; padding-top:5px; padding-bottom:15px; position:relative; }
table.iconTest td:nth-child(2){ padding-left:20px; }
table.iconTest span.sample{ display:inline-block; position:relative; top:-8px; }
table.iconTest span.sample.overlay{ position:absolute; opacity:1; top:13px; left:28px; }
table.iconTest span.sample.overlay:before{ color:#fff; }
table.iconTest span.sample:before{ font-size:32px; }
table.iconTest .overlay2{ padding-left:15px; }
table.iconTest .overlay2 span.sample{ top:9px; left:7px; }
table.iconTest .overlay2 span.sample:before{ color:#f00; }
table.iconTest .overlay2 img{ position:absolute; top:6px; left:14px; opacity:.6; }
/*# sourceMappingURL=offeringWidget.css.map */