@import url("https://fonts.googleapis.com/css?family=Raleway:200,200i,400,400i,500,500i,700,700i");
/*tipped element. should be inline-block or block*/

:root {
  --tab-color: #2bb374;
  --heading-color: #2bb374;
  --highlight-color: #99ca11;
  --link-color: #028602;
  --popupDiv-color: #cce1e1;
  --bgDiv-color: #f5f5f5;
  --green-color: #09b309;
  --green-bg-color: #90b490;
  --light-green:#eff7f3;
  --red-bg-color: #d7a7a7;
  --yellow-bg-color:#eeeebc;
  --red-color: #a13434;
  --blue-color: #0e38ad;
  --yellow-color: #cccc0030;
  --light-yellow:#ffff003b; 
  --greybg-color: #f3f3f3;
  --border-radius: 7px;
  --border-radius-div: 10px;
  --icon-gap: 10px;
  --label-gap: 5px;
  --label-weight: bold;
  --icon-width: 30px;
  --icon-height: 40px;
  --icon-size: 20px;
  --after-size: 15px;
  --top-height: 60px;
  --chart-width: 80%;

}
@keyframes animateHighlight {
  0% {
    opacity: 1;
    color: #ffffff;
  }
  100% {
    opacity: 1;
    color: #ff0000;
  }
}
@keyframes animateButtonHighlight {
  0% {
    border: #ffffff 0px dashed;
  }
  50% {
    border: red 5px dashed;
  }
  100% {
    border: #ffffff 0px dashed;
  }
}

@keyframes animateLearningScript {
  0% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px var(--red-color);
    /* padding: 0px; */
  }
  50% {
    opacity: 1;
    color: var(--red-color);
    background-color: var(--yellow-color);
    text-shadow: 0px 0px 0px #ffffff;
    /* padding: 0px; */
  }
  100% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px var(--red-color);
    /* padding: 0px; */
  }
}
@keyframes animateLearningScriptLeft {
  0% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px var(--red-color);
    padding: 2px;
    margin-left: -2em;
  }
  50% {
    opacity: 1;
    color: var(--red-color);
    background-color: var(--yellow-color);
    text-shadow: 0px 0px 0px #ffffff;
    padding: 9px;
    margin-left: -2em;
  }
  100% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px var(--red-color);
    padding: 2px;
    margin-left: -2em;
  }
}
@keyframes animateLearningScriptRight {
  0% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px var(--red-color);
    padding: 2px;
    margin-left: 2em;
  }
  50% {
    opacity: 1;
    color: var(--red-color);
    background-color: var(--yellow-color);
    text-shadow: 0px 0px 0px #ffffff;
    padding: 9px;
    margin-left: 2em;
  }
  100% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px var(--red-color);
    padding: 2px;
    margin-left: 2em;
  }
}

@keyframes animateNotification {
  0% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px #ff0000;
    padding: 0 2px;
  }
  50% {
    opacity: 1;
    color: var(--red-color);
    background-color: var(--yellow-color);
    text-shadow: 0px 0px 0px #ffffff;
    padding: 0 4px;
  }
  100% {
    opacity: 1;
    background-color: #ffffff;
    color: #ffffff;
    text-shadow: 0px 0px 3px #ff0000;
    padding: 0 2px;
  }
}
#loginForm label{
  width:80px;
}
.highlight {
  font-size: 1.3em;
  color: var(--heading-color);
  border: 1px solid;
  padding: 5px;
}
#sidebarLink {
  font-size: 40px;
  cursor: pointer;
  padding: 1em;
  margin-left: -3em;
  position: absolute;
  margin-top: -1em;
  color: #ff0000;
}
.sidenav {
  height: 100%;
  width: 0px;
  position: fixed;
  z-index: 1;
  top: var(--top-height);
  left: 0;
  background-color: var(--light-green);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 10px;
  white-space: nowrap;
}
.commandNav{
  margin-top:0px;
}
.sideNavShow:hover {
  width: 150px;
}
label {
  margin-right: 5px;
}

#mySidenav > ul > li,
#mySidenav > ul > li > ul > li {
  list-style: none;
}
.pipelineGutter{
  width:3em;
}

.newEntityFormClosedBusiness,
.newEntityFormClosedBusinessInvestment,
.newEntityFormPipelineInsurance {
  border: 1px solid black;
  padding: 1em;
  border-radius: var(--border-radius-div);
}
.newEntityFormClient button.addIcon,
.newEntityFormClosedBusiness button.addIcon,
.newEntityFormClosedBusinessInvestment button.addIcon,
.newEntityFormPipelineInsurance button.addIcon {
  padding: 0.5em;
}
#orginBreakdownList label {
  max-width: 8em;
  width: 8em !important;
  vertical-align: top;
}
#orginBreakdownList li {
  list-style: none;
}
.newEntityFormClient ul li {
  list-style: none;
  display: inline-block;
  margin-top: 1em;
}
.summaryList {
  column-count: 2;
}
.summaryList li {
  display: inline-block !important;
  list-style: none;
}
#clientTableTitle {
  margin: 1em;
  font-weight: bold;
}
#newBoBForm label {
  max-width: 9em;
  width: 9em;
}
.newEntityFormClient label {
  max-width: 12em;
  width: 12em;
  vertical-align: top;
}
.sidenav ul {
	padding: 0 0.5em;
}
.sidenav a {
  padding: 5px;
  text-decoration: none !important;
  cursor: pointer;
  font-size: 0.9em;
  color: #000 !important;
  display: block;
  transition: 0.3s;
  border-bottom: unset !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 2em;
  margin-left: 50px;
}

.chartToggleContainer {
  display: block;
  float: left;
  margin: 1em;
  margin-top: 2.5em;
}

.mainChartToggle {
  display: block;
  cursor: pointer;
  position: absolute;
  margin-top: 1em;
  right: 3em;
}

.spacerDiv75 {
  display: inline-block;
  width: 75px;
}
.mainChartToggle::after {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f200";
  font-size: 2.5em;
  line-height: 1em;
  cursor: pointer;
  margin-top: 0.5em;
}
.detailsToggle {
  float: right;
}
.detailsToggle::after {
  color: var(--link-color);
  content: "Details";
  font-size: 1.1em;
  line-height: 1em;
  cursor: pointer;
}
.detailsLabel::after {
  color: var(--link-color);
  content: "Details";
  line-height: 1em;
  cursor: pointer;
  margin-left:5px;
}
#topFAQLink{
  text-decoration: none;
}
#topFAQLink::before {
  font: var(--fa-font-solid);
  content: "\3f";
  cursor: pointer;
}
#topDocentLink{
  text-decoration: none;
}
#topDocentLink::before {
  font: var(--fa-font-solid);
  content: "\f51c";
  cursor: pointer;
}
.detailsToggle::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f205";
  font-size: 1.5em;
  line-height: 1em;
  cursor: pointer;
  float: left;
  width: 40px;
  flex: 1;
}
.detailsToggleOff::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f204";
  font-size: 1.5em;
  line-height: 1em;
  cursor: pointer;
  float: left;
  width: 40px;
  flex: 1;
}
.userInputError {
  border: 1px solid var(--red-color);
}
div.userInputErrorMessage {
  border: 1px solid var(--red-color);
  padding: 0.5em;
  color: var(--red-color);
}
.errorInput::after {
  content: attr(data-validationmsg);
  display: inline;
  white-space: nowrap;
  background: rgba(10, 20, 30, 0.85);
  color: #fff;
  line-height: 1.2em;
  padding: 0.25em;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  margin-top: 40px;
  opacity: 0.8;
  max-width: 250px;
  z-index: 999;
  border: 2px solid;
  font-size: 10pt;
}


.activityGoalWrapper {
}
.activityCountGoalDisplay {
  height: 25px;
  border-radius: var(--border-radius-div);
  color: white;
  text-shadow: 2px 2px 2px #000;
  text-align: center;
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
/* .explain,
.myTip,
.qtip {
  display: inline-block;
  position: relative;
  cursor: pointer;
  border-bottom: 0.15em dotted #3bb4e5;
  box-sizing: border-box;
  font-style: normal;
} */
.qaExplain {
	display: none;
	position: relative;
	box-sizing: border-box;
	font-style: normal;
  font-weight:normal;
  color:#000;
	padding: 0.25em;
}
.stripped,
.explain, .myTip, .qtip {
	display: inline-block;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	font-style: normal;
	background: repeating-linear-gradient( 30deg, transparent, transparent 10px, #eee,10px, #fff 20px ), linear-gradient( to bottom, #e6e6e6, #eee );
  border-radius: var(--border-radius-div);
  padding: 0.25em;
}

.explain:hover,
.qtip:hover {
  color: #069;
  border-bottom: 0.05em dotted #069;
}
.explain::after {
  content: attr(data-label);
}

/*the tip*/
.explainContent {
  display: block;
  position: absolute;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  padding: 10px;
  -webkit-transition: opacity 500ms, visibility 500ms;
  transition: opacity 500ms, visibility 500ms;
  background: rgba(10, 20, 30, 1);
  color: #fff;
  line-height: 1.2em;
  padding: 1em;
  font-style: normal;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: var(--border-radius);
  z-index: 99;
  font-size: 1rem;
  max-height: 500px;
  overflow-y: auto;
  width:500px;
  white-space: wrap;
}
.width50 {
  width: 50px !important;
}
.width100 {
  width: 100px !important;
}
.width200 {
  width: 200px !important;
}
.width250 {
  width: 250px !important;
}
.width300 {
  width: 300px !important;
}
.width350 {
  width: 350px !important;
}
.width400 {
  width: 400px !important;
}
.width450 {
  width: 450px !important;
}
.width500 {
  width: 500px !important;
}
.width750 {
  width: 750px !important;
}
.width800 {
  width: 800px !important;
}
.width50p {
  width: 50% !important;
}
.width60p {
  width: 70% !important;
}
.width50p {
  width: 50% !important;
}
.positionRelative{
  position: relative !important;
}
.positionAbsolute{
  position: absolute  !important;
}
.marginUnset::before,
.marginUnset::after,
.marginUnset{
  margin:unset !important;
}
.explainContent p {
  margin-top: 1em;
}
.explainContent .inlineHeading::after {
  content: ":";
}
.inlineHeading {
  margin-top: 0.5em;
  margin-right: 0.5em;
  font-weight: 600;
  font-size: 1.1em;
}
.tipContent {
  display: none;
  position: absolute;
  background: rgba(10, 20, 30, 0.85);
  color: #fff;
  line-height: 1.2em;
  padding: 0.5em;
  font-style: normal;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  min-width: 300px;
  border-radius: var(--border-radius);
  z-index: 99;
  opacity: 0.85;
}
.explain:hover .explainContent {
  visibility: visible;
  opacity: 1;
  transition: all 1s ease-in 1s;
}

.qtip:before {
  content: attr(data-tip);
  font-size: 14px;
  position: absolute;
  background: rgba(50, 50, 50, 0.85);
  color: #fff;
  line-height: 1.2em;
  padding: 0.5em;
  font-style: normal;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  min-width: 300px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-family: sans-serif;
  letter-spacing: 0;
}
.qtip:after {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.qtip:hover:before,
.qtip:hover:after {
  visibility: visible;
  opacity: 1;
}
/*top*/
.qtip.tip-top:before {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 8px));
  box-sizing: border-box;
  border-radius: 3px;
}
.qtip.tip-top:after {
  border-width: 8px 8px 0 8px;
  border-color: rgba(50, 50, 50, 0.85) transparent transparent transparent;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 0);
}
/*bottom*/
.qtip.tip-bottom::before {
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, calc(100% - 42px));
  box-sizing: border-box;
  border-radius: 3px;
  height: 50px;
}
.qtip.tip-bottom:after {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(10, 20, 30, 0.85) transparent;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, 0);
}
/*left*/
.qtip.tip-left:before {
  left: 0;
  top: 50%;
  transform: translate(calc(-100% - 8px), -50%);
  box-sizing: border-box;
  border-radius: 3px;
}
.qtip.tip-left:after {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent rgba(10, 20, 30, 0.85);
  left: -8px;
  top: 50%;
  transform: translate(0, -50%);
}
/*right*/
.qtip:before,
.qtip.tip-right:before {
  right: 0;
  top: 50%;
  transform: translate(calc(100% + 8px), -50%);
  box-sizing: border-box;
  border-radius: 3px;
  white-space: pre;
}
.qtip:after,
.qtip.tip-right:after {
  border-width: 8px 8px 8px 0;
  border-color: transparent rgba(10, 20, 30, 0.85) transparent transparent;
  right: -8px;
  top: 50%;
  transform: translate(0, -50%);
}
.qcontent {
  color: #ff0;
  font-weight: bold;
}
.qclass {
  color: #dd0;
  font-weight: bold;
}

/* ----------------------------------------------- */
/* ---- sort list styles ------------------------- */
/* ----------------------------------------------- */
/*   https://code-boxx.com/drag-drop-sortable-list-javascript/    */
/* ----------------------------------------------- */
/* ----------------------------------------------- */

/* (A) LIST STYLES */
.entityList,
.FAQList,
.slist {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 0.5em;
}


.FAQList{
  margin: 1em 0;

}

.docentList {
  list-style: none;
  margin: 1em;
}

.docentMGMTList{
  padding-bottom: 1em;
}


.docentList li,
.entityList li,
.FAQList li,
.slist li {
  margin: 0 0 5px 5px;
  padding: 10px 5px;
  border: 1px solid #dfdfdf;
  background: #f5f5f5;
  border-radius: var(--border-radius);
}

/* (B) DRAG-AND-DROP HINT */
.slist li.hint {
  border: 1px solid #ffc49a;
  background: #feffb4;
}
a.active,
.entityList li.active,
.slist li.active {
  border: 1px solid #ffa5a5;
  background: #ffe7e7;
}

/* (X) DOES NOT MATTER */
* {
  font-family: arial, sans-serif;
  box-sizing: border-box;
}
/* ----------------------------------------------- */
/* ----------------------------------------------- */

main.container {
	padding-bottom: 3em;
	padding-top: 65px;
}

.SubSectionHeading {
}

h2.SectionHeading {
  color: var(--heading-color);
  font-size: 1.3 em;
  font-family: "Signika", sans-serif;
  margin-bottom: 0.25em;
}
.SummaryDiv {
  font-size: 1.3em;
  color: #222;
  padding: 0.25em;
  display: block;
}
h4 {
  font-size: 1.2em;
}
.clickMSG {
  width: fit-content;
  margin-top: 1em;
  border-bottom: 0;
  float: left;
  transform: rotate(90deg);
  transform-origin: left top 0;
  margin-left: 50px;
  padding: 10px;
  background-color: rgba(37, 34, 34, 0.3);
  opacity: 0.9;
  font-size: 1.8em;
  color: #fff;
  position: fixed;
  left: 1em;
  top: 10em;
}
.clickMSG::after {
  content: "Click on the item you want to change";
}

#theList form,
.noEdit,
.editable {
  display: inline-block;
}
.pdfExport {
  float: right;
  font-size: 2em;
}
.right1{
  float:right;
  margin-right:1em;
}
.rightLinks {
  padding: 0.5em;
  display: inline-block;
  float: right;
  position: absolute;
  top: 5em;
  right: 5em;
}
.name,
.inputname,
.theName {
  cursor: pointer;
  width: 12em;
  flex: 3;
  max-width: 12em;
}
.Activity.name {
  width: 18em !important;
  max-width: 18em !important;
}
.inputwrapper {
}
.inputcountMonday,
.inputcountTuesday,
.inputcountWednesday,
.inputcountThursday,
.inputcountFriday,
.inputwrapper input,
.inputwrapper select {
  border: var(--link-color) 2px dashed;
}
.newInputWrapper {
  margin: 1em;
  display: inline;
}

#theListProduction div.inputwrappervalue::before {
  content: "Current Progress: ";
}
.inputwrappervalue {
  display: inline-block;
}
.frequency,
.theFrequency {
  cursor: pointer;
  width: 5em;
  flex: 2;
  max-width: 8em;
}

.inputvalue,
.newExpenseValue {
  width: 6em;
  flex: 2;
}
.bottomBorder,
ul.subSectionList {
  padding-bottom: 1em;
  margin-bottom: 1.5em;
  border-bottom: 3px solid #999;
}
ul.subSectionList:last-child {
  border: unset;
}

div.value,
div.frequency,
div.name,
div.startDate,
div.targetDate {
  cursor: pointer;
  min-width: 7em;
}
.theValue .value {
  width: 9em;
  flex: 2;
}
.value::before,
.theValue::before {
  content: attr(data-label);
  color: var(--red-color);
  font-weight:var(--label-weight);
  margin-right:var(--label-gap);
  /* padding: 1em; */
}
.User.mission::before,
.User.vision::before,
.User.values::before {
  content: attr(data-label);
  font-size: 1.25em;
  display: block;
  color: #000;
}
textarea.inputmission,
textarea.inputvision,
textarea.inputvalues {
  width: 525px;
  height: 150px;
  overflow: auto;
  margin-top: -1em;
  margin-bottom: -2em;
}

