@charset "UTF-8";
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
@font-face {
  font-family: "hyperio";
  src: url("fonts/hyperio.eot?umgweu");
  src: url("fonts/hyperio.eot?umgweu#iefix") format("embedded-opentype"), url("fonts/hyperio.ttf?umgweu") format("truetype"), url("fonts/hyperio.woff?umgweu") format("woff"), url("fonts/hyperio.svg?umgweu#hyperio") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="hs-icon-"], [class*=" hs-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "hyperio" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*&:before {
        color: initial !important;
    }*/ }

.x2 {
  font-size: 2em; }

.x3 {
  font-size: 3em; }

.x4 {
  font-size: 4em; }

.hs-icon-document:before {
  content: ""; }

.hs-icon-export:before {
  content: ""; }

.hs-icon-Risk-Assessment:before {
  content: ""; }

.hs-icon-title-invoice:before {
  content: ""; }

.hs-icon-title-referencenumber:before {
  content: ""; }

.hs-icon-asset-template:before {
  content: ""; }

.hs-icon-branches:before {
  content: ""; }

.hs-icon-danger:before {
  content: ""; }

.hs-icon-flag:before {
  content: ""; }

.hs-icon-inspection-settings:before {
  content: ""; }

.hs-icon-manual-entry:before {
  content: ""; }

.hs-icon-merge:before {
  content: ""; }

.hs-icon-pin:before {
  content: ""; }

.hs-icon-ratio:before {
  content: ""; }

.hs-icon-reference-number:before {
  content: ""; }

.hs-icon-synced:before {
  content: ""; }

.hs-icon-synced-offline:before {
  content: ""; }

.hs-icon-synced-upload:before {
  content: ""; }

.hs-icon-title-inspections:before {
  content: ""; }

.hs-icon-inspections:before {
  content: ""; }

.hs-icon-certificate:before {
  content: ""; }

.hs-icon-action:before {
  content: ""; }

.hs-icon-comments:before {
  content: ""; }

.hs-icon-invoice:before {
  content: ""; }

.hs-icon-list:before {
  content: ""; }

.hs-icon-manufacturer:before {
  content: ""; }

.hs-icon-minus-dash:before {
  content: ""; }

.hs-icon-play:before {
  content: ""; }

.hs-icon-release-notes:before {
  content: ""; }

.hs-icon-test-app:before {
  content: ""; }

.hs-icon-test-master:before {
  content: ""; }

.hs-icon-test-profile:before {
  content: ""; }

.hs-icon-archive:before {
  content: ""; }

.hs-icon-barcode-scan:before {
  content: ""; }

.hs-icon-crop:before {
  content: ""; }

.hs-icon-drag:before {
  content: ""; }

.hs-icon-filter:before {
  content: ""; }

.hs-icon-image:before {
  content: ""; }

.hs-icon-link:before {
  content: ""; }

.hs-icon-maximize:before {
  content: ""; }

.hs-icon-minimize:before {
  content: ""; }

.hs-icon-redo:before {
  content: ""; }

.hs-icon-Risk-Groups1:before {
  content: ""; }

.hs-icon-Safety-Center1:before {
  content: ""; }

.hs-icon-title-activity:before {
  content: ""; }

.hs-icon-title-safetycontrol:before {
  content: ""; }

.hs-icon-Undo:before {
  content: ""; }

.hs-icon-upgrade:before {
  content: ""; }

.hs-icon-title-crop:before {
  content: ""; }

.hs-icon-Asset:before {
  content: ""; }

.hs-icon-building:before {
  content: ""; }

.hs-icon-calendar:before {
  content: ""; }

.hs-icon-Download:before {
  content: ""; }

.hs-icon-floor:before {
  content: ""; }

.hs-icon-Overview:before {
  content: ""; }

.hs-icon-referral:before {
  content: ""; }

.hs-icon-Refresh:before {
  content: ""; }

.hs-icon-Risk-Groups:before {
  content: ""; }

.hs-icon-room:before {
  content: ""; }

.hs-icon-Safety-Center:before {
  content: ""; }

.hs-icon-title-date:before {
  content: ""; }

.hs-icon-title-search:before {
  content: ""; }

.hs-icon-title-staff:before {
  content: ""; }

.hs-icon-upload:before {
  content: ""; }

.hs-icon-title-branding:before {
  content: ""; }

.hs-icon-title-defects:before {
  content: ""; }

.hs-icon-title-regions:before {
  content: ""; }

.hs-icon-Accounts:before {
  content: ""; }

.hs-icon-branding:before {
  content: ""; }

.hs-icon-disable:before {
  content: ""; }

.hs-icon-Locations:before {
  content: ""; }

.hs-icon-Organisations:before {
  content: ""; }

.hs-icon-title-plans:before {
  content: ""; }

.hs-icon-title-admin:before {
  content: ""; }

.hs-icon-title-hierarchy:before {
  content: ""; }

.hs-icon-title-info:before {
  content: ""; }

.hs-icon-title-licensing:before {
  content: ""; }

.hs-icon-title-locations:before {
  content: ""; }

.hs-icon-title-permissions:before {
  content: ""; }

.hs-icon-title-roles:before {
  content: ""; }

.hs-icon-plans1:before {
  content: ""; }

.hs-icon-folder:before {
  content: ""; }

.hs-icon-info:before {
  content: ""; }

.hs-icon-infrastructure:before {
  content: ""; }

.hs-icon-key:before {
  content: ""; }

.hs-icon-licensing:before {
  content: ""; }

.hs-icon-modules:before {
  content: ""; }

.hs-icon-plans:before {
  content: ""; }

.hs-icon-roles:before {
  content: ""; }

.hs-icon-save:before {
  content: ""; }

.hs-icon-services:before {
  content: ""; }

.hs-icon-tenants:before {
  content: ""; }

.hs-icon-tree:before {
  content: ""; }

.hs-icon-globe:before {
  content: ""; }

.hs-icon-admin:before {
  content: ""; }

.hs-icon-arrow-left:before {
  content: ""; }

.hs-icon-arrow-right:before {
  content: ""; }

.hs-icon-clients:before {
  content: ""; }

.hs-icon-log-out:before {
  content: ""; }

.hs-icon-next:before {
  content: ""; }

.hs-icon-previous:before {
  content: ""; }

.hs-icon-account:before {
  content: "󩀀"; }

.hs-icon-Add:before {
  content: ""; }

.hs-icon-alert-circle:before {
  content: ""; }

.hs-icon-alert-triangle:before {
  content: ""; }

.hs-icon-arrow-down:before {
  content: ""; }

.hs-icon-arrow-up:before {
  content: ""; }

.hs-icon-check:before {
  content: ""; }

.hs-icon-check-circle:before {
  content: ""; }

.hs-icon-clock:before {
  content: ""; }

.hs-icon-close:before {
  content: ""; }

.hs-icon-copy:before {
  content: ""; }

.hs-icon-Delete:before {
  content: ""; }

.hs-icon-down-arrow:before {
  content: ""; }

.hs-icon-edit:before {
  content: ""; }

.hs-icon-eye:before {
  content: ""; }

.hs-icon-eye-off:before {
  content: ""; }

.hs-icon-help-circle:before {
  content: ""; }

.hs-icon-home:before {
  content: ""; }

.hs-icon-left-arrow:before {
  content: ""; }

.hs-icon-loader:before {
  content: ""; }

.hs-icon-lock:before {
  content: ""; }

.hs-icon-mail:before {
  content: ""; }

.hs-icon-menu:before {
  content: ""; }

.hs-icon-more-vertical:before {
  content: ""; }

.hs-icon-notification:before {
  content: ""; }

.hs-icon-right-arrow:before {
  content: ""; }

.hs-icon-search:before {
  content: ""; }

.hs-icon-settings:before {
  content: ""; }

.hs-icon-unlock:before {
  content: ""; }

.hs-icon-up-arrow:before {
  content: ""; }

.hs-icon-user:before {
  content: ""; }

.hs-icon-Users:before {
  content: ""; }

.hs-icon-x-circle:before {
  content: ""; }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
@keyframes scale {
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0; } }

@keyframes scale-icon-ripple {
  to {
    transform-origin: center center;
    transform: scale(1, 1);
    opacity: 0; } }

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

@keyframes ripple-fixed {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(2.5);
    opacity: 0; } }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
@keyframes scale {
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0; } }

@keyframes scale-icon-ripple {
  to {
    transform-origin: center center;
    transform: scale(1, 1);
    opacity: 0; } }

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

@keyframes ripple-fixed {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(2.5);
    opacity: 0; } }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
.hs-autocomplete-list {
  position: relative; }
  .hs-autocomplete-list.hs-field-invalid .mdc-text-field:not(.mdc-text-field--disabled) {
    color: #F9423A !important; }
    .hs-autocomplete-list.hs-field-invalid .mdc-text-field:not(.mdc-text-field--disabled) i {
      color: #F9423A; }
  .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    color: #F9423A !important; }
    .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focussed .mdc-notched-outline .mdc-notched-outline__notch .mat-floating-label--float-above-outlined {
      color: #F9423A !important; }
    .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading {
      border-color: #F9423A !important;
      border-width: 2px !important; }
    .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch {
      border-color: #F9423A !important;
      border-width: 2px !important; }
    .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
      border-color: #F9423A !important;
      border-width: 2px !important; }
  .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__leading {
    border-color: #F9423A !important;
    border-width: 2px !important; }
  .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__notch {
    border-color: #F9423A !important;
    border-width: 2px !important; }
  .hs-autocomplete-list.hs-field-invalid .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__trailing {
    border-color: #F9423A !important;
    border-width: 2px !important; }

.hs-autocomplete-list-popup {
  width: 100%;
  top: 58px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: rgba(0, 0, 0, 0.37);
  text-align: center;
  box-sizing: border-box;
  background: #FFF;
  border-radius: 4px;
  position: absolute;
  z-index: 9999;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
@keyframes scale {
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0; } }

@keyframes scale-icon-ripple {
  to {
    transform-origin: center center;
    transform: scale(1, 1);
    opacity: 0; } }

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

@keyframes ripple-fixed {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(2.5);
    opacity: 0; } }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
.hs-calendar {
  display: block; }

.hs-calendar-header {
  padding: 8px 8px 0 8px; }

.hs-calendar-content {
  padding: 0 8px 8px 8px;
  outline: none; }

.hs-calendar-controls {
  display: flex;
  margin: 2% calc(33% / 7 - 16px); }
  .hs-calendar-controls .hs-icon-button:hover .hs-button-focus-overlay {
    opacity: 0.04; }

.hs-calendar-spacer {
  flex: 1 1 auto; }

.hs-calendar-period-button {
  min-width: 0;
  color: rgba(0, 0, 0, 0.37) !important; }

.hs-calendar-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top-width: 5px;
  border-top-style: solid;
  margin: 0 0 0 5px;
  vertical-align: middle; }
  .hs-calendar-arrow.hs-calendar-invert {
    transform: rotate(180deg); }

.hs-calendar-previous-button,
.hs-calendar-next-button {
  border: none;
  border-radius: 50%;
  position: relative;
  width: 40px !important;
  line-height: 40px !important;
  height: 40px !important;
  box-shadow: none !important;
  background-color: transparent; }
  .hs-calendar-previous-button:disabled::after,
  .hs-calendar-next-button:disabled::after {
    border-color: rgba(0, 0, 0, 0.37); }
  .hs-calendar-previous-button::after,
  .hs-calendar-next-button::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    margin: 15.5px;
    border: 0 solid rgba(0, 0, 0, 0.6);
    border-top-width: 2px; }
  .hs-calendar-previous-button:hover:not(:disabled),
  .hs-calendar-next-button:hover:not(:disabled) {
    background-color: #F1F1F1; }
    .hs-calendar-previous-button:hover:not(:disabled):active,
    .hs-calendar-next-button:hover:not(:disabled):active {
      background-color: #F4F7F9; }

.hs-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg); }

.hs-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg); }

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

.hs-calendar-table-header th {
  text-align: center;
  padding: 0 0 8px 0; }

.hs-calendar-table-header-divider {
  position: relative;
  height: 1px; }
  .hs-calendar-table-header-divider::after {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    right: -8px;
    height: 1px; }

.hs-calendar-body {
  min-width: 224px; }

.hs-calendar-body-label {
  height: 0;
  line-height: 0;
  text-align: left;
  padding-left: 4.71429%;
  padding-right: 4.71429%; }

.hs-calendar-body-cell {
  position: relative;
  height: 0;
  line-height: 0;
  text-align: center;
  outline: none;
  cursor: pointer; }

.hs-calendar-body-cell::before,
.hs-calendar-body-cell::after,
.hs-calendar-body-cell-preview {
  content: '';
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  height: 90%;
  width: 100%; }

.hs-calendar-body-range-start:not(.hs-calendar-body-in-comparison-range)::before,
.hs-calendar-body-range-start::after,
.hs-calendar-body-comparison-start:not(.hs-calendar-body-comparison-bridge-start)::before,
.hs-calendar-body-comparison-start::after,
.hs-calendar-body-preview-start .hs-calendar-body-cell-preview {
  left: 5%;
  width: 95%;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px; }
  [dir='rtl'] .hs-calendar-body-range-start:not(.hs-calendar-body-in-comparison-range)::before, [dir='rtl']
  .hs-calendar-body-range-start::after, [dir='rtl']
  .hs-calendar-body-comparison-start:not(.hs-calendar-body-comparison-bridge-start)::before, [dir='rtl']
  .hs-calendar-body-comparison-start::after, [dir='rtl']
  .hs-calendar-body-preview-start .hs-calendar-body-cell-preview {
    left: 0;
    border-radius: 0;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px; }

.hs-calendar-body-range-end:not(.hs-calendar-body-in-comparison-range)::before,
.hs-calendar-body-range-end::after,
.hs-calendar-body-comparison-end:not(.hs-calendar-body-comparison-bridge-end)::before,
.hs-calendar-body-comparison-end::after,
.hs-calendar-body-preview-end .hs-calendar-body-cell-preview {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  /*[dir='rtl'] & {
        left: $hs-calendar-body-cell-content-margin;
        border-radius: 0;
        border-top-left-radius: $hs-calendar-body-cell-radius;
        border-bottom-left-radius: $hs-calendar-body-cell-radius;
    }*/ }

/*[dir='rtl'] {
    .hs-calendar-body-comparison-bridge-start.hs-calendar-body-range-end::after,
    .hs-calendar-body-comparison-bridge-end.hs-calendar-body-range-start::after {
        @include _ar-calendar-body-range-right-radius;
    }
}*/
/*.hs-calendar-body-comparison-start.hs-calendar-body-range-end::after,
.hs-calendar-body-comparison-end.hs-calendar-body-range-start::after {
    &, [dir='rtl'] & {
        width: $hs-calendar-body-cell-content-size;
    }
}*/
.hs-calendar-body-in-preview .hs-calendar-body-cell-preview {
  border-top: solid 1px;
  border-bottom: solid 1px; }

.hs-calendar-body-preview-start .hs-calendar-body-cell-preview {
  border-left: solid 1px; }

.hs-calendar-body-preview-end .hs-calendar-body-cell-preview {
  border-right: solid 1px; }

.hs-calendar-body-disabled {
  cursor: default; }

.hs-calendar-body-cell-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px; }
  .hs-calendar-body-cell-content.hs-focus-indicator {
    position: absolute; }

@media (hover: none) {
  .hs-calendar-body-cell:not(.hs-calendar-body-disabled):hover > .hs-calendar-body-cell-content:not(.hs-calendar-body-selected) {
    background-color: transparent; } }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
.slide-toggle {
  display: inline-block;
  height: 24px;
  max-width: 100%;
  line-height: 24px;
  white-space: nowrap;
  outline: none;
  -webkit-tap-highlight-color: transparent; }
  .slide-toggle.checked .slide-toggle-thumb-container {
    transform: translate3d(16px, 0, 0); }
  .slide-toggle.disabled {
    opacity: 0.38; }
    .slide-toggle.disabled .slide-toggle-label, .slide-toggle.disabled .slide-toggle-thumb-container {
      cursor: default; }

.slide-toggle-label {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  height: inherit;
  cursor: pointer; }

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

.slide-toggle-label-before .slide-toggle-label {
  order: 1; }

.slide-toggle-label-before .slide-toggle-bar {
  margin-left: 0.5rem;
  margin-right: 0rem;
  order: 2; }

.slide-toggle-bar-no-side-margin {
  margin-left: 0;
  margin-right: 0; }

.slide-toggle-thumb-container {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  transform: translate3d(0, 0, 0);
  transition: all 80ms linear;
  transition-property: transform; }
  ._animation-noopable .slide-toggle-thumb-container {
    transition: none; }

.slide-toggle-thumb {
  height: 20px;
  width: 20px;
  border-radius: 50%; }

.slide-toggle-bar {
  position: relative;
  width: 36px;
  height: 14px;
  flex-shrink: 0;
  border-radius: 8px; }

.slide-toggle-input {
  bottom: 0;
  left: 10px; }
  [dir='rtl'] .slide-toggle-input {
    left: auto;
    right: 10px; }

.slide-toggle-bar,
.slide-toggle-thumb {
  transition: all 80ms linear;
  transition-property: background-color;
  transition-delay: 50ms;
  margin-right: 0.5rem;
  margin-left: 0rem; }
  ._animation-noopable .slide-toggle-bar, ._animation-noopable
  .slide-toggle-thumb {
    transition: none; }

