@charset "UTF-8";
@import url("https://use.typekit.net/djk6jpg.css");
@font-face {
  font-family: "public sans variable";
  src: url("fonts/PublicSans-VariableFont_wght.ttf");
}
.text-lines-1 {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-lines-2 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-lines-3 {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-lines-4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.text-right {
  text-align: right !important;
  text-shadow: none;
}

.text-center {
  text-align: center !important;
}

.text-small {
  font-size: 85%;
}

.text-large {
  font-size: 120%;
}

.text-serif {
  font-family: "ff-tisa-web-pro", serif;
}

th {
  text-align: left;
}

h1, h2, h3, h4, h5 {
  margin: 0.5rem 0px 0.5rem 0px;
  line-height: 120%;
  font-size: 1.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-weight: normal;
  word-break: break-word;
}

h1, h2 {
  font-family: "ff-tisa-web-pro", "public sans variable";
  line-height: 115%;
  font-variation-settings: "wght" 400;
}

h3, h4, h5, h6 {
  font-family: "public sans variable", sans-serif;
}

h1 {
  font-size: 3rem;
}

h2.huge {
  font-size: 2.6rem;
  line-height: 120%;
  color: var(--accent);
}

h3.huge {
  font-size: 1.7rem;
  font-variation-settings: "wght" 600;
  line-height: 120%;
}

h2 {
  font-size: 1.6rem;
  font-variation-settings: "wght" 600;
}

h3 {
  font-size: 1.7rem;
  font-variation-settings: "wght" 300;
  line-height: 2.2rem;
}

h4 {
  font-variation-settings: "wght" 750;
  font-size: 1.08rem;
}
h4 i.icon {
  transform: scale(1.25);
  margin-right: 5px;
}

h5 {
  font-size: 1rem;
}

strong, b {
  font-weight: normal;
  font-variation-settings: "wght" 700;
}

a {
  /*basic link*/
  color: var(--accentText);
  text-decoration: none;
}
a.active i.icon {
  color: var(--accentText);
}
a.inactive i.icon {
  color: var(--border);
}
a i.icon {
  transform: scale(1.4);
}
a:hover {
  color: var(--accentDark);
}

a.text-underline {
  border-bottom: 1px dotted rgba(136, 136, 136, 0.5333333333);
}
a.text-underline:hover {
  border-bottom: 1px dotted #888888;
}

a.link {
  color: var(--accentText);
  padding: 0.4rem;
}
a.link:hover {
  color: var(--text);
}
a.link .icon {
  vertical-align: bottom;
  transform: scale(1.35);
  margin-right: 0.2rem;
}

a.text-underline {
  border-bottom: 1px dotted rgba(136, 136, 136, 0.5333333333);
}

a.text-underline:hover {
  border-bottom: 1px dotted #888888;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.e-radio + label .e-label, .e-error {
  font-family: inherit;
  font-size: inherit;
  font-size: 0.85rem;
  font-variation-settings: "wght" 600;
}

label.e-error {
  padding-top: 0.3rem;
  padding-left: 0.4rem;
  display: none;
  color: var(--danger);
}

.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus, .e-btn:focus, .e-css.e-btn:focus {
  box-shadow: none;
  text-shadow: none;
}

button, .e-btn, .e-css.e-btn, .e-css.e-btn.e-flat, .e-btn.e-flat.e-primary {
  line-height: 1.5rem;
}
button.e-cancel, button.e-control, button.e-flat, button.e-primary, button.e-outline, button.e-white, button.e-cancel, button e-flat, button.e-css, button.e-lib, button.e-btn, button.e-control, .e-btn.e-cancel, .e-btn.e-control, .e-btn.e-flat, .e-btn.e-primary, .e-btn.e-outline, .e-btn.e-white, .e-btn.e-cancel, .e-btn e-flat, .e-btn.e-css, .e-btn.e-lib, .e-btn.e-btn, .e-btn.e-control, .e-css.e-btn.e-cancel, .e-css.e-btn.e-control, .e-css.e-btn.e-flat, .e-css.e-btn.e-primary, .e-css.e-btn.e-outline, .e-css.e-btn.e-white, .e-css.e-btn.e-cancel, .e-css.e-btn e-flat, .e-css.e-btn.e-css, .e-css.e-btn.e-lib, .e-css.e-btn.e-btn, .e-css.e-btn.e-control, .e-css.e-btn.e-flat.e-cancel, .e-css.e-btn.e-flat.e-control, .e-css.e-btn.e-flat.e-flat, .e-css.e-btn.e-flat.e-primary, .e-css.e-btn.e-flat.e-outline, .e-css.e-btn.e-flat.e-white, .e-css.e-btn.e-flat.e-cancel, .e-css.e-btn.e-flat e-flat, .e-css.e-btn.e-flat.e-css, .e-css.e-btn.e-flat.e-lib, .e-css.e-btn.e-flat.e-btn, .e-css.e-btn.e-flat.e-control, .e-btn.e-flat.e-primary.e-cancel, .e-btn.e-flat.e-primary.e-control, .e-btn.e-flat.e-primary.e-flat, .e-btn.e-flat.e-primary.e-primary, .e-btn.e-flat.e-primary.e-outline, .e-btn.e-flat.e-primary.e-white, .e-btn.e-flat.e-primary.e-cancel, .e-btn.e-flat.e-primary e-flat, .e-btn.e-flat.e-primary.e-css, .e-btn.e-flat.e-primary.e-lib, .e-btn.e-flat.e-primary.e-btn, .e-btn.e-flat.e-primary.e-control {
  outline: 0px;
  border: 0px solid transparent !important;
  /*  i.icon{    line-height: 100% !important;}*/
}
button.e-cancel:disabled, button.e-cancel:hover, button.e-cancel:active, button.e-cancel:focus, button.e-cancel:focus-within, button.e-control:disabled, button.e-control:hover, button.e-control:active, button.e-control:focus, button.e-control:focus-within, button.e-flat:disabled, button.e-flat:hover, button.e-flat:active, button.e-flat:focus, button.e-flat:focus-within, button.e-primary:disabled, button.e-primary:hover, button.e-primary:active, button.e-primary:focus, button.e-primary:focus-within, button.e-outline:disabled, button.e-outline:hover, button.e-outline:active, button.e-outline:focus, button.e-outline:focus-within, button.e-white:disabled, button.e-white:hover, button.e-white:active, button.e-white:focus, button.e-white:focus-within, button.e-cancel:disabled, button.e-cancel:hover, button.e-cancel:active, button.e-cancel:focus, button.e-cancel:focus-within, button e-flat:disabled, button e-flat:hover, button e-flat:active, button e-flat:focus, button e-flat:focus-within, button.e-css:disabled, button.e-css:hover, button.e-css:active, button.e-css:focus, button.e-css:focus-within, button.e-lib:disabled, button.e-lib:hover, button.e-lib:active, button.e-lib:focus, button.e-lib:focus-within, button.e-btn:disabled, button.e-btn:hover, button.e-btn:active, button.e-btn:focus, button.e-btn:focus-within, button.e-control:disabled, button.e-control:hover, button.e-control:active, button.e-control:focus, button.e-control:focus-within, .e-btn.e-cancel:disabled, .e-btn.e-cancel:hover, .e-btn.e-cancel:active, .e-btn.e-cancel:focus, .e-btn.e-cancel:focus-within, .e-btn.e-control:disabled, .e-btn.e-control:hover, .e-btn.e-control:active, .e-btn.e-control:focus, .e-btn.e-control:focus-within, .e-btn.e-flat:disabled, .e-btn.e-flat:hover, .e-btn.e-flat:active, .e-btn.e-flat:focus, .e-btn.e-flat:focus-within, .e-btn.e-primary:disabled, .e-btn.e-primary:hover, .e-btn.e-primary:active, .e-btn.e-primary:focus, .e-btn.e-primary:focus-within, .e-btn.e-outline:disabled, .e-btn.e-outline:hover, .e-btn.e-outline:active, .e-btn.e-outline:focus, .e-btn.e-outline:focus-within, .e-btn.e-white:disabled, .e-btn.e-white:hover, .e-btn.e-white:active, .e-btn.e-white:focus, .e-btn.e-white:focus-within, .e-btn.e-cancel:disabled, .e-btn.e-cancel:hover, .e-btn.e-cancel:active, .e-btn.e-cancel:focus, .e-btn.e-cancel:focus-within, .e-btn e-flat:disabled, .e-btn e-flat:hover, .e-btn e-flat:active, .e-btn e-flat:focus, .e-btn e-flat:focus-within, .e-btn.e-css:disabled, .e-btn.e-css:hover, .e-btn.e-css:active, .e-btn.e-css:focus, .e-btn.e-css:focus-within, .e-btn.e-lib:disabled, .e-btn.e-lib:hover, .e-btn.e-lib:active, .e-btn.e-lib:focus, .e-btn.e-lib:focus-within, .e-btn.e-btn:disabled, .e-btn.e-btn:hover, .e-btn.e-btn:active, .e-btn.e-btn:focus, .e-btn.e-btn:focus-within, .e-btn.e-control:disabled, .e-btn.e-control:hover, .e-btn.e-control:active, .e-btn.e-control:focus, .e-btn.e-control:focus-within, .e-css.e-btn.e-cancel:disabled, .e-css.e-btn.e-cancel:hover, .e-css.e-btn.e-cancel:active, .e-css.e-btn.e-cancel:focus, .e-css.e-btn.e-cancel:focus-within, .e-css.e-btn.e-control:disabled, .e-css.e-btn.e-control:hover, .e-css.e-btn.e-control:active, .e-css.e-btn.e-control:focus, .e-css.e-btn.e-control:focus-within, .e-css.e-btn.e-flat:disabled, .e-css.e-btn.e-flat:hover, .e-css.e-btn.e-flat:active, .e-css.e-btn.e-flat:focus, .e-css.e-btn.e-flat:focus-within, .e-css.e-btn.e-primary:disabled, .e-css.e-btn.e-primary:hover, .e-css.e-btn.e-primary:active, .e-css.e-btn.e-primary:focus, .e-css.e-btn.e-primary:focus-within, .e-css.e-btn.e-outline:disabled, .e-css.e-btn.e-outline:hover, .e-css.e-btn.e-outline:active, .e-css.e-btn.e-outline:focus, .e-css.e-btn.e-outline:focus-within, .e-css.e-btn.e-white:disabled, .e-css.e-btn.e-white:hover, .e-css.e-btn.e-white:active, .e-css.e-btn.e-white:focus, .e-css.e-btn.e-white:focus-within, .e-css.e-btn.e-cancel:disabled, .e-css.e-btn.e-cancel:hover, .e-css.e-btn.e-cancel:active, .e-css.e-btn.e-cancel:focus, .e-css.e-btn.e-cancel:focus-within, .e-css.e-btn e-flat:disabled, .e-css.e-btn e-flat:hover, .e-css.e-btn e-flat:active, .e-css.e-btn e-flat:focus, .e-css.e-btn e-flat:focus-within, .e-css.e-btn.e-css:disabled, .e-css.e-btn.e-css:hover, .e-css.e-btn.e-css:active, .e-css.e-btn.e-css:focus, .e-css.e-btn.e-css:focus-within, .e-css.e-btn.e-lib:disabled, .e-css.e-btn.e-lib:hover, .e-css.e-btn.e-lib:active, .e-css.e-btn.e-lib:focus, .e-css.e-btn.e-lib:focus-within, .e-css.e-btn.e-btn:disabled, .e-css.e-btn.e-btn:hover, .e-css.e-btn.e-btn:active, .e-css.e-btn.e-btn:focus, .e-css.e-btn.e-btn:focus-within, .e-css.e-btn.e-control:disabled, .e-css.e-btn.e-control:hover, .e-css.e-btn.e-control:active, .e-css.e-btn.e-control:focus, .e-css.e-btn.e-control:focus-within, .e-css.e-btn.e-flat.e-cancel:disabled, .e-css.e-btn.e-flat.e-cancel:hover, .e-css.e-btn.e-flat.e-cancel:active, .e-css.e-btn.e-flat.e-cancel:focus, .e-css.e-btn.e-flat.e-cancel:focus-within, .e-css.e-btn.e-flat.e-control:disabled, .e-css.e-btn.e-flat.e-control:hover, .e-css.e-btn.e-flat.e-control:active, .e-css.e-btn.e-flat.e-control:focus, .e-css.e-btn.e-flat.e-control:focus-within, .e-css.e-btn.e-flat.e-flat:disabled, .e-css.e-btn.e-flat.e-flat:hover, .e-css.e-btn.e-flat.e-flat:active, .e-css.e-btn.e-flat.e-flat:focus, .e-css.e-btn.e-flat.e-flat:focus-within, .e-css.e-btn.e-flat.e-primary:disabled, .e-css.e-btn.e-flat.e-primary:hover, .e-css.e-btn.e-flat.e-primary:active, .e-css.e-btn.e-flat.e-primary:focus, .e-css.e-btn.e-flat.e-primary:focus-within, .e-css.e-btn.e-flat.e-outline:disabled, .e-css.e-btn.e-flat.e-outline:hover, .e-css.e-btn.e-flat.e-outline:active, .e-css.e-btn.e-flat.e-outline:focus, .e-css.e-btn.e-flat.e-outline:focus-within, .e-css.e-btn.e-flat.e-white:disabled, .e-css.e-btn.e-flat.e-white:hover, .e-css.e-btn.e-flat.e-white:active, .e-css.e-btn.e-flat.e-white:focus, .e-css.e-btn.e-flat.e-white:focus-within, .e-css.e-btn.e-flat.e-cancel:disabled, .e-css.e-btn.e-flat.e-cancel:hover, .e-css.e-btn.e-flat.e-cancel:active, .e-css.e-btn.e-flat.e-cancel:focus, .e-css.e-btn.e-flat.e-cancel:focus-within, .e-css.e-btn.e-flat e-flat:disabled, .e-css.e-btn.e-flat e-flat:hover, .e-css.e-btn.e-flat e-flat:active, .e-css.e-btn.e-flat e-flat:focus, .e-css.e-btn.e-flat e-flat:focus-within, .e-css.e-btn.e-flat.e-css:disabled, .e-css.e-btn.e-flat.e-css:hover, .e-css.e-btn.e-flat.e-css:active, .e-css.e-btn.e-flat.e-css:focus, .e-css.e-btn.e-flat.e-css:focus-within, .e-css.e-btn.e-flat.e-lib:disabled, .e-css.e-btn.e-flat.e-lib:hover, .e-css.e-btn.e-flat.e-lib:active, .e-css.e-btn.e-flat.e-lib:focus, .e-css.e-btn.e-flat.e-lib:focus-within, .e-css.e-btn.e-flat.e-btn:disabled, .e-css.e-btn.e-flat.e-btn:hover, .e-css.e-btn.e-flat.e-btn:active, .e-css.e-btn.e-flat.e-btn:focus, .e-css.e-btn.e-flat.e-btn:focus-within, .e-css.e-btn.e-flat.e-control:disabled, .e-css.e-btn.e-flat.e-control:hover, .e-css.e-btn.e-flat.e-control:active, .e-css.e-btn.e-flat.e-control:focus, .e-css.e-btn.e-flat.e-control:focus-within, .e-btn.e-flat.e-primary.e-cancel:disabled, .e-btn.e-flat.e-primary.e-cancel:hover, .e-btn.e-flat.e-primary.e-cancel:active, .e-btn.e-flat.e-primary.e-cancel:focus, .e-btn.e-flat.e-primary.e-cancel:focus-within, .e-btn.e-flat.e-primary.e-control:disabled, .e-btn.e-flat.e-primary.e-control:hover, .e-btn.e-flat.e-primary.e-control:active, .e-btn.e-flat.e-primary.e-control:focus, .e-btn.e-flat.e-primary.e-control:focus-within, .e-btn.e-flat.e-primary.e-flat:disabled, .e-btn.e-flat.e-primary.e-flat:hover, .e-btn.e-flat.e-primary.e-flat:active, .e-btn.e-flat.e-primary.e-flat:focus, .e-btn.e-flat.e-primary.e-flat:focus-within, .e-btn.e-flat.e-primary.e-primary:disabled, .e-btn.e-flat.e-primary.e-primary:hover, .e-btn.e-flat.e-primary.e-primary:active, .e-btn.e-flat.e-primary.e-primary:focus, .e-btn.e-flat.e-primary.e-primary:focus-within, .e-btn.e-flat.e-primary.e-outline:disabled, .e-btn.e-flat.e-primary.e-outline:hover, .e-btn.e-flat.e-primary.e-outline:active, .e-btn.e-flat.e-primary.e-outline:focus, .e-btn.e-flat.e-primary.e-outline:focus-within, .e-btn.e-flat.e-primary.e-white:disabled, .e-btn.e-flat.e-primary.e-white:hover, .e-btn.e-flat.e-primary.e-white:active, .e-btn.e-flat.e-primary.e-white:focus, .e-btn.e-flat.e-primary.e-white:focus-within, .e-btn.e-flat.e-primary.e-cancel:disabled, .e-btn.e-flat.e-primary.e-cancel:hover, .e-btn.e-flat.e-primary.e-cancel:active, .e-btn.e-flat.e-primary.e-cancel:focus, .e-btn.e-flat.e-primary.e-cancel:focus-within, .e-btn.e-flat.e-primary e-flat:disabled, .e-btn.e-flat.e-primary e-flat:hover, .e-btn.e-flat.e-primary e-flat:active, .e-btn.e-flat.e-primary e-flat:focus, .e-btn.e-flat.e-primary e-flat:focus-within, .e-btn.e-flat.e-primary.e-css:disabled, .e-btn.e-flat.e-primary.e-css:hover, .e-btn.e-flat.e-primary.e-css:active, .e-btn.e-flat.e-primary.e-css:focus, .e-btn.e-flat.e-primary.e-css:focus-within, .e-btn.e-flat.e-primary.e-lib:disabled, .e-btn.e-flat.e-primary.e-lib:hover, .e-btn.e-flat.e-primary.e-lib:active, .e-btn.e-flat.e-primary.e-lib:focus, .e-btn.e-flat.e-primary.e-lib:focus-within, .e-btn.e-flat.e-primary.e-btn:disabled, .e-btn.e-flat.e-primary.e-btn:hover, .e-btn.e-flat.e-primary.e-btn:active, .e-btn.e-flat.e-primary.e-btn:focus, .e-btn.e-flat.e-primary.e-btn:focus-within, .e-btn.e-flat.e-primary.e-control:disabled, .e-btn.e-flat.e-primary.e-control:hover, .e-btn.e-flat.e-primary.e-control:active, .e-btn.e-flat.e-primary.e-control:focus, .e-btn.e-flat.e-primary.e-control:focus-within {
  transform: none;
  outline: 0px;
  border: 0px solid transparent;
}

button {
  /*basic button*/
  height: 50px;
  font-size: 15px !important;
  padding-left: 1.8rem !important;
  padding-right: 1.8rem !important;
  cursor: pointer;
  border-radius: var(--brbutton) !important;
  background-color: var(--grayLight) !important;
  color: var(--text) !important;
  border-color: transparent;
}
button:hover {
  transition: color 0.15s ease-out, filter 0.15s ease-in !important;
}
button i.icon {
  margin-left: -0.7rem;
}
button i.icon.icon_right {
  margin-left: 0.2rem;
  margin-right: -0.7rem;
}
button.e-next, button.e-prev {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
button.small {
  height: 35px;
  padding-left: 0.85rem !important;
  padding-right: 0.85rem !important;
  border-radius: var(--br) !important;
}
button.small.round {
  border-radius: 100px !important;
}
button.small.active {
  background-color: var(--secondary) !important;
  color: var(--text) !important;
  transition: all 0.2s;
}
button.small.active:hover {
  background-color: var(--secondary) !important;
  color: var(--text) !important;
}
button.tiny {
  height: 15px !important;
}
button.e-rect {
  border-radius: 3px !important;
}
button:hover {
  background-color: var(--gray) !important;
}
button:focus, button:active {
  outline: none;
}
button:active {
  transform: translateY(1px) !important;
}
button.e-control.e-btn.e-lib.e-outline, button.e-outline {
  border-top: 1px solid var(--accentLight) !important;
  border-left: 1px solid var(--accentLight) !important;
  border-bottom: 1px solid var(--accentLight) !important;
  border-right: 1px solid var(--accentLight) !important;
  background-color: transparent !important;
  color: var(--accent) !important;
}
button.e-control.e-btn.e-lib.e-outline:hover, button.e-outline:hover {
  color: var(--accentDark) !important;
}
button.e-control.e-btn.e-lib.e-outline.active, button.e-outline.active {
  background-color: var(--accentLighter) !important;
}
button.e-flat {
  background-color: transparent !important;
  color: var(--accentText) !important;
}
button.e-flat:hover {
  background-color: transparent !important;
  color: var(--accent) !important;
}
button.e-flat:focus, button.e-flat:active {
  box-shadow: none !important;
  outline: none !important;
}
button.e-flat:active {
  transform: scale(0.8);
}
button.e-danger {
  background-image: linear-gradient(-20deg, #660000, var(--danger)) !important;
  color: #fff !important;
}
button.e-primary {
  /*      background-color:var(--accent) !important;*/
  background-image: linear-gradient(-20deg, var(--accent), var(--accentLight)) !important;
  color: #fff !important;
}
button.e-primary:hover {
  filter: brightness(1.15);
  color: #fff !important;
}
button.e-white {
  background-color: #fff !important;
  border: 1px solid rgba(238, 238, 238, 0.3333333333) !important;
  color: var(--accent) !important;
  box-shadow: 0px 3px 4px rgba(80, 100, 110, 0.15);
}
button.e-white:hover {
  color: var(--accentDark) !important;
  box-shadow: 0px 3px 4px rgba(80, 100, 110, 0.15);
}
button.e-white:active {
  transform: translateY(1px);
  box-shadow: none;
  border-top-color: rgba(102, 102, 170, 0.1568627451) !important;
  background-color: #fafafa !important;
}
button.round {
  min-width: 50px !important;
  width: 50px !important;
  height: 50px !important;
  padding: 0px 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
button.round i.icon {
  margin-left: 0px;
}
button.round.small {
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
button:disabled {
  opacity: 0.4;
  pointer-events: none;
}
input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper, .e-control, .e-css, .e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled, button {
  font-family: "Public Sans Variable", sans-serif;
  font-variation-settings: "wght" 550;
  text-shadow: none;
}

.e-control, .e-css {
  font-size: inherit;
}

.e-dialog {
  border-radius: var(--brbig);
  padding: 1rem;
  border-width: 0px;
  box-shadow: 0px 0px 1px 1px var(--accentLight), 0px 10px 11px 5px rgba(0, 0, 0, 0.1333333333) !important;
  background-color: #fff;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
  /*start scrollbar attempt*/
  overflow-y: auto;
  max-height: 90vh;
  /*end*/
}
.e-dialog .e-dlg-header-content,
.e-dialog .e-dlg-content {
  background-color: transparent;
  font-size: inherit;
}
.e-dialog .e-dlg-header-content {
  height: 55px;
}
.e-dialog .e-dlg-content {
  max-height: calc(90vh - 55px - 2rem);
  overflow-x: hidden;
  overflow-y: auto;
}

.e-dlg-content {
  overflow: initial;
}

.e-dialog .e-dlg-header-content {
  border-bottom: 0px;
  padding-bottom: 0px;
}

.e-dlg-closeicon-btn.e-control.e-btn.e-lib.e-flat.e-icon-btn {
  box-shadow: none;
  color: var(--accent);
  border: 1px solid var(--accent) !important;
  width: 40px;
  height: 40px;
  padding: 0px !important;
}
.e-dlg-closeicon-btn.e-control.e-btn.e-lib.e-flat.e-icon-btn span {
  color: var(--accent);
}

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
  border: 1px solid var(--border);
  box-shadow: 0px 3px 2px rgba(100, 120, 130, 0.09);
  height: 40px;
  width: 40px;
  padding: 0px;
  text-align: center;
  display: inline-block;
}
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn .e-btn-icon {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  margin-top: 1px;
  height: 100%;
}
.e-toolbar-item button {
  background: none !important;
  min-width: 0px;
  padding: 0px !important;
  border-radius: 0px !important;
}

.e-popup.e-popup-open {
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}

/*******************************************************************************ejs-listview ejs-listbox lists **/
.e-listbox-wrapper, .e-listbox-container {
  font-family: "Public Sans Variable";
}

.e-listview:not(.e-list-template) .e-list-item {
  height: auto;
  cursor: pointer;
}
.e-listview:not(.e-list-template) .e-list-item:hover {
  background-color: var(--grayLight);
}

.e-listview {
  border: 0px;
  position: relative;
  border-top: 1px solid var(--border);
}

.e-listview .e-list-item.e-focused {
  background-color: inherit;
  color: var(--text);
}

.e-listview .e-list-item {
  padding: 10px 0 10px 0;
}
.e-listview .e-list-item.e-active, .e-listview .e-list-item.e-focused.e-active, .e-listview .e-list-item.e-focused.e-active.e-checklist, .e-listview .e-list-item.e-active.e-checklist, .e-listview .e-list-item.e-checklist.e-active.e-hover, .e-listview .e-list-item.e-active.e-hover {
  background-color: var(--secondaryLight);
  color: var(--text);
}

.e-listview span.number {
  color: var(--accent);
  display: block;
  margin-left: -0.3rem;
  margin-right: 0.5rem;
  min-width: 2.7rem;
}

.e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-checklist {
  background-color: var(--grayLight);
}

.e-listbox-wrapper .e-list-item.e-selected {
  background-color: var(--secondary);
  color: var(--text);
}

.e-listview .e-list-item {
  border-color: var(--border) !important;
}

.e-listbox-wrapper .e-list-item:hover:not(.e-selected):not(.e-disabled),
.e-listbox-wrapper .e-list-item:hover.e-selected.e-checklist:not(.e-disabled) {
  background-color: var(--secondaryLight);
}

/*******************************************************************************e-datepicker **/
.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover,
.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active,
.e-date-wrapper span.e-input-group-icon:hover .e-date-icon.e-icons.e-active,
.e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active,
.e-date-range-wrapper .e-input-group-icon.e-icons.e-active,
.e-date-wrapper span.e-input-group-icon:hover .e-range-icon.e-icons.e-active {
  background-color: transparent;
  color: var(--accent) !important;
  border-color: var(--border);
  box-shadow: 0px;
}

.e-input.e-error, .e-input.e-error:focus, .e-input-group.e-error input.e-input, .e-input-group.e-control-wrapper.e-error input.e-input, .e-input-group.e-control-wrapper.e-error .e-input-group-icon, .e-input-group.e-error .e-input-group-icon, .e-input-group.e-error textarea.e-input, .e-input-group.e-control-wrapper.e-error textarea.e-input {
  border-color: var(--border);
}

.e-input-group-icon.e-date-icon, *.e-control-wrapper .e-input-group-icon.e-date-icon,
.e-input-group-icon.e-range-icon, *.e-control-wrapper .e-input-group-icon.e-range-icon {
  min-width: 35px;
}

.e-calendar .e-footer-container, .e-bigger.e-small .e-calendar .e-footer-container {
  padding: 0px;
  border-top: 0px;
  padding-bottom: 0.7rem;
  margin-top: -20px;
}

.e-calendar .e-prev {
  margin-right: 0.5rem;
}

.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-calendar .e-content td.e-selected span.e-day {
  background-color: var(--secondary);
}

.e-month.e-content span.e-day, .e-bigger.e-small .e-calendar .e-month.e-content span.e-day {
  line-height: 26px !important;
}

.e-calendar .e-content span.e-day, .e-bigger.e-small .e-calendar .e-content span.e-day {
  width: 90%;
  border-radius: var(--brbutton) !important;
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
.e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content.e-month .e-today.e-range-hover span,
.e-calendar .e-content td.e-today span.e-day, .e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
  border-color: var(--accent);
  border-top-color: var(--accent);
  border-right-color: var(--accent);
  border-bottom-color: var(--accent);
  border-left-color: var(--accent);
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-start-date.e-selected.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-end-date.e-selected.e-today span.e-day,
.e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day,
.e-calendar .e-content td.e-today.e-selected span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-today.e-selected span.e-day {
  background-color: var(--secondary);
  color: var(--text);
}

.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover span,
.e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-content .e-range-hover {
  background-color: var(--grayLight);
}

.e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day, .e-bigger.e-small .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
  background-color: var(--secondaryLight);
}

.e-calendar td.e-cell:hover span.e-day {
  background-color: var(--grayLight);
}

.e-calendar .e-content td.e-selected span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day,
.e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day,
.e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
  background-color: var(--secondary);
  color: var(--text);
}
.e-calendar .e-content td.e-selected span.e-day:hover,
.e-bigger.e-small .e-calendar .e-content td.e-selected span.e-day:hover,
.e-calendar .e-content td.e-today.e-selected:hover span.e-day:hover,
.e-calendar .e-content td.e-selected:hover span.e-day:hover,
.e-bigger.e-small .e-calendar .e-content td.e-today.e-selected:hover span.e-day:hover,
.e-bigger.e-small .e-calendar .e-content td.e-selected:hover span.e-day:hover,
.e-calendar .e-content td.e-selected.e-focused-date span.e-day:hover,
.e-bigger.e-small .e-calendar .e-content td.e-selected.e-focused-date span.e-day:hover,
.e-calendar .e-content.e-year td.e-selected:hover span.e-day:hover, .e-calendar .e-content.e-decade td.e-selected:hover span.e-day:hover, .e-bigger.e-small .e-calendar .e-content.e-year td.e-selected:hover span.e-day:hover, .e-bigger.e-small .e-calendar .e-content.e-decade td.e-selected:hover span.e-day:hover {
  background-color: var(--secondary);
}

.e-calendar .e-primary {
  height: 35px !important;
  border-radius: var(--br) !important;
  min-width: 50px !important;
  padding: 0px 10px 0px 10px !important;
}

/*******************************************************************************ejs-grid tables **/
.e-grid .e-row .e-input-group .e-input.e-field, .e-grid .e-row .e-input-focus .e-input.e-field {
  font-family: "Public Sans Variable";
}

th, .e-grid .e-headercelldiv {
  border-top: 0px !important;
  font-weight: normal !important;
  font-variation-settings: "wght" 650;
}

.e-gridheader {
  border-top: 0px !important;
}

.e-grid {
  border-style: none none none none;
}

.e-grid td.e-active, .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover tr[role=row]:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover tr[role=row]:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
  background-color: var(--grayLighter);
}

td {
  vertical-align: top;
}

tr.e-row td.e-rowcell {
  height: 46px;
}

.e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse {
  background-color: transparent;
  font-variation-settings: "wght" 700;
}

.e-grid td.e-groupcaption {
  padding-left: 0px;
}

td.e-recordplusexpand, td.e-recordpluscollapse {
  vertical-align: middle;
}
td.e-recordplusexpand div, td.e-recordpluscollapse div {
  position: relative;
  transform: translateX(-0.15rem);
}

td.e-recordplusexpand div {
  transform: translate(-0.15rem, -2px);
}

td.indentcell {
  width: 0px;
}

th[aria-sort$=ding] .e-headercelldiv span.e-headertext {
  margin-left: 20px;
}

.e-grid .e-sortfilterdiv {
  float: left;
  margin-left: 0px;
}

/*******************************************************************************ejs-richtexteditor  **/
.e-richtexteditor .e-rte-content .e-content, .e-richtexteditor .e-source-content .e-content {
  padding: 0.5rem;
  max-height: 300px;
}

.e-richtexteditor.e-rte-tb-expand .e-rte-content, .e-richtexteditor.e-rte-tb-expand .e-source-content {
  border-radius: var(--br);
  border: 1px solid var(--border);
}

.e-richtexteditor.e-rte-tb-expand {
  border: 0px !important;
}

.e-formats-tbar-btn ul li:nth-child(2),
.e-formats-tbar-btn ul li:nth-child(6),
.e-formats-tbar-btn ul li:nth-child(7) {
  display: none !important;
}

.e-richtexteditor .e-toolbar .e-toolbar-items, .e-richtexteditor .e-toolbar {
  background-color: #fff !important;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 1px solid var(--border);
  border-left: 0px;
  width: 100%;
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-icons {
  background-color: var(--secondaryLight) !important;
}

.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active .e-icons,
.e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-dropdown-btn.e-active .e-rte-dropdown-btn-text {
  color: var(--text) !important;
}

.e-toolbar-item.e-template button {
  font-family: "Public Sans Variable";
}

.e-rte-dropdown-popup ul .e-item.e-h1, .e-rte-dropdown-popup ul .e-item.e-h2, .e-rte-dropdown-popup ul .e-item.e-quote, .e-rte-dropdown-popup ul .e-item.e-paragraph {
  font-size: 1rem;
  font-weight: normal;
  font-variation-settings: "wght" 500;
  padding: 1rem 0.75rem 1rem 1rem;
  margin-bottom: 1px;
  color: var(--accent);
  height: auto;
  min-width: 150px;
  line-height: 100%;
  font-family: "Public Sans Variable";
}

.e-dropdown-popup ul .e-item.e-hover, .e-dropdown-popup ul .e-item:hover,
.e-dropdown-popup ul .e-item.e-active, .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
  background-color: var(--secondaryLight);
  color: var(--text);
}

.e-rte-elements.e-tbar-btn {
  padding-left: 10px !important;
  padding-right: 5px !important;
}

.e-tbar-btn i[class^=ph-] {
  transform: translateY(2px);
}

/*******************************************************************************ejs-tooltips **/
.e-tooltip-wrap.e-popup {
  background-color: var(--secondaryLight);
  border: none;
  border-radius: var(--brsmall);
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1568627451);
}

.e-tooltip h4 i {
  transform: translateY(-2.5px);
}

.e-tooltip i {
  transform: translateY(0px);
}

.e-control.e-tooltip { /*allow tooltips to be inline*/
  display: inline;
}

.e-diagram.e-tooltip, .e-grid.e-tooltip { /*here because line above messes up datagrids*/
  display: block;
}

#project_nav.e-tooltip { /*also here: the project tab strip is a flex row, and inline drops the AI story button onto its own line*/
  display: flex;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
  border-bottom-color: var(--secondaryLight);
}

.e-tooltip-wrap .e-arrow-tip.e-tip-top {
  left: calc(50% - 8px);
  top: -8px;
}

.e-tooltip-wrap .e-tooltip-close {
  color: var(--accent);
  border-color: transparent;
  background-color: transparent;
  transform: translate(-10px, 10px);
}
.e-tooltip-wrap .e-tooltip-close:hover {
  background-color: transparent;
  color: var(--accentLight);
}

.e-tooltip-wrap .e-tooltip-close::before {
  font-size: 25px;
  margin-top: 0.5rem;
  margin-left: -0.5rem;
}

.e-tooltip-wrap.e-popup .e-tip-content {
  color: var(--text);
  font-size: 0.9rem;
  padding: 0.6rem 0.9rem 0.6rem 0.9rem;
}

.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-left, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
  color: var(--secondaryLight);
  border: none;
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
  border-top-color: var(--secondaryLight);
}

