@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);
/**
 * Support color classes
 */

.error-color {
  color: #B50707;
  font-size: 0.8125rem;
  font-weight: 700;
}

/* General */
html {
  height: 100%;
  font-size: unset; /* override default bootstrap font size for accessibility */
}

body {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  height: 100%;
}

*[lang='ko'] {
  word-break: keep-all; /* https://new-hippo.atlassian.net/browse/COV-1535 */
}

h6,
._2LZu2iiGk6jyME4-yjMVdk {
  font-size: 1em;
  font-weight: bold;
}

h5,
._1CZCr-G_XZqI1B6n9mmZoB {
  font-size: 1.25em;
}

h4,
.UOKykmcBcecUbgqIwUEUT {
  font-size: 1.5em;
}

h3,
._3oWEKIXtshsKZsd-De60Mt {
  font-size: 1.75em;
}

h2,
._1NMzlVgimDkl516YBDIZeU {
  font-size: 2em;
}

h1,
._1rvFb-_V_pCrGMCHsnRXIr {
  font-size: 2.25em;
}

h1,
h2,
h3,
h4,
h5,
h6,
._1rvFb-_V_pCrGMCHsnRXIr,
._1NMzlVgimDkl516YBDIZeU,
._3oWEKIXtshsKZsd-De60Mt,
.UOKykmcBcecUbgqIwUEUT,
._1CZCr-G_XZqI1B6n9mmZoB,
._2LZu2iiGk6jyME4-yjMVdk {
  color: #313144;
}

a {
  color: #0050C7
}

a:hover, a:focus {
    cursor: pointer;
    color: #002976;
  }

hr {
  border-top: 1px solid #CED7D7;
}

/* bootstrap overrides fonts for popovers? */
.popover {
  font-family: inherit;
}

div#app {
  height: 100%;
  background-color: white;
}

.dropdown-menu .glyphicon {
  padding-right: 10px;
}

.floatRight {
  float: right;
}

.hidden {
  display: none;
}

.no-padding {
  padding: 0;
}

/* to be removed when we start paying for auth0 */
.auth0-lock-badge-bottom {
  display: none;
}

.ReactTable .pagination-bottom .-previous button, .ReactTable .pagination-bottom .-next button {
    background-color: #E6EBEB;
    color: #444C5E;
  }

.ReactTable .pagination-bottom .-previous button:not([disabled]):hover,
  .ReactTable .pagination-bottom .-previous button:not([disabled]):focus,
  .ReactTable .pagination-bottom .-next button:not([disabled]):hover,
  .ReactTable .pagination-bottom .-next button:not([disabled]):focus {
    background-color: #CED7D7;
    color: #444C5E;
  }

.ReactTable .pagination-bottom .-previous button[disabled], .ReactTable .pagination-bottom .-next button[disabled] {
    background-color: #F8FBFA;
    color: #93A0A0;
  }

/* Nav Buttons */
.btn-toolbar .btn.buttonCentered {
  float: none;
}

.btn {
  border-radius: 100px;
  padding: 6px 16px
}

.btn:active,
  .btn:hover,
  .btn:active:focus,
  .btn:active:hover,
  .btn:focus {
    outline: none;
  }

/* unset global button roundiness inside forms */
.input-group .btn {
  border-radius: 4px;
  padding: 6px 12px;
}

.btn-link {
  color: #0050C7
}

.btn-link:active,
  .btn-link:hover,
  .btn-link:active:focus,
  .btn-link:active:hover,
  .btn-link:focus {
    color: #002976;
  }