.Income.value::before,
.Income.theValue::before {
  content: attr(data-label);
  color: var(--green-color);
  margin-right:var(--label-gap);
  font-weight:var(--label-weight);

}
.Production.value::before,
.Production.theValue::before {
  content: attr(data-label);
  color: var(--link-color);
  padding: 0em;
  font-weight:var(--label-weight);
  margin-right:var(--label-gap);
}
.BusinessInvestment.value::before,
.Investment.value::before,
.Debt.value::before,
.Debt.theValue::before,
.Cash.value::before,
.BusinessCash.value::before,
.BusinessInvestment.theValue::before,
.Investment.theValue::before,
.Cash.theValue::before,
.Investment.theValue::before {
  content: attr(data-label);
  color: var(--link-color);
  /* padding: 1em; */
  margin-right:var(--label-gap);
  font-weight:var(--label-weight);
}
.BookOfBusiness.origin::before,
.BookOfBusiness.closePercent::before,
.BookOfBusiness.investmentAUM::before,
.BookOfBusiness.investmentOneTimeCommission::before,
.BookOfBusiness.investmentMonthlyFee::before,
.BookOfBusiness.insurancePolicyShare::before,
.BookOfBusiness.insurancePremiumShare::before,
.BookOfBusiness.insuranceCommissionShare::before,
.Production.newClient::before,
.Production.newClient::before,
.Production.newClientGoal::before,
.Production.premium::before,
.Production.premiumGoal::before,
.Production.goal::before,
.Production.incomeMonthly::before,
.Production.incomeAnnual::before,
.Production.incomeGoal::before,
.Goal.startDate::before,
.Production.startDate::before,
.BusinessGoal.startDate::before,
.Goal.theStartDate::before,
.BusinessGoal.theStartDate::before,
.Goal.targetDate::before,
.Production.targetDate::before,
.BusinessGoal.targetDate::before,
.Goal.theTargetDate::before,
.BusinessGoal.theTargetDate::before,
.Goal.value::before,
.BusinessGoal.value::before,
.Goal.theValue::before,
.BusinessGoal.theValue::before {
  content: attr(data-label);
  color: var(--link-color);
  padding: unset;
  margin-right:var(--label-gap);
  font-weight:var(--label-weight);
}

.inputcount,
.count {
  width: 4.5em;
}
.inputcountGoal,
.countGoal {
  width: 9em;
}
.inputearned,
.durationUnit,
.inputduration,
.duration {
  width: 7em;
  flex: 2;
}

.countGoal,
.duration,
.countMonday,
.countTuesday,
.countWednesday,
.countThursday,
.countFriday {
  display: block;
  color: var(--link-color);
  padding: unset;
  font-weight: bold;
}
.countGoal::before,
.duration::before,
.earned::before,
.countMonday::before,
.countTuesday::before,
.countWednesday::before,
.countThursday::before,
.countFriday::before {
  content: attr(data-label);
  margin-right:var(--label-gap);
  font-weight:var(--label-weight);
white-space: nowrap;
}
table#theListActivityMarketing tr th {
  padding: 5px;
}
#theListActivityMarketing button {
  /* margin-right: 0.5em; */
}
#theListActivityMarketing .editable{
  font-size:0.9em;
}
#theListActivityMarketing  td{
  padding:5px;
}

.boldGreen {
  color: var(--link-color);
  padding: unset;
  font-weight: bold;
}
.incomeColumn {
  vertical-align: top;
}
.incomeLabel {
  font-weight: 600;
  font-size: 1.25em;
  text-decoration: underline;
}


.Goal.remainingBalance::before,
.BusinessGoal.remainingBalance::before,
.Goal.theRemainingBalance::before,
.BusinessGoal.theRemainingBalance::before {
  content: "Balance Remaining for Other Goals: ";
  color: #000;
}
.Goal.currentProgress::before,
.BusinessGoal.currentProgress::before,
.Goal.theCurrentProgress::before,
.BusinessGoal.theCurrentProgress::before {
  content: "Balance Available Towards Goal: ";
  color: #000;
}
.Goal.value,
.BusinessGoal.value,
.BusinsessInvestment.value,
.BusinsessCash.value,
.Investment.value,
.Debt.value,
.Cash.value,
.Goal.theValue,
.BusinessGoal.theValue,
.BusinsessInvestment.theValue,
.BusinsessCash.theValue,
.Investment.theValue,
.Debt.theValue,
.Cash.theValue {
  min-width: 6em;
}

.startDate,
.targetDate,
.theCurrentProgress,
.theStartDate,
.theTargetDate {
  width: 15em;
}
.noEdit {
  cursor: unset !important;
  margin: 3px;
  /* max-width: unset;
  width: unset; */
}
.editable {
  color: var(--link-color);
  background-color: #e5e5e5;
  border: 1px #aaa solid;
  margin: 3px;
  padding: 3px;
  border-radius: 5px;
}

.editable:hover {
  background-color: var(--greybg-color);
}

/* #theListGoal .editable,
#theListProduction .editable {
  padding: 0em;
} */

/* ul#theListProduction li{
  height:380px;
}
ul#theListProduction li.smallView{
  height:200px;
} */
ul#theListProduction li td{
  vertical-align: top;
}

.notrashIconDiv,
.trashIconDiv {
  width: 2em;
  float: right;
  margin:0em 0.5em;
}
.trashChartContainer {
  float: right;
  margin-left: 1em;
  margin-top: 0.75em;
}

.plainTrashIcon::after {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f2ed";
}
.plainBobIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f15c";
}


.plainRestartIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f021";
}

.advisorsIcon::before {
  font: var(--fa-font-solid);
  content: "\f0c0";
}
.advisorsIcon::after {
  margin-left:var(--icon-gap);
  content: "Advisee List";
}
.toolsIconMGMT{
  float:right;
  margin-top: -2em;
  font-size:1.25em;
}
.toolsIcon::before{
  content: "\f7d9";
}
.importIcon::before{
  content: "\f093";
}
.toggleOnIcon::before{
  content: "\f205";
  margin-right:5px;
}
.toggleOffIcon::before{
  content: "\f204";
  margin-right:5px;
}

.toolsIconMGMT::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  content: "\f7d9";
  font-size:1.2em;
}
.toolsIconMGMT::after {
  margin-left:var(--icon-gap);
  content: "Tools";
  cursor: pointer;
  color: var(--link-color);
  font-size:1.2em;
}

#addAdvisorLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  content: "\f055";
  font-size:1.2em;
}
#addAdvisorLink::after {
  margin-left:var(--icon-gap);
  content: "Add Advisee";
  cursor: pointer;
  color: var(--link-color);
  font-size:1.1em;
}
#toggleNotificationLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  content: "\f0f3";
  font-size:1.2em;
}
#toggleNotificationLink::after {
  margin-left:var(--icon-gap);
  content: "Show/Hide Notifications";
  cursor: pointer;
  color: var(--link-color);
  font-size:1.1em;
}
#toggleActionPlanLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  content: "\f0ae";
  font-size:1.2em;
}
#toggleActionPlanLink::after {
  margin-left:var(--icon-gap);
  content: "Show/Hide Action Plans";
  cursor: pointer;
  color: var(--link-color);
  font-size:1.1em;
}

.trashIcon::after {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f2ed";
  font-size: 1.3em;
  line-height: 1.2em;
  cursor: pointer;
  float: right;
  text-align: right;
  flex: 1;
  margin-top: -0.25em;
}

.chartIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f201";
  font-size: 1.3rem;
  line-height: 1rem;
  cursor: pointer;
  float: left;
  /* width: 40px; */
  flex: 1;
}

.reverseIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\e631";
  font-size: 1.3rem;
  line-height: 1rem;
  cursor: pointer;
  float: left;
  /* width: 40px; */
  flex: 1;
}


.plainChartIcon::after {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f201";
}


.chartIconSpecial {
  font-size: 1.5em;
  border: unset !important;
}
.chartIconSpecial::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f3fd";
  font-size: 1.2em;
  line-height: 1.2em;
  cursor: pointer;
  flex: 1;
}
#chartToggleLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f201";
  font-size: 1.3rem;
  line-height: 1rem;
  cursor: pointer;
  float: left;
  flex: 1;
}
#chartToggleLink::after {
  color: var(--link-color);
  content: "Toggle Charts";
  cursor: pointer;
}
.chartIconSwitchContainer {
  width: 100%;
}
.editIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f044";
  font-size: 1.5em;
  line-height: 1em;
  cursor: pointer;
  float: right;
  width: 40px;
  flex: 1;
  color: white;
  margin-top: -70px;
}
.editIconPlain::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f044";
  font-size: 1.3em;
  cursor: pointer;
  margin-right: 0.5em;
}
.trashIconPlain::after {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f2ed";
  font-size: 1.3em;
  cursor: pointer;
  margin-right: 0.5em;
}

.moreInfoIcon {
  /* color: var(--link-color) !important; */
  cursor: pointer;
  vertical-align: middle;
}
.moreInfoIcon::before {
  font: var(--fa-font-solid);
  /* color: var(--link-color); */
  content: "\e5c5";
  /* margin-right:var(--icon-gap); */
  /* font-size: 1.2em; */
}
.moreInfoIcon::after{
  content:"Detailed Report";
}
#managerActivityTable td, 
#managerActivityTable th.totalPercent {
	padding: 0.25em !important;
	text-align: right !important;
}
.inlineManagerActivityTable td, .inlineManagerActivityTable th.totalPercent{
  text-align: right;
}
.emailIcon {
  color: var(--link-color);
  cursor: pointer;
}
.emailIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  content: "\f0e0";
  padding-right: 10px;
  font-size: 1.5em;
}
#adviseeDrillDownContainer {
  display: none;
}
#adviseeDrillDownContainer .closeLink {
  margin-right:0.5em;
}
#adviseeDrillDownDemo {
    /* border-bottom: 1px #000 solid; */
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}
#adviseeDrillDownDemo ul.inlineList {
  border-bottom: solid 1px #000;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
#adviseeDrillDownName {
	font-size: 1.5em;
	margin-bottom: 0.5em;
	margin-top: -1em;
}
#adviseeDrillDown{
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  overflow-x: hidden;
}
#adviseeDrillDown table#pipelineList{
  display: block;
  max-height: 250px;
  overflow-y: scroll;
}
#adviseeDrillDown table#pipelineList tr:nth-child(even) {background: var(--greybg-color);}

#adviseeDrillDown table#pipelineList td{
text-align: left !important;
}

#adviseeDrillDownContainer .drillDownSection:not(:last-child){
  border-bottom: 1px solid #000;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
#adviseeDrillDownContainer .drillDownSection th{
  text-align: left;
  vertical-align: top;
  padding-right: 1em;
}
#adviseeDrillDownContainer .drillDownSection th.headingAdjust{
  text-align: right;
  padding-right:5px;
}
#adviseeDrillDownContainer .drillDownSection thead th{
  font-weight: bold;
  background-color: var(--greybg-color);
  text-align: left;
  vertical-align: top;
}
  div.sideSelect {
  top: 80px;
  left: -25px;
  position: fixed;
  font-size: 0.9em;
}
div.mainSelect,
div.subSelect {
  font-size: 1.1em;
  white-space: nowrap;
  float: right;
}
div.subSelect ul,
div.mainSelect ul {
  display: flex;
  list-style: none;
}
div.sideSelect ul {
  list-style: none;
}
div.subSelect ul li,
div.mainSelect ul li {
  padding: 1em;
}
div.sideSelect ul li {
  padding: 0.5em;
  margin-bottom: 1em;
}

div.subSelect a,
div.mainSelect a {
  text-decoration: none;
  font-size: 1.25em;
}
div.rightLinks a {
  font-size: 1.5em;
}
.personalPage::before,
.personalIconWithLabel::before,
.plainPersonalIcon::before,
.personalIcon::before {
  font: var(--fa-font-solid);
  content: "\f6ec";
  float: left;
  padding-right: 0.5em;
  font-size: 1.5em;
}
.businessPage::before,
.businessIconWithLabel::before,
.plainBusinessIcon::before,
.businessIcon::before {
  font: var(--fa-font-solid);
  content: "\f0b1";
  float: left;
  padding-right: 0.5em;
  font-size: 1.25em;
}

a.navigationIcon {
  font-size: 1em;
  color: var(--link-color) !important;
  cursor: pointer !important;
}
a.navigationIcon::before {
  font: var(--fa-font-solid);
  content: "\f0c9";
  padding-right: 0.5em;
  color: var(--link-color);
  cursor: pointer;
}
a.navigationIcon::after {
  content: attr(data-label);
}

.managerIcon::before{
  content: "\e537";
}

  .managerHomeIconWithLabel::before{
  font: var(--fa-font-solid);
  content: "\f015";
  float: left;
  padding-right: 0.5em;
  font-size: 1.25em;
  
}
.commandCenterPage::before,
.commandCenterIconWithLabel::before,
.commandCenterIcon::before {
  font: var(--fa-font-solid);
  content: "\f3fd";
  float: left;
  padding-right: 0.5em;
  font-size: 1.25em;
}
a.managerHomeIconWithLabel::after {
  content: attr(data-label);
}
a.commandCenterIcon::after {
  content: " Command";
}
.businessPage,
.personalPage,
.commandCenterPage{
  color:var(--bs-navbar-brand-color);
  font-size:1.5em;
}
.commandCenterPage::after {
  content: " Command Central";
}
.businessPage::after {
  content: " Business Life";
}
.personalPage::after {
  content: " Personal Life";
}
a.businessIcon::after {
  content: " Business";
}
a.personalIcon::after {
  content: " Personal";
}
a.commandCenterIconWithLabel::after {
  content: "Command";
}
a.plainBusinessIcon::after,
a.plainPersonalIcon::after {
  content: "";
}
#arrowPointTable caption{
  font-size:1.1em;
  font-weight: bold;
}
a.businessIconWithLabel::after {
  content: "Business Life";
}
a.personalIconWithLabel::after {
  content: "Personal Life";
}
.dashboardIcon::before {
  font: var(--fa-font-solid);
  content: "\e498";
  cursor: pointer;
  float: left;
  width:var(--icon-width);
  font-size: var(--icon-size);
}

.icon::before {
  font: var(--fa-font-solid);
  font-size: var(--icon-size);
  display: inline-block;
  line-height: var(--icon-height);
  width: var(--icon-width);
  cursor: pointer;
}
.iconVariable::before {
  font: var(--fa-font-solid);
  font-size: 1em;
  display: inline-block;
  line-height: var(--icon-height);
  width: var(--icon-width);
  cursor: pointer;
}
.iconNoCursor::before {
  font: var(--fa-font-solid);
  font-size: var(--icon-size);
  display: inline-block;
  line-height: var(--icon-height);
  width: var(--icon-width);
}
.mgmtIcon::before {
  font: var(--fa-font-solid);
  font-size: var(--icon-size);
  display: inline-block;
  line-height: var(--icon-height);
  width: var(--icon-width);
  cursor: pointer;
}

.inlineIcon::before {
  font: var(--fa-font-solid);
  padding-right: 0.5em;
  font-size: 1.1em;
}
.restartIcon::before {
  content: "\f021";
}
.passwordIcon::before {
  content: "\f084";
}
/* .restartIcon::after {
  content: " Restart";
} */

.minimizeIcon::before {
  content: "\f884";
}
.maximizeIcon::before {
  content: "\f885";
}
.doubleCheck::before {
  content: "\f560";
}

.labelVal::after,
.arrowIcon::before {
  font: var(--fa-font-solid);
  content: "\f061";
  padding-left: 0.25em;
  padding-right: 0.25em;
  font-size: 1.1em;
}
/* .deactivateIcon{
  float:right;
} */
.deactivateIcon::before {
  content: "\f506";
}
.deactivateIcon::after {
  content: "Deactive";
  color: var(--link-color);
  /* margin-left: var(--icon-gap); */
  /* line-height: 1.2em; */
  cursor: pointer;
}

.weeklyGoalIcon::before {
  content: "\f784";
}
.goalIcon::before {
  content: "\f140";
}
.cfGoalIcon::before {
  content: "\f648";
  font: var(--fa-font-solid);
  font-size: 1.35em;
  display: inline-block;
  width: 1.25em;
}
/* .cfGoalIcon::after {
  content: "YE $tatus:";
  font-size: 1.35em;
  display: inline-block;
  margin-right:0.5em;
} */
div.cfGoalIcon {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	font-size: 1.35em;
	margin-top: 5px;
	margin-right: 0.5em;
	height: 2em;
}
div.cfGoalIcon i{
  font-size: 1.45em;
  font-weight: bold;
}

div.cfGoalMSG{
  display: inline-block;
	text-align: left;
  margin-top: 5px;

}

.productionIcon::before {
  content: "\f0b1"  !important;
}
.pulseIcon::before {
  content: "\f5f8" !important;
}
.bobIcon::before {
  content: "\f15c";
}
.trophyIcon::before {
  content: "\f2eb";
}

.loginIcon::before {
  content: "\f090";
}

