:root {
  --white: #fff;
  --green-main: #80c540;
  --green-030: #f3f7ef;
  --green-040: #f1f4ed;
  --green-050: rgba(135, 209, 88, 0.2);
  --green-100: #87d158;
  --green-400: #63A33A;
  --green-500: #598834;
  --green-800: #324f1c;
  --gray-020: #fafafc;
  --gray-050: #f4f4f9;
  --gray-075: #f2f2f7;
  --gray-100: #fcfcfd;
  --gray-120: #f6f6fa;
  --gray-150: #efeff4;
  --gray-200: #eaeaf0;
  --gray-225: #dadad0;
  --gray-250: #d9d9dd;
  --gray-300: rgba(0, 0, 0, 0.2);
  --gray-400: rgba(0, 0, 0, 0.35);
  --gray-450: #afafa9;
  --gray-700: #9a9a97;
  --gray-800: #77787a;
  --gray-850: #464f54;
  --gray-900: #333b3f;
  --navy-900: #151b26;
  --green-gray-300: #c9cec6;
  --green-gray-600: #9ca397;
  --red-100: #F4D3D0;
  --red-500: #91291b;
  --yellow-500: #f8b732;
  --pink-accent-300: #c43e7f;
  --purple-100: #e8e1ed;
  --purple-400: #af78e2;
  --purple-500: #9f64d6;
  --purple-700: #833ec4;
  --purple-800: #7239a8;
  --orange-500: #d3722c;
  --sb-main: #F6F6FA;
  --old-font-main: #636b6f;
  --font-main: #3a3d3f;
  --font-size-main: 15px;
  --font-focus: #4e5456;
  --color-placeholder: var(--gray-250);
  --masthead-sh: 0 0 4px rgba(0, 0, 0, 0.2);
  --focus-ring: rgba(128, 197, 64, 0.18);
  --focus-box-shadow-main: 0 0 0 3px var(--focus-ring);
  --btn-inset: inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
  --bs-small: 0 1px 2px rgba(0, 0, 0, 0.02),0 1px 4px rgba(0,0,0,0.02),0 2px 8px rgba(0,0,0,0.02);
  --bs-large: 0 2px 4px rgba(0, 0, 0, 0.02),0 3px 8px rgba(0,0,0,0.02),0 4px 12px rgba(0,0,0,0.02);
  --bar-ht: 38px;
  --mobile-nav-h: 59px;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
  margin: 0 0 1rem 0;
  letter-spacing: -0.0125rem;
}
h1 {
  font-size: 2.6rem;
  color: var(--gray-900);
}
h2,
.h2 {
  font-size: 1.75rem;
  color: var(--gray-900);
}
html,
body {
  background-color: var(--gray-100);
  color: var(--font-main);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 300;
  font-size: var(--font-size-main);
  height: 100%;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Archivo, Arial, sans-serif;
}
[type="text"],
[type="email"],
[type="url"],
[type="password"],
[type="number"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: var(--gray-250);
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}
[type="text"]:focus,
[type="email"]:focus,
[type="url"]:focus,
[type="password"]:focus,
[type="number"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="week"]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: var(var(--green-main));
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: var(--green-main);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: var(--color-placeholder);
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: var(--color-placeholder);
}
select {
  padding-right: 2.5rem;
}
.no-of {
  overflow: hidden;
}
a,
button.fo-link,
input.fo-link {
  text-decoration: none;
  color: var(--green-400);
}
a:hover,
button.fo-link:hover,
input.fo-link:hover,
a:focus,
button.fo-link:focus,
input.fo-link:focus {
  color: var(--green-500);
  outline: 0 none;
}
.table {
  display: table;
}
.table-default th {
  font-weight: 500;
  background-color: var(--gray-150);
}
.table-default th,
.table-default td {
  padding: 0.5rem 1.5rem;
  text-align: left;
}
.tr {
  display: table-row;
}
.td {
  display: table-cell;
}
.flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}
.position-ref {
  position: relative;
}
.top-right {
  position: absolute;
  right: 10px;
  top: 18px;
}
.content {
  text-align: center;
}
.title {
  font-size: 84px;
}
.links > a {
  color: #636b6f;
  padding: 0 25px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-decoration: none;
  text-transform: uppercase;
}
.m-b-md {
  margin-bottom: 30px;
}
#app {
  padding-top: 64px;
}
#app.bg-blur {
  filter: blur(4px);
  -ms-filter: blur(4px);
}
.ntm-header {
  margin-top: 0;
}
.nbm-header {
  margin-bottom: 0;
}
.fl-23-l {
  flex: 1 67%;
}
.fl-13-r {
  flex: 1 33%;
}
.jc-space-between {
  justify-content: space-between;
}
.masthead {
  position: fixed;
  width: 100%;
  z-index: 99999;
  background-color: #fff;
  top: 0;
  left: 0;
  box-shadow: var(--masthead-sh);
  -webkit-box-shadow: var(--masthead-sh);
  -moz-box-shadow: var(--masthead-sh);
  border-top: 3px solid var(--green-main);
}
.masthead .container {
  display: flex;
  position: relative;
}
#form-progress-indicator {
  height: 2px;
  background-color: var(--green-main);
  width: 60%;
  position: absolute;
  opacity: 0.68;
}
a.navbar-brand {
  text-decoration: none;
  padding: 5px 8px 5px 5px;
  flex-shrink: 0;
  display: inline-block;
  margin-right: 10px;
}
a.navbar-brand:hover {
  background-color: var(--gray-150);
}
.navbar-brand img {
  max-height: 40px;
}
.navbar-brand #wordmark {
  fill: #000;
}
.content-container {
  padding-top: 24px;
}
.breadcrumbs {
  margin-bottom: 24px;
}
.breadcrumbs.with-actions {
  padding: 16px 0;
}
.contact-profile-main .breadcrumbs.with-actions {
  margin-bottom: 0;
  padding-bottom: 0;
}
.footbar {
  padding: 50px 0;
}
.copyright {
  font-weight: 300;
}
.max-width,
.main-width {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 2%;
  padding-right: 2%;
}
.feature-width {
  max-width: 1000px;
  margin: 0 auto;
}
.partial-width {
  max-width: 800px;
  margin: 0 auto;
}
.width-100 {
  width: 100%;
}
.separator {
  height: 1px;
  background-color: var(--gray-200);
  margin: 5px;
  display: block;
}
.bold {
  font-weight: bold;
}
.bold-mid {
  font-weight: 400;
}
ul.navbar-nav {
  margin: 0;
  padding: 0;
}
ul.navbar-nav li {
  display: inline-block;
  position: relative;
}
ul.navbar-nav.mr-auto > li {
  height: 64px;
  box-sizing: border-box;
}
ul.navbar-nav > .nav-item > a {
  padding: 14px 0;
  color: inherit;
  display: inline-block;
  text-decoration: none;
  position: relative;
}
ul.navbar-nav > .nav-item > a > span {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  transition: all 50ms ease-in-out;
}
ul.navbar-nav > .nav-item > a:hover > span {
  background-color: var(--gray-150);
}
ul.navbar-nav > .nav-item.active-item > a > span {
  background-color: var(--green-040);
  color: var(--green-800);
}
ul.navbar-nav .dropdown .dropdown-menu {
  display: none;
  visibility: none;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
ul.navbar-nav .dropdown.open-dropdown .dropdown-menu {
  display: block;
  visibility: visible;
  opacity: 1;
}
ul.navbar-nav .dropdown-menu {
  position: absolute;
  background-color: #fff;
  top: 64px;
  border-color: rgba(0, 0, 0, 0.1);
  border-width: 0 1px 1px 1px;
  border-style: solid;
  width: 188px;
  right: 0;
  padding: 8px 0;
  border-radius: 0 0 5px 5px;
}
ul.navbar-nav .dropdown-menu > li:not(.separator) {
  display: block;
  padding: 0 5px;
}
ul.navbar-nav .dropdown-menu > li:not(.separator) a {
  padding: 12px 20px;
  display: block;
  color: var(--font-main);
  text-align: left;
  border-radius: 3px;
}
ul.navbar-nav .dropdown-menu > li:not(.separator):hover a,
ul.navbar-nav .dropdown-menu > li:not(.separator):focus a {
  background-color: var(--gray-200);
}
ul.navbar-nav .dropdown-menu > li.separator {
  height: 1px;
  background-color: var(--gray-200);
  margin: 5px;
  display: block;
}
.navbar-toggler {
  display: none;
  border: 0;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  margin-right: 12px;
}
.navbar-toggler-icon {
  color: var(--gray-900);
}
.navbar-toggler-icon svg {
  fill: currentColor;
}
.navbar-toggler:hover .navbar-toggler-icon,
.navbar-toggler:focus .navbar-toggler-icon,
.navbar-toggler.navbar-open {
  color: var(--green-main);
}
.navbar-content.desktop {
  flex-grow: 1;
  display: flex;
}
.settings-nav .nav-item {
  color: var(--font-main);
  border-right: 3px solid transparent;
}
.settings-nav .nav-item:hover,
.settings-nav .nav-item:focus {
  background-color: var(--gray-050);
}
.settings-nav .nav-item.nav-item-active {
  background-color: var(--gray-050);
  border-right-color: var(--green-main);
}
.page-header {
  background-color: var(--gray-100);
  padding: 4.8rem 0;
  margin-bottom: 4.8rem;
}
.mini-page-header {
  background-color: var(--gray-100);
  padding: 2.8rem;
  margin-bottom: 2.8rem;
}
.about-questionnaire h1 {
  margin-bottom: 50px;
  font-weight: 800;
  font-family: Montserrat, Roboto, sans-serif;
  letter-spacing: -0.0125em;
}
.about-questionnaire h1 .svg-container {
  width: 8%;
  vertical-align: middle;
  margin-right: 1.2rem;
  display: inline-block;
}
.intro-stats {
  margin-top: 65px;
  font-weight: 300;
  font-size: 117%;
  line-height: 2rem;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
.intro-stats p:first-child {
  margin-bottom: 2.24rem;
}
.intro-stats a:hover,
.intro-stats a:focus {
  text-decoration: underline;
}
.ta-center {
  text-align: center;
}
.ml-auto {
  flex: auto;
}
.mr-auto {
  flex: 1 40%;
  text-align: right;
}
#questionnaire-container {
  display: flex;
  padding-top: 28px;
}
.explain {
  font-weight: 300;
  line-height: 1.25;
  color: var(--gray-700);
}
.auth-page .main-content {
  padding: 100px 2%;
  background-color: var(--gray-100);
}
.auth-box {
  width: 298px;
  margin: 0 auto 80px;
  padding: 3rem;
  background-color: var(--white);
  border: 1px solid var(--gray-200);
  box-shadow: var(--bs-large);
}
.auth-box.offer-box {
  max-width: 625px;
  width: 625px;
}
.offer-box h2 {
  font-weight: bold;
}
.auth-box .card-header {
  font-size: 120%;
  margin-bottom: 2rem;
}
.auth-box .form-group.row {
  margin-bottom: 1.38rem;
}
.form-group.missing-input input {
  border-color: var(--red-500);
}
.form-group.missing-input label {
  color: var(--red-500);
}
.nbm,
.form-group.nbm,
.auth-box .form-group.row.nbm {
  margin-bottom: 0;
}
.a-label,
.admin-label {
  display: inline-block;
  padding-bottom: 8px;
}
.auth-box .tiny-link {
  font-size: 12px;
  line-height: 24px;
}
.a-input,
.q-input,
.admin-input,
.dollar-input,
.input {
  width: 100%;
  border: 1px solid var(--gray-225);
  padding: 0.6em 0.7em;
  border-radius: 3px;
  font-size: 13px;
  color: var(--font-main);
  box-sizing: border-box;
  font-weight: 300;
}
.searchbox .input,
.search-box.input {
  border-color: var(--gray-225);
  padding: calc(0.6em + 1px) 0.7em;
}
.input {
  font-size: var(--font-size-main);
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--gray-250);
}
::-moz-placeholder {
  color: var(--gray-250);
}
::placeholder,
.contenteditable-placeholder {
  color: var(--gray-250);
}
[contentEditable=true]:empty:not(:focus)::before {
  content: attr(data-placeholder);
}
[contentEditable=true]::before {
  color: var(--gray-250);
}
.a-input:focus-within,
.q-input:focus-within,
.admin-input:focus-within {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
  border-color: #9f9f9f;
  color: var(--font-focus);
  outline: 0;
}
.dollar-input {
  display: inline-block;
  width: 180px;
  padding: 0 0 0 32px;
  background-color: var(--white);
  position: relative;
  font-size: 105%;
  color: var(--gray-450);
  font-weight: 300;
}
.calculated-total .faux-input.disabled {
  background-color: var(--gray-150);
  color: inherit;
}
.calculated-total .faux-input.disabled input {
  background-color: transparent;
  color: inherit;
}
.calculated-total .faux-input.disabled input:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.calculated-total .faux-input.disabled input::placeholder,
.calculated-total .faux-input.disabled input::-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}
.dollar-input:focus-within,
.input:focus-within {
  box-shadow: 0 0 0 4px var(--focus-ring);
  border-color: var(--green-400);
  color: var(--font-focus);
  outline: 0;
}
.input:hover,
.task-item .rte-container:hover .rte,
.react-datepicker__input-container:hover .input {
  border-color: var(--gray-450);
}
.dollar-input input {
  border: 0 none;
  padding: 0.6em 0;
  outline: none;
  width: 100%;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  border-radius: 3px;
}
.dollar-input::before {
  content: "$";
  position: absolute;
  left: 12px;
  line-height: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
}
.flexinput > div {
  margin: 0.9em 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}
