/**
 * Redesign
 */
/* stylelint-disable */

/* Because these styles must always have the highest priority */
/* stylelint-disable declaration-no-important  */
.g-slide-down-enter-active,
.g-slide-down-leave-active {
  transition: max-height 0.2s !important;
}

.g-slide-down-enter,
.g-slide-down-leave-to {
  max-height: 0 !important;
}

.g-slide-enter-active,
.g-slide-leave-active {
  transition: all 0.2s !important;
  transition-property: max-width, max-height;
}

.g-slide-enter,
.g-slide-leave-to {
  max-width: 0 !important;
  max-height: 0 !important;
}

.g-slide-fade-up-enter-active,
.g-slide-fade-up-leave-active {
  transition: all 0.2s ease;
}

.g-slide-fade-up-enter,
.g-slide-fade-up-leave-to {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
}

.g-fade-enter-active,
.g-fade-leave-active {
  transition: opacity 0.2s ease;
}

.g-fade-enter,
.g-fade-leave-to {
  opacity: 0;
}

/**
 * Redesign
 */
/* stylelint-disable */

@font-face {
  src: url("/fonts/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto-Regular.woff") format("woff");
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: optional;
}
@font-face {
  src: url("/fonts/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto-Medium.woff") format("woff");
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  font-display: optional;
}
@font-face {
  src: url("/fonts/Roboto-Bold.woff2") format("woff2"), url("/fonts/Roboto-Bold.woff") format("woff");
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  font-display: optional;
}
/**
 * Redesign
 */
/* stylelint-disable */

/**
 * Redesign
 */
/* stylelint-disable */

/**
 * Redesign
 */
/* stylelint-disable */