.e-tooltip i.icon {
  font-size: 1.3rem;
  color: var(--secondary);
  transform: translateY(-0.3rem);
}

.e-tooltip-wrap .e-arrow-tip-outer.e-tip-left, .e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
  border-color: transparent !important;
}

.e-tooltip-wrap .e-tip-content label.e-error {
  padding-top: 0px;
  padding-left: 0px;
}

.e-tooltip-wrap.e-griderror, .e-control.e-tooltip-wrap.e-popup.e-griderror {
  background-color: var(--secondaryLight);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
}

.e-tooltip-wrap.e-griderror .e-tip-content, .e-tooltip-wrap.e-griderror .e-tip-content label {
  color: var(--text);
}

.e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top, .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top {
  border-bottom-color: var(--secondaryLight);
  color: var(--secondaryLight);
}

/*******************************************************************************ejs-dialogs **/
.e-dlg-content {
  padding-top: 7px !important;
}
.e-dlg-content header {
  justify-content: space-between;
  align-items: center;
}
.e-dlg-content footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.e-dlg-content header,
.e-dlg-content footer {
  display: flex;
}
.e-dlg-content footer button ~ button, .e-dlg-content .justify-content-end button + button {
  margin-left: 1rem;
}
.e-dlg-content footer button ~ button.e-flat {
  margin-left: 0.2rem;
}
.e-dlg-content footer button {
  min-width: 8rem;
}

/*******************************************************************************ejs-textbox and other inputs*/
e-float-input:not(.e-input-group) input, .e-float-input.e-control-wrapper:not(.e-input-group) input, input.e-input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input, .e-input-group textarea.e-input, .e-input-group.e-control-wrapper textarea.e-input,
textarea.e-input, .e-float-input input, .e-float-input.e-control-wrapper input, .e-float-input textarea, .e-float-input.e-control-wrapper textarea {
  border-color: var(--border) !important;
  height: 40px;
}

input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
  height: 38px;
}

.e-float-input input:focus ~ label.e-float-text, .e-float-input input:valid ~ label.e-float-text, .e-float-input input ~ label.e-label-top.e-float-text, .e-float-input input[readonly] ~ label.e-label-top.e-float-text, .e-float-input input[disabled] ~ label.e-label-top.e-float-text, .e-float-input input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper input:focus ~ label.e-float-text, .e-float-input.e-control-wrapper input:valid ~ label.e-float-text, .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text, .e-float-input.e-control-wrapper input label.e-float-text.e-label-top, .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text, .e-float-input.e-input-focus input ~ label.e-float-text {
  transform: translate3d(-10px, -42px, 0) scale(1);
}

textarea.e-input, .e-input-group textarea.e-input, .e-input-group textarea, .e-input-group.e-control-wrapper textarea.e-input, .e-input-group.e-control-wrapper textarea, .e-float-input textarea,
.e-float-input.e-input-group textarea, .e-float-input.e-control-wrapper textarea, .e-float-input.e-control-wrapper.e-input-group textarea, input.e-input, .e-input-group input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input.e-input, .e-input-group.e-control-wrapper input, .e-float-input input, .e-float-input.e-input-group input, .e-float-input.e-control-wrapper input, .e-float-input.e-control-wrapper.e-input-group input, .e-input-group, .e-input-group.e-control-wrapper,
.e-float-input, .e-float-input.e-control-wrapper {
  border-radius: var(--brsmall);
  border-color: var(--border) !important;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill,
textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus, input:-internal-autofill-selected {
  -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input:focus:not(.e-success):not(.e-warning):not(.e-error), .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus, .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input, .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
  box-shadow: 0 0 0 2px var(--secondaryLight);
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap, .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled, .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
  background: var(--grayLight);
}

/*******************************************************************************ejs-textbox multiline*/
.e-multi-line-input.small textarea {
  min-height: 55px !important;
}

.e-multi-line-input textarea {
  min-height: 70px !important;
}

.e-multi-line-input.tall textarea {
  min-height: 115px !important;
}

/*******************************************************************************ejs-dropdown **/
.e-ddt .e-chips-wrapper {
  padding-bottom: 9px;
}

.e-ddt .e-input-group-icon.e-ddt-icon.e-icons,
.e-ddt .e-clear-icon.e-icons {
  height: 100%;
  min-height: 38px;
}

.e-ddt .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
  color: var(--text);
}