#popupBoBDiv .bobIcon::before {
  margin: unset;
}
.smallDetailsIcon::before,
.detailIcon::before,
.detailsIconLabel::before,
.detailsIcon::before {
  content: "\f00e";
}
.smallDetailsIcon::before {
  color: var(--link-color);
  cursor: pointer;
}

.detailIcon::after,
.detailsIcon::after {
  content: "Details";
  line-height: 2em;
}
.detailsIconLabel::after {
  content: attr(data-label);
  line-height: 3em;
  margin-left: -0.5em;
}

.insuranceIcon::before {
  content: "\f4c3";
}

.investmentIcon::before,
.aumIcon::before {
  content: "\e5d9";
}
.filterIcon::before {
  content: "\f0b0";
  margin-top: 0;
}

.salesIcon::before {
  content: "\f07a";
}
.incomeIcon::before {
  content: "\f4c0";
}
.expenseIcon::before {
  content: "\f788";
}
.convertIcon::before {
  content: "\f645";
  margin-top: unset;
  color: var(--link-color);
  font-size: 2em;
  margin-top: -0.25em;
}

a.drillDownIcon,
a.drillDownIconAfter{
  z-index: 100;
  transition: transform 0.5s ease 0s;
}
a.drillDownIconAfter::after,
a.drillDownIcon::before{  
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f78c";
  cursor: pointer;
  margin-top: unset;
  font-size: 1.5em;
  line-height: var(--icon-height);

}
a.drillDownIconAfter.maxIcon::after,
a.drillDownIcon.maxIcon::before{  
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f31e" !important;
  cursor: pointer;
  margin-top: unset;
  font-size: 1.5em;
  line-height: var(--icon-height);

}
a.editUserAccountLink::before{  
  content: "\f4ff" !important;
}
a.editUserAccountLink::after{  
  margin-left:var(--icon-gap);
  color: var(--link-color);
  content: "Edit User Account Info";
  cursor: pointer;
  margin-top: unset;
  font-size: 1em;
}

a.drillDownText::before{  
  content: "\f78c" !important;
}
a.drillDownText::after{  
  color: var(--link-color);
  content: "Expand/Collapse All Sections Below";
  cursor: pointer;
  margin-top: unset;
  font-size: 1em;
}
a.weeklyActivityCommitmentsLink::after{
  color: var(--link-color);
  content: "Weekly Activity Commitments";
  cursor: pointer;
  margin-top: unset;
  font-size: 1em;
}
a.mvvLink::after{
  color: var(--link-color);
  content: "Mission, Vision, Values";
  cursor: pointer;
  margin-top: unset;
  font-size: 1em;
}

a.employeeCalculatorLink::after{
  color: var(--link-color);
  content: "Employee Hiring Calculator";
  cursor: pointer;
  margin-top: unset;
  font-size: 1em;
}

.drillDown{
  display: none;
}

.closedBusinessLink::before,
.closedBusinessIcon::before {
  content: "\f645";
}
.pipelineIcon::before {
  content: "\f662";
}
.cashIcon::before {
  content: "\f0d6";
}
.balSheetIcon::before {
  content: "\f24e";
}
.botIcon::before {
  font: var(--fa-font-solid);
  content: "\f21e";
  font-size: 1.1em;
  margin-right:var(--icon-gap);
}
.botIcon::after {
  content: "CompanyPulse";
  font-size: 1.1em;
}

a.icon {
  cursor: pointer;
}

.explain::before,
.infoIcon::before {
  font: var(--fa-font-solid);
  content: "\f05a";
  margin-top: unset;
  padding-right: 5px;
}
.financialsIcon::before {
  content: "\f4d3";
}
.pieChartIcon::before {
  content: "\f200";
}
.reportIcon::before {
  content: "\f5db";
}
.activityIcon::before {
  content: "\f2a0";
}
.clientIcon::before {
  content: "\f4fc";
}
.iconMouse::before {
  content: "\f8cc";
}
.iconSend::before {
  content: "\f813";
}
.iconRun::before {
  content: "\f70c";
}
.iconRun::after {
  content: "Run";
}

.iconEdit::before {
  content: "\f044";
}
.iconEdit::after {
  content: "Edit";
}


.saveIcon::before {
  content: "\f0c7";
  font: var(--fa-font-solid);
}
.saveIcon {
  float:left;
  margin-top:2em;
}


.communityIcon::before {
  content: "\e533";
}
.overViewIcon::before {
  content: "\e03e";
}
h2.icon {
  margin-bottom: 0.5em;
}
h2.icon::before {
  margin-top: 0px;
}
.lineBreak {
  display: block;
  height: 1em;
}
.link {
  color: var(--link-color);
  cursor: pointer;
}
button.saveIcon,
button.cancelIcon,
button.addIcon {
  border-radius: var(--border-radius);
  margin-left: 0.5em;
  margin-right: 0.5em;
  padding: 5px;
}
a.saveIcon,
a.cancelIcon,
a.addIcon {
  cursor: pointer;
  border: px solid;
  padding: 10px;
  border-radius: var(--border-radius);
  color: white !important;
  border-color: var(--link-color);
  margin: 1em;
}

.closeIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f057";
  font-size: 1.5rem;
  line-height: 1.2rem;
  cursor: pointer;
  margin-left: var(--icon-gap);
}
.closeIcon {
  float: right;
}
ul.FAQList > li {
  cursor: pointer;
}
ul.FAQList > li::before {
  font: var(--fa-font-solid);
  content: "\f055";
  font-size: 1.5em;
  line-height: 1.2em;
  cursor: pointer;
  float: right;
}
ul.FAQList > li.readSection::before {
  content: "\f056";
}
ul.FAQList > li.askAQuestion::before {
  font: var(--fa-font-solid);
  content: "\e3dd";
  font-size: 1.5em;
  line-height: 1.2em;
  cursor: pointer;
  float: right;
}

ul.FAQList > li.importantQuestion {
	font-weight: bold;
	background: repeating-linear-gradient( 30deg, transparent, transparent 10px, #dfcaca,10px, #fff 20px ), linear-gradient( to bottom, #dfcaca, #eee );
}
ul.FAQList > li.importantQuestion::before {
	font: var(--fa-font-solid);
	content: "\f071";
	font-size: 1.5em;
	line-height: 1.2em;
	cursor: pointer;
	float: left;
	margin-right: 0.5em;
}
ul.FAQList > li.readSection::before {
color:var(--red-color);

}
ul.FAQList > li.readSection{
  font-style:italic;
  color:var(--red-color);
  font-weight:bold;
}

ul.FAQList > li > div.explain {
  display: none;
  padding: 0.5em;
  margin: 1em 0.5em;
  border-radius: var(--border-radius-div);
  background-color: #fff;
  cursor: default;
}
ul.FAQList > li > div.explain textarea {
  width: 95%;
  height: 10em;
}

.saveIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f0c7";
  font-size: 1.25em;
  cursor: pointer;
}

.overviewAddIcon::before,
.addIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f055";
  font-size: 1.5em;
  line-height: 1.2em;
  cursor: pointer;
}
.cancelIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f05e";
  font-size: 1.5em;
  line-height: 1.2em;
  cursor: pointer;
}

.overviewAddIcon {
  float: right;
  margin-top: -2.5em;
}
.saveIcon::after {
  content: "Save";
  color: var(--link-color);
  margin-left: var(--icon-gap);
  font-size: 1.25em;
  cursor: pointer;
}
.addIcon::after {
  content: "Add";
  color: var(--link-color);
  margin-left: var(--icon-gap);
  font-size: 1.5em;
  line-height: 1.2em;
  cursor: pointer;
}

.cancelIcon::after {
  content: "Cancel";
  color: var(--link-color);
  margin-left: var(--icon-gap);
  font-size: 1.5em;
  line-height: 1.2em;
  cursor: pointer;
}
.addFavorableIntroIcon::after {
  content: "Favorable Intro";
  color: var(--link-color);
  font-size: 1;
  line-height: 1.2em;
  cursor: pointer;
}

a.addVisionIcon {
  float: right;
  cursor: pointer;
  margin-right: 4em;
  position: unset;
  left: 2em;
  margin-top: 0.5em;
}
a.addFavorableIntroIcon,
a.addEntityIcon {
  float: right;
  cursor: pointer;
  margin-top: -1em;
  position: absolute;
  right: 1em;
}

.newIcon::before,
.addFavorableIntroIcon::before,
.addVisionIcon::before,
.addEntityIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f055";
  margin: 1em 5px 1em 1em;
  font-size: 1.5rem;
  line-height: 1.2rem;
  cursor: pointer;
}
.newIcon::before {
  margin: 0 5px 0 0;
}

ul.col2 {
  column-count: 2;
}
ul.col3 {
  column-count: 3;
}
ul.col4 {
  column-count: 4;
}
ul.col5 {
  column-count: 5;
}
ul.entityList li,
ul.col5 li,
ul.col4 li,
ul.col3 li,
ul.col2 li {
  list-style: none;
  display: inline-block;
  width:100%;
}
.insideRow {
  display: flex;
}
.insideRowNoFlex {
  display: unset;
}

.wrapper {
  width: 100%;
  margin: 0 auto;
}
.tabs {
  position: relative;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.tabs .tabshow {
  margin: 1rem 0;
  background: var(--tab-color);
}
.tabs::before,
.tabs::after {
  content: "";
  display: table;
}
.tabs::after {
  clear: both;
}
.tab {
  float: left;
}
.tab-switch {
  display: none;
}
.tab-label {
  position: relative;
  display: block;
  line-height: 3em;
  padding: 0 1.618em;
  background: var(--tab-color);
  border-right: 0.125rem solid #16a085;
  color: #fff;
  cursor: pointer;
  top: 0;
  transition: all 0.25s;
  font-size: 1em;
}
.tab-label:hover {
  top: -0.25rem;
  transition: top 0.25s;
}
.tab-content {
  position: absolute;
  z-index: 1;
  top: 85px;
  left: 0;
  padding: 0.5rem;
  background: #fff;
  color: #2c3e50;
  /* border-bottom: 0.25rem solid #bdc3c7; */
  opacity: 0;
  transition: all 0.35s;
  margin-top: -90px;
}
.tabShow {
  margin-top: -30px !important;
}
.tab-switch:checked + .tab-label {
  background: #fff;
  color: #2c3e50;
	border-bottom: 3px solid var(--tab-color);
  /* border-top:0.125rem solid var(--tab-color);
  border-left:0.125rem solid var(--tab-color);
  border-right:0.125rem solid var(--tab-color); */
  transition: all 0.35s;
  z-index: 1;
  top: -0.0625rem;
}

.tab-switch:checked + label + .tab-content {
	z-index: 2;
	opacity: 1;
	transition: all 0.35s;
	padding: 0 0.5em;
}
.flex {
  display: flex;
}
.flex1 {
  padding: 0.5em;
}
.flex2 {
  padding: 0.5em;
  flex: 2;
}
.flex3 {
  padding: 0.5em;
  flex: 3;
}
.flex4 {
  padding: 0.5em;
  flex: 4;
}
.flex5 {
  padding: 0.5em;
  flex: 5;
}
.chartDiv {
  margin: 1em;
  display: block;
  width:var(--chart-width);
}
.inlineChartDiv {
  margin: 2em;
  display: none;
  position: absolute;
  z-index: 99;
  left: 0;
}
.mainwrapper {
  height: 600px;
}
.mainwrapper .tab-content {
  border: unset;
}
.level1Wrapper {
  display: block;
}
.discoveryIncomeDiv {
  cursor: pointer;
}

.level2Wrapper {
  display: none;
}
.levelToggle::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;

  content: "\f063";
  font-size: 1.5em;
  line-height: 1em;
  cursor: pointer;
  float: left;
  width: 40px;
  flex: 1;
  cursor: pointer;
}
.levelToggleOff::before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 500;
  content: "\f062";
  font-size: 1.5em;
  line-height: 1em;
  cursor: pointer;
  float: left;
  width: 40px;
  flex: 1;
}
.prettyBorder {
  border: #000 1px solid;
  border-radius: var(--border-radius-div);
  padding: 1em;
  margin: 1em;
  background: var(--bgDiv-color);
}

#advisorToolsListContainer,
.managerActionPlanListDiv,
.notificationListDiv {
  display: none;
  border: #000 1px solid;
  border-radius: var(--border-radius-div);
  padding: 1em;
  background: var(--bgDiv-color);
  margin: 0.5em;
}

.actionPlanIcon::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f0ae";
}

.activityHealthIcon::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f21e";
}
.bookBusinessIcon::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--link-color);
  font-weight: 500;
  content: "\f02d";
  font-size: 1.5em;
  cursor: pointer;
  float: left;
}
.activityAddFavorableIntroductionIcon::before {
  content: "\f2b5";
}
.activityAddSalesOpportunityIcon::before {
  content: "\e494";
}
.activityAddClosedBusinessIcon::before {
  content: "\e5a0";
}

.notificationIcon::before {
  content: "\f0f3";
}
.notificationIcon {
  /* color: var(--link-color) !important; */
  border-radius: var(--border-radius);
}

.managerAdvisorRemoveIcon {
  /* color: var(--link-color) !important; */
  /* padding: 0.25em; */
}
.managerAdvisorRemoveIcon::before {
  font-family: "Font Awesome 6 Pro";
  /* color: var(--link-color); */
  /* font-weight: 500; */
  content: "\e2b1";
  /* font-size: var(--icon-size);
  cursor: pointer;
  width: var(--icon-width); */
  /* margin-right:var(--icon-gap); */
}
.managerAdvisorRemoveIcon::after {
  /* color: var(--link-color);
  font-weight: 500; */
  content: "Remove";
  font-size: 1em;
  cursor: pointer;
}

.managerNotificationIcon {
  color: var(--link-color) !important;
  border-radius: var(--border-radius);
}
.managerNotificationIcon::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--link-color);
  font-weight: 500;
  content: "\f0f3";
  font-size: var(--icon-size);
  cursor: pointer;
}
.managerNotificationIcon::after {
  content:"Notifications";
}
  .managerActionPlanIcon::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--link-color) !important;
  font-weight: 500;
  content: "\f0ae";
  font-size: 1.5em;
  cursor: pointer;
  float: left;
  margin-right: 5px;
}
.managerActionPlanIcon::after {
  content:"Action Plan";
}
#actionPlanListDiv .addEntityIcon {
  position: unset;
  /* margin-top: unset; */
}
.notificationListDiv ul {
  list-style: none;
}
.managerActionPlanIcon {
  margin-left: 15px;
  margin-right: 15px;
}
.visionStatusNew::before,
.actionStatusNew::before,
.notificationStatusNew::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--link-color);
  font-weight: 500;
  content: "\f271";
  font-size: 1.5em;
  line-height: 1em;
  float: left;
  flex: 1;
}
.visionStatusRead::before,
.actionStatusRead::before,
.notificationStatusRead::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--link-color);
  font-weight: 500;
  content: "\f5da";
  font-size: 1.5em;
  line-height: 1em;
  float: left;
  flex: 1;
}
.visionStatusComplete::before,
.actionStatusComplete::before,
.notificationStatusComplete::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--link-color);
  font-weight: 500;
  content: "\f00c";
  font-size: 1.5em;
  line-height: 1em;
  float: left;
  flex: 1;
}
.notificationRow {
  border-bottom: 2px solid #999;
}
.notificationRow td {
  padding: 3px;
}
.notificationDate {
  display: inline-block;
  white-space: nowrap;
  /* font-weight: bold; */
  /* padding: 0.5em; */
  width: 125px;
}
.notificationTitle {
  display: inline-block;
  white-space: nowrap;
  font-weight: bold;
  padding: 0.5em;
}
.notificationSeverity5 {
  background-color: var(--light-yellow) !important;
}
.notificationSeverity10 {
  background-color: #f006 !important;
}

.actionStatus,
.notificationStatus {
  cursor: pointer;
}
.actionStatus {
  margin-right: 1em;
}

.chartWrapper, .chartWrapperNoFloat {
	width: calc(100% - 25px);
	min-width: 900px;
	/* max-width: 1500px; */
}

.chartWrapper div {
  /* float: left; */
}
.commandCentralChart {
  width: var(--chart-width);
  height: 500px;
}
#userListContainer {
  max-height:700px;
	overflow-y: auto;

}
.rightHandColumn,
#CashFlowLevel1ExplainDiv {
  width: 400px;
  height: 400px;
  overflow: auto;
}
.rightHandColumn ul {
  list-style: none;
  padding: 0;
  margin-left: 10px;
}
.rightHandColumn ul li {
  padding: 0.5em;
  margin-bottom: 1em;
  border-radius: var(--border-radius);
}

.selected {
  background-color: var(--tab-color) !important;
  padding: var(--border-radius);
  border-radius: var(--border-radius);
  color: white !important;
}

a.standardLink {
  cursor: pointer;
  columns: var(--link-color);
}
.activityRatioChartContainer, .activityChartContainer {
	width: 950px;
	border: 1px solid #000;
	border-radius: var(--border-radius-div);
	padding: 10px;
	margin-bottom: 10px;
}

