:root {
  --mc24GradHorz1: linear-gradient(to right, var(--mc24Pink) 0%, var(--mc24Peach) 100%);
  --mc24DarkestGrey: #27272A;
  --mc24DarkerGrey: #3F3F46;
  --mc24OffBlack: #181818;
  --mc24Black: #000000;
  --mc24Peach: #FBAC47;
  --mc24Red: #EF3D3D;
  --mc24Rose: #FA7B79;
  --mc24Pink: #EA27C2;
  --mc24Purple: #956BB3;
  --mc24Blue: #2C6686;
  --mc24Blue2: #358AB8;
  --mc24Teal: #357D71;
  --mc24Green: #37be88;
  --mc24Green2: #42AD9A;
  --mc24LightGrey: #D4D4D8;
  --mc24LighterGrey: #E4E4E7;
  --mc24LightestGrey: #F4F4F5;
  --mc24MediumGrey: #A1A1AA;
  --mc24BoxShadowMid: 0 1px 5px 1px rgba(180, 180, 180, 0.15);
  --mc24OffWhite: #FAFAFA;
  --mc24White: #FFFFFF;
  --mc24NBW: 282px;
  --mc24SBW: 472px;
}
@media (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none;
  }
}
.text-center {
  text-align: center;
}
.text-medium {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.text-bold {
  font-family: "Inter", "sans-serif";
  font-weight: 700;
}
.df {
  display: flex;
}
.dif {
  display: inline-flex;
}
.db {
  display: block;
}
.dib {
  display: inline-block;
}
.jc {
  justify-content: center;
}
.jb {
  justify-content: space-between;
}
.js {
  justify-content: flex-start;
}
.je {
  justify-content: flex-end;
}
.ac {
  align-items: center;
}
.ab {
  align-items: space-between;
}
.as {
  align-items: flex-start;
}
.ae {
  align-items: flex-end;
}
.outline-button {
  border: 2px solid var(--mc24Pink);
  font-size: 16px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  padding: 7px 0.75rem;
  border-radius: 20px;
  cursor: pointer;
}
.light-button {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24Blue);
  text-decoration: none;
  height: 42px;
  box-sizing: border-box;
}
.light-button:not(.flat) {
  padding: 0.6rem 0.6rem 0.5rem;
  font-size: 1rem;
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LighterGrey);
  border-radius: 3px;
  transition: background-color 0.2s ease-out;
}
.light-button:not(.flat):hover {
  background-color: var(--mc24OffWhite);
}
.light-button.inverse {
  background: var(--mc24Blue);
  color: var(--mc24White);
}
.light-button.inverse.disable {
  background: var(--mc24Blue);
}
.light-button.inverse:hover {
  background: var(--mc24Blue2);
}
.light-button.flat {
  font-size: 16px;
  background: transparent;
  border: none;
  padding-left: 0;
}
.light-button.disable {
  background: var(--mc24White);
  opacity: 0.6;
}
.light-button:not(:last-child) {
  margin-right: 1rem;
}
.light-button.back {
  padding-right: 0.8rem;
}
.light-button.next {
  padding-left: 0.8rem;
}
.tabs {
  display: flex;
}
.tabs.vert {
  flex-direction: column;
  padding: 5px;
  margin: 0;
  border-bottom: 1px solid var(--mc24LighterGrey);
}
.tabs.vert .fpt:not(:last-child) {
  border-bottom: 1px solid var(--mc24LighterGrey);
}
.tabs.vert .fpt {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.fpt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.5rem 1rem 0;
  background-color: var(--mc24White);
  color: var(--mc24Blue);
  transition: all 0.2s;
  cursor: pointer;
  position: relative;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  box-sizing: border-box;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.fpt:after {
  display: block;
  content: "";
  position: absolute;
  transition: all 0.15s ease-out;
  left: 50%;
  right: 50%;
}
.fpt.selected {
  color: var(--mc24OffBlack);
  background-color: var(--mc24LightestGrey);
}
.fpt.selected:after {
  height: 4px;
  bottom: 0;
  left: 1rem;
  right: 1rem;
  background: var(--mc24Rose);
}
.tabs.vert .fpt {
  width: 100%;
  justify-content: flex-start;
}
.tabs.vert .fpt:after {
  height: 0;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: auto;
}
.tabs.vert .fpt.selected {
  background-color: var(--mc24OffWhite);
}
.tabs.vert .fpt.selected:after {
  top: 0;
  bottom: 0;
  width: 4px;
  height: 100%;
}
.tabs.vert .fpt:not(.selected):hover {
  background-color: var(--mc24LightestGrey);
}
.fpt:not(.selected):hover {
  background-color: var(--mc24OffWhite);
}
.fpt .tab-text {
  pointer-events: none;
}
.fpt .tab-number {
  border: 2px solid var(--mc24Pink);
  border-radius: 20px;
  margin-left: 0.5rem;
  padding: 4px 5px 2px;
  pointer-events: none;
}
body {
  -webkit-font-smoothing: antialiased;
}
select {
  border-radius: 0px;
}
*,
*:active,
*:focus,
*:focus-visible {
  outline: none !important;
}
#zendesk-holder {
  position: fixed;
  top: 0;
  left: 0;
}
.no-letter-spacing {
  letter-spacing: 0px;
}
.spinner {
  width: 40px;
  height: 40px;
  text-align: center;
}
.spinner.move-down {
  margin-top: 205px;
}
.spinner.center {
  position: relative;
  margin: auto;
  margin-bottom: 1.5rem;
}
.spinner.abs {
  position: absolute;
}
.spinner.slogin {
  margin: auto;
  position: relative;
  top: -3rem;
}
@keyframes mc-bounce {
  0%,
  50% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-10px);
  }
}
@keyframes mc-slide {
  0% {
    background-position-x: 100%;
  }
  100% {
    background-position-x: 55.55%;
  }
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@keyframes card-forward {
  0%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }
  49% {
    transform: translateX(-50px);
    opacity: 0;
  }
  51% {
    transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes card-backward {
  0%,
  100% {
    transform: translateX(0);
    opacity: 1;
  }
  49% {
    transform: translateX(50px);
    opacity: 0;
  }
  51% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
@keyframes scroll-up {
  0%,
  10% {
    transform: translateY(0);
  }
  90%,
  100% {
    transform: translateY(calc(-100% + 80px));
  }
}
.is-ie * {
  font-family: sans-serif !important;
}
.med-font {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
@keyframes shimmer {
  from {
    width: 0%;
    top: -25px;
  }
  to {
    width: 250%;
    top: -10px;
  }
}
.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
html {
  font-size: 16px;
  height: 100%;
}
svg tspan {
  letter-spacing: 0px;
}
svg g g g text {
  letter-spacing: 0px;
}
.perma-hide {
  display: none !important;
  opacity: 0 !important;
}
body {
  margin: 0px !important;
  padding: 0px !important;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  font-size: 1rem;
  color: black;
  height: 100%;
}
.mc-w3-slider {
  /* Rounded sliders */
}
.mc-w3-slider.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.mc-w3-slider.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.mc-w3-slider .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.mc-w3-slider .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}
.mc-w3-slider input:checked + .slider {
  background-color: var(--mcBlueDeep);
}
.mc-w3-slider input:focus + .slider {
  box-shadow: 0 0 1px var(--mcBlueDeep);
}
.mc-w3-slider input:checked + .slider:before {
  transform: translateX(26px);
}
.mc-w3-slider .slider.round {
  border-radius: 34px;
}
.mc-w3-slider .slider.round:before {
  border-radius: 50%;
}
.bottom-inset {
  box-shadow: inset 0 -10px 10px -10px #000000;
}
.tooltip-toggle {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-left: solid 1px var(--mcBlueDark);
}
.high-contrast-toggle {
  display: flex;
  border-left: solid 1px white;
  height: 100%;
  padding: 0 1rem 0 1rem;
  margin-left: 1rem;
  color: white;
}
.high-contrast-toggle .mc-w3-slider .slider {
  background-color: #ccc !important;
}
.mc-toggle {
  display: flex;
  align-items: center;
}
.mc-toggle-label {
  padding: 0 1rem 0 1rem;
}
#banner-text {
  width: 100%;
  align-items: center;
  font-size: 0.8rem;
  color: var(--mcBlueDark);
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  display: flex;
  justify-content: flex-start;
}
#banner-text a {
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: 400;
  margin-right: 1rem;
  color: var(--mcBlueDark);
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#banner-text #feedback-link {
  color: var(--mcBlueDark) !important;
}
#banner-text #feedback-link:hover #link-hover {
  opacity: 1;
}
#banner-text #banner-x {
  color: white;
  font-size: 1rem;
  cursor: pointer;
  margin-right: 1rem;
}
#tooltip-modal-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 10000;
}
#root,
.application,
#MC_app {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  transform: translateZ(0);
}
#root * > ::-webkit-scrollbar,
.application * > ::-webkit-scrollbar,
#MC_app * > ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  cursor: pointer;
}
#root * > ::-webkit-scrollbar-track,
.application * > ::-webkit-scrollbar-track,
#MC_app * > ::-webkit-scrollbar-track {
  width: 10px;
  border-radius: 0px;
  background-color: inherit;
}
#root * > ::-webkit-scrollbar-thumb,
.application * > ::-webkit-scrollbar-thumb,
#MC_app * > ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  width: 10px;
  background-color: rgba(0, 0, 0, 0);
}
#root * > ::-webkit-scrollbar-thumb:horizontal,
.application * > ::-webkit-scrollbar-thumb:horizontal,
#MC_app * > ::-webkit-scrollbar-thumb:horizontal {
  height: 10px;
}
#root * > ::-webkit-scrollbar-track:horizontal,
.application * > ::-webkit-scrollbar-track:horizontal,
#MC_app * > ::-webkit-scrollbar-track:horizontal {
  height: 10px;
}
#root *:hover > ::-webkit-scrollbar,
.application *:hover > ::-webkit-scrollbar,
#MC_app *:hover > ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#root *:hover > ::-webkit-scrollbar-track,
.application *:hover > ::-webkit-scrollbar-track,
#MC_app *:hover > ::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
#root *:hover > ::-webkit-scrollbar-thumb,
.application *:hover > ::-webkit-scrollbar-thumb,
#MC_app *:hover > ::-webkit-scrollbar-thumb {
  background-color: var(--mcBorderGray);
}
.application.showBoundries * {
  background-color: rgba(255, 0, 0, 0.2);
}
.application.showBoundries * * {
  background-color: rgba(0, 255, 0, 0.2);
}
.application.showBoundries * * * {
  background-color: rgba(0, 0, 255, 0.2);
}
.application.showBoundries * * * * {
  background-color: rgba(255, 0, 255, 0.2);
}
.application.showBoundries * * * * * {
  background-color: rgba(0, 255, 255, 0.2);
}
.application.showBoundries * * * * * * {
  background-color: rgba(255, 255, 0, 0.2);
}
.application.showBoundries * * * * * * * {
  background-color: rgba(255, 0, 0, 0.2);
}
.application.showBoundries * * * * * * * * {
  background-color: rgba(0, 255, 0, 0.2);
}
.application.showBoundries * * * * * * * * * {
  background-color: rgba(0, 0, 255, 0.2);
}
.mc-error {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: white;
  background-color: var(--mcBlue);
  flex-direction: column;
}
.mc-error img {
  margin-top: 1rem;
  width: 550px;
}
.no-shadow {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.header-shadow {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}
.content-shadow {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
.login .form #password:disabled {
  background-color: lightgray;
}
.login .show-hide.disabled {
  background-color: lightgray;
  pointer-events: none;
}
#summary-modal-card .section-title {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#summary-modal-card .section-title:not(:first-child) {
  margin-top: 0.5rem;
}
#summary-modal-card .section-body {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#summary-modal-card .section-body.last {
  margin-bottom: 1rem;
}
#summary-modal-card .section-body .section-item {
  display: flex;
  justify-content: flex-start;
  margin-right: 1.5rem;
  margin-bottom: 0.25rem;
}
#summary-modal-card .section-body .section-item .item-heading {
  font-size: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#summary-modal-card .section-body .section-item .item-heading::after {
  content: ":";
}
#summary-modal-card .section-body .section-item .item-text {
  margin-left: 0.75rem;
}
.app-header {
  height: 3rem;
  width: 100%;
  position: relative;
  top: 0;
  display: flex;
  padding-left: 2.5rem;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  background-color: var(--mcBlueDeep);
}
.app-header .MC-logo img {
  cursor: pointer;
}
.app-header.shown {
  z-index: 100;
}
.app-header #loa-button {
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}
.app-header #loa-button .butt {
  color: white;
  border-color: white;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  background-color: var(--mc24DarkestGrey);
}
.app-header #loa-button .butt:hover {
  color: var(--mc24DarkestGrey);
  border-color: "black";
  background-color: white;
}
.MC-logo {
  height: 40px;
}
.MC-logo.header-nav {
  display: flex;
  align-items: center;
}
.MC-logo.header-nav .read-only {
  color: white;
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: solid 1px white;
}
.MC-logo.trust-engine.header-nav .read-only {
  height: inherit;
  display: flex;
  align-items: center;
}
.MC-logo.trust-engine img {
  height: 40px;
}
@media (max-width: 900px) {
  .MC-logo.trust-engine img {
    height: 30px;
  }
}
.main-nav-bar {
  display: flex;
  justify-content: space-around;
  height: 100%;
  align-items: center;
}
.main-nav-bar.no-trans .nav-item {
  transition: all 0s !important;
}
.nav-item {
  position: relative;
  color: white;
  transition: all 0.2s;
  border-radius: 0px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 0 1.125rem;
  height: 3rem;
  cursor: pointer;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  text-decoration: none;
}
.nav-item.show-hide-nav {
  display: none;
  font-size: 2rem;
  margin-right: 0px;
  letter-spacing: 0px;
}
.nav-item.selected::after {
  opacity: 1;
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: white;
  transition: all 0.2s;
  content: "";
}
.nav-item:hover:not(.show-hide-nav) {
  background-color: var(--mcBlueLight);
  color: black;
}
.nav-item:hover:not(.show-hide-nav) .nav-item-sub-menu {
  opacity: 1;
  pointer-events: all;
  max-height: 100px;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.nav-item::after {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 0px;
  background-color: white;
  opacity: 0;
  transition: all 0.2s;
  content: "";
}
.nav-item-sub-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--mcBlueDeep);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
  max-height: 0px;
  overflow: hidden;
  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0);
}
.no-nav-link-style {
  text-decoration: none;
}
.content-container {
  width: 100%;
  position: relative;
  perspective: 4000px;
  height: calc(100% - 3rem);
}
.client-partner-component {
  width: 100%;
  height: 100%;
  background-color: var(--mcLightGray);
  z-index: 1;
  cursor: default;
  overflow: hidden;
  border-radius: 0px;
}
.client-partner-component.flexed {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hidden {
  display: none !important;
}
.page-header {
  width: 100%;
}
.overview {
  width: 100%;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
.side-nav {
  width: 282px;
  height: 100%;
  max-height: calc(100vh - 3rem);
  background-color: var(--mcTextDarkBlue);
  z-index: 1;
  transition: all 0.2s;
}
.side-nav .side-nav-header {
  width: 100%;
  height: 3.75rem;
  position: relative;
  display: flex;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  background-color: var(--mcBlueDark);
}
.side-nav .side-nav-menu,
.side-nav .side-nav-back {
  color: white;
  font-size: 1.75rem;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.side-nav .side-nav-menu:hover,
.side-nav .side-nav-back:hover {
  color: var(--mcBlueLight);
}
.side-nav .side-nav-body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: auto;
  overflow: overlay;
  height: 100%;
}
.side-nav .side-nav-body.sub {
  max-height: 0px;
  opacity: 0;
  transition: all 0.2s;
  pointer-events: none;
  height: -webkit-fit-content;
  height: fit-content;
  overflow: hidden;
}
.side-nav .side-nav-body.sub.shown {
  max-height: 1000px;
  opacity: 1;
  pointer-events: auto;
  overflow: auto;
}
.side-nav .side-nav-body.with-head {
  height: calc(100% - 160px);
}
.side-nav .side-nav-tab {
  color: var(--mcTextGray);
  font-size: 1.2rem;
  padding: 1.25rem 2rem;
  padding-left: 3.5rem;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
  background-size: 300% 100%;
  background-position: 0% 0;
  transition: background-position 0.3s, box-shadow 0.3s, border-bottom 0.3s, color 0.3s;
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background-image: linear-gradient(to right, #0f2c3a 34%, #f9f9f9 50%);
}
.side-nav .side-nav-tab * {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.side-nav .side-nav-tab svg.nav-icon {
  width: 25px;
  height: 25px;
  position: relative;
  left: -1rem;
  pointer-events: none;
}
.side-nav .side-nav-tab svg.nav-icon path,
.side-nav .side-nav-tab svg.nav-icon rect {
  transition: all 0.2s;
  fill: var(--mcTextGray);
}
.side-nav .side-nav-tab:hover,
.side-nav .side-nav-tab.selected {
  background-position: 75% 0;
  color: var(--mcTextDarkBlue);
}
.side-nav .side-nav-tab:hover path,
.side-nav .side-nav-tab.selected path,
.side-nav .side-nav-tab:hover rect,
.side-nav .side-nav-tab.selected rect {
  transition: all 0.2s;
  fill: var(--mcTextDarkBlue);
}
.side-nav .side-nav-tab.selected {
  transform: translateZ(0);
  color: var(--mcTextDarkBlue);
}
.side-nav .side-nav-tab.selected .nav-expand {
  color: var(--mcTextDarkBlue);
}
.side-nav .side-nav-tab .fa {
  margin-top: 0px;
  width: 17px;
}
.side-nav .side-nav-tab .fa.fa-minus {
  margin-top: 3px;
}
.side-nav .side-nav-tab.sub {
  padding-left: 3.5rem;
}
.side-nav .side-nav-tab.sub div {
  overflow: visible !important;
}
.side-nav .side-nav-tab .nav-expand {
  margin-left: auto;
  color: var(--mcTextGray);
  font-size: 1.75rem;
  line-height: 1.75rem;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.side-nav .side-nav-tab .nav-expand.down {
  transform: rotate(-90deg);
}
.side-nav .side-nav-tab .nav-expand.minus {
  transform: rotate(90deg) translateY(-5px);
}
.side-nav .side-nav-tab .nav-expand:hover {
  color: var(--mcTextDarkBlue);
}
.is-ie .side-nav .side-nav-body.sub,
.is-ie-edge .side-nav .side-nav-body.sub {
  height: 0px !important;
}
.is-ie .side-nav .side-nav-body.sub.shown,
.is-ie-edge .side-nav .side-nav-body.sub.shown {
  height: auto !important;
}
.nav-cards-container {
  width: 100%;
  height: 100%;
  display: flex;
}
.nav-cards-container.with-tools {
  width: calc(100% - var(--mc24SBW));
}
#open-tools-icon {
  display: none;
}
#tools-container {
  width: calc(var(--mc24SBW) - 0.1%);
  border-left: 1px solid transparent;
  max-width: 100%;
  height: 100%;
  background-color: var(--mcLightBlueBackground);
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tools-container .right-fixed-x {
  display: none;
}
#tools-container #et-card {
  width: 480px;
}
#tools-container #et-card .question.check {
  margin-bottom: 0;
}
#tools-container #et-card .question.check .question-text {
  margin-bottom: 0;
}
#tools-container #tools-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0rem 1rem;
  box-sizing: border-box;
  position: relative;
  height: 78px;
}
#tools-container #tools-header #tools-title {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#tools-container #tools-header #tools-top-right {
  margin-right: -1rem;
  display: flex;
}
#tools-container #tools-header #tools-menu {
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  height: 2rem;
  /* padding: 0rem 1rem; */
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  box-sizing: border-box;
  /* margin-right: -1rem; */
  border-left: solid 1px var(--mcBlueDeepDark);
  transition: all 0.2s;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tools-container #tools-header #tools-menu #tools-gear-text {
  position: absolute;
  height: 100%;
  top: 0;
  right: 100%;
  display: flex;
  align-items: center;
  padding-right: 1rem;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(0.75rem);
  transition: all 0.2s;
  pointer-events: none;
  margin-top: 1px;
}
#tools-container #tools-header #tools-menu #tools-gear-icon {
  width: 22px;
  transition: all 0.2s;
  transform: rotate(0deg);
}
#tools-container #tools-header #tools-menu #tools-gear-icon path {
  fill: white;
}
#tools-container #tools-header #tools-menu:hover {
  border-left-color: white;
}
#tools-container #tools-header #tools-menu:hover #tools-gear-text {
  opacity: 1;
  transform: translateX(0rem);
  pointer-events: auto;
}
#tools-container #tools-header #tools-menu:hover #tools-gear-icon {
  transform: rotate(45deg);
}
#tools-container #tools-body {
  flex: 1 1;
  flex-direction: column;
  justify-content: flex-start;
  padding: 1rem;
  box-sizing: border-box;
  overflow: auto;
  overflow: overlay;
}
#tools-container #tools-body #loansense-tool-box #loansense-house {
  height: 35px;
}
#tools-container #tools-body #loansense-tool-box .box-body {
  height: 100%;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#tools-container #tools-body #loansense-tool-box .upper-section {
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  display: flex;
  flex-direction: column;
  font-size: large;
  text-align: center;
}
#tools-container #tools-body #loansense-tool-box .error-text {
  text-align: center;
  padding: 0 1.5rem;
}
#tools-container #tools-body #loansense-tool-box .logo-container {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
#tools-container #tools-body #loansense-tool-box .logo-container img {
  height: auto;
  width: 35%;
}
#tools-container #tools-body #toxify-tool-box {
  height: 655px;
  max-height: 655px;
}
#tools-container #tools-body #toxify-tool-box .box-body {
  overflow: auto;
  overflow: overlay;
}
#tools-container #tools-body #annotate-tool-box {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  box-shadow: none;
  height: unset;
  overflow: visible;
}
#tools-container #tools-body #annotate-tool-box .box-header {
  display: none;
}
#tools-container #tools-body #annotate-tool-box .box-body {
  padding: 0;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container {
  display: flex;
  justify-content: space-between;
  color: var(--mc24Blue);
  overflow: visible;
  margin-bottom: 1.5rem;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left,
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right {
  display: flex;
  align-items: center;
  width: calc(50% - 0.5rem);
  height: 64px;
  padding-right: 1rem;
  box-sizing: border-box;
  border: solid 1px var(--mc24LighterGrey);
  border-radius: 3rem;
  box-shadow: var(--mc24BoxShadowMid);
  background-color: var(--mc24OffWhite);
  overflow: visible;
  transition: all 0.2s;
  cursor: pointer;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left .annotate-icon,
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right .annotate-icon {
  background: var(--mc24GradHorz1);
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left svg,
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right svg {
  width: 24px;
  height: 24px;
  padding: 0;
  background-color: transparent;
  border-radius: 2rem;
  box-sizing: border-box;
  transition: all 0.2s;
  color: var(--mc24White);
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left svg path,
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right svg path {
  fill: var(--mc24White);
  transition: all 0.2s;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left .annotate-text,
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right .annotate-text {
  margin-left: 0;
  font-size: 1rem;
  width: calc(100% - 64px);
  line-height: 1.25;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left:hover svg path,
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right:hover svg path {
  fill: white;
}
#tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right svg path {
  transform: scaleY(1.25) translateY(-6.25%);
}
#tools-container #tools-body .toolbox-link {
  padding: 0.5rem;
  background-color: var(--mcBlueDark);
  color: white;
  margin: 1rem 0;
  display: flex;
  width: 100%;
  border-radius: 2rem;
  text-decoration: none;
  max-width: 270px;
  padding-left: 0.5rem;
  box-sizing: border-box;
}
#tools-container #tools-body .tool-box {
  width: 100%;
  background-color: white;
  border-radius: 6px;
  border: 1px solid var(--mc24LighterGrey);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  margin-bottom: 1.5rem;
  transition: all 0.3s;
  opacity: 1;
  box-shadow: var(--mc24BoxShadowMid);
  transform: translateY(0rem);
}
#tools-container #tools-body .tool-box:not(.auto-height) {
  height: 311px;
  max-height: 313px;
}
#tools-container #tools-body .tool-box.padding {
  padding: 1rem;
  box-sizing: border-box;
}
#tools-container #tools-body .tool-box:last-child {
  margin-bottom: 0px;
}
#tools-container #tools-body .tool-box.zero-op {
  opacity: 0;
  transform: translateY(-0.75rem);
}
#tools-container #tools-body .tool-box.collapse {
  max-height: 3rem !important;
}
#tools-container #tools-body .tool-box.hide {
  max-height: 0px !important;
  box-shadow: none;
  margin: 0;
}
#tools-container #tools-body .tool-box.isOBMMI {
  height: 693px;
  max-height: 693px;
}
#tools-container #tools-body .tool-box.isOBMMI .box-body {
  padding: 0;
}
#tools-container #tools-body .tool-box .box-header {
  height: 3rem;
  background-color: var(--mc24White);
  background-color: var(--mc24OffWhite);
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--mc24Blue);
  width: 100%;
  padding: 1.8rem 1rem;
  box-sizing: border-box;
  margin-bottom: 0.5rem;
}
#tools-container #tools-body .tool-box .box-header .box-title {
  display: flex;
  align-items: center;
  font-family: "Mosk800";
  font-size: 18px;
  color: var(--mc24OffBlack);
}
#tools-container #tools-body .tool-box .box-header .box-icons {
  display: flex;
}
#tools-container #tools-body .tool-box .box-header .box-icons .toolbox-x {
  height: 1.5rem;
  font-size: 1.25rem;
  width: 1.5rem;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mcBlueMediumLight);
  border-radius: 1rem;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.2s;
}
#tools-container #tools-body .tool-box .box-header .box-icons .toolbox-x:hover {
  background-color: var(--mcBlueDeep);
}
#tools-container #tools-body .tool-box .box-header .box-icons .toolbox-info-icon {
  width: 25px;
  height: 25px;
  fill: white;
  position: absolute;
  top: 0.75rem;
  right: 1rem;
}
#tools-container #tools-body .tool-box .box-body {
  flex: 1 1;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tools-container #tools-body .tool-box .box-body #notes-text {
  flex: 1 1;
  width: 100%;
  overflow: auto;
  font-size: 1rem;
  box-sizing: border-box;
  border: none;
  color: #333;
  resize: none;
}
#tools-container #tools-body .tool-box .box-body.video {
  padding: 0;
}
#tools-container #tools-body .tool-box .box-body.video iframe {
  flex: 1 1;
  border: none;
}
#tools-container #tools-body .tool-box .box-body #ssdTable-table.mc-table-two tbody tr {
  cursor: default;
}
#tools-container #tools-body .tool-box .box-body #ssdTable-table.mc-table-two tbody tr:hover {
  background-color: inherit;
}
.card-container {
  height: 100%;
  width: 100%;
  position: relative;
  opacity: 1;
  transition: all 0.1s ease-in-out;
}
.card-container.right {
  opacity: 0;
  transform: translateX(35px);
}
.card-container.left {
  opacity: 0;
  transform: translateX(-35px);
}
.card-container.nt {
  transition: all 0s ease-in-out;
}
.card-container > .card {
  height: calc(100% - 120px);
  overflow: auto;
  overflow: overlay;
}
.cards {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.spicy-enter {
  opacity: 0.01;
  transform: translateX(100px);
}
.spicy-enter.spicy-enter-active {
  opacity: 1;
  transform: translateX(0);
  transition: all 300ms ease-in-out;
}
.spicy-leave {
  opacity: 1;
  transform: translateX(0);
}
.spicy-leave.spicy-leave-active {
  opacity: 0.01;
  transform: translateX(-100px);
  transition: all 300ms ease-in-out;
}
.card-scroller {
  position: absolute;
  top: calc(50% - 4rem);
  width: 8rem;
  height: 8rem;
  background-color: black;
  border-radius: 4rem;
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
  background-image: url(/mc-editor/static/media/whiteArrow.94bdc00e.svg);
  background-size: 50% 35%;
  background-position: 12px center;
  background-repeat: no-repeat;
}
.card-scroller.right {
  right: -4rem;
}
.card-scroller.left {
  left: -4rem;
  transform: rotate(180deg);
}
.card-scroller.hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}
.card-scroller.shown {
  opacity: 0.4;
}
.card-scroller:hover {
  opacity: 1;
}
.cards-header {
  height: 160px;
  width: 100%;
  background-color: var(--mcBlueMedium);
  padding: 1rem 1.5rem 1rem 2.5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cards-header .cards-header-name {
  font-size: 1.75rem;
  color: white;
  overflow: hidden;
  text-transform: capitalize;
  max-height: 77px;
  margin-left: -1px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.cards-header .cards-header-info {
  font-size: 0.8rem;
  margin-top: 0.5rem;
  color: var(--mcTextBlueLight);
}
.cards-header .header-hide {
  transition: all 0.2s;
  opacity: 0;
  display: none;
}
.hideout-overlay {
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9;
  display: none;
}
.hideout-overlay.showing {
  opacity: 1;
  pointer-events: auto;
}
.c-nav {
  font-size: 1rem;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  cursor: pointer;
  color: var(--mcGrayDark);
}
.c-nav:hover,
.c-nav:focus {
  text-decoration: underline;
  color: var(--mcBlue);
}
.c-nav.no-show {
  pointer-events: none;
  opacity: 0;
  cursor: default;
  display: none;
}
.card-nav-top {
  width: 100%;
  height: 3rem;
  background-color: var(--mcGray);
  display: flex;
  padding: 0rem 2rem;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.card-nav-top #ft-icon {
  display: none;
  transition: all 0.2s;
}
.card-nav-top #card-title-holder {
  display: flex;
  align-items: center;
}
.card-nav-top #card-title-holder .card-info-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.card-nav-top #card-title-holder .card-info-icon path {
  fill: var(--mcTextDarkBlue);
}
.card-nav-top .card-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.card-nav-top .card-header .title {
  margin-right: 1rem;
  color: var(--mcTextDarkBlue);
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.card-nav-top .card-header .subtitle {
  font-size: 1rem;
  font-style: italic;
  display: none;
}
#card-top-nav-holder {
  width: 250px;
  display: flex;
  justify-content: flex-end;
}
.card-nav-bot {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  box-sizing: border-box;
  position: -webkit-sticky;
  position: sticky;
}
.card-nav-bot .c-nav {
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0rem 1rem;
  border: solid 1px;
  border-radius: 4px;
}
.card-nav-bot .c-nav.no-show {
  width: 0px;
  overflow: hidden;
  margin: 0 !important;
  padding: 0;
  display: none;
}
.card {
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  z-index: 0;
  opacity: 1;
  transition: all 0.4s, opacity 0.4s linear 0.3s;
  font-size: 1rem;
  background-color: var(--mcLightGray);
  display: flex;
  flex-direction: column;
}
.card.exp-noti-vid-card {
  background-color: black;
  transition: all 0s;
}
.card.exp-noti-vid-card .card-header {
  position: relative;
}
.card.exp-noti-vid-card .card-header .title {
  font-size: 1.25rem;
}
.card.exp-noti-vid-card .card-header .fs-icon {
  position: absolute;
  width: 1rem;
  /* height: 1rem; */
  top: 0.7rem;
  right: 2.25rem;
  cursor: pointer;
}
.card.exp-noti-vid-card .card-header .fs-icon svg path {
  fill: white;
}
.card.exp-noti-vid-card.fullscreen {
  width: calc(100vw - 3rem);
  height: calc(100vh - 3rem);
}
.card.exp-noti-vid-card.fullscreen .card-body {
  max-height: unset;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.card.exp-noti-vid-card.fullscreen .card-body .exp-vid-iframe-container {
  padding-bottom: 0;
  height: 100%;
}
.card.hidden {
  min-width: 0%;
  width: 0%;
  opacity: 0;
  pointer-events: none;
}
.card.hidden .card-header,
.card.hidden .card-body,
.card.hidden .card-sidebar {
  opacity: 0;
}
.card .card-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 2rem;
  color: var(--mcBlueDeep);
  height: 7rem;
  box-sizing: border-box;
  opacity: 1;
  transition: all 0.4s;
}
.card .card-header .title {
  font-size: 2rem;
  margin-right: 4rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  letter-spacing: 0px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.card .card-header .title.smaller {
  font-size: 1.5rem;
}
.card .card-header .subtitle {
  font-size: 1rem;
  color: var(--mcGrayDark);
  font-style: italic;
}
.card .card-header.small {
  height: 5rem;
}
.card .card-body {
  margin: 1rem 1.5rem;
  box-sizing: border-box;
  border-radius: 2px;
  display: inline-block;
  transition: opacity 0.2s;
  width: calc(100% - 3rem);
  padding: 0;
  opacity: 1;
  position: relative;
}
.card .card-body.no-pad {
  padding: 0rem !important;
}
.card .card-body.add-pad-no-marg {
  padding: 1.5rem 1.5rem !important;
  margin: 0 !important;
}
.card .card-body.no-marg {
  margin: 0 !important;
}
.card .card-body.full-width {
  width: 100%;
}
.card .card-body.small-forms .question {
  margin-bottom: 1rem;
}
.card .card-body.small-forms .question select {
  height: 2rem;
}
.card .card-body.small-forms .question.form input {
  height: 2rem;
}
.card .card-body.small-forms .question.check input {
  height: 2rem;
  width: 2rem;
}
.card .card-body.small-forms .question .option-choice {
  height: 2rem;
}
.card .card-body.card-loading {
  width: 100%;
  height: 100%;
}
.card .card-body.card-loading .questions {
  width: 100%;
  height: 100%;
}
.card .card-body.card-loading .questions .card-loading-screen {
  background-color: inherit;
}
.card .card-body.card-loading .card-nav-bot {
  margin-bottom: 1rem;
}
.card .card-body.flex-card-body {
  flex: 1 1;
  max-height: calc(100% - 2rem);
}
.card .card-body.flex-card-body .questions {
  height: calc(100% - 5rem);
  min-height: calc(100% - 8rem);
}
.card .card-body .description {
  font-size: 1rem;
  font-family: "Mosk700";
  width: 100%;
  box-sizing: border-box;
  height: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.card .card-body .questions {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 560px;
  max-width: 100%;
}
.card .card-body .questions.align-start {
  justify-content: flex-start;
}
.card .card-body .questions.full-width {
  width: 100%;
}
.card .card-body .questions.row {
  flex-direction: row;
}
.card .card-body .questions.with-bot-marg {
  margin-bottom: 7rem;
}
.card .card-sidebar {
  display: inline-block;
  height: calc(100% - 5.75rem);
  margin: 1rem 1rem 1rem 0;
  vertical-align: top;
  width: calc(27% - 1rem);
  border-radius: 2px;
  background-color: #f9f0ff;
  transition: opacity 0.2s;
  opacity: 1;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
#lock-icon {
  width: 35px;
  height: 35px;
  /* position: absolute; */
  fill: white;
  margin-right: 1rem;
  top: 4px;
  position: relative;
}
.progress-bar {
  height: calc(10% - 1rem);
  margin: 0 1rem;
  display: flex;
  border-radius: 2px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
.horz-line {
  display: flex;
  width: 100%;
  align-items: center;
  border-top: solid 1px var(--mcGray);
  margin-bottom: 1rem;
}
.state-zip {
  display: flex;
  justify-content: space-between;
}
.state-zip .question:not(:last-child) {
  margin-right: 1rem;
}
.question {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  position: relative;
  width: 100%;
  font-size: 1rem;
}
.question.bord-top {
  padding-top: 1rem;
  border-top: solid 1px lightgray;
}
.question.no-bot-marg {
  margin-bottom: 0;
}
.question.half-size {
  width: calc(50% - 0.5rem);
}
.question .question-warning-container {
  color: red;
}
.add-bottom-margin {
  margin-bottom: 1.5rem;
}
.flare-p {
  margin: 0;
  font-size: 1.25rem;
  color: var(--mc24Teal);
  transition: all 0.2s;
  margin-left: 1rem;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.flare-p.changer {
  border-radius: 4px;
  width: 2.25rem;
  left: calc(100% + 1rem);
  height: 3rem;
  text-align: center;
  padding: 2px;
  color: var(--mcBlue);
  cursor: pointer;
  border: solid 1px var(--mcBlue);
  /* background-color: white; */
  /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35); */
  /* -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35); */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  box-sizing: border-box;
}
.flare-p.changer:hover,
.flare-p.changer:focus {
  color: white;
  background-color: var(--mcBlue);
}
.details {
  display: flex;
  align-items: center;
}
.details .form:first-child {
  margin-top: 0 !important;
}
.details .question.button {
  margin-bottom: 0;
}
.written-tip-card .card-body .text-pink {
  color: var(--mc24Pink);
}
.written-tip-card .card-builder-body.delete-mode {
  padding-left: 3.5rem !important;
}
.written-tip-card .card-builder-body.delete-mode .x-icon {
  opacity: 1;
  pointer-events: all;
}
.written-tip-card .card-builder-body ul .x-icon,
.written-tip-card .card-builder-body ol .x-icon {
  left: -2.5rem;
}
.written-tip-card .card-builder-body .writtenTip-gear-icon {
  display: block;
}
.written-tip-card .card-builder-body .written-tip-bullets {
  padding-right: 2rem;
}
.written-tip-card .card-builder-body .written-tip-text-form {
  white-space: pre-wrap;
  padding-right: 2rem;
}
.written-tip-card .written-tip-text-form {
  white-space: pre-wrap;
  margin-bottom: 1rem;
  position: relative;
}
.written-tip-card .written-tip-text-form.heading {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  font-size: 1.125rem;
  margin-bottom: 0.5rem;
}
.written-tip-card .x-icon {
  position: absolute;
  left: -2.5rem;
  transform: translateY(-1px);
  pointer-events: none;
  transition: all 0.2s, opacity 0s;
}
.written-tip-card > div {
  position: relative;
}
.written-tip-bullets {
  padding: 0;
  padding-left: 1rem;
  margin: 0;
  margin-bottom: 1rem;
  position: relative;
  padding-right: 2rem;
}
.written-tip-bullets li {
  margin-bottom: 0.5rem;
}
.written-tip-bullets span.bold {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-decoration: underline;
}
.writtenTip-gear-icon {
  position: absolute;
  width: 25px;
  right: 1rem;
  transform: translateY(-2px);
  cursor: pointer;
  z-index: 10;
  display: none;
}
.writtenTip-gear-icon path {
  fill: var(--mcLightAsh);
}
.written-tip-bullets svg.writtenTip-gear-icon {
  right: 0;
}
.mandatory:after {
  content: "*";
  color: red;
}
.form.input-error {
  margin-bottom: unset;
}
.form.input-error input {
  border-color: red;
  color: red;
}
.form input {
  font-size: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  width: 100%;
  border: solid 1px var(--mcBorderGray);
  border-radius: 4px;
  padding: 0.25rem 0.5rem;
  height: 3rem;
  box-sizing: border-box;
  background-color: inherit;
}
.form input.input-error {
  margin-bottom: unset;
  border-color: red;
  color: red;
}
.form.disabled input {
  background-color: #bfbfbf;
  border: solid 1px #5f5f5f;
}
.check img {
  width: 100%;
  cursor: pointer;
}
.check input[type="checkbox"] {
  -webkit-appearance: none;
  width: 2rem;
  height: 2rem;
  background-color: inherit;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid var(--mcBorderGray);
  margin: 0px;
}
.check input[type="checkbox"]:hover {
  background-color: white;
  border-color: var(--mcBlue);
}
.check.nowrap {
  flex-wrap: nowrap;
}
.check.nowrap .question-response {
  max-width: 2rem;
}
.button {
  width: unset;
  justify-content: flex-start;
}
.button.close-loan {
  margin-bottom: 0;
}
.button.download-badge-button {
  position: absolute;
  bottom: 0;
  right: 1rem;
}
.button .red-icon svg {
  width: 16px;
  height: 16px;
  color: var(--mc24Rose);
}
.button .icon-left svg {
  margin-right: 0.5rem;
}
.button .icon-right svg {
  margin-left: 0.5rem;
}
.button .icon-rotate-90 svg {
  transform: rotate(90deg);
}
.button .icon-rotate-180 svg {
  transform: rotate(180deg);
}
.button .icon-rotate-270 svg {
  transform: rotate(270deg);
}
.button .icon-rotate-45 svg {
  transform: rotate(45deg);
}
.button .butt {
  box-sizing: border-box;
  height: 3rem;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mcBlue);
  border: solid 1px var(--mcBlue);
  border-radius: 4px;
  padding: 0 1rem;
  transition: all 0.2s;
  background-color: inherit;
  cursor: pointer;
  white-space: nowrap;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.button .butt.butt:hover {
  background-color: var(--mcBlue);
  color: white;
}
.button .butt.small {
  height: 2rem;
}
.button .butt.disable {
  pointer-events: none;
}
.button .butt.ob-button {
  background-image: url(data:image/png;base64,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);
  background-size: cover;
  border: none;
  padding: 0;
  width: 133px;
  height: 51px;
  transition: all 0.2s;
}
.button .butt.ob-button:hover {
  background-image: url(data:image/png;base64,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);
}
.button .butt.closing-corp-button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNWRHWFIAAAIoSURBVEhLjZXNSxVhFIevXlMJhUBaiIgoYkIFESWCICokZaBQgYQ7wU1BBC0KQvMDQUQRCktIi/Bj1d7/QTB0pdBeaNcmE6J7e34zZ+zO3DNXf/Aw77zvOY9zZ+YdM6WSz+ezcDGXy7VBJ+MejtehjnGFlZ0/NFVKBBPwBbYSbMI8DEKttaUHYRmFzTANak4KI+kKtZMcX8NzuGqK4kgKNyj6CJ5QLEE/DIGueAWmYIDeGlPFw0I7BavgCcULuA8H8Jf6IIyP4Rssw2XThWGiFhbBEwrdmofwy3xBON+FWwwvmCoeFh+BJxR6eDdp/hnYLMwdQZMpisNiFbwFT7qF4xXHmVAXy5wp/NB0pVDkcBcOTXYa5vpM4YcCvYueMKID/pjvNMw9NoUfCsZMkMZt8MTbHLKmKQ4FT02QxjDshLr/Ye4ERhiWmSoI5+XMd0o8Cp4wYhaeBLZEmP8NevB6ay5x7IavMCbxPfCEhahhL9SVDnU70KBLb2GQ9l2I0K7qgu9hux/W963ugcQVDBbAExbyDnTl2vY/INjWOoI2i26J1t8z3RLccE76wJMl+QzPaOwRjLXNew195bRLxwOpQlE1EzPgyTw2QF/BD6BfEN3KT9Bg2jBM1IM+g0nJeVmHXtPFw0Ir6EF5jaXQLbjDL4+907FQUAcv4aw3JWIRYbu1l47+Mg36p6mP+5oJCtE9fqMHCP63+KzQmEXSCNeMVuaqbTklmcw/FwpAImcLRJMAAAAASUVORK5CYII=);
  background-color: var(--mcBlue);
  border-color: var(--mcBlue);
  width: 230px;
  background-position: left center;
  background-repeat: no-repeat;
  background-position-x: 3%;
  color: white;
}
.button .butt.closing-corp-button:hover {
  background-color: green;
  border-color: green;
}
.button .butt.closing-corp-button.first-am {
  background-image: unset;
}
.button .butt.closing-corp-button.first-am.no-width {
  width: unset;
}
.button .butt.closing-corp-button.lode-star {
  background-color: var(--mcBlueDeep) !important;
  background-image: url(data:image/png;base64,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);
  background-position-x: center;
  background-position: center;
}
.button .butt.closing-corp-button.grate {
  background-image: url(/mc-editor/static/media/Guaranteed_Rate_Button.61567256.svg);
  background-position-x: center;
  background-position: center;
  background-color: var(--mcBlueDeep);
  border-color: var(--mcBlueDeep);
}
.button .butt.closing-corp-button.grate:hover {
  background-color: #182f56;
  border-color: #182f56;
}
.button .butt.close-loan-button {
  height: 1.5rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-transform: capitalize;
}
.button .butt.close-loan-button.is-closed {
  background-image: url(/mc-editor/static/media/checked.560884fe.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-position-x: 10%;
  background-position-y: 50%;
  width: 100px;
  box-sizing: border-box;
}
.button .butt:not(.ob-button):active:hover {
  background-color: var(--mcBlueDeep);
  border: solid 1px var(--mcBlueDeep);
}
.button.full-width {
  width: 100%;
}
.closed-loan-check {
  width: 24px;
  height: 24px;
  border: solid 1px gray;
  border-radius: 50%;
  background-color: white;
}
.closed-loan-check.is-closed {
  background-image: url(/mc-editor/static/media/checked.560884fe.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  box-sizing: border-box;
}
.closed-loan-first-payment-dates {
  margin-bottom: 1rem;
}
.buttons-holder {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
}
.buttons-holder > .button:not(:last-child) {
  margin-right: 1rem;
}
.cc-bar-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6rem;
  border-radius: 2rem;
  transition: all 0.5s;
}
.cc-bar-container.expanded {
  width: 200px;
  background-color: white;
  justify-content: space-between;
}
.cc-bar-container.expanded .cc-bar-line {
  height: 6px;
  background-color: #cebfbf;
  width: calc(100% - 4rem);
  margin: 0 0.5rem;
  opacity: 1;
  background-position-x: 100%;
  animation-name: mc-slide;
  animation-duration: 0.75s;
  animation-delay: 2.28s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.cc-bar-container.expanded .cc-bar-circle {
  width: 3rem;
  padding: 0;
}
.cc-bar-container.expanded .cc-bar-circle .s-text {
  opacity: 0;
  font-size: 0.5rem;
  transform: translateY(-0.5rem);
}
.cc-bar-container.expanded .cc-bar-circle .cc-bar-dot {
  opacity: 1;
  animation-name: mc-bounce;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.cc-bar-container.expanded .cc-bar-circle .cc-bar-dot:nth-child(2) {
  animation-delay: 0.33s;
}
.cc-bar-container.expanded .cc-bar-circle .cc-bar-dot:nth-child(3) {
  animation-delay: 0.66s;
}
.cc-bar-container.expanded .cc-bar-circle .cc-bar-dot:nth-child(4) {
  animation-delay: 0.99s;
}
.cc-bar-container .cc-bar-line {
  width: 0px;
  height: 0px;
  opacity: 0;
  transition: all 0.5s, background-position 1.68s linear 0.6s;
  border-radius: 4px;
  background-image: linear-gradient(to right, #009ac8 0%, #009ac8 11.01%, #96c8fa 11.11%, #96c8fa 22.12%, #009ac8 22.22%, #009ac8 33.23%, #96c8fa 33.33%, #96c8fa 44.34%, #009ac8 44.44%, #009ac8 55.45%, #96c8fa 55.55%, #96c8fa 66.56%, #009ac8 66.66%, #009ac8 77.67%, #96c8fa 77.77%, #96c8fa 88.78%, #009ac8 88.88%, #009ac8 100%);
  background-size: 200% 100%;
  background-position-x: 200%;
  background-repeat: no-repeat;
}
.cc-bar-container .cc-bar-circle {
  height: 3rem;
  width: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #75ce78;
  color: white;
  border-radius: 2rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35);
  transition: all 0.5s;
  position: relative;
}
.cc-bar-container .cc-bar-circle.red {
  background-color: red;
}
.cc-bar-container .cc-bar-circle .s-text {
  opacity: 1;
  font-size: 1rem;
  transform: translateY(0rem);
  transition: all 0.5s;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.cc-bar-container .cc-bar-circle .cc-bar-dot {
  width: 6px;
  height: 6px;
  border-radius: 3px;
  background-color: white;
  opacity: 0;
  transition: opacity 0.5s;
  margin-right: 6px;
}
.cc-bar-container .cc-bar-circle .cc-bar-dot:last-child {
  margin-right: 0;
}
.dropdown select {
  font-size: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  border: solid 1px var(--mcBorderGray);
  border-radius: 2px !important;
  background-color: #ffffff00;
  height: 3rem;
  cursor: pointer;
  transition: all 0.2s;
  width: 100%;
  position: relative;
  z-index: 0;
}
.dropdown select:focus,
.dropdown select:hover {
  background-color: white;
  background-size: calc(100% - 12px) 100%;
  border-color: var(--mcBlue);
}
.dropdown select:disabled {
  pointer-events: none;
  background-color: var(--mcGray);
}
.dropdown .flare-p {
  left: unset;
  right: 0.5rem;
  z-index: 1;
  pointer-events: none;
}
.dropdown:hover .flare-p {
  color: white !important;
}
.check.no-resp .question-response,
.options.no-resp .question-response,
.dropdown.no-resp .question-response,
.text.no-resp .question-response,
.button.no-resp .question-response {
  width: 0%;
}
.check.no-text .question-text,
.options.no-text .question-text,
.dropdown.no-text .question-text,
.text.no-text .question-text,
.button.no-text .question-text {
  width: 0%;
}
.MC-client-dash {
  width: 90%;
  border-right: solid 1px #d2d2d2;
}
#overview {
  width: 100%;
  height: calc(100% - 3rem);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--mc24LightestGrey);
}
#overview.loading {
  background-image: unset;
}
.presi-chart-tooltip {
  position: absolute;
  text-align: left;
  top: 0;
  padding: 10px 10px;
  font: 14px sans-serif;
  background-color: white;
  border: solid 1px #43a8d0;
  border: solid 1px var(--primaryColor);
  pointer-events: none;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
  z-index: 0;
}
.paymentNoteText,
.textAreaTitle {
  /*font-size: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 1rem 0 0.5rem;

    .check,
    .form {
        width: unset;
        margin-bottom: 0;
        .question-text {
            margin-right: 1rem;
            margin-bottom: 0;
        }
        .question-response,
        .question-text {
            width: unset;
        }
        input:not([type="checkbox"]) {
            width: 5rem;
            margin-right: 0px;
            height: 2rem;
        }
        input[type="checkbox"] {
            margin-right: 0px;
        }
    }*/
}
.selectPresTextArea,
.presChartSidebar,
.shortSbdSidebar,
.smallSidebar {
  /*width: 100%;
    height: 5rem;
    overflow: auto;
    font-size: 1rem;
    box-sizing: border-box;
    //font-weight: 300;
    border-radius: 4px;
    border: solid 1px var(--mcBorderGray);
    color: #333;
    resize: none;
    background-color: inherit;
    padding: 0.5rem;
    font-weight: 300;
    &:focus {
        background-color: white;
        border-color: var(--mcBlue);
    }
    &:disabled {
        background-color: var(--mcGray);
    }*/
}
.longSbdSidebar {
  /*width: 100%;
    height: 5rem;
    overflow: auto;
    font-size: 1rem;
    box-sizing: border-box;
    //font-weight: 300;
    border-radius: 4px;
    border: solid 1px var(--mcBorderGray);
    color: #333;
    resize: none;
    background-color: inherit;
    padding: 0.5rem;
    font-weight: 300;
    &:focus {
        background-color: white;
        border-color: var(--mcBlue);
    }
    &:disabled {
        background-color: var(--mcGray);
    }*/
  height: 8rem;
}
.selectRepText {
  margin-bottom: 1rem;
}
.selectPresentMethod {
  margin-bottom: 1rem;
}
.pres-card-chart {
  width: 100%;
  height: 70%;
}
.pres-card-chart path {
  stroke: rgba(0, 0, 0, 0);
}
.no-pad {
  padding: 0 !important;
}
.bord-bot {
  border-bottom: solid 1px lightgray;
  margin-bottom: 1rem;
}
.dashboard {
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  padding: 0.5rem;
  font-size: 0rem;
  position: relative;
  overflow: auto;
}
.dashboard.no-pad {
  padding: 0;
}
.dashboard .dash-piece {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: 1rem;
  margin: 0.5rem;
  vertical-align: top;
}
.dashboard .dash-piece.border {
  border: solid 1px lightgray;
}
.dashboard .dash-piece.bord-left {
  border-left: solid 1px lightgray;
}
.dashboard .dash-piece.bord-right {
  border-right: solid 1px lightgray;
}
.dashboard .dash-piece.bord-top {
  border-top: solid 1px lightgray;
}
.dashboard .dash-piece.bord-bot {
  border-bottom: solid 1px lightgray;
}
.dashboard .dash-piece.right {
  float: right;
}
.dashboard .dash-piece.left {
  float: left;
}
.dashboard .dash-piece.red {
  background-color: red;
}
.dashboard .dash-piece.blue {
  background-color: blue;
}
.dashboard .dash-piece.yellow {
  background-color: yellow;
}
.dashboard .dash-piece.green {
  background-color: green;
}
.dashboard .dash-piece.w1 {
  width: calc(100% - 1rem);
}
.dashboard .dash-piece.w2 {
  width: calc(50% - 1rem);
}
.dashboard .dash-piece.w3 {
  width: calc(33.3% - 1rem);
}
.dashboard .dash-piece.w4 {
  width: calc(25% - 1rem);
}
.dashboard .dash-piece.w5 {
  width: calc(20% - 1rem);
}
.dashboard .dash-piece.w2by3 {
  width: calc(66.6% - 1rem);
}
.dashboard .dash-piece.w3by4 {
  width: calc(75% - 1rem);
}
.dashboard .dash-piece.w4by10 {
  width: calc(40% - 1rem);
}
.dashboard .dash-piece.w6by10 {
  width: calc(60% - 1rem);
}
.dashboard .dash-piece.w3by10 {
  width: calc(30% - 1rem);
}
.dashboard .dash-piece.w7by10 {
  width: calc(70% - 1rem);
}
.dashboard .dash-piece.h1 {
  height: calc(100% - 1rem);
}
.dashboard .dash-piece.h2 {
  height: calc(50% - 1rem);
}
.dashboard .dash-piece.h3 {
  height: calc(33.3% - 1rem);
}
.dashboard .dash-piece.h4 {
  height: calc(25% - 1rem);
}
.dashboard .dash-piece.h5 {
  height: calc(20% - 1rem);
}
.dashboard .dash-piece.h2by3 {
  height: calc(66.6% - 1rem);
}
.dashboard .dash-piece.h3by4 {
  height: calc(75% - 1rem);
}
.dashboard .dash-piece.h4by10 {
  height: calc(40% - 1rem);
}
.dashboard .dash-piece.h6by10 {
  height: calc(60% - 1rem);
}
.dashboard .dash-piece.h3by10 {
  height: calc(30% - 1rem);
}
.dashboard .dash-piece.h7by10 {
  height: calc(70% - 1rem);
}
.dashboard .dash-piece.h8by10 {
  height: calc(80% - 1rem);
}
.dashboard .MC-chart-container {
  width: 100%;
  height: 100%;
}
.dashboard .MC-chart-container .MC-bar-chart {
  width: 100%;
  height: 100%;
}
.dashboard .MC-chart-container .MC-bar-chart .axis path {
  stroke: rgba(255, 255, 255, 0);
}
svg {
  overflow: visible;
}
#d3-toolTip {
  position: fixed;
  text-align: left;
  top: 0;
  left: 0;
  padding: 10px 10px;
  font: 14px sans-serif;
  background-color: white;
  pointer-events: none;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  z-index: 50;
}
.question:hover {
  z-index: 2;
}
.question-tooltip {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  background-color: var(--mc24White);
  border-radius: 4px;
  transition: transform 0.2s, opacity 0.2s;
  box-shadow: var(--mc24BoxShadowMid);
  width: 285px;
  font-size: 14px;
}
.question-tooltip .tip-inner {
  width: 100%;
  background-color: inherit;
  border-radius: 4px;
  color: black;
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  z-index: 2;
  position: relative;
}
.question-tooltip .tip-inner .tip-title {
  margin-bottom: 0.25rem;
  font-size: 14px;
}
.question-tooltip::after {
  content: "";
  width: 20px;
  height: 20px;
  background-color: inherit;
  box-shadow: var(--mc24BoxShadowMid);
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
}
.question-tooltip.right {
  transform: translateX(-4px);
}
.question-tooltip.right::after {
  right: calc(100% - 10px);
  top: calc(50% - 10px);
}
.question-tooltip.left {
  transform: translateX(4px);
}
.question-tooltip.left::after {
  left: calc(100% - 10px);
  top: calc(50% - 10px);
}
.question-tooltip.top {
  transform: translateY(4px);
}
.question-tooltip.top::after {
  top: calc(100% - 10px);
  left: calc(50% - 10px);
}
.question-tooltip.bottom {
  transform: translateY(-4px);
}
.question-tooltip.bottom::after {
  bottom: calc(100% - 10px);
  left: calc(50% - 10px);
}
.question-tooltip.shown {
  opacity: 1;
}
.question-tooltip.shown.right,
.question-tooltip.shown.left {
  transform: translateX(0px);
}
.question-tooltip.shown.top,
.question-tooltip.shown.bottom {
  transform: translateY(0px);
}
.question-tooltip.disabled {
  opacity: 0 !important;
  box-shadow: none !important;
  pointer-events: none !important;
}
#goals-card .check .details .form {
  margin-bottom: 0;
}
#affordability-spend-card .text .form:last-child {
  margin-bottom: 0px;
}
.p-chart-card-body .p-chart-module {
  top: 0;
  right: 1px;
  border-top: none;
  border-right: none;
  width: 100%;
  height: 350px;
}
.p-chart-card-body .p-chart-module.grayed svg g#Payment rect {
  fill: gray;
}
.p-chart-card-body .p-chart-module.grayed svg g#Payment text {
  fill: gray;
}
.p-chart-card-body .p-chart-module.grayed svg text {
  font-family: "Mosk700";
}
.p-chart-card-body .table-loading {
  border: solid 1px lightgray;
  border-right: none;
  position: absolute;
  top: 349px;
  right: 1px;
  width: 100%;
  height: 337px;
}
.p-chart-card-body .tl-two {
  border: solid 1px lightgray;
  border-right: none;
  position: absolute;
  top: 0;
  right: 1px;
  width: 100%;
  height: 545px;
  margin-bottom: 1.5rem;
}
.p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container {
  position: absolute;
  top: 349px;
  right: 1px;
  width: 100%;
  height: 337px;
  border: solid 1px lightgray;
  border-top: none;
  border-right: none;
  margin-bottom: 1.5rem;
  background-color: var(--mcLightGray);
}
.p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container .hCell {
  letter-spacing: 0px;
}
.p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container tr:last-child td {
  border-bottom: none;
}
.p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container .fields li {
  padding-left: 0.5rem;
}
.p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container .table-scroll-container.fielded {
  width: calc(100% - 90px);
  left: 90px;
  background-color: var(--mc24LightestGrey);
}
.p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container .left-top-corner {
  z-index: 10;
  background-color: var(--mcGray);
  height: 48px;
  width: 90px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: solid 1px var(--mc24LightestGrey);
  box-sizing: border-box;
}
.is-current-indicator {
  margin-bottom: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-decoration: underline;
}
#closing-costs-card .form .check {
  margin-bottom: 0px;
  margin-top: 0.5rem;
}
#closing-costs-card .modal #fee-templates-card {
  width: 100%;
  max-width: 1200px;
}
#closing-costs-card .modal #fee-templates-card .card-header {
  height: 4rem;
}
#closing-costs-card .modal #fee-templates-card .card-body {
  max-height: calc(100vh - 4rem);
  padding: 0;
}
#closing-costs-card .modal #fee-templates-card .mc-table-vtwo-container.fee-table {
  height: 400px !important;
}
#closing-costs-card .modal #fee-templates-card .mc-table-vtwo-container.fee-table .question.check input {
  height: 1.5rem;
  width: 1.5rem;
}
#closing-costs-card .modal #fee-templates-card .mc-table-vtwo-container.fee-table .total-cell input {
  width: 125px;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps {
  max-width: 100%;
  overflow: visible;
  padding: 1.5rem;
  width: 100%;
  box-sizing: border-box;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps.loading {
  height: 400px;
  width: 100%;
  flex: none;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps.loading .ccd-top-content {
  display: none;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-table-loader {
  height: 400px;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-top-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-top-content .question {
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  #closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-top-content {
    flex-direction: column;
    align-items: initial;
  }
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-left {
  display: flex;
}
@media (max-width: 768px) {
  #closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-left {
    justify-content: space-between;
  }
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-left .dropdown {
  max-width: 230px;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-left .dropdown:first-child {
  margin-right: 1rem;
}
@media (max-width: 768px) {
  #closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-left .dropdown {
    max-width: 48%;
  }
  #closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-left .dropdown:first-child {
    margin-right: 0;
  }
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-right {
  display: flex;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .ccd-right .button:first-child {
  margin-right: 1rem;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-bottom-content {
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  #closing-costs-card .modal #fee-templates-card .right-side-temps .fee-bottom-content {
    flex-wrap: initial;
    flex-direction: column;
  }
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details {
  width: 100%;
  border-radius: 4px;
  background-color: var(--mc24White);
  box-sizing: border-box;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  margin: 1.5rem 0;
  border: 1px solid var(--mc24LighterGrey);
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details div {
  margin: 0.5rem 1.5rem 0.5rem 0;
  padding: 0rem 1.5rem 0rem 0;
  white-space: nowrap;
  border-right: 1px solid var(--mc24LighterGrey);
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details #fee-warning {
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details #fee-warning path {
  fill: yellow;
}
#closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details .spinner {
  height: 1.5rem;
  width: 1.5rem;
  bottom: 0.5rem;
  right: 0.5rem;
  margin: 0;
  position: absolute;
}
@media (max-width: 768px) {
  #closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details {
    flex-direction: column;
    flex-wrap: initial;
  }
  #closing-costs-card .modal #fee-templates-card .right-side-temps .fee-details div {
    border-right: 0;
    border-bottom: 1px solid var(--mc24LighterGrey);
    margin: 0;
    padding: 1rem;
  }
}
#monthly-costs-card .form .check {
  margin-bottom: 0px;
  margin-top: 0.5rem;
}
#monthly-costs-card .other-fee {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
#monthly-costs-card .other-fee .form {
  width: calc(50% - 0.5rem);
  margin: 0px !important;
}
#arm-detail-card .form .dropdown {
  margin-bottom: 0px;
  margin-top: 0.5rem;
}
#arm-detail-card #arm-adjustment-modal .card-header .title {
  margin-right: 0;
}
#arm-detail-card #arm-adjustment-modal .questions {
  height: 400px;
  margin-left: 0;
  width: 100%;
}
#arm-detail-card #adj-table .editable-cell {
  position: relative;
  width: 100%;
  padding: 10px;
}
#arm-detail-card #adj-table .editable-cell .e-cell-inside {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#arm-detail-card #adj-table .editable-cell .e-cell-inside .form {
  width: 3rem;
}
#arm-detail-card #adj-table .editable-cell .x-icon {
  position: absolute;
  left: 0.5rem;
}
#arm-detail-card #adj-table td:not(:first-child) {
  border-left: solid 1px var(--mcGray);
}
#arm-detail-card #adj-table tr:nth-child(even) td {
  background-color: var(--mcLightGray);
}
#arm-detail-card #adj-table td {
  text-align: center;
  border-bottom: none;
  box-sizing: border-box;
}
#arm-detail-card #adj-table td .form {
  width: 85px;
  margin: auto;
  margin-bottom: 0;
}
#arm-detail-card #adj-table td .form input {
  height: 2rem;
  text-align: center;
}
#arm-detail-card #adj-table-v2 {
  border: solid 1px var(--mcBorderGray);
  border-bottom: none;
}
#arm-detail-card #adj-table-v2 .hCell {
  justify-content: center;
}
#arm-detail-card #adj-table tbody tr {
  cursor: default;
}
#arm-detail-card #adj-table tbody tr:hover {
  background-color: inherit;
}
#arm-detail-card #adj-table tbody tr:hover .x-icon {
  opacity: 1 !important;
}
#ob-get-pricing-card {
  width: 900px;
  transition: width 0s;
}
#ob-get-pricing-card.wide {
  width: 1100px;
}
#ob-get-pricing-card .card-header {
  transition: height 0s;
}
#ob-get-pricing-card .card-body {
  margin: 0rem;
  padding: 1rem 2rem !important;
  width: 100%;
  max-height: 82vh;
}
#ob-get-pricing-card #custom-qs-container {
  overflow: auto;
}
#ob-get-pricing-card .questions {
  flex-direction: row !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}