.e-ddt .e-treeview .e-checkbox-wrapper + .e-list-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 280px;
}

.e-ddt.e-input-group.e-control-wrapper .e-clear-icon,
.e-ddt.e-float-input.e-control-wrapper .e-clear-icon {
  background-color: transparent;
}

.e-dropdownbase .e-list-item.e-item-focus,
.e-dropdownbase .e-list-item:hover {
  background-color: var(--grayLight);
}

.e-dropdownbase .e-list-item.e-active, .e-dropdownbase .e-list-item.e-active.e-hover {
  background-color: var(--secondary);
  color: var(--text);
}

.e-dropdownbase .e-list-item {
  line-height: 35px;
  min-height: 35px;
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
  color: var(--text);
}

.e-input-group.search_icon .e-input,
.e-autocomplete.search_icon,
.e-combobox.search_icon,
.e-dropdownlist.search_icon {
  padding-left: 30px !important;
}

i.ph-magnifying-glass.search_icon {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  color: var(--grayText);
  margin-top: 12px;
  margin-left: 7px;
}

/*******************************************************************************ejs-dropdowntree **/
.e-treeview .e-text-content {
  padding: 0 0 0 10px;
}

.e-treeview .e-fullrow {
  border-width: 0px !important;
}

.e-treeview .e-list-item.e-hover > .e-fullrow,
.e-treeview .e-list-item.e-active > .e-fullrow,
.e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
  background-color: var(--grayLighter);
  border-color: #fff;
  border-radius: var(--brsmall);
  color: var(--text);
}

.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
.e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
.e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable,
.e-treeview .e-list-item.e-active > .e-text-content .e-list-text,
.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible, .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
.e-treeview .e-list-item.e-hover > .e-fullrow {
  color: var(--text);
}

/*******************************************************************************ejs-chips **/
.e-control-wrapper.e-multiselect div.e-multi-select-wrapper {
  min-height: 38px;
}
.e-control-wrapper.e-multiselect div.e-multi-select-wrapper .e-delim-values {
  line-height: 38px;
}
.e-control-wrapper.e-multiselect div.e-multi-select-wrapper .e-chips-close.e-close-hooker {
  margin-top: -3.4em;
}

.e-chips-collection .e-chips, .e-ddt .e-chips {
  background-color: var(--grayLight);
}
.e-chips-collection .e-chips:hover, .e-chips-collection .e-chips .e-chips-selected, .e-ddt .e-chips:hover, .e-ddt .e-chips .e-chips-selected {
  background-color: var(--secondary);
}
.e-chips-collection .e-chips > .e-chipcontent, .e-ddt .e-chips > .e-chipcontent {
  -webkit-text-fill-color: var(--text);
  color: var(--text);
}
.e-chips-collection .e-chips .e-chips-close::before, .e-ddt .e-chips .e-chips-close::before {
  color: var(--text);
  -webkit-text-fill-color: var(--text);
}

.e-multi-select-wrapper .e-chips-collection, .e-chips-wrapper .e-chips-collection {
  transform: translate(5px, 5px);
  display: block;
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
  background-color: var(--secondary);
}
.e-multi-select-wrapper .e-chips.e-chip-selected:hover {
  background-color: var(--secondary);
}

/*******************************************************************************ejs-radiobuttons*/
.e-radio + label::before {
  height: 21px;
  width: 21px;
  transform: translate(-3px, -3px);
  border: 1px solid var(--grayDark) !important;
}

.e-radio:checked + label::before {
  background-color: #fff;
}

.e-radio:checked + label::after {
  color: var(--accent);
  background-color: var(--accent) !important;
}

.e-radio + label::after {
  width: 11px;
  height: 11px;
  top: 2px;
  left: 2px;
}

/*******************************************************************************ejs-checkboxes*/
input[type=checkbox] {
  accent-color: var(--secondary);
  width: 18px;
  height: 18px;
  vertical-align: middle;
}

.e-checkbox-wrapper .e-frame,
.e-css.e-checkbox-wrapper .e-frame {
  border-radius: var(--brsmall);
  width: 22px !important;
  height: 22px !important;
  border-color: var(--grayDark);
  background-color: #fff;
  outline: none;
}
.e-checkbox-wrapper .e-frame.e-check,
.e-css.e-checkbox-wrapper .e-frame.e-check {
  background-color: #fff;
  border-color: var(--grayDark);
  color: var(--accent);
  font-size: 1rem;
  padding-top: 0.25rem;
}

.e-checkbox-wrapper .e-frame.e-stop, .e-css.e-checkbox-wrapper .e-frame.e-stop,
.e-checkbox-wrapper .e-frame, .e-css.e-checkbox-wrapper .e-frame,
.e-checkbox-wrapper:hover .e-frame, .e-css.e-checkbox-wrapper:hover .e-frame {
  border-color: var(--grayDark);
}

input[type=checkbox]:hover,
.e-checkbox-wrapper:hover .e-frame.e-stop, .e-css.e-checkbox-wrapper:hover .e-frame.e-stop,
.e-checkbox-wrapper:hover .e-frame.e-check, .e-css.e-checkbox-wrapper:hover .e-frame.e-check,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  background-color: #fff;
  color: var(--accent);
  box-shadow: none;
  outline: none;
  border-color: var(--grayDark);
}

.e-checkbox-wrapper .e-checkbox:focus + .e-frame, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame,
.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check, .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
  box-shadow: 0px 0px 1px 3px var(--secondaryLight);
}

.e-checkbox-wrapper .e-check::before, .e-css.e-checkbox-wrapper .e-check::before {
  content: "L";
  font-family: "arial", sans-serif;
  display: inline-block;
  font-size: 16px !important;
  transform: rotate(38deg) scaleX(-100%) translate(0.1rem, -0.2rem) !important;
  color: var(--accent) !important;
}

/*******************************************************************************ejs-switch*/
.e-switch-wrapper .e-switch-off, .e-css.e-switch-wrapper .e-switch-off {
  border-width: 0px !important;
}

.e-switch-wrapper .e-switch-on, .e-css.e-switch-wrapper .e-switch-on {
  background-image: linear-gradient(-20deg, var(--accent), var(--accentLight)) !important;
  border-width: 0px !important;
}

.e-switch-wrapper .e-switch-inner.e-switch-active, .e-css.e-switch-wrapper .e-switch-inner.e-switch-active {
  background-color: var(--gray) !important;
}

.e-switch-wrapper .e-switch-inner, .e-css.e-switch-wrapper .e-switch-inner {
  background-color: var(--grayDark) !important;
  border-width: 0px !important;
}

.e-switch-wrapper,
.e-css.e-switch-wrapper {
  height: 25px;
  width: 48px;
}

.e-switch-wrapper .e-switch-handle,
.e-css.e-switch-wrapper .e-switch-handle {
  height: 19px;
  width: 19px;
}

.e-switch-wrapper .e-switch-handle.e-switch-active,
.e-css.e-switch-wrapper .e-switch-handle.e-switch-active {
  margin-left: -22px;
}

/*******************************************************************************ejs-gantt*/
.e-gantt .e-gantt-chart .e-gantt-child-taskbar-inner-div {
  background-color: var(--accentLight);
}

.e-gantt .e-gantt-dialog .e-tab .e-tab-header {
  background-color: none;
}

/*******************************************************************************ejs-slider*/
.e-control-wrapper.e-slider-container .e-slider .e-range {
  background-color: var(--accent);
}

.e-control-wrapper.e-slider-container .e-slider .e-handle {
  background-color: var(--accent);
}

/*******************************************************************************ejs-button-group buttongroups toggle*/
.e-btn.e-danger:focus, .e-css.e-btn.e-danger:focus {
  box-shadow: none !important;
}

.e-btn-group .e-btn {
  background-color: white;
  color: var(--text);
  border: 1px solid var(--border) !important;
}

.e-btn-group .e-btn:hover {
  background-color: var(--grayLight);
}

.e-btn-group .e-btn:active, .e-btn-group input:active + label.e-btn, .e-btn-group input:checked + label.e-btn, .e-css.e-btn-group .e-btn:active, .e-css.e-btn-group input:active + label.e-btn, .e-css.e-btn-group input:checked + label.e-btn {
  background-color: var(--secondaryLight);
  border-color: var(--border);
  color: var(--text);
}

.card {
  box-shadow: 0px 3px 2px rgba(100, 120, 130, 0.09);
  border: 1px solid var(--border);
  border-radius: var(--br);
}
.card h2 {
  font-size: 1.5rem;
  line-height: 125%;
  text-shadow: none;
}

.popover, .popover.e-dialog {
  background-color: #fff;
  display: none;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  border-radius: var(--br);
  box-shadow: -6px 6px 12px rgba(119, 119, 119, 0.2) !important;
  border: 1px solid var(--border);
}
.popover > ul, .popover.e-dialog > ul { /*typical dropdown menus*/
  min-width: 150px;
}
.popover ul li a, .popover.e-dialog ul li a {
  font-size: 15px !important;
  color: var(--accent) !important;
  padding: 0.9rem 0.9rem !important;
  display: block !important;
}
.popover ul li a i, .popover.e-dialog ul li a i {
  margin-right: 0.7rem;
}
.popover ul li a:hover, .popover.e-dialog ul li a:hover {
  color: var(--text) !important;
  background-color: var(--secondaryLight) !important;
}

.popover.e-dialog {
  padding: 10px !important;
  border-radius: var(--brbig) !important;
}

#toast_container {
  display: flex;
  width: 100%;
  justify-content: center;
}

.toast {
  position: fixed;
  animation: fall 0.4s;
  top: 6px;
  display: grid;
  grid-template-columns: auto 60px;
  align-items: center;
  justify-items: center;
  background-color: var(--secondary);
  background-color: #fff;
  border-radius: var(--br);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.2);
  z-index: 106;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1.5rem;
  padding-right: 0.3rem;
}
.toast i.ph-x-circle-thin {
  color: var(--text);
}
.toast a {
  color: var(--accentLight);
}

@keyframes spinIn {
  0% {
    opacity: 0.5;
    transform: scale(2.6) rotate(-220deg);
  }
}
@keyframes fall {
  0% {
    opacity: 0;
    margin-top: -50px;
  }
}
.e-tooltip-wrap.e-popup .e-tip-content, input.e-input, textarea.e-input, .e-input-group, .e-input-group.e-control-wrapper, .e-control, .e-css, .e-float-input, .e-float-input.e-control-wrapper, .e-float-input.e-disabled, .e-float-input.e-control-wrapper.e-disabled, .e-float-input.e-input-group.e-disabled, .e-float-input.e-input-group.e-control-wrapper.e-disabled, button,
.e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
  font-family: "Public Sans Variable", sans-serif;
  font-variation-settings: "wght" 550;
}

/*******************************************************************************ejs-accordion*/
.e-acrdn-item .e-acrdn-header {
  background-color: #fff !important;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
  text-decoration: none !important;
}

.e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
.e-acrdn-item .e-acrdn-header .e-toggle-icon {
  color: var(--accent) !important;
}

.e-acrdn-content > p:first-child {
  margin-top: 0px;
}

.e-acrdn-content > p:last-child {
  margin-bottom: 0px;
}

/*******************************************************************************ejs-kanban*/
div.col.e-kanban {
  min-height: 90vh;
}

.e-kanban {
  background: transparent;
  /*task card*/
}
.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dropped-clone,
.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dropped-clone {
  border: 1px dotted var(--border);
  background-color: rgba(255, 255, 255, 0.6666666667);
  border-radius: var(--br);
}
.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-target-dragged-clone,
.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-target-dragged-clone {
  border-radius: var(--br);
  box-shadow: 2px 3px 4px inset var(--border);
  border: 1px solid var(--border);
}
.e-kanban .e-kanban-header .e-header-wrap {
  height: 50px;
}
.e-kanban .e-kanban-content .e-content-row:not(.e-swimlane-row) .e-content-cells.e-dropping {
  border: 1px solid transparent;
}
.e-kanban .e-kanban-header .e-header-cells .e-header-text {
  font-size: 150%;
  font-family: "ff-tisa-web-pro";
}
.e-kanban .e-item-count {
  display: none;
}
.e-kanban div.e-cloned-card {
  box-shadow: 3px 25px 15px var(--grayTrans);
}
.e-kanban div.e-card.e-template {
  border: none;
  cursor: move;
  overflow: visible;
}
.e-kanban .e-card.e-template,
.e-kanban .e-kanban-table .e-header-cells,
.e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
  background-color: transparent;
}
.e-kanban span.date {
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.e-kanban .e-target-dropped-clone {
  display: none !important;
}
.e-kanban .e-dropping:hover .e-card-wrapper {
  background-color: var(--secondaryLight);
  border-radius: var(--br);
  border: 2px solid var(--grayLight);
  outline: 1px dashed var(--gray);
  min-height: 600px !important;
  overflow: hidden !important;
}

/*******************************************************************************ejs-filemanager*/
ul[role=menu] li.e-item {
  padding-left: 10px;
}

.e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
  color: var(--text) !important;
}

.e-filemanager {
  border: 0px;
}
.e-filemanager > * {
  border: 0px;
}
.e-filemanager .e-grid .e-content td.e-rowcell, .e-filemanager .e-grid .e-content td.e-rowcell .e-fe-text {
  font-size: 1rem;
}
.e-filemanager .e-toolbar .e-toolbar-items {
  background-color: #fff;
  height: 50px;
}
.e-filemanager .e-toolbar .e-tbar-btn .e-tbar-btn-text, .e-filemanager .e-list-text {
  font-family: "Public Sans Variable", sans-serif;
  color: var(--text);
}
.e-filemanager .e-address .e-list-text {
  color: var(--accent);
}
.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-btn-icon,
.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn.e-active .e-tbar-btn-text {
  color: var(--text);
}
.e-filemanager .e-grid td.e-active, .e-filemanager .e-large-icons .e-large-icon.e-active, .e-filemanager .e-large-icons .e-large-icon.e-active.e-hover {
  background-color: var(--secondaryLight);
  color: var(--text) !important;
  border-color: transparent;
  outline: none;
}
.e-filemanager .e-grid .e-row.e-focused td {
  box-shadow: none !important;
}
.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn .e-btn-icon {
  color: var(--text) !important;
}
.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-btn-icon,
.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn:focus .e-tbar-btn-text {
  color: var(--text);
}
.e-filemanager .e-address {
  height: 45px;
  padding-top: 5px;
}
.e-filemanager .e-search-wrap {
  transform: translateY(6px);
}
.e-filemanager .e-search-wrap .e-input-group .e-input {
  height: 32px;
}
.e-filemanager .e-toolbar .e-tbar-btn:active {
  box-shadow: none;
}
.e-filemanager .e-checkbox-wrapper .e-frame::before {
  top: -2px;
}
.e-filemanager .e-grid .e-gridheader .e-headercell:not(.e-fe-grid-icon):hover {
  background-color: var(--grayLighter);
}
.e-filemanager .e-dlg-overlay {
  background-color: #fff;
}
.e-filemanager .e-empty-icon {
  background-image: url("/img/illo_empty_folder.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 180px !important;
  height: 180px !important;
  margin-top: -38px !important;
}

/*******************************************************************************ejs-context menu*/
.e-contextmenu-wrapper ul, .e-contextmenu-container ul {
  color: var(--text);
  font-size: 1rem;
}

.e-dropdown-popup ul .e-item,
.e-contextmenu-wrapper ul .e-menu-item, .e-contextmenu-container ul .e-menu-item {
  height: 36px;
  line-height: 36px;
}
.e-dropdown-popup ul .e-item.e-focused,
.e-contextmenu-wrapper ul .e-menu-item.e-focused, .e-contextmenu-container ul .e-menu-item.e-focused {
  background-color: var(--secondaryLight);
}
.e-dropdown-popup ul .e-item .e-menu-icon,
.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon, .e-contextmenu-container ul .e-menu-item .e-menu-icon {
  line-height: 36px;
}

/*******************************************************************************ejs-treeview*/
.e-treeview .e-list-item.e-active > .e-text-content,
.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
.e-treeview .e-list-item.e-hover > .e-text-content {
  background-color: var(--secondaryLight) !important;
  border-color: var(--secondaryLight) !important;
}

.e-treeview .e-list-item .e-ul {
  padding: 0 0 0 5px;
}

/*******************************************************************************indicator type badges (Input / Output) */
.badge-input, .badge-output {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 2px 9px;
  border-radius: 999px;
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid transparent;
  white-space: nowrap;
}

.badge-input i, .badge-output i {
  font-size: 0.85rem;
}

.badge-input {
  background: #e6f0fb;
  color: #195ba6;
  border-color: #b6d3f0;
}

.badge-output {
  background: #e8f6ee;
  color: #1c7a43;
  border-color: #b3dec4;
}

#projects_home {
  /**************************************************** page shell */
  /* One gutter for the header, the card grid and the list, so every band lines up. */
  /**************************************************** header */
  /**************************************************** programs */
  /**************************************************** toolbar */
  /* the Syncfusion wrapper, not just the input, has to fill its toolbar slot */
  /**************************************************** project cards */
  /* tile height belongs to the grid only; .project_card is also reused by the
     Create a Project dialog's chooser cards, which should size to their content */
  /* status pill - shares the platform status colours */
  /**************************************************** add-a-project tile */
  /**************************************************** list view */
  /**************************************************** filtering
     filterByProgram / filterByProgramArea / filterByText hide by attribute. This has to outrank
     the display rules above it (#id + .class), so it is id-scoped and comes last. */
  /**************************************************** narrow screens */
}
#projects_home #main {
  background-color: var(--grayLight);
  padding-left: 0px;
  padding-right: 0px;
}
#projects_home .e-ddt.e-popup .e-treeview > .e-ul {
  padding: 0px 0px;
}
#projects_home em {
  font-size: 1.1rem;
  font-variation-settings: "wght" 300;
  line-height: 130%;
  display: block;
  margin-top: 0.6rem;
}
#projects_home p.question {
  font-size: 1.4rem;
  font-variation-settings: "wght" 300;
  color: var(--textDark);
}
#projects_home #projects_header,
#projects_home #project_cards,
#projects_home #project_rows {
  padding-left: clamp(1rem, 3vw, 2.5rem);
  padding-right: clamp(1rem, 3vw, 2.5rem);
}
#projects_home #projects_header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-top: clamp(1.5rem, 3vw, 2.75rem);
  padding-bottom: 1.25rem;
}
#projects_home .projects_header_top {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem 1rem;
}
#projects_home .projects_header_top h1 {
  margin: 0px;
  font-size: clamp(2rem, 5vw, 3rem);
}
#projects_home .projects_header_top .project_count {
  color: var(--textLight);
  font-size: 0.95rem;
  font-variation-settings: "wght" 600;
  white-space: nowrap;
}
#projects_home .projects_header_top #newProjectButton1 {
  margin-left: auto;
  align-self: center;
  white-space: nowrap;
}
#projects_home #program_tabs_container {
  min-width: 0;
}
#projects_home #program_tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
#projects_home .program_chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0px;
  padding: 0px;
  min-width: 0;
}
#projects_home .program_chip {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  /* the tab itself */
  /* room for the absolutely-placed gear so selecting a program never reflows the row */
}
#projects_home .program_chip > a:first-of-type {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  max-width: 16rem;
  padding: 0.45rem 0.95rem;
  border: 1px solid var(--border);
  border-radius: var(--brbutton);
  background-color: var(--white);
  color: var(--text);
  font-family: "public sans variable", sans-serif;
  font-variation-settings: "wght" 600;
  font-size: 0.92rem;
  line-height: 1.2rem;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#projects_home .program_chip > a:first-of-type:hover {
  border-color: var(--accent);
  color: var(--accentDark);
}
#projects_home .program_chip > a:first-of-type.active, #projects_home .program_chip > a:first-of-type.active:hover {
  background-color: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}