.g-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}
@media (min-width: 1256px) {
  .g-container {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.g-container--hero {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.g-flex {
  display: flex;
  flex: 0 1 auto;
  flex-flow: row wrap;
}
.g-flex.row {
  margin-left: -8px;
  margin-right: -8px;
}
.g-flex.column {
  flex-direction: column;
}
.g-flex.reverse {
  flex-direction: row-reverse;
}
.g-flex > .col {
  flex: 0 0 auto;
  padding: 0 8px;
}

.g-flex.start-xs {
  justify-content: flex-start;
  text-align: start;
}
.g-flex.center-xs {
  justify-content: center;
  text-align: center;
}
.g-flex.end-xs {
  justify-content: flex-end;
  text-align: end;
}
.g-flex.top-xs {
  align-items: flex-start;
}
.g-flex.middle-xs {
  align-items: center;
}
.g-flex.bottom-xs {
  align-items: flex-end;
}
.g-flex.around-xs {
  justify-content: space-around;
}
.g-flex.between-xs {
  justify-content: space-between;
}
.g-flex.nowrap-xs {
  flex-wrap: nowrap;
}
.g-flex .col.first-xs {
  order: -1;
}
.g-flex .col.last-xs {
  order: 1;
}
.g-flex .col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.g-flex .col-xs-none {
  flex: none;
}
.g-flex .col-xs-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.g-flex .col-xs-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.g-flex .col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.g-flex .col-xs-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.g-flex .col-xs-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.g-flex .col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.g-flex .col-xs-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.g-flex .col-xs-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.g-flex .col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.g-flex .col-xs-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.g-flex .col-xs-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.g-flex .col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.g-flex .col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
.g-flex .col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
.g-flex .col-xs-offset-3 {
  margin-left: 25%;
}
.g-flex .col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
.g-flex .col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
.g-flex .col-xs-offset-6 {
  margin-left: 50%;
}
.g-flex .col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
.g-flex .col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
.g-flex .col-xs-offset-9 {
  margin-left: 75%;
}
.g-flex .col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
.g-flex .col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
.g-flex .col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .g-flex.start-sm {
    justify-content: flex-start;
    text-align: start;
  }
  .g-flex.center-sm {
    justify-content: center;
    text-align: center;
  }
  .g-flex.end-sm {
    justify-content: flex-end;
    text-align: end;
  }
  .g-flex.top-sm {
    align-items: flex-start;
  }
  .g-flex.middle-sm {
    align-items: center;
  }
  .g-flex.bottom-sm {
    align-items: flex-end;
  }
  .g-flex.around-sm {
    justify-content: space-around;
  }
  .g-flex.between-sm {
    justify-content: space-between;
  }
  .g-flex.nowrap-sm {
    flex-wrap: nowrap;
  }
  .g-flex .col.first-sm {
    order: -1;
  }
  .g-flex .col.last-sm {
    order: 1;
  }
  .g-flex .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .g-flex .col-sm-none {
    flex: none;
  }
  .g-flex .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .g-flex .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .g-flex .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .g-flex .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .g-flex .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .g-flex .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .g-flex .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .g-flex .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .g-flex .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .g-flex .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .g-flex .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .g-flex .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .g-flex .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .g-flex .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .g-flex .col-sm-offset-3 {
    margin-left: 25%;
  }
  .g-flex .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .g-flex .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .g-flex .col-sm-offset-6 {
    margin-left: 50%;
  }
  .g-flex .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .g-flex .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .g-flex .col-sm-offset-9 {
    margin-left: 75%;
  }
  .g-flex .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .g-flex .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .g-flex .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .g-flex.start-md {
    justify-content: flex-start;
    text-align: start;
  }
  .g-flex.center-md {
    justify-content: center;
    text-align: center;
  }
  .g-flex.end-md {
    justify-content: flex-end;
    text-align: end;
  }
  .g-flex.top-md {
    align-items: flex-start;
  }
  .g-flex.middle-md {
    align-items: center;
  }
  .g-flex.bottom-md {
    align-items: flex-end;
  }
  .g-flex.around-md {
    justify-content: space-around;
  }
  .g-flex.between-md {
    justify-content: space-between;
  }
  .g-flex.nowrap-md {
    flex-wrap: nowrap;
  }
  .g-flex .col.first-md {
    order: -1;
  }
  .g-flex .col.last-md {
    order: 1;
  }
  .g-flex .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .g-flex .col-md-none {
    flex: none;
  }
  .g-flex .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .g-flex .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .g-flex .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .g-flex .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .g-flex .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .g-flex .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .g-flex .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .g-flex .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .g-flex .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .g-flex .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .g-flex .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .g-flex .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .g-flex .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .g-flex .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .g-flex .col-md-offset-3 {
    margin-left: 25%;
  }
  .g-flex .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .g-flex .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .g-flex .col-md-offset-6 {
    margin-left: 50%;
  }
  .g-flex .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .g-flex .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .g-flex .col-md-offset-9 {
    margin-left: 75%;
  }
  .g-flex .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .g-flex .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .g-flex .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1256px) {
  .g-flex.start-lg {
    justify-content: flex-start;
    text-align: start;
  }
  .g-flex.center-lg {
    justify-content: center;
    text-align: center;
  }
  .g-flex.end-lg {
    justify-content: flex-end;
    text-align: end;
  }
  .g-flex.top-lg {
    align-items: flex-start;
  }
  .g-flex.middle-lg {
    align-items: center;
  }
  .g-flex.bottom-lg {
    align-items: flex-end;
  }
  .g-flex.around-lg {
    justify-content: space-around;
  }
  .g-flex.between-lg {
    justify-content: space-between;
  }
  .g-flex.nowrap-lg {
    flex-wrap: nowrap;
  }
  .g-flex .col.first-lg {
    order: -1;
  }
  .g-flex .col.last-lg {
    order: 1;
  }
  .g-flex .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .g-flex .col-lg-none {
    flex: none;
  }
  .g-flex .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .g-flex .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .g-flex .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .g-flex .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .g-flex .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .g-flex .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .g-flex .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .g-flex .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .g-flex .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .g-flex .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .g-flex .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .g-flex .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .g-flex .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .g-flex .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .g-flex .col-lg-offset-3 {
    margin-left: 25%;
  }
  .g-flex .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .g-flex .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .g-flex .col-lg-offset-6 {
    margin-left: 50%;
  }
  .g-flex .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .g-flex .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .g-flex .col-lg-offset-9 {
    margin-left: 75%;
  }
  .g-flex .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .g-flex .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .g-flex .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1456px) {
  .g-flex.start-xl {
    justify-content: flex-start;
    text-align: start;
  }
  .g-flex.center-xl {
    justify-content: center;
    text-align: center;
  }
  .g-flex.end-xl {
    justify-content: flex-end;
    text-align: end;
  }
  .g-flex.top-xl {
    align-items: flex-start;
  }
  .g-flex.middle-xl {
    align-items: center;
  }
  .g-flex.bottom-xl {
    align-items: flex-end;
  }
  .g-flex.around-xl {
    justify-content: space-around;
  }
  .g-flex.between-xl {
    justify-content: space-between;
  }
  .g-flex.nowrap-xl {
    flex-wrap: nowrap;
  }
  .g-flex .col.first-xl {
    order: -1;
  }
  .g-flex .col.last-xl {
    order: 1;
  }
  .g-flex .col-xl {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .g-flex .col-xl-none {
    flex: none;
  }
  .g-flex .col-xl-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .g-flex .col-xl-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .g-flex .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .g-flex .col-xl-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .g-flex .col-xl-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .g-flex .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .g-flex .col-xl-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .g-flex .col-xl-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .g-flex .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .g-flex .col-xl-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .g-flex .col-xl-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .g-flex .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .g-flex .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .g-flex .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .g-flex .col-xl-offset-3 {
    margin-left: 25%;
  }
  .g-flex .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .g-flex .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .g-flex .col-xl-offset-6 {
    margin-left: 50%;
  }
  .g-flex .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .g-flex .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .g-flex .col-xl-offset-9 {
    margin-left: 75%;
  }
  .g-flex .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .g-flex .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .g-flex .col-xl-offset-12 {
    margin-left: 100%;
  }
}
.tooltip {
  display: block;
  z-index: 1000;
  pointer-events: none;
}
.tooltip .tooltip-inner {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 3px;
  padding: 5px 10px 4px;
}
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}
.tooltip[x-placement^=bottom] .tooltip-arrow {
  border-width: 0 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^=right] {
  margin-left: 5px;
}
.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip[x-placement^=left] {
  margin-right: 5px;
}
.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.tooltip.popover .popover-inner {
  background: #f9f9f9;
  color: #000;
  padding: 24px;
  border-radius: 5px;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1);
}
.tooltip.popover .popover-arrow {
  border-color: #f9f9f9;
}
.tooltip[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}
.tooltip[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

/**
 * Redesign
 */
/* stylelint-disable */

.vb > .vb-dragger {
  z-index: 5;
  width: 12px;
  right: 0;
}
.vb > .vb-dragger > .vb-dragger-styler {
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.16);
  margin: 5px 5px 5px 0;
  border-radius: 50px;
  height: calc(100% - 10px);
  -webkit-transform: rotate3d(0, 0, 0, 0);
          transform: rotate3d(0, 0, 0, 0);
  transition: all 100ms ease-out;
  transition-property: background-color, margin, height;
}
.vb > .vb-dragger:hover > .vb-dragger-styler, .vb.vb-dragging > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(50, 60, 71, 0.4);
  height: 100%;
}
.vb.vb-scrolling-phantom > .vb-dragger > .vb-dragger-styler, .vb.vb-dragging-phantom > .vb-dragger > .vb-dragger-styler {
  background-color: rgba(50, 60, 71, 0.4);
}