#ob-get-pricing-card .questions .ob-col {
  width: 100%;
}
#ob-get-pricing-card .questions .ob-col.ob-small-margin .question {
  margin-bottom: 1rem;
}
#ob-get-pricing-card .questions .ob-col.small-margin .question {
  margin-bottom: 0.63rem;
}
#ob-get-pricing-card .questions .question select {
  height: 2rem;
}
#ob-get-pricing-card .questions .question.form input {
  height: 2rem;
}
#ob-get-pricing-card .questions .question.check input {
  height: 2rem;
  width: 2rem;
}
#ob-get-pricing-card .questions .question .option-choice {
  height: 2rem;
}
#ob-get-pricing-card .questions .table-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 0.5rem;
  background-color: var(--mcAsh);
  color: white;
  box-sizing: border-box;
  height: 3rem;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
#ob-get-pricing-card .questions .table-title .main {
  width: 100%;
}
#ob-get-pricing-card .questions .table-title .sub {
  white-space: nowrap;
}
#ob-get-pricing-card .questions .mc-table-vtwo-container {
  width: 100%;
  max-height: 450px;
  border: solid 1px var(--mcBorderGray);
  border-bottom: none;
  border-top: none;
}
#ob-get-pricing-card .questions .ok-cancel-buttons {
  width: 100%;
}
#ob-get-pricing-card .questions td.ob-products-first-cell .ob-cell-content {
  display: flex;
  align-items: center;
}
#ob-get-pricing-card .questions .plus-minus-sign {
  border-radius: 50%;
  margin-right: 0.5rem;
  font-size: 1rem;
}
#ob-get-pricing-card .questions td.ob-sub-product-container-cell {
  padding: 0 !important;
  font-size: 1rem;
}
#ob-get-pricing-card .questions .product-pricing-quotes {
  border: solid 4px var(--mcBlue);
  box-sizing: border-box;
}
#ob-get-pricing-card .questions #product-pricing-quotes-table-table-v2 {
  max-height: 336px !important;
}
#mi-pricing-card .mi-percentage,
#mi-pricing-card .total-mi-amount {
  margin-bottom: 1rem;
}
#mi-pricing-card .rate-quote-id {
  margin-bottom: 1rem;
}
#mi-pricing-card .rate-quote-title {
  margin-bottom: 0.5rem;
}
#mi-pricing-card .rate-quote-text {
  background-color: white;
  padding: 0.5rem;
  margin-bottom: 1rem;
  border: solid 1px var(--mcBorderGray);
  border-radius: 4px;
}
#mi-pricing-card .card-header.small {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
#mi-pricing-card .card-header.small .title {
  margin-right: 1rem;
}
#mi-pricing-card .card-header.small .mi-title-spacer {
  height: 2rem;
  border-left: 2px solid white;
  margin-right: 1rem;
}
#mi-pricing-card .card-header.small .mi-title-logo-container {
  display: flex;
}
#mi-pricing-card .card-header.small .mi-title-logo-container img {
  height: 2rem;
}
.mi-check-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.mi-check-container .check {
  width: 49%;
  margin-bottom: 0.5rem !important;
}
#ob-search-id,
.rate-quote-id {
  display: block;
  margin-right: auto;
}
#ob-search-id div,
.rate-quote-id div {
  background-color: var(--mcAsh);
  padding: 0.5rem;
  color: white;
  border-radius: 4px;
}
#ob-search-id span,
.rate-quote-id span {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-transform: uppercase;
}
.mc-dark-button {
  display: block;
}
.mc-dark-button div {
  background-color: var(--mcAsh);
  padding: 0.5rem;
  color: white;
  border-radius: 4px;
}
.mc-dark-button span {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-transform: uppercase;
}
#ob-search-id,
.rate-quote-id {
  display: block;
  margin-right: auto;
}
#ob-search-id div,
.rate-quote-id div {
  background-color: var(--mcAsh);
  padding: 0.5rem;
  color: white;
  border-radius: 4px;
}
#ob-search-id span,
.rate-quote-id span {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-transform: uppercase;
}
.fees-left-item {
  background-color: var(--mcAsh);
  color: white;
  border-radius: 4px;
  height: 2rem;
  padding: 0 1rem;
  display: flex;
  align-items: center;
}
.fees-left-item span {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  text-transform: uppercase;
  white-space: pre;
}
.margin-left-auto {
  margin-left: auto;
}
#MC_app.application #analysis-card .questions {
  width: 100%;
  flex-direction: row;
}
#MC_app.application #analysis-card .questions.full-height {
  height: 100%;
}
#MC_app.application #analysis-card .card-body .card-nav-bot {
  padding-left: 2rem;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  #MC_app.application #analysis-card .a-left {
    padding: 0;
  }
}
@media (min-width: 900px) {
  #MC_app.application #analysis-card .a-left {
    grid-column: 1 / 4;
  }
}
#MC_app.application #analysis-card .a-right {
  grid-column: 1 / 7;
}
@media (min-width: 900px) {
  #MC_app.application #analysis-card .a-right {
    grid-column: 4 / 7;
  }
}
#MC_app.application #analysis-card .a-right.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: solid 1px var(--mcGray);
  margin-bottom: -1px;
  background-color: white;
  min-height: 600px;
}
#MC_app.application #analysis-card .a-right.loading .chart {
  opacity: 0;
  display: none;
}
#MC_app.application #analysis-card .chart {
  width: 100%;
  height: 300px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px var(--mcGray);
  margin-bottom: -1px;
  border-right: none;
  font-size: 0rem;
}
#MC_app.application #analysis-card .chart svg {
  font-size: 1rem;
}
#MC_app.application #analysis-card .butt:not(.red-icon) path {
  fill: none;
  stroke: none;
}
#MC_app.application #analysis-card .q-info-icon path {
  fill: inherit !important;
  stroke: inherit !important;
}
#MC_app.application #analysis-card .client-partner-front-page {
  position: fixed;
}
#MC_app.application #analysis-card #search-results-modal-card .card-body .questions {
  flex-direction: column;
}
#MC_app.application #analysis-card #reinv-table {
  width: 90vw;
  height: 95vh;
  border-radius: 8px;
  overflow: hidden;
  max-height: 904px;
}
#MC_app.application #analysis-card #reinv-table .fields {
  border-color: var(--mc24LighterGrey);
}
#MC_app.application #analysis-card #reinv-table .reinv-title {
  height: 4rem;
  font-size: 20px;
  display: flex;
  align-items: center;
  padding: 2rem;
  box-sizing: border-box;
  background-color: var(--mc24OffWhite);
  color: var(--mc24OffBlack);
  position: relative;
  font-family: "Mosk700";
}
#MC_app.application #analysis-card #reinv-table .reinv-title .spinner {
  right: 2.5rem;
  height: 1rem;
  width: 1rem;
  top: 0.6rem;
  position: absolute;
}
#MC_app.application #analysis-card #reinv-table .inner-con {
  width: 100%;
  height: calc(100% - 4rem);
  overflow: auto;
  display: flex;
  background-color: white;
}
#MC_app.application #analysis-card #reinv-table .left-top-corner {
  z-index: 10;
  background-color: var(--mc24LightestGrey);
  height: 48px;
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: solid 1px var(--mc24LightestGrey);
  box-sizing: border-box;
}
#MC_app.application #analysis-card #reinv-table .reinv-fields {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 48px;
  background-color: white;
  box-sizing: border-box;
  border-right: solid 1px var(--mc24LightestGrey);
}
#MC_app.application #analysis-card #reinv-table .reinv-fields li {
  height: 3rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 1rem;
  box-sizing: border-box;
  font-size: 0.8rem;
  text-transform: uppercase;
}
#MC_app.application #analysis-card #reinv-table .reinv-fields li:nth-child(even) {
  background-color: var(--mcLightGray);
}
#MC_app.application #analysis-card #reinv-table .reinv-fields li:nth-child(odd) {
  background-color: white;
}
#MC_app.application #analysis-card #reinv-table .mc-table-vtwo-container {
  width: 100%;
  background-color: var(--mc24LightestGrey);
}
#MC_app.application #analysis-card #reinv-table .mc-table-header {
  color: black;
  background-color: var(--mc24LightestGrey);
}
#MC_app.application #analysis-card #reinv-table .table-scroll-container.fielded {
  width: calc(100% - 200px);
  left: 200px;
  background-color: var(--mcLightGray);
}
#MC_app.application #analysis-card #reinv-table .hCell {
  justify-content: center;
}
#MC_app.application #analysis-card #reinv-table .custom-row .x-icon {
  position: absolute;
  opacity: 0;
  left: 1rem;
}
#MC_app.application #analysis-card #reinv-table .custom-row:hover .x-icon {
  opacity: 1;
}
#MC_app.application #analysis-card #reinv-table .editable-cell {
  overflow: visible;
}
#MC_app.application #analysis-card #reinv-table td {
  text-align: center;
  min-width: 100px;
  border-bottom: none;
  box-sizing: border-box;
}
#MC_app.application #analysis-card #reinv-table td:not(:first-child) {
  border-left: solid 1px var(--mc24LighterGrey);
}
#MC_app.application #analysis-card #reinv-table td.red {
  color: var(--mc24Black);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
}
#MC_app.application #analysis-card #reinv-table td.green {
  color: var(--mc24Black);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
}
#MC_app.application #analysis-card #reinv-table td.custom {
  color: var(--mc24Black);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  cursor: pointer;
}
#MC_app.application #analysis-card #reinv-table td.editable {
  overflow: hidden;
}
#MC_app.application #analysis-card #reinv-table td.editable:hover {
  transition: all 0.2s;
}
#MC_app.application #analysis-card #reinv-table td.editable:hover .edit-icon {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
}
#MC_app.application #analysis-card #reinv-table .orange-row td {
  color: var(--mc24Black);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
}
#MC_app.application #analysis-card #reinv-table .highlight-row td {
  background-color: #FA7B7929 !important;
  font-family: "Inter", "sans-serif";
  font-weight: 700;
}
#MC_app.application #analysis-card #reinv-table .mc-table-two {
  z-index: 0;
}
#MC_app.application #analysis-card #reinv-table .mc-table-two tbody tr {
  cursor: default;
  height: 2rem;
}
#MC_app.application #analysis-card #reinv-table .mc-table-two tbody tr:hover {
  background-color: inherit;
}
#MC_app.application #analysis-card #reinv-table tr {
  border-bottom: 1px solid var(--mc24LighterGrey);
}
#MC_app.application #analysis-card #reinv-table tr:nth-child(even) td {
  background-color: var(--mc24OffWhite);
}
#MC_app.application #analysis-card #reinv-table .question {
  margin: 0.5rem auto;
  width: 100px;
}
#MC_app.application #analysis-card #reinv-table .question.dropdown {
  width: 150px;
  max-width: 100%;
}
#MC_app.application #analysis-card #reinv-table .question.dropdown select {
  height: 1.5rem;
}
#MC_app.application #analysis-card #reinv-table .check input {
  height: 1.5rem;
  width: 1.5rem;
}
#MC_app.application #analysis-card #reinv-table .form input {
  font-size: 0.8rem;
  height: 1.5rem;
  text-align: center;
}
#MC_app.application #analysis-card #reinv-table .check .question-response {
  width: unset;
  margin: auto;
}
.editable-cell {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}
.editable-cell:hover {
  transition: all 0.2s;
}
.editable-cell:hover .edit-icon {
  width: 24px;
  height: 24px;
  margin-right: 0.5rem;
}
.edit-icon {
  width: 0rem;
  height: 0rem;
  transition: all 0.15s;
  margin-right: 0rem;
  background-image: url(/mc-editor/static/media/edit-3.4fbb1fe9.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110%;
}
.edit-icon:hover {
  cursor: pointer;
}
.cpm-title {
  height: 4rem;
  display: flex;
  align-items: center;
  padding: 0 2rem;
  font-size: 1.5rem;
  background-color: var(--mc24OffWhite);
  color: var(--mc24OffBlack);
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.cpm-table {
  height: calc(100% - 8rem);
  padding: 1rem;
  box-sizing: border-box;
  background-color: white;
}
.cpm-table .mc-table-vtwo-container {
  border: solid 1px var(--mc24LighterGrey);
}
.cpm-table .mc-table-vtwo-container .hCell {
  justify-content: center;
}
.cpm-table .form input {
  font-size: 0.8rem;
  height: 1.5rem;
  text-align: center;
}
.cpm-table .mc-table-two tbody tr {
  cursor: default;
  height: 2rem;
}
.cpm-table .mc-table-two tbody tr:hover {
  background-color: inherit !important;
}
.cpm-table .question {
  margin: 0.5rem auto;
  width: 100px;
}
.cpm-table td.debts-cpm-month-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3rem;
  border-right: solid 1px lightgray;
}
.cpm-table td.debts-cpm-month-cell .x-icon {
  position: absolute;
  left: 1rem;
}
.cpm-table td.debts-cpm-month-cell:hover .x-icon {
  opacity: 1;
}
.cpm-footer {
  display: flex;
  height: 4rem;
  justify-content: flex-end;
  border-top: solid 1px var(--mc24LighterGrey);
}
.cpm-footer .question.button {
  margin: 0 !important;
  margin-right: 1rem !important;
  width: -webkit-fit-content !important;
  width: fit-content !important;
}
.cpm-container {
  width: 500px;
  height: 500px;
  background-color: var(--mc24OffWhite);
  border-radius: 8px;
  overflow: hidden;
}
#contact-card .phone-cell-fax {
  display: flex;
}
#contact-card .phone-cell-fax > div:not(:last-child) {
  margin-right: 1rem;
}
#contact-card .card-nav-bot {
  margin-top: 1.5rem;
}
#select-report-card p.explainer-text {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
  font-size: small;
}
#select-report-card .alerts-questions .card-alert-container .card.written-tip-card {
  width: 400px;
  min-width: 0%;
}
#select-report-card #sel-resp-div .option-choice {
  padding-left: 12px;
  padding-right: 12px;
}
#select-report-card .los-export {
  width: 100%;
  max-width: 560px;
}
#select-report-card .exp-done {
  margin-bottom: 1rem;
}
#select-report-card .question.check {
  flex-wrap: nowrap;
}
#select-report-card .question.check .question-text {
  margin-bottom: 0px;
}
#select-report-card .card-nav-bot {
  margin-top: 1.5rem;
}
#select-report-card .mc-modal-container #amort-preview-card {
  width: 1620px;
  height: 900px;
  max-width: 90vw;
  max-height: 95vh;
}
#select-report-card .mc-modal-container #amort-preview-card .card-body {
  max-height: unset;
  display: flex;
  flex-direction: column;
  flex: 1 1;
}
#select-report-card .mc-modal-container #amort-preview-card .card-body .spinner {
  position: relative;
}
#select-report-card .mc-modal-container #amort-preview-card .card-body .questions {
  max-width: unset;
  flex: 1 1;
}
#select-report-card .mc-modal-container #amort-preview-card .card-body .questions .card-loading-screen {
  height: 100%;
}
#select-report-card .mc-modal-container #amort-preview-card .card-body .questions #amortPreviewTable-table-v2 {
  border: solid 1px var(--mcBorderGray);
  border-bottom: none;
}
#select-report-card #selectReportCopyButton {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
#sbd-details-card #sbdShort {
  margin-bottom: 1rem;
}
#sbd-details-card #sbdShort,
#sbd-details-card #sbdLong {
  margin-top: 0.5rem;
}
#presentation-chart-card .questions.alerts-questions .card-alert-container.inline-with-questions {
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: 0rem;
}
#presentation-chart-card .questions {
  width: 100%;
}
#presentation-chart-card .pres-card-chart {
  height: 300px;
  background-color: white;
  padding: 0rem 1rem;
  box-sizing: border-box;
  border-bottom: solid 1px var(--mcGray);
}
#presentation-chart-card .pres-card-chart.top-bord {
  border-top: solid 1px var(--mcGray);
}
#presentation-chart-card .pres-card-chart svg {
  width: calc(100% - 15px);
}
#presentation-chart-card .pres-card-content {
  margin: 1rem 0;
}
#presentation-chart-card .presSelectType .question {
  margin-bottom: 0px;
}
#presentation-chart-card .presSelectType .question-response {
  justify-content: flex-start;
}
#preview-card .card-nav-bot {
  margin-top: 1.5rem;
}
#property-features-modal .q-row:not(.custom) .question {
  flex-wrap: nowrap;
  flex-direction: row-reverse;
}
#property-features-modal .q-row:not(.custom) .question .question-response {
  width: 3rem;
}
#property-features-modal .q-row:not(.custom) .question .question-text {
  margin-bottom: 0;
}
#property-features-modal .check input[type="checkbox"] {
  width: 1.5rem;
  height: 1.5rem;
}
#property-features-modal .check .question-response .details {
  width: calc(100% - 3rem);
  margin-left: 1rem;
}
#property-features-modal .check .question-response .details .question {
  margin-bottom: 0;
}
#prop-img-card .card-nav-bot {
  margin-top: 1.5rem;
}
#prop-img-card .tabsHeader {
  display: flex;
  justify-content: flex-start;
  margin-bottom: -1px;
  width: -webkit-fit-content;
  width: fit-content;
  border: solid 1px var(--mcBlue);
  border-radius: 4px 4px 0px 0px;
  border-bottom: none;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#prop-img-card .tabsHeader .prop-img-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--mcBlue);
  color: white;
}
#prop-img-card .tabsHeader .prop-img-tab.selected {
  background-color: var(--mcLightGray);
  color: var(--mcBlue);
}
#prop-img-card .preloaded-loading-container,
#prop-img-card .preloaded-img-container {
  width: 100%;
  height: 300px;
  border-radius: 4px;
  border-top-left-radius: 0px;
  box-sizing: border-box;
  margin: 0rem auto 1rem;
  background-color: var(--mcLightGray);
  border: solid 1px var(--mcBlue);
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}
#prop-img-card .preloaded-loading-container img,
#prop-img-card .preloaded-img-container img {
  max-width: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
  border: solid 1px var(--mcGray);
  border-radius: 4px;
}
#prop-img-card .controls {
  display: flex;
}
#prop-img-card .controls .button:not(:first-child) {
  margin-left: 1rem;
}
#prop-img-card .controls .button {
  width: 100%;
}
#prop-img-card .controls .butt {
  width: 100%;
}
#prop-img-card #imgUploader {
  position: fixed;
  top: -1000em;
}
#partner-images-card .headshot-logo,
#partner-images-card-setting .headshot-logo {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
#partner-images-card .headshot-logo .headShot .preloaded-loading-container,
#partner-images-card-setting .headshot-logo .headShot .preloaded-loading-container {
  margin-top: 0.5rem;
  width: 90px;
  height: 130px;
}
#partner-images-card .headshot-logo .logo .preloaded-loading-container,
#partner-images-card-setting .headshot-logo .logo .preloaded-loading-container {
  margin-top: 0.5rem;
  width: 216px;
  height: 100px;
}
#partner-images-card .img-container,
#partner-images-card-setting .img-container {
  width: 100%;
  height: 150px;
  background-color: var(--mcLightGray);
  border: solid 1px var(--mcBlue);
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 4px;
  margin: 1rem 0;
}
#partner-images-card .img-container img,
#partner-images-card-setting .img-container img {
  max-width: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
  border-radius: 4px;
  border: solid 1px var(--mcGray);
}
#partner-images-card .buttons,
#partner-images-card-setting .buttons {
  display: flex;
  margin-top: 1rem;
}
#partner-images-card .buttons .button:not(:first-child),
#partner-images-card-setting .buttons .button:not(:first-child) {
  margin-left: 1rem;
}
#partner-images-card #partnerImgUploader,
#partner-images-card-setting #partnerImgUploader {
  position: fixed;
  top: -1000em;
}
#partner-images-card #headshot-img,
#partner-images-card-setting #headshot-img {
  min-width: 66px;
  min-height: 95px;
  max-width: 150px;
  border: solid 1px var(--mcBorderGray);
  border-radius: 0px;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: white;
  line-height: 95px;
  text-align: center;
  font-size: 0.7rem;
  letter-spacing: 0px;
}
#partner-images-card #logo-img,
#partner-images-card-setting #logo-img {
  min-width: 320px;
  min-height: 80px;
  max-width: 320px;
  border: solid 1px var(--mcBorderGray);
  border-radius: 0px;
  margin-top: 0.5rem;
  padding: 0.5rem;
  background-color: white;
  line-height: 100px;
  text-align: center;
  font-size: 0.7rem;
  letter-spacing: 0px;
}
#partner-images-card .img-res-text,
#partner-images-card-setting .img-res-text {
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
#partner-images-card .eq-text,
#partner-images-card-setting .eq-text {
  margin: -0.5rem 0 1rem;
  font-size: 0.85rem;
}
#partner-images-card .eq-holder,
#partner-images-card-setting .eq-holder {
  width: 75px;
  border: solid 1px var(--mcBorderGray);
  border-radius: 0px;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  background-color: white;
}
#presi-image-card .card-nav-bot {
  margin-top: 1.5rem;
}
#presi-image-card .presi-image-selector .presi-img-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: -1px;
  width: -webkit-fit-content;
  width: fit-content;
  border: solid 1px var(--mcBlue);
  border-radius: 4px 4px 0px 0px;
  border-bottom: none;
  overflow: hidden;
}
#presi-image-card .presi-image-selector .presi-img-header > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: var(--mcBlue);
  color: white;
}
#presi-image-card .presi-image-selector .presi-img-header > div.selected {
  background-color: var(--mcLightGray);
  color: var(--mcBlue);
  border-bottom-color: var(--mcLightGray);
}
#presi-image-card .presi-image-selector ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 150px;
  display: inline-block;
}
#presi-image-card .presi-image-selector ul li {
  padding: 1rem 0.5rem;
}
#presi-image-card .presi-image-selector .presi-img-left .preloaded-loading-container,
#presi-image-card .presi-image-selector .presi-img-left .preloaded-img-container {
  width: 100%;
  height: 300px;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 0rem auto 1rem;
  background-color: var(--mcLightGray);
  border: solid 1px var(--mcBlue);
  justify-content: center;
  display: flex;
  align-items: center;
}
#presi-image-card .presi-image-selector .presi-img-left .preloaded-loading-container img,
#presi-image-card .presi-image-selector .presi-img-left .preloaded-img-container img {
  max-width: calc(100% - 1rem);
  max-height: calc(100% - 1rem);
  border: solid 1px var(--mcGray);
  border-radius: 4px;
}
#presi-image-card .presi-image-selector .presi-img-left.ohf .preloaded-img-container {
  border-top-left-radius: 0px;
}
#presi-image-card .presi-image-selector .presi-img-desc {
  margin: 1rem 0;
}
#settings-contact-card .question.form {
  display: block;
}
#settings-contact-card .phone-cell-fax,
#settings-contact-card .license {
  display: flex;
}
#settings-contact-card .phone-cell-fax > div:not(:last-child),
#settings-contact-card .license > div:not(:last-child) {
  margin-right: 1rem;
}
#settings-contact-card .edgeWidgText {
  margin-bottom: 0.5rem;
}
#settings-contact-card .edgeWidgText::after {
  color: red;
  content: "*";
}
.temps-list li {
  display: flex;
  justify-content: space-between !important;
}
.temps-list li:hover .x-icon {
  opacity: 1;
}
.temps-list li.selected .selected-bar {
  width: 0.5rem;
}
.temps-list li .selected-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.2s;
}
#product-templates-card .card-body,
div:not(.modal) > #fee-templates-card .card-body,
#report-templates-card .card-body {
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  box-sizing: border-box;
}
@media (max-width: 500px) {
  #product-templates-card .card-body,
  div:not(.modal) > #fee-templates-card .card-body,
  #report-templates-card .card-body {
    padding: 1rem;
  }
}
#product-templates-card .questions,
div:not(.modal) > #fee-templates-card .questions,
#report-templates-card .questions {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  grid-column: 4 / 7 !important;
}
#product-templates-card .templates,
div:not(.modal) > #fee-templates-card .templates,
#report-templates-card .templates {
  background-color: white;
  display: flex;
  flex-direction: column;
  background-color: var(--mcLightGray);
  grid-column: 1 / 3 !important;
  height: 600px;
}
#product-templates-card .templates ul,
div:not(.modal) > #fee-templates-card .templates ul,
#report-templates-card .templates ul {
  background-color: white;
}
#product-templates-card .templates .button,
div:not(.modal) > #fee-templates-card .templates .button,
#report-templates-card .templates .button {
  margin-bottom: 0;
  margin-top: 1rem;
}
#product-templates-card .right-side-temps,
div:not(.modal) > #fee-templates-card .right-side-temps,
#report-templates-card .right-side-temps {
  display: flex;
  flex: 1 1;
  background-color: white;
  border: solid 1px var(--mcBorderGray);
  box-sizing: border-box;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  grid-column: 3 / 7 !important;
}
#product-templates-card .right-side-temps #prod-prepaid-int-choices,
div:not(.modal) > #fee-templates-card .right-side-temps #prod-prepaid-int-choices,
#report-templates-card .right-side-temps #prod-prepaid-int-choices {
  width: 100%;
  border-bottom: solid 1px lightgray;
  padding: 1rem 2rem;
  padding-bottom: 0;
  box-sizing: border-box;
}
#product-templates-card .right-side-temps #prod-prepaid-int-choices .question-text,
div:not(.modal) > #fee-templates-card .right-side-temps #prod-prepaid-int-choices .question-text,
#report-templates-card .right-side-temps #prod-prepaid-int-choices .question-text {
  letter-spacing: 0px;
}
#product-templates-card .right-side-temps #product-details-card,
div:not(.modal) > #fee-templates-card .right-side-temps #product-details-card,
#report-templates-card .right-side-temps #product-details-card {
  background-color: white;
}
#product-templates-card .right-side-temps #product-details-card .questions,
div:not(.modal) > #fee-templates-card .right-side-temps #product-details-card .questions,
#report-templates-card .right-side-temps #product-details-card .questions {
  flex-direction: column;
  width: 560px;
  max-width: calc(100%);
}
#product-templates-card .right-side-temps #product-details-card .button,
div:not(.modal) > #fee-templates-card .right-side-temps #product-details-card .button,
#report-templates-card .right-side-temps #product-details-card .button {
  justify-content: flex-end;
  flex-direction: column;
}
#product-templates-card .right-side-temps #tca-template-card,
div:not(.modal) > #fee-templates-card .right-side-temps #tca-template-card,
#report-templates-card .right-side-temps #tca-template-card {
  background-color: white;
}
#product-templates-card .right-side-temps #tca-template-card .questions,
div:not(.modal) > #fee-templates-card .right-side-temps #tca-template-card .questions,
#report-templates-card .right-side-temps #tca-template-card .questions {
  flex-direction: column;
  width: 100%;
  max-width: 700px;
}
#product-templates-card .right-side-temps #tca-template-card .button,
div:not(.modal) > #fee-templates-card .right-side-temps #tca-template-card .button,
#report-templates-card .right-side-temps #tca-template-card .button {
  margin-top: 1rem;
}
#product-templates-card .right-side-temps #tca-template-card .button:last-child,
div:not(.modal) > #fee-templates-card .right-side-temps #tca-template-card .button:last-child,
#report-templates-card .right-side-temps #tca-template-card .button:last-child {
  margin-bottom: 0;
}
@media (max-width: 500px) {
  #product-templates-card .right-side-temps #tca-template-card .button > div[role="button"],
  div:not(.modal) > #fee-templates-card .right-side-temps #tca-template-card .button > div[role="button"],
  #report-templates-card .right-side-temps #tca-template-card .button > div[role="button"] {
    font-size: 0.8rem;
  }
}
#product-templates-card .right-side-temps .mc-modal-container .card .questions,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .card .questions,
#report-templates-card .right-side-temps .mc-modal-container .card .questions {
  flex-direction: column;
  box-sizing: border-box;
}
#product-templates-card .right-side-temps .mc-modal-container #monthly-costs-card,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container #monthly-costs-card,
#report-templates-card .right-side-temps .mc-modal-container #monthly-costs-card {
  width: 536px;
}
#product-templates-card .right-side-temps .mc-modal-container .ext-disc-container,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .ext-disc-container,
#report-templates-card .right-side-temps .mc-modal-container .ext-disc-container {
  width: 600px;
}
#product-templates-card .right-side-temps .mc-modal-container .ext-disc-container .paymentNoteText,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .ext-disc-container .paymentNoteText,
#report-templates-card .right-side-temps .mc-modal-container .ext-disc-container .paymentNoteText {
  margin-top: 0;
}
#product-templates-card .right-side-temps .mc-modal-container .ext-disc-container .selectPresTextArea,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .ext-disc-container .selectPresTextArea,
#report-templates-card .right-side-temps .mc-modal-container .ext-disc-container .selectPresTextArea {
  flex: 1 1;
  display: flex;
  margin-bottom: 1rem;
  height: 300px;
}
#product-templates-card .right-side-temps .mc-modal-container .ext-disc-container .ok-cancel-buttons,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .ext-disc-container .ok-cancel-buttons,
#report-templates-card .right-side-temps .mc-modal-container .ext-disc-container .ok-cancel-buttons {
  margin-top: 1rem;
}
#product-templates-card .right-side-temps .mc-modal-container .rec-vid-card,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .rec-vid-card,
#report-templates-card .right-side-temps .mc-modal-container .rec-vid-card {
  width: 600px;
}
#product-templates-card .right-side-temps .mc-modal-container .rec-vid-card button,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .rec-vid-card button,
#report-templates-card .right-side-temps .mc-modal-container .rec-vid-card button {
  margin-right: 1rem;
  font-size: 1.125rem;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border: solid 1px var(--mcBlueDeep);
  color: var(--mcBlueDeep);
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.5rem;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  transition: all 0.2s;
}
#product-templates-card .right-side-temps .mc-modal-container .rec-vid-card button.disabled,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .rec-vid-card button.disabled,
#report-templates-card .right-side-temps .mc-modal-container .rec-vid-card button.disabled {
  pointer-events: none;
}
#product-templates-card .right-side-temps .mc-modal-container .rec-vid-card button:not(.disabled):hover,
div:not(.modal) > #fee-templates-card .right-side-temps .mc-modal-container .rec-vid-card button:not(.disabled):hover,
#report-templates-card .right-side-temps .mc-modal-container .rec-vid-card button:not(.disabled):hover {
  background-color: var(--mcBlueDeep);
  color: white;
}
.x-icon {
  align-items: center;
  box-sizing: border-box;
  color: var(--mc24Black);
  cursor: pointer;
  display: flex;
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  font-size: 1.5rem;
  height: 25px;
  justify-content: center;
  letter-spacing: 0;
  min-width: 25px;
  opacity: 0;
  padding-bottom: 2px;
  transition: all 0.2s;
  width: 25px;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.x-icon:hover {
  color: var(--mc24Rose);
}
.x-icon.fee-table {
  display: inline;
}
#product-templates-card > .card-body > .questions > .right-side-temps {
  min-height: 650px;
}
#product-templates-card .right-side-temps {
  flex-direction: column;
  justify-content: flex-start;
}
#product-templates-card .right-side-temps .card-loading-screen {
  flex: 1 1;
  border: none;
}
#product-templates-card .card-nav-bot {
  margin-top: -1px;
}
#fee-templates-card .questions {
  align-items: flex-start;
}
#fee-templates-card .card-nav-bot {
  margin-top: 1.5rem;
}
#fee-templates-card .temp-name {
  padding-bottom: 2px;
  border-bottom: solid 1px;
  transition: all 0.2s;
}
#fee-templates-card .temp-state {
  font-style: italic;
  font-size: 0.9rem;
  padding-top: 0.2rem;
  transition: all 0.2s;
  margin-top: 0;
}
#fee-templates-card #fee-temps-list li.selected .question {
  margin: 0.2rem 0;
}
#fee-templates-card #fee-temps-list li.selected .temp-state,
#fee-templates-card #fee-temps-list li.selected .temp-name {
  cursor: pointer;
}
#fee-templates-card #fee-temps-list li.selected .temp-state:hover {
  padding: 0.5rem;
  border-bottom: none;
  border-radius: 4px;
  background-color: white;
  margin-top: 0.5rem;
}
#fee-templates-card #fee-temps-list li.selected .temp-name:hover {
  padding: 0.5rem;
  border-bottom: none;
  border-radius: 4px;
  background-color: white;
  margin-bottom: 0.2rem;
}
#fee-templates-card #edit-customs-card .temps-list li:first-child {
  color: black;
}
#fee-templates-card .right-side-temps {
  flex-direction: column;
  border: none;
  background-color: var(--mcLightGray);
  justify-content: flex-start;
}
#fee-templates-card .right-side-temps.loading {
  border: solid 1px var(--mcBorderGray);
  justify-content: center;
  align-items: center;
  background-color: white;
  height: 534px;
  box-sizing: border-box;
}
#fee-templates-card .right-side-temps .fee-table-loader {
  height: 534px;
  width: 100%;
  border: solid 1px var(--mcBorderGray);
  background-color: var(--mcLightGray);
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#fee-templates-card .fee-bottom-content {
  width: 100%;
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
}
#fee-templates-card .fee-bottom-content .left {
  display: flex;
}
@media (max-width: 768px) {
  #fee-templates-card .fee-bottom-content .left {
    flex-direction: column;
  }
}
#fee-templates-card .fee-bottom-content .check {
  margin-bottom: 0;
  width: -webkit-fit-content;
  width: fit-content;
  justify-content: center;
}
#fee-templates-card .fee-bottom-content .check .question-text {
  width: -webkit-fit-content;
  width: fit-content;
  margin-bottom: 0;
  margin-right: 1rem;
}
#fee-templates-card .fee-bottom-content .check .question-response {
  width: -webkit-fit-content;
  width: fit-content;
}
#fee-templates-card .fee-bottom-content .button {
  margin-bottom: 0;
  margin-right: 1rem;
  margin-top: 0;
}
@media (max-width: 768px) {
  #fee-templates-card .fee-bottom-content .button {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  #fee-templates-card .fee-bottom-content .question.button > .butt {
    width: 100%;
  }
}
#fee-templates-card .mc-modal-container #edit-customs-card {
  width: 800px;
}
#fee-templates-card .mc-modal-container #edit-customs-card .card-body .questions {
  margin: 0;
}
#fee-templates-card .mc-modal-container #edit-customs-card .card-body .questions.main {
  flex-direction: row;
  width: 100%;
}
#fee-templates-card .mc-modal-container #edit-customs-card .card-body .templates {
  height: 430px;
}
#report-templates-card .temps-list li:first-child {
  color: black;
}
#report-templates-card .card-nav-bot {
  margin-top: -1px;
}
.is-ie #product-templates-card,
.is-ie #fee-templates-card,
.is-ie #report-templates-card {
  display: block !important;
}
.is-ie #fee-templates-card .fee-bottom-content .check {
  width: auto !important;
}
.is-ie .question.button {
  width: auto !important;
}
.is-ie .left-fixed.nav-cards-container .card-nav-top #ft-icon {
  height: 1.5rem;
  top: 0.85rem;
}
.is-ie #fee-templates-card .right-side-temps {
  border: none !important;
}
.is-ie .mc-modal-container .card .card-body {
  position: static !important;
}
.is-ie .mc-modal-container .card .card-header {
  position: static !important;
}
.is-ie .mc-modal-container .modal {
  position: static !important;
}
.is-ie .mc-modal-container #intro-vids-card .card-body {
  position: relative !important;
}
.is-ie .mc-modal-container #intro-vids-card .card-header {
  position: relative !important;
}
.is-ie .mc-modal-container .modal .modal-close-x {
  position: relative !important;
  top: 0rem !important;
  left: calc(100% - 1.5rem) !important;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  z-index: 1;
  height: 0px !important;
}
.is-ie #product-templates-card #closing-costs-card .modal #fee-templates-card .right-side-temps {
  flex: 1 1 auto !important;
}
.is-ie #tools-container #tools-body #annotate-tool-box {
  height: 3rem !important;
}
.is-ie #tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-left svg,
.is-ie #tools-container #tools-body #annotate-tool-box .box-body .annotate-icons-container .annotate-right svg {
  height: 3rem !important;
  padding: 0.5rem !important;
}
.is-ie #tools-container #tools-header #tools-menu:hover #tools-gear-text {
  transform: translateX(-92px) !important;
}
.is-ie #tools-container #tools-body .tool-box .box-body.video iframe {
  min-width: 100% !important;
}
.is-ie .client-partner-front-page #notifications-bar-container.full-height {
  height: auto;
}
.is-ie .client-partner-front-page #notification-filters-holder {
  height: 3rem;
}
.is-ie #ob-search-id,
.is-ie .rate-quote-id {
  display: block;
  margin-right: 1rem;
}
#account-card .section {
  width: 560px;
  transition: all 0.2s;
  padding: 0.5rem 0rem;
}
#account-card .section .section-title {
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}
#account-card .section .mc-modal-container .card .card-body {
  padding-right: 0rem !important;
}
#account-card .section #bot-buttons {
  border-top: solid 1px var(--mcGray);
  padding: 0.5rem;
  box-sizing: border-box;
  padding-top: 0rem;
}
#account-card .section #bot-buttons .button {
  margin-bottom: 0rem;
  margin-top: 1.5rem;
}
#account-card .section .mc-modal-container .cra-settings-card .card-body {
  padding-right: 2rem !important;
}
#account-card .section .mc-modal-container .cra-settings-card .card-loading-screen {
  width: 100%;
  margin-bottom: 0;
}
#account-card .card-loading-screen {
  width: 560px;
}
.preloaded-loading-container,
.card-loading-screen {
  width: 100%;
  height: 300px;
  background-color: white;
  border: solid 1px var(--mcBorderGray);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
}
.preloaded-loading-container.front-table,
.card-loading-screen.front-table {
  height: calc(100% - 3.5rem);
  border: none;
}
.preloaded-loading-container.chart-loading,
.card-loading-screen.chart-loading {
  height: 100%;
  border: none;
}
.preloaded-loading-container.no-marg,
.card-loading-screen.no-marg {
  margin: 0;
}
.preloaded-loading-container.no-bord-radius,
.card-loading-screen.no-bord-radius {
  border-radius: 0px !important;
}
.preloaded-loading-container.clos-corp,
.card-loading-screen.clos-corp {
  background-color: #d7fbff;
}
.error-message {
  margin-bottom: 1rem;
}
.error-message .card-loading-screen {
  width: 100%;
}
#click-to-call-card .card-nav-bot {
  margin-top: 1.5rem;
}
#click-to-call-card .questions .ctoc-left {
  width: 275px;
  margin: 0rem 1rem 1rem 0rem;
}
#click-to-call-card .questions .ctoc-left.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  border: solid 1px var(--mcBorderGray);
  height: 300px;
}
#click-to-call-card .questions #ctoc-credit-products-table-v2 {
  height: auto;
  margin-bottom: 1.5rem;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: var(--mc24BoxShadowMid);
  border: 1px solid var(--mc24LighterGrey);
}
#click-to-call-card .questions #bot-buttons {
  border-top: solid 1px var(--mcGray);
  padding: 0.5rem;
  box-sizing: border-box;
  padding-top: 0rem;
}
#click-to-call-card .questions #bot-buttons .button {
  margin-bottom: 0rem;
  margin-top: 1.5rem;
}
#click-to-call-card .questions .ctoc-right {
  width: calc(100% - 275px - 1rem);
  height: 500px;
  border: solid 1px var(--mcBorderGray);
}
#click-to-call-card .questions .ctoc-right.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
@keyframes badge-bounce {
  0% {
    transform: translateY(-1000px);
    animation-timing-function: ease-in;
  }
  30% {
    transform: translateY(10px);
    animation-timing-function: ease-out;
  }
  52.5% {
    transform: translateY(-160px);
    animation-timing-function: ease-in;
  }
  75% {
    transform: translateY(3px);
    animation-timing-function: ease-out;
  }
  82.5% {
    transform: translateY(-66px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes left-sword-bounce {
  0% {
    transform: translate(-1000px, 1000px);
    animation-timing-function: ease-in;
  }
  30% {
    transform: translate(10px, -10px);
    animation-timing-function: ease-out;
  }
  52.5% {
    transform: translate(50px, -50px);
    animation-timing-function: ease-in;
  }
  75% {
    transform: translate(3px, -3px);
    animation-timing-function: ease-out;
  }
  82.5% {
    transform: translate(15px, -15px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes right-sword-bounce {
  0% {
    transform: translate(1000px, 1000px);
    animation-timing-function: ease-in;
  }
  30% {
    transform: translate(-10px, -10px);
    animation-timing-function: ease-out;
  }
  52.5% {
    transform: translate(-50px, -50px);
    animation-timing-function: ease-in;
  }
  75% {
    transform: translate(-3px, -3px);
    animation-timing-function: ease-out;
  }
  82.5% {
    transform: translate(-15px, -15px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes background-bounce {
  0% {
    transform: translateX(-100vw);
    animation-timing-function: ease-in;
  }
  30% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  52.5% {
    transform: translateX(-200px);
    animation-timing-function: ease-in;
  }
  75% {
    transform: translateX(0px);
    animation-timing-function: ease-out;
  }
  82.5% {
    transform: translateX(-50px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes modal-x-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.badge-display-container {
  width: 100vw;
  height: 525px;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
}
.badge-display-container.animate .badge-display-badge {
  animation-name: badge-bounce;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  transform: translateY(0px) !important;
}
.badge-display-container.animate .badge-display-background {
  animation-name: background-bounce;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  transform: translateX(0px) !important;
}
.badge-display-container.animate .badge-sword-left {
  animation-name: left-sword-bounce;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  transform: translate(0px, 0px) !important;
}
.badge-display-container.animate .badge-sword-right {
  animation-name: right-sword-bounce;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  transform: translate(0px, 0px) !important;
}
.badge-display-container.animate .modal-close-x {
  animation-name: modal-x-opacity;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  opacity: 1 !important;
}
.badge-display-container.animate .badge-display-congrats,
.badge-display-container.animate .badge-display-tagline {
  opacity: 1 !important;
}
.badge-display-container .badge-display-background {
  position: absolute;
  background-color: #178d9f;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 5;
  transform: translateX(-100vw);
}
.badge-display-container .badge-display-slide {
  margin: 0rem auto;
  position: relative;
  z-index: 10;
  width: 100%;
}
.badge-display-container .badge-display-slide .badge-display-congrats {
  font-size: 2.5rem;
  color: white;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  letter-spacing: 1px;
  margin: auto;
  display: flex;
  justify-content: center;
  margin-bottom: 0.25rem;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.badge-display-container .badge-display-slide .badge-display-tagline {
  font-size: 1.25rem;
  color: white;
  letter-spacing: 0px;
  margin: auto;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.badge-display-container .badge-display-slide .badge-display-badge {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin-top: 1rem;
  display: block;
  transform: translateY(-1000px);
  position: relative;
  z-index: 6;
}
.badge-display-container .badge-display-slide .badge-sword-left {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  display: block;
  transform: translate(-1000px, 1000px);
  position: absolute;
  top: 120px;
  left: calc(50% - 160px);
  z-index: 5;
}
.badge-display-container .badge-display-slide .badge-sword-right {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  display: block;
  transform: translate(1000px, 1000px);
  position: absolute;
  top: 120px;
  left: calc(50% - 140px);
  z-index: 5;
}
.badge-display-container .badges-next-back {
  margin: 1.2rem auto 0;
  z-index: 10;
  position: relative;
  display: flex;
  justify-content: center;
}
.badge-display-container .badges-next-back .question {
  margin-bottom: 0;
}
.badge-display-container .badges-next-back .question .butt {
  height: 2rem;
  color: white;
  border: solid 1px white;
}
.badge-display-container .modal-close-x {
  opacity: 0;
  z-index: 11 !important;
}
.badge-display-container #num-remaining-text {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: white;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  z-index: 10;
}
#settings-badges-card .card-body .questions {
  justify-content: flex-start;
}
#settings-badges-card .badge-card-body-top {
  margin-top: 1rem;
}
@media (min-width: 900px) {
  #settings-badges-card .badge-card-body-top {
    display: flex;
    justify-content: space-between;
  }
}
#settings-badges-card .badge-card-user {
  display: flex;
}
@media (max-width: 900px) {
  #settings-badges-card .badge-card-user {
    margin-bottom: 1.5rem;
  }
}
#settings-badges-card .badge-card-user .preloaded-loading-container,
#settings-badges-card .badge-card-user .card-loading-screen {
  width: 80px;
  height: 80px;
  border-radius: 50px;
}
#settings-badges-card .badge-card-user .preloaded-img-container {
  width: 100px;
  height: 100px;
  border: solid 2px var(--mcBlue);
  border-radius: 50%;
  box-sizing: border-box;
  overflow: hidden;
}
#settings-badges-card .badge-card-user #headshot-img {
  width: 100%;
}
#settings-badges-card .badge-card-user .badge-card-user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-transform: uppercase;
  margin-left: 2rem;
}
#settings-badges-card .badge-card-user .badge-card-user-info .name-field {
  font-size: 1.625rem;
}
#settings-badges-card .badge-card-user .badge-card-user-info .name-field.blue {
  color: var(--mcBlue);
}
#settings-badges-card .badge-card-user .badge-card-user-info .member-since {
  font-size: 0.8rem;
  margin-top: 0.5rem;
}
#settings-badges-card .stats-container {
  display: flex;
  background-color: #222222;
  color: white;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  height: 60px;
  height: -webkit-fit-content;
  height: fit-content;
}
#settings-badges-card .stats-cell {
  padding: 0.25rem 0.5rem;
  box-sizing: border-box;
  width: 175px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#settings-badges-card .stats-cell-title {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#settings-badges-card .stats-cell-expand {
  /* position: absolute; */
  /* top: 0.75rem; */
  /* right: 0.5rem; */
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: #222222;
  border-radius: 50%;
  font-size: 0.8rem;
  margin-left: 1rem;
  min-width: 12px;
  min-height: 12px;
  cursor: pointer;
  position: relative;
  z-index: 3;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