#projects_home .program_chip > a:first-of-type.active .program_chip_count, #projects_home .program_chip > a:first-of-type.active:hover .program_chip_count {
  background-color: rgba(255, 255, 255, 0.25);
  color: var(--white);
}
#projects_home .program_chip.has_edit > a:first-of-type {
  padding-right: 2.2rem;
}
#projects_home .program_chip_name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#projects_home .program_chip_count {
  flex: 0 0 auto;
  min-width: 1.5rem;
  padding: 0.05rem 0.4rem;
  border-radius: var(--brbutton);
  background-color: var(--grayLight);
  color: var(--textLight);
  font-size: 0.72rem;
  font-variation-settings: "wght" 700;
  text-align: center;
}
#projects_home .program_chip_count:empty {
  display: none;
}
#projects_home .program-edit-button {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  display: none; /* selectTab() reveals the active program's gear */
  padding: 0px;
  margin: 0px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.8);
}
#projects_home .program-edit-button:hover {
  color: var(--white);
}
#projects_home .program-edit-button i {
  font-size: 1rem;
}
#projects_home #addProgramButton {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0px;
  padding: 0.45rem 0.95rem;
  border: 1px dashed var(--grayDarker);
  border-radius: var(--brbutton);
  color: var(--textLight);
  font-size: 0.92rem;
  font-variation-settings: "wght" 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#projects_home #addProgramButton:hover {
  background-color: var(--white);
  border-color: var(--accent);
  color: var(--accent);
}
#projects_home #projects_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}
#projects_home .view_toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.2rem;
  border: 1px solid var(--border);
  border-radius: var(--brbutton);
  background-color: var(--white);
}
#projects_home .view_toggle a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--brbutton);
  color: var(--textLight);
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#projects_home .view_toggle a:hover {
  color: var(--text);
}
#projects_home .view_toggle a.active {
  background-color: var(--accentLighter);
  color: var(--accentDark);
}
#projects_home .view_toggle a i {
  font-size: 1.25rem;
}
#projects_home #sort_dropdown,
#projects_home #program_areas_filter {
  flex: 0 1 11rem;
  min-width: 9rem;
  margin: 0px;
}
#projects_home #text_filter {
  flex: 1 1 11rem;
  max-width: 20rem;
  margin-left: auto;
}
#projects_home #programAreasDropDownList,
#projects_home #projectSortDropdown,
#projects_home #filterinput,
#projects_home #sort_dropdown .e-input-group,
#projects_home #program_areas_filter .e-input-group,
#projects_home #text_filter .e-input-group {
  width: 100%;
}
#projects_home #project_cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.5rem, 1fr));
  gap: 1.25rem;
  padding-top: 0.5rem;
  padding-bottom: 3rem;
  align-items: stretch;
}
#projects_home #loadingIndicator {
  grid-column: 1/-1;
}
#projects_home #project_cards .project_card,
#projects_home #project_cards .card_add {
  min-height: 19rem;
}
#projects_home .project_card,
#projects_home .card_add {
  display: flex;
  flex-direction: column;
  width: auto;
  margin: 0px;
  border-radius: var(--br);
  background-color: var(--white);
}
#projects_home .project_card {
  padding: 1.15rem 1.25rem 1rem;
  border: 1px solid var(--border);
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}
#projects_home .project_card * {
  cursor: pointer;
}
#projects_home .project_card:hover {
  background-color: var(--white);
  border-color: var(--accentLight);
  transform: translateY(-2px);
  box-shadow: 0px 10px 20px rgba(80, 100, 110, 0.13);
}
#projects_home .project_card:active {
  transform: translateY(0px);
  box-shadow: none;
}
#projects_home .project_card_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem 0.5rem;
  min-height: 1rem;
  color: var(--textLight);
  font-size: 0.74rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-variation-settings: "wght" 700;
}
#projects_home .project_card_meta .project_card_org {
  color: var(--accentText);
}
#projects_home .project_card_title {
  margin: 0.4rem 0px 0.5rem 0px;
  font-size: 1.35rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#projects_home .project_card_title i {
  margin-right: 0.35rem;
  color: var(--accentLight);
}
#projects_home .project_card_summary {
  margin: 0px;
  color: var(--textLight);
  font-size: 0.95rem;
  line-height: 140%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#projects_home .project_card_icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  margin-top: 0.85rem;
}
#projects_home .project_card_icons > span {
  width: 30px;
  height: 30px;
  display: block;
}
#projects_home .project_card_icons svg {
  width: 100%;
  height: 100%;
  display: block;
}
#projects_home .project_card_footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 0.75rem;
  margin-top: auto;
  padding-top: 0.9rem;
  border-top: 1px solid var(--border);
  color: var(--textLight);
  font-size: 0.8rem;
}
#projects_home .project_card_footer .project_card_location {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#projects_home .project_card_footer .project_card_tags {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}
#projects_home .project_card_footer .project_card_tag {
  padding: 0.1rem 0.55rem;
  border-radius: var(--brbutton);
  background-color: var(--grayLight);
  color: var(--text);
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#projects_home .project_status {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  white-space: nowrap;
}
#projects_home .project_status::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--gray);
}
#projects_home .project_status.status_created::before {
  background-color: var(--blue);
}
#projects_home .project_status.status_review::before {
  background-color: var(--orange);
}
#projects_home .project_status.status_active::before {
  background-color: var(--green);
}
#projects_home .project_status.status_hold::before {
  background-color: var(--red);
}
#projects_home .project_status.status_archived::before {
  background-color: var(--gray);
}
#projects_home .project_status.status_completed::before {
  background-color: var(--text);
}
#projects_home .card_add {
  align-items: center;
  justify-content: flex-end;
  gap: 0.65rem;
  padding: 1.25rem;
  text-align: center;
  border: 1px dashed var(--grayDarker);
  background: url(/img/illo_project.svg) center 12%/min(62%, 11rem) no-repeat var(--white);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
#projects_home .card_add:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0px 10px 20px rgba(80, 100, 110, 0.13);
}
#projects_home .card_add .card_add_label {
  color: var(--text);
  font-variation-settings: "wght" 700;
}
#projects_home .card_add .popover {
  width: 300px;
}
#projects_home #project_rows {
  padding-top: 0.5rem;
  padding-bottom: 3rem;
  /* let the summary take the slack instead of squeezing the short columns */
}
#projects_home #project_rows .project_table_wrap {
  overflow-x: auto;
  background-color: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--br);
}
#projects_home #project_rows table {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  background-color: var(--white);
}
#projects_home #project_rows th:nth-child(1) {
  width: 24%;
}
#projects_home #project_rows th:nth-child(2) {
  width: 36%;
}
#projects_home #project_rows th:nth-child(3) {
  width: 12%;
}
#projects_home #project_rows th:nth-child(4) {
  width: 16%;
}
#projects_home #project_rows th:nth-child(5) {
  width: 12%;
}
#projects_home #project_rows th {
  padding: 0.85rem 1rem;
  text-align: left;
  white-space: nowrap;
  background-color: var(--grayLighter);
  border-bottom: 1px solid var(--border);
  color: var(--textLight);
  font-size: 0.74rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-variation-settings: "wght" 700;
}
#projects_home #project_rows td {
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--border);
  vertical-align: top;
}
#projects_home #project_rows tbody tr:last-child td {
  border-bottom: 0px;
}
#projects_home #project_rows tbody tr:hover {
  background-color: var(--grayLighter);
}
#projects_home #project_rows .project_row_summary {
  max-width: 32rem;
  color: var(--textLight);
  overflow-wrap: break-word;
}
#projects_home #project_rows .project_row_name a {
  font-variation-settings: "wght" 600;
}
#projects_home [data-inSelectedProgram=false],
#projects_home [data-inSelectedProgramArea=false],
#projects_home [data-matchesFilteredText=false] {
  display: none;
}
@media only screen and (max-width: 900px) {
  #projects_home {
    /* drop the summary rather than make the whole table scroll sideways */
  }
  #projects_home #project_rows th:nth-child(2),
  #projects_home #project_rows td:nth-child(2) {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  #projects_home #project_rows th:nth-child(4),
  #projects_home #project_rows td:nth-child(4) {
    display: none;
  }
  #projects_home #project_rows table {
    min-width: 0;
  }
}
@media only screen and (max-width: 767px) {
  #projects_home #project_cards {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: 1rem;
  }
  #projects_home #project_cards .project_card,
  #projects_home #project_cards .card_add {
    min-height: 16.5rem;
  }
  #projects_home #text_filter {
    margin-left: 0px;
    max-width: none;
  }
  #projects_home .projects_header_top #newProjectButton1 {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 480px) {
  #projects_home {
    /* on a phone the projects matter more than the add tile, so it drops below them */
  }
  #projects_home #project_cards {
    grid-template-columns: 1fr;
  }
  #projects_home .card_add {
    order: 2;
  }
  #projects_home #loadingIndicator {
    order: 3;
  }
}

#project_header {
  background-color: var(--accentDark);
  background-image: linear-gradient(-20deg, var(--accentDark), var(--accent));
  padding: 2rem;
  min-height: 15rem;
}
#project_header h1, #project_header h2 {
  padding-left: 1rem;
}
#project_header.shared_project {
  background-color: var(--accentDark);
  background-image: linear-gradient(-20deg, var(--border), #333);
}
#project_header .tabs {
  margin-top: 5rem;
}
#project_header .tabs a {
  color: rgba(255, 255, 255, 0.7);
}
#project_header .tabs a.active {
  color: #fff;
  opacity: 1;
}
#project_header .tabs a:hover {
  color: #fff;
}
#project_header h1 {
  color: white;
  font-size: 2.5rem;
}
#project_header h2 {
  color: var(--secondary);
}

i.status.status_created::before {
  background-color: var(--blue);
}

i.status.status_review::before {
  background-color: var(--orange);
}

i.status.status_active::before {
  background-color: var(--green);
}

i.status.status_hold::before {
  background-color: var(--red);
}

i.status.status_archived::before {
  background-color: var(--gray);
}

i.status.status_completed::before {
  background-color: var(--text);
}

/*********************************************************************************** new project */
/* The New Project designer (Pages/Projects/NewProject.cshtml + wwwroot/js/projectWizard.js).
   body#wizard is the page (ViewBag.pageid = "wizard"). Cards reuse the Design tab's card language:
   white, 1px --gray, --br radius, 1.5px --grayDark offset shadow. Chips reuse the Projects-home program
   chips. --brbig is elliptical ("16px / 13px"): only ever used as the whole border-radius shorthand. */
#wizard {
  /* ---- journey: Structure → Start → Review → Create, one slim strip over every screen -------- */
  /* Each screen eases in, so moving between steps reads as one continuous flow. */
  /* ---- start screens -------------------------------------------------------------------- */
  /* Card-shaped choices are real <button>s: the platform's pill button is reset on each. */
  /* ---- 1. structure ---- */
  /* A miniature of the logframe the choice builds. */
  /* ---- 2. start: tiles side by side, the open one feeding the panel below ---- */
  /* ---- drafting / creating ---- */
  /* ---- fields --------------------------------------------------------------------------- */
  /* Always editable, reads as text until hovered or focused. */
  /* ---- chips ---------------------------------------------------------------------------- */
  /* ---- conversation --------------------------------------------------------------------- */
  /* ---- the outline ---------------------------------------------------------------------- */
  /* ---- review --------------------------------------------------------------------------- */
  /* Both columns scroll inside the page, like .np-convo, so Create stays in view. position:sticky
     cannot do this here: the layout's #main is overflow:auto, which captures sticky positioning. */
  /* ---- house Vue modal (copied from Outreach.cshtml so promoting it later is a move) ------ */
  /* ---- breakpoints ---------------------------------------------------------------------- */
}
#wizard [v-cloak] {
  display: none;
}
#wizard #wizardApp {
  --np-journey-h: 3.5rem;
  position: relative;
  min-height: 70vh;
}
#wizard .wizard-loading {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 3px solid var(--grayDark);
  border-top-color: var(--accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
#wizard .np-spin-sm {
  width: 16px;
  height: 16px;
  border-width: 2px;
  vertical-align: middle;
  margin-right: 0.35rem;
}
#wizard .np-rotate {
  display: inline-block;
  animation: spin 0.9s linear infinite;
}
#wizard .wizard-error {
  border: 1px solid var(--redLight);
  background: #fdecea;
  color: #8a1c12;
  border-radius: var(--br);
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
}
#wizard .wizard-error a {
  color: #8a1c12;
  text-decoration: underline;
}
#wizard .np-hint {
  color: var(--textLight);
  font-size: 0.85rem;
}
#wizard .np-center {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}
#wizard .np-card,
#wizard .np-section,
#wizard .np-side-card {
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: var(--br);
  box-shadow: 1.5px 1.5px var(--grayDark);
  padding: 1.1rem 1.3rem;
}
#wizard .np-card-narrow {
  max-width: 460px;
  text-align: center;
}
#wizard .np-journey {
  height: var(--np-journey-h);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  border-bottom: 1px solid var(--border);
  background: var(--white);
  /* A real <button> (Structure is clickable from Start): undo the platform's pill button. */
}
#wizard .np-journey ol {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 0;
}
#wizard .np-journey li {
  display: flex;
  align-items: center;
  min-width: 0;
  /* the connector between two steps; it fills in once the step before it is done */
}
#wizard .np-journey li + li::before {
  content: "";
  flex: 0 0 auto;
  width: clamp(1.25rem, 4vw, 3.5rem);
  height: 2px;
  margin: 0 0.6rem;
  border-radius: var(--brbutton);
  background: var(--grayDark);
}
#wizard .np-journey li.np-journey-current::before, #wizard .np-journey li.np-journey-done::before {
  background: var(--accent);
}
#wizard .np-journey button.np-journey-step {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 0.25rem 0.4rem !important;
  font-size: 0.88rem !important;
  line-height: 1.2;
  text-align: left;
  background: none !important;
  background-image: none !important;
  border: none !important;
  border-radius: var(--br) !important;
  box-shadow: none !important;
  color: var(--textLight) !important;
  cursor: default;
  opacity: 1;
}
#wizard .np-journey button.np-journey-step.clickable {
  cursor: pointer;
}
#wizard .np-journey button.np-journey-step.clickable:hover .np-journey-label {
  color: var(--accentDark);
  text-decoration: underline;
}
#wizard .np-journey .np-journey-dot {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: 1.5px solid var(--grayDarker);
  background: var(--white);
  font-size: 0.78rem;
  font-variation-settings: "wght" 650;
}
#wizard .np-journey .np-journey-dot i {
  font-size: 0.9rem;
}
#wizard .np-journey .np-journey-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
#wizard .np-journey .np-journey-label {
  white-space: nowrap;
}
#wizard .np-journey .np-journey-note {
  font-size: 0.75rem;
  color: var(--textLight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 11rem;
}
#wizard .np-journey .np-journey-current button.np-journey-step {
  color: var(--accentDark) !important;
  font-variation-settings: "wght" 700;
}
#wizard .np-journey .np-journey-current button.np-journey-step .np-journey-dot {
  border-color: var(--accent);
  color: var(--accentDark);
  box-shadow: 0 0 0 3px var(--accentLighter);
}
#wizard .np-journey .np-journey-done button.np-journey-step {
  color: var(--text) !important;
}
#wizard .np-journey .np-journey-done button.np-journey-step .np-journey-dot {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}
#wizard .np-view {
  animation: npEnter 0.28s ease both;
}
#wizard .np-start {
  max-width: 860px;
  margin: 0 auto;
  padding: clamp(1.25rem, 4vw, 2.75rem) 1rem 3rem;
}
#wizard .np-start.np-start-wide {
  max-width: 1080px;
}
#wizard .np-head {
  margin: 0 0 1.4rem;
}
#wizard h2.np-title {
  margin: 0 0 0.35rem;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  color: var(--text);
}
#wizard h2.np-title i {
  color: var(--accent);
}
#wizard .np-lead {
  color: var(--textLight);
  margin: 0;
  max-width: 62ch;
}
#wizard .np-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.6rem 0 0;
}
#wizard .np-badges:empty {
  display: none;
}
#wizard .np-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.3rem 0.8rem;
  border: 1px solid var(--border);
  border-radius: var(--brbutton);
  background: var(--grayLighter);
  font-size: 0.88rem;
  font-variation-settings: "wght" 600;
}
#wizard .np-badge a {
  font-variation-settings: "wght" 500;
  margin-left: 0.25rem;
}
#wizard .np-accent {
  color: var(--accent);
}
#wizard .np-secondary {
  color: var(--secondaryDark);
}
#wizard .np-brown {
  color: var(--brown);
}
#wizard button.np-structure,
#wizard button.np-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  width: 100%;
  height: auto;
  margin: 0;
  font-size: 1rem !important;
  line-height: 1.4;
  white-space: normal;
  background: var(--white) !important;
  background-image: none !important;
  color: var(--text) !important;
  border: 1px solid var(--gray) !important;
  border-radius: var(--br) !important;
  box-shadow: 1.5px 1.5px var(--grayDark) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
  cursor: pointer;
}
#wizard button.np-structure:hover:not([disabled]),
#wizard button.np-tile:hover:not([disabled]) {
  transform: translateY(-2px);
  border-color: var(--accent) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1) !important;
}
#wizard button.np-structure:focus-visible,
#wizard button.np-tile:focus-visible {
  outline: none;
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px var(--accentLighter) !important;
}
#wizard button.np-structure.selected,
#wizard button.np-tile.selected {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 1px var(--accent), 0 6px 18px rgba(52, 143, 150, 0.14) !important;
}
#wizard button.np-structure[disabled],
#wizard button.np-tile[disabled] {
  opacity: 0.6;
  cursor: default;
}
#wizard .np-structures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
#wizard button.np-structure {
  gap: 0.75rem;
  padding: 1.4rem 1.5rem 1.2rem !important;
}
#wizard button.np-structure:hover:not([disabled]) .np-structure-go {
  opacity: 1;
  transform: none;
}
#wizard button.np-structure.selected .np-structure-check {
  opacity: 1;
}
#wizard .np-structure-head {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}
#wizard .np-structure-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: var(--grayLighter);
}
#wizard .np-structure-icon i {
  font-size: 1.6rem;
}
#wizard .np-structure-icon.np-accent {
  background: var(--accentLighter);
}
#wizard .np-structure-icon.np-secondary {
  background: var(--secondaryLight);
}
#wizard .np-structure-title {
  flex: 1 1 auto;
  font-size: 1.2rem;
  font-variation-settings: "wght" 700;
}
#wizard .np-structure-check {
  font-size: 1.5rem;
  color: var(--accent);
  opacity: 0;
  transition: opacity 0.15s ease;
}
#wizard .np-structure-body {
  color: var(--textLight);
  font-size: 0.93rem;
}
#wizard .np-tree {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
  margin-top: 0.25rem;
  padding: 0.9rem 1rem;
  border-radius: var(--br);
  background: var(--grayLighter);
}
#wizard .np-tree-pair {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  padding-left: 1.25rem;
}
#wizard .np-tree-node {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  align-self: flex-start;
  padding: 0.2rem 0.7rem;
  border: 1px solid var(--gray);
  border-radius: var(--brbutton);
  background: var(--white);
  font-size: 0.82rem;
  font-variation-settings: "wght" 600;
}
#wizard .np-tree-node i {
  color: var(--accent);
  font-size: 1rem;
}
#wizard .np-tree-node.np-tree-leaf {
  border-style: dashed;
}
#wizard .np-tree-node.np-tree-l1 {
  margin-left: 1.25rem;
}
#wizard .np-tree-node.np-tree-l2 {
  margin-left: 2.5rem;
}
#wizard .np-tree-node.np-tree-l3 {
  margin-left: 3.75rem;
}
#wizard .np-structure-go {
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.88rem;
  font-variation-settings: "wght" 650;
  color: var(--accentDark);
  opacity: 0.55;
  transform: translateX(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
#wizard .np-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.9rem;
  margin-bottom: 1rem;
}
#wizard button.np-tile {
  gap: 0.3rem;
  padding: 1rem 1.05rem !important;
}
#wizard button.np-tile.selected {
  background: linear-gradient(180deg, var(--accentLighter), var(--white) 70%) !important;
  /* a notch pointing down at the panel it opened */
}
#wizard button.np-tile.selected .np-tile-icon {
  color: var(--accentDark);
}
#wizard button.np-tile.selected::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 14px;
  height: 14px;
  margin-left: -7px;
  background: var(--white);
  border-right: 1px solid var(--accent);
  border-bottom: 1px solid var(--accent);
  transform: rotate(45deg);
}
#wizard .np-tile-flag {
  position: absolute;
  top: 0.55rem;
  right: 0.6rem;
  padding: 0.05rem 0.5rem;
  border-radius: var(--brbutton);
  background: var(--accent);
  color: var(--white);
  font-size: 0.68rem;
  font-variation-settings: "wght" 650;
  letter-spacing: 0.02em;
}
#wizard i.np-tile-icon {
  font-size: 1.75rem;
  margin-bottom: 0.15rem;
}
#wizard .np-tile-title {
  font-variation-settings: "wght" 700;
  font-size: 1rem;
}
#wizard .np-tile-body {
  color: var(--textLight);
  font-size: 0.84rem;
  line-height: 1.35;
}
#wizard .np-panel {
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: var(--brbig);
  box-shadow: 1.5px 1.5px var(--grayDark);
  padding: 1.4rem 1.5rem;
  animation: npEnter 0.22s ease both;
}
#wizard .np-panel-lead {
  margin: 0 0 1rem;
  color: var(--text);
  max-width: 70ch;
}
#wizard .np-panel-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1rem;
}
#wizard .np-panel-split {
  display: flex;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 0.5rem 0;
}
#wizard i.np-panel-icon {
  flex: 0 0 auto;
  font-size: 3rem;
}
#wizard .np-drop {
  background: var(--white);
  border: 1px solid var(--gray);
  border-radius: var(--br);
  padding: 0.4rem;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#wizard .np-drop:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accentLighter);
}
#wizard .np-drop.over {
  border: 1px dashed var(--accent);
  box-shadow: 0 0 0 3px var(--accentLighter);
}
#wizard .np-describe {
  border: none !important;
  box-shadow: none !important;
  min-height: 12rem;
  font-size: 1.02rem;
  line-height: 1.55;
  padding: 0.4rem 0.5rem;
}
#wizard .np-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 2.5rem 1rem;
  border: 2px dashed var(--grayDarker);
  border-radius: var(--br);
  background: var(--grayLighter);
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
#wizard .np-upload:hover, #wizard .np-upload.over {
  border-color: var(--accent);
  background: var(--accentLighter);
}
#wizard .np-upload button {
  margin-top: 0.6rem;
}
#wizard i.np-upload-icon {
  font-size: 3rem;
  color: var(--accent);
}
#wizard .np-upload-title {
  font-size: 1.1rem;
}
#wizard .np-upload-note {
  margin: 0.75rem 0 0;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
