html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

*:focus {
  outline: thin #f2921c dotted;
  outline-offset: -1px;
}

ul {
  list-style: none;
}

a {
  background: transparent;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  margin: 0;
  color: inherit;
  font: inherit;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type=search] {
  box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=date] {
  background-color: transparent;
  border: none;
}

textarea {
  overflow: auto;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  text-align: left;
  vertical-align: middle;
}

:root {
  --color-background: #FFBB00;
  --safe-area-top: 22px;
  --base-line-height: 22px;
}

@supports (padding: max(0px)) {
  :root {
    --safe-area-top: max(var(--base-line-height), env(safe-area-inset-top));
  }
}
.ct-chart .ct-label {
  display: block;
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  text-align: left;
}
.ct-chart .ct-label.ct-horizontal {
  display: block;
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  text-align: left;
}
.ct-chart .ct-label.ct-vertical {
  display: block;
  width: 100%;
  height: 100%;
  fill: rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.75rem;
  text-align: right;
}
.ct-chart .ct-grid {
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 1px;
  stroke-dasharray: 2px;
}
.ct-chart .ct-bar {
  fill: none;
  stroke-width: 10px;
}
.ct-chart .ct-series.ct-series-a .ct-point, .ct-chart .ct-series.ct-series-a .ct-line, .ct-chart .ct-series.ct-series-a .ct-bar, .ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
  stroke: #292929;
}
.ct-chart .ct-series.ct-series-b .ct-point, .ct-chart .ct-series.ct-series-b .ct-line, .ct-chart .ct-series.ct-series-b .ct-bar, .ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
  stroke: #f2921c;
}
.ct-chart.ct-major-twelfth {
  display: block;
  position: relative;
  width: 100%;
}
.ct-chart.ct-major-twelfth:before {
  display: block;
  float: left;
  content: "";
  width: 0;
  height: 0;
  padding-bottom: 33.3333333333%;
}
.ct-chart.ct-major-twelfth:after {
  content: "";
  display: table;
  clear: both;
}
.ct-chart.ct-major-twelfth > svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.ct-horizontal {
  -webkit-transform: translatex(-44px);
          transform: translatex(-44px);
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@-webkit-keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  -webkit-animation: tooltipster-fading 400ms;
          animation: tooltipster-fading 400ms;
}

/* rotate */
@-webkit-keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes tooltipster-rotating {
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  -webkit-animation: tooltipster-rotating 600ms;
          animation: tooltipster-rotating 600ms;
}

/* scale */
@-webkit-keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes tooltipster-scaling {
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.tooltipster-update-scale {
  -webkit-animation: tooltipster-scaling 600ms;
          animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: white;
  border: none;
  border-radius: 0;
  color: black;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 18px;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: white;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: white;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: white;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: white;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: white;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: white;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: white;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: white;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.ember-basic-dropdown {
  position: relative;
}

.ember-basic-dropdown, .ember-basic-dropdown-content, .ember-basic-dropdown-content * {
  box-sizing: border-box;
}

.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #ffffff;
}

.ember-basic-dropdown-content--left {
  left: 0;
}

.ember-basic-dropdown-content--right {
  right: 0;
}

.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}

.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}

.ember-power-select-dropdown * {
  box-sizing: border-box;
}

.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}

.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}

.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input:-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}

.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}

.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}

.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}

.ember-power-select-search {
  padding: 4px;
}

.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}

.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below, .ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}

.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role=listbox] {
  overflow-y: auto;
  /* in firefox in windows this can cause a word-break issue. Try `overflow-y: scroll` if that happens */
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}

.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}

.ember-power-select-group[aria-disabled=true] {
  color: #999999;
  cursor: not-allowed;
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,
.ember-power-select-option[aria-disabled=true] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}

.ember-power-select-option[aria-selected=true] {
  background-color: #dddddd;
}

.ember-power-select-option[aria-current=true] {
  background-color: #5897fb;
  color: #ffffff;
}

.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}

.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}

.ember-power-select-trigger {
  padding: 0 16px 0 0;
}

.ember-power-select-selected-item, .ember-power-select-placeholder {
  margin-left: 8px;
}

.ember-power-select-status-icon {
  right: 5px;
}

.ember-power-select-clear-btn {
  right: 25px;
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}

.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item, .ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}

.ember-power-select-multiple-remove-btn {
  float: right;
  margin-left: 3px !important;
  font-size: 18px;
  line-height: 20px;
}

.ember-power-select-selected-item {
  display: block;
}

.ember-power-select-multiple-option {
  background-color: orange;
  border: none;
  padding: 4px 8px 4px 8px;
  color: white;
}

.ember-power-select-trigger-multiple-input {
  margin: 4px 8px 4px 8px;
}

.ember-power-select-option {
  padding: 8px;
}

.ember-basic-dropdown-content {
  color: black;
}

.ember-power-select-dropdown {
  border-top: 1px solid #aaaaaa !important;
}

.ember-basic-dropdown-trigger {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.ember-power-select-clear-btn {
  color: #f2921c;
  font-size: 18px;
  line-height: 20px;
}

.ember-power-select-trigger:focus, .ember-power-select-trigger--active {
  border-top: 1px solid #f2921c;
  border-bottom: 1px solid #f2921c;
  border-right: 1px solid #f2921c;
  border-left: 1px solid #f2921c;
  box-shadow: none;
}

.ember-power-select-status-icon {
  border-color: #f2921c transparent transparent transparent;
}

@font-face {
  font-family: "Fedra Book";
  src: url("fonts/FedraSansStd-Book.woff2") format("woff2");
}
html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  background-color: #08142b;
  font-size: 15px;
  line-height: 22px;
  color: white;
}

body, input, textarea, button, select {
  font-family: "Fedra Book", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div:focus {
  outline: none;
}

select {
  cursor: pointer;
  -webkit-user-select: auto;
  box-shadow: none;
  background-color: initial;
  margin-bottom: 0;
  padding: 6px 22px 6px 6px;
  border: 1px solid #f2921c;
  color: #f2921c;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6aHNsYSgzMywgODklLCA1MyUsIDEpO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YXJyb3dzPC90aXRsZT48cmVjdCBjbGFzcz0iY2xzLTEiIHdpZHRoPSI0Ljk1IiBoZWlnaHQ9IjEwIi8+PHBvbHlnb24gY2xhc3M9ImNscy0yIiBwb2ludHM9IjEuNDEgNC42NyAyLjQ4IDMuMTggMy41NCA0LjY3IDEuNDEgNC42NyIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIzLjU0IDUuMzMgMi40OCA2LjgyIDEuNDEgNS4zMyAzLjU0IDUuMzMiLz48L3N2Zz4=) no-repeat 95% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 4px;
  background-color: white;
}

li, a, .btn, .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-tap-highlight-color: rgba(242, 146, 28, 0.15);
}

a, button {
  color: #f2921c;
  border-radius: 0;
}

a.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
}

