@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url("/css/fonts/MaterialIcons-Regular.woff2") format("woff2");
}
html {
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  font-size: 85%;
}
html ul {
  padding: 0px;
}
html ul li {
  list-style: none;
}
html h1,
html h2 {
  line-height: 35px;
}
html *[hidden] {
  display: none !important;
}
html .centered_block {
  display: flex;
  align-items: center;
  justify-content: center;
}
html textarea {
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  border: 1px solid #dcdcdc;
  background: #FEFAEB;
  color: #011921;
  box-sizing: border-box;
  font-size: 100%;
  width: 100%;
  display: block;
  padding: 0.8em;
  margin-bottom: 1em;
  height: 10em;
}
html textarea::placeholder {
  color: #dcdcdc;
}
html textarea:focus {
  border: 1px solid #0285b2;
  box-shadow: none;
  outline: none;
  opacity: 1;
}
html address {
  white-space: pre-line;
}
body {
  /* background-image: linear-gradient(to bottom right, @color-blue, @color-white);*/
  background-color: #ededef;
  margin: 0em;
  color: #011921;
}
/* Here follow the colors used on our website */
/* Color scheme */
/* FAC824 */
/* Here follow the elements */
/* Colors I like but don't use */
.centered {
  text-align: center;
}
.justified {
  text-align: justify;
}
.sparks.bars {
  font-family: "Sparks Bars";
}
/* For footnotes, figure captions and similar */
.info_text {
  font-style: italic;
  color: #8199a4;
}
/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('/css/fonts/fira-sans-v10-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url('/css/fonts/fira-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/fira-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/fira-sans-v10-latin-regular.svg#FiraSans') format('svg');
  /* Legacy iOS */
}
/* fira-sans-italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url('/css/fonts/fira-sans-v10-latin-italic.eot');
  /* IE9 Compat Modes */
  src: local('Fira Sans Italic'), local('FiraSans-Italic'), url('/css/fonts/fira-sans-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/fira-sans-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/fira-sans-v10-latin-italic.svg#FiraSans') format('svg');
  /* Legacy iOS */
}
/* fira-sans-700 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('/css/fonts/fira-sans-v10-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url('/css/fonts/fira-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/fira-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/fira-sans-v10-latin-700.svg#FiraSans') format('svg');
  /* Legacy iOS */
}
/* fira-sans-700italic - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: bold;
  font-display: swap;
  src: url('/css/fonts/fira-sans-v10-latin-700italic.eot');
  /* IE9 Compat Modes */
  src: local('Fira Sans Bold Italic'), local('FiraSans-BoldItalic'), url('/css/fonts/fira-sans-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/css/fonts/fira-sans-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/css/fonts/fira-sans-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/css/fonts/fira-sans-v10-latin-700italic.svg#FiraSans') format('svg');
  /* Legacy iOS */
}
@font-face {
  font-family: 'Sparks Bars';
  font-display: block;
  src: url('/css/fonts/Sparks-Bar-Narrow.eot');
  src: url('/css/fonts/Sparks-Bar-Narrow.woff2') format('woff2'), url('/css/fonts/Sparks-Bar-Narrow.woff') format('woff'), url('/css/fonts/Sparks-Bar-Narrow.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
main table,
.tooltip table {
  border-collapse: collapse;
  background-color: #ffffff;
}
main table td,
.tooltip table td,
main table th,
.tooltip table th {
  text-align: left;
  vertical-align: top;
  padding: 0.65em 1.3em;
}
main table td.number,
.tooltip table td.number,
main table th.number,
.tooltip table th.number {
  text-align: right;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  main table td,
  .tooltip table td,
  main table th,
  .tooltip table th {
    padding: 1.3em 2.6em;
  }
}
main table td:not(:first-child),
.tooltip table td:not(:first-child),
main table th:not(:first-child),
.tooltip table th:not(:first-child) {
  padding-left: 0;
}
main table td.actions,
.tooltip table td.actions,
main table th.actions,
.tooltip table th.actions {
  white-space: nowrap;
  padding-bottom: 0;
}
main table td p,
.tooltip table td p,
main table th p,
.tooltip table th p {
  margin-top: 0;
}
main table td p:last-child,
.tooltip table td p:last-child,
main table th p:last-child,
.tooltip table th p:last-child {
  margin-bottom: 0;
}
main table thead th,
.tooltip table thead th {
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  vertical-align: baseline;
  color: #000000;
  font-size: 110%;
  font-weight: bold;
  border-bottom: 1px solid #0285b2;
}
main table tbody tr:first-child td,
.tooltip table tbody tr:first-child td,
main table tbody tr:first-child th,
.tooltip table tbody tr:first-child th {
  border-top: none;
}
main table tbody tr:last-child td,
.tooltip table tbody tr:last-child td,
main table tbody tr:last-child th,
.tooltip table tbody tr:last-child th {
  border-bottom: none;
}
main table tbody tr:nth-child(even),
.tooltip table tbody tr:nth-child(even) {
  background-color: #F5F5F6;
}
main table th,
.tooltip table th {
  color: #8199a4;
  font-weight: normal;
}
@media screen and (min-width: 600px) {
  main table tbody tr:hover td,
  .tooltip table tbody tr:hover td,
  main table tbody tr:hover th,
  .tooltip table tbody tr:hover th {
    background-color: #dcdcdc;
  }
}
main table td.editable,
.tooltip table td.editable {
  cursor: pointer;
  position: relative;
  padding-right: calc(1rem + 18px);
}
main table td.editable::after,
.tooltip table td.editable::after {
  position: absolute;
  top: calc(1.6em - 18px);
  right: 0.5rem;
  margin-left: 0.5em;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  font-size: 18px;
  content: "mode_edit";
  color: #DD3333;
}
main table td.editable:hover::after,
.tooltip table td.editable:hover::after {
  color: #000000;
}
@media screen and (max-width: 599px) {
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager),
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) {
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    width: 100%;
    margin: 1rem 0;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) thead,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) thead {
    display: none;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot {
    width: 100%;
    display: table;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr {
    display: table-row-group;
    padding-bottom: 10px;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr th,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr th,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr th,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr th,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td {
    border: none;
    display: table-row;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr:nth-child(even),
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr:nth-child(even) {
    background-color: #F5F5F6;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td {
    box-sizing: border-box;
    display: block;
    padding-left: 35% !important;
    padding-right: 0.5em;
    position: relative;
    width: 100%;
    min-height: 1.8em;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td:empty,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td:empty,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td:empty,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td:empty {
    height: 2.6rem;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td.number,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td.number,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td.number,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td.number {
    text-align: left;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td::before,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td::before,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td::before,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td::before {
    box-sizing: border-box;
    content: attr(data-label);
    padding: 0 0.5rem;
    color: #000000;
    font-weight: bold;
    width: 35%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 0.65em;
  }
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td select,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tbody tr td select,
  main table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td select,
  .tooltip table:not(.always):not(.compact):not(.topsales):not(.filemanager) tfoot tr td select {
    margin-left: -0.5em;
  }
}
main table.compact thead th,
.tooltip table.compact thead th {
  font-size: 100%;
}
main table.compact td,
.tooltip table.compact td,
main table.compact th,
.tooltip table.compact th {
  padding: 0.15em 0.3em;
}
@media screen and (min-width: 1024px) {
  main table.compact td,
  .tooltip table.compact td,
  main table.compact th,
  .tooltip table.compact th {
    padding: 0.3em 0.6em;
  }
}
p.mobile_header {
  display: none;
}
@media screen and (max-width: 599px) {
  p.mobile_header {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    margin-top: 2em;
    margin-bottom: 0em;
    padding: 0.2em;
    border-bottom: 1px solid #0285b2;
  }
}
button.icon,
.button.icon {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  user-select: none;
  padding: 0;
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  font-size: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  transform: translateY(0.15em);
}
button.icon.small,
.button.icon.small {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  font-size: 18px;
}
button.icon:hover,
.button.icon:hover {
  opacity: 0.8;
}
button.icon:disabled,
.button.icon:disabled {
  opacity: 0.5;
  cursor: default;
}
button.icon.open::after,
.button.icon.open::after {
  content: "forward";
  color: #0285b2;
}
button.icon.remove::after,
.button.icon.remove::after {
  content: "delete";
  color: #DD3333;
}
button.icon.delete::after,
.button.icon.delete::after {
  content: "remove_circle";
  color: #0285b2;
}
button.icon.previous::after,
.button.icon.previous::after {
  content: "fast_rewind";
  color: #0285b2;
}
button.icon.next::after,
.button.icon.next::after {
  content: "fast_forward";
  color: #0285b2;
}
button.icon.edit::after,
.button.icon.edit::after {
  content: "create";
  color: #0285b2;
}
button.icon.save::after,
.button.icon.save::after {
  content: "save";
  color: #0285b2;
}
button.icon.check::after,
.button.icon.check::after {
  content: "check_circle";
  color: #0285b2;
}
button.icon.close::after,
.button.icon.close::after {
  content: "close";
  color: #0285b2;
}
button.icon.calendar::after,
.button.icon.calendar::after {
  content: "date_range";
  color: #0285b2;
}
button.icon.clear::after,
.button.icon.clear::after {
  content: "clear";
  color: #0285b2;
}
button.icon.add::after,
.button.icon.add::after {
  content: "add_circle";
  color: #0285b2;
}
button.icon.resize::after,
.button.icon.resize::after {
  content: "aspect_ratio";
  color: #0285b2;
}
button.icon.help::after,
.button.icon.help::after {
  content: "help_outline";
  color: #8199a4;
}
button.icon.dynamic::after,
.button.icon.dynamic::after {
  content: "image_search";
  color: #c3c3c3;
  cursor: default;
}
button.icon.static::after,
.button.icon.static::after {
  content: "collections";
  color: #c3c3c3;
  cursor: default;
}
a.calltoaction {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border-radius: 3px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.09), 0 1px 1px rgba(0, 0, 0, 0.13);
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  font-size: 1rem;
  text-align: center;
  background: #25AA54;
  border: none;
  color: #ffffff;
  cursor: pointer;
}
a.calltoaction.compact {
  padding: 0.2em 0.5em;
}
a.calltoaction:hover {
  opacity: 0.8;
}
a.calltoaction:disabled {
  opacity: 0.5;
  cursor: default;
}
a.formbutton {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border-radius: 3px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.09), 0 1px 1px rgba(0, 0, 0, 0.13);
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  font-size: 1rem;
  text-align: center;
  background: #026D92;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: 100%;
  margin-top: 2.5em;
  height: 4em;
  height: unset;
  padding-top: 1em;
  padding-bottom: 1em;
}
a.formbutton.compact {
  padding: 0.2em 0.5em;
}
a.formbutton:hover {
  opacity: 0.8;
}
a.formbutton:disabled {
  opacity: 0.5;
  cursor: default;
}
a {
  color: #0285b2;
  text-decoration: none;
}
a:hover {
  color: #262626;
}
/* Defines the styling of a form. */
.positive_message {
  padding: 0.8em;
  text-align: center;
  background: #25AA54;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid #25AA54;
  margin-bottom: 1em;
}
form {
  max-width: 28rem;
  margin: 0em auto;
  padding: 3em;
}
form > ul {
  margin: 0em;
}
form div.message {
  padding: 0.8em;
  text-align: center;
  background: #DD3333;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid #DD3333;
  margin: 0.8em 0em;
}
form p.error-message {
  padding: 0.8em;
  text-align: center;
  background: #DD3333;
  color: #ffffff;
  font-weight: 700;
  border: 1px solid #DD3333;
  margin: 0.8em 0em;
}
form input:not([type="checkbox"]) {
  height: 4em;
  margin: 0em auto;
  overflow: visible;
  box-sizing: border-box;
  background: #FEFAEB;
  display: block;
  width: 100%;
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  line-height: 1.15em;
  font-size: 1rem;
  border: 1px solid #dcdcdc;
  margin-bottom: 1em;
  height: auto;
  padding: 0.8em;
  font-size: 100%;
}
form input:not([type="checkbox"])::placeholder {
  color: #dcdcdc;
}
form input:not([type="checkbox"]):focus {
  border: 1px solid #0285b2;
  box-shadow: none;
  outline: none;
  opacity: 1;
}
form input:not([type="checkbox"])::placeholder {
  color: #A08017;
}
form select {
  border: 1px solid #dcdcdc;
  background: #FEFAEB;
  color: #011921;
  font-size: 100%;
  height: 4em;
  padding: 0px 0px 0px 5px;
  width: 100%;
  margin: 0em auto;
  display: block;
  margin-bottom: 1em;
}
form button {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border-radius: 3px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.09), 0 1px 1px rgba(0, 0, 0, 0.13);
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  font-size: 1rem;
  text-align: center;
  background: #026D92;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: 100%;
  margin-top: 2.5em;
  height: 4em;
}
form button.compact {
  padding: 0.2em 0.5em;
}
form button:hover {
  opacity: 0.8;
}
form button:disabled {
  opacity: 0.5;
  cursor: default;
}
p.tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 7.07106781px 14.14213562px;
  position: absolute;
  background-color: #ffffff;
  min-width: 10em;
  z-index: 9999;
  border-radius: 3px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.09), 0 1px 1px rgba(0, 0, 0, 0.13);
}
p.tooltip a {
  color: #0285b2;
}
p.tooltip a.button {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  font-family: inherit;
  box-sizing: border-box;
  padding: 0.5em 1em;
  border-radius: 3px;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.09), 0 1px 1px rgba(0, 0, 0, 0.13);
  font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  line-height: 140%;
  font-size: 1rem;
  text-align: center;
  background: #0285b2;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
}
p.tooltip a.button.compact {
  padding: 0.2em 0.5em;
}
p.tooltip a.button:hover {
  opacity: 0.8;
}
p.tooltip a.button:disabled {
  opacity: 0.5;
  cursor: default;
}
p.tooltip form {
  margin-top: 0.5em;
}
p.tooltip p:first-child {
  margin-top: 0;
}
p.tooltip::before {
  display: block;
  position: absolute;
  content: "\00a0";
  background-color: #ffffff;
  width: 14.14213562px;
  height: 14.14213562px;
}
p.tooltip.noanchor {
  border-radius: 3px !important;
}
p.tooltip.noanchor::before {
  display: none;
}
p.tooltip.upgrade {
  padding-left: 62.14213562px;
  min-height: 56px;
  min-width: 17em;
  /* Reactivate when we've clarified how to use icons.
  &::after {
    .icon(48px);
    position: absolute;
    top: 4px;
    left: @tooltip-anchor-size/2;
    content: @icon-name;
    color: @tooltip-soft-icon-color;
  }
  */
}
p.tooltip.error {
  padding-left: 62.14213562px;
  min-height: 56px;
  min-width: 17em;
  /* Reactivate when we've clarified how to use icons.
  &::after {
    .icon(48px);
    position: absolute;
    top: 4px;
    left: @tooltip-anchor-size/2;
    content: @icon-name;
    color: @tooltip-soft-icon-color;
  }
  */
  font-weight: bold;
}
p.tooltip.error::after {
  color: #290A0A;
}
p.tooltip.top {
  transform: translate(-50%, 0) translateY(10px);
}
p.tooltip.top::before {
  transform: translate(-7.07106781px, -14.14213562px) rotate(45deg);
  left: 50%;
}
p.tooltip.bottom {
  transform: translate(-50%, -100%) translateY(-10px);
}
p.tooltip.bottom::before {
  transform: translate(-7.07106781px, -7.07106781px) rotate(45deg);
  box-shadow: 4.94974747px 4.94974747px 7px rgba(0, 0, 0, 0.11);
  left: 50%;
  top: 100%;
}
p.tooltip.left {
  transform: translate(0, -50%) translateX(10px);
}
p.tooltip.left::before {
  transform: translate(-7.07106781px, -7.07106781px) rotate(45deg);
  top: 50%;
  left: 0;
}
p.tooltip.right {
  transform: translate(-100%, -50%) translateX(-10px);
}
p.tooltip.right::before {
  transform: translate(-7.07106781px, -7.07106781px) rotate(45deg);
  box-shadow: 1.41421356px -1.41421356px 2px rgba(0, 0, 0, 0.06);
  top: 50%;
  left: 100%;
}
p.tooltip.topleft {
  transform: translateY(14.14213562px);
  border-top-left-radius: 0;
}
p.tooltip.topleft::before {
  transform: translate(0, -14.14213562px) skewY(45deg);
  left: 0;
}
p.tooltip.topright {
  transform: translateX(-100%) translateY(14.14213562px);
  border-top-right-radius: 0;
}
p.tooltip.topright::before {
  transform: translate(-14.14213562px, -14.14213562px) skewY(-45deg);
  left: 100%;
}
p.tooltip.bottomleft {
  transform: translate(0, -100%) translateY(-14.14213562px);
  border-bottom-left-radius: 0;
}
p.tooltip.bottomleft::before {
  transform: translate(0, -7.07106781px) skewY(-45deg);
  box-shadow: -4.94974747px 4.94974747px 7px rgba(0, 0, 0, 0.11);
  top: 100%;
  left: 0;
}
p.tooltip.bottomright {
  transform: translate(-100%, -100%) translateY(-14.14213562px);
  border-bottom-right-radius: 0;
}
p.tooltip.bottomright::before {
  transform: translate(-14.14213562px, -7.07106781px) skewY(45deg);
  box-shadow: 4.94974747px 4.94974747px 7px rgba(0, 0, 0, 0.11);
  left: 100%;
  top: 100%;
}
p.tooltip.lefttop {
  transform: translateX(14.14213562px);
  border-top-left-radius: 0;
}
p.tooltip.lefttop::before {
  transform: translate(-7.07106781px, -7.07106781px) skewX(45deg);
  left: 0;
}
p.tooltip.leftbottom {
  transform: translateY(-100%) translateX(14.14213562px);
  border-bottom-left-radius: 0;
}
p.tooltip.leftbottom::before {
  transform: translate(-7.07106781px, -14.14213562px) skewX(-45deg);
  top: 100%;
  left: 0;
}
p.tooltip.righttop {
  transform: translateX(-100%) translateX(-14.14213562px);
  border-top-right-radius: 0;
}
p.tooltip.righttop::before {
  transform: translate(-7.07106781px, -7.07106781px) skewX(-45deg);
  left: 100%;
}
p.tooltip.rightbottom {
  transform: translate(-100%, -100%) translateX(-14.14213562px);
  border-bottom-right-radius: 0;
}
p.tooltip.rightbottom::before {
  transform: translate(-7.07106781px, -14.14213562px) skewX(45deg);
  top: 100%;
  left: 100%;
}
div.darkness {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 9996;
  animation: letthedarknesscome 0.5s;
}
@keyframes letthedarknesscome {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
.lightinthedarkness {
  z-index: 9997 !important;
  pointer-events: none;
}
body > header {
  padding: 0.5em 0.8em;
  background-color: #ffffff;
  border-bottom: 1px solid #dcdcdc;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  gap: 1em;
}
@media screen and (max-width: 55rem) {
  body > header {
    grid-template-columns: 1fr;
  }
}
body > header > h1 {
  margin: 0;
}
body > header > a {
  justify-self: end;
  align-self: center;
}
body > header > ul {
  margin: 0;
  justify-self: end;
  align-self: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em;
}
body > header > ul img {
  width: 24px;
}
main {
  padding: 2em;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 1em;
  align-items: start;
}
@media screen and (max-width: 60rem) {
  main {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 30rem) {
  main {
    padding: 2em 0;
  }
}
main > form {
  border: 1px solid #dcdcdc;
  padding: 0.3em;
  padding: 1em 1.5em;
  background-color: #ffffff;
}
main > form > ul > li {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0.5em;
  margin-bottom: 1.5em;
}
main > form > ul > li label {
  font-size: 120%;
  max-width: 80vw;
}
main > form > ul > li button {
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-decoration: none;
  user-select: none;
  white-space: nowrap;
  box-shadow: none;
  width: 24px;
  height: auto;
  text-indent: -9999em;
  background: transparent;
  border: none;
  cursor: pointer;
  justify-self: end;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
}
main > form > ul > li button::before {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  font-size: 24px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  content: "help_outline";
  color: #0285b2;
}
main > form > ul > li > input,
main > form > ul > li span {
  grid-column: 1 / 3;
}
main > form > ul > li span {
  font-size: 1.6rem;
  color: #8199a4;
  display: flex;
  align-items: baseline;
}
main > form > ul > li span > input {
  font-size: 1rem !important;
  margin-left: 0.5em !important;
}
main > form > ul > li input {
  margin: 0 !important;
}
main > section {
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  padding: 0.3em;
  padding: 1em 1.5em;
}
main > section:empty {
  display: none;
}
main > section p {
  font-size: 120%;
  line-height: 140%;
  margin: 0;
}
main > section p span {
  color: #0285b2;
}
main > section table td {
  text-align: right;
  white-space: nowrap;
}
main > section table td.negative {
  color: #DD3333;
}
main > section table td.positive {
  color: #25AA54;
}