.slide-toggle .slide-toggle-ripple {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
  height: 40px;
  width: 40px;
  z-index: 1;
  pointer-events: none; }
  .slide-toggle .slide-toggle-ripple .ripple-element:not(.slide-toggle-persistent-ripple) {
    opacity: 0.12; }

.slide-toggle-persistent-ripple {
  width: 100%;
  height: 100%;
  transform: none; }
  .slide-toggle-persistent-ripple, .slide-toggle.disabled .slide-toggle-bar:hover .slide-toggle-persistent-ripple {
    opacity: 0; }
  @media (hover: none) {
    .slide-toggle-bar:hover .slide-toggle-persistent-ripple {
      display: none; } }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
.hs-button {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border: none;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 16px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  /* Overlay */
  /* Ripple */ }
  .hs-button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s; }
  .hs-button:not(.disabled)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    /* Safari */
    height: 32px;
    /* Safari */
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s; }
  .hs-button.disabled {
    opacity: 0.5;
    cursor: default; }
  .hs-button.hs-icon-button {
    padding: 8px;
    position: relative; }
    .hs-button.hs-icon-button:focus-visible {
      border: 1px solid #00548A; }
    .hs-button.hs-icon-button:hover:not(.disabled) .hs-icon-ripple::before {
      opacity: 0.05 !important; }
    .hs-button.hs-icon-button:active:not(.disabled) .hs-icon-ripple::after {
      background-color: currentColor;
      animation: scale-icon-ripple 200ms ease-out; }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
@keyframes scale {
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0; } }

@keyframes scale-icon-ripple {
  to {
    transform-origin: center center;
    transform: scale(1, 1);
    opacity: 0; } }

@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0); }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0; } }

@keyframes ripple-fixed {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(2.5);
    opacity: 0; } }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
