:root {
  --black: #000;
  --white: #fff;
  --grey: #f5f7fa;
  --linegrey: #e1e0e1;
  --linedarkgrey: #b3b2b3;
  --textgrey: #585860;
  --textdarkgrey: #3a4148;
  --darkgrey: #d8e6ef;
  --darkergrey: #b1cbdd;
  --greyblue: #7e98b9;
  --blue: #003375;
  --lightblue: #025e83;
  --lightblue-old: #0281b4;
  --lightestorange: #feefe1;
  --lightorange: #f5a559;
  --orange: #F4871E;
  --lightyellow: #FFFBF1;
  --yellow: #FFBB2A;
  --green: #0A952A;
  --red: #b91d09;
  --red-light: #d93a26;
  --purple: #7B3BC8;
  --accessibility-bg: #00000001;
  --main-box-shadow: #e1e8f3;
}

.text--blue {
  color: var(--blue);
}
.text--lightblue {
  color: var(--lightblue);
}
.text--orange {
  color: var(--orange);
}
.text--lightgrey {
  color: var(--textgrey);
}
.text--green {
  color: var(--green);
}
.text--darkgrey {
  color: var(--textdarkgrey);
}
.text--purple {
  color: var(--purple);
}
.text--red {
  color: var(--red);
}

.nice-select {
  border: 1.4px solid var(--blue) !important;
  height: 60px !important;
  line-height: 58px !important;
  font-size: 18px !important;
  white-space: wrap;
  float: none !important;
}
@media (max-width: 550px) {
  .nice-select {
    height: 44px !important;
    line-height: 44px !important;
    font-size: 16px !important;
  }
}
.nice-select.disabled {
  background: rgba(0, 0, 0, 0.1);
  filter: grayscale(1);
  opacity: 0.5;
}
.nice-select.disabled:hover {
  cursor: not-allowed;
}
.nice-select.error {
  border: 2px solid red !important;
}
.nice-select::after {
  width: 10px !important;
  height: 10px !important;
  top: 48% !important;
  right: 20px !important;
  border-color: var(--blue) !important;
}
@media (max-width: 550px) {
  .nice-select::after {
    width: 8px !important;
    height: 8px !important;
  }
}
.nice-select span.current {
  display: inline-block;
  color: var(--blue);
  max-width: calc(100% - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nice-select .option {
  line-height: 1.3;
  min-height: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.nice-select .option:hover {
  background-color: var(--blue) !important;
  color: var(--white);
}
.nice-select .option.selected {
  background: var(--lightblue) !important;
  color: var(--white);
}
.nice-select ul.list {
  max-height: 300px;
  width: 100%;
  overflow: auto !important;
  margin: 5px 0;
}
.nice-select .list:hover .option:not(:hover).selected {
  background-color: var(--lightblue) !important;
}
.nice-select .ns-search-wrap {
  list-style: none;
  line-height: 1;
}
.nice-select .ns-search-wrap input {
  height: 50px;
  border-color: var(--darkgrey);
}
/*# sourceMappingURL=niceselect.css.map */