a, button, [role=button] {
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  background-color: transparent;
  -webkit-tap-highlight-color: rgba(242, 146, 28, 0.15);
  border: 0;
  padding: 0;
  margin: 0;
  -webkit-touch-callout: none;
}

button, [role=button] {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

small {
  font-size: 11px;
  line-height: 15px;
  color: darkgray;
}

pre {
  white-space: pre-wrap;
}

.btn {
  cursor: pointer;
  padding: 0 15px;
  white-space: nowrap;
  display: inline-block;
  height: 44px;
  text-align: center;
  color: #f2921c;
  font-size: 15px;
  z-index: 1;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center;
}
.btn .hamburger > div {
  background-color: #f2921c;
}
.btn:focus {
  color: #b2670a;
  outline: none;
}
.btn:active {
  color: #915308;
}

.btn:disabled, .btn.disabled, .btn--icon:disabled, .btn--icon.disabled {
  opacity: 0.6;
  -webkit-filter: saturate(0);
          filter: saturate(0);
}

.btn--small {
  font-size: 13px;
}

.btn--save {
  flex: 1;
  margin-right: 20px;
}

.mgw__content__start-screen {
  margin-top: 22px;
  font-size: 17px;
  text-align: center;
}

.mgw__content__login {
  margin-top: -22px !important;
}

.btn--cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(216, 230, 26, 0.8);
  min-height: 55px;
  border-radius: 5px;
  height: auto;
  font-size: 25px;
  white-space: normal;
  cursor: pointer;
  color: #041434;
  padding: 11px 22px;
  margin: 11px 0 44px;
  line-height: 33px;
  word-break: break-word;
  width: 100%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.7);
}
.btn--cta:hover, .btn--cta:active, .btn--cta:focus {
  background-color: rgba(194, 207, 23, 0.8);
}

.btn__meta {
  line-height: 22px;
  font-size: 17px;
}

.btn--group {
  margin-top: 50px;
}

.help-bar {
  position: absolute;
  bottom: 0;
  right: 0;
}

.btn--help {
  margin-top: 66px;
}

.btn--selected {
  background-image: url("icons/selected-ab8a4bb9ecf89a3a7d9e49c2a68fdd35.svg");
  background-size: 24px;
  background-position: calc(100% - 11px) center;
  padding-right: 44px;
}

.form__input {
  height: 44px;
  padding: 11px;
  border: 1px solid lightgray;
  flex-shrink: 0;
  width: 100%;
  padding: 0 11px;
  flex-shrink: 1;
}
.form__input[type=checkbox] {
  outline: none;
}
.form__input.two-btns {
  padding-right: 70px;
}

.form__input--row {
  margin: 6px;
}

.form__input--select {
  height: 33px;
  max-width: 100%;
  width: unset;
}

.form__input--textarea {
  min-height: 88px;
}

.form__checkbox {
  height: 22px;
  width: 22px;
  margin-right: 6px;
}