a.activityChart,
a.cashFlowChart,
a.insuranceChart,
a.aumChart {
  cursor: pointer;
}
div.cashFlowChart {
  display: none;
}
div.activityChart {
  display: none;
}
div.cashFlowBoth {
  display: block;
}
div.activityDiscovery {
  display: block;
}

/* div.chartSwitchWrapper {
  margin-left: 1em;
  margin-bottom: 1em;
} */

div.chartSwitchWrapper a {
  padding: 0.5em;
  font-weight:normal;
}
.fullVW{
  width:100vw;
}
#InsuranceLevel1CommissionChart {
  display: block;
}
#InsurancePolicyLevel1ExplainDiv,
#InsuranceCommissionLevel1ExplainDiv {
  float: unset;
}
/* Popup open button */
.yesBtn {
  cursor: pointer;
  color: #fff !important;
  background: #269faf;
  padding: 10px;
  text-decoration: none;
  border: 1px solid #269faf;
  border-radius: var(--border-radius);
  margin-top: 1em;
}

.yesBtn:hover {
  background: #61d5e2;
}
.noBtn {
  cursor: pointer;
  color: #fff !important;
  background: #af4126;
  padding: 10px;
  text-decoration: none;
  border: 1px solid #742511;
  border-radius: var(--border-radius);
}
#reportDisplayContainer {
  display: none;
}
#reportBuildMessage {
  display: none;
}
.noBtn:hover {
  background: #e2755a;
}
.userManagerRequestListItem {
  margin-bottom: 2em;
}
.popupClosedBusiness,
.popupActivityCommitment,
.mvvContainer,
#popupOther,
.popupActivityToday,
#mvvContainer,
#employeeCalculatorContainer,
#popupNewClientContainer,
#popupNewBoBContainer,
#popupReportHelpContainer,
#popupBoBContainer,
#popupContainer,
.popup {
  position: fixed;
  top: var(--top-height);
  left: 0px;
  background: rgba(0, 0, 0, 0.58);
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
}
#popupOther{
  z-index: 100;
}
#popupOtherContent table td {
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: right;
}
#popupOtherContent table th {
	text-align: right;
	padding-right: 0.5em;
}

#deleteConfirmDiv {
  z-index: 20;
}
.btnDiv {
  padding: 2em 0 0 1em;
}
/* Popup inner div */
.popup-content {
	width: 800px;
	margin: 10px auto;
	padding: 40px 40px 10px 40px;
	border-radius: 15px;
	background: #fff;
	position: relative;
	max-height: calc(100vh - 100px);
	overflow-y: auto;
	overflow-x: hidden;
}
.popup-contentWide {
	width: 1000px !important;
	margin: 10px auto;
	padding: 30px 30px 10px 30px;
	border-radius: var(--border-radius-div);
	background: #fff;
	position: relative;
	max-height: calc(100vh - 75px);
	overflow-y: auto;
	overflow-x: hidden;
}
#popupConfirm,
#popupDiv,
#popupBoBDiv,
#popupReportHelpDiv,
#popupNewBoBDiv{
  width: 850px;
  margin: 0 auto;
  padding: 25px;
  /* margin-top: 75px; */
  border-radius: 15px;
  background: #fff;
  position: relative;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
.widePopup{
  /* width:fit-content !important; */
  max-width: calc(100% - 350px) !important;
  overflow-x: auto !important;
}
  
#popupNewBoBDiv {
  margin-top: 10px;
  /* padding-bottom: 50px; */
}
#popupBoBDiv {
  width: 1000px;
}
#popupNewBoBDiv {
  width: 1000px;
  overflow-y: auto;
  max-height: 700px;
}
#popupConfirm {
  width: 500px;
  z-index: 100;
  border: 5px var(--red-color) groove;
  display: none;
  position: fixed;
  top: calc(50% - 150px);
  left: calc(50% - 250px);
  background-color: #f5f1f1;
}
#popupConfirm p {
  margin-top: 2em;
}
/* Popup close button */
.closeBtn {
  position: absolute;
  top: 5px;
  right: 12px;
  font-size: 17px;
  color: #7c7575;
  text-decoration: none;
}
.avatar {
  vertical-align: middle;
  text-align: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: var(--tab-color);
  font-size: 20px;
  display: inline flow-root;
  cursor: pointer;
  line-height: 40px;
}
#adviseeBadge {
  right: 550px;
  position: fixed;
  top: 8px;
  color: #fff;
  z-index:1500;
}
#adviseeBadge::before {
  content: "Advisor: ";
}
.avatarImage {
  max-width: 45px;
  max-height: 45px;
  border-radius: 50%;
  background-color: var(--tab-color);
  font-size: 15px;
  display: inline flow-root;
  cursor: pointer;
  line-height: 32px;
}
#avatarUploadFormMessage {
  color: red;
  font-style: italic;
}
#userNewManagerRequestDiv {
  display: none;
}
#userNewManagerRequestLink {
  cursor: pointer;
  color: var(--link-color);
}

#arrowPointTopTable,
#arrowPointTable {
  width: 100%;
  table-layout: fixed;
}

#arrowPointTopTable h2,
#arrowPointTable h2 {
  font-size: 1.5em;
}
#arrowPointTopTable h3,
#arrowPointTable h3 {
  font-size: 1.25em;
}

#pipelineSummaryTable{
  margin-bottom:1em;
}

#pipelineSummaryTable td,
#arrowPointTopTable td {
  border-radius: var(--border-radius-div);
  border: solid 2px var(--popupDiv-color);
  padding: 5px;
  background-color: var(--greybg-color);
  vertical-align: top;
}
#arrowPointTopTable td {
white-space: nowrap;
font-size:0.9rem;
}
  #arrowPointTable td {
  width: 33%;
  border-radius: var(--border-radius-div);
  border: solid 2px var(--popupDiv-color);
  padding: 0.5em;
  background-color: var(--greybg-color);
  vertical-align: top;
}
#arrowPointTopTable li {
  list-style: none;
  break-inside: avoid-column;
}
#arrowPointTopTable .relatedLinks {
  padding: 0;
}
#arrowPointTopTable .relatedLinks::before {
  content: "";
}
.cashFlowGood::before,
.cashFlowMedium::before,
.cashFlowPoor::before {
  text-shadow: 2px 2px 2px #999;
  margin-right: 10px;
}

#activityHealthTable td {
  padding: 0.5em;
}
.statusGood::before {
  font: var(--fa-font-solid);
  color: green;
  content: "\f336";
  font-size: 1.5em;
  float: left;

  margin: 0 0.5em;
}
.cashFlowGood::before {
  font: var(--fa-font-solid);
  color: green;
  content: "\e529";
  font-size: 5em;
}
.statusMedium::before {
  font: var(--fa-font-solid);
  color: #b4b444;
  content: "\e0c7";
  font-size: 1.5em;
  float: left;
  margin: 0 0.5em;
}
.statusGood,
.statusMedium,
.statusPoor {
  padding: 0.25em !important;
}

.cashFlowMedium::before {
  font: var(--fa-font-solid);
  color: yellow;
  font-size: 5em;
  content: "\f487";
}
.statusPoor {
}
.statusPoor::before {
  font: var(--fa-font-solid);
  color: red;
  font-size: 1.5em;
  content: "\f714";
  margin: 0 0.5em;
  float: left;
}

.cashFlowPoor::before {
  font: var(--fa-font-solid);
  color: red;
  font-size: 5em;
  content: "\f714";
}
#adviseeList .cashFlowPoor::before,
#adviseeList .cashFlowMedium::before,
#adviseeList .cashFlowGood::before {
  font-size: 3em;
  margin-left: 15px;
}

.arrowPointMarker::before {
  font: var(--fa-font-solid);
  text-shadow: 2px 2px 2px #999;
  content: "\f81d\00a0\f81d\00a0\f81d\00a0\f81d\00a0\f81d";
  margin-right: 10px;
  font-size: 1.75em;
}
#toolsMGMTContainer,
#adviseeList {
  width: 100%;
}

.managerAdviserLink {
  vertical-align: top;
  width: 300px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.arrowPointMarker {
  text-shadow: 2px 2px 2px #999;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.percentAndTrend {
  display: inline-block;
  margin-top: 0.25em;
  margin-left: 1em;
}
.scoreDisplay {
  vertical-align: bottom;
  font-size: 1.1em;
  font-weight: 600;
  white-space: nowrap;
}
/* .adviserScores td:nth-child(1),
.adviserScores td:nth-child(2) {
	width: 35%;
}
.adviserScores td:nth-child(3),
.adviserScores td:nth-child(4) {
	width: 15%;
} */
span.inputwrapperCount input,
span.inputwrapper input.inputclosePercent,
span.inputwrapper input.inputinsurancePolicyShare,
div.inputwrapperCount input {
  width: 3em;
}
span.inputwrapper input.inputgoal,
div.inputwrapper input.inputgoal,
span.inputwrapper input.inputnewClientGoal,
span.inputwrapper input.inputinvestmentMonthlyFee,
div.inputwrapper input.inputnewClientGoal{
  width: 5em;
}
span.inputwrapper input.inputgoal.myCurrency,
span.inputwrapper input.inputinsurancePremiumShare,
span.inputwrapper input.inputinsuranceCommissionShare,
span.inputwrapper input.inputinvestmentAUM,
span.inputwrapper input.inputinvestmentOneTimeCommission,
div.inputwrapper input.inputgoal.myCurrency,
div.inputwrapper input.inputincomeGoal,
span.inputwrapper input.inputincomeGoal,
span.inputwrapper input.inputpremiumGoal,
div.inputwrapper input.inputpremiumGoal{
  width: 8em;
}
.businessActivityLink {
  float: right;
  cursor: pointer;
  color: var(--link-color);
}
.businessActivityLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\e49a";
  font-size: 1.5em;
  line-height: 1em;
  cursor: pointer;
  margin-right: 5px;
}
.center {
  text-align: center;
}

.pipelineLink,
.bobLink,
.activityHealthIcon ,
.closedBusinessLink,
.activityTodayLink {
  /* color: var(--link-color) !important; */
  display: inline-block;
  cursor: pointer;
}
.bobLink::before {
  content: "\f02d";
}

.activityTodayLink::before {
  content: "\f5f8";
}
.activityCommitmentsLinkIcon::before,
  .activityCommitmentsLink::before {
  content: "\f2b5";
}

a.actionPlanIcon::after,
a.notificationIcon::after,
a.activityCommitmentsLink::after,
a.activityTodayLink::after {
  white-space: nowrap;
  /* font-size: var(--after-size); */
  /* color: var(--link-color); */
  cursor: pointer;
}
a.actionPlanIcon::after {
  content: "Action Plan " attr(data-count);
}
a.activityHealthIcon::after {
  content: "Activity Health";
}
a.notificationIcon::after {
  content: "Notifications " attr(data-count);
}
a.activityTodayLink::after {
  content: "Activity Today";
}
a.activityCommitmentsLink::after {
  content: "Commitments";
}
.closedSale {
  color: var(--link-color);
  cursor: pointer;
}
#productionTotalsDiv {
  font-size: 1em;
}
.closedSale::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f164";
  font-size: 1.5em;
  line-height: 1em;
  margin-right: 0.5em;
  cursor: pointer;
}
.closedSale::after {
  content: "Close The Sale";
  white-space: nowrap;
}

.pipelineLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f662";
  font-size: 1.5em;
  line-height: 1em;
  margin-right: 0.5em;
  cursor: pointer;
}
.closedBusinessLink::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  font-size: 1.5em;
  line-height: 1em;
  margin-right: 0.5em;
  cursor: pointer;
}
.activityPopupList {
  list-style: none;
  column-count: 2;
  padding: 0;
  margin-top: 1em;
}
.activityCommitmentList {
  list-style: none;
  column-count: 2;
  padding: 0;
  margin-top: 1em;
}
.activityCommitmentList li {
  margin-bottom: 0.5em;
  margin-right: 1em;
  white-space: nowrap;
  display: inline-block;
}
.activityPopupList li {
  margin-bottom: 1em;
  margin-right: 1em;
  white-space: nowrap;
  display: inline-block;
}
#pageId{
  position:absolute;
  right:100px;
}
#popupOtherContent,
#employeeCalculator,
.popupClosedBusinessContent {
  width: 1000px;
  margin: 0 auto;
  padding: 1.5em;
  margin-top: 10px;
  border-radius: var(--border-radius);
  background: #fff;
  position: relative;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.popupActivityContent {
  width: 1100px;
  margin: 0 auto;
  padding: 1.5em;
  margin-top: 10px;
  border-radius: var(--border-radius);
  background: #fff;
  position: relative;
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
#MVV {
	width: 750px;
	margin: 0 auto;
	padding: 1.5em;
	margin-top: 10px;
  border-radius: var(--border-radius);
	background: #fff;
	position: relative;
}
#MVV ul,
.noBullet,
#popupOtherContent ul {
  list-style-type: none;
}



#popupOtherContent h2:not(:first-of-type) {
  margin-top: 1em;
}
#popupOtherContent{
  max-height: calc(100vh - 75px);
  overflow-y: auto;
}


tr#discoveryMeeting {
  border: 0px;
}
#discoveryIncomeContainer {
  display: block;
}
.discoveryIncomeTotalDiv,
.discoveryIncomeDiv {
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0.25em;
  margin: 0.25em;
}
.discoveryIncomeTotalDiv {
  font-size: 1.1em;
  color: var(--heading-color);
  font-weight: 600;
}

#activityIncomeDiv {
  display: none;
}
#activityIncome {
  width: 140px;
  /* position: absolute; */
  /* margin-top: -35px; */
  /* margin-left: 40px; */
}
#activityIncomeDiv::before {
  content: "Enter Client Annual Household Income: ";
}

.leftBorder {
  border-left: solid black 2px;
}
.inputbusinessExtraRevenue,
.inputbusinessExpense,
.inputlifePolicy,
.inputdisabilityPolicy,
.inputltcPolicy,
.inputbrokerageNew,
.inputadvisoryNew {
  width: 100px;
}
.detail {
  display: none;
}
h3.subSection {
  font-size: 1.1em;
  margin: 0.5em;
}
.InsuranceWrapper {
  display: none;
}
#InsuranceTotalWrapper {
  display: block;
}
.InsuranceTypeSelect {
  cursor: pointer;
  color: var(--link-color) !important;
  padding: 0.25em;
}
.InsuranceTypeSelect.selected {
  color: white !important;
}
div.chartSwitchRightWrapper {
  margin-left: unset;
  margin-bottom: 1em;
  float: right;
  margin-top: -3em;
}
/*----------------*/
/*  SCALLOP down  */
/*----------------*/
.scallop-down {
  height: 40px;
  width: 100%;
  background: -webkit-gradient(
    radial,
    50% 0,
    10,
    50% 0,
    40,
    from(#369a7e),
    color-stop(0.49, #369a7e),
    color-stop(0.51, #fff),
    to(white)
  );
  -webkit-background-size: 49px 100%;
}

/*----------------*/
/*  SCALLOP up    */
/*----------------*/
.scallop-up {
  margin-bottom: 1em;
  height: 40px;
  width: 100%;
  background: -webkit-gradient(
    radial,
    50% 100%,
    10,
    50% 100%,
    40,
    from(#369a7e),
    color-stop(0.49, #369a7e),
    color-stop(0.51, #fff),
    to(white)
  );
  -webkit-background-size: 49px 100%;
}
.internalLink {
  cursor: pointer;
  color: var(--link-color) !important;
  border-bottom: 2px dotted;
}

.relatedLinks {
  float: right;
  background-color: var(--greybg-color);
  padding: 10px;
  border-radius: var(--border-radius-div);
  display: inline-flex;
  position: fixed;
  right: -100px;
  top: 75px;
  padding-top: 1em;
  min-width: 5em;
}

.lowerLinks {
  top: 325px !important;
}
.internalList a {
  color: var(--link-color) !important;
  cursor: pointer;
  font-size: 1.25em;
}
.underline{
  text-decoration: underline;
}
.relatedLinks::before {
  content: "Related";
  position: absolute;
  margin-top: -1em;
  text-decoration: underline;
}
.selectorAdjust {
  margin-top: -3em;
  position: absolute;
  right: 1em;
}
.internalList {
}
.inline {
  display: inline-flex;
}
.visionRow,
.visionCategoryRow {
  list-style-type: none;
}
#theListVisionCategoryBusiness,
#theListVisionCategoryPersonal {
  padding-left: 1em;
  padding-right: 4em;
}
.arrowPointHead {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 1.5em;
}
.arrowPointSubHead {
  font-size: 12pt;
  font-weight: normal;
  margin-top: 0.5em;
}
#LearningScriptContainer {
  padding: 10px;
  border: 8px ridge var(--heading-color);
  border-radius: var(--border-radius-div);
  position: fixed;
  left: calc(50% - 350px);
  top: calc(50% - 200px);
  width: 700px;
  z-index: 9999;
  background-color: #fff;
  display: none;
  cursor: move;
  max-height: 400px;
  overflow-y: auto;
}
#LearningScriptContainer p {
  margin-top: 1em !important;
}
b {
  font-weight: 900;
}

#LearningScriptDiv {
  font-size: 1em !important;
  line-height: 1.1em !important;
}
.pad0 {
  padding: 0px !important;
}
#LearningScriptNav {
  text-align: center;
  margin-top: 1em;
}
#LearningScriptNav a {
  font-size: 1.25em;
  font-weight: bold;
}
.LSLink {
  cursor: pointer;
  color: var(--link-color) !important;
}
.LSLink i {
  font-size: 1.25em;
}