#settings-badges-card .stats-cell-expand.x-mode {
  transform: rotate(45deg);
}
#settings-badges-card .stats-cell:not(:last-child) {
  border-right: solid 1px white;
}
#settings-badges-card .stats-title-expand-container {
  display: flex;
  justify-content: space-between;
}
#settings-badges-card .stats-cell-value {
  flex: 1 1;
  margin-top: 0.25rem;
  /* max-height: 30px; */
  color: var(--mcBlueLight);
  font-size: 2rem;
  font-family: "Inter", "sans-serif";
  font-weight: 900;
  letter-spacing: 1px;
}
#settings-badges-card .expanded-stats-container {
  width: 250px;
  position: absolute;
  right: -1px;
  top: -0.25rem;
  background-color: #222222;
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  z-index: 2;
  transition: all 0.2s;
  pointer-events: none;
  opacity: 0;
  /* display: none; */
}
#settings-badges-card .expanded-stats-container.shown {
  opacity: 0.975;
  pointer-events: all;
}
#settings-badges-card .expanded-stats-header {
  font-size: 0.9rem;
  text-transform: uppercase;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#settings-badges-card .expanded-stats-value {
  color: var(--mcBlueLight);
  font-size: 2rem;
  font-family: "Inter", "sans-serif";
  font-weight: 900;
  letter-spacing: 1px;
}
#settings-badges-card .breakdown-header {
  margin-top: 1rem;
  font-size: 0.75rem;
  border-bottom: solid 1px #fafafa;
  padding-bottom: 4px;
}
#settings-badges-card .breakdown-row {
  margin-top: 1.25rem;
}
#settings-badges-card .breakdown-row-label {
  font-size: 0.8rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#settings-badges-card .breakdown-body {
  display: flex;
}
#settings-badges-card .breakdown-value {
  margin-top: 1.25rem;
  height: 30px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  line-height: 1.25rem;
  font-size: 1.5rem;
  color: var(--mcBlueLight);
  font-family: "Inter", "sans-serif";
  font-weight: 900;
  letter-spacing: 1px;
}
#settings-badges-card .breakdown-title-progress-bars {
  flex: 1 1;
}
#settings-badges-card .breakdown-values {
  margin-left: 1rem;
}
#settings-badges-card .badge-progress-bar-container {
  width: 100%;
  position: relative;
}
#settings-badges-card .progress-bar-holder {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#settings-badges-card .badge-progress-bar {
  height: 100%;
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
}
#settings-badges-card .badge-indicator-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid;
  position: relative;
  margin-bottom: 0.25rem;
}
#settings-badges-card .badge-progress-indicator {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  transform: translateX(-50%);
  align-items: center;
}
#settings-badges-card .progress-indicator-main {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  font-size: 0.8rem;
}
#settings-badges-card .progress-indicator-sub {
  font-style: italic;
  font-size: 0.8rem;
}
#settings-badges-card .badge-progress-bar-container.stats-breakdown-progress {
  border-radius: 1rem;
  height: 0.5rem;
  margin-top: 0.25rem;
}
#settings-badges-card .badge-progress-bar-container.stats-breakdown-progress .progress-bar-holder {
  border-radius: 1rem;
}
#settings-badges-card .badge-progress-bar-container.stats-breakdown-progress .badge-progress-bar {
  background-color: var(--mcBlueLight);
  border-radius: 1rem;
}
#settings-badges-card .onboarding-badges {
  display: flex;
  flex-direction: column;
}
@media (max-width: 900px) {
  #settings-badges-card .onboarding-badges .onboarding-badge-container {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 900px) {
  #settings-badges-card .onboarding-badges {
    width: 250px;
    margin-left: 2rem;
  }
}
#settings-badges-card .onboarding-badges .badge-progress-rows-container {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#settings-badges-card img.onboarding-badge {
  width: 115px;
  margin: auto;
  display: block;
}
#settings-badges-card .onboarding-badge-label {
  text-align: center;
  color: var(--mcBlueDeepDark);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 1px;
  margin-top: 0.5rem;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  #settings-badges-card .mortgage-master-badges {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 900px) {
  #settings-badges-card .mortgage-master-badges {
    flex: 1 1;
  }
}
#settings-badges-card .badges-header-tab {
  color: white;
  background-color: #222222;
  margin-right: auto;
  display: inline-block;
  padding: 1rem;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  border-radius: 0.5rem 0.5rem 0 0;
}
#settings-badges-card .badge-card-body-content {
  margin-top: 2rem;
  box-sizing: border-box;
  margin-bottom: 1.5rem;
}
@media (min-width: 900px) {
  #settings-badges-card .badge-card-body-content {
    display: flex;
  }
}
#settings-badges-card .badge-progress-rows-container {
  border: solid 3px #222222;
  margin-top: -3px;
  padding: 1rem 1.5rem;
  background-color: white;
}
#settings-badges-card .badge-progress-row {
  display: flex;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: solid 1px lightgray;
  box-sizing: border-box;
}
#settings-badges-card .badge-progress-row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: solid 0px lightgray;
}
#settings-badges-card .badge-progress-image-container {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#settings-badges-card .empty-img {
  width: 100%;
  height: 100px;
  background-color: #e0e0e0;
  border-radius: 50%;
}
#settings-badges-card .badge-progress-content {
  flex: 1 1;
  padding: 1rem 1.5rem;
}
#settings-badges-card .badge-progress-content.complete {
  padding-right: 0;
}
#settings-badges-card .progress-content-title-container {
  display: flex;
  align-items: center;
}
#settings-badges-card .progress-content-title {
  color: var(--mcBlueDeepDark);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 1px;
}
#settings-badges-card .expand-eye-icon {
  width: 12px;
  margin-left: 0.25rem;
  padding-bottom: 3px;
  cursor: pointer;
}
#settings-badges-card .current-points {
  font-size: 0.9rem;
}
#settings-badges-card .badge-progress-bar-container.main-badge-progress {
  height: 1rem;
  margin-top: 0.5rem;
  border-radius: 1rem;
  background-color: #eeeeee;
}
#settings-badges-card .badge-progress-bar-container.main-badge-progress .progress-bar-holder {
  border-radius: 1rem;
}
#settings-badges-card .badge-progress-bar-container.main-badge-progress .badge-progress-bar {
  background-color: var(--mcBlueDeep);
  border-radius: 1rem;
}
#settings-badges-card .badge-progress-bar-container.main-badge-progress.complete .badge-progress-bar {
  background-color: #59b200;
}
#settings-badges-card .badge-progress-bar-container.badge-row-modal-progress {
  height: 1rem;
  background-color: gray;
  border-radius: 1rem;
  margin: 0 auto;
  width: 90%;
  background-color: #eeeeee;
  margin-bottom: 4rem;
}
#settings-badges-card .badge-progress-bar-container.badge-row-modal-progress .progress-bar-holder {
  border-radius: 1rem;
}
#settings-badges-card .badge-progress-bar-container.badge-row-modal-progress .badge-progress-bar {
  background-color: var(--mcBlueDeep);
  border-radius: 1rem;
}
#settings-badges-card .badge-progress-bar-container.badge-row-modal-progress .badge-indicator-arrow {
  border-bottom-color: var(--mcBlueDeep);
}
#settings-badges-card .badge-progress-bar-container.badge-row-modal-progress.complete .badge-progress-bar {
  background-color: #59b200;
}
#settings-badges-card .next-points {
  font-style: italic;
  text-align: right;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}
