﻿@charset "UTF-8";
@keyframes hs-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.dropdown {
  cursor: pointer; }
  .dropdown select {
    display: none !important; }
  .dropdown.disabled {
    cursor: not-allowed; }
    .dropdown.disabled .custom-dropdown .selected-container .dropdown-arrow:hover {
      background-color: #d3d3d3; }
  .dropdown .custom-dropdown {
    position: relative;
    user-select: none; }
    .dropdown .custom-dropdown .selected-container {
      position: relative;
      border: 1px solid #000000;
      background-color: #ffffff;
      width: 100%; }
      .dropdown .custom-dropdown .selected-container .selected {
        display: inline-block;
        padding: 0 1ch;
        max-width: -webkit-calc(100% - 20px);
        max-width: -moz-calc(100% - 20px);
        max-width: calc(100% - 20px); }
      .dropdown .custom-dropdown .selected-container .dropdown-arrow {
        display: inline-block;
        width: 20px;
        float: right;
        background-color: #d3d3d3; }
        .dropdown .custom-dropdown .selected-container .dropdown-arrow:before {
          display: block;
          content: "▼";
          text-align: center; }
        .dropdown .custom-dropdown .selected-container .dropdown-arrow:hover {
          background-color: #bebebe; }
    .dropdown .custom-dropdown .option-container {
      display: none !important; }

.option-container {
  position: fixed;
  width: 100%;
  overflow: auto;
  padding-top: 0.3em;
  border: 1px solid #000000;
  border-top: 0;
  background-color: #ffffff;
  z-index: 999; }
  .option-container.open-upwards {
    margin-top: 0;
    padding-top: 0;
    bottom: 1.2em;
    padding-bottom: 0.3em;
    border: 1px solid #000000;
    border-bottom: 0; }
  .option-container.collapsed {
    display: none; }
  .option-container .option {
    line-height: 1.2em;
    padding: 0 1ch; }
    .option-container .option:hover {
      background-color: #d3d3d3; }

.button {
  display: inline-block;
  padding: 0.3em;
  margin: 0.1em;
  background-color: #a9a9a9;
  border: 1px solid #000;
  border-radius: 2px; }
  .button:hover {
    cursor: pointer;
    background-color: #d3d3d3; }
  .button:active {
    background-color: #bbbbbb; }
  .button.disabled {
    color: #d3d3d3;
    background-color: white; }
    .button.disabled:hover {
      cursor: not-allowed; }
  .button.full-size {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0; }

.dropdown {
  cursor: pointer; }
  .dropdown select {
    display: none !important; }
  .dropdown.disabled {
    cursor: not-allowed; }
    .dropdown.disabled .custom-dropdown .selected-container .dropdown-arrow:hover {
      background-color: #d3d3d3; }
  .dropdown .custom-dropdown {
    position: relative;
    user-select: none; }
    .dropdown .custom-dropdown .selected-container {
      position: relative;
      border: 1px solid #000000;
      background-color: #ffffff;
      width: 100%; }
      .dropdown .custom-dropdown .selected-container .selected {
        display: inline-block;
        padding: 0 1ch;
        max-width: -webkit-calc(100% - 20px);
        max-width: -moz-calc(100% - 20px);
        max-width: calc(100% - 20px); }
      .dropdown .custom-dropdown .selected-container .dropdown-arrow {
        display: inline-block;
        width: 20px;
        float: right;
        background-color: #d3d3d3; }
        .dropdown .custom-dropdown .selected-container .dropdown-arrow:before {
          display: block;
          content: "▼";
          text-align: center; }
        .dropdown .custom-dropdown .selected-container .dropdown-arrow:hover {
          background-color: #bebebe; }
    .dropdown .custom-dropdown .option-container {
      display: none !important; }

.option-container {
  position: fixed;
  width: 100%;
  overflow: auto;
  padding-top: 0.3em;
  border: 1px solid #000000;
  border-top: 0;
  background-color: #ffffff;
  z-index: 999; }
  .option-container.open-upwards {
    margin-top: 0;
    padding-top: 0;
    bottom: 1.2em;
    padding-bottom: 0.3em;
    border: 1px solid #000000;
    border-bottom: 0; }
  .option-container.collapsed {
    display: none; }
  .option-container .option {
    line-height: 1.2em;
    padding: 0 1ch; }
    .option-container .option:hover {
      background-color: #d3d3d3; }

.button {
  display: inline-block;
  padding: 0.3em;
  margin: 0.1em;
  background-color: #a9a9a9;
  border: 1px solid #000;
  border-radius: 2px; }
  .button:hover {
    cursor: pointer;
    background-color: #d3d3d3; }
  .button:active {
    background-color: #bbbbbb; }
  .button.disabled {
    color: #d3d3d3;
    background-color: white; }
    .button.disabled:hover {
      cursor: not-allowed; }
  .button.full-size {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0; }

.hs-component-searchbar {
  position: relative; }
  .hs-component-searchbar .searchbar-input {
    width: 100%; }
  .hs-component-searchbar .hs-search-results {
    outline: 1px solid #ff7607;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0; }
    .hs-component-searchbar .hs-search-results .result-string:hover {
      background-color: #2c2c2c; }
    .hs-component-searchbar .hs-search-results .result-string.focused {
      background-color: #2c2c2c; }

.hs-component-popup {
  z-index: 100;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }
  .hs-component-popup .popup-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2c2c2c;
    z-index: 10;
    opacity: 0.5; }
  .hs-component-popup .popup-content {
    position: absolute;
    z-index: 11; }
    .hs-component-popup .popup-content.centered {
      transform: translate(-50%, -50%); }

.hs-component-flyout {
  z-index: 100;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }
  .hs-component-flyout .flyout-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2c2c2c;
    z-index: 10;
    opacity: 0.5; }
  .hs-component-flyout .flyout-content {
    position: absolute;
    z-index: 11; }

.hs-component-dropdown {
  cursor: pointer; }
  .hs-component-dropdown.disabled {
    cursor: not-allowed; }
  .hs-component-dropdown .custom-dropdown {
    position: relative;
    user-select: none; }
    .hs-component-dropdown .custom-dropdown .selected-container .selected {
      background: #ffffff;
      border: #2c2c2c 1px solid;
      color: #2c2c2c;
      padding: 0.25em; }
    .hs-component-dropdown .custom-dropdown .selected-container .dropdown-arrow {
      position: absolute;
      top: 5px;
      right: 9px;
      color: #000; }
      .hs-component-dropdown .custom-dropdown .selected-container .dropdown-arrow:after {
        content: "▼"; }
    .hs-component-dropdown .custom-dropdown .options-container {
      background: #ffffff;
      border: #2c2c2c 1px solid;
      color: #2c2c2c;
      padding: 0.25em;
      position: absolute;
      width: 100%;
      z-index: 1000; }
      .hs-component-dropdown .custom-dropdown .options-container.collapsed {
        display: none; }
      .hs-component-dropdown .custom-dropdown .options-container .option:hover {
        background: #ff7607; }
      .hs-component-dropdown .custom-dropdown .options-container .option.selected {
        background-color: #2c2c2c;
        color: #ffffff;
        cursor: default; }