#wizard .np-resume {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  max-width: 1048px;
  margin: 1.25rem auto 0;
  /* lines up with the section below it: the structure step is narrower than the start step */
  padding: 0.75rem 1rem;
  border: 1px solid var(--accentLight);
  border-radius: var(--br);
  background: var(--accentLighter);
}
#wizard .np-resume.np-resume-narrow {
  max-width: 828px;
}
#wizard .np-resume > i {
  font-size: 1.5rem;
  color: var(--accentDark);
}
#wizard .np-resume .np-resume-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 14rem;
  min-width: 0;
}
#wizard .np-resume .np-resume-text span {
  color: var(--textLight);
  font-size: 0.88rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#wizard .np-label {
  display: block;
  margin: 0.85rem 0 0.25rem;
  font-size: 0.82rem;
  font-variation-settings: "wght" 650;
  color: var(--textLight);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
#wizard .np-grid2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 1rem;
}
#wizard .np-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
#wizard .np-progress {
  width: 100%;
  max-width: 440px;
  padding: 1.5rem 1.75rem;
}
#wizard .np-progress-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0 1rem;
  font-size: 1.2rem;
}
#wizard .np-progress-title i {
  color: var(--accent);
  font-size: 1.5rem;
}
#wizard .np-progress-list {
  list-style: none;
  margin: 0 0 0.5rem;
  padding: 0;
}
#wizard .np-progress-list li {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.45rem 0;
  color: var(--textLight);
  transition: color 0.2s ease;
}
#wizard .np-progress-list li.current {
  color: var(--text);
  font-variation-settings: "wght" 650;
}
#wizard .np-progress-list li.current .np-progress-mark {
  border: none;
}
#wizard .np-progress-list li.done {
  color: var(--text);
}
#wizard .np-progress-list li.done .np-progress-mark {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--white);
  font-size: 0.8rem;
}
#wizard .np-progress-mark {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  border: 1.5px solid var(--grayDarker);
}
#wizard .np-progress-mark .np-spin-sm {
  margin: 0;
}
#wizard .np-area {
  display: block;
  width: 100%;
  resize: none;
  font: inherit;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--br);
  padding: 0.5rem 0.65rem;
  line-height: 1.45;
  overflow-y: hidden;
}
#wizard .np-area:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accentLighter);
}
#wizard .np-area:disabled {
  background: var(--grayLighter);
}
#wizard .np-field {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  font: inherit;
  color: var(--text);
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--brsmall);
  padding: 0.3rem 0.45rem;
}
#wizard .np-field:hover {
  border-color: var(--border);
}
#wizard .np-field:focus {
  outline: none;
  background: var(--white);
  border-color: var(--accent);
  box-shadow: 0 0 0 2px var(--accentLighter);
}
#wizard .np-field::placeholder {
  color: var(--textLight);
  font-style: italic;
}
#wizard .np-field[readonly] {
  border-color: transparent;
  box-shadow: none;
}
#wizard input.np-title {
  font-size: 1.25rem;
  font-variation-settings: "wght" 600;
}
#wizard .np-goal {
  font-size: 1.05rem;
}
#wizard .np-icon-btn {
  flex: 0 0 auto;
  min-width: 2rem;
  padding: 0.25rem 0.4rem !important;
  line-height: 1;
}
#wizard .np-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.35rem 0;
}
#wizard button.np-chip,
#wizard span.np-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0.35rem 0.8rem !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--brbutton) !important;
  background: var(--white) !important;
  background-image: none !important;
  color: var(--text) !important;
  box-shadow: none !important;
  font-size: 0.88rem !important;
  font-variation-settings: "wght" 600;
  line-height: 1.25;
  text-align: left;
  white-space: normal;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
#wizard button.np-chip i,
#wizard span.np-chip i {
  color: var(--accent);
}
#wizard button.np-chip:hover,
#wizard span.np-chip:hover {
  border-color: var(--accent) !important;
  color: var(--accentDark) !important;
}
#wizard button.np-chip.on,
#wizard span.np-chip.on {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--white) !important;
}
#wizard button.np-chip.on i,
#wizard span.np-chip.on i {
  color: var(--white);
}
#wizard span.np-chip {
  cursor: default;
}
#wizard .np-chip-x {
  height: auto;
  font-size: inherit !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 0 0 0.15rem !important;
  margin: 0;
  color: inherit !important;
  line-height: 1;
  min-width: 0;
}
#wizard .np-convo {
  display: flex;
  height: calc(100vh - 120px - var(--np-journey-h));
  overflow: hidden;
}
#wizard .np-convo-chat {
  flex: 0 0 42%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-right: 1px solid var(--border);
}
#wizard .np-convo-outline {
  flex: 1 1 58%;
  min-width: 0;
  overflow-y: auto;
  padding: 1.25rem;
  background: var(--grayLighter);
}
#wizard .np-steps {
  padding: 0.9rem 1.25rem 0.6rem;
  border-bottom: 1px solid var(--border);
}
#wizard .np-steps .np-steps-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.9rem;
  list-style: none;
  margin: 0 0 0.55rem;
  padding: 0;
}
#wizard .np-steps .np-steps-list li {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.82rem;
  color: var(--textLight);
}
#wizard .np-steps .np-steps-list li.current {
  color: var(--accentDark);
  font-variation-settings: "wght" 700;
}
#wizard .np-steps .np-steps-list li.done {
  color: var(--text);
}
#wizard .np-steps .np-steps-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 50%;
  border: 1px solid var(--grayDarker);
  font-size: 0.72rem;
}
#wizard .np-steps li.current .np-steps-dot {
  border-color: var(--accent);
  color: var(--accentDark);
}
#wizard .np-steps li.done .np-steps-dot {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--white);
}
#wizard .np-steps .np-steps-bar {
  height: 4px;
  border-radius: var(--brbutton);
  background: var(--grayLight);
  overflow: hidden;
}
#wizard .np-steps .np-steps-bar span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width 0.4s ease;
}
#wizard .np-steps .np-steps-compact {
  font-size: 0.85rem;
  color: var(--accentDark);
  font-variation-settings: "wght" 600;
  margin-bottom: 0.45rem;
}
#wizard .np-chat {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#wizard .np-chat-log {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding: 1.25rem;
}
#wizard .np-bubble {
  max-width: 88%;
  padding: 0.7rem 0.95rem;
  border-radius: 12px;
  line-height: 1.5;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
#wizard .np-bubble.assistant {
  align-self: flex-start;
  background: var(--grayLight);
  border-bottom-left-radius: 4px;
}
#wizard .np-bubble.user {
  align-self: flex-end;
  background: var(--accent);
  color: var(--white);
  border-bottom-right-radius: 4px;
}
#wizard .np-typing {
  display: inline-flex;
  gap: 0.3rem;
  padding: 0.85rem 1rem;
}
#wizard .np-typing span {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: var(--grayDarker);
  animation: npBlink 1.2s infinite ease-in-out;
}
#wizard .np-typing span:nth-child(2) {
  animation-delay: 0.15s;
}
#wizard .np-typing span:nth-child(3) {
  animation-delay: 0.3s;
}
#wizard .np-ready {
  align-self: stretch;
  margin-top: 0.5rem;
  padding: 0.9rem 1rem;
  border: 1px solid var(--accentLight);
  border-radius: var(--br);
  background: var(--accentLighter);
}
#wizard .np-chat-input {
  position: relative;
  padding: 0.75rem 1.25rem 0.6rem;
  border-top: 1px solid var(--border);
  background: var(--white);
}
#wizard .np-chat-input > .np-chips {
  margin: 0 0 0.55rem;
  max-height: 7.5rem;
  overflow-y: auto;
}
#wizard .np-chat-compose {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}
#wizard .np-chat-text {
  min-height: 44px;
}
#wizard button.np-send {
  flex: 0 0 auto;
  min-width: 44px;
  height: 44px;
  padding: 0 0.9rem !important;
}
#wizard .np-chat-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  margin-top: 0.4rem;
}
#wizard .np-editor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#wizard .np-section h4 {
  margin: 0 0 0.25rem;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
}
#wizard .np-section h4 i {
  color: var(--accent);
}
#wizard .np-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
#wizard .np-row-icon {
  color: var(--secondaryDark);
  font-size: 1.15rem;
  flex: 0 0 auto;
}
#wizard .np-sub {
  margin: 0.7rem 0 0.2rem;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--textLight);
  font-variation-settings: "wght" 650;
}
#wizard .np-empty {
  color: var(--textLight);
  font-style: italic;
  margin: 0.35rem 0;
}
#wizard .np-objective {
  margin: 0.9rem 0 0;
  padding: 0.6rem 0 0.2rem 0.9rem;
  border-left: 3px solid var(--accentLight);
}
#wizard .np-objective-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--accentLighter);
  color: var(--accentDark);
  font-size: 0.82rem;
  font-variation-settings: "wght" 700;
}
#wizard input.np-objective-name {
  font-variation-settings: "wght" 600;
}
#wizard .np-activity {
  margin: 0.45rem 0;
  padding: 0.5rem 0.65rem 0.35rem;
  border: 1px solid var(--grayDark);
  border-radius: var(--br);
  background: var(--grayLighter);
}
#wizard input.np-activity-name {
  font-variation-settings: "wght" 600;
}
#wizard .np-activity-meta {
  flex: 0 0 auto;
  font-size: 0.78rem;
  color: var(--textLight);
  padding: 0.1rem 0.5rem;
  border: 1px solid var(--border);
  border-radius: var(--brbutton);
  background: var(--white);
}
#wizard .np-activity-details,
#wizard .np-ind-details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem 0.9rem;
  margin: 0.45rem 0 0.35rem;
  padding: 0.65rem 0.75rem;
  border-radius: var(--br);
  background: var(--white);
  border: 1px solid var(--border);
}
#wizard .np-activity-details label,
#wizard .np-ind-details label {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  margin: 0;
  font-size: 0.8rem;
  color: var(--textLight);
}
#wizard .np-activity-details .np-wide,
#wizard .np-ind-details .np-wide {
  grid-column: 1/-1;
}
#wizard .np-activity-measures {
  padding: 0 0 0 1.5rem;
}
#wizard .np-ind-row {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
#wizard .np-ind-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.55rem;
  height: 1.55rem;
  padding: 0 !important;
  font-size: 0.95rem;
}
#wizard .np-badge-outcome {
  border-radius: 50%;
  background: var(--secondaryLight);
  color: var(--secondaryDark);
}
#wizard button.np-ind-meta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  max-width: 45%;
  height: auto;
  margin: 0;
  padding: 0.15rem 0.55rem !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--brbutton) !important;
  background: var(--white) !important;
  background-image: none !important;
  color: var(--textLight) !important;
  box-shadow: none !important;
  font-size: 0.76rem !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#wizard button.np-ind-meta:hover {
  border-color: var(--accent) !important;
  color: var(--accentDark) !important;
}
#wizard .np-list-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  margin: 0.2rem 0 0.1rem;
}
#wizard .np-list-actions button {
  font-size: 0.85rem;
}
#wizard .np-ghost {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0.25rem 0;
  padding: 0.3rem 0.5rem 0.3rem 0.75rem;
  border: 1px dashed var(--accent);
  border-radius: var(--br);
  background: var(--accentLighter);
}
#wizard .np-ghost .np-ghost-name {
  font-size: 0.9rem;
  color: var(--accentDark);
}
#wizard .np-ghost .np-ghost-name i {
  margin-right: 0.3rem;
}
#wizard .np-sdgs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
#wizard .np-daterange {
  width: 100%;
}
#wizard .np-focus {
  animation: npPulse 1.6s ease-out 1;
}
#wizard .np-review {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  grid-template-rows: minmax(0, 1fr);
  gap: 1.25rem;
  max-width: 1280px;
  height: calc(100vh - 120px - var(--np-journey-h));
  margin: 0 auto;
  padding: 1.5rem clamp(1rem, 3vw, 2rem) 0;
}
#wizard .np-review-main {
  min-height: 0;
  overflow-y: auto;
  padding: 0 0.4rem 3rem 0;
}
#wizard .np-review-side {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
  overflow-y: auto;
  padding: 0 0.4rem 1.5rem 0;
}
#wizard .np-side-card h5 {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
}
#wizard .np-assumptions {
  background: var(--secondaryLight);
}
#wizard .np-assumptions ul {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
  font-size: 0.9rem;
}
#wizard .np-refine-reply {
  margin: 0.75rem 0 0;
  white-space: pre-line;
  font-size: 0.92rem;
  color: var(--accentDark);
}
#wizard .np-issues {
  list-style: none;
  margin: 0 0 0.9rem;
  padding: 0;
  font-size: 0.9rem;
}
#wizard .np-issues li {
  display: flex;
  gap: 0.4rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid var(--border);
  cursor: pointer;
}
#wizard .np-issues li:last-child {
  border-bottom: none;
}
#wizard .np-issues li.error {
  color: #8a1c12;
}
#wizard .np-issues li.hint {
  color: var(--textLight);
}
#wizard .np-issues li.ok {
  color: var(--accentDark);
  cursor: default;
}
#wizard button.np-create-btn {
  width: 100%;
}
#wizard .np-savestate {
  min-height: 1.2rem;
  margin-top: 0.5rem;
  text-align: center;
  font-size: 0.8rem;
  color: var(--textLight);
}
#wizard .np-savestate.error {
  color: #8a1c12;
}
#wizard .oc-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
#wizard .oc-modal {
  background: #fff;
  border-radius: var(--brbig);
  width: 100%;
  max-width: 480px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2666666667);
  padding: 1.4rem 1.5rem;
}
@media (max-width: 1199px) {
  #wizard .np-review {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}
@media (max-width: 991px) {
  #wizard {
    /* Stacked, Create would sit below the whole outline: pin it to the bottom of the screen
       (fixed, since sticky is captured by #main). Only blocking issues stay visible in the bar. */
  }
  #wizard .np-review {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    height: auto;
    padding-bottom: 8rem;
  }
  #wizard .np-review-main,
  #wizard .np-review-side {
    overflow: visible;
    padding-right: 0;
  }
  #wizard .np-review-side .np-create {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    border-width: 1px 0 0;
    border-radius: 0;
    box-shadow: 0 -6px 18px rgba(0, 0, 0, 0.08);
    padding: 0.6rem 1rem calc(0.6rem + env(safe-area-inset-bottom, 0px));
  }
  #wizard .np-review-side .np-create h5,
  #wizard .np-review-side .np-create .np-issues li.hint,
  #wizard .np-review-side .np-create .np-issues li.ok {
    display: none;
  }
  #wizard .np-review-side .np-create .np-issues {
    margin-bottom: 0.4rem;
  }
  #wizard .np-review-side .np-create .np-savestate {
    min-height: 0;
    margin-top: 0.25rem;
  }
  #wizard .np-convo {
    flex-direction: column;
    height: auto;
  }
  #wizard .np-convo-chat {
    flex: 0 0 auto;
    height: 65vh;
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
}
@media (max-width: 767px) {
  #wizard {
    /* Tiles wrap into rows on a phone, so the notch would point at the next row: drop it. */
    /* Only the current step keeps its label; the rest are numbered dots. */
  }
  #wizard .np-structures {
    grid-template-columns: minmax(0, 1fr);
  }
  #wizard .np-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
  }
  #wizard button.np-tile {
    padding: 0.8rem 0.85rem !important;
  }
  #wizard button.np-tile.selected::after {
    display: none;
  }
  #wizard .np-tile-body,
  #wizard .np-tile-flag {
    display: none;
  }
  #wizard .np-panel {
    padding: 1.1rem 1rem;
  }
  #wizard .np-panel-split {
    flex-direction: column;
    gap: 0.5rem;
  }
  #wizard .np-journey li:not(.np-journey-current) .np-journey-text {
    display: none;
  }
  #wizard .np-journey .np-journey-note {
    display: none;
  }
  #wizard .np-journey li + li::before {
    width: 1rem;
    margin: 0 0.35rem;
  }
  #wizard .np-grid2,
  #wizard .np-activity-details,
  #wizard .np-ind-details {
    grid-template-columns: minmax(0, 1fr);
  }
  #wizard .np-activity-measures {
    padding-left: 0.5rem;
  }
  #wizard h2.np-title {
    font-size: 1.35rem;
  }
}