#settings-badges-card .next-points.dark-grey {
  color: #8f8f8f;
}
#settings-badges-card .bigger {
  transform: scale(1.2);
}
#settings-badges-card .badge-card-badges-content {
  display: flex;
  overflow: hidden;
  flex-direction: column;
}
#settings-badges-card .badge-row {
  min-width: 200px;
  display: flex;
  flex-direction: column;
  background-color: white;
  padding: 2rem;
}
#settings-badges-card .badge-row .badge-row-title {
  color: var(--mcBlueDeepDark);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  font-size: 1.125rem;
  letter-spacing: 1px;
}
#settings-badges-card .badge-row .badge-row-badges {
  display: flex;
}
#settings-badges-card .badge-row .badge-row-badges:not(.tcasCreated) {
  margin-bottom: 2rem;
  margin-top: 1rem;
}
#settings-badges-card .badge-row .badge-row-badge {
  width: 150px;
  height: 150px;
  margin: auto 1rem;
}
#settings-badges-card .badge-row .badge-row-badge.gray {
  filter: grayscale(100%);
}
#settings-badges-card .badge-row .badge-row-badge:first-child {
  margin-left: 0 !important;
}
#settings-badges-card .badge-row .badge-row-badge.last {
  width: 190px;
  height: 190px;
  margin-right: 0;
}
#settings-badges-card .badge-row .badge-row-badge.tcas-created.last {
  padding-bottom: 33px;
}
#settings-badges-card .badge-row .badge-row-line {
  height: 50px;
  width: 8px;
  border-radius: 8px;
  background-color: var(--mcBlue);
  margin: auto;
  transform: rotate(90deg);
  display: none;
}
#settings-badges-card .badge-row .badge-row-line.tcas-created {
  height: 25px;
}
#settings-badges-card .badge-row .badge-row-line.gray {
  background-color: var(--mcGray);
}
#settings-badges-card #settings-badges-modals .modal .modal-close-x {
  color: #222222;
}
.earned-badge-main {
  cursor: pointer;
}
#earned-badges-modals .modal .modal-close-x {
  color: #222222;
}
img.earned-badge {
  width: 200px;
}
.earned-badge-container {
  background-color: white;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.earned-badge-title {
  color: var(--mcBlueDeepDark);
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  font-size: 2rem;
  letter-spacing: 1px;
}
.earned-badge-subtitle {
  font-size: 1.125rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  margin-bottom: 2rem;
}
.earned-badge-tagline {
  font-size: 1.125rem;
  width: 500px;
  text-align: center;
  font-style: italic;
  margin-bottom: 2rem;
}
#overview.admin .side-nav {
  display: none;
}
#overview.admin .card-container {
  width: 100%;
}
#overview.admin .admin-header {
  margin: 0;
  width: 100%;
  font-weight: unset;
}
.debt-item-icon {
  width: 22px;
  height: 22px;
  border-radius: 15px;
  margin-right: 0.5rem;
  background-size: contain;
  background-repeat: no-repeat;
}
.debt-item-icon.mortgage {
  background-image: url(/mc-editor/static/media/Mortgage_Debt.c9c325d5.svg);
}
.debt-item-icon.auto {
  background-image: url(/mc-editor/static/media/Auto_Debt.cef4be5b.svg);
}
.debt-item-icon.alimony {
  background-image: url(/mc-editor/static/media/Alimony_Debt.34d79aa5.svg);
}
.debt-item-icon.credit-card {
  background-image: url(/mc-editor/static/media/CredotCard_Debt.73acb170.svg);
}
.debt-item-icon.installment {
  background-image: url(/mc-editor/static/media/Installment_Debt.e088a31a.svg);
}
.debt-item-icon.personal {
  background-image: url(/mc-editor/static/media/Personal_Debt.16431598.svg);
}
.debt-item-icon.revolving {
  background-image: url(/mc-editor/static/media/Revolving_Debt.724b9266.svg);
}
.debt-item-icon.student {
  background-image: url(/mc-editor/static/media/Student_Debt.b0b9a603.svg);
}
.debt-item-icon.other {
  background-image: url(/mc-editor/static/media/Other_Debt.b3b3deed.svg);
}
.debt-item-icon.heloc {
  background-image: url(/mc-editor/static/media/HELOC_Debt.be6b5a75.svg);
}
.debt-item-icon.child-support {
  background-image: url(/mc-editor/static/media/ChildSupport_Debt.9120d0e7.svg);
}
.debt-item-icon.savings {
  background-image: url(/mc-editor/static/media/Savings.b031578d.svg);
}
#debts-card {
  width: 1275px;
}
#debts-card #debts-table-table-v2 {
  border: solid 1px var(--mcBorderGray);
  margin-bottom: 1.5rem;
  height: 400px;
}
#debts-card #debts-table-table-v2 .option-choice {
  height: 2rem;
}
#debts-card #debts-table-table-v2 .question.form.no-text {
  max-width: 100px;
}
#debts-card #debts-table-table-v2 .q-row > div:not(:last-child) {
  margin-right: 1rem;
}
#debts-card #debts-table-table-v2 .debt-item-cell {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.85rem 0;
  box-sizing: border-box;
  width: 550px;
  margin-right: 2rem;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  text-transform: uppercase;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.one,
#debts-card #debts-table-table-v2 .debt-item-cell > div.three {
  width: 28%;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.two {
  width: 44%;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.one {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.one,
#debts-card #debts-table-table-v2 .debt-item-cell > div.two,
#debts-card #debts-table-table-v2 .debt-item-cell > div.three {
  margin-bottom: 0.75rem;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.four {
  padding-left: 30px;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.one,
#debts-card #debts-table-table-v2 .debt-item-cell > div.four {
  justify-content: flex-start;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.two,
#debts-card #debts-table-table-v2 .debt-item-cell > div.five {
  justify-content: center;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.three,
#debts-card #debts-table-table-v2 .debt-item-cell > div.six {
  justify-content: flex-end;
}
#debts-card #debts-table-table-v2 .debt-item-cell > div.four,
#debts-card #debts-table-table-v2 .debt-item-cell > div.five,
#debts-card #debts-table-table-v2 .debt-item-cell > div.six {
  color: #009ac8;
  width: 33%;
  font-size: 0.7rem;
}
#debts-card #debts-table-table-v2 .editable-cell {
  min-width: 135px;
  justify-content: flex-start;
  min-height: 57px;
}
#debts-card #debts-table-table-v2 .editable-cell .edit-icon {
  position: absolute;
  right: 0.5rem;
}
#debts-card #debts-table-table-v2 .editable-cell .custom-text {
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  color: var(--mcBlue);
}
#debts-card #debts-table-table-v2 .editable-cell.in-product {
  min-height: 4.75rem;
}
#debts-card .debt-table-bottom-content {
  display: flex;
  justify-content: space-between;
}
#debts-card .debt-table-bottom-content .totals-container {
  display: flex;
}
#debts-card .debt-table-bottom-content .totals-container .payoff {
  margin-right: 1rem;
}
#debts-card .debt-table-bottom-content .question.button {
  margin-bottom: 0;
}
#debts-card .debt-total-amount-financed {
  width: auto;
  border-radius: 4px;
  background-color: var(--mcBlueRealDark);
  box-sizing: border-box;
  padding: 0.5rem;
  color: white;
  margin-right: auto;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}
#debts-card .debts-preview-container {
  width: 100%;
  margin-top: 1rem;
  height: 100vh;
  max-height: 73vh;
  border: solid 1px var(--mcBlue);
  border-radius: 4px;
  overflow: hidden;
}
#debts-card .debts-preview-container > iframe {
  width: 100%;
  border-style: none;
  height: 100%;
  box-sizing: border-box;
}
#debts-card .shift-right {
  margin-left: 7.25rem;
}
#main-alerts-card > .card-body,
#front-page-alerts-card > .card-body,
.cardAlertsCard > .card-body {
  display: flex;
  flex-direction: column;
  flex: 1 1;
  overflow: auto;
  overflow: overlay;
  width: 100%;
  margin: 0;
  padding: 1rem 2rem;
}
#main-alerts-card > .card-body > .questions,
#front-page-alerts-card > .card-body > .questions,
.cardAlertsCard > .card-body > .questions {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  box-sizing: border-box;
  flex: 1 1;
  min-height: 600px;
}
#main-alerts-card > .card-body > .questions.show-preview .alert-preview,
#front-page-alerts-card > .card-body > .questions.show-preview .alert-preview,
.cardAlertsCard > .card-body > .questions.show-preview .alert-preview {
  display: block;
  border: solid 1px var(--mcBorderGray);
  margin-top: 0;
  overflow: auto;
}
#main-alerts-card > .card-body > .questions.show-preview .alert-preview.vid-preview,
#front-page-alerts-card > .card-body > .questions.show-preview .alert-preview.vid-preview,
.cardAlertsCard > .card-body > .questions.show-preview .alert-preview.vid-preview {
  box-sizing: border-box;
}
#main-alerts-card > .card-body > .questions.show-preview .alert-preview.vid-preview .card-alert-vid-slide,
#front-page-alerts-card > .card-body > .questions.show-preview .alert-preview.vid-preview .card-alert-vid-slide,
.cardAlertsCard > .card-body > .questions.show-preview .alert-preview.vid-preview .card-alert-vid-slide {
  margin-bottom: 0;
  width: 100%;
}
#main-alerts-card > .card-body > .questions .alerts-right,
#front-page-alerts-card > .card-body > .questions .alerts-right,
.cardAlertsCard > .card-body > .questions .alerts-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 1.5rem;
  max-width: calc(100% - 500px - 1rem);
}
#main-alerts-card > .card-body > .questions .alert-preview,
#front-page-alerts-card > .card-body > .questions .alert-preview,
.cardAlertsCard > .card-body > .questions .alert-preview {
  height: 100%;
  margin-top: 1.5rem;
  box-sizing: border-box;
  width: 100%;
  display: none;
}
#main-alerts-card > .card-body > .questions .alert-preview.table-half-size .mc-table-vtwo-container,
#front-page-alerts-card > .card-body > .questions .alert-preview.table-half-size .mc-table-vtwo-container,
.cardAlertsCard > .card-body > .questions .alert-preview.table-half-size .mc-table-vtwo-container {
  height: calc(50% - 48px);
}
#main-alerts-card > .card-body > .questions .alert-preview .half-loading-holder,
#front-page-alerts-card > .card-body > .questions .alert-preview .half-loading-holder,
.cardAlertsCard > .card-body > .questions .alert-preview .half-loading-holder {
  height: 50%;
}
#main-alerts-card > .card-body > .questions .alert-preview .vid-alert-preview-holder,
#front-page-alerts-card > .card-body > .questions .alert-preview .vid-alert-preview-holder,
.cardAlertsCard > .card-body > .questions .alert-preview .vid-alert-preview-holder {
  height: 100%;
  padding: 4rem;
  box-sizing: border-box;
}
#main-alerts-card > .card-body > .questions .alert-controls,
#front-page-alerts-card > .card-body > .questions .alert-controls,
.cardAlertsCard > .card-body > .questions .alert-controls {
  min-width: 500px;
  width: 500px;
  background-color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#main-alerts-card > .card-body > .questions .card-body-content,
#front-page-alerts-card > .card-body > .questions .card-body-content,
.cardAlertsCard > .card-body > .questions .card-body-content {
  width: calc(100% - 250px);
  display: inline-block;
  vertical-align: top;
  padding: 0 1rem 0 0;
  box-sizing: border-box;
  position: relative;
}
#main-alerts-card > .card-body > .questions .card-body-controls,
#front-page-alerts-card > .card-body > .questions .card-body-controls,
.cardAlertsCard > .card-body > .questions .card-body-controls {
  width: 250px;
  display: inline-block;
  padding: 0 0 0 1rem;
  box-sizing: border-box;
  padding-top: 0;
  height: 100%;
}
#main-alerts-card > .card-body > .questions .card-body-controls .butt,
#front-page-alerts-card > .card-body > .questions .card-body-controls .butt,
.cardAlertsCard > .card-body > .questions .card-body-controls .butt {
  width: 100%;
}
#main-alerts-card > .card-body > .questions .ac-tabs,
#front-page-alerts-card > .card-body > .questions .ac-tabs,
.cardAlertsCard > .card-body > .questions .ac-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--mcAsh);
  width: 100%;
}
#main-alerts-card > .card-body > .questions .ac-tab,
#front-page-alerts-card > .card-body > .questions .ac-tab,
.cardAlertsCard > .card-body > .questions .ac-tab {
  padding: 0 1rem;
  font-size: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  letter-spacing: 1px;
  background-color: inherit;
  color: white;
  transition: all 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  box-sizing: border-box;
  max-width: 33.33%;
  height: calc(3rem + 2px);
  display: flex;
  align-items: center;
}
#main-alerts-card > .card-body > .questions .ac-tab.selected,
#front-page-alerts-card > .card-body > .questions .ac-tab.selected,
.cardAlertsCard > .card-body > .questions .ac-tab.selected {
  background-color: var(--mcBlue) !important;
  color: white;
}
#main-alerts-card > .card-body > .questions .ac-tab:hover,
#front-page-alerts-card > .card-body > .questions .ac-tab:hover,
.cardAlertsCard > .card-body > .questions .ac-tab:hover {
  background-color: var(--mcLightAsh);
}
#main-alerts-card > .card-body > .questions .ac-col,
#front-page-alerts-card > .card-body > .questions .ac-col,
.cardAlertsCard > .card-body > .questions .ac-col {
  overflow: auto;
  overflow: overlay;
  border: solid 1px var(--mcBorderGray);
  border-top: none;
  box-sizing: border-box;
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
#main-alerts-card > .card-body .card-nav-bot,
#front-page-alerts-card > .card-body .card-nav-bot,
.cardAlertsCard > .card-body .card-nav-bot {
  height: unset;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
#main-alerts-card .body-content-bullet,
#front-page-alerts-card .body-content-bullet,
.cardAlertsCard .body-content-bullet {
  white-space: pre;
}
#main-alerts-card .focused-body-content-item,
#front-page-alerts-card .focused-body-content-item,
.cardAlertsCard .focused-body-content-item {
  border-bottom: solid 2px var(--mcBlue);
  margin-bottom: 1rem;
}
#main-alerts-card .focused-body-content-item .question,
#front-page-alerts-card .focused-body-content-item .question,
.cardAlertsCard .focused-body-content-item .question {
  margin-bottom: 0.5rem;
}
#publish-selected-list {
  display: flex;
  flex-direction: column;
  /* height: 100%; */
  flex: 1 1;
  margin-left: 1rem;
}
#publish-selected-list .temps-header {
  position: relative;
  padding: 0rem 1rem;
  display: flex;
  height: 50px;
  align-items: center;
}
#publish-selected-list .temps-header > div:first-child {
  width: 100%;
}
#publish-selected-list .temps-header .list-close-button {
  padding: 0.25rem;
  box-sizing: border-box;
  background-color: white;
  color: var(--mcBlueDark);
  border-radius: 4px;
  cursor: pointer;
}
#publish-selected-list .temps-header .list-close-button.clear {
  right: 6rem;
  margin-left: 1rem;
}
#publish-selected-list .temps-list {
  flex: 1 1;
  height: 100%;
}
#publish-selected-list .temps-list li {
  border-bottom: none;
  margin-bottom: 4px;
}
#publish-selected-list .temps-list li:first-child {
  color: black;
}
#publish-selected-list .temps-list li .name-description {
  max-width: calc(100% - 25px);
  display: flex;
}
#publish-selected-list .temps-list li .item-name {
  padding-bottom: 2px;
}
#publish-selected-list .temps-list li .item-name.with-description {
  border-bottom: solid 1px;
  margin-bottom: 2px;
}
#publish-selected-list .temps-list li .item-description {
  font-style: italic;
  font-size: 0.9rem;
}
#publish-selected-list .temps-list li.organization {
  background-color: #ccf8cc;
}
#publish-selected-list .temps-list li.office {
  background-color: #fbd6db;
}
#publish-selected-list .temps-list li.user {
  background-color: #cce7f8;
}
#publish-selected-list .temps-list li.location {
  background-color: #e5ccf8;
}
#publish-selected-list .temps-list li .product-placement-holder {
  font-size: 1rem;
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#publish-selected-list .temps-list li .product-placement-holder .holder-checks input {
  margin-right: 10px;
  margin-left: 0px;
}
.video-list {
  background-color: white;
  margin-bottom: 1rem;
}
.video-list .temps-list li:first-child {
  color: black;
}
#videoUploader {
  position: fixed;
  top: 2000px;
}
.video-upload-preview {
  width: 100%;
  margin-bottom: 1rem;
  border: solid 1px;
  box-sizing: border-box;
  border-radius: 4px;
}
.p-chart-module {
  width: 500px;
  height: 300px;
  background-color: white;
  border: solid 1px lightgray;
  box-sizing: border-box;
}
.p-chart-module path {
  stroke: none;
}
.source-cell {
  position: relative;
  overflow: hidden;
}
.table-label-and-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  background-color: var(--mcAsh);
  color: white;
  height: 48px;
  box-sizing: border-box;
}
.table-label-and-filter .searchbar,
.table-label-and-filter .table-filter-container {
  margin-right: 0;
}
.search-export-container {
  display: flex;
  align-items: center;
}
.mc-table-vtwo-container.fee-table {
  height: 534px;
  width: 100%;
  border: solid 1px var(--mc24LighterGrey);
}
.mc-table-vtwo-container.fee-table .question {
  margin: 0.75rem 0;
  max-width: 200px;
}
.mc-table-vtwo-container.fee-table td {
  padding-right: 1rem;
}
.mc-table-vtwo-container.fee-table td .dropdown select {
  height: 3rem;
}
.mc-table-vtwo-container.fee-table td .form input {
  height: 3rem;
}
.mc-table-vtwo-container.fee-table tr td:first-child {
  padding-right: 0rem;
}
.mc-table-vtwo-container.fee-table .method-cell {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}
.mc-table-vtwo-container.fee-table .method-cell .plus-sign {
  margin: 0 0.5rem;
}
.mc-table-vtwo-container.fee-table .method-cell .question {
  max-width: 100px;
}
.mc-table-vtwo-container.fee-table .method-cell .question:last-child {
  max-width: 80px;
}
.mc-table-vtwo-container.fee-table .mc-table-two {
  margin-top: -53px;
}
.mc-table-vtwo-container.fee-table .mc-table-two tbody tr {
  cursor: default;
}
.mc-table-vtwo-container.fee-table .mc-table-two tbody tr:hover {
  background-color: inherit;
}
.mc-table-vtwo-container.fee-table .mc-table-two tbody tr:hover .x-icon {
  opacity: 1 !important;
}
.mc-table-vtwo-container.fee-table .mc-table-two thead tr {
  height: 53px;
}
.mc-table-vtwo-container.fee-table .empty-dropdown {
  height: 1.8rem;
  border-radius: 2px;
  font-size: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  border: solid 1px var(--mcBorderGray);
  border-radius: 2px !important;
  background-color: #ffffff00;
  cursor: pointer;
  width: 100%;
  position: relative;
  z-index: 0;
  max-width: 200px;
}
.hidden-img {
  width: 0px !important;
  height: 0px !important;
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: none !important;
}
.exp-vid-iframe-container {
  width: 100%;
  padding-bottom: 60%;
  background-color: black;
  position: relative;
}
.exp-vid-iframe-container iframe {
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
}
.fp-button {
  height: 2.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: solid 1px var(--mcBlue);
  border-radius: 2px;
  padding: 0 1rem;
  transition: all 0.2s;
  background-color: var(--mcBlueDeep);
  cursor: pointer;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  letter-spacing: 2px;
}
.medal-icon .a {
  fill: #ff583e;
}
.medal-icon .b {
  fill: #d1093a;
}
.medal-icon .c {
  fill: #fff566;
}
.medal-icon .d {
  fill: #ffda45;
}
.medal-icon .e {
  fill: #ffa426;
}
.bulb-icon .st0 {
  -webkit-clip-path: url(#SVGID_2_);
          clip-path: url(#SVGID_2_);
}
.bulb-icon .st1 {
  fill: #ffd92d;
}
.bulb-icon .st2 {
  fill: #fcbe00;
}
.bulb-icon .st3 {
  fill: #39689f;
}
.bulb-icon .st4 {
  fill: #224370;
}
.bulb-icon .st5 {
  fill: #ff9f01;
}
.bulb-icon .st6 {
  fill: #f87f02;
}
.newspaper-icon .a {
  fill: #ece7ea;
}
.newspaper-icon .b {
  fill: #f14742;
}
.newspaper-icon .c {
  fill: #1b4145;
}
.newspaper-icon .d {
  fill: #d6ced1;
}
.newspaper-icon .e {
  fill: #8b7e7f;
}
.client-partner-front-page {
  flex-direction: column;
}
.client-partner-front-page #loa-button {
  margin: 0 0 0 1rem;
}
.client-partner-front-page #loa-button .butt {
  height: 2rem;
}
.client-partner-front-page.admin .fill-box {
  flex: 1 1;
  padding: 0.5rem 1.5rem 4rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
  width: 100%;
}
.client-partner-front-page.admin .fill-box #table-part {
  flex-grow: 1;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 1.5rem 1px 1.5rem !important;
}
@media (min-width: 900px) {
  .client-partner-front-page.admin .fill-box #table-part {
    height: unset !important;
  }
}
.client-partner-front-page.admin .fill-box #table-part .table-n-tabs {
  display: flex;
  flex-direction: column;
}
.client-partner-front-page.admin .fill-box #table-part .table-n-tabs #table-search-input {
  background: var(--mc24White);
}
.client-partner-front-page.admin .fill-box #table-part .table-n-tabs .mc-table-vtwo-container {
  overflow: scroll;
}
.client-partner-front-page.admin .fill-box #chart-part {
  box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.25);
  padding-left: 0;
  margin-left: 2rem;
  flex-grow: 1;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
}
.client-partner-front-page.admin .fill-box #chart-part .card {
  height: 100%;
}
.client-partner-front-page.admin .fill-box #chart-part .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.client-partner-front-page.admin .fill-box #chart-part .card-body .card-loading-screen {
  height: 100%;
}
.client-partner-front-page.admin .fill-box #chart-part .card-body .questions {
  width: 100%;
  flex: 1 1 100%;
  justify-content: flex-start;
}
.client-partner-front-page.admin .fill-box #chart-part .card-body .ok-cancel-buttons {
  padding-bottom: 0;
  padding-right: 0;
  height: 4rem;
  background: transparent;
}
@media (min-width: 900px) {
  .client-partner-front-page.admin .fill-box #chart-part {
    height: unset !important;
  }
}
.client-partner-front-page.admin .front-page-tabs-search .fpt {
  padding-left: 0.5rem;
}
.client-partner-front-page.admin .front-page-tabs-search .fpt:hover {
  background-color: var(--mc24White);
  cursor: default;
}
.client-partner-front-page.admin .fp-text-bot {
  margin-top: 0rem;
  margin-bottom: 1rem;
  height: 7rem;
  flex-wrap: wrap;
  padding-left: 0rem;
}
.client-partner-front-page.admin .fp-text-bot .q-row {
  align-items: center;
  width: 100%;
}
.client-partner-front-page.admin .fp-text-bot .q-row .form {
  max-width: 260px;
}
.client-partner-front-page.admin .fp-text-bot .new-button {
  margin-left: auto !important;
  margin-top: 0.25rem;
}
.client-partner-front-page.admin .table-n-tabs {
  height: calc(100% - 8rem);
}
.client-partner-front-page.admin #greetings-box {
  width: calc(100% - 300px);
  display: flex;
  align-items: center;
  margin-top: 0;
}
.client-partner-front-page.admin #top-bar {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
}
@media (min-width: 900px) {
  .client-partner-front-page.admin #top-bar {
    display: flex;
  }
}
.client-partner-front-page.admin #top-bar #cm-button {
  height: 2.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border: solid 1px var(--mcBlue);
  border-radius: 2px;
  padding: 0 1rem;
  transition: all 0.2s;
  background-color: var(--mcBlueDeep);
  cursor: pointer;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  letter-spacing: 2px;
  width: 300px;
  font-size: 1.25rem;
}
.client-partner-front-page.admin #top-bar #cm-button:hover {
  background-color: var(--mcBlue);
}
.client-partner-front-page .dashboard {
  padding: 1rem;
}
.client-partner-front-page #top-bar-holder {
  width: 100%;
  display: flex;
  position: relative;
  z-index: 2;
}
.client-partner-front-page #top-bar {
  width: 100%;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  display: flex;
  /*&:before {
        display: block;
        content: "";
        width: 100%;
        margin-bottom: 1.25rem;
      }*/
}
@media (max-width: 900px) {
  .client-partner-front-page #top-bar {
    flex-wrap: wrap;
  }
}
.client-partner-front-page #greetings-box {
  display: inline-block;
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
}
@media (max-width: 900px) {
  .client-partner-front-page #greetings-box {
    margin-top: 0;
  }
}
.client-partner-front-page #greetings-box.no-notifications {
  width: 100%;
}
.client-partner-front-page #greetings-box .greetings-box-text {
  font-size: 32px;
  font-family: "Mosk600";
}
.client-partner-front-page .fp-buttons {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.client-partner-front-page .fp-buttons .search-icon {
  margin-right: 1.5rem;
  color: var(--mc24Blue2);
  height: 32px;
  width: 32px;
  cursor: pointer;
}
.client-partner-front-page .fp-buttons .search-icon svg {
  width: 32px;
  height: 32px;
}
.client-partner-front-page #notification-filters-holder {
  display: none;
  /*
        .notification-filter {
            display: flex;
            align-items: center;
            font-size: 0.8rem;
            cursor: pointer;

            padding-bottom: 1rem;
            border-bottom: solid 4px rgba(0, 0, 0, 0);
            transition: all 0.2s;

            pointer-events: none;

            &:not(:first-child) {
                margin-left: 2rem;
            }

            &.selected {
                border-bottom: solid 4px var(--mcBlue);
                color: var(--mcBlue);
            }

            &.text-light-grey{
                color: #888888;
            }

        }

        .noti-filter-icon {
            width: 20px;
            margin-right: 0.5rem;
        }*/
}
.client-partner-front-page #home-page-messages {
  position: relative;
  animation-name: scroll-up;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.client-partner-front-page #home-page-messages a,