/**
 * Redesign
 */
/* stylelint-disable */

/**
 * Redesign
 */
/* stylelint-disable */

.text--grey {
  color: rgba(50, 60, 71, 0.56);
}

.text--error {
  color: #c32e52;
}

.text--red {
  color: #c32e52;
}

.text--green {
  color: #37ad1c;
}

.text--warning {
  color: #c60;
}

.full-width {
  width: 100%;
}

.inline-block {
  display: inline-block;
}

/* Text align */
.text-justify {
  text-align: justify;
}

.text-xs-left {
  text-align: left;
}

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

.text-xs-right {
  text-align: right;
}

@media all and (min-width: 1256px) {
  .text-sm-left {
    text-align: left;
  }

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

  .text-sm-right {
    text-align: right;
  }
}
@media all and (min-width: 1256px) {
  .text-md-left {
    text-align: left;
  }

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

  .text-md-right {
    text-align: right;
  }
}
@media all and (min-width: 1256px) {
  .text-lg-left {
    text-align: left;
  }

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

  .text-lg-right {
    text-align: right;
  }
}
/**
 * @example
 * .ml-1 {
 *   margin-left: 4px;
 * }
 */
.ma-0 {
  margin: 0 !important;
}

.ma-1 {
  margin: 4px !important;
}