.flexinput > div.calculated-total {
  margin-top: 2.8em;
}
.flexinput .dollar-input {
  flex-grow: 1;
}
.input-non-standard-container .flexinput label {
  flex-grow: 2;
  flex-basis: 50%;
}
.question.dependent-question {
  display: none;
}
.icon svg {
  max-width: 100%;
}
i svg {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
}
.logo-mark-svg {
  height: 51px;
}
.auth-logo {
  max-height: 65px;
}
.ls-icon {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px;
  text-align: center;
}
.ls-icon.icon-set-2 {
  height: 20px;
  width: 20px;
}
.ls-icon svg {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  max-height: 100%;
}
.ls-icon svg .ico-primary {
  fill: currentColor;
}
.ls-icon svg .ico-secondary {
  fill: currentColor;
  opacity: 0.4;
}
.icon-couple {
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.icon-couple.ml-0 {
  margin-left: 0;
}
.btn-primary.nav-btn {
  padding: 11px 12px;
  height: 20px;
  border-radius: 50%;
}
.btn-primary.nav-btn .ls-icon {
  height: 20px;
  width: 20px;
}
.dropdown.dropdown-btn {
  padding-top: 9px;
  padding-bottom: 9px;
}
.intro-category {
  margin: 18px 0;
  border: 1px solid var(--gray-200);
  border-radius: 3px;
  padding: 1.2rem;
  line-height: 22px;
  background-color: var(--gray-100);
  box-shadow: var(--bs-small);
}
.intro-category-header {
  flex: 1 70%;
  padding-left: 20px;
}
.intro-category-actions {
  flex: 1 20%;
  text-align: right;
}
.intro-icon {
  width: 10px;
  display: inline-block;
  flex: 0 10px;
  border: 1px solid var(--font-main);
  padding: 2px 5px;
  height: 16px;
  line-height: 16px;
  border-radius: 2px;
  text-align: center;
  background-color: var(--white);
}
.category-complete .intro-icon {
  color: var(--green-main);
  position: relative;
  z-index: 5;
}
.category-complete .intro-icon svg {
  width: 300%;
  left: -50%;
  top: -65%;
  position: relative;
  z-index: 6;
}
.main-form {
  width: 900px;
  margin: 0 0 72px 2%;
  flex: 1 73%;
}
.flexbox {
  display: flex;
}
.i-flex {
  display: inline-flex;
  align-items: center;
}
.grow-wrap {
  display: grid;
  position: relative;
}
.grow-wrap::after {
  /* Note the weird space! Needed to preventy jumpy behavior */
  content: attr(data-replicated-value) " ";
  /* This is how textarea text behaves */
  white-space: pre-wrap;
  /* Hidden from view, clicks, and screen readers */
  visibility: hidden;
}
.grow-wrap > textarea {
  /* You could leave this, but after a user resizes, then it ruins the auto sizing */
  resize: none;
  /* Firefox shows scrollbar on growth, you can hide like this. */
  overflow: hidden;
}
.grow-wrap > textarea,
.grow-wrap::after {
  /* Identical styling required!! */
  border: 1px solid black;
  padding: 0.5rem;
  font: inherit;
  /* Place on top of each other */
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 2;
}
.flex-left-1 {
  flex: 1 67%;
  text-align: left;
}
.flex-50 {
  flex: 1 50%;
}
.flex-60 {
  flex: 1 60%;
}
.flex-40 {
  flex: 1 40%;
}
.flex-golden-a {
  flex: 1 67%;
}
.flex-golden-b {
  flex: 1 33%;
}
.flex-50:first-child {
  margin-right: 32px;
}
.flex-1-3 {
  flex: 1 32%;
  margin-right: 2%;
}
.flex-1-3:last-child {
  margin-right: 0;
}
.flex-right-0 {
  flex: 0 33%;
  text-align: right;
}
.flex-left-0 {
  flex: 0 33%;
  margin-right: 2%;
}
.flex-right-1 {
  flex: 1 67%;
}
.card-margin {
  margin-bottom: 25px;
}
.dashboard-overview {
  flex: 1 80%;
  display: flex;
}
.dashboard-overview .card {
  margin-bottom: 25px;
}
.dashboard-left {
  flex: 1;
  margin-right: 25px;
  width: 50%;
}
.dashboard-right {
  flex: 1;
  width: 50%;
}
.dashboard-nav {
  position: relative;
  margin: 0 2% 36px 0;
  flex: 1 23%;
  min-height: 300px;
  z-index: 1;
}
.dashboard-nav::before {
  content: "";
  position: absolute;
  top: -24px;
  right: 0;
  width: 999em;
  height: calc(100% + 24px);
  background: linear-gradient(0deg, #fff, #f5f5fa);
}
.dashboard-sidebar {
  position: relative;
  margin: 0 2% 36px 0;
  flex: 1 20%;
  min-height: 300px;
  z-index: 1;
}
.dashboard-task {
  font-weight: 300;
  display: block;
}
.dashboard-task-type {
  line-height: 1.5;
}
.dashboard-task-type:first-letter {
  text-transform: uppercase;
}
.dashboard-task .task-section-task {
  padding: 6px 3px;
}
.dashboard-task-section {
  margin-top: 12px;
}
.dashboard-task-section:first-child {
  margin-top: 0;
}
.autocomplete-input-container {
  position: relative;
}
.autocomplete-results-container {
  background-color: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
  padding: 6px 0;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
  max-height: 300px;
  overflow-y: auto;
}
.autocomplete-results-container li {
  padding: 6px 8px;
  cursor: pointer;
}
.autocomplete-results-container li:hover {
  background-color: var(--gray-020);
}
.autocomplete .content-loading {
  position: absolute;
  overflow: hidden;
  text-indent: -1500%;
  right: 0.7em;
  top: 50%;
  height: 24px;
  width: 24px;
  margin-top: -12px;
}
.in-page-nav {
  border-bottom: 1px solid var(--green-gray-300);
}
.in-page-nav-item {
  padding: 10px 12px;
  display: inline-block;
  color: var(--gray-800);
  position: relative;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
}
.in-page-nav-item-hover {
  color: var(--green-800);
  /*background-color:var(--focus-ring);*/
}
.in-page-nav-item-active {
  color: var(--green-800);
}
.in-page-nav-item-active-indicator {
  display: inline-block;
  opacity: 1;
}
.in-page-nav-indicator {
  display: none;
  background-color: currentcolor;
  bottom: -1.5px;
  height: 3px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: all 150ms ease-out 0s;
  border-radius: 24px;
}
.searchbox {
  max-width: 300px;
}
.contact-content {
  display: flex;
}
.contact-content .card {
  margin-bottom: 25px;
}
.contact-profile-left {
  flex: 1 33%;
  margin-right: 25px;
}
.contact-profile-main {
  flex: 1 67%;
}
.contact-profile-nav {
  border-bottom: 1px solid var(--green-gray-300);
}
.contact-profile-nav a.profile-nav-item {
  padding: 10px 12px;
  display: inline-block;
  color: var(--gray-800);
  position: relative;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
}
.contact-profile-nav a.profile-nav-item .tab-indicator {
  display: none;
  background-color: currentcolor;
  bottom: -1.5px;
  height: 3px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: all 150ms ease-out 0s;
  border-radius: 24px;
}
.contact-profile-nav a.profile-nav-item:hover {
  color: var(--green-800);
  /*background-color:var(--focus-ring);*/
}
.contact-profile-nav a.profile-nav-item.active {
  color: var(--green-800);
}
.contact-profile-nav a.profile-nav-item.active .tab-indicator {
  display: inline-block;
  opacity: 1;
}
.contacts-actions {
  margin-top: 25px;
}
.contact-list {
  margin-top: 25px;
}
.contact-list-spacer-row {
  height: 8px;
}
.contact-list-items {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
.contact-list-header th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  border-bottom: 1px solid var(--gray-200);
  color: var(--gray-900);
  font-weight: 500;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  background-color: var(--white);
  z-index: 15;
}
.contact-list-header th:after {
  bottom: -1px;
  content: ' ';
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  background-color: rgba(0, 0, 0, 0.04);
}
.contact-list-header th:first-child {
  border-radius: 3px 0 0 0;
}
.contact-list-header th:last-child {
  border-radius: 0 3px 0 0;
}
.contact-list-item {
  display: table-row;
}
.contact-list-item td,
.contact-list-item th {
  display: table-cell;
  padding: 10px 12px;
  vertical-align: middle;
}
.contact-list-item td.contact-list-checkbox,
.contact-list-item th.contact-list-checkbox {
  text-align: center;
  max-width: 20px;
  padding-left: 8px;
  padding-right: 8px;
}
.contact-list-item td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
.contact-list-item td {
  font-weight: 300;
}
.contact-list-item .contact-list-email a:hover,
.contact-list-item a.icon-couple:hover span {
  text-decoration: underline;
}
.contact-list-item:hover td {
  background-color: var(--gray-050);
  border-color: var(--gray-150);
}
.contact-list-item:hover td:hover {
  background-color: var(--white);
}
.contact-list-name .contact-image {
  padding: 6px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: var(--gray-150);
  color: var(--gray-800);
  border: 1px solid var(--gray-250);
  display: inline-block;
}
.contact-list-name .contact-image .ls-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  max-height: 12px;
  max-width: 12px;
}
.contact-list-name .icon-couple {
  height: 18px;
}
.contact-list-actions,
.contact-list-header th.contact-list-actions {
  text-align: center;
}
.contact-list-actions {
  width: 42px;
}
.contact-types-nav {
  border-bottom: 1px solid var(--green-gray-300);
}
.contact-types-nav a {
  padding: 10px 12px;
  display: inline-block;
  color: var(--gray-800);
  position: relative;
  font-weight: 400;
  margin-left: 0;
  margin-right: 0;
}
.contact-types-nav a .tab-indicator {
  display: none;
  background-color: currentcolor;
  bottom: -1.5px;
  height: 3px;
  left: 0px;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: all 150ms ease-out 0s;
  border-radius: 24px;
}
.contact-types-nav a:hover {
  color: var(--green-800);
  /*background-color:var(--focus-ring);*/
}
.contact-types-nav a.active {
  color: var(--green-800);
}
.contact-types-nav a.active .tab-indicator {
  display: inline-block;
  opacity: 1;
}
.contact-index-main {
  flex: 1 70%;
  margin-right: 2%;
}
.contact-index-sidebar {
  flex: 1 28%;
}
.tag-default {
  padding: 4px 8px;
  background-color: var(--green-040);
  border-radius: 4px;
  font-size: 14px;
  color: var(--green-500);
}
.tag-default:hover {
  background-color: var(--green-050);
}
#global-settings-toggle {
  padding: 11px;
  border-radius: 4px;
  margin-left: 10px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-align: center;
}
#global-settings-toggle:hover {
  background-color: var(--gray-150);
}
#global-search {
  position: relative;
  top: 2px;
  display: inline-block;
  font-size: 14px;
}
.nav-search {
  margin-right: 22px;
}
.nav-search form {
  display: inline-block;
}
.search-box.input {
  padding: 0;
  position: relative;
}
.search-box .ls-icon {
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -8px;
}
.search-box input {
  height: 100%;
  margin: 0 0 0 24px;
  font-size: inherit;
  padding: 0.6em 0.7em;
  width: calc(100% - 24px);
  box-sizing: border-box;
  font-weight: 300;
}
.search-box input,
.search-box .no-focus {
  border: 0;
  outline: 0;
  background-color: transparent;
}
.search-box input:focus,
.search-box .no-focus:focus {
  outline: none !important;
  border: none;
  box-shadow: none;
}
.profile-basicinfo {
  position: relative;
}
.profile-flair {
  min-height: 100px;
  background-image: linear-gradient(rgba(18, 19, 46, 0.84), #12132e);
  border-radius: 3px 3px 0 0;
}
.profile-image-container {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #efefef;
  border: 2px solid #fff;
  position: absolute;
  top: 50px;
  left: 12px;
}
.profile-default-image {
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  line-height: 100px;
  display: block;
}
.profile-aboutcontact.card-content {
  padding-top: 62px;
  line-height: 1.4;
}
.profile-contactname {
  font-weight: bold;
  font-size: 120%;
}
.profile-bday {
  font-size: 14px;
  font-weight: 300;
  color: var(--gray-800);
  display: block;
}
.profile-contact-info {
  margin-top: 12px;
}
.profile-main-content {
  margin-top: 1rem;
  position: relative;
}
.profile-main-content.content-loading:before {
  content: ' ';
  background-color: var(--white);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 18;
}
.profile-main-content.content-loading:after {
  content: ' ';
  background-image: url('/images/loading.gif?1');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  height: 48px;
  width: 48px;
  top: 88px;
  left: 50%;
  margin-left: -24px;
}
#ls-gmail .content-loading,
.modal .content-loading,
#EditContact--Profile .content-loading,
#task-detail .content-loading {
  position: relative;
  text-indent: -1500%;
  white-space: nowrap;
  overflow: hidden;
  min-height: 20rem;
}
#ls-gmail .content-loading a,
.modal .content-loading a,
#EditContact--Profile .content-loading a,
#task-detail .content-loading a {
  outline: none;
}
#task-detail .content-loading {
  position: absolute;
  width: 100%;
}
.content-loading:before {
  content: ' ';
  background-color: var(--white);
  opacity: 0.3;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 18;
}
.autocomplete .content-loading:before {
  content: none;
}
.content-loading:after {
  content: ' ';
  background-image: url('/images/loading.gif?1');
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  height: 48px;
  width: 48px;
  top: 88px;
  left: 50%;
  margin-left: -24px;
}
.autocomplete .content-loading:after {
  height: 24px;
  width: 24px;
  margin-left: -12px;
  top: 0;
}
.note,
.task {
  border-top: 1px solid var(--gray-200);
}
.note:first-child,
.task:first-child {
  border-top: 0 none;
}
.note .card-content,
.task .card-content {
  padding-top: 18px;
  padding-bottom: 18px;
}
.note-icon,
.task-icon {
  padding-right: 1.8%;
  flex: 0 22px;
  padding-top: 3px;
}
.note-icon .ls-icon,
.task-icon .ls-icon {
  height: 22px;
  width: 22px;
}
.note-header,
.task-header {
  line-height: 1.5rem;
}
.note-main,
.task-main {
  flex: 1;
}
.note-title,
.task-title {
  flex: 1;
}
.note-other,
.task-other {
  flex: 1;
  justify-content: flex-end;
  font-size: 88%;
}
.note-actions,
.task-actions {
  visibility: hidden;
  margin-right: 18px;
}
.note-actions > a,
.task-actions > a {
  margin: 0 6px;
}
.note:hover .note-actions,
.note:hover .task-actions,
.task:hover .note-actions,
.task:hover .task-actions {
  visibility: visible;
}
.note-created,
.task-created {
  text-align: right;
  visibility: hidden;
}
.note:hover .note-created,
.note:hover .task-created,
.task:hover .note-created,
.task:hover .task-created {
  visibility: visible;
}
.note-action-edit,
.task-action-edit {
  visibility: hidden;
  font-size: 88%;
  position: absolute;
  top: 0;
  right: 8px;
  font-weight: normal;
  border-radius: 3px;
  padding: 0 4px 2px;
  margin: 0.5rem;
  line-height: 1.2;
}
.note-action-edit:focus,
.task-action-edit:focus {
  outline: none;
  box-shadow: var(--focus-box-shadow-main);
}
.note-action-edit .ls-icon,
.task-action-edit .ls-icon {
  width: 14px;
  height: 14px;
}
.note-details,
.task-details {
  font-weight: 300;
  line-height: 1.8rem;
  padding: 12px;
  border: 1px solid transparent;
  margin-left: -13px;
  margin-top: 6px;
  border-radius: 3px;
  position: relative;
}
.note-details:hover,
.task-details:hover {
  background-color: var(--gray-100);
}
.note-details:hover .note-action-edit,
.task-details:hover .note-action-edit,
.note-details:hover .task-action-edit,
.task-details:hover .task-action-edit {
  visibility: visible;
}
.note-details-name,
.task-details-name {
  font-weight: 400;
}
.note-details .due-date,
.task-details .due-date {
  margin-left: 0.4rem;
  font-weight: 300;
}
.note-details .due-date.task-overdue,
.task-details .due-date.task-overdue {
  color: var(--orange-500);
  font-weight: 500;
}
.note-footer,
.task-footer {
  font-size: 88%;
  margin: 18px 12px;
  padding: 12px;
  background-color: var(--gray-100);
}
.note-completed .task-details-name,
.task-completed .task-details-name,
.note-completed .task-details-description,
.task-completed .task-details-description {
  color: var(--gray-700);
  text-decoration: line-through;
}
#notes-content-header {
  margin: 1rem 0;
  text-align: right;
}
.card-main {
  background-color: #fff;
  border: 1px solid var(--gray-200);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  border-radius: 3px;
}
.mailbox {
  margin-top: -24px;
}
.mailbox-nav,
.mailbox-container {
  padding-top: 1rem;
}
.mailbox-container {
  background-color: var(--white);
}
.mailbox-nav-link {
  color: var(--font-main);
  padding: 0.75rem;
  border-right: 3px solid transparent;
}
.mailbox-nav-link:hover,
.mailbox-nav-link.active {
  background-color: var(--gray-150);
  color: var(--gray-900);
}
.mailbox-nav-link.active {
  border-right-color: var(--green-main);
}
.card {
  background-color: #fff;
  border: 1px solid var(--gray-200);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  border-radius: 3px;
}
.card-addmore {
  visibility: hidden;
}
.card-addmore .ls-icon {
  width: 12px;
  height: 12px;
}
.card-addmore a {
  margin-left: 8px;
  font-size: 88%;
  line-height: 143%;
}
.card-addmore a:first-child {
  margin-left: 0;
}
.card:hover .card-addmore,
.dashboard-sidebar:hover .card-addmore {
  visibility: visible;
}
.card-header {
  padding: 12px 12px 10px;
  color: var(--font-main);
  border-bottom: 1px solid var(--gray-150);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
.emailmessage {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: flex;
  cursor: pointer;
  border-bottom: 1px solid var(--gray-150);
  font-size: 14px;
  position: relative;
  background-color: var(--gray-120);
}
.emailmessage:first-child {
  border-top: 1px solid var(--gray-150);
}
.emailmessage:hover {
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  z-index: 2;
}
.emailmessage > div {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.emailmessage--from,
.emailmessage--blurb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.emailmessage--from {
  flex-basis: 12rem;
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 12rem;
}
.emailmessage--subject {
  max-width: 28rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emailmessage--blurb {
  width: 0;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  padding-right: 0.5rem;
}
.emailmessage .table-cell {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.emailmessage--is-unread {
  background-color: var(--white);
}
.emailmessage--is-unread .emailmessage--subject,
.emailmessage--is-unread .emailmessage--from,
.emailmessage--is-unread .emailmessage--date {
  font-weight: 500;
}
.emailmessage--is-checked,
.emailmessage-is-checked.emailmessage--is-unread,
.emailmessage--is-checked:hover,
.emailmessage-is-checked.emailmessage--is-unread:hover {
  background-color: var(--green-050);
}
.emailmessage--message-container {
  padding: 1rem 0.5rem;
}
.emailmessage--message-sender {
  padding-top: 1rem;
}
.emailmessage--message-body {
  padding-top: 1rem;
}
.mailbox-container .form-element {
  padding: 0;
}
.ta-grow-wrap {
  display: grid;
  flex: 1 auto;
}
.ta-grow-horizontal.ta-grow-wrap {
  flex: 0 1 auto;
}
.ta-grow-wrap .ta-grow-replica {
  white-space: pre-wrap;
  visibility: hidden;
}
.ta-grow-wrap > textarea {
  resize: none;
  overflow: hidden;
}
.ta-grow-wrap > textarea,
.ta-grow-wrap .ta-grow-replica {
  padding: 0 0.5rem;
  font: inherit;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 2;
  overflow: hidden;
  background-color: inherit;
  line-height: 21px;
}
.ta-grow-horizontal.ta-grow-wrap > textarea,
.ta-grow-horizontal.ta-grow-wrap .ta-grow-replica {
  white-space: nowrap;
}
.ta-grow-wrap > textarea:hover,
.ta-grow-wrap .ta-grow-replica:hover {
  background-color: white;
}
.ta-grow-buffer {
  flex: 1 0 auto;
}
.tasks-addtask,
.tasks-updatetask,
.tasks-addtask input,
.tasks-updatetask input,
.tasks-addtask textarea,
.tasks-updatetask textarea,
.tasks-addtask .input,
.tasks-updatetask .input {
  font-size: 94%;
  line-height: 1.5;
}
.tasks-addtask .input,
.tasks-updatetask .input {
  color: var(--gray-900);
}
.tasks-addtask .task-task-name .input,
.tasks-updatetask .task-task-name .input {
  position: absolute;
  height: 100%;
  min-height: 0;
  top: 0;
  left: 0;
}
.tasks-addtask .task-task-name .input,
.tasks-updatetask .task-task-name .input,
.tasks-addtask .task-task-name.grow-wrap::after,
.tasks-updatetask .task-task-name.grow-wrap::after {
  font-size: 20px;
  padding: 10px 12px;
  color: var(--gray-900);
  resize: none;
  line-height: 1.4;
  overflow: auto;
}
.tasks-addtask h3,
.tasks-updatetask h3 {
  margin-bottom: 0;
}
.tasks-addtask .ajax-submit,
.tasks-updatetask .ajax-submit,
.tasks-addtask h3,
.tasks-updatetask h3 {
  padding-left: 0.7em;
  padding-right: 0.7em;
}
.tasks-addtask .card-header,
.tasks-updatetask .card-header {
  border-bottom: 1px solid var(--gray-150);
}
.task-item {
  padding: 8px 0;
}
.task-item-label {
  flex: 1 12%;
  margin-right: 2%;
  color: var(--font-focus);
  padding: 10px 12px;
  font-weight: 500;
  letter-spacing: -0.0125rem;
  line-height: 1.2;
}
.task-item-input {
  flex: 1 65%;
}
.task-item input,
.task-item textarea,
.task-item .input:not(:focus-within):not(:hover) {
  border-color: transparent;
}
.task-item .form-element {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
.task-edit-visibility {
  padding: 8px 10px;
  margin-top: 2px;
  border-radius: 5px;
  display: inline-block;
  align-items: center;
  cursor: pointer;
  color: var(--font-main);
}
.task-edit-visibility:hover {
  background-color: var(--gray-150);
}
.open-droplink .task-edit-visibility {
  outline: 1px solid var(--green-400);
  box-shadow: 0 0 0 4px var(--focus-ring);
}
.task-edit-visibility span {
  vertical-align: middle;
  display: table-cell;
}
.task-action,
a.task-action {
  padding: 6px 10px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  color: var(--font-main);
}
.task-action .icon-couple,
a.task-action .icon-couple {
  margin-left: 8px;
}
.task-action:hover,
a.task-action:hover {
  background-color: var(--gray-150);
  color: var(--purple-700);
}
.task-action.force-save:hover,
a.task-action.force-save:hover {
  background-color: var(--gray-150);
  color: var(--green-500);
}
.task-status-completed .task-action.task-status-toggle,
.task-status-completed a.task-action.task-status-toggle {
  background-image: linear-gradient(-45deg, var(--purple-400), var(--purple-700));
  color: var(--white);
}
.task-status-completed .task-action.task-status-toggle:hover,
.task-status-completed a.task-action.task-status-toggle:hover {
  background-image: linear-gradient(var(--purple-800), var(--purple-800));
}
.task-detail-header {
  padding: 6px 10px;
  font-weight: 500;
}
.task-comments-section {
  border-top: 1px solid var(--gray-200);
}
.task-comment-section {
  background-color: var(--gray-100);
  padding: 1rem;
}
.task-comment-section .rte {
  min-height: 50px;
  margin-bottom: 0;
  border-color: var(--gray-250);
}
.card-content {
  padding: 12px;
}
.big-card .card-header,
.big-card .card-content {
  padding: 24px;
}
.big-card .card-content {
  padding-top: 0;
}
.card-header h2 {
  margin-bottom: 0;
}
.card-title {
  font-weight: 500;
}
.card-title,
.card-title .a-non {
  color: var(--gray-900);
}
.card-title .ls-icon {
  margin-right: 5px;
  height: 14px;
  width: 14px;
}
.card-otheractions {
  line-height: 2.75rem;
}
a.a-non {
  color: var(--font-main);
}
.client-navigation {
  position: relative;
  z-index: 2;
  margin-left: -5px;
  margin-right: -5px;
  margin-top: -8px;
}
.client-navigation a {
  padding: 8px 5px;
  display: block;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.client-navigation a:hover {
  background-color: var(--gray-020);
  border-color: var(--gray-050);
}
#progress {
  display: none;
  width: 0%;
  height: 18px;
  margin-top: -18px;
  background: linear-gradient(to right, #466d22, #8ad544);
  /*linear-gradient(to right,#1848e6,#00dcb8);*/
  z-index: 10;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
}
#total-form {
  display: none;
  width: 100%;
  height: 18px;
  margin-top: -18px;
  background-color: #999;
  z-index: 9;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#progress-categories {
  position: relative;
  z-index: 12;
}
.progress-category {
  display: block;
  text-align: left;
  padding: 16px 16px 16px 0;
  font-size: 88%;
  position: relative;
}
.progress-category.active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 999em;
  height: 100%;
  z-index: -1;
  background-color: #e6e6f0;
}
.progress-category span {
  vertical-align: middle;
}
.complete-indicator,
.incomplete-indicator,
.current-indicator {
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  line-height: 12px;
}
.incomplete-indicator {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #dfdfdf;
  text-align: center;
  line-height: 1.2rem;
}
.complete-indicator,
.current-indicator {
  display: none;
}
.completed-category .complete-indicator {
  display: inline-block;
}
.completed-category .incomplete-indicator,
.progress-category.active .incomplete-indicator {
  display: none;
}
.progress-category.active:not(.completed-category) .current-indicator {
  display: inline-block;
}
.progress-cat-name {
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  position: relative;
  font-weight: 300;
}
.progress-category a {
  text-decoration: none;
  color: var(--green-400);
}
.progress-category a:hover {
  color: var(--green-500);
}
.progress-category a:hover .progress-cat-name {
  border-bottom-color: currentColor;
}
.progress-category a .incomplete-indicator {
  color: var(--sb-main);
  background-color: var(--green-400);
}
.progress-category a:hover .incomplete-indicator {
  background-color: var(--green-500);
}
.category {
  display: none;
}
.category.active {
  display: block;
}
.category h3 {
  padding: 12px 0;
  color: #444;
  border-bottom: 1px solid #8f8f8f;
  font-size: 1.8rem;
  margin-top: 0;
}
#prelim .sub-header {
  margin-bottom: 2.5rem;
  line-height: 1.5;
  padding-left: 32px;
  position: relative;
}
.sub-header .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 12px;
  position: absolute;
  left: 0;
  top: 2px;
  line-height: 1.5;
  font-size: inherit;
}
.question {
  padding: 12px 8px;
  margin-bottom: 28px;
  border: 1px solid transparent;
  border-radius: 5px;
}
.question.missing-response {
  border-color: var(--red-500);
}
.question-title {
  margin-bottom: 24px;
}
.question-header {
  font-size: 18px;
  padding-left: 25px;
  position: relative;
  line-height: 1.5;
  letter-spacing: 0.02rem;
}
.question-header .question-number {
  position: absolute;
  left: 0;
}
#prelim .question-header {
  padding-left: 0;
}
.question-hint {
  margin-top: 1rem;
  font-weight: 300;
  color: var(--gray-700);
  line-height: 1.25;
}
.question-responses {
  background-color: #fbfbfd;
  border-radius: 5px;
  padding: 20px;
}
.form-error-message {
  color: var(--red-500);
  padding: 12px 8px;
}
#results-su-form .form-error-message {
  padding: 0 0 1.38rem 0;
}
.invalid-feedback {
  display: block;
  color: var(--red-500);
  padding-top: 1.38rem;
}
.input-radio-container,
.input-checkbox-container {
  padding: 0 10px 0 40px;
  cursor: pointer;
  position: relative;
}
.input-non-standard-container {
  padding: 0 16px;
  cursor: pointer;
  position: relative;
}
.input-radio-container:hover,
.input-checkbox-container:hover {
  background-color: #eaeaf0;
}
.form-width {
  max-width: 92%;
  margin: 0 auto;
  width: 808px;
}
.form-element,
.multi-form-element,
.form-submit-container {
  padding: 12px 0;
  position: relative;
}
.multi-form-element .form-line {
  padding: 10px 0;
}
.multi-form-element .form-line .form-element {
  padding: 0;
}
.hide-form-element {
  display: none;
}
.multi-input-input {
  flex: 1 60%;
  margin-right: 32px;
}
.multi-input-type {
  flex: 1 20%;
  margin-right: 32px;
}
.multi-input-primary,
.multi-input-primary-item {
  flex: 1 15%;
  line-height: 40px;
  margin-right: 18px;
}
.multi-input-remove,
.multi-input-remove-item {
  flex: 1 3%;
  line-height: 40px;
}
.multi-input-remove a,
.multi-input-remove-item a {
  padding: 6px;
  border-radius: 3px;
  color: var(--font-main);
}
.multi-input-remove a:hover,
.multi-input-remove-item a:hover {
  background-color: var(--gray-020);
}
.form-element.multi-input-primary label,
.form-element.multi-input-primary-item label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.form-element input[type=checkbox] {
  height: 1.2rem;
  width: 1.2rem;
  vertical-align: middle;
  text-align: center;
}
.add-another {
  font-size: 0.9rem;
  padding: 6px 10px;
  border-radius: 3px;
}
.add-another:hover {
  background-color: var(--gray-020);
}
.form-submit {
  padding: 6px 0;
}
.ui-bday-element input {
  text-align: center;
}
.ui-bday-day,
.ui-bday-month {
  width: 6rem;
}
.ui-bday-year {
  width: 8rem;
}
.ui-bday-spacer {
  padding-right: 10px;
  padding-left: 10px;
}
.ui-ssn-element input {
  text-align: center;
}
.ui-ssn-spacer {
  padding-right: 10px;
  padding-left: 10px;
}
.ui-ssn-1 {
  width: 5rem;
}
.ui-ssn-2 {
  width: 4rem;
}
.ui-ssn-3 {
  width: 6rem;
}
.input-radio-container label,
.input-checkbox-container label,
.input-non-standard-container label,
.form-element label,
.multi-form-element label {
  display: block;
  cursor: pointer;
  padding: 2px 0;
  line-height: 30px;
  font-weight: 300;
}
.input-non-standard-container label {
  display: inline-block;
  margin-right: 18px;
}
.input-non-standard-container .disabled label {
  cursor: default;
}
.pretty-radio,
.pretty-checkbox {
  background-color: #fff;
  border: 1px solid #aaa;
  width: 20px;
  height: 20px;
  margin: 6px 10px 4px;
  position: absolute;
  left: 0;
}
/* being */
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  input[type='checkbox'].pretty-checkbox,
  input[type='radio'].pretty-radio {
    --active: var(--green-main);
    --active-inner: #fff;
    --focus: 2px var(--focus-ring);
    --border: var(--gray-700);
    --border-hover: var(--green-500);
    --background: #fff;
    --disabled: #F6F8FF;
    --disabled-inner: #E1E6F9;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    /*position: relative;*/
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type='checkbox'].pretty-checkbox:after,
  input[type='radio'].pretty-radio:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type='checkbox'].pretty-checkbox:checked,
  input[type='radio'].pretty-radio:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
  input[type='checkbox'].pretty-checkbox:disabled,
  input[type='radio'].pretty-radio:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type='checkbox'].pretty-checkbox:disabled:checked,
  input[type='radio'].pretty-radio:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type='checkbox'].pretty-checkbox:disabled + label,
  input[type='radio'].pretty-radio:disabled + label {
    cursor: not-allowed;
  }
  input[type='checkbox'].pretty-checkbox:hover:not(:checked):not(:disabled),
  input[type='radio'].pretty-radio:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type='checkbox'].pretty-checkbox:focus,
  input[type='radio'].pretty-radio:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  input[type='checkbox'].pretty-checkbox:not(.switch),
  input[type='radio'].pretty-radio:not(.switch) {
    width: 21px;
  }
  input[type='checkbox'].pretty-checkbox:not(.switch):after,
  input[type='radio'].pretty-radio:not(.switch):after {
    opacity: var(--o, 0);
  }
  input[type='checkbox'].pretty-checkbox:not(.switch):checked,
  input[type='radio'].pretty-radio:not(.switch):checked {
    --o: 1;
  }
  input[type='checkbox'].pretty-checkbox:not(.switch) {
    border-radius: 7px;
  }
  input[type='checkbox'].pretty-checkbox:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  input[type='checkbox'].pretty-checkbox:not(.switch):checked {
    --r: 43deg;
  }
  input[type='checkbox'].pretty-checkbox.switch {
    width: 38px;
    border-radius: 11px;
  }
  input[type='checkbox'].pretty-checkbox.switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: var(--ab, var(--border));
    transform: translateX(var(--x, 0));
  }
  input[type='checkbox'].pretty-checkbox.switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  input[type='checkbox'].pretty-checkbox.switch:disabled:not(:checked):after {
    opacity: 0.6;
  }
  input[type='radio'].pretty-radio {
    border-radius: 50%;
  }
  input[type='radio'].pretty-radio:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type='radio'].pretty-radio:checked {
    --s: 0.5;
  }
}
/* end */
.form-controls {
  text-align: center;
}
.form-button,
.btn-primary {
  padding: 18px 36px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: 16px;
}
.submit-form,
.next-category,
.btn-primary {
  /*background: linear-gradient(to right,#466d22,#8ad544); /*linear-gradient(to right,#1848e6,#00dcb8);*/
  color: #fff;
}
.btn-link,
.btn-primary,
.submit-form,
.next-category {
  background-color: var(--green-main);
  color: var(--white);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.3);
  text-decoration: none;
  line-height: 16px;
  border: 1px solid var(--green-main);
  display: inline-block;
  box-sizing: content-box;
}
.btn-link:hover,
.btn-primary:hover,
.submit-form:hover,
.next-category:hover {
  background-color: var(--green-500);
  border-color: var(--green-500);
  color: var(--white);
}
.btn-link:active,
.btn-primary:active,
.submit-form:active,
.next-category:active {
  background-color: var(--green-500);
  box-shadow: none;
}
.btn-link:focus,
.btn-primary:focus,
.submit-form:focus,
.next-category:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--focus-ring);
}
a.btn-primary {
  text-decoration: none;
  display: inline-block;
  padding: 16px 24px 14px;
  color: #fff;
}
.contact-header-actions a.btn-primary {
  padding: 12px 18px 11px;
}
.contact-header-actions .ui-faux-select {
  padding-top: 12px;
  padding-bottom: 11px;
}
.contact-header-actions .ui-droplink {
  position: relative;
  top: -1px;
}
.page-main-header h2 {
  margin-bottom: 15px;
}
.page-actions {
  padding-bottom: 15px;
}
.page-actions #task-view-filter {
  margin-right: 8px;
}
.contacts-actions a.btn-primary,
.page-actions a.btn-primary,
.page-actions > div:last-child {
  margin-left: 18px;
}
.va-middle:before {
  content: ' ';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.flex-v {
  display: flex;
  flex-direction: column;
}
.flex-va-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-va-middle.disp-if {
  display: inline-flex;
}
.ta-right {
  text-align: right;
}
.disp-ib {
  display: inline-block;
}
.auth-box .btn-primary {
  width: 100%;
  box-sizing: border-box;
  padding: 18px;
}
.btn-primary.btn-small,
.btn-secondary.btn-small {
  padding: 12px 18px;
  font-size: 14px;
}
.btn-secondary {
  background-color: var(--gray-150);
  color: var(--font-main);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.8);
  text-decoration: none;
  line-height: 16px;
  border: 1px solid var(--gray-150);
  display: inline-block;
  box-sizing: content-box;
  font-size: 16px;
  border-radius: 3px;
  cursor: pointer;
}
.btn-secondary:hover {
  background-color: var(--gray-250);
  border-color: var(--gray-300);
}
.btn-secondary:active {
  background-color: var(--gray-300);
  box-shadow: none;
}
.btn-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--gray-100);
}
.btn-secondary.btn-xsmall {
  padding: 4px 8px;
  border: 0 none;
  font-size: 12px;
}
.og-form-content {
  display: none;
}
.ajax-submit .btn-primary,
.ajax-submit .btn-secondary {
  padding: 12px 16px;
}
.ajax-submit.with-cancel .form-element {
  display: inline-block;
  margin-right: 8px;
}
.block-link {
  display: block !important;
  text-align: center;
}
.back-category {
  background-color: #fbfbfb;
  color: #333;
  border: 1px solid #cfcfcf;
  box-shadow: inset 0 1px 0 0 var(--white);
  margin-right: 12px;
}
.back-category:hover {
  background-color: #ebebeb;
}
.back-category:active {
  background-color: #ebebeb;
  box-shadow: none;
}
.back-category:focus {
  outline: none;
  box-shadow: 0 0 0 4px #efefef;
}
button.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
button.fo-link,
input.fo-link {
  background: none!important;
  border: none;
  padding: 0!important;
  font-family: inherit;
  cursor: pointer;
  font-size: inherit;
}
.share-widget > a {
  display: inline-block;
  margin: 0 5px 10px 0;
}
a.ssi-link {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  padding: 8px 12px;
  opacity: 0.8;
  font-size: 90%;
}
a.ssi-link:hover {
  opacity: 1;
}
.ssi {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-align: center;
  padding-right: 8px;
  vertical-align: middle;
}
.ssi svg {
  max-height: 24px;
  max-width: 24px;
}
.ssi-name {
  line-height: 24px;
}
.ssi-link-facebook {
  background-color: #3B5998;
}
.ssi-link-twitter {
  background-color: #55ACEE;
}
.ssi-link-google-bookmarks {
  background-color: #dd4b39;
}
.ssi-link-email {
  background-color: #0166ff;
}
.ssi-link-getpocket {
  background-color: #ee4056;
}
.ssi-link-linkedin {
  background-color: #007bb5;
}
.ssi-link-pinterest {
  background-color: #cb2027;
}
.ssi-link-reddit {
  background-color: #ff5700;
}
.ssi-link-sms {
  background-color: #6cbe45;
}
.ssi-link-tumblr {
  background-color: #2c4762;
}
.ssi-link-whatsapp {
  background-color: #12af0a;
}
.social-list li {
  padding: 0.5rem 0;
}
.social-icon {
  width: 28px;
  height: 28px;
  display: inline-block;
  vertical-align: middle;
  line-height: 28px;
}
.social-icon svg,
.ssi svg {
  fill: currentColor;
}
.icon {
  display: inline;
  vertical-align: middle;
}
.icon-close {
  height: 1.2rem;
  width: 1.2rem;
}
.social-link {
  line-height: 28px;
}
.social-link > span {
  vertical-align: middle;
  line-height: 28px;
  margin-left: 8px;
  display: inline-block;
}
.results-content {
  padding-top: 12px;
}
.grading {
  margin-bottom: 2rem;
}
.grade-blurb {
  padding: 2rem 0;
  line-height: 1.5;
  display: flex;
}
.grade-blurb p,
.grade-blurb ul {
  margin-bottom: 1.5rem;
}
.results-disclaimer p,
.main-disclaimer p {
  margin-bottom: 1.25rem;
  line-height: 1.5;
}
.results-disclaimer,
.main-disclaimer {
  font-weight: 200;
  padding: 50px 2%;
}
.footbar .main-disclaimer {
  padding-top: 0;
  padding-left: 4%;
  padding-right: 4%;
}
.grade-blurb .blurb-text {
  flex: 1 62%;
  margin-right: 5%;
}
.grade-blurb .blurb-cta-side {
  flex: 0 27%;
  padding: 2rem 3%;
  background-color: var(--gray-100);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.grading h3 {
  font-size: 1.8rem;
  font-weight: 300;
}
.your-grade {
  font-size: 300%;
  font-weight: 500;
}
.score-chart {
  flex-direction: column;
  padding: 2rem 0;
  border-top: 1px solid var(--gray-200);
  border-bottom: 1px solid var(--gray-200);
}
.chart-category {
  margin-top: 12px;
  margin-bottom: 12px;
  vertical-align: middle;
  line-height: 1.25;
}
.category-legend {
  flex: 1 28%;
  padding: 12px 2.5% 12px 0;
}
.category-bar-cell {
  flex: 0 72%;
}
.category-total-bar {
  position: relative;
  height: var(--bar-ht);
  background-color: var(--gray-200);
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.category-total-bar:hover .category-score-bar::before {
  opacity: 0.6;
}
.category-score-bar,
.category-score-bar::before {
  height: var(--bar-ht);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
}
.category-score-bar.grade-green::before {
  content: " ";
  background-color: var(--green-main);
  -webkit-animation: slide-chart 700ms ease-in 2301ms 1 forwards;
          animation: slide-chart 700ms ease-in 2301ms 1 forwards;
}
.category-score-bar.grade-green::before {
  background-color: var(--green-main);
}
.category-score-bar.grade-yellow::before {
  background-color: var(--yellow-500);
  content: " ";
  -webkit-animation: slide-chart 700ms ease-in 2301ms 1 forwards;
          animation: slide-chart 700ms ease-in 2301ms 1 forwards;
}
.category-score-bar.grade-red::before {
  background-color: var(--red-500);
  content: " ";
  -webkit-animation: slide-chart 700ms ease-in 2301ms 1 forwards;
          animation: slide-chart 700ms ease-in 2301ms 1 forwards;
}
.category-score-num {
  line-height: var(--bar-ht);
  padding: 0 20px;
  position: absolute;
  opacity: 0;
  -webkit-animation: fade-in 200ms linear 3001ms forwards;
          animation: fade-in 200ms linear 3001ms forwards;
}
.category-score-num.inside-num {
  color: var(--white);
}
.score-badge-grade {
  font-size: 360%;
  font-weight: 400;
  fill: var(--font-main);
}
.score-badge-score {
  fill: var(--gray-400);
  font-size: 120%;
}
.score-badge-stroke {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
#page-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 88888;
  text-align: center;
  background-color: #fff;
  -webkit-animation: fade-on-load 300ms linear 2000ms 1 forwards, sizetozero 1ms linear 2300ms 1 forwards;
          animation: fade-on-load 300ms linear 2000ms 1 forwards, sizetozero 1ms linear 2300ms 1 forwards;
}
#page-loader > img {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}
.empty-list > div {
  margin: 25px auto;
}
.ui-droplink {
  display: inline-block;
  position: relative;
  text-align: left;
}
.ui-droplink-controller,
.ui-droplink .faux-link {
  cursor: pointer;
}
.ui-droplink-controller .ls-icon,
.ui-droplink .faux-link .ls-icon {
  text-align: center;
}
.ui-droplink-controller:focus {
  outline: 0 none;
  box-shadow: 0 0 0 3px var(--focus-ring);
  border-color: var(--green-400);
}
.ui-droplink-items {
  display: none;
  position: absolute;
  min-width: 148px;
  padding: 8px;
  background-color: #fff;
  border: 1px solid var(--gray-200);
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
  z-index: 18;
  text-align: left;
}
.ui-droplink-items.aright {
  right: 0;
}
.ui-droplink.open-droplink .ui-droplink-items {
  display: block;
  white-space: nowrap;
}
.ui-droplink.open-droplink .ui-faux-select {
  border-color: var(--gray-450);
}
.ui-droplink-item a,
.ui-droplink-item label {
  display: block;
  padding: 8px 12px;
  border-radius: 3px;
  color: var(--font-main);
  cursor: pointer;
}
.ui-droplink-item a:hover,
.ui-droplink-item label:hover {
  background-color: var(--gray-200);
}
.ui-droplink-item a .icon-couple,
.ui-droplink-item label .icon-couple {
  margin-left: 5px;
}
.noshow {
  display: none;
}
.note-droplink:hover .ui-droplink-controller,
.task-droplink:hover .ui-droplink-controller,
.note-droplink.open-droplink .ui-droplink-controller,
.task-droplink.open-droplink .ui-droplink-controller {
  border-color: var(--gray-225);
}
.note-droplink:hover .ui-droplink-controller:focus,
.task-droplink:hover .ui-droplink-controller:focus,
.note-droplink.open-droplink .ui-droplink-controller:focus,
.task-droplink.open-droplink .ui-droplink-controller:focus {
  border-color: var(--green-400);
}
.note-droplink .ui-droplink-controller,
.task-droplink .ui-droplink-controller {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-left: 8px;
  padding: 2px;
}
.note-droplink .ui-droplink-controller .ls-icon,
.task-droplink .ui-droplink-controller .ls-icon {
  height: 22px;
  width: 22px;
}
.current-selection-indicator {
  visibility: hidden;
}
.current-selection .current-selection-indicator {
  visibility: visible;
}
.pci {
  margin: 8px 0;
}
.pci-icon {
  padding-right: 2.4%;
  flex: 0 22px;
}
.pci-icon .ls-icon {
  width: 22px;
  height: 22px;
  color: var(--gray-900);
}
.pci-contactinfo {
  flex: 1;
  line-height: 1.4rem;
}
.pci-type {
  font-weight: 300;
  font-size: 80%;
}
.pci-info a {
  color: var(--font-main);
}
.ui-select,
.ui-faux-select {
  display: block;
  font-size: inherit;
  color: var(--font-main);
  padding: 0.6em 1.4em 0.6em 0.8em;
  width: 100%;
  max-width: 100%;
  /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid var(--gray-225);
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
      for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
      
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2363A33A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right 0.7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: 0.65em auto, 100%;
}
.ui-faux-select {
  display: inline-block !important;
  padding-top: 14px;
  padding-right: 40px;
  padding-bottom: 13px;
  line-height: 16px;
}
.no-arrow .ui-faux-select {
  background-image: none;
  padding-left: 24px;
  padding-right: 24px;
}
.small-droplink .ui-faux-select {
  padding: 2px 6px 4px 6px;
}
/* Hide arrow icon in IE browsers */
.ui-select::-ms-expand {
  display: none;
}
/* Hover style */
.ui-select:hover,
.ui-droplink:hover .ui-faux-select {
  border-color: var(--gray-450);
}
/* Focus style */
.ui-select:focus,
.ui-faux-select:focus {
  border-color: var(--green-400);
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px var(--focus-ring);
  color: var(--font-focus);
  outline: none;
}
/* Set options to normal weight */
.ui-select option,
.ui-faux-select option {
  font-weight: normal;
}
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .ui-select,
:root:lang(ar) .ui-select,
:root:lang(iw) .ui-select,
*[dir="rtl"] .ui-faux-select,
:root:lang(ar) .ui-faux-select,
:root:lang(iw) .ui-faux-select {
  background-position: left 0.7em top 50%, 0 0;
  padding: 0.6em 0.8em 0.5em 1.4em;
}
/* Disabled styles */
.ui-select:disabled,
.ui-select[aria-disabled=true],
.ui-faux-select:disabled,
.ui-faux-select[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}
.ui-select:disabled:hover,
.ui-select[aria-disabled=true],
.ui-faux-select:disabled:hover,
.ui-faux-select[aria-disabled=true] {
  border-color: #aaa;
}
/* dropdowns */
.ui-dropdown {
  position: relative;
  min-width: 72px;
  /* 70px + borders */
  display: inline-block;
}
.ui-dropdown.loading {
  min-width: 0;
}
.ui-dropdown > ul {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #a9a9a9;
  box-sizing: content-box;
  color: #000;
  cursor: pointer;
  font: normal 18px Calibri, sans-serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
  z-index: 1;
}
.ui-dropdown.loading > ul {
  visibility: hidden;
  white-space: nowrap;
}
.ui-dropdown > ul:focus,
.ui-dropdown:not(.disabled) > ul:hover {
  border-color: #7f7f7f;
}
.ui-dropdown:not(.disabled) > ul.active {
  width: auto;
  max-height: none !important;
  border-color: #1e90ff;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 99;
}
.ui-dropdown > ul.active:focus {
  outline: none;
}
.ui-dropdown > ul.active.reverse {
  top: auto;
  bottom: 0;
}
.ui-dropdown > ul > li {
  position: relative;
  min-width: 70px;
  height: 48px;
  /* 50px - borders */
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: none;
  line-height: 46px;
  /* 48px - borders */
  margin: 0;
  padding-left: 0.8rem;
}
.ui-dropdown.loading > ul > li {
  min-width: 0;
  display: block;
  padding-right: 0.8rem;
}
.ui-dropdown > ul:not(.active) > li:not(.selected):first-child {
  visibility: hidden;
  /* Prevent FOUC */
}
.ui-dropdown > ul > li:first-child,
.ui-dropdown > ul.active > li {
  display: block;
}
.ui-dropdown > ul.active > li:not(.label):hover,
.ui-dropdown > ul.active > li.hover:not(.label),
.ui-dropdown > ul.active > li:first-child:hover:after {
  background: #1e90ff;
  color: #fff;
}
.ui-dropdown > ul.active > li.nohover {
  background: inherit !important;
  color: inherit !important;
}
.ui-dropdown > ul.active > li.hover:before,
.ui-dropdown > ul.active > li.nohover:after {
  border-top-color: #fff !important;
}
.ui-dropdown > ul.active > li.hover:after,
.ui-dropdown > ul.active > li.nohover:before {
  border-top-color: #1e90ff !important;
}
.ui-dropdown.arrow > ul > li.selected:before,
.ui-dropdown.arrow > ul > li.selected:after {
  position: absolute;
  top: 8px;
  bottom: 0;
  right: 8px;
  height: 16px;
  border: 8px solid transparent;
  /* Arrow size */
  box-sizing: border-box;
  content: '';
  display: block;
  margin: auto;
}
.ui-dropdown.arrow.small > ul > li.selected:before,
.ui-dropdown.arrow.small > ul > li.selected:after {
  top: 4px;
  height: 8px;
  border-width: 4px;
}
.ui-dropdown.arrow > ul > li.selected:before {
  border-top-color: #a9a9a9;
  /* Arrow color */
}
.ui-dropdown.arrow > ul > li.selected:after {
  top: 4px;
  /* Chevron thickness */
  border-top-color: #fff;
  /* Match background colour */
}
.ui-dropdown.arrow.small > ul > li.selected:after {
  top: 2px;
  /* Chevron thickness */
}
.ui-dropdown.arrow.triangle > ul > li.selected:after {
  content: none;
}
.ui-dropdown > ul:hover > li.selected:before {
  border-top-color: #7f7f7f;
}
.ui-dropdown > ul.active > li.selected:before,
.ui-dropdown > ul.active > li.selected:after {
  border: none;
}
.ui-dropdown > ul:not(.active) > li > span.checked {
  display: none;
}
/* Multi-Select */
.ui-dropdown.multiple > ul > li.selected {
  overflow: hidden;
  padding-right: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-dropdown > ul > li > span.checked {
  clear: both;
  float: right;
  font-weight: bold;
  margin-right: 0.8rem;
}
/* Option Groups */
.ui-dropdown > ul > li.label {
  cursor: default;
  font-weight: bold;
}
.ui-dropdown > ul > li.label:first-child,
.ui-dropdown.classic > ul > li.label ~ li.selected {
  border-top: none;
}
.ui-dropdown > ul > li.label ~ li:not(.label):not(.selected),
.ui-dropdown.classic > ul.active > li.label ~ li:not(.label) {
  padding-left: 1.6rem;
}
/* Classic Behavior */
.ui-dropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
  position: absolute;
  top: 0;
  display: block;
}
/* Disabled */
.ui-dropdown.disabled,
.ui-dropdown > ul > li.disabled {
  opacity: 0.3;
}
.ui-dropdown.disabled > ul > li,
.ui-dropdown > ul > li.disabled {
  cursor: not-allowed;
}
/* Divider Lines */
.ui-dropdown.multiple > ul > li.selected + li,
.ui-dropdown.multiple > ul.reverse > li.selected,
.ui-dropdown > ul > li.label,
.ui-dropdown > ul > li.label ~ li.selected {
  border-top-color: #dedede;
}
/* end dropdowns */
@-webkit-keyframes slide-chart {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes slide-chart {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-on-load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-on-load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes sizetozero {
  0% {
    height: 100%;
    width: 100%;
  }
  100% {
    height: 0;
    width: 0;
  }
}
@keyframes sizetozero {
  0% {
    height: 100%;
    width: 100%;
  }
  100% {
    height: 0;
    width: 0;
  }
}
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1200px) {
  #progress-bar-container {
    margin-left: 1%;
  }
}
@media screen and (max-width: 1018px) {
  .masthead .container {
    height: var(--mobile-nav-h);
  }
  .navbar-brand img {
    position: absolute;
    left: 50%;
    margin-left: -203px;
  }
  .navbar-toggler {
    display: inline-block;
  }
  .navbar-content.desktop {
    display: none;
    border: 0;
    background-color: transparent;
    outline: none;
    cursor: pointer;
  }
  .main-form {
    padding-left: 2%;
    padding-right: 2%;
  }
  .main-width,
  .feature-width {
    padding-left: 2%;
    padding-right: 2%;
  }
  .input-non-standard-container label {
    display: block;
    margin-right: 0;
    margin-bottom: 8px;
  }
  .flexinput > div {
    display: block;
    margin-top: 1.4em;
  }
  .flexinput > div:first-child {
    margin-top: 0;
  }
  .tasks-page-content {
    flex-direction: column-reverse;
  }
  #tasks-page.active-detail .tasks-page-content #detail-container {
    margin-left: 0;
    margin-bottom: 25px;
  }
  #tasks-page.active-detail .tasks-page-content #task-detail {
    min-height: 448px;
    height: auto;
  }
  #tasks-page .tasks-page-content #task-detail {
    width: auto;
    height: 0;
    min-height: 0;
    top: 0;
    left: 0;
    position: relative;
  }
  #progress-bar-container {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 8888;
    margin: -28px 0 0;
    overflow-y: scroll;
    top: calc(var(--mobile-nav-h) + 28px);
    bottom: 0;
    left: 0;
    overflow: hidden;
  }
  #progress-bar-container::before {
    height: auto;
    top: 0;
    bottom: 0;
  }
  #progress-categories {
    max-height: 100%;
    padding-bottom: 20px;
    overflow-y: auto;
  }
  .progress-category {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 825px) {
  .about-questionnaire h1 {
    font-size: 1.8rem;
  }
  .about-questionnaire h1 .svg-container {
    width: 18%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .hide-mobile {
    display: none;
  }
}
.editor-item-height {
  min-height: calc(var(--font-size-main) * 1.2);
}
.RichEditor-block {
  min-height: calc(var(--font-size-main) * 1.2);
}
.RichEditor-orderedlistitem {
  min-height: calc(var(--font-size-main) * 1.2);
}
.RichEditor-unorderedlistitem {
  min-height: calc(var(--font-size-main) * 1.2);
}
.jqte,
.rte {
  margin-bottom: 30px;
  border: transparent 1px solid;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  transition: box-shadow 0.4s, border 0.4s;
  -webkit-transition: -webkit-box-shadow 0.4s, border 0.4s;
  -moz-transition: -moz-box-shadow 0.4s, border 0.4s;
  -o-transition: -o-box-shadow 0.4s, border 0.4s;
  position: relative;
  padding-bottom: 33px;
  min-height: 300px;
  max-height: 60vh;
  overflow-y: auto;
  line-height: 1.4;
  background-color: var(--white);
}
.task-item .jqte,
.task-item .rte {
  min-height: 150px;
  max-height: 500px;
}
.note-with-tasks .jqte,
.note-with-tasks .rte {
  overflow: unset;
}
.rte {
  cursor: text;
  display: flex;
  flex-direction: column;
}
.rte .DraftEditor-root,
.rte .DraftEditor-editorContainer {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.rte .DraftEditor-root,
.rte .DraftEditor-editorContainer,
.rte .DraftEditor-root .public-DraftEditor-content,
.rte .DraftEditor-editorContainer .public-DraftEditor-content {
  flex: 1;
}
.rte .public-DraftEditorPlaceholder-root {
  padding: 0.5rem;
  box-sizing: border-box;
}
.rte .public-DraftEditorPlaceholder-root,
.rte .public-DraftEditorPlaceholder-root > div {
  position: absolute;
  color: var(--color-placeholder);
}
.rte .public-DraftEditorPlaceholder-hasFocus {
  display: none;
}
.task-item-input .jqte {
  min-height: 144px;
}
.rte-container {
  position: relative;
}
.jqte:hover,
.rte-container:hover {
  border-color: var(--gray-450);
}
.jqte *,
.rte * {
  color: var(--font-main);
}
.rte > * {
  margin: 0.5rem;
  line-height: 1.2;
}
.jqte_focused,
.rte-container:focus-within .rte {
  border-color: var(--green-400);
  box-shadow: 0 0 0 4px var(--focus-ring);
  -webkit-box-shadow: 0 0 0 4px var(--focus-ring);
  -moz-box-shadow: 0 0 0 4px var(--focus-ring);
}
/* toolbar */
.jqte_toolbar,
.rte-toolbar,
.ql-toolbar {
  overflow: auto;
  padding: 0.2rem 0.5rem;
  background: transparent;
  position: absolute;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  visibility: hidden;
  z-index: 10;
}
.task-item .jqte_toolbar,
.task-item .rte-toolbar,
.task-item .ql-toolbar {
  padding: 0.5rem;
}
.note-with-tasks .jqte_toolbar,
.note-with-tasks .rte-toolbar,
.note-with-tasks .ql-toolbar {
  position: relative;
}
.jqte_focused .jqte_toolbar,
.jqte:focus-within .jqte_toolbar,
.rte-container:focus-within .rte-toolbar,
.rte-container:focus-within .ql-toolbar {
  visibility: visible;
}
.jqte_tool {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.jqte_tool,
.jqte_tool_icon,
.jqte_tool_label {
  border: transparent 1px solid;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.jqte_hiddenField {
  display: none;
}
.jqte_tool_icon {
  display: block;
  width: 22px;
  height: 22px;
  background: url(/images/jquery-te.png) no-repeat;
}
.jqte_tool.jqte_tool_1 .jqte_tool_label {
  position: relative;
  display: block;
  padding: 3px;
  width: 70px;
  height: 16px;
  overflow: hidden;
}
.jqte_tool.jqte_tool_1 .jqte_tool_text {
  font: bold 13px Arial, sans-serif;
  color: #222;
}
.jqte_tool.jqte_tool_1 .jqte_tool_icon {
  position: absolute;
  top: 10px;
  right: 2px;
  width: 6px;
  height: 4px;
  background-position: -19px -23px;
  border: none;
  border-radius: none;
  -webkit-border-radius: none;
  -moz-border-radius: none;
}
.jqte_tool.jqte_tool_2 .jqte_tool_icon {
  background-position: 0 0;
}
.jqte_tool.jqte_tool_3 .jqte_tool_icon {
  background-position: -22px 0;
}
.jqte_tool.jqte_tool_4 .jqte_tool_icon {
  background-position: -44px 0;
}
.jqte_tool.jqte_tool_5 .jqte_tool_icon {
  background-position: -66px 0;
}
.jqte_tool.jqte_tool_6 .jqte_tool_icon {
  background-position: -88px 0;
}
.jqte_tool.jqte_tool_8 .jqte_tool_icon {
  background-position: -110px 0;
}
.jqte_tool.jqte_tool_9 .jqte_tool_icon {
  background-position: -132px 0;
}
.jqte_tool.jqte_tool_10 .jqte_tool_icon {
  background-position: -154px 0;
}
.jqte_tool.jqte_tool_11 .jqte_tool_icon {
  background-position: -176px 0;
}
.jqte_tool.jqte_tool_12 .jqte_tool_icon {
  background-position: -198px 0;
}
.jqte_tool.jqte_tool_13 .jqte_tool_icon {
  background-position: -220px 0;
}
.jqte_tool.jqte_tool_14 .jqte_tool_icon {
  background-position: -242px 0;
}
.jqte_tool.jqte_tool_15 .jqte_tool_icon {
  background-position: -264px 0;
}
.jqte_tool.jqte_tool_16 .jqte_tool_icon {
  background-position: -286px 0;
}
.jqte_tool.jqte_tool_7 .jqte_tool_icon {
  background-position: -308px 0;
}
.jqte_tool.jqte_tool_17 .jqte_tool_icon {
  background-position: -330px 0;
}
.jqte_tool.jqte_tool_18 .jqte_tool_icon {
  background-position: -352px 0;
}
.jqte_tool.jqte_tool_19 .jqte_tool_icon {
  background-position: -374px 0;
}
.jqte_tool.jqte_tool_20 .jqte_tool_icon {
  background-position: -396px 0;
}
.jqte_tool.jqte_tool_21 .jqte_tool_icon {
  background-position: -418px 0;
}
.jqte_tool:hover {
  background-color: var(--gray-150);
}
.jqte_tool:active .jqte_tool_icon,
.jqte_tool:active .jqte_tool_label {
  background-color: var(--gray-200);
}
.jqte_tool.jqte_tool_1:hover .jqte_tool_icon,
.jqte_tool.jqte_tool_1:active .jqte_tool_icon {
  border: none;
}
.jqte_tool_depressed {
  background-color: #DDD;
  border-color: #CCC;
}
.jqte_tool_depressed .jqte_tool_icon {
  border-color: #AAA;
}
.jqte_tool_depressed:hover {
  background-color: #EEE;
}
/* link form area */
.jqte_linkform {
  padding: 5px 10px;
  background: #fff;
  border: var(--gray-200) 1px solid;
}
.jqte_linktypeselect {
  position: relative;
  float: left;
  width: 130px;
  background: #EEE;
  cursor: pointer;
  display: none;
}
.jqte_linktypeselect:Active {
  background: #FFF;
}
.jqte_linktypeview {
  padding: 3px 5px;
  border: #333 1px solid;
  color: #777;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
}
.jqte_linktypetext {
  font-size: 12px;
}
.jqte_linktypearrow {
  position: absolute;
  bottom: 8px;
  right: 6px;
  width: 7px;
  height: 6px;
  margin: 0 auto;
  background: url(/images/jquery-te.png) -7px -23px no-repeat;
}
.jqte_linktypes {
  display: none;
  position: absolute;
  top: 22px;
  left: 1px;
  width: 125px;
  background: #FFF;
  border: #333 1px solid;
  box-shadow: 0 1px 4px #AAA;
  -webkit-box-shadow: 0 1px 4px #AAA;
  -moz-box-shadow: 0 1px 4px #AAA;
}
.jqte_linktypes a {
  display: block;
  padding: 4px 5px;
  font-size: 12px;
}
.jqte_linktypes a:hover {
  background: #DDD;
}
.jqte_linkinput {
  float: left;
  margin: 0 5px;
  padding: 3px 5px;
  width: 300px;
  background: #EEE;
  border: #333 1px solid;
  color: #777;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  outline: none;
}
.jqte_linkinput:focus,
.jqte_linkinput:hover {
  background: #FFF;
  border-color: #000;
}
.jqte_linkbutton {
  float: left;
  padding: 3px 12px;
  background: #AAA;
  border: #333 1px solid;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: inset 0 1px #EEE;
  -webkit-box-shadow: inset 0 1px #EEE;
  -moz-box-shadow: inset 0 1px #EEE;
}
.jqte_linkbutton:hover {
  background: #A1A1A1;
}
.jqte_linkbutton:active {
  box-shadow: inset 0 1px #CCC;
  -webkit-box-shadow: inset 0 1px #CCC;
  -moz-box-shadow: inset 0 1px #CCC;
  background: #888;
}
/* text format menu */
.jqte_formats {
  display: none;
  position: absolute;
  width: 180px;
  oveflow-x: hidden;
  overflow-y: auto;
  background: #FFF;
  border: #AAA 1px solid;
  box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
  z-index: 100;
}
.jqte_format {
  display: block;
  padding: 4px 7px;
  font-size: 13px;
}
.jqte_format:hover {
  background: #DDD;
}
.jqte_format_1,
.jqte_format_2,
.jqte_format_3,
.jqte_format_4,
.jqte_format_5,
.jqte_format_6 {
  font-weight: bold;
}
.jqte_format_1 {
  font-size: 22px;
}
.jqte_format_2 {
  font-size: 20px;
}
.jqte_format_3 {
  font-size: 18px;
}
.jqte_format_4 {
  font-size: 16px;
}
.jqte_format_5 {
  font-size: 14px;
}
.jqte_format_6 {
  font-size: 12px;
}
.jqte_format_7 {
  font-family: "Courier New", Courier, monospace;
}
/* font size menu */
.jqte_fontsizes {
  display: none;
  position: absolute;
  width: 180px;
  height: 198px;
  oveflow-x: hidden;
  overflow-y: auto;
  background: #FFF;
  border: #AAA 1px solid;
  box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
}
.jqte_fontsize {
  display: block;
  padding: 3px 7px;
}
.jqte_fontsize:hover {
  background: #DDD;
}
/* color pallette */
.jqte_cpalette {
  display: none;
  position: absolute;
  padding: 6px;
  width: 144px;
  background: #FFF;
  border: #AAA 1px solid;
  box-shadow: 0 0 5px #AAA;
  -webkit-box-shadow: 0 0 5px #AAA;
  -moz-box-shadow: 0 0 5px #AAA;
}
.jqte_color {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  border: #FFF 1px solid;
}
.jqte_color:hover {
  border-color: #000;
}
.jqte_colorSeperator {
  float: none;
  clear: both;
  height: 7px;
}
/* editor area */
.jqte_editor,
.jqte_source {
  padding: 10px;
  min-height: 68px;
  max-height: 900px;
  overflow: auto;
  outline: none;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
.jqte_editor div,
.jqte_editor p {
  margin: 2px 0;
}
.jqte_editor a:link,
.jqte_editor a:link * {
  color: var(--green-main) !important;
  text-decoration: underline;
}
.jqte_editor blockquote {
  margin-top: 4px;
  margin-bottom: 4px;
}
.jqte_editor img {
  float: left;
  margin: 0 10px 5px 0;
}
.jqte_editor a[jqte-setlink],
.jqte_editor a[jqte-setlink] * {
  color: var(--green-400) !important;
}
.jqte_editor a[jqte-setlink]:hover {
  color: var(--green-500);
}
.jqte_editor ul {
  list-style: disc;
  padding-left: 18px;
}
.jqte_editor ol {
  list-style: lower-alpha;
  padding-left: 18px;
}
.jqte_editor b {
  font-weight: bold;
}
.jqte_editor i {
  font-style: italic;
}
.jqte_editor h1,
.jqte_editor h2,
.jqte_editor h3,
.jqte_editor h4,
.jqte_editor h5,
.jqte_editor h6,
.jqte_editor pre {
  display: block;
  margin: 0 0 3px;
}
.jqte_editor h1,
.jqte_editor h1 * {
  font-size: 26px;
}
.jqte_editor h2,
.jqte_editor h2 * {
  font-size: 24px;
}
.jqte_editor h3,
.jqte_editor h3 * {
  font-size: 22px;
}
.jqte_editor h4,
.jqte_editor h4 * {
  font-size: 20px;
}
.jqte_editor h5,
.jqte_editor h5 * {
  font-size: 18px;
}
.jqte_editor h6,
.jqte_editor h6 * {
  font-size: 15px;
}
.jqte_editor pre,
.jqte_editor pre * {
  font-family: "Courier New", Courier, monospace;
}
/* source area */
.jqte_source,
.jqte_source textarea {
  background: #FFF1E8;
}
.jqte_source textarea {
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  width: 100% !important;
  min-height: 100px;
  font-family: Courier, Arial, sans-serif !important;
  font-weight: normal;
  font-size: 15px;
  overflow: hidden !important;
  outline: none;
  resize: none;
}
.jqte_source textarea,
.jqte_source textarea:focus {
  css_shadow: none !important;
  background: none !important;
  border: none !important;
}
/* title box */
.jqte_title {
  display: none;
  position: absolute;
  z-index: 9999;
}
.jqte_titleArrow {
  position: relative;
}
.jqte_titleArrowIcon {
  width: 7px;
  height: 6px;
  margin: 0 auto;
  background: url(/images/jquery-te.png) 0 -23px no-repeat;
}
.jqte_titleText {
  padding: 5px 7px;
  margin-top: 0;
  min-width: 5px;
  min-height: 1px;
  max-width: 400px;
  background: #000;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}
.jqte_titleText,
.jqte_titleText * {
  color: #FFF;
  font-size: 11px;
}
/* placeholder */
.jqte_placeholder {
  position: relative;
}
.jqte_focused .jqte_placeholder {
  display: none;
}
.jqte_placeholder_text {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 14px;
  color: var(--gray-250);
}
.rte-format-btn,
.note-details-format-btn {
  cursor: pointer;
  color: var(--font-main);
  padding: 4px 6px;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
}
.rte-format-btn:hover,
.note-details-format-btn:hover {
  background-color: var(--gray-200);
}
.rte-format-btn-active,
.note-details-format-btn-active,
.rte-format-btn-active:hover,
.note-details-format-btn-active:hover,
.rte-format-btn.ql-active,
.note-details-format-btn.ql-active,
.rte-format-btn.ql-active:hover,
.note-details-format-btn.ql-active:hover {
  background-color: var(--gray-250);
  color: var(--gray-900);
}
.rte-format-btn .ls-icon,
.note-details-format-btn .ls-icon {
  max-width: 15px;
  max-height: 15px;
}
.rte strong,
.note-details strong {
  font-weight: bold;
}
.rte em,
.note-details em {
  font-style: italic;
}
.rte u,
.note-details u {
  text-decoration: underline;
}
.rte .td-strikethrough,
.note-details .td-strikethrough {
  text-decoration: line-through;
}
.rte blockquote,
.note-details blockquote {
  border-left: 1px solid var(--gray-200);
  padding-left: 8px;
  line-height: 1.2;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.rte blockquote *,
.note-details blockquote * {
  color: var(--gray-700);
}
.rte ol,
.note-details ol {
  list-style-type: decimal;
}
.rte ol li,
.note-details ol li {
  margin-left: 1.2rem;
}
.rte-content > ul,
.note-details-content > ul {
  list-style-type: disc;
}
.rte-content > ul > ul,
.note-details-content > ul > ul {
  list-style-type: circle;
}
.rte-content > ul > ul > ul,
.note-details-content > ul > ul > ul {
  list-style-type: square;
}
.rte-content > ul > ul > ul > ul,
.note-details-content > ul > ul > ul > ul {
  list-style-type: disc;
}
.rte-content > ul > ul > ul > ul > ul,
.note-details-content > ul > ul > ul > ul > ul {
  list-style-type: circle;
}
.rte-content > ul > ul > ul > ul > ul > ul,
.note-details-content > ul > ul > ul > ul > ul > ul {
  list-style-type: square;
}
.rte ul,
.note-details ul {
  margin-left: 1.8rem;
  margin-bottom: 1.8rem;
}
.rte ul ul,
.note-details ul ul {
  margin-left: 1.2rem;
}
.rte a,
.note-details a {
  text-decoration: underline;
  cursor: pointer;
}
.rte a,
.note-details a,
.rte a *,
.note-details a * {
  color: var(--green-400);
}
.rte-content > *,
.note-details-content > *,
.rte-content li,
.note-details-content li,
.rte .RichEditor-block,
.note-details .RichEditor-block,
.rte .RichEditor-unorderedlistitem,
.note-details .RichEditor-unorderedlistitem,
.rte .RichEditor-list,
.note-details .RichEditor-list {
  margin: 0.5rem;
  line-height: 1.2;
}
.rte > p:empty,
.note-details > p:empty,
.rte-content > p:empty,
.note-details-content > p:empty {
  content: '\00a0';
  height: calc(var(--font-size-main) * 1.4);
}
.emailmessage--message-body strong {
  font-weight: bold;
}
.emailmessage--message-body em {
  font-style: italic;
}
.emailmessage--message-body u {
  text-decoration: underline;
}
.emailmessage--message-body .td-strikethrough {
  text-decoration: line-through;
}
.emailmessage--message-body blockquote {
  border-left: 1px solid var(--gray-200);
  padding-left: 8px;
  line-height: 1.2;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.emailmessage--message-body blockquote * {
  color: var(--gray-700);
}
.emailmessage--message-body ol {
  list-style-type: decimal;
}
.emailmessage--message-body ol li {
  margin-left: 1.2rem;
}
.emailmessage--message-body > div > ul {
  list-style-type: disc;
}
.emailmessage--message-body > div > ul > ul {
  list-style-type: circle;
}
.emailmessage--message-body > div > ul > ul > ul {
  list-style-type: square;
}
.emailmessage--message-body > div > ul > ul > ul > ul {
  list-style-type: disc;
}
.emailmessage--message-body > div > ul > ul > ul > ul > ul {
  list-style-type: circle;
}
.emailmessage--message-body > div > ul > ul > ul > ul > ul > ul {
  list-style-type: square;
}
.emailmessage--message-body ul {
  margin-left: 1.8rem;
  margin-bottom: 1.8rem;
}
.emailmessage--message-body ul ul {
  margin-left: 1.2rem;
}
.emailmessage--message-body a {
  text-decoration: underline;
  cursor: pointer;
}
.emailmessage--message-body a,
.emailmessage--message-body a * {
  color: var(--green-400);
}
.emailmessage--message-body > p:empty,
.emailmessage--message-body > div > p:empty {
  content: '\00a0';
  height: calc(var(--font-size-main) * 1.4);
}
.ql-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
  position: absolute;
  transform: translateY(10px);
}
.ql-hidden {
  display: none;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  -o-tab-size: 4;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  position: relative;
  flex: 1;
}
.ql-editor > *,
.ql-editor.ql-blank::before {
  cursor: text;
  margin: 0.5rem;
  line-height: 1.2;
}
.ql-editor.ql-blank::before {
  color: var(--color-placeholder);
  content: attr(data-placeholder);
  font-style: italic;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: calc(100% - 1rem);
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
/*codemirror*/
.ProseMirror {
  min-height: 80px;
  padding: 6px;
  outline: none;
}
.ProseMirror-icon {
  display: inline-block;
  padding: 5px;
}
.ProseMirror-icon svg {
  max-height: 20px;
  max-width: 20px;
  fill: currentColor;
}
.ProseMirror-menuseparator {
  display: none;
}
.ProseMirror-menu-dropdown-wrap {
  display: inline-block;
}
.atwho-view {
  position: absolute;
  background-color: var(--white);
  padding: 10px;
  border: 1px solid var(--gray-200);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  min-width: 144px;
}
.atwho-view-ul li {
  padding: 6px 10px;
  color: var(--gray-800);
  border-radius: 3px;
}
.atwho-view-ul li.cur {
  background-color: var(--gray-200);
}
.elevated-border {
  border: 1px solid var(--gray-200);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
}
.ui-autocomplete,
.hhc-search-container {
  position: absolute;
  background-color: var(--white);
  padding: 10px;
  border: 1px solid var(--gray-200);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  min-width: 144px;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
}
.ui-autocomplete li,
.hhc-search-container li {
  padding: 6px 10px;
  color: var(--gray-800);
  border-radius: 3px;
  cursor: pointer;
}
.ui-autocomplete li.cur,
.hhc-search-container li.cur,
.ui-autocomplete li:hover,
.hhc-search-container li:hover {
  background-color: var(--gray-200);
}
ul.navbar-nav .ui-autocomplete,
ul.navbar-nav .hhc-search-container {
  left: 0 !important;
}
ul.navbar-nav .ui-autocomplete li,
ul.navbar-nav .hhc-search-container li {
  display: block;
  text-align: left;
}
ul.navbar-nav .ui-autocomplete li a,
ul.navbar-nav .hhc-search-container li a {
  color: var(--font-main);
}
.ui-invisible {
  visibility: hidden;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.task-action-markcompleted {
  color: var(--gray-400);
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid currentColor;
  display: inline-block;
}
.task-action-markcompleted .ls-icon {
  height: 19px;
  width: 19px;
}
.task-action-markcompleted:hover {
  color: var(--purple-400);
  background: -webkit-linear-gradient(var(--purple-700), var(--purple-400));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.task-section-status-completed .task-action-markcompleted {
  color: transparent;
}
.ta-grow-text,
.ta-grow-replica {
  padding: 0 0.5rem;
  line-height: 21px;
}
.task-section {
  margin-bottom: 24px;
  border-top: 1px solid var(--gray-150);
  padding: 20px 12px 0;
}
.task-section:first-child {
  border-top: 0 none;
}
.task-section-header {
  margin-bottom: 5px;
  color: var(--gray-850);
  font-weight: 600;
  padding: 0 8px;
}
.task-section-header .icon-couple {
  margin-left: 3px;
}
.task-section-task {
  padding: 5px 12px;
  font-weight: 300;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  display: flex;
  cursor: pointer;
  border-radius: 3px;
}
.task-section-task:hover {
  background-color: var(--gray-020);
  border-color: var(--gray-050);
}
.task-section-task-duedate {
  flex: 0 auto;
  text-align: right;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  overflow: hidden;
  white-space: nowrap;
  max-width: 25%;
}
#tasks-due-overdue .task-section-task-duedate {
  color: var(--orange-500);
  font-weight: 500;
}
.task-section-status-completed .task-section-task-duedate {
  opacity: 0.6;
}
.task-section-task-markcompleted {
  flex: 0 28px;
  align-items: center;
  display: flex;
  padding-right: 9px;
}
.task-section-task-name {
  flex: 1 75%;
  display: flex;
  align-items: stretch;
  overflow-x: hidden;
}
.task-section-task-name > div {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;
}
.task-section-status-completed .task-section-task-name {
  opacity: 0.6;
}
.task-section-task.active-task {
  background-color: var(--green-050);
  border-color: var(--green-050);
}
.task-section-task.task-fadeout {
  -webkit-animation: fadeout 0.3s linear forwards;
          animation: fadeout 0.3s linear forwards;
}
.task-section-task-entity-token {
  font-size: 80%;
  padding: 0 0.5rem;
  margin-left: 0.5rem;
  background-color: var(--font-focus);
  color: var(--white);
  border-radius: 3px;
  display: inline-block;
}
.task-section-toggle-section {
  display: inline-flex;
  align-items: center;
  margin-right: 0;
  text-align: center;
}
.task-section .task-header-expanded,
.task-section .task-header-collapsed {
  padding: 2px 6px;
  border-radius: 3px;
}
.task-section .task-header-expanded:hover,
.task-section .task-header-collapsed:hover {
  background-color: var(--gray-150);
}
.task-section .task-section-tasks {
  transform-origin: top;
  transition: transform 0.26s ease;
}
.task-section-expanded .task-header-collapsed {
  display: none;
}
.task-section-expanded .task-section-tasks {
  display: block;
}
.task-section-collapsed .task-header-expanded {
  display: none;
}
.task-section-collapsed .task-section-tasks {
  display: none;
}
.tasks .card-content {
  padding: 0;
}
.task-status-completed .task-status-toggle-incomplete {
  display: none;
}
.task-status-toggle-complete {
  display: none;
}
.task-status-completed .task-status-toggle-complete {
  display: inline;
}
.icon-check-twotone-bg {
  fill: transparent;
}
.task-section-status-completed .icon-check-twotone-bg {
  fill: url(#check-gradient);
}
.icon-check-twotone-check {
  fill: currentColor;
}
.task-action-markcompleted:hover .icon-check-twotone-check {
  fill: url(#check-gradient);
}
.new_task_contact_inserted {
  padding: 4px 0;
  position: relative;
  top: -3px;
}
.new_task_contact_inserted:hover a.new_task_contact_add {
  visibility: visible;
}
a.new_task_contact_remove {
  padding: 6px;
  border-radius: 50%;
  margin-left: 12px;
  color: var(--font-main);
  visibility: hidden;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  text-align: center;
}
a.new_task_contact_remove .ls-icon {
  height: 12px;
  width: 12px;
}
a.new_task_contact_remove:hover {
  color: var(--gray-800);
  background-color: var(--gray-150);
}
a.new_task_contact_remove {
  background-color: var(--font-main);
  color: var(--white);
  padding: 2px;
}
a.new_task_contact_remove:hover {
  background-color: var(--gray-850);
  color: var(--white);
}
.new_task_contact_token {
  padding: 8px 10px;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.5rem;
}
.new_task_contact_token:hover {
  background-color: var(--gray-150);
}
.new_task_contact_token:hover a.new_task_contact_remove {
  visibility: visible;
}
a.new_task_contact_add {
  padding: 8px 10px;
  border-radius: 3px;
  line-height: 16px;
  cursor: pointer;
  color: var(--font-main);
  display: inline-flex;
  align-items: center;
}
a.new_task_contact_add:hover {
  background-color: var(--gray-150);
  color: var(--font-main);
}
#ui-datepicker-div {
  background-color: var(--white);
  padding: 10px;
  border: 1px solid var(--gray-200);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  display: none;
}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
  padding: 4px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-today a {
  background-color: var(--gray-250);
  color: var(--gray-800);
}
.ui-datepicker .ui-datepicker-current-day a,
.ui-datepicker .ui-datepicker-current-day a:hover {
  background-color: var(--green-100);
  color: var(--white);
}
.ui-datepicker a {
  color: var(--font-main);
  border-radius: 5px;
}
.ui-datepicker a:hover,
.ui-datepicker a .ui-datepicker-current-day a {
  color: var(--gray-800);
  background-color: var(--gray-150);
  border-color: var(--gray-150);
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 5px 40px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  width: 1.8em;
  padding: 0.6rem 10px;
  border-radius: 3px;
  cursor: pointer;
  line-height: 1.5rem;
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 6px;
}
.ui-datepicker .ui-datepicker-prev > span,
.ui-datepicker .ui-datepicker-next > span {
  overflow: hidden;
  position: absolute;
  text-indent: -999999px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-prev::after {
  display: inline-block;
  content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" class="svg-inline icon icon-angle-left"><path fill="currentColor" d="M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z" class=""></path></svg>');
  height: 19px;
  width: 7px;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
}
.ui-datepicker .ui-datepicker-next::after {
  display: inline-block;
  content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" class="svg-inline icon icon-angle-right"><path fill="currentColor" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z" class=""></path></svg>');
  height: 19px;
  width: 7px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 1.8em;
  line-height: 1.8em;
  text-align: center;
  display: flex;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 90%;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-year {
  min-width: 95px;
}
.ui-datepicker select.ui-datepicker-month {
  margin-right: 3%;
  min-width: 85px;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.5em 0.2em;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
#tasks-page .flex-60 {
  flex: 1;
  flex-basis: 60%;
  min-width: 0;
}
#tasks-page .flex-40 {
  flex: 0;
  flex-basis: 0;
  margin-left: 0;
  position: relative;
}
#tasks-page #task-detail {
  width: 0;
  overflow: hidden;
  box-shadow: none;
  border: 0 none;
  position: -webkit-sticky;
  position: sticky;
  top: 70px;
  min-height: 448px;
  left: 100%;
}
#tasks-page.active-detail .flex-40 {
  flex: 1 0;
  flex-basis: 40%;
  margin-left: 25px;
}
#tasks-page.active-detail #task-detail {
  width: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid var(--gray-200);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.03);
  border-radius: 3px;
}
@-webkit-keyframes slideInFromLeft {
  0% {
    opacity: 0;
    left: 100%;
  }
  70% {
    opacity: 1;
  }
  100% {
    left: 0;
  }
}
@keyframes slideInFromLeft {
  0% {
    opacity: 0;
    left: 100%;
  }
  70% {
    opacity: 1;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes expandBasis40 {
  0% {
    flex-basis: 0;
  }
  100% {
    flex-basis: 40%;
  }
}
@keyframes expandBasis40 {
  0% {
    flex-basis: 0;
  }
  100% {
    flex-basis: 40%;
  }
}
@-webkit-keyframes shimmering-bg {
  0% {
    background-position: -300px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
@keyframes shimmering-bg {
  0% {
    background-position: -300px 0;
  }
  100% {
    background-position: 800px 0;
  }
}
.default-ui-placeholder {
  height: 28px;
  width: 180px;
  background-color: #eaf2e3;
  border-radius: 3px;
  background-image: linear-gradient(-90deg, #eaf2e3 0%, var(--focus-ring) 50%, #eaf2e3 100%);
  background-position: -300px 0;
  background-repeat: no-repeat;
  background-size: 300px 100%;
  -webkit-animation: shimmering-bg 1.5s linear infinite;
          animation: shimmering-bg 1.5s linear infinite;
}
.ui-placeholder-header {
  height: 28px;
  width: 180px;
  background-color: #eaf2e3;
  border-radius: 3px;
  background-image: linear-gradient(-90deg, #eaf2e3 0%, var(--focus-ring) 50%, #eaf2e3 100%);
  background-position: -300px 0;
  background-repeat: no-repeat;
  background-size: 300px 100%;
  -webkit-animation: shimmering-bg 1.5s linear infinite;
          animation: shimmering-bg 1.5s linear infinite;
}
.ui-placeholder-paragraph {
  height: 28px;
  width: 180px;
  background-color: #eaf2e3;
  border-radius: 3px;
  background-image: linear-gradient(-90deg, #eaf2e3 0%, var(--focus-ring) 50%, #eaf2e3 100%);
  background-position: -300px 0;
  background-repeat: no-repeat;
  background-size: 300px 100%;
  -webkit-animation: shimmering-bg 1.5s linear infinite;
          animation: shimmering-bg 1.5s linear infinite;
  margin-bottom: 18px;
}
.ui-placeholder-paragraph.ui-indented-paragraph {
  margin-left: 18px;
}
.site-error {
  position: fixed;
  top: 0;
  z-index: 999999;
  width: 100%;
  text-align: center;
  padding: 16px 0;
  background-image: linear-gradient(-90deg, var(--green-400), #252a8c);
  color: var(--gray-100);
}
.site-error-action {
  background-color: transparent;
  border: 1px solid var(--gray-100);
  color: var(--gray-100);
  padding: 6px 12px;
  display: inline-block;
}
.site-error-action:hover {
  border-color: white;
  color: white;
}
.site-error-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: var(--white);
}
.site-error-close:hover {
  color: var(--gray-075);
}
.dialog-content {
  padding: 12px 18px;
}
.dialog-actions {
  text-align: right;
  margin-top: 24px;
  display: flex;
}
.dialog-actions .btn-small:first-child {
  margin-right: 8px;
}
.dialog-actions .btn-small {
  flex: 1;
  margin-right: 16px;
}
.dialog-actions .btn-small:last-child {
  margin-right: 0;
}
.dialog-exclaim {
  position: absolute;
  height: 48px;
  width: 48px;
  top: -18px;
  left: -18px;
}
.dialog-exclaim .ls-icon {
  height: 100%;
  width: 100%;
}
.dialog-exclaim .svg-primary {
  fill: var(--white);
}
.dialog-exclaim .svg-secondary {
  fill: var(--purple-800);
}
.dialog-confirmation .dialog-message {
  margin-top: 36px;
}
.dialog-message p {
  line-height: 1.2;
}
.ui-dialog {
  z-index: 9999999;
  position: absolute;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
}
.ui-dialog:focus {
  outline: none;
}
.ui-dialog-titlebar {
  display: none;
}
.ui-dialog-confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  pointer-events: auto;
}
.ui-widget-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(173, 177, 179, 0.5);
  z-index: 999999;
  top: 0;
  left: 0;
}
.color-mid-gray {
  color: var(--gray-700);
}
#contact-action-container,
#portal-root {
  position: fixed;
  top: 0;
  right: 0;
  padding-left: 2%;
  padding-right: 2%;
  max-width: 100%;
  height: 100%;
  bottom: 0;
  min-width: 400px;
  width: auto;
  display: flex;
  z-index: 0;
  pointer-events: none;
  justify-content: flex-end;
}
#portal-root,
#modal {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 99999;
  pointer-events: none;
  justify-content: flex-end;
  overflow: auto;
}
#portal-root .task-portal,
#modal .task-portal {
  display: block;
}
#portal-root > div,
.note-portal,
.task-portal {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  padding: 0 10px;
}
#modal > div,
.modal-portal {
  display: flex;
  width: 100%;
  justify-content: center;
}
.block-scroll {
  overflow: hidden;
}
.modal {
  background-color: var(--white);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  flex: 0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.docs-dialog-container .modal {
  min-width: 580px;
}
.modal .docs-dialog-container {
  max-width: 67%;
}
.modal-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  z-index: 999999;
  pointer-events: all;
}
.modal-container:before,
.modal-container:after {
  content: ' ';
  flex: 1 auto;
  min-height: 1px;
}
.modal-content {
  flex: 1 auto;
  padding: 1rem;
}
.modal-footer {
  width: 100%;
  flex: 1;
  max-height: 80px;
  align-self: flex-end;
  justify-content: center;
  display: flex;
  flex-direction: column;
  text-align: right;
  padding: 6px 20px;
  background-color: var(--gray-100);
  border-top: 1px solid var(--gray-150);
  border-radius: 0 0 5px 5px;
}
.modal-footer .btn {
  margin-left: 8px;
}
.modal-header {
  border-radius: 5px 5px 0 0;
}
.with-overlay:before {
  background-color: rgba(0, 0, 0, 0.3);
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99998;
  pointer-events: auto;
}
.block-scroll .with-overlay:before {
  position: fixed;
}
.cunote-container,
.cutask-container,
.modal-item-container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  pointer-events: none;
  padding: 0 10%;
  position: absolute;
  z-index: 99999;
  overflow-y: auto;
}
.cunote-container:before,
.cutask-container:before,
.modal-item-container:before,
.cunote-container:after,
.cutask-container:after,
.modal-item-container:after {
  content: ' ';
  width: 100%;
  flex: 0 10%;
}
.cunote-container.small-cunote,
.cutask-container.small-cunote,
.modal-item-container.small-cunote,
.cunote-container.minimized-cunote,
.cutask-container.minimized-cunote,
.modal-item-container.minimized-cunote {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 600px;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  padding: 0 10px;
  margin: 0 5px;
  position: relative;
  z-index: auto;
}
.cunote-container.small-cunote:before,
.cutask-container.small-cunote:before,
.modal-item-container.small-cunote:before,
.cunote-container.minimized-cunote:before,
.cutask-container.minimized-cunote:before,
.modal-item-container.minimized-cunote:before {
  content: ' ';
  width: 100%;
  flex: 0 40%;
}
.cunote-container.small-cunote:after,
.cutask-container.small-cunote:after,
.modal-item-container.small-cunote:after,
.cunote-container.minimized-cunote:after,
.cutask-container.minimized-cunote:after,
.modal-item-container.minimized-cunote:after {
  display: none;
}
.cunote-spaced-content,
.cutask-spaced-content,
.modal-item-spaced-content {
  width: 100%;
  flex: 1 80%;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-height: 80%;
}
.small-cunote .cunote-spaced-content,
.small-cunote .cutask-spaced-content,
.small-cunote .modal-item-spaced-content,
.minimized-cunote .cunote-spaced-content,
.minimized-cunote .cutask-spaced-content,
.minimized-cunote .modal-item-spaced-content {
  width: 100%;
  flex: 1 60%;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.cunote-wrapper,
.cutask-wrapper,
.modal-item-wrapper {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.28);
}
.small-cunote .cunote-wrapper,
.small-cunote .cutask-wrapper,
.small-cunote .modal-item-wrapper {
  box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12), 0px 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.cunote-header,
.cutask-header,
.modal-item-header {
  background-color: var(--navy-900);
  color: var(--white);
  padding: 0.6rem 0.8rem;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--navy-900);
}
.cunote-header-actions,
.cutask-header-actions,
.modal-item-header-actions {
  flex: 1;
  text-align: right;
}
.cunote-header-actions > span,
.cutask-header-actions > span,
.modal-item-header-actions > span {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  cursor: pointer;
}
.cunote-header-actions > span:hover,
.cutask-header-actions > span:hover,
.modal-item-header-actions > span:hover {
  background-color: var(--gray-850);
}
.cunote-title,
.cutask-title,
.modal-item-title {
  flex: 1 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 3px 8px 3px 0;
  font-size: 108%;
  font-weight: 400;
}
.cunote-header-actions > span.cunote-action-maximize,
.cunote-header-actions > span.cutask-action-maximize,
.cunote-header-actions > span.modal-item-action-maximize,
.cutask-header-actions > span.cunote-action-maximize,
.cutask-header-actions > span.cutask-action-maximize,
.cutask-header-actions > span.modal-item-action-maximize,
.modal-item-header-actions > span.cunote-action-maximize,
.modal-item-header-actions > span.cutask-action-maximize,
.modal-item-header-actions > span.modal-item-action-maximize {
  transform: rotateX(180deg);
}
.cunote-header-actions > span.cunote-action-maximize,
.cunote-header-actions > span.cutask-action-maximize,
.cunote-header-actions > span.modal-item-action-maximize,
.cutask-header-actions > span.cunote-action-maximize,
.cutask-header-actions > span.cutask-action-maximize,
.cutask-header-actions > span.modal-item-action-maximize,
.modal-item-header-actions > span.cunote-action-maximize,
.modal-item-header-actions > span.cutask-action-maximize,
.modal-item-header-actions > span.modal-item-action-maximize,
.cunote-header-actions > span.cunote-action-expand,
.cunote-header-actions > span.cutask-action-expand,
.cunote-header-actions > span.modal-item-action-expand,
.cutask-header-actions > span.cunote-action-expand,
.cutask-header-actions > span.cutask-action-expand,
.cutask-header-actions > span.modal-item-action-expand,
.modal-item-header-actions > span.cunote-action-expand,
.modal-item-header-actions > span.cutask-action-expand,
.modal-item-header-actions > span.modal-item-action-expand {
  display: none;
}
.cunote-header-actions > span.cunote-action-collapse,
.cunote-header-actions > span.cutask-action-collapse,
.cunote-header-actions > span.modal-item-action-collapse,
.cutask-header-actions > span.cunote-action-collapse,
.cutask-header-actions > span.cutask-action-collapse,
.cutask-header-actions > span.modal-item-action-collapse,
.modal-item-header-actions > span.cunote-action-collapse,
.modal-item-header-actions > span.cutask-action-collapse,
.modal-item-header-actions > span.modal-item-action-collapse,
.cunote-header-actions > span.cunote-action-minimize,
.cunote-header-actions > span.cutask-action-minimize,
.cunote-header-actions > span.modal-item-action-minimize,
.cutask-header-actions > span.cunote-action-minimize,
.cutask-header-actions > span.cutask-action-minimize,
.cutask-header-actions > span.modal-item-action-minimize,
.modal-item-header-actions > span.cunote-action-minimize,
.modal-item-header-actions > span.cutask-action-minimize,
.modal-item-header-actions > span.modal-item-action-minimize {
  display: inline-block;
}
.minimized-cunote .cunote-header-actions > span.cunote-action-maximize,
.minimized-cunote .cunote-header-actions > span.cutask-action-maximize,
.minimized-cunote .cunote-header-actions > span.modal-item-action-maximize,
.minimized-cunote .cutask-header-actions > span.cunote-action-maximize,
.minimized-cunote .cutask-header-actions > span.cutask-action-maximize,
.minimized-cunote .cutask-header-actions > span.modal-item-action-maximize,
.minimized-cunote .modal-item-header-actions > span.cunote-action-maximize,
.minimized-cunote .modal-item-header-actions > span.cutask-action-maximize,
.minimized-cunote .modal-item-header-actions > span.modal-item-action-maximize {
  display: inline-block;
}
.minimized-cunote .cunote-header-actions > span.cunote-action-minimize,
.minimized-cunote .cunote-header-actions > span.cutask-action-minimize,
.minimized-cunote .cunote-header-actions > span.modal-item-action-minimize,
.minimized-cunote .cutask-header-actions > span.cunote-action-minimize,
.minimized-cunote .cutask-header-actions > span.cutask-action-minimize,
.minimized-cunote .cutask-header-actions > span.modal-item-action-minimize,
.minimized-cunote .modal-item-header-actions > span.cunote-action-minimize,
.minimized-cunote .modal-item-header-actions > span.cutask-action-minimize,
.minimized-cunote .modal-item-header-actions > span.modal-item-action-minimize {
  display: none;
}
.small-cunote .cunote-header-actions > span.cunote-action-collapse,
.small-cunote .cunote-header-actions > span.cutask-action-collapse,
.small-cunote .cunote-header-actions > span.modal-item-action-collapse,
.small-cunote .cutask-header-actions > span.cunote-action-collapse,
.small-cunote .cutask-header-actions > span.cutask-action-collapse,
.small-cunote .cutask-header-actions > span.modal-item-action-collapse,
.small-cunote .modal-item-header-actions > span.cunote-action-collapse,
.small-cunote .modal-item-header-actions > span.cutask-action-collapse,
.small-cunote .modal-item-header-actions > span.modal-item-action-collapse,
.small-cunote .cunote-header-actions > span.cunote-action-maximize,
.small-cunote .cunote-header-actions > span.cutask-action-maximize,
.small-cunote .cunote-header-actions > span.modal-item-action-maximize,
.small-cunote .cutask-header-actions > span.cunote-action-maximize,
.small-cunote .cutask-header-actions > span.cutask-action-maximize,
.small-cunote .cutask-header-actions > span.modal-item-action-maximize,
.small-cunote .modal-item-header-actions > span.cunote-action-maximize,
.small-cunote .modal-item-header-actions > span.cutask-action-maximize,
.small-cunote .modal-item-header-actions > span.modal-item-action-maximize {
  display: none;
}
.small-cunote .cunote-header-actions > span.cunote-action-expand,
.small-cunote .cunote-header-actions > span.cutask-action-expand,
.small-cunote .cunote-header-actions > span.modal-item-action-expand,
.small-cunote .cutask-header-actions > span.cunote-action-expand,
.small-cunote .cutask-header-actions > span.cutask-action-expand,
.small-cunote .cutask-header-actions > span.modal-item-action-expand,
.small-cunote .modal-item-header-actions > span.cunote-action-expand,
.small-cunote .modal-item-header-actions > span.cutask-action-expand,
.small-cunote .modal-item-header-actions > span.modal-item-action-expand,
.small-cunote .cunote-header-actions > span.cunote-action-minimize,
.small-cunote .cunote-header-actions > span.cutask-action-minimize,
.small-cunote .cunote-header-actions > span.modal-item-action-minimize,
.small-cunote .cutask-header-actions > span.cunote-action-minimize,
.small-cunote .cutask-header-actions > span.cutask-action-minimize,
.small-cunote .cutask-header-actions > span.modal-item-action-minimize,
.small-cunote .modal-item-header-actions > span.cunote-action-minimize,
.small-cunote .modal-item-header-actions > span.cutask-action-minimize,
.small-cunote .modal-item-header-actions > span.modal-item-action-minimize {
  display: inline-block;
}
.small-cunote.minimized-cunote .cunote-header-actions > span.cunote-action-collapse,
.small-cunote.minimized-cunote .cunote-header-actions > span.cutask-action-collapse,
.small-cunote.minimized-cunote .cunote-header-actions > span.modal-item-action-collapse,
.small-cunote.minimized-cunote .cutask-header-actions > span.cunote-action-collapse,
.small-cunote.minimized-cunote .cutask-header-actions > span.cutask-action-collapse,
.small-cunote.minimized-cunote .cutask-header-actions > span.modal-item-action-collapse,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cunote-action-collapse,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cutask-action-collapse,
.small-cunote.minimized-cunote .modal-item-header-actions > span.modal-item-action-collapse,
.small-cunote.minimized-cunote .cunote-header-actions > span.cunote-action-minimize,
.small-cunote.minimized-cunote .cunote-header-actions > span.cutask-action-minimize,
.small-cunote.minimized-cunote .cunote-header-actions > span.modal-item-action-minimize,
.small-cunote.minimized-cunote .cutask-header-actions > span.cunote-action-minimize,
.small-cunote.minimized-cunote .cutask-header-actions > span.cutask-action-minimize,
.small-cunote.minimized-cunote .cutask-header-actions > span.modal-item-action-minimize,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cunote-action-minimize,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cutask-action-minimize,
.small-cunote.minimized-cunote .modal-item-header-actions > span.modal-item-action-minimize {
  display: none;
}
.small-cunote.minimized-cunote .cunote-header-actions > span.cunote-action-maximize,
.small-cunote.minimized-cunote .cunote-header-actions > span.cutask-action-maximize,
.small-cunote.minimized-cunote .cunote-header-actions > span.modal-item-action-maximize,
.small-cunote.minimized-cunote .cutask-header-actions > span.cunote-action-maximize,
.small-cunote.minimized-cunote .cutask-header-actions > span.cutask-action-maximize,
.small-cunote.minimized-cunote .cutask-header-actions > span.modal-item-action-maximize,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cunote-action-maximize,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cutask-action-maximize,
.small-cunote.minimized-cunote .modal-item-header-actions > span.modal-item-action-maximize,
.small-cunote.minimized-cunote .cunote-header-actions > span.cunote-action-expand,
.small-cunote.minimized-cunote .cunote-header-actions > span.cutask-action-expand,
.small-cunote.minimized-cunote .cunote-header-actions > span.modal-item-action-expand,
.small-cunote.minimized-cunote .cutask-header-actions > span.cunote-action-expand,
.small-cunote.minimized-cunote .cutask-header-actions > span.cutask-action-expand,
.small-cunote.minimized-cunote .cutask-header-actions > span.modal-item-action-expand,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cunote-action-expand,
.small-cunote.minimized-cunote .modal-item-header-actions > span.cutask-action-expand,
.small-cunote.minimized-cunote .modal-item-header-actions > span.modal-item-action-expand {
  display: inline-block;
}
.cunote-status,
.cutask-status,
.modal-item-status {
  visibility: hidden;
}
.cunote-status-text,
.cutask-status-text,
.modal-item-status-text {
  color: var(--gray-150);
}
.cunote-content,
.cutask-content,
.modal-item-content {
  background-color: var(--white);
  position: relative;
}
.cunote-content textarea,
.cutask-content textarea,
.modal-item-content textarea {
  border: 0 none;
  outline: none;
  resize: none;
}
.cunote-content .rte,
.cutask-content .rte,
.modal-item-content .rte {
  margin: 0;
  border-radius: 0;
  padding-bottom: 0;
  width: 100%;
}
.cunote-content .rte_toolbar,
.cutask-content .rte_toolbar,
.modal-item-content .rte_toolbar {
  visibility: visible;
  width: auto;
  border-right: 1px solid var(--gray-250);
  padding-right: 8px;
}
.cunote-content .rte_editor,
.cutask-content .rte_editor,
.modal-item-content .rte_editor,
.cunote-content .rte_source,
.cutask-content .rte_source,
.modal-item-content .rte_source {
  min-height: 246px;
  max-height: 360px;
  overflow: auto;
}
.cunote-content .rte-toolbar,
.cutask-content .rte-toolbar,
.modal-item-content .rte-toolbar,
.cunote-content .ql-toolbar,
.cutask-content .ql-toolbar,
.modal-item-content .ql-toolbar {
  visibility: visible;
  width: auto;
  border-right: 1px solid var(--gray-250);
  margin-right: 8px;
  background-color: var(--white);
}
.cunote-content .cunote-toolbar,
.cutask-content .cunote-toolbar,
.modal-item-content .cunote-toolbar {
  padding: 8px 10px;
}
.cunote-content .cunote-toolbar .rte-toolbar,
.cutask-content .cunote-toolbar .rte-toolbar,
.modal-item-content .cunote-toolbar .rte-toolbar {
  border: 1px solid var(--gray-300);
  box-shadow: 0 0px 4px 1px var(--gray-300);
}
.cunote-content .jqte,
.cutask-content .jqte,
.modal-item-content .jqte,
.cunote-content .jqte_focused,
.cutask-content .jqte_focused,
.modal-item-content .jqte_focused,
.cunote-content .rte-container:focus-within .rte,
.cutask-content .rte-container:focus-within .rte,
.modal-item-content .rte-container:focus-within .rte {
  border-color: transparent;
  outline: none;
  box-shadow: none;
}
.cunote-actions,
.cutask-actions,
.modal-item-actions {
  background-color: var(--white);
  padding: 0.6rem 0.8rem;
  font-size: 88%;
  border-radius: 0 0 5px 5px;
}
.small-cunote .cunote-actions,
.small-cunote .cutask-actions,
.small-cunote .modal-item-actions {
  border-radius: 0;
}
.cunote-followup,
.cutask-followup,
.modal-item-followup {
  display: inline-block;
  margin-left: 8px;
}
.cunote-followup label,
.cutask-followup label,
.modal-item-followup label {
  margin-left: 5px;
}
.cunote-task-section,
.cutask-task-section,
.modal-item-task-section {
  padding: 0.5rem 0;
  width: 25%;
}
.cunote-task-section-header h5,
.cutask-task-section-header h5,
.modal-item-task-section-header h5 {
  background-color: var(--white);
  position: relative;
  left: -1.32rem;
  padding: 5px 0;
}
.cunote-task-section-tasklist:not(:first-child),
.cutask-task-section-tasklist:not(:first-child),
.modal-item-task-section-tasklist:not(:first-child) {
  margin-top: 3.8rem;
}
.cunote-task-section-tasklist h6,
.cutask-task-section-tasklist h6,
.modal-item-task-section-tasklist h6 {
  font-weight: 600;
}
.cunote-task-section-task,
.cutask-task-section-task,
.modal-item-task-section-task {
  position: relative;
  padding: 6px 3px;
}
.cunote-task-section-task:hover,
.cutask-task-section-task:hover,
.modal-item-task-section-task:hover {
  background-color: var(--gray-020);
}
.cunote-task-border,
.cutask-task-border,
.modal-item-task-border {
  border-left: 1px solid var(--gray-200);
  padding: 0 1rem 1rem;
  flex: 1;
}
.cunote-task-actionitems > div,
.cutask-task-actionitems > div,
.modal-item-task-actionitems > div {
  display: inline-block;
}
.cunote-task-actions-remove,
.cutask-task-actions-remove,
.modal-item-task-actions-remove,
.cunote-task-actions-item,
.cutask-task-actions-item,
.modal-item-task-actions-item {
  visibility: hidden;
}
.cunote-task-actions-remove > span,
.cutask-task-actions-remove > span,
.modal-item-task-actions-remove > span,
.cunote-task-actions-item > span,
.cutask-task-actions-item > span,
.modal-item-task-actions-item > span {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  border-radius: 3px;
}
.cunote-task-actions-remove > span:hover,
.cutask-task-actions-remove > span:hover,
.modal-item-task-actions-remove > span:hover,
.cunote-task-actions-item > span:hover,
.cutask-task-actions-item > span:hover,
.modal-item-task-actions-item > span:hover {
  background-color: var(--gray-150);
}
.cunote-task-section-task:hover .cunote-task-actions-remove,
.cunote-task-section-task:hover .cutask-task-actions-remove,
.cunote-task-section-task:hover .modal-item-task-actions-remove,
.cunote-task-section-task:hover .cunote-task-actions-item,
.cunote-task-section-task:hover .cutask-task-actions-item,
.cunote-task-section-task:hover .modal-item-task-actions-item {
  visibility: visible;
}
.cunote-task-actions .cunote-task-action-item,
.cutask-task-actions .cunote-task-action-item,
.modal-item-task-actions .cunote-task-action-item {
  padding: 6px;
  cursor: pointer;
  border-radius: 3px;
  display: flex;
}
.cunote-task-actions .cunote-task-action-item:hover,
.cutask-task-actions .cunote-task-action-item:hover,
.modal-item-task-actions .cunote-task-action-item:hover {
  background-color: var(--gray-150);
}
.cunote-task-loading-overlay,
.cutask-task-loading-overlay,
.modal-item-task-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--gray-200);
  opacity: 0.5;
  z-index: 1;
}
.note-with-tasks-scrollsection {
  display: flex;
  overflow-y: auto;
  position: relative;
  overflow-x: hidden;
}
.note-with-tasks .cunote-task-section-controller {
  position: absolute;
  right: 1.2rem;
  top: 0.98rem;
  display: none;
  border-radius: 3px;
}
.note-with-tasks .cunote-task-section-controller:hover {
  background-color: var(--gray-200);
}
.small-cunote .note-with-tasks .cunote-task-section-controller {
  display: inline-block;
}
.small-cunote .note-with-tasks .cunote-task-section {
  display: flex;
  position: absolute;
  right: 0;
  z-index: 1000;
  background-color: white;
  bottom: 0;
  top: 0;
  width: 2%;
  transition: width 0.2s ease-out;
}
.small-cunote .note-with-tasks .cunote-task-section .cunote-task-section-tasks {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in 0.1s;
}
.small-cunote .note-with-tasks .cunote-task-section::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
}
.small-cunote .note-with-tasks .rte-container {
  padding-right: calc(2% + 2rem);
}
.small-cunote .note-with-tasks.nwt-expanded .cunote-task-section {
  width: 88%;
}
.small-cunote .note-with-tasks.nwt-expanded .cunote-task-section .cunote-task-section-tasks {
  visibility: visible;
  opacity: 1;
}
.small-cunote .note-with-tasks.nwt-expanded .rte-container {
  opacity: 0.1;
}
.quicktask-status {
  padding-top: 1px;
  padding-right: 5px;
}
.box-shadow-main {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.28);
}
.cutask-container,
.modal-item-container {
  width: 48%;
  min-width: 360px;
  margin: 0 auto;
  pointer-events: auto;
}
.cutask-container::before,
.modal-item-container::before {
  display: none;
}
.cutask-content,
.modal-item-content {
  border-radius: 0 0 5px 5px;
}
.cutask-content textarea,
.modal-item-content textarea {
  border: 1px solid;
}
.cutask-content .jqte:hover,
.modal-item-content .jqte:hover {
  border-color: var(--gray-450);
}
.cutask-content .jqte_focused,
.modal-item-content .jqte_focused {
  border-color: var(--green-400);
  box-shadow: 0 0 0 4px var(--focus-ring);
  -webkit-box-shadow: 0 0 0 4px var(--focus-ring);
  -moz-box-shadow: 0 0 0 4px var(--focus-ring);
}
.modal-item-content {
  padding: 1rem;
}
.minimized-cunote.cunote-container {
  width: 288px;
}
.minimized-cunote .cunote-content,
.minimized-cunote .cunote-actions {
  display: none;
}
.minimized-cunote .cunote-title {
  flex: 1 28%;
}
.loading-icon {
  height: 36px;
  width: 36px;
  background-image: url('/images/loading.gif?1');
  background-size: cover;
  background-repeat: no-repeat;
}
.ls-ui-datepicker {
  max-width: 12rem;
  cursor: pointer;
}
/* react-datepicker */
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: var(--gray-250);
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: var(--gray-020);
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0 0 5px;
  border: 0;
  width: 100%;
}
.react-datepicker {
  font-size: 0.8rem;
  background-color: #fff;
  color: var(--font-main);
  border: 1px solid var(--gray-250);
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}
.react-datepicker-popper {
  z-index: 2;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}
.react-datepicker__header {
  text-align: center;
  background-color: var(--gray-020);
  border-bottom: 1px solid var(--gray-200);
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}
.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}
.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 10px 0 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}
.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}
.react-datepicker__month-container {
  float: left;
}
.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}
.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}
.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -72px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: var(--green-500);
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: var(--green-500);
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}
.react-datepicker__day-names {
  margin-bottom: -8px;
}
.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day.react-datepicker__day--outside-month {
  color: var(--gray-450);
}
.react-datepicker__month--selected,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: var(--green-500);
  color: #fff;
}
.react-datepicker__month--selected:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: var(--green-500);
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: var(--green-500);
  color: #fff;
}
.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: var(--green-500);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: var(--green-500);
  color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: var(--green-400);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: var(--green-500);
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}
.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}
.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}
.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}
.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 8px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: var(--gray-900);
  color: var(--white);
  border-radius: 50%;
  height: 1.15rem;
  width: 1.15rem;
  padding: 5px;
  line-height: 1;
  text-align: center;
  display: flex;
  align-items: center;
  content: url(/images/close-icon.svg?1);
  visibility: hidden;
}
.react-datepicker__input-container:hover .react-datepicker__close-icon::after {
  visibility: visible;
}
.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}
.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}