.LSSelect {
  color: red;
  opacity: 1;
  animation: animateLearningScript ease 2.5s;
  animation-iteration-count: 5;
  border: red 1px dashed;
}

.LSSelectRight::after {
  color: red;
  opacity: 1;
  animation: animateLearningScript ease 2s;
  animation-iteration-count: 5;
  border: red 1px dashed;
}

.LSSelectLeft::before {
  color: red;
  opacity: 1;
  animation: animateLearningScript ease 2s;
  animation-iteration-count: 4;
  border: red 1px dashed;
}

.newNotices {
  color: red;
  opacity: 1;
  border: red 1px dashed;
  padding:10px 10px 10px 0;
}

#arrowPointActivity table,
#arrowPointAUM .arrowPointSubHead,
#arrowPointInsurance .arrowPointSubHead {
  cursor: pointer;
}
.emphasize {
  font-weight: bold;
  font-size: 1.1em;
  margin: 0.5em;
}
.shortInline {
  width: 5em;
  margin-left: 1em;
}
form.lsForm input:invalid {
  border: red solid 3px;
}
form.lsForm div.inputError {
  display: none;
  color: white;
  background-color: #333;
  border-radius: var(--border-radius-div);
  position: relative;
}
.clearBoth {
  clear: both;
}
.redColor{
  color:var(--red-color);
}
.redBGColor{
  background-color:var(--red-bg-color);
  color:#000;
}
.yellowColor{
  color:#cccc00;
}
.yellowBGColor{
  background-color:var(--yellow-bg-color);
  color:#000;
}
.greenBGColor{
  background-color:var(--green-bg-color);
  color:#000;
}
.greenColor{
  color:var(--green-color);
}
.bold{
  font-weight: bold;
}
.marginBottom1{
  margin-bottom:1em;
}
.shiftUpP5 {
  margin-top: -0.5em;
}
.shiftUp1 {
  margin-top: -1em;
}
.shiftUp2 {
  margin-top: -2em;
}
.shiftUp3 {
  margin-top: -3em;
}
.shiftUp4 {
  margin-top: -4em;
}
.shiftUp5 {
  margin-top: -5em;
}
.shiftDownP5 {
  margin-top: 0.5em;
}
.shiftDown1 {
  margin-top: 1em;
}
.shiftDown2 {
  margin-top: 2em;
}
.shiftDown3 {
  margin-top: 3em;
}
.shiftDown4 {
  margin-top: 4em;
}
.shiftDown5 {
  margin-top: 5em;
}
.shiftRight1 {
  margin-right: 1em;
}
.shiftRight2 {
  margin-right: 2em;
}
.shiftRight3 {
  margin-right: 3em;
}
.shiftLeft1 {
  margin-left: 1em;
}
.shiftLeft2 {
  margin-left: 2em;
}
.shiftLeft3 {
  margin-left: 3em;
}
.shiftLeft4 {
  margin-left: 4em;
}
.shiftLeft5 {
  margin-left: 5em;
}
.shiftLeftMinus400{
  margin-left: -400px;

}
.alignLeft {
  text-align: left !important;
}
.alignCenter {
  text-align: center !important;
}
.alignRight {
  text-align: right !important;
}
.top {
  vertical-align: top;
}
.size75 {
  font-size: 0.75em;
}

.size11 {
  font-size: 1.1em;
}
.size12 {
  font-size: 1.2em;
}
.size125 {
  font-size: 1.25em;
}
.size15 {
  font-size: 1.5em;
}
.size2 {
  font-size: 2em;
}
.size25 {
  font-size: 2.5em;
}
.size3 {
  font-size: 3em;
}
.size4 {
  font-size: 4em;
}
.Activity.durationUnit {
  display: none;
}
.countTotal {
  margin-right:5px;
}
.countTotal::before {
  /* content: "Weekly Count:"; */
}
.User.mission,
.User.vision,
.User.values {
  white-space: break-spaces;
  max-width: 700px;
  text-overflow: ellipsis;
  overflow: auto;
  max-height: 275px;
}
.hide {
  display: none;
}
.entityListTable {
  margin: 1em;
}
.entityListTable td {
  background-color: var(--greybg-color);
  padding: 0.4em;
}
.entityListTable td .Activity.name {
  min-width: unset;
  width: unset;
}
.entityListTable tr {
  border-bottom: 2px #ccc solid;
}
.insuranceViewSelector {
  font-size: 1.25em;
  margin-top:10px;
}
.insuranceViewSelector a {
  cursor: pointer;
}
#theListGoal {
  min-width: 1000px;
}
#BusinessCashFlowDiv {
  font-size: 1rem;
  margin-left: 0px;
  text-shadow: #fff 3px 4px 2px;
  color: #000000;
  z-index: 999;
  opacity: 0.8;
  height: 2em;
  margin-bottom: -1em;
}
#currentIncomeDiv,
#NetCashFlowDiv,
#CashAccountNetWorthDiv {
  font-size: 1.2rem;
  margin-top: 0px;
  margin-left: 0px;
  text-shadow: #fff 3px 4px 2px;
  color: var(--tab-color);
  position: absolute;
  z-index: 999;
  opacity: 0.8;
}
#NetCashFlowDiv,
#CashAccountNetWorthDiv {
  color: #000000;
  white-space: nowrap;
  display: flex;
  padding-bottom: 1em;
  margin-bottom: 1em;
  border-bottom: 3px solid #999;
  width:100%;
  position: relative;
}
#NetCashFlowDiv>div {
  margin:0 1em;
}

div.flex > h3, div.flex > h2, #NetCashFlowDiv > h3 {
	padding: 0 0.5em 0 0;
  margin:0 0.5em 0 0;
	border-right: 1px solid #666;
}

#NetCashFlowDiv td {
	/* margin: 0 1em; */
	text-align: right;
}
/* #NetCashFlowDiv::before {
  content: "YTD Cash Flow: ";
  font-size: 1.1rem;
}
#GoalFundedCFDiv {
}

#GoalFundedCFDiv::before {
  content: "Goals Funded Cash Flow: ";
} */

#NetCashFlowDiv span {
	position: absolute;
	text-align: right;
	font-size: 16px;
}
#NetCashFlowDiv span:nth-child(2){
  margin-left: 300px;
}


div.ClientContainer,
div.ClosedBusinessContainer {
  overflow-y: auto;
  max-height: 750px;
  width: 105%;
}
.pointer {
  cursor: pointer;
}

table.clientList{
  width: 95%;
  max-width: 100%;
  padding: 0.25em;

}

table.pipelineList,
table.closedBusinessList,
table.arrowPointList,
table#productionSectionTable,
table#arrowPointCashFlowSummary,
table#arrowPointBalSheetSummary {
  width: var(--chart-width);
  padding: 0.25em;
}
table#pipelineList th{
  text-wrap: balance;
}
.noWidth{
  width:unset !important;
}
#weeklyActivityCommitmentForm {
	/* max-height: 70vh;
	overflow-y: auto; */
	margin-bottom: 1em;
}
table#productionSectionTable th,
table.pipelineList th,
table.arrowPointList th,
table#arrowPointCashFlowSummary th,
table#arrowPointBalSheetSummary th {
  text-align: right;
  padding: 5px;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#savingsGoal table{
  width:400px;
  max-width:400px;
}
#savingsGoal table thead th {
  padding-right: 10px;
  white-space: nowrap;
	font-size: 0.9em;
  font-weight: bold;
}

#savingsGoal table tbody th {
	text-align: left;
	padding: 0px;
  padding-right: 5px;
  white-space: nowrap;
	font-size: 0.9em;
	text-overflow: ellipsis;
	overflow: hidden;
  max-width: 250px;
  display: block;
}
#savingsGoal table td{
	white-space: nowrap;
}


table.clientList th,
table.closedBusinessList th {
  padding: 1em;
  white-space: nowrap;
}

table.pipelineList td,
table.arrowPointList td,
table#productionSectionTable td,
table#arrowPointCashFlowSummary td,
table#arrowPointBalSheetSummary td {
  padding: 5px;
}
table.closedBusinessList td {
  padding: 0.5em 1em;
}
table#arrowPointCashFlowSummary {
  padding: 0 !important;
}
table#arrowPointCashFlowSummary td {
  padding: 5px !important;
}

table.arrowPointList td {
  text-align: right;
}
table#arrowPointCashFlowSummary td.CF {
  text-shadow: 1px 1px 1px #000;
}
table#arrowPointCashFlowSummary .icon::before {
  margin-top: 0;
}
#netWorthSpark{
  margin-top: 1em;
}
#cfContainer {
  float: right;
  margin-top: -3em;
  margin-right: 1em;
}
.right2 {
  position: absolute;
  right: 2em;
}
.newEntityHelp {
  padding: 10px;
  background-color: #ddd;
  border-radius: var(--border-radius-div);
  font-style: italic;
}
.newEntityHelpGoalxxx {
  position: absolute;
  right: 2em;
  width: 300px;
  height: 100px;
  overflow-y: scroll;
}
.goalTimeWindow {
}
.PipelineWrapper,
.ClosedBusinessWrapper {
  display: block;
}
.PipelineInvestmentWrapper,
.ClosedBusinessInvestmentWrapper {
  display: none;
}
.SalesSelector,
.PipelineViewSelector,
.ClosedBusinessViewSelector {
  font-size: 2em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid #ddd;
}
.SalesViewSelector {
  margin-top: 0.5em;
  margin-right: 1em;
  font-size: 1.5em;
  border-bottom: 1px var(--heading-color) dashed;
  padding-bottom: 10px;
}
#bobEntityTable a,
.SalesViewSelector a,
.PipelineViewSelector a,
.ClosedBusinessViewSelector a {
  color: var(--link-color);
  cursor: pointer;
}
table.pipelineList li,
table.closedBusinessList li {
  margin-bottom: 1em;
}
.PipelineTotalsDiv,
.ClosedBusinessTotalsDiv {
  font-weight: bold;
  display: inline-block;
  color: var(--tab-color);
  font-size: 18px;
}
#PipelinepolicyShareTotal::before,
#ActiveCBpolicyShareTotal::before,
#CBpolicyShareTotal::before {
  content: "Policies:";
}
#PipelinepremiumShareTotal::before,
#ActiveCBpremiumShareTotal::before,
#CBpremiumShareTotal::before {
  content: "Premiums:";
}
#PipelinecommissionShareTotal::before,
#ActiveCBcommissionShareTotal::before,
#CBcommissionShareTotal::before {
  content: "Commissions:";
}
#PipelineaumTotal::before,
#CBaumTotal::before {
  content: "AUM:";
}
#PipelinecommissionTotal::before,
#CBcommissionTotal::before {
  content: "Commissions:";
}
#ActiveCBcommissionTotal::before {
  content: "Current Commis:";
}
#PipelinemonthlyFeeTotal::before,
#CBmonthlyFeeTotal::before {
  content: "Monthly Fees:";
}
#pipelineInsuranceMessage,
#pipelineInvestmentMessage,
#closedBusinessInsuranceMessage,
#closedBusinessInvestmentMessage {
  text-align: center;
  font-weight: bold;
}
.level1Wrapper h1 {
  display: block;
}
.positiveCurrency {
  color: var(--green-color);
  text-shadow: 1px 0 0 #000;
}
.negativeCurrency {
  color: var(--red-color);
  text-shadow: 1px 0 0 #000;
}
.positiveChange {
  color: var(--green-color);
  text-shadow: 1px 0 0 #000;
  text-align: center;
}
.negativeChange {
  color: var(--red-color);
  text-shadow: 1px 0 0 #000;
  text-align: center;
}

.helpfulMessage {
  font-size: 1rem;
  color: #000;
  padding: 0.5em;
  margin: 0.5em;
  background-color: var(--greybg-color);
  border-radius: var(--border-radius-div);
  font-style: italic;
  display: inline-block;
  max-width: 1000px;
}
#activityArrowPointTable th {
  padding: 0.25em;
}
#activityArrowPointTableHead {
  margin-top: 1em;
}

#activityArrowPointTable .scoreDisplay {
  vertical-align: bottom;
  font-size: 1em;
  font-weight: normal;
  white-space: nowrap;
}
#pipelineArrowPoint th {
  text-align: center;
  min-width: 3em;
}
#pipelineArrowPoint td.summaryData {
  text-align: right;
}
.relatedLinks .theHeading {
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: -1em;
}
.unsubscribeLink {
  border: var(--link-color) 2px dashed;
  color: var(--link-color) !important;
  margin: 1em;
  font-size: 1.1em;
  cursor: pointer;
}
.adminWorkDiv {
  display: none;
  border:#000 1px solid;
  border-radius: var(--border-radius);
  padding:0.5em;
  margin:1em 0;
  background:var(--bgDiv-color);
}
.adminWorkDiv h2.SectionHeading{
  color:unset;
}
.adminContainer ul li{
list-style-type: none;
}
.adminContainer a,
.adminWorkDiv a {
  color: var(--link-color) !important;
  cursor: pointer;
}
.adminWorkDiv table {
  width: 100%;
}
.adminWorkDiv table td {
  padding: 0.5em;
  border: solid 1px #666;
}
.adminWorkDiv table th {
  text-align: center;
}
.adminWorkDiv textarea {
  display: block;
  height: 300px;
  width: 80%;
  margin-left: 2em;
}
#mbSmartTagList,
#smartTagList {
  position: absolute;
  right: 2.5em;
  top: 10em;
  border: 1px solid black;
  border-radius: var(--border-radius-div);
  padding: 0.5em;
}
#mbSmartTagList{
  position: unset !important;
}

#mbSmartTagList a{
  color: var(--link-color) !important;
  cursor: pointer;
  padding:0.5em;
}

#mbsmartTagList > h2,
#smartTagList > h2 {
  font-size: 1.2em;
  text-decoration: underline;
}

#eventDirectiveForm br {
  margin-bottom:0.5em;
}

#eventDirectiveForm button.submit {
  display:none;
}

/* #eventDirectiveForm ul {
  max-height:200px;
  overflow-y: auto;
} */
  #eventDirectiveForm li {
  padding:1em 0;
  border-bottom: #000 1px solid;
  display: none;
}
#eventDirectiveForm .fr-wrapper li {
  padding:unset;
  border-bottom: unset;
  display: unset;
}

#eventDirectiveForm a.selected{
  color:#fff !important;
}

#eventDirectiveForm label {
	width: 175px;
	display: inline-block;
}

.adminWorkDiv label {
  display: inline;
}
.adminWorkDiv button {
  padding: 0.5em;
  margin: 1em;
}
.adminWorkDiv .areaHeading {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: underline;
}
.adminWorkDiv ul.col3 li {
  display: inline-block;
}
.notifcationMessageContainer {
  max-height: 150px;
  overflow-y: auto;
}
.trashIconContainerNewNotification {
  position: absolute;
  right: 2em;
  margin-top: -1em;
}
#arrowActivityRelated {
  right: 6em;
  display: block;
  position: absolute;
}
#clientTable td {
  padding: 0.5em;
}

#clientPipelineTable,
#clientClosedBusinessTable {
  padding: 1em;
}
#clientPipelineTable tbody tr,
#clientClosedBusinessTable tbody tr{
  border-bottom: 5px solid transparent;
}

#clientPipelineTable th,
#clientPipelineTable td,
#clientClosedBusinessTable th,
  #clientClosedBusinessTable td {
  padding: 10px 5px;
  vertical-align: top;
}
#boBTable {
  margin: 0em 1em;
  min-width: 1200px;
}
#boBTable td {
  vertical-align: top;
}
#boBTable td:first-child {
  width: 300px;
}
#boBReport {
  padding: 1em;
  background-color: var(--bgDiv-color);
  border-radius: var(--border-radius-div);
  width: 100%;
  max-height: 600px;
  overflow: auto;
}
#boBTable label {
  display: inline-block;
  width: 120px;
}
#bobEntityTable {
  min-width: 800px;
}
#bobEntityTable td:first-child {
  width: unset;
}
#clientTable td,
#clientTable th,
#bobEntityTable td,
#bobEntityTable th {
  padding: 1em 0.5em;
  vertical-align: top;
}
#bobEntityTable tbody tr,
#clientTable tbody tr {
  border-bottom: 1px #aaa solid;
}

.addBoBIcons {
	float: right;
	position: relative;
	padding: 1em;
	display: block;
	margin-bottom: -4em;
	top: -3em;
}

.addBoBIcons br {
  margin-bottom: 0.5em;
}