.mat-floating-label--float-above-outlined {
  background: #FFF; }

.mdc-text-field-helper-text--validation-msg {
  font-family: "Noto Sans";
  color: #F9423A !important;
  font-size: 11px;
  float: left; }

.hs-border-prim-50 {
  border: 1px #E0F4FB; }

.hs-border-prim-100 {
  border: 1px #B2E3F4; }

.hs-border-prim-100 {
  border: 1px #B2E3F4; }

.hs-border-prim-300 {
  border: 1px #80D1EE; }

.hs-border-prim-400 {
  border: 1px #2DB1E4; }

.hs-border-prim-500 {
  border: 1px #00A3E0; }

.hs-border-prim-700 {
  border: 1px #0084BF; }

.hs-border-prim-800 {
  border: 1px #0073AB; }

.hs-border-prim-900 {
  border: 1px #00548A; }

.hs-border-sec-50 {
  border: 1px #E7F0FC; }

.hs-border-sec-100 {
  border: 1px #CADBE9; }

.hs-border-sec-100 {
  border: 1px #CADBE9; }

.hs-border-sec-300 {
  border: 1px #90A9BE; }

.hs-border-sec-400 {
  border: 1px #7A95AD; }

.hs-border-sec-500 {
  border: 1px #253746; }

.hs-border-sec-600 {
  border: 1px #63829D; }

.hs-border-sec-700 {
  border: 1px #55738B; }

.hs-border-sec-800 {
  border: 1px #455F74; }

.hs-border-sec-900 {
  border: 1px #374C5E; }

.hs-border-black-prim {
  border: 1px rgba(0, 0, 0, 0.87); }

.hs-border-black-sec {
  border: 1px rgba(0, 0, 0, 0.6) !important; }

.hs-border-black-inact {
  border: 1px rgba(0, 0, 0, 0.37); }

.hs-border-warning {
  border: 1px #F1C411; }

.hs-border-success {
  border: 1px #8BC34A; }

.hs-border-error {
  border: 1px #F9423A; }

.hs-border-turquoise {
  border: 1px #2BECE0; }

.hs-border-yellow {
  border: 1px #F7B32B; }

.hs-border-pink {
  border: 1px #FA779E; }

.hs-border-coral {
  border: 1px #E84855; }

.hs-border-lime {
  border: 1px #A0D619; }

.hs-border-blue {
  border: 1px #2581EB; }

.hs-border-fuschia {
  border: 1px #E42064; }

.hs-border-green {
  border: 1px #24E789; }

.hs-border-cyan {
  border: 1px #2BECE0; }

.hs-border-orange {
  border: 1px #ED5024; }

.hs-border-purple {
  border: 1px #A877FA; }

.prim-50 {
  color: #E0F4FB; }

.prim-100 {
  color: #B2E3F4; }

.prim-200 {
  color: #B2E3F4; }

.prim-300 {
  color: #80D1EE; }

.prim-400 {
  color: #2DB1E4; }

.prim-500 {
  color: #00A3E0; }

.prim-700 {
  color: #0084BF; }

.prim-800 {
  color: #0073AB; }

.prim-900 {
  color: #00548A; }

.sec-50 {
  color: #E7F0FC; }

.sec-100 {
  color: #CADBE9; }

.sec-200 {
  color: #AEC2D4; }

.sec-300 {
  color: #90A9BE; }

.sec-400 {
  color: #7A95AD; }

.sec-500 {
  color: #253746; }

.sec-600 {
  color: #63829D; }

.sec-700 {
  color: #55738B; }

.sec-800 {
  color: #455F74; }

.sec-900 {
  color: #374C5E; }

.black-prim {
  color: rgba(0, 0, 0, 0.87); }

.black-sec {
  color: rgba(0, 0, 0, 0.6) !important; }

.black-inact {
  color: rgba(0, 0, 0, 0.37) !important; }

.warning {
  color: #F1C411 !important; }

.success {
  color: #8BC34A !important; }

.error {
  color: #F9423A !important; }

.hs-bg-gray {
  background-color: #F4F7F9; }

.prim-50-bg {
  background-color: #E0F4FB; }

.hs-bg-white {
  background-color: #FFF; }

.warning-50 {
  background-color: rgba(241, 196, 17, 0.5); }

.hs-error-500-bg {
  background-color: #F9423A; }

.hs-success-500-bg {
  background-color: #8BC34A; }

.hs-warning-500-bg {
  background-color: #F1C411; }

.error-50 {
  background-color: rgba(249, 66, 58, 0.5); }

.information-50 {
  background-color: rgba(0, 163, 224, 0.5); }

.success-50 {
  background-color: rgba(139, 195, 74, 0.5); }

.hs-turquoise {
  color: #2BECE0; }

.hs-yellow {
  color: #F7B32B; }

.hs-purple {
  color: #A877FA; }

.hs-pink {
  color: #FA779E; }

.hs-coral {
  color: #E84855; }

.hs-lime {
  color: #A0D619; }

.hs-blue {
  color: #2581EB; }

.hs-orange {
  color: #ED5024; }

.hs-fuschia {
  color: #E42064; }

.hs-green {
  color: #24E789; }

.cyan {
  color: #2BECE0; }

.cyan-bg {
  background-color: #2BECE0; }

.orange {
  color: #ED5024; }

.orange-bg {
  background-color: #ED5024; }

.purple {
  color: #A877FA; }

.purple-bg {
  background-color: #A877FA; }

.hs-container {
  padding: 16px; }

.hs-display-flex {
  display: flex; }

.hs-space-between {
  display: flex;
  justify-content: space-between; }

.hs-space-around {
  display: flex;
  justify-content: space-around; }

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

.hs-align-end {
  align-items: flex-end; }

.hs-align-start {
  align-items: flex-start; }

.hs-justify-start {
  justify-content: flex-start; }

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

.hs-justify-end {
  display: flex;
  justify-content: flex-end; }

.hs-horizontal {
  display: flex;
  flex-direction: row; }

.hs-horizontal-center {
  display: flex;
  flex-direction: row;
  align-items: center; }

.hs-horizontal-end {
  display: flex;
  flex-direction: row;
  align-items: flex-end; }

.hs-center-horizontal {
  display: flex;
  justify-content: center; }

.hs-center-horizontal-vertical {
  display: flex;
  justify-content: center;
  align-items: center; }

.hs-vertical {
  display: flex;
  flex-direction: column; }

.hs-vertical-center {
  display: flex;
  flex-direction: column;
  align-items: center; }

.hs-margin-0 {
  margin: 0; }

.hs-margin-8 {
  margin: 8px; }

.hs-margin-16 {
  margin: 16px; }

.hs-margin-24 {
  margin: 24px; }

.hs-margin-32 {
  margin: 32px; }

.hs-margin-40 {
  margin: 40px; }

.hs-margin-48 {
  margin: 48px; }

.hs-margin-56 {
  margin: 56px; }

.hs-margin-64 {
  margin: 64px; }

.hs-margin-72 {
  margin: 72px; }

.hs-margin-80 {
  margin: 80px; }

.hs-margin-bottom-8 {
  margin-bottom: 8px; }

.hs-margin-bottom-16 {
  margin-bottom: 16px; }

.hs-margin-top-8 {
  margin-top: 8px; }

.hs-margin-top-16 {
  margin-top: 16px; }

.hs-margin-top-24 {
  margin-top: 24px; }

.hs-margin-top-48 {
  margin-top: 48px; }

.hs-margin-top-64 {
  margin-top: 64px; }

.hs-margin-left-8 {
  margin-left: 8px; }
  
 .hs-margin-left-24 {
  margin-left: 24px; } 

.hs-margin-right-8 {
  margin-right: 8px; }

.hs-margin-right-16 {
  margin-right: 16px; }

.hs-flex-100 {
  flex: 1 0 "100%"; }

.hs-flex-95 {
  flex: 1 0 95%; }

.hs-flex-90 {
  flex: 1 0 90%; }

.hs-flex-85 {
  flex: 1 0 85%; }

.hs-flex-80 {
  flex: 1 0 80%; }

.hs-flex-75 {
  flex: 1 0 75%; }

.hs-flex-70 {
  flex: 1 0 70%; }

.hs-flex-67 {
  flex: 1 0 67%; }

.hs-flex-60 {
  flex: 1 0 60%; }

.hs-flex-55 {
  flex: 1 0 55%; }

.hs-flex-50 {
  flex: 1 0 50%; }

.hs-flex-45 {
  flex: 1 0 45%; }

.hs-flex-40 {
  flex: 1 0 40%; }

.hs-flex-35 {
  flex: 1 0 35%; }

.hs-flex-33 {
  flex: 1 0 33%; }

.hs-flex-30 {
  flex: 1 0 30%; }

.hs-flex-25 {
  flex: 1 0 25%; }

.hs-flex-20 {
  flex: 1 0 20%; }

.hs-flex-10 {
  flex: 1 0 10%; }

.hs-flex-auto {
  flex: 1 0 auto; }

.hs-flex-shrink-45 {
  flex: 0 1 45%; }

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

.hs-padding-8 {
  padding: 8px; }

.hs-padding-top-8 {
  padding-top: 8px; }

.hs-padding-16 {
  padding: 16px; }

.hs-padding-24 {
  padding: 24px; }

.hs-padding-bottom-24 {
  padding-bottom: 24px; }

.hs-padding-left-24 {
  padding-left: 24px; }

.hs-padding-right-24 {
  padding-right: 24px; }

.hs-padding-right-32 {
  padding-right: 32px; }

.hs-padding-right-40 {
  padding-right: 40px; }

.hs-padding-32 {
  padding: 32px; }

.hs-padding-bottom-32 {
  padding-bottom: 32px; }

.hs-padding-40 {
  padding: 40px; }

.hs-padding-48 {
  padding: 48px; }

.hs-padding-56 {
  padding: 56px; }

.hs-padding-64 {
  padding: 64px; }

.hs-padding-72 {
  padding: 72px; }

.hs-padding-80 {
  padding: 80px; }

.show {
  visibility: initial; }

.hide {
  visibility: hidden !important; }

.display {
  display: inherit; }

.display-none {
  display: none !important; }

.hs-full-height {
  height: 100%; }

.hs-spacer {
  flex: 1 1 auto; }

.hs-shadow-default {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.hs-shadow-2dp {
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14); }

.hs-radius-4 {
  border-radius: 4px; }

.hs-radius-8 {
  border-radius: 8px; }

.hs-radius-16 {
  border-radius: 16px; }

.hs-radius-round {
  border-radius: 50%; }

.relative {
  position: relative; }

.hs-full-height {
  height: 100%; }

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }

.validation-message {
  color: #F9423A;
  font-size: 11px;
  margin-left: 10px;
  float: left; }

#components-reconnect-modal {
  z-index: 2000 !important; }

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 2000; }

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem; }

h1 {
  font-size: 34px;
  letter-spacing: -1.5px; }

h2 {
  font-size: 28px;
  letter-spacing: -0.5px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 20px;
  letter-spacing: 0.25px; }

h5 {
  font-size: 20px;
  font-weight: bold; }

h6 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.15px; }

.h1 {
  font-size: 34px;
  letter-spacing: -1.5px; }

.h2 {
  font-size: 28px;
  letter-spacing: -0.5px; }

.h3 {
  font-size: 24px; }

.h4 {
  font-size: 20px;
  letter-spacing: 0.25px; }

.h5 {
  font-size: 20px;
  font-weight: bold; }

.h6 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.15px; }

.hs-h5 {
  font-size: 20px;
  font-weight: bold; }

.hs-subtitle-1 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: 0.15px; }

.hs-body-1 {
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.5px; }

.hs-subtitle-2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.1px; }

.hs-grid-headers {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.1px;
  text-transform: uppercase; }

.hs-button {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase; }

.hs-body-2 {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.25px; }

.hs-caption {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: 0.4px; }

.hs-overline {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1.5px;
  text-transform: uppercase; }

.hs-body-3 {
  font-size: 10px;
  letter-spacing: 0.25px; }

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 16px; }

.bold {
  font-weight: 700; }

.card-muted-p {
  margin-bottom: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.6);
  word-wrap: break-word; }

.card-p {
  margin-bottom: 0px;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.87); }

.card-primary-p {
  margin-bottom: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #00A3E0; }

.hs-ripple {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden; }
  .hs-ripple:active::after {
    animation: scale 300ms ease-out; }
  .hs-ripple.active::after {
    animation: scale 500ms ease-out; }
  .hs-ripple::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    /* Safari */
    height: 32px;
    /* Safari */
    transform: translate(-50%, -50%) scale(0); }

.hs-icon-ripple {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden; }
  .hs-icon-ripple::before {
    content: '';
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    height: 40px;
    width: 40px;
    z-index: 1;
    pointer-events: none;
    padding: 0px;
    background-color: currentColor;
    opacity: 0;
    border-radius: 100%; }
  .hs-icon-ripple::after {
    content: "";
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    height: 40px;
    width: 40px;
    border-radius: 100%;
    padding: 0px;
    transform: scale(0);
    opacity: 0.3; }

.ripple {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden; }
  .ripple .ripple-element {
    width: 200px;
    height: 200px;
    position: absolute;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    border-radius: 100%;
    animation: ripple 500ms linear infinite;
    z-index: 5; }
  .ripple.ripple-fixed {
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border-radius: 100%; }
    .ripple.ripple-fixed .ripple-element {
      position: absolute;
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      animation: ripple-fixed 500ms linear infinite;
      z-index: 5; }
    .ripple.ripple-fixed .ripple-persistent-element {
      position: absolute;
      left: calc(50% - 20px);
      top: calc(50% - 20px);
      width: 40px;
      height: 40px;
      z-index: 1;
      pointer-events: none;
      overflow: hidden;
      border-radius: 100%; }

/*Card Styles*/
.e-card {
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.e-card:hover {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }

.e-card-header {
  border-bottom: 1px #F1F1F1 solid; }

.e-card .e-card-header {
  padding: 16px 24px; }

/*.e-card .e-card-header .e-card-header-caption .e-card-header-title {
        @extend h6;
    }*/
.e-card .e-card-header .e-card-header-caption .e-card-header-title, .e-card .e-card-header {
  font-size: 20px;
  font-weight: bold; }

.e-card .e-card-content {
  padding: 24px; }

.hs-card {
  background-color: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: inherit; }
  .hs-card.hs-card-action-hover {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2); }
  .hs-card .hs-card-header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(0, 0, 0, 0.87);
    font-size: 20px;
    font-weight: bold; }
    .hs-card .hs-card-header.hs-action {
      cursor: pointer; }
    .hs-card .hs-card-header .hs-card-icon {
      margin: 0px 0px 0px 8px !important;
      min-width: 48px; }
    .hs-card .hs-card-header i {
      font-size: 32px; }
    .hs-card .hs-card-header.hs-has-header {
      border-bottom: 2px solid #F1F1F1;
      padding: 8px;
      min-height: 78px; }
    .hs-card .hs-card-header .hs-card-actions {
      font-size: 1.4em;
      visibility: hidden;
      display: flex;
      justify-content: flex-end;
      flex: 1;
      color: #00A3E0;
      padding-right: 16px; }
      .hs-card .hs-card-header .hs-card-actions .hs-button {
        color: #00A3E0;
        width: 60px;
        height: 60px; }
        .hs-card .hs-card-header .hs-card-actions .hs-button i {
          font-size: 24px; }
      .hs-card .hs-card-header .hs-card-actions .hs-icon-ripple {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden; }
        .hs-card .hs-card-header .hs-card-actions .hs-icon-ripple::before {
          content: '';
          position: absolute;
          top: calc(50% - 30px);
          left: calc(50% - 30px);
          height: 60px;
          width: 60px;
          z-index: 1;
          pointer-events: none;
          padding: 0px;
          background-color: currentColor;
          opacity: 0;
          border-radius: 100%; }
        .hs-card .hs-card-header .hs-card-actions .hs-icon-ripple::after {
          content: "";
          position: absolute;
          top: calc(50% - 30px);
          left: calc(50% - 30px);
          height: 60px;
          width: 60px;
          border-radius: 100%;
          padding: 0px;
          transform: scale(0);
          opacity: 0.3; }
      .hs-card .hs-card-header .hs-card-actions div {
        cursor: pointer;
        /*margin: $spacing-0 $spacing-8;*/ }
      .hs-card .hs-card-header .hs-card-actions.md {
        visibility: visible; }
    .hs-card .hs-card-header:hover .hs-card-actions {
      visibility: visible; }
  .hs-card .hs-card-content {
    padding: 24px 16px 24px 16px;
    height: inherit; }
    .hs-card .hs-card-content .e-card-content {
      height: inherit; }
    .hs-card .hs-card-content.hs-has-header {
      padding: 1rem 2rem; }

.e-headercell.e-hide {
  display: table-cell !important; }

.hs-grid-no-search-results {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .hs-grid-no-search-results .e-emptyrow {
    display: none; }
  .hs-grid-no-search-results .e-grid .e.gridheader .e-headercell.e-hide {
    display: table-cell !important; }
  .hs-grid-no-search-results .e-grid .e.gridheader .e-headercell.e-hide {
    display: table-cell !important; }
  .hs-grid-no-search-results .e-pager {
    display: none !important; }
  .hs-grid-no-search-results .hs-grid-search-results-message {
    display: flex; }

.hs-grid-search-results-message {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15%; }
  .hs-grid-search-results-message i {
    color: rgba(0, 0, 0, 0.37);
    font-size: 24px;
    padding: 8px; }
  .hs-grid-search-results-message span:first-child {
    font-size: 20px;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.87); }
  .hs-grid-search-results-message span:last-child {
    padding: 8px;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.25px;
    color: rgba(0, 0, 0, 0.6); }

.e-grid {
  border-style: none;
  border: none !important; }
  .e-grid .e-headercell {
    background-color: #F4F7F9; }
  .e-grid .e-toolbar {
    border: none !important; }
  .e-grid .e-gridheader {
    border: none !important; }
  .e-grid .e-pager {
    font-size: 14px;
    padding: 24px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .e-grid .e-pager .e-pagerconstant {
      margin: 0 0 -4px 12px; }
    .e-grid .e-pager .e-pagerdropdown {
      margin-top: 0px; }
    .e-grid .e-pager .e-pagecountmsg {
      display: inline; }
    @media screen and (max-width: 1024px) {
      .e-grid .e-pager div.e-icons {
        font-size: 24px; }
      .e-grid .e-pager div.e-parentmsgbar {
        display: inline-grid;
        box-sizing: border-box;
        float: initial;
        padding-bottom: 0;
        padding-right: 0;
        padding-top: 0;
        text-align: center;
        order: 2; }
      .e-grid .e-pager .e-pagercontainer {
        display: none; }
      .e-grid .e-pager .e-pagesizes {
        display: none; }
      .e-grid .e-pager .e-mfirst,
      .e-grid .e-pager .e-mprev,
      .e-grid .e-pager .e-mnext,
      .e-grid .e-pager .e-mlast {
        border: 0;
        box-sizing: border-box;
        display: inline-block;
        padding: 8px; }
      .e-grid .e-pager .e-mfirst {
        margin-right: 4px;
        text-align: right;
        order: 2; }
      .e-grid .e-pager .e-mprev {
        margin: 0 4px;
        text-align: right;
        order: 2; }
      .e-grid .e-pager .e-mnext {
        margin: 0 4px;
        text-align: left;
        order: 2; }
      .e-grid .e-pager .e-mlast {
        margin-left: 4px;
        text-align: left;
        order: 2; } }
    @media (min-width: 1025px) {
      .e-grid .e-pager div.e-icons {
        font-size: 16px; }
      .e-grid .e-pager .e-pagercontainer {
        order: 1; }
      .e-grid .e-pager .e-pagesizes {
        order: 0; }
      .e-grid .e-pager .e-parentmsgbar {
        font-weight: normal;
        order: 2; } }
  .e-grid .e-headercelldiv {
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    display: inline; }
  .e-grid .e-mousepointer .e-sortfilterdiv {
    display: inline;
    float: none;
    margin: 0; }
    .e-grid .e-mousepointer .e-sortfilterdiv::before {
      content: '\e840';
      color: rgba(0, 0, 0, 0.37); }
    .e-grid .e-mousepointer .e-sortfilterdiv.e-icon-descending::before {
      content: '\e83f';
      color: rgba(0, 0, 0, 0.87); }
    .e-grid .e-mousepointer .e-sortfilterdiv.e-icon-ascending::before {
      content: '\e840';
      color: rgba(0, 0, 0, 0.87); }
  .e-grid .e-rowcell {
    padding: 16px; }
  .e-grid .e-icon-last::before {
    font-family: "hyperio";
    content: "";
    color: rgba(0, 0, 0, 0.6); }
  .e-grid .e-icon-next::before {
    font-family: "hyperio";
    content: "";
    color: rgba(0, 0, 0, 0.6); }
  .e-grid .e-icon-first::before {
    font-family: "hyperio";
    content: "";
    color: rgba(0, 0, 0, 0.6); }
  .e-grid .e-icon-prev::before {
    font-family: "hyperio";
    content: "";
    color: rgba(0, 0, 0, 0.6); }
  .e-grid .e-add::before {
    font-family: "hyperio";
    content: ""; }
  .e-grid .e-toolbar {
    padding: 16px;
    background-color: #FFF; }
    .e-grid .e-toolbar .e-toolbar-items {
      background-color: #FFF; }
    .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item {
      background-color: #FFF; }
      .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
        color: #FFF;
        letter-spacing: 0.75px;
        font-weight: bold;
        text-transform: uppercase; }
      .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
        background: #00A3E0;
        border-radius: 4px;
        padding: 8px 16px;
        height: auto; }
        .e-grid .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
          color: #FFF; }
  .e-grid .e-toolbar-right {
    padding: 10px; }
  .e-grid .e-toolbar-left {
    padding: 10px; }
  .e-grid .status {
    width: 72px;
    height: 24px;
    border-radius: 4px;
    text-align: center;
    vertical-align: central; }
    .e-grid .status.active {
      background-color: rgba(139, 195, 74, 0.1); }
    .e-grid .status.pending {
      background-color: rgba(241, 196, 17, 0.1); }
    .e-grid .status.inactive {
      background-color: rgba(0, 0, 0, 0.1); }
  .e-grid .e-rowcell {
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 24px; }

.hs-label-value {
  display: flex; }
  .hs-label-value .hs-label {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1.5px;
    padding: 8px 0px; }
  .hs-label-value .hs-value {
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 8px 0px; }
  .hs-label-value.vertical {
    flex-direction: column; }
  .hs-label-value.horizontal {
    flex-direction: row; }

.hs-field {
  margin: 24px 0px; }

.hs-form {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  padding: 48px; }
  .hs-form.md {
    padding: 16px; }

.modal {
  display: block;
  z-index: 1074; }

.modal-dialog {
  max-width: 584px !important;
  justify-content: center; }

.modal-content {
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 8px !important;
  border: none !important; }

.modal-header {
  border-bottom: none !important;
  padding: 24px !important;
  word-break: break-all; }

.modal-body {
  padding-top: 0px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  padding-bottom: 0px !important;
  word-break: break-all; }

.modal-footer {
  padding-top: 48px !important;
  padding-bottom: 24px !important;
  border-top: none !important;
  justify-content: flex-start; }

.modal-drawer-backdrop {
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1073;
  width: 100vw;
  height: 100vh;
  background-color: #000; }

.fade-scale {
  -webkit-transition: all .25s linear;
  -o-transition: all .25s linear;
  transition: all .25s linear; }
  .fade-scale.in {
    opacity: 1;
    transform: scale(1); }
  .fade-scale.out {
    opacity: 0;
    transform: scale(0); }

div[class*="hs-drawer-wrapper"] {
  height: 100vh;
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 1072;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background: #f1f3f4;
  overflow: hidden;
  transition: 0.3s;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2), 0 0 24px 2px rgba(0, 0, 0, 0.14), 0 0 30px 5px rgba(0, 0, 0, 0.12); }

div[class*="hs-drawer-backdrop"] {
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0px;
  right: 0px;
  z-index: 1071;
  background-color: #000; }

.hs-drawer-header {
  min-height: 64px;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 5px;
  text-align: center;
  font-size: 24px; }

.hs-drawer-title {
  display: flex;
  justify-content: center;
  padding-bottom: 20px; }

.hs-drawer-header-close-button {
  padding: 16px !important;
  font-size: 1em;
  margin-right: 16px;
  margin-top: 16px;
  font-weight: 100; }
  .hs-drawer-header-close-button .hs-icon-ripple {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    .hs-drawer-header-close-button .hs-icon-ripple::before {
      content: '';
      position: absolute;
      top: calc(50% - 30px);
      left: calc(50% - 30px);
      height: 60px;
      width: 60px;
      z-index: 1;
      pointer-events: none;
      padding: 0px;
      background-color: currentColor;
      opacity: 0;
      border-radius: 100%; }
    .hs-drawer-header-close-button .hs-icon-ripple::after {
      content: "";
      position: absolute;
      top: calc(50% - 30px);
      left: calc(50% - 30px);
      height: 60px;
      width: 60px;
      border-radius: 100%;
      padding: 0px;
      transform: scale(0);
      opacity: 0.3; }

.hs-drawer-header-close-button:focus {
  outline: 0; }

.hs-drawer-header-buttons-wrapper {
  align-self: center; }

.hs-drawer-body-wrapper {
  padding: 25px; }

.hs-carousel-outer-container {
  overflow: hidden;
  position: relative;
  padding-left: 0px;
  height: inherit; }

.hs-carousel-inner-container {
  transition: 500ms ease all;
  float: left; }

.hs-carousel-nav-button {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  font-size: 40px;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%); }
  .hs-carousel-nav-button.right {
    right: 0; }

.hs-carousel-item {
  opacity: 1;
  transition: opacity 0.2s linear; }

.hs-carousel-item-opacity {
  opacity: 0.3;
  transition: opacity 500ms linear; }

.hs-carousel-nav-dots {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0; }

.hs-carousel-nav-dot {
  background-color: #F4F7F9;
  list-style: none;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  margin-top: 8px;
  float: left;
  cursor: pointer;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  transition: 1s linear all; }
  .hs-carousel-nav-dot.active {
    background-color: #00A3E0; }

.toast.hs-success {
  background-color: #39B04A;
  color: #FFF; }
  .toast.hs-success .hs-toast-header {
    color: #FFF; }
    .toast.hs-success .hs-toast-header i {
      color: #FFF;
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-success .hs-toast-icon i {
    color: #FFF; }

.toast.hs-warning {
  background-color: #F1C411;
  color: rgba(0, 0, 0, 0.87); }
  .toast.hs-warning .hs-toast-header {
    color: rgba(0, 0, 0, 0.87); }
    .toast.hs-warning .hs-toast-header i {
      color: rgba(0, 0, 0, 0.87);
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-warning .hs-toast-icon i {
    color: rgba(0, 0, 0, 0.87); }

.toast.hs-error {
  background-color: #DE0900;
  color: #FFF; }
  .toast.hs-error .hs-toast-header {
    color: #FFF; }
    .toast.hs-error .hs-toast-header i {
      color: #FFF;
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-error .hs-toast-icon i {
    color: #FFF; }

.toast {
  min-width: 350px;
  pointer-events: auto;
  overflow: hidden;
  opacity: 0;
  border-radius: 4px; }
  .toast.initializing {
    position: absolute;
    left: 1000px; }
  .toast .hs-toast-content-row {
    display: flex;
    flex-direction: row;
    padding: 0.5rem 1rem; }
    .toast .hs-toast-content-row .hs-toast-icon {
      display: flex;
      align-items: flex-start;
      min-width: 40px; }
      .toast .hs-toast-content-row .hs-toast-icon i {
        font-size: 1.5rem; }
    .toast .hs-toast-content-row .hs-toast-content-column {
      display: flex;
      flex-direction: column;
      width: 100%; }
  .toast.hs-clickable:hover {
    opacity: 1 !important; }

.hs-toast-header {
  border-bottom: none !important;
  background-color: transparent !important;
  padding: 0px !important;
  font-size: 16px;
  line-height: 24px;
  display: flex; }

.hs-toast-body {
  padding: 8px 0px; }

.search {
  position: relative; }

.search .search-icon {
  position: absolute;
  right: 0px; }

.search-icon {
  padding-top: 5px; }

.search-icon.hide {
  display: none; }

.hs-side-bar {
  display: flex;
  flex-direction: column;
  z-index: 1000;
  padding: 8px;
  position: relative;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12);
  max-width: 200px;
  min-width: 56px;
  width: 100%;
  flex: 0 0 auto; }
  .hs-side-bar:hover #side-menu-button-container {
    display: flex; }
  .hs-side-bar.lt-lg {
    position: fixed;
    box-shadow: none;
    max-width: 100% !important;
    background-color: #FFF;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 72px; }
    .hs-side-bar.lt-lg .logo {
      display: none; }
    .hs-side-bar.lt-lg .hs-button-round {
      display: none; }
    .hs-side-bar.lt-lg.closed {
      display: none; }
  .hs-side-bar.open {
    moz-transition: max-width 250ms linear;
    -webkit-transition: max-width 250ms linear;
    transition: max-width 250ms linear;
    max-width: 256px; }
  .hs-side-bar.closed {
    moz-transition: max-width 250ms linear;
    -webkit-transition: max-width 250ms linear;
    transition: max-width 250ms linear;
    max-width: 0px; }
    .hs-side-bar.closed #side-menu-button-container {
      display: flex; }

.side-menu-container {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  overflow-x: hidden;
  min-width: 56px; }

#side-menu-button-container {
  display: none; }
  #side-menu-button-container .hs-button-round {
    margin-top: 8px; }
    #side-menu-button-container .hs-button-round:hover {
      background: #00A3E0; }
      #side-menu-button-container .hs-button-round:hover i {
        color: #FFF; }

.side-menu-button {
  position: absolute;
  top: 64px;
  z-index: 1000;
  right: -15px; }
  .side-menu-button i {
    transition: transform 250ms linear;
    -moz-transition: transform 250ms linear;
    -webkit-transition: transform 250ms linear;
    transform: rotate(0deg); }
  .side-menu-button.closed i {
    transition: transform 250ms linear;
    -moz-transition: transform 250ms linear;
    -webkit-transition: transform 250ms linear;
    transform: rotate(180deg); }

.e-round.e-custom {
  background-color: #FFF !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: 0; }

.time-line-box {
  max-width: 400px;
  height: 56px;
  border-radius: 8px;
  box-sizing: border-box; }
  .time-line-box.active {
    background: #E0F4FB;
    border: 1px solid #00A3E0; }
  .time-line-box.default {
    background: inherit;
    border: 1px solid #00A3E0; }
    .time-line-box.default:hover {
      cursor: pointer;
      background: #F4F7F9; }
      .time-line-box.default:hover .hs-timeline-icon {
        visibility: visible;
        padding-right: 16px; }
  .time-line-box.disabled {
    background: #F4F7F9; }
  .time-line-box .vertical-line {
    width: 1px;
    height: 32px; }
    .time-line-box .vertical-line.active {
      background: #B2E3F4; }
    .time-line-box .vertical-line.default {
      background: #F1F1F1; }
  .time-line-box .timeline-text {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.25px;
    padding-left: 16px;
    min-inline-size: max-content;
    overflow: hidden;
    width: 100%; }
    .time-line-box .timeline-text.active {
      color: #00A3E0; }
    .time-line-box .timeline-text.default {
      color: rgba(0, 0, 0, 0.87); }
    .time-line-box .timeline-text.disabled {
      color: rgba(0, 0, 0, 0.37); }
  .time-line-box .hs-icon-roles::before {
    color: #00A3E0;
    font-size: 24px;
    padding: 16px; }
  .time-line-box .hs-icon-alert-triangle::before {
    color: #F9423A !important;
    font-size: 24px;
    padding: 16px; }
  .time-line-box .hs-icon-arrow-right {
    color: #00A3E0; }
  .time-line-box .hs-timeline-icon {
    visibility: hidden; }
  .time-line-box .hs-timeline-icon-container {
    width: 100%;
    display: flex;
    justify-content: flex-end; }
  .time-line-box .hs-timeline-text-container {
    width: 100%; }

.hs-horizontal-line:not(:last-child) {
  width: 1px;
  height: 32px;
  background: #D1D1D1;
  margin-left: 24px; }

.e-left-icon::before {
  font-family: "hyperio";
  content: ""; }

.e-right-icon::before {
  font-family: "hyperio";
  content: ""; }

.side-menu-main {
  display: flex;
  flex-grow: 2;
  flex-direction: column; }

.e-sidebar.e-left.e-close {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12); }

.e-sidebar.e-left {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12); }

.header-options {
  margin-left: 8px; }

.header-options .option {
  margin-bottom: 8px; }

.sf-license-warning {
  display: none; }

.e-round.e-custom {
  background-color: #FFF !important;
  width: 32px !important;
  height: 32px !important;
  box-shadow: 0; }

.e-icons.hs-icon-arrow-left {
  color: rgba(0, 0, 0, 0.6); }

.e-icons.hs-icon-arrow-right {
  color: rgba(0, 0, 0, 0.6); }

.hs-tree-view {
  padding-left: 0px;
  list-style-type: none; }

.hs-tree-node {
  list-style-type: none;
  cursor: pointer; }
  .hs-tree-node .hs-tree-template {
    min-height: 40px;
    align-items: center;
    padding: 8px;
    margin: 8px;
    display: flex;
    color: rgba(0, 0, 0, 0.87); }
    .hs-tree-node .hs-tree-template.selected {
      background-color: #E0F4FB;
      color: #00A3E0; }
    .hs-tree-node .hs-tree-template:hover:not(.selected) {
      background-color: #F4F7F9; }
  .hs-tree-node .node-expandable {
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.87); }
  .hs-tree-node .node-text {
    padding: 8px; }
  .hs-tree-node.open .node-expandable {
    transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    transform: rotate(90deg); }
  .hs-tree-node.closed .node-expandable {
    transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    transform: rotate(0deg); }

.common-sidebar {
  position: inherit !important;
  padding: 8px; }

.hs-nav-menu {
  padding: 0px;
  list-style: none;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.25px;
  max-height: inherit;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  flex: 1; }
  .hs-nav-menu.collapsed .hs-nav-menu-item {
    max-width: 40px;
    margin: 0px; }
    .hs-nav-menu.collapsed .hs-nav-menu-item + .hs-nav-menu {
      display: none; }
    .hs-nav-menu.collapsed .hs-nav-menu-item .menu-text {
      display: none; }
    .hs-nav-menu.collapsed .hs-nav-menu-item .nav-expandable {
      display: none; }
  .hs-nav-menu .hs-nav-menu-item {
    cursor: pointer;
    min-height: 40px;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 8px;
    margin-top: 8px !important; }
    .hs-nav-menu .hs-nav-menu-item + .hs-nav-menu {
      border-left: 4px solid #E0F4FB;
      margin-left: 26px; }
    .hs-nav-menu .hs-nav-menu-item.selected {
      color: #0073AB; }
      .hs-nav-menu .hs-nav-menu-item.selected:not(.open) {
        background-color: #E0F4FB;
        border-radius: 20px; }
      .hs-nav-menu .hs-nav-menu-item.selected .hs-nav-template i {
        color: #0073AB; }
    .hs-nav-menu .hs-nav-menu-item:hover {
      background-color: #F4F7F9;
      border-radius: 20px; }
    .hs-nav-menu .hs-nav-menu-item.open .nav-expandable {
      transition: transform 100ms ease-in-out;
      -moz-transition: transform 100ms ease-in-out;
      -webkit-transition: transform 100ms ease-in-out;
      transform: rotate(90deg); }
    .hs-nav-menu .hs-nav-menu-item.closed .nav-expandable {
      transition: transform 100ms ease-in-out;
      -moz-transition: transform 100ms ease-in-out;
      -webkit-transition: transform 100ms ease-in-out;
      transform: rotate(0deg); }
    .hs-nav-menu .hs-nav-menu-item.closed + .hs-nav-menu {
      max-height: 0px;
      overflow: hidden; }
    .hs-nav-menu .hs-nav-menu-item .hs-nav-template {
      display: flex;
      align-items: center; }
      .hs-nav-menu .hs-nav-menu-item .hs-nav-template .nav-icon, .hs-nav-menu .hs-nav-menu-item .hs-nav-template .material-icons {
        font-size: 24px;
        padding-right: 16px; }

.toast.hs-success {
  background-color: #39B04A;
  color: #FFF; }
  .toast.hs-success .hs-toast-header {
    color: #FFF; }
    .toast.hs-success .hs-toast-header i {
      color: #FFF;
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-success .hs-toast-icon i {
    color: #FFF; }

.toast.hs-warning {
  background-color: #F1C411;
  color: rgba(0, 0, 0, 0.87); }
  .toast.hs-warning .hs-toast-header {
    color: rgba(0, 0, 0, 0.87); }
    .toast.hs-warning .hs-toast-header i {
      color: rgba(0, 0, 0, 0.87);
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-warning .hs-toast-icon i {
    color: rgba(0, 0, 0, 0.87); }

.toast.hs-error {
  background-color: #DE0900;
  color: #FFF; }
  .toast.hs-error .hs-toast-header {
    color: #FFF; }
    .toast.hs-error .hs-toast-header i {
      color: #FFF;
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-error .hs-toast-icon i {
    color: #FFF; }

.toast {
  min-width: 350px;
  pointer-events: auto;
  overflow: hidden;
  opacity: 0;
  border-radius: 4px; }
  .toast.initializing {
    position: absolute;
    left: 1000px; }
  .toast .hs-toast-content-row {
    display: flex;
    flex-direction: row;
    padding: 0.5rem 1rem; }
    .toast .hs-toast-content-row .hs-toast-icon {
      display: flex;
      align-items: flex-start;
      min-width: 40px; }
      .toast .hs-toast-content-row .hs-toast-icon i {
        font-size: 1.5rem; }
    .toast .hs-toast-content-row .hs-toast-content-column {
      display: flex;
      flex-direction: column;
      width: 100%; }
  .toast.hs-clickable:hover {
    opacity: 1 !important; }

.hs-toast-header {
  border-bottom: none !important;
  background-color: transparent !important;
  padding: 0px !important;
  font-size: 16px;
  line-height: 24px;
  display: flex; }

.hs-toast-body {
  padding: 8px 0px; }

.breadcrumb-container {
  display: flex;
  color: rgba(0, 0, 0, 0.6);
  align-items: center;
  padding: 0px 16px; }
  .breadcrumb-container .hs-crumb {
    cursor: pointer; }
    .breadcrumb-container .hs-crumb.md::after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      background: #F4F7F9;
      background: linear-gradient(90deg, transparent 0%, #F4F7F9 100%); }
    .breadcrumb-container .hs-crumb.md:hover {
      max-width: 1000px; }
      .breadcrumb-container .hs-crumb.md:hover::after {
        background: transparent; }
    .breadcrumb-container .hs-crumb.md {
      position: relative;
      overflow: hidden;
      max-width: 4em;
      white-space: nowrap;
      transition: max-width 300ms ease-in-out; }
      .breadcrumb-container .hs-crumb.md.white::after {
        background: #FFF;
        background: linear-gradient(90deg, transparent 0%, #FFF 100%); }
  .breadcrumb-container .dots {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default; }
  .breadcrumb-container .breadcrumb-divider {
    padding: 0px 8px;
    font-size: 14px; }
  .breadcrumb-container .hs-crumb:last-child {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.87);
    cursor: default; }

.hs-header {
  height: 72px !important; }
  .hs-header.lt-lg {
    position: sticky;
    top: 0px;
    z-index: 999; }
  .hs-header .mobile-background {
    background-color: #FFFFFF;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .hs-header .desktop-background {
    background-color: #F4F7F9; }

#common-header-section .fragment-container {
  margin: 0;
  padding: 24px; }

#common-header-section .logo-small {
  margin: 0;
  width: 48px !important;
  top: 0px !important;
  left: 12px !important; }

#common-header-section .hs-icon-menu,
#common-header-section .hs-icon-close, #common-header-section .hs-menu-btn {
  padding: 24px;
  /*@include h3();*/ }
  #common-header-section .hs-icon-menu:hover,
  #common-header-section .hs-icon-close:hover, #common-header-section .hs-menu-btn:hover {
    cursor: pointer; }

#common-header-section .icon-account-name {
  border-radius: 16px;
  background: #E0F4FB;
  padding: 8px;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  font-size: 10px;
  align-items: center;
  font-style: normal;
  color: rgba(0, 0, 0, 0.6);
  letter-spacing: 0.25px;
  font-family: Noto Sans;
  font-weight: normal; }

#common-header-section .icon-tenant-name {
  border-radius: 16px;
  background: #374C5E;
  padding: 8px;
  width: 24px;
  height: 24px;
  border: 2px solid rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  font-size: 10px;
  align-items: center;
  font-style: normal;
  color: #FFF;
  letter-spacing: 0.25px;
  font-family: Noto Sans;
  font-weight: normal; }

#common-header-section .hs-button:hover .icon-tenant-name {
  cursor: pointer;
  border: 2px solid #0073AB !important; }

#common-header-section .hs-button:hover .icon-account-name {
  cursor: pointer;
  border: 2px solid #0073AB !important; }

#common-header-section .icons {
  margin: 0;
  padding: 16px; }
  #common-header-section .icons .hs-icon-search,
  #common-header-section .icons .hs-icon-notification,
  #common-header-section .icons .hs-icon-help-circle {
    font-size: 24px;
    padding: 8px; }
    #common-header-section .icons .hs-icon-search:hover,
    #common-header-section .icons .hs-icon-notification:hover,
    #common-header-section .icons .hs-icon-help-circle:hover {
      cursor: pointer;
      color: #00A3E0; }
  #common-header-section .icons .notification-dot {
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: red;
    align-self: center;
    margin-left: 36px;
    margin-bottom: 25px; }

.title-content {
  padding-right: 24px;
  margin-bottom: 0px !important;
  padding-left: 0px; }
  .title-content.md {
    flex: 1; }

.overflow-header {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.create-button {
  height: 40px;
  width: 40px;
  display: flex; }
  .create-button .add-icon {
    height: 40px !important; }
  .create-button .hs-icon-Add:before {
    color: white !important; }

.page-header {
  padding: 24px;
  align-items: center;
  margin: 0px !important; }

.circle-size {
  height: 40px !important;
  width: 40px !important;
  display: flex !important;
  align-items: center; }

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

.privacy-policy {
  border-right: 1px solid rgba(0, 0, 0, 0.6);
  padding-right: 8px;
  margin-right: 8px;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0rem; }
  .privacy-policy.md {
    display: none; }

a:hover {
  color: #00A3E0;
  text-decoration: none; }

.copyright {
  padding-right: 23px;
  padding-left: 23px;
  text-align: right;
  font-size: 10px !important;
  font-weight: normal !important;
  color: rgba(0, 0, 0, 0.6); }

#common-footer-section {
  padding-bottom: 16px !important;
  padding-top: 16px !important;
  flex-shrink: 0;
  background-color: #F4F7F9; }

.copyright-hyperio {
  font-weight: bold; }

.hs-button-round {
  width: 32px;
  height: 32px;
  background: #FFF;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
  .hs-button-round i {
    color: rgba(0, 0, 0, 0.87); }

.hs-button-primary, .hs-button-primary-warning {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border: none;
  color: #FFF;
  background-color: #00A3E0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 16px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  /* Overlay */
  /* Ripple */
  transition: box-shadow 0.2s;
  /* Ripple */
  /* Hover, Focus */ }
  .hs-button-primary::before, .hs-button-primary-warning::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s; }
  .hs-button-primary:not(.disabled)::after, .hs-button-primary-warning:not(.disabled)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    /* Safari */
    height: 32px;
    /* Safari */
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s; }
  .hs-button-primary.disabled, .hs-button-primary-warning.disabled {
    opacity: 0.5;
    cursor: default; }
  .hs-button-primary:not(.disabled)::after, .hs-button-primary-warning:not(.disabled)::after {
    background-color: #FFF; }
  .hs-button-primary:not(.disabled):hover, .hs-button-primary:not(.disabled):focus, .hs-button-primary-warning:not(.disabled):hover, .hs-button-primary-warning:not(.disabled):focus {
    opacity: 0.8; }
  .hs-button-primary::before, .hs-button-primary-warning::before {
    opacity: 0.08; }
  .hs-button-primary:focus::before, .hs-button-primary-warning:focus::before {
    opacity: 0.24; }
  .hs-button-primary:hover:focus::before, .hs-button-primary-warning:hover:focus::before {
    opacity: 0.3; }
  .hs-button-primary:active::after, .hs-button-primary-warning:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s; }

.hs-button-primary-warning {
  background-color: #F9423A; }

.hs-button-secondary {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border: 1px solid #00A3E0;
  color: #00A3E0;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 16px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  /* Overlay */
  /* Ripple */
  /* Overlay */
  /* Ripple */
  /* Hover, Focus */
  /* Active */ }
  .hs-button-secondary::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s; }
  .hs-button-secondary:not(.disabled)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    /* Safari */
    height: 32px;
    /* Safari */
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s; }
  .hs-button-secondary.disabled {
    opacity: 0.5;
    cursor: default; }
  .hs-button-secondary::-moz-focus-inner {
    border: none; }
  .hs-button-secondary::before {
    background-color: currentColor; }
  .hs-button-secondary:not(.disabled)::after {
    background-color: currentColor; }
  .hs-button-secondary:not(.disabled):hover::before {
    opacity: 0.2; }
  .hs-button-secondary:focus::before {
    opacity: 0.12; }
  .hs-button-secondary:hover:focus::before {
    opacity: 0.16; }
  .hs-button-secondary:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s; }

.hs-button-circled {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border: none;
  color: #FFF;
  background-color: #00A3E0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 16px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  /* Overlay */
  /* Ripple */
  transition: box-shadow 0.2s;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  letter-spacing: normal;
  /* Ripple */
  /* Hover, Focus */ }
  .hs-button-circled::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s; }
  .hs-button-circled:not(.disabled)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    /* Safari */
    height: 32px;
    /* Safari */
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s; }
  .hs-button-circled.disabled {
    opacity: 0.5;
    cursor: default; }
  .hs-button-circled i {
    color: #FFF; }
  .hs-button-circled:not(.disabled)::after {
    background-color: #FFF; }
  .hs-button-circled:not(.disabled):hover, .hs-button-circled:not(.disabled):focus {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.14);
    opacity: 0.8; }
  .hs-button-circled::before {
    opacity: 0.08; }
  .hs-button-circled:focus::before {
    opacity: 0.24; }
  .hs-button-circled:hover:focus::before {
    opacity: 0.3; }
  .hs-button-circled:active::after {
    opacity: 0.32;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s; }

.hs-button-text {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.14;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  border: none;
  color: #00A3E0;
  background-color: transparent;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 16px 16px;
  vertical-align: middle;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  /* Overlay */
  /* Ripple */
  /* Overlay */
  /* Ripple */
  /* Hover, Focus */
  /* Active */ }
  .hs-button-text::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity 0.2s; }
  .hs-button-text:not(.disabled)::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    padding: 50%;
    width: 32px;
    /* Safari */
    height: 32px;
    /* Safari */
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
    transition: opacity 1s, transform 0.5s; }
  .hs-button-text.disabled {
    opacity: 0.5;
    cursor: default; }
  .hs-button-text::-moz-focus-inner {
    border: none; }
  .hs-button-text::before {
    background-color: currentColor; }
  .hs-button-text:not(.disabled)::after {
    background-color: currentColor; }
  .hs-button-text:not(.disabled):hover::before {
    opacity: 0.2; }
  .hs-button-text:focus::before {
    opacity: 0.12; }
  .hs-button-text:not(.disabled):hover:focus::before {
    opacity: 0.16; }
  .hs-button-text:active::after {
    opacity: 0.16;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0s; }

.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0; }

.line {
  fill: none;
  stroke: rgba(0, 0, 0, 0.87);
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6; }

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6; }

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6; }

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6; }

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6; }

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6; }

.hs-tab:first-child {
  margin-top: 40%; }

.hs-tab {
  border-radius: 16px;
  background: inherit;
  width: 168px;
  padding: 8px;
  height: 40px;
  display: flex;
  margin: 8px; }
  .hs-tab:hover {
    color: #00A3E0;
    background: #F4F7F9;
    cursor: pointer; }
  .hs-tab.active {
    color: #00A3E0;
    background: #E0F4FB; }
    .hs-tab.active:hover {
      color: #00A3E0;
      background: #E0F4FB;
      cursor: pointer; }
  .hs-tab .hs-tab-label {
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.25px;
    padding-left: 8px;
    text-overflow: ellipsis;
    width: 130px;
    overflow: hidden;
    align-self: center;
    white-space: nowrap; }
  .hs-tab .hs-tab-icon {
    padding: 0px 8px;
    font-size: 24px; }

.hs-tab-button-bar {
  padding: 16px 0px; }
  .hs-tab-button-bar div {
    width: 100%; }
  .hs-tab-button-bar div:first-child {
    margin: 0px 16px 0px 0px; }

.wizard-tab-title {
  padding: 8px; }

.wizard-space-between-buttons {
  width: 100%;
  padding: 16px; }

.wizard-next-justify-end-button {
  width: 100%;
  padding: 16px; }

.form-margin {
  margin-right: 168px; }

.hs-horizontal-margin {
  margin-top: 0%; }

.hs-vertical-margin {
  margin-top: 20%; }

.context-container {
  height: 32px;
  position: relative; }
  .context-container:hover {
    cursor: pointer;
    background: #F4F7F9; }
  .context-container:focus-visible::after {
    content: '';
    border: 1px solid #00548A;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0px; }

.context-container-disabled {
  height: 32px;
  position: relative; }

.outside-context-button-container {
  width: fit-content;
  height: fit-content; }

.context-item {
  font-family: "Noto Sans";
  display: flex;
  align-items: center;
  padding: 0px 16px 0px 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.25px;
  white-space: nowrap; }

.context-button-item {
  padding: 8px; }

.context-icon-item {
  padding: 0px 0px 0px 16px;
  display: flex;
  align-items: center; }

.context-box {
  padding: 8px 0px;
  background-color: #FFF;
  margin-bottom: 0px !important;
  border-radius: 8px;
  max-height: 304px;
  overflow-y: auto; }

.hs-menu {
  visibility: hidden;
  position: absolute;
  display: flex; }
  .hs-menu.hs-menu--open {
    visibility: visible;
    overflow: hidden;
    z-index: 5000; }
    .hs-menu.hs-menu--open:focus-visible {
      border: 1px solid #00548A; }

.hs-menu-container {
  min-width: inherit !important;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .hs-menu-container:focus {
    outline: none !important; }

.hs-line:not(:last-child) {
  width: 16px;
  display: block;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
  border-style: solid;
  border-width: 1px; }

.hs-icon-check {
  margin-right: 0px !important; }
  .hs-icon-check.white {
    color: #FFF; }

.hs-wizard-content {
  text-align: center;
  font-style: normal;
  font-size: 16px; }
  .hs-wizard-content:hover {
    cursor: default; }

.hs-wizard {
  width: 24px;
  height: 24px; }
  .hs-wizard.complete {
    border-radius: 16px;
    background: #8BC34A; }
  .hs-wizard.active {
    color: #FFF !important;
    background: #00A3E0 !important; }
  .hs-wizard.inactive {
    color: rgba(0, 0, 0, 0.37);
    border: 2px solid rgba(0, 0, 0, 0.37);
    background: inherit; }

.hs-wizard-bar.lt-lg {
  padding: 8px; }

.hs-wizard-title {
  display: none; }
  .hs-wizard-title.lt-lg {
    display: inherit;
    padding: 8px; }

.hs-wizard-tab.lg {
  border-radius: 16px;
  background: inherit !important;
  width: 168px;
  padding: 8px;
  height: 40px;
  display: flex;
  margin: 8px; }

.hs-wizard-tab.active {
  color: #00A3E0;
  background-color: #E0F4FB !important;
  cursor: default; }

.hs-wizard-tab.inactive {
  color: rgba(0, 0, 0, 0.37);
  background: inherit; }
  .hs-wizard-tab.inactive:hover {
    cursor: not-allowed; }

.hs-wizard-tab.edit:hover {
  color: #00A3E0 !important;
  background: #F4F7F9 !important;
  cursor: pointer; }

.hs-wizard-tab.edit.active {
  color: #00A3E0 !important;
  background: #E0F4FB !important; }
  .hs-wizard-tab.edit.active:hover {
    color: #00A3E0 !important;
    background: #E0F4FB !important;
    cursor: pointer; }

.hs-wizard-tab .hs-tab-label {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.25px;
  padding-left: 16px;
  align-self: center;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 120px;
  white-space: nowrap; }

.hs-radio-group.hs-field-invalid {
  color: #F9423A; }
  .hs-radio-group.hs-field-invalid .hs-radio.hs-field {
    border: 1px solid #F9423A; }
    .hs-radio-group.hs-field-invalid .hs-radio.hs-field.checked {
      border: 1px solid #F9423A; }
  .hs-radio-group.hs-field-invalid .hs-radio input[type=radio]:checked + label {
    color: #F9423A; }
    .hs-radio-group.hs-field-invalid .hs-radio input[type=radio]:checked + label .hs-check {
      border: 2px solid #F9423A; }
      .hs-radio-group.hs-field-invalid .hs-radio input[type=radio]:checked + label .hs-check::before {
        background: #F9423A; }
  .hs-radio-group.hs-field-invalid .hs-radio label {
    color: #F9423A; }
  .hs-radio-group.hs-field-invalid .hs-radio .hs-check {
    border: 2px solid #F9423A; }
  .hs-radio-group.hs-field-invalid .mdc-text-field-helper-text {
    color: #F9423A; }

.hs-radio {
  cursor: pointer;
  position: relative; }
  .hs-radio.hs-field {
    border: 1px solid #F1F1F1;
    border-radius: 8px;
    min-width: 170px;
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center; }
    .hs-radio.hs-field.checked {
      border: 1px solid #00A3E0; }
  .hs-radio input[type="radio"] {
    position: absolute;
    visibility: hidden; }
  .hs-radio input[type=radio]:checked + label {
    color: #00A3E0; }
    .hs-radio input[type=radio]:checked + label .hs-check {
      position: relative;
      border: 2px solid #00A3E0; }
      .hs-radio input[type=radio]:checked + label .hs-check::before {
        background: #00A3E0;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 4; }
  .hs-radio .hs-check {
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 100%;
    height: 20px;
    width: 20px;
    transition: border .25s linear;
    -webkit-transition: border .25s linear; }
  .hs-radio .hs-check::before {
    content: '';
    width: 10px;
    height: 10px;
    margin: auto;
    border-radius: 100%;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear; }
  .hs-radio label {
    cursor: pointer;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex: 1;
    color: rgba(0, 0, 0, 0.6);
    margin: 0px; }

.inline-editor .hs-icon-check {
  padding: 8px;
  height: 16px;
  width: 16px;
  color: #8BC34A;
  margin-right: 8px; }

.inline-editor .hs-icon-close {
  height: 16px;
  width: 16px;
  color: #F9423A; }

.inline-editor .hs-field {
  margin: 0px; }

.inline-editor .pointer-cursor {
  cursor: pointer; }

.hs-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(0, 0, 0, 0.87);
  font-size: 15px;
  line-height: 1.5;
  margin: .5rem auto; }

.hs-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -10px;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #00A3E0;
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s; }

.hs-checkbox > span {
  display: flex;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  width: 100%;
  cursor: pointer; }

.hs-checkbox > span::before {
  content: '';
  display: inline-block;
  box-sizing: border-box;
  margin: 3px 11px 3px 1px;
  border: solid 2px;
  border-color: #00A3E0;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s; }

/* Checkmark */
.hs-checkbox > span::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 2px;
  width: 10px;
  height: 5px;
  border: solid 2px transparent;
  border-right: none;
  border-top: none;
  transform: translate(3px, 4px) rotate(-45deg); }

.hs-checkbox.indeterminate > input {
  background-color: #00A3E0; }

.hs-checkbox.indeterminate > span::before {
  background-color: #00A3E0; }

.hs-checkbox.indeterminate > span::after {
  left: 4px;
  width: 12px;
  height: 2px;
  top: 11px;
  background-color: #FFF;
  transform: translate(0px, 0px) rotate(0deg); }

/* Checked, Indeterminate */
.hs-checkbox > input:checked,
.hs-checkbox > input:indeterminate {
  background-color: #00A3E0; }

.hs-checkbox > input:checked + span::before,
.hs-checkbox > input:indeterminate + span::before {
  border-color: #00A3E0;
  background-color: #00A3E0; }

.hs-checkbox > input:checked + span::after,
.hs-checkbox > input:indeterminate + span::after {
  border-color: #FFF; }

.hs-checkbox > input:indeterminate + span::after {
  border-left: none;
  transform: translate(4px, 3px); }

/* Hover, Focus */
.hs-checkbox:hover > input {
  opacity: 0.04; }

.hs-checkbox > input:focus {
  opacity: 0.12; }

.hs-checkbox:hover > input:focus {
  opacity: 0.16; }

/* Active */
.hs-checkbox > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s; }

.hs-checkbox > input:active + span::before {
  border-color: #00A3E0; }

.hs-checkbox > input:checked:active + span::before {
  border-color: transparent;
  background-color: #00A3E0; }

/* Disabled */
.hs-checkbox > input:disabled {
  opacity: 0; }

.hs-checkbox > input:disabled + span {
  cursor: initial; }

.hs-checkbox > input:disabled + span::before {
  border-color: currentColor; }

.hs-checkbox > input:checked:disabled + span::before,
.hs-checkbox > input:indeterminate:disabled + span::before {
  border-color: transparent;
  background-color: #B2E3F4; }

.hs-form-message {
  border-radius: 8px;
  padding: 8px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  max-width: 420px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 10px;
  letter-spacing: 0.25px; }
  .hs-form-message .md {
    max-width: 300px; }
  .hs-form-message i {
    padding-right: 16px; }
  .hs-form-message i:before {
    color: rgba(0, 0, 0, 0.87) !important;
    font-size: 12px; }

.notification-menu {
  position: absolute !important;
  background: #FFFFFF;
  border-radius: 8px;
  height: 90% !important;
  width: 360px !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.14), 0px 3px 4px rgba(0, 0, 0, 0.12), 0px 1px 5px rgba(0, 0, 0, 0.2) !important; }
  .notification-menu .mdc-list {
    max-height: 100% !important;
    overflow: overlay !important; }
  .notification-menu .mdc-list-item {
    height: 76px;
    width: 344px;
    padding: 16px 0px;
    margin: 8px; }
    .notification-menu .mdc-list-item:hover {
      background-color: #F4F7F9 !important; }
  .notification-menu .notification-date-category {
    width: 344px;
    margin: 0px 16px;
    font-family: "Noto Sans";
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.37);
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 8px 8px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 8px;
    text-overflow: ellipsis; }
  .notification-menu .notification-date-category::after {
    border: 2px solid #F1F1F1;
    order: 1;
    flex-grow: 0;
    margin: 0px 8px;
    content: '';
    width: 100%; }
  .notification-menu .notification-empty-container {
    justify-content: center;
    display: flex;
    align-self: center; }
    .notification-menu .notification-empty-container .notification-empty {
      order: 1;
      flex-grow: 0;
      margin: 16px 0px;
      align-self: center; }
    .notification-menu .notification-empty-container .notification-up-to-date {
      font-family: Noto Sans;
      font-style: normal;
      font-weight: normal;
      font-size: 14px;
      line-height: 20px;
      display: flex;
      align-items: center;
      letter-spacing: 0.25px;
      color: rgba(0, 0, 0, 0.87);
      flex: none;
      order: 2;
      flex-grow: 0;
      align-self: center; }

.notification-header {
  width: 360px !important;
  height: 76px !important; }

.hs-notification-item .hs-icon-close {
  visibility: hidden; }

.hs-notification-item .hs-button-circled.notification-item-read {
  visibility: hidden; }

.hs-notification-item:hover .hs-icon-close {
  visibility: visible; }

.hs-notification-item:hover .hs-button-circled.notification-item-read {
  visibility: visible; }

.hs-notification-item .notification-context {
  border-radius: 20px;
  position: static;
  background: #C4C4C4;
  flex-grow: 0;
  margin: 0px 8px;
  width: 40px;
  height: 40px; }

.hs-notification-item .notification-subject {
  line-height: 20px;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.87);
  flex: none;
  order: 0;
  width: 189px;
  flex-grow: 0;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hs-notification-item .notification-body {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  align-items: center;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.6);
  flex: none;
  width: 189px;
  order: 1;
  flex-grow: 0;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.hs-notification-item .hs-button-circled {
  align-self: center;
  border-radius: 20px !important;
  margin: 0px 8px;
  padding: 6px 6px; }
  .hs-notification-item .hs-button-circled.notification-item-read {
    background-color: #C4C4C4 !important; }

.hs-notification-item .notification-hour {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 12px;
  color: rgba(0, 0, 0, 0.37);
  letter-spacing: 0.25px;
  flex: none;
  width: 189px;
  order: 2;
  flex-grow: 0;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em; }

::-webkit-scrollbar-thumb {
  background: #B2E3F4;
  border-radius: 0.25em; }

::-webkit-scrollbar-track {
  background: transparent; }

body {
  scrollbar-face-color: #B2E3F4;
  scrollbar-track-color: transparent; }

.hs-clickable {
  pointer-events: initial !important;
  cursor: pointer !important; }

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

.mdc-floating-label {
  font-family: "Noto Sans"; }

.mdc-text-field {
  width: 100%; }
  .mdc-text-field + .mdc-text-field-helper-line {
    padding-left: 0px;
    padding-right: 0px; }
  .mdc-text-field .hs-text-field-input--inline {
    caret-color: #00A3E0;
    height: 28px;
    width: 100%;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
    min-width: 0;
    border: none;
    border-radius: 0;
    background: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    font-family: "Noto Sans";
    font-size: 1rem;
    padding: 0; }
  .mdc-text-field.mdc-text-field--inline .mdc-line-ripple::after {
    border-bottom-style: none; }
  .mdc-text-field.mdc-text-field--inline .mdc-line-ripple::before {
    border-bottom-style: none; }

.mdc-text-field:not(.mdc-text-field--disabled).hs-field-invalid .mdc-floating-label--float-above {
  color: #F9423A; }

.mdc-text-field:not(.mdc-text-field--disabled).hs-field-invalid i {
  color: #F9423A; }

.mdc-text-field:not(.mdc-text-field--disabled) {
  color: rgba(0, 0, 0, 0.37); }
  .mdc-text-field:not(.mdc-text-field--disabled).hs-field-invalid {
    color: #F9423A; }
  .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focussed.hs-field-invalid .mdc-notched-outline--notched .mdc-floating-label.mat-floating-label--float-above-outlined {
    color: #F9423A; }
  .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focussed .mdc-notched-outline--notched .mdc-floating-label.mat-floating-label--float-above-outlined {
    color: #00A3E0; }
  .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focussed.mdc-text-field--filled .mdc-floating-label.mdc-floating-label--float-above {
    color: #00A3E0; }
  .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focussed.mdc-text-field--filled.hs-field-invalid .mdc-floating-label.mdc-floating-label--float-above {
    color: #F9423A; }
  .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--filled {
    background-color: transparent; }
    .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--filled:hover:not(.mdc-text-field--disabled) {
      background-color: transparent; }
      .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--filled:hover:not(.mdc-text-field--disabled) .mdc-text-field__ripple::before {
        background-color: transparent; }

.mat-floating-label--float-above-outlined {
  background: #FFF; }

.mdc-text-field--filled:not(.mdc-text-field--inline) .mdc-line-ripple::after {
  border-bottom-color: #00A3E0 !important; }

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before input[type="hssearch"] {
  border-bottom-color: rgba(0, 0, 0, 0.6) !important; }

.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before:not(input[type="hssearch"]) {
  border-bottom-color: #00A3E0; }

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before input[type="hssearch"] {
  border-bottom-color: #E3E3E3 !important; }

.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before:not(input[type="hssearch"]) {
  border-bottom-color: #00A3E0; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__leading {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__notch {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline__trailing {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover.hs-field-invalid {
  color: #F9423A; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover.hs-field-invalid .mdc-notched-outline__leading {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover.hs-field-invalid .mdc-notched-outline__notch {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover.hs-field-invalid .mdc-notched-outline__trailing {
    border-color: #F9423A !important;
    border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focussed .mdc-notched-outline__leading {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focussed .mdc-notched-outline__notch {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focussed .mdc-notched-outline__trailing {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-text-field--outlined:not(.mdc-text-field--disabled).hs-field-invalid {
  color: #F9423A; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).hs-field-invalid .mdc-notched-outline__leading {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).hs-field-invalid .mdc-notched-outline__notch {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-text-field--outlined:not(.mdc-text-field--disabled).hs-field-invalid .mdc-notched-outline__trailing {
    border-color: #F9423A !important;
    border-width: 2px; }

.hs-helper-text-valid {
  color: #8BC34A !important; }
  .hs-helper-text-valid .hs-icon-check-circle:before {
    font-size: 11px;
    color: #8BC34A !important; }

.hs-helper-text-input-example {
  padding-left: 16px; }

.mdc-text-field-helper-text {
  font-family: "Noto Sans";
  padding-right: 16px;
  color: rgba(0, 0, 0, 0.6); }

.hs-clickable {
  pointer-events: initial !important;
  cursor: pointer !important; }

.hs-select-icon {
  margin: 0px 16px; }

.mdc-floating-label {
  font-family: "Noto Sans"; }

.mdc-select {
  width: 100%;
  margin-bottom: .5rem; }
  .mdc-select:focus {
    outline: none; }
  .mdc-select .mdc-select__anchor {
    align-items: center; }
  .mdc-select .mdc-select__selected-text {
    pointer-events: none !important; }
  .mdc-select .mdc-select__menu {
    margin-top: 10px !important;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
    .mdc-select .mdc-select__menu .mdc-list {
      padding: 0px; }
      .mdc-select .mdc-select__menu .mdc-list .mdc-list-item {
        padding: 8px 16px; }

.mdc-select:not(.mdc-select--disabled).hs-field-invalid .mdc-floating-label--float-above {
  color: #F9423A !important; }

.mdc-select:not(.mdc-select--disabled).hs-field-invalid i {
  color: #F9423A !important; }

.mdc-select:not(.mdc-select--disabled) {
  color: rgba(0, 0, 0, 0.37); }
  .mdc-select:not(.mdc-select--disabled).hs-field-invalid {
    color: #F9423A; }
  .mdc-select:not(.mdc-select--disabled).hs-select-open .hs-select-icon {
    color: #00A3E0;
    transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    transform: rotate(180deg); }
  .mdc-select:not(.mdc-select--disabled).hs-select-closed.mdc-select--focused .hs-select-icon {
    color: #00A3E0;
    transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    transform: rotate(0deg); }
  .mdc-select:not(.mdc-select--disabled).hs-select-closed .hs-select-icon {
    color: rgba(0, 0, 0, 0.6);
    transition: transform 200ms ease-in-out;
    -moz-transition: transform 200ms ease-in-out;
    -webkit-transition: transform 200ms ease-in-out;
    transform: rotate(0deg); }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #00A3E0; }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused.hs-field-invalid .mdc-notched-outline--notched .mdc-floating-label.mat-floating-label--float-above-outlined {
    color: #F9423A; }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline--notched .mdc-floating-label.mat-floating-label--float-above-outlined {
    color: #00A3E0; }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused.mdc-select--filled .mdc-floating-label.mdc-floating-label--float-above {
    color: #00A3E0; }
  .mdc-select:not(.mdc-select--disabled).mdc-select--focused.mdc-select--filled.hs-field-invalid .mdc-floating-label.mdc-floating-label--float-above {
    color: #F9423A; }

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-notched-outline__leading {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-notched-outline__notch {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover .mdc-notched-outline__trailing {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover.hs-field-invalid {
  color: #F9423A; }
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover.hs-field-invalid .mdc-notched-outline__leading {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover.hs-field-invalid .mdc-notched-outline__notch {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused):hover.hs-field-invalid .mdc-notched-outline__trailing {
    border-color: #F9423A !important;
    border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline__leading {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline__notch {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline__trailing {
  border-color: #00A3E0 !important;
  border-width: 2px; }

.mdc-select--outlined:not(.mdc-select--disabled).hs-field-invalid {
  color: #F9423A; }
  .mdc-select--outlined:not(.mdc-select--disabled).hs-field-invalid .mdc-notched-outline__leading {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-select--outlined:not(.mdc-select--disabled).hs-field-invalid .mdc-notched-outline__notch {
    border-color: #F9423A !important;
    border-width: 2px; }
  .mdc-select--outlined:not(.mdc-select--disabled).hs-field-invalid .mdc-notched-outline__trailing {
    border-color: #F9423A !important;
    border-width: 2px; }

.hs-option:hover {
  background-color: #F4F7F9; }

.hs-helper-text-valid {
  color: #8BC34A !important; }
  .hs-helper-text-valid .hs-icon-check-circle:before {
    font-size: 11px;
    color: #8BC34A !important; }

.hs-menu {
  visibility: hidden;
  position: absolute;
  display: flex; }
  .hs-menu.hs-menu--open {
    visibility: visible;
    overflow: hidden;
    z-index: 5000; }
    .hs-menu.hs-menu--open:focus-visible {
      border: 1px solid #00548A; }

.hs-menu-container {
  min-width: inherit !important;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); }
  .hs-menu-container:focus {
    outline: none !important; }

.spinner {
  position: absolute;
  z-index: 100;
  color: #FFF;
  font-size: 1.5em;
  -moz-animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.hs-nocontent {
  font-family: "Noto Sans";
  color: rgba(0, 0, 0, 0.37);
  font-size: 20px;
  letter-spacing: 0.25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .hs-nocontent i {
    font-size: 3em; }

.hs-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: all;
  z-index: 5000;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center; }
  .hs-loader.show {
    display: inherit; }
  .hs-loader.hide {
    display: none; }
  .hs-loader .spinner {
    color: #00A3E0;
    font-size: 4em; }

.hs-navlink:not(.disabled):not(.hs-navlink-active):active.hs-ripple::after {
  background-color: #00A3E0;
  opacity: 0.3; }

.hs-navlink {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: fit-content;
  cursor: pointer;
  position: relative;
  user-select: none; }
  .hs-navlink.disabled {
    opacity: 0.5;
    cursor: default; }
  .hs-navlink.hs-navlink-boxed-active {
    background-color: #E0F4FB;
    cursor: default; }
    .hs-navlink.hs-navlink-boxed-active .label {
      color: #0073AB; }
    .hs-navlink.hs-navlink-boxed-active i {
      color: #0073AB; }
  .hs-navlink.hs-navlink-underlined-active {
    border-bottom: 2px solid #0073AB;
    cursor: default; }
    .hs-navlink.hs-navlink-underlined-active .label {
      color: #0073AB; }
    .hs-navlink.hs-navlink-underlined-active i {
      color: #0073AB; }
  .hs-navlink.hs-navlink-underlined-inactive {
    border-bottom: 2px solid rgba(0, 0, 0, 0.12); }
  .hs-navlink:not(.hs-navlink-underlined):not(.disabled):not(.hs-navlink-boxed-active):hover, .hs-navlink:not(.hs-navlink-underlined):not(.disabled):not(.hs-navlink-boxed-active):focus {
    background-color: #E0F4FB; }
    .hs-navlink:not(.hs-navlink-underlined):not(.disabled):not(.hs-navlink-boxed-active):hover .label, .hs-navlink:not(.hs-navlink-underlined):not(.disabled):not(.hs-navlink-boxed-active):focus .label {
      color: #00A3E0; }
    .hs-navlink:not(.hs-navlink-underlined):not(.disabled):not(.hs-navlink-boxed-active):hover i, .hs-navlink:not(.hs-navlink-underlined):not(.disabled):not(.hs-navlink-boxed-active):focus i {
      color: #00A3E0; }
  .hs-navlink:not(.hs-navlink-boxed):not(.disabled):not(.hs-navlink-underlined-active):hover, .hs-navlink:not(.hs-navlink-boxed):not(.disabled):not(.hs-navlink-underlined-active):focus {
    border-bottom: 2px solid #00A3E0;
    background-color: #E0F4FB; }
    .hs-navlink:not(.hs-navlink-boxed):not(.disabled):not(.hs-navlink-underlined-active):hover .label, .hs-navlink:not(.hs-navlink-boxed):not(.disabled):not(.hs-navlink-underlined-active):focus .label {
      color: #00A3E0; }
    .hs-navlink:not(.hs-navlink-boxed):not(.disabled):not(.hs-navlink-underlined-active):hover i, .hs-navlink:not(.hs-navlink-boxed):not(.disabled):not(.hs-navlink-underlined-active):focus i {
      color: #00A3E0; }
  .hs-navlink .label {
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0.75px;
    color: rgba(0, 0, 0, 0.6); }
  .hs-navlink i {
    color: rgba(0, 0, 0, 0.6); }

.mdc-list .mdc-list-item.hs-selected {
  background-color: #E0F4FB; }

.mdc-list .mdc-list-item:hover:not(.hover-disabled) {
  background-color: #E0F4FB; }

.mdc-list .mdc-list-item.hover-disabled {
  background-color: none;
  cursor: default; }

.hs-search-list-menu .hs-search-list-header {
  padding: 16px; }

.hs-search-list-menu .search {
  padding: 0px 8px; }

.hs-divider {
  display: block;
  margin: 0;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #F4F7F9; }
  .hs-divider.hs-divider-vertical {
    border-top: 0;
    border-right-width: 2px;
    border-right-style: solid;
    border-top-color: #F4F7F9; }
  .hs-divider.hs-divider-inset {
    margin-left: 80px; }

.hs-calendar-body-selected {
  background-color: #00A3E0;
  color: #FFF; }
  .hs-calendar-body-selected.hs-calendar-body-today {
    box-shadow: inset 0 0 0 2px #FFF;
    border-color: #00A3E0; }

.hs-calendar-body-disabled > .hs-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.37); }

.hs-calendar-body-cell:not(.hs-calendar-body-disabled):hover > .hs-calendar-body-cell-content:not(.hs-calendar-body-selected),
.hs-calendar-body-active > .hs-calendar-body-cell-content:not(.hs-calendar-body-selected) {
  background-color: #E0F4FB; }

.hs-calendar-body-cell-content,
.hs-date-range-input-separator {
  border-color: transparent; }

.hs-calendar-body-today {
  border-color: rgba(0, 0, 0, 0.37); }

.hs-calendar-table-header-divider::after {
  background: #B2E3F4; }

.hs-calendar {
  font-family: "Noto Sans"; }

.hs-calendar-body {
  font-size: 13px; }

.hs-calendar-body-label,
.hs-calendar-period-button {
  /*size:
            weight: */ }

.hs-calendar-table-header th {
  font-size: 11px; }

.hs-calendar-body-in-preview .hs-calendar-body-cell-preview {
  background-color: #E0F4FB;
  border-color: transparent; }

.hs-calendar-body-preview-end .hs-calendar-body-cell-content {
  border-color: transparent; }

.hs-calendar-body-in-range::before {
  background: #E0F4FB;
  color: rgba(0, 0, 0, 0.37); }

.hs-calendar-body-comparison-identical,
.hs-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2); }

.hs-calendar-body-comparison-bridge-start::before,
.hs-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, #80D1EE 50%, rgba(249, 171, 0, 0.2) 50%); }

.hs-calendar-body-comparison-bridge-end::before,
.hs-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, #80D1EE 50%, rgba(249, 171, 0, 0.2) 50%); }

.hs-calendar-body-in-range > .hs-calendar-body-comparison-identical,
.hs-calendar-body-in-comparison-range.hs-calendar-body-in-range::after {
  background: #a8dab5; }

.hs-calendar-body-comparison-identical.hs-calendar-body-selected,
.hs-calendar-body-in-comparison-range > .hs-calendar-body-selected {
  background: #46a35e; }

.mdc-text-field-helper-text {
  display: flex;
  padding-left: 0px; }

.hs-level {
  min-height: 56px;
  min-width: 370px;
  border-radius: 0px 0px 8px 8px;
  background-color: #FFF; }
  .hs-level .hs-icon-button {
    width: 30px;
    height: 30px;
    padding: 0px;
    border-radius: 50%; }
  .hs-level .hs-level-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    color: rgba(0, 0, 0, 0.6);
    font-size: 20px;
    font-weight: bold;
    padding-left: 16px;
    padding-right: 8px; }
    .hs-level .hs-level-content .hs-level-content-label {
      text-overflow: ellipsis;
      width: 280px;
      overflow: hidden;
      white-space: nowrap; }
    .hs-level .hs-level-content .hs-level-btn-container {
      display: flex; }
      .hs-level .hs-level-content .hs-level-btn-container .hs-button {
        font-size: 22px; }
      .hs-level .hs-level-content .hs-level-btn-container .hs-button:not(.disabled):not(:first-child) {
        color: #00A3E0; }

.hs-level-card {
  min-width: 370px;
  border-radius: 8px;
  background-color: #FFF;
  position: relative; }
  .hs-level-card:not(.disabled) {
    cursor: pointer; }
  .hs-level-card:focus-visible::after {
    content: '';
    border: 1px solid #00548A;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px; }
  .hs-level-card .hs-level-card-collapse-content {
    transition: height 300ms ease-out; }
  .hs-level-card.hs-level-card--expanded {
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 16px 16px 0px 16px; }
  .hs-level-card.hs-level-card--collapsed {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 16px; }
  .hs-level-card.hs-level-card--initialization .hs-level-card-collapse-content {
    position: absolute;
    left: 3000px; }
  .hs-level-card.hs-level-card--inline {
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 16px; }
    .hs-level-card.hs-level-card--inline.focussed {
      border: 1px solid #00A3E0; }
      .hs-level-card.hs-level-card--inline.focussed.hs-invalid {
        border: 1px solid #F9423A; }
  .hs-level-card .hs-card-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1F1F1;
    padding: 0px 0px 8px;
    max-width: 420px; }
    .hs-level-card .hs-card-header .hs-card-header-label {
      text-overflow: ellipsis;
      /*line-break:normal;*/
      overflow: hidden;
      white-space: nowrap;
      width: 250px;
      font-size: 20px;
      font-weight: 700;
      line-height: 24px;
      letter-spacing: 0.25px;
      color: rgba(0, 0, 0, 0.6); }
    .hs-level-card .hs-card-header .hs-button {
      font-size: 21px;
      border-radius: 50%;
      padding: 2px; }
    .hs-level-card .hs-card-header .context-button-item {
      padding: 0px; }
  .hs-level-card .hs-spacer {
    display: inline-flex; }
  .hs-level-card .hs-card-footer {
    border-top: 1px solid #F1F1F1;
    padding: 8px 0px 0px;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px; }
    .hs-level-card .hs-card-footer i {
      font-size: 1.5rem; }
  .hs-level-card .hs-level-card-input-bar {
    display: flex;
    align-items: center; }
    .hs-level-card .hs-level-card-input-bar .mdc-text-field {
      padding: 0px;
      height: 40px;
      align-items: center;
      margin: 0px;
      max-width: 420px; }
      .hs-level-card .hs-level-card-input-bar .mdc-text-field .hs-text-field-input--inline {
        height: 40px; }
        .hs-level-card .hs-level-card-input-bar .mdc-text-field .hs-text-field-input--inline.hs-invalid {
          color: #F9423A; }
    .hs-level-card .hs-level-card-input-bar i {
      font-size: 1.75rem;
      color: rgba(0, 0, 0, 0.6); }
  .hs-level-card .hs-level-card-btn-bar {
    display: flex;
    justify-content: flex-end; }
    .hs-level-card .hs-level-card-btn-bar .hs-button {
      margin-right: 8px; }

.slide-toggle.checked .slide-toggle-thumb {
  background-color: #00A3E0; }

.slide-toggle.checked .slide-toggle-bar {
  background-color: rgba(0, 163, 224, 0.38); }

.slide-toggle.checked .ripple-element {
  background-color: #B2E3F4; }

.slide-toggle.checked .ripple .ripple-element {
  background-color: #00A3E0;
  opacity: 0.38; }

.slide-toggle:not(.checked) .ripple .ripple-element {
  background-color: #D1D1D1;
  opacity: 0.38; }

.slide-toggle-thumb {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important;
  background-color: #D1D1D1; }

.slide-toggle-bar {
  background-color: rgba(209, 209, 209, 0.38); }
  .slide-toggle-bar:hover:not(.disabled) .ripple-persistent-element {
    background-color: #00A3E0 !important;
    opacity: 0.1; }
  .slide-toggle-bar:hover:not(.disabled):not(.checked) .ripple-persistent-element {
    background-color: #000;
    opacity: 0.1; }

.hs-info-box {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
  font-family: "Noto Sans";
  font-size: 14px; }
  .hs-info-box i {
    margin-right: 8px;
    font-size: 1.5rem; }
  .hs-info-box span:first-child {
    color: rgba(0, 0, 0, 0.6); }
  .hs-info-box span:last-child {
    color: rgba(0, 0, 0, 0.87);
    margin-left: 8px; }
  .hs-info-box.hs-warning {
    background-color: rgba(241, 196, 17, 0.1); }
    .hs-info-box.hs-warning i {
      color: #F1C411; }
  .hs-info-box.hs-info {
    background-color: rgba(0, 163, 224, 0.1); }
    .hs-info-box.hs-info i {
      color: #00A3E0; }
  .hs-info-box.hs-danger {
    background-color: rgba(249, 66, 58, 0.1); }
    .hs-info-box.hs-danger i {
      color: #F9423A; }
  .hs-info-box.hs-inspection {
    background-color: rgba(41, 217, 206, 0.1); }
    .hs-info-box.hs-inspection i {
      color: #8BC34A; }
  .hs-info-box.hs-users-purple {
    background-color: rgba(168, 119, 250, 0.1); }
    .hs-info-box.hs-users-purple i {
      color: #A877FA; }

.hs-status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px; }
  .hs-status-indicator.hs-status-green {
    background-color: #8BC34A;
    box-shadow: 0px 0px 4px #8BC34A; }
  .hs-status-indicator.hs-status-yellow {
    background-color: #F1C411;
    box-shadow: 0px 0px 4px #F1C411; }
  .hs-status-indicator.hs-status-red {
    background-color: #F9423A;
    box-shadow: 0px 0px 4px #F9423A; }

.hs-icon-label {
  padding: 8px 0px; }
  .hs-icon-label i {
    color: #00A3E0;
    font-size: 2rem;
    margin-right: 16px !important; }
  .hs-icon-label .hs-labels {
    font-family: "Noto Sans"; }
    .hs-icon-label .hs-labels span:first-child {
      color: rgba(0, 0, 0, 0.87);
      font-weight: 700;
      font-size: 14px;
      line-height: 24px;
      letter-spacing: 0.1px; }
    .hs-icon-label .hs-labels span:last-child {
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: 0.25px;
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.25px; }

.hs-scroll-container {
  display: flex;
  overflow: hidden;
  position: relative;
  flex-shrink: 0; }

.scroll-container-wrapper {
  display: flex;
  flex-grow: 1;
  overflow-x: auto;
  overflow-y: hidden; }

.scrolling-container-pagination {
  -webkit-user-select: none;
  -moz-user-select: -moz- none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  height: 56px;
  cursor: pointer;
  z-index: 2;
  -webkit-tap-highlight-color: transparent;
  touch-action: none; }
  .scroll-container-pagination-enabled .scrolling-container-pagination {
    display: flex; }

.scrolling-container-pagination-before {
  padding-left: 4px; }
  .scrolling-container-pagination-before .scrolling-container-pagination-chevron {
    transform: rotate(-135deg); }

.scrolling-container-pagination-after {
  padding-right: 4px; }
  .scrolling-container-pagination-after .scrolling-container-pagination-chevron {
    transform: rotate(45deg); }

.scrolling-container-pagination-chevron {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  height: 14px;
  width: 14px;
  border-color: rgba(0, 0, 0, 0.6); }

.hs-board-view-content {
  height: 100%; }

.hs-board-view .hs-board-view-no-content {
  position: absolute;
  top: 440px;
  margin: 16px; }

.hs-board-view-lane {
  max-width: 400px; }
  .hs-board-view-lane .hs-level {
    margin: 0px 14px 0px 16px; }
  .hs-board-view-lane .hs-board-lane-exit-btn-tooltip.bottom-end, .hs-board-view-lane .hs-board-lane-exit-btn-tooltip.top-end {
    margin-right: 14px;
    margin-top: 8px; }
  .hs-board-view-lane .hs-board-lane-exit-btn-tooltip.bottom-start, .hs-board-view-lane .hs-board-lane-exit-btn-tooltip.top-start {
    margin-left: 14px; }
  .hs-board-view-lane .hs-board-lane-exit-btn {
    display: flex;
    justify-content: flex-end;
    padding-right: 14px;
    padding-left: 14px;
    margin-top: 8px;
    margin-bottom: -8px; }
    .hs-board-view-lane .hs-board-lane-exit-btn .hs-button-text span {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  .hs-board-view-lane .hs-board-lane-container {
    height: 100%;
    overflow-y: auto;
    margin-bottom: 8px;
    padding: 16px; }
    .hs-board-view-lane .hs-board-lane-container .hs-level-card {
      margin-bottom: 16px; }

.hs-tooltip-container:not(.hs-empty-tooltip) {
  position: relative;
  display: inline-block;
  cursor: default; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.top {
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%); }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.bottom {
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.top-start {
    bottom: 80%;
    left: 1%; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.top-end {
    bottom: 110%;
    right: 0; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.bottom-start {
    top: 110%;
    left: 0;
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.bottom-end {
    top: 110%;
    right: 0;
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.left {
    right: 110%;
    top: 50%;
    height: max-content;
    transform: translateY(-50%); }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.left-start {
    right: 110%;
    top: 0;
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.left-end {
    right: 110%;
    bottom: 0;
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.right {
    top: 50%;
    left: 110%;
    height: max-content;
    transform: translateY(-50%); }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.right-start {
    top: 0;
    left: 110%;
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content.right-end {
    bottom: 0;
    left: 110%;
    height: max-content; }
  .hs-tooltip-container:not(.hs-empty-tooltip) .hs-tooltip-content {
    background-color: #646464;
    color: #FFF;
    padding: 8px;
    visibility: hidden;
    position: absolute;
    font-size: 0.75rem;
    z-index: 2000;
    width: 192px;
    border-radius: 4px;
    word-break: normal; }
  .hs-tooltip-container:not(.hs-empty-tooltip):hover .hs-tooltip-content {
    visibility: visible; }
  .hs-tooltip-container:not(.hs-empty-tooltip):focus-within .hs-tooltip-content {
    visibility: visible; }

.hs-status {
  display: flex;
  position: relative; }
  .hs-status.editable {
    cursor: pointer; }
  .hs-status .hs-status-content {
    color: #FFF !important;
    padding: 4px 16px;
    border-radius: 4px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: -moz- none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hs-status .hs-status-content i {
      margin-left: 8px;
      font-size: 0.5rem; }
    .hs-status .hs-status-content.success-bg {
      background-color: #8BC34A; }
    .hs-status .hs-status-content.error-bg {
      background-color: #F9423A; }
    .hs-status .hs-status-content.warning-bg {
      background-color: #F1C411; }
    .hs-status .hs-status-content.primary-500-bg {
      background-color: #00A3E0; }
    .hs-status .hs-status-content.primary-900-bg {
      background-color: #00548A; }
    .hs-status .hs-status-content.grey-bg {
      background-color: rgba(0, 0, 0, 0.37); }
    .hs-status .hs-status-content.orange-bg {
      background-color: #FF9A22; }
  .hs-status .hs-status-panel {
    position: absolute;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    background-color: #FFF;
    top: 120%;
    z-index: 5000;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important;
    padding: 8px 0px;
    min-width: 167px; }
    .hs-status .hs-status-panel .status-item {
      font-size: 14px;
      padding: 8px 16px;
      background-color: #FFF;
      display: flex;
      align-items: center; }
      .hs-status .hs-status-panel .status-item .status-item-icon {
        margin-right: 8px;
        color: #00A3E0; }
    .hs-status .hs-status-panel .status-item:hover {
      background-color: #E0F4FB; }

.hs-password-checker {
  display: flex;
  position: relative; }
  .hs-password-checker .hs-tooltip-container:not(.hs-empty-tooltip)
.hs-tooltip-content {
    word-break: break-word; }
  .hs-password-checker .hs-password-row-content {
    position: static;
    width: 25%;
    height: 4px;
    margin-right: 8px;
    background-color: #D1D1D1; }
    .hs-password-checker .hs-password-row-content.very-weak-bg {
      background-color: #D1D1D1; }
    .hs-password-checker .hs-password-row-content.weak-bg {
      background-color: #F9423A; }
    .hs-password-checker .hs-password-row-content.so-so-bg {
      background-color: #F1C411; }
    .hs-password-checker .hs-password-row-content.good-bg {
      background-color: #8BC34A; }
    .hs-password-checker .hs-password-row-content.great-bg {
      background-color: #15AA35; }
  .hs-password-checker .hs-password-row-content:last-child {
    margin-right: 0px; }
  .hs-password-checker .hs-password-content {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    letter-spacing: 0.4px;
    height: 24px; }
    .hs-password-checker .hs-password-content.very-weak-bg {
      color: rgba(0, 0, 0, 0.6); }
    .hs-password-checker .hs-password-content.weak-bg {
      color: #F9423A; }
    .hs-password-checker .hs-password-content.so-so-bg {
      color: #F1C411; }
    .hs-password-checker .hs-password-content.good-bg {
      color: #8BC34A; }
    .hs-password-checker .hs-password-content.great-bg {
      color: #15AA35; }

.hs-password-checker-empty {
  height: 36px; }

.hs-label {
  border-radius: 100px;
  border: 1px solid #00548A;
  background-color: #E0F4FB;
  color: #00548A;
  padding: 4px 16px 4px 16px; }

.incident-txt {
  letter-spacing: -1.5px;
  color: #00A3E0;
  font-weight: bold; }
  .incident-txt.lt-lg {
    font-size: 64px; }
  .incident-txt.gt-md {
    font-size: 96px; }

.incident-image {
  background-repeat: no-repeat;
  min-width: 100px;
  color: #F7B32B;
  background-size: contain; }
  .incident-image.lt-lg {
    font-size: 100px;
    height: 102px; }
  .incident-image.gt-md {
    font-size: 400px;
    height: 408px;
    width: 272px;
    margin-left: 180px; }

.incident-div-image.lt-lg {
  order: 1; }

.incident-div-image.gt-md {
  order: 2;
  margin: 20px; }

.incident-div-text.lt-lg {
  order: 2;
  text-align: center; }

.incident-div-text.gt-md {
  order: 1; }

.hs-audit-label {
  height: 12px;
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.6);
  padding-top: 8px; }

.hs-grid-pager {
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  font-size: 14px;
  width: 100%; }
  .hs-grid-pager .hs-pager-item-selector {
    display: flex;
    align-items: center; }
    .hs-grid-pager .hs-pager-item-selector .mdc-text-field-helper-line {
      display: none; }
    .hs-grid-pager .hs-pager-item-selector .mdc-select {
      height: 55px;
      margin-bottom: 0px;
      font-size: 14px;
      width: 90px; }
      .hs-grid-pager .hs-pager-item-selector .mdc-select .mdc-select__selected-text {
        color: #0f5ce0; }
      .hs-grid-pager .hs-pager-item-selector .mdc-select .mdc-notched-outline {
        border: none; }
        .hs-grid-pager .hs-pager-item-selector .mdc-select .mdc-notched-outline .mdc-notched-outline__leading,
        .hs-grid-pager .hs-pager-item-selector .mdc-select .mdc-notched-outline .mdc-notched-outline__notch,
        .hs-grid-pager .hs-pager-item-selector .mdc-select .mdc-notched-outline .mdc-notched-outline__trailing {
          border: none; }
    .hs-grid-pager .hs-pager-item-selector .hs-pager-item-selector-text {
      width: 100px; }
  .hs-grid-pager .hs-pagination {
    margin: 0;
    display: flex;
    align-items: center;
    list-style: none; }
    .hs-grid-pager .hs-pagination .hs-pages-info {
      margin-left: 1rem;
      margin-right: 1rem; }
    .hs-grid-pager .hs-pagination .hs-page-item {
      padding: 0.5rem; }
    .hs-grid-pager .hs-pagination .hs-grid-page-left-end {
      margin-left: 1rem; }
    .hs-grid-pager .hs-pagination .hs-grid-page-right-end {
      margin-right: 1rem; }
  .hs-grid-pager .hs-grid-page-left,
  .hs-grid-pager .hs-grid-page-left-end,
  .hs-grid-pager .hs-grid-page-right,
  .hs-grid-pager .hs-grid-page-right-end {
    cursor: pointer; }
    .hs-grid-pager .hs-grid-page-left.disabled,
    .hs-grid-pager .hs-grid-page-left-end.disabled,
    .hs-grid-pager .hs-grid-page-right.disabled,
    .hs-grid-pager .hs-grid-page-right-end.disabled {
      cursor: default;
      color: rgba(0, 0, 0, 0.37); }

.hs-grid-header-row {
  display: flex; }
  .hs-grid-header-row .hs-grid-header-buttons {
    flex: 0.5; }
  .hs-grid-header-row .hs-grid-header-search {
    flex: 0.5;
    display: flex;
    justify-content: flex-end; }
    .hs-grid-header-row .hs-grid-header-search .hs-search-bar {
      transition: all 1s; }
      .hs-grid-header-row .hs-grid-header-search .hs-search-bar .mdc-text-field--filled {
        height: 40px;
        margin-bottom: 0rem; }
      .hs-grid-header-row .hs-grid-header-search .hs-search-bar label {
        display: flex;
        align-items: center;
        margin-bottom: 0rem; }
      .hs-grid-header-row .hs-grid-header-search .hs-search-bar :not(.hs-focussed):not(.hs-has-search-term) .mdc-line-ripple::after, .hs-grid-header-row .hs-grid-header-search .hs-search-bar :not(.hs-focussed):not(.hs-has-search-term) .mdc-line-ripple::before {
        border-bottom: none;
        transition: none; }
      .hs-grid-header-row .hs-grid-header-search .hs-search-bar.hs-has-search-term {
        flex: 1; }
        .hs-grid-header-row .hs-grid-header-search .hs-search-bar.hs-has-search-term .mdc-line-ripple::after, .hs-grid-header-row .hs-grid-header-search .hs-search-bar.hs-has-search-term .mdc-line-ripple::before {
          border-bottom: 1px solid rgba(0, 0, 0, 0.6) !important; }
      .hs-grid-header-row .hs-grid-header-search .hs-search-bar.hs-focussed {
        flex: 1; }
        .hs-grid-header-row .hs-grid-header-search .hs-search-bar.hs-focussed i {
          color: #0F5CE0; }
        .hs-grid-header-row .hs-grid-header-search .hs-search-bar.hs-focussed .mdc-line-ripple::after {
          border-bottom: 2px solid #0F5CE0 !important; }

.hs-grid-header {
  padding: 0.5rem;
  border-bottom: 1px solid #B8DDFF; }
  .hs-grid-header.hs-header-align-start {
    text-align: left; }
  .hs-grid-header.hs-header-align-center {
    text-align: center; }
  .hs-grid-header.hs-header-align-end {
    text-align: right; }
  .hs-grid-header .hs-grid-header-group {
    display: inline-flex; }
    .hs-grid-header .hs-grid-header-group .hs-grid-header-content {
      display: flex;
      font-weight: 400; }
      .hs-grid-header .hs-grid-header-group .hs-grid-header-content.hs-sorted-asc {
        font-weight: 600; }
        .hs-grid-header .hs-grid-header-group .hs-grid-header-content.hs-sorted-asc .hs-grid-sort-icon {
          transform: rotate(0deg);
          opacity: 1; }
      .hs-grid-header .hs-grid-header-group .hs-grid-header-content.hs-sorted-desc {
        font-weight: 600; }
        .hs-grid-header .hs-grid-header-group .hs-grid-header-content.hs-sorted-desc .hs-grid-sort-icon {
          transform: rotate(180deg);
          opacity: 1; }
      .hs-grid-header .hs-grid-header-group .hs-grid-header-content span {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        -webkit-user-select: none;
        -moz-user-select: -moz- none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none; }
      .hs-grid-header .hs-grid-header-group .hs-grid-header-content .hs-grid-sort-icon {
        font-size: 1rem;
        padding: 0.25rem;
        opacity: 0.5;
        transition: transform 100ms ease-in; }
  .hs-grid-header.hs-sort-enabled .hs-grid-header-content span {
    cursor: pointer; }

.hs-grid {
  border-radius: 8px;
  width: 100%;
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
  font-size: 14px;
  padding: 1rem;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.05); }
  .hs-grid .hs-surface {
    background-color: white; }
  .hs-grid .hs-grid-table thead {
    background-color: white;
    color: #0F5CE0;
    text-transform: uppercase;
    font-size: 1rem; }
  .hs-grid .hs-grid-table .hs-grid-row:nth-child(even) {
    background: white; }
  .hs-grid .hs-grid-table .hs-grid-row:nth-child(odd) {
    background: white; }
  .hs-grid .hs-grid-wrapper .hs-grid-header-row {
    position: relative;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
    justify-content: space-between; }
    .hs-grid .hs-grid-wrapper .hs-grid-header-row .hs-grid-header-buttons {
      flex: 0.5; }
    .hs-grid .hs-grid-wrapper .hs-grid-header-row .hs-grid-header-search {
      display: flex;
      justify-content: flex-end;
      flex: 0.5;
      flex-wrap: wrap-reverse; }
      .hs-grid .hs-grid-wrapper .hs-grid-header-row .hs-grid-header-search .hs-search-bar {
        min-width: 250px;
        margin-bottom: 0.5rem; }
        .hs-grid .hs-grid-wrapper .hs-grid-header-row .hs-grid-header-search .hs-search-bar .form-control {
          background-color: white; }
      .hs-grid .hs-grid-wrapper .hs-grid-header-row .hs-grid-header-search > button {
        margin-left: 0.5rem;
        margin-bottom: 0.5rem; }
  .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table {
    border-spacing: 0 0rem;
    border-collapse: inherit; }
    .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table thead .hs-grid-header {
      padding: 1rem 0.75rem; }
    .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row:hover {
      background: #F5F7FB; }
    .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell {
      padding: 0.75rem;
      border-bottom: 1px solid #F1F1F1; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell .hs-grid-cell-content {
        display: inline-flex; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell.hs-grid-cell-align-h-center {
        text-align: center; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell.hs-grid-cell-align-h-end {
        text-align: right; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell.hs-grid-cell-align-h-start {
        text-align: left; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell.hs-grid-cell-align-v-top {
        vertical-align: top; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell.hs-grid-cell-align-v-middle {
        vertical-align: middle; }
      .hs-grid .hs-grid-wrapper .hs-grid-table-wrapper .hs-grid-table tbody .hs-grid-row .hs-grid-cell.hs-grid-cell-align-v-bottom {
        vertical-align: bottom; }
  .hs-grid .hs-grid-wrapper .hs-grid-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem; }

.hs-chart {
  display: flex; }
  .hs-chart svg {
    overflow: inherit; }
  .hs-chart.hs-chart-legend-below {
    flex-direction: column; }
    .hs-chart.hs-chart-legend-below .hs-chart-legend {
      margin-top: 10px;
      justify-content: center;
      width: 100%; }
  .hs-chart.hs-chart-legend-above {
    flex-direction: column-reverse; }
    .hs-chart.hs-chart-legend-above .hs-chart-legend {
      justify-content: center;
      width: 100%; }
  .hs-chart.hs-chart-legend-after {
    flex-direction: row; }
    .hs-chart.hs-chart-legend-after .hs-chart-legend {
      flex-direction: column; }
  .hs-chart.hs-chart-legend-before {
    flex-direction: row-reverse; }
    .hs-chart.hs-chart-legend-before .hs-chart-legend {
      flex-direction: column; }
  .hs-chart .hs-chart-line {
    display: flex;
    margin: auto; }
  .hs-chart .hs-chart-legend {
    display: flex;
    padding: 10px 0px;
    margin: auto;
    flex-wrap: wrap; }
    .hs-chart .hs-chart-legend .hs-chart-legend-item {
      display: flex;
      align-items: center;
      margin: 2px 5px; }
      .hs-chart .hs-chart-legend .hs-chart-legend-item .hs-chart-legend-marker {
        height: 12px;
        width: 12px;
        margin-right: 0.25rem;
        border-radius: 50%;
        position: relative;
        display: inline-flex; }
      .hs-chart .hs-chart-legend .hs-chart-legend-item .hs-chart-legend-label {
        display: inline-flex;
        font-size: 0.75rem;
        margin-right: 0.25rem;
        white-space: nowrap; }
      .hs-chart .hs-chart-legend .hs-chart-legend-item .hs-chart-legend-value {
        font-size: 0.75rem;
        font-weight: bold;
        white-space: nowrap; }

.hs-chart-guidelines-yaxis path {
  stroke: rgba(0, 0, 0, 0.37);
  stroke-width: 0.3px;
  stroke-opacity: 0.5; }

.hs-chart-guidelines-xaxis path {
  stroke: rgba(0, 0, 0, 0.37);
  stroke-width: 0.3px;
  stroke-opacity: 0.5; }

text {
  fill: rgba(0, 0, 0, 0.87); }

.ar-chart-legend-marker {
  height: 12px;
  width: 12px;
  min-width: 12px;
  min-height: 12px;
  border-radius: 50%;
  position: relative;
  display: inline-block; }

.btn-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  padding: 0.5rem;
  background-color: #F4F7F9;
  border-radius: 0.5rem; }
  .btn-group > .hs-button {
    position: relative;
    flex: 1 1 auto;
    background-color: transparent;
    color: #0073AB; }
    .btn-group > .hs-button:hover {
      z-index: 1; }
    .btn-group > .hs-button:focus, .btn-group > .hs-button:active, .btn-group > .hs-button.active {
      z-index: 1; }
    .btn-group > .hs-button.active {
      background-color: white; }

.hs-value-label {
  display: flex;
  flex-direction: column; }
  .hs-value-label .label {
    color: rgba(0, 0, 0, 0.87); }
  .hs-value-label .value {
    color: rgba(0, 0, 0, 0.6); }

.hs-turquoise {
  color: #2BECE0 !important; }

.hs-turquoise-bg {
  background-color: #2BECE0 !important; }

.hs-turquoise-stroke {
  stroke: #2BECE0 !important; }

.hs-turquoise-fill {
  fill: #2BECE0 !important; }

.hs-yellow {
  color: #F7B32B !important; }

.hs-yellow-bg {
  background-color: #F7B32B !important; }

.hs-yellow-stroke {
  stroke: #F7B32B !important; }

.hs-yellow-fill {
  fill: #F7B32B !important; }

.hs-purple {
  color: #A877FA !important; }

.hs-purple-bg {
  background-color: #A877FA !important; }

.hs-purple-stroke {
  stroke: #A877FA !important; }

.hs-purple-fill {
  fill: #A877FA !important; }

.hs-pink {
  color: #FA779E !important; }

.hs-pink-bg {
  background-color: #FA779E !important; }

.hs-pink-stroke {
  stroke: #FA779E !important; }

.hs-pink-fill {
  fill: #FA779E !important; }

.hs-coral {
  color: #E84855 !important; }

.hs-coral-bg {
  background-color: #E84855 !important; }

.hs-coral-stroke {
  stroke: #E84855 !important; }

.hs-coral-fill {
  fill: #E84855 !important; }

.hs-lime {
  color: #A0D619 !important; }

.hs-lime-bg {
  background-color: #A0D619 !important; }

.hs-lime-stroke {
  stroke: #A0D619 !important; }

.hs-lime-fill {
  fill: #A0D619 !important; }

.hs-blue {
  color: #2581EB !important; }

.hs-blue-bg {
  background-color: #2581EB !important; }

.hs-blue-stroke {
  stroke: #2581EB !important; }

.hs-blue-fill {
  fill: #2581EB !important; }

.hs-orange {
  color: #ED5024 !important; }

.hs-orange-bg {
  background-color: #ED5024 !important; }

.hs-orange-stroke {
  stroke: #ED5024 !important; }

.hs-orange-fill {
  fill: #ED5024 !important; }

.hs-fuschia {
  color: #E42064 !important; }

.hs-fuschia-bg {
  background-color: #E42064 !important; }

.hs-fuschia-stroke {
  stroke: #E42064 !important; }

.hs-fuschia-fill {
  fill: #E42064 !important; }

.hs-green {
  color: #24E789 !important; }

.hs-green-bg {
  background-color: #24E789 !important; }

.hs-green-stroke {
  stroke: #24E789 !important; }

.hs-green-fill {
  fill: #24E789 !important; }

.hs-cyan {
  color: #2BECE0 !important; }

.hs-cyan-bg {
  background-color: #2BECE0 !important; }

.hs-cyan-stroke {
  stroke: #2BECE0 !important; }

.hs-cyan-fill {
  fill: #2BECE0 !important; }

.hs-status-orange {
  color: #FF9A22 !important; }

.hs-status-orange-bg {
  background-color: #FF9A22 !important; }

.hs-status-orange-stroke {
  stroke: #FF9A22 !important; }

.hs-status-orange-fill {
  fill: #FF9A22 !important; }

.hs-primary-50 {
  color: #E0F4FB !important; }

.hs-primary-50-bg {
  background-color: #E0F4FB !important; }

.hs-primary-50-stroke {
  stroke: #E0F4FB !important; }

.hs-primary-50-fill {
  fill: #E0F4FB !important; }

.hs-primary-100 {
  color: #B2E3F4 !important; }

.hs-primary-100-bg {
  background-color: #B2E3F4 !important; }

.hs-primary-100-stroke {
  stroke: #B2E3F4 !important; }

.hs-primary-100-fill {
  fill: #B2E3F4 !important; }

.hs-primary-200 {
  color: #B2E3F4 !important; }

.hs-primary-200-bg {
  background-color: #B2E3F4 !important; }

.hs-primary-200-stroke {
  stroke: #B2E3F4 !important; }

.hs-primary-200-fill {
  fill: #B2E3F4 !important; }

.hs-primary-300 {
  color: #80D1EE !important; }

.hs-primary-300-bg {
  background-color: #80D1EE !important; }

.hs-primary-300-stroke {
  stroke: #80D1EE !important; }

.hs-primary-300-fill {
  fill: #80D1EE !important; }

.hs-primary-400 {
  color: #2DB1E4 !important; }

.hs-primary-400-bg {
  background-color: #2DB1E4 !important; }

.hs-primary-400-stroke {
  stroke: #2DB1E4 !important; }

.hs-primary-400-fill {
  fill: #2DB1E4 !important; }

.hs-primary {
  color: #00A3E0 !important; }

.hs-primary-bg {
  background-color: #00A3E0 !important; }

.hs-primary-stroke {
  stroke: #00A3E0 !important; }

.hs-primary-fill {
  fill: #00A3E0 !important; }

.hs-primary-600 {
  color: #0097D2 !important; }

.hs-primary-600-bg {
  background-color: #0097D2 !important; }

.hs-primary-600-stroke {
  stroke: #0097D2 !important; }

.hs-primary-600-fill {
  fill: #0097D2 !important; }

.hs-primary-700 {
  color: #0084BF !important; }

.hs-primary-700-bg {
  background-color: #0084BF !important; }

.hs-primary-700-stroke {
  stroke: #0084BF !important; }

.hs-primary-700-fill {
  fill: #0084BF !important; }

.hs-primary-800 {
  color: #0073AB !important; }

.hs-primary-800-bg {
  background-color: #0073AB !important; }

.hs-primary-800-stroke {
  stroke: #0073AB !important; }

.hs-primary-800-fill {
  fill: #0073AB !important; }

.hs-primary-900 {
  color: #00548A !important; }

.hs-primary-900-bg {
  background-color: #00548A !important; }

.hs-primary-900-stroke {
  stroke: #00548A !important; }

.hs-primary-900-fill {
  fill: #00548A !important; }

.hs-secondary-50 {
  color: #E7F0FC !important; }

.hs-secondary-50-bg {
  background-color: #E7F0FC !important; }

.hs-secondary-50-stroke {
  stroke: #E7F0FC !important; }

.hs-secondary-50-fill {
  fill: #E7F0FC !important; }

.hs-secondary-100 {
  color: #CADBE9 !important; }

.hs-secondary-100-bg {
  background-color: #CADBE9 !important; }

.hs-secondary-100-stroke {
  stroke: #CADBE9 !important; }

.hs-secondary-100-fill {
  fill: #CADBE9 !important; }

.hs-secondary-200 {
  color: #AEC2D4 !important; }

.hs-secondary-200-bg {
  background-color: #AEC2D4 !important; }

.hs-secondary-200-stroke {
  stroke: #AEC2D4 !important; }

.hs-secondary-200-fill {
  fill: #AEC2D4 !important; }

.hs-secondary-300 {
  color: #90A9BE !important; }

.hs-secondary-300-bg {
  background-color: #90A9BE !important; }

.hs-secondary-300-stroke {
  stroke: #90A9BE !important; }

.hs-secondary-300-fill {
  fill: #90A9BE !important; }

.hs-secondary-400 {
  color: #7A95AD !important; }

.hs-secondary-400-bg {
  background-color: #7A95AD !important; }

.hs-secondary-400-stroke {
  stroke: #7A95AD !important; }

.hs-secondary-400-fill {
  fill: #7A95AD !important; }

.hs-secondary {
  color: #253746 !important; }

.hs-secondary-bg {
  background-color: #253746 !important; }

.hs-secondary-stroke {
  stroke: #253746 !important; }

.hs-secondary-fill {
  fill: #253746 !important; }

.hs-secondary-600 {
  color: #63829D !important; }

.hs-secondary-600-bg {
  background-color: #63829D !important; }

.hs-secondary-600-stroke {
  stroke: #63829D !important; }

.hs-secondary-600-fill {
  fill: #63829D !important; }

.hs-secondary-700 {
  color: #55738B !important; }

.hs-secondary-700-bg {
  background-color: #55738B !important; }

.hs-secondary-700-stroke {
  stroke: #55738B !important; }

.hs-secondary-700-fill {
  fill: #55738B !important; }

.hs-secondary-800 {
  color: #455F74 !important; }

.hs-secondary-800-bg {
  background-color: #455F74 !important; }

.hs-secondary-800-stroke {
  stroke: #455F74 !important; }

.hs-secondary-800-fill {
  fill: #455F74 !important; }

.hs-secondary-900 {
  color: #374C5E !important; }

.hs-secondary-900-bg {
  background-color: #374C5E !important; }

.hs-secondary-900-stroke {
  stroke: #374C5E !important; }

.hs-secondary-900-fill {
  fill: #374C5E !important; }

.hs-no-data {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  .hs-no-data .hs-no-data-graphic .bar {
    height: 8px;
    border-radius: 2px;
    margin-bottom: 8px; }
  .hs-no-data .hs-no-data-graphic .bar-one {
    background-color: #B2E3f4;
    width: 16px; }
  .hs-no-data .hs-no-data-graphic .bar-two {
    background-color: #50BFE7;
    width: 36px;
    margin-left: 0.6rem; }
  .hs-no-data .hs-no-data-graphic .bar-three {
    background-color: #0097D2;
    width: 46px;
    margin-left: 1.6rem; }
  .hs-no-data .hs-no-data-graphic .bar-four {
    background-color: #00548A;
    width: 16px;
    margin-left: 4.1rem; }
  .hs-no-data .hs-no-data-text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 18px;
    font-weight: bold;
    margin-top: 2rem;
    line-height: 24px; }

.hs-toast-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  pointer-events: none;
  z-index: 999999; }
  .hs-toast-overlay .hs-toast-container {
    position: fixed; }
    .hs-toast-overlay .hs-toast-container.hs-toast-top-right {
      top: 12px;
      right: 12px; }
    .hs-toast-overlay .hs-toast-container.hs-toast-top-left {
      top: 12px;
      left: 12px; }
    .hs-toast-overlay .hs-toast-container.hs-toast-top-center {
      top: 12px;
      left: 50%;
      transform: translateX(-50%); }
    .hs-toast-overlay .hs-toast-container.hs-toast-top-full-width {
      width: 95%;
      left: 50%;
      top: 12px;
      transform: translateX(-50%); }
      .hs-toast-overlay .hs-toast-container.hs-toast-top-full-width .toast {
        max-width: 100%;
        width: 100%; }
    .hs-toast-overlay .hs-toast-container.hs-toast-bottom-right {
      bottom: 12px;
      right: 12px; }
    .hs-toast-overlay .hs-toast-container.hs-toast-bottom-left {
      bottom: 12px;
      left: 12px; }
    .hs-toast-overlay .hs-toast-container.hs-toast-bottom-center {
      bottom: 12px;
      right: 50%;
      transform: translateX(50%); }
    .hs-toast-overlay .hs-toast-container.hs-toast-bottom-full-width {
      width: 95%;
      left: 50%;
      bottom: 12px;
      transform: translateX(-50%); }
      .hs-toast-overlay .hs-toast-container.hs-toast-bottom-full-width .toast {
        max-width: 100%;
        width: 100%; }

.toast.hs-success {
  background-color: #39B04A;
  color: #FFF; }
  .toast.hs-success .hs-toast-header {
    color: #FFF; }
    .toast.hs-success .hs-toast-header i {
      color: #FFF;
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-success .hs-toast-icon i {
    color: #FFF; }

.toast.hs-warning {
  background-color: #F1C411;
  color: rgba(0, 0, 0, 0.87); }
  .toast.hs-warning .hs-toast-header {
    color: rgba(0, 0, 0, 0.87); }
    .toast.hs-warning .hs-toast-header i {
      color: rgba(0, 0, 0, 0.87);
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-warning .hs-toast-icon i {
    color: rgba(0, 0, 0, 0.87); }

.toast.hs-error {
  background-color: #DE0900;
  color: #FFF; }
  .toast.hs-error .hs-toast-header {
    color: #FFF; }
    .toast.hs-error .hs-toast-header i {
      color: #FFF;
      cursor: pointer;
      font-size: 18px; }
  .toast.hs-error .hs-toast-icon i {
    color: #FFF; }

.toast {
  min-width: 350px;
  pointer-events: auto;
  overflow: hidden;
  opacity: 0;
  border-radius: 4px; }
  .toast.initializing {
    position: absolute;
    left: 1000px; }
  .toast .hs-toast-content-row {
    display: flex;
    flex-direction: row;
    padding: 0.5rem 1rem; }
    .toast .hs-toast-content-row .hs-toast-icon {
      display: flex;
      align-items: flex-start;
      min-width: 40px; }
      .toast .hs-toast-content-row .hs-toast-icon i {
        font-size: 1.5rem; }
    .toast .hs-toast-content-row .hs-toast-content-column {
      display: flex;
      flex-direction: column;
      width: 100%; }
  .toast.hs-clickable:hover {
    opacity: 1 !important; }

.hs-toast-header {
  border-bottom: none !important;
  background-color: transparent !important;
  padding: 0px !important;
  font-size: 16px;
  line-height: 24px;
  display: flex; }

.hs-toast-body {
  padding: 8px 0px; }

.progress {
  background-color: #E0F4FB !important;
  border-radius: 50px !important;
  height: 16px !important;
  position: relative; }
  .progress .progress-bar {
    background-color: #00A3E0;
    border-radius: 50px; }
  .progress .progress-bar-percentage {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
    font-size: 10px;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 0%); }
  .progress[mode='indeterminate'] .progress-bar {
    position: relative;
    animation: progress-bar-indeterminate-width 2000ms infinite linear; }
  ​ .progress[mode='determinate'].immediate .progress-bar {
    transition: width 50ms ease; }

@keyframes progress-bar-indeterminate-width {
  0% {
    left: 0%;
    width: 0%; }
  36.5% {
    left: 0%;
    width: 25%;
    animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
  60% {
    left: 70%;
    width: 50%;
    animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1); }
  100% {
    left: 100%;
    width: 10%; } }

.hs-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12) !important; }

.hs-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12) !important; }

.test-step-result-ok {
  color: #8BC34A;
  font-size: 14px; }

.test-step-result-failed {
  color: #F9423A;
  font-size: 14px; }

.test-step-not-primary {
  color: rgba(0, 0, 0, 0.6);
  margin-left: 16px; }

.test-step-not-primary-values {
  color: rgba(0, 0, 0, 0.6); }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
#login-form input::-ms-reveal {
  display: none; }

#login-form .button-blue {
  width: inherit;
  height: 56px;
  box-shadow: none;
  border-radius: 4px; }
  #login-form .button-blue.e-primary:hover, #login-form .button-blue.e-primary:active, #login-form .button-blue.e-primary:focus {
    box-shadow: none; }

#login-form .small-formfield {
  max-width: 150px; }

#login-form .forgot-password-hyperlink {
  color: #00A3E0 !important; }

#login-form #password-reset-form {
  background: #FFF;
  padding: 48px; }

/*Colors variables*/
/*Complementary*/
/*Spacing variables*/
/*Shadows*/
.back-to-login-hyperlink {
  color: #00A3E0 !important; }

.icon-style {
  padding-right: 8px;
  color: #00A3E0; }

.line-padding {
  padding-top: 16px; }

.hs-margin-bottom-24 {
  margin-bottom: 24px; }

.hs-margin-bottom-96 {
  margin-bottom: 96px; }

.hs-line-32 {
  height: 32px; }

.hs-line-48 {
  height: 48px; }

.max-width {
  max-width: 416px; }

.body-style {
  height: 100vw;
  margin: 0px;
  overflow: hidden;
  background-color: #253746; }

.global-div {
  display: block; }

.logo-image {
  width: 33%;
  position: absolute;
  top: 0;
  left: 0; }

.panel-middle {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  width: 416px; }

.logo-div {
  position: absolute;
  left: 0%;
  top: 10px;
  width: 33%;
  height: 50px;
  margin: 10px; }

.logo-top {
  left: 50%;
  top: 10px;
  height: 50px;
  margin: 0 0 0 10px;
  display: none; }

.logo-image {
  width: 33%;
  position: absolute;
  top: 0;
  left: 0; }

.logo-top-image {
  width: 60%;
  top: 0;
  left: 0; }

.panel-right {
  float: left;
  background-color: #ffffff;
  left: 33%;
  width: 67%;
  min-height: 100%;
  position: absolute;
  align-content: center;
  border-radius: 10px 0px 0px 10px;
  overflow: auto; }

.body-card {
  margin-top: 40px;
  align-content: center;
  width: 416px;
  margin-left: 15px; }

div.intro {
  margin: 48px 0;
  font-size: 20px;
  font-weight: 500; }

.icon-body {
  font-size: 32px; }

.hs-margin-bottom-48 {
  margin-bottom: 48px; }

.separator-line {
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2); }

@media (max-width: 300px) {
  body {
    background-image: none;
    background-color: #f2f2f2; }
  .divider h2 {
    margin: 10px 0 !important; }
  .login-logo {
    height: 80px !important;
    margin-top: -65px !important; } }

@media (max-width: 1024px) {
  .panel-middle {
    width: 320px; }
  .panel-right {
    left: 0;
    width: 100%;
    border-radius: 0px; }
  .logo-top {
    display: block; }
  .body-card {
    left: 5%;
    width: 90%; } }