@keyframes npEnter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes npBlink {
  0%, 80%, 100% {
    opacity: 0.25;
    transform: scale(0.85);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes npPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 143, 150, 0.45);
  }
  100% {
    box-shadow: 0 0 0 12px rgba(52, 143, 150, 0);
  }
}
#project_elements #main {
  background-color: var(--grayLight);
  min-height: 80vh;
}
#project_elements .e-grid .e-rowcell {
  padding-top: 10px;
  padding-bottom: 10px;
}
#project_elements .e-grid .e-gridheader {
  border-top-color: transparent;
}
#project_elements th {
  padding-top: 22px;
  padding-bottom: 22px;
}
#project_elements .e-gridcontent {
  cursor: pointer;
}
#project_elements #projectElementsSearchDiv {
  width: 300px;
}
#project_elements .dimension_card {
  background-color: white;
}
#project_elements .dimension_card li {
  height: 2.2rem;
}
#project_elements .dimension_card button.delete {
  height: 1rem;
}
#project_elements .dimension_card ul {
  list-style: none;
  padding: 0px;
  height: 285px;
}
#project_elements .dimension_card .add {
  display: none;
}
#project_elements .dimension_card form {
  display: none;
}
#project_elements .dimension_card.admin {
  cursor: pointer;
}
#project_elements .dimension_card.admin:hover {
  background-color: var(--secondaryLight);
}
#project_elements .dimension_card.edit, #project_elements .dimension_card.edit:hover {
  cursor: default;
  background-color: #fff;
  outline: 4px solid var(--secondaryLight);
}
#project_elements .dimension_card.edit form, #project_elements .dimension_card.edit:hover form {
  display: block;
}
#project_elements .dimension_card.edit li form, #project_elements .dimension_card.edit:hover li form {
  display: none;
}
#project_elements .dimension_card.edit li:hover form, #project_elements .dimension_card.edit:hover li:hover form {
  display: block;
}
#project_elements .dimension_card.edit ul, #project_elements .dimension_card.edit:hover ul {
  max-height: 215px;
}

#logframes {
  /* Subtle full-row left accent so Input vs Output reads at a glance while scanning. */
}
#logframes tr.border_bottom td {
  border-bottom: 1pt solid black;
  margin-top: 30px;
  margin-bottom: 30px;
  text-shadow: none;
}
#logframes c .tableLabel {
  color: grey;
  font-size: 80%;
  margin-top: 10%;
  margin-bottom: 10%;
}
#logframes .indicators td > label {
  color: var(--textLight);
  font-size: 0.8rem;
}
#logframes .indicator_table {
  width: 100%;
}
#logframes .indicator_table tr td:first-child {
  width: 30%;
}
#logframes .indicator_table tr td {
  vertical-align: top;
}
#logframes .indicator_table label {
  display: block;
}
#logframes #export_button {
  position: absolute;
  right: 20px;
}
#logframes .search_indicators .e-input-group .e-input-group-icon, #logframes .e-input-group.e-control-wrapper .e-input-group-icon {
  background-color: transparent;
  position: relative;
  border: 0px;
  width: 30px;
}
#logframes .search_indicators .e-input-group .e-input-group-icon, #logframes .e-input-group.e-control-wrapper .e-input-group-icon i {
  transform: translateX(-3px);
}
#logframes #indicatorLibrariesIndicatorsListView .e-checkbox-wrapper {
  transform: translateX(-8px);
}
#logframes .indicator_row button.round {
  opacity: 0;
}
#logframes .indicator_row:hover button.round {
  opacity: 1;
}
#logframes .indicator_row--input > td {
  box-shadow: inset 4px 0 0 #2f80c2;
}
#logframes .indicator_row--output > td {
  box-shadow: inset 4px 0 0 #2faa5d;
}

tr.border_bottom td {
  border-bottom: 1pt solid black;
  margin-top: 30px;
  margin-bottom: 30px;
}

.tableLabel {
  color: grey;
  font-size: 80%;
  margin-top: 10%;
  margin-bottom: 10%;
}

#goals {
  overflow: auto;
  display: flex;
  width: calc(100% - 35px);
}

.goal {
  min-width: 250px;
  max-width: 400px;
  border-top: 3px solid transparent;
}

.goal header {
  height: 140px;
}
.goal header h4 {
  max-width: 80%;
  padding-top: 1.1rem;
  line-height: 135%;
}
.goal header h4:hover button {
  display: inline-block;
  position: absolute;
  margin-top: -0.6rem;
}

.goal header a {
  display: block;
  width: 100%;
  height: 100%;
}
.goal header a h4 {
  padding-top: 1px;
  line-height: 140%;
}

.goal:hover {
  border-top: 3px solid var(--grayDark);
}

.goal.active {
  cursor: default;
  background-color: #fff;
  border-top: 3px solid var(--secondary);
}

.goal.active header {
  height: 100px;
}

table.indicators {
  display: block;
  width: 100%;
  border-spacing: 0px;
}
table.indicators tbody, table.indicators td, table.indicators tr {
  display: block;
  width: 100%;
}

.feature_modal .e-dlg-header-content {
  background-color: transparent;
  z-index: 2;
  width: 50px;
  margin-left: auto;
}

.feature_modal .e-dlg-content {
  z-index: 1;
  margin-top: -50px;
}

.feature_modal h2 {
  margin-top: -10px;
  width: calc(100% - 30px);
}

#main #editIndicatorSections {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(90vh - 220px);
}

#main .setup_dialog, #main .setup_dialog .e-dlg-content {
  padding: 0px;
}
#main .setup_dialog .e-dlg-header-content, #main .setup_dialog .e-dlg-content .e-dlg-header-content {
  padding: 25px;
}
#main .setup_dialog .e-dlg-header-content h4, #main .setup_dialog .e-dlg-content .e-dlg-header-content h4 {
  color: #fff;
  font-variation-settings: "wght" 600;
  font-size: 100%;
}

.setup_dialog h4 {
  font-variation-settings: "wght" 400;
  opacity: 0.5;
}

.setup_dialog .title_field {
  border-radius: 0px !important;
  border: none !important;
  background-color: transparent !important;
  border-bottom: 1px dotted var(--accentLight) !important;
  font-size: 1.2rem;
  color: #fff;
  width: calc(100% - 2rem);
  margin-left: 1rem;
}
.setup_dialog .title_field input {
  padding: 0px;
  padding-left: 0px !important;
}
.setup_dialog .title_field input::placeholder {
  color: var(--accentLight) !important;
}
.setup_dialog .title_field.e-multi-line-input, .setup_dialog .title_field.e-input-focus.e-multi-line-input {
  margin-top: 1rem;
  background-color: rgba(255, 255, 255, 0.0823529412) !important;
}
.setup_dialog .title_field.e-input-focus {
  box-shadow: none !important;
  background-color: var(--accentDark) !important;
}
.setup_dialog .title_field.readonly {
  border-width: 0px !important;
}
.setup_dialog .title_field input[readonly] {
  background-color: transparent !important;
  outline: none !important;
  color: #fff !important;
}

.setup_dialog .bg-danger {
  background-image: linear-gradient(to right, var(--danger) 50%, var(--accentDark) 70%);
  padding-bottom: 0.2rem;
  margin-top: 1px;
}

#main #editIndicatorDialog .e-dlg-header-content {
  height: 50px;
}

.setup_dialog form {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}
.setup_dialog form hr {
  margin-top: auto;
  margin-bottom: 1rem;
}
.setup_dialog form .fixed_dialog_footer {
  margin-top: auto;
}

.fixed_dialog_footer {
  position: absolute;
  bottom: 0rem;
  padding: 25px;
  width: 100%;
}

.setup_dialog .e-dlg-header-content {
  outline: 2px solid red;
  background-color: var(--accentDark);
}

.setup_dialog .e-dlg-content {
  padding-top: 0px !important;
}

.setup_dialog button[data-closeDialog] {
  background-color: var(--white);
}

.setup_dialog .e-dlg-header button {
  outline: 1px solid blue;
}

.setup_dialog span.e-multi-line-input textarea {
  height: 6rem !important;
}

.setup_dialog .toggle {
  line-height: 160%;
}

#browse_goals {
  display: flex;
  flex-wrap: wrap;
  justify-content: between;
  max-height: 400px;
}
#browse_goals a {
  width: 100%;
  display: flex;
  align-items: center;
  color: var(--text);
}
#browse_goals a span.number {
  margin-right: 0.2rem;
  display: inline-block;
  width: 1.5rem;
  color: var(--accent);
}
#browse_goals a:hover {
  background-color: var(--grayLight);
}
#browse_goals img {
  pointer-events: none;
  width: 50px;
  margin-right: 0.5rem;
}

#indicatorLibrariesIndicatorsListView .e-list-item {
  cursor: pointer;
}

div#existingLogframeDiv {
  max-height: calc(100% - 100px);
}

#logframes li,
#logframes ul {
  font-size: 14px;
  list-style: none;
}
#logframes .builder_goal,
#logframes li.indicator,
#logframes li.activity,
#logframes li.objective {
  padding: 0.4rem 0.4rem 0.4rem 0.4rem;
  border: 1px solid var(--gray);
  margin-top: -1px;
}
#logframes li.activity {
  border-left: 3px solid var(--brown);
  padding-left: 0.4rem;
}
#logframes li.objective {
  border-left: 3px solid var(--accentLight);
  padding-left: 0.4rem;
  border-top: 1px solid var(--gray);
}
#logframes li.indicator {
  border-left: 3px solid var(--secondary);
  padding-left: 0.4rem;
}
#logframes li strong {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-top: -0.2rem;
  margin-bottom: -0.2rem;
}
#logframes li.activity strong {
  color: var(--brown);
}
#logframes li.objective strong {
  color: var(--accentLight);
}
#logframes ul li ul > li {
  margin-left: 15px;
}
#logframes li.objective ul {
  border: 2px solid black;
}
#logframes div.d-flex > i.overlap {
  z-index: 2;
  margin-top: 0.8rem;
  background-color: #fff;
  margin-left: -1.8rem;
  height: 1.8rem;
  position: relative;
}
#logframes .add_project_element .e-nodata {
  margin-top: 0.5rem;
}
#logframes #dimensions_and_disaggregates .e-gridheader {
  display: none;
}
#logframes .activity header:hover button.e-hidden {
  display: inline-block;
}

#budget {
  text-shadow: none;
}
#budget .card {
  margin-bottom: -1px;
}
#budget .transactions {
  border-top: 0px;
  margin-bottom: -1px;
}
#budget .transactions a.link {
  margin: 1rem 0 0.5rem 0rem;
  display: inline-block;
}
#budget .budget_block {
  min-height: 500px;
}

#account #container, #account #global_footer {
  max-width: 800px;
  text-shadow: none;
}

#account_setup #container {
  max-width: 600px;
}
#account_setup #global {
  display: none;
}
#account_setup #team_url {
  max-width: 520px;
  margin: 0 auto;
}
#account_setup #team_url, #account_setup #team_url input {
  font-size: 1.4rem;
  color: var(--textLight);
}
#account_setup #team_url .icon {
  position: absolute;
  margin-left: -40px;
  width: 22px;
  height: 22px;
}
#account_setup #team_url .confirmation {
  color: var(--accent);
}

h1.logo img {
  max-width: 200px;
}

body#account, body#account_setup {
  background-image: linear-gradient(-33deg, #c9c2bc, #eceae5);
  background-image: url(/img/pattern.svg);
  background-size: 10%;
  background-color: #c0b8b1;
}

#account main {
  min-height: 400px;
}
#account #global {
  display: none;
}

.field-validation-valid {
  display: none;
}

.field-validation-error {
  margin: 0.2rem 0 0.4rem 0;
  display: block;
  color: var(--danger);
}

#other_logins button {
  cursor: pointer;
  width: 60px;
  height: 45px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  border: 0px;
  border-radius: 0px !important;
  background-color: transparent !important;
  transform: none;
}

#other_logins button:hover {
  filter: brightness(1.15);
}

.metadata label {
  display: flex;
}
.metadata label span {
  margin-right: 0.5rem;
}

.whiteboard_thumbnail {
  overflow: hidden;
  background: url("/img/whiteboard_thumbnail.jpg") center center no-repeat;
  background-size: 150% 150%;
  width: 100%;
  height: 200px;
  filter: brightness(0.9) blur(0px);
}

.overviewresizer {
  fill: var(--accent) !important;
  text-shadow: none;
}

#overview_canvasoverviewhandle rect {
  fill: var(--accent);
}

#overview_canvasoverviewrect {
  fill: transparent !important;
}

@font-face {
  font-family: "e-ddb-icons";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.e-ddb-icons {
  font-family: "e-ddb-icons";
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#container {
  display: block;
}

@font-face {
  font-family: "e-ddb-icons1";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMj1tSfIAAAEoAAAAVmNtYXDnEOdVAAABiAAAADZnbHlmdC1P4gAAAcgAAAAwaGVhZBJhohMAAADQAAAANmhoZWEIVQQDAAAArAAAACRobXR4CAAAAAAAAYAAAAAIbG9jYQAYAAAAAAHAAAAABm1heHABDgAUAAABCAAAACBuYW1lm+wy9gAAAfgAAAK1cG9zdLnsYngAAASwAAAAMAABAAAEAAAAAFwEAAAAAAAD+AABAAAAAAAAAAAAAAAAAAAAAgABAAAAAQAAgNcenF8PPPUACwQAAAAAANelrs4AAAAA16WuzgAAAAAD+AN6AAAACAACAAAAAAAAAAEAAAACAAgAAgAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA5wDnAAQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACIAAAAEAAQAAQAA5wD//wAA5wD//wAAAAEABAAAAAEAAAAAAAAAGAAAAAIAAAAAA/gDegACAAcAACUhCQEhATUhAQQC9P6G/YoBMQFF/YqGAjf+hgH0QwAAAAAAEgDeAAEAAAAAAAAAAQAAAAEAAAAAAAEAEwABAAEAAAAAAAIABwAUAAEAAAAAAAMAEwAbAAEAAAAAAAQAEwAuAAEAAAAAAAUACwBBAAEAAAAAAAYAEwBMAAEAAAAAAAoALABfAAEAAAAAAAsAEgCLAAMAAQQJAAAAAgCdAAMAAQQJAAEAJgCfAAMAAQQJAAIADgDFAAMAAQQJAAMAJgDTAAMAAQQJAAQAJgD5AAMAAQQJAAUAFgEfAAMAAQQJAAYAJgE1AAMAAQQJAAoAWAFbAAMAAQQJAAsAJAGzIERpYWdyYW1fU2hhcGVzX0ZPTlRSZWd1bGFyRGlhZ3JhbV9TaGFwZXNfRk9OVERpYWdyYW1fU2hhcGVzX0ZPTlRWZXJzaW9uIDEuMERpYWdyYW1fU2hhcGVzX0ZPTlRGb250IGdlbmVyYXRlZCB1c2luZyBTeW5jZnVzaW9uIE1ldHJvIFN0dWRpb3d3dy5zeW5jZnVzaW9uLmNvbQAgAEQAaQBhAGcAcgBhAG0AXwBTAGgAYQBwAGUAcwBfAEYATwBOAFQAUgBlAGcAdQBsAGEAcgBEAGkAYQBnAHIAYQBtAF8AUwBoAGEAcABlAHMAXwBGAE8ATgBUAEQAaQBhAGcAcgBhAG0AXwBTAGgAYQBwAGUAcwBfAEYATwBOAFQAVgBlAHIAcwBpAG8AbgAgADEALgAwAEQAaQBhAGcAcgBhAG0AXwBTAGgAYQBwAGUAcwBfAEYATwBOAFQARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAdQBzAGkAbgBnACAAUwB5AG4AYwBmAHUAcwBpAG8AbgAgAE0AZQB0AHIAbwAgAFMAdAB1AGQAaQBvAHcAdwB3AC4AcwB5AG4AYwBmAHUAcwBpAG8AbgAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgECAQMABlNoYXBlcwAA) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.e-ddb-icons1 {
  font-family: "e-ddb-icons1";
  speak: none;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#project_whiteboard_link {
  min-height: 300px;
  height: 100%;
  width: 100%;
  background: url("/img/project_whiteboard.jpg");
  background-position: center center;
  padding: 0px;
  overflow: hidden;
  background-size: 100%;
  transition: background 1s;
}
#project_whiteboard_link:hover {
  background-size: 115%;
}
#project_whiteboard_link:active {
  transform: scale(0.98);
  transition: all 0.3s;
}

#idea_boards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 2rem;
}
#idea_boards .card {
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--brbig);
}
#idea_boards .card > a {
  border-radius: var(--br);
  overflow: hidden;
}
#idea_boards .card_add {
  background-image: url(/img/illo_whiteboard.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
#idea_boards > div.active {
  transform: translateY(3px);
  box-shadow: none;
}

/******************************************************** whiteboard page */
#whiteboard #wcontainer_diagramLayer_svg path[stroke-width="1"] {
  filter: none !important;
}
#whiteboard .whiteboardContent {
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  font-size: 1.5vw;
  line-height: 150%;
}
#whiteboard .challengeTitle {
  display: none !important;
}
#whiteboard .solutionTitle {
  display: none !important;
}
#whiteboard .summaryTitle {
  display: none !important;
}

/******************************************************** whiteboard controls */
#holdsWhiteboard {
  position: relative;
  background-color: var(--grayLighter);
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  box-shadow: inset 0 0 10px var(--grayTrans);
}

#whiteboard #whiteboard_map,
#whiteboard #logframeGenerator,
#whiteboard #logframeGenerated,
#whiteboard #symbolPalette,
#whiteboard #wcontainer_diagramLayer_svg rect,
#whiteboard #wcontainer_diagramLayer_svg path {
  filter: drop-shadow(4.8px 4.8px 2px var(--grayTrans)) !important;
}
#whiteboard #whiteboard_map,
#whiteboard #logframeGenerated,
#whiteboard #symbolPalette {
  border: 1px solid var(--border);
  width: 100%;
  max-width: 160px;
  border-radius: var(--brbig);
  margin: 10px;
  height: auto !important;
  overflow: auto;
  border: 4px solid #fff;
}
#whiteboard #symbolPalette_container {
  border: 0px;
  border-radius: var(--brbig);
}
#whiteboard #logframeGenerated {
  z-index: 1;
  right: 0px;
  max-width: 230px;
  height: 65% !important;
  position: absolute;
  overflow-y: auto;
  min-height: 0px;
  top: 5rem;
  padding: 0px;
}
#whiteboard #wcontainercontent {
  overflow: hidden !important;
}
#whiteboard #whiteboard_map {
  position: absolute;
  bottom: 80px;
  max-width: 120px;
  padding: 0rem 0.6rem 0.6rem 0.6rem;
}
#whiteboard #logframeGenerator {
  max-width: 180px;
  position: fixed;
  top: 8%;
  padding: 0rem 0.6rem 0.6rem 0.6rem;
}
#whiteboard #zoom_amount {
  display: flex;
  min-width: 2rem;
  color: var(--textLight);
  justify-content: center;
}
#whiteboard #zoom_controls button {
  padding: 0px !important;
  font-size: 45px !important;
  width: 50px;
  text-align: center;
}
#whiteboard .e-symbolpalette .e-symbol-hover:hover,
#whiteboard .e-symbolpalette .e-symbol-selected {
  background-color: var(--secondaryLight);
  border-radius: 0px;
}