.ember-application > .ember-view {
  height: 100%;
  max-height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background-image: url("images/background-blur-ede784acce9d6f2158c35153a30a1101.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: env(safe-area-inset-top);
}

.mgw__content {
  padding: 22px 22px;
  display: flex;
  flex-direction: column;
  z-index: 1;
  margin: 0 auto;
  max-width: 100%;
  width: 396px;
  margin-bottom: 44px;
  flex-shrink: 0;
  flex-grow: 1;
  position: relative;
  word-wrap: break-word;
}

.mgw__content--white {
  background-color: white;
  color: black;
  max-width: calc(100% - 22px);
}

.mgw__content--expanded {
  max-width: 100%;
  width: auto;
}

.logo {
  background-image: url("images/logo-0fe23979ad82074dfb214911ee08ec52.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.mgw__logo {
  width: 70%;
  margin: 0 auto;
  min-height: 55px;
  margin-top: 55px;
}
@media screen and (max-width: 1025px) {
  .mgw__logo {
    margin-top: 11px;
    min-height: 44px;
  }
}

.mgw__header {
  margin: 22px 11px 11px 11px;
}
@media screen and (max-width: 1025px) {
  .mgw__header {
    margin: 11px;
  }
}

.header {
  line-height: 44px;
  font-size: 33px;
}

.header--start-screen {
  margin: 44px 0;
}

.mgw__header--logged-in {
  margin-top: 22px;
  font-size: 2.5em;
  line-height: 40px;
  margin-bottom: 11px;
  padding: 10px;
}

.mgw__header--centered {
  position: relative;
  width: calc(100% - 22px);
  margin-bottom: 22px;
  text-align: center;
}

.mgw__header--centered::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.mgw__header--centered::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.mgw__subheader {
  font-size: 15px;
  font-weight: bold;
}

.mgw__search {
  margin-bottom: 10px;
}

.mgw__form {
  list-style: none;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mgw__form__header {
  padding: 11px 15px;
  flex-shrink: 0;
  font-size: 15px;
  min-height: 44px;
  margin-top: 11px;
}

.mgw__form__input {
  background-color: white;
  width: 100%;
  height: 66px;
  font-size: 18px;
  padding: 11px 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  border: 1px solid transparent;
  line-height: 22px;
  margin-bottom: 1px;
  transition: border-color 100ms ease-out;
  border-radius: 0;
}

.mgw__form__input--with-icon {
  padding-left: 53px;
}

.mgw__form__error {
  background-color: #ffe6e6;
  padding: 15px;
  color: #a80000;
  opacity: 1;
  transition: opacity 0.1s ease-out;
}
.mgw__form__error li {
  padding-top: 11px;
}

@media screen and (min-width: 1025px) {
  .mgw__form__error {
    padding: 11px;
    font-size: 13px;
  }
  .mgw__form__error li {
    padding-top: 0;
  }
}
.mgw__form__error__link {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.mgw__form__error--retry {
  opacity: 0.6;
}

.form__icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  width: 55px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.form__icon--email {
  background-image: url("icons/email-332f46af53172944dec639a8ac7f583f.svg");
}

.form__icon--password {
  background-image: url("icons/password-a3186e516ebb7724aef690ef355a082f.svg");
}

.form .form__icon--password, .form .form__icon--email {
  -webkit-filter: saturate(0);
          filter: saturate(0);
  opacity: 0.5;
}

.form--invalid .form__icon--password, .form--invalid .form__icon--email {
  -webkit-filter: saturate(1);
          filter: saturate(1);
  opacity: 1;
}

.form-help {
  background-color: whitesmoke;
  color: gray;
  padding: 18px 20px 8px 15px;
  font-size: 12px;
  line-height: 15px;
}

.form-error {
  padding: 5px 15px;
  color: red;
}

.missing .mgw__form__input {
  border-color: red;
}

.mgw__form__input--first {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.mgw__form__input--last {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mgw__form__btn--submit {
  min-height: 66px;
  font-size: 18px;
  color: white;
  background-color: #f2921c;
  margin-top: 6px;
  width: 100%;
  justify-content: center;
}
.mgw__form__btn--submit[disabled] {
  opacity: 0.8;
  -webkit-filter: none;
          filter: none;
}

.mgw__form__input--standalone {
  border-radius: 5px;
  margin: 0 0 22px;
}

.mgw__form__btn--standalone {
  margin-top: 22px;
}

.menu__link {
  display: flex;
  background-color: rgba(216, 230, 26, 0.8);
  width: 100%;
  min-height: 55px;
  height: auto;
  margin-bottom: 6px;
  font-size: 20px;
  white-space: normal;
  cursor: pointer;
  color: #041434;
  padding: 15px;
  line-height: 33px;
  text-align: left;
  flex-shrink: 0;
  background-image: url("icons/caret--right--black-0c5d0a85f2b30ceebcce2635a269bf2a.svg");
  background-position: calc(100% - 15px) center;
  background-size: 12px 24px;
  padding-right: 55px;
  background-repeat: no-repeat;
  word-break: break-word;
}
.menu__link:hover, .menu__link:active, .menu__link:focus {
  background-color: rgba(194, 207, 23, 0.8);
}
.menu__link pre {
  text-wrap: wrap;
}

.menu__link--cta {
  background-image: url("icons/plus-b3c6a2cc71b1b9066d9411925026d393.svg");
  background-size: 19px;
}

.project-color--library {
  background-color: rgba(117, 187, 204, 0.8);
}
.project-color--library:hover, .project-color--library:active, .project-color--library:focus {
  background-color: rgba(87, 172, 193, 0.8);
}

.project-color--hibernated {
  background-color: rgba(150, 153, 102, 0.8);
}
.project-color--hibernated:hover, .project-color--hibernated:active, .project-color--hibernated:focus {
  background-color: rgba(120, 122, 82, 0.8);
}

.btn--mgw--footer {
  margin-top: 22px;
}

.global-logout {
  padding: 11px;
  display: flex;
  flex-direction: row;
  align-items: center;
  visibility: visible;
  opacity: 1;
  font-size: 16px;
}
.global-logout a, .global-logout button {
  font-weight: 600;
}

.separator {
  padding: 0 11px;
}

.global-logout--cordova {
  margin-top: 22px;
}

.nav-dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  flex-direction: column;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 2;
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.2);
}
.dropdown-content .nav-btn {
  width: 100%;
  padding: 6px;
  padding-right: 11px;
  height: 44px;
}
.dropdown-content :hover {
  background-color: #f0f0f0;
}

.nav-dropdown:hover .dropdown-content {
  display: flex;
}

.dropdown-content.shown {
  display: flex;
}

.nav-btn {
  display: flex;
  color: #f2921c;
  font-size: 14px;
  font-weight: bold;
  border-radius: 5px;
  padding: 5px;
  gap: 5px;
  align-items: center;
}
.nav-btn:hover, .nav-btn:active {
  background-color: rgba(255, 255, 255, 0.05);
}
.nav-btn[disabled] {
  opacity: 0.5;
}
.nav-btn.btn-big {
  font-size: 18px;
  margin-bottom: 20px;
}
.nav-btn .selector {
  background-size: 12px;
  height: 14px;
  width: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("icons/select--down-661f0bbbcb59655a7b2130f2adc7f699.svg");
}
@media screen and (max-width: 1025px) {
  .nav-btn .wide-btn-text {
    display: none;
  }
}

.customer-select {
  display: flex;
  color: #f2921c;
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
  gap: 5px;
  align-items: center;
}
.customer-select select {
  background-color: transparent;
  border: none;
  background-image: url("icons/select--down-661f0bbbcb59655a7b2130f2adc7f699.svg");
  background-size: 15px;
  background-position-x: 98%;
  padding-right: 25px;
}
.customer-select select:focus {
  border: none;
  outline: none;
}
.customer-select select:hover, .customer-select select:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.nav-options {
  height: 10px;
}

.errormessage, .infomessage {
  color: white;
  padding: 11px;
  text-align: center;
  font-size: 15px;
  flex-shrink: 0;
}

.errormessage {
  color: #ef4a44;
  background-color: rgba(41, 41, 41, 0.3);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.errormessage--reset-password {
  display: block;
  font-size: 12px;
  padding: 11px;
}

.legacy-browser {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  left: 0;
  top: 0;
  color: black;
}
.legacy-browser:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  left: 0;
  top: 0;
  background: radial-gradient(rgba(64, 64, 75, 0.9), rgba(17, 17, 24, 0.9)) rgba(34, 34, 40, 0.52);
}

.legacy-browser__message {
  width: 616px;
  min-width: 308px;
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 100;
  padding: 44px;
}

.code-block {
  border: none;
  outline: none;
  width: 100%;
  border-radius: 4px;
  white-space: pre-wrap;
  word-wrap: break-word;
  display: block;
  padding: 11px;
  background: #fbfaf8;
  font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace;
  margin: 11px 0;
}

@-webkit-keyframes loadingRotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes loadingRotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.one-quarter {
  display: flex;
  border: 1px solid;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.one-quarter--login {
  width: 22px;
  height: 22px;
  border: 2px solid;
  border-color: white rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1);
  -webkit-animation: loadingRotation 1s infinite linear;
          animation: loadingRotation 1s infinite linear;
}

table {
  overflow: scroll;
}

.form-control {
  width: 100%;
}

.form-color-selector {
  padding: 0px;
  border: 0px;
  width: 50px;
  height: 50px;
  margin: auto;
  background-color: transparent;
}

th, td {
  white-space: nowrap;
  padding: 11px;
}

th {
  font-weight: bold;
  padding-right: 22px;
  background: whitesmoke;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
  min-width: 66px;
}

td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

thead tr:first-child th {
  padding-top: 11px;
  position: sticky;
  top: 0;
  cursor: pointer;
  z-index: 1;
}
thead tr:last-child th {
  padding-bottom: 11px;
}

.slick-sort-indicator {
  transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out, opacity 200ms ease-out;
  transition: transform 200ms ease-out, opacity 200ms ease-out, -webkit-transform 200ms ease-out;
  background-size: 22px;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  width: 22px;
  height: 22px;
  margin: -3px 0 0 0;
  -webkit-transform-origin: 11px 10px;
          transform-origin: 11px 10px;
  cursor: pointer;
  display: inline-block;
  position: absolute;
}
.slick-sort-indicator:active {
  -webkit-filter: brightness(0.8);
          filter: brightness(0.8);
}

.slick-sort-indicator.slick-sort-indicator-desc {
  background-image: url("icons/sort-3292b532632b363679eb06e2960be617.svg");
}

.slick-sort-indicator.slick-sort-indicator-asc {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("icons/sort-3292b532632b363679eb06e2960be617.svg");
}

.underline {
  text-decoration: underline;
}

.slick-container {
  font-family: "Fedra Book";
  height: 100vh;
  background-color: white;
  color: black;
}

.slick-headerrow-column {
  background: whitesmoke;
  text-overflow: clip;
  box-sizing: border-box;
  border-bottom: 1px solid lightgray;
}

.slick-headerrow-column input {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.slick-header-column.ui-state-default {
  padding: 8px;
  line-height: 20px;
}

.slick-viewport {
  overflow: scroll !important;
}

.slick-viewport::-webkit-scrollbar {
  -webkit-appearance: none;
}

.slick-viewport::-webkit-scrollbar:vertical {
  width: 11px;
}

.slick-viewport::-webkit-scrollbar:horizontal {
  height: 11px;
}

.slick-viewport::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.5);
}

.slick-viewport::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}

.slick-cell a, .slick-cell button {
  width: 100%;
  text-align: left;
}
.slick-cell a {
  display: block;
}

.slick-header-column:first-child, .slick-cell:first-child {
  padding-left: 20px;
}

.slick-header-button {
  float: right;
}

input[type=checkbox].slick-header-button:before {
  content: attr(title);
  font-size: 11px;
  position: absolute;
  -webkit-transform: translateX(calc(-100% - 6px));
          transform: translateX(calc(-100% - 6px));
}

@-webkit-keyframes overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes overlay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideInFromBottomCenter {
  0% {
    -webkit-transform: translate(-50%, 100vh);
            transform: translate(-50%, 100vh);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes slideInFromBottomCenter {
  0% {
    -webkit-transform: translate(-50%, 100vh);
            transform: translate(-50%, 100vh);
  }
  100% {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
.bar {
  position: relative;
  right: 0;
  left: 0;
  z-index: 10;
  height: 66px;
  width: 100%;
  padding: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  color: white;
}

.bar--nav {
  height: calc(var(--base-line-height)*2 + var(--safe-area-top));
  min-height: 66px;
}

.bar--light {
  background-color: rgba(245, 245, 245, 0.96);
  color: black;
  border-bottom: 1px solid #ececec;
}

.bar--small {
  min-height: 22px;
  height: 22px;
  font-size: 11px;
  padding: 0 10px;
  text-transform: uppercase;
}

.bar--medium {
  min-height: 54px;
  height: 54px;
  font-size: 11px;
  padding: 10px;
  text-transform: uppercase;
}

.form__row--separator {
  border-top: 1px solid rgba(150, 150, 150, 0.3);
  border-bottom: 1px solid rgba(150, 150, 150, 0.3);
}

.paper-shadow {
  z-index: 5;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-bottom: 0;
}

.bottom-shadow {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  border-bottom: 0;
}

.paper-bordered {
  box-shadow: none;
  z-index: 6;
}

.alert {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  color: black;
  text-align: center;
  width: 280px;
  z-index: 1350;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}

.alert__title {
  padding: 15px 15px 6px;
  font-size: 15px;
  width: 100%;
}

.alert__description {
  padding: 0 15px 15px 15px;
  font-size: 13px;
  max-height: 80vh;
  overflow: auto;
}

.alert__btn {
  color: #f2921c;
  background-color: transparent;
  width: 100%;
  flex: 1 1;
  border: solid lightgray;
  border-width: 1px 1px 0 0;
  padding: 11px;
}
.alert__btn.default {
  font-weight: bold;
}
.alert__btn:active {
  color: #915308;
  background-color: rgba(255, 165, 0, 0.07);
}
.alert__btn:last-child {
  border-right: none;
}

.modal {
  z-index: 300;
  pointer-events: auto;
  max-height: 100%;
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  color: black;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.modal--letter {
  flex: 0 0 616px;
  width: 616px;
  max-width: 100vw;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  margin-top: 22px;
  height: calc(100vh - 22px);
  justify-content: flex-start;
  align-items: normal;
}
.modal--letter.modal--adjusted-letter {
  height: auto;
}
.modal--letter.modal--wide {
  width: 836px;
}

.modal__body {
  flex-shrink: 0;
  overflow: auto;
  padding: 15px 0px;
}

.modal__grey {
  background-color: whitesmoke;
}
.modal__grey .form__row {
  box-shadow: none;
}

.modal--centered {
  margin-top: calc(11px + var(--safe-area-top));
  max-height: calc(100% - 33px);
  width: 594px;
  max-width: calc(100% - 22px);
}

.scrollable {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  max-height: 100%;
  overflow-y: auto;
}

.scrollable::-webkit-scrollbar, .overflow-scroll::-webkit-scrollbar {
  -ms-overflow-style: none;
  display: none;
  width: 0;
  height: 0;
  scrollbar-width: none;
  scrollbar-height: none;
}

.bar__title {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 15px;
  margin: 0;
  font-size: 15px;
  line-height: 44px;
  text-align: center;
  z-index: -1;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: var(--safe-area-top);
}

.bar__btn {
  padding-top: var(--safe-area-top);
  height: calc(var(--base-line-height)*2 + var(--safe-area-top));
  background-position: center calc(6px + var(--safe-area-top));
}

.form__row {
  font-size: 14px;
  position: relative;
  padding: 0;
  border-bottom: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
  display: flex;
  min-height: 44px;
  padding: 0px 25px;
  align-items: center;
  color: #292929;
}

.form__label {
  align-self: center;
  flex: 0 0 132px;
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.form__label.top {
  margin-top: 6px;
  align-self: start;
  align-items: start;
}

.form__label--wide {
  flex: 0 0 154px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 18px;
}

.form__label--column {
  display: block;
  margin-top: 11px;
}

.overlay {
  z-index: 300;
  height: 100vh;
  width: 100vw;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-animation: 0.25s ease-out 1 overlay;
          animation: 0.25s ease-out 1 overlay;
  pointer-events: all;
}

.overlay--transparent {
  opacity: 0;
}

.fab {
  width: 66px;
  height: 66px;
  background-color: white;
  color: #f2921c;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.45);
  transition: all 0.1s ease-in-out;
  font-size: 44px;
  line-height: 70px;
  position: fixed;
  right: 22px;
  bottom: 22px;
}
.fab:hover {
  box-shadow: 1px 1px 12px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}
.fab:focus {
  outline: none;
}

.meta {
  font-size: 12px;
  opacity: 0.6;
  line-height: 15px;
  min-height: 11px;
}

.adjust-for-global-logout-top {
  margin-top: -66px;
}

.hidden-email-field {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  left: -10000px;
  top: -10000px;
}

.tree-branch {
  padding-left: 0 !important;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}

.hidden {
  visibility: hidden;
}

.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-grow {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

.column {
  flex-direction: column;
}

.row {
  flex-direction: row;
}

.gap-15 {
  gap: 15px;
}

.space-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-self-center {
  align-self: center;
}

.align-self-end {
  align-self: flex-end;
}

[hidden] {
  visibility: hidden;
  opacity: 0;
}

.white-back {
  background-color: white;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.no-padding {
  padding: 0px !important;
}

.padding-bottom-11 {
  padding-bottom: 11px;
}

.padding-11 {
  padding: 11px;
}

.padding-left-0 {
  padding-left: 0px;
}

.padding-left-11 {
  padding-left: 11px;
}

.margin-left-6 {
  margin-left: 6px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-right-6 {
  margin-right: 6px;
}

.margin-right-11 {
  margin-right: 11px;
}

.margin-bottom-11 {
  margin-bottom: 11px;
}

.margin-bottom-22 {
  margin-bottom: 22px;
}

.margin-top-11 {
  margin-top: 11px;
}

.margin-top-22 {
  margin-top: 22px;
}

.margin-top-44 {
  margin-top: 44px;
}

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

.bold {
  font-weight: bold;
}

.display-none {
  display: none;
}

.pointer-events-none {
  pointer-events: none;
}

.width-25 {
  width: 25%;
}

.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.height-100vh {
  height: 100vh;
}

.height-width-100 {
  height: 100%;
  width: 100%;
}

.primary-color {
  color: #f2921c;
}

.primary-color-placeholder::-webkit-input-placeholder {
  color: #f2921c;
}

.primary-color-placeholder::-moz-placeholder {
  color: #f2921c;
}

.primary-color-placeholder::-ms-input-placeholder {
  color: #f2921c;
}

.primary-color-placeholder:-moz-placeholder-shown {
  color: #f2921c;
}

.primary-color-placeholder:-ms-input-placeholder {
  color: #f2921c;
}

.primary-color-placeholder:placeholder-shown {
  color: #f2921c;
}

.overflow-scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.rotate--180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate--270 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.cell--spacer {
  display: inline-block;
  min-height: 1px;
  flex-shrink: 0;
}

.popover {
  z-index: 300;
  color: black;
  width: 280px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  position: absolute;
  background-color: white;
  display: flex;
  flex-direction: column;
}
.popover .bar ~ .table-view {
  padding-top: 66px;
}

.popover-tap {
  position: absolute;
  top: 50%;
  left: 0;
  border-right: 15px solid whitesmoke;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  margin-left: -15px;
  pointer-events: none;
  z-index: 20;
}

.popover-list__item {
  text-align: left;
  padding: 11px 15px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  min-height: 55px;
  line-height: 18px;
  white-space: normal;
  height: auto;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.popover-list__item:not([disabled]):hover {
  background-color: whitesmoke;
}
.popover-list__item .popover-list--icon {
  margin-right: -11px;
}
.popover-list__item.sso-item {
  color: black;
}
.popover-list__item.sso-item input {
  cursor: unset;
}
.popover-list__item.expiration-date-item {
  flex-direction: column;
  align-items: flex-start;
}
.popover-list__item.expiration-date-item span {
  font-size: 12px;
}
.popover-list__item.expiration-date-item .input-date-container {
  border: 1px solid lightgrey;
  width: 100%;
}

.popover-list--icon {
  padding-right: 55px;
  background-position: calc(100% - 11px) center;
  background-size: 24px;
}
.popover-list--icon.icon--log {
  background-size: 18px;
  min-height: 18px;
}

.export-btn {
  position: absolute;
  bottom: 40px;
  right: 40px;
  background-color: #f2921c;
  color: white;
  padding: 11px;
  font-size: 14px;
  border: none;
  border-radius: 5px;
  z-index: 1;
}

.bar__search {
  color: black;
  max-width: calc(50% - 44px);
  width: 500px;
}

.info-message {
  background-color: rgba(10, 10, 10, 0.45);
  color: white;
  margin-top: 11px;
  border-radius: 5px;
  font-size: 14px;
  max-width: calc(100% - (calc(110px + env(safe-area-inset-left))));
  text-align: center;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  padding: 8px;
}

.search-textfield {
  padding-left: 27px;
  padding-right: 33px;
  min-height: 33px;
  border: none;
  border-radius: 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.96);
  background-image: url("icons/search-textfield-3af4dcbe09fedb8db2e8f091cde7e203.svg");
  background-position: 8px center;
  background-repeat: no-repeat;
  background-size: 18px;
  outline-offset: -1px;
  transition: outline 100ms ease-in;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.search-textfield:focus {
  outline: 1px solid #f2921c;
}
.search-textfield::-webkit-input-placeholder {
  color: lightgrey;
}
.search-textfield::-webkit-search-cancel-button {
  display: none;
}
.search-textfield.transparent {
  background-color: rgba(255, 255, 255, 0.2);
}

.icon {
  background-size: 22px;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.icon--small {
  background-size: 20px;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

.icon--logo {
  background-image: url("icons/logo-42cfbe78b3b64f557ac711933cb2d5dd.svg");
}

.icon--help--orange {
  background-image: url("icons/help--orange-e9034b1c0b6e88469530b2174b4f364e.svg");
}

.icon--dashboard {
  background-image: url("icons/dashboard-92fa4c2f30312750eefa11dc4aef8c36.svg");
}

.icon--filter {
  background-image: url("icons/filter-f228f45abd6a7bc093b0ea409c70b64f.svg");
}

.icon--filter-outline {
  background-image: url("icons/filter--outline-0fa9f3ee5f580f6df604bc9b1a4bf3e4.svg");
}

.icon--user {
  background-image: url("icons/user-008b373283b559abaeebd5a9cc552a0f.svg");
}

.icon--user-blue {
  background-image: url("icons/user--blue-9a22c45b6e3a746ffb99958c2746bac8.svg");
}

.icon--org-user {
  background-image: url("icons/org--user-79b4025db01f19d3f77e5b9de902304e.svg");
}

.icon--logout {
  background-image: url("icons/logout-c60bbe3b2631e3fdbc71156d0335c240.svg");
}

.icon--add--circle {
  background-image: url("icons/add-circle-37dfc6393b01059f4558f24e1f1d71c9.svg");
}

.icon--right-arrow {
  background-image: url("icons/right-arrow-cb8de74a3338a7f814956f5f429ec551.svg");
}

.icon--left-arrow {
  background-image: url("icons/right-arrow-cb8de74a3338a7f814956f5f429ec551.svg");
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.icon--list {
  background-image: url("icons/list-e3c78cd99da901d132e0937ab1db4f47.svg");
}

.icon--cards {
  background-image: url("icons/cards-c99dc3a4c4c5425cfbdfe64c05ad976a.svg");
}

.segmented-control__item--active.icon--cards {
  background-image: url("icons/cards--whitesmoke-0fd86bea9debc62774ca886d7b9ae578.svg");
}

.segmented-control__item--active.icon--list {
  background-image: url("icons/list--whitesmoke-ac9d5b916b67b38e44fa30fb1a3403f3.svg");
}

.icon--btn {
  width: 25px;
  background-repeat: no-repeat;
}

.icon--statistics {
  background-image: url("icons/statistics-cb600c7fa076540753fb5a5e574651cc.svg");
}

.icon--settings--outline {
  background-image: url("icons/settings--outline-57a77ce34c942a6e4e914ece0181be4d.svg");
}

.icon--settings--outline.active {
  background-color: #f2921c;
  background-image: url("icons/settings--outline-white-4a3f9114bed5f8e40e3948a416fe325a.svg");
  border-radius: 2px;
}

.icon--settings--circle {
  background-image: url("icons/settings-circle-1c336d657ec8d93677df38f4e1fa29f7.svg");
}

.icon--caret--left {
  background-image: url("icons/caret-1ab0990c4d4ae001621f011f99e9484c.svg");
}

.icon--caret--right {
  background-image: url("icons/caret--right-e81e5872d4364c79dde921530517d103.svg");
}

.icon--caret--expand {
  background-size: 10px 15px;
  width: 20px;
  height: 19px;
  background-repeat: no-repeat;
  background-position-x: 5px;
  background-position-y: 1px;
}

.icon--folder--small {
  background-image: url("icons/folder--small-3002f795484ea11a08a3ac71af98b7db.svg");
  background-size: 22px 15px;
  height: 15px;
  width: 22px;
  background-position-x: -3px;
}

.icon--clear {
  background-image: url("icons/clear-8ed37f1a99ef46394079547e1d165012.svg");
}

.icon--select-down {
  background-image: url("icons/select--down-661f0bbbcb59655a7b2130f2adc7f699.svg");
}

.icon--x {
  background-image: url("icons/x-515c2277de16b584e93348dc55a6f2f0.svg");
}

.icon--delete {
  background-image: url("icons/delete-23962f5b42a0b8a7db659af440a75947.svg");
}

.icon--pencil {
  background-image: url("icons/pencil-3c1d304e6d5d36435792d088a83d1a21.svg");
}

.icon--pencil-outline {
  background-image: url("icons/pencil--outline-9210a081417a7732b63eb370a041e18d.svg");
}

.icon--x--circle {
  background-image: url("icons/x--circle-6dc6bd35b91d47caa83b4bcbac4fa689.svg");
}

.icon--sort-desc {
  background-image: url("icons/sort-3292b532632b363679eb06e2960be617.svg");
}

.icon--sort-asc {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-image: url("icons/sort-3292b532632b363679eb06e2960be617.svg");
}

.icon--more {
  width: 66px;
  background-size: 30px;
  background-image: url("icons/more-0d1886e0e48db1f9ee2ee880a717bb35.svg");
}

.icon--plus {
  background-image: url("icons/plus--orange-316daa9f88c9c444aff04b89601a702f.svg");
}

.icon--powerbi {
  background-image: url("icons/power-bi-0e97f3335e9892abd8b6a5228c035479.svg");
}

.icon--report {
  background-image: url("icons/reports--orange-ee3a8c14615cf5c44d6c9e4d0a7ecb24.svg");
}

.icon--category {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.icon--folders {
  background-image: url("icons/folder-de8a4b9aeac4753444c900497976b988.svg");
}

.icon--groups {
  background-image: url("icons/groups-2138fe9dece8bea109d642a19e6e5ad2.svg");
}

.icon--folderLabels, .icon--labelGroups {
  background-image: url("icons/label-d3e5911c07aab423dd64ffb3e53f7fc2.svg");
}

.icon--checklists {
  background-image: url("icons/check-5a89f6bea7562a9bf358841290a28e81.svg");
}

.icon--workflows {
  background-image: url("icons/topic-afda820816f2f59a47b4f533a45bfcd0.svg");
}

.icon--reportTemplates {
  background-image: url("icons/reports-f720c31be28fcefca53ba15b7e150e86.svg");
}

.icon--widgets {
  background-image: url("icons/widget-2f17ec2695fdc94f32b2b04c2b2ba4c0.svg");
}

.icon--taktTrains {
  background-image: url("icons/takt-7cce28658520f0216277099c4e03dbec.svg");
}

.icon--configs {
  background-image: url("icons/settings-0a609c3de8e7e98d218f9808db4831e7.svg");
}

.icon--organization {
  background-image: url("icons/organization-b506d30d6c54676ade406fb5a2babee2.svg");
}

.plus--icon {
  font-size: 20px;
}

.btn--clear-search {
  min-height: 33px;
  width: 33px;
  position: absolute;
  right: 0;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.segmented-control {
  border: 1px solid #f2921c;
  display: flex;
  align-self: flex-start;
  height: 32px;
  margin-top: var(--safe-area-top);
  border-radius: 2px;
}

.segmented-control__item {
  color: #f2921c;
  line-height: 1;
  padding: 4px;
  border-left: 1px solid #f2921c;
  padding: 7px 11px;
  width: auto;
  transition: background-color 0.1s ease-in;
}
.segmented-control__item:focus {
  outline: none;
}
.segmented-control__item:active {
  background-color: #915308;
  transition: none;
}
.segmented-control__item:first-child {
  border-left-width: 0;
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
.segmented-control__item:last-child {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

.segmented-control__item--active {
  background-color: #f2921c;
  color: #2a2a2a;
}

.segmented-control__item--icon {
  width: 33px;
  min-height: 30px;
  background-size: 22px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0;
}

.ct-label {
  white-space: nowrap;
}

.page {
  color: black;
  height: 100%;
  color: white;
  display: flow-root;
}

.content {
  padding-top: calc(44px + var(--safe-area-top));
}

.content-with-subheader {
  margin-top: 55px;
  height: calc(100% - 55px);
}

.content-white {
  background-color: #f0f0f0;
  color: black;
}

.page-header {
  position: absolute;
  display: flex;
  width: 100%;
  z-index: 10;
  top: 0;
  padding: 0px 20px;
  min-height: calc(44px + var(--safe-area-top));
  gap: 10px;
  background-color: #1c2a47;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.page-header.subheader {
  z-index: 5;
  top: 66px;
  min-height: 55px;
  background-color: #5e677b;
  align-items: center;
  color: white;
  font-weight: bold;
}

.subheader--btn--icon {
  background-size: 24px;
  padding: 0;
  height: 33px;
  min-height: 33px;
  width: 38px;
  min-width: 33px;
  background-repeat: no-repeat;
  background-position: center;
}

.subheader-text {
  text-align: left;
  text-overflow: ellipsis;
  line-height: 36px;
  padding: 0px 15px;
  display: flex;
  flex-shrink: 0;
  flex-flow: nowrap;
  align-items: center;
}

.page-icon {
  background-size: 30px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  margin-top: var(--safe-area-top);
  -webkit-filter: brightness(10);
          filter: brightness(10);
}

.page-title {
  font-size: 23px;
  font-weight: bold;
  text-align: left;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 32px;
  margin-top: var(--safe-area-top);
}

.dashboard-container {
  display: flex;
  justify-content: center;
}

.dashboard-content {
  padding: 0px 70px;
  width: 100%;
  max-width: 1200px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  flex: none;
}

.dashboard-card {
  display: flow-root;
  background-color: white;
  margin: 50px 0px;
  width: auto;
  border: 1.5px solid lightgray;
  min-height: 500px;
  padding: 30px;
  position: relative;
  box-shadow: 0px 10px 40px #0000000f;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.dashboard-card.grid.editingWidget {
  background-color: #f0f0f0;
}

.dashboard-card.grid {
  display: grid;
  grid-template-rows: repeat(2, 250px);
  grid-auto-rows: 250px;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 15px;
  grid-auto-flow: row dense;
}

.dashboard-card-title {
  width: 100%;
  padding: 5px;
  background-color: lightgray;
}

.dashboard-widget {
  display: flex;
  flex-direction: column;
  width: auto;
  height: 100%;
  min-height: 250px;
  position: relative;
}

.hover-container:hover .show-on-hover {
  display: block;
}

.show-on-hover {
  display: none;
}

.dashboard-widget-title {
  width: 100%;
  padding: 5px 0px;
  font-size: 1.2rem;
  font-weight: bold;
  color: black;
}

.legend {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1;
  padding: 5px 15px;
}

.legend.center {
  margin: 0 auto;
  text-align: center;
}

.dashboard-widget-content {
  width: 100%;
  height: 100%;
}

.aspect-ratio {
  width: 70%;
}

.info-group {
  line-height: 1.3;
  margin-top: 12px;
}

.info-label {
  flex-basis: 100px;
  font-weight: bold;
}

.info-label, .info-value {
  flex-shrink: 0;
  flex-grow: 0;
  font-size: 10px;
}

.info-value {
  flex-grow: 1;
}

.widget-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}
.widget-overlay:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.corner--btn {
  min-width: 22px;
  min-height: 22px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 100%;
}

.middle--btn {
  min-width: 50px;
  min-height: 50px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.left--btn {
  min-width: 50px;
  min-height: 50px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  top: 50%;
  left: 10px;
}

.right--btn {
  min-width: 50px;
  min-height: 50px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  left: calc(100% - 10px);
  top: 50%;
}
.right--btn.small--btn {
  min-width: 25px;
  min-height: 25px;
}

.right--btn, .left--btn, .middle--btn {
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0px 0px 25px 10px rgba(255, 255, 255, 0.4);
}

.image-background {
  background-image: url("images/background-b62a27515c44c209e196716ccb04a7a6.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.outlined-lightgray {
  border: 1px solid lightgray;
}

.status-row {
  padding: 6px 15px;
}
.status-row:not(:last-child) {
  border-bottom: 1px solid whitesmoke;
}

.status-check-label {
  flex-basis: 90%;
}

.status-title {
  flex-basis: 40%;
}

.status-number {
  flex-basis: 20%;
  text-align: center;
}

.status-number, .status-title, .status-check-label {
  flex-shrink: 0;
  flex-grow: 0;
  color: #5f5f5f;
  overflow: hidden;
  font-size: 10px;
}

.status--closed {
  color: white !important;
}

.status--open {
  color: #f2921c !important;
}

.status--done {
  color: #61e006 !important;
}

.status--draft {
  color: darkgray;
}

.settings-btn {
  margin: 0;
  min-width: 50px;
  min-height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("icons/settings-circle-1c336d657ec8d93677df38f4e1fa29f7.svg");
  opacity: 0.85;
}

.tooltip {
  font-size: small;
  position: absolute;
  display: inline-block;
  min-width: 20px;
  padding: 5px;
  background: rgba(10, 10, 10, 0.6);
  color: white;
  text-align: center;
  pointer-events: none;
  z-index: 2;
}

.on--edit {
  border: 2px dashed #f2921c5e;
}
.on--edit:hover {
  border: 2px dashed #f2921c;
}

.bar-medium-title {
  left: 0;
  width: 100%;
  padding: 0 15px;
  margin: 0;
  font-size: 1rem;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 44px;
}

.bar-small-btn {
  padding: 0;
  height: 22px;
}

.bar-medium-btn {
  padding: 0;
  height: 44px;
  text-transform: uppercase;
}

.pull-right {
  float: right;
}

.spinner--widget {
  background-color: white;
  border-radius: 5px;
  height: 100%;
}

.three-quarters.center {
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  position: absolute;
  border-color: lightgray lightgray lightgray transparent;
}

.swappable {
  position: relative;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swap--face {
  padding: 12px;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swap--face.face--visible {
  z-index: 2;
}

.face--front {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
}

.face--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.show--back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.widget-options-row {
  padding: 6px 15px;
  color: #5f5f5f;
  font-size: 10px;
}

.widget-options-row.options-group-header {
  font-size: 11px;
  text-transform: uppercase;
  color: black;
}

.widget-options-label {
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  flex-basis: 90%;
}

h2 {
  font-size: 18px;
}

.error-title {
  text-align: center;
  padding: 11px;
}

.ad-import--add {
  background-color: #ceecce;
}

.ad-import--remove {
  background-color: #eccece;
}

.ad-import--change {
  background-color: #ece1ce;
}

.outlined-shadow {
  box-shadow: 0 3px 70px #00000038;
}

.faded {
  opacity: 0.2;
  pointer-events: none;
}

button:active, button:focus {
  outline: none;
  border: none;
}

.add-first-project-btn {
  padding-left: 60px;
  background-size: 44px;
  background-position: left;
}

.help-message--add-project {
  background-repeat: no-repeat;
  background-size: 44px;
  padding-top: 33px;
  background-position-y: 15px;
  background-image: url("icons/arrow--top-right-6c0e0fe3744229ee1ca55f24d65a40af.svg");
  text-align: right;
  background-position-x: calc(100% - 20px);
  padding-right: 60px;
  right: 10px;
  position: absolute;
}

.dashboard-listview, .users-listview {
  height: 100%;
}
.dashboard-listview .slick-container, .users-listview .slick-container {
  height: 100%;
}

.slick-header-column {
  background-color: whitesmoke;
}

.users-listview {
  border-top: 1px solid silver;
}
.users-listview .slick-header-column {
  min-height: 20px !important;
  align-content: center;
  text-transform: uppercase;
  font-size: 14px;
  color: #292929;
}
.users-listview .slick-cell {
  align-content: center;
  border: none;
  font-size: 13px;
  border-bottom: 1px solid lightgrey;
}
.users-listview .slick-cell.selected {
  background-color: #c7dbea;
}

.templates-page {
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
}

.templates-page-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}

.templates-list {
  height: 100%;
  min-width: 200px;
  width: 200px;
  background-color: white;
  border-right: 1px solid lightgray;
}

.template-item {
  display: flex;
  position: relative;
  width: 100%;
  min-height: 45px;
  padding: 10px 15px;
  border-bottom: 1px solid lightgray;
  text-align: left;
  align-items: center;
  cursor: pointer;
  color: #f2921c;
}
.template-item.customer-item {
  min-height: 20px;
  color: #2d2d2d;
  padding: 1px 15px;
  font-size: 11px;
  line-height: 20px;
  background-color: whitesmoke;
  cursor: unset;
  text-transform: uppercase;
}
.template-item:hover {
  padding-right: 33px;
}

.template-container {
  display: flex;
  font-size: 12px;
  flex-direction: row;
  width: 100%;
  padding: 20px;
}

.resources-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 45%;
}

.resources-separator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 0;
  flex-basis: 5%;
  min-width: 60px;
}

.resources-tree {
  display: flex;
  flex-direction: row;
  height: calc(100% - 32px);
  width: 100%;
}

.resources-placeholder {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 11px;
  justify-content: start;
  align-items: center;
}
.resources-placeholder .three-quarters {
  border-color: lightgray lightgray lightgray transparent;
}
.resources-placeholder span {
  color: grey;
  font-size: 15px;
}

.resources-title {
  margin: 5px 0;
}

.resource-list {
  min-width: 175px;
  height: 100%;
  background-color: white;
  border: 1px solid lightgray;
  margin-right: 8px;
  overflow-y: auto;
  word-wrap: normal;
}
.resource-list.type-list {
  min-width: 200px;
}
.resource-list.element-list {
  min-width: 200px;
  flex-grow: 1;
}

.list-item {
  display: flex;
  position: relative;
  flex-direction: row;
  border-bottom: 1px solid lightgray;
  min-height: 35px;
  padding: 10px;
  cursor: pointer;
  align-items: center;
}

.list-item-area {
  display: flex;
  flex-direction: row;
  align-items: center;
  pointer-events: auto;
}

.selected-item {
  background-color: #4077ce;
  color: white;
}

.item-color {
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: auto 0;
}

.item-delete-btn {
  padding: 0px;
  position: absolute;
  right: 30px;
  height: 10px;
  width: 10px;
  min-height: 10px;
  min-width: 10px;
}

.disabled {
  color: gray;
  pointer-events: none;
}

.btn--sso-provider {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 33px;
  margin-bottom: 11px;
  border-radius: 5px;
  color: white;
}
.btn--sso-provider img {
  position: absolute;
  left: 33px;
}
.btn--sso-provider span {
  margin-left: 70px;
}

.btn--filled {
  width: 100%;
  padding: 22px;
  color: white;
  background-color: #f2921c;
  word-wrap: break-word;
}

.padding-top-11 {
  padding-top: 11px;
}

.profile--field {
  display: flex;
  flex-grow: 1;
  position: relative;
  align-items: center;
}

.profile--field-icon {
  position: absolute;
  right: 15px;
}

.profile--field-selector {
  display: flex;
  flex-grow: 1;
  padding-left: 0;
  align-items: center;
  border-radius: 0;
  background-color: white;
}
.profile--field-selector .ember-power-select-status-icon {
  right: 50px;
}
.profile--field-selector.with-x-btn .ember-power-select-status-icon {
  right: 70px;
}

.profile--field-delete-btn {
  position: absolute;
  background-size: 15px !important;
  right: 50px;
}

.global-user-cell {
  color: grey;
}

.form__input--checkbox {
  margin: 21px;
  min-width: 16px;
}

.margin-0 {
  margin: 0px;
}

.margin-6 {
  margin: 6px;
}

.passwordError input[type=password] {
  border: 2px solid red;
}
.passwordError .passwordTitle {
  color: red;
  opacity: 1;
}

.invite-btn {
  with: 100px;
  display: block;
  padding: 15px;
  border-radius: 5px;
}
.invite-btn:hover, .invite-btn:active {
  background-image: url("icons/plus--orange-316daa9f88c9c444aff04b89601a702f.svg");
  background-size: 15px;
  background-position-x: 50%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.invite-btn:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.invite-btn:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.privilege-btn, .expdate-btn, .ssoprovider-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: block;
  border-radius: 5px;
  padding: 5px;
  align-items: center;
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.privilege-btn:not(.privilege-locked):hover, .privilege-btn:not(.privilege-locked):active, .expdate-btn:not(.privilege-locked):hover, .expdate-btn:not(.privilege-locked):active, .ssoprovider-btn:not(.privilege-locked):hover, .ssoprovider-btn:not(.privilege-locked):active {
  background-image: url("icons/select--down-661f0bbbcb59655a7b2130f2adc7f699.svg");
  background-size: 15px;
  background-position-x: 98%;
  background-position-y: 50%;
  background-repeat: no-repeat;
}
.privilege-btn:not(.privilege-locked):hover, .expdate-btn:not(.privilege-locked):hover, .ssoprovider-btn:not(.privilege-locked):hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.privilege-btn:not(.privilege-locked):active, .expdate-btn:not(.privilege-locked):active, .ssoprovider-btn:not(.privilege-locked):active {
  background-color: rgba(0, 0, 0, 0.1);
}

.privilege-0 {
  color: grey;
}

.privilege-5 {
  color: deepskyblue;
}

.privilege-10 {
  color: green;
}

.privilege-15 {
  color: orange;
}

.privilege-20 {
  color: red;
}

.privilege-25 {
  color: brown;
}

.privilege-30 {
  color: purple;
}

.privilege-multiplevalues {
  color: black;
}

.input--date {
  cursor: pointer;
  padding: 5px;
  width: 100%;
  color: black;
  font-size: 15px;
  -webkit-font-feature-settings: initial;
          font-feature-settings: initial;
}

.remember-me {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 22px;
  margin-bottom: 20px;
  margin-left: 6px;
  display: flex;
}
.remember-me input[type=checkbox] {
  margin-right: 8px;
  outline: none !important;
}
.remember-me label {
  display: flex;
}

.icon--help-white {
  background-size: 14px;
  background-image: url("icons/help--white-f51fa69c1c85d8e9abe56ccb9e953a05.svg");
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-position-x: center;
  background-position-y: 3px;
  background-repeat: no-repeat;
  margin-left: 2px;
}

.icon--help {
  background-image: url("icons/help-7a5491a9ade172dfa10cb1d463cbbd07.svg");
  background-size: 15px;
  height: 15px;
  width: 15px;
}

.tooltipped {
  border-bottom: 1px dashed #f2921c;
  position: relative;
  cursor: help;
}

.tooltipster-sidetip .tooltipster-box {
  background: white;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  max-width: 308px;
  border: none;
}
.tooltipster-sidetip .tooltipster-content {
  padding: 15px;
  overflow: hidden;
  color: black;
}

.mfa-setup {
  max-width: calc(100% - 100px);
  width: 800px;
}

.mfa-content {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 850px) {
  .mfa-content {
    flex-direction: column;
  }
}

.mfa-instructions {
  padding: 11px;
  padding-left: 22px;
  border-right: 1px solid #e8e8e8;
  margin-right: 22px;
  max-width: 50%;
}
.mfa-instructions li {
  padding: 11px;
}
.mfa-instructions strong {
  font-weight: bold;
}
@media screen and (max-width: 850px) {
  .mfa-instructions {
    max-width: 100%;
    border-right: none;
    margin-right: 0px;
  }
}

.min-width-200 {
  min-width: 200px;
}

#region-selector {
  justify-content: flex-end;
}
#region-selector a {
  height: auto;
  padding: 0;
  font-size: 15px;
}
#region-selector select {
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1'%3E%3Cpath d='M 12.753,4.2891 8.0001,11.318 3.2473,4.2891 Z' style='fill:%23f2921d;stroke:%23f2921d;stroke-width:1;fill-opacity:1' id='path833' /%3E%3C/svg%3E%0A") no-repeat 95% 50%;
  background-size: 18px;
  outline: none;
  border: none;
}