.client-partner-front-page #home-page-messages u {
  color: var(--mcBlueDeep) !important;
  margin-left: 2px;
}
.client-partner-front-page #home-page-messages:hover {
  animation-play-state: paused;
}
.client-partner-front-page .border-spacing {
  width: 1px;
  height: 100%;
  border-right: solid 1px white;
  margin: 0 1.5rem 0 2.5rem;
}
.client-partner-front-page .no-notifications-text-container {
  display: flex;
}
.client-partner-front-page .no-notifications-text-filler {
  width: 100%;
}
.client-partner-front-page .no-notifications-text {
  color: var(--mc24OffBlack);
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  margin-bottom: 0.75rem;
  margin-right: auto;
  white-space: nowrap;
}
.client-partner-front-page #notifications-bar-portal {
  width: 100%;
}
@media (min-width: 900px) {
  .client-partner-front-page #notifications-bar-portal {
    position: absolute;
    width: 40%;
    top: -1.5rem;
    right: 0;
  }
}
.client-partner-front-page #notifications-bar-container {
  width: 100%;
  position: relative;
  z-index: 0;
  transition: 0.2s;
  transition-delay: 1s;
}
.client-partner-front-page #notifications-bar-container.expanded {
  height: 100% !important;
  z-index: 6;
  transition: 0.2s;
  transition-delay: 0s;
}
.client-partner-front-page #notifications-bar-container.expanded .no-notifications-text {
  color: white;
  margin-top: 0.5rem;
}
.client-partner-front-page #notifications-bar-container.expanded .notifications-hamburger-icon {
  transform: rotate(270deg);
}
.client-partner-front-page #notifications-bar-container.full-height {
  height: 100%;
}
.client-partner-front-page #notifications-bar-container.modal-open {
  z-index: 10;
  transition: 0s;
  transition-delay: 0s;
}
.client-partner-front-page #notifications-bar-container .notifications-header {
  display: flex;
  background-color: var(--mc24OffWhite);
  color: var(--mc24OffBlack);
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  padding-left: 0.75rem;
  box-shadow: var(--mc24BoxShadowMid);
  border: 1px solid var(--mc24LighterGrey);
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}
.client-partner-front-page #notifications-bar-container .notifications-header .notifications-header-text {
  font-family: "Mosk700";
}
.client-partner-front-page #notifications-bar-container .notifications-header.expanded {
  position: relative;
  z-index: 2;
}
.client-partner-front-page #notifications-bar-container .notifications-hamburger-icon {
  width: 28px;
  height: 32px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  transform: rotate(90deg);
  transition: all 0.2s;
}
.client-partner-front-page #notifications-bar-container .notifications-hamburger-icon circle {
  fill: none;
}
.client-partner-front-page #notifications-bar-container .notifications-hamburger-icon line {
  stroke: white;
  stroke-width: 4px;
}
.client-partner-front-page #notification-bar {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  width: 100%;
  padding: 0.75rem;
  background-color: var(--mc24White);
  transition: all 0.2s;
  overflow: hidden;
  box-shadow: var(--mc24BoxShadowMid);
  border: 1px solid var(--mc24LighterGrey);
  border-top: none;
}
@media (min-width: 900px) {
  .client-partner-front-page #notification-bar {
    margin: 0 0 1.5rem;
  }
}
.client-partner-front-page #notification-bar::-webkit-scrollbar {
  display: none;
}
.client-partner-front-page #notification-bar.zero-op {
  opacity: 0;
  pointer-events: none;
}
.client-partner-front-page #notification-bar.hide {
  display: none;
}
.client-partner-front-page #notification-bar .notifications-show-more {
  font-size: 12px;
  color: var(--mc24Blue);
  cursor: pointer;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.client-partner-front-page #notification-bar.expanded {
  overflow: auto;
  border-radius: 0px 0px 4px 4px;
  height: auto;
}
.client-partner-front-page #notification-bar.expanded .notifications-show-more {
  display: none;
}
.client-partner-front-page #notification-bar.expanded .notification-type-holder {
  background-color: rgba(0, 0, 0, 0) !important;
  top: 1rem !important;
}
.client-partner-front-page .notification-box {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  align-items: center;
  transition: all 0.35s;
  opacity: 1;
  background-color: var(--mc24OffWhite);
  border: 1px solid var(--mc24LighterGrey);
  color: var(--mc24Blue);
  padding: 0.75rem 0.75rem 0.75rem 0;
  margin-bottom: 12px;
  box-shadow: var(--mc24BoxShadowMid);
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.client-partner-front-page .notification-box.zero-op {
  opacity: 0;
  transform: translateX(0.75rem);
  pointer-events: none;
}
.client-partner-front-page .notification-box.hide {
  margin-right: 0px;
  flex: 0 0 !important;
  border-width: 0px;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0;
  transform: translateX(0.75rem);
  pointer-events: none;
}
.client-partner-front-page .notification-box.hide .noti-text {
  display: none;
}
.client-partner-front-page .notification-box.is-img img {
  cursor: pointer;
  min-width: 60px;
  width: 60px;
  height: 60px;
  margin: 0 1.25rem;
}
.client-partner-front-page .notification-box.text-notification {
  padding: 0.75rem;
}
.client-partner-front-page .notification-box .notification-tile-title-subtitle-holder {
  width: 100%;
}
.client-partner-front-page .notification-box .noti-title {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  cursor: pointer;
  color: var(--mc24Blue);
  padding-right: 1.25rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  font-size: 0.8rem;
}
.client-partner-front-page .notification-box .noti-subtitle {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: white;
  padding-right: 1.25rem;
  font-size: 0.75rem;
}
.client-partner-front-page .notification-type-holder {
  position: absolute;
  top: 0.5rem;
  left: -0.75rem;
  background-color: #3b3b3b;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  display: none;
}
.client-partner-front-page .notification-type-holder .notification-type-icon {
  width: 12px;
}
.client-partner-front-page .noti-text {
  width: 100%;
  padding: 0.5rem;
  padding-right: 2rem;
  box-sizing: border-box;
  font-size: 1rem;
  letter-spacing: 0px;
}
.client-partner-front-page .noti-text span {
  cursor: pointer;
  letter-spacing: 0px;
}
.client-partner-front-page .noti-text span.green {
  color: #00c864;
}
.client-partner-front-page .noti-x {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  height: 1.5rem;
  font-size: 1.5rem;
  width: 1.5rem;
  padding: 0.25rem;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mc24Black);
  border-radius: 1rem;
  box-sizing: border-box;
  cursor: pointer;
  letter-spacing: 0px;
}
.client-partner-front-page .noti-x svg {
  max-width: 100%;
  width: auto;
}
.client-partner-front-page .noti-go {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  color: white;
  text-decoration: underline;
  cursor: pointer;
}
.client-partner-front-page .fill-box {
  width: 100%;
  display: block;
}
@media (min-width: 900px) {
  .client-partner-front-page .fill-box {
    display: flex;
  }
}
.client-partner-front-page #chart-part {
  width: 30%;
  max-width: 30%;
  box-sizing: border-box;
  position: relative;
  overflow-y: scroll;
}
.client-partner-front-page #chart-part #line-chart-top {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  width: calc(100% - 1rem);
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  justify-content: space-between;
  text-transform: uppercase;
}
.client-partner-front-page #chart-part #line-chart-top .left {
  display: flex;
  align-items: center;
}
.client-partner-front-page #chart-part #line-chart-top .question {
  margin-bottom: 0rem;
  width: 105px;
  margin-right: 0.5rem;
}
.client-partner-front-page #chart-part #line-chart-top .question select {
  font-size: 0.8rem;
  height: 1.5rem;
  border: solid 1px var(--mcGray);
  text-transform: uppercase;
}
.client-partner-front-page #chart-part #line-chart-top #rep-type-right .question {
  margin-bottom: 0rem;
  width: 125px;
  margin-right: 0rem;
}
.client-partner-front-page #fp-chart-edit {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  height: 25px;
  width: 25px;
  z-index: 2;
  cursor: pointer;
  box-shadow: none;
}
.client-partner-front-page #fp-chart-edit path {
  transition: all 0.2s;
  fill: var(--mcLightAsh);
}
.client-partner-front-page #fp-chart-edit:hover path {
  fill: var(--mcBlueDeep);
}
.client-partner-front-page #fp-chart-edit.two {
  top: 1rem;
  right: 1rem;
}
.client-partner-front-page .front-page-text {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.client-partner-front-page .front-page-text.big {
  font-size: 2rem;
  text-transform: uppercase;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.client-partner-front-page .front-page-text span.green {
  color: green;
}
.client-partner-front-page .fp-text-bot {
  width: 100%;
  display: flex;
  height: 3rem;
  margin: 0.5rem 0rem;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.client-partner-front-page .fp-text-bot .table-label {
  font-size: 20px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.client-partner-front-page .fp-text-bot .fp-buttons {
  display: flex;
}
.client-partner-front-page .fp-text-bot .new-button {
  height: 2.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  border-radius: 2rem;
  padding: 0 1rem;
  padding-left: 3rem;
  transition: all 0.2s;
  background-color: var(--mcBlueDeep);
  cursor: pointer;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  position: relative;
}
.client-partner-front-page .fp-text-bot .new-button:hover {
  background-color: var(--mcBlue);
  color: white;
}
.client-partner-front-page .fp-text-bot .new-button:last-child {
  margin-left: 1rem;
}
.client-partner-front-page .fp-text-bot .new-button .button-icon {
  position: absolute;
  left: 0.75rem;
  top: 0.475rem;
  width: 1.5rem;
  height: 1.5rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}
.client-partner-front-page .fp-text-bot .new-button .button-icon.search {
  background-image: url(/mc-editor/static/media/search.786bcbf6.svg);
}
.client-partner-front-page .fp-text-bot .new-button .button-icon.new {
  background-image: url(/mc-editor/static/media/add.17a09031.svg);
}
.client-partner-front-page .table-n-tabs {
  height: auto;
  box-shadow: 0px 1px 7px 2px rgba(0, 0, 0, 0.15);
  overflow: auto;
}
.client-partner-front-page .mc-table-vtwo-container {
  border-top: none;
  display: block;
  background-color: transparent;
  height: auto;
}
.client-partner-front-page .mc-table-vtwo-container .mc-table-two {
  max-width: 100%;
}
.client-partner-front-page .front-page-tabs-search {
  width: 100%;
  height: 3.5rem;
  background-color: var(--mc24White);
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
}
.client-partner-front-page #advanced-search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: var(--mcLightBlue);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  color: black;
  padding: 0 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.client-partner-front-page #advanced-search-button:hover {
  background-color: var(--mcBlue);
  color: white;
}
.client-partner-front-page .fp-table,
.client-partner-front-page .fp-chart {
  min-height: 500px;
  max-height: 700px;
}
.client-partner-front-page .front-page-chart-container {
  height: 100%;
  width: 100%;
  background-color: white;
  position: relative;
  box-sizing: border-box;
  box-shadow: var(--mc24BoxShadowMid);
}
.client-partner-front-page .front-page-chart-container .MC-chart-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.client-partner-front-page .front-page-chart-container.half-split:first-child {
  margin-bottom: 1.5rem;
}
.client-partner-front-page .front-page-chart-container.half-split .split-content-slide {
  background-color: var(--mcTextDarkBlue);
}
.client-partner-front-page .front-page-chart-container.half-split.front-video-container {
  height: 216px;
}
.client-partner-front-page .front-page-chart-container.half-split.front-video-container .split-content-header {
  background-color: var(--mc24LighterGrey);
  color: white;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.8);
}
.client-partner-front-page .front-page-chart-container.half-split.front-video-container .split-content-header .video-header-title {
  font-size: 0.9rem;
}
.client-partner-front-page .front-page-chart-container.half-split.front-video-container .split-content-slide {
  height: 100%;
  position: relative;
  top: -30px;
  background-color: var(--mcDarkAsh);
}
.client-partner-front-page .front-page-chart-container.half-split.front-chart-container {
  min-height: 150px;
  height: calc(100% - 232px);
}
.client-partner-front-page .front-page-chart-container.half-split.front-chart-container .card-loading-screen {
  border: none;
  height: 100%;
}
.client-partner-front-page .front-page-chart-container.half-split.front-chart-container.no-video {
  min-height: 382px;
  margin-bottom: 0 !important;
}
.client-partner-front-page .lineY {
  font-size: 12px;
}
.client-partner-front-page .modal #intro-vids-card {
  background-color: var(--mc24White);
  height: 475px;
  width: 500px;
}
.client-partner-front-page .modal #intro-vids-card .ok-cancel-buttons.q-row {
  display: flex;
}
.client-partner-front-page .modal #intro-vids-card .card-body {
  height: 100%;
  overflow: hidden;
}
.client-partner-front-page .modal #intro-vids-card .card-body .card-loading-screen {
  background-color: var(--mcDarkAsh);
  border: none;
  position: absolute;
  margin: 0;
  height: 100%;
}
.client-partner-front-page .modal #intro-vids-card .card-header {
  height: auto;
  padding: 2rem 1.5rem;
}
.client-partner-front-page .modal #intro-vids-card .card-header .title {
  font-size: 1.5rem;
  margin: 0;
}
.client-partner-front-page .modal #intro-vids-card .card-header .question.button {
  position: absolute;
  margin: 0;
  background-color: white;
  top: 3.5rem;
  right: 0.75rem;
  border-radius: 4px;
}
.client-partner-front-page .modal #intro-vids-card .card-header .question.button .butt {
  height: 1.5rem;
  border-color: white;
}
.client-partner-front-page .modal #intro-vids-card .card-header .question.button .butt:hover {
  background-color: var(--mcTextDarkBlue);
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3);
  color: white;
  border-color: var(--mcTextDarkBlue);
}
.republish-modal input[type="date"]::-webkit-calendar-picker-indicator,
.select-training-modal input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(/mc-editor/static/media/calendar.5c544ebb.svg) 50% 50% / 20px 22px no-repeat;
  position: absolute;
  right: 0.9rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#search-modal-card {
  width: 840px;
  /* width: 700px;
    .card-body {
        width: 100% !important;
        padding: 0rem 0rem 1rem !important;
        margin: 0rem 0rem;
        max-height: 82vh;
    }
    .questions {
        flex-wrap: wrap;
        height: 100%;
        max-height: 465px;
    }
    &.search-client {
        .questions {
            .input-holder > input {
                // height: 2rem;
            }
            .option-choice {
                // height: 2rem;
            }
        }
    }
    .question {
        margin-bottom: 0.8rem;
        width: 49%;
        //justify-content: end;
        padding: 0rem 2rem;
        box-sizing: border-box;
        // .option-choice {
        //     height: 2rem;
        // }
    }

    .question.options {
        width: 100%;
    }

    #search-footer {
        margin-top: 1rem;
        margin-left: 2rem;
        margin-right: 2rem;
        padding: 1rem 0 0 0;
        border-top: solid 1px var(--mcGray);
        display: flex;
        justify-content: flex-end;
    }
    #search-instruction {
        padding: 1rem 2rem;
    }
    .button {
        width: unset !important;
        padding: 0;
        padding-right: 1rem;
        margin-bottom: 0rem;
        &:last-child {
            padding-right: 0rem;
        }
    }
    #divider {
        width: 0px;
        height: 465px;
        border-left: solid 1px var(--mcBorderGray);
    }
    // .form {
    //     input {
    //         height: 2rem;
    //     }
    // }
    .card-header {
        padding: 0rem 2rem;
    }
    .card-loading-screen {
        margin: 0rem 2rem;
        width: ~"calc(100% - 4rem)";
    }*/
}
#search-modal-card .subtitle {
  display: none;
}
#search-modal-card #search-instruction {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  #search-modal-card .questions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}
#search-modal-card .questions > .question {
  display: block;
}
#search-modal-card .questions > .question input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(/mc-editor/static/media/calendar.5c544ebb.svg) 50% 50% / 20px 22px no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#search-modal-card .question-text {
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24DarkestGrey);
  text-transform: none;
}
#search-modal-card .input-holder {
  width: 100%;
}
#search-modal-card input {
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LightGrey);
  width: 100%;
  flex-grow: 1;
  padding: 0 0.9rem;
  color: var(--mc24DarkestGrey);
}
#search-modal-card input:disabled {
  color: var(--mc24MediumGrey);
  background-color: var(--mc24LightestGrey);
}
.searchbar {
  /*width: 125px;
    height: 2rem;
    background-color: inherit;
    position: relative;
    box-sizing: border-box;
    //border: solid 1px gray;
    margin-right: 0.5rem;
    align-self: center;
    border-radius: 1rem;
    transition: all 0.2s;
    overflow: hidden;
    transform: translateX(0rem);
    cursor: pointer;

    &.focused {
        width: 300px;
        height: 2.5rem;
        border-radius: 2rem;
        background-color: white;
        transform: translateX(0.25rem);
        input {
            background-color: white;
            padding-left: 3rem;
            color: black;
        }

        .search-icon {
            width: 3rem;
            height: 2.5rem;
            padding: 12px;
            cursor: pointer;

            path {
                fill: var(--mcAsh);
            }
        }
    }*/
}
.searchbar input {
  /*position: relative;
        width: 100%;
        height: 100%;
        padding-left: 2rem;
        box-sizing: border-box;
        border-width: 0px;
        font-size: 1rem;
        font-style: italic;
        outline-color: var(--mcBlueLight);
        outline-width: 3px;
        background-color: var(--mcLightAsh);
        transition: all 0.2s;
        text-overflow: ellipsis;
        //color: var(--mcGray);*/
}
.searchbar .search-icon {
  position: absolute;
  top: 0;
  left: 1.5rem;
  width: 2rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  color: #bebebe;
  z-index: 2;
  padding: 5px;
  box-sizing: border-box;
  padding-top: 8px;
  transition: all 0.2s;
  cursor: pointer;
}
.searchbar .search-icon path {
  fill: var(--mc24MediumGrey);
  fill-opacity: 0.9;
  transition: all 0.2s;
}
#MC_app.application #debts-card .questions:last-child,
#MC_app.application #hist-modal-card .questions:last-child,
#MC_app.application #search-results-modal-card .questions:last-child {
  padding-bottom: 0;
}
#search-results-modal-card {
  width: 1020px;
  max-width: 95vw;
}
#search-results-modal-card .card-body {
  width: 100% !important;
  margin: 0rem 0rem;
  max-height: 82vh;
}
#search-results-modal-card .card-body .questions:last-child {
  padding-bottom: 0;
}
#search-results-modal-card .sr-left {
  width: 375px;
  height: 575px;
}
#search-results-modal-card .sr-left .searchbar {
  width: 100%;
  height: 3rem;
  background-color: var(--mcBlueRealDark);
  position: relative;
  box-sizing: border-box;
  border: none;
  border-radius: 0px;
  margin: 0;
  padding-left: 3rem;
}
#search-results-modal-card .sr-left .searchbar input {
  border: solid 2px var(--mcBlueRealDark);
  padding-left: 0.5rem;
  background-color: white;
}
#search-results-modal-card .sr-left .searchbar ::-webkit-input-placeholder {
  color: var(--mcTextGray);
}
#search-results-modal-card .sr-left .searchbar .search-icon {
  color: white;
  background-color: var(--mcBlueRealDark);
  width: 3rem;
  cursor: pointer;
}
#search-results-modal-card .sr-left .results-list {
  list-style-type: none;
  padding: 0.5rem 0;
  margin: 0;
  box-sizing: border-box;
  border: solid 1px var(--mcBorderGray);
  border-bottom: none;
  border-top: none;
  height: calc(100% - 6rem);
  overflow: auto;
  background-color: white;
}
#search-results-modal-card .sr-left .results-list li {
  background-color: white;
  border-bottom: solid 1px var(--mcGray);
  padding: 1rem 1.5rem;
  margin: 0 0.5rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  max-height: 100px;
  opacity: 1;
  transition: all 0.2s, background-color 0s;
  overflow: hidden;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
#search-results-modal-card .sr-left .results-list li:hover {
  background-color: var(--mcLightBlueBackground);
}
#search-results-modal-card .sr-left .results-list li.collapsed {
  opacity: 0;
  max-height: 0;
  padding: 0rem 1.5rem;
  border-bottom-width: 0px;
}
#search-results-modal-card .sr-left .results-list li.selected {
  background-color: var(--mcLightBlueBackground);
}
#search-results-modal-card .sr-left .results-list li.selected .selected-bar {
  width: 0.5rem;
}
#search-results-modal-card .sr-left .results-list li .selected-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all 0.2s;
  background-color: var(--mcBlue);
}
#search-results-modal-card .sr-left .results-list li.inner-item {
  padding-left: 2.5rem;
  padding-right: 1rem;
}
#search-results-modal-card .sr-left .results-list li.inner-item .expanded-name {
  border-bottom: solid 1px;
  padding-bottom: 0.25rem;
  margin-bottom: 0.25rem;
}
#search-results-modal-card .sr-left .results-list li.inner-item .expanded-date {
  font-size: 0.8rem;
}
#search-results-modal-card .sr-left .results-list li.inner-item .pres-icon {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 1.5rem;
}
#search-results-modal-card .sr-left .export-button {
  height: 3rem;
  width: 100%;
  background-color: var(--mcBorderGray);
  border: solid 1px var(--mcBorderGray);
  border-top: none;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  transition: all 0.2s;
  cursor: pointer;
  color: white;
}
#search-results-modal-card .sr-left .export-button:hover {
  background-color: var(--mcBlue);
  border-color: var(--mcBlue);
  color: white;
}
#search-results-modal-card .sr-left.no-export .results-list {
  height: calc(100% - 3rem);
  border-bottom: solid 1px var(--mcBorderGray);
}
#search-results-modal-card .sr-left.no-export .export-button {
  display: none;
}
#search-results-modal-card .sr-left .fc-icon {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 1.5rem;
  cursor: pointer;
}
#search-results-modal-card .sr-left .fc-icon path {
  fill: var(--mcAsh);
  stroke: white;
  stroke-width: 10px;
}
#search-results-modal-card .sr-left .fc-icon,
#search-results-modal-card .sr-left .fo-icon {
  transition: all 0.2s;
}
#search-results-modal-card .sr-left .fc-icon:hover,
#search-results-modal-card .sr-left .fo-icon:hover {
  transform: scale(1.5);
}
#search-results-modal-card .sr-left .fo-icon {
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 1.5rem;
  cursor: pointer;
}
#search-results-modal-card .sr-left .fo-icon path {
  fill: green;
  stroke: white;
  stroke-width: 1px;
}
#search-results-modal-card .sr-right {
  flex: 1 1;
  border: solid 1px var(--mcBorderGray);
  box-sizing: border-box;
  margin-left: 1rem;
  padding: 1rem;
  padding-bottom: 0;
}
#search-results-modal-card .sr-right .question {
  margin-bottom: 0.9rem;
}
#search-results-modal-card .sr-right .form input {
  height: 2rem;
}
#search-results-modal-card .sr-right .butt {
  height: 2rem;
}
#search-results-modal-card .sr-right .butt.close-loan-button {
  height: 34px;
  border-radius: 4px;
  min-width: 135px;
  background-position-y: 50%;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  transition: background-position 0s;
  text-transform: uppercase;
}
#search-results-modal-card #hist-modal-card-card-body .modal-row {
  margin: 2rem 1.5rem !important;
  padding-top: 0 !important;
}
#search-results-modal-card #hist-modal-card .card-body {
  overflow: hidden;
}
#search-results-modal-card #hist-modal-card .ok-cancel-buttons {
  border-top: none;
}
#search-results-modal-card .history-body {
  background-color: var(--mc24White);
  margin-top: 0;
  border: solid 1px var(--mc24LighterGrey);
  border-radius: 4px;
}
#search-results-modal-card .history-body .history-table-container {
  height: 300px;
  overflow-y: auto;
}
#search-results-modal-card .history-body .tabs {
  width: 100%;
  height: 3.25rem;
  position: relative;
  display: flex;
  box-sizing: border-box;
}
#search-results-modal-card .history-body .tabs .fpt {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0.5rem 1rem 0;
  color: var(--mc24Blue);
  transition: all 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