#popupBoBContainer .closeLink,
#popupNewClientContainer .closeLink{
  margin: unset;
}
#popupBoBContainer .closeLink::after,
#popupNewClientContainer .closeLink::after,
#popupNewBoBContainer .closeLink::after {
  font-size: 2em;
}
#boBReport h3 {
  margin-top: 1em;
  font-size: 1.25em;
  padding-left: 1em;
  border-bottom: solid 1px black;
  /* padding-bottom: 1em; */
}
.productTitle {
  background-color: #ddd;
  padding: 0.5em;
  border: unset !important;
}
#clientTable div.newInputWrapper {
  margin: unset;
}
#clientTable div.newInputWrapper::before {
  content: attr(data-label);
  font-size: 1em;
  display: inline-block;
  vertical-align: top;
  margin: unset;
  padding-bottom: 1em;
}
.newExpensenote {
  width: 450px;
  height: 100px;
}
#clientTable div.name {
  width: unset;
}
.note,
.job,
.spouse {
  min-width: 5em;
  min-height: 1.5em;
}
.note {
  white-space: break-spaces;
  background-color: var(--greybg-color);
  padding: 10px;
}
textarea.inputnote {
  min-width: 25em;
  min-height: 7em;
}
#clientTable .btn {
  padding: 7px;
}
#activityHealthTable {
  /* margin: 1em 0; */
}
#activityHealthTable th,
#activityHealthTable td {
  padding: 0 1em;
}
#activityHealthTable td {
  text-align: right;
}
#activityHealthTable th {
  text-align: right;
}
.gotoAddBoBButton {
  display: none;
  animation: animateButtonHighlight linear 1.5s;
  animation-iteration-count: 6;
  color: white !important;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px !important;
  height: 25px !important;
  margin-bottom: unset;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sliderYellowBlue {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(68, 153, 89);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.sliderYellowBlue:before,
.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .sliderYellowBlue,
input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .sliderYellowBlue,
input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .sliderYellowBlue:before,
input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

/* Rounded sliders */
.sliderYellowBlue.round,
.slider.round {
  border-radius: 25px;
}

.sliderYellowBlue.round:before,
.slider.round:before {
  border-radius: 50%;
}
#PGoal,
#BGoal {
  display: none;
}
.toggleHead {
  margin-top: 1em;
  font-size: 1.3em;
  cursor: pointer;
  color: var(--link-color) !important;
}
#activityRatioLabel {
	cursor: pointer;
	float: right;
	font-size: 1.25em;
	color: var(--link-color);
	margin-right: 2em;
}

#activityRatioTable {
  display: none;
  float: right;
  max-height: 400px;
  overflow-y: scroll;
  position: absolute;
  right: 1em;
  border: solid black 2px;
  border-radius: var(--border-radius-div);
  z-index: 100;
  background-color: var(--greybg-color);
  padding: 0.5em;
}
#activityRatioTable table {
  margin: 1em;
}

#activityRatioTable th {
  padding: 0 0.5em;
  text-align: right;
}
#activityRatioTable .heading{
  text-align: center;
font-size:1.25em;
}
#activityRatioTable td {
  text-align: right;
}

#arrowPointActivityGoalPerformance td,
#arrowPointActivityRatios td {
  text-align: right;
}
.commissionDateLabelBrokerage,
.commissionDateLabelAdvisory {
  display: inline;
}
.commissionDateLabelBrokerage::before {
  content: "Commission Date";
}
.commissionDateLabelAdvisory::before {
  content: "Monthly Fee Start";
}
#revenueInRange {
  border-radius: var(--border-radius-div);
  border: solid 1px var(--heading-color);
  padding: 5px;
  text-align: right;
  display: none;
  margin-top: -2em;
  margin-left: 2em;
}
#revenueInRangeContainer{
  min-width: 600px;
  display: inline-block;
}

#revenueInRangeSubmit {
  margin-left: 1em;

}
#revenueInRangeSubmitContainer{
  vertical-align: top;
}
#revenueInRangeSelectContainer p{
  margin-top: 1em;
}
#revenueInRangeSelectContainer .sep{
  margin-right:8px;
}
#revenueInRangeSelectContainer .sep::after{
  margin-left:8px;
  content:'|';
}
.reportDisplaySelector {
  display: inline-block;
  margin-top: -2em;
  margin-left: 130px;
  margin-bottom: 1em;
}
.pipelineDisplaySelector,
.actvityDurationSelector,
.activityRecommendationSelector {
  display: inline-block;
  border: 1px solid #000;
  border-radius: var(--border-radius);
  padding: 10px;
}
.reportDisplaySelector,
.pipelineDisplaySelector {
  margin-left: 10px !important;
  margin-top: 1em;
}

#cashFlowSpark {
  margin-top: 1.5em;
}

#actionPlanListDiv,
#notificationListDiv,
#revenueInRangeContainer {
  height: 0px;
  transition: all 0.5s ease-in-out;
  border: unset;
  margin: unset;
  padding: unset;
  overflow: hidden;
}
.notificationShow,
.actionPlanShow {
  height: unset !important;
  border: 1px solid #000 !important;
  border-radius: var(--border-radius-div) !important;
  padding: 10px !important;
  margin: 1em !important;
  background: var(--bgDiv-color);
}
.managerNotificationList,
#notificationListInside,
#theListActionPlan{
 max-height: 300px !important;
  overflow: auto !important; 
}
.managerNotificationList{
  margin-top: 1em;
}

.revenueShow {
  height: 150px !important;
  border: 1px solid #000 !important;
  border-radius: var(--border-radius-div) !important;
  padding: 10px !important;
  margin: 0.5em !important;
  background: var(--bgDiv-color);
}
#theListActionPlan {
  margin-top: 2em;
}

.revenueInRangeIcon::before {
  content: "\f4c0";
  cursor: pointer;
}

.revenueInRangeIcon::after {
  cursor: pointer;
  content: "Bus Revenue";
}

#adviseeUsernameEmail {
  margin-top: 0.5em;
  width: 300px;
}
#addAdviseeDiv > label {
  margin-top: 0.5em;
  display: block;
}
ul.subList li {
  padding: 0.25em;
  margin: unset;
}
ul.weeklyActivityGoalPerformance > li,
ul#arrowPointActivityGoalPerformance > li,
.activityRatioChartList > li,
.activityChartList > li {
  cursor: pointer;
  margin: 0.5em 0.25em;
  padding: 0.5em;
  border-radius: var(--border-radius-div);
  font-size: 0.9em;
}
.CCActivityChart {
  width: 900px;
  height: 500px;
}

.CCActivityStats {
  margin: 1em 0;
}
.CCActivityStats::before {
  font-size: 1.75rem;
  content: "Weekly Status";
}
.CCActivityStats h3 {
  font-size: 1.2em;
}
.CCActivityStats table {
  padding: 1em;
}
.CCActivityStats table td {
  vertical-align: top;
}
.CCActivityStats table th:nth-child(2){
  width:50px;
}
.CCActivityStats table td ul {
  /* padding-left: 10px; */
}
.CCActivityStats table td li {
  list-style: none;
}
.CCActivityStats table th {
  vertical-align: top;
  /* padding-left: 1em; */
}
.activityDurationSelect {
  padding: 0.25em 0.5em;
  margin: 0.5em;
  border-radius: var(--border-radius);
  cursor: pointer;
}
ul.multiColumnCorrect li {
  margin-top: 0px !important;
}
.CCActivityRecommendation h2 {
  font-size: 1em !important;
  font-weight: bold;
}
.CCActivityRecommendation th {
  font-size: 0.9em;
  font-weight: unset;
}
.CCActivityRecommendation td {
text-align: right;
}
#adviseeActivityRatioTableFilter,
#adviseeActivityRatioTable {
  margin-top: 0.5em;
}
  #adviseeActivityRatioTable {
  width: 650px;
  overflow-y: auto;
  border: 1px solid black;
  border-radius: var(--border-radius-div);
}
#adviseeActivityRatioTable th {
  padding-left: 0.75em;
}
#adviseeActivityRatioTable td {
  padding-left: 0.75em;
  /* cursor: pointer;
  color: var(--link-color); */
}
#adviseeActivityRatioTable th {
  font-size: 0.9em;
}
#adviseeActivityRatioTable td input {
  color: var(--link-color);
  border: 0;
  width: 5em;
}
#userReportsContainer {
  height: 800px;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 1050px;
}
ul.userReports {
  list-style: none;
  width: 700px;
  border-bottom: 2px solid #eee;
  padding-top: 1em;
}
ul.userReports li {
  margin-bottom: 1em;
}
.copyLink,
.reportToggleLink,
.reportLink {
  cursor: pointer;
  color: var(--link-color) !important;
  font-style: unset !important;
  /* border: unset !important; */
  text-decoration: none !important;
}
.reportToggleLink {
  margin: 1em;
  padding-bottom: 1em;
}
.htmlReport::before,
.xlsxReport::before,
.pdfReport::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  font-size: 25px;
  line-height: 1rem;
  cursor: pointer;
  float: left;
  width: 25px;
  flex: 1;
}
.xlsxReport::after{
  content: "Excel";

}
.copyLink::before {
  content: "\f0c5";
}
.copyLink::after {
  content: "Copy";
}
.runLogIcon::before {
  content: "\f03a";
  }
.runLogIcon::after {
  content: "Report";
}

.linkIcon::before {
  content: "\f101";
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  margin-right:5px;
  }
.linkIcon::after {
    content: "\f100";
    font: var(--fa-font-solid);
    color: var(--link-color);
    cursor: pointer;
    margin-left:5px;
  }

.xlsxReport::before {
  content: "\f1c3";
}
.pdfReport::before {
  content: "\f1c1";
}
.htmlReport::before{
  content: "\f1c9";

}

.pdfUserSection {
  color: #000;
  padding: 2em;
  background-color: var(--greybg-color);
  border-bottom: 2px #000 solid;
  margin-bottom: 2em;
  padding: 1em;
}
.pdfFooterSection {
  background-color: var(--bgDiv-color);
}
.yellowList,
.pdfUserSection ul {
  list-style: none;
}
.yellowList {
  color: #ff0;
  background-color: rgb(236, 236, 225);
}

.pdfHeaderSection {
  color: black;
  background-color: var(--bgDiv-color);
  background-image: url(/images/OTSLogo.gif);
  background-repeat: no-repeat;
  text-align: center;
  border-bottom: 2px #000 solid;
  margin-bottom: 2em;
  padding: 1em;
}
.pdfFooterSection {
  color: #000;
  vertical-align: bottom;
  background-color: var(--bgDiv-color);
  text-align: center;
  border-top: 2px #000 solid;
  margin-top: 2em;
  padding-top: 1em;
}
.exportLink {
  float: right;
  margin-right: 1em;
  color: var(--link-color) !important;
  cursor: pointer;
}
@media print {
  .exportLink {
    display: none;
  }
}
.onSelect,
.offSelect {
  display: inline;
  cursor: hand;
}
.createNewClientLink {
  color: var(--link-color) !important;
  cursor: pointer;
  float: right;
  margin-right: 1em;
}

a[href^="/"] {
	/* text-decoration: underline var(--link-color); */
}
a[href^="/"]:hover {
  text-decoration: underline #f90;
}
a.addEntityIcon.Client::before,
a.addEntityIcon.Pipeline::before,
a.addEntityIcon.Closed::before {
  margin: 0;
}
.accountEditLink,
.resendVerificationLink {
  color: var(--link-color) !important;
  cursor: pointer;
}
#utilityLinksContainer {
  position: fixed;
  right: 0em;
  top: 70px;
  width: 170px;
  overflow: clip;
  z-index: 100;
}
#utilityLinks {
  background-color: var(--tab-color);
  margin-bottom: 1em;
}
#utilityLinks > ul {
  padding: 0.5em;
  margin: 0;
}
#utilityLinks > ul > li {
  list-style: none;
}
#aboveUtilityLinksDiv {
  padding-bottom: 1em;
  background-color: #fff;
}

#relatedLinksRHS,
#belowUtilityLinksDiv {
}

#belowUtilityLinksDiv a{
  display:block;
}

ul.weeklyActivityGoalPerformance > li,
#arrowPointActivityGoalPerformance li {
  color: var(--link-color);
}
.InsuranceWrapper li.toggleAfter::after {
  content: attr(data-after);
  white-space: pre;
}
#relatedLinksRHS a.toggleAfter::after {
	content: attr(data-after);
	line-height: var(--icon-height);
}

#relatedLinksRHS a.toggleAfter {
  border: unset;
  font-size: var(--after-size);
  /* float: left; */
}
#relatedLinksRHS a.icon {
}


.tabToggleLink::after,
.bookmarkLink::after
.tabToggleLink::before,
.bookmarkLink::before {
  cursor: pointer;
}
.bookmarkLink::before {
  font: var(--fa-font-solid);
  content: "\f02e";
}
.sidebarLink::before {
  font: var(--fa-font-solid);
  content: "\f0c9";
}
.sidebarLink::after {
  content: " Navigation";
}
.bookmarkLink::after {
  content: " Bookmark Current Page";
}

.tabToggleLink::before {
  font: var(--fa-font-solid);
  content: "\f0ce";
}
.tabToggleLink::after {
  content: " Show/Hide Tabs";
}
.middleIconSelect {
  height: 4em;
  margin-top: -1em;
  text-align: center;
}
a.leftNavLink {
  cursor: pointer;
  color: var(--link-color) !important;
  font-size: 1.25em !important;
}
.sideSelect a {
  border-bottom: unset !important;
}
ul#overviewRecommendationTableList li {
  padding: unset;
  /* border:none; */
  display:none;
}
#activityHealthContainer {
  position: relative;
  border: 1px solid #000;
  border-radius: var(--border-radius-div);
  padding: 10px;
  margin: 1em;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  height: unset;
  background-color: var(--bgDiv-color);
  width:650px;
}
.activityHealthHide {
  height: 0px !important;
  border: unset !important;
  margin: unset !important;
  padding: unset !important;
}

#clientSourceBreakdown {
  margin-top: 2em;
}
#clientSourceBreakdown h2 {
  font-size: 1.25em;
  font-weight: bold;
}
#clientSourceBreakdown td {
  padding: 5px;
}
div.SummaryExpense {
  font-size: 0.8em;
  padding: 0.25em;
  display: inline-block;
  color: var(--link-color);
}
.black {
  color: #000 !important;
}
div.cfSummary {
  font-size: 1.25em;
  padding: 0.25em;
  display: block;
  color: #000;
}
.expenseHeading {
	color: var(--link-color);
	cursor: pointer;
	border-bottom: solid 1px #000;
}
#viewAllExpensesDiv {
  color: var(--link-color);
  cursor: pointer;
  display: block;
}
#clientRowCount {
  font-size: 0.75em;
}

.expectedClosedBusinessLabel {
  font-size: 1.1em;
  font-weight: 700;
}
.expenseContainer .addEntityIcon {
  margin-top: -2em;
}
#filterReportHeading {
	font-size: 1rem;
	color: var(--heading-color);
	float: right;
}
#userReportsContainer h3 {
  margin: 0.5em 0;
  font-size: 1.15em;
}
.toggleAllMonthlyRecommendations {
  color: var(--link-color);
  cursor: pointer;
  display: inline-block;
  margin-left: 1em;
}

.popupActivityContentRecommend {
	padding: 0.5em;
}

/* ul.activityCommitmentList li {
    border-bottom: solid 2px #666;
    padding: 0.5em 0 1em 0;
} */

a.restartIcon,
.delayButtonWhite,
.delayButton {
  color: var(--link-color);
  cursor: pointer;
  padding: 0.5em;
  border: 1px solid var(--link-color);
  border-radius: var(--border-radius);
  margin-bottom: 1em;
}
.delayButton,
.delayButtonWhite {
  float: left;
}

.delayButtonWhite::before,
.delayButton::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f017";
  font-size: 1.2em;
  line-height: 1.2em;
  cursor: pointer;
  margin-right: 5px;
}
.delayButtonWhite::after,
.delayButton::after {
  content: "Delay Until Later";
}
.delayButtonWhite,
.delayButtonWhite::before,
.delayButtonWhite::after {
  color: white;
}

.validationAfter input {
  border: 2px dotted var(--red-color);
}
.validationAfter::after {
  content: attr(data-validationmsg);
  color: var(--red-color);
  z-index: 1000;
}
div.noEdit,
div.noEdit::before {
  /* color: #000 !important; */
  font-size: 1em;
}

#newNoticeForm label{
  width: 150px;
  padding: 0.5em;

}
#userEditForm label {
  width: 250px;
  padding: 0.5em;
}
#clientEditForm label {
  width: 200px;
  padding: 0.5em;
  vertical-align: top;
}
#clientEditForm {
  margin-bottom: 1.5em;
}
.returnGoalLink {
  display: block;
  margin-left: 2em;
  border: unset;
}
.returnGoalLink::before {
  font: var(--fa-font-solid);
  content: "\f0c1";
}