/******************************************************** palette */
#whiteboard {
  padding: 0rem;
  width: 100%;
  height: 100%;
}
#whiteboard header#global {
  display: none !important;
}
#whiteboard #main,
#whiteboard #container {
  height: 100%;
  width: 100%;
  margin: 0px auto;
  max-width: 100%;
  padding: 0px;
  border-radius: 0px !important;
}
#whiteboard #controls {
  color: white;
  padding: 1rem;
  position: fixed;
  background-color: rgba(19, 94, 104, 0.8666666667);
  top: 0px;
  border-radius: 0px 0px 15px 15px;
  overflow: hidden;
  width: 99%;
  max-height: 7rem;
  left: calc(50vw - 49.5%);
  transition: all 0.5s;
  z-index: 1001;
}

#symbolPalette {
  position: absolute;
  height: auto;
  top: 130px;
  left: 0px;
}
#symbolPalette .e-symbol-draggable {
  max-height: 40px;
  max-width: 100%;
}
#symbolPalette .e-symbol-draggable canvas {
  transform: translateY(20px);
  max-height: 40px;
  max-width: 40px;
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5333333333));
  display: none;
}
#symbolPalette .e-acrdn-header {
  display: none;
}
#symbolPalette .e-acrdn-content {
  border-top: 0px;
  padding: 0.5rem;
}
#symbolPalette #Circle_container,
#symbolPalette #Rectangle_container,
#symbolPalette #Parallelogram_container,
#symbolPalette #Goal_container,
#symbolPalette #Objective_container,
#symbolPalette #Activity_container,
#symbolPalette #Indicator_container {
  position: relative;
}
#symbolPalette #Circle_container::before,
#symbolPalette #Rectangle_container::before,
#symbolPalette #Parallelogram_container::before,
#symbolPalette #Goal_container::before,
#symbolPalette #Objective_container::before,
#symbolPalette #Activity_container::before,
#symbolPalette #Indicator_container::before {
  font-variation-settings: "wght" 400;
  position: absolute;
  z-index: 1;
  top: calc(50% - 7px);
  left: 40px;
  line-height: 14px;
  font-size: 14px;
  color: var(--text);
}
#symbolPalette #Goal_container::before,
#symbolPalette #Objective_container::before,
#symbolPalette #Activity_container::before,
#symbolPalette #Indicator_container::before {
  left: 10px;
  border-left: 20px solid #eee;
  padding-left: 10px;
}
#symbolPalette #Parallelogram_container canvas,
#symbolPalette #Rectangle_container canvas,
#symbolPalette #Circle_container canvas {
  position: relative;
  display: block;
}
#symbolPalette #Rectangle_container canvas {
  top: 4px;
}
#symbolPalette #Parallelogram_container canvas {
  top: 5px;
}
#symbolPalette #palette_connectors > * {
  width: 50% !important;
}
#symbolPalette #palette_connectors canvas {
  display: block;
  max-width: 100%;
  filter: none;
  position: relative;
  left: 20%;
}
#symbolPalette #Goal_container::before {
  border-color: var(--accent);
}
#symbolPalette #Objective_container::before {
  border-color: var(--accentLight);
}
#symbolPalette #Activity_container::before {
  border-color: var(--brown);
}
#symbolPalette #Indicator_container::before {
  border-color: var(--secondary);
}

#whiteboard #wcontainer {
  height: 100%;
}

/******************************************************** logframe sidebar */
#whiteboard aside#logframeGenerated {
  /*li ul>li>ul>li{border-left:5px solid var(--redLight);margin-left:0rem;}
  */
}
#whiteboard aside#logframeGenerated li,
#whiteboard aside#logframeGenerated ul {
  font-size: 14px;
  margin: 0px;
  list-style: none;
  padding: 0px;
}
#whiteboard aside#logframeGenerated .builder_goal,
#whiteboard aside#logframeGenerated li.indicator,
#whiteboard aside#logframeGenerated li.activity,
#whiteboard aside#logframeGenerated li.objective {
  padding: 0.4rem 0.4rem 0.4rem 0.4rem;
  border: 1px solid var(--gray);
  margin-top: -1px;
}
#whiteboard aside#logframeGenerated li.activity {
  border-left: 3px solid var(--brown);
  padding-left: 0.4rem;
}
#whiteboard aside#logframeGenerated li.objective {
  border-left: 3px solid var(--accentLight);
  padding-left: 0.4rem;
  border-top: 1px solid var(--gray);
}
#whiteboard aside#logframeGenerated li.indicator {
  border-left: 3px solid var(--secondary);
  padding-left: 0.4rem;
}
#whiteboard aside#logframeGenerated li strong {
  display: block;
  font-size: 0.7rem;
  text-transform: uppercase;
  margin-top: -0.2rem;
  margin-bottom: -0.2rem;
}
#whiteboard aside#logframeGenerated li.activity strong {
  color: var(--brown);
}
#whiteboard aside#logframeGenerated li.objective strong {
  color: var(--accentLight);
}
#whiteboard aside#logframeGenerated ul li ul > li {
  margin-left: 15px;
}
#whiteboard aside#logframeGenerated li.objective ul {
  border: 2px solid black;
}

/******************************************************** whiteboard guide */
#guideButton {
  z-index: 100;
  left: 1rem;
  position: fixed;
  overflow-y: auto;
  max-height: 100%;
  bottom: 3%;
  background-color: #fff !important;
  padding: 0;
}

#panButton {
  z-index: 100;
  left: 9.5rem;
  position: fixed;
  overflow-y: auto;
  max-height: 100%;
  bottom: 3%;
  padding: 0;
}

#zoom_controls {
  z-index: 100;
  left: 13.5rem;
  position: fixed;
  overflow-y: hidden;
  max-height: 100%;
  bottom: 3%;
  padding: 0;
  background-color: #fff;
  border-top: 1px solid var(--accentLight) !important;
  border-left: 1px solid var(--accentLight) !important;
  border-bottom: 1px solid var(--accentLight) !important;
  border-right: 1px solid var(--accentLight) !important;
  border-radius: var(--brbutton) !important;
}

#saveLogframeButton {
  z-index: 100;
  right: 1rem;
  position: fixed;
  overflow-y: auto;
  max-height: 100%;
  bottom: 3%;
  background-color: #fff !important;
  padding: 0;
}

#whiteboard_guide_accordion ol {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 1.5rem;
  padding-bottom: 0px;
}
#whiteboard_guide_accordion p {
  overflow: visible;
}
#whiteboard_guide_accordion li {
  padding-top: 7px;
}
#whiteboard_guide_accordion h2 {
  line-height: 140%;
}
#whiteboard_guide_accordion div.info {
  max-width: 500px;
  padding: 0.5rem;
  margin: 0.25rem 0 0.25rem 0;
}
#whiteboard_guide_accordion .span_g,
#whiteboard_guide_accordion .span_o,
#whiteboard_guide_accordion .span_a,
#whiteboard_guide_accordion .span_i {
  padding: 0.15rem;
  background-color: #fff;
  border-top: 3px solid gray;
  box-shadow: 1px 3px 3px rgba(170, 170, 170, 0.2666666667);
  margin-right: 2px;
  margin-left: 2px;
}
#whiteboard_guide_accordion .span_g {
  border-color: var(--accent);
}
#whiteboard_guide_accordion .span_o {
  border-color: var(--accentLight);
}
#whiteboard_guide_accordion .span_a {
  border-color: var(--brown);
}
#whiteboard_guide_accordion .span_i {
  border-color: var(--secondary);
}

#x .sb-mobile-palette {
  height: 100%;
  float: left;
  margin-top: -1px;
  margin-left: -1px;
}
#x .sb-mobile-palette .e-accordion {
  border-radius: 0px;
}
#x .sb-mobile-palette #palette_objects .e-symbol-draggable {
  width: 100%;
  padding-right: 158px;
}
#x .sb-mobile-palette #palette_connectors .e-symbol-draggable {
  margin-left: -2px;
}
#x .sb-mobile-palette-bar {
  display: none;
}
#x .sb-mobile-diagram {
  width: calc(100% - 242px);
  height: 100%;
  float: left;
}
@media (max-width: 550px) {
  #x .sb-mobile-palette {
    z-index: 19;
    position: absolute;
    display: none;
    transition: transform 300ms linear, visibility 0s linear 300ms;
    width: 39%;
    height: 100%;
  }
  #x .sb-mobile-palette-bar {
    display: block;
    width: 100%;
    background: #fafafa;
    padding: 10px 10px;
    border: 0.5px solid #e0e0e0;
    min-height: 40px;
  }
  #x .sb-mobile-diagram {
    width: 100%;
    height: 100%;
    float: left;
    left: 0px;
  }
  #x #palette-icon {
    font-size: 20px;
  }
}
#x .sb-mobile-palette-open {
  position: absolute;
  display: block;
  right: 15px;
}
#x .e-toggle-palette::before {
  content: "\e700";
}

#story #story_types .story_type.active i.check {
  display: block;
}
#story .story_type {
  cursor: default;
  transition: all 0.3s;
  height: 150px;
  overflow: hidden;
}
#story .story_type div.template_image {
  position: relative;
  height: 70px;
  min-width: 70px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#story .story_type i.check {
  font-size: 2.5rem;
  position: absolute;
  left: 4px;
  top: 4px;
  transition: all 0.3s;
  transform: translateY(40px);
  opacity: 0;
}
#story .story_type.active i.check {
  transform: translateY(0px);
  opacity: 1;
}
#story .story_type:hover {
  background-color: var(--secondaryLight);
}
#story .story_type.active:hover, #story .story_type.active {
  border: 1px solid var(--secondary);
  background-color: var(--secondaryLight);
}
#story .story_type.active {
  box-shadow: none !important;
  transform: translateY(5px);
}

#story_preview {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
#story_preview #container {
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding: 0px;
}
#story_preview .publish_checkbox {
  float: left;
  margin-bottom: 2rem;
  margin-right: -1rem;
}
#story_preview header#global {
  display: none !important;
}
#story_preview #main,
#story_preview #container {
  width: 100%;
  margin: 0px auto;
  max-width: 100%;
  padding: 0px;
  border-radius: 0px !important;
}
#story_preview #controls {
  position: fixed;
  background-color: rgba(19, 94, 104, 0.8666666667);
  top: 0px;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  width: 96%;
  left: calc(50vw - 48%);
  transition: all 0.5s;
  z-index: 10;
}
#story_preview .circle.number {
  background-color: var(--accentDark);
  color: #fff;
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
  line-height: 150%;
  margin-right: 0.6rem;
  display: inline-block;
  border-radius: 200px;
}
#story_preview .question_text {
  font-family: "Public Sans Variable", sans-serif;
}
#story_preview .e-richtexteditor.e-rte-tb-expand .e-rte-content, #story_preview .e-richtexteditor.e-rte-tb-expand .e-source-content {
  border: 0px;
  border-radius: var(--br);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

#stakeholders #main {
  background-color: var(--grayLight);
  min-height: 80vh;
}
#stakeholders #trio .col {
  max-width: 33%;
}
#stakeholders #trio .col span {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
  overflow: hidden;
}
#stakeholders #StakeholdersGrid .e-gridcontent {
  cursor: pointer;
}

#tasks {
  /*task card status*/
}
#tasks #main {
  background-color: var(--grayLight);
  min-height: 80vh;
}
#tasks .e-card {
  font-family: "Public Sans Variable";
}
#tasks .e-card small {
  line-height: 1.3rem;
  display: block;
}
#tasks .e-card p {
  line-height: 1.2rem;
}
#tasks #Status_options li::before {
  content: "•";
  position: absolute;
  left: -15px;
  font-size: 2.5rem;
  color: blue;
}
#tasks #Status_options li:first-child::before {
  color: var(--gray);
}
#tasks #Status_options li:nth-child(2)::before {
  color: var(--secondary);
}
#tasks #Status_options li:nth-child(3)::before {
  color: var(--green);
}
#tasks #Kanban_dialog_wrapper {
  width: 700px !important;
}
#tasks #Kanban_dialog_wrapper.delete {
  width: 450px !important;
}
#tasks #Kanban_dialog_wrapper .e-footer-content button {
  min-width: 120px;
  margin-left: 0px;
  margin-right: 10px;
}
#tasks #Kanban_dialog_wrapper .e-footer-content button.e-dialog-delete {
  position: absolute;
  right: 0px;
  background-color: transparent !important;
}
#tasks #Kanban_dialog_wrapper .e-footer-content button.e-dialog-cancel {
  visibility: hidden;
}
#tasks .status {
  border-radius: var(--br);
  height: 5px;
  width: 3rem;
  display: block;
}
#tasks .status.inprogress {
  background-color: var(--yellow);
}
#tasks .status.todo {
  background-color: var(--gray);
}
#tasks .status.completed {
  background-color: var(--green);
}

#results #main {
  background-color: var(--grayLight);
  padding-left: 0px;
  padding-right: 0px;
}
#results .result_card {
  height: 190px;
  overflow: hidden;
}
#results div.card.result_card_add {
  background-color: #fff !important;
}
#results div.card.result_card_add:hover {
  background-color: var(--accent) !important;
}
#results div.card.result_card:hover {
  border: 1px solid var(--gray) !important;
  background-color: var(--secondaryLight);
}
#results div.card.result_card:hover a {
  color: var(--text) !important;
}
#results div.card.result_card:active {
  transform: translateY(3px);
  box-shadow: none !important;
}
#results .data_value {
  font-size: 4rem;
  font-variation-settings: "wght" 400;
  line-height: 100%;
}
#results .indicator_card {
  transition: all 0.3s;
}
#results .indicator_card.selected {
  background-color: var(--secondaryLight);
  box-shadow: none !important;
  position: relative;
  transform: translateY(3px);
  z-index: 0;
}
#results .indicator_card i.ph-check-circle-thin {
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.3s;
}
#results .indicator_card.selected i.ph-check-circle-thin {
  opacity: 1;
  transform: translateY(0px);
}
#results .trend small {
  font-size: 30%;
  position: absolute;
  margin-top: -1rem;
  margin-left: 0.5rem;
}
#results .trend i {
  font-size: 120%;
  color: var(--accent);
  margin-top: 0.2rem;
}
#results .data_function {
  position: absolute;
  bottom: 20px;
}

#results_detail #main {
  background-color: var(--grayLight);
  padding-left: 0px;
  padding-right: 0px;
}
#results_detail .e-panel {
  border: none !important;
  box-shadow: none !important;
}

/********************************************************** mobile shell **/
/* All rules scoped under body.mobile so desktop styling is never affected. */
body.mobile {
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  background-color: var(--white);
  /* ---- top bar ---- */
  /* ---- main content sits between fixed bars ---- */
  /* ---- off-canvas drawer ---- */
  /* ---- bottom tab bar ---- */
  /* ---- dialogs become full-screen bottom sheets ---- */
  /* ---- mobile project wizard ---- */
  /* ---- New Project start / review screens on a phone ---- */
  /* ---- shared project header (_header.cshtml) ---- */
  /* project tab bar: horizontal scroll instead of wrapping/overflow */
  /* ---- logframe goals -> vertical stack (no horizontal scroll / rotated labels) ---- */
  /* hide the rotated label spans wherever they appear in the logframe */
  /* objectives + activities full width, no deep indents */
  /* action links (+Objective, +Indicator, Insights, edit) become a wrapped, tappable row */
  /* the bg-grayLight goals strip wrapper: drop the big left padding / rotate gutter */
  /* indicator rows / tables inside logframe: allow horizontal scroll rather than overflow */
}
body.mobile #container {
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
body.mobile #mobileTopBar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.5rem;
  background: var(--white);
  border-bottom: 1px solid var(--border);
}
body.mobile #mobileTopBar .mobile-topbar-title {
  font-variation-settings: "wght" 700;
  font-size: 1.05rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.mobile #mobileTopBar button, body.mobile #mobileTopBar a.icon-btn {
  min-width: 44px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.mobile #main {
  padding-top: 56px;
  padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
  max-width: 100%;
}
body.mobile #mobileDrawerScrim {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1199;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
body.mobile #mobileDrawer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 84%;
  max-width: 320px;
  z-index: 1200;
  background: var(--white);
  box-shadow: 2px 0 24px rgba(0, 0, 0, 0.25);
  transform: translateX(-100%);
  transition: transform 0.25s ease;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
body.mobile.drawer-open #mobileDrawer {
  transform: translateX(0);
}
body.mobile.drawer-open #mobileDrawerScrim {
  opacity: 1;
  pointer-events: auto;
}
body.mobile #mobileDrawer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body.mobile #mobileDrawer .drawer-nav a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 1rem;
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid var(--border);
}
body.mobile #mobileDrawer .drawer-nav a i {
  font-size: 1.25rem;
  color: var(--accent);
}
body.mobile #mobileTabBar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(60px + env(safe-area-inset-bottom, 0px));
  padding-bottom: env(safe-area-inset-bottom, 0px);
  z-index: 1100;
  display: flex;
  background: var(--white);
  border-top: 1px solid var(--border);
}
body.mobile #mobileTabBar a {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: var(--textLight);
  text-decoration: none;
  font-size: 0.7rem;
}
body.mobile #mobileTabBar a i {
  font-size: 1.4rem;
}
body.mobile #mobileTabBar a.active {
  color: var(--accent);
  font-variation-settings: "wght" 700;
}
body.mobile #mobileTabBar a.disabled {
  opacity: 0.4;
  pointer-events: none;
}
body.mobile #notificationPopover {
  max-width: 100% !important;
  width: 100%;
}
body.mobile #forDialogs .e-dialog {
  border-radius: 0 !important;
}
body.mobile #wizardContainerMobile {
  display: flex;
  flex-direction: column;
  /* fill the space between the journey strip (under the fixed top bar) and the bottom tab bar */
  height: calc(100vh - 56px - 60px - var(--np-journey-h, 0px));
  overflow: hidden;
  /* the Guided conversation's components (wwwroot/js/projectWizard.js) */
}
body.mobile #wizardContainerMobile .wizard-mtabs {
  display: flex;
  border-bottom: 1px solid var(--border);
  flex: 0 0 auto;
}
body.mobile #wizardContainerMobile .wizard-mtabs button {
  flex: 1;
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  padding: 0.75rem 0.5rem;
  color: var(--textLight);
  font-size: 0.9rem;
}
body.mobile #wizardContainerMobile .wizard-mtabs button.active {
  color: var(--accent);
  border-bottom-color: var(--accent);
  font-variation-settings: "wght" 700;
}
body.mobile #wizardContainerMobile .wizard-mpane {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
body.mobile #wizardContainerMobile .np-steps {
  padding: 0.6rem 1rem 0.5rem;
}
body.mobile #wizardContainerMobile .np-chat-log {
  padding: 1rem;
  -webkit-overflow-scrolling: touch;
}
body.mobile #wizardContainerMobile .np-chat-input {
  padding: 0.6rem 1rem 0.5rem;
  /* suggestions scroll sideways in one row instead of pushing the composer off screen */
}
body.mobile #wizardContainerMobile .np-chat-input > .np-chips {
  flex-wrap: nowrap;
  overflow-x: auto;
  max-height: none;
  padding-bottom: 0.25rem;
}
body.mobile #wizardContainerMobile .np-chat-input > .np-chips .np-chip {
  flex: 0 0 auto;
  white-space: nowrap;
}
body.mobile #wizardContainerMobile .np-chat-foot .np-hint {
  display: none;
}
body.mobile #wizardContainerMobile .wizard-msummary {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1rem;
  gap: 1rem;
  background-color: var(--grayLighter);
  /* Create stays within reach at the bottom of the outline */
}
body.mobile #wizardContainerMobile .wizard-msummary .np-create {
  position: sticky;
  bottom: 0;
  z-index: 2;
}
body.mobile #wizardApp {
  /* the fixed Create bar (page_projects.scss, <992px) sits above the bottom tab bar */
}
body.mobile #wizardApp .np-start {
  padding: 1rem 0.9rem 2rem;
}
body.mobile #wizardApp .np-review {
  padding: 1rem 0.75rem 9rem;
}
body.mobile #wizardApp .np-review-side .np-create {
  bottom: calc(60px + env(safe-area-inset-bottom, 0px));
  padding-bottom: 0.6rem;
}
body.mobile #wizardApp .np-panel-foot button.e-primary {
  width: 100%;
}
body.mobile #project_header {
  padding: 0.75rem !important;
}
body.mobile #project_header h1 {
  font-size: 1.4rem;
  margin: 0.25rem 0;
}
body.mobile #project_header h2 {
  font-size: 1rem;
  margin-bottom: 0.75rem !important;
}
body.mobile #project_header .row {
  flex-direction: column;
}
body.mobile #project_header .order-lg-1, body.mobile #project_header .order-lg-2 {
  width: 100%;
}
body.mobile #project_header .justify-content-md-end {
  justify-content: flex-start !important;
}
body.mobile #project_nav {
  flex-direction: column;
  align-items: stretch;
}
body.mobile #project_nav .tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  margin-left: 0 !important;
}
body.mobile #project_nav .tabs a {
  display: inline-block;
}
body.mobile #project_nav #storyButton {
  margin-top: 0.5rem;
}
body.mobile #goals {
  display: block !important;
  overflow: visible !important;
  white-space: normal;
  /* rotated vertical "Goals"/"Objective N" labels don't work stacked — hide them */
}
body.mobile #goals > span,
body.mobile #goals .objective > div > span[style*=rotate] {
  display: none !important;
}
body.mobile #goals .goal {
  max-width: 100% !important;
  width: 100%;
  margin: 0 0 0.5rem 0 !important;
  float: none;
}
body.mobile #goals .inactiveGoal header {
  height: auto !important;
}
body.mobile .objective > div > span[style*=rotate],
body.mobile .bg-grayLight > span[style*=rotate] {
  display: none !important;
}
body.mobile .objective {
  padding-left: 0.75rem !important;
  min-height: 0 !important;
}
body.mobile .objective .pt-1.pl-3 {
  max-width: 100% !important;
  padding-left: 0 !important;
}
body.mobile .objective .d-md-flex {
  display: block !important;
}
body.mobile .objective .ml-auto {
  margin-left: 0 !important;
}
body.mobile .activity {
  margin-left: 0 !important;
}
body.mobile .activity header.d-md-flex {
  display: block !important;
}
body.mobile .activity .ml-auto {
  margin-left: 0 !important;
}
body.mobile .objective .ml-auto,
body.mobile .activity .ml-auto,
body.mobile #activeGoal .m-auto {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.9rem;
  align-items: center;
  margin-top: 0.5rem;
}
body.mobile .objective .ml-auto a.link, body.mobile .objective .ml-auto > a, body.mobile .objective .ml-auto > button,
body.mobile .activity .ml-auto a.link,
body.mobile .activity .ml-auto > a,
body.mobile .activity .ml-auto > button,
body.mobile #activeGoal .m-auto a.link,
body.mobile #activeGoal .m-auto > a,
body.mobile #activeGoal .m-auto > button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
}
body.mobile .bg-grayLight.row {
  padding: 0.75rem !important;
}
body.mobile #logframeMain .e-grid, body.mobile #logframeMain table {
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