#search-results-modal-card .history-body .tabs .fpt.selected {
  color: var(--mc24Black);
}
#search-results-modal-card .history-body .tabs .fpt:hover {
  background-color: var(--mc24LightestGrey);
}
#fp-split-content iframe,
.card-alert-container iframe,
.vid-alert-container iframe {
  height: 100%;
  width: 100%;
}
#fp-split-content .display-frame,
.card-alert-container .display-frame,
.vid-alert-container .display-frame {
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s;
}
#fp-split-content .display-frame.loaded,
.card-alert-container .display-frame.loaded,
.vid-alert-container .display-frame.loaded {
  opacity: 1;
  pointer-events: all;
}
.split-content-slide {
  height: calc(100% - 50px);
  position: relative;
  background-color: var(--mcDarkAsh);
}
.split-content-slide .card-loading-screen {
  height: 100%;
  border: none;
  position: absolute;
  background-color: var(--mcDarkAsh);
}
.split-content-header {
  background-color: var(--mcBlueDeep);
  color: white;
  height: 50px;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.split-content-header.with-pins {
  padding-right: 2.5rem;
}
.split-content-header .header-timer-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: white;
  transition: width 0s;
}
.split-content-header .header-timer-bar.waiting {
  width: 100%;
  transition: width 7s linear;
}
.split-content-header .sc-nav {
  display: flex;
  margin-left: auto;
}
.split-content-header .sc-nav .next,
.split-content-header .sc-nav .video-close-x {
  margin-left: 0.5rem !important;
}
.split-content-header .next,
.split-content-header .previous,
.split-content-header .video-close-x {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  border-radius: 10px;
  background-color: var(--mcAsh);
  color: white;
  transition: all 0.2s;
  cursor: pointer;
  padding-bottom: 1px;
}
.split-content-header .next:hover,
.split-content-header .previous:hover,
.split-content-header .video-close-x:hover {
  background-color: white;
  color: var(--mcBlueDeep);
}
.split-content-header .video-close-x {
  margin-left: auto;
}
.split-content-header .pin-unpin {
  top: 1rem;
}
.split-content-header .pin-unpin g path {
  fill: #354044 !important;
  transition: all 0.2s;
}
.split-content-header .pin-unpin:hover g path {
  fill: white !important;
}
#fp-info-container {
  width: 24px;
  height: 20px;
  padding-left: 8px;
  margin-left: 8px;
  border-left: solid 1px;
  color: white;
  box-sizing: border-box;
}
#fp-info-container #fp-info-icon {
  height: 100%;
  cursor: pointer;
}
#fp-info-container #fp-info-icon g {
  fill: white;
}
.card-alert-vid-slide {
  height: 350px;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.3);
}
.card-alert-vid-slide > .split-content-header > .writtenTip-gear-icon path {
  fill: white;
}
.card-alert-vid-slide > .split-content-header > .writtenTip-gear-icon {
  right: 3rem;
  top: 1.1rem;
  width: 20px;
}
.alert-preview .card-alert-vid-slide .modal .written-tip-card {
  width: 800px;
}
.card-alert-container {
  width: 100%;
}
.card-alert-container.inline-with-questions {
  position: relative !important;
  width: 100%;
  top: 0px;
  right: 0px;
}
.card-alert-container .card.written-tip-card {
  box-sizing: border-box;
  background-color: #f8fad4;
  border-radius: 4px;
  box-shadow: 5px 6px 13px 0px rgba(0, 0, 0, 0.3);
  margin-bottom: 1.5rem;
}
.card-alert-container .card.written-tip-card .card-header {
  padding: 0rem 1rem;
}
.card-alert-container .card.written-tip-card .card-header .title {
  font-size: 1rem;
}
.card-alert-container .card.written-tip-card .card-header .subtitle {
  font-size: 0.8rem;
}
.card-alert-container .card.written-tip-card .card-body .written-tip-text-form {
  margin-bottom: 1rem;
  white-space: pre-wrap;
}
.card-alert-container .card.written-tip-card .card-body .written-tip-card-row {
  margin-bottom: 1.5rem;
}
.card-alert-container .card.written-tip-card .card-body .written-tip-card-row:last-child {
  margin-bottom: 0rem;
}
.card-alert-container .card.written-tip-card .card-body .question-text {
  white-space: pre;
  font-size: 0.9rem;
}
.card-alert-container .card.written-tip-card .card-body .question-response {
  white-space: pre;
}
.card-alert-container .card.written-tip-card .card-body .question:last-child {
  margin-bottom: 0;
}
.card-alert-container .card.written-tip-card .card-body.add-pad-no-marg {
  padding: 1rem 1rem !important;
  font-size: 0.9rem;
}
.card-alert-container .card.written-tip-card .button .butt {
  height: 2rem;
  font-size: 0.8rem;
}
.card-alert-container .card.written-tip-card .ok-cancel-buttons {
  border-top: solid 1px lightgray;
  margin-top: 0.75rem;
}
.pin-unpin {
  position: absolute;
  width: 1rem;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
}
.pin-unpin g path {
  fill: #354044 !important;
  transition: all 0.2s;
}
.pin-unpin:hover g path {
  fill: var(--mcBlue) !important;
}
.wt-link.disabled {
  pointer-events: none;
}
.center-content {
  display: flex;
  align-items: center;
}
.automated-source-image {
  width: 35px;
  height: 35px;
}
.mc-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s;
  display: flex;
  z-index: 200;
  justify-content: center;
  align-items: center;
}
.mc-modal-container.noBackground {
  background-color: rgba(0, 0, 0, 0);
}
.mc-modal-container.shown {
  opacity: 1;
  pointer-events: all;
}
.mc-modal-container.shown .modal {
  min-width: 1px;
  min-height: 1px;
}
.mc-modal-container.noDropShadow .modal {
  box-shadow: none !important;
}
.mc-modal-container.noBorderRadius .modal {
  border-radius: 0 !important;
}
.mc-modal-container .card {
  box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.25);
  margin: auto;
  overflow: hidden;
  border-radius: 8px;
  min-width: unset;
  width: 500px;
}
.mc-modal-container .card.specific-training-results-modal {
  width: 800px;
  transition: width 0s;
}
.mc-modal-container .card.release-notes-card {
  width: 800px;
}
.mc-modal-container .card.release-notes-card .card-alert-vid-slide {
  width: 533px;
  margin: auto;
  margin-bottom: 1rem;
}
.mc-modal-container .card.release-notes-card .card-alert-vid-slide > img {
  height: auto;
  max-width: 100%;
}
.mc-modal-container .card.release-notes-card .card-alert-vid-slide .split-content-header {
  background-color: var(--mcDarkAsh);
}
.mc-modal-container .card .card-header {
  color: var(--mc24OffBlack);
  position: relative;
  height: 4.5rem;
  padding-left: 1.5rem;
}
.mc-modal-container .card .card-header :after {
  display: block;
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: linear-gradient(to right, var(--mc24Pink) 0%, var(--mc24Peach) 100%);
}
.mc-modal-container .card .card-header .title {
  font-size: 20px;
  font-family: "Mosk700";
}
.mc-modal-container .card .card-body {
  overflow: auto;
  overflow: overlay;
  max-height: 75vh;
}
.mc-modal-container .card .card-body.no-pad {
  padding: 0rem !important;
}
.mc-modal-container .card .card-body.no-marg {
  margin: 0rem !important;
}
.mc-modal-container .card .card-body.no-max-height {
  max-height: unset;
}
.mc-modal-container .card .card-body.add-pad-no-marg {
  padding: 1rem 2rem;
  margin: 0;
}
.mc-modal-container .card .card-body.add-pad-no-marg .ok-cancel-buttons {
  padding-bottom: 0px;
  padding-right: 0px;
}
.mc-modal-container .card .card-body.delete-mode {
  padding-left: 3.5rem !important;
}
.mc-modal-container .modal {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.35);
  position: relative;
}
.mc-modal-container .modal .modal-close-x {
  position: absolute;
  top: 0.5rem;
  right: 1.25rem;
  font-size: 2rem;
  color: var(--mc24OffBlack);
  cursor: pointer;
  z-index: 1;
}
.mc-modal-container .modal-body-header {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px lightgray;
  box-sizing: border-box;
}
.mc-modal-container .modal-body-header.smaller {
  font-size: 1.25rem;
}
.mc-modal-container .modal-body-header.smallest {
  font-size: 1.125rem;
}
.mc-modal-container .modal-body-header.no-border {
  border: none;
}
.mc-modal-container .modal-body-header.no-bold {
  font-family: "Inter", "sans-serif";
  font-weight: 400;
}
.select-targets-modal.office,
.select-targets-modal.user,
.select-targets-modal.organization {
  width: 1000px;
}
.select-targets-modal.user .check .question-text {
  font-size: 0.8rem;
  text-transform: none;
}
.select-targets-modal .select-targets-left {
  display: inline-block;
  width: calc(100% - 400px);
  margin-bottom: 1.5rem;
  height: 425px;
  overflow: scroll;
  padding: 0.5rem;
  box-sizing: border-box;
  border: solid 1px lightgray;
  border-radius: 4px;
}
.select-targets-modal .select-targets-right {
  display: inline-block;
  width: 400px;
  vertical-align: top;
  margin-bottom: 1.5rem;
  border-radius: 4px;
}
.select-targets-modal #publish-selected-list {
  min-height: 425px;
  height: 425px;
  border-bottom: solid 1px var(--mcBorderGray);
  overflow: auto;
}
.select-targets-modal #publish-selected-list .temps-list {
  background-color: white;
  border-bottom: none;
}
.select-targets-modal #publish-selected-list .temps-list.organization li.office,
.select-targets-modal #publish-selected-list .temps-list.organization li.user {
  display: none;
}
.select-targets-modal #publish-selected-list .temps-list.office li.organization,
.select-targets-modal #publish-selected-list .temps-list.office li.user {
  display: none;
}
.select-targets-modal #publish-selected-list .temps-list.user li.office,
.select-targets-modal #publish-selected-list .temps-list.user li.organization {
  display: none;
}
.select-training-modal .content-section,
.select-training-modal .content-footer {
  padding: 0rem;
}
.select-training-modal .content-footer .question.button {
  margin-bottom: 0.5rem;
}
.specific-training-table-container {
  height: 500px;
  border: solid 1px var(--mcBorderGray);
  border-bottom: none;
  box-sizing: border-box;
}
.modal-test {
  width: 400px;
  height: 400px;
  border-radius: 8px;
  background-color: var(--mcLightGray);
}
#share-ss-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: -0.5rem;
}
.share-s-media-icon {
  width: 50px;
  height: 50px;
  background-size: contain;
  border-radius: 25px;
}
.share-s-media-icon.twit {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAYFBMVEU4oM3///8rnMsimsoynswqnMsemcru9vrS5/LW6fP7/f6YyeLg7/bF4O6Dv92x1um72+uayuJSqtLq9Pmo0eZCpM/B3u13utqKwt70+vyz1+lns9ap0uZqtNdXrNN0uNlYWTfmAAAM9ElEQVR4nN2daZeiOhCGkYSILC4gKo1t//9/OayyQ6pSYZn3wz0zc27becxeW4zD/y5j7QZo11KE8TH0TrbtPx6+b9un8Bg7C/1m3YTx6Xo7J5HBLZYp/a+V/Ukw04iCp3vxQ80N0EnoXd3fSDBmmpxzoy9u8Izb+pwvdqyvGXoIY/+WcMaGyXqkZsoZva6elqboIDzdPmnHybA1ZaaU54eGviQmjK+/KR0Qru5MxoIbdVdSEuZ40L7r9aUghqQjtP+EMl4FGb3phisRYXiLiPAKMetp07SMhtD+FeCVZU5cRBeSQwEB4TUg7b6akXH3uAHCt8F04BWMpjgrn3nUCJ0719N/X5nsqcioRKidL2cUaowKhL6xAF/B6CqsOWhC7yOW4csZ+WVpwvi8IF8qbkWnRQkfUpcGWonXcoTHZNkOLGUa/kKEPwstMD1x8USsOGBC51esw5czGvDTKpTQ59jbHw0iczUTuqvMwKZYADyrggidj74zqLS4BVtwIISeseoIrcTFXRPhdfURWon9aiF0V1xDuzIDeSuHNOHfBqZgLW5IW6skCZ2PtTZUR0x2Z5QjjKNNrDFNcXElJAyNrawxTQm5G5UMYbhFvlRyu4YEobe1KfgVu5EQhpsFlOvFWcKtDtFCEohzhPHaDDMSP4qEcbTpLkw1u2nMEAZbB0wRZ7b+acJk+4DpbWraYDxJ+NrUWXRck8fwKcL7hm4TU+IBktDeCWB6mXqiCI8rWH2xmjqijhPuYBmtJcZt/qOE5w0f1vrifHS1GSN87GYSFjITIOFxVz2Yib1hhJ89TcJCbMRyM0x438lW39TYrjhI6O1sEhYacWkMEu5qo6glBsfpEOF7h2M00/A4HSA87hTQMKyhG/8A4R6uTCMaukj1Cf3ddmG67w+4bPqE0drNVNHAhb9HeNndaaal/mLTJXT2DWiwnmGqS+huzgUDE+8Nys4/7HenqMS6O0aH8LXOTsELkXxUtxPbf1+hC7PMoM8zU2IIeCJKX91ObBMu3YXcZJFbJ3cdH6/RmFXplnE+QXhc9k7BGe8nj9hPMbDYcRYFsh/b6cQW4bILqcmH0w3Cc/eL5sy4OPKd2B6Xzb850LmusjZw9hoNNPQC1vo/jcvh8JBfIthjjPACXGf43xnd6dycdKh8g3fSmfrJN/EP4MNbB5smIdSTxrzDB4lozsXfPbIArHwhKmYqyADPmtbTBiH0UsHTg7yDi9KQCNs6CWEm9+9CJL3O5C37Gyb8g3ZhFiOIcoKbzRaMybMb8xQ4gUTDPlwTQnf7cskK4THR/CMB2FIIbFvzsl8T3oG3CvNc/NwJijhhgR8T2DQWDRFC15lvICs03kaAQ+7/ivUMsDk1PDVfwhP0PMO+qyEsKIyPehjG9Mq+Qs6sp/yhshpgTUIXOtYaaxQoYmPM+j6qM+OcseQnhizcVp8QOkjbXZFILwWNb1dKzkcw/rxmUxcyG+vgzIoQPEg7LX3J/ryApdpdo797OaeekPlufnOIKkLoIDV4x0twletFDgnRbgnmLaonUfUH8NmkS3jwDJnvuG8pkpQPHGTf1bQk9MCX+x5hNlLnvyYLmWgPbuC3fSUh3Eo6tGLY8904GfoyriP8cFj9ppLwF370GpxQt5kDzkDPywhz+q3264IQYQfm0XBbksn5YqGyXT3M8b6a8QWhjbCxjc0of6p+hHQOQVMPVMJjNY0KwhviIjve2B/DGmsS+ECTNQ5nH6sGWUEIn4bpdzQRRv4z1o8CvpSik3XKiVgQoi7qk7c8Pxm07jJwmquLNlKXl5+cEL4b5q2dPn+FN6Nf8QROiJlAhcp1Oyf8QRHOr/z22eiYd4Gn0lR3vA33UxO+UJ/CuUSHlGWxqr5k4LoB+D40TOdLiIxNGAx96Mux738By+u2dYy1UoR4q3OxcOeE2A8BHDKd0+P+SgL4mUbBWVQsNRkh2iEjZRVUFG4GFc27V4SYE00hhi85IiuoFbch/qwI3/johOFQMkqpxC8FFSFuIJjZT82lc6gLZM7vyKoIMWc2w7q+RN73BOW4pqTilc7PbRkhKnsrXffjdyCYZWkdqI5KZEG++xqZ/wij4qYXXs/BfIKcgqAei3Yb/YIQF4DRuFpoLK96OCkRvgvCELUdcqBlFynckblqo1sQ4r6mESsGtRQ2/NIsnBL6uO2Q6RycX0Hc9z3lvmBD2lrdFbBMDE5KS2nhijXgrtHqx6dS4qiEP1DmTYwKQuwNDH5fh0vh/tsgBDtlKkKd+2Apteyk3D2jQLjAaqoYsVwRohdkS3snqk3DFNHJCdGhW9zSPROxw4uKcDrDmEIqV6ecMFYbpdrv+Mo5dGUfqgQGz5VsUJPaXpHJUVpLM3GMq0VayoO0XEsVLJLZaqMPEedsGCJUOzegXIJSUrpX5G0rzzSKmU5cqloTRsoJSnnKJf5uUYsF2CrGk1K6/BaE5d0CeT9sSjw1zEb1NMHqfqhkCillil/q6yJBpmd1x8fZaWpZInvlSAjijlTdKozaTqOY7GSdQi97qcoOSU+p0CivwabdC0J4TFtLJqgirLQIuvBrL1X8sH5OI4WUF/hMlc1bxYGVfw423HBKJMmIeWxLRqh4C9Nx17+RpCN/fU8K/sNcvcRUZSl5K2p9/YeqtoK5yBq4UP6+nmofsHJiJTwJZloky0zTj68+rS1SN01M9HhUHYtBUOuD9H7xR5TKWkwehZiolgQdIll5HPPwJaQY94xqoCrf7CvxRlwbyYdaAcmKivO5D4nfakLFk2n1iaMl0yBKyPLJm/GlRPuPYUXgwLyuXLraKmU8ckGobpgsxRTfZrwQ1jwoEy4KQoprfimLJe8TlpLiUlipHauvFHnUFbeYZVqYC4fy8bGpKpS1JFS8QHVlGRjrm036kFSVFlASqlvuWh+OekDMpn3lpZP3pGqNagj7CBxxFbVvzFZlgiCrvW4ZOI/blbhyTDf/UNF5UYkz64azuFG/01MbHipCioKe2QO3KLzD4Uldvon38oBVrXfcVHikOAzIS//UJQe+hCrD1GTCOPtog/BjNNUNrUaxqC8haJimW3pefix72Z7x4PWjYs+XSR8GE9b7VW3OBQzTj/9ze6Vyb5eHfVQz5nuRjjqGjRyCmhCw6fOIyu/raHrrrGEaqwljwHfJxYfEz3TV9BpfM+Su4XR4Qn4bV3xpOdNkxrAaYWPmNAiBrz2YTO1VcD+g3gPrpjVtRk3HEXRLNPE+Uecn0liisRXk0ySEm9xMlmCc257LdZagbBeWaTn/EAaptKkv2FXi+A6Y3sdBWOtbbxGiIr55Cnn2Je0W3vvDtNfxbXv7WoQxcuykh1L2cf2ZHC/veo4E/QGtp05liraLWqX4JU/Pb3833+sfcZyjfXUTzijqr0q0o+N1b/8V24nVh6edKazo83d+3Qq9nkkQZeEoyz3L0y0u0gGmqGCanci/SsmWrWvb87l3CBU7cQPqhdd3Q0VoQgTWUz9sol/ge78vI2TqlyzsERL50FfSQMnCfkCTUj7c2hrInu8T7udBub6GElsHgtKeu52Jg5VRBwjjHT2a19ZgVvlQYOHe3lyrNFwZdTB0cqdv6QwHnw0S7u9duUwjgRLD4a/UjqAlNFa9dyTAl9gnvISskevpCCGy1vqKEmOBLmNB2nvb98eTPUfD0Hd2yRiPxB4PtKcLv1pAE2mQ44R7moqjk3CSEF4AezVNRn5OpYNQBpnplDkZZj6Z8IKvrLmkeDTpo51O6aGKuNYpzqct0TNJS9h3ZBbUxJPcMoQOWayULs2+ljGXeAZ62GEFzaeVzabWHTe9LUrUiptPHkQUfF9MMnU5JNIjYY+sLCkhkxwgkwAabxRRrpyhVIprHG1x05g6jEIJDw598KCquOyjSrJpyr8bO8BxLhsfIZ2ILf1UziIyI+nCsPKp5vcNIbJEPiASkEzva4gDxQmUCQgpFxBuZEmFFb2FFUQgDzhHyDRgwXTAkg/v1ScjZApiCA/eyiNVgKsbwMt2nHWFvUrIiuDhnojCJP5qHlRUxhim9Er8XGXfYLj4eVxxGVtLCsGk0EXTsOVz3KH3wTUKnxyALhB0XHCocivCVxJTKIF0+iy0/1uWSqK/UpEnjQkFtUxsSiMFYZ4UopvPVaz9rlyoyw/0zUfOlPkICNOtI2GaspeiN0GRO5Jia96ZPMWAmyJQLrKRi6icXHwJKDdIzviLqggjXcE872XRjFZuieRBV4ORtCSgf+aqORXcYp8L6fNDxEUPnQwSnReTPTB+oa79pqGso3dPrJQShsnTzgtcW0MZey2FKw/O6f00mFxn8uxteD6fNoWVHsJcoX9/BkwUDx/2WPNs96x0bfTrXgeSpcikkbBQeLpmDx9GhpXBFhJZClv0ed4utk62QtoJKzlxGHonO9XJ80LFJH6IFiNcTf8/4T+qsKCrNGhSeQAAAABJRU5ErkJggg==);
  margin-right: 1rem;
}
.share-s-media-icon.fb {
  background-image: url(/mc-editor/static/media/fbShare.7702dfd8.png);
  margin-right: 1rem;
}
.share-s-media-icon.email {
  background-image: url(/mc-editor/static/media/emailIcon.e559c9d1.ico);
}
.icon {
  width: 2rem;
  height: 2rem;
  background-color: var(--mcLightAsh);
  position: relative;
  background-size: 45%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.2s;
  border-radius: 1rem;
  margin-left: 1rem;
}
.icon.share {
  background-image: url(/mc-editor/static/media/Share.aa7d3b4d.png);
}
.icon:hover {
  background-color: var(--mcBlue);
  cursor: pointer;
}
.icon:last-child {
  margin-right: 0;
}
.homepage-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
.homepage-header {
  background-color: var(--mcAsh);
  color: white;
  padding: 1rem;
}
.homepage-header .main {
  font-size: 1.5rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.homepage-body {
  padding: 1rem;
  overflow: auto;
  flex: 1 1;
}
.homepage-body .section-title {
  font-size: 1.5rem;
}
.homepage-body ul.section-list {
  margin: 0.25rem 0 1rem;
}
.homepage-body .section-description {
  font-style: italic;
}
.homepage-body .section-subtitle {
  font-size: 1.125rem;
}
.content-section {
  border-bottom: solid 1px lightgray;
  transition: all 0.2s;
  opacity: 1;
  max-height: 500px;
  position: relative;
}
.content-section:first-child {
  padding-top: 0rem;
  margin-top: 1rem !important;
}
.content-section .question.button {
  margin-bottom: 0;
}
.content-section:not(.collapsed) {
  margin-top: 1rem;
}
.content-section.collapsed {
  max-height: 82px;
  margin-bottom: 0rem;
  padding-top: 1.5rem;
  cursor: pointer;
  padding-bottom: 1.5rem;
}
.content-section.collapsed:first-child {
  margin-top: 0rem !important;
}
.content-section.collapsed > div {
  opacity: 0;
  pointer-events: none;
}
.content-section.collapsed > div.content-section-collapser {
  opacity: 1;
  pointer-events: auto;
  transform: rotate(90deg);
  width: 25px;
  height: 25px;
  top: 1.75rem;
  z-index: 20;
}
.content-section.collapsed > div.content-section-title {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  font-size: 1.5rem;
}
.content-section-title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  transition: all 0.2s;
}
.content-section,
.content-footer {
  padding: 0rem 1rem;
  box-sizing: border-box;
}
.section-row {
  margin-bottom: 1.5rem;
}
.section-row .name-container {
  font-size: 1.25rem;
}
.content-footer {
  margin-top: 1rem;
}
.content-section-collapser {
  background-image: url(/mc-editor/static/media/expandIconLightgray.96732897.svg);
  width: 16px;
  height: 16px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0rem;
  right: 1rem;
  transition: all 0.2s;
  transform: rotate(0deg);
  cursor: pointer;
}
.specific-selection-details {
  display: flex;
  flex-direction: column;
  margin-top: 1.5rem;
  font-size: 1.125rem;
}
.specific-selection-details > div {
  padding: 0 0.5rem;
  border: solid 1px lightgray;
  background-color: #ececec;
  border-radius: 4px;
  margin-bottom: 0.5rem;
  color: var(--mcBlue);
}
.specific-selection-details > div.no-style {
  background-color: unset;
  border: none;
  color: #333333;
}
.resp-hor-line {
  border-bottom: solid 1px var(--mcBorderGray);
  margin: 1rem 0;
}
.text-answer-container {
  margin-bottom: 0.5rem;
}
.text-answer-container .response-answer {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.republish-message {
  margin-bottom: 1.5rem;
}
.close-loan-loan-product {
  margin-bottom: 1rem;
}
.close-loan-lp-title {
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  background-color: var(--mcBlueDeepDark);
  border-radius: 0.5rem 0.5rem 0 0;
  color: white;
  font-size: 1.125rem;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
.close-loan-lp-body {
  display: flex;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  border: solid 1px var(--mcBorderGray);
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  justify-content: space-between;
}
.close-loan-lp-body .question.check {
  margin-bottom: 0;
  flex-wrap: nowrap;
  max-width: 50%;
}
@media only screen and (max-width: 1800px) {
  #tools-container {
    transition: all 0.2s, height 0s;
    opacity: 1;
    border-left: 1px solid var(--mc24LighterGrey);
  }
  #tools-container.right-fixed {
    position: fixed;
    right: 0;
    top: auto;
    height: calc(100% - 3rem);
  }
  #tools-container.right-fixed.right-hide {
    opacity: 0;
    pointer-events: none;
    transform: translateX(32px);
  }
  #tools-container.right-fixed.right-hide * {
    pointer-events: none !important;
  }
  #tools-container.right-fixed #tools-header #tools-top-right {
    margin-right: 0rem;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    /* Chrome/Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    font-family: "Inter", "sans-serif";
    font-weight: 500;
    color: var(--mc24Blue);
    text-decoration: none;
    height: 42px;
    box-sizing: border-box;
    color: var(--mc24Rose);
  }
  #tools-container.right-fixed #tools-header .right-fixed-x:not(.flat) {
    padding: 0.6rem 0.6rem 0.5rem;
    font-size: 1rem;
    background-color: var(--mc24White);
    border: 1px solid var(--mc24LighterGrey);
    border-radius: 3px;
    transition: background-color 0.2s ease-out;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x:not(.flat):hover {
    background-color: var(--mc24OffWhite);
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.inverse {
    background: var(--mc24Blue);
    color: var(--mc24White);
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.inverse.disable {
    background: var(--mc24Blue);
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.inverse:hover {
    background: var(--mc24Blue2);
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.flat {
    font-size: 16px;
    background: transparent;
    border: none;
    padding-left: 0;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.disable {
    background: var(--mc24White);
    opacity: 0.6;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x:not(:last-child) {
    margin-right: 1rem;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.back {
    padding-right: 0.8rem;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x.next {
    padding-left: 0.8rem;
  }
  #tools-container.right-fixed #tools-header .right-fixed-x svg {
    transform: rotate(180deg);
  }
  #open-tools-button {
    font-family: "Inter", "sans-serif";
    font-weight: 500;
    color: var(--mc24Blue);
    text-decoration: none;
    height: 42px;
    box-sizing: border-box;
  }
  #open-tools-button:not(.flat) {
    padding: 0.6rem 0.6rem 0.5rem;
    font-size: 1rem;
    background-color: var(--mc24White);
    border: 1px solid var(--mc24LighterGrey);
    border-radius: 3px;
    transition: background-color 0.2s ease-out;
  }
  #open-tools-button:not(.flat):hover {
    background-color: var(--mc24OffWhite);
  }
  #open-tools-button.inverse {
    background: var(--mc24Blue);
    color: var(--mc24White);
  }
  #open-tools-button.inverse.disable {
    background: var(--mc24Blue);
  }
  #open-tools-button.inverse:hover {
    background: var(--mc24Blue2);
  }
  #open-tools-button.flat {
    font-size: 16px;
    background: transparent;
    border: none;
    padding-left: 0;
  }
  #open-tools-button.disable {
    background: var(--mc24White);
    opacity: 0.6;
  }
  #open-tools-button:not(:last-child) {
    margin-right: 1rem;
  }
  #open-tools-button.back {
    padding-right: 0.8rem;
  }
  #open-tools-button.next {
    padding-left: 0.8rem;
  }
  #open-tools-button svg {
    transform: rotate(180deg);
  }
  #open-tools-icon {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: var(--mc24Rose);
  }
  #open-tools-icon path {
    fill: transparent;
  }
  .nav-cards-container.right-fixed {
    width: 100%;
  }
}
@media only screen and (max-width: 1385px) {
  #product-templates-card .right-side-temps #prod-prepaid-int-choices {
    flex-wrap: wrap;
  }
  #product-templates-card .right-side-temps #prod-prepaid-int-choices > div:not(:last-child) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1300px) {
  .nav-cards-container.left-fixed .side-nav {
    position: fixed;
    z-index: 10;
    opacity: 1;
    transform: translateX(0px);
  }
  .nav-cards-container.left-fixed .side-nav.hide-out {
    transform: translateX(-32px);
    opacity: 0;
    pointer-events: none !important;
  }
  .nav-cards-container.left-fixed .side-nav.hide-out * {
    pointer-events: none !important;
  }
  .nav-cards-container.left-fixed .card-container {
    width: 100%;
  }
  .nav-cards-container.left-fixed .cards-header {
    position: relative;
    padding-left: 3.5rem;
  }
  .nav-cards-container.left-fixed .cards-header .header-hide {
    display: flex;
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 2.5rem;
    height: 2.5rem;
    color: white;
    font-size: 1.5rem;
    justify-content: center;
    align-items: center;
    opacity: 1;
    box-sizing: border-box;
    font-family: "Inter", "sans-serif";
    font-weight: 500;
    cursor: pointer;
    border-radius: 2rem;
    border: solid 4px var(--mcBlueMedium);
  }
  .nav-cards-container.left-fixed .card-nav-top {
    padding-left: 6rem;
  }
  .nav-cards-container.left-fixed .card-nav-top #ft-icon {
    display: block;
    width: 1.5rem;
    position: absolute;
    left: 2rem;
    cursor: pointer;
    padding-right: 1rem;
  }
  .nav-cards-container.left-fixed .card-nav-top #ft-icon path {
    fill: var(--mcTextDarkBlue);
  }
  .nav-cards-container.left-fixed .card-nav-top #ft-icon + #card-title-holder {
    margin-left: 3rem;
  }
  .nav-cards-container.left-fixed .hideout-overlay {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  #overview.client-partner-front-page {
    overflow: auto;
    overflow: overlay;
    flex-wrap: nowrap;
    justify-content: flex-start;
    -webkit-overflow-scrolling: touch;
    /* [4] */
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  #overview.client-partner-front-page #top-bar {
    min-height: 7rem;
    width: 100%;
  }
  #overview.client-partner-front-page #chart-part {
    height: 400px;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 1rem;
  }
  #overview.client-partner-front-page #chart-part .half-split {
    margin: 0;
    height: 100%;
  }
  #overview.client-partner-front-page #chart-part .half-split:last-child {
    margin-left: 1rem;
  }
  #overview.client-partner-front-page #chart-part .half-split.front-chart-container.no-video {
    width: 100%;
    margin-left: 0 !important;
  }
  #overview.client-partner-front-page #chart-part .video-chart-container {
    flex-direction: row;
    height: 100%;
  }
  #overview.client-partner-front-page.admin #chart-part {
    height: unset;
  }
  #overview.client-partner-front-page .notification-box {
    height: 72px;
    padding: 0.5rem 0.5rem 0.5rem 0;
  }
  #overview.client-partner-front-page .notification-box.is-img img {
    min-width: 50px;
    width: 50px;
    height: 55px;
    margin: 0 1rem;
  }
  #overview.client-partner-front-page .notification-box.text-notification {
    padding: 0.75rem 1.5rem;
  }
  #overview.client-partner-front-page .notification-box .noti-x {
    top: 0.25rem;
  }
  .client-partner-front-page #notification-bar.expanded .notification-type-holder {
    top: 0.5rem !important;
  }
  .client-partner-front-page .fp-text-bot {
    margin: 1rem 0rem;
  }
}
@media only screen and(max-width: 1226px) {
  .nav-cards-container.with-tools {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #fee-templates-card .questions {
    flex-wrap: wrap;
  }
  #fee-templates-card .questions .templates {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  #fee-templates-card .right-side-temps {
    width: 100%;
    display: block;
    flex: unset;
  }
  #fee-templates-card .right-side-temps.loading {
    display: flex;
  }
  .client-partner-front-page .notification-box .noti-title {
    font-size: 0.75rem;
  }
  .client-partner-front-page .notification-box .noti-subtitle {
    font-size: 0.7rem;
  }
}
@media only screen and (max-width: 1020px) {
  .card-alert-container {
    position: relative;
    width: 100%;
    right: 0px;
  }
  .card .card-body .questions.alerts-questions {
    width: 100%;
  }
  .p-chart-card-body .p-chart-module {
    position: relative;
    width: 100%;
    height: 300px;
    margin-bottom: 0rem;
    border-top: solid 1px lightgray;
    border-right: solid 1px lightgray;
    border-radius: 4px 4px 0px 0px;
    right: 0px;
  }
  .p-chart-card-body .p-chart-module.riding-solo {
    margin-bottom: 1.5rem;
    border-radius: 4px 4px 4px 4px;
  }
  .p-chart-card-body .p-chart-module:not(:last-child) {
    margin-bottom: 1rem;
  }
  .p-chart-card-body .table-loading {
    border: solid 1px lightgray;
    position: relative;
    width: 100%;
    right: 0px;
    top: -1px;
  }
  .p-chart-card-body .tl-two {
    border: solid 1px lightgray;
    position: relative;
    right: 0px;
    width: 100%;
    height: 445px;
  }
  .p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container {
    position: relative;
    top: -1px;
    right: 0px;
    width: 100%;
    height: 337px;
    border-right: solid 1px lightgray;
    margin-bottom: 1.5rem;
    border-radius: 0px 0px 4px 4px;
  }
  .p-chart-card-body #mnt-pmt-module-table-table-v2.mc-table-vtwo-container .hCell {
    letter-spacing: 0px;
  }
  .p-chart-card-body .card-loading-screen {
    border-radius: 4px;
  }
  #analysis-card {
    overflow-x: hidden;
  }
  #analysis-card .chart {
    border-left: none;
  }
  #analysis-card .questions {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #analysis-card .questions .a-left {
    margin: 0;
    padding: 1rem 2rem;
    width: 100%;
  }
  #analysis-card .questions .a-right {
    width: 100%;
  }
  #report-templates-card .questions,
  #product-templates-card .questions {
    flex-wrap: wrap;
  }
  #report-templates-card .questions .templates,
  #product-templates-card .questions .templates {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  #report-templates-card .questions .templates {
    height: 310px;
  }
  #report-templates-card .questions .templates .temps-list {
    height: 250px;
  }
}
@media only screen and (max-width: 1020px) and (min-width: 900px) {
  #analysis-card .questions .a-left .question {
    max-width: 560px;
  }
}
.mc-tabs-header {
  width: 100%;
  height: 3.5rem;
  background-color: var(--mcAsh);
  position: relative;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  overflow-x: auto;
  overflow-y: hidden;
}
.mc-tabs-header .tabs {
  display: flex;
}
.mc-tabs-header .tab {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 1rem;
  background-color: var(--mcAsh);
  color: white;
  transition: all 0.2s;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.mc-tabs-header .tab.selected {
  background-color: var(--mcBlue) !important;
  color: white;
}
.mc-tabs-header .tab:hover {
  background-color: var(--mcLightAsh);
}
.mc-tabs-header .tab:hover .x-icon {
  opacity: 1;
}
.mc-tabs-header .tab .tab-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100px;
  display: block;
}
.mc-tabs-header .tab .x-icon {
  display: flex;
}
.mc-tabs-header .tab.show-error {
  border-left: solid red;
  box-sizing: border-box;
}
.mc-tabs-header .tab.add-tab {
  background-color: #598b5d;
  font-size: 2rem;
  width: 50px;
  padding: 0;
  text-align: center;
}
.mc-tabs-header .tab.add-tab:hover {
  background-color: #1f9f75;
}
.mc-tabs-header .tabs-right-side-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: var(--mcLightBlue);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s;
  color: black;
  padding: 0 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
.mc-tabs-header .tabs-right-side-button:hover {
  background-color: var(--mcBlue);
  color: white;
}
.alert-tabs {
  height: 50px;
}
@media only screen and(max-width: 900px) {
  .app-header {
    padding-left: 2rem;
  }
  .nav-cards-container.left-fixed .cards-header {
    padding-left: 2rem;
  }
  .side-nav .side-nav-tab {
    padding-left: 3rem;
  }
  .main-nav-bar {
    height: unset;
    align-self: baseline;
    transition: all 0.2s;
    min-height: 59px;
    width: 73px;
    overflow: hidden;
    display: block;
    -webkit-tap-highlight-color: transparent;
  }
  .main-nav-bar.shown {
    max-height: 100vh;
  }
  .main-nav-bar.shown .nav-item-rack {
    position: fixed;
    width: 100vw;
    height: 220px;
    background: var(--mc24OffBlack);
    left: 0;
    top: 59px;
    z-index: 2;
    flex-direction: column;
  }
  .main-nav-bar .nav-item {
    width: 100%;
    justify-content: flex-start;
  }
  .main-nav-bar .nav-item.show-hide-nav {
    display: flex;
    justify-content: flex-end;
    padding: 0 1.4rem;
    height: 59px;
  }
}
@media only screen and(max-width: 900px) {
  #overview.client-partner-front-page #chart-part.is-split {
    display: block !important;
  }
  #overview.client-partner-front-page #chart-part.is-split .half-split {
    width: 100%;
    height: calc(50% - 1rem);
    margin: 0;
  }
  #overview.client-partner-front-page #chart-part.is-split .half-split:last-child {
    margin: 0;
    margin-top: 2rem;
  }
}
@media only screen and(max-width: 700px) {
  #ob-get-pricing-card {
    width: 500px;
  }
  #ob-get-pricing-card .card-header .title {
    font-size: 1.5rem;
  }
  #oldVersionLink {
    display: none;
  }
}
@media only screen and (max-width: 450px) {
  .card-nav-top .card-header .title {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 450px) {
  #product-templates-card .right-side-temps #prod-prepaid-int-choices {
    flex-wrap: wrap;
  }
  #product-templates-card .right-side-temps #prod-prepaid-int-choices > div:not(:last-child) {
    margin-right: 0;
  }
  #product-templates-card .right-side-temps #prod-prepaid-int-choices .option-choice {
    letter-spacing: 0;
    padding: 0.3rem 0.25rem;
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 350px) {
  .login {
    /* / &.signup {

        // }
        &.choosesub {
            .login-text {
                font-size: 1rem;
            }
        }
        &.billing {
            .login-text {
                font-size: 1rem;
            }
        }
        &.contact {
            .login-text {
                font-size: 1rem !important;
            }
        }
        .login-link-text {
            font-size: 0.7rem;
        } */
  }
  #summary-modal-card .section-body {
    display: block;
  }
  #summary-modal-card .section-body .section-item {
    margin-bottom: 0.75rem;
  }
}
.forgot-password .button {
  justify-content: center;
}
.forgot-password .bottom-margin {
  margin-bottom: 2rem;
}
.forgot-password .sub-message {
  white-space: pre-line;
}
.forgot-password .error-message {
  color: red;
}
.forgot-password .resend-password-on-success {
  position: relative !important;
  text-align: center;
}
.tooltip-info-container {
  width: 2.5em;
  height: 2.1em;
}
.tooltip-info-icon {
  width: 1.5em;
  height: 1.5em;
  position: relative;
  left: 0.5em;
  top: 0.3em;
  cursor: pointer;
  fill: var(--mcAsh);
  transition: 0.4s all;
}
.tooltip-info-icon:hover {
  fill: var(--mcBlueDeep);
}
a {
  text-decoration: none;
  cursor: pointer;
  color: var(--mcBlueDeep);
  font-size: 0.9rem;
}
.centered-block {
  margin: 0 auto;
}
.vid-missing {
  position: relative;
  width: 100%;
  /* this image is used to change the aspect ratio of the box */
}
.vid-missing.extra-space {
  margin-bottom: 1rem;
}
.vid-missing > img {
  width: 63%;
}
.vid-missing .contents {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e8f9fd;
  border-radius: 0.25rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-buttons {
  padding-bottom: 1rem;
  border-bottom: solid 1px var(--mcGray);
}
.video-button-section {
  width: 45%;
  display: inline-block;
  vertical-align: top;
}
.video-button-section.left {
  margin-right: 5%;
}
.managed-video {
  width: 100%;
  background-color: black;
  border-radius: 0.25rem;
}
.managed-video.extra-space {
  margin-bottom: 1rem;
}
.login .button .butt {
  /*border: solid 1px var(--mcBlueDeep);
    color: var(--mcBlueDeep);
    background-color: white;
    .no-shadow;
    position: relative;
    overflow: hidden;
    &:hover {
        border: solid 1px var(--mcBlueDeep);
        color: white;
        .content-shadow;
    }*/
}
.unset-width {
  width: unset;
}
.add-more-products {
  display: flex;
  justify-content: space-between;
}
.add-more-products > div:not(.button) {
  height: 3rem;
  line-height: 3rem;
}
.mi-row-tall {
  height: calc((0.75rem * 1.5) + 3rem + (0.75rem * 1.5));
  margin-bottom: calc(1.5rem - (0.75rem * 1.5));
}
.mi-row-tall .question.button {
  margin-bottom: unset;
}
.mi-provided-by-body .mi-quote-block {
  display: block;
  margin-top: auto;
}
.mi-provided-by-body .mi-quote-block img {
  height: 35px;
  margin: 0.5rem;
}
.mi-provided-by-body .mi-id-text {
  font-size: 0.75rem;
  line-height: calc(0.75rem * 1.5);
}
#ls-card {
  width: unset;
}
#ls-card .spinner {
  margin-top: 1.5rem;
}
.high-contrast .text-light-grey {
  color: #595959 !important;
}
.high-contrast .blue {
  color: var(--mcBlue) !important;
}
.high-contrast .dark-grey {
  color: #727272 !important;
}
.high-contrast .red {
  color: #e50000 !important;
}
.high-contrast .orange-row td {
  color: #af5b00 !important;
}
.change-password-status {
  margin-bottom: 1rem;
}
.reverse-vision-info-card-width {
  width: 550px !important;
}
.check-temp-buydown-width {
  width: -webkit-fit-content !important;
  width: fit-content !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
  -webkit-transition: background-color 0s 600000s, color 0s 600000s !important;
  transition: background-color 0s 600000s, color 0s 600000s !important;
}
.button + .question.check {
  display: none !important;
}
.field-label {
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24DarkestGrey);
  text-transform: none;
}
.input-style {
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LightGrey);
  width: 100%;
  flex-grow: 1;
  padding: 0 0.9rem;
  color: var(--mc24DarkestGrey);
}
.input-style:disabled {
  color: var(--mc24MediumGrey);
  background-color: var(--mc24LightestGrey);
}
#loginContainer.login-background {
  position: fixed;
  top: 0;
  left: 0;
  background: #fafafa url(/mc-editor/static/media/mc24-login-bg-dt.59c5fe24.png) 50% 0 / cover no-repeat;
  height: 100%;
  width: 100%;
  z-index: 101;
  min-height: 100vh;
  transition: all 0.6s;
  transition-delay: 0s;
  opacity: 1;
  overflow: auto;
}
#loginContainer.login-background .login-container-inner {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 2rem;
  margin-top: 1rem;
  min-height: 100vh;
}
#loginContainer.login-background.success {
  background-color: white;
  opacity: 0;
  overflow: initial;
  pointer-events: none;
  transition-delay: 0.6s;
}
#loginContainer.login-background.success .login {
  transform: translateY(-1000px);
  transition-delay: 0s;
}
#loginContainer.login-background.success .MC-logo-login {
  opacity: 0;
}
#loginContainer.login-background.stick-to-top {
  justify-content: start;
  padding-top: 2rem;
}
@media (max-width: 767px) {
  #loginContainer.login-background {
    background: #fafafa url(/mc-editor/static/media/mc24-login-bg-mb.85a2f00a.png) 50% 0 / cover no-repeat;
  }
}
#loginContainer.login-background .label-holder {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 4px;
}
#loginContainer.login-background .label-holder label {
  color: #fff;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  font-size: 14px;
}
#loginContainer.login-background input,
#loginContainer.login-background select {
  background: var(--mc24OffWhite);
  border: none;
  border-radius: 3px;
  color: var(--mc24DarkerGrey);
  display: block;
  font-size: 16px;
  padding: 0 0 0 1rem;
  width: 100%;
}
#loginContainer.login-background select {
  text-overflow: ellipsis;
  white-space: nowrap;
}
#loginContainer.login-background .login {
  background: var(--mc24OffBlack);
  color: var(--mc24OffWhite);
  width: 660px;
  min-height: 444px;
  padding: 2.8rem 3.2rem;
  box-shadow: none;
  max-width: calc(100% - 2rem);
  font-size: 14px;
  transition: min-height 0.3s ease;
}
#loginContainer.login-background .login.compact-login {
  min-height: 300px;
  padding: 2rem 3.2rem;
}
#loginContainer.login-background .login.forgot-password {
  min-height: 300px;
}
#loginContainer.login-background .login.login-error {
  min-height: 533px;
}
#loginContainer.login-background .login.signup {
  min-height: 581px;
}
#loginContainer.login-background .login.signup.pass-error {
  min-height: 643px;
}
@media (max-width: 900px) {
  #loginContainer.login-background .login.signup {
    min-height: 774px;
  }
  #loginContainer.login-background .login.signup.pass-error {
    min-height: 840px;
  }
}
#loginContainer.login-background .login.choosesub {
  min-height: 520px;
}
@media (max-width: 900px) {
  #loginContainer.login-background .login.choosesub {
    min-height: 644px;
  }
}
#loginContainer.login-background .login.billing,
#loginContainer.login-background .login.contact {
  min-height: 590px;
}
@media (max-width: 900px) {
  #loginContainer.login-background .login.billing,
  #loginContainer.login-background .login.contact {
    min-height: 839px;
  }
}
@media (max-width: 767px) {
  #loginContainer.login-background .login {
    padding: 2.4rem 2rem;
  }
}
#loginContainer.login-background .login .q-row > div:not(:last-child) {
  margin-right: 1.5rem;
}
#loginContainer.login-background .login .login-text {
  background: linear-gradient(to right, var(--mc24Pink) 0%, var(--mc24Peach) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Mosk800";
  margin-bottom: 1.25rem;
  font-size: 32px;
  display: inline-block;
  width: auto;
}
@media (max-width: 767px) {
  #loginContainer.login-background .login .login-text {
    font-size: 24px;
  }
}
#loginContainer.login-background .login .login-error-message {
  background: var(--mc24Red);
  color: white;
  padding: 1rem;
  display: flex;
  align-items: center;
}
#loginContainer.login-background .login .login-error-message svg {
  margin-right: 0.5rem;
}
#loginContainer.login-background .login .login-error-message.incorrect-info {
  margin-top: 2rem;
  width: 100%;
  box-sizing: border-box;
}
#loginContainer.login-background .login .password-requirements {
  width: 100%;
  flex-basis: 2;
  margin-bottom: 1.5rem;
  margin-right: 0 !important;
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  box-sizing: border-box;
  padding-right: 4rem;
}
#loginContainer.login-background .login .question-text,
#loginContainer.login-background .login .login-link-text {
  position: relative;
  color: var(--mc24OffWhite);
  text-decoration: none;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  font-size: 14px;
}
#loginContainer.login-background .login .login-pass {
  padding-right: 0;
}
#loginContainer.login-background .login .login-pass .show-hide {
  top: auto;
  bottom: 0;
}
#loginContainer.login-background .login .login-pass .show-hide.show {
  background: url(/mc-editor/static/media/eye.194ac654.svg) 50% 50% no-repeat;
}
#loginContainer.login-background .login .login-pass .show-hide.hide {
  background: url(/mc-editor/static/media/eye-off.650de430.svg) 50% 50% no-repeat;
}
#loginContainer.login-background .login .question-response.cols-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#loginContainer.login-background .login .question-response.cols-2 > div:nth-child(odd) {
  grid-columns: 1 / 2;
}
#loginContainer.login-background .login .question-response.cols-2 > div:nth-child(even) {
  grid-columns: 2 / 3;
}
#loginContainer.login-background .login .form,
#loginContainer.login-background .login .dropdown {
  margin-bottom: 1.7rem;
}
#loginContainer.login-background .login .form .question-response,
#loginContainer.login-background .login .dropdown .question-response {
  padding: 0 !important;
  background-color: transparent;
  border: none;
  width: 100%;
  display: block;
  border-radius: 0;
}
#loginContainer.login-background .login .button .butt {
  color: #fff;
  border: 2px solid var(--mc24Pink);
  text-transform: capitalize;
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  font-size: 18px;
  width: 100%;
}
#loginContainer.login-background .login .button .butt.disable {
  background: transparent !important;
  opacity: 0.6;
}
#loginContainer.login-background .login .button .butt:hover {
  background-color: var(--mc24Pink);
}
#loginContainer.login-background .login-footer {
  text-align: center;
  color: var(--mc24OffWhite);
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  margin-top: 1.7rem;
}
#loginContainer.login-background .login-footer span {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#loginContainer.login-background a {
  color: var(--mc24OffWhite);
  font-size: 100%;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#loginContainer.login-background .login-footer span,