.ma-2 {
  margin: 8px !important;
}

.ma-3 {
  margin: 16px !important;
}

.ma-4 {
  margin: 24px !important;
}

.ma-5 {
  margin: 48px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 4px !important;
}

.mt-2 {
  margin-top: 8px !important;
}

.mt-3 {
  margin-top: 16px !important;
}

.mt-4 {
  margin-top: 24px !important;
}

.mt-5 {
  margin-top: 48px !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 4px !important;
}

.mr-2 {
  margin-right: 8px !important;
}

.mr-3 {
  margin-right: 16px !important;
}

.mr-4 {
  margin-right: 24px !important;
}

.mr-5 {
  margin-right: 48px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 4px !important;
}

.mb-2 {
  margin-bottom: 8px !important;
}

.mb-3 {
  margin-bottom: 16px !important;
}

.mb-4 {
  margin-bottom: 24px !important;
}

.mb-5 {
  margin-bottom: 48px !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 4px !important;
}

.ml-2 {
  margin-left: 8px !important;
}

.ml-3 {
  margin-left: 16px !important;
}

.ml-4 {
  margin-left: 24px !important;
}

.ml-5 {
  margin-left: 48px !important;
}

.pa-0 {
  padding: 0 !important;
}

.pa-1 {
  padding: 4px !important;
}

.pa-2 {
  padding: 8px !important;
}

.pa-3 {
  padding: 16px !important;
}

.pa-4 {
  padding: 24px !important;
}

.pa-5 {
  padding: 48px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 4px !important;
}

.pt-2 {
  padding-top: 8px !important;
}

.pt-3 {
  padding-top: 16px !important;
}

.pt-4 {
  padding-top: 24px !important;
}

.pt-5 {
  padding-top: 48px !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 4px !important;
}

.pr-2 {
  padding-right: 8px !important;
}

.pr-3 {
  padding-right: 16px !important;
}

.pr-4 {
  padding-right: 24px !important;
}

.pr-5 {
  padding-right: 48px !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 4px !important;
}

.pb-2 {
  padding-bottom: 8px !important;
}

.pb-3 {
  padding-bottom: 16px !important;
}

.pb-4 {
  padding-bottom: 24px !important;
}

.pb-5 {
  padding-bottom: 48px !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 4px !important;
}

.pl-2 {
  padding-left: 8px !important;
}

.pl-3 {
  padding-left: 16px !important;
}

.pl-4 {
  padding-left: 24px !important;
}

.pl-5 {
  padding-left: 48px !important;
}