:root {
  --text: #484848;
  --black: #484848;
  --white:#ffffff;
  --textLight: #777777aa;
  --textDark: #114;
  --link: #3e90b4;
  --charcoal:#36454F;
  --gray: #d5d2cf;
  --grayLight: #f1f0ec;
  --grayLighter: #f7f6f3;
  --grayDark: #e1ddd9;
  --grayDarker: #c7c0b9;
  --grayTrans: #AAAAAA33;
  --border:#AAAAAA44;
  --borderDark: #77777744;
  --sidebarLight: #656565;
  --sidebarDark: #4e4e4e;
  --accent: #235f5f;
  --accent: #348f96;
  --accentLight: #53d1db;
  --accentLighter: #dbf6f6;
  --accentDark: #135e68;
  --accentText: #209bad;
  --secondary: #f0c352;
  --secondaryLight: #ffeeb3;
  --secondaryDark: #ecb427;
  --brsmall: 7px / 6px;
  --br: 9px / 7px;
  --brbig: 16px / 13px;
  --brbutton: 300px;
  --red: #f24a18;
  --redLight: #ffdbd9;
  --orange: #ffc92a;
  --orangeLight: #ffe9c4;
  --yellow: #ffd98f;
  --yellowLight: #fff5d9;
  --green: #a4d418;
  --greenLight: #e8f5df;
  --blue: #57a1db;
  --blueLight: #baedfc;
  --indigo: #3fcad4;
  --indigoLight: #89e2e8;
  --purple: #b35daa;
  --purpleLight: #f1edff;
  --brown: #bdaa7b;
  --brownLight: #ebdfcc;
  --danger: var(--red);
}

/********************************************************** main global layout **/
html {
  font-family: "public sans variable", "Segoe UI", sans-serif;
  font-variation-settings: "wght" 500;
  font-size: 15px;
  line-height: 130%;
  text-shadow: none;
}

body {
  background-color: var(--grayDark);
  color: var(--text);
  margin: 0 auto;
  min-width: 200px;
  padding-bottom: 3rem;
}

#container {
  overflow: hidden;
  background-color: var(--white);
}

#global_footer {
  max-width: 1600px;
}

#main {
  max-width: 100%;
}

@media only screen and (max-width: 500px) {
  #forDialogs .e-dlg-content * {
    font-size: 1rem !important;
  }
  #forDialogs .e-dialog {
    box-shadow: 0px 40px 40px 40px rgba(0, 0, 0, 0.3333333333), 0px 100px 50px 50px rgba(51, 51, 51, 0.6666666667) !important;
    border-radius: 0px !important;
    top: 0px !important;
  }
  #forDialogs .setup_dialog .e-dlg-header-content {
    outline: 0px !important;
    border-radius: 0px !important;
  }
  #main .setup_dialog .e-dlg-header-content, #main .setup_dialog .e-dlg-content .e-dlg-header-content {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 968px) {
  body {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
  }
  #container {
    border-radius: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  body {
    padding: 0px;
  }
  #container {
    border-radius: 0px;
  }
}
@media only screen and (min-width: 768px) {
  body {
    width: calc(100% - 2rem);
    padding-top: 1rem;
  }
}
header#global {
  z-index: 1;
  position: relative;
  border-bottom: 1px solid rgba(170, 170, 170, 0.1333333333);
}

#logo {
  width: 90px;
}
#logo h1 {
  background: url("/img/logo.svg") center center no-repeat;
  overflow: hidden;
  display: block;
  height: 80px;
  margin: 0px 0px 0px 0px;
}
#logo h1 span {
  font-size: 0px;
  position: absolute;
}

#user {
  font-size: 0px;
  min-width: 60px;
  background: url("/img/nav_user.svg") center center no-repeat transparent;
  background-size: 50% !important;
  opacity: 0.8;
}
#user:hover, #user.active {
  opacity: 1;
}

/********************************************************** navigation sidebar **/
#sidebar {
  background-color: var(--text);
  background-image: linear-gradient(90deg, var(--text) 90px, #444);
  min-width: 115px;
}
#sidebar ul {
  margin: 0px;
  padding: 0px;
}
#sidebar a {
  text-align: center;
  display: block;
  height: 100%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  color: #fff;
  margin-bottom: 1px;
}
#sidebar li.active a, #sidebar a:hover {
  background-image: linear-gradient(90deg, #777 90px, rgba(120, 120, 120, 0.5));
}
#sidebar a i {
  font-size: 1.8rem;
}
#sidebar a span {
  display: block;
  margin-top: 1rem;
}

#globalNavToggle {
  position: absolute;
  right: 20px;
  top: 30px;
}

/********************************************************** dialogs **/
#forDialogs {
  width: 100vw;
  min-height: 100vh;
  left: 0vw;
  top: 0vh;
  z-index: 105;
  position: fixed;
  pointer-events: none;
}

#noscript {
  left: 0px;
  top: 0px;
  font-size: 1rem;
  line-height: 150%;
  z-index: 5000;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
}

/********************************************************** global base styles  **/
header > div.row > h1 {
  padding-left: 0.6rem;
}

.scrollable {
  overflow-y: auto;
}

.scrollable::-webkit-scrollbar {
  width: 6px; /* width of the entire scrollbar */
}

.scrollable::-webkit-scrollbar-track {
  background-color: var(--gray); /* color of the tracking area */
}

.scrollable::-webkit-scrollbar-thumb {
  background-color: var(--accentDark); /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
  border: 5px solid transparent; /* creates padding around scroll thumb */
}

textarea::-webkit-scrollbar, div::-webkit-scrollbar {
  width: 8px; /* width of the entire scrollbar */
  height: 8px;
}

textarea::-webkit-scrollbar-track, div::-webkit-scrollbar-track {
  background-color: rgba(170, 170, 170, 0.2);
  border-radius: 20px;
}

textarea::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
  background-color: var(--accentDark); /* color of the scroll thumb */
  border-radius: 20px; /* roundness of the scroll thumb */
}

::selection {
  color: var(--text) !important;
  background: var(--accentLighter) !important;
}

p {
  overflow-wrap: anywhere;
}

.popover > ul, .popover > ul li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.bg-accent {
  background-color: var(--accent);
}

.bg-accentLight {
  background-color: var(--accentLight);
}

.bg-accentLighter {
  background-color: var(--accentLighter);
}

.bg-accentDark {
  background-color: var(--accentDark);
}

.bg-secondary {
  background-color: var(--secondary);
}

.bg-secondaryLight {
  background-color: var(--secondaryLight);
}

.bg-secondaryDark {
  background-color: var(--secondaryDark);
}

.bg-gray {
  background-color: var(--gray);
}

.bg-grayLight {
  background-color: var(--grayLight);
}

.bg-grayLighter {
  background-color: var(--grayLighter);
}

.bg-grayDark {
  background-color: var(--grayDark);
}

.bg-grayDarker {
  background-color: var(--grayDarker);
}

.bg-danger {
  background-color: var(--danger);
}

.hover-bg-accent:hover {
  background-color: var(--accent);
}

.hover-bg-accentLight:hover {
  background-color: var(--accentLight);
}

.hover-bg-accentLighter:hover {
  background-color: var(--accentLighter);
}

.hover-bg-accentDark:hover {
  background-color: var(--accentDark);
}

.hover-bg-secondary:hover {
  background-color: var(--secondary);
}

.hover-bg-secondaryLight:hover {
  background-color: var(--secondaryLight);
}

.hover-bg-secondaryDark:hover {
  background-color: var(--secondaryDark);
}

.hover-bg-gray:hover {
  background-color: var(--gray);
}

.hover-bg-grayLight:hover {
  background-color: var(--grayLight);
}

.hover-bg-grayLighter:hover {
  background-color: var(--grayLighter);
}

.hover-bg-grayDark:hover {
  background-color: var(--grayDark);
}

.hover-bg-grayDarker:hover {
  background-color: var(--grayDarker);
}

.hover-bg-danger:hover {
  background-color: var(--danger);
}

.hover-border-accent:hover {
  border-color: var(--accent);
}

.hover-border-accentLight:hover {
  border-color: var(--accentLight);
}

.hover-border-accentLighter:hover {
  border-color: var(--accentLighter);
}

.hover-border-accentDark:hover {
  border-color: var(--accentDark);
}

.hover-border-secondary:hover {
  border-color: var(--secondary);
}

.hover-border-secondaryLight:hover {
  border-color: var(--secondaryLight);
}

.hover-border-secondaryDark:hover {
  border-color: var(--secondaryDark);
}

.hover-border-gray:hover {
  border-color: var(--gray);
}

.hover-border-grayLight:hover {
  border-color: var(--grayLight);
}

.hover-border-grayLighter:hover {
  border-color: var(--grayLighter);
}

.hover-border-grayDark:hover {
  border-color: var(--grayDark);
}

.hover-border-grayDarker:hover {
  border-color: var(--grayDarker);
}

.hover-border-danger:hover {
  border-color: var(--danger);
}

.text-default {
  color: var(--text);
}

.text-white {
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
}

.hover-bg-white:hover {
  background-color: #ffffff;
}

.text-accent {
  color: var(--accent) !important;
}

.text-accentLight {
  color: var(--accentLight) !important;
}

.text-accentLighter {
  color: var(--accentLighter) !important;
}

.text-accentDark {
  color: var(--accentDark) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.text-secondaryLight {
  color: var(--secondaryLight) !important;
}

.text-secondaryDark {
  color: var(--secondaryDark) !important;
}

.text-gray {
  color: var(--gray) !important;
}

.text-grayLight {
  color: var(--grayLight) !important;
}

.text-grayLighter {
  color: var(--grayLighter) !important;
}

.text-grayDark {
  color: var(--grayDark) !important;
}

.text-grayDarker {
  color: var(--grayDarker) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-accent {
  color: var(--accentText) !important;
}

.hover-text-accent:hover {
  color: var(--accent);
}

.hover-text-accentLight:hover {
  color: var(--accentLight);
}

.hover-text-accentLighter:hover {
  color: var(--accentLighter);
}

.hover-text-accentDark:hover {
  color: var(--accentDark);
}

.hover-text-secondary:hover {
  color: var(--secondary);
}

.hover-text-secondaryLight:hover {
  color: var(--secondaryLight);
}

.hover-text-secondaryDark:hover {
  color: var(--secondaryDark);
}

.hover-text-gray:hover {
  color: var(--gray);
}

.hover-text-grayLight:hover {
  color: var(--grayLight);
}

.hover-text-grayLighter:hover {
  color: var(--grayLighter);
}

.hover-text-grayDark:hover {
  color: var(--grayDark);
}

.hover-text-grayDarker:hover {
  color: var(--grayDarker);
}

.hover-text-danger:hover {
  color: var(--danger);
}

.bg-white {
  background-color: #fff;
}

.text-white {
  color: #fff;
}

.text-gray {
  color: var(--textLight) !important;
}

.hover-text-gray:hover {
  color: var(--textLight) !important;
}

.border {
  border: 1px solid var(--border);
}

.max-height-100 {
  max-height: 100px;
}

.max-height-150 {
  max-height: 150px;
}

.max-height-200 {
  max-height: 200px;
}

.max-height-250 {
  max-height: 250px;
}

.max-height-300 {
  max-height: 300px;
}

.max-height-350 {
  max-height: 350px;
}

.max-height-400 {
  max-height: 400px;
}

.max-height-450 {
  max-height: 450px;
}

.max-height-500 {
  max-height: 500px;
}

.max-height-550 {
  max-height: 550px;
}

.max-height-600 {
  max-height: 600px;
}

.border-left {
  border-left: 1px solid var(--border);
}

.border-top {
  border-top: 1px solid var(--border);
}

.border-right {
  border-right: 1px solid var(--border);
}

.border-bottom {
  border-bottom: 1px solid var(--border);
}

a.circle {
  border-radius: 100px;
}

.rounded {
  border-radius: var(--br);
}

.rounded_right {
  border-radius: var(--br);
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.rounded_left {
  border-radius: var(--br);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded_top {
  border-radius: var(--br);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.rounded_bottom {
  border-radius: var(--br);
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.rounded_small {
  border-radius: var(--brsmall);
}

.rounded_big {
  border-radius: var(--brbig);
}

.shadow {
  box-shadow: 0px 3px 2px rgba(100, 120, 130, 0.09);
}

.shadow_big {
  box-shadow: 0px 8px 26px rgba(120, 120, 130, 0.5);
}

.shadow_medium {
  box-shadow: 0px 5px 8px rgba(120, 120, 130, 0.3);
}

hr {
  border: 0px;
  height: 1px;
  background-color: var(--border);
  padding: 0px;
  margin: 1rem 0;
}

.character_count {
  transform: translate(-1rem, -1.5rem);
  font-size: 85%;
  text-align: right;
  pointer-events: none;
  color: var(--textLight);
  height: 0px;
  overflow: visible;
}

i.ph-question-fill {
  color: var(--textLight);
}

.tabs {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
}
.tabs a {
  font-family: "public sans variable", sans-serif;
  font-variation-settings: "wght" 600;
  text-align: center;
  text-decoration: none;
  padding: 1rem 1.3rem;
  display: inline-block;
  margin-right: 5px;
  border-top: 2px solid transparent;
  opacity: 0.85;
}
.tabs a:hover {
  opacity: 1;
}
.tabs a.active, .tabs a.active:hover {
  border-bottom: 2px solid var(--secondary);
}

.tabs_small {
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
  overflow: auto;
}
.tabs_small a {
  font-family: "public sans variable", sans-serif;
  font-variation-settings: "wght" 600;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 250px;
  text-align: center;
  text-decoration: none;
  padding: 0.6rem 0.5rem;
  display: inline-block;
  margin-right: 5px;
  border-top: 2px solid transparent;
  color: var(--text);
}
.tabs_small a:hover {
  border-bottom: 2px solid var(--grayTrans);
}
.tabs_small a.active, .tabs_small a.active:hover {
  border-bottom: 2px solid var(--brown);
}

/*icons*/
.login_Google {
  background: url("/img/logo_google.svg");
}

.login_Microsoft {
  background: url("/img/logo_microsoft.svg");
}

div.loading {
  background: url(/img/loading.svg) center center/100px no-repeat transparent;
  min-height: 100px;
}

i.icon_loading {
  display: block;
  width: 60px;
  height: 60px;
  background: url(/img/loading.svg) left top/contain no-repeat transparent;
  transform: none;
}

i.icon_loading:active {
  animation: loader 0.5s infinite;
  animation-timing-function: linear;
}

@keyframes loader {
  0% {
    transform: rotate(0deg) scale(0.9);
  }
  100% {
    transform: rotate(360deg) scale(0.9);
  }
}
i.status {
  width: 18px;
  display: inline-block;
  position: relative;
}

i.status::before {
  content: " ";
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: var(--brbig);
  top: -10px;
}

i.status_blue::before {
  background-color: var(--blue);
}

i.status.status_blue::before {
  background-color: var(--blue);
}

i.status.status_orange::before {
  background-color: orange;
}

i.status.status_red::before {
  background-color: orangered;
}

i.status.status_gray::before {
  background-color: var(--gray);
}

i.status.status_purple::before {
  background-color: fuchsia;
}

i.status.status_green::before {
  background-color: limegreen;
}

.round .ph-x-circle-thin {
  font-size: 2.5rem;
  color: var(--accentLight);
}

.round .ph-plus-circle-thin, .round .ph-plus-circle {
  font-size: 2.5rem;
  color: var(--accentLight);
}

.e-btn .ph-plus, .round .ph-plus {
  font-size: 25px;
}

[class^=ph-] {
  font-size: 1.25rem;
  vertical-align: middle;
}

.icon_big {
  font-size: 1.6rem;
}

.icon_bigger {
  font-size: 2rem;
}

.icon_link i {
  color: var(--gray);
}

.icon_link.active i {
  color: var(--accent);
}

dl {
  font-size: 85%;
}

dl > div {
  border: 1px solid var(--border);
  margin-right: -1px;
  margin-bottom: -1px;
  padding: 0.5rem;
}

dt {
  font-variation-settings: "wght" 700;
}

dd {
  margin-inline-start: 0px;
}

.badge {
  display: inline-block;
  position: absolute;
  border-radius: var(--br);
  background-color: var(--danger);
  color: #fff;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -1.2rem;
}

i.ph-spinner {
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  99% {
    transform: rotate(359deg);
  }
}