@import url(https://fonts.googleapis.com/css?family=Roboto);
.panel.tabbed-panel > .panel-header {
  padding: 0;
  border-bottom: 0;
  min-height: 70px; }
  .panel.tabbed-panel > .panel-header .panel-header-content {
    padding: 0;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
  .panel.tabbed-panel > .panel-header .tabbed-panel-tab {
    border-bottom: 1px solid #ced0da;
    background: #fff;
    cursor: pointer;
    color: #9098a7; }
    .panel.tabbed-panel > .panel-header .tabbed-panel-tab.active {
      border-bottom: 3px solid #facc21;
      color: #354052; }

.panel.tabbed-panel .panel-header {
  min-height: 60px; }

.panel.tabbed-panel .tabbed-panel-tab {
  font-weight: 600; }

.tooltip {
  z-index: 10000;
  margin-left: -1px;
  border: 1px solid;
  border-radius: 5px;
  max-width: 250px;
  text-align: center;
  word-wrap: break-word; }
  .tooltip.is-dark {
    border-color: transparent;
    background: #313843;
    color: #fff; }
  .tooltip.is-light {
    border-color: #ced0da;
    background: #fff;
    color: #354052; }
  .tooltip.is-small {
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 400; }
  .tooltip.is-big {
    padding: 17px 14px;
    font-size: 16px;
    font-weight: 400; }
  .tooltip::after, .tooltip::before {
    content: " ";
    position: absolute;
    border: solid transparent;
    border-width: 5px;
    height: 0;
    width: 0;
    pointer-events: none; }
  .tooltip::before {
    border-width: 6px; }
  .tooltip.position-bottom {
    margin-top: 6px; }
    .tooltip.position-bottom::after, .tooltip.position-bottom::before {
      bottom: 100%; }
    .tooltip.position-bottom.is-dark::after {
      border-bottom-color: #313843; }
    .tooltip.position-bottom.is-dark::before {
      border-bottom-color: transparent; }
    .tooltip.position-bottom.is-light::after {
      border-bottom-color: #fff; }
    .tooltip.position-bottom.is-light::before {
      border-bottom-color: #ced0da; }
  .tooltip.position-top {
    margin-top: -6px; }
    .tooltip.position-top::after, .tooltip.position-top::before {
      top: 100%; }
    .tooltip.position-top.is-dark::after {
      border-top-color: #313843; }
    .tooltip.position-top.is-dark::before {
      border-top-color: transparent; }
    .tooltip.position-top.is-light::after {
      border-top-color: #fff; }
    .tooltip.position-top.is-light::before {
      border-top-color: #ced0da; }
  .tooltip.anchor-start::after, .tooltip.anchor-start::before {
    left: 5px; }
  .tooltip.anchor-center::after, .tooltip.anchor-center::before {
    left: 50%; }
  .tooltip.anchor-center::after {
    margin-left: -5px; }
  .tooltip.anchor-center::before {
    margin-left: -6px; }
  .tooltip.anchor-end::after, .tooltip.anchor-end::before {
    right: 5px; }
  .tooltip::before {
    margin-left: -1px; }

.button .button-inner {
  position: relative;
  padding: 0 16px;
  border: 1px solid #ced0da;
  border-radius: 4px;
  height: 36px;
  background: linear-gradient(to top, #f2f4f7, #fff);
  cursor: pointer;
  color: #354052;
  font-size: 14px;
  font-weight: 600;
  text-align: center; }
  .button .button-inner .button-loading {
    position: relative; }
  .button .button-inner .button-icon,
  .button .button-inner .button-loading,
  .button .button-inner .button-label {
    margin: 0 3px; }
  .button .button-inner .button-loading {
    height: 1em;
    width: 1em; }
  .button .button-inner.is-default {
    border: 1px solid #ced0da;
    background: linear-gradient(to top, #f1f1f1, #fff);
    color: #354052; }
    .button .button-inner.is-default:hover:not(.is-not-allowed):not(.is-processing) {
      background: linear-gradient(to top, #e4e2e2, #fff);
      border: 1px solid #ced0da;
      color: #354052; }
    .button .button-inner.is-default.is-not-allowed {
      border: 1px solid #ced0da;
      background: linear-gradient(to top, #f1f1f1, #fff);
      color: #354052; }
  .button .button-inner.is-primary {
    border: 1px solid #facc21;
    background: linear-gradient(to top, #ffc808, #facc21);
    color: #24272c; }
    .button .button-inner.is-primary:hover:not(.is-not-allowed):not(.is-processing) {
      background: linear-gradient(to top, #f1bc02, #facc21);
      border: 1px solid #facc21;
      color: #24272c; }
    .button .button-inner.is-primary.is-not-allowed {
      border: 1px solid #facc21;
      background: linear-gradient(to top, #ffc808, #facc21);
      color: #24272c; }
  .button .button-inner.is-positive, .button .button-inner.is-success {
    border: 1px solid #2f9c3e;
    background: linear-gradient(to bottom, #39b54a, #34aa44);
    color: #fff; }
    .button .button-inner.is-positive .default-success-icon, .button .button-inner.is-success .default-success-icon {
      fill: #fff; }
    .button .button-inner.is-positive:hover:not(.is-not-allowed):not(.is-processing), .button .button-inner.is-success:hover:not(.is-not-allowed):not(.is-processing) {
      background: linear-gradient(to top, #1e930b, #1e9d09);
      border: 1px solid #2f9c3e;
      color: #fff; }
      .button .button-inner.is-positive:hover:not(.is-not-allowed):not(.is-processing) .default-success-icon, .button .button-inner.is-success:hover:not(.is-not-allowed):not(.is-processing) .default-success-icon {
        fill: #fff; }
    .button .button-inner.is-positive.is-not-allowed, .button .button-inner.is-success.is-not-allowed {
      border: 1px solid #2f9c3e;
      background: linear-gradient(to bottom, #39b54a, #34aa44);
      color: #fff; }
      .button .button-inner.is-positive.is-not-allowed .default-success-icon, .button .button-inner.is-success.is-not-allowed .default-success-icon {
        fill: #fff; }
  .button .button-inner.is-negative, .button .button-inner.is-error {
    border: 1px solid #de1b23;
    background: linear-gradient(to bottom, #fb242c, #ed1c24);
    color: #fff; }
    .button .button-inner.is-negative .default-error-icon, .button .button-inner.is-error .default-error-icon {
      fill: #fff; }
    .button .button-inner.is-negative:hover:not(.is-not-allowed):not(.is-processing), .button .button-inner.is-error:hover:not(.is-not-allowed):not(.is-processing) {
      background: linear-gradient(to top, #d71920, #ed1c24);
      border: 1px solid #de1b23;
      color: #fff; }
      .button .button-inner.is-negative:hover:not(.is-not-allowed):not(.is-processing) .default-error-icon, .button .button-inner.is-error:hover:not(.is-not-allowed):not(.is-processing) .default-error-icon {
        fill: #fff; }
    .button .button-inner.is-negative.is-not-allowed, .button .button-inner.is-error.is-not-allowed {
      border: 1px solid #de1b23;
      background: linear-gradient(to bottom, #fb242c, #ed1c24);
      color: #fff; }
      .button .button-inner.is-negative.is-not-allowed .default-error-icon, .button .button-inner.is-error.is-not-allowed .default-error-icon {
        fill: #fff; }
  .button .button-inner.is-flat {
    padding: 0 6px !important;
    border: 1px solid #308dff;
    background: none;
    color: #308dff; }
    .button .button-inner.is-flat:hover:not(.is-not-allowed):not(.is-processing) {
      border: 1px solid #308dff;
      background: #308dff;
      color: #fff; }
  .button .button-inner.icon-button {
    padding: 0 13px !important; }
    .button .button-inner.icon-button.circular {
      padding: 11px !important;
      border-radius: 100% !important; }
      .button .button-inner.icon-button.circular.is-medium {
        width: 44px; }
      .button .button-inner.icon-button.circular.is-small {
        width: 36px; }
      .button .button-inner.icon-button.circular.is-tiny {
        width: 32px; }
  .button .button-inner.is-tiny {
    padding: 0 6px;
    height: 32px;
    font-size: 14px;
    border-radius: 4px; }
  .button .button-inner.is-small {
    padding: 0 14px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px; }
  .button .button-inner.is-medium {
    padding: 0 18px;
    height: 44px;
    font-size: 16px;
    border-radius: 4px; }
  .button .button-inner.is-not-allowed {
    cursor: not-allowed;
    opacity: 0.6; }
  .button .button-inner.is-processing {
    cursor: default; }

body > div[style*="-ms-overflow-style: scrollbar"] {
  -ms-overflow-style: none !important; }

body > div::-webkit-scrollbar {
  display: none; }

.scrollview {
  overflow: hidden;
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }
  .scrollview > .gm-scrollbar {
    z-index: 999;
    transition-duration: 250ms;
    transition-timing-function: ease; }
    .scrollview > .gm-scrollbar.-vertical {
      right: 0;
      padding: 0 4px;
      width: auto;
      transition-property: background-color width; }
      .scrollview > .gm-scrollbar.-vertical:not(.visible) {
        visibility: hidden;
        pointer-events: none; }
      .scrollview > .gm-scrollbar.-vertical .thumb {
        position: static;
        margin: 0;
        width: 7px;
        transition: width 250ms ease; }
      .scrollview > .gm-scrollbar.-vertical:hover .thumb, .scrollview > .gm-scrollbar.-vertical:active .thumb {
        width: 8.75px; }
      .scrollview > .gm-scrollbar.-vertical:active .thumb {
        background-color: #9098a7;
        transition: background-color 250ms ease; }
    .scrollview > .gm-scrollbar.-horizontal {
      bottom: 0;
      padding: 4px 0;
      height: auto;
      transition-property: background-color height; }
      .scrollview > .gm-scrollbar.-horizontal:not(.visible) {
        visibility: hidden;
        pointer-events: none; }
      .scrollview > .gm-scrollbar.-horizontal .thumb {
        position: static;
        transition: height 250ms ease;
        margin: 0;
        height: 7px; }
      .scrollview > .gm-scrollbar.-horizontal:hover, .scrollview > .gm-scrollbar.-horizontal:active {
        background: rgba(255, 255, 255, 0.8); }
        .scrollview > .gm-scrollbar.-horizontal:hover .thumb, .scrollview > .gm-scrollbar.-horizontal:active .thumb {
          height: 8.75px; }
      .scrollview > .gm-scrollbar.-horizontal:active .thumb {
        background-color: #9098a7;
        transition: background-color 250ms ease; }
    .scrollview > .gm-scrollbar .thumb {
      border-radius: 3.5px;
      background-color: rgba(144, 152, 167, 0.6); }
      .scrollview > .gm-scrollbar .thumb:hover {
        background-color: #9098a7;
        transition: background-color 250ms ease; }
  .scrollview > .gm-scroll-view {
    -ms-overflow-style: none; }
    .scrollview > .gm-scroll-view > * {
      -ms-overflow-style: auto; }
    .scrollview > .gm-scroll-view::-webkit-scrollbar {
      height: 0;
      width: 0;
      -webkit-appearance: none; }

.Select.dropdown {
  box-sizing: border-box;
  box-sizing: content-box;
  margin: 0;
  padding: 0;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex-direction: row;
  -moz-box-flex-direction: row;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  flex-align: center;
  -webkit-align-items: center;
  -moz-box-align-items: center;
  -ms-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  height: 34px;
  line-height: 34px; }
  .Select.dropdown .Select-control,
  .Select.dropdown .Select-multi-value-wrapper,
  .Select.dropdown .Select-value,
  .Select.dropdown .Select-placeholder,
  .Select.dropdown .Select-input,
  .Select.dropdown .Select-input > input,
  .Select.dropdown .Select-option,
  .Select.dropdown .Select-arrow-zone,
  .Select.dropdown .Select-clear-zone {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    flex-align: center;
    -webkit-align-items: center;
    -moz-box-align-items: center;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    height: 32px;
    line-height: 32px; }
  .Select.dropdown.is-small {
    height: 30px;
    line-height: 30px; }
    .Select.dropdown.is-small .Select-control,
    .Select.dropdown.is-small .Select-multi-value-wrapper,
    .Select.dropdown.is-small .Select-value,
    .Select.dropdown.is-small .Select-placeholder,
    .Select.dropdown.is-small .Select-input,
    .Select.dropdown.is-small .Select-input > input,
    .Select.dropdown.is-small .Select-option,
    .Select.dropdown.is-small .Select-arrow-zone,
    .Select.dropdown.is-small .Select-clear-zone {
      height: 28px;
      line-height: 28px; }

.Select.dropdown {
  border: solid 1px #ced0da;
  border-radius: 4px;
  min-width: 150px;
  background: linear-gradient(to top, #f1f1f1, #fff);
  color: #24272c;
  font-size: 15px;
  font-weight: 600; }
  .Select.dropdown:hover {
    border-color: #ced0da; }
  .Select.dropdown:not(.is-disabled).is-focused {
    border-color: #308dff; }
  .Select.dropdown.is-small .Select-control {
    padding-left: 10px; }
  .Select.dropdown .Select-control {
    padding-left: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    box-shadow: none !important; }
    .Select.dropdown .Select-control .Select-multi-value-wrapper,
    .Select.dropdown .Select-control .Select-value-label {
      overflow: hidden;
      position: relative;
      width: 100%; }
    .Select.dropdown .Select-control .Select-multi-value-wrapper {
      -webkit-box-flex-wrap: wrap;
      -moz-box-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-align: center;
      flex-align: center;
      -webkit-align-items: center;
      -moz-box-align-items: center;
      -ms-align-items: center;
      -webkit-align-items: center;
      align-items: center; }
    .Select.dropdown .Select-control .Select-input {
      position: absolute;
      top: 0;
      left: 0;
      background: transparent; }
    .Select.dropdown .Select-control .Select-arrow-zone,
    .Select.dropdown .Select-control .Select-clear-zone {
      -webkit-box-flex: 0 0 auto;
      -moz-box-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
      -ms-flex-pack: center;
      flex-pack: center;
      -webkit-justify-content: center;
      -moz-box-justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
    .Select.dropdown .Select-control .Select-arrow-zone {
      height: 100%;
      width: 30px; }
    .Select.dropdown .Select-control .Select-clear-zone {
      width: 15px; }
    .Select.dropdown .Select-control .Select-arrow,
    .Select.dropdown .Select-control .Select-clear {
      cursor: pointer;
      font-size: 20px; }
    .Select.dropdown .Select-control .Select-arrow {
      border-color: #9098a7 transparent transparent;
      border-width: 5px 5px 0; }
  .Select.dropdown .Select-placeholder {
    font-weight: 600;
    color: #9098a7; }
  .Select.dropdown .Select-menu-outer {
    position: absolute;
    left: 0;
    z-index: 1000;
    margin-top: 10px;
    border: solid 1px #ced0da;
    border-radius: 4px;
    min-width: 185px;
    background-color: #fff;
    box-shadow: rgba(34, 36, 38, 0.12) 0 2px 4px 0; }
    .Select.dropdown .Select-menu-outer .Select-option-group {
      padding: 0 9px;
      font-size: 15px;
      font-weight: 600;
      color: #354052;
      background: #f0f3f8; }
    .Select.dropdown .Select-menu-outer .Select-option {
      padding: 0 10px;
      cursor: pointer;
      font-size: 15px;
      font-weight: 400;
      color: rgba(53, 64, 82, 0.5);
      background: #fff; }
      .Select.dropdown .Select-menu-outer .Select-option.is-selected {
        background: #fff;
        color: rgba(53, 64, 82, 0.5); }
      .Select.dropdown .Select-menu-outer .Select-option.is-disabled {
        color: rgba(53, 64, 82, 0.2);
        background: #fff; }
      .Select.dropdown .Select-menu-outer .Select-option:not(.is-disabled):hover, .Select.dropdown .Select-menu-outer .Select-option.is-focused {
        background: rgba(26, 145, 235, 0.15);
        color: #354052; }
  .Select.dropdown.menu-position-top .Select-menu-outer {
    top: auto;
    bottom: 100%;
    margin-bottom: 10px; }
  .Select.dropdown.Select--multi {
    height: auto; }
    .Select.dropdown.Select--multi .Select-control {
      height: auto; }
      .Select.dropdown.Select--multi .Select-control .Select-multi-value-wrapper {
        min-height: 34px;
        height: auto; }
    .Select.dropdown.Select--multi.is-small .Select-multi-value-wrapper {
      min-height: 30px; }
    .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper {
      padding: 2px 0;
      min-height: auto; }
      .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper .Select-input {
        position: relative;
        height: 22px;
        line-height: 22px; }
        .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper .Select-input > input {
          height: 22px;
          line-height: 22px; }
      .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper .Select-value {
        margin-right: 5px;
        /*
              vertical margin is needed to add some space between values when they wrap.
              5px is not random: 10px is the gap to match .Select-input in height and avoid visual defects
            */
        margin-top: 2px;
        margin-bottom: 2px;
        border: 1px solid #1a91eb;
        height: 20px;
        line-height: 20px; }
        .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
          height: 20px;
          line-height: 20px;
          background: #d1e9fb;
          color: #1a91eb;
          padding-top: 0;
          padding-bottom: 0; }
        .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon {
          padding: 0 4px;
          border-color: #1a91eb;
          background: #d1e9fb;
          color: #1a91eb; }
          .Select.dropdown.Select--multi.has-value .Select-control .Select-multi-value-wrapper .Select-value .Select-value-icon:hover {
            border-color: #1a91eb;
            background: #a2d3f7;
            color: #f00; }
    .Select.dropdown.Select--multi.has-value.is-small .Select-control .Select-multi-value-wrapper {
      min-height: auto; }
      .Select.dropdown.Select--multi.has-value.is-small .Select-control .Select-multi-value-wrapper .Select-input,
      .Select.dropdown.Select--multi.has-value.is-small .Select-control .Select-multi-value-wrapper .Select-input > input {
        height: 18px;
        line-height: 18px; }
      .Select.dropdown.Select--multi.has-value.is-small .Select-control .Select-multi-value-wrapper .Select-value {
        height: 16px;
        line-height: 16px; }
        .Select.dropdown.Select--multi.has-value.is-small .Select-control .Select-multi-value-wrapper .Select-value .Select-value-label {
          height: 16px;
          line-height: 16px; }
  .Select.dropdown:not(.is-disabled):hover {
    background: linear-gradient(to top, #e4e2e2, #fff); }
    .Select.dropdown:not(.is-disabled):hover:not(.Select--multi) .Select-control .Select-value .Select-value-label {
      color: #24272c; }
    .Select.dropdown:not(.is-disabled):hover .Select-placeholder {
      color: #9098a7; }
    .Select.dropdown:not(.is-disabled):hover .Select-arrow {
      border-color: #9098a7 transparent transparent; }
  .Select.dropdown:not(.is-disabled).is-open {
    border-color: #1991eb;
    background: linear-gradient(to top, #e4e2e2, #fff); }
    .Select.dropdown:not(.is-disabled).is-open:not(.Select--multi) .Select-control .Select-value .Select-value-label {
      color: #24272c; }
    .Select.dropdown:not(.is-disabled).is-open:hover .Select-placeholder,
    .Select.dropdown:not(.is-disabled).is-open .Select-placeholder {
      color: #9098a7; }
    .Select.dropdown:not(.is-disabled).is-open .Select-arrow {
      border-color: #9098a7 transparent transparent; }
  .Select.dropdown.has-value .Select-control .Select-value .Select-value-label {
    color: #354052; }
  .Select.dropdown.has-value .Select-control .Select-placeholder {
    color: #354052; }
  .Select.dropdown.is-clearable.has-value .Select-clear-zone .Select-clear {
    bottom: 0;
    padding: 0;
    color: #24272c; }
  .Select.dropdown.is-clearable.has-value .Select-clear-zone:hover .Select-clear {
    color: #f00; }
  .Select.dropdown.is-searchable .Select-control {
    cursor: text; }
  .Select.dropdown.is-searchable.is-open .Select-input {
    color: #24272c; }
  .Select.dropdown.is-disabled {
    cursor: not-allowed;
    opacity: 0.6; }
    .Select.dropdown.is-disabled .Select-arrow-zone,
    .Select.dropdown.is-disabled .Select-arrow,
    .Select.dropdown.is-disabled .Select-control {
      cursor: inherit; }
  .Select.dropdown.is-flat:not(:hover):not(.is-open), .Select.dropdown.is-flat.is-disabled:not(.is-open) {
    background: transparent; }

.Select.dropdown {
  min-width: 0;
  width: 100%;
  font-weight: 600; }
  .Select.dropdown .Select-menu-outer .Select-option {
    font-weight: 600; }

.input input {
  border: 1px solid #ced0da;
  border-radius: 4px;
  height: 38pxZ;
  padding: 0 12px;
  color: #24272c;
  font-weight: 600;
  font-size: 15px;
  line-height: 15px;
  font-family: inherit; }
  .input input::-webkit-input-placeholder {
    color: #9098a7;
    font-weight: 400; }
  .input input::-moz-placeholder {
    color: #9098a7;
    font-weight: 400; }
  .input input:-ms-input-placeholder {
    color: #9098a7;
    font-weight: 400; }
  .input input:-moz-placeholder {
    color: #9098a7;
    font-weight: 400; }
  .input input:disabled {
    cursor: not-allowed;
    opacity: 0.6; }
  .input input:focus {
    border: 1px solid #308dff;
    outline: none;
    box-shadow: 0;
    color: #354052; }

.input:not(.has-value) input {
  color: #9098a7;
  font-weight: 400; }

.input.is-success .icon, .input.is-failure .icon {
  margin: 0 12px;
  line-height: 15px;
  font-size: 15px; }

.input.is-success input {
  border: 1px solid #2f9c3e;
  color: #2f9c3e; }

.input.is-success svg {
  fill: #2f9c3e;
  margin-right: 4px; }

.input.is-failure input {
  border: 1px solid #de1b23;
  color: #de1b23; }

.input.is-failure svg {
  fill: #de1b23;
  margin-right: 4px; }

.input.confirmation-input .confirmation {
  height: 38pxZ;
  margin: 0 12px;
  color: #1a91eb;
  font-size: 15px;
  line-height: 15px;
  font-weight: 600; }

.input.confirmation-input.focused .confirmation {
  cursor: pointer;
  color: #1a91eb; }

.input.password-input .password-input-toggle {
  height: 38pxZ;
  margin: 0 12px;
  color: #1a91eb;
  font-size: 15px;
  line-height: 15px;
  cursor: pointer; }

.input input:not(:focus):not(:disabled):hover {
  cursor: text;
  border: solid 1px #9098a7; }

.input input:disabled {
  cursor: not-allowed; }

.input.has-value input {
  font-weight: 600; }

.textarea-autosize {
  background-color: #fff;
  border: solid 1px #ced0da;
  padding: 12px;
  color: #24272c;
  font-size: 15px;
  font-weight: 600; }
  .textarea-autosize::-webkit-input-placeholder, .textarea-autosize::-moz-placeholder, .textarea-autosize:-ms-input-placeholder, .textarea-autosize:-moz-placeholder {
    color: #ced0da;
    font-size: 15px;
    font-weight: 400; }
  .textarea-autosize:not(:disabled):hover {
    cursor: text;
    border: solid 1px #9098a7; }
  .textarea-autosize:not(:disabled):focus {
    border: solid 1px #308dff; }
  .textarea-autosize:disabled {
    cursor: not-allowed; }

@font-face {
  font-family: 'rc-datepicker';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SDIcAAAC8AAAAYGNtYXAAitFNAAABHAAAAGRnYXNwAAAAEAAAAYAAAAAIZ2x5ZmYIkl0AAAGIAAAC7GhlYWQLeirXAAAEdAAAADZoaGVhB3kDyQAABKwAAAAkaG10eBKTAOAAAATQAAAAIGxvY2ECQgFeAAAE8AAAABJtYXhwABgAfgAABQQAAAAgbmFtZUzHCYMAAAUkAAABznBvc3QAAwAAAAAG9AAAACAAAwLqAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADwcwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQASAAAAA4ACAACAAYAAQAg8A3wVPBz//3//wAAAAAAIPAN8FPwc//9//8AAf/jD/cPsg+UAAMAAQAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQA/AD8C5gLmADwAACUUBg8BDgEjIiYvAQcOASMiJi8BLgE1NDY/AScuATU0Nj8BPgEzMhYfATc+ATMyFh8BHgEVFAYPARceARUC5gkHTggUCwsUCKioBxULChUHTggICAioqAgICAhOBxUKCxUHqKgIFAsLFAhOBwkJB6ioBwnDChUHTggICAioqAgICAhOBxUKCxUHqKgIFAsLFAhOBwkJB6ioBwkJB04IFAsLFAioqAcVCwAAAAEAYwAaAp0DnQAVAAAJAhYUDwEGIicBJjQ3ATYyHwEWFAcCnf7RAS8LC18KHgv+WAsLAagLHgpfCwsDC/7Q/tELHgpfCwsBqAoeCwGoCwtfCh4LAAEAPgAaAnkDnQAVAAAJAQYiLwEmNDcJASY0PwE2MhcBFhQHAnn+WAseC18KCgEw/tAKCl8LHgsBqAoKAcL+WAsLXwoeCwEvATALHgpfCwv+WAseCgAAAAAPAAD/twO3A7cAAwAIAAwAEQAVABoAHwAjACgAOAA8AEEARQBWAHsAADczNSMXMzUjFSczNSMXMzUjFSczNSMBMzUjFQMzNSMVATM1IyczNSMVAzU0JisBIgYdARQWOwEyNgEzNSMnMzUjFTsBNSM3NTQmKwEiBh0BFBY7ATI2NTcRFAYjISImNRE0NjsBNTQ2OwEyFh0BMzU0NjsBMhYdATMyFhVJpaXJt7fJpaXJt7fJpaUBpbe33Le3Abelpdu3t8kLCCQICwsIJAgLAaSlpdu3t9ulpRILByQICwsIJAcL3Cse/NseKyseSTYmJCY22zYmJCY2SR4rAKWlpaXJt7e3t9yk/belpQGlpKT+W6Ukt7cB7qQICwsIpAcLC/4ZtyWkpKRupAgLCwikBwsLByT9JR4rKx4C2x4sNiY2NiY2NiY2NiY2LB4AAAEAAAABAABplrQ9Xw889QALBAAAAAAA1FHzNgAAAADUUfM2AAD/twO3A7cAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA7cAAQAAAAAAAAAAAAAAAAAAAAgEAAAAAAAAAAAAAAACAAAAAyUAPwMAAGMCtwA+A7cAAAAAAAAACgAUAB4AegCkANABdgAAAAEAAAAIAHwADwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQANAAAAAQAAAAAAAgAHAJYAAQAAAAAAAwANAEgAAQAAAAAABAANAKsAAQAAAAAABQALACcAAQAAAAAABgANAG8AAQAAAAAACgAaANIAAwABBAkAAQAaAA0AAwABBAkAAgAOAJ0AAwABBAkAAwAaAFUAAwABBAkABAAaALgAAwABBAkABQAWADIAAwABBAkABgAaAHwAAwABBAkACgA0AOxyYy1kYXRlcGlja2VyAHIAYwAtAGQAYQB0AGUAcABpAGMAawBlAHJWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADByYy1kYXRlcGlja2VyAHIAYwAtAGQAYQB0AGUAcABpAGMAawBlAHJyYy1kYXRlcGlja2VyAHIAYwAtAGQAYQB0AGUAcABpAGMAawBlAHJSZWd1bGFyAFIAZQBnAHUAbABhAHJyYy1kYXRlcGlja2VyAHIAYwAtAGQAYQB0AGUAcABpAGMAawBlAHJGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype");
  font-weight: 400;
  font-style: normal; }

.icon-rc-datepicker {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rc-datepicker' !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-rc-datepicker_clear::before {
  content: '\F00D'; }

.icon-rc-datepicker_prev::before {
  content: '\F053'; }

.icon-rc-datepicker_next::before {
  content: '\F054'; }

.icon-rc-datepicker_calendar::before {
  content: '\F073'; }

.react-datepicker-component {
  position: relative;
  font-size: 14px;
  font-weight: 600; }
  .react-datepicker-component.is-disabled {
    pointer-events: none;
    opacity: 0.5; }
  .react-datepicker-component .react-datepicker {
    margin-left: 5px;
    margin-top: 5px;
    display: inherit; }
  .react-datepicker-component .react-datepicker-input {
    position: relative;
    min-width: 150px;
    height: 36px;
    background: linear-gradient(to top, #f1f1f1, #fff);
    border: 1px solid #ced0da;
    border-radius: 4px; }
    .react-datepicker-component .react-datepicker-input.is-small {
      height: 32px; }
    .react-datepicker-component .react-datepicker-input input {
      width: 100%;
      height: 100%;
      background: transparent;
      border: none;
      box-sizing: border-box;
      padding-left: 15px;
      padding-right: 60px;
      font-size: 14px;
      color: #354052;
      font-weight: 600; }
      .react-datepicker-component .react-datepicker-input input:focus {
        outline: none; }
      .react-datepicker-component .react-datepicker-input input::-webkit-input-placeholder {
        color: #9098a7;
        font-weight: 600; }
      .react-datepicker-component .react-datepicker-input input:-moz-placeholder {
        color: #9098a7;
        font-weight: 600; }
      .react-datepicker-component .react-datepicker-input input::-moz-placeholder {
        color: #9098a7;
        font-weight: 600; }
      .react-datepicker-component .react-datepicker-input input:-ms-input-placeholder {
        color: #9098a7;
        font-weight: 600; }
    .react-datepicker-component .react-datepicker-input .button-wrapper {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%; }
      .react-datepicker-component .react-datepicker-input .button-wrapper .input-button {
        margin: 0 10px;
        background: transparent;
        font-size: 15px;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
        color: #9098a7; }
        .react-datepicker-component .react-datepicker-input .button-wrapper .input-button:hover {
          background: transparent;
          color: #9098a7; }
      .react-datepicker-component .react-datepicker-input .button-wrapper .clear-button {
        cursor: pointer;
        font-size: 13px;
        color: #9098a7; }
        .react-datepicker-component .react-datepicker-input .button-wrapper .clear-button:hover {
          color: #db242c; }
    .react-datepicker-component .react-datepicker-input:hover {
      background: linear-gradient(to top, #e4e2e2, #fff);
      border: 1px solid #ced0da; }
      .react-datepicker-component .react-datepicker-input:hover input {
        color: #354052; }
        .react-datepicker-component .react-datepicker-input:hover input::-webkit-input-placeholder {
          color: #9098a7; }
        .react-datepicker-component .react-datepicker-input:hover input:-moz-placeholder {
          color: #9098a7; }
        .react-datepicker-component .react-datepicker-input:hover input::-moz-placeholder {
          color: #9098a7; }
        .react-datepicker-component .react-datepicker-input:hover input:-ms-input-placeholder {
          color: #9098a7; }
      .react-datepicker-component .react-datepicker-input:hover .button-wrapper .input-button {
        color: #9098a7; }
    .react-datepicker-component .react-datepicker-input.is-open {
      background: linear-gradient(to top, #e4e2e2, #fff);
      border: 1px solid #308dff; }
      .react-datepicker-component .react-datepicker-input.is-open input {
        color: #354052; }
        .react-datepicker-component .react-datepicker-input.is-open input::-webkit-input-placeholder {
          color: #354052; }
        .react-datepicker-component .react-datepicker-input.is-open input:-moz-placeholder {
          color: #354052; }
        .react-datepicker-component .react-datepicker-input.is-open input::-moz-placeholder {
          color: #354052; }
        .react-datepicker-component .react-datepicker-input.is-open input:-ms-input-placeholder {
          color: #354052; }
      .react-datepicker-component .react-datepicker-input.is-open .button-wrapper .input-button {
        color: #9098a7; }
    .react-datepicker-component .react-datepicker-input.has-value input {
      color: #354052; }

.react-datepicker {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  font-size: 14px;
  font-weight: 600; }
  .react-datepicker.floating {
    position: absolute;
    z-index: 10000;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1); }
  .react-datepicker.position-top {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px; }
    .react-datepicker.position-top .react-datepicker-container::after, .react-datepicker.position-top .react-datepicker-container::before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    .react-datepicker.position-top .react-datepicker-container::after {
      border-top-color: #d9dee3;
      border-width: 5px;
      margin-left: -5px; }
    .react-datepicker.position-top .react-datepicker-container::before {
      border-top-color: #d9dee3;
      border-width: 6px;
      margin-left: -6px; }
  .react-datepicker:not(.position-top) .react-datepicker-container .react-datepicker-top::after, .react-datepicker:not(.position-top) .react-datepicker-container .react-datepicker-top::before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .react-datepicker:not(.position-top) .react-datepicker-container .react-datepicker-top::after {
    border-bottom-color: #facc21;
    border-width: 5px;
    margin-left: -5px; }
  .react-datepicker:not(.position-top) .react-datepicker-container .react-datepicker-top::before {
    border-bottom-color: #d9dee3;
    border-width: 6px;
    margin-left: -6px; }
  .react-datepicker .react-datepicker-container {
    width: 250px;
    position: relative; }
    .react-datepicker .react-datepicker-container .react-datepicker-top {
      text-align: center;
      background: linear-gradient(to top, #ffc808, #facc21);
      color: #24272c;
      border-top: 1px solid #facc21;
      border-left: 1px solid #facc21;
      border-right: 1px solid #facc21;
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
      .react-datepicker .react-datepicker-container .react-datepicker-top .week-days {
        height: 35px; }
        .react-datepicker .react-datepicker-container .react-datepicker-top .week-days .week-day {
          cursor: default;
          font-weight: 400;
          font-size: 13px; }
      .react-datepicker .react-datepicker-container .react-datepicker-top .display {
        height: 35px; }
        .react-datepicker .react-datepicker-container .react-datepicker-top .display .react-datepicker-button {
          text-decoration: none;
          padding: 4px;
          text-align: center;
          font-size: 15px;
          letter-spacing: .5px;
          cursor: pointer; }
          .react-datepicker .react-datepicker-container .react-datepicker-top .display .react-datepicker-button.button-left {
            font-size: 13px;
            padding: 4px 16px;
            border-top-left-radius: 2px; }
          .react-datepicker .react-datepicker-container .react-datepicker-top .display .react-datepicker-button.button-right {
            font-size: 13px;
            padding: 4px 16px;
            border-top-right-radius: 2px; }
          .react-datepicker .react-datepicker-container .react-datepicker-top .display .react-datepicker-button:hover {
            background: rgba(0, 0, 0, 0.075);
            border-radius: 4px; }
          .react-datepicker .react-datepicker-container .react-datepicker-top .display .react-datepicker-button.fixed:hover {
            background: transparent;
            cursor: default; }
    .react-datepicker .react-datepicker-container .react-datepicker-body {
      border-left: 1px solid #d9dee3;
      border-right: 1px solid #d9dee3;
      border-bottom: 1px solid #d9dee3;
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px; }
      .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row {
        margin-top: 0;
        width: 100%;
        min-height: 30px; }
        .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row:not(:last-child) {
          border-bottom: 1px solid #d9dee3; }
        .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row:last-child .react-datepicker-picker:first-child {
          border-bottom-left-radius: 2px; }
        .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row:last-child .react-datepicker-picker:last-child {
          border-bottom-right-radius: 2px; }
        .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker {
          color: #24272c;
          background: #fff;
          cursor: pointer;
          text-decoration: none;
          font-weight: 400; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker:not(:last-child) {
            border-right: 1px solid #d9dee3; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.day {
            min-height: 30px; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.month {
            min-height: 65px; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.year {
            min-height: 65px; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker:hover {
            color: #354052;
            background: #f2f2f2; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.selected {
            color: #354052;
            background: #bad7f2;
            font-weight: bold;
            margin-left: -1px;
            margin-top: -1px;
            margin-bottom: -1px;
            border: 1px solid #bad7f2; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.current {
            font-weight: 600;
            color: #354052;
            background: #f7f7f7; }
            .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.current:hover {
              color: #354052;
              background: #eaeaea; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.selected.current {
            color: #354052;
            background: #bad7f2; }
          .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.disabled {
            cursor: default;
            color: #9098a7;
            background: #fff; }
            .react-datepicker .react-datepicker-container .react-datepicker-body .react-datepicker-row .react-datepicker-picker.disabled:hover {
              color: #9098a7;
              background: #fff; }

.react-datepicker-component {
  width: 100%; }
  .react-datepicker-component .icon-rc-datepicker {
    font-family: 'rc-datepicker' !important; }

.Select.dropdown.time-picker {
  min-width: 0;
  width: 100%; }

.checkbox > .checkbox-ui {
  cursor: pointer;
  outline: none;
  border: 1px solid #ced0da;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  background: #fff; }
  .checkbox > .checkbox-ui:focus {
    border-color: #facc21; }
  .checkbox > .checkbox-ui > svg {
    fill: #fff;
    width: 9px;
    height: 7px; }

.checkbox > .text {
  cursor: pointer;
  padding-left: 4px;
  font-size: 14px;
  font-weight: 600;
  color: #354052; }

.checkbox.is-checked > .checkbox-ui {
  border-color: #facc21;
  background: #facc21; }
  .checkbox.is-checked > .checkbox-ui:focus {
    border-color: #facc21;
    box-shadow: 0 0 2px 1px #facc21; }

.checkbox.is-checked > .text {
  color: #354052; }

.checkbox.is-disabled > .checkbox-ui {
  cursor: not-allowed;
  opacity: 0.6; }

.checkbox.is-disabled > .text {
  cursor: auto; }

.checkbox {
  margin: 5px 0; }
  .checkbox .checkbox-ui {
    background-image: linear-gradient(to top, #e4e2e2, #fff); }

.divider {
  background-color: #ced0da;
  color: #ced0da; }
  .divider.small {
    margin: 5px; }
  .divider.medium {
    margin: 10px; }
  .divider.large {
    margin: 20px; }
  .divider.no-margin {
    margin: 0; }
  .divider.horizontal {
    display: inline;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 1px solid;
    min-height: 100%; }
  .divider.vertical {
    display: block;
    margin-right: 0;
    margin-left: 0;
    height: 1px;
    min-width: 100%; }

.breadcrumbs {
  background: #fff;
  padding-left: 128px;
  border-bottom: 1px solid #ced0da; }
  .breadcrumbs .breadcrumb {
    color: #9098a7;
    font-size: 14px;
    font-weight: 600; }
    .breadcrumbs .breadcrumb.previous, .breadcrumbs .breadcrumb.current {
      color: #24272c; }
    .breadcrumbs .breadcrumb.previous {
      cursor: pointer; }
    .breadcrumbs .breadcrumb.current {
      border-bottom: 3px solid #facc21;
      padding-top: 3px; }
  .breadcrumbs svg {
    height: 6px;
    margin: 0 6px; }
    .breadcrumbs svg * {
      fill: #b5c0ce; }

.badge {
  padding: 3px 16px;
  border-radius: 3px;
  background: #5a9bcb;
  color: #fff; }
  .badge.active {
    background: linear-gradient(to top, #1789dd, #2da1f8);
    color: #fff; }
  .badge .badge-label {
    font-size: 12px;
    font-weight: 600; }

.badge {
  height: 18px; }

.loading-spinner .loading-spinner-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  width: 100%; }
  .loading-spinner .loading-spinner-overlay .spinner,
  .loading-spinner .loading-spinner-overlay .message {
    position: absolute;
    top: 50%;
    left: 50%; }
  .loading-spinner .loading-spinner-overlay .spinner {
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: -0.5em;
    margin-left: -0.5em;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    box-sizing: border-box; }
    .loading-spinner .loading-spinner-overlay .spinner::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      box-sizing: border-box;
      margin-top: -0.5em;
      margin-left: -0.5em;
      border-bottom-color: transparent;
      opacity: 0.2; }
  .loading-spinner .loading-spinner-overlay .spinner,
  .loading-spinner .loading-spinner-overlay .spinner::after {
    border-width: 0.1em;
    border-style: solid;
    border-radius: 50%;
    height: 1em;
    width: 1em; }
  .loading-spinner .loading-spinner-overlay .message {
    left: 0;
    padding-right: 2em;
    padding-left: 2em;
    width: 100%;
    font-weight: 700;
    text-align: center; }

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

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

.collapsible-section {
  border: 1px solid #eae9e9;
  border-radius: 4px 4px 0 0;
  background: #fff;
  overflow: hidden;
  cursor: auto; }
  .collapsible-section .content {
    padding: 0 19px;
    background: linear-gradient(to top, #f1f1f1, #fff);
    height: 40px;
    color: #24272c;
    font-weight: 600;
    cursor: pointer; }
    .collapsible-section .content svg {
      height: 4px; }
      .collapsible-section .content svg * {
        fill: #9098a7; }
    .collapsible-section .content:hover {
      background: linear-gradient(to top, #e4e2e2, #fff); }
  .collapsible-section .body {
    padding: 16px 20px; }
  .collapsible-section.is-open .content {
    border-bottom: 1px solid #eae9e9;
    background: linear-gradient(to top, #f1f1f1, #fff); }
    .collapsible-section.is-open .content:hover {
      background: linear-gradient(to top, #e4e2e2, #fff); }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999; }
  .modal .modal-content {
    overflow: hidden;
    border-radius: 4px;
    min-width: 520px;
    background: #fff; }
    .modal .modal-content .modal-header {
      padding: 0 15px;
      border-bottom: 1px solid #ced0da;
      min-height: 52px; }
      .modal .modal-content .modal-header .modal-title {
        color: #24272c;
        font-size: 18px;
        font-weight: 600; }
      .modal .modal-content .modal-header .modal-icon-close {
        margin-left: 15px;
        cursor: pointer; }
    .modal .modal-content .modal-body {
      padding: 43px 15px;
      color: #24272c;
      font-size: 14px;
      font-weight: 600; }
    .modal .modal-content .modal-footer {
      padding: 12px 30px;
      border-top: 1px solid #ced0da;
      background: #f7f7f7; }

.modal .modal-icon-close svg * {
  fill: #9098a7; }

.modal .modal-content {
  min-width: 700px;
  min-height: 500px;
  max-height: 700px; }
  .modal .modal-content .modal-body {
    font-weight: 400; }

.tablo {
  /*
    try to avoid as much as possible to assign css rules to fdt classnames, use tablo ones instead
  */ }
  .tablo .tablo-row .tablo-cell {
    border-bottom: 1px solid #eae9e9; }
  .tablo .fixedDataTableRowLayout_rowWrapper:last-child .tablo-row .tablo-cell {
    border-bottom: 1px solid #eae9e9; }
  .tablo .public_fixedDataTable_main,
  .tablo .public_fixedDataTable_header,
  .tablo .public_fixedDataTableCell_main {
    border: none; }
  .tablo .public_fixedDataTable_main {
    border-top: 0 solid #eae9e9;
    border-right: 0 solid #eae9e9;
    border-bottom: 0 solid #eae9e9;
    border-left: 0 solid #eae9e9; }
  .tablo .public_fixedDataTableColumnResizerLine_main {
    border-width: 0;
    border-right: 1px solid #eae9e9; }
  .tablo .fixedDataTableLayout_hasBottomBorder {
    border-width: 0; }
  .tablo .public_fixedDataTableRow_fixedColumnsDivider {
    width: 0;
    border-width: 0;
    border-right: 2px solid #eae9e9; }
  .tablo .public_fixedDataTableRow_odd .public_fixedDataTableCell_main {
    background: #fff; }
  .tablo .public_fixedDataTableRow_odd:hover .public_fixedDataTableCell_main {
    background: #f5fafe; }
  .tablo .public_fixedDataTableRow_even .public_fixedDataTableCell_main {
    background: #fff; }
  .tablo .public_fixedDataTableRow_even:hover .public_fixedDataTableCell_main {
    background: #f5fafe; }
  .tablo .public_fixedDataTable_horizontalScrollbar {
    height: 14px !important; }
    .tablo .public_fixedDataTable_horizontalScrollbar > div {
      height: 14px !important; }
  .tablo .public_Scrollbar_main.ScrollbarLayout_mainHorizontal {
    height: 14px; }
    .tablo .public_Scrollbar_main.ScrollbarLayout_mainHorizontal:hover {
      height: 15.5px; }
  .tablo .public_Scrollbar_main.ScrollbarLayout_mainVertical {
    width: 14px; }
    .tablo .public_Scrollbar_main.ScrollbarLayout_mainVertical:hover {
      width: 15.5px; }
  .tablo .public_Scrollbar_main .public_Scrollbar_face::after {
    cursor: pointer;
    background-color: rgba(144, 152, 167, 0.6); }
  .tablo .public_Scrollbar_main .public_Scrollbar_face:hover::after {
    background-color: #9098a7; }
  .tablo .public_Scrollbar_main.public_Scrollbar_mainActive, .tablo .public_Scrollbar_main:hover {
    background-color: rgba(255, 255, 255, 0.8); }
  .tablo .public_Scrollbar_main.public_Scrollbar_mainActive .public_Scrollbar_face::after {
    background-color: #9098a7; }

.tablo {
  font-size: 15px; }
  .tablo .public_fixedDataTableCell_main {
    display: flexbox;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align-items: stretch;
    -ms-align-items: stretch;
    -webkit-align-items: stretch;
    align-items: stretch; }
    .tablo .public_fixedDataTableCell_main .public_fixedDataTableCell_wrap1,
    .tablo .public_fixedDataTableCell_main .public_fixedDataTableCell_wrap2,
    .tablo .public_fixedDataTableCell_main .public_fixedDataTableCell_wrap3,
    .tablo .public_fixedDataTableCell_main .public_fixedDataTableCell_cellContent {
      display: flexbox;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: stretch;
      flex-align: stretch;
      -webkit-align-items: stretch;
      -moz-box-align-items: stretch;
      -ms-align-items: stretch;
      -webkit-align-items: stretch;
      align-items: stretch;
      width: 100%; }

.tablo .tablo-header {
  background: #eae9e9;
  border-bottom: 1px solid #eae9e9;
  color: #24272c;
  padding: 0 5px; }

.tablo .public_fixedDataTableCell_main:not(:last-child) .tablo-header {
  border-right: 1px solid #eae9e9; }

.tablo .public_fixedDataTableCell_main:last-child .tablo-header {
  border-right: 1px solid #eae9e9; }
  .tablo .public_fixedDataTableCell_main:last-child .tablo-header.tablo-header-fixed {
    border-right-width: 0; }

.tablo .tablo-footer {
  border: 1px solid #eae9e9;
  background: #f0f3f8;
  color: #9098a7;
  padding: 0 5px; }

.tablo .tablo-cell .content {
  padding: 0 5px;
  white-space: nowrap; }

.tablo .public_fixedDataTableCell_main:not(:last-child) .tablo-cell {
  border-right: 1px solid #eae9e9; }

.tablo .public_fixedDataTableCell_main:last-child .tablo-cell {
  border-right: 1px solid #eae9e9; }
  .tablo .public_fixedDataTableCell_main:last-child .tablo-cell.tablo-cell-fixed {
    border-right-width: 0; }

.tablo .public_fixedDataTableCell_main .public_fixedDataTableCell_wrap3 {
  vertical-align: baseline; }

.columns-reorderable-tablo .dndHeader {
  width: 100%;
  height: 100%;
  display: flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: "center";
  flex-align: "center";
  -webkit-align-items: "center";
  -moz-box-align-items: "center";
  -ms-align-items: "center";
  -webkit-align-items: "center";
  align-items: "center"; }
  .columns-reorderable-tablo .dndHeader.isDragging {
    opacity: 0.6; }

.selectable-tablo.selectable .tablo-row {
  cursor: pointer; }
  .selectable-tablo.selectable .tablo-row.selected:not(:hover) .public_fixedDataTableCell_main {
    background: #eaf4fd; }
  .selectable-tablo.selectable .tablo-row.selected:hover .public_fixedDataTableCell_main {
    background: #f5fafe; }

.arrow {
  position: relative;
  width: 0;
  height: 0;
  min-height: 0; }
  .arrow .up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #24272c; }
  .arrow .down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #24272c; }

.sortable-tablo .sortable-header {
  cursor: pointer; }
  .sortable-tablo .sortable-header .sort-icon {
    color: #24272c;
    opacity: 0.4; }
  .sortable-tablo .sortable-header.sorted .sort-icon {
    opacity: 1; }
  .sortable-tablo .sortable-header:hover .sort-icon {
    opacity: 1; }
  .sortable-tablo .sortable-header:hover.sorted .sort-icon {
    opacity: 0.4; }

.tablo {
  color: #24272c;
  font-size: 14px; }
  .tablo .tablo-header {
    transform: translate3d(0, 0, 0);
    font-weight: 600;
    border-left: 1px solid #d1cfcf;
    border-top: 1px solid #eae9e9; }
  .tablo .tablo-row {
    border-left: 1px solid #eae9e9;
    border-right: 1px solid #eae9e9; }

.menu {
  position: relative;
  cursor: pointer;
  color: #9098a7; }
  .menu:hover {
    color: #727a86; }
  .menu .menu-icon-container {
    color: #9098a7; }
    .menu .menu-icon-container:hover {
      color: #727a86; }
    .menu .menu-icon-container.isOpen {
      z-index: 101; }
  .menu .menu-icon {
    margin: 0 10px; }

.actions-menu-popover {
  z-index: 101; }

.actions-menu {
  overflow: auto;
  z-index: 101;
  border: 1px solid #ced0da;
  width: 250px;
  background-color: #fff; }
  .actions-menu .menu-row {
    position: relative;
    width: 100%;
    font-size: 14px; }
  .actions-menu .menu-title {
    color: #354052;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase; }
  .actions-menu .menu-action {
    position: relative;
    padding: 14px;
    cursor: pointer; }
    .actions-menu .menu-action .menu-action-title {
      color: rgba(53, 64, 82, 0.5); }
    .actions-menu .menu-action .menu-action-metadata {
      color: #9098a7; }
    .actions-menu .menu-action:hover:not(.disabled) {
      background: rgba(26, 145, 235, 0.15); }
      .actions-menu .menu-action:hover:not(.disabled) .menu-action-title {
        color: #354052; }

.suggestions-input .Select.dropdown {
  width: 100%;
  background: #fff !important;
  border: solid 1px #ced0da;
  color: #24272c; }
  .suggestions-input .Select.dropdown:hover, .suggestions-input .Select.dropdown.has-value {
    border: solid 1px #9098a7; }
  .suggestions-input .Select.dropdown.is-focused {
    border: solid 1px #308dff; }
  .suggestions-input .Select.dropdown .Select-placeholder {
    color: #9098a7; }
  .suggestions-input .Select.dropdown .Select-control {
    padding-right: 10px; }
    .suggestions-input .Select.dropdown .Select-control .Select-value a.Select-value-label {
      color: #24272c; }
      .suggestions-input .Select.dropdown .Select-control .Select-value a.Select-value-label:hover {
        text-decoration: none; }
    .suggestions-input .Select.dropdown .Select-control .Select-arrow-zone {
      display: none; }

.image-modal.modal .modal-content {
  min-width: 0;
  min-height: 0;
  background: transparent; }
  .image-modal.modal .modal-content .modal-header {
    border-bottom: none; }
    .image-modal.modal .modal-content .modal-header .modal-icon-close {
      color: #fff; }
  .image-modal.modal .modal-content .modal-body {
    padding: 0;
    border-radius: 4px;
    overflow: hidden; }
    .image-modal.modal .modal-content .modal-body .content-image {
      width: auto;
      max-height: 500px;
      vertical-align: bottom; }

.error-info-message {
  background-color: #fff4f4;
  border-radius: 2px;
  border: 1px solid #fb242c;
  padding: 13px 11px 11px;
  color: #fb242c;
  font-weight: 600; }
  .error-info-message .error-info-icon svg {
    fill: #fb242c; }

.banner {
  position: absolute;
  box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.5);
  right: 30px;
  bottom: 50px;
  z-index: 1; }
  .banner img {
    height: 212px;
    width: 263px; }
  .banner .close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 2;
    visibility: hidden; }
  .banner:hover > .close-button {
    visibility: visible; }

.modal.api-error-modal .modal-content {
  min-height: 200px; }

.modal.connection-lost-modal .modal-content {
  min-height: 200px; }

.modal.connection-lost-modal .error-message {
  margin-top: 20px;
  padding: 10px;
  color: #fb242c; }

.form-field .form-field-label {
  position: relative;
  color: #9098a7;
  font-size: 12px;
  margin-bottom: 3px;
  font-weight: 600; }

.form-field.is-required .form-field-label > ::before {
  content: "*";
  color: #fb242c;
  font-size: 18px;
  font-weight: 400;
  margin-right: 2px; }

.form-field.is-disabled {
  opacity: 0.5; }

.form-field.is-horizontal .form-field-label {
  font-size: 14px;
  margin-bottom: 0;
  margin-left: 10px; }

.form-field-wrapper {
  margin-bottom: 18px;
  margin-right: 13px; }
  .form-field-wrapper.checkbox-form-field-wrapper {
    margin-bottom: 0; }
  .form-field-wrapper .form-field.is-tiny {
    width: 123px; }
  .form-field-wrapper .form-field.is-small {
    width: 219px; }
  .form-field-wrapper .form-field.is-medium {
    width: 276px; }
  .form-field-wrapper .form-field .form-field-label {
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 5px; }
    .form-field-wrapper .form-field .form-field-label > ::before {
      height: 12px; }
  .form-field-wrapper .form-field.checkbox-field .form-field-label {
    text-transform: unset;
    margin-bottom: 0;
    margin-left: 4px;
    color: #24272c; }
  .form-field-wrapper .form-field.has-error .checkbox > .checkbox-ui,
  .form-field-wrapper .form-field.has-error .dropdown,
  .form-field-wrapper .form-field.has-error .input input,
  .form-field-wrapper .form-field.has-error .input input:hover {
    border-color: #fb242c; }
  .form-field-wrapper .error-text {
    color: #fb242c; }
    .form-field-wrapper .error-text::before {
      content: '!';
      margin-right: 2px; }

.newsletter-widget {
  position: absolute;
  padding: 30px 35px;
  border-radius: 6px;
  box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.5);
  background-color: #fff;
  color: #24272c;
  left: 50px;
  bottom: 50px;
  width: 330px; }
  .newsletter-widget .close-button {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer; }
  .newsletter-widget .title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase; }
  .newsletter-widget .subtitle {
    font-size: 16px;
    color: #727a86;
    margin-bottom: 20px; }
  .newsletter-widget label[for='privacy'] {
    text-transform: initial; }
  .newsletter-widget a {
    color: #24272c;
    font-weight: 400; }
    .newsletter-widget a:hover {
      color: #24272c; }

.footer {
  background: #24272c;
  color: #fff;
  height: 205px; }
  .footer .inner {
    max-width: 1103px;
    min-width: 996px;
    margin: 35px auto 0;
    padding: 0 10px; }
    .footer .inner .sections {
      padding: 0 10px;
      -ms-flex-pack: space-between;
      -webkit-justify-content: space-between;
      -moz-box-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between; }
      .footer .inner .sections .column-section {
        color: #fff; }
        .footer .inner .sections .column-section > .name {
          font-size: 14px;
          font-weight: 600;
          color: #facc21;
          margin-bottom: 12px; }
        .footer .inner .sections .column-section > a {
          color: #fff;
          margin-bottom: 12px; }
        .footer .inner .sections .column-section .footer-link {
          color: #fff;
          margin-bottom: 12px;
          cursor: pointer;
          text-decoration: underline; }
        .footer .inner .sections .column-section svg {
          margin-right: 11px;
          height: 18px;
          width: 18px; }
          .footer .inner .sections .column-section svg * {
            fill: rgba(255, 255, 255, 0.3); }
        .footer .inner .sections .column-section .socials .button {
          width: 38px;
          height: 38px;
          border: solid 1px rgba(255, 255, 255, 0.3);
          border-radius: 19px;
          cursor: pointer;
          margin-right: 18px; }
          .footer .inner .sections .column-section .socials .button svg {
            height: 14px;
            margin-right: 0; }
            .footer .inner .sections .column-section .socials .button svg * {
              fill: #fff; }
      .footer .inner .sections .button-inner.is-flat.newsletter {
        border: 1px solid #facc21;
        color: #facc21;
        border-radius: 20px;
        font-size: 14px; }
        .footer .inner .sections .button-inner.is-flat.newsletter:hover {
          color: #fff;
          background-color: #facc21;
          border-color: #fff; }
    .footer .inner .gsa-info {
      border-top: 1px solid rgba(255, 255, 255, 0.24);
      color: rgba(255, 255, 255, 0.6); }
      .footer .inner .gsa-info a {
        color: #fff; }

.reset-password-view {
  background-color: #f7f7f7; }
  .reset-password-view .reset-password-view-inner {
    min-height: 350px;
    min-width: 570px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); }
    .reset-password-view .reset-password-view-inner .title {
      height: 60px;
      border-bottom: 1px solid #ced0da;
      padding: 18px 30px;
      font-size: 18px;
      font-weight: 600; }
    .reset-password-view .reset-password-view-inner .body {
      padding: 30px; }
    .reset-password-view .reset-password-view-inner .bottom {
      background-color: #f7f7f7;
      border-top: #ced0da;
      padding: 13px 30px; }

.initialize-password-view {
  background-color: #f7f7f7; }
  .initialize-password-view .initialize-password-view-inner {
    min-height: 350px;
    min-width: 570px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); }
    .initialize-password-view .initialize-password-view-inner .title {
      height: 60px;
      border-bottom: 1px solid #ced0da;
      padding: 18px 30px;
      font-size: 18px;
      font-weight: 600; }
    .initialize-password-view .initialize-password-view-inner .body {
      padding: 30px; }
    .initialize-password-view .initialize-password-view-inner .bottom {
      background-color: #f7f7f7;
      border-top: #ced0da;
      padding: 13px 30px; }

.modal.reset-password-modal .modal-content {
  min-width: 650px;
  min-height: 230px; }
  .modal.reset-password-modal .modal-content .modal-body {
    padding: 43px 30px; }

.modal.reset-password-modal.reset-password-modal-email-sent .modal-content {
  min-height: 214px; }
  .modal.reset-password-modal.reset-password-modal-email-sent .modal-content .modal-body {
    font-size: 16px;
    font-weight: 600; }

.login {
  background: #fff; }
  .login .login-inner {
    min-height: 550px;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #24272c; }
    .login .login-inner .login-box {
      width: 400px;
      height: 390px;
      background-color: rgba(255, 255, 255, 0.95);
      margin: 20px 0;
      margin-left: 15%;
      margin-top: 90px;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); }
      .login .login-inner .login-box .title {
        background-color: #fff;
        color: #24272c;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase; }
      .login .login-inner .login-box .body {
        padding: 50px 30px; }
        .login .login-inner .login-box .body .form-field {
          margin-right: 0; }
        .login .login-inner .login-box .body .forgot-password-link {
          font-size: 14px;
          font-weight: 600;
          color: #24272c;
          text-decoration: underline;
          cursor: pointer; }
  .login .logos {
    background: #fff; }

.time-table {
  background: #fafbfc;
  border: 1px solid #eae9e9;
  padding: 14px; }
  .time-table .header {
    font-weight: 600; }

.location-group-icon svg {
  height: 14px;
  margin-right: 9px; }
  .location-group-icon svg * {
    fill: #facc21; }

.special-equipment-icons-list {
  padding-top: 5px; }
  .special-equipment-icons-list .special-equipment-icon {
    margin-right: 8px; }

.location-popover {
  border: 1px solid #ced0da;
  background: #fff;
  padding: 10px 15px;
  color: #24272c;
  width: 557px;
  font-weight: 400;
  line-height: 22px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
  .location-popover .title {
    font-weight: 600; }
  .location-popover .divider {
    background: #eae9e9; }
  .location-popover .label {
    margin-top: 10px;
    font-weight: 600; }

.location-input .Select-menu-outer {
  max-height: none; }
  .location-input .Select-menu-outer .locations-dropdown-menu::after {
    content: '';
    position: absolute;
    top: -40px;
    left: 350px;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #fff;
    border-top: 15px solid transparent;
    border-left: 15px solid transparent; }
  .location-input .Select-menu-outer .Select-menu {
    overflow: hidden;
    max-height: none; }

.vehicle-info-icon {
  font-size: 15px;
  font-weight: 600;
  margin-right: 10px; }
  .vehicle-info-icon svg {
    font-weight: 400;
    height: 14px; }
    .vehicle-info-icon svg * {
      fill: #9098a7; }
      .vehicle-info-icon svg * path {
        fill: #fff; }
    .vehicle-info-icon svg:first-child {
      margin: 0; }
  .vehicle-info-icon .value {
    margin-left: 2px; }

.vehicle-card-small {
  font-weight: 600; }
  .vehicle-card-small .model {
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 700;
    color: #24272c; }
    .vehicle-card-small .model .similar {
      margin-left: 5px;
      color: #9098a7;
      font-size: 14px;
      font-weight: 400; }

.vehicle-costs .cost-item {
  padding: 5px 0; }
  .vehicle-costs .cost-item .label,
  .vehicle-costs .cost-item .value,
  .vehicle-costs .cost-item .original-value,
  .vehicle-costs .cost-item .discounted-value {
    font-size: 14px;
    color: #fff; }
  .vehicle-costs .cost-item .value {
    font-weight: 600; }
    .vehicle-costs .cost-item .value.is-discounted {
      position: relative; }
      .vehicle-costs .cost-item .value.is-discounted::before {
        position: absolute;
        content: '';
        top: 50%;
        width: 100%;
        height: 0;
        border-top: 2px solid #fb242c;
        text-decoration: line-through; }
  .vehicle-costs .cost-item .value-description {
    font-size: 12px;
    color: #9098a7;
    text-align: right; }
  .vehicle-costs .cost-item.is-primary .label {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase; }
  .vehicle-costs .cost-item.is-total .value:not(.is-discounted),
  .vehicle-costs .cost-item.is-total .discounted-value {
    font-size: 21px;
    font-weight: 700; }
  .vehicle-costs .cost-item .original-value svg {
    margin-left: 4px;
    height: 6px; }
    .vehicle-costs .cost-item .original-value svg * {
      fill: #fff; }

.vehicle-costs.light .cost-item .label,
.vehicle-costs.light .cost-item .value,
.vehicle-costs.light .cost-item .discounted-value,
.vehicle-costs.light .cost-item .original-value {
  color: #24272c; }

.vehicle-costs.light .cost-item .original-value svg {
  fill: #24272c; }

.vehicle-costs.small .cost-item {
  padding: 2px 0; }
  .vehicle-costs.small .cost-item.is-total .value:not(.is-discounted) {
    font-size: 18px; }
  .vehicle-costs.small .cost-item .label {
    font-size: 13px; }

.original-reservation-summary .summary-bar {
  background: #facc21;
  padding: 6px 0 6px 15%;
  color: #24272c; }
  .original-reservation-summary .summary-bar .divider {
    background-color: rgba(36, 39, 44, 0.2);
    color: rgba(36, 39, 44, 0.2); }
  .original-reservation-summary .summary-bar .value {
    font-weight: 600; }
  .original-reservation-summary .summary-bar .details-toggle {
    font-weight: 600;
    line-height: 20px;
    color: #308dff; }
    .original-reservation-summary .summary-bar .details-toggle svg {
      height: 14px;
      margin-right: 4px;
      cursor: pointer; }
      .original-reservation-summary .summary-bar .details-toggle svg * {
        fill: #308dff; }

.original-reservation-summary .details {
  background: #fff;
  padding: 14px 0 14px 15%;
  border: 1px solid #ced0da; }
  .original-reservation-summary .details .label {
    color: #9098a7; }
  .original-reservation-summary .details .value {
    color: #24272c;
    font-weight: 600; }

.search-form {
  min-width: 996px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #f7f7f7; }
  .search-form .search-form-inner {
    color: #24272c; }
    .search-form .search-form-inner .search-form-box {
      background-color: rgba(255, 255, 255, 0.96);
      margin: 20px 0;
      margin-left: 15%;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); }
      .search-form .search-form-inner .search-form-box .tabbed-panel .tabbed-panel-tab,
      .search-form .search-form-inner .search-form-box .tabbed-panel .tabbed-panel-tab.active {
        background-color: rgba(0, 0, 0, 0.06); }
      .search-form .search-form-inner .search-form-box .title {
        color: #24272c;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase; }
      .search-form .search-form-inner .search-form-box .field-name {
        text-transform: uppercase;
        font-size: 12px;
        color: #9098a7;
        font-weight: 600;
        margin-bottom: 5px;
        margin-top: 18px; }
        .search-form .search-form-inner .search-form-box .field-name:first-child {
          margin-top: 0; }
      .search-form .search-form-inner .search-form-box .button {
        width: 100%; }
      .search-form .search-form-inner .search-form-box label {
        cursor: pointer; }
  .search-form .logos {
    margin-top: auto;
    background: #fff; }

.vendor-info-modal-tabs {
  border-bottom: 1px solid #ced0da;
  height: 50px; }
  .vendor-info-modal-tabs .tab {
    color: #9098a7;
    cursor: pointer;
    margin-right: 25px;
    width: 50px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; }
    .vendor-info-modal-tabs .tab.active {
      color: #24272c;
      font-weight: 600;
      border-bottom: 3px solid #facc21;
      margin-top: 2px; }

.vendor-info-modal .modal-content .modal-body {
  padding-top: 10px; }
  .vendor-info-modal .modal-content .modal-body h1 {
    font-weight: 700;
    color: #24272c;
    margin-bottom: 6px;
    margin-top: 20px;
    font-size: 18px; }
  .vendor-info-modal .modal-content .modal-body h2 {
    font-weight: 600;
    color: #24272c;
    margin-bottom: 4px;
    margin-top: 15px;
    font-size: 16px; }
  .vendor-info-modal .modal-content .modal-body a {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none; }

.search-filter .form-field-wrapper {
  margin-right: 0; }
  .search-filter .form-field-wrapper .form-field {
    margin-bottom: 0; }
    .search-filter .form-field-wrapper .form-field .checkbox {
      margin: 4px; }
    .search-filter .form-field-wrapper .form-field .form-field-label {
      margin-left: 10px; }
    .search-filter .form-field-wrapper .form-field:not(.selected) .form-field-label {
      font-weight: 400; }
    .search-filter .form-field-wrapper .form-field.selected .form-field-label {
      font-weight: 600; }

.search-filters {
  padding-top: 20px; }
  .search-filters .search-filter {
    margin-bottom: 13px; }

.search-params-box {
  margin: 20px 0;
  background: #fff;
  border: solid 1px #eae9e9;
  padding: 10px 13px; }
  .search-params-box .right {
    border-left: 1px solid #eae9e9;
    padding-left: 8px;
    margin-left: 8px; }
  .search-params-box .label {
    font-size: 14px;
    color: #9098a7; }
  .search-params-box .value {
    font-size: 14px;
    font-weight: 600;
    color: #24272c; }
    .search-params-box .value > div {
      margin-right: 10px; }
      .search-params-box .value > div svg {
        height: 11px; }
        .search-params-box .value > div svg * {
          fill: #308dff; }
      .search-params-box .value > div:last-child {
        margin-right: 0; }
  .search-params-box .separator svg {
    margin: 10px; }
    .search-params-box .separator svg * {
      fill: #9098a7; }

.vehicle-card {
  background: #fff;
  color: #24272c;
  min-width: 200px; }
  .vehicle-card .model {
    font-size: 18px;
    font-weight: 700;
    padding: 10px; }
    .vehicle-card .model .similar {
      font-size: 14px;
      color: #9098a7;
      font-weight: 400; }
  .vehicle-card .vehicle-image {
    width: 150px;
    margin: 10px auto 20px;
    border: 0; }
  .vehicle-card .icons {
    padding: 0 20px 10px; }
    .vehicle-card .icons .vehicle-info-icon:first-child {
      margin-left: 0; }
  .vehicle-card .bottom {
    margin-top: 8px;
    border-top: 1px solid #eae9e9; }
    .vehicle-card .bottom .size {
      height: 100%;
      padding: 10px; }
    .vehicle-card .bottom .group {
      padding: 10px;
      font-weight: 600;
      border-left: 1px solid #eae9e9; }

.discount-label {
  position: absolute;
  height: 22px;
  padding: 2px 6px;
  border-radius: 2px 0 2px 2px;
  background-color: #fb242c;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.27);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  top: -11px;
  right: 10px; }
  .discount-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-bottom: 10px solid #b6030a;
    border-right: 5px solid transparent; }

.highlighted-label {
  position: absolute;
  height: 22px;
  padding: 2px 6px;
  border-radius: 2px 0 2px 2px;
  background-color: #facc21;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.27);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  top: -11px;
  right: 10px; }
  .highlighted-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    border-bottom: 10px solid #b18c04;
    border-right: 5px solid transparent; }

.fare-card {
  position: relative;
  padding: 10px 0;
  font-size: 13px;
  color: #9098a7;
  background: #fff;
  border-right: 1px solid #eae9e9; }
  .fare-card:last-child {
    border-right: 0; }
  .fare-card.selected {
    border: 2px solid #308dff; }
  .fare-card.highlighted {
    background: rgba(48, 141, 255, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16); }
  .fare-card .compare .compare-label {
    color: #24272c; }
  .fare-card .compare.disabled {
    opacity: 0.5; }
  .fare-card .vendor-logo {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 18px;
    width: 50px;
    margin-bottom: 4px; }
  .fare-card .name {
    font-size: 16px;
    font-weight: 700;
    color: #24272c;
    margin-bottom: 2px;
    text-transform: uppercase; }
    .fare-card .name svg {
      margin-left: 3px;
      height: 11px; }
      .fare-card .name svg * {
        fill: #308dff; }
  .fare-card .paymentMode {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase; }
  .fare-card .rate {
    padding: 0 3px;
    text-align: center;
    font-size: 13px;
    line-height: 17px; }
  .fare-card .price {
    font-size: 22px;
    font-weight: 700;
    color: #24272c;
    margin-top: 16px;
    margin-bottom: 10px; }
    .fare-card .price .discounted {
      font-weight: 400;
      position: relative;
      font-size: 16px; }
      .fare-card .price .discounted::before {
        position: absolute;
        content: '';
        top: 50%;
        width: 100%;
        height: 0;
        border-top: 2px solid #fb242c;
        text-decoration: line-through; }
  .fare-card .unavailable {
    font-weight: 700;
    font-size: 24px;
    padding-bottom: 18px; }
  .fare-card .onRequest {
    font-weight: 600;
    color: #24272c;
    font-size: 14px; }
    .fare-card .onRequest svg {
      margin-left: 2px;
      height: 11px; }
      .fare-card .onRequest svg * {
        fill: #308dff; }

.comparative-table .comparative-table-row {
  color: #24272c;
  font-weight: 600; }
  .comparative-table .comparative-table-row:last-child {
    border-bottom: 0; }
  .comparative-table .comparative-table-row .comparative-table-header {
    background: #eae9e9;
    padding: 11px 22px;
    text-transform: uppercase;
    border-bottom: 1px solid #eae9e9;
    border-right: 1px solid #eae9e9;
    max-width: 200px; }
    .comparative-table .comparative-table-row .comparative-table-header svg {
      margin-right: 5px;
      height: 14px; }
  .comparative-table .comparative-table-row .comparative-table-cell {
    padding: 11px 6px;
    border-right: 1px solid #eae9e9;
    border-bottom: 1px solid #eae9e9;
    background: #fff;
    line-height: 1.57; }

.available-vehicle {
  margin-top: 16px; }
  .available-vehicle .vehicle-card {
    border: 1px solid #eae9e9;
    border-right: 1px solid #eae9e9; }
  .available-vehicle .available-vehicle-fares {
    background: #fff;
    border: 1px solid #eae9e9;
    border-left: 0;
    font-weight: 600;
    font-size: 14px; }
  .available-vehicle .comparative-table-toggle {
    background: #eae9e9;
    border-top: 1px solid #eae9e9;
    color: #308dff;
    cursor: pointer; }
    .available-vehicle .comparative-table-toggle:hover {
      background: #dedcdc; }
    .available-vehicle .comparative-table-toggle svg {
      height: 14px;
      margin-right: 5px; }
      .available-vehicle .comparative-table-toggle svg * {
        fill: #308dff; }

.placeholder {
  margin: 0 auto; }
  .placeholder .placeholder-content {
    border: solid 1px #308dff;
    background-color: rgba(48, 141, 255, 0.1);
    border-radius: 4px;
    max-width: 600px;
    padding: 12px 20px;
    color: #308dff;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 50px; }
    .placeholder .placeholder-content svg {
      height: 16px;
      margin-top: 2px;
      margin-right: 5px; }
      .placeholder .placeholder-content svg * {
        fill: #308dff; }
    .placeholder .placeholder-content .placeholder-text {
      font-weight: 600; }

.search-results-list .placeholder .placeholder-text {
  font-size: 18px;
  margin-bottom: 10px; }

.compare-vehicle-card-wrapper {
  position: relative;
  width: 168px;
  height: 232px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 18px; }
  .compare-vehicle-card-wrapper .compare-vehicle-card {
    position: relative;
    padding: 10px 0;
    font-size: 13px;
    color: #9098a7;
    background: #fff;
    border: 1px solid #dde2e5; }
    .compare-vehicle-card-wrapper .compare-vehicle-card.hovering {
      opacity: 0.3; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .model {
      position: absolute;
      width: 150px;
      top: 4px;
      left: 9px;
      font-size: 18px;
      font-weight: 700;
      color: #24272c; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .vehicle-image {
      width: 70px;
      height: 42px;
      margin-top: 14px;
      margin-bottom: 4px;
      border: 0; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .logo {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      height: 18px;
      margin-bottom: 3px; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .name {
      font-size: 16px;
      font-weight: 700;
      color: #24272c;
      margin-bottom: 2px;
      text-transform: uppercase; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .logo {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      height: 18px;
      margin-bottom: 4px; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .paymentMode {
      font-size: 13px;
      font-weight: 600;
      margin-bottom: 2px;
      text-transform: uppercase; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .rental-rate {
      padding: 0 3px;
      text-align: center;
      font-size: 13px;
      line-height: 17px; }
    .compare-vehicle-card-wrapper .compare-vehicle-card .price {
      font-size: 22px;
      font-weight: 700;
      color: #24272c;
      margin-top: 17px;
      margin-bottom: 7px; }
      .compare-vehicle-card-wrapper .compare-vehicle-card .price .discounted {
        font-weight: 400;
        position: relative;
        font-size: 16px; }
        .compare-vehicle-card-wrapper .compare-vehicle-card .price .discounted::before {
          position: absolute;
          content: '';
          top: 50%;
          width: 100%;
          height: 0;
          border-top: 2px solid #fb242c;
          text-decoration: line-through; }
  .compare-vehicle-card-wrapper .remove-vehicle-icon {
    cursor: pointer;
    position: absolute;
    bottom: -5px;
    right: 0px;
    width: 17px;
    height: 17px; }
  .compare-vehicle-card-wrapper .select-vehicle-button-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1; }
    .compare-vehicle-card-wrapper .select-vehicle-button-hover .button .button-inner.is-default.is-not-allowed {
      opacity: 0.8; }

.compare-vehicles-panel {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #24272c;
  z-index: 1000; }
  .compare-vehicles-panel .collapse-bar {
    cursor: pointer; }
  .compare-vehicles-panel .show-quotation-button {
    position: absolute;
    top: 26px;
    right: 40px; }

.vendor-tabs {
  border-bottom: 1px solid #ced0da; }
  .vendor-tabs .content {
    height: 100%; }
    .vendor-tabs .content .left {
      height: 100%; }
      .vendor-tabs .content .left .tabs {
        height: 100%; }
        .vendor-tabs .content .left .tabs .tab {
          color: #9098a7;
          cursor: pointer;
          margin-right: -2px;
          background-repeat: no-repeat;
          background-size: contain;
          margin-bottom: -1px; }
          .vendor-tabs .content .left .tabs .tab.active {
            margin-bottom: -2px; }
          .vendor-tabs .content .left .tabs .tab .discount-label::after {
            border-bottom-width: 15px;
            border-right-width: 7.5px; }
    .vendor-tabs .content .info-vendor {
      font-size: 14px;
      font-weight: 600;
      color: #308dff;
      cursor: pointer; }
      .vendor-tabs .content .info-vendor:hover {
        color: #63a9ff; }
      .vendor-tabs .content .info-vendor svg {
        height: 14px;
        margin-right: 4px; }
        .vendor-tabs .content .info-vendor svg * {
          fill: #308dff; }

.search-results-loader {
  max-height: 250px; }
  .search-results-loader .vendor-logos {
    padding-top: 240px; }
    .search-results-loader .vendor-logos .logo {
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      height: 48px;
      width: 150px;
      margin-bottom: 4px;
      margin-right: 20px; }

.search-results {
  padding-bottom: 8px; }
  .search-results .search-results-filters {
    margin-right: 1.5%; }

.summary-card {
  position: relative;
  margin-top: 20px;
  background: #fff; }
  .summary-card .divider {
    background-color: rgba(255, 255, 255, 0.2); }
  .summary-card .vehicle-card {
    border: 1px solid #eae9e9; }
    .summary-card .vehicle-card .model,
    .summary-card .vehicle-card .bottom {
      padding-left: 50px; }
  .summary-card .fare-info {
    padding-left: 50px;
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #eae9e9; }
    .summary-card .fare-info .label,
    .summary-card .fare-info .value {
      padding-left: 10px;
      font-size: 14px; }
    .summary-card .fare-info .label {
      color: #9098a7; }
    .summary-card .fare-info .value {
      color: #24272c;
      font-weight: 600; }
      .summary-card .fare-info .value .logo {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
        height: 18px; }
  .summary-card .difference {
    padding: 17px 12px; }
    .summary-card .difference .label,
    .summary-card .difference .value {
      font-size: 14px;
      color: #fff; }
    .summary-card .difference .value {
      font-weight: 600; }
  .summary-card .vehicle-costs {
    background: #313843;
    padding: 12px; }
  .summary-card .difference {
    background: #308dff; }
  .summary-card .discount {
    position: absolute;
    height: 22px;
    padding: 2px 6px;
    border-radius: 2px 0 2px 2px;
    background-color: #fb242c;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.27);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    top: -11px;
    right: 10px; }
    .summary-card .discount::after {
      content: '';
      position: absolute;
      top: 0;
      left: 100%;
      border-bottom: 10px solid #b6030a;
      border-right: 5px solid transparent; }

.special-equipment-card {
  width: 255px;
  height: 364px;
  background: #fff;
  border: 1px solid #eae9e9; }
  .special-equipment-card.selected {
    border: 2px solid #308dff; }
  .special-equipment-card .name {
    margin-top: 9px;
    color: #24272c;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 0 12px; }
  .special-equipment-card .description {
    color: #24272c;
    font-size: 14px;
    text-align: center;
    padding: 0 12px; }
  .special-equipment-card .bottom {
    background: #313843; }
    .special-equipment-card .bottom .price {
      margin-top: 9px;
      color: #fff;
      font-size: 22px;
      font-weight: 700; }
    .special-equipment-card .bottom .price-info {
      color: #9098a7;
      font-size: 14px;
      font-weight: 600; }

.search-step-header {
  border-bottom: 1px solid #ced0da;
  margin-bottom: 12px; }
  .search-step-header .title {
    font-size: 22px;
    font-weight: 700; }
  .search-step-header .additional-info {
    color: #308dff;
    font-size: 14px;
    font-weight: 600; }
    .search-step-header .additional-info svg {
      height: 14px;
      margin-right: 4px; }
      .search-step-header .additional-info svg * {
        fill: #308dff; }

.special-equipments-list .cards {
  margin-right: -1%; }
  @media (max-width: 1170px) {
    .special-equipments-list .cards {
      margin-right: -2%; } }

.special-equipments-list .special-equipment-card {
  margin-top: 10px;
  margin-right: 1%; }
  @media (max-width: 1170px) {
    .special-equipments-list .special-equipment-card {
      width: 48%;
      margin-right: 2%; } }

.special-equipments-list .continue-button-bottom {
  margin: 10px 0;
  padding-top: 10px;
  border-top: 1px solid #ced0da; }

.customer-info-sub-header {
  border-bottom: 1px solid #eae9e9;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  padding-bottom: 6px;
  color: #24272c; }

.form-field-wrapper .customer-info-terms-and-conditions-form.checkbox-field {
  background-color: #f7f7f7;
  font-size: 14px;
  padding-top: 17px;
  padding-bottom: 16px;
  padding-left: 12px; }
  .form-field-wrapper .customer-info-terms-and-conditions-form.checkbox-field .form-field-label {
    color: #727a86; }
  .form-field-wrapper .customer-info-terms-and-conditions-form.checkbox-field a {
    color: #727a86; }

.coupon-input .button {
  margin-left: 12px; }

.coupon-input svg {
  margin-left: 10px; }

.customer-info-form .form {
  margin-top: 10px;
  background: #fff;
  padding: 18px 13px; }
  .customer-info-form .form .terms-and-conditions {
    text-decoration: underline; }
  .customer-info-form .form .must-know {
    text-decoration: underline; }
  .customer-info-form .form .placeholder {
    margin: 0; }
    .customer-info-form .form .placeholder .placeholder-content {
      margin: 0;
      margin-top: 10px;
      margin-bottom: 20px;
      max-width: 2000px; }

.search {
  margin-bottom: 30px; }
  .search .search-content {
    margin: 0 auto;
    padding: 0 10px; }

.reservation-status svg {
  margin-right: 3px;
  width: 13px;
  height: 13px; }

.modal.cancellation-confirm-modal .modal-content {
  min-height: 250px;
  max-height: 250px;
  min-width: 500px; }
  .modal.cancellation-confirm-modal .modal-content .penalty {
    margin-top: 10px;
    font-weight: 700;
    color: #fb242c; }

.reservation-info {
  margin-top: 20px;
  background: #fafbfc;
  padding: 14px 19px;
  border: 1px solid #eae9e9; }
  .reservation-info .label {
    font-weight: 600;
    margin-right: 5px; }
  .reservation-info .value {
    font-weight: 700;
    font-size: 18px; }

.reservation-summary-box {
  background: #fafbfc;
  border: 1px solid #eae9e9;
  padding: 0 13px 13px;
  margin-top: 12px;
  border-radius: 2px; }
  .reservation-summary-box .reservation-summary-box-title {
    font-size: 18px;
    font-weight: 700;
    color: #24272c;
    padding: 11px 0;
    border-bottom: 1px solid #eae9e9; }
  .reservation-summary-box .reservation-summary-box-content {
    padding: 8px 0 0; }

.reservation-itinerary .title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 9px; }

.reservation-itinerary .label {
  font-weight: 600;
  margin-right: 5px;
  margin-bottom: 6px; }

.reservation-customer-info .label {
  font-weight: 600;
  margin-right: 5px;
  margin-bottom: 6px; }

.payment-status .circle {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-right: 3px; }
  .payment-status .circle.AllPaid {
    background: #39b54a; }
  .payment-status .circle.PaymentNeeded {
    background: #facc21; }
  .payment-status .circle.PaymentExpired {
    background: #fb242c; }

.layout,
.layout > div {
  height: 100%; }

.layout {
  height: 100%;
  width: 100%;
  overflow: scroll;
  background: #f7f7f7; }

:focus {
  outline: none; }

.focused > * {
  outline: -webkit-focus-ring-color auto 5px;
  outline-color: #308dff; }

html {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #24272c;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-weight: 400;
  line-height: 1.5; }

h2 {
  font-weight: 400;
  line-height: 1.5; }

h3 {
  font-weight: 400;
  line-height: 1.5; }

p {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.43; }

strong {
  font-weight: 700; }

a {
  cursor: pointer;
  color: #308dff; }

a:hover {
  color: #308dff;
  text-decoration: underline; }

input {
  font-family: inherit;
  height: 36px;
  border-radius: 1px;
  border: 1px solid #ced0da;
  font-weight: 400;
  font-size: 15px;
  color: #24272c;
  box-sizing: border-box; }
  input::-webkit-input-placeholder {
    font-weight: 600;
    color: #9098a7;
    opacity: 1; }
  input:-moz-placeholder {
    /* Firefox 18- */
    font-weight: 600;
    color: #9098a7;
    opacity: 1; }
  input::-moz-placeholder {
    /* Firefox 19 */
    font-weight: 600;
    color: #9098a7;
    opacity: 1; }
  input:-ms-input-placeholder {
    font-weight: 600;
    color: #9098a7;
    opacity: 1; }

.modal.payment-modal .modal-content {
  min-width: 600px;
  min-height: auto;
  color: #24272c;
  font-weight: 600; }
  .modal.payment-modal .modal-content .warning {
    max-width: 555px;
    font-weight: 600;
    color: #fb242c;
    margin-bottom: 20px; }
    .modal.payment-modal .modal-content .warning svg {
      margin-left: 3px;
      height: 11px; }
      .modal.payment-modal .modal-content .warning svg * {
        fill: #308dff; }
  .modal.payment-modal .modal-content .payment-button {
    width: 175px;
    height: 135px;
    padding: 10px;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #ced0da;
    background: linear-gradient(to top, #f1f1f1, #fff);
    cursor: pointer; }
    .modal.payment-modal .modal-content .payment-button:hover {
      background: linear-gradient(to top, #e4e2e2, #fff); }
  .modal.payment-modal .modal-content .amount-box {
    background: #313843;
    padding: 8px 12px;
    color: #fff;
    min-width: 300px;
    margin-bottom: 20px; }
    .modal.payment-modal .modal-content .amount-box .commission .value {
      font-weight: 600; }
    .modal.payment-modal .modal-content .amount-box .total-amount {
      font-weight: 700;
      text-transform: uppercase; }
      .modal.payment-modal .modal-content .amount-box .total-amount .value {
        font-size: 18px; }
    .modal.payment-modal .modal-content .amount-box .divider {
      background-color: rgba(255, 255, 255, 0.4);
      height: 2px; }

.payments-grid {
  border: 1px solid #ced0da; }
  .payments-grid .payments-grid-header {
    background: #eae9e9;
    color: #24272c;
    font-weight: 600; }
    .payments-grid .payments-grid-header > div {
      padding: 0 10px; }
  .payments-grid .payments-grid-row {
    min-height: 38px;
    border-top: 1px solid #ced0da; }
    .payments-grid .payments-grid-row > div {
      padding: 0 10px;
      border-right: 1px solid #ced0da; }
      .payments-grid .payments-grid-row > div:last-child {
        border-right: 0; }

.payment-info .label {
  font-weight: 600;
  margin-right: 5px; }

.payment-info .warning {
  font-weight: 600;
  color: #fb242c; }
  .payment-info .warning svg {
    margin-left: 3px;
    height: 11px; }
    .payment-info .warning svg * {
      fill: #308dff; }

.payment-info .amount-box {
  background: #313843;
  padding: 8px 12px;
  color: #fff;
  min-width: 300px; }
  .payment-info .amount-box .commission .value {
    font-weight: 600; }
  .payment-info .amount-box .total-amount {
    font-weight: 700;
    text-transform: uppercase; }
    .payment-info .amount-box .total-amount .value {
      font-size: 18px; }
  .payment-info .amount-box .divider {
    background-color: rgba(255, 255, 255, 0.4);
    height: 2px; }

.document-icon.waiting {
  opacity: .4;
  cursor: pointer; }

.document-icon .icon {
  width: 45px;
  height: 45px; }

.document-icon .name {
  font-weight: 700;
  font-size: 8px;
  color: #fb242c;
  text-transform: uppercase; }

.document-icon .document-actions .button .button-inner {
  font-size: 12px; }

.reservation-documents .reservation-summary-box-content {
  padding: 20px 14px 10px; }

.reservation-documents .document-icon {
  margin-right: 25px; }

.reservation-documents .divider {
  margin-right: 25px; }

.reservation-pending-warning-modal .modal-content {
  min-width: 570px;
  max-width: 570px;
  min-height: 230px; }
  .reservation-pending-warning-modal .modal-content .pending-icon {
    width: 50px;
    height: 50px; }
  .reservation-pending-warning-modal .modal-content .message {
    font-weight: 600;
    text-align: center; }

.reservation-summary {
  margin-bottom: 30px; }
  .reservation-summary .reservation-summary-content {
    max-width: 1103px;
    min-width: 996px;
    margin: 0 auto; }
    .reservation-summary .reservation-summary-content .reservation-summary-boxes {
      background: #fff;
      padding: 0 20px 20px; }

.my-reservations-table {
  margin-top: 10px; }

.table-filter {
  margin-top: 10px; }
  .table-filter input {
    padding: 10px 20px;
    height: 38px;
    border-radius: 100px;
    border: 1px solid #eae9e9; }
    .table-filter input::-webkit-input-placeholder, .table-filter input::-moz-placeholder, .table-filter input:-ms-input-placeholder, .table-filter input:-moz-placeholder {
      color: #eae9e9;
      font-size: 14px;
      font-weight: 400; }
  .table-filter .search-icon {
    cursor: pointer; }
    .table-filter .search-icon svg {
      margin: 0 20px;
      height: 14px; }
      .table-filter .search-icon svg * {
        fill: #9098a7; }

.my-reservations-view {
  max-width: 1103px;
  min-width: 996px;
  margin: 20px auto;
  padding: 0 10px; }
  .my-reservations-view .title {
    font-size: 22px;
    font-weight: 700;
    color: #24272c; }
  .my-reservations-view .button svg {
    height: 10px; }

.nav-button {
  color: #24272c;
  height: 50px;
  border-bottom: 1px solid #eae9e9;
  padding-left: 20px;
  cursor: pointer; }
  .nav-button.active {
    border-left: 3px solid #facc21;
    font-weight: 700; }

.my-profile-menu .my-profile-menu-panel {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eae9e9; }
  .my-profile-menu .my-profile-menu-panel .panel-header {
    color: #24272c;
    max-height: 40px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px 4px 0 0;
    background-image: linear-gradient(to top, #f1f1f1, #fff);
    border-bottom: 1px solid #eae9e9; }
  .my-profile-menu .my-profile-menu-panel .panel-content {
    padding: 0;
    border-radius: 0 0 4px 4px; }

.my-profile-section .section-title {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 8px;
  border-bottom: 2px solid #eae9e9; }

.my-profile-section .section {
  background-color: #fff;
  border: 1px solid #eae9e9;
  padding: 13px;
  margin-top: 15px;
  margin-bottom: 20px; }

.my-profile-section-item {
  border-bottom: 1px solid #eae9e9;
  padding: 20px; }
  .my-profile-section-item .section-item-title {
    width: 200px;
    font-weight: 700;
    padding-right: 65px; }

.account-data {
  padding-left: 30px;
  color: #24272c; }

.change-password {
  padding-left: 30px;
  color: #24272c; }
  .change-password input {
    height: 35px;
    width: 275px; }

.update-account-data {
  padding-left: 30px;
  color: #24272c; }
  .update-account-data input {
    height: 35px;
    width: 275px; }

.my-companies-table {
  max-width: 1103px;
  min-width: 996px;
  margin: 20px auto;
  padding: 0 10px; }
  .my-companies-table .title {
    font-size: 22px;
    font-weight: 700;
    color: #24272c; }
  .my-companies-table .button svg {
    height: 10px; }

.my-company-form {
  max-width: 1103px;
  min-width: 996px;
  margin: 20px auto; }
  .my-company-form .form {
    background: #fff;
    border: 1px solid #eae9e9;
    padding: 20px 13px; }

.user-row {
  min-height: 50px;
  border-bottom: 1px dashed #eae9e9; }
  .user-row svg {
    height: 17px; }
    .user-row svg * {
      fill: #facc21; }

.user-management {
  max-width: 1103px;
  min-width: 996px;
  margin: 20px auto;
  padding: 0 10px;
  color: #24272c; }
  .user-management .button svg {
    height: 10px; }
  .user-management .users-list-header {
    font-weight: 700;
    border-bottom: 1px solid #eae9e9;
    padding: 10px; }

.modal.user-creation-modal .modal-content {
  max-width: 570px;
  min-width: 570px; }
  .modal.user-creation-modal .modal-content .modal-body {
    padding: 30px;
    overflow: auto; }
    .modal.user-creation-modal .modal-content .modal-body .user-creation-section-title {
      border-bottom: 1px solid #eae9e9;
      padding: 5px 0;
      margin: 10px 0;
      font-weight: 700; }
    .modal.user-creation-modal .modal-content .modal-body .user-creation-checkbox.disabled {
      color: #9098a7; }
    .modal.user-creation-modal .modal-content .modal-body .user-creation-checkbox.checked .form-field-label {
      font-weight: 700; }
    .modal.user-creation-modal .modal-content .modal-body .user-creation-checkbox .checkbox {
      margin-right: 10px; }

.agency-logo {
  border: 1px solid #ced0da;
  padding: 15px 30px;
  background: #fff; }
  .agency-logo .upload-button {
    display: none; }
  .agency-logo .upload-button + label {
    color: #308dff;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    margin-top: 5px;
    font-weight: 600; }
  .agency-logo img {
    border: 1px solid #ced0da; }
  .agency-logo .async-status-indicator {
    margin-top: 5px; }

.my-agency {
  max-width: 1103px;
  min-width: 996px;
  margin: 20px auto;
  padding: 0 10px; }
  .my-agency .title {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 7px;
    border-bottom: 1px solid #ced0da; }
  .my-agency .info {
    margin: 15px 0;
    background: #fff;
    border: 1px solid #ced0da;
    padding-bottom: 30px; }
    .my-agency .info .info1 {
      background: #fafbfc;
      border: 1px solid #ced0da;
      padding: 15px 14px;
      margin: 13px; }
      .my-agency .info .info1 .title {
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 14px;
        margin-bottom: 14px;
        border-bottom: 1px solid #ced0da; }
      .my-agency .info .info1 .field {
        margin-right: 40px; }
        .my-agency .info .info1 .field .label {
          font-weight: 600; }
        .my-agency .info .info1 .field .value {
          margin-left: 5px; }
    .my-agency .info .row {
      margin: 0 13px;
      padding: 18px 0;
      border-bottom: 1px dashed #ced0da; }
      .my-agency .info .row .label {
        font-weight: 600;
        width: 20%; }
      .my-agency .info .row .value {
        margin-left: 64px; }

.terms-and-conditions-menu .terms-and-conditions-menu-panel {
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eae9e9; }
  .terms-and-conditions-menu .terms-and-conditions-menu-panel .panel-header {
    color: #24272c;
    max-height: 40px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 4px 4px 0 0;
    background-image: linear-gradient(to top, #f1f1f1, #fff);
    border-bottom: 1px solid #eae9e9; }
  .terms-and-conditions-menu .terms-and-conditions-menu-panel .panel-content {
    padding: 0;
    border-radius: 0 0 4px 4px; }

.terms-and-conditions {
  max-width: 1200px;
  min-width: 996px;
  margin: 20px auto;
  padding: 0 10px; }
  .terms-and-conditions .terms-and-conditions-menu-container {
    width: 216px; }
  .terms-and-conditions .terms-and-conditions-content-container {
    width: 880px;
    margin-left: 30px;
    background-color: #fff;
    border: 1px solid #eae9e9;
    margin-bottom: 20px;
    padding: 20px; }
    .terms-and-conditions .terms-and-conditions-content-container .title {
      font-size: 22px;
      font-weight: 700;
      color: #24272c; }
    .terms-and-conditions .terms-and-conditions-content-container .text {
      margin-top: 12px;
      font-size: 14px;
      font-weight: normal; }
    .terms-and-conditions .terms-and-conditions-content-container .back {
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      color: #308dff;
      margin-bottom: 10px; }
    .terms-and-conditions .terms-and-conditions-content-container .section-links-container {
      margin-top: 22px; }
      .terms-and-conditions .terms-and-conditions-content-container .section-links-container .section-link {
        margin-bottom: 18px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        color: #308dff; }
    .terms-and-conditions .terms-and-conditions-content-container .links-container .links-column {
      margin-right: 80px; }
      .terms-and-conditions .terms-and-conditions-content-container .links-container .links-column .pdf-link {
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        color: #308dff; }
        .terms-and-conditions .terms-and-conditions-content-container .links-container .links-column .pdf-link svg {
          height: 14px;
          width: 20px;
          margin-right: 6px; }
        .terms-and-conditions .terms-and-conditions-content-container .links-container .links-column .pdf-link > a {
          font-size: 14px;
          font-weight: 600;
          text-decoration: none; }

.logo {
  height: 36px;
  width: 280px;
  cursor: pointer; }

.navigation-menu {
  margin-left: 40px; }
  .navigation-menu .navigation-menu-item {
    font-weight: 600;
    color: #24272c;
    cursor: pointer;
    margin-left: 30px; }

.user-menu {
  height: 100%; }
  .user-menu .user-menu-content {
    padding: 6px 0; }
    .user-menu .user-menu-content .logo {
      width: 40px;
      height: 40px;
      border-radius: 20px;
      border: 1px solid #ced0da;
      background-position: center;
      background-size: 40px;
      background-repeat: no-repeat;
      margin-right: 7px; }
    .user-menu .user-menu-content svg {
      height: 11px;
      margin-left: 8px; }
    .user-menu .user-menu-content .user-name {
      color: #24272c;
      font-size: 16px;
      font-weight: 600; }
    .user-menu .user-menu-content ~ div .menu {
      top: 40px;
      right: 0; }
      .user-menu .user-menu-content ~ div .menu .menu-item-metadata {
        width: 0; }

.zendesk-widget {
  cursor: pointer;
  padding: 9px 17px;
  border: 1px solid #ced0da;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 600;
  color: #24272c;
  height: 37px; }
  .zendesk-widget svg {
    margin-right: 8px; }

.modal.success-modal .modal-content {
  min-width: 650px;
  min-height: 214px; }
  .modal.success-modal .modal-content .modal-body {
    font-size: 16px;
    font-weight: 600;
    padding: 43px 30px; }

.modal.registration-modal .modal-content {
  min-width: 650px;
  min-height: 230px; }
  .modal.registration-modal .modal-content .modal-body {
    padding: 0 !important; }
    .modal.registration-modal .modal-content .modal-body .registration-section-title {
      border-bottom: 1px solid #eae9e9;
      padding: 5px 0;
      font-size: 18px;
      font-weight: 700;
      color: #24272c !important; }
    .modal.registration-modal .modal-content .modal-body .registration-body {
      padding: 0 34px;
      width: 760px; }
    .modal.registration-modal .modal-content .modal-body .registration-upper {
      padding: 0 46px; }
    .modal.registration-modal .modal-content .modal-body .registration-bottom {
      background-color: #f7f7f7;
      padding: 12px;
      color: #24272c !important; }
    .modal.registration-modal .modal-content .modal-body .registration-secondaryAgencies {
      margin-top: 18px;
      margin-bottom: 18px; }
      .modal.registration-modal .modal-content .modal-body .registration-secondaryAgencies .button svg {
        height: 14px; }
    .modal.registration-modal .modal-content .modal-body .registration-checkbox {
      width: 440px;
      height: 30px; }
      .modal.registration-modal .modal-content .modal-body .registration-checkbox.disabled {
        color: #9098a7; }
      .modal.registration-modal .modal-content .modal-body .registration-checkbox.checked {
        font-weight: 700; }
      .modal.registration-modal .modal-content .modal-body .registration-checkbox .checkbox {
        margin-right: 10px;
        width: 16px;
        height: 16px;
        border-radius: 4px;
        background-image: linear-gradient(to top, #e4e2e2, #fff);
        font-weight: 700 !important;
        color: #24272c !important; }

.registration-widget {
  border-radius: 18px !important;
  background: #fff !important; }

.app-header {
  background: #fff;
  box-shadow: 0 1px 0 0 #eae9e9, 0 -1px 2px 0 rgba(0, 0, 0, 0.15);
  z-index: 200; }

.destination-guides-container .destination-guides-content {
  width: 1109px;
  background-color: #fff;
  border: 1px solid #eae9e9;
  margin-top: 24px;
  margin-bottom: 54px;
  padding: 20px; }
  .destination-guides-container .destination-guides-content .title {
    font-size: 22px;
    font-weight: 700;
    color: #24272c; }
  .destination-guides-container .destination-guides-content .text {
    margin-top: 12px;
    font-size: 14px;
    font-weight: normal;
    height: 48px;
    line-height: 24px; }
  .destination-guides-container .destination-guides-content .link {
    margin-top: 26px; }
    .destination-guides-container .destination-guides-content .link > a {
      font-size: 14px;
      font-weight: 600;
      text-decoration: none; }


/*# sourceMappingURL=main.style.caf0c03e6069de59a075.min.css.map*/