/**
 * @example
 * .mx-1 {
 *   margin-top: 4px;
 *   margin-bottom: 4px;
 * }
 */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mx-3 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.my-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mx-4 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mx-5 {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.my-5 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-3 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.py-3 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.px-4 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.py-4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-5 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.py-5 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

html.g-app .theme--light .v-list__tile__mask {
  color: #000;
  background-color: transparent;
}

.v-select__slot {
  overflow: hidden;
}
.v-select__selection--comma {
  white-space: nowrap;
}

.v-text-field .v-label.theme--light {
  top: 5px;
}
.v-text-field .v-label.v-label--active {
  -webkit-transform: translateY(-20px) scale(0.75);
          transform: translateY(-20px) scale(0.75);
}

.v-textarea .v-label.theme--light {
  top: 5px;
}
.v-textarea .v-label.v-label--active {
  -webkit-transform: translateY(-20px) scale(0.75);
          transform: translateY(-20px) scale(0.75);
}

.v-tooltip__content {
  z-index: 55 !important;
}

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

html.g-app--scroll-in-mobile {
  overflow-x: auto;
  min-width: 1000px;
}

body {
  font: 400 14px/1.4 "Roboto", sans-serif;
  color: #323c47;
}

textarea {
  vertical-align: middle;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

h1,
h2,
h3 {
  font-weight: 700;
}

h1 {
  font-size: 24px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

h4 {
  font-size: 12px;
  font-weight: 500;
}

a {
  color: #0170cc;
}

[v-cloak] {
  display: none;
}

.g-field {
  padding: 24px 0;
  position: relative;
}
.g-field--no-label {
  padding-top: 0;
}
.g-field__field-wrapper {
  position: relative;
  border-radius: 3px;
}
.g-field--loading .g-field__field-wrapper {
  position: relative;
}
.g-field--loading .g-field__field-wrapper::before {
  content: "";
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #008bff;
  -webkit-animation: border-field 1s infinite alternate;
          animation: border-field 1s infinite alternate;
}
@-webkit-keyframes border-field {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes border-field {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.g-field__group {
  display: flex;
}
.g-field__field {
  position: relative;
  z-index: 2;
  background-color: #fff;
  outline: none;
  height: 32px;
  min-height: 32px;
  width: 100%;
  border-radius: 3px;
  border: 1px solid #e4e6e7;
  padding: 5px 16px;
  resize: vertical;
  transition: border-color 0.15s ease;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.g-field__field::-webkit-input-placeholder {
  color: rgba(50, 60, 71, 0.4);
  opacity: 1;
}
.g-field__field::-moz-placeholder {
  color: rgba(50, 60, 71, 0.4);
  opacity: 1;
}
.g-field__field:-ms-input-placeholder {
  color: rgba(50, 60, 71, 0.4);
  opacity: 1;
}
.g-field__field::-ms-input-placeholder {
  color: rgba(50, 60, 71, 0.4);
  opacity: 1;
}
.g-field__field::placeholder {
  color: rgba(50, 60, 71, 0.4);
  opacity: 1;
}
.g-field__field::-webkit-input-placeholder {
  color: rgba(50, 60, 71, 0.4);
}
.g-field__field::-moz-placeholder {
  color: rgba(50, 60, 71, 0.4);
}
.g-field__field:-moz-placeholder {
  color: rgba(50, 60, 71, 0.4);
}
.g-field__field:-ms-input-placeholder {
  color: rgba(50, 60, 71, 0.4);
}
.g-field__field:hover, .g-field__field:focus {
  border-color: #c5c7cc;
  z-index: 3;
}
.g-field__field--error {
  border-color: #c32e52;
}
.g-field__field--error:hover, .g-field__field--error:focus {
  border-color: #c32e52;
}
.g-field__field--success {
  border-color: #5cb85c;
}
.g-field__field--success:hover, .g-field__field--success:focus {
  border-color: #5cb85c;
}
.g-field__field--disabled, .g-field__field[disabled] {
  opacity: 0.6;
  cursor: default;
}
.g-field__field--disabled, .g-field__field--disabled:hover, .g-field__field--disabled:focus, .g-field__field[disabled], .g-field__field[disabled]:hover, .g-field__field[disabled]:focus {
  border-color: #e4e6e7;
}
.g-field__field--multiline {
  height: auto;
}
.g-field__field--center {
  text-align: center;
  border-radius: 0;
}
.g-field__field--button {
  flex: 0 0 32px;
  max-width: 32px;
  color: #009500;
  font-size: 22px;
  line-height: 1;
  padding: 0;
  text-align: center;
}
.g-field__field--button:hover {
  z-index: 3;
}
.g-field__field--button--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.g-field__field--button--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.g-field__label, .g-field__error {
  position: absolute;
  left: 0;
  right: 0;
}
.g-field__label {
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  text-align: left;
  font-size: 14px;
  top: 0;
  color: rgba(50, 60, 71, 0.56);
  transition: color 0.15s ease;
}
.g-field__label--error {
  color: #c32e52;
}
.g-field__label--success {
  color: #5cb85c;
}
.g-field__hint {
  font-size: 12px;
  padding-top: 4px;
  line-height: 1;
  color: rgba(50, 60, 71, 0.56);
}
.g-field__hint--error {
  color: #c32e52;
}
.g-field__hint--error a {
  color: #c32e52;
}
.g-field__hint--success-message {
  color: #5cb85c;
}

.g-gradient-truncate-text {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
}
.g-gradient-truncate-text::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -1px;
  width: 20px;
  background: linear-gradient(to left, #fff, #fff, rgba(255, 255, 255, 0));
}

.g-locked {
  overflow-y: hidden;
}

.g-error {
  color: #c32e52;
  font-size: 12px;
}

/**
 * IE fixes
 */
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .application--wrap {
    width: 100%;
  }
}