#loginContainer.login-background .login-link-text,
#loginContainer.login-background a {
  cursor: pointer;
}
#loginContainer.login-background .login-footer span:hover,
#loginContainer.login-background .login-link-text:hover,
#loginContainer.login-background a:hover {
  text-decoration: underline;
}
#loginContainer.login-background .MC-logo-login {
  align-self: flex-start;
  display: block;
  margin-left: calc(50% - 330px);
  margin-bottom: 2rem;
  margin-top: 1rem;
  max-width: 95vw;
  min-height: 80px;
  opacity: 1;
  position: relative;
  transition: all 0.3s;
  width: 400px;
}
#loginContainer.login-background .MC-logo-login img {
  height: auto;
  max-width: 100%;
  min-height: 70px;
}
@media (max-width: 767px) {
  #loginContainer.login-background .MC-logo-login {
    height: 62px;
    margin-bottom: 0;
    margin-left: calc(50% - 140px);
    margin-top: 0;
    width: 279px;
  }
}
#loginContainer.login-background .mc-modal-container {
  position: absolute;
  height: 100vh;
}
@media (max-width: 900px) {
  #MC_app.application .login .question.button {
    display: block;
  }
  #MC_app.application .login .password-requirements {
    padding-right: 0;
  }
  #MC_app.application .q-row {
    display: block;
  }
}
#MC_app.application .app-header {
  background-color: var(--mc24DarkestGrey);
  height: 59px;
  position: relative;
  padding-left: 1.25rem;
}
@media (max-width: 900px) {
  #MC_app.application .app-header {
    margin-bottom: 5px;
  }
  #MC_app.application .app-header:after {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    height: 5px;
    background: var(--mc24GradHorz1);
  }
}
@media (min-width: 900px) {
  #MC_app.application .app-header {
    height: 82px;
    margin-top: 8px;
  }
  #MC_app.application .app-header:before {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 8px;
    background: var(--mc24GradHorz1);
  }
}
#MC_app.application .app-header .read-only,
#MC_app.application .app-header .high-contrast-toggle {
  display: none;
}
@media (max-width: 900px) {
  #MC_app.application .nav-shown + .nav-item-rack {
    height: 100%;
  }
}
#MC_app.application .nav-item-rack {
  display: flex;
  height: 100%;
}
@media (max-width: 900px) {
  #MC_app.application .nav-item-rack {
    display: block;
    transition: height 0.2s ease-out;
    height: 0;
    overflow: hidden;
  }
  #MC_app.application .nav-item-rack .nav-item {
    padding-left: 1.5rem;
    height: 48px;
    line-height: 1;
    padding-top: 0.25rem;
  }
  #MC_app.application .nav-item-rack .nav-item.selected,
  #MC_app.application .nav-item-rack .nav-item.selected:hover {
    background-color: var(--mc24DarkerGrey);
  }
  #MC_app.application .nav-item-rack .nav-item.selected:after,
  #MC_app.application .nav-item-rack .nav-item.selected:hover:after {
    background-color: var(--mc24Pink);
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    height: 100%;
  }
}
#MC_app.application .nav-item {
  height: 100%;
  padding: 0 0.8rem;
  font-size: 16px;
}
@media (max-width: 900px) {
  #MC_app.application .nav-item {
    height: 59px;
  }
}
#MC_app.application .nav-item.show-hide-nav {
  padding: 0 1rem 0 1.5rem;
  color: var(--mc24Rose);
}
#MC_app.application .nav-item.show-hide-nav svg {
  max-width: 100%;
  height: auto;
}
#MC_app.application .nav-item:last-child {
  margin-right: 1rem;
}
#MC_app.application .nav-item.selected:hover {
  background: transparent;
  color: var(--mc24OffWhite);
}
#MC_app.application .nav-item:not(.selected, .show-hide-nav):hover {
  background: var(--mc24Black);
  color: var(--mc24OffWhite);
}
#MC_app.application .nav-item:after {
  height: 4px;
  left: 0.8rem;
  right: 0.8rem;
  width: auto;
}
#MC_app.application #tools-container {
  background: var(--mc24LightestGrey);
}
#MC_app.application #tools-body {
  padding: 26px;
}
#MC_app.application #tools-header {
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--mc24LighterGrey);
  margin-left: 26px;
  margin-right: 26px;
  width: calc(100% - 52px);
}
#MC_app.application #tools-header #tools-title {
  font-size: 18px;
  font-family: "Inter", "sans-serif";
  font-weight: 700;
  display: flex;
  align-items: center;
}
#MC_app.application #tools-header #tools-menu {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  border: none;
}
#MC_app.application .side-nav {
  font-size: 16px;
  background: var(--mc24DarkestGrey);
}
#MC_app.application .side-nav .side-nav-tab {
  padding: 0.75rem 2.25rem;
  position: relative;
}
#MC_app.application .side-nav .side-nav-tab,
#MC_app.application .side-nav .side-nav-tab.sub {
  background: transparent;
}
#MC_app.application .side-nav .side-nav-tab.sub {
  padding-left: 1.4rem;
  font-size: 16px;
}
#MC_app.application .side-nav .side-nav-tab.sub.selected {
  padding-left: calc(1.4rem - 3px);
}
#MC_app.application .side-nav .side-nav-tab.selected {
  border-left: 3px solid var(--mc24Pink);
  padding-left: calc(2.25rem - 3px);
}
#MC_app.application .side-nav .side-nav-tab:not(.selected):hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--mc24DarkerGrey);
  z-index: 0;
  opacity: 0.5;
  transition: all 0.2s ease-out;
}
#MC_app.application .side-nav .side-nav-tab.sub:not(.selected):hover:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--mc24Black);
  z-index: 0;
  opacity: 0.1;
  transition: all 0.2s ease-out;
}
#MC_app.application .side-nav .side-nav-tab:not(.selected) > * {
  position: relative;
  z-index: 1;
}
#MC_app.application .side-nav .side-nav-tab svg.nav-icon:not(.icon-analysis, .my-badges) path,
#MC_app.application .side-nav .side-nav-tab.selected svg.nav-icon:not(.icon-analysis, .my-badges) path,
#MC_app.application .side-nav .side-nav-tab svg.nav-icon rect,
#MC_app.application .side-nav .side-nav-tab.selected svg.nav-icon rect {
  fill: none;
}
#MC_app.application .side-nav .side-nav-tab svg:not(.icon-analysis),
#MC_app.application .side-nav .side-nav-tab.selected svg:not(.icon-analysis) {
  color: var(--mc24Rose);
}
#MC_app.application .side-nav .side-nav-tab svg.nav-icon.my-badges path,
#MC_app.application .side-nav .side-nav-tab.selected svg.nav-icon.my-badges path,
#MC_app.application .side-nav .side-nav-tab svg.nav-icon.icon-analysis path,
#MC_app.application .side-nav .side-nav-tab.selected svg.nav-icon.icon-analysis path {
  fill: var(--mc24Rose);
}
#MC_app.application .side-nav .side-nav-tab .nav-expand,
#MC_app.application .side-nav .side-nav-tab.selected .nav-expand {
  position: absolute;
  top: calc(50% - 12px);
  right: 1.5rem;
}
#MC_app.application .side-nav .side-nav-tab .nav-expand svg,
#MC_app.application .side-nav .side-nav-tab.selected .nav-expand svg {
  display: block;
  color: var(--mc24OffWhite);
  margin-bottom: -5px;
}
#MC_app.application .side-nav li {
  color: var(--mc24OffWhite);
}
#MC_app.application .side-nav .side-nav-tab.selected,
#MC_app.application .side-nav .side-nav-tab.sub,
#MC_app.application .cards-header {
  background: var(--mc24DarkerGrey);
}
#MC_app.application .mc-table-vtwo-container .mc-table-header {
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24DarkestGrey);
  text-transform: none;
  background-color: var(--mc24LightestGrey);
}
#MC_app.application .mc-table-vtwo-container .mc-table-header .hCell {
  padding-left: 1rem;
  padding-right: 1rem;
}
#MC_app.application .mc-table-vtwo-container .mc-table-two tbody tr:hover {
  background-color: var(--mc24OffWhite);
}
#MC_app.application #loginContainer.login-background .mc-table-vtwo-container .mc-table-two tbody tr:hover {
  background-color: var(--mc24LighterGrey);
}
#MC_app.application #loginContainer.login-background .mc-table-vtwo-container .mc-table-two tbody tr.selected {
  background-color: var(--mc24Pink);
}
#MC_app.application .client-partner-front-page {
  background-color: var(--mc24OffWhite);
}
#MC_app.application .client-partner-front-page .fill-box {
  box-sizing: border-box;
}
#MC_app.application .client-partner-front-page .mc-table-two tbody td {
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24DarkestGrey);
  text-transform: none;
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom: 1px solid var(--mc24LighterGrey);
}
#MC_app.application .client-partner-front-page .mc-table-two tbody td .unread-mark {
  background-color: var(--mc24Pink);
  border-radius: 8px;
  height: 14px;
  left: 60px;
  position: absolute;
  top: 17px;
  width: 14px;
}
#MC_app.application .client-partner-front-page .mc-table-two tbody tr:nth-child(even) {
  background-color: var(--mc24OffWhite);
}
#MC_app.application .client-partner-front-page .mc-table-two tbody tr:hover {
  background-color: var(--mc24LighterGrey);
}
#MC_app.application .client-partner-front-page #table-part {
  box-sizing: border-box;
  overflow: scroll;
  /**/
  padding: 1.5rem 1.5rem 2.5rem;
}
@media (max-with: 450px) {
  #MC_app.application .client-partner-front-page #table-part {
    padding: 0.5rem;
  }
}
@media (min-width: 900px) {
  #MC_app.application .client-partner-front-page #table-part {
    width: 70%;
    height: calc(100vh - 90px);
  }
}
#MC_app.application .client-partner-front-page .front-page-tabs-search {
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid var(--mc24LighterGrey);
}
#MC_app.application .client-partner-front-page .front-page-tabs-search .tabs {
  height: 3.5rem;
}
#MC_app.application .client-partner-front-page .front-page-tabs-search .searchbar {
  background: var(--mc24LightestGrey);
  padding: 0.75rem 1rem 0.75rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
#MC_app.application .client-partner-front-page .front-page-tabs-search .searchbar-bg {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  height: 42.5px;
  width: 432px;
  background: var(--mc24White);
  color: var(--mc24MediumGrey);
  padding: 0.6rem 0 0 0.9rem;
  box-sizing: border-box;
}
@media (max-width: 900px) {
  #MC_app.application .client-partner-front-page .front-page-tabs-search .searchbar-bg {
    width: calc(100% - 2rem);
  }
}
#MC_app.application .client-partner-front-page .front-page-tabs-search .searchbar input {
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LightGrey);
  width: 100%;
  flex-grow: 1;
  padding: 0 0.9rem;
  color: var(--mc24DarkestGrey);
  box-sizing: border-box;
  padding: 0.8rem 1rem;
  width: 432px;
  position: relative;
  z-index: 1;
  background: transparent;
  padding-left: 2.8rem;
}
#MC_app.application .client-partner-front-page .front-page-tabs-search .searchbar input:disabled {
  color: var(--mc24MediumGrey);
  background-color: var(--mc24LightestGrey);
}
@media (max-width: 900px) {
  #MC_app.application .client-partner-front-page .front-page-tabs-search .searchbar input {
    width: 100%;
  }
}
#MC_app.application .client-partner-front-page #chart-part {
  box-sizing: border-box;
  background: var(--mc24LightestGrey);
  border-left: 1px solid var(--mc24LighterGrey);
  padding: 2rem 1.25rem;
  overflow-y: scroll;
}
@media (max-with: 900px) {
  #MC_app.application .client-partner-front-page #chart-part {
    padding: 0.5rem;
  }
}
@media (min-width: 900px) {
  #MC_app.application .client-partner-front-page #chart-part {
    width: 30%;
    height: calc(100vh - 90px);
  }
}
#MC_app.application .cards-header {
  height: 78px;
  margin-bottom: 8px;
  padding-left: 1.4rem;
}
#MC_app.application .cards-header .cards-header-name {
  font-size: 18px;
  color: var(--mc24Rose);
  font-family: "Mosk700";
}
#MC_app.application .cards-header .cards-header-name span {
  display: block;
  color: var(--mc24OffWhite);
  font-size: 14px;
  text-transform: none;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  margin-bottom: 3px;
}
#MC_app.application .c-nav.back svg {
  margin-right: 6px;
}
#MC_app.application .c-nav.next svg {
  transform: rotate(180deg);
  margin-left: 6px;
}
#MC_app.application .c-nav {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24Blue);
  text-decoration: none;
  height: 42px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#MC_app.application .c-nav:not(.flat) {
  padding: 0.6rem 0.6rem 0.5rem;
  font-size: 1rem;
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LighterGrey);
  border-radius: 3px;
  transition: background-color 0.2s ease-out;
}
#MC_app.application .c-nav:not(.flat):hover {
  background-color: var(--mc24OffWhite);
}
#MC_app.application .c-nav.inverse {
  background: var(--mc24Blue);
  color: var(--mc24White);
}
#MC_app.application .c-nav.inverse.disable {
  background: var(--mc24Blue);
}
#MC_app.application .c-nav.inverse:hover {
  background: var(--mc24Blue2);
}
#MC_app.application .c-nav.flat {
  font-size: 16px;
  background: transparent;
  border: none;
  padding-left: 0;
}
#MC_app.application .c-nav.disable {
  background: var(--mc24White);
  opacity: 0.6;
}
#MC_app.application .c-nav:not(:last-child) {
  margin-right: 1rem;
}
#MC_app.application .c-nav.back {
  padding-right: 0.8rem;
}
#MC_app.application .c-nav.next {
  padding-left: 0.8rem;
}
#MC_app.application .c-nav svg {
  color: var(--mc24Rose);
  font-size: 0.4rem;
  width: 16px;
  height: 16px;
}
#MC_app.application .question.no-foot,
#MC_app.application .q-row-text {
  margin-bottom: 0;
}
#MC_app.application .q-row .question.form + .question.check {
  margin-bottom: 0;
  align-self: center;
}
#MC_app.application .question-text {
  text-transform: none;
}
#MC_app.application .input-holder.with-flare {
  display: flex;
  flex-direction: row-reverse;
}
#MC_app.application .input-holder.with-flare .flare-p.changer {
  font-weight: 500;
  color: var(--mc24Blue);
  text-decoration: none;
  height: 42px;
  box-sizing: border-box;
  width: 60px;
  margin-right: 0 !important;
  font-size: 24px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  color: var(--mc24Teal);
}
#MC_app.application .input-holder.with-flare .flare-p.changer:not(.flat) {
  padding: 0.6rem 0.6rem 0.5rem;
  font-size: 1rem;
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LighterGrey);
  border-radius: 3px;
  transition: background-color 0.2s ease-out;
}
#MC_app.application .input-holder.with-flare .flare-p.changer:not(.flat):hover {
  background-color: var(--mc24OffWhite);
}
#MC_app.application .input-holder.with-flare .flare-p.changer.inverse {
  background: var(--mc24Blue);
  color: var(--mc24White);
}
#MC_app.application .input-holder.with-flare .flare-p.changer.inverse.disable {
  background: var(--mc24Blue);
}
#MC_app.application .input-holder.with-flare .flare-p.changer.inverse:hover {
  background: var(--mc24Blue2);
}
#MC_app.application .input-holder.with-flare .flare-p.changer.flat {
  font-size: 16px;
  background: transparent;
  border: none;
  padding-left: 0;
}
#MC_app.application .input-holder.with-flare .flare-p.changer.disable {
  background: var(--mc24White);
  opacity: 0.6;
}
#MC_app.application .input-holder.with-flare .flare-p.changer:not(:last-child) {
  margin-right: 1rem;
}
#MC_app.application .input-holder.with-flare .flare-p.changer.back {
  padding-right: 0.8rem;
}
#MC_app.application .input-holder.with-flare .flare-p.changer.next {
  padding-left: 0.8rem;
}
#MC_app.application .input-holder.with-flare .question.disabled .form.disabled * input,
#MC_app.application .input-holder.with-flare .question.disabled .form.disabled * input:disabled {
  color: var(--mc24LighterGrey);
}
#MC_app.application input[type="checkbox"] {
  width: 24px;
  height: 24px;
  border: 2px solid var(--mc24LighterGrey);
  background: var(--mc24White);
}
#MC_app.application input[type="checkbox"]:focus {
  outline: none;
  border-color: inherit;
}
#MC_app.application input[type="checkbox"]:checked {
  border-color: var(--mc24Blue);
  background: var(--mc24Blue) url(/mc-editor/static/media/check.3e97083b.svg) 50% 50% / 20px 20px no-repeat;
}
#MC_app.application .questions {
  width: 100%;
}
#MC_app.application .questions:not(.no-foot) {
  padding-bottom: 2rem;
}
#MC_app.application .question.check {
  justify-content: flex-start;
}
#MC_app.application .question.check:not(.flat) {
  background: var(--mc24White);
  padding: 8px 0px;
  box-shadow: var(--mc24BoxShadowMid);
}
#MC_app.application .question.check.flat > .question-response {
  grid-template-columns: 24px calc(100% - 24px);
  padding-left: 0;
  padding-right: 0;
}
#MC_app.application .question.check.flat > .question-response > .question-response--input {
  padding-left: 0;
}
#MC_app.application .question.check .question.button > .butt {
  font-size: 16px;
  text-transform: none;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
}
#MC_app.application .question.check > .question-response {
  display: inline-flex;
  display: grid;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  grid-template-columns: 24px calc(60% - 24px - 2rem) 40%;
  grid-gap: 0rem 1rem;
  gap: 0rem 1rem;
  padding: 0px 12px;
}
#MC_app.application .question.check > .question-response > .question-response--input {
  display: block;
  padding: 12px 0;
  box-sizing: border-box;
}
#MC_app.application .question.check > .question-response > .question-response--input[data-checked="true"] + div + .details {
  display: flex;
}
#MC_app.application .question.check > .question-response .question-text {
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  font-size: 16px;
}
#MC_app.application .question.check input[type="checkbox"] {
  display: block;
}
#MC_app.application .question.check input[type="checkbox"]:checked + div + .details {
  display: flex;
}
#MC_app.application .question.check .question-text {
  font-size: 18px;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  margin-bottom: 0;
  display: inline-block;
  width: auto;
  min-width: 25%;
}
#MC_app.application .question.check .details {
  display: none;
  justify-content: flex-end;
}
#MC_app.application #summary-modal-card .question.check .question-response {
  display: flex;
}
#MC_app.application #summary-modal-card .question.check .question-response .details {
  display: flex;
}
#MC_app.application #summary-modal-card a {
  color: var(--mc24Pink);
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  font-size: 100%;
}
#MC_app.application #summary-modal-card a:hover {
  text-decoration: underline;
}
#MC_app.application #signup-error-modal .question.form .question-response input {
  background-color: var(--mc24White);
}
#MC_app.application #et-card .card-body {
  width: 100%;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons,
#MC_app.application #summary-modal-card .ok-cancel-buttons,
#MC_app.application #signup-error-modal .ok-cancel-buttons {
  background: var(--mc24LightestGrey);
  border: none;
  padding: 1.5rem 2rem;
  box-sizing: border-box;
  grid-column: 1 / 7 !important;
  width: 100%;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24Blue);
  text-decoration: none;
  height: 42px;
  box-sizing: border-box;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt:not(.flat),
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt:not(.flat),
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt:not(.flat) {
  padding: 0.6rem 0.6rem 0.5rem;
  font-size: 1rem;
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LighterGrey);
  border-radius: 3px;
  transition: background-color 0.2s ease-out;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt:not(.flat):hover,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt:not(.flat):hover,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt:not(.flat):hover {
  background-color: var(--mc24OffWhite);
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.inverse,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.inverse,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.inverse {
  background: var(--mc24Blue);
  color: var(--mc24White);
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.inverse.disable,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.inverse.disable,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.inverse.disable {
  background: var(--mc24Blue);
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.inverse:hover,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.inverse:hover,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.inverse:hover {
  background: var(--mc24Blue2);
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.flat,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.flat,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.flat {
  font-size: 16px;
  background: transparent;
  border: none;
  padding-left: 0;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.disable,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.disable,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.disable {
  background: var(--mc24White);
  opacity: 0.6;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt:not(:last-child),
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt:not(:last-child),
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt:not(:last-child) {
  margin-right: 1rem;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.back,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.back,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.back {
  padding-right: 0.8rem;
}
#MC_app.application > div:not(.login-background) .ok-cancel-buttons > .button > .butt.next,
#MC_app.application #summary-modal-card .ok-cancel-buttons > .button > .butt.next,
#MC_app.application #signup-error-modal .ok-cancel-buttons > .button > .butt.next {
  padding-left: 0.8rem;
}
#MC_app.application > div.login-background .ok-cancel-buttons {
  padding-top: 0;
}
#MC_app.application > div.login-background .ok-cancel-buttons,
#MC_app.application #summary-modal-card .ok-cancel-buttons,
#MC_app.application #signup-error-modal .ok-cancel-buttons {
  border: none;
  justify-content: space-between;
  flex-wrap: wrap;
}
#MC_app.application > div.login-background .ok-cancel-buttons .button,
#MC_app.application #summary-modal-card .ok-cancel-buttons .button,
#MC_app.application #signup-error-modal .ok-cancel-buttons .button {
  width: calc(50% - 0.75rem);
}
@media (max-width: 900px) {
  #MC_app.application > div.login-background .ok-cancel-buttons .button,
  #MC_app.application #summary-modal-card .ok-cancel-buttons .button,
  #MC_app.application #signup-error-modal .ok-cancel-buttons .button {
    width: 100%;
  }
  #MC_app.application > div.login-background .ok-cancel-buttons .button > .butt,
  #MC_app.application #summary-modal-card .ok-cancel-buttons .button > .butt,
  #MC_app.application #signup-error-modal .ok-cancel-buttons .button > .butt {
    width: 100%;
  }
  #MC_app.application > div.login-background .ok-cancel-buttons .button:not(:last-child),
  #MC_app.application #summary-modal-card .ok-cancel-buttons .button:not(:last-child),
  #MC_app.application #signup-error-modal .ok-cancel-buttons .button:not(:last-child) {
    margin-bottom: 1.7rem;
  }
}
#MC_app.application .modal-row {
  margin: 0 1.5rem !important;
  width: calc(100% - 3rem) !important;
  box-sizing: border-box;
}
#MC_app.application .modal-row:first-child {
  padding-top: 1rem !important;
}
#MC_app.application .modal-row + .ok-cancel-buttons {
  justify-content: space-between;
  padding: 1.5rem !important;
  flex-direction: row-reverse;
}
#MC_app.application .modal-row + .ok-cancel-buttons > div:not(:first-child) {
  margin: 0 1rem 0 0;
}
#MC_app.application .modal-row + .ok-cancel-buttons > div > .butt {
  min-width: 90px;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions {
  display: flex;
  grid-gap: unset;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .specific-selection-details > div,
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .question-response > .input-holder > input[type="date"] {
  align-items: center;
  border-radius: 0;
  color: var(--mcBlue);
  display: flex;
  height: 3rem;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar {
  align-self: center;
  background-color: inherit;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
  height: 2rem;
  margin-right: 0.5rem;
  overflow: hidden;
  position: relative;
  transform: translateX(0rem);
  transition: all 0.2s;
  width: 125px;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar.focused {
  background-color: white;
  height: 2rem;
  transform: translateX(0.25rem);
  width: 300px;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar.focused input {
  background-color: white;
  color: black;
  padding-left: 3rem;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar.focused .search-icon {
  height: 2.5rem;
  padding: 12px;
  top: -0.25rem;
  width: 3rem;
  cursor: pointer;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar.focused .search-icon path {
  fill: var(--mcAsh);
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar input {
  background-color: var(--mcLightAsh);
  border-width: 0px;
  box-sizing: border-box;
  font-size: 1rem;
  height: 100%;
  outline-color: var(--mcBlueLight);
  outline-width: 3px;
  padding-left: 2rem;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.2s;
  width: 100%;
}
#MC_app.application > .content-management .card-container > .card > .card-body > .questions .searchbar .search-icon {
  left: 0;
  cursor: pointer;
}
#MC_app.application .card-container .inline-button > .button > .butt {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  text-transform: capitalize;
}
#MC_app.application .card-container .card-nav-top {
  position: relative;
  background: transparent;
  padding: 1.1rem 1.6rem 1.1rem;
  height: 78px;
  border-bottom: 1px solid var(--mc24LighterGrey);
}
#MC_app.application .card-container .card-nav-top .title {
  font-size: 18px;
  font-family: "Inter", "sans-serif";
  font-weight: 700;
}
#MC_app.application .card-container .card-nav {
  border-top: none;
  height: auto;
  justify-content: flex-end;
}
#MC_app.application .card-container .question.button > .butt {
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24Blue);
  text-decoration: none;
  height: 42px;
  box-sizing: border-box;
}
#MC_app.application .card-container .question.button > .butt:not(.flat) {
  padding: 0.6rem 0.6rem 0.5rem;
  font-size: 1rem;
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LighterGrey);
  border-radius: 3px;
  transition: background-color 0.2s ease-out;
}
#MC_app.application .card-container .question.button > .butt:not(.flat):hover {
  background-color: var(--mc24OffWhite);
}
#MC_app.application .card-container .question.button > .butt.inverse {
  background: var(--mc24Blue);
  color: var(--mc24White);
}
#MC_app.application .card-container .question.button > .butt.inverse.disable {
  background: var(--mc24Blue);
}
#MC_app.application .card-container .question.button > .butt.inverse:hover {
  background: var(--mc24Blue2);
}
#MC_app.application .card-container .question.button > .butt.flat {
  font-size: 16px;
  background: transparent;
  border: none;
  padding-left: 0;
}
#MC_app.application .card-container .question.button > .butt.disable {
  background: var(--mc24White);
  opacity: 0.6;
}
#MC_app.application .card-container .question.button > .butt:not(:last-child) {
  margin-right: 1rem;
}
#MC_app.application .card-container .question.button > .butt.back {
  padding-right: 0.8rem;
}
#MC_app.application .card-container .question.button > .butt.next {
  padding-left: 0.8rem;
}
#MC_app.application .card-container :not(.modal) .card .card-body {
  margin: 1.5rem 1.6rem 2rem;
  width: calc(100% - 52px);
}
#MC_app.application .card-container :not(.modal) .card .card-body.p-chart-card-body .questions {
  width: 560px;
}
#MC_app.application .card-container #goals-card .card-body > .description,
#MC_app.application .card-container #assumptions-card .card-body > .description {
  display: none;
}
#MC_app.application .card-container #assumptions-card .inline-button {
  flex-direction: column;
  justify-content: flex-start;
}
#MC_app.application .card-container .card-info-icon {
  display: none;
}
#MC_app.application .card-container #select-report-card-card-body > .description,
#MC_app.application .card-container #clientContactCard-card-body > .description {
  display: none;
}
#MC_app.application .card-container #debts-card #debts-table-table-v2 {
  border: none;
  margin-bottom: 0;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell,
#MC_app.application .card-container #feeTemplateTable-table-v2 td {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  box-sizing: border-box;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:first-child,
#MC_app.application .card-container #feeTemplateTable-table-v2 td:first-child {
  text-align: center;
  vertical-align: middle;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:nth-child(2),
#MC_app.application .card-container #feeTemplateTable-table-v2 td:nth-child(2) {
  width: 248px;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:nth-child(3),
#MC_app.application .card-container #feeTemplateTable-table-v2 td:nth-child(3) {
  width: 272px;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:nth-child(4),
#MC_app.application .card-container #feeTemplateTable-table-v2 td:nth-child(4) {
  width: 120px;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:nth-child(6),
#MC_app.application .card-container #feeTemplateTable-table-v2 td:nth-child(6),
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:nth-child(7),
#MC_app.application .card-container #feeTemplateTable-table-v2 td:nth-child(7) {
  width: 60px;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell:nth-child(8),
#MC_app.application .card-container #feeTemplateTable-table-v2 td:nth-child(8) {
  width: 130px;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell .question,