.chartHide {
  display: none;
}
.popupActivityInput {
  border: none;
  width: 3em;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0;
  color: var(--link-color);
  cursor: pointer;
}
textarea#editClientNote {
  width: 400px;
  height: 100px;
}
.newEntityFormClient .newInputWrapper {
  margin: 0;
}
.clientSpouse a {
  font-size: 1em;
}
div.Goal.linkedTo {
  display: block;
}
.noFloat,
.noFloat::before,
.noFloat::after {
  float: unset;
}
.noAfter::after {
  display: none !important;
}
div.chartSwitchWrapper{
	margin: 0.5em 0;
  font-weight:bold;
  font-size:1.15em;
}

.activityDurationSelector {
	margin: 0.5em 0;
  font-weight:bold;
  font-size:1.15em;
  float:right;
}
.activityDurationSelector a{
  font-weight:normal;
}
#adviseeList li {
  width: 100%;
}
.newActionPlanMessage{
}

.ActionPlan.message input{
  width:900px
}
.newCostContainer, .reoccurSwitchContainer {
	display: block;
	margin-left: 200px;
}
/* .newCostContainer, .reoccurSwitchContainer {
	display: inline-block;
	left: 400px;
	position: absolute;
} */
.reoccurSwitchContainer::before{
  content:"";
}
.reoccurSwitchContainer::after{
  content:"Recurs Monthly";
}

.blockDisplay{
  display:block;
}
#settingsDiv ul li a::after{
  padding:0 !important;
  margin:0 !important;
}
#deleteConfirmDivContent button,
.RUSure, .RUSure button{
  margin-top:1em;
}
#deleteConfirmDivContent button.btn-success,
.RUSure button.btn-success{
  margin-left:1em;

}
.MBBuildStep {
  display: none;  
}
.MBBuildStep.show {
  display: block;  
}
.stepLink{
  padding:0.5em;
  cursor: pointer;
}
.stepContainer{
  margin-top:1em;
}
.stepLinkContainer {
	margin-bottom: 1em;
	background-color: var(--greybg-color);
	padding: 1em;
}
.stepContainer label{
  width:200px;
  vertical-align: top;
}
.stepContainer h3{
font-size: 1.2rem;
}
.stepContainer input,.stepContainer textarea{
  width:450px;
}
.stepContainer input[type=checkbox]{
  width:50px;
  }
.stepContainer ul li{
  padding-top:0.5em;
  list-style: none;
}
.previousStep::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f04a";
  font-size: 1.5rem;
  line-height:2rem;
  cursor: pointer;
  /* margin-left: var(--icon-gap); */
}
.previousStep::after {
  color: var(--link-color);
  content: "Back";
  font-size: 1.5rem;
  line-height:2rem;
  cursor: pointer;
  margin-left: 5px;
}
.nextStep::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f04e";
  font-size: 1.5rem;
  line-height:2rem;
  cursor: pointer;
  /* margin-left: var(--icon-gap);; */
}
.nextStep::after {
  color: var(--link-color);
  content: "Next";
  font-size: 1.5rem;
  line-height:2rem;
  cursor: pointer;
  margin-left: var(--icon-gap);
}
.conditionOperator{
	width:200px !important;
}
.conditionValue {
	width:100px !important;
}
.actionHighlight{
  background-color: var(--greybg-color);
  padding:0.5em;
  border:2px var(--blue-color) solid;
  margin-top:0.5em;
  margin-bottom:0.5em;
}  
#repoTable th,#repoTable td{
  padding:0.5em;
}
.moreText{
  display:none;
}
.mbRepoLink, .moreLink {
	color: var(--link-color);
	cursor: pointer;
	font-style: italic;
	background-color: var(--greybg-color);
	padding: 5px;
	border-radius: 1em;
}

.moreLink::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\e10a";
  margin-left:0.5em;
  margin-right:3px;
}

.moreLink::after{
  content:"more...";
}
.mbRepoLink::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f1b8";
  margin-left:0.5em;
  margin-right:3px;
}
.mbRepoLink::after{
  content:"Visit Repository";
}

.ratioHistoryTable li{
list-style: none;
}
  .ratioHistoryTable th{
  vertical-align: top;
}
.exportBOBTableLink{
  color: var(--link-color);
  cursor: pointer;
  float: right;  
}
.exportBOBTableLink::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f1c3";
  margin-left:0.5em;
  margin-right:3px;
}
.exportBOBTableLink::after{
  content: "Export To Excel";
}
.netCashFlowMessage,
.productionGoalMessage{
  margin-bottom:1em;
}
.cfCurrent, 
.cfYTD, 
.cfSum,
.cfYearEnd{
  font-weight: bold;
}
.cfYTD{
  display:none;
}

.cfCurrent::before{
  content: "Current Month: ";
  font-weight: normal;
}
.cfYTD::before{
  content: "YTD: ";
  font-weight: normal;
}
.cfSum::before{
  content: "YTD: ";
  font-weight: normal;
}
.cfYearEnd::before{
  content: "Est Year End: ";
  font-weight: normal;
}

.cfCurrent::after,
.cfYTD::after, 
.cfSum::after{
  content: "|";
  margin:0 0.5em;
}

#clientTable tr  td:nth-child(1){
  min-width:150px;
}
#AccountLinksDiv a{
  text-decoration: none;
}
.actionRow div.trashIconDiv{
  margin-top:1em;
}
/* .Expense.value::before{
  content:"Cost: (";
  color: var(--link-color);
}
.Expense.value::after{
  content:")";
  color: var(--link-color);
} */

.userEditSection{
  display: none;
}

.LearningScriptIndex{
float:right;
height: 1.2em;
overflow-y: hidden;  
margin-top: -1.5em;
}

.LearningScriptIndex ul li{
  list-style: none;
}

.LearningScriptIndex a{
  text-decoration: none;
  font-size:1em;
}

.LearningScriptIndexContents{
display: none;
height:100px;
position: absolute;
right:1em;
margin-top:1em;
}

.LearningScriptIndexMarker::before {
  content: "\f0e8 ";
  font: var(--fa-font-solid);
  color: var(--link-color);
  font-size: 1.2em;
  display:block;
  float:right;
}

.missingInput{
  color:red;
  background-color: #f0f0f0;
  padding:5px;
}

.complete::before {
  content: "\f00c";
  font: var(--fa-font-solid);
  color: var(--link-color);
  font-size: 1.2em;
  margin-right:0.5em;
}
.bold{
font-weight: bold;
}
.add:before{
  content:'+';
  font-weight: bold;
}
.subtract:before{
  content:'-';
  font-weight: bold;
}
#pipelineListContainer {
	margin-top: 1em;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
}
.activityButtonSelect{
  color: var(--link-color);
}
#todayWorkHours, input.workHours {
	text-align: right;
	margin-right: 5px;
  width:3em;
}
#totalHoursWorkedTable td {
	padding: 0.5em;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#totalHoursWorkedTable{
  margin-top: 1em;
}
#averageMonthlyReportDiv,
#inactiveClients{
  display:none;
}
#inactiveClients,
#managerSite,
#addAdviseeDiv,
#averageMonthlyReportDiv,
#calculatorContainer,
.sparkContainer {
  position: relative;
  border: 1px solid #000;
  border-radius: var(--border-radius-div);
  padding: 10px;
  margin: 1em;
  background-color: var(--bgDiv-color);
  transition: all 0.5s ease-in-out;

  overflow: hidden;
  height: unset;
}
#addAdviseeDiv{
  display: none;
  width:500px;
}


#repoReviewRatioHistoryTable td,
  #repoRatioHistoryTable td{
  padding-left:5px;
}
#repoReviewRatioHistoryTable th,
#repoRatioHistoryTable th{
  border-left:solid #ccc 1px;
}
#repoRatioHistoryContainer thead {
  display: contents;
  position: fixed;
}

#repoReviewRatioHistoryTable tr:nth-child(even),
#repoRatioHistoryTable tr:nth-child(even) {background: var(--greybg-color);}

#repoReviewRatioHistoryTable tr:nth-child(odd),
#repoRatioHistoryTable tr:nth-child(odd) {background: #fff}

#repoReviewRatioHistoryTabletr:nth-child(1),
#repoRatioHistoryTabletr:nth-child(1) { background:none;}

#repoRatioHistoryContainer,
#dataTableRatioChartContainer{
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 2em;
}
#dataTableRatioChartContainer td,
#dataTableRatioChartContainer th,
#repoRatioHistoryContainer td,
#repoRatioHistoryContainer th{
  padding:0.5em;
  width: 150px;
}
#calcProspectCall{
  width:4em; 
}
#calculatorContainer{
  display: none;
}
#calculatorOutput {
	margin-top: 65px;
	border-top: solid 1px #000;
	padding-top: 1em;
  display:none;
}
#calcPremiumPolicy{
  width:4em; 
}
#calcInvestmentRevenue{
  width:5.5em; 
}
#calculatorInput button{
  margin-left:1em;
}
#calculatorInputList li{
  padding:0;
}
#toggleCalculator{
  /* float: right; */
  margin-bottom: 1em;
}
#togglePotentialClientsLink::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\e542";
  font-size: 1.1em;
  line-height: 1.5em;
  cursor: pointer;
}
#togglePotentialClientsLink::after{
  margin-left:var(--icon-gap);
  cursor: pointer;
  color: var(--link-color);
  content: "Potential Advisors List";
  font-size: 1.1em;
}

#averageMonthlyReportLink::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f5db";
  font-size: 1.1em;
  line-height: 1.5em;
  cursor: pointer;
}
#averageMonthlyReportLink::after{
  margin-left:var(--icon-gap);
  cursor: pointer;
  color: var(--link-color);
  content: "Average Monthly Activity Report";
  font-size: 1.1em;
}

.calculator:before{
  font: var(--fa-font-solid);
  content: "\f1ec";
  font-size: 1.1em;
  cursor: pointer;
  margin-right:var(--icon-gap);
}
.mvvLink::before{
  content: "\f648";
}
.employeeCalculatorLink::before{
  content: "\f1ec";
}

#toggleCalculator::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f1ec";
  font-size: 1.1em;
  cursor: pointer;
  margin-right:var(--icon-gap);
}
#toggleCalculator::after{
  cursor: pointer;
  color: var(--link-color);
  content: "Benchmark Ratios Calculator";
  font-size: 1.1em;
}
div#managerToolListContainer{
  display: none;
  border: 1px solid black;
  padding: 1em;
  border-radius: var(--border-radius-div);
  margin-bottom:1em;
  background: var(--bgDiv-color);
}
a.managerToolList {
	margin-left: -3em;
	margin-top: 1em;
}
#managerToolList {
display: inline;
}
#managerToolList td{
  vertical-align: top;
  padding:0 2em;
}
#advisorToolList{
  columns:3;
}

#advisorToolList li{
 list-style-type: none;
 margin-bottom:1em;
 /* line-height: 2em !important; */
}
.shiftDateLink::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\e472";
  font-size: 1.2em;
  line-height: 1.5em;
  cursor: pointer;
}
.shiftDateLink::after{
  margin-left:10px;
  cursor: pointer;
  color: var(--link-color);
  content: "Advance Goal Forward 1 Year";
  font-size: 1.2em;
  line-height: 1.5em;
}
#workWeekContainer{
  display: none;
}
#productionTable{
}
#productionTable  tr  td{
  vertical-align:top;
  padding-right:0.5em;
  /* width:630px; */
}
#productionTable tr td ul{
  padding:0 !important;
}
#productionTable tr td li{
  list-style-type: none;
}
/* #productionTable li div:first-child::before {
	display: inline-block;
	width: 125px;
} */
#insuranceTimeWindowContainer, 
#investmentTimeWindowContainer{
  padding-bottom:10px;
}
#repoRatioHistoryTable th,
#repoReviewRatioHistoryTable th{
  min-width:6em;
  max-width:9em;
}
.size80{
  font-size:0.8em;
}
.size90{
  font-size:0.9em;
}
.activityExportChart{
  display:none;
  margin-bottom: 1em;
}





table.activityExportTable tbody{
	margin-bottom: 2em;
	/* max-height: 400px; */
	display: block;
	/* overflow-y: auto; */
}
table.activityExportTable thead, table.activityExportTable tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.activityExportTable td{
  text-align: right;
  padding:0.25em;
  max-width:200px;
}
.activityExportTable th{
  text-align: right;
  padding:0.25em;
  max-width:2000px;
}
h3.arrowPointCashflowDrill{
  margin-top: 1em;
  margin-bottom:-0.5em;
}
#inactiveClients td, #inactiveClients th {
  padding:0.5em 1em;
}
#potentialClientTable tbody tr{
  border-bottom:1px solid #000;
  padding:0.5em 0;
}
#inactiveClients{
  max-height: 500px;
  overflow-y: auto;
}

ul.adviseeDetail{
  border:1px solid #000;
  padding: 0.5em;
  border-radius: var(--border-radius-div);
}
  ul.adviseeDetail li{
  margin-bottom:5px !important;
  display: block;

}
.tableHeading{
  text-align: center !important;
font-size:1.25em !important;
font-weight: bold !important;
}
#monthlyActivityRatios{
  margin-bottom:1em;
}
#cashFlowTotalLevel1ExplainDiv{
  margin:1em 0;
}
#cashFlowTotalLevel1ExplainDiv h3{
  font-size:1.1em;
}
.cfSummaryTable th{
  text-align: right;
}
.cfSummaryTable tr td{
  padding-right: 1em;
}
#pipelineList {
  width:100% 
  }
#pipelineList td,
#pipelineSummaryTable td,
#pipelineDisplayTable td { 
  text-align: right;
}

.tdLeft{
  text-align: left !important;
}
.tdRight{
  text-align: right !important;
}
#weeklyCommitmentLink{
  float:right;
  margin-right:1em;
}
#weeklyCommitmentLink::before {
    font: var(--fa-font-solid);
    /* font-size: var(--icon-size); */
    font-size: 1.5em;
    content:"\f2b5";
    display: inline-block;
    line-height: var(--icon-height);
    width: var(--icon-width);
    cursor: pointer;
}
#weeklyCommitmentLink::after {
	content: "Commitments";
	font-size: 1rem;
	line-height: 2.5rem;
}
#ytdCFTable{
  margin-bottom:1em;
}
#ytdCFTable th,
#projectedYearEndCFTable th {
  padding: 0px 1em;
}
#ytdCFTable td, 
#ytdCFTable thead th,
#projectedYearEndCFTable td, 
#projectedYearEndCFTable thead th {
  padding: 0px 15px;
  text-align:right;
}
.lightYellow,
.additionalCFNeedRow td,
.additionalCFNeedRow th{
  font-weight: bold;
  background-color: var(--light-yellow) !important;
}
.additionalCFNeedRow td{
  vertical-align: middle !important;
  font-size:1.5em !important;
}


.goalPeriodDisplay{
  float:left;
  font-weight: bold;
  margin-left:45px;
  margin-top:-1em;
}
#arrowPointTotalCompletionOfCommitment {
	font-weight: bold;
	position: absolute;
	left: 350px;
	margin-top: -60px;
}
#overviewSparkContainer{
visibility: hidden;
}
.location{
  margin:1em;
  font-weight: bold;
}
.updateIndustryStandardLink{
}
.updateIndustryStandardLink::before{
  font: var(--fa-font-solid);
  content: "\f044";
  cursor: pointer;
  margin-right: var(--icon-gap);
  font-size:1.2em;
}

.updateIndustryStandardLink::after{
  content:"Update Advisee(s) Benchmarks";
  font-size:1.2em;
}

#activityRatioEditForm table thead th:nth-child(1){
  text-align: center;
}
#activityRatioEditForm table thead th:nth-child(2),
#activityRatioEditForm table thead th:nth-child(3),
#activityRatioEditForm table td,
#activityRatioEditForm table thead th:nth-child(4){
  text-align: right;
  padding-right:1em;
}
#activityRatioEditForm table tr {
  border:none !important;
}
#pipelineList caption{
  text-align: left;
  caption-side: top;
  font-style: italic;
  padding:0;
}
i.checked::before {
  font: var(--fa-font-solid);
  content: "\f336";
  font-size: 1.25em;
}
i.unchecked::before {
  font: var(--fa-font-thin);
  content: "\f335";
  font-size: 1.25em;
}
#adviseeListSelect{
  margin:1em;
}

.inlineList {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.inlineList[data-label]::before{
  content:attr(data-label) ":";
  font-weight: bold;
  margin-right:5px;
  font-size:1.1em;
}
.inlineList li{
  display: inline-block;
  padding: 0 10px;
  border-left: solid 1px black;
  font-weight: bold;
}
.inlineList li::before{
  content:attr(data-label) ":";
  font-weight: normal;
  margin-right:5px;
}


.inlineList li:first-child{
  border-left: none;
  padding: 0;
  margin-right: 5px;
}
.inlineList li::before{
  content:attr(data-label) ":";
  font-weight: normal;
  margin-left:5px;
}
.goalPeriodDivInvestment{
  float: right;
  text-align: right;
  margin-top: 10px;
}
#arrowPointTotalCompletionOfCommitment table th:first-child{
  text-emphasis: triangle #999;
  font-size:2em;
  vertical-align: top;
  padding-right:10px;
}

