.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)));
	
}
#pageMainMixinBeacons{ display:none; }
.pageMainMixinBeacons{
	display:none !important;
	position:absolute; bottom:2px; left:0;
	border:1px solid #000000;
	padding:4px 10px;
	background-color:#fff;
	z-index:1;
	transform:scale(.8);
	transform-origin:0 100%;
}
.mixin-beacon{
	display:none;
	font-size:18px; margin-bottom:3px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .mixin-beacon.atFullUI-beacon    { display:block; } }
@media (max-width: 799px), (max-height: 499px)    {
 .mixin-beacon.atMiniUI-beacon    { display:block; } }
@media (min-width: 500px)    {
 .mixin-beacon.atSmall-beacon    { display:block; } }
@media (min-width: 800px)    {
 .mixin-beacon.atMedium-beacon    { display:block; } }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain .mixin-beacon.atMediumPageMain-beacon    { display:block; } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .mixin-beacon.atMediumPageMain-beacon    { display:block; } }
@media (min-width: 800px)    {
 .pageMain:first-child .mixin-beacon.atWidePageMain-beacon    { display:block; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .mixin-beacon.atWidePageMain-beacon,    .leftSidebar ~ .portableAnchorContainer .mixin-beacon.atWidePageMain-beacon    { display:block; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .mixin-beacon.atWidePageMain-beacon    { display:block; } }
@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: 799px), (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: 799px), (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: 800px) 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: 799px), (max-height: 499px)    {
 .padded.unpaddedAtMini    { padding:0; }
 .padded.unpaddedAtMini .blankSlate    { padding:10px 15px; } }
.unpadded{ padding:0; }
@media (max-width: 799px), (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: 800px) 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; }
#AtFullUIBeacon{ display:none; }
@media (min-width: 800px) and (min-height: 500px)    {
 #AtFullUIBeacon    { display:block; } }
body{
	
	overflow-x:hidden;
	width:100vw;
	-ms-touch-action:manipulation;
	    touch-action:manipulation;
}
@media (min-width: 800px) and (min-height: 500px)    {
 body    { overflow:hidden; height:100vh; width:100vw; position:fixed; } }
body.printing{
	background-color:#fff;
	padding:20px 30px;
	overflow:visible;
	height:auto;
	position:static;
	
	-webkit-print-color-adjust:exact;
}
body.printing .buttonBar, body.printing .viewDrafts, body.printing .draftsMenuHolder, body.printing form.streamControls, body.printing form.streamComment, body.printing input[type=submit], body.printing .tuckedControlsHolder, body.printing .windowTRButton, body.printing .spHead h2{ display:none !important; }
body.printing .clientNoteContent{ padding:0; }
body.printing .streamItemInnards .clientNoteContent{ padding:10px 15px; }
body.printing .icon-trash{ display:none !important; }
body.printing .twSubHeader, body.printing .hangingShadow, body.printing .controls{ display:none; }
body.printing .twScroll{ overflow:visible; }
body.iOS .button.viewPDF{ display:none; }
#appPageContainer > .appPage{ position:fixed; top:var(--topBarHeight); bottom:0; left:0; right:0; }
.tabWindow{
	max-width:1250px;
}
.leftSidebar{
	
	background:var(--baseBGColor);
	position:fixed;
	top:var(--topBarHeight);
	left:0;
	bottom:0;
	overflow:auto;
	overflow-x:hidden;
	transition:transform ease-in 0.2s;
	
	width:100%;
	transform:translate3d(0, 0, 0);
}
.leftSidebar--off{ transform:translate3d(-100%, 0, 0); }
@media (min-width: 800px) and (min-height: 500px)    {
 .leftSidebar    { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:265px; max-width:265px; transition:width linear 0.2s; }
 .leftSidebar--off    { transform:none; }
 .leftSidebar .itemMenu:first-child    { margin-top:20px; } }
.leftSidebar ~ .pageMain{ transition:transform ease-in 0.2s; transform:translate3d(100%, 0, 0); }
.leftSidebar--off ~ .pageMain{ transform:translate3d(0, 0, 0); }
@media (max-width: 799px), (max-height: 499px)    {
 .leftSidebar    {  }
 .leftSidebar ~ .pageMain    { max-height:none; }
 .anchorWindow .leftSidebar--off ~ .pageMain    { margin-top:0; max-height:none; padding-top:0; } }
.leftSidebar .showWhenMini{ display:none; }
.leftSidebar .sideWidgets{ -ms-flex-positive:1; flex-grow:1; -ms-flex-negative:0; flex-shrink:0; }
@media (min-width: 800px) and (min-height: 500px)    {
 body.leftMenuMini:not(.designer) .leftSidebar--miniable    { width:71px; max-width:71px; z-index:1; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable .itemMenu .item    { padding-left:50px; font-size:0; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable .itemMenu .item .adder    { display:none !important; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable .itemMenu .item.typeT .adder    { display:block !important; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable .hiddenWhenMini    { display:none; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable .hiddenWhenMini + .itemMenu .item.tabSelected:first-child    { border-top-color:#ffffff; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable .showWhenMini    { display:block; }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable ~ .pageMain    { width:calc(100% - 71px); margin-left:71px; }
 body.leftMenuMini:not(.designer) .hiddenWhenMini + .itemMenu    { margin-top:20px; }
 body.scrollSavvy .leftSidebar    { scrollbar-width:none; }
 body.scrollSavvy .leftSidebar::-webkit-scrollbar    { display:none; } }
.pageMain{
	position:relative;
	max-width:1310px;
	-webkit-overflow-scrolling:touch;
 	
}
@media (max-width: 799px), (max-height: 499px)    {
 .pageMain    { position:fixed; top:var(--topBarHeight); left:0; right:0; bottom:0; overflow:auto; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .pageMain    { padding-left:30px; padding-right:30px; height:calc(100vh - var(--topBarHeight)); }
 .pageMain.scrollable    { position:fixed; top:var(--topBarHeight); left:0; right:0; bottom:0; overflow:auto; }
 .pageMain.scrollable .tabWindow    { margin-bottom:20px; }
 .leftSidebar ~ .pageMain    { transform:none; margin-left:265px; width:calc(100% - 265px); }
 .pageMain .pageMain    { padding-left:0; padding-right:0; } }
.portableAnchorContainer{
	top:20px;
	max-width:1250px;
	position:relative;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .leftSidebar ~ .portableAnchorContainer    { transform:none; margin-left:295px; width:calc(100% - 325px); }
 body.leftMenuMini:not(.designer) .leftSidebar--miniable ~ .portableAnchorContainer    { width:calc(100% - 131px); margin-left:101px; } }
.portableAnchorContainer .anchorWindow.anchored{ height:calc(100vh - 81px); height:calc(100dvh - 81px); }
.hasSafariBottomMenuX .portableAnchorContainer .anchorWindow.anchored{ max-height:calc(100vh - 154px); }
@media (max-width: 799px), (max-height: 499px)    {  }
#globalAnchorContainer{
	top:80px;
	margin-left:295px;
	width:calc(100% - 325px);
}
@media (max-width: 1000px){
 #globalAnchorContainer    { margin-left:95px; width:calc(100% - 125px); } }
.flexed{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	width:100%;
	height:100%;
}
@media (max-width: 799px), (max-height: 499px)    {
 .flexed    { height:auto; } }
.flexed > .vStretched{ -ms-flex:1 0; flex:1 0; overflow:auto; }
.flexed > .buttonBar{ -ms-flex:0 0 auto; flex:0 0 auto; }
.flexed > div{ -ms-flex:0 1 auto; flex:0 1 auto; }
.flexed ul{ -ms-flex:0 0 auto; flex:0 0 auto; }
.awBody > .flexed, .awBody > div > .flexed{
	min-height:100%;
}
.oneLinerFlexControls{
	display:-ms-flexbox;
	display:flex;
	gap:10px;
}
.oneLinerFlexControls .button{ margin:0 !important; }
.oneLinerFlexControls .sortControl{ white-space:nowrap; }
.oneLinerFlexControls.textRight{ -ms-flex-pack:end; justify-content:flex-end; }
.oneLinerFlexControls .twButtons{ -ms-flex-order:1; order:1; }
.tabWindow .twSection .oneLinerFlexControls{
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.tabWindow .twSection .oneLinerFlexControls.twSubHeader:after{ content:none; }
@media (max-width: 799px), (max-height: 499px)    {
 .tabWindow .twSection .oneLinerFlexControls form.search    { width:120px; min-width:80px; -ms-flex:1 1 auto; flex:1 1 auto; }
 .tabWindow .twSection .oneLinerFlexControls form.search input.search    { width:100% !important; margin:0; } }
@media (min-width: 700px)    {
 .pageMain:first-child .flexed > .vStretched .formSection    { width:100%; margin-left:0; margin-right:0; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .flexed > .vStretched .formSection    { width:100%; margin-left:0; margin-right:0; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .flexed > .vStretched .formSection,    .leftSidebar ~ div .twSection .flexed > .vStretched .formSection,    .leftSidebar ~ div .sectionPaper .flexed > .vStretched .formSection,    .leftSidebar ~ div .courseItemEditForm .flexed > .vStretched .formSection    { width:100%; margin-left:0; margin-right:0; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .flexed > .vStretched .formSection,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .flexed > .vStretched .formSection    { width:100%; margin-left:0; margin-right:0; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .flexedAtFullUI    { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; width:100%; height:100%; }
 .flexedAtFullUI > .vStretched    { -ms-flex:1 0; flex:1 0; overflow:auto; }
 .flexedAtFullUI > .buttonBar    { -ms-flex:0 0 auto; flex:0 0 auto; }
 .flexedAtFullUI > div    { -ms-flex:0 1 auto; flex:0 1 auto; }
 .anchorWindow.floating .flexedAtFullUI    { display:block; } }
#feedbackContainer{
	display:none;
	position:fixed;
	z-index:30000;
	bottom:2px;
	right:2px;
	border:2px solid #6c9c31;
	background:#ffffff; padding:5px 10px;
}
#feedbackContainer .realtimeLog{ font-size:20px; margin-bottom:16px; }
#feedbackContainer.hiddenUnlessDesignExperiment{
	display:none;
}
.designExperiment #feedbackContainer.hiddenUnlessDesignExperiment{ display:block; }
@media (max-width: 799px), (max-height: 499px)    {
 #pageContainer > div    { overflow:auto; overflow-x:hidden; margin-top:-10px; padding-top:10px; max-height:calc(100vh - 60px); } }
#emailContainerTable{ max-width:100%; }
.pageMain > .t{ position:relative; }
@media (max-width: 799px), (max-height: 499px)    {
 .pageMain    { overflow:auto; }
 .leftSidebar:not(.leftSidebar--off) + .pageMain    { overflow:visible; } }
.pageMain div.t{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	transform:translate3d(0, 0, 0);
	height:calc(100vh - 79px);
	height:calc(100vh - 61px);
	height:calc(100dvh - (var(--topBarHeight) + 1px));
}
.pageMain div.t > h1, .pageMain div.t > .headingLabels{ -ms-flex:0 0 auto; flex:0 0 auto; }
.pageMain div.t > div{ -ms-flex:0 0 auto; flex:0 0 auto; }
.pageMain div.t > .sectionPaper{ -ms-flex:1 1 auto; flex:1 1 auto; }
.pageMain div.t.buttonRow{ display:block; }
.headline{
	vertical-align:center;
	margin-bottom:20px;
}
.headline h1{ display:inline-block; margin:0; font-size:30px; padding-right:20px; line-height:30px; }
.headline h1:only-child{ border-right:none; }
.headline h2{ display:none; }
@media (max-width: 799px), (max-height: 499px)    {
 .headline    { margin-bottom:0; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .headline h1    { border-right:1px solid #878787; }
 .headline h2    { display:inline-block; margin:0; font-size:16px; margin-left:20px; color:#878787; } }
.headingLabels{
	display:none;
	height:80px;
	padding-top:10px;
	margin-bottom:10px;
}
@media (max-width: 799px), (max-height: 499px)    {
 .headingLabels    { padding-left:15px; height:auto; }
 .headingLabels h1    { font-size:20px; }
 .headingLabels:empty    { padding:0; margin:0; } }
h1.basicPageHeader{
	display:none;
	height:80px;
	margin-bottom:10px;
	padding-top:40px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 h1.basicPageHeader    { padding-left:0; } }
@media (max-width: 799px), (max-height: 499px)    {
 h1.basicPageHeader    { height:auto; padding-top:10px; font-size:20px; padding-left:15px; } }
.pageHeader{
	display:none;
	margin-top:10px;
	height:60px;
	
	-ms-flex-align:center;
	
	    align-items:center;
	-ms-flex-pack:justify;
	    justify-content:space-between;
}
.pageHeader h1{ margin:0; }
@media (max-width: 799px), (max-height: 499px)    {
 .pageHeader    { padding-left:15px; padding-right:15px; padding:var(--standardPadding); padding:10px 15px; height:auto; } }
.scrollbar-measure{
	width:100px;
	height:100px;
	overflow:scroll;
	position:absolute;
	top:-9999px;
}
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); }
select.relativeUnit{ width:90px; }
input.relativeNumber{ width:50px; margin-right:5px; }
.topOppositeReminders{ vertical-align:top; padding-top:6px !important; }
@media (min-width: 700px)    {
 .pageMain:first-child .topOppositeReminders    { padding-top:10px !important; }
 .pageMain:first-child .topOppositeReminders + .remindersDiv    { padding-left:0; padding-right:0; padding-top:6px !important; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .topOppositeReminders    { padding-top:10px !important; }
 .anchorWindow.floating .topOppositeReminders + .remindersDiv    { padding-left:0; padding-right:0; padding-top:6px !important; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .topOppositeReminders,    .leftSidebar ~ div .twSection .topOppositeReminders,    .leftSidebar ~ div .sectionPaper .topOppositeReminders,    .leftSidebar ~ div .courseItemEditForm .topOppositeReminders    { padding-top:10px !important; }
 .leftSidebar ~ div .anchorWindow .topOppositeReminders + .remindersDiv,    .leftSidebar ~ div .twSection .topOppositeReminders + .remindersDiv,    .leftSidebar ~ div .sectionPaper .topOppositeReminders + .remindersDiv,    .leftSidebar ~ div .courseItemEditForm .topOppositeReminders + .remindersDiv    { padding-left:0; padding-right:0; padding-top:6px !important; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .topOppositeReminders,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .topOppositeReminders    { padding-top:10px !important; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .topOppositeReminders + .remindersDiv,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .topOppositeReminders + .remindersDiv    { padding-left:0; padding-right:0; padding-top:6px !important; } }
.reminderDiv{
	position:relative;
	padding-right:24px;
	margin-bottom:6px;
	
}
.reminderDiv select.sendTo{ width:7em; margin-right:5px; }
.reminderDiv select.sendMethod{ width:80px; }
.reminderDiv .icon-trash{ position:absolute; top:4px; right:6px; display:inline-block; opacity:0; transition:opacity 150ms ease-in; }
.reminderDiv .icon-trash:before{ letter-spacing:0; font-size:18px; content:"\e011" !important; }
.reminderDiv:hover .icon-trash{ opacity:1; }
@media (max-width: 350px){
 .reminderDiv span ~ span{ display:inline-block; margin:6px 25px 0 15px; } }
.reminderDiv select, .reminderDiv input[type=text]{ padding:2px 5px !important; height:28px !important; }
.reminderDiv select.relativeUnit{ width:95px; }
.reminderDiv input.relativeNumber{ width:52px; }
.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: 800px) 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: 800px) 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: 799px), (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: 799px), (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: 799px), (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; }
input.tuckedButton{
	background-image:url(../../images/v3/graphics/selectArrowDown.png);
	background-repeat:no-repeat;
	background-position:calc(100% - 3px) 50%;
	padding-right:25px;
}
.tuckedControlsHolder{
	position:relative;
	display:inline-block;
}
.tuckedControls{
	position:absolute; left:-9999px; top:-9999px;
	border-radius:4px;
	background:var(--cardBGColor);
	box-shadow:0 0 3px rgba(0, 0, 0, .3); padding:0px 0;
	transform:scale(1.15); opacity:0;
	
	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;
	z-index:100;
	text-align:left;
	font-size:13px;
}
@media (max-width: 799px), (max-height: 499px)    {
 .tuckedControls    {  }
 .tuckedControls:not(.showing)    { transform:scale(.85); } }
.tuckedButton.omega + .tuckedControls:not(.showing){ transform:scale(.85); }
.tuckedControls.showing{ transform:scale(1) translate3d(0, 0, 1px); opacity:1; pointer-events:auto; left:0; }
.tuckedControls:after{ width:10px; height:10px; position:absolute; top:-5px; right:10px; transform:rotateZ(45deg); background:var(--cardBGColor); z-index:-1; content:''; border-top:var(--minorDividerLine); border-left:var(--minorDividerLine); }
.tuckedControls.inverted:after{ top:auto; bottom:-5px; transform:rotateZ(-135deg); }
.tuckedControls.mirrored:after{ right:auto; left:10px; }
.tuckedControls > label, .tuckedControls > span.option{ display:block; padding:6px 10px; background:var(--cardBGColor); min-width:100px; cursor:pointer; white-space:nowrap; }
.tuckedControls > label span, .tuckedControls > span.option span{ white-space:nowrap; }
.tuckedControls > label:first-child, .tuckedControls > span.option:first-child{ border-radius:4px 4px 0 0; }
.tuckedControls > label:last-child,  .tuckedControls > span.option:last-child{ border-radius:0 0 4px 4px; }
.tuckedControls > label:hover, .tuckedControls > span.option:hover{ background:var(--minorBorderColor); }
.tuckedControls > label.selected, .tuckedControls > span.option.selected{ background:var(--fadedBGColor); }
.tuckedControls > label.disabled, .tuckedControls > span.option.disabled{ cursor:default; background:var(--fadedBGColor) !important; opacity:.6; }
.tuckedControls > .styleCheckbox{ padding:8px 10px 8px 38px; }
.tuckedControls > .styleCheckbox div{ left:10px; top:6px; }
.tuckedControls > .tuckedArbitrary{ padding:10px 15px; background:var(--cardBGColor); border-radius:4px; }
.folderControls{
	position:relative;
	top:0px;
	left:0;
	width:calc(100% - 50px);
	width:calc(66.66% - 18px);
	width:100%;
	overflow:hidden;
	padding:11px 15px 10px 15px;
	height:55px;
	z-index:2;
}
@media (max-width: 799px), (max-height: 499px)    {
 .folderControls    { width:100%; } }
.folderControls .buttonRow{ float:right; position:relative; top:-3px; }
.folderControls .folderPath{ height:20px; vertical-align:baseline; padding-top:7px; }
.folderControls .folderPath div.node{ display:inline-block; cursor:pointer; padding:0 5px; vertical-align:baseline; }
.folderControls .folderPath div.node.terminal{ cursor:default; color:#878787; }
.folderControls .folderPath .divider{ display:inline-block; padding:0 5px; }
.folderControls .folderPath .divider:after{ content:'>'; }
@media (min-width: 600px)    {
 .tabWindow--fullWidth .folderControls--oppositeSpotlight    { width:calc(50%); } }
@media (min-width: 900px)    {
 .leftSidebar ~ div .folderControls--oppositeSpotlight    { width:calc(50%); } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .folderControls--oppositeSpotlight    { width:calc(50%); } }
@media (min-width: 900px)    {
 .tabWindow--fullWidth .folderControls--oppositeSpotlight    { width:calc(66.66%); } }
@media (min-width: 1200px)    {
 .leftSidebar ~ div .folderControls--oppositeSpotlight    { width:calc(66.66%); } }
@media (min-width: 1100px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .folderControls--oppositeSpotlight    { width:calc(66.66%); } }
.folderTree{
	
	position:relative;
	margin-left:20px;
	font-size:16px;
}
.folderTree.rootNode{ margin:0px 0px 20px -20px; padding-bottom:30px; }
.oppositeSpotlight .folderTree.rootNode{ overflow:auto; height:100%; }
.folderTree.rootNode > .folderTreeItemSet{ border-bottom:none; }
.folderTree.closed{ max-height:38px; overflow:hidden; }
.folderTree.dragging{ z-index:1; display:inline-block; box-shadow:1px 1px 5px rgba(0, 0, 0, .3); opacity:.9; }
.folderTree.dragging .folderTree, .folderTree.dragging .folderTreeItemSet{ display:none !important; }
.folderTree .folderTreeHeader{ padding:0; cursor:pointer; position:relative; transform-origin:0 50%; transition:transform 50ms ease-in; }
.folderTree .folderTreeHeader:before{ font-family:"appIcons"; content:"\2c"; color:#ddd; position:absolute; font-size:22px; top:6px; left:6px; }
.folderTree .folderTreeHeader:hover{ background-color:var(--highlight13); }
.folderTree .folderTreeHeader:hover:before{ color:var(--brandingSecondary); }
.folderTree .folderTreeHeader .name{ display:inline-block; padding:8px 15px 8px 38px; position:relative; z-index:1; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.folderTree .folderTreeHeader .icon-arrowUp{ position:absolute; right:5px; top:3px; }
.folderTree.closed > .folderTreeHeader:before{ content:"\5d"; }
.folderTree.dropCandidate > .folderTreeHeader{ background-color:var(--highlight13); transform:scale(1.0); }
.folderTree .folderTreeItemSet{ padding-bottom:5px; }
.folderTree .folderTreeItemSet:not(empty){ border-bottom:var(--meenyDividerLine); }
.folderTree .folderTreeItemSet .folderTreeItem{ cursor:pointer; position:relative; }
.folderTree .folderTreeItemSet .folderTreeItem:last-child{ border-bottom:none; }
.folderTree .folderTreeItemSet .folderTreeItem:hover{ background-color:var(--highlight13); }
.folderTree .folderTreeItemSet .folderTreeItem ._itemHolder{ display:none; }
.folderTree .folderTreeItemSet .folderTreeItem .name{ display:inline-block; padding:8px 15px 8px 28px; }
.folderTree .folderTreeItemSet .folderTreeItem.dragging{ z-index:1; display:inline-block; box-shadow:1px 1px 5px rgba(0, 0, 0, .3); opacity:.9; background-color:var(--highlight13); }
.treeModeSearchResults .folderTree{ display:none; }
.treeModeSearchResults .folderTree.hasResults{ display:block !important; max-height:none !important; overflow:unset !important; }
.treeModeSearchResults .folderTreeItem{ display:none; }
.treeModeSearchResults .folderTreeItem.searchShowing{ display:block; }
.folderPages{
	height:100%;
	overflow-x:hidden;
}
.folderPages > div{ height:calc(100% - 20px); }
.folderPages .folders{ padding:0px 0 10px 0px; position:relative; }
.folderPages .folders.floating{ z-index:2; background:var(--baseBGColor); box-shadow:0 0 15px 10px var(--baseBGColor); margin-top:0px; }
.folderPages .folders:after{ display:table; content:""; clear:both; }
.folderPages .folder{ height:50px; background-color:var(--brandingPrimary); padding:16px 10px 0 38px; border:none !important; transform-origin:0 50%; transition:background ease-in 100ms, transform ease-in 100ms; }
.folderPages .folder:before{ font-family:"appIcons"; content:"\6b"; color:#ffffff; position:absolute; font-size:19px; top:15px; left:10px; }
.folderPages .folder:hover{ background-color:var(--brandingSecondary); }
.folderPages .folder.upFolder{ opacity:.6; }
.folderPages .folder.dragging{ z-index:5; box-shadow:1px 1px 5px rgba(0, 0, 0, .3); opacity:.6; }
.folderPages .folder.dropCandidate{ background-color:#444; transform:scale(1.07); box-shadow:none; }
.folderPages .folder .name{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-weight:700; }
.folderPages .items{ clear:both; padding-bottom:30px; }
.folderPages .items:after{ display:table; content:""; clear:both; }
.folderPages .itemMoving .items > div{ opacity:.3; }
.folderPages .itemMoving .items .dragging{ z-index:5; box-shadow:1px 1px 5px rgba(0, 0, 0, .3); opacity:.8; }
.folderDown.in, .folderDown.out, .folderUp.in, .folderUp.out{
	animation-timing-function:ease-out;
	animation-duration:100ms;
}
.folderDown.out{
	transform:translate3d(20px, 0, 0); opacity:0;
 animation-name:folderdownout;
}
@keyframes folderdownout{ from{ -webkit-transform:translate3d(0, 0, 0); opacity:1; } to{         transform:translate3d(20px, 0, 0); opacity:0; } }
.folderDown.in{
	-webkit-transform:translate3d(0, 0, 0); opacity:1;
	        transform:translate3d(0, 0, 0); opacity:1;
 animation-name:folderdownin;
}
@keyframes folderdownin{ from{         transform:translate3d(-20px, 0, 0); opacity:0; }to{         transform:translate3d(0, 0, 0); } }
.folderUp.out{
	-webkit-transform:translate3d(-20px, 0, 0); opacity:0;
	        transform:translate3d(-20px, 0, 0); opacity:0;
 animation-name:folderupout;
}
@keyframes folderupout{ from{ -webkit-transform:translate3d(0, 0, 0); opacity:1; } to{         transform:translate3d(-20px, 0, 0); opacity:0; } }
.folderUp.in{
	-webkit-transform:translate3d(0, 0, 0); opacity:1;
	        transform:translate3d(0, 0, 0); opacity:1;
 animation-name:folderupin;
}
@keyframes folderupin{ from{         transform:translate3d(20px, 0, 0); opacity:0; } to{         transform:translate3d(0, 0, 0); } }
#AnchorWindowFloatingShim{
	position:fixed;
	top:var(--topBarHeight);
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(255, 255, 255, .4);
	pointer-events:none;
	transition:background-color ease-in 150ms;
	opacity:0;
	z-index:-1;
}
#AnchorWindowFloatingShim.showing{ opacity:1; }
#AnchorWindowFloatingShim.blocking{ background-color:rgba(255, 255, 255, .8); pointer-events:auto; }
#AnchorWindowFloatingShim.mellow{ background-color:rgba(255, 255, 255, .1); }
@media (max-width: 799px), (max-height: 499px)    {
 #AnchorWindowFloatingShim    { display:none; } }
body.whiteScreen #AnchorWindowFloatingShim{ display:none; }
.anchorWindow{
}
.anchorWindow.anchored{ padding-bottom:10px; }
.anchorWindow.anchored .awButtons .icon-expand{ display:none; }
.anchorWindow.floating{ box-shadow:1px 2px 3px rgba(0, 0, 0, .15); }
.anchorWindow.floating .awHead.moveAtFloat{ cursor:move; }
.anchorWindow.floating .awButtons .icon-contract{ display:none; }
.anchorWindow.floating.anchorWindow--blocking:after{ background-color:rgba(0, 0, 0, .7); pointer-events:auto; }
.anchorWindow.floating.anchorWindow--blocking.minimizing:after{ pointer-events:none; }
.anchorWindow.floating .flexed > .vStretched{ -ms-flex:1 1; flex:1 1; }
body.whiteScreen .anchorWindow.floating:after{ opacity:0; }
.anchorWindow.floating.noFloatingOverflow .awBody{ overflow:visible; }
@media (min-width: 800px) and (min-height: 500px)    {
 .anchorWindow.floating .awBody .videowrapper.maxSize    { width:80vw; } }
.anchorWindow.hideTitle > .awHead > .awTitle{ display:none; }
.anchorWindow.extendedHead > .awHead{ border-bottom-color:transparent; }
.anchorWindow .extendedHeader{ background:var(--cardBGColor); padding:0 15px 8px; }
.anchorWindow .awHead{ position:relative; background:#fff; height:43px; padding:5px 0 0 15px; padding:5px 0 0 var(--standardPaddingH); min-width:150px; cursor:default; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .awHead    { position:fixed; top:0; left:0; right:0; z-index:10; }
 .anchorWindow .awHead.showing1Buttons    { padding-right:55px; }
 .anchorWindow .awHead.showing2Buttons,
			.anchorWindow .awHead.showing3Buttons,
			.anchorWindow .awHead.showing4Buttons    { padding-right:55px; }
 .anchorWindow .awHead .icon-menu    { cursor:pointer; }
 .anchorWindow .awHead .icon-menu:before    { position:absolute; top:9px; left:15px; font-size:30px; letter-spacing:0px; }
 .anchorWindow .awHead .icon-menu + .awTitle    { padding-left:45px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .anchorWindow .awHead    { border-bottom:none; }
 .anchorWindow .awHead .icon-menu    { display:none; }
 .anchorWindow .awHead.showing0Buttons    { padding-right:15px; }
 .anchorWindow .awHead.showing1Buttons    { padding-right:55px; }
 .anchorWindow .awHead.showing2Buttons    { padding-right:95px; }
 .anchorWindow .awHead.showing3Buttons    { padding-right:135px; }
 .anchorWindow .awHead.showing4Buttons    { padding-right:175px; } }
.anchorWindow .awTitle{ font-size:24px; display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.anchorWindow .awButtons{ position:absolute; top:0; right:0; z-index:1; }
.anchorWindow .awButtons span{ display:inline-block; height:42px; width:42px; cursor:pointer; background:#ffffff; transition:background-color 150ms ease-in-out; padding-top:10px; text-align:center; }
.anchorWindow .awButtons span:hover{ background-color:#eeeeee; }
.anchorWindow .awButtons span:active{ background-color:#dddddd; }
.anchorWindow .awButtons span.icon-close:hover{ color:#b30000; background-color:#fff4f4; }
.anchorWindow .awButtons span:before{ font-size:20px; letter-spacing:0px; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .awButtons    {  }
 .anchorWindow .awButtons .icon-contract, .anchorWindow .awButtons .icon-expand, .anchorWindow .awButtons .icon-minimize    { display:none; } }
.anchorWindow .awBody{ background-color:#ffffff; position:relative; overflow:auto; -webkit-overflow-scrolling:touch; }
.anchorWindow .awBody .reminderDiv span:nth-child(2){ display:none; }
.anchorWindow .awBody.padded{ padding:var(--regionPadding); }
.anchorWindow .awBody.padded .buttonBar{ margin:var(--inverseRegionPaddingMargin); }
.anchorWindow .awBody .leftSidebar{ position:absolute; left:0px; top:0; bottom:1px; }
.anchorWindow .awBody .leftSidebar .itemMenu{ padding-bottom:40px; }
.anchorWindow .awBody .leftSidebar + .pageMain{  }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .awBody    { max-height:none; overflow:auto; position:fixed; top:43px; right:0; bottom:0; left:0; }
 .anchorWindow .awBody .leftSidebar + .pageMain    { top:43px; }
 .anchorWindow .awBody .button:not(.normalAtMini), .anchorWindow .awBody input[type=submit]:not(.normalAtMini)    { width:100%; margin:0 0 10px 0; font-size:16px; padding-top:10px; padding-bottom:10px; height:auto; }
 .anchorWindow .awBody .button:not(.normalAtMini).nextElement,    .anchorWindow .awBody input[type=submit]:not(.normalAtMini).nextElement    { margin-top:6px; }
 .anchorWindow .awBody .button:not(.normalAtMini):last-child, .anchorWindow .awBody .button:not(.normalAtMini).lastAtMini, .anchorWindow .awBody input[type=submit]:not(.normalAtMini):last-child, .anchorWindow .awBody input[type=submit]:not(.normalAtMini).lastAtMini    { margin-bottom:0; }
 .anchorWindow .awBody .button:not(.normalAtMini).bottomMarginAtMini,    .anchorWindow .awBody input[type=submit]:not(.normalAtMini).bottomMarginAtMini    { margin-bottom:15px; }
 .anchorWindow .awBody .buttonBar .button:not(.normalAtMini), .anchorWindow .awBody input[type=submit]:not(.normalAtMini)    { margin:0; }
 .anchorWindow .awBody .button.close    { display:none; }
 .anchorWindow .awBody .remindersDiv .button    { width:auto; margin-top:10px; }
 .anchorWindow .awBody .buttonRow .button    { width:32px; margin-bottom:0px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .anchorWindow .awBody    { width:100%; height:calc(100% - 43px); }
 .anchorWindow .awBody .buttonBar .buttonRow.right    { position:absolute; bottom:10px; right:15px; } }
.anchorWindow .awBody .viewerIFrame{ width:100%; height:100%; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .awBody .viewerIFrame    { width:100vw; } }
.anchorWindow.extendedHead > .awBody{ padding:0px 0 0 0; }
.anchorWindow.floating .resizeHandle{ position:absolute; bottom:0; right:0; height:20px; width:20px; cursor:nwse-resize; z-index:1; }
.anchorWindow.floating.hideOverflow .awBody{ overflow:hidden; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow    { position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:11; overflow:hidden; background-color:#fff; transition:transform .35s; transform:translate3d(0, 100%, 1px); }
 .anchorWindow.showing:not(.minimizing)    { opacity:1; transition:transform .35s; transform:translate3d(0, 0, 1px); } }
@media (min-width: 800px) and (min-height: 500px)    {
 .anchorWindow    { position:absolute; border-radius:var(--roundedRadius); top:0; pointer-events:none; transform:translate3d(0, -50px, 1px); opacity:0; transition:transform ease-in 0.15s, opacity ease-in 0.15s; }
 .anchorWindow.anchored    { top:-7px; left:0; right:0; bottom:0; margin-bottom:10px; border:1px solid var(--primaryLight60); padding-bottom:0; box-shadow:0 20px 0 #fff; background-color:var(--cardBGColor); }
 .anchorWindow.anchored .anchorWindow.anchored    { box-shadow:none; top:-1px; left:-1px; right:-1px; bottom:-1px; margin-bottom:0; }
 .anchorWindow .awHead    { border-radius:var(--roundedRadius) var(--roundedRadius) 0 0; }
 .anchorWindow .awHead .awButtons    { border-radius:0 var(--roundedRadius) 0 0; }
 .anchorWindow .awHead .awButtons span:last-child    { border-radius:0 var(--roundedRadius) 0 0; }
 .anchorWindow .awBody    { border-radius:0 0 var(--roundedRadius) var(--roundedRadius); }
 .anchorWindow .awBody > form    { border-radius:0 0 var(--roundedRadius) var(--roundedRadius); }
 .anchorWindow .awBody .buttonBar    { border-radius:0 0 var(--roundedRadius) var(--roundedRadius); }
 .anchorWindow.showing    { transform:translate3d(0, 0, 1px); opacity:1; pointer-events:auto; }
 .anchorWindow.hiding    { transform:translate3d(0, -50px, 1px); opacity:0; pointer-events:none; }
 .anchorWindow.floating    { min-width:250px; max-width:calc(100vw - 20px); box-shadow:0 14px 28px rgba(0, 0, 0, .3); }
 .anchorWindow.floating .awBody    { max-height:calc(100dvh - 140px); }
 .hasSafariBottomMenuX .anchorWindow.floating .awBody    { max-height:calc(100vh - 214px); }
 .anchorWindow.mightScroll .awBody.padded    { padding-right:30px; }
 .anchorWindow.extendedHead > .awBody    { overflow:visible; }
 .anchorWindow.minimizing    { transform:translate3d(0, -100px, 0) scale(0.4); opacity:0; z-index:-1; transform-origin:0% 200%; transition:transform ease-out 0.3s, opacity ease-out 0.3s, z-index linear 0.3s; pointer-events:none; }
 .anchorWindow.unminimizing    { transform:translate3d(0, 0, 0) scale(1); opacity:1; z-index:100000; transform-origin:0% 200%; transition:transform ease-out 0.3s, opacity ease-in 0.3s, z-index linear 0.3s; }
 .anchorWindow.hideTitleInFillUI > .awHead > .awTitle    { display:none; } }
.anchorWindow .simpleMessage{ padding:var(--regionPadding); width:500px; max-width:100%; font-size:16px; }
.padded > .buttonBar{ margin:10px -15px -10px -15px; }
.anchorWindow.mightScroll .awBody.padded .buttonBar{ margin:10px -30px -10px -15px; }
.anchorWindow .awBody.padded .inlinePopUp .buttonBar{ margin:0; }
.anchorWindow.extendedHead .awBody.padded .buttonBar{ margin:0; }
.anchorWindow .pageMain{
	min-height:100%;
	padding:0;
}
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .pageMain    { min-height:calc(100% - 43px); } }
.anchorWindow .pageMain.fullHeight{
	height:100%;
}
.anchorWindow .pageMain.fullHeight > div{ height:100%; width:100%; overflow:auto; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .pageMain.fullHeight    { height:calc(100% - 43px); } }
.gettingStartedMain > div{ padding:15px 20px; font-size:15px; }
.gettingStartedMain > div p, .gettingStartedMain > div .button{ max-width:500px; }
.gettingStartedMain > div .button.primary{ width:100%; font-size:18px; height:auto; padding:10px 2px; }
.gettingStartedMain > div:after{ content:''; display:block; height:20px; }
.gettingStartedMain .videowrapper{ background-color:var(--CAGreen); border:var(--mediumDividerLine); }
.gettingStartedMain .videowrapper iframe{ width:100%; aspect-ratio:16/9; }
.awContentHolder .leftSidebar{ top:0; left:1px; position:absolute; }
.awContentHolder .leftSidebar + div{ margin-left:264px; width:calc(100% - 264px); height:100%; }
.awContentHolder .leftSidebar + div > div{ height:100%; overflow:auto; }
.in, .out{
	animation-timing-function:ease-out;
	animation-duration:150ms;
}
.floatToAnchor.out{
	-webkit-transform:translate3d(0,-20px,0) scale(1.1); opacity:0;
	        transform:translate3d(0,-20px,0) scale(1.1); opacity:0;
 animation-name:floattoanchorout;
}
.floatToAnchor.in{
	-webkit-transform:translate3d(0,0,0) scale(1); opacity:1;
	        transform:translate3d(0,0,0) scale(1); opacity:1;
 animation-name:floattoanchorin;
}
.anchorToFloat.out{
	-webkit-transform:translate3d(0,-20%,0) scale(1.1); opacity:0;
	        transform:translate3d(0,-20%,0) scale(1.1); opacity:0;
 animation-name:anchortofloatout;
}
.anchorToFloat.in{
	-webkit-transform:translate3d(0,0,0) scale(1); opacity:1;
	        transform:translate3d(0,0,0) scale(1); opacity:1;
 animation-name:anchortofloatin;
}
@keyframes floattoanchorout{ from{         transform:translate3d(0,0,0); opacity:1; } to{         transform:translate3d(0,-20px,0) scale(1.1); opacity:0; } }
@keyframes floattoanchorin{ from{         transform:translate3d(0,20px,0) scale(.95); opacity:0; }to{         transform:translate3d(0,0,0); } }
@keyframes anchortofloatout{ from{         transform:translate3d(0,0,0); opacity:1; } to{         transform:translate3d(0,20px,0) scale(.95); opacity:0; } }
@keyframes anchortofloatin{ from{         transform:translate3d(0,-20px,0) scale(1.1); opacity:0; } to{         transform:translate3d(0,0,0) } }
@media (max-width: 799px), (max-height: 499px)    {
 #anchorWindowDock    { display:none; } }
#anchorWindowDock{
	position:fixed;
	bottom:0;
	left:46px;
	right:200px;
	z-index:10000;
	height:0;
}
#anchorWindowDock .minimizedWindow{ float:left; margin-right:5px; width:19.0%; max-width:230px; position:relative; padding:5px 2px 15px 7px; background:var(--cardBGColor); border-radius:4px 4px 0 0; font-size:15px; box-shadow:0 14px 28px rgba(0, 0, 0, .3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; opacity:0; top:-95px; transition:opacity linear 0.15s, top ease-out 0.1s, width ease-out 0.15s; }
#anchorWindowDock .minimizedWindow.minimizing{ opacity:1; top:-32px; }
#anchorWindowDock .minimizedWindow.minimizing:hover{ top:-40px; }
#anchorWindowDock .minimizedWindow.unminimizing{ opacity:0; top:-125px; transition:opacity linear 0.15s, top ease-in 0.15s; }
#anchorWindowDock.showing6  .minimizedWindow{ width:15.0%; }
#anchorWindowDock.showing7  .minimizedWindow{ width:13.7%; }
#anchorWindowDock.showing8  .minimizedWindow{ width:11.9%; }
#anchorWindowDock.showing9  .minimizedWindow{ width:10.5%; }
#anchorWindowDock.showing10 .minimizedWindow{ width:9.4%; }
.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: 799px), (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);
}
.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%; }
div.SelectInput-options{
	position:absolute;
	border:var(--mediumDividerLine);
	background-color:var(--baseBGColor);
	z-index:50;
	text-align:left;
	transform:translate3d(0, 0, 1px);
	box-shadow:1px 1px 5px rgba(var(--shadowColorRGB), .2);
}
ul.SelectInput-options{
	margin:0;
	padding:0;
	list-style:none;
}
ul.SelectInput-options li{ position:relative; cursor:pointer; padding:4px 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
ul.SelectInput-options li.SelectInput-selected{ background-color:var(--brandingPrimary); color:#fff; }
@media (max-width: 799px), (max-height: 499px)    {
 ul.SelectInput-options li    { font-size:16px; padding:.3rem 1.5rem .3rem 0.5rem; } }
._awesomeSelectStandInWrapper{
	position:relative;
	display:inline-block;
	width:100%;
	width:-moz-fit-content;
	width:fit-content;
	line-height:1px;
	height:38px;
}
._awesomeSelectStandInWrapper ._awesomeSelectStandIn{ position:relative; position:absolute; top:0; left:0; display:inline-block; color:inherit; border:var(--mediumDividerLine); border-radius:3px; font-size:15px; padding:9px 10px; padding:0; line-height:normal; background:var(--inputBGColor) url(../../images/v3/graphics/selectArrowDown.png) no-repeat right .3rem center / .8rem 1rem; padding-right:1.5rem; width:100%; height:100%; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
._awesomeSelectStandInWrapper ._awesomeSelectStandIn.hasSearchToggle{ padding-right:45px; }
._awesomeSelectStandInWrapper ._awesomeSelectStandIn div.selectedOption{ display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; gap:16px; padding:8px 0 8px 12px; height:100%; }
._awesomeSelectStandInWrapper ._awesomeSelectStandIn div.selectedOption span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
._awesomeSelectStandInWrapper ._awesomeSelectStandIn div.selectedOption img{ height:calc(100% + 8px); border-radius:50%; }
._awesomeSelectStandInWrapper ._awesomeSelectStandIn .icon-view{ position:absolute; top:50%; right:20px; line-height:1px; transform:translateY(-50%); cursor:pointer; }
._awesomeSelectStandInWrapper select{ position:relative; left:-9999px; }
._awesomeSelectStandInWrapper select:focus + ._awesomeSelectStandIn{ border-color:var(--brandingSecondary); outline:0; }
._awesomeSelectStandInWrapper select[style*="display: none;"] + ._awesomeSelectStandIn{ display:none; }
._awesomeSelectWidget{
	position:absolute;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	left:-9999px;
	max-width:2000px;
	border:var(--mediumDividerLine);
	background-color:var(--baseBGColor);
	text-align:left;
	transform:translate3d(0, 0, 1px);
	
	border-radius:0 8px 8px 8px;
	box-shadow:2px 4px 5px rgba(0, 0, 0, .1);
	overflow:clip;
}
._awesomeSelectWidget.inverted{ border-radius:8px 8px 8px 0; box-shadow:2px -4px 5px rgba(0, 0, 0, .1); }
._awesomeSelectWidget .optionsHolder{ overflow:auto; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
._awesomeSelectWidget .optionsHolder .option{ display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; gap:16px; padding:6px 12px; font-size:15px; cursor:default; }
._awesomeSelectWidget .optionsHolder .option:hover{ background-color:rgba(var(--brandingSecondaryRGB), .07); }
._awesomeSelectWidget .optionsHolder .option.selected{ background-color:rgba(var(--brandingSecondaryRGB), .2); }
._awesomeSelectWidget .optionsHolder .option.disabled{ pointer-events:none; background-color:var(--fadedBGColor); background-color:var(--subtleGrey); opacity:.6; }
._awesomeSelectWidget .optionsHolder .option.folder{ position:relative; background-color:var(--fadedBGColor); padding-left:27px; opacity:1; }
._awesomeSelectWidget .optionsHolder .option.folder:before{ position:relative; top:0px; left:-15px; display:inline-block; margin-right:1px; }
._awesomeSelectWidget .optionsHolder .option.folder span{ position:relative; left:-27px; }
._awesomeSelectWidget .optionsHolder .option img{ height:30px; border-radius:50%; }
._awesomeSelectWidget .optionsHolder .option.filteredOut{ display:none; }
._awesomeSelectWidget .searchHolder{ padding:8px 10px; border-bottom:var(--mediumDividerLine); }
._awesomeSelectWidget .searchHolder input[type=text]{ width:100%; max-width:500px; }
._awesomeSelectWidget .searchHolder.inactive{ display:none; }
.minMaxRangeSlider{
	
	--knobHeight:25px;
	--lineHeight:8px;
	
	margin:20px 0;
	padding:0px;
}
.minMaxRangeSlider .__sliders{ position:relative; padding-top:calc(var(--knobHeight) / 2); height:var(--knobHeight); isolation:isolate; }
.minMaxRangeSlider .__sliders:before{ content:''; position:absolute; height:var(--lineHeight); inset:calc((var(--knobHeight) - var(--lineHeight))/2) 0 auto 0; background-color:var(--mediumBorderColor); }
.minMaxRangeSlider .__sliders .chosenHighlight{ position:absolute; height:var(--lineHeight); left:20%; right:40%; top:calc((var(--knobHeight) - var(--lineHeight)) / 2); background-color:var(--brandingPrimary); z-index:1; }
.minMaxRangeSlider .__sliders input[type="range"]{ position:absolute; -webkit-appearance:none; -moz-appearance:none; appearance:none; height:0; margin:0; width:100%; pointer-events:none; z-index:1; }
.minMaxRangeSlider .__sliders input[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 var(--mediumBorderColor); cursor:pointer; }
.minMaxRangeSlider .__sliders input[type="range"]::-webkit-slider-thumb:hover{ background-color:var(--fadedBGColor); }
.minMaxRangeSlider .__sliders input[type="range"]::-webkit-slider-thumb:active{ box-shadow:0 0 3px var(--brandingSecondary); }
.minMaxRangeSlider .__sliders input[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 var(--mediumBorderColor); cursor:pointer; }
.minMaxRangeSlider .__sliders input[type="range"]::-moz-range-thumb:hover{ background-color:var(--fadedBGColor); }
.minMaxRangeSlider .__sliders input[type="range"]::-moz-range-thumb:active{ box-shadow:0 0 3px var(--brandingSecondary); }
.minMaxRangeSlider .__sliders input[type="range"].sliderMin{ z-index:2; }
.minMaxRangeSlider .__numbers{ position:relative; padding-top:10px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; color:var(--borderColor); }
.minMaxRangeSlider .__numbers label{ display:block; }
.minMaxRangeSlider .__numbers input[type="number"]{ width:60px; }
.minMaxRangeSlider .__numbers input[type="number"]::-webkit-inner-spin-button, .minMaxRangeSlider .__numbers input[type="number"]::-webkit-outer-spin-button{ opacity:1; }
.viewMoreOrLessHelper{
	position:relative;
	overflow:hidden;
}
.viewMoreOrLessHelper .viewMoreOrLessToggle{ display:none; position:absolute; bottom:0px; left:0px; text-align:center; width:100%; z-index:2; }
.viewMoreOrLessHelper.viewMoreOrLessInEffect{ transition:max-height 150ms ease-out; }
.viewMoreOrLessHelper.viewMoreOrLessInEffect:after{ content:''; position:absolute; bottom:0; left:0; right:0; height:35px; z-index:1; background:linear-gradient(180deg, rgba(var(--baseBGColorRGB), 0) 0%, rgba(var(--baseBGColorRGB), 1) 60%); }
.viewMoreOrLessHelper.viewMoreOrLessInEffect .viewMoreLink{ display:block; }
.viewMoreOrLessHelper.viewMoreOrLessInEffect .viewLessLink{ display:none; }
.viewMoreOrLessHelper.viewMoreOrLessInEffect.viewingMore:after{ display:none; }
.viewMoreOrLessHelper.viewMoreOrLessInEffect.viewingMore .viewMoreLink{ display:none; }
.viewMoreOrLessHelper.viewMoreOrLessInEffect.viewingMore .viewLessLink{ display:block; }
.PasswordInputHelper{
	position:relative;
}
.PasswordInputHelper .dialogPopUp{ position:absolute; background:#fff; border:1px solid #ababab; border-top:none; padding:5px 15px 10px 15px; transform:translateX(50px); opacity:0; z-index:100; transition:transform ease-out .1s, opacity ease-out .1s; pointer-events:none; border-radius:0 0 4px; margin:-1px 0 0 10px; max-width:calc(100% - 60px); }
.PasswordInputHelper .dialogPopUp.showing{ pointer-events:auto; top:auto; left:auto; transform:translateX(0); opacity:1; box-shadow:2px 2px 4px rgba(0, 0, 0, .15); }
.PasswordInputHelper .dialogPopUp .caption{ font-size:11px; color:#888; font-style:italic; margin-bottom:4px; }
.PasswordInputHelper .dialogPopUp .strengthMeter{ width:100%; min-width:200px; max-width:100%; height:12px; border:1px solid #888; border-radius:3px; overflow:hidden; }
.PasswordInputHelper .dialogPopUp .strengthMeter .strengthBar{ width:0; height:14px; transition:width ease-out .1s, background-color ease-out .1s; background-color:var(--statusRed); max-width:100%; }
.PasswordInputHelper .dialogPopUp .strengthMeter .strengthBar.poor{ background-color:var(--statusOrange); }
.PasswordInputHelper .dialogPopUp .strengthMeter .strengthBar.weak{ background-color:var(--statusYellow); }
.PasswordInputHelper .dialogPopUp .strengthMeter .strengthBar.good{ background-color:var(--statusGreen); }
.PasswordInputHelper .dialogPopUp .strengthMeter .strengthBar.great{ background-color:var(--statusBlue); }
.PasswordInputHelper .dialogPopUp .guessCaption{ padding-top:6px; font-size:10px; }
.PasswordInputHelper .dialogPopUp .guessCaption .guessLabel{ font-weight:700; color:var(--statusRed); }
.PasswordInputHelper .dialogPopUp .guessCaption .guessLabel.poor{ color:var(--statusOrange); }
.PasswordInputHelper .dialogPopUp .guessCaption .guessLabel.weak{ color:var(--statusYellow); }
.PasswordInputHelper .dialogPopUp .guessCaption .guessLabel.good{ color:var(--statusGreen); }
.PasswordInputHelper .dialogPopUp .guessCaption .guessLabel.great{ color:var(--statusBlue); }
.PasswordInputHelper .visibilityToggle{ position:absolute; margin:0; right:0; bottom:100%; border-radius:0 3px 3px 0 !important; }
div.autocompleter-loading{
	float:left;
	clear:right;
	background:#fff url(modules/spinner.gif) no-repeat center;
	width:20px;
	height:16px;
}
ul.autocompleter-choices{
	position:absolute;
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #eee;
	background-color:white;
	border-right-color:#ddd;
	border-bottom-color:#ddd;
	text-align:left;
	font-family:Helvetica, Arial, sans-serif;
	z-index:50;
}
ul.autocompleter-choices li{
	position:relative;
	padding:0.1em 1.5em 0.1em 1em;
	cursor:pointer;
	font-weight:normal;
	font-size:10px;
}
ul.autocompleter-choices li.autocompleter-selected{ background-color:#6C9C31; color:#fff; }
ul.autocompleter-choices span.autocompleter-queried{ font-weight:bold; }
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried{ color:#fff; }
ul.autocompleter-choices span.example-info{
	position:absolute;
	top:2px;
	right:4px;
	padding:1px 2px;
	font-size:0.9em;
	color:#888;
}
.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);
}
._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;
}
#mooRainbow{ font-size:11px; color:var(--baseColor); }
.moor-box{
	z-index:3;
	width:395px;
	height:310px;
	border:var(--dividerLine);
	background-color:var(--cardBGColor);
	box-shadow:4px 8px 12px rgba(0, 0, 0, .15);
}
.moor-box input[type=text]{ padding:2px 3px !important; height:auto; font-size:13px !important; }
.moor-overlayBox{
	width:256px;
	height:256px; 
	margin-top:9px; 
	margin-left:9px;
	border:1px solid #000;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}
.moor-slider{
	border:1px solid #000;
	margin-top:9px; 
	margin-left:280px;
	width:20px;
	height:256px;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}
.moor-colorBox{
	border:1px solid #000; 
	width:59px; 
	height:70px; 
	margin-top:10px; 
	margin-left:315px;
}
.moor-chooseColor{
	margin-top:11px; 
	margin-left:316px; 
	width:57px; 
	height:34px;
}
.moor-currentColor{
	margin-top:45px; 
	margin-left:316px; 
	width:57px; 
	height:34px;
}
.moor-box .moor-okButton{ margin-top:272px; margin-left:8px; padding:4px 7px !important; height:auto !important; }
#mooRainbow label, .moor-box label{ font-family:monospace; }
.moor-rLabel{ margin-top:100px; margin-left:315px; }
.moor-gLabel{ margin-top:125px; margin-left:315px; }
.moor-bLabel{ margin-top:150px; margin-left:315px; }
.moor-HueLabel{ margin-top:190px; margin-left:315px; }
span.moor-ballino{ margin-top:190px; margin-left:370px; }
.moor-SatuLabel{ margin-top:215px; margin-left:315px; }
.moor-BrighLabel{ margin-top:240px; margin-left:315px; }
.moor-hexLabel{ margin-top:275px; margin-left:255px; }
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput{ width:32px; }
.moor-hexInput{ width:70px; }
.moor-cursor{
	background-image:url(../../images/mooRainbow/moor_cursor.gif); 
	width:12px;
	height:12px;
}
.moor-arrows{
	background-image:url(../../images/mooRainbow/moor_arrows.gif);
	top:9px; 
	left:270px;
	width:41px;
	height:9px;
}
.tooltip{
	position:relative;
}
.tooltip.tooltip--alignRight:before{ left:auto; right:10px; }
.tooltip.tooltip--alignRight:after{ left:auto; right:0px; }
.tooltip.tooltip--alignLeft:before{ left:10px; }
.tooltip.tooltip--alignLeft:after{ left:0px; }
.tooltip:before{
	position:absolute;
	content:"";
	left:calc(50% + 20px);
	border:solid;
	border-width:6px 6px 0 6px;
	border-color:rgba(0, 0, 0, .7) transparent;
	z-index:2;
	bottom:100%;
}
.tooltip:after{
	position:absolute;
	content:attr(alt);
	left:50%;
	padding:5px 10px;
	border-radius:5px;
	background:rgba(0, 0, 0, .7);
	color:#fff;
	transform:translateX(-50%);
	max-width:150px;
	bottom:calc(100% + 6px);
	text-align:left;
	white-space:pre-line;
	z-index:1;
}
.tooltip.tooltip--nowrap:after{
	white-space:nowrap;
}
.tooltip:after,
.tooltip:before{
	transform:translateY(-20px) translateX(0px);
	opacity:0;
	transition:transform 0.15s ease-in, opacity 0.15s ease-in;
	pointer-events:none;
}
.tooltip:hover:after,
.tooltip:hover:before{ transform:translateY(0px) translateX(0px); opacity:1; }
@media (max-width: 799px), (max-height: 499px)    {
 .swipeControlHolder    { overflow:hidden; }
 .swipeControls    { overflow:hidden; position:absolute; height:100%; max-height:80px; top:0px; z-index:2; right:0; transform:translateX(100%); transition:transform 150ms ease-out; font-size:0px; }
 .swipeControls.swipedIn    { transform:translateX(0); }
 .swipeControls [class^="icon-"]    { height:100%; background:var(--cardBGColor); border-right:var(--minorDividerLine); padding:0px 25px; display:-ms-flexbox; display:flex; float:left; -ms-flex-direction:row; flex-direction:row; -ms-flex-align:center; align-items:center; }
 .swipeControls [class^="icon-"]:first-child    { border-left:var(--minorDividerLine); }
 .swipeControls [class^="icon-"]:last-child    { border-right:none; }
 .swipeControls [class^="icon-"]:before    { font-size:46px; letter-spacing:0; color:#666; }
 .closable .swipeControls .icon-arrowUp    { border-left:0; border-right:var(--minorDividerLine); } }
.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;
}
.modalSingleItemViewer{
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	background-color:rgba(0, 0, 0, .9);
	pointer-events:none;
	color:#fff;
	opacity:0;
	transition:opacity .2s ease-out;
	z-index:100500;
	transform:translate3d(0, 0, 2px);
	
}
.modalSingleItemViewer.open{ opacity:1; pointer-events:auto; }
.modalSingleItemViewer .controls{ position:absolute; top:20px; right:20px; }
.modalSingleItemViewer .controls > div{ position:relative; border:2px solid #aaa; border-radius:50%; cursor:pointer; width:50px; height:50px; color:#ddd; transition:border-color .1s ease-out; display:inline-block; }
.modalSingleItemViewer .controls > div:hover{ border-color:#fff; }
@media (max-width: 799px), (max-height: 499px)    {
 .modalSingleItemViewer .controls > div.floatIcon    { display:none; } }
.modalSingleItemViewer .controls .floatIcon:before{ content:''; width:26px; height:26px; border:3px solid #aaa; position:absolute; top:10px; left:10px; }
.modalSingleItemViewer .controls .floatIcon:hover:before{ border-color:#fff; }
.modalSingleItemViewer .controls .closeIcon{ margin-left:20px; }
.modalSingleItemViewer .controls .closeIcon:before, .modalSingleItemViewer .controls .closeIcon:after{ content:''; width:32px; height:3px; background-color:#aaa; position:absolute; top:0; left:0; transition:border-color .1s ease-out; }
.modalSingleItemViewer .controls .closeIcon:before{ transform:translate(7px, 22px) rotate(45deg); }
.modalSingleItemViewer .controls .closeIcon:after{ transform:translate(7px, 22px) rotate(-45deg); }
.modalSingleItemViewer .controls .closeIcon:hover:before, .modalSingleItemViewer .controls .closeIcon:hover:after{ background-color:#fff; }
.modalSingleItemViewer h2{ padding:0; margin:30px 50px 30px 20px; font-size:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -ms-flex-negative:0; flex-shrink:0; }
.modalSingleItemViewer iframe{ width:calc(100% - 40px); margin:0 20px; height:calc(100vh - 120px); border:none; background:transparent; }
@media (max-width: 799px), (max-height: 499px)    {
 .modalSingleItemViewer iframe    { width:100%; margin:0; } }
.modalSingleItemViewer.singleImage{ display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; }
.modalSingleItemViewer.singleImage .floatIcon{ display:none; }
.modalSingleItemViewer.singleImage .imageHolder{ -ms-flex-positive:1; flex-grow:1; overflow:auto; padding:0 20px 20px 20px; position:relative; text-align:center; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; }
.modalSingleItemViewer.singleImage .imageHolder > img{ position:relative; -ms-flex:0 1 auto; flex:0 1 auto; max-width:100%; }
.modalSingleItemViewer.singleImage .imageHolder.fullSizeViewing{ display:block; margin:0; }
.modalSingleItemViewer.singleImage .imageHolder.fullSizeViewing img{ max-width: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: 799px), (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: 700px)    {
 .pageMain:first-child .rTable    { display:table; }
 .pageMain:first-child .rTable > tbody    { display:table-row-group; }
 .pageMain:first-child .rTable > tbody > tr    { display:table-row; width:100%; }
 .pageMain:first-child .rTable > tbody > tr.formSection td:nth-child(2)    { padding-left:0; padding-right:15px; }
 .pageMain:first-child .rTable > tbody > tr.alignTop > td    { vertical-align:top; }
 .pageMain:first-child .rTable > tbody > tr > td    { display:table-cell; }
 .pageMain:first-child .rTable > tbody > tr > td:first-child    { text-align:right; padding-right:20px; padding-bottom:14px; width:102px; }
 .pageMain:first-child .rTable > tbody > tr > td:nth-child(2)    { padding-bottom:14px; width:calc(100% - 102px); }
 .pageMain:first-child .rTable > tbody > tr.formSection > td:nth-child(2)    { padding-bottom:6px; }
 .pageMain:first-child .rTable--label40  > tbody > tr > td:first-child    { width:40px; }
 .pageMain:first-child .rTable--label40  > tbody > tr > td:nth-child(2)    { width:calc(100% -  40px); }
 .pageMain:first-child .rTable--label60  > tbody > tr > td:first-child    { width:60px; }
 .pageMain:first-child .rTable--label60  > tbody > tr > td:nth-child(2)    { width:calc(100% -  60px); }
 .pageMain:first-child .rTable--label80  > tbody > tr > td:first-child    { width:80px; }
 .pageMain:first-child .rTable--label80  > tbody > tr > td:nth-child(2)    { width:calc(100% -  80px); }
 .pageMain:first-child .rTable--label120 > tbody > tr > td:first-child    { width:120px; }
 .pageMain:first-child .rTable--label120 > tbody > tr > td:nth-child(2)    { width:calc(100% - 120px); }
 .pageMain:first-child .rTable--label140 > tbody > tr > td:first-child    { width:140px; }
 .pageMain:first-child .rTable--label140 > tbody > tr > td:nth-child(2)    { width:calc(100% - 140px); }
 .pageMain:first-child .rTable--label150 > tbody > tr > td:first-child    { width:150px; }
 .pageMain:first-child .rTable--label150 > tbody > tr > td:nth-child(2)    { width:calc(100% - 150px); }
 .pageMain:first-child .rTable--label160 > tbody > tr > td:first-child    { width:160px; }
 .pageMain:first-child .rTable--label160 > tbody > tr > td:nth-child(2)    { width:calc(100% - 160px); }
 .pageMain:first-child .rTable--label180 > tbody > tr > td:first-child    { width:180px; }
 .pageMain:first-child .rTable--label180 > tbody > tr > td:nth-child(2)    { width:calc(100% - 180px); }
 .pageMain:first-child .rTable--label200 > tbody > tr > td:first-child    { width:200px; }
 .pageMain:first-child .rTable--label200 > tbody > tr > td:nth-child(2)    { width:calc(100% - 200px); } }
@media (min-width: 700px)    {
 .anchorWindow.floating .rTable    { display:table; }
 .anchorWindow.floating .rTable > tbody    { display:table-row-group; }
 .anchorWindow.floating .rTable > tbody > tr    { display:table-row; width:100%; }
 .anchorWindow.floating .rTable > tbody > tr.formSection td:nth-child(2)    { padding-left:0; padding-right:15px; }
 .anchorWindow.floating .rTable > tbody > tr.alignTop > td    { vertical-align:top; }
 .anchorWindow.floating .rTable > tbody > tr > td    { display:table-cell; }
 .anchorWindow.floating .rTable > tbody > tr > td:first-child    { text-align:right; padding-right:20px; padding-bottom:14px; width:102px; }
 .anchorWindow.floating .rTable > tbody > tr > td:nth-child(2)    { padding-bottom:14px; width:calc(100% - 102px); }
 .anchorWindow.floating .rTable > tbody > tr.formSection > td:nth-child(2)    { padding-bottom:6px; }
 .anchorWindow.floating .rTable--label40  > tbody > tr > td:first-child    { width:40px; }
 .anchorWindow.floating .rTable--label40  > tbody > tr > td:nth-child(2)    { width:calc(100% -  40px); }
 .anchorWindow.floating .rTable--label60  > tbody > tr > td:first-child    { width:60px; }
 .anchorWindow.floating .rTable--label60  > tbody > tr > td:nth-child(2)    { width:calc(100% -  60px); }
 .anchorWindow.floating .rTable--label80  > tbody > tr > td:first-child    { width:80px; }
 .anchorWindow.floating .rTable--label80  > tbody > tr > td:nth-child(2)    { width:calc(100% -  80px); }
 .anchorWindow.floating .rTable--label120 > tbody > tr > td:first-child    { width:120px; }
 .anchorWindow.floating .rTable--label120 > tbody > tr > td:nth-child(2)    { width:calc(100% - 120px); }
 .anchorWindow.floating .rTable--label140 > tbody > tr > td:first-child    { width:140px; }
 .anchorWindow.floating .rTable--label140 > tbody > tr > td:nth-child(2)    { width:calc(100% - 140px); }
 .anchorWindow.floating .rTable--label150 > tbody > tr > td:first-child    { width:150px; }
 .anchorWindow.floating .rTable--label150 > tbody > tr > td:nth-child(2)    { width:calc(100% - 150px); }
 .anchorWindow.floating .rTable--label160 > tbody > tr > td:first-child    { width:160px; }
 .anchorWindow.floating .rTable--label160 > tbody > tr > td:nth-child(2)    { width:calc(100% - 160px); }
 .anchorWindow.floating .rTable--label180 > tbody > tr > td:first-child    { width:180px; }
 .anchorWindow.floating .rTable--label180 > tbody > tr > td:nth-child(2)    { width:calc(100% - 180px); }
 .anchorWindow.floating .rTable--label200 > tbody > tr > td:first-child    { width:200px; }
 .anchorWindow.floating .rTable--label200 > tbody > tr > td:nth-child(2)    { width:calc(100% - 200px); } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .rTable,    .leftSidebar ~ div .twSection .rTable,    .leftSidebar ~ div .sectionPaper .rTable,    .leftSidebar ~ div .courseItemEditForm .rTable    { display:table; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody,    .leftSidebar ~ div .twSection .rTable > tbody,    .leftSidebar ~ div .sectionPaper .rTable > tbody,    .leftSidebar ~ div .courseItemEditForm .rTable > tbody    { display:table-row-group; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr,    .leftSidebar ~ div .twSection .rTable > tbody > tr,    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr,    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr    { display:table-row; width:100%; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr.formSection td:nth-child(2),    .leftSidebar ~ div .twSection .rTable > tbody > tr.formSection td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr.formSection td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr.formSection td:nth-child(2)    { padding-left:0; padding-right:15px; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr.alignTop > td,    .leftSidebar ~ div .twSection .rTable > tbody > tr.alignTop > td,    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr.alignTop > td,    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr.alignTop > td    { vertical-align:top; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr > td,    .leftSidebar ~ div .twSection .rTable > tbody > tr > td,    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr > td,    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr > td    { display:table-cell; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr > td:first-child    { text-align:right; padding-right:20px; padding-bottom:14px; width:102px; }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr > td:nth-child(2)    { padding-bottom:14px; width:calc(100% - 102px); }
 .leftSidebar ~ div .anchorWindow .rTable > tbody > tr.formSection > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable > tbody > tr.formSection > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable > tbody > tr.formSection > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable > tbody > tr.formSection > td:nth-child(2)    { padding-bottom:6px; }
 .leftSidebar ~ div .anchorWindow .rTable--label40  > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label40  > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label40  > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label40  > tbody > tr > td:first-child    { width:40px; }
 .leftSidebar ~ div .anchorWindow .rTable--label40  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label40  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label40  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label40  > tbody > tr > td:nth-child(2)    { width:calc(100% -  40px); }
 .leftSidebar ~ div .anchorWindow .rTable--label60  > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label60  > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label60  > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label60  > tbody > tr > td:first-child    { width:60px; }
 .leftSidebar ~ div .anchorWindow .rTable--label60  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label60  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label60  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label60  > tbody > tr > td:nth-child(2)    { width:calc(100% -  60px); }
 .leftSidebar ~ div .anchorWindow .rTable--label80  > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label80  > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label80  > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label80  > tbody > tr > td:first-child    { width:80px; }
 .leftSidebar ~ div .anchorWindow .rTable--label80  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label80  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label80  > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label80  > tbody > tr > td:nth-child(2)    { width:calc(100% -  80px); }
 .leftSidebar ~ div .anchorWindow .rTable--label120 > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label120 > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label120 > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label120 > tbody > tr > td:first-child    { width:120px; }
 .leftSidebar ~ div .anchorWindow .rTable--label120 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label120 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label120 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label120 > tbody > tr > td:nth-child(2)    { width:calc(100% - 120px); }
 .leftSidebar ~ div .anchorWindow .rTable--label140 > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label140 > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label140 > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label140 > tbody > tr > td:first-child    { width:140px; }
 .leftSidebar ~ div .anchorWindow .rTable--label140 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label140 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label140 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label140 > tbody > tr > td:nth-child(2)    { width:calc(100% - 140px); }
 .leftSidebar ~ div .anchorWindow .rTable--label150 > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label150 > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label150 > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label150 > tbody > tr > td:first-child    { width:150px; }
 .leftSidebar ~ div .anchorWindow .rTable--label150 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label150 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label150 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label150 > tbody > tr > td:nth-child(2)    { width:calc(100% - 150px); }
 .leftSidebar ~ div .anchorWindow .rTable--label160 > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label160 > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label160 > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label160 > tbody > tr > td:first-child    { width:160px; }
 .leftSidebar ~ div .anchorWindow .rTable--label160 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label160 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label160 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label160 > tbody > tr > td:nth-child(2)    { width:calc(100% - 160px); }
 .leftSidebar ~ div .anchorWindow .rTable--label180 > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label180 > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label180 > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label180 > tbody > tr > td:first-child    { width:180px; }
 .leftSidebar ~ div .anchorWindow .rTable--label180 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label180 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label180 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label180 > tbody > tr > td:nth-child(2)    { width:calc(100% - 180px); }
 .leftSidebar ~ div .anchorWindow .rTable--label200 > tbody > tr > td:first-child,    .leftSidebar ~ div .twSection .rTable--label200 > tbody > tr > td:first-child,    .leftSidebar ~ div .sectionPaper .rTable--label200 > tbody > tr > td:first-child,    .leftSidebar ~ div .courseItemEditForm .rTable--label200 > tbody > tr > td:first-child    { width:200px; }
 .leftSidebar ~ div .anchorWindow .rTable--label200 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .rTable--label200 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .rTable--label200 > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .rTable--label200 > tbody > tr > td:nth-child(2)    { width:calc(100% - 200px); } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable    { display:table; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody    { display:table-row-group; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr    { display:table-row; width:100%; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr.formSection td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr.formSection td:nth-child(2)    { padding-left:0; padding-right:15px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr.alignTop > td,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr.alignTop > td    { vertical-align:top; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr > td,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr > td    { display:table-cell; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr > td:first-child    { text-align:right; padding-right:20px; padding-bottom:14px; width:102px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr > td:nth-child(2)    { padding-bottom:14px; width:calc(100% - 102px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable > tbody > tr.formSection > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable > tbody > tr.formSection > td:nth-child(2)    { padding-bottom:6px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label40  > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label40  > tbody > tr > td:first-child    { width:40px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label40  > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label40  > tbody > tr > td:nth-child(2)    { width:calc(100% -  40px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label60  > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label60  > tbody > tr > td:first-child    { width:60px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label60  > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label60  > tbody > tr > td:nth-child(2)    { width:calc(100% -  60px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label80  > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label80  > tbody > tr > td:first-child    { width:80px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label80  > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label80  > tbody > tr > td:nth-child(2)    { width:calc(100% -  80px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label120 > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label120 > tbody > tr > td:first-child    { width:120px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label120 > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label120 > tbody > tr > td:nth-child(2)    { width:calc(100% - 120px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label140 > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label140 > tbody > tr > td:first-child    { width:140px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label140 > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label140 > tbody > tr > td:nth-child(2)    { width:calc(100% - 140px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label150 > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label150 > tbody > tr > td:first-child    { width:150px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label150 > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label150 > tbody > tr > td:nth-child(2)    { width:calc(100% - 150px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label160 > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label160 > tbody > tr > td:first-child    { width:160px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label160 > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label160 > tbody > tr > td:nth-child(2)    { width:calc(100% - 160px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label180 > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label180 > tbody > tr > td:first-child    { width:180px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label180 > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label180 > tbody > tr > td:nth-child(2)    { width:calc(100% - 180px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label200 > tbody > tr > td:first-child,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .rTable--label200 > tbody > tr > td:first-child    { width:200px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .rTable--label200 > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .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: 700px)    {
 .pageMain:first-child .formSection    { margin-left:0; padding-left:0; margin-right:0; padding-right:0; width:100%; }
 .pageMain:first-child .formSection.padded    { padding-left:15px; padding-right:15px; }
 .pageMain:first-child .topBaselineOppositeTextArea    { vertical-align:top; padding-top:11px; }
 .pageMain:first-child .extraTopPadding > .topBaselineOppositeTextArea    { padding-top:16px !important; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formSection    { margin-left:0; padding-left:0; margin-right:0; padding-right:0; width:100%; }
 .anchorWindow.floating .formSection.padded    { padding-left:15px; padding-right:15px; }
 .anchorWindow.floating .topBaselineOppositeTextArea    { vertical-align:top; padding-top:11px; }
 .anchorWindow.floating .extraTopPadding > .topBaselineOppositeTextArea    { padding-top:16px !important; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formSection,    .leftSidebar ~ div .twSection .formSection,    .leftSidebar ~ div .sectionPaper .formSection,    .leftSidebar ~ div .courseItemEditForm .formSection    { margin-left:0; padding-left:0; margin-right:0; padding-right:0; width:100%; }
 .leftSidebar ~ div .anchorWindow .formSection.padded,    .leftSidebar ~ div .twSection .formSection.padded,    .leftSidebar ~ div .sectionPaper .formSection.padded,    .leftSidebar ~ div .courseItemEditForm .formSection.padded    { padding-left:15px; padding-right:15px; }
 .leftSidebar ~ div .anchorWindow .topBaselineOppositeTextArea,    .leftSidebar ~ div .twSection .topBaselineOppositeTextArea,    .leftSidebar ~ div .sectionPaper .topBaselineOppositeTextArea,    .leftSidebar ~ div .courseItemEditForm .topBaselineOppositeTextArea    { vertical-align:top; padding-top:11px; }
 .leftSidebar ~ div .anchorWindow .extraTopPadding > .topBaselineOppositeTextArea,    .leftSidebar ~ div .twSection .extraTopPadding > .topBaselineOppositeTextArea,    .leftSidebar ~ div .sectionPaper .extraTopPadding > .topBaselineOppositeTextArea,    .leftSidebar ~ div .courseItemEditForm .extraTopPadding > .topBaselineOppositeTextArea    { padding-top:16px !important; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formSection,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formSection    { margin-left:0; padding-left:0; margin-right:0; padding-right:0; width:100%; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formSection.padded,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formSection.padded    { padding-left:15px; padding-right:15px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .topBaselineOppositeTextArea,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .topBaselineOppositeTextArea    { vertical-align:top; padding-top:11px; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .extraTopPadding > .topBaselineOppositeTextArea,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .extraTopPadding > .topBaselineOppositeTextArea    { padding-top:16px !important; } }
form.readOnly .button.primary{ visibility:hidden; }
form.readOnly .icon-trash{ display:none; }
@media (min-width: 700px)    {
 .pageMain:first-child .formA    { width:630px; max-width:100%; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formA    { width:630px; max-width:100%; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formA,    .leftSidebar ~ div .twSection .formA,    .leftSidebar ~ div .sectionPaper .formA,    .leftSidebar ~ div .courseItemEditForm .formA    { width:630px; max-width:100%; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formA,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .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: 800px) 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: 800px) 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: 700px)    {
 .pageMain:first-child .formItemEmailer > .vStretched    { width:450px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formItemEmailer > .vStretched    { width:450px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formItemEmailer > .vStretched,    .leftSidebar ~ div .twSection .formItemEmailer > .vStretched,    .leftSidebar ~ div .sectionPaper .formItemEmailer > .vStretched,    .leftSidebar ~ div .courseItemEditForm .formItemEmailer > .vStretched    { width:450px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formItemEmailer > .vStretched,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formItemEmailer > .vStretched    { width:450px; } }
@media (min-width: 800px) 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: 800px) 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: 800px) 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: 799px), (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: 799px), (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: 799px), (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; }
#topBar{
	height:var(--topBarHeight);
	background-color:var(--brandingPrimary);
	padding-left:8px;
	top:0;
	left:0;
	right:0;
	position:fixed;
	z-index:9998;
	box-shadow:inset 0 -4px 0 rgba(0, 0, 0, .07);
}
#topBar #logo, .logoImage{
	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;
	background-image:url(../../images/v3/headerLogo2x.png);
	color:#fff;
}
@media screen and (max-width: 310px){
 #topBar #logo, .logoImage    { display:none; } }
@media screen and (max-width: 370px){
 #topBar #logo, .logoImage    { left:auto; right:50px; } }
#topBar #logo:before, .logoImage:before{ position:relative; top:-55px; font-size:158px; }
#topSearchForm{
	display:inline-block;
	margin-left:0px;
	position:relative;
	top:-12px;
}
#topSearchForm input.search{ border:none; padding:7px 8px 7px 36px; width:170px; }
@media screen and (max-width: 900px){
 #topSearchForm input.search    { width:140px; } }
#topSearchForm input.search:focus{ background-color:var(--brandingPrimary); }
@media screen and (max-width: 699px){
 #topSearchForm    { position:absolute; left:0; right:0; top:0; z-index:1; padding:10px 15px; background-color:#6c9c31; transform:translateY(-100%); transition:.2s ease-out; }
 #topSearchForm input.search{ width:100%; font-size:16px; height:36px; } }
#topLeft{
	opacity:1;
	transform:translateY(0);
	transition:opacity 400ms ease-in, transform 400ms ease-in;
	
}
#topLeft.prepping{ opacity:0; transform:translateY(-5px); }
@media screen and (max-width: 699px){
 #topLeft.searchSummoned    { position:relative; z-index:1; }
 #topLeft.searchSummoned #topSearchForm{ transform:translate3d(0, 0, 10px); position:fixed; z-index:1000; } }
#topMenu{
	display:inline-block;
	margin-right:15px;
}
#topMenu .icon{ width:auto; height:auto; margin-top:0px; height:var(--topBarHeight); padding:12px 5px 5px 5px; transition:background-color ease-out 0.1s; display:inline-block; line-height:1; }
#topMenu .icon:before{ font-size:34px; letter-spacing:0px; color:#fff; }
#topMenu .icon:hover{ background-color:rgba(0, 0, 0, .1); }
#topMenu .icon:active{ background-color:rgba(0, 0, 0, .3); }
#topMenu .itemMenu{ border-radius:0 0 3px 3px; border:1px solid #e1e1e1; border-top:none; }
#topMenu .itemMenu.noIcons .item{ padding:10px 15px; margin:0; display:block; height:auto; }
#topMenu .itemMenu a{ color:#4a4a4a; }
#topMenu .menuGroup{ display:inline-block; position:relative; padding:5px 0 9px 0; margin-top:-5px; }
#topMenu .subMenu{ position:absolute; top:calc(100% + 0px); left:0; background-color:#fff; transform:scale(1.15); opacity:0; 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; }
#topMenu .subMenu.open{ transform:scale(1); opacity:1; pointer-events:auto; }
#topMenu .subMenu.moreItems{ background-color:#6c9c31; color:#fff; max-width:calc(100vw - 68px); }
#topMenu .subMenu .icon{ height:auto; padding:5px; }
@media screen and (min-width: 700px){
 #topMenu .itemSearch    { display:none; } }
#topLeft .sideMenuToggle{
    transition:transform ease-in 0.2s, width linear 0.2s;
    width:0;
    transform:translateX(-60px);
}
#topLeft .sideMenuToggle{
  width:47px;
  transform:translateX(0px);
}
@media (min-width: 800px) and (min-height: 500px)    {
 #topLeft .sideMenuToggle.hiddenAtFullUI    { width:0 !important; transform:translateX(-60px); } }
#topLeft .sideMenuToggle.irrelevant{ width:0 !important; transform:translateX(-60px); }
#topRight{
    position:absolute;
    top:0;
    right:0;
}
#accountHeader{
	position:absolute;
	top:0;
	right:15px;
	height:var(--topBarHeight);
	padding:18px 28px 10px 50px;
	white-space:nowrap;
	color:#fff;
	font-size:18px;
	cursor:pointer;
}
#accountHeader img{ position:absolute; --imageSize:30px; top:calc((var(--topBarHeight) - var(--imageSize)) / 2); left:10px; width:var(--imageSize); height:var(--imageSize); }
@media screen and (max-width: 370px){
 #accountHeader img    { left:20px; } }
#accountHeader .icon-forward{ position:absolute; top:22px; right:5px; display:block; transform:rotate(90deg); }
#accountHeader .icon-forward:before{ font-size:13px; color:#fff; }
#accountMenu{
	position:absolute;
	top:var(--topBarHeight);
	right:15px;
	width:300px;
	max-width:calc(100vw - 25px);
	background:var(--cardBGColor);
	border-radius:0 0 3px 3px;
	border:var(--mediumDividerLine);
	border-top:none;
	font-size:16px;
	z-index:100000;
	max-height:calc(86vh - 60px);
	overflow:auto;
	transform:scale(1.15);
	opacity:0;
	box-shadow:0px 4px 6px rgb(0, 0, 0, .15);
	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;
}
@media (max-width: 799px), (max-height: 499px)    {
 #accountMenu    { transform-origin:100% 0; } }
#accountMenu.open{
    transform:scale(1);
    opacity:1;
    pointer-events:auto;
}
#accountMenu li span{
    display:block;
    padding:12px 15px;
    width:100%;
    color:#4a4a4a;
    border-top:var(--minorDividerLine);
    border-bottom:var(--minorDividerLine);
}
#accountMenu li a{
    display:block;
    padding:12px 15px;
    width:100%;
    color:#4a4a4a;
    text-decoration:none;
}
#accountMenu li a:hover{
    background:#eee;
    text-decoration:none;
}
@media screen and (max-width: 550px){
	#accountHeader{
		right:0px;
		padding-right:5px;
	}
	#accountHeader span{ display:none !important; }
	#accountMenu{
		right:0px;
	}
	
	#topBar #logo, .logoImage{
		margin-left:-50px;
	}
}
.awesomeMenu{
	position:absolute;
	top:-1000px;
	left:-9999px;
	width:300px;
	border:var(--mediumDividerLine);
	border-top:none;
	box-shadow:2px 2px 5px rgba(0, 0, 0, .15);
	background:var(--cardBGColor);
	z-index:10000;
	transform:scale(1.15);
	opacity:0;
	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;
	
}
.awesomeMenu.showing{ transform:scale(1); opacity:1; pointer-events:auto; }
.awesomeMenu div.sectionHeader{ display:block; text-transform:uppercase; padding:20px 15px 15px 15px; border-bottom:var(--mediumDividerLine); }
.awesomeMenu .itemSet{ max-height:calc(50vh - 100px); overflow:auto; }
.awesomeMenu > div{ border-bottom:1px solid #dfdfdf; }
.awesomeMenu > div:last-child{ border-bottom:none; }
.awesomeMenu li{ position:relative; padding:15px 0 0 60px; height:60px; color:#888888; cursor:pointer; font-size:12px; }
.awesomeMenu li img{ position:absolute; top:15px; left:15px; height:30px; width:30px; }
.awesomeMenu li h3{ color:#4a4a4a; font-weight:500; margin:0 0 2px 0; font-size:16px; line-height:1.1em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.awesomeMenu li p{ padding:0; }
.awesomeMenu li.selected{ background-color:var(--highlight13); }
.awesomeMenu li.inactive{ color:#bbb; }
.awesomeMenu li.inactive h3{ color:#999; }
.awesomeMenu li.inactive img{ opacity:0.6; }
.awesomeMenu li:last-child{ border-bottom:none; }
.awesomeMenu ul + .noResults{ display:none; text-align:center; padding:15px 5px; }
.awesomeMenu ul:empty + .noResults{ display:block; }
form.awesomeChooser{
    position:relative;
}
.tabWindow{
	position:relative;
	margin-top:10px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .tabWindow    { margin-top:20px; } }
.tabWindow .twHeader{ border-bottom:var(--dividerLine); height:43px; position:relative; }
.tabWindow .twHeader:not(.padded){ height:38px; }
.tabWindow .twHeader h2{ font-size:20px; margin:8px 0 0 30px; }
@media (max-width: 799px), (max-height: 499px)    {
 .tabWindow .twHeader h2    { margin-left:15px; margin-right:40px; } }
.tabWindow .twHeader.padded{ padding:0 15px 10px 15px; height:auto; }
.tabWindow .twHeader.padded h2{ margin-left:0; padding:2px 0 1px; }
.tabWindow .twHeader.padded .twButtons{ margin-right:0; }
.tabWindow .twHeader.padded > .button, .tabWindow .twHeader.padded h2, .tabWindow .twHeader.padded form.search, .tabWindow .twHeader.padded .buttonRow{ margin-top:0; }
.tabWindow .twHeader form.search .search{ max-width:100%; }
.tabWindow .twHeader form.search .viewControl + .search{ max-width:calc(100% - 70px); }
.tabWindow .twHeader form.search .sortControl + .search{ max-width:calc(100% - 60px); }
.tabWindow .twHeader ul{ position:absolute; top:0; left:0; color:#878787; font-size:15px; width:calc(100% - 80px); }
.tabWindow .twHeader ul li{ height:38px; max-width:153px; width:50%; float:left; padding:9px 3px 0 3px; text-align:center; border-bottom:var(--dividerLine); cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tabWindow .twHeader ul li.tabSelected{ border-radius:5px 5px 0 0; color:#fff; background:var(--brandingPrimary); border:none; cursor:default; }
.tabWindow .twHeader ul.has3 li{ width:33%; }
.tabWindow .twHeader ul.has3--tight li{ width:29%; }
.tabWindow .twHeader ul.has4 li{ width:25%; }
@media (min-width: 800px) and (min-height: 500px)    {
 .tabWindow .twHeader.padded    { padding:0 0 10px 0; }
 .tabWindow .twHeader .twButtons    { margin:0; } }
.tabWindow .twButtons{ float:right; margin:-4px 15px 0 0; }
.tabWindow .twSection{ position:relative; overflow-x:hidden; }
.tabWindow .twSection .twSectionHeader, .tabWindow .twSection .twSubHeader, .tabWindow .twSection .hangingShadow{ border-bottom:none; }
@media (min-width: 800px) and (min-height: 500px)    {
 .tabWindow .twSection .twSectionHeader, .tabWindow .twSection .twSubHeader, .tabWindow .twSection .hangingShadow    { padding-left:0; padding-right:0; } }
.tabWindow .twSection .twSubHeader:after{ content:''; display:block; clear:both; }
.tabWindow .twSection .twScroll{ overflow:auto; position:relative; overflow-x:clip; }
.tabWindow .twSection .twScroll.padded{ padding-top:15px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .tabWindow .twSection .twScroll.padded    { padding-left:0; } }
.tabWindow .twSection .twScroll.darkened{ border-top:var(--mediumDividerLine); padding:0 0 20px 0; padding:0 0 0px 0; }
@media (min-width: 800px) and (min-height: 500px)    {
 .tabWindow .twSection .twScroll.darkened.unpadded    { padding:0; } }
.tabWindow .twSection .twScroll.folderizationListing{ padding-bottom:0; }
.tabWindow .twSection .twScroll:afterX{ content:''; display:block; clear:both; height:30px; width:100%; padding:0; }
@media (max-width: 799px), (max-height: 499px)    {
 .tabWindow .twSection form.search    { width:100%; }
 .tabWindow .twSection form.search input.search    { width:100%; margin-bottom:10px; }
 .tabWindow .twSection form.search.search--withSort input.search    { width:calc(100% - 64px); }
 .tabWindow .twSection form.search.search--withViewAndSort input.search    { width:calc(100% - 134px); }
 .tabWindow .twSection .sortControl + form.search    { width:calc(100% - 66px); }
 .tabWindow .twSection .buttonX.primary, .tabWindow .twSection .buttonX.pseudo-primary    { float:none; width:100%; margin:0; font-size:16px; padding:10px 2px; height:auto; } }
.tabWindow.tabWindow--sectionR .twSection .twScroll.darkened{ padding-bottom:0; }
.tabWindow.tabWindow--sectionR .twSection .twScroll.darkened .folderPages{ padding-bottom:10px; }
@media (max-width: 799px), (max-height: 499px)    {
 .twButtons.absoluteAtMini    { float:none; position:absolute; top:-4px; right:15px; margin:0 !important; } }
.twSubHeader--bottomBorder{ border-bottom:var(--dividerLine); }
.windowTRButton{
		display:inline-block;
		height:23px;
		width:23px;
		margin-left:5px;
		margin-right:8px;
		border-radius:13px;
		cursor:pointer;
		transition:background-color linear 0.2s;
		position:relative;
		text-align:center;
		padding-top:2px;
	}
.windowTRButton:before{ font-size:26px; letter-spacing:0; }
.windowTRButton:hover{ color:var(--brandingPrimary); }
.tabWindow.popUp{
	position:absolute; top:0px; left:-9999px; z-index:-1; width:100%;
	transform:translateY(-50px); opacity:0;
	transition:transform ease-out 0.1s, opacity ease-out 0.1s, z-index linear 0.1s;
}
.tabWindow.popUp.showing{
	transform:translateY(0); opacity:1; z-index:100;
}
.tabWindow .buttonBar, .anchorWindow .buttonBar, .spBody .buttonBar, .buttonBar{
	position:relative;
	padding:var(--regionPadding);
	border-top:var(--minorDividerLine);
	border-radius:0 0 4px 4px;
	min-height:51px;
}
.tabWindow .buttonBar .button:only-child, .tabWindow .buttonBar input[type=submit]:only-child, .anchorWindow .buttonBar .button:only-child, .anchorWindow .buttonBar input[type=submit]:only-child, .spBody .buttonBar .button:only-child, .spBody .buttonBar input[type=submit]:only-child, .buttonBar .button:only-child, .buttonBar input[type=submit]:only-child{ margin-right:0; }
.flexed .mooeditable-container + .buttonBar{ border-top:none; }
.inlinePopUp{
	position:absolute;
	background:var(--cardBGColor);
	border:var(--mediumDividerLine);
	padding:15px 20px;
	transform:translateX(-50px);
	opacity:0;
	z-index:100;
	transition:transform ease-out .1s, opacity ease-out .1s;
	pointer-events:none;
	border-radius:var(--roundedRadius);
	box-shadow:2px 4px 9px rgba(var(--shadowColorRGB), .15);
}
.inlinePopUp .buttonBar{ border-radius:0 0 var(--roundedRadius) var(--roundedRadius); }
@media (max-width: 400px)    {
 .inlinePopUp    { padding:10px 15px; } }
.inlinePopUp.unpadded{ padding:0; }
.inlinePopUp.fromRight{ transform:translateX(50px); }
.inlinePopUp.showing{ pointer-events:auto; transform:translateX(0); opacity:1; }
.inlinePopUp.hiding{  }
.itemCard{
	margin:10px 15px;
	border:var(--mediumDividerLine);
	
	border-radius:var(--roundedRadius);
	box-shadow:0 1px 3px 0px rgba(0, 0, 0, .10);
	
	background:var(--cardBGColor);
	float:left;
	width:calc(100% - 30px);
	height:350px;
	position:relative;
	overflow:hidden;
	cursor:pointer;
}
.itemCard .miniContent{ padding:4px 4px 0 4px; position:relative; }
.itemCard .miniContent .clientNoteContent{ position:absolute; top:10px; left:50%; padding:0; margin:0; border:none; box-shadow:none; width:110%; -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transform:scale(.7) translateX(-50%) translateZ(0); transform-origin:0 0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='.5'); }
.itemCard .miniContent .hideInMiniContent{ display:none; }
.itemCard.filterHidden{ display:none; }
.itemCard .cardBottom{ position:absolute; left:-0.5px; right:-0.5px; height:70px; bottom:0px; z-index:1; transform:translateZ(2px); padding:8px 14px; background:var(--subtleGrey) 15px 10px no-repeat; border-top:var(--minorDividerLine); border-radius:0 0 calc(var(--roundedRadius) - 1px) calc(var(--roundedRadius) - 1px); }
.itemCard .cardBottom h3{ padding-left:25px; font-size:16px; margin-bottom:2px; }
.itemCard .cardBottom .date{ margin:0; font-size:12px; }
.itemCard .cardBottom .date label, .itemCard .cardBottom .date span{ display:inline-block; line-height:1.1em; width:5em; }
.itemCard .controls{ position:absolute; top:0px; right:0; bottom:0px; width:0; font-size:0; transition:width ease-in 0.1s; overflow:hidden; z-index:2; }
.itemCard .controls [class^="icon-"]{ padding:4px; color:#fff; display:inline-block; }
.itemCard .controls [class^="icon-"]:hover{ background-color:rgba(0, 0, 0, .2); }
.itemCard .controls [class^="icon-"]:before{ color:#fff !important; font-size:16px; letter-spacing:0px; }
.itemCard .controls > div{ background:var(--brandingSecondary); padding:10px 4px 0 8px; height:70px; width:62px; }
.itemCard:hover .controls{ width:62px; }
.itemCard.typeS .cardBottom:before,
	.itemCard.typeW .cardBottom:before,
	.itemCard.typeN .cardBottom:before,
	.itemCard.typeJ .cardBottom:before,
	.itemCard.typeT .cardBottom:before,
	.itemCard.typeF .cardBottom:before,
	.itemCard.typeA .cardBottom:before,
	.itemCard.typeB .cardBottom:before,
	.itemCard.typeR .cardBottom:before,
	.itemCard.typeRP .cardBottom:before,
	.itemCard.typeRA .cardBottom:before,
	.itemCard.itemResourcePackage .cardBottom:before{ font-family:"appIcons"; content:'4a'; position:absolute; top:10px; left:14px; font-size:18px; }
.itemCard.typeA.typeNT .cardBottom:before{ content:"\31"; }
.itemCard.typeS .cardBottom:before{ content:"\44"; }
.itemCard.typeW .cardBottom:before{ content:"\46"; }
.itemCard.typeN .cardBottom:before{ content:"\43"; }
.itemCard.typeJ .cardBottom:before{ content:"\42"; }
.itemCard.typeT .cardBottom:before{ content:"\2b"; }
.itemCard.typeF .cardBottom:before{ content:"\6b"; }
.itemCard.typeB .cardBottom:before{ content:"\45"; }
.itemCard.typeR .cardBottom:before, .itemCard.typeRP .cardBottom:before, .itemCard.typeRA .cardBottom:before{ content:"\53"; }
.itemCard.itemResourcePackage .cardBottom:before{ content:"\5c"; }
.itemCard:hover{ border-color:var(--brandingSecondary); }
.itemCard:hover .miniContent{ padding:0; -ms-user-select:none; user-select:none; -moz-user-select:none; -webkit-user-select:none; pointer-events:none; }
.itemCard.typeM .metricSummary{ position:relative; height:100%; padding:var(--regionPadding); }
.itemCard.typeM .metricSummary .ornamentImage{ position:absolute; inset:20px 0 40px 0; background:url(../../images/v3/graphics/metric-measurement.png) -15px -20px no-repeat; -webkit-clip-path:inset(10px 0px 0 24px); clip-path:inset(10px 0px 0 24px); background-size:100% 100%; opacity:.1; }
.itemCard.typeM .metricSummary .ornamentImage.cumulative{ background-image:url(../../images/v3/graphics/metric-cumulative.png); }
.itemCard.typeM .metricSummary .ornamentImage.rating{ background-image:url(../../images/v3/graphics/metric-rating.png); }
.itemCard.typeM .metricSummary .ornamentImage.binary{ background-image:url(../../images/v3/graphics/metric-binary.png); }
.itemCard.typeM .metricSummary .ornamentImage.invert{ transform:scaleY(-1) translateY(15px); }
.itemCard.typeM img.thumbnail{ position:absolute; top:0; left:0; width:100%; z-index:0; clip-pathX:polygon(0 0, 100% 0, 100% 220px, 0 220px); }
.itemCard.typeM img.thumbnail + .metricSummary{ display:none; }
.itemCard.typeM .cardBottom .clientAvailableSash{ position:absolute; margin:auto; bottom:100px; background:var(--cardBGColor); border-radius:15px; padding:4px 15px; box-shadow:0 2px 3px rgba(0, 0, 0, .15), inset 0 0 0 30px rgba(var(--brandingSecondaryRGB), .1); }
.itemCard.adaLebih{ padding:65px 15px 0; text-align:center; font-size:20px; font-weight:700; color:#ababab; }
.itemCard.adaLebih .icon-plus:before{ font-size:36px; }
.itemCard.adaLebih.loading{ padding-top:90px; cursor:default; opacity:.6; }
.itemCardJumbo{
	height:400px;
	width:calc(100% - 30px);
}
.itemCardJumbo .cardBottom{ height:80px; }
.itemCardJumbo .cardBottom .controls{ cursor:default; }
.itemCardJumbo .cardBottom .controls > div{ height:80px; width:72px; }
.itemCardJumbo .cardBottom .controls > div [class^="icon-"]:before{ font-size:20px; }
.itemCardJumbo:hover .controls{ width:72px; }
@media (min-width: 600px)    {
 .tabWindow--fullWidth    {  }
 .tabWindow--fullWidth .itemCard    { width:calc(50% - 15px); margin:15px 15px 0 0; } }
@media (min-width: 900px)    {
 .leftSidebar ~ div    {  }
 .leftSidebar ~ div .itemCard    { width:calc(50% - 15px); margin:15px 15px 0 0; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div    {  }
 .leftMenuMini .leftSidebar--miniable ~ div .itemCard    { width:calc(50% - 15px); margin:15px 15px 0 0; } }
@media (min-width: 900px)    {
 .tabWindow--fullWidth .itemCard    { width:calc(33.33% - 15px); }
 .tabWindow--fullWidth .itemCardJumbo    { width:calc(50% - 15px); margin:15px 15px 0 0; } }
@media (min-width: 1200px)    {
 .leftSidebar ~ div .itemCard    { width:calc(33.33% - 15px); }
 .leftSidebar ~ div .itemCardJumbo    { width:calc(50% - 15px); margin:15px 15px 0 0; } }
@media (min-width: 1100px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .itemCard    { width:calc(33.33% - 15px); }
 .leftMenuMini .leftSidebar--miniable ~ div .itemCardJumbo    { width:calc(50% - 15px); margin:15px 15px 0 0; } }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP){ --cardBottomTopPadding:15px; }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP) .cardBottom{ padding-top:var(--cardBottomTopPadding); transition:transform 150ms ease-in; }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP) .cardBottom h3{ margin-bottom:12px; }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP) .cardBottom.statusR:after{ transform:translateY(-40px); }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP) .fromWho{ transition:transform 150ms ease-in; }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP):not(:hover) .fromWho, body.designer.version51 .itemCard:not(.typeF):not(.typeRP).noRise .fromWho{ transform:translateY(60px); }
body.designer.version51 .itemCard:not(.typeF):not(.typeRP):not(:hover) .cardBottom, body.designer.version51 .itemCard:not(.typeF):not(.typeRP).noRise .cardBottom{ transform:translate3d(0, 60px, 2px); }
.itemSpotlight{
	right:0;
	bottom:0;
	transform:translate3d(100%, 0, 0);
	transition:transform 150ms ease-in;
	background:var(--baseBGColor);
	-webkit-overflow-scrolling:touch;
	width:100%;
	position:fixed;
	top:var(--topBarHeight);

	height:calc(100dvh - var(--topBarHeight));
	z-index:10;
	overflow:auto;
}
@media (max-width: 799px), (max-height: 499px)    {
 .hasSafariBottomMenuX .itemSpotlight    { padding-bottom:70px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .itemSpotlight    { position:absolute; height:auto; top:0; } }
.itemSpotlight h2{ font-size:22px; margin:30px 0 10px; }
@media (max-height: 400px)    {
 .itemSpotlight h2    { font-sizes:18px; margin:0px 0 5px; } }
.itemSpotlight__content{ overflow:auto; }
.itemSpotlight__content h3{ text-overflow:ellipsis; overflow:hidden; width:100%; }
.itemSpotlight__instructions{ display:none; padding:50px 20px; }
.itemSpotlight .thumbnailHolder{ max-height:340px; position:relative; overflow:hidden; background:rgba(0, 0, 0, .2); margin-bottom:6px; line-height:0; }
.itemSpotlight .thumbnailHolder img{ position:relative; top:0; left:50%; transform:translateX(-50%); width:100%; }
.itemSpotlight .filename{ margin-bottom:4px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.itemSpotlight .spotlightFolder{ margin-bottom:16px; cursor:pointer; }
.itemSpotlight .description,
	.itemSpotlight .buttonRow{ margin:15px 0 10px 0; }
.itemSpotlight .dateShared label,
	.itemSpotlight .dateAccessed label{ display:inline-block; width:70px; }
.itemSpotlight .dismissButton{ display:block; margin-top:36px; width:100%; clear:both; padding:10px; font-size:16px; height:auto; }
.itemSpotlight.summoned{ transform:translate3d(0, 0, 0); }
@media (min-width: 800px) and (min-height: 500px)    {
 .itemSpotlight    { transform:translate3d(calc(100% + 40px), 0, 0); }
 .itemSpotlight .itemSpotlight__content.padded    { padding-left:0; padding-right:0; } }
.loadedInSpotlight{
	border-color:var(--brandingSecondary);
}
.oppositeSpotlight{
	width:100%;
	height:100%;
}
.oppositeSpotlight .itemCard{ width:calc(100% - 30px); }
@media (max-width: 799px), (max-height: 499px)    {
 .oppositeSpotlight    {  } }
@media (min-width: 800px) and (min-height: 500px)    {
 @media (min-width: 600px)    {
  .tabWindow--fullWidth .oppositeSpotlight    { padding-right:calc(50% + 7px); padding-right:50%; }
  .tabWindow--fullWidth .oppositeSpotlight .itemCard    { width:calc(100% - 15px); }
  .tabWindow--fullWidth .itemSpotlight    { position:absolute; top:0; width:50%; max-width:none; border-left:var(--mediumDividerLine); transform:translate3d(0, 0, 0); }
  .tabWindow--fullWidth .itemSpotlight .dismissButton    { display:none; }
  .tabWindow--fullWidth .itemSpotlight .itemSpotlight__content.padded    { padding-left:15px; } }
 @media (min-width: 900px)    {
  .leftSidebar ~ div .oppositeSpotlight    { padding-right:calc(50% + 7px); padding-right:50%; }
  .leftSidebar ~ div .oppositeSpotlight .itemCard    { width:calc(100% - 15px); }
  .leftSidebar ~ div .itemSpotlight    { position:absolute; top:0; width:50%; max-width:none; border-left:var(--mediumDividerLine); transform:translate3d(0, 0, 0); }
  .leftSidebar ~ div .itemSpotlight .dismissButton    { display:none; }
  .leftSidebar ~ div .itemSpotlight .itemSpotlight__content.padded    { padding-left:15px; } }
 @media (min-width: 800px)    {
  .leftMenuMini .leftSidebar--miniable ~ div .oppositeSpotlight    { padding-right:calc(50% + 7px); padding-right:50%; }
  .leftMenuMini .leftSidebar--miniable ~ div .oppositeSpotlight .itemCard    { width:calc(100% - 15px); }
  .leftMenuMini .leftSidebar--miniable ~ div .itemSpotlight    { position:absolute; top:0; width:50%; max-width:none; border-left:var(--mediumDividerLine); transform:translate3d(0, 0, 0); }
  .leftMenuMini .leftSidebar--miniable ~ div .itemSpotlight .dismissButton    { display:none; }
  .leftMenuMini .leftSidebar--miniable ~ div .itemSpotlight .itemSpotlight__content.padded    { padding-left:15px; } } }
@media (min-width: 800px) and (min-height: 500px)    {
 @media (min-width: 900px)    {
  .tabWindow--fullWidth .oppositeSpotlight    { padding-right:33.333%; }
  .tabWindow--fullWidth .oppositeSpotlight .itemCard    { width:calc(50% - 15.1px); }
  .tabWindow--fullWidth .itemSpotlight    { width:33.333%; transform:translate3d(0, 0, 0); } }
 @media (min-width: 1200px)    {
  .leftSidebar ~ div .oppositeSpotlight    { padding-right:33.333%; }
  .leftSidebar ~ div .oppositeSpotlight .itemCard    { width:calc(50% - 15.1px); }
  .leftSidebar ~ div .itemSpotlight    { width:33.333%; transform:translate3d(0, 0, 0); } }
 @media (min-width: 1100px)    {
  .leftMenuMini .leftSidebar--miniable ~ div .oppositeSpotlight    { padding-right:33.333%; }
  .leftMenuMini .leftSidebar--miniable ~ div .oppositeSpotlight .itemCard    { width:calc(50% - 15.1px); }
  .leftMenuMini .leftSidebar--miniable ~ div .itemSpotlight    { width:33.333%; transform:translate3d(0, 0, 0); } } }
.cornerSashHolder{
	pointer-events:none;
	overflow:hidden;
	position:absolute; top:0; left:0; right:0; bottom:0;
}
.cornerSash{
	color:#fff; text-align:center; box-shadow:inset 0 0 0 20px #429ada;
	position:absolute; width:93px; height:93px; z-index:1;
	pointer-events:none;
}
.cornerSash.orange{ box-shadow:inset 0 0 0 20px var(--statusOrange); }
.cornerSash.purple{ box-shadow:inset 0 0 0 20px var(--statusPurple); }
.cornerSash.green{ box-shadow:inset 0 0 0 20px var(--statusGreen); }
.cornerSash.blue{ box-shadow:inset 0 0 0 20px var(--statusBlue); }
.cornerSash.red{ box-shadow:inset 0 0 0 20px var(--statusRed); }
.cornerSash.gray{ box-shadow:inset 0 0 0 20px #888888; }
.cornerSash.UL{ transform:translateX(-48px) translateY(-48px) rotate(-45deg); top:0; left:0; padding-top:74px; }
.cornerSash.UR{ transform:translateX( 48px) translateY(-48px) rotate( 45deg); top:0; right:0; padding-top:74px; }
.cornerSash.DR{ transform:translateX( 48px) translateY( 48px) rotate(-45deg); bottom:0; right:0; }
.itemMenu a.item{ color:var(--baseColor); text-decoration:none; }
.itemMenu .item{ position:relative; width:100%; padding:19px 5px 0 70px; background:transparent; height:60px; font-size:15px; cursor:pointer; display:block; overflow:hidden; white-space:nowrap; text-decoration:none; text-overflow:ellipsis; -ms-user-select:none; user-select:none; -moz-user-select:none; -webkit-user-select:none; }
.itemMenu .item.tabSelected{ cursor:default; background-color:var(--highlight13); }
.itemMenu .item.future{ color:#ccc; }
.itemMenu .item:hover{ background-color:var(--highlight06); }
.itemMenu .item:before{ position:absolute; top:8px; left:15px; }
.itemMenu .item .adder{ position:absolute; top:14px; right:15px; height:31px; width:31px; border-radius:50%; color:var(--brandingSecondary); line-height:24px; text-align:center; cursor:pointer; }
.itemMenu .item .adder:before{ position:relative; font-family:"appIcons"; content:"\e010"; font-size:26px; }
.itemMenu .item .adder:hover{ background-color:#ffffff; box-shadow:0 0 0 5px #fff; }
.itemMenu .item.tabSelected .adder, .itemMenu .item:hover .adder{ display:block; }
.itemMenu .item .subMenuToggle{ position:absolute; top:7px; right:15px; width:30px; height:30px; transition:transform ease-in 200ms; cursor:pointer; }
.itemMenu .item .subMenuToggle:before{ font-size:20px; position:relative; top:5px; left:3px; }
.itemMenu .item + .subMenu{ max-height:0; overflow:hidden; transition:max-height ease-in 200ms; }
@media (min-width: 800px) and (min-height: 500px)    {
 .itemMenu .item    { height:48px; padding-top:12px; padding-left:60px; }
 .leftSidebar .itemMenu .item    { border-radius:0 30px 30px 0; }
 .itemMenu .item:before    { font-size:30px !important; }
 .itemMenu .item .adder    { display:none; top:8px; right:10px; }
 .itemMenu .item .adder:before    { top:2px; } }
.itemMenu .item.open .subMenuToggle{ transform:rotate(-90deg); }
.itemMenu .item.open + .subMenu{ max-height:800px; }
.itemMenu .item.open + .subMenu:hover{ overflow:auto; }
@media (min-width: 800px) and (min-height: 500px)    {
 body.leftMenuMini:not(.designer) #clientSidebar .itemMenu .item.typeG    { display:none; } }
.itemMenu.noIcons .item{ padding:14px 0 0 15px; height:50px; }
.itemMenu.noIcons .item.tall{ height:55px; padding-top:7.5px; }
.itemMenu.noIcons .item.hasSeparateToggle{ padding-right:50px; }
.itemMenu.noIcons .subMenuToggle{ top:9px; }
.itemMenu .subMenu .item{ padding:12.5px 0 0 30px; height:50px; }
.itemMenu .subMenu .item.tall{ padding-top:9px; height:58px; }
.itemMenu .miniIcons .item{ padding-left:60px; }
.itemMenu .miniIcons .item [class^="icon-"]{ position:absolute; top:12px; left:25px; }
.itemMenu .miniIcons .item [class^="icon-"].inactive:before{ color:#bbb; }
.itemImage{
	height:47px;
	width:41px;
	background-size:41px auto;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
.itemImage.jumbo{ height:66px; width:58px; background-size:58px auto; }
.itemImage.right{ margin:0 0 10px 20px; }
.item:before{ color:var(--brandingPrimary); }
.item.typeA, .item.typeM, .item.typeP, .item.typeS, .item.typeW, .item.typeJ, .item.typeF, .item.typeB, .item.typeC, .item.typeI, .item.typeG, .item.typeGM, .item.typeR, .item.typeY, .item.typeU, .item.typeT, .item.typeX, .item.typeGear, .item.typeTeam, .item.typeN, .item.typeO, .item.typeE, .item.typeClient, .item.typeReports, .item.typeCoach, .item.typePersonnel, .item.typeHR, .item.typePackage, .item.typeLibrary, .item.typeAgreement, .item.myProfile, .item.mySystem{ background-image:none; }
.item.typeA:before, .item.typeM:before, .item.typeP:before, .item.typeS:before, .item.typeW:before, .item.typeJ:before, .item.typeF:before, .item.typeB:before, .item.typeC:before, .item.typeI:before, .item.typeG:before, .item.typeGM:before, .item.typeR:before, .item.typeY:before, .item.typeU:before, .item.typeT:before, .item.typeX:before, .item.typeGear:before, .item.typeTeam:before, .item.typeN:before, .item.typeO:before, .item.typeE:before, .item.typeClient:before, .item.typeReports:before, .item.typeCoach:before, .item.typePersonnel:before, .item.typeHR:before, .item.typePackage:before, .item.typeLibrary:before, .item.typeAgreement:before, .item.myProfile:before, .item.mySystem: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:42px; }
.item.typeA:before{ content:"\66"; }
.item.typeM:before{ content:"\75"; }
.item.typeP:before{ content:"\2f"; }
.item.typeS:before{ content:"\44"; }
.item.typeW:before{ content:"\e009"; }
.item.typeJ:before{ content:"\60"; }
.item.typeF:before{ content:"\5b"; }
.item.typeB:before{ content:"\e008"; }
.item.typeC:before{ content:"\47"; }
.item.typeG:before{ content:"\5e"; }
.item.typeGM:before{ content:"\e003"; }
.item.typeGear:before{ content:"\7d"; }
.item.typeU:before{ content:"\3e"; }
.item.typeT:before{ content:"\7b"; }
.item.typeI:before{ content:"\41"; }
.item.typeN:before{ content:"\43"; }
.item.typeR:before{ content:"\3f"; }
.item.typeY:before{ content:"\3c"; }
.item.typeO:before{ content:"\3d"; }
.item.typeE:before{ content:"\40"; }
.item.typeX:before{ content:"\77"; }
.item.typeCoach:before{ content:"\3b"; }
.item.typeClient:before{ content:"\3a"; }
.item.typeReports:before{ content:"\51"; }
.item.typeTeam:before{ content:"\5a"; }
.item.typePersonnel:before{ content:"\e000"; }
.item.typeLibrary:before{ content:"\e004"; }
.item.mySystem:before{ content:"\e006"; }
.item.myProfile:before{ content:"\e001"; }
.item.typePackage:before{ content:"\5c"; }
.item.typeAgreement:before{ content:"\2e"; }
.item.typeHR:before{ content:"\5f"; }
.leftSidebar h2{ padding-top:20px; margin:0px 0 15px 15px; font-size:26px; }
.leftSidebar h3{ margin:20px 0 5px 15px; font-size:20px; font-weight:500; }
.leftSidebar h4{ margin:10px 0 5px 15px; font-size:14px; font-weight:500; }
.sectionPaper{
	background:var(--baseBGColor);
	display:-ms-flexbox;
	display:flex;
	position:relative;
	-ms-flex-direction:column;
	    flex-direction:column;
	
	min-height:auto;
}
.sectionPaper .spHead{ padding:7px 15px 7px 15px; border-bottom:var(--dividerLine); position:relative; }
.sectionPaper .twButtons{ position:absolute; top:3px; right:15px; z-index:1; }
.sectionPaper .spHead h2{ font-size:20px; font-weight:400; margin:0px 0 4px 0; }
.sectionPaper .spBody{ padding:10px 15px; -ms-flex:1 0 auto; flex:1 0 auto; position:relative; background:var(--baseBGColor); }
.sectionPaper .spBody.unpadded{ padding:0 !important; }
.sectionPaper .spBody.unBottomPadded{ padding-bottom:0; }
.sectionPaper .spBody img{ max-width:100%; }
@media (max-width: 799px), (max-height: 499px)    {
 .sectionPaper .spBody .buttonBar > .button, .sectionPaper .spBody .buttonBar input[type=submit]    { width:100%; margin:0 0 10px 0; font-size:16px; padding-top:10px; padding-bottom:10px; height:auto; }
 .sectionPaper .spBody .buttonBar > .button:last-child, .sectionPaper .spBody .buttonBar > .button.lastAtMini, .sectionPaper .spBody .buttonBar input[type=submit]:last-child, .sectionPaper .spBody .buttonBar input[type=submit].lastAtMini    { margin-bottom:0; }
 .sectionPaper .spBody .buttonBar > .button.lastAtMini + :last-child,    .sectionPaper .spBody .buttonBar input[type=submit].lastAtMini + :last-child    { margin-bottom:10px; }
 .sectionPaper .spBody .buttonBar > .button.bottomMarginAtMini,    .sectionPaper .spBody .buttonBar input[type=submit].bottomMarginAtMini    { margin-bottom:15px; } }
.sectionPaper.flexed{ display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; height:calc(100vh - 85px); height:calc(100dvh - (var(--topBarHeight) + var(--pageHeaderHeight) + 25px)); max-height:calc(100vh - (var(--topBarHeight) + var(--pageHeaderHeight) + 25px)); }
.sectionPaper.flexed .spHead{ -ms-flex:0 0 auto; flex:0 0 auto }
.sectionPaper.flexed .spBody{ -ms-flex:1 1 auto; flex:1 1 auto; overflow:auto; }
@media (min-width: 800px) and (min-height: 500px)    {
 .sectionPaper    { margin-top:25px; } }
.sectionPaper .rightSidebar{ background:var(--highlight06); padding:10px 15px; }
@media (min-width: 1000px){
 .sectionPaper .rightSidebar    { position:absolute; top:0; right:0; bottom:0; width:250px; } }
@media (max-width: 999px){
 .sectionPaper .rightSidebar    { border-top:1px solid #a1a1a1; margin-top:10px; } }
.sectionPaper .oppositeRightSidebar{ padding:10px 15px; }
@media (min-width: 1000px){
 .sectionPaper .oppositeRightSidebar    { width:calc(100% - 250px); max-height:calc(100vh - 127px); overflow:auto; } }
@media (max-width: 999px){
 .sectionPaper .spBody.withRightSidebar    { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; }
 .sectionPaper .spBody.withRightSidebar .rightSidebar{ -ms-flex-positive:1; flex-grow:1; } }
.sideWidgets{
	position:relative;
	min-height:200px;
	border-top:var(--minorDividerLine);
	margin-top:30px;
}
.sideWidgets .widgetTabs{ display:none; }
.sideWidgets .widget:nth-of-type(2){ display:none; }
.sideWidgets .widget:nth-of-type(2).keepTasks{ display:block; }
@media (min-width: 800px) and (min-height: 500px)    {
 body.leftMenuMini:not(.designer) .sideWidgets    { display:none; } }
.widgetTabs{
	border-bottom:var(--dividerLine);	
}
.widgetTabs li{ display:inline-block; width:50%; padding:19px 5px; text-align:center; cursor:pointer; color:#878787; }
.widgetTabs li.tabSelected{ color:#fff; background:var(--brandingPrimary); border-bottom:none; }
.sideWidgets .widget{ padding:20px 0 20px 20px; position:relative; }
.sideNoteForm{
	-ms-flex:1;
	    flex:1;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
}
.sideNoteForm textarea{ border:none; width:100%; resize:none; min-height:100px; overflow-y:hidden; }
.sideNoteForm textarea:focus{ box-shadow:none; }
.sideNoteForm textarea:hover{ background:var(--subtleGrey); }
.sideNoteForm input[type=submit]{ display:none; }
.sideTasks{
	margin-bottom:3px;
}
.sideTasks li{ position:relative; padding:5px 5px 2px 25px; border-bottom:var(--minorDividerLine); min-height:30px; }
.sideTasks li:last-child{ border-bottom:none; }
.sideTasks li label{ position:absolute; top:-1px; left:0px; }
.sideTasks li span{ display:inline-block; cursor:ns-resize; }
.sideTasks li .icon-trash{ position:absolute; top:4px; right:0; display:none; }
.sideTasks li:hover .icon-trash{ display:block; }
#clientSidebar .widget.keepTasks .sideTaskForm{
	padding-bottom:40px;
}
.sideWidgets .widget:nth-of-type(2) .sideTasks:not(:empty) ~ form input[name=task]{ opacity:0; transition:opacity 100ms ease-in; }
.sideWidgets .widget:nth-of-type(2):hover .sideTasks ~ form input[name=task]{ opacity:1; }
.HTMLOrPlainTextarea{
	position:relative;
	padding:0 15px;
}
.HTMLOrPlainTextarea textarea{ resize:vertical; margin:0; }
.HTMLOrPlainTextarea.toggled{ padding:0; overflow:hidden; }
.HTMLOrPlainTextarea .toggleLink{ position:absolute; right:15px; font-size:12px; }
.HTMLOrPlainTextarea.linkPosition-top .toggleLink{ top:-16px; }
.HTMLOrPlainTextarea.linkPosition-bottom .toggleLink{ bottom:-26px; border-top-right-radius:0; border-top-left-radius:0; padding-top:4px; height:27px; }
.mooEditWrapper{
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}
.anchorWindow.anchored .HTMLOrPlainTextarea.toggled{ padding:0; }
textarea.clientMessage{
		width:620px;
		height:280px;
		padding:8px;
		font-size:16px;
	}
.bulkSendRecipient{
		min-width:180px;
		float:left;
		margin:0px 16px 6px 0px;
	}
.userPickerCheckboxSet{
		max-height:200px;
		width:100%;
		max-width:430px;
		overflow:auto;
		margin-top:16px;
		border-top:var(--minorDividerLine);
		margin-left:-15px;
		padding-left:15px;
	}
@media (min-width: 800px) and (min-height: 500px)    {
 .userPickerCheckboxSet    { width:430px; } }
.userPicker{ position:relative; }
.userPicker .inlinePopUp{ padding:0; }
.userPicker .inlinePopUp.showing{top:50px;left:20px;}
.userPicker .inlinePopUp .padded{ padding-right:0; padding-bottom:0; }
.floating .popUpUserPicker{ max-width:300px; overflow:auto; }
.popUpUserPicker{
		position:relative;
	}
.popUpUserPicker .search{ max-width:300px; width:100%; }
.popUpUserPicker .search.withSort{ width:calc(100% - 70px); }
.popUpUserPicker .sortControl{ position:absolute; top:0; right:0; margin:0; }
.popUpUserPicker select[name=CompanyID]{ width:100%; }
.popUpUserPicker .sortControl ~ select[name=CompanyID]{ margin-top:10px; }
.popUpUserPicker .itemListing{ background:var(--fadedBGColor); padding:1px; margin-top:10px; overflow:auto; }
.popUpUserPicker .userItem{ margin-bottom:1px; background:var(--baseBGColor); position:relative; padding:9px 10px 3px 90px; height:36px; display:block; }
.popUpUserPicker .userItem:hover{ background:var(--highlight03); }
.popUpUserPicker .userItem.checked{ background:var(--highlight06); }
.popUpUserPicker .userItem.checked:hover{ background:var(--highlight06); }
.popUpUserPicker .userItem .avatar{ position:absolute; top:3px; left:50px; border-radius:50%; height:30px; width:30px; }
.popUpUserPicker .styleCheckbox div{ left:20px; top:8px; }
.popUpUserPicker .styleCheckbox.selectAll{ margin-top:10px; border:var(--minorDividerLine); }
.popUpUserPicker .styleCheckbox.selectAll div{ right:auto; left:20px; top:8px; }
.paginationHolder{
	float:left;
	padding:13px 0 0 0;
	height:50px;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
}
.paginationHolder:empty{ display:none; }
.paginationHolder .pageLink{ font-size:15px; display:inline-block; width:20px; }
.paginationHolder .pageLink-current{ color:inherit; cursor:default; }
.userListingPanel{
	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);
	position:relative;
	height:206px;
	padding:20px 20px 0 176px;
	overflow:hidden;
	cursor:pointer;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .userListingPanel    { margin-left:0; } }
.userListingPanel:hover    { background-color:var(--highlight06); }
.designer .userListingPanel.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .userListingPanel.clickable:hover    { background-color:var(--highlight06); }
.userListingPanel:hover{ background-color:var(--cardBGColor); }
.userListingPanel.inactive{ opacity:0.6; }
.userListingPanel.noClick{ cursor:default; background-color:var(--cardBGColor); }
.userListingPanel.status_grey:after{ background-color:var(--statusGrey); }
.userListingPanel.status_green:after{ background-color:var(--statusGreen); }
.userListingPanel.status_blue:after{ background-color:var(--statusBlue); }
.userListingPanel:before{ content:''; position:absolute; top:0; left:-1px; bottom:0; width:16px; }
.userListingPanel.status_grey:before{ background-color:var(--statusGrey); }
.userListingPanel.status_green:before{ background-color:var(--statusGreen); }
.userListingPanel.status_blue:before{ background-color:var(--statusBlue); }
.userListingPanel.status_grey:hover{ border-color:var(--statusGrey); }
.userListingPanel.status_grey:hover .cardBottom{ background-color:#f3f3f3; }
.userListingPanel.status_green:hover{ border-color:var(--statusGreen); }
.userListingPanel.status_green:hover .cardBottom{ background-color:#f0f5ea; }
.userListingPanel.status_blue:hover{ border-color:var(--statusBlue); }
.userListingPanel.status_blue:hover .cardBottom{ background-color:#e9f5fc; }
.userListingPanel h3{ font-size:14px; margin-bottom:6px; }
.userListingPanel .profileImage{ position:absolute; top:0; left:15px; width:146px; height:146px; }
.userListingPanel .companyImage{ position:absolute; top:90px; left:auto; right:2px; width:56px; height:56px; z-index:1; background-color:#ffffff; }
.userListingPanel .companyName{ display:none; }
.userListingPanel .contactInfo{ position:relative; height:96px; }
.userListingPanel .contactInfo .nextAppointment{ position:absolute; bottom:4px; left:0; }
.userListingPanel .contactInfo .nextAppointment span.icon-itemP{ position:relative; top:4px; }
.userListingPanel .contactInfo .nextAppointment.tooltip:after{ min-width:100px; max-width:200px; }
.userListingPanel .contactInfo .phoneNumbers{ margin:6px 0; }
.userListingPanel .contactInfo .phoneNumbers span{ color:#848484; }
.userListingPanel .contactInfo .phoneNumbers a:link{ color:#444; }
.userListingPanel .profileExtra{ position:absolute; top:2px; height:144px; right:2px; width:420px; max-width:calc(100% - 520px); padding:5px 10px 10px 10px; overflow:auto; display:none; }
.userListingPanel .profileExtra > div{ max-width:400px; }
.userListingPanel .cardBottom{ position:absolute; top:146px; left:15px; right:0; bottom:0; font-size:12px; border-top:var(--minorDividerLine); border-radius:0 0 8px 0px; padding:15px 15px 0 15px; }
.userListingPanel .engagementStatusHolder{ position:absolute; top:133px; left:35px; width:110px; height:15px; }
.userListingPanel .engagementStatusHolder .engagementStatusMeter{ height:15px; }
.userListingPanel .accessState{ position:absolute; top:10px; left:15px; }
.userListingPanel .activityState{ position:absolute; top:10px; left:170px; width:215px; background:100% 6px no-repeat; display:none; }
.userListingPanel .activityState.level3{ background-image:url(../../images/v3/graphics/activity3.png); }
.userListingPanel .activityState.level2{ background-image:url(../../images/v3/graphics/activity2.png); }
.userListingPanel .activityState.level1{ background-image:url(../../images/v3/graphics/activity1.png); }
.userListingPanel .activityState.level0{ background-image:url(../../images/v3/graphics/activity0.png); }
.userListingPanel .activityState .stateLabel{ color:#878787; margin-bottom:6px; }
.userListingPanel .activityListing{ position:absolute; top:10px; left:440px; right:150px; max-height:46px; overflow:hidden; display:none; }
.userListingPanel .buttonRow{ position:absolute; top:9px; right:15px; }
@media (min-width: 800px)    {
 .pageMain:first-child .userListingPanel .profileExtra    { display:block; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .userListingPanel .profileExtra,    .leftSidebar ~ .portableAnchorContainer .userListingPanel .profileExtra    { display:block; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .userListingPanel .profileExtra    { display:block; } }
.clientCoaches{
	padding-top:5px;
}
.clientCoaches img{ height:40px; width:40px; border-radius:50%; margin:0 5px 5px 0; }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain .userListingPanel .activityState    { display:block; } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .userListingPanel .activityState    { display:block; } }
@media (min-width: 800px)    {
 .pageMain:first-child .userListingPanel .activityListing    { display:block; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .userListingPanel .activityListing,    .leftSidebar ~ .portableAnchorContainer .userListingPanel .activityListing    { display:block; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .userListingPanel .activityListing    { display:block; } }
.formOR .vStretched{ width:400px; max-width:100%; }
.formOR select[name=newOwningCoachID]{ width:100%; }
.formUA{
	max-width:100%;
}
.formUA input[name=firstName]{ width:49%; }
.formUA input[name=lastName]{ width:49%; float:right; }
.formUA input[name=email], .formUA select[name=CoachID], .formUA select[name=CompanyID]{ width:100%; }
.formUA input[name=inviteSubject]{ width:calc(100% - 60px); vertical-align:baseline; }
.formUA textarea[name=clientTerms]{ width:100%; }
.formUA select[name=NoteTemplateID], .formUA ._awesomeSelectStandInWrapper{ width:calc(100% - 115px); max-width:400px; }
.formUA ._awesomeSelectStandIn{ width:100%; max-width:400px; }
.formUA .styleRadio{ min-width:90px; }
@media (max-width: 799px), (max-height: 499px)    {
 .formUA .button.close    { display:none; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .formUA .rTable    { max-width:600px; } }
.floating .formUA{ max-width:625px; min-width:600px; }
.formUI .vStretched{ max-width:600px; }
.formUI input[name=subject]{ width:100%; }
.formUI textarea[name=message]{ width:100%; height:240px; }
.floating .formUI{
	max-width:625px;
	min-width:600px;
}
.formLT{
	height:100%;
}
.formLT textarea[name=clientTerms]{ width:100%; }
.formUM{
	max-width:100%;
}
.formUM .rTable{ max-width:620px; }
.formUM .templateSummonButton{ position:absolute; top:7px; right:0; }
.formUM select[name=RoleID]{ width:100%; }
.formUM select[name=CoachID]{ width:100%; }
.formUM input[name=subject]{ width:100%; }
.formUM .HTMLOrPlainTextarea{ max-width:620px; -ms-flex:1 0 auto; flex:1 0 auto; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-height:300px; }
.formUM textarea.clientMessage{ max-width:620px; -ms-flex:1 0 auto; flex:1 0 auto; }
.formUM .HTMLOrPlainTextarea.toggled{ max-width:9999px; }
.formUM .HTMLOrPlainTextarea.toggled textarea.mooeditable-textarea{ max-width:100%; height:auto !important; }
@media (min-width: 800px) and (min-height: 500px)    {
 .floating .formUM    { max-width:620px; min-width:620px; } }
.userManagerMenu .avatar, .awBody .leftSidebar .avatar{ margin:20px auto; display:block; width:126px; }
.userManagerMenu .avatar.companyLogo, .awBody .leftSidebar .avatar.companyLogo{ border-radius:5px; box-shadow:1px 2px 5px rgba(0, 0, 0, .15); }
.userManagerMenu h3, .awBody .leftSidebar h3{ text-align:center; margin:10px 0; }
.formLPE textarea{ width:100%; max-width:400px; height:100px; }
.formUPA{
	width:100%;
	max-width:660px;
	left:0;
	top:0;
	z-index:1;
}
.formUPA .avatar{ width:126px; height:126px; }
.formUP{
	
	
	position:relative;
}
.formUP .rTable{ max-width:660px; }
.formUP .rTable{ padding-bottom:50px; }
.formUP .buttonBar{ position:absolute; bottom:10px; width:100%; background-color:var(--baseBGColor); }
.formUP input[name=firstName]{ width:calc(50% - 5px); }
.formUP input[name=lastName]{ width:calc(50%); float:right; }
.formUP input[name=name]{ width:100%; }
.formUP input[name=address1]{ width:100%; }
.formUP input[name=city]{ width:calc(50% - 5px); }
.formUP input[name=state]{ width:calc(20% - 5px); }
.formUP input[name=ZIP]{ width:calc(30% - 0px); float:right; }
.formUP .phone{ width:calc(33% - 23px); padding:10px 5px; font-size:14px; }
.formUP .workPhone{ float:right; }
.formUP input[name=email]{ width:100%; }
.formUP select[name=CompanyID]{ width:100%; }
.formUP select[name=CountryID], .formUP ._awesomeSelectStandInWrapper{ width:100%; }
.formUP select[name=CurrencyID]{ width:100%; }
.formUP .styleRadio{ min-width:90px; }
.formUP select[name=TimeZoneID]{ width:calc(100% - 82px); }
.formUP select[name=managingCoachID]{ width:calc(100% - 30px); }
.formUP textarea[name=profileExtra]{ width:100%; height:90px; }
.formUP textarea[name=emailDomains]{ width:100%; height:50px; }
.formUP .helpText.helpLink{ display:block; margin-bottom:6px; }
.formUPA + .formUP{
}
.profileForm{
		max-width:660px;
	}
.profileForm .avatar{ width:126px; }
.formMP input[name=email],
		.formMP input[name=address1],
		.formMP input[name=username],
		.formMP select[name=CountryID],
		.formMP ._awesomeSelectStandInWrapper,
		.formMP input[name=password],
		.formMP input[name=password2]{ width:100%; }
.formMP input[name=password2]{ margin-top:3px; }
.formMP select[name=TimeZoneID]{ width:calc(100% - 90px); }
.formMP label.firstColumn{ display:inline-block; width:160px; }
td.timeZone ._awesomeSelectStandInWrapper{ width:calc(100% - 100px); }
.formResetPassword input[type=password], .formResetPassword input[type=text]{ width:100%; }
.formVerifyEmail{
	max-width:400px;
}
.formVerifyEmail input[type=text]{ font-size:46px; width:180px; }
@media (min-width: 700px)    {
 .pageMain:first-child .formMP .vStretched    { max-width:600px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formMP .vStretched    { max-width:600px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formMP .vStretched,    .leftSidebar ~ div .twSection .formMP .vStretched,    .leftSidebar ~ div .sectionPaper .formMP .vStretched,    .leftSidebar ~ div .courseItemEditForm .formMP .vStretched    { max-width:600px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formMP .vStretched,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formMP .vStretched    { max-width:600px; } }
.profileWidget{
	width:730px;
	max-width:100%;
	min-height:150px;
}
.profileWidget .avatar{ display:block; margin:0 auto 20px auto; height:120px; width:120px; }
.profileWidget .sectionHeader{ margin:16px 0 4px; font-size:16px; }
.profileWidget .phoneLabel{ display:inline-block; width:60px; margin-bottom:6px; }
.profileWidget .clientNoteContent{ padding:10px 0; }
@media (min-width: 800px) and (min-height: 500px)    {
 .profileWidget    { padding-left:140px; }
 .profileWidget .avatar    { position:absolute; top:10px; left:15px; } }
.avatar{ border-radius:50%; background-color:#fff; }
.otherPartyClock{
	border-radius:50%;
	height:50px; width:50px;
	border:2px solid var(--brandingPrimary);
	
	display:block;
	text-align:center;
	padding-top:4px;
	line-height:1em;
	font-weight:700;
}
.otherPartyClock .timeZoneAbbreviation{ font-size:10px; color:var(--brandingPrimary); height:1.3em; }
.otherPartyClock .otherPartyTime{ font-size:13px; }
.otherPartyClock .otherPartyTime span{ display:block; font-size:10px; }
.profile{
	position:relative;
	text-align:center;
	padding:15px 15px 20px 15px;
}
.profile h3{ margin:0px 0 6px 0; }
.profile .avatarHolder{ position:relative; z-index:1; display:inline-block; margin-bottom:10px; }
.profile .avatarHolder .avatar{ width:80px; height:80px; }
.profile .avatarHolder .icon-itemE{ position:absolute; bottom:-5px; left:-6px; border-radius:50%; padding:3px; height:auto; }
.profile .avatarHolder .detailsBadge{ position:absolute; bottom:-3px; right:-6px; border-radius:5px; background-color:var(--baseBGColor); cursor:pointer; padding:1px 0px 1px 5px; box-shadow:1px 2px 3px rgba(var(--shadowColorRGB), .15); z-index:1; }
.profile .avatarHolder .companyImage{ position:absolute; top:-10px; left:-20px; border-radius:5px; height:35px; width:35px; box-shadow:1px 2px 3px rgba(var(--shadowColorRGB), .15); z-index:-1; }
.profile .address{ font-size:11px; margin:2px 0; }
.profile .profileExtra{ text-align:left; margin-top:10px; }
.profile a.icon-itemN{ position:absolute; top:45px; left:calc(50% - 100px); background-color:var(--brandingPrimary); border-radius:50%; height:50px; width:50px; display:block; padding:14px 0 0 0px; margin:0 auto 10px auto; transition:box-shadow .15s ease-out; }
.profile a.icon-itemN:before{ color:var(--baseBGColor) !important; font-size:25px; letter-spacing:0; }
.profile a.icon-itemN:hover{ box-shadow:inset 0 0 0 25px rgba(0, 0, 0, .2); }
.profile a.summonScheduledButton{ position:absolute; top:72px; left:calc(50% - 70px); border-radius:50%; height:25px; width:25px; display:block; padding:3px 0 0 0px; margin:0 auto 10px auto; transition:box-shadow .15s ease-out; }
.profile a.summonScheduledButton:before{ color:var(--baseBGColor) !important; font-size:19px; letter-spacing:0; }
.profile a.summonScheduledButton:hover{ box-shadow:inset 0 0 0 25px rgba(0, 0, 0, .2); }
.profile a{ text-decoration:none; }
.profile .otherPartyClock{ position:absolute; top:45px; left:calc(50% + 50px); margin:0 auto; }
.profile .engagementStatusHolder:not(:empty){ margin:0 50px; height:15px; }
.profile .engagementStatusHolder:not(:empty) .engagementStatusMeter{ height:15px; }
.profile .engagementStatusHolder:not(:empty) + .profile--details{ padding-top:10px; }
.profile .phoneNumbers{ margin:0 auto; }
.profile .phoneNumbers td{ padding-bottom:5px; }
.profile .phoneNumbers td:first-child{ text-align:right; padding-right:6px; }
.profile .phoneNumbers td a{ color:#444; }
.profile .iteratingNav{ position:absolute; top:-4px; left:-2px; right:-2px; transform:translate3d(0, -48px, 1px); transition:transform 150ms ease-in; height:28px; }
.profile .iteratingNav .button{ position:absolute; margin:0; top:0px; border-color:var(--primaryLight60); box-shadow:0px 1px 2px rgba(0, 0, 0, .1); height:auto; padding:7px 5px 1px 5px; }
.profile .iteratingNav .button:hover{ border-color:var(--brandingPrimary); }
.profile .iteratingNav .button.disabled{ top:-50px; }
.profile .iteratingNav .button:first-child{ left:-2px; border-radius:0 0 4px 0; }
.profile .iteratingNav .button:last-child{ border-radius:0 0 4px 4px; right:2px; padding-right:3px; }
.profile .iteratingNav .button span{ position:relative; top:-3px; }
.profile .iteratingNav .button span:before{ letter-spacing:0; }
.profile .iteratingNav .button img{ width:26px; height:26px; margin:0 10px; background:#eeeeee; }
.profile:hover .iteratingNav{ transform:translate3d(0, 0, 1px); }
.profile--secondaryListing{ margin:15px 0 -15px 0; }
.profile--secondaryListing div{ border-top:1px solid #cccccc; position:relative; height:40px; text-align:left; padding:10px 0 0 82px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.profile--secondaryListing div .avatar{ position:absolute; width:30px; height:30px; top:5px; left:42px; }
.profile--secondaryListing div .icon-itemN{ top:7px; right:0px; left:auto; right:auto; left:6px; height:27px; width:27px; padding:5px 0 0 6px; }
.profile--secondaryListing div .icon-itemN:before{ font-size:14px; }
.contactInfoCard{
	position:absolute;
	top:100px;
	left:60px;
	min-width:260px;
	text-align:left;
	z-index:1;
}
body.personnel .contactInfoCard{ top:250px; }
.contactInfoCard h3{ margin:0 20px 10px 0; }
.contactInfoCard .icon-close{ position:absolute; cursor:pointer; inset:13px 8px auto auto; }
.contactInfoCard .icon-close:before{ font-size:20px; }
.contactInfoCard table.phoneNumbers{ margin:10px 0 0 0; }
.contactInfoCard table.phoneNumbers td{ padding:5px 0; }
.contactInfoCard table.phoneNumbers td:first-child{ padding-right:10px; }
.contactInfoCard div.address{ margin:10px 0; font-size:inherit; }
@media (max-width: 799px), (max-height: 499px)    {
 .contactInfoCard    { min-width:calc(100% - 30px); left:15px; } }
.viewOnly .itemAdder, .viewOnly .addFolder, .viewOnly .sideWidgets, .viewOnly #actionsMainPageContent .controls, .viewOnly .actionProject .projectControls, .viewOnly .action .actionControls, .viewOnly .metricDataAdd, .viewOnly .metricDataFormsDiv, .viewOnly .metricPastData, .viewOnly .emailerButton, .viewOnly .editorButton, .viewOnly .deleteButton, .viewOnly .streamComment .controlsDiv, .viewOnly label.streamCommentOption, .viewOnly .groupShareButton, .viewOnly .icon-email, .viewOnly .icon-edit, .viewOnly .icon-trash, .viewOnly .icon-clone, .viewOnly #filesBox .controls, .viewOnly .groupItemEditButton{ display:none !important; }
.viewOnly .showItemAdder .itemAdder{ display:inline-block !important; }
.viewOnly .showItemEditor .icon-edit{ display:inline-block !important; }
.viewOnly .folderControls .button.treeToggle{ right:15px; }
.viewOnly #metricListingC .controls .icon-edit, .viewOnly #metricListingC .controls .icon-comment{ display:none !important; }
.viewOnly .action .theCheckbox{ cursor:default; pointer-events:none; }
#client.appPage .viewOnly #tabWindowF .icon-trash{ display:inline-block !important; }
body.viewOnly .icon-lightbulb, body.viewOnly .icon-reload{ display:none; }
.clientPresentToggleHolder{
	position:absolute; bottom:0; left:0; right:0;
	padding:10px 0;
	text-align:center;
	overflow:hidden;
}
.clientPresentToggleHolder .button{ transform:translateY(60px); transition:transform 150ms ease-in; margin:0; }
.clientPresentToggleHolder:hover .button{ transform:translateY(0px); }
.miniSideBits{
	display:none;
	position:relative;
	-ms-flex-positive:1;
	    flex-grow:1;
	min-height:50px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 body:not(.designer).leftMenuMini .leftSidebar--miniable .miniSideBits    { display:block; } }
body.clientPresentMode #topMenu a:not(.sideMenuToggle),
	body.clientPresentMode #accountHeader,
	body.clientPresentMode #topSearchForm,
	body.clientPresentMode #helpSideBarHolder,
	body.clientPresentMode .icon-lightbulb,
	body.clientPresentMode .iteratingNav,
	body.clientPresentMode .visibilityC,
	body.clientPresentMode .visibilityP,
	body.clientPresentMode .profileExtra,
	body.clientPresentMode .profile .summonScheduledButton,
	body.clientPresentMode .formUM .buttonBar .icon-clock,
	body.clientPresentMode .widget.keepTasks,
	body.clientPresentMode .cornerSash.purple,
	body.clientPresentMode .streamComment.private{ display:none !important; }
body.clientPresentMode .sideNoteForm{ visibility:hidden; }
#clientPresentModeBlockingShim{
	background-color:#fff;
	position:fixed;
	top:60px;
	left:0; right:0; bottom:0;
	display:none;
}
body.clientPresentMode.otherPage #clientPresentModeBlockingShim{ display:block; }
body.clientPresentMode.otherPage #appPageContainer > .appPage{ opacity:0; }
@media (min-width: 800px) and (min-height: 500px)    {
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile    { padding:10px; line-height:1px; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .avatar    { width:50px; height:50px; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile--details    { display:none; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .icon-itemN    { position:static; margin-top:10px; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .summonScheduledButton    { top:97px; left:auto; right:5px; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .otherPartyClock    { position:static; margin-top:10px; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .engagementStatusHolder    { margin:0 0px; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .engagementStatusHolder .tooltip:after, body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .engagementStatusHolder .tooltip:before    { display:none; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile .iteratingNav    { display:none; }
 body:not(.designer).leftMenuMini .leftSidebar--miniable .profile--secondaryListing    { display:none; } }
.tabWindow--Actions .twSection .twScroll{
	overflow-x:hidden;
}
.actionListing{
	padding-bottom:200px;
}
.action{
	position:relative;

	padding:10px 90px 10px 60px;
	overflow:hidden;

}
.action:not(:last-child){ border-bottom:var(--mediumDividerLine); }
.action .actionControls{ position:absolute; top:24px; right:30px; }
.action.statusR:after{ right:10px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .action .swipeControls    { display:none; }
 .action:hover .swipeControls    { display:block; } }
.action .theCheckbox{ position:absolute; top:24px; left:15px; height:28px; width:28px; cursor:pointer; background:var(--cardBGColor); }
.action .theCheckbox:before{ font-size:30px; color:#000; }
.action .theCheckbox.viewOnly{ cursor:default; opacity:.8; }
.action .theCheckbox>.detailsSlider{ position:absolute; top:-1px; left:26px; z-index:1; height:28px; width:0; overflow:hidden; transition:width linear 0.2s; }
.action .theCheckbox.icon-checkboxC .detailsSlider{ width:110px; }
.action .theCheckbox.icon-checkboxC .detailsSlider.closing{ width:0px; }
.action .theCheckbox .detailsSlider div{ height:28px; width:110px; padding:6px 12px; background:#4a4a4a; color:#fff; overflow:hidden; }
.action .forClient{ position:absolute; top:5px; left:32px; }
.action .forClient img{ height:25px; width:25px; border-radius:50%; }
.action .forClient span{ font-size:0; }
.action .theAction{ font-size:16px; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px; }
.action .theDates{  }
@media (max-width: 799px), (max-height: 499px)    {
 .action    { padding-left:50px; padding-right:20px; }
 .action .theCheckbox    { left:10px; }
 .action .forClient    { left:20px; }
 .action .actionControls    { top:-1px; right:0px; bottom:0; height:calc(100% + 1px); max-height:999px; border-right:var(--dividerLine); } }
.action .assignedTo.avatar{ position:absolute; top:5px; left:3px; width:35px; height:35px; }
.action .assignedTo.avatar+.theCheckbox{ left:21px; }
.actionListing .action:hover{ background-color:var(--highlight06); }
.makeAnotherActionDiv{
	text-align:center;
	max-height:calc(100vh - 100px);
	transform:translate3d(0, 0, 0);
}
#actionMarkDoneForm{
	top:21px;
	left:20px;
	width:400px;
	max-width:calc(100% - 44px);
	border-top-left-radius:0;
}
#actionMarkDoneForm.showing{ transform:translateX(0); opacity:1; box-shadow:2px 2px 4px rgba(0, 0, 0, .2); z-index:2; }
@media (max-width: 400px){
 #actionMarkDoneForm .mBR{ display:block; } }
#actionMarkDoneForm .commentOption{ display:none; }
#actionMarkDoneForm .commentOption.showing{ display:block; }
.streamItem .action .theAction{
	width:auto;
}
@media (min-width: 800px)    {
 .pageMain:first-child .action    { height:70px; }
 .pageMain:first-child .action .theAction    { position:absolute; top:50%; left:60px; transform:translateY(-50%); width:calc(100% - 360px); max-height:3.5em; margin-bottom:0; }
 .pageMain:first-child .action .theCheckbox    { top:20px; }
 .pageMain:first-child .action .theDates    { position:absolute; top:50%; right:40px; transform:translateY(-50%); text-align:right; }
 .pageMain:first-child .action .actionControls    { right:35px; background:var(--highlight06); box-shadow:-6px 0 5px 6px var(--highlight06); z-index:1; }
 .pageMain:first-child .streamItem .action .theAction    { width:calc(100% - 360px); }
 .pageMain:first-child .streamItem .action .theDates    { right:40px; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .action,    .leftSidebar ~ .portableAnchorContainer .action    { height:70px; }
 .leftSidebar ~ .pageMain .action .theAction,    .leftSidebar ~ .portableAnchorContainer .action .theAction    { position:absolute; top:50%; left:60px; transform:translateY(-50%); width:calc(100% - 360px); max-height:3.5em; margin-bottom:0; }
 .leftSidebar ~ .pageMain .action .theCheckbox,    .leftSidebar ~ .portableAnchorContainer .action .theCheckbox    { top:20px; }
 .leftSidebar ~ .pageMain .action .theDates,    .leftSidebar ~ .portableAnchorContainer .action .theDates    { position:absolute; top:50%; right:40px; transform:translateY(-50%); text-align:right; }
 .leftSidebar ~ .pageMain .action .actionControls,    .leftSidebar ~ .portableAnchorContainer .action .actionControls    { right:35px; background:var(--highlight06); box-shadow:-6px 0 5px 6px var(--highlight06); z-index:1; }
 .leftSidebar ~ .pageMain .streamItem .action .theAction,    .leftSidebar ~ .portableAnchorContainer .streamItem .action .theAction    { width:calc(100% - 360px); }
 .leftSidebar ~ .pageMain .streamItem .action .theDates,    .leftSidebar ~ .portableAnchorContainer .streamItem .action .theDates    { right:40px; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .action    { height:70px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .action .theAction    { position:absolute; top:50%; left:60px; transform:translateY(-50%); width:calc(100% - 360px); max-height:3.5em; margin-bottom:0; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .action .theCheckbox    { top:20px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .action .theDates    { position:absolute; top:50%; right:40px; transform:translateY(-50%); text-align:right; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .action .actionControls    { right:35px; background:var(--highlight06); box-shadow:-6px 0 5px 6px var(--highlight06); z-index:1; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem .action .theAction    { width:calc(100% - 360px); }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem .action .theDates    { right:40px; } }
.action:first-child,
#actionProjectsListingC+.action,
.action+.actionProject{
	margin-top:30px;
}
.actionProject .action{
	border-top:var(--meenyDividerLine);
	border-bottom:var(--meenyDividerLine);
	border-left:none;
}
.actionProject .action + .action{ margin-top:-1px; }
.noSort .icon-drag{ display:none; }
.ephemeralMessage .timeliness{
	font-size:16px;
	font-weight:700;
	margin-top:10px;
}
.actionProject{
	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);
	position:relative;
	padding:15px 0 0 0;
	font-size:12px;
	margin:0 0 20px 0;
	overflow:hidden;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .actionProject    { margin-left:0; } }
.actionProject:hover    { background-color:var(--highlight06); }
.designer .actionProject.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .actionProject.clickable:hover    { background-color:var(--highlight06); }
.actionProject:hover{ background-color:inherit; }
.actionProject.closable.closed{ overflow:visible; max-height:none; margin-bottom:20px; padding-bottom:0; }
.actionProject .projectControls{ position:absolute; top:1px; right:1px; }
body.touch .actionProject .projectControls .icon-drag{ display:none; }
@media (max-width: 799px), (max-height: 499px)    {
 .actionProject .projectControls    { height:74px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .actionProject .projectControls    { visibility:hidden; top:10px; right:12px; } }
.actionProject .actionProject__header{ padding:0 10px 5px 15px; }
.actionProject:hover .projectControls,
	.actionProject body.touch .actionProject:hover .projectControls{ visibility:visible; }
.actionProject .description{ margin:6px 0 10px 0; }
.actionProject div.completed{ position:relative; }
.actionProject div.completed .subHeader .icon-arrowUp{ position:absolute; top:12px; right:15px; }
.actionProject div.completed div.action:last-child{ border-radius:0 0 var(--roundedRadius) var(--roundedRadius); }
.actionProject .progressBar{ background:#f4f4f4; border-radius:4px; position:relative; width:100%; height:30px; margin:6px 0 6px; }
.actionProject .progressBar .label{ position:absolute; color:#fff; top:1px; left:10px; text-shadow:1px 2px 2px #000; z-index:1; display:inline; width:auto; }
.actionProject .progressBar >div{ width:100%; }
.actionProject .progressBar .percentComplete{ float:left; position:relative; pointer-events:none; display:none; }
.actionProject .progressBar .percentComplete div{ position:absolute; top:7px; right:8px; color:#fff; font-weight:700; }
.actionProject .progressBar .doneAction{ position:relative; float:left; height:30px; background-color:var(--statusGreen); transition:background-color linear 0.2s; }
.actionProject .progressBar .doneAction:hover{ box-shadow:inset 0 0 0 30px rgba(255, 255, 255, .2); }
.actionProject .progressBar .doneAction:hover .summary{ display:block; }
.actionProject .progressBar .doneAction .summary{ position:absolute; top:calc(100% + 7px); left:0px; display:none; background:var(--cardBGColor); box-shadow:2px 2px 2px rgba(0, 0, 0, .2); border:var(--mediumDividerLine); padding:10px 15px; width:355px; border-radius:var(--roundedRadius); z-index:2; }
.actionProject .progressBar .doneAction .summary:after{ content:''; height:10px; width:10px; background:var(--cardBGColor); transform:rotateZ(45deg); position:absolute; top:-6px; left:12px; border-top:var(--mediumDividerLine); border-left:var(--mediumDividerLine); }
.actionProject .progressBar .doneAction .summary .theAction{ font-size:15px; padding-bottom:6px; font-weight:bold; }
.actionProject .progressBar .doneAction +.percentComplete{ display:block; }
.actionProject .progressBar .doneAction:first-child{ border-top-left-radius:4px; border-bottom-left-radius:4px; }
.actionProject .progressBar .doneAction.finalDone{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.actionProject .progressBar .doneAction.rightSide .summary{ left:auto; right:-10px; }
.actionProject .progressBar .doneAction.rightSide .summary:after{ left:auto; right:12px; }
.actionProject .progressBar:hover .doneAction.yellow{ background-color:var(--statusYellow); }
.actionProject .progressBar:hover .doneAction.red{ background-color:var(--statusRed); }
.actionProject .nonProgressBar{
	padding-top:0px;
}
.actionProject.closed .nonProgressBar{
	max-height:0px;
	overflow:hidden;
}
.actionProject.closable.closed:last-child{
	margin-bottom:30px;
}
.actionProject .outstanding{
	margin:16px 0 10px 0;
}
#actionListingP .actionProject .dragIcon,
#actionListingP .actionProject .editIcon{
	display:none;
}
.coachActionDiv{
	padding-top:10px;
}
.coachActionDiv h3{ margin-bottom:6px; }
.coachActionDiv h3.forClientHeader{ margin-top:40px; border-top:1px dashed #aaa; padding-top:18px; }
.formAPAE{
	max-width:620px;
}
.formAPAE table.data{ width:100%; }
@media (min-width: 800px) and (min-height: 500px)    {
 .formAPAE table.data td:last-child    { padding-right:0; text-align:right; } }
.actionProjectDeleteOptions{
	margin:4px 0 16px 10px;
}
.actionProjectDeleteOptions .styleRadio{ display:block; margin-bottom:4px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .metricDataFormSet    { max-height:300px; overflow:auto; } }
.metricComplete input[name=comment]{ width:calc(100% - 355px); }
.metricComplete input[name=comment].past{ width:calc(100% - 365px); }
.metricDataAdd{
	padding:10px 15px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	    justify-content:space-between;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.metricDataAdd:last-child{ border-bottom:none; }
.metricDataAdd .dateAndValue{ display:inline-block; width:250px; text-align:right; -ms-flex-order:1; order:1; }
.metricDataAdd input[name=value]{ width:80px; margin:0 10px; text-align:right; padding-left:1px !important; padding-right:6px !important; -ms-flex-order:2; order:2; }
.metricDataAdd input[name=comment]{ display:block; width:100%; margin-top:10px; -ms-flex-order:5; order:5; }
.metricDataAdd input[type=submit]{ width:80px; padding-left:1px !important; padding-right:1px !important; -ms-flex-order:4; order:4; }
.metricDataAdd .buttonRow{ -ms-flex-order:4; order:4; }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain .metricDataAdd input[name=comment]    { display:inline-block; width:calc(100% - 355px); margin-top:0px; -ms-flex-order:3; order:3; }
 .leftSidebar ~ .pageMain .metricDataAdd input[name=comment].past    { width:calc(100% - 375px); } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .metricDataAdd input[name=comment]    { display:inline-block; width:calc(100% - 355px); margin-top:0px; -ms-flex-order:3; order:3; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .metricDataAdd input[name=comment].past    { width:calc(100% - 375px); } }
@media (max-width: 799px), (max-height: 499px)    {
 .metricDataAdd    { padding:10px 5px; }
 .metricDataAdd .dateAndValue    { font-size:10px; text-align:left; width:180px; -ms-flex-positive:1; flex-grow:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
 .metricDataAdd .dateAndValue input[name=value]    { -ms-flex-positive:1; flex-grow:1; }
 .metricDataAdd input[type=submit]    { width:auto; -ms-flex-positive:1; flex-grow:1; } }
.metricGraph{
  height:300px;
  width:100%;
  background:var(--cardBGColor);
  position:relative;
  overflow:hidden;
}
.metricGraph table.accessibleData{ position:absolute; top:0; left:-9999px; }
.metricGraph .controlsHolder{ position:absolute; top:2px; right:10px; }
.metricGraph .controlsHolder a:last-child{ display:inline-block; margin-left:10px; }
.metric .metricGraph{ margin:15px 0; }
.metric{
	-ms-touch-action:pan-y;
	    touch-action:pan-y;
	overflow:hidden;
}
.metric h3{ font-size:18px; margin:-4px 0 6px; }
.metric .trackingSummary{ height:1.3em; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }
@media (min-width: 800px) and (min-height: 500px)    {
 .metric .cornerSash + .header .controls    { padding-right:25px; } }
#metricListingC .metric:nth-child(1):nth-last-child(2) .controls .icon-drag{ display:none; }
.itemWidebox{
	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);
}
@media (min-width: 800px) and (min-height: 500px)    {
 .itemWidebox    { margin-left:0; } }
.itemWidebox:hover    { background-color:var(--highlight06); }
.designer .itemWidebox.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .itemWidebox.clickable:hover    { background-color:var(--highlight06); }
.itemWidebox:hover{ background-color:var(--cardBGColor); }
@media (min-width: 800px) and (min-height: 500px)    {
 .itemWidebox    { margin:0 0 20px 0; }
 .itemWidebox .swipeControls    { display:none; }
 .itemWidebox:hover .swipeControls    { display:block; } }
.itemWidebox .controls{ float:right; }
.itemWidebox .controls.swipeControls{  }
@media (max-width: 799px), (max-height: 499px)    {
 .itemWidebox .controls.swipeControls    { float:none; height:65px; border:var(--minorDividerLine); background:var(--cardBGColor); }
 .itemWidebox .controls.swipeControls [class^="icon-"]    { padding:0px 15px; }
 .itemWidebox .controls.swipeControls [class^="icon-"]:before    { font-size:36px; }
 .itemWidebox .controls.swipeControls .icon-drag    { display:none; } }
.metricDataComment{
	position:absolute;
	top:25px;
	left:65px;
	border:1px solid #8cd3ff;
	background:var(--cardBGColor);
	padding:10px 15px;
	max-width:min(45%, 300px);
	display:none;
	border-radius:4px;
	box-shadow:0 0 3px rgba(0, 0, 0, .2);
}
.metricDataComment.longComment{ font-size:12px; max-width:min(50%, 350px); }
.metricDataComment.longerComment{ font-size:11px; }
@media (min-width: 700px)    {
 .pageMain:first-child .formM:not(.flexed)    { width:100%; max-width:720px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formM:not(.flexed)    { width:100%; max-width:720px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formM:not(.flexed),    .leftSidebar ~ div .twSection .formM:not(.flexed),    .leftSidebar ~ div .sectionPaper .formM:not(.flexed),    .leftSidebar ~ div .courseItemEditForm .formM:not(.flexed)    { width:100%; max-width:720px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formM:not(.flexed),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formM:not(.flexed)    { width:100%; max-width:720px; } }
.cBR1, .cBR2{ margin-bottom:6px; }
.formM input[name=name]{ width:100%; }
.formM input[name=units]{ max-width:210px; width:100%; }
.formM input[name="durationNumber"]{ width:53px; }
.formM select[name="durationUnit"]{ width:92px; }
.formM input[name="startDate"]{ margin-bottom:0px; }
.formM input[name="dayDuration"]{ width:50px; }
.formM input[name="startDateOffset"]{ width:40px; }
.formM select[name="repeatRule"]{ max-width:304px; width:100%; }
.formM input[name="targetStart"], .formM input[name="targetEnd"]{ width:80px; }
.formM select[name="targetMode"]{ width:auto; }
.formM input[name=fedBy]{ width:200px; }
.formM input[name=rangeLow], .formM input[name=rangeHigh]{ width:80px; }
.formM select[name="MetricTemplateIDSet[]"], .formM ._awesomeSelectStandInWrapper{ width:100%; max-width:600px; }
.formM .metricGraph.streamMetricGraph{ width:100%; margin-top:0; }
.formM .byDayControls label{ margin:0 20px 5px 0; }
.formM .byDayControls label:last-child{ margin-right:0px; }
.formM .metricTargetTable > tbody > tr > td:first-child{ padding-top:12px !important; vertical-align:top; }
.formM .metricTargetTable > tbody > tr > td:nth-child(2){ padding-top:4px !important; position:relative; min-height:20px; padding:0 0 0px 30px; }
.formM .metricTargetTable > tbody > tr > td:nth-child(2) label.switchCheckbox{ position:absolute; top:7px; left:0; }
.formM .metricTargetTable > tbody > tr > td:nth-child(2) .targetControlsHolder{ display:inline-block; width:calc(100% - 30px); margin:5px 0 0 30px; }
.formM .metricTargetTable > tbody > tr > td:nth-child(2) .targetControlsHolder .targetControls{ width:100%; margin-top:-3px; }
.formM .metricTargetTable > tbody > tr > td:nth-child(2) .targetControlsHolder .targetControls tr td{ padding-bottom:6px; }
.formM .metricTargetTable > tbody > tr > td:nth-child(2) .targetControlsHolder .targetControls tr td:first-child{ width:100px; }
.formM select[name=clientVisibility]{ width:auto; }
.formM h1.previewMetricName{ margin-top:20px; }
.formM .displayOptions{ margin:0px; }
.formM input[name="lookOutDays"], .formM input[name="lookBackNumber"]{ width:48px; }
.formM .reminderControls{ margin:4px 0 0 20px; }
.formM .reminderControls label{ display:block; margin:4px 0 0 10px; }
.formM input[name="remindDays"]{ width:48px; }
.formM .buttonLine{ text-align:right; }
@media (max-width: 510px){
 .formM .cBR1{ display:block; } }
@media (max-width: 360px){
 .formM .cBR2{ display:block; } }
.formM .vStretched table{ max-width:720px; }
.formM .metricWizardType{ width:800px; max-width:100%; }
.formM .metricWizardType .optionButtons{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:10px 20px; }
.formM .metricWizardType .optionButton{ position:relative; min-height:100px !important; width:100%; max-width:310px; text-align:left; -ms-flex:1 1 auto; flex:1 1 auto; white-space:normal; padding:10px 15px 10px 140px; margin:0 !important; }
@media (max-width: 510px){
 .formM .metricWizardType .optionButton    { max-width:none !important; } }
.formM .metricWizardType .optionButton img{ position:absolute; top:10px; left:10px; height:70px; }
.formM .metricWizardType .optionButton p{ margin-top:10px; font-size:12px; }
.formM .metricTemplateControls .groupWhoUIHolder{ margin-bottom:40px; }
.formM .metricTemplateControls .groupWhoUIHolder .label{ margin:16px 0 6px 0; font-size:18px; }
.formM .metricTemplateControls .templateListing{ overflow:auto; margin-bottom:10px; }
.formM .metricTemplateControls .templateListing .folderControls{ display:none; }
.formM .metricTemplateControls .templateListing .itemCard{ max-width:280px; }
.formM .metricTemplateControls .templateListing .folderPages .items, .formM .metricTemplateControls .templateListing .folderPages .folders{ gap:10px; display:-ms-grid; display:grid; -ms-grid-columns:(minmax(180px, 1fr))[auto-fit]; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); }
.formM .metricTemplateControls .templateListing .folderPages .items:after, .formM .metricTemplateControls .templateListing .folderPages .folders:after{ display:none; }
.formM .metricTemplateControls .templateListing .folderPages .items .itemCard, .formM .metricTemplateControls .templateListing .folderPages .folders .itemCard{ width:auto; margin:0; }
.formM .metricTemplateControls .templateListing .folderPages .items{ padding-bottom:0; }
.formM .metricTemplateControls .templateListing .folderPages .items .itemCard{ height:auto; aspect-ratio:1; }
.formM .metricTemplateControls .templateListing .items .itemCard .thumbnail{ width:100%; }
.formM .metricTemplateControls .templateListing .items .itemCard .metricSummary{ padding:10px; }
.formM .metricTemplateControls .templateListing .items .itemCard.selected{ border-color:var(--brandingPrimary); box-shadow:inset 0 0 0 3px rgba(var(--brandingPrimaryRGB), .2); }
.formM .metricTemplateControls .templateListing .items .itemCard.selected:after{ content:''; position:absolute; inset:0; box-shadow:inset 0 0 0 6px rgba(var(--brandingPrimaryRGB), .2); }
.formM .metricTemplateControls .templateListing .items .itemCard input[type=checkbox]{ display:none; }
.formM .metricTemplateControls .templateListing .items .itemCard h3{ display:inline-block; position:absolute; inset:auto auto 10px 10px; margin-right:10px; background:var(--cardBGColor); padding:5px 10px; border-radius:15px; border:var(--mediumDividerLine); box-shadow:1px 2px 3px rgba(0, 0, 0, .15); }
.formM .metricTemplateControls .templateListing .items .itemCard .icon-check{ position:absolute; inset:15px 15px auto auto; height:40px; width:40px; padding:4px 0 0 2px; border-radius:50%; background-color:var(--cardBGColor); box-shadow:2px 2px 5px rgba(var(--shadowColorRGB), .4); }
.formM .metricTemplateControls .templateListing .items .itemCard .icon-check:before{ font-size:36px; color:var(--brandingPrimary); }
.formM .metricTemplateControls .templateListing .items .itemCard:not(.selected) .icon-check{ display:none; }
.formM .metricTemplateControls .selectionDisplay{ display:inline-block; margin-bottom:10px; border:var(--minorDividerLine); border-radius:10px; padding:var(--regionPadding); }
.formM .metricTemplateControls .selectionDisplay .selectionLabel{ font-weight:bold; }
.formM .metricTemplateControls .selectionDisplay .theSelections{ font-size:18px; }
.formM .metricWizardSteps .itemMenu .item.future{ pointer-events:none; }
.formM .metricWizardSteps .label{ margin:16px 0 6px 0; font-size:18px; }
.formM .metricWizardSteps .subLabel{ margin:16px 0 6px 0; font-size:15px; }
.formM .metricWizardSteps .targetControls tr td{ padding-bottom:6px; }
.formM .metricWizardSteps .targetControls tr td:first-child{ width:100px; }
.formM .metricWizardSteps .metricDataComment{ max-width:min(40%, 250px); }
.formM .metricWizardSteps .showAt-measurement,
		.formM .metricWizardSteps .showAt-rating,
		.formM .metricWizardSteps .showAt-binary,
		.formM .metricWizardSteps .showAt-cumulative{ display:none; }
.formM .metricWizardSteps.type-measurement .showAt-measurement,
		.formM .metricWizardSteps.type-rating .showAt-rating,
		.formM .metricWizardSteps.type-binary .showAt-binary,
		.formM .metricWizardSteps.type-cumulative .showAt-cumulative{ display:inherit; }
.formM .metricWizardSteps.type-measurement .hideAt-measurement,
		.formM .metricWizardSteps.type-rating .hideAt-rating,
		.formM .metricWizardSteps.type-binary .hideAt-binary,
		.formM .metricWizardSteps.type-cumulative .hideAt-cumulative{ display:none; }
.formM .metricWizardSteps .ratingRedSpacing{ padding:0px 0 0 142px; }
.formM .metricWizardSteps .buttonBar .button{ -ms-flex-order:1; order:1; }
.formM .metricWizardSteps .buttonBar .button:not(.primary){ -ms-flex-order:2; order:2; }
@media (min-width: 800px) and (min-height: 500px)    {
 .formM .leftSidebar    { width:140px; }
 .formM .leftSidebar ~ .pageMain    { margin-left:160px; width:calc(100% - 160px); }
 .formM .metricWizardSteps .addWizard .vStretched    { max-width:800px; }
 .floating .formM    { width:670px; max-width:100%; }
 .floating .formM .metricWizardType, .floating .formM .metricTemplateControls    { min-height:480px; }
 .floating .formM .metricWizardSteps .addWizard    { max-width:100%; }
 .floating .formM .metricWizardSteps .addWizard > div    { min-height:480px; } }
.metricDataModeControls{ display:inline-block; }
.metricDataModeControls label{ display:block; margin:0px 0 4px 10px; position:relative; }
@media (max-width: 400px){
	.targetDiv{ padding:0; }
	.targetControlsHolder{
		display:block;
		width:100%;
		padding-top:30px;
		margin:0px 0 0 0;
	}
}
.metricEmbed{
	max-width:700px;
}
@media (max-width: 799px), (max-height: 499px)    {
 .metricEmbed    { display:none; } }
.scheduledClientMessage{
	position:relative;
	padding:10px 15px 10px 70px;
	border-top:var(--dividerLine);
	border-bottom:var(--dividerLine);
	overflow:hidden;
}
.scheduledClientMessage:before{ font-family:"appIcons" !important; speak:none; line-height:1; letter-spacing:5px; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-size:36px; position:absolute; top:10px; left:15px; content:"\43"; }
.scheduledClientMessage .subject{ font-size:22px; margin-bottom:4px; }
.scheduledClientMessage .controls{ position:absolute; top:24px; right:15px; }
.scheduledClientMessage + .scheduledClientMessage{ margin-top:-1px; }
@media (max-width: 799px), (max-height: 499px)    {
 .scheduledClientMessage    { padding-left:50px; padding-right:20px; }
 .scheduledClientMessage:before    { top:12px; left:12px; font-size:24px; }
 .scheduledClientMessage .controls    { top:-1px; right:0px; bottom:0; height:calc(100% + 1px); max-height:999px; border-right:var(--dividerLine); } }
#ListingJC .itemCard .controls > div .icon-commentW{ opacity:.6; cursor:default; }
#ListingJC .itemCard .controls > div .icon-commentW:hover{ background-color:transparent; }
.CNTitle{
	position:relative;
	min-height:40px;
	margin:10px 0 20px;
	font-size:22px;
	font-weight:400;
	padding:6px 0 20px 65px;
	text-overflow:ellipsis;
	overflow:hidden;
}
.CNTitle: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:42px; position:absolute; top:10px; left:2px; }
.CNTitle[class*=" type"]:before{ color:var(--brandingPrimary); }
.CNTitle.typeA:before{ content:"\2e"; }
.CNTitle.typeM:before{ content:"\43"; }
.CNTitle.typeP:before{ content:"\46"; }
.CNTitle.typeS:before{ content:"\7e"; }
.CNTitle.typeW:before{ content:"\e009"; }
.CNTitle.typeJ:before{ content:"\60"; }
.CNTitle.typeN:before{ content:"\43"; }
.CNTitle.typeF:before{ content:"\7a"; }
.CNTitle.typeB:before{ content:"\e008"; }
.CNTitle.typeT:before{ content:"\2e"; }
.itemPanelWithIcon{
	position:relative;
	padding:5px 0 0 65px;
	font-size:18px;
	margin:10px 0 20px;
	min-height:44px;
}
.itemPanelWithIcon.item:before{ position:absolute; top:5px; left:0px; }
.formNTC .CNTitle{ max-width:500px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:10px 0 10px 65px; }
.formNTC input[name=name]{ width:100%; min-width:300px; max-width:100%; }
.uneditable .icon-edit{
	display:none;
}
.uneditable .icon-edit + .icon-print{ border-top-left-radius:20px; border-bottom-left-radius:20px; }
.clientNoteVisibilityIndicator{
	display:inline-block;
	vertical-align:middle;
	padding:5px 10px 5px 30px;
	margin-top:6px;
	margin-left:15px;
	position:relative;
	border-radius:4px;
}
.clientNoteVisibilityIndicator .icon-private{ position:absolute; top:3px; left:5px; }
.clientNoteVisibilityIndicator .icon-private:before{ color:inherit !important; }
.clientNoteVisibilityIndicator.P{ color:var(--statusRed); }
.clientNoteVisibilityIndicator.C{ color:var(--statusOrange); }
.clientNoteVisibilityIndicator.J{ color:var(--statusPurple); }
@media (max-width: 799px), (max-height: 499px)    {
 .clientNoteVisibilityIndicator    { margin-left:0; margin-bottom:15px; } }
.clientNoteVisibilityIndicator + select[name=visibility]{ margin-left:15px; }
.__anchorWindow .clientNoteBG{
	position:relative;
}
#partOfGroupItemNoticeTemplate{ display:none; }
.partOfGroupItemNotice{
	padding:10px 15px;
	background:#fff;
	border:1px solid #aaa;
	border-radius:4px;
	margin-bottom:10px;
}
.clientNoteBG .partOfGroupItemNotice{
	position:absolute;
	top:20px;
	right:30px;
	max-width:270px;
}
body.printing .clientNoteContent ._shim{ display:none; }
._formInput ._jsonData{ display:none; }
.formWorksheet{
	overflow:auto;
	border-bottom:var(--minorDividerLine);
}
.formWorksheet ._jsonData, .formWorksheet ._formInput ._shim{ display:none; }
.formWorksheet .blankSlate{ border:var(--mediumDividerLine); margin:-16px 0 26px; border-radius:0px; box-shadow:8px 12px 1px rgba(var(--shadowColorRGB), .03); }
.formWorksheet .clientNoteContent{ position:relative; }
.formWorksheet textarea{ overflow-y:hidden; transition:height ease-out 250ms; }
.formWorksheet input[type=text], .formWorksheet textarea, .formWorksheet select{ color:#1E83CC; }
.formWorksheet ::-webkit-input-placeholder{ color:#999999; }
.formWorksheet :-moz-placeholder{ color:#999999; }
.formWorksheet ::-moz-placeholder{ color:#999999; }
.formWorksheet :-ms-input-placeholder{ color:#999999; }
@media (max-width: 799px), (max-height: 499px)    {
 .formWorksheet    {  } }
.checkableSet label{ position:relative; padding-left:20px; }
.checkableSet label input{ position:absolute; top:0px; left:0px; }
.formSB, .formMTC{
	width:300px;
}
.formSB select[name=NoteTemplateID], .formSB ._awesomeSelectStandInWrapper, .formMTC select[name=NoteTemplateID], .formMTC ._awesomeSelectStandInWrapper{ width:100%; }
@media (min-width: 800px) and (min-height: 500px)    {
 .formSB, .formMTC    { width:auto; }
 .formSB select[name=NoteTemplateID],    .formMTC select[name=NoteTemplateID]    { min-width:300px; max-width:400px; } }
.formMTC.showing, .formMTC.hiding{
	right:0;
}
.formS .mooeditable-ui-button.reflection-item{ display:none; }
.formS.freestyleHide .keyInsightHolder{ -ms-flex-positive:1; flex-grow:1; max-height:none; }
.formS.freestyleHide .mooeditable-container{ display:none; }
.formS:not(.freestyleHide) .freestyleToggle{ display:none; }
.formS .formWorksheet + .keyInsightHolder, .formS .keyInsightHolder + .formWorksheet{ border-top:var(--mediumDividerLine); }
@media (max-width: 799px), (max-height: 499px)    {
 .formJ .buttonBar, .formS .buttonBar    { padding-top:56px; }
 .formJ .buttonBar select[name=visibility],    .formS .buttonBar select[name=visibility]    { position:absolute; inset:10px var(--standardPaddingH) auto var(--standardPaddingH); } }
.formJ .buttonBar .button.primary, .formS .buttonBar .button.primary{ margin-bottom:0; }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain .formJ .buttonBar,    .leftSidebar ~ .pageMain .formS .buttonBar    { min-height:0; }
 .leftSidebar ~ .pageMain .formJ .buttonBar select[name=visibility],    .leftSidebar ~ .pageMain .formS .buttonBar select[name=visibility]    { position:relative; top:1px; left:auto; right:auto; width:auto; display:inline; } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .formJ .buttonBar,    .leftMenuMini .leftSidebar--miniable ~ .pageMain .formS .buttonBar    { min-height:0; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .formJ .buttonBar select[name=visibility],    .leftMenuMini .leftSidebar--miniable ~ .pageMain .formS .buttonBar select[name=visibility]    { position:relative; top:1px; left:auto; right:auto; width:auto; display:inline; } }
select[name=visibility][value=P]{ color:#f00; }
@media (max-width: 799px), (max-height: 499px)    {
 .formJ input[name=uncompleteButton]    { margin:10px 0 0 0 !important; } }
.formS textarea[name="content"]{ overflow:auto; width:100%; }
.formS .formWorksheet{ border-bottom:none; }
.floating .formCN{
	max-height:calc(100vh - 140px);
	overflow:auto;
}
@media (min-width: 800px) and (min-height: 500px)    {
 @media (max-height: 780px)    {
  .formCN    { max-height:calc(100vh - 140px); overflow:auto; } } }
.formCN input[name=title],
.formCN input[name=name]{ font-size:18px; height:34px; font-size:24px; height:auto; }
@media (min-width: 800px) and (min-height: 500px)    {
 .formCN .extendedHeader input[type=text],    .formCN .extendedHeaderAtMini input[type=text]    { padding-top:6px; padding-bottom:6px; }
 .formCN .extendedHeader input[name=title],
			.formCN .extendedHeader input[name=name],
			.formCN .extendedHeaderAtMini input[name=title],
			.formCN .extendedHeaderAtMini input[name=name]    { position:absolute; top:-38px; left:15px; width:calc(100% - 184px); transition:padding-left 150ms ease-in; padding-top:2px; padding-bottom:2px; }
 .formCN .extendedHeader input[name=title]:not(:focus),    .formCN .extendedHeader input[name=name]:not(:focus),    .formCN .extendedHeaderAtMini input[name=title]:not(:focus),    .formCN .extendedHeaderAtMini input[name=name]:not(:focus)    { border-color:transparent; border-left:none; padding-left:0; background-color:var(--cardBGColor); }
 .formCN input[name=saveButton], .formCN input[name=completeButton]    { min-width:100px; }
 .floating .formCN    { width:730px; max-width:100%; }
 .floating .formCN textarea[name="content"]    { max-height:calc(100vh - 130px); }
 .floating .formCN .extendedHeader input[name=title],
				.floating .formCN .extendedHeader input[name=name],
				.floating .formCN .extendedHeaderAtMini input[name=title],
				.floating .formCN .extendedHeaderAtMini input[name=name]    { width:calc(100% - 204px) !important; }
 .floating .formCN.formB    { width:870px; }
 .floating .formWU    { width:540px; }
 .showing3Buttons + .awBody .formCN .extendedHeader input[name=title],
	.formCN .extendedHeader input[name=name]    { width:calc(100% - 154px); } }
.formAnswerComment{
	width:400px;
	max-width:calc(100% - 40px);
}
.formAnswerComment textarea{ width:100%; height:80px; }
@media (max-width: 799px), (max-height: 499px)    {
 .formAnswerComment .button.primary    { margin-bottom:10px !important; } }
@media (max-width: 799px), (max-height: 499px)    {
 .formCN    { overflow:auto; }
 .formCN .mooeditable-container    { min-height:calc(100% - 120px); }
 .formCN input[name=name],
		.formCN input[name=title]    { width:100%; }
 .formCN.formW .formWorksheet ~ .buttonBar .buttonRow .icon-print    { display:none; }
 .formCN.formW .formWorksheet ~ .buttonBar .buttonRow .reminderButton    { -ms-flex-positive:1; flex-grow:1; }
 .formCN.formW .formWorksheet ~ .buttonBar .buttonRow .reminderButton > a    { width:100% !important; }
 .flexed .extendedHeaderAtMini    { -ms-flex:0 0 auto; flex:0 0 auto; padding:5px var(--standardPaddingH); background:var(--cardBGColor); }
 .buttonBar    { display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; gap:10px; }
 .buttonBar input[type=submit]    { -ms-flex-order:2; order:2; }
 .buttonBar input[type=submit], .buttonBar .button    { -ms-flex-order:2; order:2; }
 .buttonBar select    { -ms-flex-order:1; order:1; }
 .buttonBar .button.right    { -ms-flex-order:3; order:3; }
 .buttonBar > .primary, .buttonBar > .button    { margin:0 !important; }
 .buttonBar .buttonRow    { -ms-flex-order:3; order:3; display:-ms-flexbox; display:flex; }
 .buttonBar .buttonRow.left    { float:none; }
 .buttonBar .buttonRow.right    { float:none; }
 .buttonBar .buttonRow .button    { -ms-flex:1 0 auto; flex:1 0 auto; height:40px; width:auto !important; }
 .buttonBar .buttonRow .button[class^="icon-"], .buttonBar .buttonRow .button[class*=" icon-"]    { padding:8px; }
 .buttonBar .buttonRow .button[class^="icon-"]:before,    .buttonBar .buttonRow .button[class*=" icon-"]:before    { font-size:28px; }
 .buttonBar .buttonRow + .buttonRow    {  }
 .formW input[type=submit]    { -ms-flex-order:0; order:0; } }
.buttonSet{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	    justify-content:center;
	gap:10px;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.buttonSet .button, .buttonSet input[type=submit]{ margin:0; }
@media (max-width: 799px), (max-height: 499px)    {
 .buttonSet .button, .buttonSet input[type=submit]    { -ms-flex:1 1 auto; flex:1 1 auto; } }
.agreementListingItem{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	    justify-content:space-between;
	gap:20px;
	
	padding:var(--regionPadding);
	border-bottom:var(--mediumDividerLine);
	
	cursor:pointer;
}
.agreementListingItem:hover{ background-color:rgba(var(--brandingSecondaryRGB), .1); }
.agreementListingItem .avatarHolder{ position:relative; width:40px; -ms-flex-positive:0; flex-grow:0; }
.agreementListingItem .avatarHolder img.issuedTo{ border-radius:50%; width:40px; aspect-ratio:1; }
.agreementListingItem .avatarHolder .companyImage{ position:absolute; inset:auto 0 -6px auto; border-radius:5px; height:30px; width:30px; z-index:2; box-shadow:1px 2px 3px rgba(0, 0, 0, .12); }
.agreementListingItem .avatarHolder .companyName{ display:none; }
.agreementListingItem .mainInfo{ -ms-flex-positive:1; flex-grow:1; max-width:calc(100% - 150px); }
.agreementListingItem .mainInfo h3{ margin-bottom:6px; }
.agreementListingItem .dateInfo{ width:50px; }
.agreementListingItem .dateInfo div{ opacity:.7; font-size:12px; margin-bottom:6px; }
@media (max-width: 500px){
 .agreementListingItem    { gap:10px; }
 .agreementListingItem .mainInfo{ max-width:calc(100% - 130px); } }
@media (min-width: 800px) and (min-height: 500px)    {
 .formS input[name=title]    { width:calc(100% - 120px); margin-bottom:5px; }
 .formS .theDate    { display:inline-block; padding:5px var(--standardPaddingH); }
 .formS .formWorksheet    { margin-top:10px; } }
@media (max-width: 799px), (max-height: 499px)    {
 .formS .extendedHeaderAtMini    {  }
 .formS .theDate    { padding:5px 0; } }
@media (min-width: 700px)    {
 .pageMain:first-child .formS input[name=title]    { width:calc(100% - 406px); }
 .pageMain:first-child .formS .theDate    { position:absolute; top:-35px; right:126px; padding:0; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formS input[name=title]    { width:calc(100% - 406px); }
 .anchorWindow.floating .formS .theDate    { position:absolute; top:-35px; right:126px; padding:0; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formS input[name=title],    .leftSidebar ~ div .twSection .formS input[name=title],    .leftSidebar ~ div .sectionPaper .formS input[name=title],    .leftSidebar ~ div .courseItemEditForm .formS input[name=title]    { width:calc(100% - 406px); }
 .leftSidebar ~ div .anchorWindow .formS .theDate,    .leftSidebar ~ div .twSection .formS .theDate,    .leftSidebar ~ div .sectionPaper .formS .theDate,    .leftSidebar ~ div .courseItemEditForm .formS .theDate    { position:absolute; top:-35px; right:126px; padding:0; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formS input[name=title],    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formS input[name=title]    { width:calc(100% - 406px); }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formS .theDate,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formS .theDate    { position:absolute; top:-35px; right:126px; padding:0; } }
.SJustCompleted{
	min-height:250px;
	max-width:500px;
}
.SJustCompletedEmailer .CNTitle{ display:none; }
.SJustCompletedEmailer .buttonBar{ border-top:none; }
.clientAgreement .statusCaption{ font-style:italic; font-size:18px; margin-top:-10px; padding-bottom:10px; }
.clientAgreement .clientNoteContent{ margin-top:10px; border-top:1px solid #aaa; }
body > #clientAgreementForm{
	display:none;
}
.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: 799px), (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; }
.formCN .keyInsightHolder{ position:relative; padding:var(--regionPadding); padding-bottom:5px; overflow:auto; max-height:216px; }
.formCN .keyInsightHolder h3{ margin-bottom:10px; }
.formCN .keyInsightHolder > div{ overflow:auto; }
.formCN .keyInsightHolder .addButton{ position:absolute; top:10px; right:12px; margin:0; padding:4px 10px; height:auto; }
.formCN .keyInsightHolder .keyInsightItem{ position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; gap:10px; margin-bottom:10px; }
.formCN .keyInsightHolder .keyInsightItem .icon-check{ position:absolute; top:13px; left:13px; }
.formCN .keyInsightHolder .keyInsightItem textarea{ margin-left:25px; margin-left:0; padding-left:40px; padding-top:7px; width:100%; height:45px; min-height:45px; font-size:20px; resize:none; border-width:2px; border-style:solid; border-radius:23px; }
.formCN .keyInsightHolder .keyInsightItem textarea:focus + .holePunch{ border:1px solid var(--brandingSecondary); }
.formCN .keyInsightHolder .keyInsightItem textarea:focus + .icon-check:before{ color:var(--brandingSecondary); }
.formCN .keyInsightHolder .keyInsightItem .controls{ -ms-flex-negative:0; flex-shrink:0; }
.formCN .keyInsightHolder .keyInsightItem:not(:hover) .icon-trash{ visibility:hidden; }
.button.starredToggle{ min-width:120px; margin:0 10px 0 0 !important; }
.keyInsightListing{
	padding:3px;
}
.keyInsightListing .dateOf{ padding-left:30px; }
.keyInsightListing .dateOf:not(:first-child){ margin-top:20px; border-top:var(--minorDividerLine); padding-top:20px; }
.keyInsightListing .dateOf .icon-itemS{ position:relative; top:5px; }
.keyInsight{
	
	width:-moz-fit-content;
	
	width:fit-content;
	position:relative;
	margin:5px 0 30px 0;
	padding:5px 0 30px 0; margin:0;
	
	transition:all ease-in-out 500ms;
	max-height:400px;
}
@media (min-width: 530px){
 .keyInsight    { max-height:200px; } }
.keyInsight .main{ position:relative; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; overflow:hidden; cursor:pointer; padding:15px 30px 15px 60px; border-radius:33px; background:var(--cardBGColor); border:var(--minorDividerLine); box-shadow:0 2px 4px rgba(0, 0, 0, .10); background:linear-gradient(90deg,
			rgba(var(--brandingSecondaryRGB), .08) 0%,
			var(--cardBGColor) 90%); }
.keyInsight .main .holePunch{ position:absolute; inset:19px auto auto 19px; height:24px; aspect-ratio:1; border-radius:50%; background:var(--baseBGColor); box-shadow:inset 0 1px 4px rgba(var(--shadowColorRGB), .15); }
.keyInsight .main div.theInsight{ font-size:26px; }
.keyInsight .main .cornerSash{ transform:scale(0.7) translateX( 65px) translateY(-65px) rotate( 45deg); }
.keyInsight .main .icon-star{ position:absolute; top:21px; right:10px; left:22px; right:auto; transform:scale(1.3); opacity:1; transition:transform ease-in-out 250ms, opacity ease-in-out 250ms; transform-origin:45% 50%; }
.keyInsight .main .icon-star:hover{ transform:scale(1.6); }
.keyInsight.filterHidden{ display:none; }
.keyInsight:not(:hover) div.metaInfo{ opacity:0; }
.keyInsight div.metaInfo{ display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; gap:10px; cursor:pointer; border:var(--minorDividerLine); border-radius:20px; box-shadow:0 2px 4px rgba(0, 0, 0, .10); padding:0px 15px; height:40px; position:absolute; inset:auto 30px 10px auto; background-color:var(--cardBGColor); transition:opacity ease-in 75ms; }
.keyInsight div.metaInfo .fromWho{ position:static; height:30px; width:30px; margin-right:-8px; }
.keyInsight.keyInsight:not(.starred):not(:hover) .icon-star{ display:none; }
.keyInsight.starred .holePunch{ display:none; }
.keyInsight.starred .icon-star{ display:inline-block; }
.keyInsight.starred .icon-star:before{ text-shadow:0 0 10px var(--cardBGColor); color:var(--brandingSecondary); }
.keyInsight.starred .holePunch{ display:block; box-shadow:none; inset:16px auto auto 16px; background:transparent url(../../images/v3/graphics/starHolePunchInner.png) no-repeat; width:32px; height:31px; }
.keyInsight.starred .holePunch: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; content:"\3e"; font-size:30px; opacity:1; color:var(--brandingSecondary); -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.keyInsight.starred .icon-star{ transform:scale(3.5) !important; opacity:0; }
.starredOnly .keyInsight:not(.starred){ opacity:0; padding:0; max-height:0; }
body.darkMode .keyInsight .main{ background:linear-gradient(90deg,
				rgba(var(--brandingSecondaryRGB), .4) 0%,
				var(--cardBGColor) 90%); }
body.darkMode .keyInsight.starred .holePunch{ background-image:url(../../images/v3/graphics/starHolePunchInnerD.png); }
body.darkMode .keyInsight.starred .holePunch:before{ opacity:.6; }
.tabWindow--Whiteboard form.search .search{ max-width:100% !important; }
@media (max-width: 799px), (max-height: 499px)    {
 .tabWindow--Whiteboard form.search    { clear:both; display:-ms-flexbox; display:flex; width:100%; }
 .tabWindow--Whiteboard form.search .search    { -ms-flex:1 1 auto; flex:1 1 auto; width:40px; }
 .tabWindow--Whiteboard form.search .sortControl    { white-space:nowrap; margin-left:10px; }
 .tabWindow--Whiteboard form.search .sortControl .button    { margin:0 !important; } }
.anchorWindow .awBody .button.viewDrafts{
	position:relative; right:15px; left:auto;
	top:3px;
	margin-bottom:-15px;
	float:right;
	width:130px;
	max-width:100%;
	padding:5px 0 5px;
	height:auto;
	
}
.anchorWindow .awBody .button.viewDrafts:after{ clear:both; }
.anchorWindow .awBody form .button.viewDrafts{
	position:absolute;
	top:60px;
	z-index:1;
}
.draftsMenuHolder{
	width:0;
	transition:width ease-in .2s;
	position:absolute;
	top:0;
	right:0;
	overflow:hidden;
	height:100%;
	z-index:1;
}
form .draftsMenuHolder{ top:84px; height:calc(100% - 136px); }
@media (min-width: 950px){
 .leftMenuMini form .draftsMenuHolder    { top:50px; height:calc(100% - 111px); } }
@media (min-width: 1145px){
 form .draftsMenuHolder    { top:50px; height:calc(100% - 111px); } }
.draftsMenuHolder.showing{ width:280px; max-width:100%; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .awBody form .button.viewDrafts    { top:5px; right:15px; z-index:1; width:110px; padding:5px; }
 .formCN.formB input[name=title]    { transition:width 250ms ease-out; position:relative; z-index:2; }
 @media (max-width: 799px), (max-height: 499px)    {
  .formCN.formB input[name=title]:focus    { width:100%; } }
 .viewW .clientNoteContent    { clear:both; }
 form .draftsMenuHolder    { top:0px; height:calc(100% - 117px); height:calc(100vh - 43px); border-top:var(--mediumDividerLine); z-index:3; } }
.floating .viewW{
	min-width:400px;
}
.draftsMenu{
	width:280px;
	border-left:var(--mediumDividerLine);
	overflow:auto;
	height:100%;
	background:#fafafa;
}
.draftsMenu .draftHeader{ background:#fafafa; padding:20px 15px; border-top:var(--mediumDividerLine); border-bottom:var(--mediumDividerLine); }
.draftsMenu ul li{ background:#fafafa; border-bottom:var(--mediumDividerLine); padding:15px 0 15px 55px; position:relative; cursor:pointer; }
.draftsMenu ul li.current{ background:var(--baseBGColor); cursor:default; }
.draftsMenu ul li >.button{ margin:15px; }
.draftsMenu ul li img{ position:absolute; top:15px; left:12px; width:30px; height:30px; border-radius:15px; }
.draftsMenu ul li .button{ position:absolute; top:6px; right:15px; margin:0; display:none; padding:4px 5px; }
.draftsMenu ul li .content{ display:none; }
form .draftsMenu .draftHeader{ border-top:none; }
form .draftsMenu li .button{ display:block; }
.formB select[name=visibility]{ width:220px; }
.formB select[name="visibility"], .formB .editabilityControlsHolder, .formB .extraControls{ display:none; }
.formB.owned .editabilityControlsHolder{ display:inline-block; }
.formB.owned select[name="visibility"]{ display:inline-block; }
.formB.owned .extraControls{ display:inline-block; -ms-flex-order:1; order:1; }
.formB.owned .extraControls label{ white-space:nowrap; }
.formB.owned .tuckedControls label{ display:block; }
@media (max-width: 799px), (max-height: 499px)    {
 .formB.owned select[name="visibility"]    { width:100%; } }
#group .formB select[name=visibility]{ width:238px; }
.editabilityControlsHolder{
	display:inline-block;
	vertical-align:baseline;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .editabilityControlsHolder    {  } }
@media (max-width: 799px), (max-height: 499px)    {
 .editabilityControlsHolder    { margin-bottom:15px; -ms-flex-order:1; order:1; } }
.editabilityControl label{ display:inline-block; }
.itemCard.typeF{
	height:210px;
}
.itemCard.typeF .miniContent{ height:140px; width:100%; overflow:hidden; }
.itemCard.typeF .fileIcon{ position:absolute; top:0%; left:50%; transform:translateX(-50%) translateY(0%); transform-origin:50% 0; width:100.5%; }
.itemCard.typeF .fileIcon.generic{ width:auto; }
.itemCard:not(.editable) .controls .icon-trash,
.itemCard:not(.editable) .controls .icon-edit,
.itemCard.redoForbidden .controls .icon-edit,
#ListingSC .itemCard .controls .icon-commentW{
	opacity:.6 !important;
	cursor:default;
}
.itemCard:not(.editable) .controls .icon-trash:hover,
.itemCard:not(.editable) .controls .icon-edit:hover{ background-color:transparent; }
.fromWho, body.designerX .companyImage{
	position:absolute; top:5px; right:5px; width:40px; height:40px; border-radius:20px; z-index:1;
}
#tabWindowNT .itemCard .fromWho{top:2px;right:30px; z-index:2; }
.radioOptionBuddySection{ padding:5px 0 10px 24px; }
@media (max-width: 400px){
 #listingFormF    { display:block; margin-top:10px; }
 #listingFormF .search{ max-width:calc(100% - 140px); } }
.formF .vStretched{ width:100%; max-width:500px; }
.formF input[name=filename]{ width:calc(100% - 45px); }
.formF input[name=title]{ width:100%; }
.formF textarea[name=personalMessage],
	.formF textarea[name=description]{ width:100%; height:70px; }
.formF .vStretched{ min-height:300px; }
.formF .newlyAddedControls{ margin:0 0 10px 20px; }
.formF .notifyClientCommentControls{ margin:3px 0 10px 20px; }
#fileShareDragDropForm, #libraryFileDragDropForm{ display:none; }
.formCFE{
	width:450px;
	max-width:100%;
}
.formCFE .recipientName{ font-size:1.5em; }
.formCFE select[name=CoachID]{ width:100%; }
.formLFE{ width:530px; }
.formLF input[name=title]{ width:100%; }
.formLF input[name=filename]{ width:calc(100% - 40px); }
.formLF .vStretched{ max-width:590px; }
.formLF textarea[name=description]{ width:100%; height:60px; }
.formLF textarea[name=rawEmbed]{ width:100%; height:50px; }
.formLF select[name=Category]{ width:100%; }
.formLF.typeU .formLFtypeUTallerCell{ height:100px; }
.formLF.typeU input[name=filename]{ width:calc(100% - 70px); }
@media (min-width: 700px)    {
 .pageMain:first-child .formLF > .vStretched    { width:560px; max-width:100%; }
 .pageMain:first-child .formLFtypeUTallerCell    { height:70px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formLF > .vStretched    { width:560px; max-width:100%; }
 .anchorWindow.floating .formLFtypeUTallerCell    { height:70px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formLF > .vStretched,    .leftSidebar ~ div .twSection .formLF > .vStretched,    .leftSidebar ~ div .sectionPaper .formLF > .vStretched,    .leftSidebar ~ div .courseItemEditForm .formLF > .vStretched    { width:560px; max-width:100%; }
 .leftSidebar ~ div .anchorWindow .formLFtypeUTallerCell,    .leftSidebar ~ div .twSection .formLFtypeUTallerCell,    .leftSidebar ~ div .sectionPaper .formLFtypeUTallerCell,    .leftSidebar ~ div .courseItemEditForm .formLFtypeUTallerCell    { height:70px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formLF > .vStretched,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formLF > .vStretched    { width:560px; max-width:100%; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formLFtypeUTallerCell,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formLFtypeUTallerCell    { height:70px; } }
#clientOverviewContainer{
		display:-ms-flexbox;
		display:flex;
		position:relative;
		margin-top:25px;
	}
#clientOverviewContainer .column1{ position:relative; -ms-flex:1 1 auto; flex:1 1 auto; max-width:770px; padding-right:30px; width:calc(100% - 430px); }
#clientOverviewContainer .column1.onlyShowing{ max-width:100%; padding-right:0px; }
#clientOverviewContainer .column1:not(.onlyShowing):after{ content:''; position:absolute; top:37px; bottom:10px; right:15px; width:1px; background-color:var(--borderColor); }
#clientOverviewContainer .column2{ -ms-flex:1 1 auto; flex:1 1 auto; min-width:400px; max-width:480px; }
#clientOverviewContainer .tabWindow{ margin-top:0; }
.overviewActivity{
		height:166px;
		position:relative;
		border-color:#f88;
		border-top:var(--mediumDividerLine);
	}
.overviewActivity .padded{ height:40px; border-bottom:var(--minorDividerLine); }
.overviewActivity .icon-gear{ position:absolute; top:5px; right:0px; margin-right:15px; padding:5px 10px 0px 10px !important; height:auto !important; }
.overviewActivity form{ position:absolute; text-align:right; top:35px; left:0; right:0; overflow:hidden; pointer-events:none; z-index:1; }
.overviewActivity form > div{ padding:5px 15px 0px 15px; transform:translateY(-100%); transition:transform .2s ease-out; pointer-events:auto; border-bottom:var(--minorDividerLine); background-color:var(--baseBGColor); }
.overviewActivity form > div input[type=text], .overviewActivity form > div input[type=submit]{ margin-bottom:5px; }
.overviewActivity form.showing > div{ transform:translateY(0); }
.overviewActivity form.shown{ overflow:visible; }
.overviewActivity .vStretched{ overflow:visible; }
.overviewActivity .engagementReportChart{ height:100px; }
.overviewActivity .engagementReportGraph{ height:100%; }
@media (max-width: 400px){
 #tabWindowU .twHeader ul span{ display:none; } }
.formOverviewRecent .recentAppointment .tuckedControls label div{ max-width:200px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.formOverviewRecent + .remainingHeight{ border-top:var(--minorDividerLine); }
.overviewListing .ifEmpty{ padding:10px 15px; max-width:450px; }
.overviewListing div.overviewItem{ height:46px; border-bottom:var(--minorDividerLine); position:relative; background:transparent 13px 10px no-repeat; padding:13px 0 0 46px; cursor:pointer; }
.overviewListing div.overviewItem.blankSlate{ border-bottom:none; }
.overviewListing div.overviewItem [class^="icon-item"]{ position:absolute; top:12px; left:15px; }
.overviewListing div.overviewItem.ifEmpty{ height:auto; padding:10px 15px; }
.overviewListing div.overviewItem .what{ width:calc(100% - 240px); display:inline-block; }
.overviewListing div.overviewItem .dateOf{ position:absolute; top:13px; right:120px; }
.overviewListing div.overviewItem .statusButton{ position:absolute; top:10px; right:15px; border-radius:3px; width:90px; text-align:right; font-size:11px; padding:5px 22px 4px 0; }
.overviewListing div.overviewItem .statusButton.red{ color:var(--statusRed); }
.overviewListing div.overviewItem .statusButton.orange{ color:var(--statusOrange); }
.overviewListing div.overviewItem .statusButton.yellow{ color:var(--statusYellow); }
.overviewListing div.overviewItem .statusButton.green{ color:var(--statusGreen); }
.overviewListing div.overviewItem .statusButton.blue{ color:var(--statusBlue); }
.overviewListing div.overviewItem .statusButton.grey{ color:var(--statusGrey); }
.overviewListing div.overviewItem .statusButton:after{ content:''; position:absolute; top:4px; right:0; height:17px; width:17px; border-radius:50%; }
.overviewListing div.overviewItem .statusButton.red:after{ background-color:var(--statusRed); }
.overviewListing div.overviewItem .statusButton.orange:after{ background-color:var(--statusOrange); }
.overviewListing div.overviewItem .statusButton.yellow:after{ background-color:var(--statusYellow); }
.overviewListing div.overviewItem .statusButton.green:after{ background-color:var(--statusGreen); }
.overviewListing div.overviewItem .statusButton.blue:after{ background-color:var(--statusBlue); }
.overviewListing div.overviewItem .statusButton.grey:after{ background-color:var(--statusGrey); }
@media (max-width: 500px){
 .overviewListing div.overviewItem    { height:70px; }
 .overviewListing div.overviewItem .what{ width:calc(100% - 10px); }
 .overviewListing div.overviewItem .dateOf{ right:110px; top:40px; }
 .overviewListing div.overviewItem .statusButton{ top:38px; } }
.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: 800px) 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: 799px), (max-height: 499px)    {
 @media (max-width: 500px)    {
  .appointmentDayOptions    { float:none; clear:left; margin:0; padding-top:16px; }
  .appointmentDayOptions__slots    { width:100%; } } }
@media (min-width: 800px) 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: 700px)    {
 .pageMain:first-child .formP .rTable    {  }
 .pageMain:first-child .formP .rTable > tbody > tr > td:nth-child(2)    { width:460px; width:470px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formP .rTable    {  }
 .anchorWindow.floating .formP .rTable > tbody > tr > td:nth-child(2)    { width:460px; width:470px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formP .rTable,    .leftSidebar ~ div .twSection .formP .rTable,    .leftSidebar ~ div .sectionPaper .formP .rTable,    .leftSidebar ~ div .courseItemEditForm .formP .rTable    {  }
 .leftSidebar ~ div .anchorWindow .formP .rTable > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .twSection .formP .rTable > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .sectionPaper .formP .rTable > tbody > tr > td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .formP .rTable > tbody > tr > td:nth-child(2)    { width:460px; width:470px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formP .rTable,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formP .rTable    {  }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formP .rTable > tbody > tr > td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .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: 800px) 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; }
.galleryChooserHolder{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	width:100%;
	height:100%;
	container-type:size;
	container-name:chooserHolder;
	
}
.galleryChooserHolder .jplImageUploadForm .button--fileUpload{ position:relative; top:6px; margin-right:15px; }
.galleryChooser{
	
	display:-ms-flexbox;
	
	display:flex;
	-ms-flex:1 0;
	    flex:1 0;
	overflow:auto;
	overflow:hidden;
	position:relative;
	border-top:var(--mediumDividerLine);
	overflow:hidden;
}
.galleryChooser .gallery{ -ms-flex:1 0; flex:1 0; width:calc(100% - 250px); padding:10px 10px; margin:0 0px; border-right:var(--meenyDividerLine); overflow:auto; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:justify; justify-content:space-between; gap:15px 10px; -ms-flex-line-pack:start; align-content:start; }
.galleryChooser .gallery .image{ float:left; width:100px; height:100px; text-align:center; overflow:hidden; overflow:visible; cursor:pointer; }
.galleryChooser .gallery .image.chosen{ background:var(--cardBGColor); cursor:default; }
.galleryChooser .gallery .image.chosen img{ box-shadow:0 0 10px var(--brandingPrimary); }
.galleryChooser .gallery .image img{ max-width:100px; max-height:100px; }
.galleryChooser .selection{ visibility:hidden; position:relative; float:right; width:230px; max-width:calc(100% - 140px); overflow:auto; border-right-color:var(--primaryLight60); background-color:var(--cardBGColor); }
.galleryChooser .selection > div{ position:absolute; inset:0; padding:15px; background-color:rgba(var(--brandingPrimaryRGB), .06); }
.galleryChooser .selection .imageHolder{ text-align:center; margin:0 auto 30px auto; height:200px; }
.galleryChooser .selection .imageHolder img{ max-height:200px; max-width:200px; }
.galleryChooser .selection form{ padding-left:25px; }
.galleryChooser .selection label{ display:inline-block; width:45px; }
.galleryChooser .selection select{ width:92px; }
.galleryChooser .selection.showing{ visibility:visible; }
.galleryChooser .selection .icon-close{ display:none; }
@container chooserHolder (max-width: 600px){
	
	.galleryChooser{
		display:block;
	}
	
	.galleryChooser .gallery{ width:100%; }
	
	.galleryChooser .selection{ float:none; visibility:visible; position:absolute; inset:0 0 auto auto; height:auto; max-height:calc(100% - 20px); border-radius:0 0 0 10px; box-shadow:0px 0px 10px 4px rgba(0, 0, 0, .15); max-width:calc(100% - 15px); transform:translateX(calc(100% + 15px)); transition:transform ease-in 100ms; z-index:1; }
	
	.galleryChooser .selection > div{ position:relative; padding-top:40px; inset:auto; }
	
	.galleryChooser .selection.showing{ transform:translateX(0); }
	
	.galleryChooser .selection .icon-close{ display:block; position:absolute; top:10px; right:10px; }
}
.galleryChooser .gallerySearch{
	padding:10px 15px; background:var(--cardBGColor); margin:-10px -10px 10px -10px;
	box-shadow:0 1px 2px rgba(0, 0, 0, .2);
}
.galleryChooser .gallerySearch form{ display:block; }
.galleryChooser .gallerySearch input{ width:100%; }
.emptyGallery{
	background:var(--meenyBorderColor); border-radius:30px; margin:20px; padding:80px 60px; font-size:16px;
}
@media (max-width: 799px), (max-height: 499px)    {
 .emptyGallery    { margin:15px 10px; padding:15px; } }
.formEM .vStretched{ max-width:500px; }
.formEM select[name=filename],
	.formEM input[name=otherFileTitle],
	.formEM input[name=otherFileButtonText]{ width:100%; }
#listingFormLIO .styleCheckbox, #listingFormLIA .styleCheckbox{ margin-right:10px; }
@media (max-width: 799px), (max-height: 499px)    {
 #listingFormLIO .styleCheckbox,    #listingFormLIA .styleCheckbox    { display:block; margin-bottom:10px; text-align:left; }
 #listingFormLIO select[name=CoachID],    #listingFormLIA select[name=CoachID]    { width:50%; float:left; }
 #listingFormLIO select[name=CoachID] + input.search,    #listingFormLIA select[name=CoachID] + input.search    { width:calc(50% - 10px); } }
.invoiceAccounts{
	width:100%;
}
.invoiceAccounts tbody{ height:calc(100% - 100); overflow:auto; }
.invoiceAccounts td{ padding:20px 10px 20px 10px; vertical-align:middle; text-align:right; }
.responsiveTable .invoiceAccounts td:first-child{ text-align:left; }
.invoiceAccounts td.withAvatar{ text-align:left; font-weight:700; white-space:nowrap; }
.maybeEmpty > .invoiceAccounts td.withAvatar{ position:relative; padding:20px 10px 20px 70px; }
.maybeEmpty > .invoiceAccounts td.withAvatar img{ height:40px; width:40px; border-radius:50%; background-color:#ffffff; position:absolute; top:10px; left:10px; }
.responsiveTable .invoiceAccounts td.withAvatar img{ display:none; }
.invoiceAccounts .hasCardOnFile{ display:inline-block; position:relative; top:4px; margin-left:10px; background:#aaa; border-radius:2px; height:19px; width:27px; }
.invoiceAccounts .hasCardOnFile.mayAutoBill:after{ position:absolute; top:0px; left:10px; content:''; height:15px; width:8px; transform:rotate(45deg); border-right:3px solid #fff; border-bottom:3px solid #fff; }
.invoiceSendLog{
	width:-moz-max-content;
	width:max-content;
	max-width:80vw;
}
.highlightable:hover td{ background-color:#e1e1e1; }
.accountHeader{
	position:relative;
	padding:10px 15px 10px 15px;
}
.accountHeader .avatarAndName{ vertical-align:middle; float:left; }
.accountHeader .avatarAndName .avatar{ vertical-align:middle; height:50px; width:50px; margin-right:20px; }
.accountHeader .avatarAndName h2{ display:inline-block; vertical-align:middle; margin:0; }
@media (max-width: 799px), (max-height: 499px)    {
 .accountHeader .avatarAndName    { float:none; margin-bottom:10px; } }
th.invoiceAmount{ text-align:right !important; max-width:100px; }
table.invoiceListing{
}
table.invoiceListing th.controls:{ width:50px; }
table.invoiceListing .paid{ color:#0FBF12; }
table.invoiceListing .sent{ color:#35ABEA; }
table.invoiceListing .scheduled{ color:#8312CE; }
table.invoiceListing .outstanding{ color:#000000; }
table.invoiceListing tr td{ height:40px; vertical-align:middle; }
table.invoiceListing tr td.right{  }
table.invoiceListing tr td.right:last-child{ padding-right:35px; }
table.invoiceListing tr.top td{ padding-top:10px; vertical-align:top; }
.responsiveTable__scrollable table.invoiceListing tfoot td.firstScrolling{ padding-bottom:60px; }
.formI .vStretched>div, .formE .vStretched>div{ max-width:600px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .anchorWindow.floating .formI,    .anchorWindow.floating .formE    { width:550px; } }
.formI select[name=ClientID], .formI select[name=IID], .formI ._awesomeSelectStandInWrapper, .formE select[name=ClientID], .formE select[name=IID], .formE ._awesomeSelectStandInWrapper{ width:100%; }
.formI .invoiceLineItems .lineItem, .formE .invoiceLineItems .lineItem{ padding-bottom:3px; position:relative; }
.formI .invoiceLineItems .lineItem .icon-trash, .formE .invoiceLineItems .lineItem .icon-trash{ position:absolute; display:none; top:7px; right:0; }
.formI .invoiceLineItems .lineItem .icon-trash:before, .formE .invoiceLineItems .lineItem .icon-trash:before{ font-size:26px; letter-spacing:0; }
.formI .invoiceLineItems .lineItem:hover .icon-trash, .formE .invoiceLineItems .lineItem:hover .icon-trash{ display:block; }
.formI .invoiceLineItems .item, .formE .invoiceLineItems .item{ width:calc(100% - 136px); margin-right:15px; font-size:16px; }
.formI .invoiceLineItems .amount, .formE .invoiceLineItems .amount{ width:88px; font-size:16px; }
.formI input[name=taxRate], .formE input[name=taxRate]{ width:58px; text-align:right; }
.formI input[name=daysUntilDue], .formI input[name=invoiceDaysUntilDue], .formE input[name=daysUntilDue], .formE input[name=invoiceDaysUntilDue]{ width:48px; }
.formI .totalsAndSend, .formE .totalsAndSend{ text-align:right; position:relative; }
@media (max-width: 799px), (max-height: 499px)    {
 .formI .totalsAndSend, .formE .totalsAndSend    { margin-top:20px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .formI .totalsAndSend .applyTaxes, .formE .totalsAndSend .applyTaxes    { position:absolute; top:20px; left:2px; } }
.formI .totalsAndSend .invoiceTotals, .formE .totalsAndSend .invoiceTotals{ font-size:15px; width:100%; }
.formI .totalsAndSend .invoiceTotals span, .formE .totalsAndSend .invoiceTotals span{ font-size:17px; }
.formI .totalsAndSend .invoiceTotals td, .formE .totalsAndSend .invoiceTotals td{ padding:2px; }
.formI .totalsAndSend .invoiceTotals td:first-child, .formE .totalsAndSend .invoiceTotals td:first-child{ text-align:right; padding-top:4px; }
.formI .totalsAndSend .invoiceTotals td:nth-child(2), .formE .totalsAndSend .invoiceTotals td:nth-child(2){ white-space:nowrap; width:90px; }
.formI .totalsAndSend .sendControls, .formE .totalsAndSend .sendControls{ padding-top:10px; }
.formI .cardOnFileNote, .formE .cardOnFileNote{ float:right; text-align:right; margin-top:8px; max-width:260px; }
select[name=sequenceStep]{ width:58px; }
select[name=sequenceTimeUnit]{ width:92px; }
.formIP .vStretched{ max-width:500px; }
.formIP input[type=text], .formIP select[name=method]{ width:120px; }
.formIP input[name=checkNumber]{ width:87px; }
.formIP textarea{ width:100%; height:90px; }
.totalsTable{
	width:100%;
	text-align:right;
	padding:16px 20px 0 0;
}
.totalsTable td{ padding:2px 0; }
.totalsTable td:nth-child(2){ width:100px; }
.totalsTable tr.final{ font-weight:bold; }
.overdueInvoices .CCPaymentProfiles .icon-edit{
	display:none;
}
.invoicePaymentSection{ 
	margin:0 auto; max-width:580px;
	transform:translate3d(0, 0, 2px);
}
.CCInputs .CCNumber{ width:100%; }
.CCInputs .CCCVC{ width:150px; }
input.money{
	background:var(--inputBGColor) 0 50% no-repeat;
	padding-left:10px;
	text-align:right;
}
body:not(.darkMode) input.money-dollar{ background-image:url(../../images/chrome/moneyInputBG-dollar.gif) }
body:not(.darkMode) input.money-pound{ background-image:url(../../images/chrome/moneyInputBG-pound.gif) }
body:not(.darkMode) input.money-euro{ background-image:url(../../images/chrome/moneyInputBG-euro.gif) }
body:not(.darkMode) input.money-peso{ background-image:url(../../images/chrome/moneyInputBG-peso.gif) }
body:not(.darkMode) input.money-rupee{ background-image:url(../../images/chrome/moneyInputBG-rupee.gif) }
body:not(.darkMode) input.money-KSh{ background-image:url(../../images/chrome/moneyInputBG-KSh.gif) }
body:not(.darkMode) input.money-ZK{ background-image:url(../../images/chrome/moneyInputBG-ZK.gif) }
body:not(.darkMode) input.money-R{ background-image:url(../../images/chrome/moneyInputBG-R.gif) }
body:not(.darkMode) input.money-TRY,
	body:not(.darkMode) input.money-X{ background-image:none; }
.sectionBar{
	background-color:#fff;
}
.CCPaymentProfiles{
	width:450px;
	max-width:100%;
}
.CCPaymentProfiles select{ width:calc(100% - 105px); max-width:240px; }
.CCPaymentProfiles .icon-edit{ position:relative; top:4px; left:0px; margin-left:4px; }
.paymentProfileCollection{
	max-width:570px;
}
.CCListing > div{
	padding:11px 20px 15px 110px;
	border-bottom:1px solid #BBBBBB;
	position:relative;
}
.CCListing > div:nth-child(even){ background:#f8f8f8; }
.CCListing > div:first-child{ border-top:1px solid #BBBBBB; }
.CCListing > div img{ position:absolute; top:12px; left:20px; box-shadow:1px 2px 5px rgba(0, 0, 0, 0.4); border-radius:5px; }
.CCListing > div .expiry{ margin-bottom:6px; }
.CCListing > div .expiry.expired{ color:#880000; }
@media (min-width: 800px)    {
 .CCListing > div .expiry    { position:absolute; top:26px; left:380px; } }
.CCListing > div .icon-trash{ position:absolute; top:26px; right:10px; margin:0; }
.CCListing > div .transferLink{ display:block; margin-top:10px; }
.tabWindow--sectionInvoiceConfig .twHeader ul li{ max-width:min(140px, 25%) !important; }
.formCIC textarea{ width:100%; }
.formCIC textarea[name=clientInvoiceHeaderExtra]{ min-height:90px; max-width:600px; }
.formCIC textarea[name=clientInvoiceUnpaidLockoutMessage]{ min-height:120px; }
.formCIC input[name=PayPalEmailAddress]{ width:100%; }
.formCIC input[name=clientInvoiceDefaultDaysUntilDue]{ width:40px; }
.formCIC .unpdaidInvoiceLockoutControls{ max-width:680px; transition:opacity .2s ease-out; }
.formCIC .unpdaidInvoiceLockoutControls input[name=clientInvoiceUnpaidLockoutAmount]{ width:100px; }
.formCIC .paymentProcessorButtonSet{ margin-top:6px; border-bottom:1px solid #888888; height:133px; }
.formCIC .paymentProcessorButtonSet li{ display:inline-block; margin-right:-1px; height:133px; width:25%; max-width:125px; background-color:var(--cardBGColor); border:1px solid #888888; padding:10px 15px 5px; text-align:center; cursor:pointer; opacity:.4; }
.formCIC .paymentProcessorButtonSet li.tabSelected, .formCIC .paymentProcessorButtonSet li:hover{ opacity:1; }
.formCIC .paymentProcessorButtonSet li.tabSelected{ cursor:default; box-shadow:inset 0 4px #6c9c31; border-bottom:1px solid var(--cardBGColor); }
.formCIC .paymentProcessorButtonSet li img{ width:100%; border-radius:5px; display:block; margin-bottom:6px; }
.formCIC .paymentProcessorControlsSet{ margin-top:0px; position:relative; }
.formCIC .paymentProcessorControlsSet > div{ width:100%; border:1px solid #888888; border-top:none; border-radius:0 0 6px 6px; background-color:var(--cardBGColor); padding:15px 15px; }
.formCIC .payPalOverrideControl{ margin-bottom:30px; }
.formCIC{
	transition:opacity .2s ease-out;

}
.formCIC .vStretched{ max-width:700px; }
.formCIC.inactive{ opacity:.6; pointer-events:none; -ms-user-select:none; user-select:none; -moz-user-select:none; -webkit-user-select:none; }
.formCIC select{ width:250px; max-width:100%; }
.formCIC .currencyControls .primaryLabel{ display:none; }
.formCIC .currencyControls .toMultiModeLink{ display:block; margin-top:4px; }
.formCIC .currencyControls .multipleCurrencyField{ display:none; }
.formCIC .currencyControls.multipleMode .primaryLabel{ display:inline; }
.formCIC .currencyControls.multipleMode .toMultiModeLink{ display:none; }
.formCIC .currencyControls.multipleMode .multipleCurrencyField{ display:block; padding:10px 0 0 20px; }
.formCIC .currencyControls.multipleMode .multipleCurrencyField label{ display:inline-block; margin:4px 0; width:210px; }
.inactiveDiv{
	opacity:.6;
	pointer-events:none;
	-ms-user-select:none;
	    user-select:none; -moz-user-select:none; -webkit-user-select:none;
}
.itemHR{
	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);
	overflow:hidden;
	position:relative;
	padding:0px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:stretch;
	    align-items:stretch;
	-ms-flex-pack:justify;
	    justify-content:space-between;
	float:none;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .itemHR    { margin-left:0; } }
.itemHR:hover    { background-color:var(--highlight06); }
.designer .itemHR.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .itemHR.clickable:hover    { background-color:var(--highlight06); }
.itemHR--info{ padding:20px 15px 15px 30px; position:relative; -ms-flex:1 1 50%; flex:1 1 50%; }
@media screen and (max-width: 390px){
 .itemHR--info    { padding-bottom:55px; } }
.itemHR--info h3{ font-size:1.3rem; margin:0 0 10px 0; }
.itemHR--info .includeItemIcons{ position:relative; top:3px; }
.itemHR--clients{ padding:15px 5px 15px 15px; width:50%; max-width:410px; -ms-flex:1 1 50%; flex:1 1 50%; border-left:var(--mediumDividerLine); display:none; overflow:auto; max-height:220px; }
@media (min-width: 800px)    {
 .itemHR--clients    { display:block; } }
.itemHR--clients img{ height:46px; width:46px; margin:3px; border-radius:50%; }
.itemHR .controlsHolder{ position:absolute; bottom:15px; right:15px; }
.itemHR .controlsHolder .buttonRow ~ .button{ display:none; }
.itemHR .cornerSash{ display:none; }
.itemHR:hover{ background-color:var(--highlight03); }
body.darkMode #happeningsReportPreview > div{ background:var(--baseBGColor) !important; }
.formHR .vStretched table{ max-width:600px; }
.formHR .userPicker{ margin-bottom:6px; }
.formHR .userPicker label.styleRadio:first-child{ margin-bottom:6px; }
.formHR .insetSection .styleCheckbox{ margin:0 10px 4px 0; min-width:calc(50% - 10px); float:left; }
.formHR select{ width:100%; }
.formHR input[name=sendToEmails]{ width:100%; }
.formHRP .primary{ width:auto !important; }
@media (max-width: 400px){
 .formHRP .mBR{ display:block; margin-top:6px; }
 .formHRP .primary{ width:100% !important; } }
.businessCenterAddButtons div.nextElement{ margin:0; padding:0 0 6px 0; }
.businessCenterAddButtons .button{ margin:0 0 0px 0; width:100%; }
.businessOverviewWidgets{
	padding-bottom:20px;
	
	display:-ms-flexbox;
	
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	gap:20px;
	margin-bottom:20px;
}
.businessOverviewWidgets div.widget{ position:relative; border:var(--dividerLine); border-radius:10px; background-color:var(--cardBGColor); padding:15px var(--standardPadding); -ms-flex:1 0 auto; flex:1 0 auto; width:calc(50% - 10px); min-width:270px; min-height:250px; }
.businessOverviewWidgets div.widget.fullWidth{ width:100%; }
@media (max-width: 799px), (max-height: 499px)    {
 .businessOverviewWidgets div.widget    { width:100%; } }
.businessOverviewWidgets div.widget .controls{ --cardBGColorX:#f00; position:absolute; inset:var(--standardPadding) var(--standardPadding) auto auto; inset:10px 10px auto auto; background:var(--cardBGColor); padding:0 0 5px 5px; box-shadow:0 0 10px var(--cardBGColor); z-index:1; transform:translateX(0px); transition:all 100ms ease-in; }
.businessOverviewWidgets div.widget .controls .icon-dragDots{ cursor:move; }
.businessOverviewWidgets div.widget .metricGraph{ height:240px; }
.businessOverviewWidgets div.widget form.inlinePopUp{ inset:10px 10px auto auto; min-width:210px; }
.businessOverviewWidgets div.widget form.inlinePopUp .icon-close{ position:absolute; inset:12px 6px auto auto; }
.businessOverviewWidgets div.widget form.inlinePopUp h4{ color:inherit; font-weight:600; margin-bottom:10px; }
.businessOverviewWidgets:not(.editing) div.widget .controls{ opacity:0; transform:translateX(10px); pointer-events:none; }
.widget .powerMeter{ border-radius:4px; position:relative; background-color:var(--fadedBGColor); width:100%; height:30px; margin:16px 0; overflow:hidden; }
.widget .powerMeter > div{ float:left; height:100%; }
.widget .powerMeter > div.status0, .widget .powerMeter > div.filled{ background-color:var(--statusBlue); }
.widget .powerMeter > div.status1{ background-color:var(--statusYellow); }
.widget .powerMeter > div.status2{ background-color:var(--statusGreen); }
.widget .statSet{ display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around; margin-top:20px; }
.widget .statSet > div{ text-align:center; border:1px solid transparent; padding:10px 5px; border-radius:5px; -ms-flex-positive:1; flex-grow:1; }
.widget .statSet > div div.theNumber{ margin-top:10px; font-size:70px; }
.widget .statSet > div:hover{ cursor:pointer; border:1px solid rgba(var(--brandingPrimaryRGB), .5); }
.widget .revenueSummary .theTotal{ font-weight:bold; font-size:36px; }
.widget .revenueSummary .theTotal{ font-weight:bold; font-size:26px; }
.widget.offeringSignUps .offeringSignUpSummary{ max-height:250px; padding-right:10px; margin-right:-10px; overflow:auto; }
.widget.offeringSignUps .offeringSignUpSummary > div{ margin-top:16px; }
.widget.offeringSignUps .offeringSignUpSummary > div .topLine{ display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; gap:10px; }
.widget.offeringSignUps .offeringSignUpSummary > div .topLine .offeringName{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.widget.offeringSignUps .offeringSignUpSummary > div .topLine .amountPaid{ white-space:nowrap; }
.widget.offeringSignUps .offeringSignUpSummary > div .powerMeter{ margin:0; height:15px; background-color:var(--fadedBGColor); }
.widget.offeringSignUps .offeringSignUpSummary.hasMany > div{ margin-top:6px; }
.streamItem{
	position:relative;
	padding:0 0 30px 0px;
	min-width:300px;
	margin-bottom:20px;
}
.streamItem .typeIcon{ position:absolute; top:10px; left:10px; width:41px; height:41px; border-radius:21px; border:var(--dividerLine); background:var(--cardBGColor); z-index:1; }
.streamItem .dateOf{ font-size:15px; }
.streamItem .dateOfMore{ font-size:12px; color:#878787; display:inline-block; margin-left:10px; }
.streamItem .fromWho{ position:absolute; top:10px; right:15px; width:40px; height:40px; border-radius:50%; }
.streamItem .streamItemInnards{ position:relative; background:var(--cardBGColor); border-top:var(--minorDividerLine); border-radius:0 0 var(--roundedRadius) var(--roundedRadius); min-height:70px; overflow:hidden; }
.streamItem .streamItemInnards .itemMemoSection{ border-top:var(--minorDividerLine); }
.streamItem .streamItemInnards .whenOpened{ padding:6px 15px; }
.streamItem .streamItemInnards > hr{ margin-top:0; }
.streamItem .streamItemInnards .extraControls{ position:absolute; bottom:6px; right:15px; z-index:1; display:none; }
body.touch .streamItem .streamItemInnards .extraControls{ display:block; }
@media (min-width: 800px) and (min-height: 500px)    {
 .anchorWindow.floating .streamItem .streamItemInnards    { min-width:550px; } }
.streamItem .streamItemInnards .accessButtons{ margin:5 auto 0 auto; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; }
.streamItem .streamItemInnards .accessButtons .button{ margin:0 5px; width:calc(50% - 10px); max-width:150px; }
.streamItem:hover .streamItemInnards .extraControls{ display:block; }
.anchorWindow .streamItem:hover .streamItemInnards .extraControls{ display:none; }
.streamItem h3.title{ margin:0; }
.streamItem .comment a{ color:#558CCC; }
.streamItem .privacyOption{ margin:6px 0 0 25px; }
.streamItem .streamFileImage{ display:block; margin:0 auto 16px auto; max-width:min(600px, calc(100vw - 60px)); max-width:100%; max-height:350px; cursor:pointer; background-color:#ffffff; }
.streamItem .fileThumbnailContent.generic{ margin:0 auto 20px; max-width:400px; border-radius:10px; border:1px solid rgb(var(--genericColorRGB)); }
.streamItem .streamItemCommentBox{ position:relative; padding:6px 70px 15px 70px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .streamItem .streamItemCommentBox    { margin:0px 40px 0 40px; } }
#groupStream .streamItem .streamItemCommentBox{ padding-right:0; }
.streamItem .streamItemCommentBox.viewMoreOrLessInEffect:after{ height:45px; }
@media (max-width: 400px)    {
 .streamItem .streamItemCommentBox    { padding-left:55px; padding-right:55px; } }
.streamItem .streamItemNonCommentsArea{ position:relative; 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); margin-bottom:0; }
@media (min-width: 800px) and (min-height: 500px)    {
 .streamItem .streamItemNonCommentsArea    { margin-left:0; } }
.streamItem .streamItemNonCommentsArea:hover    { background-color:var(--highlight06); }
.designer .streamItem .streamItemNonCommentsArea.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .streamItem .streamItemNonCommentsArea.clickable:hover    { background-color:var(--highlight06); }
.streamItem .streamItemNonCommentsArea:hover{ background-color:var(--cardBGColor); }
@media (min-width: 800px) and (min-height: 500px)    {
 .streamItem .streamItemNonCommentsArea    { margin-top:0; } }
.streamItem .streamItemNonCommentsArea .pinControl{ position:absolute; padding:0 0 5px 5px; top:-10px; right:-10px; opacity:0; z-index:2; transition:opacity ease-in 150ms; }
.streamItem .streamItemNonCommentsArea .pinControl .icon-pin{ display:block; transform:rotate(90deg); transition:transform ease-in 150ms, -webkit-clip-path ease-in 150ms; transition:transform ease-in 150ms, clip-path ease-in 150ms; transition:transform ease-in 150ms, clip-path ease-in 150ms, -webkit-clip-path ease-in 150ms; }
.streamItem .streamItemNonCommentsArea:hover .pinControl{ opacity:1; }
.streamItem .streamItemNonCommentsArea:hover .pinControl:hover a.icon-pin{ transform:rotate(0deg) translate(10px, -10px); }
.streamItem.pinned .pinControl{ opacity:1; top:-15px; }
.streamItem.pinned .pinControl .icon-pin{ transform:rotate(-45deg); -webkit-clip-path:polygon(50% 100%, 100% 100%, 100% 0, 0 0, 0 50%); clip-path:polygon(50% 100%, 100% 100%, 100% 0, 0 0, 0 50%); }
.streamItem.pinned:hover .pinControl:hover a.icon-pin{ transform:rotate(-45deg) translate(5px, -5px); -webkit-clip-path:polygon(0 100%, 100% 100%, 100% 0, 0 0, 0 50%); clip-path:polygon(0 100%, 100% 100%, 100% 0, 0 0, 0 50%); }
.streamItem .streamItemInnards + .streamItemCommentBox,
	.streamItem .streamItemNonCommentsArea + .streamItemCommentBox{ border-top:none; }
.streamItem .streamComment{ clear:both; position:relative; margin:12px 0 0 0; max-width:600px; }
.streamItem .streamComment .commentAvatar{ width:56px; height:40px; position:absolute; top:0; z-index:1; background:transparent; }
@media (max-width: 400px)    {
 .streamItem .streamComment .commentAvatar    { width:51px; } }
.streamItem .streamComment .commentAvatar img, .streamItem .streamComment .commentAvatar div.imgSub{ width:36px !important; height:36px !important; background-size:36px auto; border-radius:50%; background-color:#fff; }
@media (max-width: 400px)    {
 .streamItem .streamComment .commentAvatar img, .streamItem .streamComment .commentAvatar div.imgSub    { position:relative; top:3px; left:3px; width:31px !important; height:31px !important; background-size:31px auto; } }
.streamItem .streamComment .commentAvatar .rightName{ position:absolute; bottom:2px; left:60px; width:130px; text-align:left; }
.streamItem .streamComment .commentAvatar:after{ content:''; border:var(--mediumDividerLine); position:absolute; top:12px; height:12px; width:12px; background-color:var(--baseBGColor); transform:scale(1, .7) rotate(45deg); }
.streamItem .streamComment .commentAvatar.addedByC + div.comment, .streamItem .streamComment .commentAvatar.addedByC:after{ background-color:var(--brandingPrimary); border-color:var(--brandingPrimary); }
.streamItem .streamComment .commentAvatar.addedByC + div.comment .controlsDiv{ background-color:var(--brandingPrimary); box-shadow:-5px 0px 5px 6px var(--brandingPrimary); }
.streamItem .streamComment .commentAvatar.addedByL + div.comment, .streamItem .streamComment .commentAvatar.addedByL:after{ background-color:var(--brandingSecondary); border-color:var(--brandingSecondary); }
.streamItem .streamComment .commentAvatar.addedByL + div.comment .controlsDiv{ background-color:var(--brandingSecondary); box-shadow:-5px 0px 5px 6px var(--brandingSecondary); }
.streamItem .streamComment .commentAvatar.rightSide{ right:-55px; background:transparent; text-align:right; }
.streamItem .streamComment .commentAvatar.rightSide:after{ border-left:none; border-bottom:none; left:-5.5px; }
.streamItem .streamComment .commentAvatar.rightSide + div.comment{ float:right; }
.streamItem .streamComment .commentAvatar.rightSide div.imgSub{ position:absolute; left:auto; right:0; }
@media (max-width: 400px)    {
 .streamItem .streamComment .commentAvatar.rightSide div.imgSub    { right:3px; } }
@media (max-width: 400px)    {
 .streamItem .streamComment .commentAvatar.rightSide    { right:-50px; } }
.streamItem .streamComment .commentAvatar.leftSide{ left:-55px; }
@media (max-width: 400px)    {
 .streamItem .streamComment .commentAvatar.leftSide    { left:-50px; } }
.streamItem .streamComment .commentAvatar.leftSide:after{ border-right:none; border-top:none; right:-5.5px; }
.streamItem .streamComment .childCommentHolder{ margin:5px 0 5px 20px; }
.streamItem .streamComment .childCommentHolder .childCommentHolder{ margin:5px 0 5px 20px; }
.streamItem .streamComment .childCommentHolder .childCommentHolder .childCommentHolder{ margin:5px 0 5px 20px; }
.streamItem .streamComment div.comment{ position:relative; display:inline-block; background:var(--brandingPrimary); border-radius:10px; padding:10px 15px; color:#ffffff; background-color:var(--brandingPrimary); font-size:15px; max-width:calc(100% - 40px); text-overflow:ellipsis; }
.streamItem .streamComment div.comment .commentText a{ color:#fff; text-decoration:underline; word-wrap:break-word; }
.streamItem .streamComment div.comment .dateAdded{ display:none; }
.streamItem .streamComment div.comment .controlsDiv{ top:8px; right:5px; position:absolute; display:none; z-index:1; }
.streamItem .streamComment div.comment .replyButton{ position:absolute; display:none; padding:3px 6px; height:auto; }
.streamItem .streamComment div.comment .replyButton{ bottom:-8px; left:8px; }
.streamItem .streamComment div.comment:hover .controlsDiv, .streamItem .streamComment div.comment.clicked .controlsDiv, .streamItem .streamComment div.comment:hover .replyButton, .streamItem .streamComment div.comment.clicked .replyButton{ display:inline-block; }
.streamItem .streamComment div.comment .controlsDiv a, .streamItem .streamComment div.comment .replyButton{ text-decoration:none; }
.streamItem .streamComment div.comment .controlsDiv a:before, .streamItem .streamComment div.comment .replyButton:before{ color:#fff; }
.streamItem .streamComment.private{ opacity:.5; }
.streamItem .streamComment.private .private{ opacity:1; }
.streamItem form.streamComment textarea.comment{ cursor:pointer; resize:none; height:40px; max-height:40px; overflow:hidden; background:var(--baseBGColor); width:180px; padding:7px 8px 5px 40px; transition:all 0.2s; }
.streamItem form.streamComment .icon-comment{ display:inline-block; position:absolute; top:7px; left:10px; z-index:1; opacity:1; pointer-events:none; transition:opacity 0.2s; }
.streamItem form.streamComment .commentControls{ display:none; margin-top:3px; }
.streamItem form.streamComment.active .commentAvatar{ opacity:1; }
.streamItem form.streamComment.active .commentControls{ display:block; }
.streamItem form.streamComment.active .icon-comment{ opacity:0; }
.streamItem form.streamComment.active textarea.comment{ cursor:default; height:100px; width:100%; min-height:100px; max-height:9999px; padding:6px 12px; background:var(--baseBGColor) !important; border:var(--mediumDividerLine); overflow:hidden; transform:translate3d(0, 0, 1px); }
.streamItem form.streamComment:not(.active) textarea.comment{ border-radius:6px; }
.streamItem form.streamComment:not(.active) textarea.comment:hover{ border-color:var(--brandingSecondary); }
.streamItem form.streamComment:not(.active) textarea.comment:hover:-ms-input-placeholder{ color:var(--brandingSecondary); }
.streamItem form.streamComment:not(.active) textarea.comment:hover::placeholder{ color:var(--brandingSecondary); }
.streamItem form.streamComment:not(.active) textarea.comment:-ms-input-placeholder{ color:var(--baseColor); }
.streamItem form.streamComment:not(.active) textarea.comment::placeholder{ color:var(--baseColor); }
.streamItem form.streamComment .commentAvatar{ opacity:0; pointer-events:none; transition:opacity ease-in 0.2s; }
.streamCommentEditForm textarea{ width:400px; max-width:100%; min-height:80px; }
.anchorWindow .pinControl{ display:none; }
.streamItemBox{
	position:relative;
	min-height:74px;
}
.streamItemHeaderBox{
	padding:10px 5px 0 65px;
	height:60px;
	position:relative;
	overflow:hidden;
}
@media (max-width: 400px){
 .streamItemHeaderBox .dateOfMore{ display:none; } }
body:not(.printing) > .streamItemModalView{ display:none; }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain    {  }
 .leftSidebar ~ .pageMain .streamItem    {  } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain    {  }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem    {  } }
@media (min-width: 800px)    {
 .pageMain:first-child .streamItem    { background-position:18px 0; padding:0 0 30px 20px; max-width:953px; }
 .pageMain:first-child .streamItem .nib    { display:none; }
 .pageMain:first-child .streamItem .typeIcon    { top:10px; left:0px; }
 .pageMain:first-child .streamItem .streamItemHeaderBox    { padding-left:30px; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .streamItem,    .leftSidebar ~ .portableAnchorContainer .streamItem    { background-position:18px 0; padding:0 0 30px 20px; max-width:953px; }
 .leftSidebar ~ .pageMain .streamItem .nib,    .leftSidebar ~ .portableAnchorContainer .streamItem .nib    { display:none; }
 .leftSidebar ~ .pageMain .streamItem .typeIcon,    .leftSidebar ~ .portableAnchorContainer .streamItem .typeIcon    { top:10px; left:0px; }
 .leftSidebar ~ .pageMain .streamItem .streamItemHeaderBox,    .leftSidebar ~ .portableAnchorContainer .streamItem .streamItemHeaderBox    { padding-left:30px; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem    { background-position:18px 0; padding:0 0 30px 20px; max-width:953px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem .nib    { display:none; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem .typeIcon    { top:10px; left:0px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamItem .streamItemHeaderBox    { padding-left:30px; } }
.streamItemModalView .streamItem{ background-image:none; }
@media (max-width: 380px){
	.streamItemModalView .vStretched{ margin:-10px -15px 0 -15px; width:calc(100% + 30px); }
	.streamItemModalView .streamItemBox{ border-top:none; border-left:none; border-right:none; }
}
.typeIcon{
	text-align:center;
	padding-top:9px;
}
.typeIcon:before{ letter-spacing:0; }
.typeIcon.private:before{ color:#aaa; }
.typeIcon .icon-private{ position:relative; top:-38px; left:12px; }
.typeIcon .icon-private:before{ color:#f44; }
.typeIcon .icon-private.private-C:before{ color:var(--statusOrange); }
.typeIcon .icon-private.private-J:before{ color:var(--statusPurple); }
.streamItem.typeA .action{
	margin:0;
	border:0;
}
.streamItem.typeF .streamItemInnards, .streamItem.typeW .streamItemInnards{ padding:10px 15px; }
.streamItem.typeF .streamClientNote,  .streamItem.typeW .streamItemInnards .streamClientNote{ padding:0; }
.streamItem.typeF .streamClientNote{ margin-top:16px; }
.streamClientNote.clientNoteContent{
	position:relative;
	max-height:150px;
	min-width:200px;
	overflow:hidden;
	box-shadow:none !important;
	min-height:0;
	
}
body.printing .streamClientNote.clientNoteContent{
	max-height:none;
}
body.printing .streamClientNote.clientNoteContent > .overlay, body.printing .streamClientNote.clientNoteContent > div.viewMore{ display:none; }
.streamItem.typeF .streamClientNote.clientNoteContent{ padding:0; margin-top:16px; }
.streamClientNote > .overlay{
	position:absolute;
	bottom:0;
	left:0;
	height:30px;
	width:100%;
	background:linear-gradient(to top, #fff, #fff0 100%);
	z-index:1;
}
.streamClientNote > div .overlay{ display:none; }
.streamClientNote > div .viewMore{ display:none; }
.streamClientNote > .viewMore{
	position:absolute;
	bottom:-2px;
	left:0;
	text-align:center;
	width:100%;
	z-index:1;
}
.anchorWindow .streamClientNote > .viewMore{ bottom:4px; }
.metricGraph.streamMetricGraph{ height:200px; }
.streamHolder{
	position:relative;
	
	overflow:visible;
	overflow-x:hidden;
	
	min-height:calc(100vh - 115px);
}
@media (min-width: 800px) and (min-height: 500px)    {
 .streamHolder    { height:calc(100vh - var(--topBarHeight)); margin-right:-30px; } }
.streamHolder .adaLebih{ display:block; margin:0 0 90px 0px; padding:15px 30px; height:auto; }
@media (max-width: 799px), (max-height: 499px)    {
 .streamHolder .adaLebih    { margin:0 30px 120px 30px; } }
.streamHolder form.streamControls{ position:absolute; top:0px; right:0px; background-color:var(--baseBGColor); padding:20px; border-left:var(--mediumDividerLine); width:203px; z-index:100; transform:translateX(100%); transition:transform .15s ease-in; }
@media (min-width: 800px) and (min-height: 500px)    {
 .scrollWidth15 .streamHolder form.streamControls    { right:15px; }
 .scrollWidth20 .streamHolder form.streamControls    { right:20px; } }
.streamHolder form.streamControls.slideIn{ transform:translateX(0); }
.streamHolder form.streamControls h2{ margin-top:0; }
.streamHolder form.streamControls .primary{ width:8em; }
.streamHolder form.streamControls input.search{ margin-top:16px; width:100%; }
.streamHolder form.streamControls .toTopLink{ opacity:0; display:block; margin-top:10px; }
.streamHolder form.streamControls .toggleControl{ position:absolute; top:-1px; right:100%; z-index:-1; background:var(--baseBGColor); border-radius:3px 0 0 3px; }
.streamHolder form.streamControls .toggleControl .button{ border-radius:3px 0 0 3px; border-right-color:var(--baseBGColor) !important; }
.streamHolder form.streamControls .dismissButton{ display:inline-block; margin-top:10px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .streamHolder form.streamControls    { transform:translateX(calc(100% + 0px)); z-index:10; top:0px; }
 .streamHolder form.streamControls.slideIn    { transform:translateX(0px); } }
.streamHolder .streamItems{ padding:20px 0; width:100%; overflow-x:hidden; height:100%; }
@media (max-width: 799px), (max-height: 499px)    {
 .streamHolder .streamItems    { padding-top:35px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 @media (min-width: 900px)    {
  .leftSidebar ~ .pageMain .streamHolder    { margin-right:-30px; }
  .leftSidebar ~ .pageMain .streamHolder .streamControls    { transform:translateX(0); top:20px; right:0px; }
  .leftSidebar ~ .pageMain .streamHolder .streamControls .toggleControl, .leftSidebar ~ .pageMain .streamHolder .streamControls .dismissButton    { display:none; }
  .leftSidebar ~ .pageMain .streamHolder .streamItems    { padding-right:230px; } }
 @media (min-width: 700px)    {
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder    { margin-right:-30px; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .streamControls    { transform:translateX(0); top:20px; right:0px; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .streamControls .toggleControl, .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .streamControls .dismissButton    { display:none; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .streamItems    { padding-right:230px; } } }
@media (min-width: 800px) and (min-height: 500px)    {
 .scrollWidth15 																	 .streamHolder form.streamControls    { right:0px; }
 .scrollWidth20																		 .streamHolder form.streamControls    { right:0px; }
 .leftMenuMini.scrollWidth15 .leftSidebar--miniable ~ .pageMain .streamHolder form.streamControls    { right:20px; }
 .leftMenuMini.scrollWidth20 .leftSidebar--miniable ~ .pageMain .streamHolder form.streamControls    { right:20px; } }
.scrollWidth15{ }
@media (min-width: 900px)    {
 .scrollWidth15 .leftSidebar ~ .pageMain .streamHolder .streamControls    { right:15px; } }
@media (min-width: 700px)    {
 .scrollWidth15 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .streamControls    { right:15px; } }
.scrollWidth20{ }
@media (min-width: 900px)    {
 .scrollWidth20 .leftSidebar ~ .pageMain .streamHolder .streamControls    { right:20px; } }
@media (min-width: 700px)    {
 .scrollWidth20 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .streamControls    { right:20px; } }
@media (min-width: 900px)    {
 .leftSidebar ~ .pageMain .streamHolder .adaLebih    { margin-right:260px; } }
@media (min-width: 700px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .adaLebih    { margin-right:260px; } }
@media (min-width: 800px)    {
 .pageMain:first-child .streamHolder .adaLebih    { margin-left:64px; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .streamHolder .adaLebih,    .leftSidebar ~ .portableAnchorContainer .streamHolder .adaLebih    { margin-left:64px; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .streamHolder .adaLebih    { margin-left:64px; } }
.filterHighlight{ background-color:#cfdefc; }
.streamItemModalView .streamItem{ margin:4px 0 0 0; padding-bottom:0; }
.streamItemModalView .streamItemInnards .controlsDiv, .streamItemModalView .groupShareButton, .streamItemModalView .button.boxed{ display:none; }
.awBody .groupShareButton{
	display:none;
}
.formSE{
	width:100%;
}
.formSE .vStretched{ width:600px; max-width:100%; }
.formSE .rTable{ width:100%; }
.formSE .mooEditWrapper{ border-bottom:none; min-height:300px; border-right:var(--dividerLine); }
.formSE .mooeditable-container{ height:100%; min-height:300px; border-bottom:none; }
.formSE .avatar{ position:absolute; top:15px; right:15px; width:106px; height:106px; }
@media (max-width: 799px), (max-height: 499px)    {
 .formSE .avatar    { width:60px; height:60px; } }
.formSE.kindS .forKindF{ display:none !important; }
.formSE.kindF .forKindS{ display:none !important; }
.formSE .itemCheckboxes{ width:100%; max-width:410px; }
.groupPerformance .groupAggregate{ padding:10px 20px; position:relative; }
.groupPerformance .groupAggregate .icon-arrowUp{ position:absolute; bottom:10px; right:15px; }
.groupPerformance .groupAggregate .icon-arrowUp.loading{ cursor:default; }
.groupPerformance .groupAggregate .icon-arrowUp.loading:before{ color:#aaa; }
.groupPerformance .groupDetails{ border-top:var(--minorDividerLine); padding:0 0 0 20px; }
.groupPerformance .groupDetails .groupMemberDetail{ margin:0px 0; padding:10px 0 5px 50px; min-height:50px; border-bottom:var(--minorDividerLine); margin-bottom:0px; position:relative; }
.groupPerformance .groupDetails .groupMemberDetail .streamClientNote{ margin:6px 0 16px -40px; padding:10px 15px; }
.groupPerformance .groupDetails .groupMemberDetail .byWhom{ position:absolute; top:5px; left:0px; width:40px !important; height:40px !important; border-radius:50%; background-color:#fff; background-size:40px auto; }
.groupPerformance .groupDetails .groupMemberDetail .icon-comment{ position:absolute; top:10px; right:10px; display:none; }
.groupPerformance .groupDetails .groupMemberDetail:hover .icon-comment{ display:block; }
.groupPerformance .groupDetails .groupMemberDetail:last-child{ border-bottom:none; }
.groupPerformance .groupDetails .groupMemberDetail.forMetric{ background-color:#ececec; background-color:var(--highlight06); border-bottom:none; }
.groupPerformance .groupDetails .streamItemInnards:last-child{ border-bottom:none; }
.typeM .groupPerformance .icon-arrowUp{ bottom:-2px; }
.typeM .groupPerformance .groupDetails{ padding:0; }
.typeM .groupPerformance .groupDetails .groupMemberDetail{ padding-left:65px; }
.typeM .groupPerformance .groupDetails .groupMemberDetail .byWhom{ left:15px; }
.typeM .groupPerformance .groupMetricGrid{ border-collapse:collapse; margin-bottom:20px; margin-right:-1px; }
.typeM .groupPerformance .groupMetricGrid .weekend{ background-color:var(--fadedBGColor); }
.typeM .groupPerformance .groupMetricGrid th{ height:70px; width:40px; font-weight:400; text-align:left; }
.typeM .groupPerformance .groupMetricGrid th span{ display:inline-block; width:40px; transform-origin:bottom left; transform:rotate(-60deg) translate(-32px, 42px); }
.typeM .groupPerformance .groupMetricGrid th:first-child{ transform:none; height:70px !important; }
.typeM .groupPerformance .groupMetricGrid .icon-check{ position:relative; top:3px; right:0px; }
.typeM .groupPerformance .groupMetricGrid .icon-check:before{ color:#6c9c31; }
.typeM .groupPerformance .groupMetricGrid td{ border:1px solid #888; padding:1px 3px; height:27px; text-align:center; }
.typeM .groupPerformance .groupMetricGrid td:first-child{ text-align:right; padding:4px 10px; border-left:none; border-right:none; white-space:nowrap; text-overflow:ellipsis; max-width:150px; }
.typeM .groupPerformance .groupMetricGrid td:nth-child(2){ border-left:none; }
.typeM .groupPerformance .groupMetricGrid td:last-child{  }
.groupStat{
	border-radius:4px;
	background:var(--meterBGColor);
	position:relative;
	width:100%;
	height:30px;
	margin:6px 0 10px;
	overflow:hidden;
}
.groupStat div.statBar{ float:left; height:100%; color:#fff; padding:5px 0 0 10px; font-size:15px; }
.groupStat div.statBar:first-child{ border-radius:4px 0 0 4px; }
.groupStat div.statBar.green{ background-color:#95c161; }
.groupStat div.statBar.yellow{ background-color:#BCAA21; }
.groupStat div.statBar.red{ background-color:#df484c; }
.groupStat div.statBar.empty{ color:#444; }
.groupStat div.label{ padding:2px 5px; position:absolute; top:5px; left:3px; font-size:15px; height:100%; width:100%; color:#fff; text-shadow:0 1px 1px #000; }
#newNewsItemPopUpContent{
	width:600px;
	max-width:100%;
	display:none;
}
.anchorWindow #newNewsItemPopUpContent{ display:block; }
#newNewsItemPopUpContent .newsItemSubject{ display:block; }
#newNewsItemPopUpContent .newsItemDate{ font-size:11px; margin-bottom:16px; }
#newNewsItemPopUpContent .newsItem{ cursor:default; background:var(--cardBGColor); }
#newNewsItemPopUpContent .icon-itemN{ position:absolute; top:10px; right:15px; }
#newNewsItemPopUpContent .icon-itemN:before{ font-size:60px; color:var(--brandingPrimary); }
.newsItem{
	cursor:pointer;
	border-bottom:var(--minorDividerLine);
	position:relative;
	background:var(--baseBGColor);
	padding:10px 35px 10px 45px;
}
.newsItem:hover{ background:var(--highlight06); }
.newsItem .icon-itemN{ position:absolute; top:10px; left:10px; }
.newsItem .icon-itemN:before{ font-size:26px !important; }
.newsItem .dateSent{ position:absolute; top:10px; right:15px; }
.newsItem .newsItemSubject{ font-size:22px; margin-bottom:10px; }
.newsItem img{ border-radius:0 !important; }
.newsItem a{ word-wrap:break-word; }
.newsItem .newsItemMessage{ padding:0; }
.newsItem .newsItemMessage img.right{ margin:0 0 10px 20px; }
.formNI{ font-size:15px; }
.formNI textarea[name=message]{
	height:120px;
	width:100%;
	padding:10px 20px;
	font-size:15px;
	margin-top:10px;
}
.itemCard.typeR, .itemCard.typeRP, .itemCard.typeRA{
	padding:0;
	height:280px;
}
.itemCard.typeR h3, .itemCard.typeRP h3, .itemCard.typeRA h3{ padding-left:30px; margin-bottom:6px; }
.itemCard.typeR h2.courseName, .itemCard.typeRP h2.courseName, .itemCard.typeRA h2.courseName{ font-size:30px; }
.itemCard.typeR span.icon-itemR, .itemCard.typeRP span.icon-itemR, .itemCard.typeRA span.icon-itemR{ position:absolute; top:10px; left:15px; }
.itemCard.typeR img.thumbnail, .itemCard.typeRP img.thumbnail, .itemCard.typeRA img.thumbnail{ position:absolute; top:0; left:0; width:100%; z-index:0; clip-pathX:polygon(0 0, 100% 0, 100% 220px, 0 220px); }
.itemCard.typeR.itemCardJumbo img.thumbnail, .itemCard.typeRP.itemCardJumbo img.thumbnail, .itemCard.typeRA.itemCardJumbo img.thumbnail{ -webkit-clip-path:polygon(0 0, 100% 0, 100% 300px, 0 300px); clip-path:polygon(0 0, 100% 0, 100% 300px, 0 300px); }
.itemCard.typeR .cardTop, .itemCard.typeRP .cardTop, .itemCard.typeRA .cardTop{ position:relative; z-index:1; padding:10px 15px; min-height:80px; overflow:hidden; }
.itemCard.typeR .ISummary, .itemCard.typeR .PSummary, .itemCard.typeR .ASummary, .itemCard.typeRP .ISummary, .itemCard.typeRP .PSummary, .itemCard.typeRP .ASummary, .itemCard.typeRA .ISummary, .itemCard.typeRA .PSummary, .itemCard.typeRA .ASummary{ display:none; }
.itemCard.typeR .fromWho, .itemCard.typeRP .fromWho, .itemCard.typeRA .fromWho{ top:15px; right:20px; }
.itemCard.typeR .statSet, .itemCard.typeRP .statSet, .itemCard.typeRA .statSet{ max-width:250px; }
.itemCard.typeR .statSet span, .itemCard.typeRP .statSet span, .itemCard.typeRA .statSet span{ display:inline-block; vertical-align:middle; width:33%; padding:0px 0 2px 2px; }
.itemCard.typeR .statSet span span, .itemCard.typeRP .statSet span span, .itemCard.typeRA .statSet span span{ vertical-align:middle; }
.itemCard.typeR .statSet span span:before, .itemCard.typeRP .statSet span span:before, .itemCard.typeRA .statSet span span:before{ letter-spacing:10px; }
form .itemThumbnail{ max-width:300px; margin-bottom:10px; }
form .itemThumbnail .clickToChangeRegion{ display:inline-block; line-height:0px; }
form .itemThumbnail .clickToChangeRegion img{ max-width:300px; }
form .itemThumbnail .clearLink{ opacity:0; margin:10px auto 0; text-align:center; }
form .itemThumbnail:hover .clearLink{ opacity:1; }
.formRA .rTable{ max-width:550px; }
.formRA input[name=name]{ width:100%; }
.formRA input[name=dayDuration]{ width:60px; }
.formRA select[name=durationOption]{ width:80px; }
.formRA select[name=clientVisibility]{ width:auto; max-width:calc(100% - 30px); }
.formRA .courseBGImageSet{ margin:10px 0; }
.formRA .courseBGImageSet img{ width:50px; margin:0 10px 10px 0; opacity:.6; }
.formRA .courseBGImageSet img.selected{ box-shadow:0 0 5px 2px #429ada; opacity:1; }
.formRA textarea[name=overlayText]{ width:100%; max-width:300px; height:90px; display:block; margin:4px 0 10px 0; }
.formRA .colorChip{ position:relative; top:9px; display:inline-block; border:1px solid #888888; height:30px; width:42px; cursor:pointer; border-radius:3px; }
.formRA input[name=overlayOpacity]{ width:48px; text-align:right; }
.courseSpotlight .participants{ position:relative; margin:5px 0 10px; }
@media (max-height: 400px)    {
 .courseSpotlight .participants    { display:none; } }
.courseSpotlight .participants h3{ margin-bottom:4px; }
.courseSpotlight .participants .participantStats > span{ display:inline-block; width:calc(25% - 5px); max-width:65px; position:relative; }
.courseSpotlight .participants .participantStats > span span{ vertical-align:middle; }
.courseSpotlight .participants .participantStats > span span:before{ vertical-align:top; }
.courseSpotlight .participants .tooltip:after{ white-space:nowrap; left:-4px; }
.courseSpotlight .participants .tooltip:before{ left:4px; }
.courseItemSummary{ overflow:auto; -ms-flex:1 1; flex:1 1; }
.courseSummaryHeader{ background:#fafafa; padding:10px 0 0 15px; height:40px; position:relative; }
.courseSummaryHeader > div{ position:absolute; top:0; padding-top:10px; height:40px; cursor:pointer; display:inline-block; }
.courseSummaryHeader .unit{ left:15px; width:50px; }
.courseSummaryHeader .items{ left:65px; }
.courseSummaryHeader .status{ left:65px; width:20px; }
.courseSummaryHeader .name{ left:91px; }
.courseSummaryHeader .startDate{ right:15px; }
.courseISummary .dayPointer,
.coursePSummary .dayPointer{ position:absolute; top:8px; left:0; width:40px; text-align:right; }
.courseISummary .day{ position:relative; border-bottom:var(--minorDividerLine); padding:5px 0 5px 55px; min-height:34px; }
.courseISummary .items .item{ position:relative; padding:3px 5px 3px 94px; min-height:24px; overflow:hidden; }
.courseISummary .items .item .whenLabel{ position:absolute; top:2px; left:0; width:55px; text-align:right; }
.courseISummary .items .item [class^="icon-"]{ position:absolute; top:4px; left:72px; }
.courseISummary .items .item [class^="icon-"]:before{ font-size:16px; color:#666; }
.courseISummary.unitBased .day{ padding-left:64px; }
.courseISummary.unitBased .item{ background-position:0px 2px; padding-left:29px; }
.courseISummary.unitBased .items .item [class^="icon-"]{ left:0px; }
.coursePSummary .item, .courseASummary .item{ position:relative; padding:8px 80px 0px 90px; height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coursePSummary .item .icon-star:before, .courseASummary .item .icon-star:before{ font-size:11px; }
.coursePSummary .item .courseStatus, .courseASummary .item .courseStatus{ position:absolute; top:9px; left:65px; height:20px; width:20px; }
.coursePSummary .item .courseStatus:before, .courseASummary .item .courseStatus:before{ font-size:16px; }
.coursePSummary .item .startDate, .courseASummary .item .startDate{ position:absolute; top:8px; right:15px; }
.coursePSummary .item .controls, .courseASummary .item .controls{ position:absolute; top:0px; right:0; bottom:0; padding:2px 2px 0 2px; background:#878787; transform:translateX(calc(100% + 1px)); transition:transform ease-in 0.1s; }
.coursePSummary .item .controls a, .courseASummary .item .controls a{ display:inline-block; padding:3px 3px 1px 3px; }
.coursePSummary .item .controls a:hover, .courseASummary .item .controls a:hover{ background-color:rgba(0, 0, 0, .2); }
.coursePSummary .item .controls a:before, .courseASummary .item .controls a:before{ color:#fff !important; letter-spacing:0; }
.coursePSummary .item:hover, .courseASummary .item:hover{ background-color:#f2f8fd; }
.coursePSummary .item:hover .controls, .coursePSummary .item.clicked .controls, .courseASummary .item:hover .controls, .courseASummary .item.clicked .controls{ transform:translateX(0); }
.courseAHeader .status{ left:15px; }
.courseAHeader .name{ left:41px; }
.courseASummary .item{ padding-left:40px; }
.courseASummary .item .courseStatus{ left:15px; }
.item:not(.clonable) .controls > div .icon-clone{ opacity:.6; cursor:default; }
.item:not(.clonable) .controls > div .icon-clone:hover{ background-color:transparent; }
.courseSpotlight .widgetTabs{ border-top:var(--dividerLine); }
.courseSpotlight .widgetTabs li{ padding:7px 5px; font-weight:700; }
.courseSpotlight .dismissButton{
	margin:20px 15px 10px 15px;
	width:calc(100% - 30px);
}
.formRPA > .vStretched{ width:620px; max-width:100%; }
.formRPA select[name=CourseID], .formRPA select[name=PID], .formRPA select[name=CoachID], .formRPA select[name="CourseID[]"], .formRPA ._awesomeSelectStandInWrapper{ width:100%; }
.formRPA .startTodayControls > div{ margin:4px 0 0 34px; }
.formCPE{
	width:500px;
	max-width:100%;
}
.formCPE input[type=submit].right{ margin-right:0; }
.formCPE select[name=clientVisibility]{ width:calc(100% - 100px); }
.formCPE hr{ margin:20px 0; }
.formCPE span.h3{ font-weight:bold; font-size:15px; display:inline-block; margin-right:6px; }
.formCPE .CPExtraControls{  }
@media (max-width: 799px), (max-height: 499px)    {
 .formCPE select[name=clientVisibility]    { width:100%; }
 .formCPE form    { padding-bottom:50px; position:relative; }
 .formCPE input[type=submit].right    { position:absolute; bottom:0px; left:0px; width:calc(100% - 30px); margin-bottom:0 !important; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .formRC    { width:400px; } }
.formRC .vStretched{ max-width:500px; }
.formRC input[name=name]{ width:100%; }
.courseHolder{
	position:relative;
	height:calc(100vh - var(--topBarHeight));
	overflow-x:hidden;
	overflow-y:auto;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .courseHolder    { margin-right:-30px; } }
.courseHolder .courseBuilderTools{ position:absolute; top:0px; right:15px; padding:20px; border-left:var(--mediumDividerLine); background:var(--baseBGColor); width:200px; font-size:10px; z-index:10; padding-bottom:20px; border-bottom:var(--mediumDividerLine); border-bottom-left-radius:10px; transform:translate3d(100%, 0, 1px); transition:transform .15s ease-in; }
.courseHolder .courseBuilderTools.slideIn{ transform:translateX(0); transform:translate3d(0, 0, 1px); }
.courseHolder .courseBuilderTools label{ font-size:10px; displayX:block; padding-top:8px; margin:10px 0; }
.courseHolder .courseBuilderTools .groupSettingsButton{ float:right; position:relative; top:14px; }
.courseHolder .courseBuilderTools .dismissButton{ display:inline-block; margin-top:10px; }
.courseHolder .courseBuilderTools .icon-lightbulb{ position:absolute; top:20px; right:20px; }
.courseHolder .courseBuilderTools .toggleControl{ position:absolute; top:-1px; right:100%; z-index:-1; background:var(--baseBGColor); border-color:var(--minorDividerLine); border-right:none; border-radius:3px 0 0 3px; }
.courseHolder .courseBuilderTools .toggleControl a{ border-radius:3px 0 0 3px; border-right:none; }
.courseHolder .courseBuilderTools .courseBuilderButtons{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:5px; padding:10px 0 20px 0; }
.courseHolder .courseBuilderTools .courseBuilderButtons:after{ content:''; display:block; clear:both; }
.courseHolder .courseBuilderTools select[name=startDOW]{ display:block; margin-top:-6px; margin-left:20px; width:calc(100% - 20px); }
.courseHolder .courseBuilderTools .button.mini{ padding:4px 7px; }
.courseHolder .icon-reloadX{ position:absolute; top:0px; right:0px; }
.courseHolder .courseBuilderButton.pageOnly, .courseHolder .courseItem.typeS, .courseHolder .courseItem.typeC{ display:none; }
.courseHolder.isPaged .courseBuilderButton.pageOnly, .courseHolder.isPaged .courseItem.typeS, .courseHolder.isPaged .courseItem.typeC{ display:block; }
.courseHolder .progressWeightControl{ display:none; }
.courseHolder.displayProgress .progressWeightControl{ display:inline; }
.courseHolder.displayProgress .forCoach .progressWeightControl, .courseHolder.displayProgress .forCoach .isOptionalControl{ display:none; }
.courseBuilderButton{
	padding:10px 15px;
	font-size:14px;
	cursor:move;
	color:var(--baseBGColor);
	text-align:center;
	background:#6C9C31;
	border-radius:4px;
	width:100%;
}
.courseBuilderButton.inUse{ opacity:.6; }
.courseBuilderButton.dragging{ box-shadow:3px 3px 5px rgba(0, 0, 0, .3); position:absolute; z-index:11; }
.courseBuilderButton.itemButton:not(.coursePageItem){ font-size:0px; border:1px solid var(--brandingPrimary); background:var(--baseBGColor); width:calc(50% - 2.5px); }
.courseBuilderButton.itemButton:not(.coursePageItem):before{ font-size:43px; text-align:center; color:var(--brandingPrimary); }
.courseBuilderButton.ruleButton{ padding:5px 15px; color:var(--baseColor); border:var(--dividerLine); background:var(--baseBGColor); }
.courseBuilderButton.dayButton{ border:var(--dividerLine); background:var(--baseBGColor); color:var(--baseColor); border-radius:0; }
.courseCheckResults h2{ margin-bottom:0px; }
.courseCheckResults .resultsHolder{ width:600px; max-width:100%; margin-bottom:0px; padding:var(--standardPadding); padding:0 var(--standardPaddingH); max-height:calc(100vh - 270px); overflow:auto; }
.courseCheckResults .resultsHolder .courseCheckResult{ position:relative; margin-bottom:20px; border-radius:5px; border:var(--mediumDividerLine); padding:var(--regionPadding); padding-left:calc(var(--standardPaddingH) + 40px); --styleColorRGB:0, 0, 0; --styleColorGoodRGB:104, 169, 33; --styleColorGoodRGB:138, 188, 84; border-color:rgba(var(--styleColorRGB), 1); background:linear-gradient(180deg, rgba(var(--styleColorRGB), .02) 0%, rgba(var(--styleColorRGB), .07) 100%); background-image:linear-gradient(180deg, var(--meenyBorderColor) 0%, var(--cardBGColor) 100%); }
.courseCheckResults .resultsHolder .courseCheckResult.bad{ --styleColorRGB:255, 24, 0; }
.courseCheckResults .resultsHolder .courseCheckResult.warning{ --styleColorRGB:255, 162, 0; }
.courseCheckResults .resultsHolder .courseCheckResult.good{ --styleColorRGB:var(--styleColorGoodRGB); }
.courseCheckResults .resultsHolder .courseCheckResult [class^="icon-status-"]{ position:absolute; inset:16px auto auto var(--standardPaddingH); }
.courseCheckResults .resultsHolder .courseCheckResult [class^="icon-status-"]:before{ color:rgb(var(--styleColorRGB)); }
.courseCheckResults .resultsHolder .courseCheckResult .message{ font-size:16px; font-weight:bold; opacity:.8; }
.courseCheckResults .resultsHolder .courseCheckResult .details{ margin-top:10px; opacity:.7; font-size:16px; }
.courseCheckResults .resultsHolder .courseCheckResult .solution{ margin-top:10px; margin-left:-40px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; gap:15px; border-radius:5px; border:var(--mediumDividerLine); padding:10px var(--standardPaddingH); border-color:rgb(var(--styleColorGoodRGB)); color:rgb(var(--styleColorGoodRGB)); }
.courseCheckResults .resultsHolder .courseCheckResult .solution h4{ font-weight:bold; color:rgb(var(--styleColorGoodRGB)); }
.courseCheckResults .resultsHolder .courseCheckResult .solution > div{ border-left:2px solid rgb(var(--styleColorGoodRGB)); padding:10px 0 10px 15px; opacity:.8; font-size:16px; }
.courseCheckResults .resultsHolder .courseCheckResult .itemSet{ margin-top:16px; font-size:15px; }
.courseCheckResults .resultsHolder .courseCheckResult .itemSet a{ color:rgb(var(--styleColorRGB)); }
.courseCheckResults .resultsHolder .courseCheckResult .itemSet span.icon-forward{ position:relative; top:2px; margin-left:-5px; margin-right:-7px; }
.courseCheckResults .resultsHolder .courseCheckResult .itemSet span.icon-forward:before{ color:rgb(var(--styleColorRGB)); }
.coursePowerToolType{
	font-size:16px;
	margin-bottom:20px;
}
.coursePowerToolsForm{
	max-width:450px;
}
.coursePowerToolsForm .alertBox{ margin-bottom:20px; }
.coursePowerToolsForm > label.styleRadio{ display:block; margin:16px 0 0 0; transition:opacity 250ms ease-in; }
.coursePowerToolsForm > label.styleRadio.faded{ opacity:.3; }
.coursePowerToolsForm > label.styleRadio strong{ font-size:18px; }
.coursePowerToolsForm .commandSection{ padding:10px 22px; }
.coursePowerToolsForm .commandSection .primary{ float:right; margin:0; }
.coursePowerToolsForm .itemDensityMap{ position:absolute; top:0; left:0; right:0; height:26px; display:-ms-flexbox; display:flex; -ms-flex-align:end; align-items:flex-end; }
.coursePowerToolsForm .itemDensityMap .dayDisplay{ position:absolute; bottom:0; height:100%; background:var(--brandingSecondary); background:linear-gradient(0deg, rgba(var(--brandingSecondaryRGB), .3) 0%, var(--brandingSecondary) 20px); border-radius:5px; transform-origin:50% 50%; transform:scale(.9); }
.coursePowerToolsForm .itemDensityMap .dayDisplay.itemCount1{ height:40%; }
.coursePowerToolsForm .itemDensityMap .dayDisplay.itemCount2{ height:60%; }
.coursePowerToolsForm .itemDensityMap .dayDisplay.itemCount3{ height:75%; }
.coursePowerToolsForm .itemDensityMap .dayDisplay.itemCount4{ height:90%; }
.coursePowerToolsForm .minMaxRangeSlider{ position:relative; padding-top:20px; --knobHeight:40px; }
.coursePowerToolsForm .minMaxRangeSlider .itemDensityMap{ top:10px; }
.coursePowerToolsForm .minMaxRangeSlider .itemDensityMap .dayDisplay{ opacity:.2; }
.coursePowerToolsForm .minMaxRangeSlider .itemDensityMap .dayDisplay.inRange{ opacity:1; }
.coursePowerToolsForm .minMaxRangeSlider input[type="range"]::-webkit-slider-thumb{ width:calc(var(--knobHeight) / 2); border-radius:calc(var(--knobHeight)/2) 0 0 calc(var(--knobHeight)/2); }
.coursePowerToolsForm .minMaxRangeSlider input[type="range"] + input[type="range"]::-webkit-slider-thumb{ border-radius:0 calc(var(--knobHeight)/2) calc(var(--knobHeight)/2) 0; }
.coursePowerToolsForm .minMaxRangeSlider input[type="range"]::-moz-range-thumb{ width:calc(var(--knobHeight) / 2); border-radius:calc(var(--knobHeight)/2) 0 0 calc(var(--knobHeight)/2); }
.coursePowerToolsForm .minMaxRangeSlider input[type="range"] + input[type="range"]::-moz-range-thumb{ border-radius:0 calc(var(--knobHeight)/2) calc(var(--knobHeight)/2) 0; }
.coursePowerToolsForm .operationPointSliderHolder{ position:relative; margin-top:10px; padding-top:20px; padding-bottom:26px; }
.coursePowerToolsForm .operationPointSliderHolder:before{ content:''; position:absolute; height:8px; inset:26px 0 auto 0; background-color:var(--mediumBorderColor); z-index:1; }
.coursePowerToolsForm .operationPointSliderHolder .operationPointer{ position:absolute; top:0; height:34px; width:2px; transform:translateX(-1px); background-color:var(--brandingPrimary); }
.coursePowerToolsForm .operationPointSliderHolder .operationPointer.fullDay{ background-color:rgba(var(--brandingPrimaryRGB), .2); transform:translateX(0); }
.coursePowerToolsForm .operationPointSliderHolder .operationPointer .rangeOverlay{ position:absolute; top:0; left:0; height:10px; border:1px solid var(--brandingPrimary); border-bottom:none; }
.coursePowerToolsForm .opMessage{ float:left; width:200px; }
.coursePowerToolsForm input[type="range"].operationPoint{ -webkit-appearance:none; -moz-appearance:none; appearance:none; position:absolute; height:0px; margin:0; width:100%; background-color:rgba(255, 55, 200, .3); }
.coursePowerToolsForm input[type="range"].operationPoint::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; height:18px; width:30px; transform:translate(0, 22px); border-radius:0 0 8px 8px; background-color:var(--inputBGColor); box-shadow:none; border:var(--mediumDividerLine); }
.coursePowerToolsForm input[type="range"].operationPoint::-webkit-slider-thumb:hover{ background-color:var(--fadedBGColor); }
.coursePowerToolsForm input[type="range"].operationPoint::-webkit-slider-thumb:active{ border-color:var(--brandingSecondary); }
.coursePowerToolsForm input[type="range"].operationPoint::-moz-range-thumb{ -moz-appearance:none; appearance:none; height:18px; width:30px; transform:translate(0, 22px); border-radius:0 0 8px 8px; background-color:var(--inputBGColor); box-shadow:none; border:var(--mediumDividerLine); }
.coursePowerToolsForm input[type="range"].operationPoint::-moz-range-thumb:hover{ background-color:var(--fadedBGColor); }
.coursePowerToolsForm input[type="range"].operationPoint::-moz-range-thumb:active{ border-color:var(--brandingSecondary); }
.courseNotes{
	margin:10px 0;
	padding:0 20px;
}
.leftMenuMini .courseNotes{ display:none; }
@media (min-width: 800px) and (min-height: 500px)    {
 #course .leftSidebar    { scrollbar-width:none; }
 #course .leftSidebar::-webkit-scrollbar    { display:none; }
 @media (min-width: 900px)    {
  .leftSidebar ~ .pageMain .courseHolder .courseBuilderTools    { transform:translateX(0); top:20px; right:0px; padding:0 20px 10px; margin-right:30px; max-height:calc(100vh - 100px); border-bottom:none; border-bottom-left-radius:0px; }
  .leftSidebar ~ .pageMain .courseHolder .courseBuilderTools .toggleControl, .leftSidebar ~ .pageMain .courseHolder .courseBuilderTools .dismissButton    { display:none; }
  .leftSidebar ~ .pageMain .courseHolder .courseBuilderTools .icon-lightbulb    { top:0px; }
  .leftSidebar ~ .pageMain .courseHolder #courseTimeLine    { width:100%; }
  .leftSidebar ~ .pageMain .courseHolder #courseTimeLine .courseDay    { width:calc(100% - 230px); } }
 @media (min-width: 700px)    {
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .courseHolder .courseBuilderTools    { transform:translateX(0); top:20px; right:0px; padding:0 20px 10px; margin-right:30px; max-height:calc(100vh - 100px); border-bottom:none; border-bottom-left-radius:0px; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .courseHolder .courseBuilderTools .toggleControl, .leftMenuMini .leftSidebar--miniable ~ .pageMain .courseHolder .courseBuilderTools .dismissButton    { display:none; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .courseHolder .courseBuilderTools .icon-lightbulb    { top:0px; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .courseHolder #courseTimeLine    { width:100%; }
  .leftMenuMini .leftSidebar--miniable ~ .pageMain .courseHolder #courseTimeLine .courseDay    { width:calc(100% - 230px); } } }
.coursePagePreviewExit{
	margin:20px !important;
}
.coursePagePreviewLoadingDiv{
	margin:100px auto 0 auto;
}
.courseTimelineNav{
	padding:10px 0 10px 10px;
}
.courseTimelineNav .navMenu{ padding-top:10px; }
.courseTimelineNav .unit{ height:31px; width:31px; border-radius:50%; border:1px solid var(--baseBGColor); color:var(--iconColor); display:inline-block; margin:0 2px 2px 0; text-align:center; padding-top:6px; cursor:pointer; position:relative; background-color:var(--baseBGColor); }
.courseTimelineNav .unit.filler{ visibility:hidden; cursor:default; }
.courseTimelineNav .unit.withItem{ border-color:#bcd79c; color:var(--brandingPrimary); }
.courseTimelineNav .unit.withItems{ border-color:var(--brandingPrimary); color:var(--brandingPrimary); }
.courseTimelineNav .unit.withSection:before{ content:''; position:absolute; top:-1px; left:-1px; width:15px; height:15px; background-color:var(--brandingPrimary); z-index:-1; }
.courseTimelineNav .sectionNavDiv{ margin-bottom:26px; }
.courseTimelineNav .sectionNavDiv > div{ position:relative; padding:3px 15px 3px 20px; margin-right:1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; }
.courseTimelineNav .sectionNavDiv > div:hover{ background-color:var(--highlight06); }
.courseTimelineNav .sectionNavDiv > div.current:before{ content:'❯'; position:absolute; left:5px; top:3px; }
@media (max-width: 799px), (max-height: 499px)    {
 .courseTimelineNav    { display:none; } }
.courseItemGroup{
	position:relative;
	z-index:0;
	transform:translateX(0px);
	transition:transform ease-in 150ms, box-shadow ease-in 150ms;
	box-shadow:0 0 0 rgba(0, 0, 0, .07);
}
.courseItemGroup.dragging{ box-shadow:5px 40px 0px rgba(0, 0, 0, .07); transform:translate(-10px, -40px); overflow:hidden; border-radius:0 0 var(--borderRadius) var(--borderRadius); border-radius:var(--borderRadius); border-bottom:1px solid #6c9c31; max-height:40px; z-index:2; }
.courseItemGroup.dragging .courseItem{ margin-top:0; }
.courseItemGroup.dragging .followingItems{ display:none; }
#courseTimeLine{
	width:100%;
	overflow:auto;
	height:100%;
	padding-top:20px;
	padding-bottom:40px;
	margin-top:-30px;
	position:relative;
	
	--borderRadius:4px;
}
#courseTimeLine.unitBased .relativeDate{ display:none; }
#courseTimeLine.unitBased .timeOf, #courseTimeLine.unitBased .timeOfDash{ display:none; }
#courseTimeLine .followingItems .relativeDate{ display:none; }
#courseTimeLine .groupSettings{ display:none; }
#courseTimeLine.showGroupSettings .groupSettings{ display:block; }
#courseTimeLine.showGroupSettings span.groupSettings{ display:inline; }
#courseTimeLine.showGroupSettings tr.groupSettings{ display:table-row; }
#courseTimeLine.showGroupSettings .followingItems .addToStream .groupSettings, #courseTimeLine.showGroupSettings .nonGroupSettings{ display:none; }
#courseTimeLine .forCoach .groupSettings, #courseTimeLine .forCoach .hideWhenForCoach{ display:none; }
#courseTimeLine select[name="MetricTemplateID"], #courseTimeLine select[name="MetricTemplateID"] + ._awesomeSelectStandInWrapper{ width:280px; }
#courseTimeLine .icon-drag{ cursor:ns-resize; }
#courseTimeLine .courseDay{ padding:50px 10px 80px 10px; border-bottom:1px solid #000; position:relative; transition:background-color ease-in 100ms; }
#courseTimeLine .courseDay .dropZone{ background-color:var(--baseBGColor); }
#courseTimeLine .courseDay.dropTarget{ background-color:#f2f8fd; }
#courseTimeLine .courseDay .dayOf{ position:absolute; top:5px; left:10px; font-size:18px; vertical-align:bottom; }
#courseTimeLine .courseDay .dayOf .dayOfNumber{ display:inline-block; position:relative; top:2px; margin-left:10px; font-size:32px; font-weight:bold; }
#courseTimeLine .courseDay .weekLabel{ position:absolute; right:40px; top:10px; font-weight:bold; font-size:26px; }
#courseTimeLine .courseDay .weekLabel span{ font-size:23px; }
#courseTimeLine .courseDay .realDate{ position:absolute; top:24px; left:108px; }
#courseTimeLine .courseDay > .controls{ display:none; position:absolute; top:16px; right:10px; z-index:1; }
#courseTimeLine .courseDay:hover > .controls{ display:block; }
#courseTimeLine .courseDay .dropZone{ border:2px dashed var(--brandingSecondary); padding:10px 15px; position:absolute; bottom:10px; left:15px; right:15px; display:none; z-index:1; }
#courseTimeLine .courseDay .sortZone{ border:2px dashed var(--brandingSecondary); padding:10px 15px; opacity:.4; }
#courseTimeLine .courseDay .sortZone.active{ opacity:1; box-shadow:0 0 2px 2px var(--brandingSecondary); }
#courseTimeLine .courseDay.deleteDanger .courseItem .normalDisplay:after, #courseTimeLine .courseDay.deleteDanger .courseItem .editDiv:after{ content:''; position:absolute; inset:0; background-color:#aa0000; opacity:.2; z-index:1; animation:softOpacityGlow 1000ms ease-in-out infinite; }
#courseTimeLine .clientNoteContent{ position:relative; }
#courseTimeLine .clientNoteBG{ background:var(--cardBGColor); }
@keyframes softOpacityGlow{
	 0%{ opacity:.2; }
  50%{ opacity:.4; }
  100%{	opacity:.2; }
}
@media (min-width: 800px)    {
 .pageMain:first-child #courseTimeLine .courseDay .weekLabel    { left:44%; right:auto; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain #courseTimeLine .courseDay .weekLabel,    .leftSidebar ~ .portableAnchorContainer #courseTimeLine .courseDay .weekLabel    { left:44%; right:auto; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain #courseTimeLine .courseDay .weekLabel    { left:44%; right:auto; } }
#firstDayAddZone{
	width:calc(100% - 230px); height:30px; padding:0 35px 0 20px; position:relative; top:10px;
}
#courseTimeLine .courseDay .addDaysZone, #firstDayAddZone .addDaysZone{
	border:2px dashed var(--brandingSecondary);
	padding:15px 15px;
	position:absolute;
	bottom:-20px;
	left:15px;
	right:15px;
	display:none;
	z-index:1;
	background:var(--cardBGColor);
}
#firstDayAddZone .addDaysZone{ position:relative; top:-10px; left:0px; }
.followingItems .courseItem{ border-top-left-radius:0; border-top-right-radius:0; }
.courseItem{
	position:relative;
	background:var(--cardBGColor);
	margin-top:10px;
	border-radius:3px;
	z-index:1;
}
.courseItem.hasFollowing{ border-bottom-right-radius:0; }
.courseItem .normalDisplay{ border:1px solid var(--brandingPrimary); position:relative; overflow:hidden; border-radius:var(--borderRadius); }
.courseItem .normalDisplay.closed{ max-height:40px; min-height:0; }
.courseItem .normalDisplay.closed .completeRule{ position:static; }
.courseItem .normalDisplay.closed .completeRule .icon-star{ position:absolute; top:-1px; left:-1px; z-index:1; }
.courseItem .normalDisplay .message{ max-height:250px; overflow:hidden; min-height:0; padding-bottom:20px; }
.courseItem .normalDisplay .message .overlay{ position:absolute; bottom:0px; left:0; height:30px; width:100%; background-image:linear-gradient(0deg, var(--cardBGColor) 0, rgba(var(--baseBGColorRGB), 0) 30px); }
.courseItem .normalDisplay .overlay{ cursor:pointer; }
.courseItem .normalDisplay .reminders ul li{ list-style-type:disc; margin-left:15px; }
.courseItem.hasFollowing .normalDisplay{ border-bottom-right-radius:0 !important; border-bottom-left-radius:0 !important; }
.courseItem + .followingItems .courseItem .normalDisplay{ border-radius:0; }
.courseItem + .followingItems .courseItemGroup:last-child .normalDisplay{ border-bottom-right-radius:var(--borderRadius); border-bottom-left-radius:var(--borderRadius); }
.courseItem .courseSectionTitle{ padding:0 15px; }
.courseItem .courseSectionTitle h1{ margin:0px 0 0 0; font-size:40px; }
.courseItem .itemHeader{ position:relative; padding:10px 15px 10px 40px; border-radius:2px 2px 0 0; background:#e9f0e0  10px 10px no-repeat; border-bottom:none; z-index:1; color:#888; }
.courseItem .itemHeader .controls{ display:none; position:absolute; top:10px; right:10px; }
.courseItem .itemHeader .controls a{ text-decoration:none; }
.courseItem .itemHeader [class^="icon-item"]{ position:absolute; top:10px; left:10px; }
.courseItem .itemHeader [class^="icon-item"]:before{ font-size:18px; }
.courseItem:hover .itemHeader .controls{ display:block; }
.courseItem .editDiv{ border:1px solid #6c9c31; }
.courseItem .headline{ margin-bottom:8px; font-size:14px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.courseItem .headline .titleWhenClosed{ display:none; }
.courseItem:hover .headline{ width:calc(100% - 130px); }
.courseItem .normalDisplay.closed .headline .titleWhenClosed + .title{ display:none; }
.courseItem .normalDisplay.closed .headline .titleWhenClosed{ display:inline; }
.courseItem.implicit .itemHeader{ border-bottom:none; }
.courseItem .implicitData{ display:none; }
.courseItem .actionItem{ display:-ms-flexbox; display:flex; padding:var(--regionPadding); padding-left:var(--standardPaddingH); -ms-flex-pack:start; justify-content:flex-start; -ms-flex-align:center; align-items:center; gap:15px; }
.courseItem .actionItem .theCheckbox{ -ms-flex:0 0 auto; flex:0 0 auto; height:28px; width:28px; background:var(--cardBGColor); }
.courseItem .actionItem .theCheckbox:before{ font-size:30px; color:var(--baseColor); }
.courseItem .actionItem .theAction{ font-size:16px; }
.courseItem .courseActionProject{ padding:0 var(--standardPaddingH) 10px 60px; }
.courseItem .completeRule{ position:relative; padding:5px 10px 5px 30px; border-top:1px solid #6c9c31; }
.courseItem .completeRule .icon-star{ position:absolute; top:4px; left:5px; }
.courseItem .completeRule .icon-star:before{ color:#6c9c31; }
.courseItem .completeRule .icon-trash{ display:none; position:absolute; top:3px; right:5px; z-index:1; text-decoration:none; }
.courseItem .completeRule:hover .icon-trash{ display:block; }
.courseItem .followedDropZone{ position:absolute; top:0px; left:0px; right:0px; height:20px; }
.courseItem .followedDropZone.active{ border:2px dashed var(--brandingSecondary); background:var(--baseBGColor); padding:10px 15px; height:auto; z-index:1; }
.courseItem .followsDropZone{ position:absolute; bottom:0px; left:0px; right:0px; border:2px dashed var(--brandingSecondary); background:var(--baseBGColor); padding:10px 15px; display:none; z-index:1; }
.courseItem.implicit{ border:1px solid var(--brandingPrimary); opacity:.4; }
.courseItem.implicit .itemHeader{ color:var(--baseColor); }
.courseItem.implicit .normalDisplay{ min-height:0px; padding:3px 10px 2px 70px; }
.courseItem.implicit .normalDisplay .title{ font-size:11px; }
.courseItem .editabilityControl label{ display:block; margin-bottom:4px; margin-right:0; }
@media (min-width: 1180px){
 .courseItem .editabilityControl label    { display:inline-block; }
 .courseItem .editabilityControl label:nth-child(2){ margin-left:10px; } }
@media (min-width: 980px){
 .leftMenuMini .courseItem .editabilityControl label{ display:inline-block; }
 .leftMenuMini .courseItem .editabilityControl label:nth-child(2){ margin-left:10px; } }
.swapSortArrows{
	display:inline-block;
	position:relative;
	top:-4px;
	height:20px;
	width:25px;
}
.swapSortArrows a.icon-arrowUp{ position:absolute; }
.swapSortArrows a.icon-arrowUp:before{ position:absolute; }
.swapSortArrows a.icon-arrowUp.sortUp{ top:-1px; transform:rotate(  0deg) !important; }
.swapSortArrows a.icon-arrowUp.sortUp:before{ top:0px; }
.swapSortArrows a.icon-arrowUp.sortDown{ bottom:9px; transform:rotate(180deg) !important; left:20px; }
.swapSortArrows a.icon-arrowUp.sortDown:before{ bottom:0px; -webkit-clip-path:polygon(0 0%, 100% 0%, 100% 75%, 0 75%); clip-path:polygon(0 0%, 100% 0%, 100% 75%, 0 75%); }
@media (min-width: 1100px){
	.courseItem .editabilityControl{
		float:right;
	}
}
@media (min-width: 900px){
	.leftMenuMini .courseItem .editabilityControl{
		float:right;
	}
}
.courseItem.typeM .notification,
.courseItem.typeW .notification,
.courseItem.typeB .notification{ border-top:var(--mediumDividerLine); }
.courseItem .notification, .courseItem .message{ padding:5px 15px; }
.courseItem .notification{
	position:relative;
}
.courseItem .notification.closed{ max-height:30px; overflow:hidden; }
.courseItem .notification:after{ content:''; height:1px; width:100%; position:absolute; top:30px; left:0; background-color:var(--mediumBorderColor); }
.courseItem .notification .icon-arrowUp{ float:right; position:relative; top:-2px; }
.courseItem .notification .message{ padding:10px 0px; font-size:12px; margin-top:6px; max-width:570px; max-height:none; }
.courseItemEditForm .HTMLOrPlainTextarea{ padding:0 0 26px 0 !important; }
.courseItemEditForm .HTMLOrPlainTextarea.toggled{ padding-bottom:0; margin-bottom:10px; }
.courseItemEditForm .HTMLOrPlainTextarea .toggleLink{ right:0; }
.courseItemEditForm .HTMLOrPlainTextarea.linkPosition-bottom .toggleLink{ bottom:4px; }
.courseItemEditForm .buttonBar{ margin:var(--inverseRegionPaddingMargin); }
.courseItemEditForm .templateControlsX, .courseItemEditForm .editControlsX{ padding:var(--regionPadding); margin:var(--inverseRegionPaddingMargin); margin:-10px calc(-1 * var(--standardPadding)) 0px calc(-1 * var(--standardPadding)); background:var(--baseBGColor); }
.courseItemEditForm .editControls{ padding-bottom:0; }
.typeC .courseItemEditForm .editControls{ padding-bottom:10px; }
.courseItemEditForm .editControls .mooeditable-containerX{ background:var(--baseBGColor); }
.courseItemEditForm .editControls textarea{ height:300px; }
.courseItemEditForm .editControls textarea, .courseItemEditForm .editControls .mooeditable-container{ margin:0 calc(-1 * var(--standardPaddingH)) 0 calc(-1 * var(--standardPaddingH)); }
.courseItemEditForm .editControls .mooeditable-container{ width:calc(100% + (2 * var(--standardPaddingH))) !important; }
.courseItemEditForm .editControls .mooeditable-container textarea{ height:300px !important; }
.courseItemEditForm .assignmentParams{ width:100%; margin-top:16px; }
.courseItemEditForm select[name=clientVisibility]{ width:auto; }
.courseItemEditForm .paramsN .HTMLOrPlainTextarea{ margin-top:16px; }
.courseItemEditForm .paramsN .HTMLOrPlainTextarea textarea{ margin:0; }
.courseItemEditForm .paramsN .HTMLOrPlainTextarea.toggled{ border:none; overflow:visible; }
.courseItemEditForm .paramsN .HTMLOrPlainTextarea.toggled .mooeditable-container{ width:calc(100% + (2 * var(--standardPadding))) !important; }
.courseItemEditForm .paramsM .topLine{ display:-ms-flexbox; display:flex; gap:var(--standardPaddingH); }
.courseItemEditForm .paramsM .topLine .button{ margin:0; }
.courseItemEditForm .paramsW .templateControls, .courseItemEditForm .paramsW input[name=title], .courseItemEditForm .paramsW .tidyWidth{ max-width:630px; }
.courseItemEditForm .paramsB input[name="folder"]{ width:calc(100% - 60px); }
.courseItemEditForm .paramsB .editControls{ padding-bottom:10px; margin-bottom:5px; }
.courseItemEditForm .mooeditable-resizer{ display:block; }
.courseItemEditForm input[name="folder"]{ width:100%; }
.courseItemEditForm .paramsX input[name=pauseNumber]{ width:60px; }
.courseItemEditForm .paramsX .timeOfControlsLabel{ display:inline-block; margin:0 10px; }
.courseItemEditForm .paramsF .folderInputDiv{ margin:4px 0 0 20px; }
.courseItemEditForm .formS input[name="title"]{ font-size:36px; width:100%; height:auto; }
.courseItemEditForm .formS input[name="nextSectionText"]{ width:250px; max-width:100%; }
.courseItemEditForm input[name="progressWeight"]{ width:48px; padding-right:2px !important; }
.courseItemEditForm .isOptionalControl{ display:block; margin-top:6px; }
.courseItemEditForm .notificationSettings{ margin-top:16px; padding-bottom:10px; position:relative; }
.courseItemEditForm .notificationSettings input[name=notifySubject]{ width:100%; margin:6px 0; }
.courseItemEditForm .notificationSettings .button.sendPreview{ position:absolute; bottom:0px; right:0px; margin:0; }
.courseItemEditForm .notificationSettings .addToStream{ max-width:calc(100% - 140px); }
.courseItemEditForm .notificationSettings .HTMLOrPlainTextarea.toggled{ border:none; }
.courseItemEditForm .notificationSettings .HTMLOrPlainTextarea.toggled .mooeditable-iframe-wrapper, .courseItemEditForm .notificationSettings .HTMLOrPlainTextarea.toggled .mooeditable-resizer{ border-left:var(--mediumDividerLine); border-right:var(--mediumDividerLine); }
.courseItemEditForm .notificationSettings .HTMLOrPlainTextarea.toggled .mooeditable-resizer{ border-bottom:var(--mediumDividerLine); }
.courseItemEditForm .notificationSettings .HTMLOrPlainTextarea.toggled .mooeditable-ui-toolbar{ padding-left:1px; padding-right:1px; }
.courseItemEditForm .notificationSettings .magicTagSet{ margin:10px 0; }
.courseItemEditForm .typeParams.formC + .nextElement{ display:none; }
.courseItemEditForm .typeParams.formC + .nextElement + .buttonBar{ margin-top:0; }
.courseItemEditForm .typeParams.formC .isOptionalControl{ display:inline-block; margin-left:28px; }
.courseItem .radioHelpText{ margin:0 0 12px 22px; max-width:380px; display:block; }
.courseItem .helpText{ font-size:13px; padding-bottom:4px; }
.courseItem .linkControls label{ display:block; margin-bottom:6px; }
.courseItem .normalDisplay ul li{ list-style-type:disc; margin-left:20px; }
.courseMetric{ height:200px; }
.followingItems{
	padding-left:24px;
	position:relative;
}
.followingItems.nonEmpty:before{ content:''; position:absolute; top:-2px; left:0px; width:17px; height:26px; border:5px solid var(--brandingPrimary); border-top-width:0px; border-right:none; border-bottom-left-radius:4px; }
.followingItems.nonEmpty:after{ content:''; position:absolute; top:10.5px; left:14px; width:0px; height:0px; border:11px solid transparent; border-left-color:var(--brandingPrimary); transform:scale(1.1, .8); }
.followingItems.nonEmpty.backOut:before{ top:-24px; left:18px; width:104px; height:12.5px; border-top-width:5px; border-bottom-width:0; border-top-left-radius:4px; border-bottom-left-radius:4px; }
.followingItems.nonEmpty.backOut:after{ top:-10px; left:10px; border-top-color:var(--brandingPrimary); border-top-width:11px; border-left-color:transparent; transform:scale(.8, 1.2); }
.followingItems .icon-clone{ display:none; }
.followingItems .timeOf, .followingItems .timeOfDash{ display:none; }
.followingItems .courseItem{ margin-top:-1px; }
.followingItems .courseItem .typeIcon{ top:8px; }
.followingItems.backOut{ margin-left:-94px; padding-left:0; }
.courseItem form{
	padding:var(--regionPadding);
}
.courseItem .formW{
	overflow:visible;
}
.itemRP{
		position:relative;
		padding:10px 15px;
		background:var(--cardBGColor);
		z-index:1;
		border-bottom:1px solid #e1e1ed;
		padding:0;
		overflow:hidden;
		
	}
.itemRP:last-child    { border-bottom:none; }
@media (min-width: 800px)    {
 .itemRP--3col    { margin:5px; float:left; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .itemRP    { margin:0px 0 20px 0; border-radius:4px; border-bottom:none; } }
.itemRP .header{ padding:10px 15px; border-bottom:1px solid #ababab; }
.itemRP .header .title{ font-size:18px; margin-bottom:5px; }
.itemRP .header--stat{ display:inline-block; min-width:110px; }
.itemRP .header .controls{ float:right; }
.itemRP .header .controls .buttonRow{ display:inline-block; }
.itemRP .header .controls .fromWho{ position:static; margin-left:15px; }
.itemRP .cornerSash + .header .controls{ margin-right:25px; }
.itemRP .itemRPBody{ position:relative; display:-ms-flexbox; display:flex; width:100%; }
.itemRP .itemRPBody .thumbnail, .itemRP .itemRPBody .progressSummary{ -ms-flex:1 1 auto; flex:1 1 auto; -ms-flex-item-align:start; align-self:flex-start }
.itemRP .itemRPBody .thumbnail{ width:calc(50% - 20px); max-width:400px; margin-right:20px; }
.itemRP .itemRPBody .thumbnail img{ width:100%; }
.itemRP .itemRPBody .thumbnail + .progressSummary{ width:50%; }
.itemRP .progressSummary{ background-color:#f2f2f2; padding:0px 0px; }
@media (min-width: 500px){
 .itemRP .progressSummary.twoColumn    { column-count:2; column-rule:1px solid #ababab; column-gap:20px; } }
.itemRP .progressSummary .typeSection{ padding:10px 0px 10px 15px; margin-bottom:0px; break-inside:avoid; }
.itemRP .progressSummary .typeSection--title{ margin-bottom:4px; }
.itemRP .progressSummary .typeSection--title [class^="icon-"]:before{ font-size:18px; position:relative; top:3px; letter-spacing:7px; }
.itemRP .progressSummary .typeSection .statSection{ display:inline-block; width:calc(50% - 15px); padding:3px 0px 5px 0; font-size:11px; }
.itemRP .progressSummary .typeSection .statSection:nth-child(2){ margin-right:20px; }
.itemRP .progressSummary .typeSection .statSection .title{ font-weight:700; }
.itemRP .progressSummary .typeSection .statSection .stat label{ display:inline-block; width:25px; }
.itemRP .progressSummary .typeSection .statSection .stat .meter{ display:inline-block; width:calc(100% - 48px); border-radius:2px; background:#fff; position:relative; height:12px; }
.itemRP .progressSummary .typeSection .statSection .stat .meter .bar{ position:absolute; top:0; left:0; bottom:0; border-radius:2px; }
.itemRP .progressSummary .typeSection .statSection .stat .meter .bar.green{ background-color:var(--statusGreen); }
.itemRP .progressSummary .typeSection .statSection .stat .meter .bar.blue{ background-color:var(--statusBlue); }
.itemRP .progressSummary .typeSection .statSection .stat .meter .bar.yellow{ background-color:var(--statusYellow); }
.itemRP .progressSummary .typeSection .statSection .stat .meter .bar.red{ background-color:var(--statusRed); }
.itemRP .progressSummary--groupMembers{ padding:10px 15px 10px 15px; margin-bottom:0px; break-inside:avoid; }
.itemRP .progressSummary--groupMembers .avatarGrid.excluded{ opacity:.5; }
.itemRP .progressSummary--groupMembers .avatarGrid div{ height:50px; width:50px; position:relative; display:inline-block; margin:5px; }
.itemRP .progressSummary--groupMembers .avatarGrid div img{ height:50px; width:50px; border-radius:50%; }
.itemRP .coursePerformance{ border-top:1px solid #ababab; margin-top:-1px; }
.itemRP .coursePerformance .buttonHolderRow{ height:25px; background-color:#e1e1e1; position:relative; padding:4px 0 0 10px; }
.itemRP .coursePerformance .buttonHolderRow .icon-arrowUp{ position:absolute; bottom:0px; right:15px; border-right:none; }
.itemRP .coursePerformance .buttonHolderRow .icon-arrowUp.loading{ cursor:default; }
.itemRP .coursePerformance .buttonHolderRow .icon-arrowUp.loading:before{ color:#aaa; }
.itemRP .coursePerformance .courseDetails{ border-top:1px solid #ababab; padding:0 0 0 20px; }
@media (max-width: 400px)    {
 .itemRP .coursePerformance .courseDetails    { padding-left:10px; } }
.itemRP .coursePerformance .courseDetails .day{ position:relative; border-bottom:1px solid #ababab; }
.itemRP .coursePerformance .courseDetails .day:last-child{ border-bottom:none; }
.itemRP .coursePerformance .courseDetails .day .dayPointer{ padding:6px 0 2px 0; font-weight:bold; }
.itemRP .coursePerformance .courseDetails .day .dayPointer.hasItems{ border-bottom:1px solid #ababab; }
.itemRP .coursePerformance .courseDetails .day .icon-marker{ position:absolute !important; top:19px; left:-16px; }
@media (max-width: 400px)    {
 .itemRP .coursePerformance .courseDetails .day .icon-marker    { left:-11px; } }
.itemRP .coursePerformance .courseDetails .day .icon-marker:before{ color:#6c9c31; font-size:15px; }
.itemRP .coursePerformance .courseDetails .day .items .item{ position:relative; border-bottom:1px solid #ccc; padding:3px 15px 5px 94px; min-height:24px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel1{ padding-left:114px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel2{ padding-left:134px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel3{ padding-left:154px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel4{ padding-left:157px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel5{ padding-left:160px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel6{ padding-left:163px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel7{ padding-left:166px; }
.itemRP .coursePerformance .courseDetails .day .items .item.subLevel8{ padding-left:169px; }
@media (max-width: 400px)    {
 .itemRP .coursePerformance .courseDetails .day .items .item    { padding-left:70px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel1    { padding-left:90px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel2    { padding-left:110px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel3    { padding-left:130px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel4    { padding-left:133px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel5    { padding-left:136px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel6    { padding-left:139px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel7    { padding-left:142px; }
 .itemRP .coursePerformance .courseDetails .day .items .item.subLevel8    { padding-left:145px; } }
.itemRP .coursePerformance .courseDetails .day .items .item:last-child{ border-bottom:none; }
.itemRP .coursePerformance .courseDetails .day .items .item .whenLabel{ position:absolute; top:6px; left:0; width:65px; text-align:right; }
@media (max-width: 400px)    {
 .itemRP .coursePerformance .courseDetails .day .items .item .whenLabel    { width:55px; } }
.itemRP .coursePerformance .courseDetails .day .items .item.future{ opacity:.6; }
.itemRP .coursePerformance .courseDetails .day .items .item [class^="icon-"]{ display:inline-block; position:relative; padding:5px 0 2px 28px; }
.itemRP .coursePerformance .courseDetails .day .items .item [class^="icon-"]:before{ position:absolute; left:0; top:3px; }
.itemRP .coursePerformance .courseDetails .day .items .item .icon-marker{ top:auto; bottom:4px; }
#clientMain .itemRP.typeG .controls .buttonRow{ display:none; }
.itemCard.typeRP{
	
	height:350px;
}
.itemCard.typeRP img.thumbnail{ opacity:1; }
.itemCard.typeRP .courseProgressMeter{ position:absolute; bottom:90px; left:15px; right:15px; margin:0; border:none; }
.itemCard.typeRP .cardBottom > .icon-star{ position:absolute; bottom:0px; right:0px; }
.itemCard.typeRP .radialChart{ position:absolute; top:5px; right:15px; height:70px; width:70px; padding:10px; }
.itemCard.typeRP .radialChart .innerCircle{ border:0px solid #e1e1e1; }
.itemCard.typeRP .radialChart .innerCircle .innerCircleText{ font-size:9px; }
.itemCard.typeRP .radialChart .innerCircle .innerCircleText .daysIn{ font-size:16px; line-height:1em; }
.avatarGrid.excluded{
	opacity:.5;
}
.avatarGrid div{
	height:50px; width:50px; position:relative;
	display:inline-block;
	margin:5px;
}
.avatarGrid div img{ height:50px; width:50px; border-radius:50%; }
.courseParticipantDetails .progressMeterTD{ vertical-align:middle; }
.courseParticipantDetails .progressMeterTD .courseProgressMeter{ margin:2px 0 0 0; max-width:300px; }
.courseDetails{
	padding:10px 0 10px 15px;
	
	
	--rootLevelLeftIndent:94px;
}
.courseDetails.unitBased{ --rootLevelLeftIndent:24px; }
@media (max-width: 400px)    {
 .courseDetails    { --rootLevelLeftIndent:70px; }
 .courseDetails.unitBased    { --rootLevelLeftIndent:10px; } }
.courseDetails .day{ position:relative; border-bottom:1px solid #ababab; }
.courseDetails .day:last-child{ border-bottom:none; }
.courseDetails .day .dayPointer{ padding:6px 0 2px 0; font-weight:bold; }
.courseDetails .day .dayPointer.hasItems{ border-bottom:1px solid #ababab; }
.courseDetails .day .icon-marker{ position:absolute !important; top:19px; left:-16px; }
@media (max-width: 400px)    {
 .courseDetails .day .icon-marker    { left:-11px; } }
.courseDetails .day .icon-marker:before{ color:#6c9c31; font-size:15px; }
.courseDetails .day .items .item{ position:relative; border-bottom:1px solid #ccc; padding:3px 15px 5px 94px; min-height:24px; --subLevelLeftIndent:0px; padding-left:calc(var(--rootLevelLeftIndent) + var(--subLevelLeftIndent)); }
.courseDetails .day .items .item.subLevel1{ --subLevelLeftIndent:20px; }
.courseDetails .day .items .item.subLevel2{ --subLevelLeftIndent:40px; }
.courseDetails .day .items .item.subLevel3{ --subLevelLeftIndent:60px; }
.courseDetails .day .items .item.subLevel4{ --subLevelLeftIndent:63px; }
.courseDetails .day .items .item.subLevel5{ --subLevelLeftIndent:66px; }
.courseDetails .day .items .item.subLevel6{ --subLevelLeftIndent:69px; }
.courseDetails .day .items .item.subLevel7{ --subLevelLeftIndent:72px; }
.courseDetails .day .items .item.subLevel8{ --subLevelLeftIndent:75px; }
.courseDetails .day .items .item.subLevel9{ --subLevelLeftIndent:78px; }
.courseDetails .day .items .item.subLevel10{ --subLevelLeftIndent:81px; }
.courseDetails .day .items .item.subLevel11{ --subLevelLeftIndent:84px; }
.courseDetails .day .items .item.subLevel12{ --subLevelLeftIndent:86px; }
.courseDetails .day .items .item:last-child{ border-bottom:none; }
.courseDetails .day .items .item .whenLabel{ position:absolute; top:6px; left:0; width:65px; text-align:right; }
@media (max-width: 400px)    {
 .courseDetails .day .items .item .whenLabel    { width:55px; } }
.courseDetails .day .items .item.future{ opacity:.6; }
.courseDetails .day .items .item [class^="icon-"]{ display:inline-block; position:relative; padding:5px 0 2px 28px; }
.courseDetails .day .items .item [class^="icon-"]:before{ position:absolute; left:0; top:3px; }
.courseDetails .day .items .item .icon-marker{ top:auto; bottom:4px; }
.courseProgressSummary{
	background-color:#f2f2f2;
	background-color:var(--fadedBGColor);
	
	
	padding:0px 0px;
}
@media (min-width: 500px){
 .courseProgressSummary.twoColumn    { column-count:2; column-rule:1px solid #ababab; column-gap:20px; } }
.courseProgressSummary .typeSection{ padding:10px 0px 10px 15px; margin-bottom:0px; break-inside:avoid; }
.courseProgressSummary .typeSection--title{ margin-bottom:4px; }
.courseProgressSummary .typeSection--title [class^="icon-"]:before{ font-size:18px; position:relative; top:3px; letter-spacing:7px; }
.courseProgressSummary .typeSection .statSection{ display:inline-block; width:calc(50% - 15px); padding:3px 0px 5px 0; font-size:11px; }
.courseProgressSummary .typeSection .statSection:nth-child(2){ margin-right:20px; }
.courseProgressSummary .typeSection .statSection .title{ font-weight:700; }
.courseProgressSummary .typeSection .statSection .stat label{ display:inline-block; width:25px; }
.courseProgressSummary .typeSection .statSection .stat .meter{ display:inline-block; width:calc(100% - 48px); border-radius:2px; background:#fff; position:relative; height:12px; }
.courseProgressSummary .typeSection .statSection .stat .meter .bar{ position:absolute; top:0; left:0; bottom:0; border-radius:2px; }
.courseProgressSummary .typeSection .statSection .stat .meter .bar.green{ background-color:var(--statusGreen); }
.courseProgressSummary .typeSection .statSection .stat .meter .bar.blue{ background-color:var(--statusBlue); }
.courseProgressSummary .typeSection .statSection .stat .meter .bar.yellow{ background-color:var(--statusYellow); }
.courseProgressSummary .typeSection .statSection .stat .meter .bar.red{ background-color:var(--statusRed); }
.courseProgressSummary--groupMembers{ padding:10px 15px 10px 15px; margin-bottom:0px; break-inside:avoid; }
.courseProgressSummary--groupMembers .avatarGrid.excluded{ opacity:.5; }
.courseProgressSummary--groupMembers .avatarGrid div{ height:50px; width:50px; position:relative; display:inline-block; margin:5px; }
.courseProgressSummary--groupMembers .avatarGrid div img{ height:50px; width:50px; border-radius:50%; }
.typeRP{
}
.typeRP .subHeader{ position:relative; }
.typeRP .dayOf{ position:absolute; top:2px; right:30px; font-size:13px; }
.typeRP .dayOf span.number{ font-size:22px; }
.typeRP .fromWho{ top:auto; bottom:10px; right:15px; }
.typeRP .header--stat b{ display:inline-block; width:55px; }
.courseStats .stat{
	border:1px solid #000;
	box-shadow:inset 2px 2px 3px #888;
	background:#000;
	position:relative;
	width:200px;
	height:25px;
	color:#fff;
}
.courseStats .stat div.bar{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	box-shadow:0 -1px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 2px rgba(255, 255, 255, 1) inset;
}
.courseStats .stat div.label{
	padding:2px 5px;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	text-shadow:0 1px 1px #000;
}
.courseStats .stat div.bar.green{ background-color:#95c161; }
.courseStats .stat div.bar.yellow{ background-color:#BCAA21; }
.courseStats .stat div.bar.red{ background-color:#df484c; }
table.courseItems td.items img{ height:14px; }
@keyframes sortSlideDown{
   0%{ transform:translate3d(0, -100%, 0); }
  20%{ transform:translate3d(0, -100%, 0); }
 100%{ transform:translate3d(0,     0, 0); }
}
.sortSlideDown{ animation:sortSlideDown 500ms; }
@keyframes sortjumpUp{
   0%{ transform:translate3d(  0px, 100%, 0); }
  20%{ transform:translate3d(-10px, 100%, 0); }
  80%{ transform:translate3d(-10px,    0, 0); }
 100%{ transform:translate3d(  0px,    0, 0); }
}
.sortJumpUp{ animation:sortjumpUp 500ms; z-index:1; }
@keyframes sortSlideUp{
   0%{ transform:translate3d(0,  100%, 0); }
  20%{ transform:translate3d(0,  100%, 0); }
 100%{ transform:translate3d(0,     0, 0); }
}
.sortSlideUp{ animation:sortSlideUp 500ms; }
@keyframes sortjumpDown{
   0%{ transform:translate3d(  0px, -100%, 0); }
  20%{ transform:translate3d(-10px, -100%, 0); }
  80%{ transform:translate3d(-10px,     0, 0); }
 100%{ transform:translate3d(  0px,     0, 0); }
}
.sortjumpDown{ animation:sortjumpDown 500ms; z-index:1; }
.courseBuilderHelp{
	padding-left:60px;
	width:450px;
	max-width:100%;
}
.courseBuilderHelp:before{ position:absolute; top:10px; left:15px; }
.leftSidebar .coursePageNavHeading{ padding:15px 15px 20px 15px; padding:var(--regionPadding); padding-top:15px; padding-bottom:20px; }
.leftSidebar .coursePageNavHeading h2{ padding:0; margin-left:0; text-align:left; }
.leftSidebar .item.future{ color:var(--disabledTextColor); }
.leftSidebar .subMenu.coursePageItems .item{ padding:5px 5px 5px 50px !important; height:30px !important; font-size:12px; }
.leftSidebar .subMenu.coursePageItems .item.future{ pointer-events:none; }
.leftSidebar .subMenu.coursePageItems .item.future [class^="icon-item"]:before{ color:var(--borderColor); }
.leftSidebar .subMenu.coursePageItems .item .icon-itemC:before{ content:'\2d'; }
.leftSidebar .subMenu.coursePageItems [class^="icon-item"]{ position:absolute; top:5px; left:25px; }
.leftSidebar .subMenu.coursePageItems [class^="icon-item"]:before{ font-size:15px; }
.leftSidebar .open + .subMenu.coursePageItems{ padding-bottom:15px; }
#courseP .item.future{
	cursor:default;
}
#courseP .item.future:hover{ background-color:#ffffff; border-color:#ffffff; }
.pageMain.coursePage{
	overflow-y:scroll;
	overflow-x:hidden;
	max-width:100%;
}
#course.appPage .leftSidebar .previewProgressControls{ display:none; }
.previewProgressControls{
	position:absolute;
	inset:auto 30px 10px auto;
	border:var(--mediumDividerLine);
	border-radius:5px;
	box-shadow:2px 3px 5px rgba(var(--shadowColorRGB), .05);
	background:var(--cardBGColor);
	padding:10px 15px;
	z-index:1;
}
.previewProgressControls div.viewingLabel{ margin-bottom:10px; }
.courseSection{
	width:100%;
	max-width:600px;
	margin:40px auto 200px auto;
	padding-bottom:200px;
	font-size:18px;
}
.courseSection img{ max-width:100%; height:auto; }
@media (max-width: 799px), (max-height: 499px)    {
 .courseSection    { padding:0 15px; } }
.courseSection .courseSectionTitle{ font-size:36px; }
.courseSection .coursePageItem{ position:relative; padding:30px 0; }
.courseSection .coursePageItem.future{ opacity:.5; pointer-events:none; }
.courseSection .coursePageItem > div{ position:relative; }
.courseSection .coursePageItem span.itemTypeIcon{ position:absolute; top:23px; left:0px; }
.courseSection .coursePageItem span.itemTypeIcon:before{ font-size:30px; }
.courseSection .coursePageItem span.itemTypeIcon.icon-itemB{ top:20px; }
.courseSection .coursePageItem .notificationMessage{ position:relative; padding:0 0 0 76px; }
.courseSection .coursePageItem .notificationMessage .avatarHolder{ position:absolute; top:20px; left:0; width:76px; }
.courseSection .coursePageItem .notificationMessage .avatarHolder img{ width:56px; height:56px; border-radius:50%; }
.courseSection .coursePageItem .notificationMessage .avatarHolder:after{ content:''; border:var(--dividerLine); border-top:none; border-right:none; position:absolute; top:19px; height:12px; width:12px; background-color:var(--cardBGColor); transform:scale(1, .7) rotate(45deg); right:-6px; }
.courseSection .coursePageItem .notificationMessage .comment{ background:var(--cardBGColor); border-radius:8px; padding:10px 15px; font-size:13px; line-height:1.3; width:auto; max-width:600px; border:var(--dividerLine); min-height:80px; margin-bottom:30px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .courseSection .coursePageItem .swipeControls    { position:absolute; top:25px; right:0px; }
 .courseSection .coursePageItem:not(:hover) .swipeControls    { display:none; } }
.courseSection .coursePageItem h1.itemTitle{ position:relative; margin:0px 0px 26px 0px; padding:20px 0 10px 50px; border-bottom:var(--dividerLine); }
.courseSection .coursePageItem.typeB > .coursePageWhiteboard, .courseSection .coursePageItem.typeW > .coursePageWorksheet{ margin:0px -30px; padding:0 30px; }
.courseSection .coursePageItem.typeB > .coursePageWhiteboard span.itemTypeIcon, .courseSection .coursePageItem.typeW > .coursePageWorksheet span.itemTypeIcon{ left:30px; }
@media (max-width: 799px), (max-height: 499px)    {
 .courseSection .coursePageItem.typeB > .coursePageWhiteboard, .courseSection .coursePageItem.typeW > .coursePageWorksheet    { margin:0 -15px; padding:0 15px; }
 .courseSection .coursePageItem.typeB > .coursePageWhiteboard span.itemTypeIcon,    .courseSection .coursePageItem.typeW > .coursePageWorksheet span.itemTypeIcon    { left:15px; } }
@media (min-width: 800px) and (min-height: 500px)    {
 .courseSection .coursePageItem.typeB > .coursePageWhiteboard .swipeControls,    .courseSection .coursePageItem.typeW > .coursePageWorksheet .swipeControls    { right:30px; } }
.courseSection .coursePageItem.typeB > .coursePageWhiteboard > .clientNoteContent, .courseSection .coursePageItem.typeW > .coursePageWorksheet > .clientNoteContent{ padding-bottom:40px; }
.courseSection .coursePageItem.typeB > .coursePageWhiteboard .buttonBar, .courseSection .coursePageItem.typeW > .coursePageWorksheet .buttonBar{ margin:0 -30px; padding:10px 30px; border-top:var(--minorDividerLine); }
@media (max-width: 799px), (max-height: 499px)    {
 .courseSection .coursePageItem.typeB > .coursePageWhiteboard .buttonBar, .courseSection .coursePageItem.typeW > .coursePageWorksheet .buttonBar    { margin:0 -15px; padding:10px 15px; }
 .courseSection .coursePageItem.typeB > .coursePageWhiteboard .buttonBar .button:not(:first-child),    .courseSection .coursePageItem.typeW > .coursePageWorksheet .buttonBar .button:not(:first-child)    { margin-top:10px; }
 .courseSection .coursePageItem.typeB > .coursePageWhiteboard .buttonBar .button:not(.normalAtMini), .courseSection .coursePageItem.typeB > .coursePageWhiteboard .buttonBar input[type=submit]:not(.normalAtMini), .courseSection .coursePageItem.typeW > .coursePageWorksheet .buttonBar .button:not(.normalAtMini), .courseSection .coursePageItem.typeW > .coursePageWorksheet .buttonBar input[type=submit]:not(.normalAtMini)    { width:100%; margin:0 0 10px 0; font-size:16px; padding-top:10px; padding-bottom:10px; height:auto; } }
.courseSection .coursePageItem.typeB > .coursePageWhiteboard{ border:var(--minorDividerLine); background-color:var(--cardBGColor); box-shadow:1px 2px 3px rgba(0, 0, 0, .05); }
.courseSection .coursePageItem.typeW > .coursePageWorksheet{ border:var(--dividerLine); background-color:var(--cardBGColor); box-shadow:2px 4px 5px rgba(0, 0, 0, .1); }
.courseSection .coursePageItem.typeW > .coursePageWorksheet.completed{ border:var(--minorDividerLine); box-shadow:1px 2px 3px rgba(0, 0, 0, .05); }
.courseSection .coursePageItem.typeW > .coursePageWorksheet .formWorksheet{ padding:0 0 40px 0; overflow:visible; }
.courseSection .coursePageItem.typeW > .coursePageWorksheet .mooeditable-container{ border:none; }
.courseSection .coursePageItem.typeW > .coursePageWorksheet .mooeditable-container .mooeditable-ui-toolbar{ padding:0 0 15px 0; background-color:var(--baseBGColor); }
.courseSection .coursePageItem.typeW > .coursePageWorksheet .mooeditable-container .mooeditable-iframe-wrapper{ height:300px; max-height:calc(100vh - 260px); }
.courseSection .coursePageItem.typeW > .coursePageWorksheet .mooeditable-container .mooeditable-resizer{ display:block; margin:0 -30px; }
@media (max-width: 799px), (max-height: 499px)    {
 .courseSection .coursePageItem.typeW > .coursePageWorksheet .mooeditable-container .mooeditable-resizer    { margin:0 -15px; } }
.courseSection .coursePageItem .clientNoteContent{ padding:0; min-height:0; }
.courseSection .coursePageItem.typeF .fileIcon{ display:block; margin:0 auto 20px auto; cursor:pointer; }
.courseSection .coursePageItem.typeF .fileDescription{ font-style:italic; margin:20px auto; font-size:14px; max-width:400px; }
.courseSection .coursePageItem.typeF .accessButtons{ text-align:center; }
.courseSection .coursePageItem.typeN > div{ border:var(--minorDividerLine); background-color:var(--cardBGColor); border-radius:5px; padding-left:60px; box-shadow:1px 2px 3px rgba(0, 0, 0, .05); padding:10px 15px 10px 60px; padding:var(--regionPadding); padding-left:60px; }
.courseSection .coursePageItem.typeN > div .itemTypeIcon{ top:12px; left:13px; }
.courseSection .coursePageItem.typeC .clientNoteContent{ font-size:18px; }
.courseSection .coursePageItem.typeC .clientNoteContent + .accessButtons{ margin-top:40px; text-align:center; }
.courseSection .coursePageItem.typeC .clientNoteContent + .accessButtons .button:last-child{ margin:0; }
.courseSection .postFileAccessMoveOn, .courseSection .nextSectionJump{ display:inline-block; margin-top:40px; margin:40px 0 0 0; font-size:16px; padding:8px 15px; height:auto; }
.coursePageAction{
	position:relative;
	border-top:var(--mediumDividerLine);
	border-bottom:var(--mediumDividerLine);
	background:var(--baseBGColor);
	padding:10px 50px 10px 60px;
	
	transition:opacity ease-in 0.15s;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .coursePageAction    {  }
 .coursePageAction .actionControls    { right:30px !important; } }
@media (max-width: 799px), (max-height: 499px)    {
 .coursePageAction    { margin:0 -16px; } }
.coursePageAction.markingComplete{ opacity:.6; }
.coursePageAction .theCheckbox{ position:absolute; top:22px; left:15px; width:30px; height:30px; cursor:pointer; background:#fff; }
.coursePageAction .theCheckbox:before{ font-size:30px; color:#000; }
.coursePageAction .theCheckbox.viewOnly{ cursor:default; opacity:.8; }
.coursePageAction .theAction{ font-size:20px; margin-bottom:10px; }
.coursePageAction .theDates{ font-size:14px; }
@keyframes pumpUp{
   0%{ transform:scale(1); }
  50%{ transform:scale(1.05); }
  70%{ transform:scale(1.15); }
 100%{ transform:scale(1); }
}
.pumpUp{
 animation-duration:690ms;
 animation-timing-function:ease-in-out;
 animation-name:pumpUp;
}
.coursePageMetric{
	font-size:13px;
}
.coursePageWorksheet{
	
}
.courseProgressMeter{
	position:relative;
	background-color:var(--cardBGColor);
	border:var(--mediumDividerLine);
	border-radius:4px;
	height:25px;
	margin:0px 0 10px;
	overflow-y:visible;
	overflow-x:hidden;
	overflow:visible;
	overflow:hidden;
}
.courseProgressMeter .statBar{ position:absolute; left:0; top:0; bottom:0; border-radius:4px 0 0 4px; background-color:var(--statusGreen); overflow:hidden; transition:width ease-in 200ms; }
.courseProgressMeter .statBar .statPercent{ position:absolute; top:5px; right:5px; color:#fff; font-size:12px; }
.availableCourseStarter img.thumbnail{ display:block; margin:0 auto; border-radius:10px; max-height:300px; max-width:600px; }
.availableCourseStarter .availabilityNote{ text-align:center; }
.availableCourseStarter .availabilityNote p{ max-width:400px; margin:0 auto; }
.itemG{
	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);
	position:relative;
	padding:0px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:stretch;
	    align-items:stretch;
	-ms-flex-pack:justify;
	    justify-content:space-between;
	float:none;
	
	overflow:hidden;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .itemG    { margin-left:0; } }
.itemG:hover    { background-color:var(--highlight06); }
.designer .itemG.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .itemG.clickable:hover    { background-color:var(--highlight06); }
.itemG__info{ padding:20px 15px 15px 20px; position:relative; -ms-flex:1 1 50%; flex:1 1 50%; min-height:140px; }
.itemG__info h3{ font-size:18px; margin:0 0 2px 0; }
.itemG__info__controls{ position:absolute; bottom:15px; left:20px; }
.itemG:nth-child(2):nth-last-child(1) .dragIcon{ display:none; }
.itemG__members{ padding:10px 5px 10px 15px; width:50%; max-width:410px; -ms-flex:1 1 50%; flex:1 1 50%; display:none; overflow:auto; max-height:220px; }
@media (min-width: 800px)    {
 .itemG__members    { display:block; } }
.itemG__members div{ float:left; height:50px; width:50px; position:relative; overflow:hidden; margin:5px; }
.itemG__members div .coach{ position:absolute; bottom:0; right:0; z-index:1; text-align:center; height:19px; width:19px; padding-top:1px; color:#fff; background-color:#6c9c31; border-radius:50%; background-image:none; }
.itemG__members div .coach:before{ content:'C'; }
.itemG__members div img{ height:50px; width:50px; border-radius:50%; }
.inactiveListing .itemG{ opacity:.6; }
.touch .itemG .buttonRow .icon-download{ border-top-right-radius:20px; border-bottom-right-radius:20px; }
@media (min-width: 800px) and (min-height: 500px)    {
 .leftMenuMini:not(.designer) .leftSidebar .itemMenu .item.typeT .adder    { display:block; right:auto; left:36px; top:2px; background:#ffffff; border:1px solid var(--brandingSecondary); }
 .leftMenuMini:not(.designer) .leftSidebar .itemMenu .item.typeT .adder:hover    { box-shadow:0 0 0 1px var(--brandingSecondary); } }
#group .profile{ padding:0; text-align:left; line-height:normal; }
#group .iteratingNav .button .groupAvatar{ position:relative; top:-2px; width:32px; margin:0 8px; }
#group .iteratingNav .button .groupAvatar.letters1{ padding:5px 4px; }
#group .iteratingNav .button .groupAvatar.letters2{ padding:7px 4px; }
#group .iteratingNav .button .groupAvatar.letters3{ padding:8.5px 4px; }
#group .iteratingNav .button span{ position:relative; top:4px; }
.groupAvatar{
	border-radius:50%;
	background-color:#429ada;
	display:inline-block;
	color:#fff;
	text-align:center;
	padding:4px 0;
}
.groupAvatar.disabled{ background-color:#eee; }
.groupAvatar.letters1{ font-size:16px; }
.groupAvatar.letters2{ font-size:13px; }
.groupAvatar.letters3{ font-size:11px; }
.groupSidebarAvatar{
	margin:25px auto;
	text-align:center;
}
.groupSidebarAvatar .groupAvatar{ width:32px; transform:scale(2); }
.groupSidebarAvatar .groupAvatar.letters1{ padding:5px 4px; }
.groupSidebarAvatar .groupAvatar.letters2{ padding:7px 4px; }
.groupSidebarAvatar .groupAvatar.letters3{ padding:8.5px 4px; }
.formGA .vStretched{ width:100%; max-width:500px; }
.formGA input[name=name]{ width:100%; }
.formGA select[name=CoachID]{ width:100%; }
.formGroupBasics input[name=name]{ width:100%; }
.formGroupBasics input[name=emailSubjectPrefix]{ width:100%; }
.userManagerMenu .itemMenu .item.future{
	pointer-events:none;
}
.formGF .vStretched{ max-width:600px; }
.formGF select, .formGF ._awesomeSelectStandInWrapper{ width:100%; }
.formGF .multiAddControls{ margin-top:10px; }
.formGF .notifyComment{ margin:6px 0 10px 25px; padding-bottom:4px; }
.formGF .notifyComment textarea{ width:100%; height:80px; }
.formGIS{
	width:100%;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .formGIS    { max-width:500px; } }
.formGMP textarea{ overflow:auto; width:100%; }
.formGPM .HTMLOrPlainTextarea{ margin-bottom:36px; }
.formGPM .HTMLOrPlainTextarea.toggled{ margin-bottom:-1px; }
.formGMBC{
	width:500px; max-width:100%;
}
.formGMBC .controlDiv{ min-height:80px; }
.formGMBC select{ width:100%; }
.groupDigestControls input[name=digestSubject]{ width:100%; }
.groupDigestControls h4{ margin-bottom:10px; }
.groupItemOwnerDetail{
		position:absolute;
		top:4px;
		right:20px;
		text-align:right;
		padding-right:50px;
	}
.listingItemGM{
	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(50% - 12px);
	position:relative;
	height:90px;
	padding:8px 10px 8px 105px;
	float:left;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .listingItemGM    { margin-left:0; } }
.listingItemGM:hover    { background-color:var(--highlight06); }
.designer .listingItemGM.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .listingItemGM.clickable:hover    { background-color:var(--highlight06); }
@media screen and (max-width: 900px){
 .listingItemGM    { width:calc(100% - 12px); } }
.listingItemGM.inactive{ background:var(--baseBGColor); }
.listingItemGM.inactive .avatar, .listingItemGM.inactive h3{ opacity:.4; }
.listingItemGM h3{ padding-bottom:8px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.listingItemGM .buttonRow{ position:absolute; top:5px; right:10px; display:none; }
.listingItemGM:hover .buttonRow{ display:block; }
.listingItemGM .avatar{ position:absolute; top:0; left:0; height:89px; width:89px; border-radius:var(--roundedRadius) 0 0 var(--roundedRadius); border-radius:var(--rectangleItemRadius) 0 0 var(--rectangleItemRadius); }
.listingItemGM .stats{ font-size:12px; line-height:13px; padding:3px 0px; border-radius:4px; color:var(--iconColor); max-height:30px; overflow:hidden; text-overflow:ellipsis; }
.groupDirectory .groupDirectoryEntry{
		position:relative;
		padding:9px 20px 9px 90px;
		border-bottom:var(--minorDividerLine);
		position:relative;
		min-height:100px;
		line-height:1.4em;
		overflow:hidden;
	}
.groupDirectory .groupDirectoryEntry .viewMore{ position:absolute; top:10px; right:15px; display:block; width:80px; }
.groupDirectory .groupDirectoryEntry .directoryProfile{ padding:20px 0 0 0; min-height:auto; }
.groupDirectory .avatar{
		position:absolute; top:10px; left:15px;
		width:60px;
		height:60px;
	}
.groupDirectory .title{ font-size:18px; margin-bottom:6px; }
.groupDirectory .phoneSet .phoneNumber:last-child{ margin-right:0; }
.groupDirectory .phoneNumber{ display:inline-block; margin-right:25px; }
.groupDirectory .phoneNumber .phoneType{ display:inline-block; padding-right:5px; }
body.leftMenuMini:not(.designer) #groupMembershipWidget{ display:none; }
.groupSideBarMembers{
	width:calc(100% - 1px);
	
	max-height:400px;
	overflow:auto;
}
.groupSideBarMembers > div{ position:relative; border-top:var(--minorDividerLine); padding:10px 0px 5px 55px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.groupSideBarMembers > div:last-child{ border-bottom:var(--minorDividerLine); }
.groupSideBarMembers > div.clickable{ cursor:pointer; }
.groupSideBarMembers > div.clickable:hover{ background-color:var(--highlight06); }
.groupSideBarMembers > div img{ position:absolute; top:5px; left:15px; height:30px; width:30px; border-radius:50%; }
.groupItemEditButton{
	position:absolute;
	bottom:6px;
	bottom:-30px;
	right:10px;
	display:block;
	z-index:1;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .groupItemMenu    { width:265px; } }
.groupItemMenu .button{ width:100%; }
.groupItemMenu .button.primary{ margin-bottom:10px; }
select[name=clientVisibility]{ width:100%; }
.worksheetClientVisibility{
	display:inline-block;
	margin-top:6px;
}
.worksheetClientVisibility select{ width:auto; }
#groupPage .anchorWindow.anchored.showing{ box-shadow:0 20px 0 #eeeeee; }
.coachGroups{
	border:1px solid #ababab;
	margin-bottom:20px;
	padding:15px 0 0 0;
}
.coachGroups .coachGroupHeader{ position:relative; padding:25px 0 0 80px; height:70px; }
.coachGroups .coachGroupHeader img.avatar{ position:absolute; top:10px; left:20px; width:50px; height:50px; }
.coachGroups .coachGroupHeader h3{ font-size:14px; }
.coachGroups .coachGroupListing{ margin:0; padding:5px 15px 10px 15px; }
.coachGroups .coachGroupListing .itemG{ border:1px solid #ababab; margin:0; }
.coachGroups .coachGroupListing .itemG:not(:first-child){ margin-top:-1px; }
.formO .rTable{ max-width:600px; }
.formO .rTable .formSection--header{ text-align:left !important; font-weight:700; padding-left:15px; }
.formO input[name=name],
	.formO input[name=blurb],
	.formO input[name=bookingCaption],
	.formO select[name=assignedCoachID],
	.formO select[name=AppointmentTypeID],
	.formO select[name=WNoteTemplateID],
	.formO select[name=TNoteTemplateID],
	.formO select[name=EngagementTemplateID],
	.formO ._awesomeSelectStandInWrapper{ width:100%; }
.formO div.formSection{ padding:10px 15px !important; max-width:600px; }
.formO div.formSection h3{ margin-bottom:10px; }
.formO div.formSection.parts > label{ margin-bottom:6px; }
.formO .fieldCollect{ display:inline-block; width:160px; }
.formO .fieldCollect + label{ display:inline-block; margin-left:20px; }
.formO .mooeditable-container{ border-top:1px solid #ddd; }
.formO .mooeditable-container .mooeditable-resizer{ display:none; }
.formO .offeringPart{ margin:20px 0 0 0; }
.formO .offeringPart .offeringPartCheckboxSet{ margin:4px 0 20px 20px; }
.formO .offeringPart .offeringPartCheckboxSet label{ display:block; margin:2px 0 2px 0px; }
.formO .offeringPart .offeringPartCheckboxSet .offeringCourseTemplate{ width:-moz-fit-content; width:fit-content; margin:0 0 10px 25px; }
.formO .offeringPart .offeringPartCheckboxSet .offeringCourseTemplate select.courseCoach option:nth-child(2){ display:none; }
.formO .offeringPart .offeringPartCheckboxSet .offeringCourseTemplate td{ padding-bottom:6px !important; }
.formO .offeringPart .offeringPartCheckboxSet.appointmentApplies select.courseCoach option:nth-child(2){ display:block; }
.formO .dontSendShim{ position:absolute; top:40px; bottom:0; left:0; right:0; background-color:var(--inputBGColor); opacity:.8; transition:opacity 150ms ease-out; }
.formO .dontSendShim.inactive{ opacity:0; pointer-events:none; }
.formO .faded{ cursor:default; opacity:.5; }
.formO label.styleRadio{ margin-bottom:6px; }
.formO .otherCoachLabel{ display:block; margin-bottom:4px; }
.formO .otherCoachLabel .icon-star{ display:none; position:relative; top:2px; left:4px; }
.formO .otherCoachLabel .icon-star:before{ font-size:14px; }
.formO .otherCoachLabel.hasSameAppointmentType .icon-star{ display:inline; }
.formO .othersHaveSameAppointmentTypeNote{ position:relative; padding-left:20px; margin-bottom:20px; }
.formO .othersHaveSameAppointmentTypeNote .icon-star{ position:absolute; top:2px; left:0px; }
.formO .othersHaveSameAppointmentTypeNote .icon-star:before{ font-size:15px; }
.formO input[name=appointmentPreferLessBookedDaysBack], .formO input[name=appointmentPreferLessBookedDaysAhead]{ width:48px; }
.formO .freestylePaymentControls.disabled{ opacity:.6; pointer-events:none; }
.formO input[name=price]{ width:80px; text-align:right; }
.formO .insetSection{ margin:6px 0 0 24px; }
.formO input[name=notifyEmail]{ width:100%; }
.formO input[name=welcomeSubject]{ width:100%; }
.formO div.whenAppointmentNote{ margin:4px 0 4px 26px; }
.formO textarea{ overflow:auto; width:100%; height:350px; }
.formO .magicTagSet{ margin-top:0; }
.formO .offeringRestrictions .offeringPart{ margin-top:10px; padding-left:26px; }
.formO input[name=restrictionLimit], .formO input[name=restrictionPerClientLimit]{ width:70px; text-align:right; }
.formO .restrictionControls{ padding:10px 0 10px 0px; }
.formO .restrictionControls textarea{ width:100%; height:80px; }
.formO .offeringBundleItemsHolder > div:last-child{ margin-bottom:16px; }
.formO .offeringBundleItemsHolder .listingItemOBI{ height:100px; overflow:hidden; }
.formO .offeringBundleItemsHolder .listingItemOBI p.blurb{ padding:10px 90px 0 0; }
.listingItemO{
	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);
	min-height:160px;
	position:relative;
	padding:10px 15px 40px 15px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .listingItemO    { margin-left:0; } }
.listingItemO:hover    { background-color:var(--highlight06); }
.designer .listingItemO.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .listingItemO.clickable:hover    { background-color:var(--highlight06); }
.listingItemO .mainInfo p.blurb{ display:none; }
.listingItemO h3{ margin-bottom:6px; }
.listingItemO .itemDescription{ margin-bottom:3px; }
.listingItemO .itemDescription span{ position:relative; top:4px; }
.listingItemO .offeringPrice{ position:absolute; bottom:10px; right:15px; font-size:20px; text-align:right; }
.listingItemO .offeringPrice span{ font-size:11px; }
.listingItemO p.blurb{ position:absolute; bottom:10px; left:15px; padding:0 50px 0 0; width:calc(100% - 50px); font-style:italic; }
.listingItemO .controlsHolder{ position:absolute; inset:10px 15px auto auto; }
.listingItemO .controlsHolder .buttonRow ~ .button{ display:none; }
.OBItemAdder{
	width:400px;
	max-width:100%;
}
.OBItemAdder .filterHolder{ margin:0 0 10px 0; }
.OBItemAdder input.search{ width:100%; }
.offeringBundleAddableItemsHolder .button{ width:100%; margin-bottom:10px; text-overflow:ellipsis; overflow:hidden; }
table.offeringSubmissions{
	width:100%;
}
table.offeringSubmissions td:last-child{ width:30px; }
table.offeringSubmissions .icon-trash{ opacity:0; }
table.offeringSubmissions .icon-trash:before{ font-size:15px; }
table.offeringSubmissions tr:hover .icon-trash{ opacity:1; }
.offeringBundlesListing .listingItemO{ height:130px; }
.listingItemOBI{
	
	height:120px;
	border-bottom:var(--minorDividerLine);
	position:relative;
	padding:10px 15px;
}
.listingItemOBI .controls{ float:right; }
.listingItemOBI .offeringPrice{ position:absolute; bottom:10px; right:15px; font-size:20px; }
.listingItemOB{
	
}
.inactiveListing .pairingButton{ display:none; }
.primaryCoachControls{
	padding-top:10px;
}
.formUpdatePrimaryCoach select[name=CoachID]{ min-width:300px; }
.formUpdatePrimaryCoach .choiceSection{ position:relative; padding:10px 0 10px 45px; }
.formUpdatePrimaryCoach .choiceSection span[class^="icon-"]{ position:absolute; top:18px; left:0; }
.formUpdatePrimaryCoach .choiceSection span[class^="icon-"]:before{ font-size:30px; }
.formUpdatePrimaryCoach .choiceSection select{ width:350px; max-width:100%; }
.pairingPrimary{
	position:relative;
	min-height:100px;
	padding-bottom:20px;
	border-bottom:var(--mediumDividerLine);
	margin-bottom:20px;
}
.pairingPrimary img.avatar{ float:right; margin-left:15px; height:40px; width:40px; }
.pairingPrimary .primaryCoachName{ font-size:20px; }
@media (max-width: 799px), (max-height: 499px)    {
 .pairingPrimary    {  }
 .pairingPrimary p    { height:50px; } }
.clientCoaches img.readOnly{ opacity:0.5; }
.showAtAdminOnly{ display:none; }
.adminOnly .showAtAdminOnly{ display:block; }
@media (min-width: 700px)    {
 .pageMain:first-child .pairingPrimary img.avatar    { height:80px; width:80px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .pairingPrimary img.avatar    { height:80px; width:80px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .pairingPrimary img.avatar,    .leftSidebar ~ div .twSection .pairingPrimary img.avatar,    .leftSidebar ~ div .sectionPaper .pairingPrimary img.avatar,    .leftSidebar ~ div .courseItemEditForm .pairingPrimary img.avatar    { height:80px; width:80px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .pairingPrimary img.avatar,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .pairingPrimary img.avatar    { height:80px; width:80px; } }
.anchorWindow .awBody .allControls{
	display:inline-block;
}
.anchorWindow .awBody .allControls .button{ color:#ffffff !important; border:none; width:110px; max-width:calc(25% - 3px); padding-left:0; padding-right:0; margin:0; }
.anchorWindow .awBody .allControls .button.pairingP{ background-color:#2597dd; }
.anchorWindow .awBody .allControls .button.pairingC{ background-color:#8cd3ff; }
.anchorWindow .awBody .allControls .button.pairingR{ background-color:#fcc02e; }
.anchorWindow .awBody .allControls .button.pairingN{ background-color:#c9120e; }
@media (max-width: 799px), (max-height: 499px)    {
 .anchorWindow .awBody .allControls span    { display:none; }
 .anchorWindow .awBody .allControls .button    { width:130px; padding-left:10px; padding-right:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
 .anchorWindow .awBody .allControls.has3 .button    { max-width:calc(33% - 2px); } }
@media (min-width: 700px)    {
 .pageMain:first-child .allControls .button    { width:110px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .allControls .button    { width:110px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .allControls .button,    .leftSidebar ~ div .twSection .allControls .button,    .leftSidebar ~ div .sectionPaper .allControls .button,    .leftSidebar ~ div .courseItemEditForm .allControls .button    { width:110px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .allControls .button,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .allControls .button    { width:110px; } }
.formUpdatePrimaryCoach{
	max-width:calc(100% - var(--standardPadding));
}
.pairOption{
	border-bottom:var(--minorDividerLine);
	position:relative;
	padding:5px 15px;
	
	display:-ms-flexbox;
	
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
}
.pairOption .styleRadio{ display:inline-block; width:100px; margin-left:0px; text-align:center; }
.pairOption .styleRadio div{ left:calc(50% - 8px) !important; }
.pairOption img.avatar{ width:35px; height:35px; margin-right:10px; }
.pairOption--controls{ -ms-flex-order:1; order:1; margin-bottom:15px; }
.pairOption--controls .styleRadio{ width:110px; max-width:calc(25% - 3px); }
@media (max-width: 799px), (max-height: 499px)    {
 .pairOption--controls .styleRadio    { width:130px; } }
.pairOption.has3 .pairOption--controls .styleRadio{ max-width:calc(33% - 25px); }
.pairOption--bits{ padding:5px 15px; }
.pairOption--bits .button{ width:auto !important; padding:6px 10px !important; height:auto !important; }
@media (min-width: 700px)    {
 .pageMain:first-child .pairOption    { display:block; }
 .pageMain:first-child .pairOption .pairOption--bits    { padding:0; }
 .pageMain:first-child .pairOption .pairOption--bits span    { display:inline-block; width:calc(100% - 590px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .pageMain:first-child .pairOption.has3 .pairOption--bits span    { width:calc(100% - 470px); } }
@media (min-width: 700px)    {
 .anchorWindow.floating .pairOption    { display:block; }
 .anchorWindow.floating .pairOption .pairOption--bits    { padding:0; }
 .anchorWindow.floating .pairOption .pairOption--bits span    { display:inline-block; width:calc(100% - 590px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .anchorWindow.floating .pairOption.has3 .pairOption--bits span    { width:calc(100% - 470px); } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .pairOption,    .leftSidebar ~ div .twSection .pairOption,    .leftSidebar ~ div .sectionPaper .pairOption,    .leftSidebar ~ div .courseItemEditForm .pairOption    { display:block; }
 .leftSidebar ~ div .anchorWindow .pairOption .pairOption--bits,    .leftSidebar ~ div .twSection .pairOption .pairOption--bits,    .leftSidebar ~ div .sectionPaper .pairOption .pairOption--bits,    .leftSidebar ~ div .courseItemEditForm .pairOption .pairOption--bits    { padding:0; }
 .leftSidebar ~ div .anchorWindow .pairOption .pairOption--bits span,    .leftSidebar ~ div .twSection .pairOption .pairOption--bits span,    .leftSidebar ~ div .sectionPaper .pairOption .pairOption--bits span,    .leftSidebar ~ div .courseItemEditForm .pairOption .pairOption--bits span    { display:inline-block; width:calc(100% - 590px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .leftSidebar ~ div .anchorWindow .pairOption.has3 .pairOption--bits span,    .leftSidebar ~ div .twSection .pairOption.has3 .pairOption--bits span,    .leftSidebar ~ div .sectionPaper .pairOption.has3 .pairOption--bits span,    .leftSidebar ~ div .courseItemEditForm .pairOption.has3 .pairOption--bits span    { width:calc(100% - 470px); } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .pairOption,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .pairOption    { display:block; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .pairOption .pairOption--bits,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .pairOption .pairOption--bits    { padding:0; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .pairOption .pairOption--bits span,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .pairOption .pairOption--bits span    { display:inline-block; width:calc(100% - 590px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .pairOption.has3 .pairOption--bits span,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .pairOption.has3 .pairOption--bits span    { width:calc(100% - 470px); } }
.formFreebie{
	max-width:500px;
}
.formFreebie input[type=submit]{ min-width:300px; }
.formTCP .vStretched{ padding:10px 15px; }
.formTCP label.styleCheckbox{ display:block; margin-bottom:6px; }
.formTCP input.search{ display:inline-block; margin:6px 0 20px; }
.formTCP .whenCoaching{ display:none; }
.formTCP.isCoaching div.whenCoaching{ display:block; }
.formTCP.isCoaching span.whenCoaching{ display:inline; }
.formTCP.isCoaching .whenNotCoaching{ display:none; }
.formTCP .formSection{ padding:10px 15px; margin:0; width:100%; }
.formTCP .formSection labelx{ margin-left:15px; }
.formTCP .formSection .permissionSection{ margin:30px 20px 4px 15px; max-width:600px; }
.formTCP .formSection .permissionSection:first-child{ margin-top:0px; }
.formTCP .formSection h4{ padding-bottom:2px; border-bottom:1px solid #bbb; margin:10px 0 6px; }
.formTeamCoachActions .coachItem{ margin-top:5px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; gap:5px 20px; padding:0px 15px 0px 0; }
@media (max-width: 799px), (max-height: 499px)    {
 .formTeamCoachActions .coachItem    { padding-left:15px; margin-bottom:20px; } }
.formTeamCoachActions .coachItem img.avatar{ height:30px; }
.formTeamCoachActions .coachItem .coachName{ -ms-flex:1 1 auto; flex:1 1 auto; width:200px; }
.formTeamCoachActions .coachItem .controls{ display:-ms-flexbox; display:flex; gap:20px; }
.formYA .rTable{ width:400px; max-width:100%; }
.formYA input[name=name], .formYA select{ width:100%; }
.formYA select[name=managingCoachID]{ width:calc(100% - 30px); }
.companyAvatar{ border-radius:0; }
.formCompanyClientAdder .clientCheckboxSet{ max-width:660px; }
.companyImage.right{
	margin-left:var(--standardPaddingH);
}
.itemY{
	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);
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:stretch;
	    align-items:stretch;
	-ms-flex-pack:justify;
	    justify-content:space-between;
	max-height:148px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .itemY    { margin-left:0; } }
.itemY:hover    { background-color:var(--highlight06); }
.designer .itemY.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .itemY.clickable:hover    { background-color:var(--highlight06); }
.itemY.inactive{ opacity:.6; }
.itemY__info{ padding:20px 15px 15px 166px; position:relative; -ms-flex:1 1 50%; flex:1 1 50%; min-height:146px; }
.itemY__info__image{ position:absolute; top:0; left:0; width:146px; height:146px; background-color:#ffffff; border-right:1px solid #cccccc; border-radius:var(--roundedRadius) 0 0 var(--roundedRadius); }
.itemY__info h3{ font-size:18px; margin:0 0 2px 0; }
.itemY__info__controls{ position:absolute; bottom:15px; left:164px; }
.itemY__info .engagementStatusHolder{ position:absolute; top:120px; left:13px; width:120px; height:15px; }
.itemY__info .engagementStatusHolder .engagementStatusMeter{ height:15px; }
.itemY__members{ padding:10px 5px 10px 15px; width:50%; max-width:410px; -ms-flex:1 1 50%; flex:1 1 50%; display:none; overflow:auto; max-height:220px; }
@media (min-width: 800px)    {
 .itemY__members    { display:block; } }
.itemY__members > div{ float:left; height:50px; width:50px; position:relative; overflow:hidden; margin:5px; position:relative; }
.itemY__members > div .designation{ position:absolute; bottom:0; right:0; z-index:1; text-align:center; height:19px; width:19px; padding-top:1px; color:#fff; background-color:#6c9c31; border-radius:50%; }
.itemY__members > div img{ height:100%; width:100%; border-radius:50% 50%; }
.formPerS .vStretched{ max-width:620px; }
.formPerS select{ width:100%; }
body.personnel .icon-lightbulb{ display:none; }
.referrerEarnings .paymentBox{ border:var(--mediumBorderColor); background:var(--cardBGColor); padding:10px 15px; margin-bottom:15px; min-height:100px; }
.referrerEarnings .paymentBox .amount{ margin:4px 0; font-size:26px; }
.referrerEarnings .referrerEarningsTable{ width:100%; max-width:400px; margin-bottom:30px; }
.referrerEarnings .referrerEarningsTable th:not(:first-child), .referrerEarnings .referrerEarningsTable td:not(:first-child){ text-align:right; }
.formRAD table{ max-width:600px; }
.formRAD input[type=text]{ width:100%; }
.formRP .vStretched{  }
.formRP input[name=name]{ width:100%; max-width:500px; margin-bottom:10px; }
.formRP h2{ margin-bottom:-10px; }
.formRP h3{ margin:20px 0 6px 0; }
.formRP label{ display:block; position:relative; padding-right:40px; margin:0 0 2px 10px; }
.formRP label .aboutLink{ position:absolute; display:none; top:6px; right:0; }
.formRP label:hover .aboutLink{ display:block; }
.formRP label.selectAll{ margin:0 0 10px 0; }
.formRP .resourcePackagePart h2{ font-size:18px; margin:5px 0 10px; }
.formRP .resourcePackagePart h2 span{ position:relative; top:3px; }
.formRP .aboutText{ max-height:0; overflow:hidden; transition:max-height ease-in 100ms; padding-left:30px; }
.formRP .aboutText textarea{ margin:10px 0 10px 0; width:100%; max-width:500px; height:100px; }
.formRP .aboutText.showing{ max-height:120px; }
.tabWindow--sectionRP .listingItemO{ height:auto; min-height:260px; }
.itemResourcePackage img{ width:100%; }
.installableResourcePackageListing{
	padding-bottom:20px !important;
}
.formRPInstall{
	position:relative;
	overflow:hidden;
}
.formRPInstall .vStretched{ position:relative; }
.formRPInstall .previewDiv{ background-color:var(--cardBGColor); border-top:var(--minorDividerLine); border-left:var(--minorDividerLine); position:absolute; right:0; top:0; bottom:0; width:400px; max-width:100%; transform:translate3d(100%, 0, 1px); transition:ease-in 150ms; z-index:1; }
@media (min-width: 800px) and (min-height: 500px)    {
 .formRPInstall .previewDiv    { height:calc(100% - 61px); } }
.formRPInstall .previewDiv.showing{ transform:translate3d(0, 0, 1px); }
.formRPInstall .previewDiv h2{ font-size:20px; padding-bottom:10px; border-bottom:var(--minorDividerLine); margin-bottom:10px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.formRPInstall .previewDiv h2 span{ position:relative; top:4px; }
.formRPInstall .previewDiv .itemAbout{ padding:10px 15px 25px; border-bottom:1px dashed #ababab; font-style:italic; margin-bottom:25px; }
.formRPInstall .previewDiv .itemAbout h3{ margin-bottom:16px; font-size:18px; font-weight:400; }
.formRPInstall .previewDiv .itemPreviewBody.typeW, .formRPInstall .previewDiv .itemPreviewBody.typeS, .formRPInstall .previewDiv .itemPreviewBody.typeT{ -webkit-backface-visibility:hidden; -webkit-transform-style:preserve-3d; transform-origin:0 0; transform:scale(.7); width:142%; }
.formRPInstall .previewDiv .itemPreviewBody.typeW .clientNoteContent, .formRPInstall .previewDiv .itemPreviewBody.typeS .clientNoteContent, .formRPInstall .previewDiv .itemPreviewBody.typeT .clientNoteContent{ padding:0; }
.formRPInstall .previewDiv .itemPreviewBody img.metricType{ display:block; margin:0 auto 20px auto; width:200px; border-radius:10px; box-shadow:1px 2px 3px rgba(var(--shadowColorRGB), .15); }
.formRPInstall .previewDiv .itemPreviewBody img.metricType.generic{ width:100%; max-width:400px; box-shadow:none; -webkit-clip-path:inset(30px 2px 10px 20px); clip-path:inset(30px 2px 10px 20px); opacity:.3; }
.formRPInstall .previewDiv .itemPreviewBody.typeM ul.bulleted{ font-size:16px; }
.formRPInstall .previewDiv .itemPreviewBody.typeM ul.bulleted li{ padding-bottom:10px; }
.formRPInstall .previewDiv .itemPreviewBody .fileIcon{ display:block; margin:0 auto; max-width:100%; }
.formRPInstall .previewDiv .itemPreviewBody.typeF .buttonRow{ text-align:center; }
.formRPInstall .previewDiv .itemPreviewBody .itemDescription{ margin-bottom:4px; }
.formRPInstall .previewDiv .itemPreviewBody .itemDescription span{ position:relative; top:3px; }
.formRPInstall.uninstall label.styleCheckbox input:checked + div, .formRPInstall.uninstall label.styleCheckbox input:checked + div:after{ border-color:var(--statusRed); }
.formRPInstall label.styleCheckbox{ display:block; margin-bottom:6px; }
.formRPInstall label.styleCheckbox.selectAll{ font-weight:bold; }
.formRPInstall label.styleCheckbox.selectAllType{ padding-top:0; padding-bottom:8px; }
.formRPInstall label.styleCheckbox.selectAllType span{ position:relative; top:4px; }
.formRPInstall label.styleCheckbox.selectItem{ margin-left:20px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:calc(100% - 70px); }
.formRPInstall label.styleCheckbox.shareItem{ position:absolute; top:0; right:60px; width:60px; font-size:11px; padding-top:8px; }
.formRPInstall .typeSection{ margin:15px 0 30px 0; position:relative; }
.formRPInstall .typeSection .typeSelectAll{ padding-bottom:4px; margin-bottom:5px; border-bottom:1px solid #bbb; }
.formRPInstall .singleItem{ max-width:660px; position:relative; }
.formRPInstall .singleItem span.oneLiner{ display:inline-block; max-width:calc(100% - 152px); }
.formRPInstall .singleItem .previewButton, .formRPInstall .singleItem .takeMeThereButton{ position:absolute; padding:2px 6px; height:auto; font-size:11px; top:4px; right:0; margin:0; }
.formRPInstall .singleItem .takeMeThereButton{ right:54px; }
.formRPInstall .singleItem:hover .takeMeThereButton{ display:block; }
.formRPInstall .installedSummary .typeSection div[class^="icon-"]:before{ position:relative; top:4px; }
.formRPInstall .installedSummary .singleItem{ padding:7px 0 5px 25px; }
.formRPInstall .forTeam .singleItem{ max-width:560px; }
.formRPInstall .forTeam .singleItem .selectItem{ width:calc(100% - 150px); }
.formRPInstall .forTeam .singleItem .takeMeThereButton{ right:124px; }
.formRPInstall .tuckedItemPreviewContent{ display:none; }
@media (min-width: 800px)    {
 .pageMain:first-child .formRPInstall .previewDiv    { width:600px; }
 .pageMain:first-child .formRPInstall .previewDiv .itemPreviewBody.typeW, .pageMain:first-child .formRPInstall .previewDiv .itemPreviewBody.typeS, .pageMain:first-child .formRPInstall .previewDiv .itemPreviewBody.typeT    { transform:scale(1); width:100%; } }
@media (min-width: 1100px)    {
 .leftSidebar ~ .pageMain .formRPInstall .previewDiv,    .leftSidebar ~ .portableAnchorContainer .formRPInstall .previewDiv    { width:600px; }
 .leftSidebar ~ .pageMain .formRPInstall .previewDiv .itemPreviewBody.typeW, .leftSidebar ~ .pageMain .formRPInstall .previewDiv .itemPreviewBody.typeS, .leftSidebar ~ .pageMain .formRPInstall .previewDiv .itemPreviewBody.typeT, .leftSidebar ~ .portableAnchorContainer .formRPInstall .previewDiv .itemPreviewBody.typeW, .leftSidebar ~ .portableAnchorContainer .formRPInstall .previewDiv .itemPreviewBody.typeS, .leftSidebar ~ .portableAnchorContainer .formRPInstall .previewDiv .itemPreviewBody.typeT    { transform:scale(1); width:100%; } }
@media (min-width: 900px)    {
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .formRPInstall .previewDiv    { width:600px; }
 .leftMenuMini .leftSidebar--miniable ~ .pageMain .formRPInstall .previewDiv .itemPreviewBody.typeW, .leftMenuMini .leftSidebar--miniable ~ .pageMain .formRPInstall .previewDiv .itemPreviewBody.typeS, .leftMenuMini .leftSidebar--miniable ~ .pageMain .formRPInstall .previewDiv .itemPreviewBody.typeT    { transform:scale(1); width:100%; } }
.formE .rTable{ width:100%; max-width:600px; }
.formE input[name=name],
	.formE select[name=managingCoachID],
	.formE select[name=PersonnelID]{ width:100%; }
.formE input[name=allocationPerClient],
	.formE input[name=invoiceFrequencyNumber],
	.formE input[name=invoiceAENumberI],
	.formE input[name=invoiceAENumberR],
	.formE input[name=invoiceCount],
	.formE input[name=invoiceDelayNumber]{ width:48px; }
.formE input[name=durationNumber]{ width:53px; }
.formE input[name=durationRange0], .formE input[name=durationRange1]{ width:53px; padding-right:2px !important; }
.formE input[name=allocation],
	.formE input[name=perClientHourLimit]{ width:60px; }
.formE textarea{ width:100%; height:80px; }
.formE .unitOverage{ width:48px; display:inline-block; margin-left:8px; }
.formE .dayOf{ width:48px; }
.formE .notificationsDiv .engagementNotifyDiv{ position:relative; margin-bottom:10px; padding-right:30px; padding:5px 10px 5px 10px; }
.formE .notificationsDiv .engagementNotifyDiv select.sendTo{ width:87px; }
.formE .notificationsDiv .engagementNotifyDiv select.sendTo.wide{ width:150px; }
.formE .notificationsDiv .engagementNotifyDiv select.sendTo.companyWide{ width:104px; }
.formE .notificationsDiv .engagementNotifyDiv .line2Indent{ display:inline-block; width:54px; }
.formE .notificationsDiv .engagementNotifyDiv .allocationUnit{ display:inline-block; margin-left:8px; }
.formE .notificationsDiv .engagementNotifyDiv .icon-trash{ display:none; position:absolute; top:6px; right:4px; }
.formE .notificationsDiv .engagementNotifyDiv:hover .icon-trash{ display:block; }
.formE .notificationsDiv a.button{ margin-top:6px; }
.formE label.majorRadio{ font-size:18px; }
.formE h4{ margin-bottom:10px; }
.formE p{ max-width:500px; }
.formEC .doneWhenControls{ margin-top:10px; }
.listingItemET, .listingItemE{
	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);
	height:155px;
	position:relative;
	background:var(--cardBGColor);
	padding:10px 15px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .listingItemET, .listingItemE    { margin-left:0; } }
.listingItemET:hover,    .listingItemE:hover    { background-color:var(--highlight06); }
.designer .listingItemET.clickable:hover,    .designer .listingItemE.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .listingItemET.clickable:hover,    .designer.darkMode .listingItemE.clickable:hover    { background-color:var(--highlight06); }
.listingItemET h3, .listingItemE h3{ margin-bottom:6px; }
.listingItemET table td, .listingItemE table td{ padding-bottom:6px; }
.listingItemET table td:first-child, .listingItemE table td:first-child{ padding-right:10px; }
.listingItemET table td:nth-child(2), .listingItemE table td:nth-child(2){ font-size:16px; }
.listingItemET .invoicingInfo, .listingItemE .invoicingInfo{ position:absolute; bottom:10px; right:15px; text-align:right; }
.listingItemET .invoicingInfo .price, .listingItemE .invoicingInfo .price{ font-size:20px; }
.listingItemET .controlsHolder, .listingItemE .controlsHolder{ position:absolute; inset:10px 15px auto auto; }
.listingItemE{
	padding:0 0 0px 0;
	display:-ms-flexbox;
	display:flex;
	height:auto; min-height:155px;
}
.listingItemE .mainInfo{ padding:10px 0 10px 15px; width:50%; -ms-flex:1 1 auto; flex:1 1 auto; }
.listingItemE .clientMembers{ padding:10px 5px 10px 15px; width:50%; max-width:410px; -ms-flex:1 1 auto; flex:1 1 auto; display:none; overflow:auto; max-height:155px; }
@media (min-width: 800px)    {
 .listingItemE .clientMembers    { display:block; } }
.listingItemE .clientMembers div{ float:left; border-radius:50% 50%; height:50px; width:50px; position:relative; overflow:hidden; margin:5px; }
.listingItemE .clientMembers div img{ height:100%; width:100%; }
.listingItemE .controlsHolder{ display:none; }
.listingItemE .engagementStatusMeter{ width:200px; height:20px; }
@media (max-width: 500px){
 .listingItemE .engagementStatusMeter    { position:absolute; bottom:0px; left:15px; width:80px; } }
body.designer .listingItemE.comingled{
	padding:var(--regionPadding);
}
body.designer .listingItemE.comingled .profileImage{ height:80px; width:80px; border-radius:50%; }
body.designer .listingItemE.comingled .profileImage.company{ border-radius:10px; box-shadow:1px 2px 3px rgba(0, 0, 0, .2); }
body.designer .listingItemE.comingled .mainInfo{ padding:0; }
.formEB{
	width:300px;
}
.formEB select[name=EngagementTemplateID],
	.formEB select[name=IID],
	.formEB ._awesomeSelectStandInWrapper{ width:100%; }
@media (min-width: 800px) and (min-height: 500px)    {
 .formEB    { width:auto; }
 .formEB select[name=EngagementTemplateID]    { min-width:320px; max-width:400px; } }
@media (max-width: 799px), (max-height: 499px)    {
 .formEB a.button    { margin-top:10px !important; } }
.centeredTwoColumn{
	width:100%;
}
.centeredTwoColumn td:first-child{ text-align:right; padding-right:4px; }
.radialChart{
	position:relative;
	width:160px;
	height:160px;
	border-radius:50%;
	background-color:var(--minorBorderColor);
	
	padding:15px;
}
.radialChart > svg{ position:absolute; top:0; left:0; height:100%; width:100%; border-radius:50%; }
.radialChart .innerCircle{ position:relative; height:100%; width:100%; background-color:var(--cardBGColor); border-radius:50%; z-index:1; }
.radialChart .innerCircle .innerCircleText{ position:absolute; top:50%; transform:translateY(-50%); width:100%; text-align:center; }
--statusGreenLight:#93c452;
.engagementState h2{ font-size:32px; }
.engagementState .engagementStateDashboardParts{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; }
.engagementState .clientMembers{ display:-ms-flexbox; display:flex; padding:10px 0; }
.engagementState .clientMembers div{ float:left; height:30px; width:30px; }
.engagementState .clientMembers div img{ height:100%; width:100%; border-radius:50% 50%; }
.engagementState .engagementStatePart{ margin:0px 15px 0px 15px; margin:20px 5px 20px 5px; width:160px; float:left; }
.engagementState .engagementStatePart h3{ text-transform:uppercase; margin-bottom:15px; }
.engagementState .engagementStatePart .daysIn{ margin-bottom:-8px; font-size:42px; font-weight:700; }
.engagementState .engagementStatePart .radialChart{ position:relative; width:160px; height:160px; border:3px solid var(--minorBorderColor); background-color:var(--minorBorderColor); padding:15px; }
.engagementState .engagementStatePart .radialChart .innerCircle{ border:3px solid var(--minorBorderColor); }
.engagementState .engagementStatePart--allocation{ width:350px; max-width:100%; }
.engagementState .engagementStatePart--allocation .allocationStats{ float:right; width:calc(100% - 150px); }
.engagementState .engagementStatePart--allocation .bracketStat{ float:left; position:relative; border:5px solid var(--minorBorderColor); height:160px; width:145px; padding:15px 0; text-align:center; text-transform:uppercase; }
.engagementState .engagementStatePart--allocation .bracketStat:before, .engagementState .engagementStatePart--allocation .bracketStat:after{ content:''; position:absolute; left:30px; right:30px; height:5px; background-color:var(--minorBorderColor); }
.engagementState .engagementStatePart--allocation .bracketStat:before{ top:-5px; }
.engagementState .engagementStatePart--allocation .bracketStat:after{ bottom:-5px; }
.engagementState .engagementStatePart--allocation .bracketStat__number{ font-size:70px; color:var(--statusGreen); margin-bottom:-6px; }
.engagementState .engagementStatePart--allocation .bracketStat__number.smaller{ margin-top:20px; font-size:45px; }
.engagementState .engagementStatePart--allocation .bracketStat__caption{ position:absolute; bottom:-30px; text-align:center; width:100%; text-transform:none; }
.engagementState .engagementStatePart--allocation .allocationStat{ position:relative; margin-bottom:20px; font-size:10px; padding-left:55px; }
.engagementState .engagementStatePart--allocation .allocationStat__number{ position:absolute; top:2px; left:0px; width:50px; text-align:right; font-size:16px; font-weight:700; }
.engagementState .engagementStatePart--allocation .allocationStat__meter{ overflow:hidden; background-color:var(--minorBorderColor); border:4px solid var(--minorBorderColor); border-radius:10px; margin-bottom:4px; }
.engagementState .engagementStatePart--allocation .allocationStat__meter div{ height:13px; }
.engagementState .engagementStatePart--allocation .allocationStat__meter--typeP div{ background-color:var(--statusGreenLight); }
.engagementState .engagementStatePart--allocation .allocationStat__meter--typeA div{ background-color:var(--statusGreen); }
.engagementState .engagementStatePart--allocation .allocationStat__meter--typeV div{ background-color:var(--statusBlue); }
.engagementState .engagementStatePart--allocation .allocationStat__meter--typeP div{ background:linear-gradient(to right, #b5ea75 0%, var(--statusGreenLight) 100%); }
.engagementState .engagementStatePart--allocation .allocationStat__meter--typeA div{ background:linear-gradient(to right, #94d04c 0%, var(--statusGreen) 100%); }
.engagementState .engagementStatePart--allocation .allocationStat__meter--typeV div{ background:linear-gradient(to right, #8cd3ff 0%, var(--statusBlue) 100%); }
.engagementState .engagementStatePart .invoicesStat{ position:relative; background-color:var(--minorBorderColor); border-radius:50%; width:160px; height:160px; margin-bottom:6px; }
.engagementState .engagementStatePart .invoicesStat__Sent, .engagementState .engagementStatePart .invoicesStat__Paid, .engagementState .engagementStatePart .invoicesStat__symbol{ position:absolute; top:50%; left:50%; border-radius:50%; transform:translate(-50%, -50%); }
.engagementState .engagementStatePart .invoicesStat__Sent{ background:radial-gradient(ellipse at center, #94d04c 0%, var(--statusGreen) 100%); }
.engagementState .engagementStatePart .invoicesStat__Paid{ background-color:#5f882d; }
.engagementState .engagementStatePart .invoicesStat__symbol{ color:#ffffff; font-size:30px; }
.engagementState .engagementStatePart .notificationsStat{ position:relative; border:10px solid var(--minorBorderColor); border-radius:10px; background-size:100% auto; height:135px; text-align:center; padding-top:6px; }
.engagementState .engagementStatePart .notificationsStat:before{ content:''; position:absolute; border-radius:15px; background-color:var(--minorBorderColor); height:115px; width:115px; left:12px; bottom:60px; -webkit-clip-path:polygon(100% 0, 100% 100%, 0 100%); clip-path:polygon(100% 0, 100% 100%, 0 100%); transform:scale(1, 1.3) rotate(45deg); }
.engagementState .engagementStatePart .notificationsStat__number{ position:relative; font-size:56px; color:#ffffff; z-index:1; }
.engagementState .itemWidebox{ padding-bottom:0; margin-bottom:30px; border-bottom:2px solid #e1e1e1; }
.engagementState .itemWidebox .header{ margin-top:-20px; padding-top:15px; padding-left:15px; padding-right:15px; }
.engagementState table.data{ width:100%; border:none; }
.engagementState table.data .faded{ color:#aaaaaa; }
.engagementState .engagementAppointments table td{ vertical-align:middle; }
.engagementState .whichP{ color:var(--statusGreenLight); }
.engagementState .whichA{ color:var(--statusGreen); }
.engagementState .whichV{ color:var(--statusBlue); }
.engagementState .whichX{ color:var(--statusGrey); }
.judgementRow.buttonRow{
	white-space:nowrap;
	float:right;
}
.judgementRow.buttonRow .button{ padding:2px 2px; height:auto; }
.judgementRow.buttonRow .button.icon-check{ padding-left:8px; padding-right:8px; }
.judgementRow.buttonRow .button:before{ font-size:13px; }
.judgementRow.buttonRow .button.icon-check.chosen{ background-color:var(--statusBlue); }
.judgementRow.buttonRow .button.icon-check.chosen:before, .judgementRow.buttonRow .button.icon-check.chosen:hover:before{ color:#fff !important; }
.judgementRow.buttonRow .button.icon-minimize.chosen{ background-color:#f3f3f3; }
.judgementRow.buttonRow .button.icon-close.chosen{ background-color:var(--statusRed); }
.judgementRow.buttonRow .button.icon-close.chosen:before, .judgementRow.buttonRow .button.icon-close.chosen:hover:before{ color:#fff !important; }
form:not(.editable) .judgementRow.buttonRow .button{ cursor:default; }
.engagementState .forWho{ display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; gap:20px; margin-bottom:20px; }
.engagementState .forWho .avatar{ height:50px; }
.engagementState .forWho .avatar.companyLogo{ border-radius:5px; box-shadow:1px 2px 5px rgba(0, 0, 0, .15); }
.engagementState .engagementStatusMeterHolder{ background-color:var(--cardBGColor); padding:5px 15px 0px 15px; }
.engagementState .engagementStatusMeterHolder .engagementStatusMeter{ border:none; }
.engagementState .engagementAppointmentStatusSummary{ background-color:var(--cardBGColor); padding:15px 15px; }
.engagementStatusMeter{
	position:relative;
	background-color:#f1f1f1;
	border:var(--dividerLine);
	border:none;
	border-radius:4px;
	height:30px;
	margin:6px 0 10px;
}
.engagementStatusMeter .statBar{ position:absolute; left:0; top:0; bottom:0; border-radius:3px 0 0 3px; }
.engagementStatusMeter .statBar.fullBar{ border-radius:3px; }
.engagementStatusMeter .statBar.nudgedDown{ top:0px; }
.engagementStatusMeter .statBar.nudgedDown + .nudgedDown{ top:0px; }
.engagementStatusMeter .statBar.typeP{ background-color:var(--statusGreenLight); }
.engagementStatusMeter .statBar.typeA{ background-color:var(--statusGreen); }
.engagementStatusMeter .statBar.typeV{ background-color:var(--statusBlue); }
.engagementStatusMeter.stacked .statBar{ position:relative; float:left; height:100%; }
.engagementStatusMeter.stacked .statBar + .statBar{ border-radius:0; }
.subsriptionStatus .engagementStatusMeter{ margin-top:-4px; }
.subsriptionStatus .engagementStatusMeter .statBar{ transition:width 250ms ease-in; }
.formBI .imageControls{ text-align:center; margin-bottom:16px; }
.formBI .imageInstructions{ margin-bottom:20px; }
.clickToChangeRegion{
	
	position:relative;
	display:block;
	cursor:pointer;
}
.clickToChangeRegion label.button--fileUpload{ position:absolute; top:0; left:-9999px; }
.clickToChangeRegion:before{ content:'Click to change'; color:#fff; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0, 0, 0, .5); display:none; z-index:1; text-align:center; font-size:26px; }
.clickToChangeRegion:hover:before{ display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }
.sampleLogoBar{
	display:block;
	height:60px;
	width:calc(100% + 30px);
	margin:-10px -15px 10px -15px;
	background-color:var(--brandingPrimary);
	box-shadow:inset 0 -4px 0 rgba(0, 0, 0, .07);
	position:relative;
}
.darkMode .sampleLogoBar{ background-color:var(--brandingPrimary); }
.darkMode.brightTopBar .sampleLogoBar{ background-color:var(--subDividerLineColor); }
.sampleLogoBar .brandingLogo{ margin:0 auto; background:transparent url(../../images/v3/headerLogo.png) 50% 50% no-repeat; background-size:154px auto; height:50px; width:154px; position:absolute; top:5px; left:50%; margin-left:-77px; }
.v4LogoHolder{
	background-color:#fff;
	display:block;
	height:60px;
}
.v4LogoHolder .brandingLogo{ margin:0 auto; background-size:contain; height:50px; width:154px; position:absolute; top:5px; left:50%; margin-left:-77px; background-repeat:no-repeat; background-position:50% 50%; }
.regularLogoHolder{
	display:inline-block;
	margin-bottom:10px;
}
.regularLogoHolder .regularLogo{ margin:0px auto 0 auto; background-size:252px auto; height:156px; width:252px; }
.appIconHolder{
	height:auto;
	display:inline-block;
	margin:0 auto;
	border-radius:10px;
	overflow:hidden;
}
.appIconHolder:before{ border-radius:0px; }
.appIconHolder .theImage{ border-radius:10px; margin:0 auto; height:200px; width:200px; background-size:200px 200px; border:1px solid #4a4a4a; }
.brandingColorSet{
	margin:5px 0 20px 0;
}
.brandingColorSet > div{ border:1px solid #000; margin-right:20px; height:50px; width:50px;  cursor:pointer; float:left; }
.emailTemplate{ }
.emailTemplate.colorScheme0 .colorBar{ background-color:#6C9C31; }
.emailTemplate.colorScheme1 .colorBar{ background-color:#B73E35; }
.emailTemplate.colorScheme2 .colorBar{ background-color:#D27800; }
.emailTemplate.colorScheme3 .colorBar{ background-color:#F9D800; }
.emailTemplate.colorScheme4 .colorBar{ background-color:#2F52BA; }
.emailTemplate.colorScheme5 .colorBar{ background-color:#761BA6; }
.emailTemplate.colorScheme6 .colorBar{ background-color:#949494; }
.emailTemplate.colorScheme7 .colorBar{ background-color:#484848; }
.emailTemplate textarea[name=emailHeaderText]{
	float:right; width:100%; max-width:380px; height:67px; text-align:right; resize:none;
	position:relative; top:-10px;
}
.emailTemplate .emailHeader{ height:60px; position:relative; }
.emailTemplate .logoImage{ left:30px; margin:0; }
.emailBody{ 
	max-width:600px;
	padding:20px 0px;
}
.emailFooter{ height:10px; margin-bottom:4px; }
.formBET textarea{ width:100%; max-width:500px; height:70px; }
.formBET select[name="emailTemplateOption"]{ width:100%; }
@media (min-width: 700px)    {
 .pageMain:first-child .formBET select[name="emailTemplateOption"]    { max-width:300px; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .formBET select[name="emailTemplateOption"]    { max-width:300px; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .formBET select[name="emailTemplateOption"],    .leftSidebar ~ div .twSection .formBET select[name="emailTemplateOption"],    .leftSidebar ~ div .sectionPaper .formBET select[name="emailTemplateOption"],    .leftSidebar ~ div .courseItemEditForm .formBET select[name="emailTemplateOption"]    { max-width:300px; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .formBET select[name="emailTemplateOption"],    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .formBET select[name="emailTemplateOption"]    { max-width:300px; } }
.formBSN{
	max-width:430px;
}
.formBSN input[type=text]{ width:100%; }
.brandingColorControl{
	display:inline-block;
	width:150px;
}
.colorSwitchButon{
	display:inline-block;
	margin:-50px 20px 0 20px !important;
	vertical-align:middle;
}
.WL_ColorChip{
	width:150px;
	height:150px;
	border:8px solid #ffffff;
	box-shadow:0 0 0 2px #e9e9e9;
	cursor:pointer;
	text-align:center;
	padding-top:28px;
	color:#fff;
	margin:6px 0 10px 0;
	font-size:28px;
}
.colorPickerInput{
	width:100px;
	cursor:pointer;
}
.sampleColorSchemes{
	margin:6px 0 0 0;
	max-width:600px;
}
.sampleColorSchemes div{ border:1px solid #fff; }
.sampleColorSchemes > div{ float:left; margin-right:26px; margin-bottom:20px; position:relative; height:40px; width:54px; cursor:pointer; }
.sampleColorSchemes > div > div{ position:absolute; bottom:-5px; right:-6px; height:18px; width:30px; }
.appIcon{ width:100px; border-radius:12px; margin-left:30px; box-shadow:0 0 9px rgba(0, 0, 0, .3); }
#emailTemplatePreviewIFrame{
	width:100%;
	height:1px;
	box-sizing:content-box;
	border-top:var(--dividerLine);
	border-bottom:var(--dividerLine);
}
.brandingPreviewHolder{
	box-shadow:inset 0 0 20px rgba(0, 0, 0, .2);
	padding:20px;
}
.formTabConfig select[name=CoachID]{ width:235px; }
.formTabConfig .vStretched{  }
.formTabConfig .itemMenu{ position:relative; width:265px; min-height:100%; transition:opacity linear 150ms; }
.formTabConfig .itemMenu > div{ -ms-flex:1 1 auto; flex:1 1 auto; }
.formTabConfig .itemMenu > div:first-child{ padding-bottom:20px; }
.formTabConfig .itemMenu > div.extraControls{ -ms-flex-positive:0; flex-grow:0; font-size:12px; }
.formTabConfig .itemMenu .item{ position:relative; overflow:visible; cursor:ns-resize; }
.formTabConfig .itemMenu .item.dontShow{ background-color:var(--tinyBorderColor); color:#555; opacity:.6; }
.formTabConfig .itemMenu .item .button{ position:absolute; top:5px; right:15px; height:38px; }
.formTabConfig .itemMenu .item .helpTextDiv{ position:absolute; top:10px; left:295px; opacity:0; transition:opacity .1s ease-in; pointer-events:none; max-width:calc(100vw - 200px); width:100%; white-space:normal; }
@media (max-width: 799px), (max-height: 499px)    {
 .formTabConfig .itemMenu .item .helpTextDiv    { display:none; } }
.formTabConfig .itemMenu .item:hover .helpTextDiv{ opacity:1; }
.formTabConfig .itemMenu.disabled{ cursor:default; pointer-events:none; opacity:.7; }
.formTabConfig .switchCheckbox{ position:relative; padding:0 0 0 60px; }
.formTabConfig .switchCheckbox .theSwitch{ position:absolute; left:0; }
.formTabConfig .switchCheckbox:first-child{ padding-bottom:20px; }
.formTabConfig--clientCustom .itemMenu{ border:var(--dividerLine); padding-bottom:0; }
.formTabConfig.offeringPart .itemMenu div:first-child{ padding-bottom:0; }
.formEFN{
	max-width:570px;
}
.formEFN input[name=coachEmailFromName]{ width:calc(100% - 80px); }
.formEFN .primary{ width:70px; }
._awesomeSelectStandInWrapper.wide600{ max-width:100% !important; width:600px; }
.formMT select, .formMT ._awesomeSelectStandIn{ max-width:100%; width:800px; }
.formMT select[name=emailTemplateName]{ margin:0px 0 10px 0; }
.magicTagListing div{
	padding:2px 0px;
	margin:1px 0px;
	cursor:pointer;
}
body.designer .magicTagListing{
	
	border-radius:5px;
	padding:7px 15px 7px 15px;
	background-color:rgba(var(--brandingPrimaryRGB), .1);
	border:1px solid var(--brandingPrimary);
	width:-moz-fit-content;
	width:fit-content;
}
body.designer .magicTagListing div{ text-decoration:none; width:-moz-fit-content; width:fit-content; padding:2px 5px; margin-bottom:6px; border-radius:3px; background-color:var(--cardBGColor); }
body.designer .magicTagListing div:last-child{ margin-bottom:0; }
.messageTemplateEditForm{
	max-width:800px;
	margin-top:20px;
	padding-bottom:10px;
}
.messageTemplateEditForm input[name=subjectTemplate]{ width:100%; }
.messageTemplateEditForm .templateEditor{ width:calc(100% - 230px); }
.messageTemplateEditForm textarea[name=messageTemplate]{ width:100%; height:300px; }
.messageTemplateEditForm textarea[name=SMSTemplate]{ width:100%; height:60px; overflow-y:hidden; }
.messageTemplateEditForm .magicTags{ float:right; width:200px; padding-top:20px; }
@media (max-width: 799px), (max-height: 499px)    {
 .messageTemplateEditForm .templateEditor    { width:100%; margin-top:20px; }
 .messageTemplateEditForm .magicTags    { float:none; width:auto; } }
.formCP .rTable{ max-width:800px; }
.formCP .insetSection .rTable{ max-width:780px; }
.formCP input[type=text]{ width:100%; }
.formCP textarea[name=profileExtra]{ width:350px; height:150px; max-width:100%; }
.formCP textarea[name=biography]{ width:100%; height:400px; }
.formCP iframe{ min-height:400px; }
.formCP .formSection{ margin-bottom:0; }
.formNotificationPreferences .notificationSections{ margin-left:15px; margin-top:6px; }
.formNotificationPreferences .notificationSections.disabled{ cursor:default; pointer-events:none; opacity:.7; }
.notificationConfigSection{
	position:relative;
	max-width:560px;
	padding:10px 0px 40px 60px;
}
.notificationConfigSection .item{ position:absolute; top:6px; left:0px; width:41px; height:47px; }
.notificationConfigSection label.styleCheckbox{ display:block; margin-bottom:6px; }
.notificationConfigSection .subSection{ margin:6px 0 0 20px; }
.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% - 30px);
	float:left;
	position:relative;
	padding:10px 10px 10px 90px;
	height:230px;
	margin:15px;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .appointmentType    { margin-left:0; } }
.appointmentType:hover    { background-color:var(--highlight06); }
.designer .appointmentType.clickable:hover    { background-color:var(--highlight03); border-color:var(--brandingSecondary); }
.designer.darkMode .appointmentType.clickable:hover    { background-color:var(--highlight06); }
.appointmentType .cardBottom{ bottom:0px; height:110px; }
.appointmentType h3{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 50px 6px 0; font-size:16px; }
.appointmentType .reminders span{ font-size:11px; }
.appointmentType .reminders b{ font-size:16px; }
.appointmentType .clientScheduling{ margin-top:6px; }
.appointmentType .clientScheduling span{ font-size:11px; }
.appointmentType .clientScheduling b{ font-size:16px; }
.appointmentType .clientScheduling .icon-check, .appointmentType .clientScheduling .icon-disallowed{ position:relative; top:3px; }
.appointmentType .clientScheduling .icon-check:before, .appointmentType .clientScheduling .icon-disallowed:before{ font-size:16px; letter-spacing:0; }
.appointmentType .clientScheduling .icon-disallowed{ top:3px; }
.appointmentType .clientScheduling .icon-disallowed:before{ font-size:20px; }
.appointmentType .duration{ position:absolute; top:10px; left:5px; width:70px; }
.appointmentType .duration div.label{ font-size:11px; text-align:center; }
.appointmentType .duration .hourClock{ position:absolute; top:0px; left:0px; width:70px; height:80px; background:url(../../images/v3/graphics/clockFace.png) 5px 0 no-repeat; background-size:60px auto; padding:3px 3px 0 3px; }
.appointmentType .duration .hourClock .inner{ position:relative; top:0px; left:5px; width:54px; height:54px; margin-bottom:6px; }
.appointmentType .duration .hourClock .inner .wedgeHolder{ position:absolute; width:54px; height:54px; border-radius:27px; clip:rect(0px, 54px, 54px, 27px); }
.appointmentType .duration .hourClock .inner .wedgeHolder .wedge{ clip:rect(0px, 27px, 54px, 0px); }
.appointmentType .duration .hourClock .inner .wedgeHolder .wedge.halfHour{ transform:rotate(180deg); }
.appointmentType .duration .hourClock .inner .wedgeHolder.leftSide{ clip:rect(0px, 27px, 54px, 0px); }
.appointmentType .duration .hourClock .inner .wedgeHolder .wedge, .appointmentType .duration .hourClock .inner .fullHour{ position:absolute; background:rgba(128, 255, 128, .4); width:54px; height:54px; border-radius:27px; }
.appointmentType .duration .hourClock .inner .fullHour{ background:rgba(128, 128, 255, .3); }
.appointmentType .worksheet{ padding:8px 0 4px 28px; font-size:12px; position:relative; }
.appointmentType .worksheet .icon-itemW{ position:absolute; top:5px; left:0; }
.appointmentType .worksheet .icon-itemW:before{ font-size:20px; color:#444; }
.appointmentType .worksheet div{ font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:.9em; padding-bottom:4px; }
@media screen and (min-width: 1200px){ .appointmentType{ width:calc(50% - 30px); } }
.weekAvailabilityTable > div{ margin-bottom:4px; }
.weekAvailabilityTable .dayOfWeek{ vertical-align:top; width:70px; display:inline-block; padding:6px 5px 2px 0; }
.weekAvailabilityTable .availabilityOption{ vertical-align:top; width:200px; display:inline-block; padding:2px 5px 2px 0; }
.weekAvailabilityTable .timeInputs{ width:calc(100% - 280px); max-width:500px; min-width:310px; display:inline-block; transition:opacity 100ms ease-in; }
.weekAvailabilityTable .timeInputs.typeN{ opacity:0; }
.weekAvailabilityTable .timeInputs .weekAvailabilityInputsSplit{ display:none; }
.weekAvailabilityTable .timeInputs.typeS .weekAvailabilityInputsSplit{ display:inline; }
.weekAvailabilityTable .timeInputs input.timeInput{ background-position:-100px 50%; width:61px; padding-left:6px !important; padding-right:6px !important; font-size:12px; }
@media (max-width: 799px), (max-height: 499px)    {
 .weekAvailabilityTable .timeInputs > input.timeInput:first-child    { margin-left:24px; } }
.weekAvailabilityTable .timeInputs .additionalSplit{ display:none; margin:4px 0 0 150px; }
@media (max-width: 799px), (max-height: 499px)    {
 .weekAvailabilityTable .timeInputs .additionalSplit    { margin:6px 0 0 6px; } }
.weekAvailabilityTable .timeInputs.typeS .additionalSplit{ display:inline-block; }
.weekAvailabilityTable .timeInputs .addSplitLink{ display:none; margin-left:10px; }
.weekAvailabilityTable .timeInputs.typeS .addSplitLink{ display:inline-block; }
@media screen and (max-width: 990px){
	.weekAvailabilityTable .timeInputs{ display:block; margin-left:73px; padding:5px 0 7px 0; }
}
@media screen and (max-width: 450px){
	.weekAvailabilityTable .timeInputs{
		margin-left:0px;
		width:100%;
		min-width:100%;
		padding:5px 0 7px 0;
	}
}
@media screen and (max-width: 390px){
	.mBR{ display:block; height:6px; }
}
.listingItemAC{
	height:auto;
	border-bottom:1px solid #e1e1e1;
	position:relative;
	background:#fff;
	padding:10px 35px 10px 46px;
}
.listingItemAC .icon-itemP{ position:absolute; top:10px; left:13px; display:none; }
.listingItemAC .icon-itemP:before{ font-size:20px; color:#444; }
@media (-webkit-min-device-pixel-ratio: 1.25), 
	(min-resolution: 120dpi)    {
 .listingItemAC .icon-itemP    { display:block; } }
.listingItemAC:after{
	display:block; position:absolute; top:10px; left:13px; height:20px; width:20px;
	content:''; background:url(../../images/v3/graphics/miniItemP.png) no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.25), 
	(min-resolution: 120dpi)    {
 .listingItemAC:after    { display:none; } }
.listingItemAC h3,
.listingItemAC .helpText{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; }
.listingItemAC .icon-trash{ position:absolute; top:10px; right:10px; }
#tabWindowAppointmentExceptions .oppositeRightButton{ width:calc(100% - 120px); }
@media (max-width: 799px), (max-height: 499px)    {
 #tabWindowAppointmentExceptions .oppositeRightButton    { clear:right; width:100%; margin-top:10px; } }
.formATC .vStretched{ width:590px; max-width:100%; padding-bottom:200px; }
.formAppointmentAvailability{
	margin:20px 0;
}
.formAppointmentAvailability .weekAvailabilityTable{ margin:16px 0; }
.formAppointmentPostTemplates input[type=text]{ width:100%; max-width:560px; display:block; }
.formWC .vStretched{ width:620px; max-width:100%; }
.formZI td:first-child{ text-align:left !important; }
.formZI .styleRadio{ display:inline-block; margin:0 20px 5px 0; }
.formZI .styleRadio:last-child{ margin-right:0; }
.formCoachPayoutParams{
	position:relative;
	max-width:800px;
	
	padding:10px 15px 10px 70px;
	border-bottom:var(--mediumDividerLine);
}
.formCoachPayoutParams .avatar{ position:absolute; top:10px; left:15px; height:40px; width:40px; }
.formCoachPayoutParams h2{ margin:7px 0 10px 0px; }
.formCoachPayoutParams .payoutsApply{ position:absolute; top:16px; right:15px; }
.formCoachPayoutParams .customPayoutRules{ padding:20px 0; }
.formCoachPayoutParams.exempt .payoutRules{ display:none; }
.formCoachPayoutParams .rateInput{ width:80px; }
.formCoachPayoutParams textarea{ width:100%; max-width:400px; height:80px; }
.formCoachPayoutParams .applicableAppointmentRules{ padding-bottom:16px; }
#helpSideBarHolder{
	position:fixed;
	top:var(--topBarHeight);
	bottom:0;
	right:0;
	width:400px;
	transform:translateX(calc(100% + 5px)) translateZ(1px);
	transition:transform ease-in 0.2s;
	z-index:99998;
	max-width:100%;
}
#helpSideBarHolder.open{ transform:translateX(0) translateZ(1px); }
#helpSideBarHolder .closeButton{ position:absolute; top:-10px; left:-15px; top:16px; right:15px; left:auto; z-index:1001; cursor:pointer; }
#helpSideBarHolder .closeButton:before{ font-size:22px; }
#helpSideBarHolder:not(.open) .closeButton{ display:none; }
#helpSideBarHolder .resizeHandle{ position:absolute; top:0; bottom:0; left:0; width:6px; cursor:ew-resize; }
@media (max-width: 799px), (max-height: 499px)    {
 #helpSideBarHolder    { top:0; width:100% !important; z-index:999999; }
 #helpSideBarHolder .closeButton    { top:20px; left:auto; right:5px; }
 #helpSideBarHolder .resizeHandle    { display:none; } }
@media (max-width: 400px){
	#helpSideBarHolder .closeButton{ top:20px; left:auto; right:5px; }
}
#helpSearchForm{
	position:absolute; top:0; left:0; right:0;
	border-bottom:var(--mediumDividerLine);
	padding:5px 25px 5px 80px;
	background:var(--baseBGColor);
	z-index:1;
}
#helpSearchForm .helpHistoryNavButtons{ position:absolute; top:0px; left:0px; }
#helpSearchForm .helpHistoryNavButtons span{ position:static; display:inline-block; border-radius:0%; text-align:center; cursor:pointer; padding:16px 2px 10px; }
#helpSearchForm .helpHistoryNavButtons span:hover:not(.disabled){ background-color:var(--fadedBGColor); }
#helpSearchForm .helpHistoryNavButtons span.disabled{ cursor:default; color:var(--fadedBGColor); }
#helpSearchForm .helpHistoryNavButtons span:before{ font-size:28px; }
#helpSearchForm .helpHistoryNavButtons span.icon-forward{ padding-left:4px; padding-right:0; }
#helpSearchForm .icon-reload{ position:absolute; top:3px; right:3px; }
#helpSearchForm .icon-view{ position:absolute; top:15px; left:80px; }
#helpSearchForm .icon-view:before{ font-size:28px; }
#helpSearchForm input.search{ width:100%; font-size:28px; padding-top:6px; padding-bottom:4px; height:auto; border:none; background:#fff; }
@media (max-width: 799px), (max-height: 499px)    {
 #helpSearchForm input.search    { width:calc(100% - 15px); } }
#helpSearchForm .awesomeMenu{ position:absolute; }
#helpSearchForm .awesomeMenu.showing{ width:calc(100% - 105px); }
#helpSearchForm .awesomeMenu li{ padding:10px 20px; min-height:60px; }
#helpSearchForm .awesomeMenu li p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
body:not(.designer) .helpMessageSender{ transform:translateY(-100%); transition:transform 600ms ease-out; }
body:not(.designer) .helpMessageSender .summonButton{ transition:transform 600ms ease-out; }
body:not(.designer) .helpMessageSender.showing{ transform:translateY(0); }
body:not(.designer) .helpMessageSender.showing .summonButton{ transform:translateY(-50px); }
#helpSideBar{
	position:absolute;
	top:0px;
	bottom:0;
	right:0;
	left:0;
	background:#fff;
	border-left:1px solid #ababab;
	overflow-y:auto;
	z-index:1001;
	overflow-x:hidden;
}
#helpSideBar .content{ padding:10px 25px 10px 25px; overflow-y:auto; overflow-x:hidden; position:absolute; top:61px; bottom:0; left:0; right:0; transition:opacity ease-in 150ms, transform ease-in 150ms; }
#helpSideBar .content.switchingOut{ opacity:0; transform:translateX(30px); }
#helpSideBar .content.switchingIn{ opacity:1; transform:translateX(0px); }
#helpSideBar .summonButton{ display:none; }
#helpSideBar .helpMessageSender{ position:absolute; top:calc(var(--topBarHeight) - 3px); bottom:0; right:0; left:0; border-bottom:var(--dividerLine); }
#helpSideBar .helpMessageSender .icon-close{ display:none; }
#helpSideBar .helpMessageSender h2{ margin:10px 0 6px 0; font-size:24px; }
#helpSideBar .helpMessageSender label{ display:block; }
#helpSideBar .helpMessageSender .summonButton{ position:absolute; display:block; top:calc(100% - 2px); right:30px; border:var(--dividerLine); border-top:none; }
#helpSideBar .helpMessageSender.showing .summonButton{ transform:translateY(-50px); }
#helpSideBar .helpMessageSender .senderContent{ position:absolute; top:0; bottom:0; right:0; left:0; padding:10px 15px; background:var(--baseBGColor); z-index:1; }
#helpSideBar .helpMessageSender .senderContent form input[type=text]{ width:100%; margin-bottom:6px; }
#helpSideBar .helpMessageSender .senderContent form textarea[name=message]{ width:100%; height:120px; font-size:15px; }
#helpSideBar .helpMessageSender .senderContent form textarea[name=specifics]{ width:100%; height:60px; font-size:15px; }
#helpSideBar .helpMessageSender .senderContent form .attachmentControls{  }
#helpSideBar .helpMessageSender .senderContent .teamSays{ position:relative; padding-bottom:10px; margin-top:10px; }
#helpSideBar .helpMessageSender .senderContent .teamSays .theTeam{ position:absolute; right:0; top:0px; width:101px; height:40px; z-index:1; text-align:right; }
#helpSideBar .helpMessageSender .senderContent .teamSays .theTeam img{ width:40px; height:40px; }
#helpSideBar .helpMessageSender .senderContent .teamSays .says{ position:relative; float:right; margin-right:50px; margin-bottom:16px; background:var(--cardBGColor); box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); padding:4px 8px; font-size:12px; width:calc(100% - 100px); max-width:300px; border:var(--dividerLine); border-radius:5px; }
#helpSideBar .helpMessageSender .senderContent .teamSays .says:after{ content:''; border:var(--dividerLine); position:absolute; top:8px; right:-7px; height:10px; width:10px; background-color:var(--cardBGColor); border-left:none; border-top:none; transform:scale(.8, .7) rotate(-45deg); }
#helpSideBar .helpMessageSender .senderContent .timelyNote{ display:none; }
#helpSideBar .helpMessageSender .senderBottomButton{ margin-top:10px; width:100%; padding:14px 0; font-size:18px; height:auto; }
.videowrapper{
	border:var(--minorDividerLine);
}
.videowrapper iframe{ width:100%; aspect-ratio:16/9; }
.renderedHelpArticle{
	padding-top:30px;
	position:relative;
}
.renderedHelpArticle a{ text-decoration:underline; }
.renderedHelpArticle a:hover{ text-decoration:none; }
.renderedHelpArticle .toParent{ position:absolute; top:0px; left:0px; }
.renderedHelpArticle .toParent.atBottom{ position:relative; margin:20px 0 16px 0; }
.renderedHelpArticle .toParent a{ display:inline-block; padding-left:18px; }
.renderedHelpArticle .toParent a span{ position:absolute; top:2px; left:0; color:#6c9c31; }
.renderedHelpArticle .toParent a span:before{ font-size:16px; }
.renderedHelpArticle h1{  }
.renderedHelpArticle .icon-share{ position:absolute; right:0; top:35px; transform:rotate(45deg); }
.renderedHelpArticle .subArticles{  }
.renderedHelpArticle .article{ margin:10px 0 10px; padding:0; min-height:0; width:100%; }
.renderedHelpArticle .relatedArticles{  }
.renderedHelpArticle img{ max-width:100%; height:auto; }
.renderedHelpArticle img.left{ margin:0 30px 10px 0; }
.renderedHelpArticle img.right{ margin:0 0 10px 30px; }
.renderedHelpArticle img.center{ margin:10px auto; display:block; }
.renderedHelpArticle img.fullScreenshot{ border:1px solid #429ada; }
.renderedHelpArticle h3{ margin:10px 0 4px 0; font-size:16px; }
.renderedHelpArticle .seeAlso{ margin:0 0 20px 20px; }
.renderedHelpArticle .seeAlso li{ margin-bottom:4px; }
.renderedHelpArticle ul{ margin-left:20px; margin-bottom:16px; }
.renderedHelpArticle ul li{ list-style-type:disc; }
.renderedHelpArticle ol{ margin-left:20px; margin-bottom:16px; }
.helpLink{
	cursor:pointer;
}
.helpLink .icon-lightbulb{ height:23px; width:17px; line-height:1.2; text-align:center; display:inline-block; position:relative; top:4px; }
.helpLink .icon-lightbulb:before{ color:var(--brandingPrimary); }
table.greenGrid{ border-collapse:collapse; }
table.greenGrid td{ border:3px solid #6c9c31; border-collapse:collapse; }
table.greenGrid tr.tallLines td{ padding:10px 0; }
table.greenGrid tr.tallLines td p{ padding:0px; padding-top:7px; }
.subscription{ color:#6c9c31; text-align:center; }
.subscription.current{ background:#E9F0E0; cursor:default; }
table.greenGrid tr.tallLines td.subscriptionName{ text-align:right; font-size:28px; padding:10px 20px 10px 30px;
		white-space:nowrap;
	}
table.greenGrid tr.tallLines td.subscriptionStorage{ text-align:right; padding-right:15px; }
table.greenGrid tr.tallLines:hover td{ background-color:#E9F0E0; }
.subscription.current .subscriptionName{
		background:#E9F0E0 url(../../images/signs/icon25GreenCheck.png) 5px 50% no-repeat;
	}
.subscriptionCheck{
		background-image:url(../../images/icons/icon25GreenCheck.gif);
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
.subscription.grayedOut{ color:#ccc; background:#fff; }
table.greenGrid tr.tallLines.subscription.grayedOut:hover td{ background-color:#fff; }
.subscription.grayedOut td{ border-right-color:#aaa; border-left-color:#aaa; }
.subscription.grayedOut td:first-child{ border-left-color:#6c9c31; }
.subscription.grayedOut td:last-child{ border-right-color:#6c9c31; }
.subscriptionAddOn{
		position:relative;
		padding:10px 15px 40px 75px;
		margin-bottom:14px;
		background-color:var(--fadedBGColor);
		transition:background ease-in 200ms;
	}
.subscriptionAddOn h2{ font-size:20px; margin:0 0 10px; }
.subscriptionAddOn .switchCheckbox{ position:absolute; left:15px; top:10px; }
.subscriptionAddOn .price{ position:absolute; right:15px; bottom:10px; font-size:24px; }
.subscriptionAddOn .button{ position:absolute; left:75px; bottom:10px; opacity:0; pointer-events:none; transition:opacity ease-in 200ms; }
.subscriptionAddOn.isEnabled{ background-color:var(--highlight13); }
.subscriptionAddOn.isEnabled .button{ opacity:1; pointer-events:auto; }
.CAInvoiceListing{ margin:20px 0 20px 20px; }
.CAInvoiceListing div{ margin-bottom:16px; }
.CAInvoiceListing a{ text-decoration:underline; }
.CAInvoiceListing a:hover{ text-decoration:none; }
.migrationButton{
		padding:10px 20px;
		text-align:left;
		margin:0 auto 15px;
		width:679px;
		cursor:pointer;
		border:2px solid #000;
		border-radius:10px;
		opacity:.8;
		-moz-transition-property:box-shadow, opacity, border;
		-moz-transition-duration:1s;
		-webkit-transition-property:box-shadow, opacity, border;
		-webkit-transition-duration:1s;
	}
.migrationButton:hover{
		opacity:1;
		box-shadow:inset 0 0 25px 2px #429ADA;
		-webkit-box-shadow:inset 0 0 25px 2px #429ADA;
		border:2px solid #429ADA;
	}
#migrationForm{ max-width:400px; }
.formAC{ width:calc(100% - 330px); }
#johnSays{
	position:absolute;
	top:-80px;
	left:-65px;
	background:transparent url(../../images/signs/dialogBalloon.gif) no-repeat;
	width:255px; height:146px;
	padding:8px 20px;
	font-size:15px;
	z-index:1;
}
.pricing-table{
	width:100%;
	
	border-collapse:collapse;
}
.pricing-table__header th{ padding:.8rem .2rem .8rem 1.5rem; text-align:left; font-weight:400; }
.pricing-table__header__first-col{ width:110px; }
.pricing-table__plan.grayedOut{ opacity:.6; }
.pricing-table__plan.hideUnlessMore{ display:none; }
.pricing-table.showMore .pricing-table__plan.hideUnlessMore{ display:table-row; }
.pricing-table__plan.current td{ background-color:var(--highlight13); }
.pricing-table__plan__name{ text-align:right; padding:.8rem 2rem .8rem 0; font-weight:700; text-transform:uppercase; }
.pricing-table__plan__data{ padding:.8rem .2rem .8rem 1.5rem; font-weight:700; }
.pricing-table__plan__data--per-client{ font-weight:400; position:relative; }
.pricing-table__plan .icon-check{ position:absolute; top:4px; right:5px; color:#6c9c31; }
.pricing-table__plan .icon-check:before{ font-size:32px; }
.pricing-table tr.clickable:hover td{ background-color:var(--highlight06); }
.formBIBillTo textarea[name=CAInvoiceBillTo]{ width:100%; max-width:500px; height:120px; }
.formOTransfer select[name="CoachID"]{ min-width:200px; }
.tableCC{
	width:100%;
	max-width:400px;
	
}
.tableCC select[name=CountryID]{ width:100%; }
.tableCC .cardErrorMessage{ margin-top:16px; min-height:1.5em; }
.tableCC--square .textInput{ height:40px !important; }
.tableCC .mayAutoBillControls{ margin:8px 0 0 0px; }
.tableCC label.styleCheckbox + .mayAutoBillControls, .CCDataDiv label.styleCheckbox + .mayAutoBillControls{ opacity:0; margin-left:21px; }
@media (min-width: 700px)    {
 .pageMain:first-child .tableCC td    { vertical-align:top; }
 .pageMain:first-child .tableCC td:nth-child(1)    { padding-top:9px !important; }
 .pageMain:first-child .tableCC td:nth-child(2)    { padding-top:2px !important; } }
@media (min-width: 700px)    {
 .anchorWindow.floating .tableCC td    { vertical-align:top; }
 .anchorWindow.floating .tableCC td:nth-child(1)    { padding-top:9px !important; }
 .anchorWindow.floating .tableCC td:nth-child(2)    { padding-top:2px !important; } }
@media (min-width: 1000px)    {
 .leftSidebar ~ div .anchorWindow .tableCC td,    .leftSidebar ~ div .twSection .tableCC td,    .leftSidebar ~ div .sectionPaper .tableCC td,    .leftSidebar ~ div .courseItemEditForm .tableCC td    { vertical-align:top; }
 .leftSidebar ~ div .anchorWindow .tableCC td:nth-child(1),    .leftSidebar ~ div .twSection .tableCC td:nth-child(1),    .leftSidebar ~ div .sectionPaper .tableCC td:nth-child(1),    .leftSidebar ~ div .courseItemEditForm .tableCC td:nth-child(1)    { padding-top:9px !important; }
 .leftSidebar ~ div .anchorWindow .tableCC td:nth-child(2),    .leftSidebar ~ div .twSection .tableCC td:nth-child(2),    .leftSidebar ~ div .sectionPaper .tableCC td:nth-child(2),    .leftSidebar ~ div .courseItemEditForm .tableCC td:nth-child(2)    { padding-top:2px !important; } }
@media (min-width: 800px)    {
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .tableCC td,    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .tableCC td    { vertical-align:top; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .tableCC td:nth-child(1),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .tableCC td:nth-child(1)    { padding-top:9px !important; }
 .leftMenuMini .leftSidebar--miniable ~ div .anchorWindow .tableCC td:nth-child(2),    .leftMenuMini .leftSidebar--miniable ~ div .sectionPaper .tableCC td:nth-child(2)    { padding-top:2px !important; } }
.messageChannelOption{
	position:relative;
	max-width:600px;
	padding-left:230px;
	margin-bottom:20px;
}
.messageChannelOption select{ position:absolute; top:5px; left:0px; }
.storageManager .storageFilters{ padding-bottom:15px; }
.resource{
	margin:0 0 30px 0;
	position:relative;
	padding:30px 15px;
	
	border-bottom:1px solid #AAA;
	font-size:20px;
	
}
@media (min-width: 800px)    {
 .resource    { padding:30px 50px; } }
.resource h2{ color:#6c9c31; font-size:22px; font-weight:100; margin:0 0 20px; background:none; padding-left:0; line-height:1em; }
@media (min-width: 800px) and (min-height: 500px)    {
 .resource h2    { font-size:40px; } }
.resource img.right{ margin-left:40px; box-shadow:1px 3px 4px rgba(0, 0, 0, .4); }
@media (max-width: 799px), (max-height: 499px)    {
 .resource img.right    { float:none; display:block; margin:0 auto 20px auto; } }
.resource .manualImage{ width:260px; height:336px; float:right; margin-left:40px; box-shadow:3px 4px 3px rgba(0, 0, 0, 0.4); }
@media (max-width: 799px), (max-height: 499px)    {
 .resource .manualImage    { float:none; display:block; margin:0 auto 20px auto; } }
.resource a{ font-size:20px; }
.resource ul{ margin-bottom:16px; }
.resource li{ font-size:19px; margin-bottom:6px; list-style-type:disc; padding-left:0px; margin-left:20px; color:#6c9c31; }
.resource .button{ font-size:26px !important; padding:4px 16px; height:auto; }
@media (max-width: 799px), (max-height: 499px)    {
 .resource .button    { display:block; width:100%; margin-bottom:10px; } }
.resource .personSays{ position:absolute; top:-50px; right:165px; background:transparent url(../../images/signs/dialogBalloon.gif) no-repeat; width:255px; height:146px; padding:8px 20px; font-size:20px; z-index:1; opacity:0; }
.resource .resourcePerson{ margin:0 auto 30px auto; }
.resource .resourcePerson img{ display:block; margin:0 auto 10px auto; }
@media (min-width: 800px) and (min-height: 500px)    {
 .resource .resourcePerson    { float:right; margin:0 0 30px 40px; width:260px; } }
.webinars{
	text-align:center;
}
.webinars h1{ font-size:40px; text-align:center; }
.webinars .spotlightWebinar{ padding:50px 0 50px 0; }
.webinars .spotlightWebinar h1 div.helpText{ margin-top:10px; }
.webinars .spotlightWebinar h2{ font-size:30px; }
.webinars .spotlightWebinar .joinLink{ font-size:14px; font-weight:bold; }
.webinars .divider{ height:2px; display:block; background-color:#aaaaaa; max-width:600px; margin:30px auto; }
.webinars .pastWebinar{ margin-bottom:70px; }
.webinars .pastWebinar h2{ font-size:30px; }
.webinars .pastWebinar--dateOf{ font-size:20px; }
.webinars .pastWebinar .videoHolder{ max-width:800px; margin:0 auto; }
.webinars .webinarShowNotes{ max-width:100%; margin:20px auto 0 auto; text-align:left; min-height:0; }
.webinarDualMenu{
	margin:10px auto 40px;
	text-align:left;
	font-size:16px;
}
.webinarDualMenu td{ width:50%; padding:0 10px; }
.webinarDualMenu td h3{ font-size:18px; font-weight:bold; margin-bottom:10px; }
.webinarDualMenu td ul li{ margin-bottom:16px; }
.formCSG{
	width:550px;
	max-width:100%;
}
.formCSG input[name=name]{ width:100%; }
.formCSG select[name=post_calendar_id]{ width:100%; }
.formCSG label.styleCheckbox{ display:block; margin-bottom:5px; }
.formCSG label.styleCheckbox:hover{ background-color:#eaf4fb; }
.formCSA{;
	width:540px;
	max-width:100%;
}
.formCSA input[name=appleID]{ width:100%; }
.button.calendarSync{
	text-align:center;
	height:auto !important;
	width:150px;
	margin-bottom:10px;
}
.button.calendarSync img{ display:block; margin-bottom:10px; width:100%; height:100%; }
.postState > div{
	max-height:300px;
	overflow:auto;
}
.itemCS{
	max-width:580px;
	padding:15px 0;
	border-bottom:var(--mediumDividerLine);
}
.itemCS img{ height:120px; }
ul.bulleted{
	margin-bottom:16px;
}
ul.bulleted li{ list-style-type:disc; margin-left:20px; }
.readFromSyncCalendar{
	position:relative;
	width:700px;
	max-width:100%;
	margin-bottom:20px;
}
.readFromSyncCalendar h3{ padding-right:40px; }
.readFromSyncCalendar .icon-reload{ position:absolute; top:5px; right:0px; }
.readFromSyncCalendar table{ width:100%; }
.readFromSyncCalendar table td:nth-child(2), .readFromSyncCalendar table td:nth-child(3){ width:100px; }
.APIFunctionAbout{ padding-bottom:16px; }
.APIFunctionAbout .returns{
	float:right; width:440px; border-left:1px solid #888888; padding-left:20px; margin-left:20px;
}
.APIAccess .APIFunctionAbout h3{ margin-top:0; }
.APIFunctionAbout .returns .subObject{ margin-left:15px; }
.param{
	float:left;
	margin:5px 50px 10px 0;
	width:350px;
	min-height:105px;
	position:relative;
}
.param.authentication{ height:auto; }
.param .required{ position:absolute; top:4px; right:20px; color:#990000; }
.param:nth-of-type(2n){ margin-right:0; }
.param input[type=text]{ width:330px; display:block; }
.param textarea{ width:330px; height:40px; display:block; }
.param .DatePicker-Icon{ position:absolute; top:24px; right:20px; }
.param .name{ font-size:16px; font-weight:900; }
.param .helpText{ margin-top:4px; }
.APIAccess{
	font-size:13px;
}
.APIAccess h3{ margin:16px 0 4px 0; }
.APIAccess h3 code{ font-size:26px; }
.APIAccess code, .APIAccess .code{ display:inline-block; border:1px solid #429ADA; background:#C5E2F7; padding:1px 2px; }
.APIAccess .APIPlatformLogos{ margin:20px 0; display:-ms-flexbox; display:flex; gap:40px; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; }
.APIAccess .sampleCode{ font-size:11px; padding:10px 15px; border:1px solid #000000; overflow:auto; max-height:600px; }
.APIAccess .sampleCode code{ border:none; background-color:transparent; }
.APIAccess .paramSet{ max-width:800px; }
.JSONBackSet{ font-size:26px; font-weight:bold; font-family:monospace; margin:0 auto 16px; text-align:center; }
.JSONBackSet div.code{ padding:2px 6px; }
.APIResult div.embedCode{ height:400px; overflow:auto; resize:vertical; margin-bottom:40px; }
.breakWord{
	word-wrap:break-word;
	moz-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	    hyphens:auto;
}
.reportHolder > table{
	min-width:100%;
}
.reportHolder > table.data{ border-left:none; border-right:none; }
.engagementReportListing{
	padding-top:40px;
}
.engagementReportListing .chartSlice__bar__summary{ background:#ffffff; }
select[name=clientScope]{ max-width:250px; }
.engagementReportListingItem{
	position:relative;
	border-bottom:1px solid #444;
	height:130px;
}
.engagementReportListingItem:last-child{ border-bottom:none; }
.engagementReportListingItem .clientInfo{ position:relative; padding:10px 0 0 10px; width:90px; }
.engagementReportListingItem .clientInfo .avatar{ width:50px; height:50px; margin-bottom:10px; }
.engagementReportListingItem .clientInfo .clientName{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.engagementReportChart{
		height:calc(100% - 25px);
		background:repeating-linear-gradient(to top, var(--baseBGColor), var(--baseBGColor) 24px, var(--minorBorderColor) 24px, var(--minorBorderColor) 25px);
		border-bottom:var(--minorDividerLine);
		position:relative;
	}
.engagementReportListingItem .engagementReportChart{ position:absolute; top:0; right:15px; left:90px; bottom:10px; height:auto; height:calc(100% - 29px); width:calc(100% - 115px); }
.engagementReportChart .chartSlice{ position:absolute; top:0; bottom:0; }
.engagementReportChart .chartSlice__bar{ position:absolute; bottom:0; left:7px; right:7px; background:var(--statusGreen); }
.engagementReportChart .chartSlice__bar__summary{ display:none; position:absolute; bottom:calc(100% + 7px); left:50%; transform:translateX(-50%); background:rgba(255, 255, 255, .9); background:var(--cardBGColor); border:1px solid var(--statusGreen); padding:12px 10px; width:155px; border-radius:4px; font-size:11px; z-index:2; pointer-events:none; }
.engagementReportListingItem .engagementReportChart .chartSlice__bar__summary{ background-color:var(--cardBGColor); }
.engagementReportListingItem:first-child .engagementReportChart .chartSlice__bar__summary{ bottom:20px; }
.engagementReportChart .chartSlice__bar__summary:after{ content:''; position:absolute; width:10px; height:10px; bottom:-6px; right:calc(50% - 5px); transform:rotateZ(45deg); background:rgba(255, 255, 255, .7); background:var(--cardBGColor); border-bottom:1px solid var(--statusGreen); border-right:1px solid var(--statusGreen); z-index:-1; }
.engagementReportChart .chartSlice__label{ position:absolute; top:100%; padding-top:8px; width:100%; text-align:center; }
.engagementReportChart .chartSlice__label:before{ content:''; position:absolute; top:0; right:0; height:9px; width:1px; background-color:var(--minorBorderColor); }
.engagementReportChart .chartSlice:first-child .chartSlice__label{ border-bottom-left-radius:3px; }
.engagementReportChart .chartSlice:last-child .chartSlice__label{ border-bottom-right-radius:3px; }
.engagementReportChart .chartSlice:last-child .chartSlice__label:before{ display:none; }
.engagementReportListingItem .engagementReportChart .chartSlice:last-child .chartSlice__bar__summary{ left:auto; right:-7px; transform:translateX(0); }
.engagementReportListingItem .engagementReportChart .chartSlice:last-child .chartSlice__bar__summary:after{ right:10px; }
.engagementReportChart .chartSlice:hover .chartSlice__bar__summary, .engagementReportChart .chartSlice.clicked .chartSlice__bar__summary{ display:block; }
.engagementReport{
	position:relative;
	background:rgba(0, 0, 0, .3);
	height:60px;
	width:100%;
	
}
.engagementReport .icon-view:before{ font-size:13px; }
.engagementReport .canvas{ position:absolute; top:0; left:0; width:100%; height:60px; background:#000000; }
.engagementReport .canvas .bar{ position:absolute; bottom:0; top:0; }
.engagementReport .canvas .bar .filled{ position:absolute; bottom:0; left:0; background:var(--statusGreen); width:100%; }
.engagementReport .canvas .bar .summary{ position:absolute; top:100%; right:-20px; display:none; background:rgba(255, 255, 255, .7); border:1px solid #9bd950; padding:12px 10px; width:155px; border-radius:4px; z-index:2; }
.engagementReport .canvas .bar .summary:after{ content:''; position:absolute; top:100%; width:10px; height:10px; bottom:-5px; right:calc(50% - 5px); transform:rotateZ(45deg); background:rgba(255, 255, 255, .7); border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; z-index:-1; }
.engagementReport .canvas .bar:hover .filled{ background:#9bd950; }
.engagementReport .canvas .bar:hover .summary{ display:block; }
.engagementReport .nextInvoice{ width:110px; }
.engagementReport .canvas .bar:first-of-type .summary,.engagementReport .canvas .bar:nth-of-type(2) .summary{ left:0; right:auto; }
.engagementReport .canvas .bar:last-of-type .summary, .engagementReport .canvas .bar:nth-last-of-type(2) .summary{ right:0px; }
.engagementReport .canvas .bar:hover .summary{ display:block; }
.engagementReport .canvas .bar .summary ul{ margin:6px 0 0 0px; font-size:11px; }
.engagementReport .canvas .bar .summary ul li{ list-style-type:none; }
.engagementReport .canvas .bar .label{
	position:absolute; bottom:-15px; left:0; width:100%; text-align:center; color:#fff;
}
.engagementReport .canvas .bar .yearLabel{ display:none;
	position:absolute; bottom:-30px; left:0; font-weight:bold; color:#fff;
}
.engagementWeekLabels{
	width:100%;
	height:15px;
	position:relative;
	background:rgba(0, 0, 0, .3);
}
.engagementWeekLabels .weekLabel{ position:absolute; text-align:center; color:#fff; top:3px; }
.clientEngagementListing{
	overflow:auto;
}
.clientEngagementListing > div{ position:absolute; padding:10px 15px; border-bottom:1px solid #444; }
.clientEngagementListing > div:last-child{ margin-bottom:100px; }
.clientEngagementListing > div .profileImage{
	position:absolute; top:0px; left:0px; width:60px; height:60px; background:#fff; border:1px solid #fff;
}
.reportWindow--Engagement .tuckedArbitrary .rTable td:first-child, .reportWindow--Engagement .tuckedArbitrary label{ white-space:nowrap; }
table.data.engagementReport td.who{ padding-top:6px; padding-left:50px !important; position:relative; min-width:160px; }
table.data.engagementReport td.who .avatar{ position:absolute; top:5px; left:15px; width:20px; height:20px; }
table.data.engagementReport td.what{ max-width:150px; }
table.data.engagementReport td.allocation{ position:relative; width:auto; padding-left:80px; padding-right:10px; text-align:right; }
table.data.engagementReport td.allocation .engagementStatusMeter{ position:absolute; top:0px; left:0; width:calc(100% - 5px); height:20px; }
table.data.engagementReport td.allocation span{ display:none; }
table.data.engagementReport td.invoiceCount{ text-align:right; padding-right:10px; width:60px; }
table.data.engagementReport td.paid{ text-align:right; padding-right:10px; width:120px; }
table.data.engagementReport td.date{ text-align:right; width:65px; padding-right:10px; }
.formFollowThrough input.filter{ width:300px; min-width:100%; }
.formFollowThrough select[name="coachOption"]{ width:100%; }
.followThrough .progressBar{ background:#f4f4f4; box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, .2); border-radius:4px; position:relative; width:100%; height:20px; overflow:hidden; display:-ms-flexbox; display:flex; }
.followThrough .progressBar .segment{ position:relative; float:left; height:20px; background-color:var(--statusGreen); }
.followThrough .progressBar .segment.red{ background-color:var(--statusRed); }
.followThrough .progressBar .segment.yellow{ background-color:var(--statusYellow); }
.followThrough .progressBar .segment.empty{ background-color:transparent; }
.followThrough .progressBar .segment.faded{ opacity:0.3; }
.formCoachTouchpoints input[name=goodWithinDays], .formCoachTouchpoints input[name=badAfterDays]{ width:40px; }
.coachTouchpoints{
	
	position:relative;
	width:100%;
	padding-left:170px;
	margin-bottom:0px;
	overflow:hidden;
}
.coachTouchpoints .whoColumn{ width:170px; position:absolute; top:0; left:0; }
.coachTouchpoints .whoColumn .headerCell{ padding:30px 10px 5px 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.coachTouchpoints .whoColumn .touchPointsRow{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:3px 10px 3px 20px; }
.coachTouchpoints .headerCell{ position:relative; height:70px; border-bottom:1px solid #aaa; background-color:var(--highlight06); }
.coachTouchpoints .headerCell.coachCell{ padding-left:50px; }
.coachTouchpoints .headerCell .avatar{ position:absolute; top:25px; left:10px; width:30px; height:30px; }
.coachTouchpoints .headerCell .dateLabel{ position:absolute; width:40px; transform-origin:bottom left; transform:rotate(-60deg) translate(8px, 10px); bottom:5px; }
.coachTouchpoints .touchPointsRow{ position:relative; height:30px; border-bottom:1px solid #aaa; z-index:2; }
.coachTouchpoints .touchPointsRow.clientCell{ padding-top:6px; padding-left:50px; }
.coachTouchpoints .touchPointsRow.clientCell .avatar{ position:absolute; top:5px; left:15px; width:20px; height:20px; }
.coachTouchpoints .touchPointsRow:last-child{ padding-bottom:30px; height:60px; }
.coachTouchpoints .touchPointsRow:last-child .dayTouchpoint{ bottom:auto; height:29px; }
.coachTouchpoints .touchPointsRow .dayTouchpoint{ position:absolute; top:0px; bottom:0px; }
.coachTouchpoints .touchPointsRow .dayTouchpoint.good{ background-color:var(--statusGreen); }
.coachTouchpoints .touchPointsRow .dayTouchpoint.fair{ background-color:var(--statusYellow); }
.coachTouchpoints .touchPointsRow .dayTouchpoint.bad{ background-color:var(--statusRed); }
.coachTouchpoints .touchPointsRow .dayTouchpoint__tail{ position:absolute; top:9px; right:100%; height:12px; background-color:rgba(255, 255, 0, .5); }
.coachTouchpoints .touchPointsRow .dayTouchpoint__summary{ display:none; position:absolute; bottom:calc(100% + 5px); left:50%; transform:translateX(-50%); background:var(--cardBGColor); border:var(--dividerLine); padding:12px 10px; width:155px; border-radius:4px; font-size:11px; z-index:2; }
.coachTouchpoints .touchPointsRow .dayTouchpoint__summary.leftEdge{ left:90%; transform:translateX(-10%); }
.coachTouchpoints .touchPointsRow .dayTouchpoint__summary.leftEdge:after{ right:calc(90% - 2px); }
.coachTouchpoints .touchPointsRow .dayTouchpoint__summary.rightEdge{ left:10%; transform:translateX(-90%); }
.coachTouchpoints .touchPointsRow .dayTouchpoint__summary.rightEdge:after{ right:calc(10% - 9px); }
.coachTouchpoints .touchPointsRow .dayTouchpoint__summary:after{ content:''; position:absolute; width:10px; height:10px; bottom:-6px; right:calc(50% - 5px); transform:rotateZ(45deg); border-bottom:var(--dividerLine); border-right:var(--dividerLine); z-index:-1; background:var(--cardBGColor); }
.coachTouchpoints .touchPointsRow .dayTouchpoint:hover .dayTouchpoint__summary, .coachTouchpoints .touchPointsRow .dayTouchpoint.clicked .dayTouchpoint__summary{ display:block; }
.coachTouchpoints .datesColumn{ position:relative; overflow:auto; border-left:1px solid #aaa; }
.coachTouchpoints .weekend{ background-color:#f8f8f8; background-color:rgba(200, 200, 200, .15); width:50px; position:absolute; top:0; bottom:1px; z-index:1; }
.mooeditable-container{
	position:relative;
	border-bottom:var(--mediumDividerLine);
	background-color:var(--subtleGrey);
	background-color:transparent;
}
.mooeditable-container + .buttonBar{ border-top:none; }
.mooeditable-container .mooeditable-ui-toolbar{ -ms-flex:0 0 auto; flex:0 0 auto; background:var(--cardBGColor); }
.mooeditable-container .WYSIWYGClickableLinkViewer{ line-height:normal; word-break:break-all; }
.mooeditable-container + .buttonBar{ border-top:none; }
.mooeditable-textarea{ padding:10px 15px; }
.flexed .mooeditable-container,
.flexedAtFullUI .mooeditable-container{
	-ms-flex:1 0;
	    flex:1 0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
}
.anchorWindow.floating .flexed .mooeditable-container, .anchorWindow.floating .flexedAtFullUI .mooeditable-container{ display:block; }
.mooeditable-container .mooeditable-ui-toolbar{ -ms-flex:0 0 auto; flex:0 0 auto; }
.mooeditable-container .mooeditable-iframe{
	height:100%;
	-ms-flex:1 0;
	    flex:1 0;
	
}
@media (max-width: 799px), (max-height: 499px)    {
 .mooeditable-container .mooeditable-iframe    { min-height:300px; } }
.courseItemHolderDiv .mooeditable-container .mooeditable-iframe, .formO .mooeditable-container .mooeditable-iframe{ min-height:300px; }
.mooeditable-resizer{ display:none; }
@media (min-width: 800px) and (min-height: 500px)    {
 .floating .mooeditable-resizer    { display:block; } }
.formatBlock-item{ width:120px; }
.mooeditable-ui-toolbar{
	color:inherit;
	padding:2px;
	border-bottom:var(--mediumDividerLine);
	padding:5px 15px 10px 15px;
}
.mooeditable-ui-toolbar select.toolbar-item{ padding:3px 8px 5px 8px; }
.Xmooeditable-ui-toolbar:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.mooeditable-ui-toolbar .toolbar-item,
.mooeditable-ui-toolbar .toolbar-separator{
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
}
.mooeditable-ui-toolbar select{ }
.mooeditable-ui-toolbar .mooeditable-ui-button, .mooeditable-ui-button-overlay .mooeditable-ui-button{
	cursor:pointer;
	border:0;
	width:auto;
	height:30px;
	margin:2px 0;
	padding:4px;
	vertical-align:middle;
	color:inherit;
	width:30px;
	border:var(--minorDividerLine);
	margin-left:-1px;
}
.mooeditable-ui-button{ border-radius:0; }
.mooeditable-ui-button:first-child,
.toolbar-separator + .mooeditable-ui-button,
.mooeditable-ui-toolbar select + .mooeditable-ui-button{ border-radius:3px 0 0 3px; border-left:var(--minorDividerLine); }
.mooeditable-ui-button.lastInBlock{ border-top-right-radius:3px; border-bottom-right-radius:3px; }
.mooeditable-ui-toolbar select{ margin-right:5px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.active,
.mooeditable-ui-toolbar .mooeditable-ui-button.onActive{
	color:inherit;
	background-color:var(--minorBorderColor);
}
.mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.mooeditable-ui-toolbar .mooeditable-ui-button.hover{
	color:inherit;
	background-color:#f8f8f8;
}
.mooeditable-ui-toolbar .mooeditable-ui-button.disabled{
	cursor:default;
}
.mooeditable-ui-toolbar .mooeditable-ui-button.disabled:hover{
	color:inherit;
	background-color:transparent;
}
.mooeditable-ui-toolbar .mooeditable-ui-button .button-icon{
	display:inline-block;
	width:16px;
	height:16px;
	vertical-align:middle;
	color:inherit;
	background:transparent url(modules/images/mooeditable-toolbarbuttons-silkV3.png) no-repeat 0 -8px;
}
.mooeditable-ui-toolbar .mooeditable-ui-button .button-text{
	display:none;
	font-size:13px;
	vertical-align:middle;
}
.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-icon{
	display:none;
}
.mooeditable-ui-toolbar .mooeditable-ui-button-text .button-text{
	display:inline;
}
.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text{
	width:auto;
}
.mooeditable-ui-toolbar .mooeditable-ui-button-icon-text .button-text{
	display:inline;
	margin-left:4px;
}
.mooeditable-ui-toolbar .toolbar-separator{
	width:1px;
	height:24px;
	margin:2px;
	text-indent:-999em;
	color:inherit;
	background-color:transparent;
}
.mooeditable-iframe-wrapper{
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	display:-ms-flexbox;
	display:flex;
	-ms-flex:1 0;
	    flex:1 0;
	line-height:1rem;
}
.mooeditable-iframe{
	margin:0;
	padding:0px;
	border:0;
	width:100%;
	vertical-align:top;
	
	min-height:300px;
	background-color:var(--baseBGColor);
	
}
@media (max-width: 700px){
	.mooeditable-iframe{
		border-right:none;
	}
}
.mooeditable-textarea{
	margin:0 !important;
	padding:10px 15px;
	padding:var(--regionPadding);
	border-radius:0;
	height:100% !important;
	width:100% !important;
	max-width:calc(var(--WYSIWYGContentWidth) + (2 * var(--standardPaddingH)) + 1px);
	border:none;
	border-right:var(--minorDividerLine);
	resize:none !important;
	outline:0 !important;
	box-shadow:none !important;
}
.mooeditable-textarea:focus{ border-color:var(--minorBorderColor); }
@media (min-width: 800px) and (min-height: 500px)    {
 .mooeditable-textarea    { min-height:300px; } }
.mooeditable-ui-dialog{
	color:inherit;
 	background-color:var(--cardBGColor);
 	border-bottom:var(--dividerLine);
	position:absolute;
	display:block;
	cursor:default;
	font-size:12px;
	z-index:99;
	width:100%;
}
.mooeditable-formBuilder-dialog{
	background-color:transparent;
	height:0;
	display:none;
}
.mooeditable-ui-dialog .dialog-content{ padding:4px 10px; }
.mooeditable-ui-dialog input{ margin:0 8px; }
.mooeditable-ui-dialog input.text{ width:300px; }
.mooeditable-ui-dialog input.table-w{ margin-right:0; }
.mooeditable-ui-button-overlay{
	color:inherit;
	background-color:var(--mediumBorderColor);
	font-size:12px;
	z-index:100;
	outline:0;
	-moz-outline:0;
	-webkit-outline:0;
}
.mooeditable-ui-button-overlay .overlay-content{ padding:10px; }
.mooeditable-resizer{
	height:8px;
	background-color:var(--fadedBGColor);
	border-top:var(--mediumDividerLine);
	cursor:ns-resize;
}
.mooeditable-fileDropZone, .fileDropZone{
	position:absolute;
	inset:0px;
	display:none;
}
.mooeditable-fileDropZone div, .fileDropZone div{ position:absolute; display:-ms-flexbox; display:flex; -ms-flex-pack:center; justify-content:center; -ms-flex-align:center; align-items:center; inset:10px; inset:50px 10px 10px 10px; max-width:calc(var(--WYSIWYGContentWidth) + (2 * var(--standardPaddingH)) + 4px); border:1px solid var(--brandingSecondary); border-radius:10px; background:rgba(var(--baseBGColorRGB), .8); font-size:26px; text-shadow:0 0 5px var(--baseBGColor); transition:background-color 150ms ease-in; }
.mooeditable-fileDropZone.dropReady div, .fileDropZone.dropReady div{ background-color:rgba(var(--brandingSecondaryRGB), .3); }
.fileDropZone{
	z-index:11;
}
.fileDropZone div{ inset:10px; background:rgba(var(--baseBGColorRGB), .9); max-width:none; }
.fileDropZone.dropReady div{ background-color:rgba(var(--brandingSecondaryRGB), .9); }
.mooeditable-ui-toolbar .mooeditable-ui-button .button-icon{
	background:url(../../scripts/library/MooEditable/assets/images/mooeditable-toolbarbuttons-silk2xv3.png) no-repeat;
	background-size:16px auto;
}
.mooeditable-ui-toolbar .bold-item									.button-icon{ background-position:0 -16px; }
.mooeditable-ui-toolbar .createlink-item						.button-icon{ background-position:0 -32px; }
.mooeditable-ui-toolbar .indent-item								.button-icon{ background-position:0 -48px; }
.mooeditable-ui-toolbar .insertorderedlist-item			.button-icon{ background-position:0 -64px; }
.mooeditable-ui-toolbar .insertunorderedlist-item		.button-icon{ background-position:0 -80px; }
.mooeditable-ui-toolbar .italic-item								.button-icon{ background-position:0 -96px; }
.mooeditable-ui-toolbar .alignMenu-item							.button-icon{ background-position:0 -144px; }
.mooeditable-ui-toolbar .justifycenter-item					.button-icon{ background-position:0 -112px; }
.mooeditable-ui-toolbar .justifyfull-item						.button-icon{ background-position:0 -128px; }
.mooeditable-ui-toolbar .justifyleft-item						.button-icon{ background-position:0 -144px; }
.mooeditable-ui-toolbar .justifyright-item					.button-icon{ background-position:0 -160px; }
.mooeditable-ui-toolbar .outdent-item								.button-icon{ background-position:0 -176px; }
.mooeditable-ui-toolbar .forecolor-item							.button-icon{ background-position:0 -192px; }
.mooeditable-ui-toolbar .redo-item									.button-icon{ background-position:0 -208px; }
.mooeditable-ui-toolbar .strikethrough-item					.button-icon{ background-position:0 -224px; }
.mooeditable-ui-toolbar .toggleview-item						.button-icon{ background-position:0 -240px; }
.mooeditable-ui-toolbar .underline-item							.button-icon{ background-position:0 -256px; }
.mooeditable-ui-toolbar .undo-item									.button-icon{ background-position:0 -272px; }
.mooeditable-ui-toolbar .unlink-item								.button-icon{ background-position:0 -288px; }
.mooeditable-ui-toolbar .urlimage-item							.button-icon{ background-position:0 -304px; }
.mooeditable-ui-toolbar .galleryImage-item					.button-icon{ background-position:0 -304px; }
.mooeditable-ui-toolbar .insertHorizontalRule-item	.button-icon{ background-position:0 -320px; }
.mooeditable-ui-toolbar .mediaEmbed-item						.button-icon{ background-position:0 -336px; }
.mooeditable-ui-toolbar .formBuilder-item						.button-icon{ background-position:0 -352px; }
.mooeditable-ui-toolbar .helpTopicLink-item					.button-icon{ background-position:0 -368px; }
.mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.mooeditable-ui-toolbar .mooeditable-ui-button.hover{  }
.mooeditable-ui-button-overlay{ border-radius:5px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.active,
.mooeditable-ui-toolbar .mooeditable-ui-button.onActive{ background-color:#e1e1e1; }
body.darkMode .mooeditable-ui-toolbar .mooeditable-ui-button.active,
body.darkMode .mooeditable-ui-toolbar .mooeditable-ui-button.onActive{ background-color:#555; }
.alignMenu-overlay .overlay-content,
.table-overlay .overlay-content{
    padding:2px 6px;
    box-shadow:2px 2px 10px rgba(0, 0, 0, .5);
    background:var(--cardBGColor);
    border-radius:0;
    line-height:1px;
}
.alignMenu-overlay .overlay-content .mooeditable-ui-toolbar, .table-overlay .overlay-content .mooeditable-ui-toolbar{ background:var(--cardBGColor); padding:0; border-bottom:none; }
.alignMenu-overlay .overlay-content .mooeditable-ui-toolbar button, .table-overlay .overlay-content .mooeditable-ui-toolbar button{ transition:none; }
.table-overlay .mooeditable-ui-toolbar{ background:var(--cardBGColor); padding:0; border-bottom:none; }
.table-overlay .mooeditable-ui-toolbar .mooeditable-ui-button:hover,
.table-overlay .mooeditable-ui-toolbar .mooeditable-ui-button.hover{
	color:inherit;
	background-color:#eee;
}
.table-overlay .mooeditable-ui-toolbar .mooeditable-ui-button .button-icon,
.mooeditable-ui-toolbar .mooeditable-ui-button.table-item .button-icon{
	background:url(../../scripts/library/MooEditable/assets/images/mooeditable-toolbarbuttons-table2xv3.png) 0 0; background-size:16px auto;
}
.mooeditable-ui-toolbar .mooeditable-ui-button.tableadd-item		.button-icon{ background-position:0 -16px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tableedit-item		.button-icon{ background-position:0 -32px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tablerowadd-item		.button-icon{ background-position:0 -48px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tablerowedit-item	.button-icon{ background-position:0 -64px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tablerowdelete-item	.button-icon{ background-position:0 -80px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tablecoladd-item		.button-icon{ background-position:0 -96px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tablecoledit-item	.button-icon{ background-position:0 -112px; }
.mooeditable-ui-toolbar .mooeditable-ui-button.tablecoldelete-item	.button-icon{ background-position:0 -128px; }
.mooeditable-ui-button-overlay{ z-index:20000; top:0; transform:translateZ(1px); }
.forecolor-overlay .overlay-content{
    padding:10px 10px;
    box-shadow:2px 2px 10px rgba(0, 0, 0, .5);
    background:var(--cardBGColor);
    border-radius:0;
    line-height:1px;
}
.forecolor-overlay .forecolor-section-label{ line-height:1em; margin-bottom:10px; }
.forecolor-overlay .forecolor-color{
    line-height:0;
	overflow:hidden;
	height:20px;
	width:20px;
	display:inline-block;
    margin:0 2px 0px 0;
	border:var(--dividerLine);
	border-radius:0px;
}
.forecolor-overlay .forecolor-color:hover{ border-color:rgb(var(--shadowColorRGB)); }
.forecolor-overlay .forecolor-colorpicker-br{ display:block; height:2px; }
.forecolor-overlay .forecolor-rowGap{ display:block; height:10px; }
.forecolor-overlay .forecolor-section-left{ float:left; }
.forecolor-overlay .forecolor-section-right{ float:right; margin-left:20px; border-left:var(--dividerLine); padding-left:20px; }
@media screen and (max-width: 500px){
	.forecolor-overlay .forecolor-section-left{ float:none; }
	.forecolor-overlay .forecolor-section-right{ float:none; margin:0; border:none; padding:0; }
}
#WYSIWYGImgControlsTemplate{ display:none; }
.WYSIWYGImgControls h3{ margin-bottom:10px; }
.WYSIWYGImgControls table{ width:200px; }
.WYSIWYGImgControls .sizeControls{ position:relative; top:4px; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; gap:0px; }
.WYSIWYGImgControls .sizeControls input{ width:100px; -ms-flex:1 1 100px; flex:1 1 100px; }
.WYSIWYGImgControls .sizeControls span{ width:40px; font-size:13px; -ms-flex:0 0 auto; flex:0 0 auto; text-align:right; }
.WYSIWYGImgControls .icon-trash{ position:absolute; inset:auto 10px 17px auto; }
body .fr-box.fr-basic{ border-radius:0; -ms-flex:1 0; flex:1 0; overflow:auto; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; }
body .fr-box.fr-basic .fr-toolbar.fr-top{ border-radius:0; border:none; z-index:1; }
body .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn i,
		body .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn svg,
		body .fr-box.fr-basic .fr-popup .fr-command.fr-btn i,
		body .fr-box.fr-basic .fr-popup .fr-command.fr-btn svg,
		body .fr-box.fr-basic .fr-modal .fr-command.fr-btn i,
		body .fr-box.fr-basic .fr-modal .fr-command.fr-btn svg{ margin:1px 1px; }
body .fr-box.fr-basic .fr-btn-grp{ margin:0 10px; }
body .fr-box.fr-basic .fr-command.fr-btn.fr-dropdown.fr-active{ background:var(--mediumBorderColor); }
body .fr-box.fr-basic .fr-toolbar{ z-index:1; background:transparent; color:var(--baseColor); }
body .fr-box.fr-basic .fr-toolbar.fr-desktop .fr-command:not(.fr-table-cell):hover, body .fr-box.fr-basic .fr-toolbar.fr-desktop .fr-command:not(.fr-table-cell):focus, body .fr-box.fr-basic .fr-toolbar.fr-desktop .fr-command:not(.fr-table-cell).fr-btn-hover, body .fr-box.fr-basic .fr-toolbar.fr-desktop .fr-command:not(.fr-table-cell).fr-expanded{ background:var(--fadedBGColor); }
body .fr-box.fr-basic .fr-toolbar .fr-newline{ margin:0; background-color:var(--fadedBGColor); }
body .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active), body .fr-box.fr-basic .fr-toolbar .fr-more-toolbar{ background-color:var(--fadedBGColor); }
body .fr-box.fr-basic .fr-toolbar .fr-command.fr-btn.fr-open{ margin-top:4px; margin-bottom:0; padding-bottom:4px; height:44px; }
body .fr-box.fr-basic .fr-toolbar .fr-more-toolbarX{ z-index:0; height:auto; position:absolute !important; transform:translateY(0%); pointer-events:none; opacity:0; transition:opacity 150ms ease-in; }
body .fr-box.fr-basic .fr-toolbar .fr-more-toolbarX.fr-expanded{ pointer-events:auto; opacity:1; transform:translateY(0); }
body .fr-box.fr-basic .fr-wrapper{ border:none; background:linear-gradient(to right, #ffffff 600px, #dfdfdf 600px, #dfdfdf 601px, #fafafa 601px); -ms-flex:1 0; flex:1 0; overflow:auto; z-index:0; }
body .fr-box.fr-basic .fr-wrapper .fr-element.fr-view{ max-width:600px; font-family:Inter, Roboto, Arial, Tahoma, sans-serif; color:var(--baseColor); font-size:15px; }
body .fr-box.fr-basic .fr-wrapper .fr-code{ padding-top:30px; height:100% !important; -moz-tab-size:2; -o-tab-size:2; tab-size:2; }
body .fr-box.fr-basic .fr-wrapper table.table--borderless tr th{ background-color:#fff; border:1px dashed #e8e8e8; }
body .fr-box.fr-basic .fr-wrapper table.table--borderless tr td{ background-color:#fff; border:1px dashed #e8e8e8; }
body .fr-box.fr-basic .fr-wrapper table.table--borderless tr td:first-child{ padding-left:0; }
body .fr-box.fr-basic .fr-wrapper table.table--borderless tr td:last-child{ padding-right:0; }
body .fr-box.fr-basic .fr-second-toolbar{ border:none; border-radius:0; display:none; }
body .fr-box.fr-basic #fr-logo,
		body .fr-box.fr-basic #linkList-1{ display:none; }
body .fr-command.fr-btn+.fr-dropdown-menu{ background-color:var(--cardBGColor); }
body .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active{ background-color:var(--fadedBGColor); }
body.darkMode .fr-box.fr-basic .fr-wrapper{ background:linear-gradient(to right, #18191a 600px, #424344 600px, #424344 601px, #303031 601px); }
@media (min-width: 800px) and (min-height: 500px)    {
 body .floating .fr-box.fr-basic .fr-wrapper    { -ms-flex:1 0 auto; flex:1 0 auto; } }
.fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path{
	fill:var(--iconColor) !important;
}
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{
	fill:#0098f7 !important;
}
.clientNoteContent .fr-img-caption{ margin:5px auto; display:block; }
.clientNoteContent .fr-img-caption .fr-img-wrap{ margin:auto; }
.clientNoteContent .fr-img-caption .fr-img-wrap > span{ margin:auto; display:block; padding:5px 5px 10px; font-size:14px; font-weight:initial; opacity:0.9; text-align:center; }
.fr-popup .fr-color-set .fr-command{ margin:0 2px 2px 0; border-radius:5px; border:0px solid #000; box-shadow:inset 0 0 2px rgba(0, 0, 0, .15); }
.fr-popup .fr-color-set .fr-command:nth-of-type(8n){ margin-right:0; }
.fr-popup .fr-color-set .fr-command:nth-of-type(9){ margin-top:10px; }
.fr-popup .fr-color-set .fr-command:nth-of-type(17){ margin-top:10px; }
.fr-popup .fr-color-set .fr-command:nth-of-type(65){ margin-top:10px; }
.fraola-resizer{
	display:none;
	height:8px;
	background-color:var(--fadedBGColor);
	border-top:var(--mediumDividerLine);
	cursor:ns-resize;
}
@media (min-width: 800px) and (min-height: 500px)    {
 .floating .fraola-resizer    { display:block; } }
body.welcomePage{
	background-color:var(--baseBGColor);
}
body.welcomePage #logo{ display:block !important; }
body.welcomePage #contentContainer{ margin:var(--topBarHeight) auto 0px auto; padding:50px 15px 0px 15px; font-size:16px; height:calc(100dvh - var(--topBarHeight)); overflow:auto; }
body.welcomePage #contentContainer > div{ max-width:500px; margin:0px auto 0px auto; padding-bottom:30px; }
body.welcomePage #contentContainer h2{ font-size:20px; margin-bottom:16px; }
body.welcomePage #contentContainer p{ line-height:1.6em; }
body.welcomePage .smilingWelcome{ display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-align:center; align-items:center; margin-bottom:20px; }
body.welcomePage .smilingWelcome .avatar{ width:80px; height:80px; }
body.welcomePage .clientTerms{ max-height:550px; overflow:auto; padding:10px 15px; border:var(--dividerLine); font-size:12px; }
body.welcomePage .clientTerms ul, body.welcomePage .clientTerms ol{ margin-bottom:10px; }
body.welcomePage .formWorksheet{ overflow:visible; padding-bottom:30px; }
body.welcomePage .clientNoteContent{ min-height:100px; }
body.welcomePage .formUR input[type=text], body.welcomePage .formUR input[type=password]{ width:100%; }
body.welcomePage .appointmentSummary{ position:relative; border:var(--dividerLine); padding:20px 24px 20px 98px; border-radius:10px; margin:20px 0 40px; box-shadow:1px 2px 4px rgba(0, 0, 0, .1); }
body.welcomePage .appointmentSummary .icon-itemP{ position:absolute; inset:20px auto auto 24px; }
body.welcomePage .appointmentSummary .icon-itemP:before{ font-size:50px; color:var(--brandingPrimary); }
body.welcomePage .appointmentSummary .nameLine{ font-size:22px; }
body.welcomePage .appointmentSummary .whoDetails{ margin:20px 0; display:-ms-flexbox; display:flex; gap:5px; -ms-flex-align:center; align-items:center; -ms-flex-pack:justify; justify-content:space-between; }
body.welcomePage .appointmentSummary .whoDetails img.avatar{ height:40px; width:40px; -ms-flex-order:1; order:1; margin-left:20px; }
body.welcomePage .appointmentSummary .whoDetails img.avatar ~ img{ margin-left:0; }
body.welcomePage .appointmentSummary .whoDetails img.avatar.coach{ top:70px; left:10px; }
body.welcomePage .appointmentSummary .whoDetails img.avatar.client{ top:100px; left:40px; }
body.welcomePage .appointmentSummary .whoDetails div{ -ms-flex-positive:1; flex-grow:1; }
body.welcomePage .appointmentSummary .whenDetails div{ font-size:18px; margin-bottom:6px; }
body.welcomePage .invoiceHolder{ position:relative; border:var(--dividerLine); padding:var(--regionPadding); border-radius:10px; margin:0px 0 40px; box-shadow:1px 2px 4px rgba(0, 0, 0, .1); }
body.welcomePage .invoiceHolder > div{ padding:0 !important; }
body.welcomePage .invoiceHolder table.data td:last-child, body.welcomePage .invoiceHolder table.data th:last-child, body.welcomePage .invoiceHolder .totalsTable{ padding-right:0px !important; }
body.welcomePage .invoiceHolder .paymentHistory{ margin-top:30px; }
body.welcomePage .invoiceHolder .paymentHistory .icon-trash{ display:none; }
body.welcomePage #emailContainerTable{ padding:0 !important; }
.dialogBalloon{
	border:var(--dividerLine);
	padding:10px 15px;
	border-radius:10px;
	width:calc(100% - 110px);
	position:relative;
}
.dialogBalloon:after{ height:20px; width:20px; border-top:var(--dividerLine); border-right:var(--dividerLine); background:var(--cardBGColor); content:''; position:absolute; top:50%; right:0px; transform:translate(50%, -50%) scale(1, .5) rotate(45deg); }
.TZForm select{ width:calc(100% - 100px); }
input[name=verifyingEmailCode]{
	font-size:46px; width:180px;
}
table.forSchoolsStudents{
	min-width:600px;
	max-width:100%;
}
table.forSchoolsStudents .icon-trash{ visibility:hidden; }
table.forSchoolsStudents tr:hover .icon-trash{ visibility:visible; }
.awBody .utilizationMapMenu.itemMenu .item{ height:54px; padding:16px 0 0 15px; }
.awBody .utilizationMapMenu.itemMenu .item.areaItem{ padding:6px 25px 0px 15px; }
.awBody .utilizationMapMenu.itemMenu .item.areaItem .progressMeter{ margin-top:2px; width:80%; height:12px; border:1px solid #888; border-radius:3px; overflow:hidden; }
.awBody .utilizationMapMenu.itemMenu .item.areaItem .progressMeter .progressBar{ width:0; max-width:100%; height:14px; transition:width ease-out .45s, background-color ease-out .45s; background-color:var(--statusGreen); }
.awBody .utilizationMapMenu.itemMenu .item.areaItem .progressMeter .progressBar.complete{ background-color:var(--statusBlue); }
.awBody .utilizationMapMenu.itemMenu .item.areaItem .icon-star{ position:absolute; display:block; top:15px; right:40px; height:20px; width:20px; transform-origin:50% 50%; animation:newlyCompleteStarAppear 1s ease-in-out; }
@keyframes newlyCompleteStarAppear{
  0%{ transform:scale(0); }
  20%{ transform:scale(1.3); }
  40%{ transform:scale(1); }
  100%{ transform:scale(1); }
}
.utilizationMapArea{
	max-width:600px;
}
.utilizationMapArea .areaDescription{ font-size:16px; margin-bottom:20px; }
.utilizationMapArea .utilizationMapSection{ position:relative; margin-bottom:60px; }
.utilizationMapArea .utilizationMapSection .sectionIcon{ position:absolute; top:6px; left:0; }
.utilizationMapArea .utilizationMapSection .sectionIcon:before{ font-size:32px; }
.utilizationMapArea .utilizationMapSection .icon-lightbulb{ position:absolute; top:6px; right:0; }
.utilizationMapArea .utilizationMapSection .icon-lightbulb:before{ font-size:32px; }
.utilizationMapArea .utilizationMapSection h2{ padding-left:50px; font-size:32px; }
.utilizationMapArea .utilizationMapSection .sectionDescription{ font-size:14px; margin-bottom:6px; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList{ margin-bottom:20px; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task{ position:relative; border-bottom:var(--mediumDividerLine); padding:8px 30px 8px 50px; min-height:50px; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task .theCheckbox{ position:absolute; top:10px; left:10px; height:26px; width:26px; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task .icon-lightbulb{ position:absolute; top:6px; right:0; display:none; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task .icon-lightbulb:before{ font-size:20px; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task:hover .icon-lightbulb{ display:block; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task.complete{  }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task:last-child{ border-bottom:none; }
.utilizationMapArea .utilizationMapSection .sectionTasks .taskList .task .theTask{ font-size:20px; margin:0 0 6px; }
.utilizationMapArea .utilizationMapSection .newlyCompletedSectionMessage{ position:relative; padding:10px 15px; border-radius:10px; }
.utilizationMapArea .utilizationMapSection .newlyCompletedSectionMessage h2{ padding-left:35px; }
.utilizationMapArea .utilizationMapSection .newlyCompletedSectionMessage .icon-star{ top:15px; left:10px; }
#mrCAIntro{
	height:470px;
	width:510px;
	margin:0 auto 0 auto;
	background:url(images/panels/mrCAIntro.png);
	position:relative;
	
}
#mrCAIntro .next{ position:absolute; right:20px; bottom:20px; cursor:pointer; transition:opacity linear 0.3s; }
#mrCAIntro .next.disabled{ opacity:.5; cursor:default; }
#mrCAIntro .panel{ position:relative; top:20px; left:15px; width:470px; height:195px; font-size:30px; }
#mrCAIntro .panel .itemTypes{ position:absolute; bottom:-30px; left:0; height:50px; }
#mrCAIntro .panel .itemTypes img{ float:left; margin-right:10px; width:50px; height:50px; }
#mrCAIntro .panel .itemTypes img:last-child{ margin-right:0px; }
#mrCAIntro .panel.fadeInTypes .itemTypes img{ opacity:0; }
#masteryBoard{
	max-width:694px;
	padding:10px 0 0 10px;
}
#masteryBoard .panel{ border:var(--mediumDividerLine); margin:0 10px 10px 0; padding:10px; background:var(--cardBGColor); height:220px; width:220px; position:relative; text-align:center; float:left; color:#484848; font-size:18px; }
#masteryBoard .panel div[class^="icon-"]{ height:180px; padding-top:30px; }
#masteryBoard .panel div[class^="icon-"]:before{ color:var(--brandingPrimary); font-size:130px; }
#masteryBoard .panel:nth-child(3n){ margin-right:0; }
#masteryBoard .panel.stage{ padding:0; cursor:pointer; transition:transform .1s linear, border .1s linear; color:#6c9c31; }
#masteryBoard .panel.stage:hover{ transform:scale(1.06); border-color:#429ADA; }
#masteryBoard .panel.stage.complete{ opacity:.6; }
#masteryBoard .panel.stage.complete img{ filter:grayscale(100%); }
#masteryBoard .panel.stage.complete div[class^="icon-"]:before{ color:#aaaaaa; }
#masteryBoard .panel.stage.complete .stageName{ color:#aaaaaa; }
#masteryBoard .panel.stage.newlyComplete{ animation:masteryLessonComplete 2s 1s 1; }
#masteryBoard .panel img{ height:170px; width:170px; }
@keyframes masteryLessonComplete{
  0%{ transform:rotateY(0deg) scale(1); }
  50%{ transform:rotateY(180deg) scale(1.3); }
  100%{ transform:rotateY(360deg) scale(1); }
}
#masteryLesson{
	max-width:730px;
}
#masteryLesson > div{ font-size:14px; }
#masteryLesson h2{ font-size:18px; font-weight:100; margin-bottom:16px; }
#masteryLesson h3{ margin-bottom:10px; }
#masteryLesson .recommendedReading{ float:right; width:290px; padding:0 0 20px 20px; }
#masteryLesson li{ list-style-type:disc; margin:0 0 5px 15px; }
#masteryLesson img.videoCover{ border:1px solid #000000; box-shadow:2px 2px 5px rgba(0, 0, 0, .3); width:380px; }
#masteryLesson .task{ position:relative; border-bottom:var(--mediumDividerLine); padding:4px 10px 4px 50px; min-height:50px; }
#masteryLesson .task .theCheckbox{ position:absolute; top:10px; left:10px; height:26px; width:26px; }
#masteryLesson .task.complete{  }
#masteryLesson .task:last-child{ border-bottom:none; }
#masteryLesson .task .theTask{ font-size:20px; margin:0 0 6px; }
.releaseNotesDiv{
	position:relative;
}
.releaseNotesDiv .alertConfigLink, .releaseNotesDiv .alertConfigForm{ position:absolute; top:30px; right:15px; }
.releaseNotesDiv .alertConfigForm{ top:50px; }
.releaseNotesDiv .showCheckbox{ display:inline-block; }
.releaseNotesDiv .showCheckbox:not(:first-child){ margin-left:15px; }
.releaseNotesSearch input.search{ margin-right:10px; }
.releaseNotesSearch .inlineBlock{ margin-top:6px; }
.releaseNotesListing{
	margin-top:10px;
	padding-left:15px;
}
.releaseNotesListing .releaseNote{ position:relative; border-bottom:var(--meenyDividerLine); padding:16px 50px 16px 100px; }
.releaseNotesListing .releaseNote.type-major{ min-height:60px; }
.releaseNotesListing .releaseNote .theDate{ position:absolute; top:19px; left:0px; font-size:12px; }
@media (max-width: 799px), (max-height: 499px)    {
 .releaseNotesListing .releaseNote .theDate    { padding-left:10px; } }
.releaseNotesListing .releaseNote .theNote{ font-size:15px; }
.releaseNotesListing .releaseNote .theIcon{ position:absolute; top:16px; right:10px; }
.releaseNotesListing .releaseNote .theIcon:before{  }
.releaseNotesListing .releaseNote .theIcon.major{ top:8px; right:5px; }
.releaseNotesListing .releaseNote .theIcon.major:before{ font-size:30px; }
.formReview input[name=title], .formReview textarea{  }
.formReview textarea{ display:block; margin-top:16px; width:100%; max-width:600px; font-size:20px; line-height:1.4em; }
.formReview .icon-star{ position:relative; top:5px; left:3px; }
.review{
	position:relative;
	padding:20px 0px 20px 0px;
	border-bottom:1px solid #aaa;
	
}
.review .header{ position:relative; padding-left:80px; height:110px; }
.review .header img.avatar{ height:60px; width:60px; border-radius:50%; position:absolute; top:0px; left:0px; }
.review .header h2{ color:#429ada; font-size:20px; margin-bottom:6px; height:1.3em; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.review .header .byLine{ margin-top:6px; font-size:13px; text-decoration:italic; color:#aaa; }
.review .header .dateLine{ position:absolute; right:0; bottom:5px; font-size:18px; }
.review .header .starRating{ position:absolute; left:0px; bottom:0px; }
.review .header .starRating .ratingStar{ display:inline-block; width:30px; height:30px; background:url(../../images/public/ratingStars.png) no-repeat 0 0; background-size:30px auto; }
.review .header .starRating .ratingStar.half{ background-position:0 -33px; }
.review .header .starRating .ratingStar.empty{ background-position:0 -66px; }
.review.notPublished .header, .review.notPublished .review{ opacity:.6; }
.review.notPublished:after{ content:"This review is not currently published."; padding:10px 15px; color:var(--statusRed); }
.review .theReview{ padding-top:20px; font-size:20px; line-height:1.7em; }
.jumboEmblem{
	display:block;
	text-align:center;
	padding:15px 0;
}
.jumboEmblem:before{ font-size:120px; }
.upcomingOfficeHours{
	padding:20px 0 20px;
	border-bottom:var(--mediumDividerLine);
	position:relative;
}
.upcomingOfficeHours .button{ position:absolute; top:20px; right:0; padding:6px 12px; font-size:14px; height:auto; }
.upcomingOfficeHours .when{ margin-bottom:10px; }
.upcomingOfficeHours .when .theDate{ font-size:18px; margin-bottom:10px; }
.upcomingOfficeHours .when .theTime{ padding-left:0px; font-size:15px; }
.upcomingOfficeHours .when .theTime b{ font-size:16px; }
.CAProfessionalsListing{
	margin-top:30px;
}
.CAProfessional{
	position:relative;
	max-width:700px;
	font-size:16px;
	margin-bottom:60px;
	padding:20px 30px;
	border:var(--mediumDividerLine);
	border-radius:15px;
	box-shadow:2px 3px 5px rgba(0, 0, 0, .07);
}
.CAProfessional .topLine{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; gap:30px; margin-bottom:30px; }
.CAProfessional .topLine img.avatar{ height:90px; width:90px; border-radius:50%; }
.CAProfessional .topLine h3.name{ font-size:24px; -ms-flex-positive:1; flex-grow:1; }
.CAProfessional div.blurb{ margin-bottom:20px; line-height:1.6; }
.CAProfessional .button{ position:relative; padding-right:45px !important; overflow:hidden; text-overflow:ellipsis; }
.CAProfessional .button .icon-share{ position:absolute; top:8px; right:8px; transform:rotate(45deg); }
.CAProfessional .button.primary .icon-share:before{ color:#fff; }
#settingsSideBarHolder{
	position:absolute;
	top:0px;
	bottom:0;
	right:100%;
	width:265px;
	transform:translateX(100%);
	transition:transform ease-in 0.2s;
	z-index:10;
}
#settingsSideBarHolder.open{ transform:translateX(0); }
@media (max-width: 799px), (max-height: 499px)    {
 #settingsSideBarHolder    { top:var(--topBarHeight); } }
#settingsSideBarHolder .gearToggle{ position:absolute; left:-50px; top:50px; height:50px; width:50px; cursor:pointer; border-radius:25px 0 0 25px; padding:11px 0 0 12px; display:none; background-color:var(--brandingPrimary); transform:translateX(50%); transition:transform ease-in 0.2s; }
#settingsSideBarHolder .gearToggle:before{ color:var(--baseBGColor); opacity:1; display:inline-block; font-size:28px; }
#settingsSideBarHolder .gearToggle.showGear{ display:block; }
#settingsSideBarHolder.open .gearToggle, #settingsSideBarHolder .gearToggle:hover{ transform:translateX(0); box-shadow:-1px 2px 2px rgba(0, 0, 0, .2); }
@media (min-width: 800px) and (min-height: 500px)    {
 #settingsSideBarHolder .gearToggle    { display:block; } }
#settingsSideBar{
	position:absolute; top:0px; bottom:0; right:0; width:265px;
	background:var(--baseBGColor);
	border-left:var(--dividerLine); overflow-y:auto;
	overflow:auto;
}
.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.darkMode{
	--baseColor:#e4e6eb;
	--iconColor:#888;
  --borderColor:#424242;
  --mediumBorderColor:#3b3c3d;
  --minorBorderColor:#2c2d2c;
  
  
  --borderColor:#666;
  --mediumBorderColor:#555;
  --minorBorderColor:#444;
  --tinyBorderColor:#232425;
  --meenyBorderColor:#222324;
  --dividerLine:1px solid var(--borderColor);
  --mediumDividerLine:1px solid var(--mediumBorderColor);
  --minorDividerLine:1px solid var(--minorBorderColor);
  --meenyDividerLine:1px solid var(--meenyBorderColor);
  --baseBGColor:#18191a;
  --baseBGColorRGB:24, 25, 26;
  --cardBGColor:#262626;
  --subtleGrey:#303031;
  --fadedBGColor:#555759;
  --disabledTextColor:#666666;
  --meterBGColor:#2b2c2e;
	--highlight03:#e3f1fa09;
	--highlight06:#e3f1fa12;
	--highlight13:#e3f1fa28;
	--inputBGColor:#1f2021;
	--shadowColorRGB:255, 255, 255;
  
	scrollbar-color:var(--highlight03) --var(--highlight06);
	scrollbar-color:#2f3031 #242526;
	scrollbar-width:thin;
	
}
@media (min-width: 800px) and (min-height: 500px)    {
 body.darkMode ::-webkit-scrollbar    { width:15px; background-color:var(--highlight03); }
 body.darkMode ::-webkit-scrollbar-thumb    { background-color:var(--highlight06); } }
body.darkMode .helpText{ color:#a4a6ab; }
body.darkMode .alertRed{ color:#ff515b !important; }
body.darkMode .alertBox{ background-color:#ff000011; border-color:#99000088; }
body.darkMode .itemMenu .item.tabSelected, body.darkMode .itemMenu .item:hover{ color:#fff; }
body.darkMode .itemMenu .item .adder:hover{ background-color:rgba(255, 255, 255, .2); box-shadow:0 0 0 5px rgba(255, 255, 255, .2); }
body.darkMode.brightTopBar #topBar{ background-color:var(--subDividerLineColor); border-bottom:var(--mediumDividerLine); }
body.darkMode.brightTopBar #topBar #topMenu .icon, body.darkMode.brightTopBar #topBar #topMenu .icon.current{ border-color:transparent !important; }
body.darkMode.brightTopBar:not(.designer) #topBar #accountHeader{ border-bottom:var(--mediumDividerLine) !important; }
body.darkMode .actionProject{ background-color:#303031; }
body.darkMode .anchorWindow .awHead, body.darkMode .anchorWindow .awBody, body.darkMode .anchorWindow .awButtons span, body.darkMode .anchorWindow .leftSidebar{ background:var(--cardBGColor); }
body.darkMode .anchorWindow .awButtons span:hover{ background-color:#252728; color:#fff; }
body.darkMode .anchorWindow.anchored{ box-shadow:0 20px 0 var(--baseBGColor); }
@media (min-width: 800px) and (min-height: 500px)    {
 body.darkMode .anchorWindow.floating    { box-shadow:6px 15px 3px 1px rgba(0, 0, 0, .2), 0 0 4px rgba(0, 0, 0, .5); } }
body.darkMode #AnchorWindowFloatingShim{ background-color:rgba(0, 0, 0, .55); }
body.darkMode #AnchorWindowFloatingShim.mellow{ background-color:rgba(0, 0, 0, .1); }
body.darkMode #AnchorWindowFloatingShim.blocking{ background-color:rgba(0, 0, 0, .8); }
body.darkMode #anchorWindowDock .minimizedWindow{ border:var(--mediumDividerLine); box-shadow:0 14px 28px rgba(255, 255, 255, .3); }
body.darkMode input.search{ background:var(--baseColor) url(../../images/v3/graphics/searchInputBGMD.png) 0 50% no-repeat; background-size:auto 41px; }
body.darkMode input.DatePicker-input{ background:var(--baseColor) url(../../images/v3/graphics/dateInputBGMD.png?m=2) -4px 50% no-repeat; background-size:auto 52px; }
body.darkMode input.timeInput{ background-color:var(--baseColor); background-image:url(../../images/v3/graphics/timeInputBGMD.png); }
body.darkMode .switchCheckbox .theSwitch{ border-color:#888; background:var(--baseBGColor); }
body.darkMode table.data tr.odd td, body.darkMode table.data tr:nth-child(odd)  td{ background-color:#383a3c; background-color:#303132; }
body.darkMode .userListingPanel:hover .cardBottom{ background-color:#f0f5ea18; }
body.darkMode .userListingPanel .contactInfo .phoneNumbers a:link{ color:var(--baseColor); }
body.darkMode .button:not(.primary), body.darkMode input[type=submit]:not(.primary), body.darkMode input[type=button]:not(.primary), body.darkMode button:not(.primary){ background-color:#2b2d2e; border:1px solid #555; }
body.darkMode .button:not(.primary):hover, body.darkMode .button:not(.primary):active, body.darkMode input[type=submit]:not(.primary):hover, body.darkMode input[type=submit]:not(.primary):active, body.darkMode input[type=button]:not(.primary):hover, body.darkMode input[type=button]:not(.primary):active, body.darkMode button:not(.primary):hover, body.darkMode button:not(.primary):active{ background-color:#383a3c; color:var(--brandingSecondaryOnBlack) !important; }
body.darkMode [class^="icon-"]:before:not(:hover), body.darkMode [class*=" icon-"]:before:not(:hover), body.darkMode a:link[class^="icon-"]:before:not(:hover), body.darkMode a:link[class*=" icon-"]:before:not(:hover){ color:#ddd; }
body.darkMode .button.disabled, body.darkMode input[type=submit]:disabled, body.darkMode input[type=button]:disabled{ background-color:#444648 !important; }
body.darkMode .button.disabled:before, body.darkMode input[type=submit]:disabled:before, body.darkMode input[type=button]:disabled:before{ color:#646668 !important; }
body.darkMode .WL_ColorChip{ border-color:var(--baseBGColor); }
body.darkMode .regularLogoHolder .regularLogo{ background:#fff; box-shadow:0 0 0 10px #fff; }
body.darkMode .tuckedControls{ background:var(--baseBGColor); box-shadow:0 0 3px rgb(255, 255, 255, .5); }
body.darkMode .tuckedControls:after{ background:var(--baseBGColor); border-color:#555; }
body.darkMode .tuckedControls label{ background:var(--baseBGColor); }
body.darkMode .tuckedControls label:hover{ background:var(--cardBGColor); }
body.darkMode .modal-view-details{ background:var(--cardBGColor); }
body.darkMode .awesomeMenu li h3{ color:#e4e6eb; }
body.darkMode #helpSideBarHolder .closeButton,
	body.darkMode #helpSearchForm,
	body.darkMode #helpSearchForm input.search,
	body.darkMode #helpSideBar{ background-color:var(--baseBGColor); }
body.darkMode .typeIcon{ background:var(--cardBGColor); }
body.darkMode .typeIcon:before{ color:var(--baseColor); }
body.darkMode .twSection .twScroll.darkened{ background-color:var(--baseBGColor); border-color:var(--cardBGColor); }
body.darkMode .itemCard:hover .cardBottom{ background-color:var(--cardBGColor); }
body.darkMode .itemCard .cardBottom{ border-top:var(--mediumDividerLine); }
body.darkMode .anchorWindow .buttonBar{ border-top:var(--mediumDividerLine); }
body.darkMode .clientNoteContent{ color:var(--baseColor); }
body.darkMode .action .theCheckbox{ background-color:#5d5e5f; }
body.darkMode .actionProject .progressBar{ background-color:#4c4d4e; }
body.darkMode .actionProject .progressBar .doneAction .summary{ background-color:#4c4d4e; border-color:var(--cardBGColor); }
body.darkMode .actionProject .progressBar .doneAction .summary:after{ background-color:#4c4d4e; border:none; }
body.darkMode .courseSummaryHeader{ background-color:var(--cardBGColor); }
body.darkMode .engagementStatusMeter{ background-color:#5d5e5f; }
body.darkMode .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-invalidDay, body.darkMode .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.DatePicker-invalidDay:hover{ background-color:var(--cardBGColor); color:#4a4a4a; }
body.darkMode .DatePicker-CanvasDiv .DatePicker-CanvasGrid td.dayToday{ background-color:#2b2d2e; }
body.darkMode .clientNoteContent table tr th{ background-color:#181a1c; }
body.darkMode .clientNoteContent table tr:nth-child(odd)  td{ background-color:#202224; }
body.darkMode .clientNoteContent .answerComments .answerComment .theComment:after{ -webkit-clip-path:polygon(0 0, 1px 0, 100% calc(100% - 1px), 100% 100%, 0 100%); clip-path:polygon(0 0, 1px 0, 100% calc(100% - 1px), 100% 100%, 0 100%); }
body.darkMode .draftsMenu{ background-color:var(--cardBGColor); }
body.darkMode .draftsMenu .draftHeader, body.darkMode .draftsMenu ul li{ background-color:var(--cardBGColor); }
body.darkMode .draftsMenu .draftHeader.current, body.darkMode .draftsMenu ul li.current{ background:var(--baseBGColor); }
body.darkMode .streamItem form.streamComment:not(.active) textarea.comment{ border-color:#555; background-color:#2b2d2e; }
body.darkMode .streamClientNote > .overlay{ background:linear-gradient(to top, #303031, #30303100 100%); }
body.darkMode .mooeditable-ui-toolbar .mooeditable-ui-button .button-icon{ background-image:url(../../scripts/library/MooEditable/assets/images/toolbarbuttons-dark.png); }
body.darkMode .table-overlay .mooeditable-ui-toolbar .mooeditable-ui-button .button-icon,
	body.darkMode .mooeditable-ui-toolbar .mooeditable-ui-button.table-item .button-icon{ background-image:url(../../scripts/library/MooEditable/assets/images/toolbarbuttons-table-dark.png); }
body.darkMode .clientNoteContent .checkboxAnswer label span, body.darkMode .clientNoteContent .radioAnswer label span{ border-color:#707274; }
body.darkMode .APIAccess code, body.darkMode .APIAccess .code{ color:#666; }
.showAtTrendy{ display:none; }
body.trendy{
	
	font-family:Mulish;
	font-size:15px;
}
body.trendy .button, body.trendy a.button, body.trendy input[type=submit], body.trendy input[type=button], body.trendy button{ border-radius:24px; padding-left:16px; padding-right:16px; text-transform:lowercase; }
body.trendy input[type=text], body.trendy input[type=password], body.trendy select, body.trendy textarea, body.trendy .textInput{ font-family:Mulish; border-radius:5px; }
body.trendy input.search{ border-radius:20px; }
body.trendy .buttonRow .button{ border-color:transparent; }
body.trendy .rTable > tbody > tr > td:first-child,
	body.trendy .anchorWindow .awTitle{ text-transform:lowercase; }
body.trendy .tabWindow .buttonBar, body.trendy .anchorWindow .buttonBar, body.trendy .spBody .buttonBar, body.trendy .buttonBar{ border-top:none; }
body.trendy .tabWindow .twHeader ul li.tabSelected{ border-radius:15px 15px 0 0; }
:root{
	--mainNavWidth:72px;
	--mainNavBGColor:#1a1a1a;
}
#mainAppNav{
	position:fixed;
	
	display:-ms-flexbox;
	
	display:flex;
	-ms-flex-direction:column;
	    flex-direction:column;
	-ms-flex-pack:justify;
	    justify-content:space-between;
	top:0;
	bottom:0;
	left:0;
	width:var(--mainNavWidth);
	background:linear-gradient(0deg, var(--brandingPrimary) 0px, var(--mainNavBGColor) 400px);
	z-index:300;
	
}
#mainAppNav .icon{ display:block; width:100%; height:var(--mainNavWidth); padding-top:18px; padding-left:4px; text-align:center; }
#mainAppNav .icon:before{ font-size:30px; color:#bababa; }
#mainAppNav .icon:hover{ background-color:#ffffff16; background-color:rgba(255, 255, 255, .1); }
#mainAppNav .icon.current{ cursor:default; }
#mainAppNav .icon.current:before{ color:var(--brandingPrimaryOnBlack) !important; }
#mainAppNav .bottomItems .icon:before{ color:#ffffff; }
@media screen and (min-width: 700px){
 #mainAppNav .icon.itemSearch{ display:none; } }
@media (max-width: 799px), (max-height: 499px)    {
 #mainAppNav    { position:fixed; top:var(--topBarHeight); bottom:0; left:0; width:72px; transform:translateX(-100%); transition:transform 100ms ease-in; overflow:auto; }
 #mainAppNav .icon    { height:72px; }
 #mainAppNav ~ #appPageContainer .appPage > .leftSidebar    { transition:padding 100ms ease-in, transform ease-in 0.2s; }
 #mainAppNav.showingAtMini    { transform:translateX(0); }
 #mainAppNav.showingAtMini + #settingsMenuHolder,
			#mainAppNav.showingAtMini ~ #appPageContainer .appPage > .leftSidebar    { padding-left:72px; } }
body.clientPresentMode #mainAppNav a{ display:none; }
#mainAppNav .subMenu{ position:absolute; top:calc(100% + 0px); left:0; border-radius:var(--roundedRadius); overflow:hidden; box-shadow:2px 3px 4px rgba(var(--shadowColorRGB), .15); background-color:var(--cardBGColor); transform:scale(1.15); opacity:0; 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; }
#mainAppNav .subMenu.open{ transform:scale(1); opacity:1; pointer-events:auto; }
#mainAppNav .subMenu.moreItemsXX{ background-color:#6c9c31; color:#fff; max-width:calc(100vw - 68px); }
#mainAppNav .subMenu li{ padding-right:24px; }
#mainAppNav .subMenu .icon{ height:auto; padding:5px; }
body.designer.appFrameSatin:not(.darkMode){
	--mainNavBGColor:var(--primaryLight60);
	
	--topBarColor:rgba(var(--brandingPrimaryRGB), .7);
	--topBarColor:color-mix(in srgb, var(--brandingPrimary) 60%, var(--baseBGColor));
	--topBarColor:var(--primaryLight60);
}
body.designer.appFrameSatin:not(.darkMode) #mainAppNav .icon.current{ cursor:default; background-color:#ffffff32; }
body.designer.appFrameSatin:not(.darkMode) #mainAppNav .icon.current:before{ color:#fff !important; }
body.designer.appFrameSatin:not(.darkMode) #mainAppNav .icon:before{ color:#ffffff; }
body.designer.appFrameSatin:not(.darkMode):not(.brightTopBar) #topBar.inApp{ background-color:var(--topBarColor); }
body.designer.appFrameSatin:not(.darkMode):not(.brightTopBar) #topBar.inApp:after{ display:none; }
body.designer.appFrameSatin:not(.darkMode) #topSearchForm{ background:#fff; background:transparent; }
body.designer.appFrameSatin:not(.darkMode) #topSearchForm:before{ content:''; position:absolute; inset:0 0 0 0; background-color:var(--topBarColor); z-index:-1; }
body.designer.appFrameSatin:not(.darkMode):not(.brightTopBar) #topBar.inApp:after{ display:none; }
body.designer.appFrameSatin:not(.darkMode).brightTopBar #topSearchForm{ background:#fff; }
body.designer.appFrameSatin:not(.darkMode):not(.brightTopBar) #topBar.inApp div.ornament{ position:absolute; inset:0 0 0 0; border-top-left-radius:10px; background:#fff; width:240px; pointer-events:none; overflow:clip; }
@media (max-width: 799px), (max-height: 499px)    {
 body.designer.appFrameSatin:not(.darkMode):not(.brightTopBar) #topBar.inApp div.ornament    { display:none; } }
body.designer.appFrameSatin:not(.darkMode):not(.brightTopBar) #topBar.inApp div.ornament:before{ content:''; position:absolute; inset:0 0 0 0; background-color:var(--topBarColor); background-image:linear-gradient(110deg,
				rgba(var(--brandingPrimaryRGB), .65)  0%,
				rgba(var(--brandingPrimaryRGB), .35)  10%,
				rgba(var(--brandingPrimaryRGB), .00) 50%); }
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: 799px), (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: 800px) 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: 799px), (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: 800px) and (min-height: 500px)    {
 body.designer #appPageContainer > .appPage > .pageMain:first-child    { margin-left:var(--pageNavWidth); } }
@media (min-width: 800px) 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: 799px), (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: 799px), (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: 800px) 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: 799px), (max-height: 499px)    {
 body.designer .pageHeader .controls .addButtonX    { display:none; } }
body.designer .pageHeader + .tabWindow > .twHeader{  }
@media (max-width: 799px), (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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 799px), (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: 800px) 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: 799px), (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: 799px), (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: 800px) 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: 800px) 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: 800px) 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: 800px) 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: 799px), (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=app.css.map */