#MC_app.application .card-container #feeTemplateTable-table-v2 td .question {
  width: 100%;
  max-width: unset;
}
#MC_app.application .card-container #feeTemplateTable-table-v2 .hCell .question.check,
#MC_app.application .card-container #feeTemplateTable-table-v2 td .question.check {
  flex-direction: row;
}
#MC_app.application .card-container .fee-bottom-content .question.check {
  flex-direction: row-reverse;
}
#MC_app.application .card-container .fee-bottom-content .question.check .question-response {
  grid-template-columns: 1fr;
  width: 40px;
}
#MC_app.application .card-container .mc-modal-container .modal .card-body {
  width: 100%;
  padding: 1.5rem;
  margin: 0;
  box-sizing: border-box;
}
#MC_app.application .card-container .mc-modal-container .modal .card-body > .questions {
  padding-bottom: 0;
}
#MC_app.application .card-container .mc-modal-container .modal .card-body > .questions > div:not(.ok-cancel-buttons) {
  grid-column: 1 / 7;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 900px) {
  #MC_app.application .card-container .card-body.p-chart-card-body > .questions {
    max-width: 556px;
  }
}
#MC_app.application .card-container .card-body.p-chart-card-body > .questions > div {
  grid-column: 1 / 7;
}
#MC_app.application .card-container .card-body > .questions {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-gap: 0rem 1.5rem;
  gap: 0rem 1.5rem;
}
#MC_app.application .card-container .card-body > .questions > div {
  grid-column: 1 / 5;
}
@media (max-width: 900px) {
  #MC_app.application .card-container .card-body > .questions > div {
    grid-column: 1 / 7;
  }
}
#MC_app.application .card-container .card-body > .questions > .pres-card-chart,
#MC_app.application .card-container .card-body > .questions > .pres-card-content {
  grid-column: 1 / 7;
}
#MC_app.application .card-container > .question {
  margin-bottom: 1.75rem;
}
#MC_app.application .card-container .paymentNoteText {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 900px) {
  #MC_app.application .card-container .paymentNoteText {
    align-items: flex-start;
    flex-direction: column;
  }
}
#MC_app.application .card-container .paymentNoteText > div:nth-child(1) {
  width: calc(100% - 280px);
  height: 48px;
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  #MC_app.application .card-container .paymentNoteText > div:nth-child(1) {
    width: 100%;
  }
}
#MC_app.application .card-container .paymentNoteText > div:nth-child(2) {
  width: 280px;
  margin-bottom: 0;
}
#MC_app.application .card-container .paymentNoteText .question.form > .question-response {
  margin-bottom: 1.5rem;
}
@media (max-width: 900px) {
  #MC_app.application .card-container .paymentNoteText .question.form > .question-response {
    margin-bottom: 1rem;
  }
}
#MC_app.application .card-container .paymentNoteText .question > .question-response {
  display: inline-flex;
  grid-template-columns: none;
  width: auto;
}
@media (max-width: 900px) {
  #MC_app.application .card-container .paymentNoteText .question > .question-response {
    margin-bottom: 0.5rem;
  }
}
#MC_app.application .card-container .paymentNoteText + textarea {
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LightGrey);
  width: 100%;
  flex-grow: 1;
  padding: 0 0.9rem;
  color: var(--mc24DarkestGrey);
  box-sizing: border-box;
  height: 90px;
  margin-bottom: 1rem;
  padding: 0.9rem;
}
#MC_app.application .card-container .paymentNoteText + textarea:disabled {
  color: var(--mc24MediumGrey);
  background-color: var(--mc24LightestGrey);
}
#MC_app.application .card-container .question .question-text,
#MC_app.application .card-container .paymentNoteText,
#MC_app.application .card-container .paymentNoteText > .question > .question-response > .question-text {
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24DarkestGrey);
  text-transform: none;
}
#MC_app.application .card-container .form select,
#MC_app.application .card-container .dropdown select,
#MC_app.application .card-container .form input,
#MC_app.application .card-container .dropdown input {
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LightGrey);
  width: 100%;
  flex-grow: 1;
  padding: 0 0.9rem;
  color: var(--mc24DarkestGrey);
}
#MC_app.application .card-container .form select:disabled,
#MC_app.application .card-container .dropdown select:disabled,
#MC_app.application .card-container .form input:disabled,
#MC_app.application .card-container .dropdown input:disabled {
  color: var(--mc24MediumGrey);
  background-color: var(--mc24LightestGrey);
}
#MC_app.application .card-container .form select,
#MC_app.application .card-container .dropdown select {
  padding-right: 2.75rem;
}
#MC_app.application .card-container .form input[type="date"]::-webkit-calendar-picker-indicator,
#MC_app.application .card-container .dropdown input[type="date"]::-webkit-calendar-picker-indicator {
  background: url(/mc-editor/static/media/calendar.5c544ebb.svg) 50% 50% / 20px 22px no-repeat;
  margin-right: 8px;
  -moz-appearance: none;
  -webkit-appearance: none;
}
#MC_app.application .card-container .form select,
#MC_app.application .card-container .dropdown select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: var(--mc24White) url(/mc-editor/static/media/chevron-select.42791b09.svg) calc(100% - 0.7rem) 50% no-repeat;
}
#MC_app.application .card-container .form.input-error select,
#MC_app.application .card-container .dropdown.input-error select,
#MC_app.application .card-container .form.input-error input,
#MC_app.application .card-container .dropdown.input-error input {
  border-color: var(--mc24Red);
  margin-bottom: 0.5rem;
}
#MC_app.application .card-container .form.input-error > span,
#MC_app.application .card-container .dropdown.input-error > span {
  color: var(--mc24Red);
  font-size: 14px;
}
#MC_app.application .card-container .form .input-holder,
#MC_app.application .card-container .dropdown .input-holder {
  flex-grow: 1;
}
#MC_app.application .question.options .question-response {
  padding: 2px;
  border-radius: 3px;
  border: 1px solid var(--mc24LighterGrey);
  display: inline-flex;
  width: auto;
}
#MC_app.application .option-choice {
  background: transparent;
  color: var(--mc24OffBlack);
  height: auto;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid var(--mc24LighterGrey);
  font-size: 14px;
  display: flex;
  align-items: center;
  /*&:before {
        content: '';
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--mc24White);
        border: 1px solid var(--mc24LighterGrey);
        color: transparent;
        margin-right: 8px;
      }

      &.selected:before {
        background: var(--mc24Blue) url('../assets/feather-icons/check.svg') 50% 50% / 20px 20px no-repeat;
        color: var(--mc24White);
        border-color: var(--mc24Blue);
      } */
}
#MC_app.application .option-choice.selected {
  background: var(--mc24Teal);
  color: var(--mc24White);
}
#MC_app.application .option-choice:not(:last-child) {
  margin-right: 2px;
}
#MC_app.application #property-features-modal {
  width: 840px;
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badge-card-body-top,
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badge-card-body-content {
  grid-column: 1 / 7;
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badge-card-body-top {
  padding-top: 0;
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badges-header-tab {
  background: var(--mc24LighterGrey);
  color: var(--mc24OffBlack);
  text-transform: none;
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .stats-cell-value,
#MC_app.application #settings-badges-card #settings-badges-card-card-body .stats-container {
  color: var(--mc24OffBlack);
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .stats-container {
  background: var(--mc24White);
  border: 1px solid var(--mc24LighterGrey);
  border-radius: 3px;
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .preloaded-img-container {
  background: var(--mc24LightestGrey);
  border: 1px solid var(--mc24LighterGrey);
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badge-card-user .badge-card-user-info .name-field.blue,
#MC_app.application #settings-badges-card #settings-badges-card-card-body .member-since {
  color: var(--mc24OffBlack);
  text-transform: capitalize;
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badge-progress-rows-container {
  border: 1px solid var(--mc24LighterGrey);
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .badge-progress-bar-container.main-badge-progress .badge-progress-bar {
  background: var(--mc24Green);
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .progress-content-title {
  color: var(--mc24OffBlack);
}
#MC_app.application #settings-badges-card #settings-badges-card-card-body .onboarding-badge-label {
  color: var(--mc24Blue);
}
#MC_app.application #partner-images-card-setting-card-body .question.options {
  flex-direction: column;
  align-items: flex-start;
}
#MC_app.application #partner-images-card-setting-card-body .equal-housing,
#MC_app.application #partner-images-card-card-body .equal-housing {
  display: flex;
  flex-direction: column;
}
#MC_app.application #affordability-spend-card-card-body .question.text > .question-text {
  font-size: 16px;
}
#MC_app.application #affordability-spend-card-card-body .question.text .col-3:first-child {
  margin-bottom: 0;
  margin-right: 1.5rem;
}
#MC_app.application #click-to-call-card-card-body .ctoc-left {
  grid-column: 1 / 4;
  width: 100%;
}
#MC_app.application #click-to-call-card-card-body .ctoc-right {
  grid-column: 4 / 7;
  width: 100%;
  border: 1px solid var(--mc24LighterGrey);
  box-shadow: var(--mc24BoxShadowMid);
}
#MC_app.application #click-to-call-card-card-body #ctoc-table-table-scroll-container {
  width: 100%;
  border-color: var(--mc24LighterGrey);
}
#MC_app.application .shadow-box {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem;
  background: var(--mc24White);
  box-shadow: var(--mc24BoxShadowMid);
  margin-bottom: 1rem;
}
#MC_app.application .shadow-box.no-foot-pad {
  margin-bottom: 0;
}
#MC_app.application .shadow-box.no-q-text > div:last-child .question-text {
  display: none;
}
#MC_app.application .shadow-box .question {
  margin-bottom: 0;
}
#MC_app.application .shadow-box .question + .question.check {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1.75rem;
}
#MC_app.application #tools-container .modal .question-text {
  font-size: 14px;
  font-family: "Inter", "sans-serif";
  font-weight: 500;
  color: var(--mc24DarkestGrey);
  text-transform: none;
}
#MC_app.application #tools-container .modal select {
  background-color: var(--mc24White);
  border: 1px solid var(--mc24LightGrey);
  width: 100%;
  flex-grow: 1;
  padding: 0 0.9rem;
  color: var(--mc24DarkestGrey);
  -moz-appearance: none;
  -webkit-appearance: none;
  background: var(--mc24White) url(/mc-editor/static/media/chevron-select.42791b09.svg) calc(100% - 0.7rem) 50% no-repeat;
}
#MC_app.application #tools-container .modal select:disabled {
  color: var(--mc24MediumGrey);
  background-color: var(--mc24LightestGrey);
}
#MC_app.application #tools-container .modal .ok-cancel-buttons .button {
  margin: 0;
}
@media (max-width: 900px) {
  #MC_app.application #fee-templates-card .questions,
  #MC_app.application #product-templates-card .questions,
  #MC_app.application #report-templates-card .questions {
    display: flex;
  }
}
#MC_app.application #fee-templates-card .templates,
#MC_app.application #product-templates-card .templates,
#MC_app.application #report-templates-card .templates {
  height: auto;
}
@media (max-width: 900px) {
  #MC_app.application #fee-templates-card .templates,
  #MC_app.application #product-templates-card .templates,
  #MC_app.application #report-templates-card .templates {
    width: 100%;
  }
}
#MC_app.application #fee-templates-card .templates .temps-header,
#MC_app.application #product-templates-card .templates .temps-header,
#MC_app.application #report-templates-card .templates .temps-header {
  background: var(--mc24OffBlack);
  color: var(--mc24White);
  padding: 1rem 1.5rem;
}
#MC_app.application #fee-templates-card .templates .tabs,
#MC_app.application #product-templates-card .templates .tabs,
#MC_app.application #report-templates-card .templates .tabs {
  border: 1px solid var(--mc24LighterGrey);
}
#MC_app.application #fee-templates-card .templates .tabs:not(.vert),
#MC_app.application #product-templates-card .templates .tabs:not(.vert),
#MC_app.application #report-templates-card .templates .tabs:not(.vert) {
  height: 3.5rem;
  margin: 0;
  padding-left: 0;
}
#MC_app.application #fee-templates-card .right-side-temps,
#MC_app.application #product-templates-card .right-side-temps,
#MC_app.application #report-templates-card .right-side-temps {
  border: 1px solid var(--mc24LighterGrey);
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-body,
#MC_app.application #product-templates-card .right-side-temps .card .card-body,
#MC_app.application #report-templates-card .right-side-temps .card .card-body {
  margin: 0;
  width: 100%;
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-body .questions > div,
#MC_app.application #product-templates-card .right-side-temps .card .card-body .questions > div,
#MC_app.application #report-templates-card .right-side-temps .card .card-body .questions > div {
  grid-column: 1 / 7;
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-body .questions > div:not(:last-child),
#MC_app.application #product-templates-card .right-side-temps .card .card-body .questions > div:not(:last-child),
#MC_app.application #report-templates-card .right-side-temps .card .card-body .questions > div:not(:last-child) {
  margin-bottom: 2rem;
}
@media (max-width: 500px) {
  #MC_app.application #fee-templates-card .right-side-temps .card .card-body .questions > div:not(:last-child),
  #MC_app.application #product-templates-card .right-side-temps .card .card-body .questions > div:not(:last-child),
  #MC_app.application #report-templates-card .right-side-temps .card .card-body .questions > div:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-body .video-button-section,
#MC_app.application #product-templates-card .right-side-temps .card .card-body .video-button-section,
#MC_app.application #report-templates-card .right-side-temps .card .card-body .video-button-section {
  width: calc(50% - 0.75rem);
}
@media (max-width: 500px) {
  #MC_app.application #fee-templates-card .right-side-temps .card .card-body .video-button-section,
  #MC_app.application #product-templates-card .right-side-temps .card .card-body .video-button-section,
  #MC_app.application #report-templates-card .right-side-temps .card .card-body .video-button-section {
    width: calc(50% - 0.5rem);
  }
  #MC_app.application #fee-templates-card .right-side-temps .card .card-body .video-button-section > .vid-missing,
  #MC_app.application #product-templates-card .right-side-temps .card .card-body .video-button-section > .vid-missing,
  #MC_app.application #report-templates-card .right-side-temps .card .card-body .video-button-section > .vid-missing,
  #MC_app.application #fee-templates-card .right-side-temps .card .card-body .video-button-section > .question.button > div[role="button"],
  #MC_app.application #product-templates-card .right-side-temps .card .card-body .video-button-section > .question.button > div[role="button"],
  #MC_app.application #report-templates-card .right-side-temps .card .card-body .video-button-section > .question.button > div[role="button"] {
    font-size: 0.8rem;
    width: 100%;
  }
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-body .video-button-section.left,
#MC_app.application #product-templates-card .right-side-temps .card .card-body .video-button-section.left,
#MC_app.application #report-templates-card .right-side-temps .card .card-body .video-button-section.left {
  margin-right: 1.5rem;
}
@media (max-width: 500px) {
  #MC_app.application #fee-templates-card .right-side-temps .card .card-body .video-button-section.left,
  #MC_app.application #product-templates-card .right-side-temps .card .card-body .video-button-section.left,
  #MC_app.application #report-templates-card .right-side-temps .card .card-body .video-button-section.left {
    margin-right: 1rem;
  }
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-header,
#MC_app.application #product-templates-card .right-side-temps .card .card-header,
#MC_app.application #report-templates-card .right-side-temps .card .card-header {
  padding: 2rem 1.5rem;
  margin: 0;
  height: auto;
}
@media (max-width: 500px) {
  #MC_app.application #fee-templates-card .right-side-temps .card .card-header,
  #MC_app.application #product-templates-card .right-side-temps .card .card-header,
  #MC_app.application #report-templates-card .right-side-temps .card .card-header {
    padding: 1.5rem 1rem;
  }
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-header .title,
#MC_app.application #product-templates-card .right-side-temps .card .card-header .title,
#MC_app.application #report-templates-card .right-side-temps .card .card-header .title {
  font-family: "Mosk700";
  font-size: 18px;
  color: var(--mc24Black);
}
#MC_app.application #fee-templates-card .right-side-temps .card .card-header .subtitle,
#MC_app.application #product-templates-card .right-side-temps .card .card-header .subtitle,
#MC_app.application #report-templates-card .right-side-temps .card .card-header .subtitle {
  display: none;
}
#MC_app.application #fee-templates-card .right-side-temps #presentation-layout-card .card-header,
#MC_app.application #product-templates-card .right-side-temps #presentation-layout-card .card-header,
#MC_app.application #report-templates-card .right-side-temps #presentation-layout-card .card-header {
  padding-bottom: 0.5rem;
}
#MC_app.application .import-debts-card.card {
  width: 800px;
}
@media (max-width: 900px) {
  #MC_app.application #greetings-box,
  #MC_app.application #greetings-box + div {
    width: 50%;
    margin-bottom: 1.5rem;
  }
}
#new-presentation-card .encompass-section {
  border-radius: 6px;
  border: 1px solid rgba(180, 66, 255, 0.4);
  background-color: rgba(252, 248, 255, 0.8);
  padding: 16px 16px 24px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#new-presentation-card h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #333;
}
#new-presentation-card .question.button {
  margin-bottom: 0;
}
#new-presentation-card .blank-section {
  display: flex;
  flex-flow: column;
  gap: 8px;
  padding: 16px 0px 24px 0px;
}
#new-presentation-card .title {
  font-family: "Inter", "sans-serif";
  font-weight: 600;
}
#new-presentation-card .card-body {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
#new-presentation-card .presentation-button {
  width: 100%;
  height: 46px;
  border-radius: 3px;
  border: 1px solid #D4D4D8;
  background-color: #FFFFFF;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
}
#new-presentation-card .presentation-button:hover {
  background-color: #F9F9F9;
  border-color: #B4B4B8;
}
#new-presentation-card .presentation-button:active {
  background-color: #F0F0F0;
  transform: translateY(1px);
}
#new-presentation-card .presentation-button .button-icon {
  margin-right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#encompass-card {
  width: 1050px;
  max-width: 95vw;
  background-color: #FFFFFF;
}
#encompass-card .card-body {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 2rem !important;
  margin: 0;
  width: 100%;
}
#encompass-card .card-body .card-loading-screen {
  height: 100%;
}
#encompass-card .card-body .card-loading-screen.main {
  height: 400px;
}
#encompass-card .enc-left {
  border-right: 1px solid #DADADA;
}
#encompass-card .enc-left ol {
  -webkit-padding-start: 20px;
          padding-inline-start: 20px;
}
#encompass-card .enc-left ol li {
  list-style-type: circle;
}
#encompass-card .enc-left .question {
  margin-bottom: 1rem;
}
#encompass-card .enc-left .question select {
  height: 2rem;
}
#encompass-card .enc-left .question.form input {
  height: 2rem;
}
#encompass-card .enc-left .question.check input {
  height: 2rem;
  width: 2rem;
}
#encompass-card .enc-left .question .option-choice {
  height: 2rem;
}
#encompass-card .enc-left .question.form,
#encompass-card .enc-left .question.dropdown {
  margin-top: 16px;
}
#encompass-card .enc-left .question.form .input-holder,
#encompass-card .enc-left .question.dropdown .input-holder {
  width: 100%;
}
#encompass-card .enc-left .question.form .input-holder input,
#encompass-card .enc-left .question.dropdown .input-holder input,
#encompass-card .enc-left .question.form select,
#encompass-card .enc-left .question.dropdown select {
  height: 46px;
  border: 1px solid #D4D4D8;
  border-radius: 3px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  color: #121212;
  background-color: #FFFFFF;
  transition: all 0.2s ease;
}
#encompass-card .enc-left .question.form .input-holder input::placeholder,
#encompass-card .enc-left .question.dropdown .input-holder input::placeholder,
#encompass-card .enc-left .question.form select::placeholder,
#encompass-card .enc-left .question.dropdown select::placeholder {
  color: #A3A3A3;
}
#encompass-card .enc-left .question.form .input-holder input:hover,
#encompass-card .enc-left .question.dropdown .input-holder input:hover,
#encompass-card .enc-left .question.form select:hover,
#encompass-card .enc-left .question.dropdown select:hover {
  background-color: #F9F9F9;
  border-color: #B4B4B8;
}
#encompass-card .enc-left .question.form .input-holder input:disabled,
#encompass-card .enc-left .question.dropdown .input-holder input:disabled,
#encompass-card .enc-left .question.form select:disabled,
#encompass-card .enc-left .question.dropdown select:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
#encompass-card .enc-left .question.form .question-text,
#encompass-card .enc-left .question.dropdown .question-text {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #3F3F46;
  margin-bottom: 4px;
}
#encompass-card .enc-left .question.dropdown select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23358AB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 20px;
  padding-right: 40px;
}
#encompass-card .enc-right {
  display: flex;
  flex-direction: column;
  background-color: #FFFFFF;
}
#encompass-card .enc-right .card-loading-screen {
  margin-bottom: 0rem;
  border-top: none;
}
#encompass-card .enc-right .table-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 0.5rem;
  background-color: var(--mcAsh);
  color: white;
  height: 3rem;
  box-sizing: border-box;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
}
#encompass-card .enc-right .table-title .main {
  width: 100%;
}
#encompass-card .enc-right .table-title .sub {
  white-space: nowrap;
}
#encompass-card .enc-right .mc-table-vtwo-container {
  height: 100%;
  min-height: 200px;
  border: 1px solid #DADADA;
  border-top: none;
  border-radius: 8px;
  background-color: #FFFFFF;
  overflow-y: auto;
  margin-top: 16px;
  display: flex;
}
#encompass-card .enc-right .mc-table-vtwo-container .hCell {
  font-size: 10px;
  line-height: 16px;
  font-weight: 600;
}
#encompass-card .enc-right .mc-table-vtwo-container .table-scroll-container {
  height: inherit;
}
#encompass-card h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: #27272A;
}
#encompass-card .button-group {
  gap: 16px;
  justify-content: flex-end;
  margin-top: 16px;
  display: flex;
  padding: 16px 0;
}
#encompass-card .group-title {
  display: flex;
  flex-flow: column;
  gap: 4px;
}
#encompass-card .group-title p.sub-text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #595959;
  margin: 0;
}
#encompass-card .group-title h3 {
  margin: 0;
}
#encompass-card .button {
  margin: 0;
}
#encompass-card .button > .butt {
  padding: 10px 12px;
  border: 1px solid #E4E4E7;
  border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #2C6686;
  background-color: #FFFFFF;
  transition: all 0.2s ease;
}
#encompass-card .button > .butt:hover {
  background-color: #F9F9F9;
  border-color: #B4B4B8;
}
#encompass-card .button.disable > .butt {
  opacity: 0.4;
  background-color: #FAFAFA;
  border-color: #E4E4E7;
  color: #2C6686;
  cursor: not-allowed;
}
#encompass-card .ok-cancel-buttons {
  width: 100%;
}
#encompass-card .card-body.no-pad {
  padding: 0 !important;
  display: flex;
  height: 500px;
}
#encompass-card .card-body.no-pad .enc-left {
  width: 40%;
  padding: 24px;
  background-color: #FAFAFA;
  margin: 0;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
#encompass-card .card-body.no-pad .enc-right {
  padding: 24px;
  width: 60%;
  margin: 0;
  flex: 1 1;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #encompass-card .card-body.no-pad {
    flex-direction: row;
    height: auto;
  }
  #encompass-card .card-body.no-pad .enc-left,
  #encompass-card .card-body.no-pad .enc-right {
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
  }
}
#encompass-card .mc-table-two tbody td {
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
}
#encompass-card .mc-table-vtwo-container .mc-table-two tbody tr.mc-table-vtwo-row.selected {
  background-color: #A3A3A3;
}
#encompass-card .card-loading-screen {
  border: none;
}
#encompass-card .q-row.button-group {
  display: flex;
}

:root {
  --mcBlueDeepDark: #00789c;
  --mcBlueDeep: #009ac8;
  --mcBlue: #3ea2ca;
  --mcBlueLight: #95cde1;
  --mcBlueDark: #0c4f64;
  --mcBlueRealDark: #143057;
  --mcLightBlueBackground: #c0e3ef;
  --mcTextDarkBlue: #0f2c3a;
  --mcBlueMedium: #304b57;
  --mcTextBlueLight: #cbeefa;
  --mcBlueMediumLight: #586f77;
  --mcLightGray: #f9f9f9;
  --mcGray: #d8d8d8;
  --mcGrayDark: #555755;
  --mcTextGray: #9aa3a6;
  --mcBorderGray: #8d8d8d;
  --mcAsh: #354044;
  --mcLightAsh: #656c6f;
  --mcDarkAsh: #1d2121;
  --mcDark: #171617;
  --mcLoadingOne: #96c8fa;
  --mcLoadingTwo: var(--mcBlueDeep);
  --chartBackgroundColor: #7d1616;
}
/*
This theme is to be used with the root theme above when we want to implement a "High Contrast" mode for users with a 
visual disability. So far, only a few are changed but we need all of the colors in the case that a customer has a 
custom theme they are using. The high-contrast mode should override the theme colors. To use this, just toggle the
"high-contrast" class at the highest level of the document to affect everything underneath.
*/
.high-contrast {
  --mcBlueDeep: #194d5f;
  --mcBlue: #226981;
  --mcAsh: #1b2022;
  --mcLightAsh: #7e888b;
  --mcBlueDeepDark: #00789c;
  --mcBlueLight: #95cde1;
  --mcBlueDark: #0c4f64;
  --mcBlueRealDark: #143057;
  --mcLightBlueBackground: #c0e3ef;
  --mcTextDarkBlue: #0f2c3a;
  --mcBlueMedium: #304b57;
  --mcTextBlueLight: #cbeefa;
  --mcBlueMediumLight: #586f77;
  --mcLightGray: #f9f9f9;
  --mcGray: #d8d8d8;
  --mcGrayDark: #555755;
  --mcTextGray: #9aa3a6;
  --mcBorderGray: #8d8d8d;
  --mcDarkAsh: #1d2121;
  --mcDark: #171617;
  --mcLoadingOne: #96c8fa;
  --mcLoadingTwo: var(--mcBlueDeep);
  --chartBackgroundColor: #7d1616;
}
.no-shadow {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
}
.content-shadow {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.35);
}
.login {
  display: block;
  width: 400px;
  max-width: 95vw;
  background-color: white;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 2.5rem;
  transition: all 0.6s;
  transition-delay: 0.6s;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.login .login-text {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--mcBlueDeep);
  width: 100%;
}
.login .login-pass {
  padding-right: 3rem;
  position: relative;
}
.login .login-pass .show-hide {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border: solid 12px rgba(0, 0, 0, 0);
}
.login .login-pass .show-hide.show {
  background-image: url(/mc-editor/static/media/showPasswordIcon.61d05d1a.png);
}
.login .login-pass .show-hide.hide {
  background-image: url(/mc-editor/static/media/hidePasswordIcon.9ff3ee2e.png);
}
.login .incorrect-info {
  width: -webkit-fit-content;
  width: fit-content;
  margin: -2rem auto 2rem;
}
.login ::-webkit-input-placeholder {
  -webkit-text-security: none;
  color: var(--mcBorderGray);
  pointer-events: none !important;
}
.login .form,
.login .dropdown {
  display: block;
  margin-bottom: 2rem;
}
.login .form .question-text,
.login .dropdown .question-text {
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.login .form .question-response,
.login .dropdown .question-response {
  padding-left: 0px !important;
  background-color: white;
  border: solid 1px var(--mcBorderGray);
  color: var(--mcBlueDeep);
  border-radius: 8px;
  overflow: hidden;
}
.login .form select,
.login .dropdown select {
  border: none;
}
.login .form input,
.login .dropdown input {
  background-color: inherit;
  border: none;
  border-radius: 0px;
  font-size: 1rem;
  color: var(--mcBlueDeep);
  padding: 0;
  padding-left: 1rem;
}
.login .form input:focus,
.login .dropdown input:focus {
  background-color: inherit;
  outline: none;
}
.login.signup .check {
  display: flex;
  margin-bottom: 1.5rem;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
}
.login.signup .check .question-text {
  width: 140px;
  word-wrap: break-word;
  margin-bottom: 0;
  color: var(--mcBorderGray);
}
.login.signup .check .question-response {
  width: 50px;
}
.login.signup .check input {
  border: 1px solid var(--mcBorderGray);
}
.login.contact .form,
.login.contact .dropdown {
  margin-bottom: 1.5rem;
}
.login.contact .check {
  flex-wrap: nowrap;
}
.login.contact .check .question-text {
  margin-bottom: 0rem;
}
.login.contact .check .question-response {
  width: 3rem;
}
.login .page-num {
  position: absolute;
  color: var(--mcLightAsh);
  bottom: 1.35rem;
  left: 1.5rem;
  display: none;
}
.login .login-link-text {
  position: absolute;
  text-decoration: underline;
  color: var(--mcBlueDeep);
  cursor: pointer;
}
.login .login-link-text.br {
  bottom: 1rem;
  right: 2.5rem;
}
.login .login-link-text.bl {
  bottom: 1rem;
  left: 2.5rem;
}
.login .login-link-text.bl.contact {
  bottom: 1.5rem;
  left: 1.5rem;
}
.login.two {
  padding: 1.5rem;
  width: 450px;
}
.login.two .form .question-text,
.login.two .dropdown .question-text {
  font-size: 1rem;
}
.login.two .state-zip {
  align-items: flex-start;
}
.login.three {
  padding: 1.5rem;
  width: 575px;
}
.login.three .q-row {
  align-items: flex-end;
}
.login.three .form {
  margin-bottom: 1.5rem;
}
.login.three .form .question-text {
  font-size: 1rem;
}
.login #subTable-table-v2 {
  height: 200px;
  margin-bottom: 1.5rem;
  border: solid 1px var(--mcBlueDeep);
}
.option-choice {
  padding: 0.3rem 0.7rem;
  border: solid 1px var(--mcBorderGray);
  margin-bottom: 1px;
  margin-left: 0;
  outline: -webkit-focus-ring-color auto 0px;
  font-size: 1rem;
  line-height: 1rem;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  transition: all 0.2s;
  height: 3rem;
  box-sizing: border-box;
  position: relative;
  margin-right: -1px;
  z-index: 1;
  cursor: pointer;
  background-color: inherit;
}
.option-choice:hover,
.option-choice:focus {
  border-color: var(--mcBlueDeep);
  color: var(--mcBlueDeep);
  z-index: 2;
  background-color: white;
}
.option-choice.selected {
  background-color: var(--mcBlueDeep);
  color: white !important;
  border-color: var(--mcBlueDeep);
  z-index: 3;
}
.option-choice:last-child {
  margin-right: 0rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.option-choice:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.option-choice:not(.selected):disabled {
  background-color: lightgray;
}
.q-info-icon {
  width: 1.125rem;
  height: 1.125rem;
  transition: all 0.2s;
  fill: var(--mcAsh);
  cursor: pointer;
}
.q-info-icon:hover {
  fill: var(--mcBlueDeep);
}
.question-text {
  width: 100%;
  word-wrap: break-word;
  margin-bottom: 0.5rem;
  text-transform: capitalize;
  font-family: "Inter", "sans-serif";
  font-weight: 400;
  position: relative;
}
.question-text .q-info-icon {
  position: absolute;
  top: 4px;
  right: 0;
}
.q-row {
  display: flex;
}
.q-row > div:not(:last-child) {
  margin-right: 1rem;
}
.q-row.center {
  justify-content: center;
}
.q-row.end {
  justify-content: flex-end;
}
.q-row.wrap {
  flex-wrap: wrap;
}
.q-row.with-flare .question:first-child {
  width: 81%;
}
.q-row .q-row-text {
  margin-bottom: 0.5rem;
  width: 100%;
}
.q-row .q-row-body {
  display: flex;
  width: 100%;
}
.q-row .q-row-body > div:not(:last-child) {
  margin-right: 1rem;
}
.q-row .question.no-text {
  align-items: flex-end;
}
.q-row.add-bottom-margin .question {
  margin-bottom: 0;
}
.ok-cancel-buttons {
  justify-content: flex-end;
  padding-top: 1rem;
  border-top: solid 1px var(--mcBorderGray);
  padding-bottom: 4px;
  padding-right: 4px;
}
.ok-cancel-buttons .button {
  margin-bottom: 0;
}
.ok-cancel-buttons.np {
  padding-bottom: 0px;
  padding-right: 0px;
}
.ok-cancel-buttons.no-border {
  border-top: none;
}
.question-response {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}

.spinner {
  width: 40px;
  height: 40px;
  text-align: center;
  animation: sk-rotate 2s infinite linear;
}
.spinner.move-down {
  margin-top: 205px;
}
.spinner.blue .dot1,
.spinner.blue .dot2,
.spinner.blue .dot3,
.spinner.blue .dot4 {
  background-color: #00bdff;
}
.spinner.center {
  position: relative;
  margin: auto;
  margin-bottom: 1.5rem;
}
.spinner.centered-block {
  margin: 0 auto;
}
.spinner.abs {
  position: absolute;
}
.spinner.slogin {
  margin: auto;
  position: relative;
  top: -3rem;
}
.dot1,
.dot2,
.dot3,
.dot4 {
  width: 50%;
  height: 50%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #ffffff;
  border-radius: 100%;
  margin: 0 !important;
  animation: sk-bounce 2s infinite ease-in-out;
}
.dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -0.5s;
}
.dot3 {
  top: auto;
  bottom: auto;
  left: 0;
  animation-delay: -1.5s;
}
.dot4 {
  top: auto;
  bottom: 0;
  left: 0;
  animation-delay: -1s;
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

.two-fa-error {
  font-size: 1.7rem;
  color: #cc3333;
  margin: 1rem 0;
}
.two-fa-form {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.two-fa-form input::-webkit-outer-spin-button,
.two-fa-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.two-fa-form input[type="number"] {
  -moz-appearance: textfield;
}
.two-fa-digit {
  display: inline-block;
  width: calc(85% / 6);
  margin-right: calc(15% / 6);
  border-radius: 4px;
  border: solid 1px var(--mcBorderGray);
  box-sizing: border-box;
}
.two-fa-digit.two-fa-digit.two-fa-digit.two-fa-digit input {
  font-size: 1.6rem;
  padding: 0;
  position: relative;
  transform: translateX(-50%);
  width: 35%;
  left: 50%;
}
.two-fa-digit.selected {
  border: solid 1px var(--mcBlue);
}

/* HTML: <div class="loader"></div> */
.spinner {
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #ffa516 94%, #0000) top / 8px 8px no-repeat, conic-gradient(#0000 30%, #ffa516);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}

.question.button .q-info-icon {
  margin-left: 0.5rem;
}

.toast {
  position: fixed;
  top: 156px;
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
  min-width: 400px;
  max-width: 600px;
  width: 60%;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(24, 24, 27, 0.08);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  gap: 16px;
}
.toast.show {
  transform: translateX(-50%) translateY(0);
  opacity: 1;
}
.toast.hide {
  transform: translateX(-50%) translateY(-100%);
  opacity: 0;
}
.toast.success {
  background-color: #ffffff;
  border: 2px solid #1EA72C;
  color: #000000;
}
.toast.success .toast-icon.success-icon {
  color: #1EA72C;
}
.toast.error {
  background-color: #ffffff;
  border: 2px solid #ef4444;
  color: #000000;
}
.toast.error .toast-icon.error-icon {
  color: #ef4444;
}
.toast .toast-close {
  position: absolute;
  top: 6px;
  right: 12px;
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #27272A;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  z-index: 1;
}
.toast .toast-close:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: #374151;
}
.toast .toast-close:focus {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}
.toast .toast-close svg {
  width: 24px;
  height: 24px;
}
.toast .toast-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.toast .toast-content .toast-icon-row {
  display: flex;
  align-items: center;
}
.toast .toast-content .toast-icon-row .toast-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.toast .toast-content .toast-message-row {
  display: flex;
  align-items: center;
}
.toast .toast-content .toast-message-row .toast-message {
  word-wrap: break-word;
  line-height: 1.4;
}
@media (max-width: 768px) {
  .toast {
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    min-width: auto;
    max-width: none;
    padding: 20px;
    transform: translateY(-100%);
  }
  .toast.show {
    transform: translateY(0);
  }
  .toast.hide {
    transform: translateY(-100%);
  }
  .toast .toast-close {
    top: 10px;
    right: 10px;
  }
  .toast .toast-content {
    margin-top: 4px;
    gap: 6px;
  }
  .toast .toast-content .toast-icon-row .toast-icon {
    width: 18px;
    height: 18px;
  }
  .toast .toast-content .toast-message-row .toast-message {
    font-size: 13px;
  }
}
.toast + .toast {
  top: 120px;
}
.toast + .toast + .toast {
  top: 220px;
}
.toast + .toast + .toast + .toast {
  top: 320px;
}