.btn.btn-default.btn-circle {
  border: none;
  min-width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

/* Form Fields */

.composite-form-control > .form-control {
  width: 50%;
}

label {
  font-weight: normal;
}

.formLabel {
  color: #313144;
  padding-bottom: 5px
}

.formLabel button {
    padding: 0 5px;
    position: relative;
    top: 3px;
  }

input + .input-group-btn .dropdown-menu {
  right: 0;
  left: auto;
}

.form-group .input-group .form-control.inline-input-group-item {
  border-left: 0;
  border-radius: 0;
}

.form-group .input-group.input-group-small {
  max-width: 200px;
}

.form-group .input-group.input-group-med {
  max-width: 350px;
}

.form-group textarea.form-control {
  height: auto;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.errorTextColor {
  color: #B50707;
}

.redux-toastr .toastr.toastr-modal {
  display: none; /* toast modal is portaled. hide original toast container */
}

.redux-toastr .top-right {
  /*
    react-redux-toastr's config allows adding className to .toastr instead of its width controlling parent container.
    shifting width down so it may be changed
  */
  width: auto
}

.redux-toastr .top-right .toastr {
    width: 350px
  }

@media (min-width: 768px) {
      .redux-toastr .top-right .toastr.toastr-medium {
        width: 400px;
      }

      .redux-toastr .top-right .toastr.toastr-large {
        width: 450px;
      }
    }

.redux-toastr .toastr.rrt-success {
  background-color: #C3FAEA;
  color: #004332
}

.redux-toastr .toastr.rrt-success .toastr-icon {
    fill: #14BE9E;
  }

.redux-toastr .toastr.rrt-success .rrt-progressbar {
    background-color: #14BE9E;
  }

.redux-toastr .toastr.rrt-warning {
  background-color: #FFF6E6;
  color: #624209
}

.redux-toastr .toastr.rrt-warning .toastr-icon {
    fill: #624209;
  }

.redux-toastr .toastr.rrt-error {
  background-color: #FFEDEB;
  color: #901001
}

.redux-toastr .toastr.rrt-error .toastr-icon {
    fill: #901001;
  }

@media (max-width: 767px) {
  .redux-toastr .top-right .toastr {
    width: 300px
  }

    .redux-toastr .top-right .toastr.toastr-medium,
    .redux-toastr .top-right .toastr.toastr-large {
      width: 95vw
    }

      .redux-toastr .top-right .toastr.toastr-medium .rrt-left-container, .redux-toastr .top-right .toastr.toastr-large .rrt-left-container {
        width: 95vw;
      }

      .redux-toastr .top-right .toastr.toastr-medium .rrt-middle-container, .redux-toastr .top-right .toastr.toastr-large .rrt-middle-container {
        width: 95vw;
        margin: 5em 0 1em 0;
        padding: 0 1em;
        text-align: center;
      }
}

.redux-toastr .toastr .rrt-left-container {
  width: 4.5em
}

.redux-toastr .toastr .rrt-left-container .rrt-holder {
    position: static;
    margin: 1em 0 0 0;
    width: 100%;
    height: 100%;
    line-height: initial
  }

.redux-toastr .toastr .rrt-left-container .rrt-holder .toastr-icon {
      margin-top: 3px;
    }

.redux-toastr .toastr .rrt-middle-container {
  width: 75%;
  margin: 1em 0 1em 4.5em;
  padding: 0
}

.redux-toastr .toastr .rrt-middle-container > :not(:first-child) {
    margin-top: 1em;
  }

.redux-toastr .toastr .rrt-right-container {
  width: inherit;
  position: absolute;
  top: 0;
  right: 5px;
}

.redux-toastr .toastr {
  opacity: 1
}

.redux-toastr .toastr .close-toastr {
    position: static;
    font-size: 18px;
    width: 100%;
  }

.osano-cm-widget {
  display: none !important;
}

@keyframes ZE_GBLpPBgS62gGVEDIE0 {
  0% {
    opacity: 0.2;
  }

  20% {
    opacity: 1;
  }

  100% {
    opacity: 0.2;
  }
}

._1EmN_rz-WPhvtrtWr4YMFS span {
  animation-name: ZE_GBLpPBgS62gGVEDIE0;
  animation-duration: 1.4s;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
}

._1EmN_rz-WPhvtrtWr4YMFS span:nth-child(2) {
  animation-delay: 0.2s;
}

._1EmN_rz-WPhvtrtWr4YMFS span:nth-child(3) {
  animation-delay: 0.4s;
}

.i0i7Wm8f8oIf9hYHUT56k {
  margin-bottom: 10px;
  padding-left: 5px;
  color: #B50707;
  border-left: 3px solid #B50707
}

.i0i7Wm8f8oIf9hYHUT56k span ~ span {
    display: none;
  }

.C-XBwDaHArSEgS3wqIYli {
  margin-bottom: 10px;
  padding-right: 5px;
  color: #B50707;
  border-right: 3px solid #B50707
}

.C-XBwDaHArSEgS3wqIYli span ~ span {
    display: none;
  }

._1HL_z4MLBUfj_9gU5yZQP3 ~ .i0i7Wm8f8oIf9hYHUT56k {
  display: none;
}

.ZRMhAccYqWRJ_2dRd4sao {
  text-align: center;
}

._2W7TaR6oNwNb22ZYVTo9Wo {
  margin: 0 auto;
}

._13-EEVNYatrXIr6ZSvPA7Q {
  min-height: inherit;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

._1A33phXX7yvU6kDuGojnh_ {
  color: #B50707;
  margin-bottom: 1em;
}

._3yiI9fwr7bvw88UGvve8ce {
  display: flex;
  flex-flow: column
}

._3yiI9fwr7bvw88UGvve8ce .lSIXoF9qnsdnsGWntrPab {
    flex: 1 1 auto;
    min-width: 200px;
  }

._1fTmNHje5TQ1KDCSppAD9o {
  align-self: flex-start;
}

._16p6w2NRCUeP9ZyI5-2Zsq {
  align-self: center;
}

._3UFhPd3rJKsZi-IC7qqEfy {
  display: flex;
  flex-wrap: wrap;
}

._2DkPykZ-q1HO7EiO23IRY > .row > ._1fTmNHje5TQ1KDCSppAD9o,
  ._2DkPykZ-q1HO7EiO23IRY > .row > ._16p6w2NRCUeP9ZyI5-2Zsq {
    margin-bottom: 0;
  }

.Js2wJe7QKpMvv0o-uuOXN {
  margin-top: 40px !important;
}

._1BiJ1PHdKMv7OFTLddRJIc img {
    max-height: 35px;
  }

._2jCVO1mHJD1Q_Qk6rW3AaX {
  padding: 15px;
  background-color: #FFEDEB;
}

._1KzTt-MfsIj7NVitRhqMiQ {
  color: #B50707;
  margin-bottom: 1em;
}

.alignWrapper + .alignWrapper {
  margin-top: 15px;
}

@media (max-width: 991px) {
  .alignWrapper > * + div {
    margin-top: 15px;
  }
}

.question-bottom {
  margin: 0;
}

* + .question-bottom {
  margin-top: 5px;
}

._12UM5WSKc6suENFWEWgebf {
  margin-bottom: 0;
}

@media (min-width: 768px) {
    .D1lO1keT53qsN6YO9DWqI .question-bottom:first-of-type,
    .D1lO1keT53qsN6YO9DWqI ._1Nm3Z5txLGdAK8qlK_tsRB,
    .D1lO1keT53qsN6YO9DWqI ._1EED3wbXgYe2NwQC1b_hqb {
      padding-left: 50px
    }

      .D1lO1keT53qsN6YO9DWqI .question-bottom:first-of-type .question-bottom,
      .D1lO1keT53qsN6YO9DWqI .question-bottom:first-of-type ._1Nm3Z5txLGdAK8qlK_tsRB,
      .D1lO1keT53qsN6YO9DWqI .question-bottom:first-of-type ._1EED3wbXgYe2NwQC1b_hqb,
      .D1lO1keT53qsN6YO9DWqI ._1Nm3Z5txLGdAK8qlK_tsRB .question-bottom,
      .D1lO1keT53qsN6YO9DWqI ._1Nm3Z5txLGdAK8qlK_tsRB ._1Nm3Z5txLGdAK8qlK_tsRB,
      .D1lO1keT53qsN6YO9DWqI ._1Nm3Z5txLGdAK8qlK_tsRB ._1EED3wbXgYe2NwQC1b_hqb,
      .D1lO1keT53qsN6YO9DWqI ._1EED3wbXgYe2NwQC1b_hqb .question-bottom,
      .D1lO1keT53qsN6YO9DWqI ._1EED3wbXgYe2NwQC1b_hqb ._1Nm3Z5txLGdAK8qlK_tsRB,
      .D1lO1keT53qsN6YO9DWqI ._1EED3wbXgYe2NwQC1b_hqb ._1EED3wbXgYe2NwQC1b_hqb {
        padding-left: 0;
      }

  .panel ._1EED3wbXgYe2NwQC1b_hqb {
    padding-left: 0;
  }
}

._1Nm3Z5txLGdAK8qlK_tsRB ._1EED3wbXgYe2NwQC1b_hqb {
  padding: 0;
}

._16mD38R5DBEHCGnedyvYtk {
  padding-top: 15px;
}

.UnnsJzyniGTjLgaFkUbH {
  margin-right: 10px;
}

._3hvYfXBgvN1HgIPBAaFBO2 {
  position: relative;
  display: flex
}

._3hvYfXBgvN1HgIPBAaFBO2.QgHB9dOI5yKexsC8WTZ7H {
    padding-right: 24px;
  }

._3hvYfXBgvN1HgIPBAaFBO2._3A_drnM_6OhhZlYdyQ5Ncu {
    padding: 15px 0;
    border: 2px solid #CED7D7;
    margin: 0;
    background-color: #F8FBFA;
  }

.OI4Gvv-MKtrnXkwXfzACU + .OI4Gvv-MKtrnXkwXfzACU {
  margin-top: 15px;
}

.repeatable-remove {
  font-size: 1.25em;
  cursor: pointer;
}

._3lYG4MuIVnLq3SdToJ-myq {
  /* let the <?> help indicator flow inline with the last paragraph */
}

._3lYG4MuIVnLq3SdToJ-myq > span {
    margin-left: 5px;
  }

._3lYG4MuIVnLq3SdToJ-myq p:last-of-type {
    display: inline;
  }

._2iq2Tjt3LfcyF-tV-oaW8y {
  color: #757575;
  font-size: 0.9em;
  margin-bottom: 0;
}

._29OBjFmZMKSainLezrYKmA {
  margin-top: 15px;
}

._2_qhSGTy0T1ddIAmAo_TFw {
  border-color: #CED7D7;
}

._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group {
    margin: 0
  }

._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group > .row > ._1fTmNHje5TQ1KDCSppAD9o,
    ._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group > .row > ._16p6w2NRCUeP9ZyI5-2Zsq,
    ._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group > .panel {
      margin-bottom: 0;
    }

._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group > fieldset > .row > ._1fTmNHje5TQ1KDCSppAD9o,
    ._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group > fieldset > .row > ._16p6w2NRCUeP9ZyI5-2Zsq,
    ._35v-aDn75q4afvdLSGAaaL > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > .form-group > fieldset > .panel {
      margin-bottom: 0;
    }

._35v-aDn75q4afvdLSGAaaL + .peJUhbeUVNA9WfNeAwmtY > [class*='MuiCollapse-wrapper'] > [class*='MuiCollapse-wrapperInner'] > :first-child {
    margin-top: 15px;
  }

._35v-aDn75q4afvdLSGAaaL + ._14nY-WUeAhVevJ2BMJ2FzR {
  margin-top: 15px;
}

._2ql2UYbsrGkA93CX3Fpp3y {
  margin-bottom: 0
}
._2ql2UYbsrGkA93CX3Fpp3y > * > * > .row + .row {
    /* TODO: fix this when replacing Col/Row from react-bootstrap with Grid from MUI */
    margin-top: 15px;
  }

._3yvBfE5rPPgbQb7-F26Xuv {
  margin: 0;
}

._3RtDsEjJwjwlkCfqBqs4Jb {
  width: 40px
}
._3RtDsEjJwjwlkCfqBqs4Jb:hover, ._3RtDsEjJwjwlkCfqBqs4Jb:focus {
    background-color: #F2F7F6;
    border-radius: 50%;
  }

* + ._1UPjqcwMWWjaIwKCegnKUr {
  margin-inline-start: 5px;
}

._18DRGdH3FBmaeEvvTqQPGX {
  color: #0E44AD;
  font-size: 20px;
  vertical-align: text-bottom;
}

.stMudqrMJBahD_VRFB9m3 {
  margin-bottom: 20px
}

.stMudqrMJBahD_VRFB9m3:last-child {
    margin-bottom: 0;
  }

._1MIs0pv1t8UOGTG3mCodph {
  display: flex;
  word-wrap: break-word;
  width: 50%
}

._1MIs0pv1t8UOGTG3mCodph .progress {
    height: 20px;
    border-radius: 10px;
    display: inline-block;
    width: 100%;
    margin: 9px 0;
  }

._1MIs0pv1t8UOGTG3mCodph .progress .progress-bar {
    padding: 0 5px;
    color: #313144;
  }

._29X-7xq_014LPLboWTOV6x {
  margin-top: 8px;
}

input[type='checkbox']._3mSBJwZs1gCmirsn9MyvSR {
  margin-right: 10px;
}

/* Copied from 'react-phone-number-input/style.css'; so variables get compiled. Because IE11 is trash https://new-hippo.atlassian.net/browse/NEW-5854 */

/* CSS variables. */

.PhoneInput {
  /* This is done to stretch the contents of this component. */
  display: flex;
  align-items: center;
}

.PhoneInputInput {
  /* The phone number input stretches to fill all empty space */
  flex: 1;

  /* The phone number input should shrink
     to make room for the extension input */
  min-width: 0;
}

.PhoneInputCountryIcon {
  width: calc(1em * 1.5);
  height: 1em;
}

.PhoneInputCountryIcon--square {
  width: 1em;
}

.PhoneInputCountryIcon--border {
  /* Removed `background-color` because when an `<img/>` was still loading
     it would show a dark gray rectangle. */

  /* For some reason the `<img/>` is not stretched to 100% width and height
     and sometime there can be seen white pixels of the background at top and bottom. */
  background-color: rgba(0, 0, 0, 0.1);

  /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */

  /* For some reason the `<img/>` is not stretched to 100% width and height
     and sometime there can be seen white pixels of the background at top and bottom,
     so an additional "inset" border is added. */
  box-shadow: 0 0 0 1px
      rgba(0, 0, 0, 0.5),
    inset 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.PhoneInputCountryIconImg {
  /* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
     Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
  width: 100%;
  height: 100%;
}

.PhoneInputInternationalIconPhone {
  opacity: 0.8;
}

.PhoneInputInternationalIconGlobe {
  opacity: 0.65;
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin-right: 0.35em;
}

.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.PhoneInputCountrySelect[disabled] {
  cursor: default;
}

.PhoneInputCountrySelectArrow {
  display: block;
  content: '';
  width: 0.3em;
  height: 0.3em;
  margin-top: calc(0.35em / 2);
  margin-left: 0.35em;
  border-style: solid;
  border-color: inherit;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-right-width: 1px;
  transform: rotate(45deg);
  opacity: 0.45;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: #03b2cb;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 1px #03b2cb,
    inset 0 0 0 1px #03b2cb;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: #03b2cb;
}

@media (min-width: 992px) {
  ._4r-V7Rh6Z4G8tzicPwrfy {
    width: 75%;
  }
}

.question-bottom ._4r-V7Rh6Z4G8tzicPwrfy,
._3QKDVMIHe2-zbEeXzg42SO {
  width: auto;
}

@media (max-width: 991px) {
    ._4r-V7Rh6Z4G8tzicPwrfy ul {
      font-size: 16px;
      min-width: 180px
    }
        ._4r-V7Rh6Z4G8tzicPwrfy ul li a {
          padding: 5px 20px;
        }
}

._3vryu6_pqtxUld-cb7tSgC {
  background-color: #F8FBFA;
  border-radius: 5px;
  padding: 15px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 450px;
}

._11rcIKjgblH-4wyBYecjDi {
  clear: both;
  color: #313144;
}

._1BCWFEVywTj5SN8bvRlCWX {
  width: 65%;
  float: right;
  font-size: 0.75rem;
}

._3mqlfxrKGV-JQVWTbuTpiR {
  width: 25%;
  float: left;
}

._2hFpqEHqgxYzxwFZJ_ljA8 {
  position: relative;
  display: inline-block;
  margin-left: -8px;
  font-weight: bold;
  transition: left 0.3s ease-out;
}

._1R1CK5bxotq4pGmElP8Cgw {
  display: block;
  text-align: center;
}

._1uak1SHO5QXkvDOlW56NVo {
  width: 100%;
  text-align: center;
}

._1-F1miFTPpTYYCQHiDsjSd {
  width: 28.3%;
  color: #55318B;
  background-color: #ECE2FB;
  border: 1px solid #55318B;
  border-right: none;
  display: inline-block;
}

._2h59wDyabLN7yFoIucIAGA {
  width: 21.7%;
  color: #065A49;
  background-color: #CAFBF1;
  border: 1px solid #065A49;
  border-right: none;
  display: inline-block;
}

._1f9W4I4jPgXqk7w0Kr1gx3 {
  width: 16.66%;
  color: #624209;
  background-color: #FFE7BE;
  border: 1px solid #624209;
  border-right: none;
  display: inline-block;
}

._2Rcvar7eFQe6wa13hZajeJ {
  width: 33.33%;
  color: #901001;
  background-color: #FFDCD8;
  border: 1px solid #901001;
  display: inline-block;
}

._3-vGYbuLVej41_AWdmDeJl {
  font-size: 1em !important;
}

.JMnYV-HG8h9q4ZaV5WM12 {
  border-radius: 7px;
  cursor: pointer;
  line-height: 45px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 15px;
  padding-left: 15px;
  text-align: center;
  font-size: 1.5em;
  font-weight: bolder;
  max-width: 400px;
  max-height: 120px;
  background-color: #FFFFFF;
  border: 2px solid #DDE4E2;
  color: #444C5E
}

.JMnYV-HG8h9q4ZaV5WM12:hover, .JMnYV-HG8h9q4ZaV5WM12:focus {
    background-color: #F2F7F6;
    border: 2px solid #C7D0CE;
    color: #1B1E25;
  }

._1zZsoznMQxLD_18UZFpbJC {
  padding: 0 12px;
  font-size: 1em;
}

._24aWb-U5eGm-JTY1B2YEU5 {
  text-align: left;
}

.jUTDsF1Aw2S6WkCFEsWtp {
  cursor: default
}

.jUTDsF1Aw2S6WkCFEsWtp:hover, .jUTDsF1Aw2S6WkCFEsWtp:focus {
    background-color: #FFFFFF;
    border: 2px solid #DDE4E2;
    color: #444C5E;
  }

._2YfoFGeHYUVCIbDeTeJp0M {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
}

.HU4ruut0W5qd4cJiffGBL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #CED7D7;
  padding: 10px;
  margin: 0;
  flex-wrap: wrap;
  text-overflow: ellipsis;
}

.HU4ruut0W5qd4cJiffGBL > * {
  margin-left: 10px;
  margin-right: 10px;
}

._2Se-iitIQAO6Z9yGO_ICbB {
  border-radius: 4px;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 45px;
  text-align: center;
  display: border-box;
  background-color: #FFFFFF;
  border: 2px solid #DDE4E2;
  color: #444C5E
}

._2Se-iitIQAO6Z9yGO_ICbB:hover, ._2Se-iitIQAO6Z9yGO_ICbB:focus {
    background-color: #F2F7F6;
    border: 2px solid #C7D0CE;
    color: #1B1E25;
  }

._9ylsw1niw0vko05M3h9OH {
  max-width: 400px;
}

._3B2jJ_tmBqNPW5jnQBrTme {
  background-color: #C3FAEA;
  border: 2px solid #70C2AD;
  color: #59857A;
}

._19lFmwEZu6oFIAU17LLSum {
  max-width: 75px;
  max-height: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._3v8D79tLO-rkkx4n1wReZD {
  margin-right: 10px;
  font-size: 3em;
  border: 2px solid black;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
}

._3CbLw125M_ajO-Big2KzpD {
  display: inline-block;
  padding: 20px;
  width: 100%;
}

._8CCbkCb92qWHLLjxi9zVZ {
  margin: 40px 0;
}

._34kZwnsnoB3m2drwwNE__F {
  margin-top: 20px;
}

._17NkwXmGH4kN4O-J7AlyRR {
  color: #868C9A;
}

._1eWF3-s2Sp9IwTOqjRATMW svg + * {
    /* selects the element that immediately follows an svg, which faIcons are.
    This is done because titleSection allows you to wrap the title in any
    html/react element that you want.
    */
    display: inline;
    margin-left: 1rem;
  }

.iUA3Xo4BHC7LA9s4s7il4 {
  background-color: #FFF6E6;
  color: #624209;
  padding: 20px 30px;
  text-align: center;
  font-size: 0.9em;
}

@media (max-width: 767px) {
  .iUA3Xo4BHC7LA9s4s7il4 {
    margin: auto;
  }
}

.FJWZZ5bdDUzzFQ74hDsXu {
  max-width: 1200px;
  margin: 15px auto;
  padding: 0 16px;
}

@media (min-width: 600px) {
  .FJWZZ5bdDUzzFQ74hDsXu {
    padding: 0 24px;
  }
}

@media (min-width: 768px) {
  .FJWZZ5bdDUzzFQ74hDsXu {
    padding: 0 32px;
  }
}

._2_xYiOmGZfXXXv51KUTrn4 {
  margin: 15px 0;
}

._2En6CLZr5pD-f25ONMEeaL {
  display: flex;
}

._1tPcXo2FsnBswPneDyu27m {
  display: flex;
  min-width: 1em;
  justify-content: center;
  margin-right: 0.75em;
  padding-top: 0.1em;
}

._1uiB5XcgBNnkN6zj4221Zl {
  padding-top: 0;
  align-items: center;
}

._3nj7uhdrE5hqgRb8KFdtrG {
  color: #002876;
}

._36PdCtBOoaPz91ExQhgIp2 {
  color: #FC6453;
}

.Y4WyzP221Vo4HhPAyknG {
  color: #868C9A;
}