.hint{
  font-size:0.9em;
  font-style:italic;
  color:#666;
}
.calcFilterList {
	max-width: 600px;
	overflow-y: auto;
	display: inline-block;
	vertical-align: middle;
}
#cashFlowLevel1LiquidExplainDiv,
#cashFlowBalanceLevel1ExplainDiv{
  margin:1em 0;
}
#employeeCalculator ul li{
  list-style: none;
  margin-bottom:10px;
}
#employeeCalculator label{
  width:20em;
}
#employeeCalculator .hourLabel::after{
  content:"Hour(s)";
  margin-left:var(--icon-gap);
}
#employeeCalculator .valueDisplay{
  margin-left:var(--icon-gap);
  font-size:1.2em;
  display: inline-block;
}
#employeeCalculator input[type=range]{
  margin-bottom:-5px;
}

ul.block li{
  display: block !important;
}
#potentialEmployeeHourMessage {
	font-size: 0.9em;
	font-style: italic;
	color: #ff0000;
	float: right;
	margin-left: 2em;
	position: absolute;
}
.inlineBlock{
  display: inline-block!important;
}
.cpRangeDisplay{
  display: inline-block;
}
#MBBuildStep2 ul{
  margin:1em 0em;
}
.CompanyPulse::after{
  content:"Create New CompanyPulse";
}
.ActionPlan::after{
  content:"Action Plan Entry";
}
#toolsLinkContainer{
  float:right;
  font-size:1.1em;
}

.performanceConditionMessage,
#mbNotificationLabel{
  margin-bottom:1em;
}
.MBBuildStep hr{
  margin:2em 0;
}
#smartTagTable{
  margin:1em;
}
#smartTagTable th, #smartTagTable td{
padding:0.25em 1em;
} 
.explainContentWide a,
.explainContent a{
  color:#b4b444;
  text-decoration:none;
}
.tabLabel::after{
  content:attr(data-label);
}
.iconList{
  display:inline-block;
}
.iconList li{
  display: inline;
}
.iconList a{
  display:inline-block;
  font-size:0.8em;
  width:40px;
}

.tdLabel::before{
    content: attr(data-label) ":";
    font-weight: normal;
  }
.tdLabel {
    font-weight: bold;
    padding: 0 0 0 1em;
  }
  div.reportLabel::after{
    content: attr(data-label);
    font-weight: normal;
    margin-left:10px;
  }
  .htmlActivityReportSectionHead {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: #000 1px solid;
    max-width: 900px;
  }
.importantMessage{
  font-weight: bold;
}
#popupBoBDiv .closeLink{
  float: right;
  position: fixed;
  margin-left: 875px;
  margin-top:-25px;

}
#popupDiv.widePopup .closeLink{
    float: right;
    /* position: fixed; */
    margin-left: 770px;
    margin-top:-25px;
}
#popupOtherContent .closeIcon {
	float: right;
	/* position: fixed; */
	margin-left: 900px;
}
#popupDiv .xlsxReport,
  #popupOtherContent .xlsxReport {
  margin-right: 20px;
}
.tutorialDisplayImage{
  border-radius: 1em;
  border:3px solid #999;
}
#NetCashFlowDiv .explainContent{
  text-align: left;
  text-shadow: none;
  white-space: wrap;
}
#selectUserTypeTable{
  height:300px;
}
#selectUserTypeTable span {
	font-size: 1.5em;
	border: 2px solid #999;
	border-radius: var(--border-radius);
	width: 300px;
	padding: 1em;
	margin: 1em;
	height: 150px;
	cursor: pointer;
	display: inline-block;
}
#selectUserTypeTable span:hover{
  background-color: #ccc;
}
#selectUserTypeTable span i{
  font-size:3em;
}
#accountTypeMessage {
	margin: 1em 0;
	font-size: 1.1em;
	font-style: italic;
}
.important{
  font-size:1.2em;
  text-shadow: 3px #999;
}
.listMargin1 li{
  margin:1em;
}
.sectionExtraHelp{
  margin-left:1em;
  font-size:12pt;
}
.insuranceSepDiv{
  clear:both;
  height:25px;
}
.investmentSepDiv{
  height:20px;
}
.goalAchieved{
  color: var(--green-color);
  text-shadow: 1px 0 0 #000;
}
.productionSparkContainer{
  display:none;
  padding:1em;
  margin:0.5em;
  border:1px solid #999;
  border-radius: var(--border-radius-div);
}
.overallPerformance{
  margin:1em 0;
  font-size:1.1em
}
.overallPerformance::before{
  margin-right:10px;
  content:"Overall Performance:";
}
.orderLink{
  padding:0.5em;
}
#sortByOverallDiv{
  text-align:right;
  font-weight: bold;
  width:100%;
  margin-top:-2em;
}
#sortByOverallDiv a{
  font-weight: normal;
}
.meetingKeptHeading,
.commitmentHeading{
  font-size:1.2em;
  font-weight:600;
}
#mbAdvisorList{
 max-height:7em;
 max-width:500px;
 overflow-x: auto;
 overflow-y: auto;
 padding:0 0.5em !important;
}
.mbAdvisor{
  margin-bottom:5px;
  padding:5px;
}
.mbAdvisor.selected:before {
  font: var(--fa-font-solid);
  content:"\f00c";
  margin-right:0.5em;
}
.currentWeekActivityLabel{
  padding:0px !important;
  text-align: right !important;
}
.companyPulseIcons{
  min-width:8em;
}
.companyPulseIcons a{
  display: block;
  margin-right:5px;
  font-size:0.9em;
}
.adminReportLinkjson::before{
  content:"JSON";
  font-size:0.8em;
  font-style: italic;
  padding:5px 10px;
  background-color:#ddd;
  margin-right: 5px;
}
#runAdminReportForm{
  margin:1em;
}
#runAdminReportForm button{
  margin:1em 0;
}
div.adminWorkDiv>a.addEntityIcon,
a.addEntityIcon.CompanyPulse{
  position:unset !important;
  margin:unset;
}
.userTagTypeForm input,
.userTagTypeForm select {
	margin: 0 0.5em;
	width: 10em;
}
.userTagTypeForm label{
  width:7em;
}
#companyPulseTable th{
  /* cursor: pointer; */
}

#currentActivityConditionContainer,
#monthlyActivityConditionContainer,
#financialConditionContainer,
#productionConditionContainer,
#durationProductionConditionContainer
{
  display: none;
}
#cpConditionContainer {
	max-height: 300px;
	overflow-y: auto;
	margin-bottom: 1em;
	padding: 0 0.5em;
}
.conditionTH{
  width:300px;
}
.conditionTH.selected{
  color: #069 !important;
}
.conditionTHExplain{
  margin-left:-200px;
  float:left;
}
.displayConditionList{
  padding-left:5px;

} 
.displayConditionList li{
  padding:0;
  margin:0 !important;
  list-style: none;
}
.conditionMessage {
	margin-left: 0;
	font-weight: bold;
	display: block;
	margin-bottom: 1em;
}
.navButtonContainer{
  float:right;
}
.navButton{
  border:solid 1px var(--link-color);
  border-radius: var(--border-radius);
  padding:0.5em;
  margin:0 0.5em;
}
#MBBuildStep3 ul{
  max-height: 425px;
  overflow-y: auto;
}
.howToUseLabel{
  display: inline-block;
  margin-left:2em;
  font-size: 1rem;
}
.advisorActivityReportIcon::after{
  content:"Monthly Activity Report";
}
.promptCompletionReportIcon::after{
  content:"Prompt Completion Report";
}
.removePotential{
  cursor: pointer;
  color: var(--link-color);
}
.removePotential::before{
  font: var(--fa-font-solid);
  color: var(--link-color);
  cursor: pointer;
  content: "\f00d";
  padding-right: var(--icon-gap);
  font-size: 1.2em;
}

.userEditLink::before,
#homeLink::before,
#settingsLink::before,
#fAQLink::before,
#docentLink::before,
.logOutLink::before{
  width:var(--icon-width);
  display: inline-block;
  font: var(--fa-font-solid);
  cursor: pointer;
  font-size: 1.2em;
  vertical-align: top;
  margin-right: 10px;
}
.userEditLink::before{
  content: "\f4ff";
}
#docentsListDivContainer{
  top:75px;
}
#homeLink::before{
  content: "\f015";
}
#settingsLink::before{
  content: "\f085";
}

#docentLink::before{
  content: "\f51c";
}
#fAQLink::before{
  content: "\3f";
}

.logOutLink::before{
  content: "\f08b";
}
.nameEmailDiv{
  display:inline-block;
  margin-top:-5px;
}
div.row {
  display: flex;
}

div.column {
  flex: 50%;
}
#adviseeActivityRatioTableFilter{
  display:inline-block;
}
#userEditLinkContainer{
  margin-bottom:1em;
  font-size:1.1em;
}
#userEditLinkContainer a{
  padding:0.5em;
}
.goalHighLight{
  border:var(--red-color) 2px dashed  !important;
}
.newClientLink {
	float: right;
	margin-top: 1em;
}
#calculatorContainer,
#managerSite{
  max-height:800px;
  overflow-y: auto;
}

#durationProductionConditionContainer label{
  width:100px;
}
#durationProductionStartDate,
#durationProductionEndDate{
  width:unset;
}
.mgmtMVVLink{
  display: none;
  float: right;
  margin-right: 2em;
  margin-top: -2em;
}
div.monthlyActivityReportLinks{
  display: block;
  height: 2em;
  margin: 0.5em 0;
}
div.monthlyActivityReportLinks a{
  margin:0.5em;
}
div.goalPeriodDiv {
	width: calc(100vw - 250px);
	display: block;
}
.managerAdvisorDetailContainer{
  display:none;
}
.managerAdvisorDetailInternal{
  display: flex;
}
.managerAdvisorActionList {
	flex: 2;
	margin-left: 2em;
	margin-top: -1em;
}
.managerAdvisorActionList a {
	margin-top: 0;
	margin-left: 1em;
  display:block;
}

.advisorScores {
  flex: 3;
  margin-left:1em;
}
.advisorScores td {
	vertical-align: top;
}
.advisorScoresReport {
  flex: 4;
}
.fr-element li{
  padding-top: unset !important;
  list-style: unset !important;
}
.adminReportsListContainer{
  display: block;
  max-height: 400px;
  overflow-y: auto;
}
#monthlyActivityReportBody{
  display: block;
  max-height: calc(100vh - 350px);
  overflow-y: auto;
  width:100%;
  margin-top:0.5em;
}
.overallPerformanceDetail {
	display: none;
	margin: 0 1em;
	border: solid 1px;
	border-radius: 5px;
	padding: 5px;
}
.show{
  display:block;
}
.managerAdvisorActionList .overallPerformance{
  font-size: 1em;
}
#jsonInput{
  height:600px;
  width:800px;
}
.reportListTable{
  width:90%;
}
#repoTable td:first-child{
  min-width:6em;
}

.selectorText{
  position: absolute;
  margin-left: 2em;
  margin-top:-5px; 
}
table.reportListTable td {
	border: unset !important;
	vertical-align: top;
}
form.userTagTypeForm input[type=text] {
  width:20em;
}
#averageMonthlyReportDiv{
  max-width:1000px;
}
#averageMonthlyReport{
  max-height:800px;
  overflow-y: auto;
  padding:1em;
}
.chartRangeSelector {
	margin: 1em;
  padding-right: 1em;
  width: var(--chart-width);
	text-align: right;
}
.chartRangeSelector::before{
  content:"Chart Time Frame: ";
  font-weight:bold;
}
.managerActionPlanMessage{
  margin-top:1em;
}
.quickNav{
  /* margin:1em; */
}
.quickNav::before{
  content:"Quick Nav: ";
  font-weight: bold;
}
.navRightIcons {
	text-align: right;
	width: 100%;
	padding-right: 2em;
}
.navRightIcons a{
  float:right;
}
.yourRatiosLabel,
.benchmarkRatiosLabel{
  display: inline-block;
  width:145px;

}
.meetingKeptRatioRow th,
.meetingKeptRatioRow td,
.meetingKeptRatioRow tr { 
  padding-bottom:1em;
}
#weekWorkHoursTable{
  margin-top:1em;
}
#weekWorkHoursTable td{
  text-align: left !important;
}
#weekWorkHoursTable input{
  margin-right: 5px;
}
#totalHourSummmary {
	float: left;
	margin-top: -55px;
	margin-left: 300px;
}
#totalRevHoursWorked span,
#weekWorkHoursTable .message{
  padding:0.5em;
}
.activityDisplayOnly {
	padding: 0.25em;
	margin: 0.25em;
	border: 1px solid var(--blue-color);
	width: 9em;
	text-align: right;
}
.activityDisplayOnly::before{
  content:attr(data-label) ": ";
  font-weight: normal;
  margin-left:5px;
}
#apiAccessTokenEntryFormDiv{
  margin-top:1em;
}
#apiAccessTokenEntryFormDiv button{
  display:block;
}
#apiAccessTokenMessage{
  margin-left:0.5em;
  font-style: italic;
  color:#ce8f8f;
}
#clientIPDiv{
  position: fixed;
  bottom: 5em;
  right: 1em;
  font-size: 0.8em;
  z-index: -1;
}
#clientIPDiv::before{
  content:"IP Address: ";
}
.standardList li{
background: unset;
border: unset;
margin:unset;
}
.displayBlock{
  display:block;
}
.askAQuestion textArea{
  width:90%;
  height:10em;
}
.faqContainerList{
  /* columns: 2; */
  padding:0em;
}
#editFAQSection li,
.faqContainerList > li {
	break-inside: avoid-column;
	list-style: none;
	border-bottom: 1px solid #000;
	padding: 1em 0;
}
.qaExplain p{
  margin:0.5em 0;
}
#editFAQSection label {
	width: 5em;
	vertical-align: top;
}
#editFAQSection input{
  width:80%;
}
#editFAQSection textArea{
  width:80%;
  height:10em;
  resize:both;
}
.fAQIcon::before {
  content: "\3f";
  
}
.tutorialIcon::before {
	content: "\f51c";
}
#relatedLinksRHS ul{
  padding:unset;
  margin:unset;
}
#relatedLinksRHS li {
  padding:unset;
  margin:unset;
  list-style: none;
}
#promptCompletionReportContainer{
  border-top: solid 1px #000;
  margin:1em 0.5em;
  display:none;
}
.promptCompletionChartDiv{
  width:100%;
  height:300px;
  margin:1em;
}
div.Income.value,
div.Expense.value
{
}

.reflectPlanHeading::before {
  font: var(--fa-font-solid);
  content: "\e1ca";
  float: left;
  margin: 0 0.5em;
}


#companyPulseTable tr.hover,
#adminUserTagTypeTable tr.hover
 { background: #eff70d; }

.scrollTable {
    overflow-y: auto; 
    max-height: 400px; 
    border-collapse: collapse; /* make the table borders collapse to each other */
    width: 100%;
    padding:0 1em;
  }
 .table600{
    max-height: 600px; 
 } 
.table800{
    max-height: 800px; 
 } 
.scrollTable thead th {
    position: sticky; /* make the table heads sticky */
    top: 0px; /* table head will be placed from the top of the table and sticks to it */
    background:#eee;
  }
.scrollTable th,
.scrollTable td {
  padding: 8px 16px;
  border: 1px solid #ccc;
}
.thinkTimeQuestions{
  display: none;
  height:250px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom:1em;
}
.thinkTimeQuestions h2 {
	font-size: 1.2em;
	background: #ddd;
	padding: 0.5em;
}

.thinkTimeQuestions ul {
   column-count: 3;
 
}
.thinkTimeQuestions ul li{
  color: var(--link-color);
  cursor: pointer;
  padding:5px;
}
.thinkTimeQuestionsContainer{
  display:none;
}
.thinkTimeQuestionsContainerShow{
  display:block;
}
.thinkTimeQuestionsToggle::before{
  color: var(--link-color);
  cursor: pointer;
  content: "\e611";
}
.thinkTimeQuestionsToggle::after{
  content:"Think Time Questions";
}

textarea#thinkTimeQuestions {
  width: 90%;
  height: 350px;
  overflow: auto;
  margin:0.5em;
}
.yearEndProjectionStatusMessage {
	margin-left: 1em;
	margin-top: 1em;
	background-color: #f3f3f3;
	display: inline-block;
	border: 1px solid black;
	padding: 5px;
}
.projectionStatusQ1Level5,
.projectionStatusQ2Level5,
.projectionStatusQ3Level5,
.projectionStatusQ4Level5{
color:var(--green-color);
}
.chartPerformanceIcon{
  float:right;
  cursor: pointer;
  margin:5px;
  position:relative;
}
.chartPerformanceIcon::before {
  font: var(--fa-font-solid);
  color: var(--link-color);
  content: "\f201";
  font-size: 1.3rem;
  line-height: 1rem;
  cursor: pointer;
}