@import url("https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i");
@font-face {
  font-family: "Calibri";
  src: url("/fonts/Calibri.ttf") format("truetype");
}

@font-face {
  font-family: "Calibri Bold";
  src: url("/fonts/Calibri Bold.ttf") format("truetype");
}

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "Helvetica", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

#tick {
  color: green;
  text-align: center;
}

#cross {
  color: red;
  text-align: center;
}
.page-header {
  background-color: white;
}

.page-header::after {
  clear: both;
  content: "";
  display: block;
}

.page-content {
  background-color: #f9fafb;
}

.page-content::after {
  clear: both;
  content: "";
  display: block;
}

.page-footer {
  background-color: white;
}

.footer-links a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .footer-links .col-md.left-line {
    margin-top: 36px;
  }
}

.page-footer::after {
  clear: both;
  content: "";
  display: block;
}

.page-header__wrapper,
.page-content__wrapper,
.page-footer__wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 8px;
}

.page-header__wrapper::after,
.page-content__wrapper::after,
.page-footer__wrapper::after {
  clear: both;
  content: "";
  display: block;
}

.page-content__wrapper {
  padding: 24px;
}

.page-content__inner-wrapper {
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 16px;
}

a:link.btn-danger,
a:link.btn-info,
a:visited.btn-info,
a:visited.btn-danger {
  color: #fff;
}

a:link,
a:visited {
  color: #f15b5b;
}

a:hover,
a:focus,
a:active {
  color: #d41212;
}

p.label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  margin: 0;
  padding-bottom: 8px;
  text-align: left;
}

.highlight {
  color: #f15b5b;
}

table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
}

.tablerow-link {
  cursor: pointer;
}

.tablerow-link:hover {
  background-color: #bcd4e6;
}

th,
td {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  text-align: left;
  border-bottom: 1px solid #8599a9;
  padding: 8px 16px;
  max-width: 160px;
}
td {
  word-wrap: break-word;
}
th {
  width: 33%;
  color: #8599a9;
}

tr:last-child th,
tr:last-child td {
  border-bottom: 0;
}

.force-left {
  width: 50%;
  float: left;
  text-align: left;
}

.force-right {
  width: 50%;
  float: right;
  text-align: right;
}

.grid-row::after {
  clear: both;
  content: "";
  display: block;
}

.grid-cell {
  float: left;
  padding: 8px;
  margin: 0;
}

.grid-cell--1-of-1 {
  width: 100%;
}

.grid-cell--1-of-2 {
  width: 50%;
}

.grid-cell--1-of-3 {
  width: 33.3%;
}

.grid-cell--2-of-3 {
  width: 66.6%;
}

.grid-cell--1-of-4 {
  width: 25%;
}

.grid-cell--1-of-5 {
  width: 20%;
}

.grid-cell--1-of-6 {
  width: 16.6%;
}

.grid-cell--1-of-7 {
  width: 14.2%;
}

.grid-cell--1-of-8 {
  width: 12.5%;
}

.grid-cell--1-of-9 {
  width: 11.1%;
}

.grid-cell--1-of-10 {
  width: 10%;
}

.grid-cell--1-of-11 {
  width: 9%;
}

.grid-cell--1-of-12 {
  width: 8.3%;
}

.grid-cell--first {
  padding-left: 0;
}

.grid-cell--last {
  padding-right: 0;
}

.grid-cell__wrapper {
  padding: 16px;
}

.menu {
  display: inline-block;
  font-weight: 700;
  margin: 0;
  padding: 0;
}

.menu__link {
  display: inline-block;
}

.menu__link a {
  display: block;
  text-decoration: none;
  padding: 0.5rem 2rem;
}

.menu__link a:hover,
.menu__link a:focus {
}

a.button.disabled {
  pointer-events: none;
  cursor: default;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.button.button--activity {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #333f48;
  font-size: 19px;
  position: relative;
  display: block;
  padding: 16px;
  height: auto;
  min-height: 80px;
  margin: 12px auto;
  text-align: left;
}

.button.button--activity.vertically-centred {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.button.button--activity--icon-contact::after {
  position: initial;
  bottom: 12px;
  left: 16px;
  width: 20px;
  height: 20px;
  content: "\A \00a0";
  opacity: 0.6;
  background: transparent url("/images/icon-contact.svg") top left no-repeat;
  white-space: pre;
  display: block;
}

.button.button--activity--icon-note::after {
  position: initial;
  bottom: 12px;
  left: 16px;
  width: 20px;
  height: 20px;
  content: "\A \00a0";
  opacity: 0.6;
  background: transparent url("/images/icon-note.svg") top left no-repeat;
  white-space: pre;
  display: block;
}

.button.button--activity--icon-pencil::after {
  position: initial;
  bottom: 12px;
  left: 16px;
  width: 20px;
  height: 20px;
  content: "\A \00a0";
  opacity: 0.6;
  background: transparent url("/images/icon-pencil.svg") top left no-repeat;
  white-space: pre;
  display: block;
}

.button.button--activity--icon-smiley::after {
  position: initial;
  bottom: 12px;
  left: 16px;
  width: 20px;
  height: 20px;
  content: "\A \00a0";
  opacity: 0.6;
  background: transparent url("/images/icon-smiley.svg") top left no-repeat;
  white-space: pre;
  display: block;
}

.button.button-right {
  height: 25px;
  float: right;
  border-radius: 5px;
}

.bullet-list {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333f48;
  list-style-image: url(/images/bullet-grey.svg);
  list-style-position: inside;
  padding: 0;
}

.bullet-list li {
  margin-bottom: 8px;
}

.button {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  position: relative;
  height: 42px;
  /*min-width: 150px;*/
  padding: 0 8px;
  border: 0;
  background-color: #b8c4cc;
  box-shadow: 0 4px 0 0 #8599a9;
  cursor: pointer;
}

.button:hover,
.button:focus,
.button:active,
.button.hover {
  color: #1e252a;
  background-color: #8599a9;
  box-shadow: 0 4px 0 0 #5d7384;
}

.button:active,
.button.active {
  top: 4px;
  box-shadow: 0 -4px 0 0 #5d7384;
}

.button:disabled,
.button:disabled.hover,
.button:disabled.active {
  top: 0 !important;
  color: #8599a9 !important;
  background-color: #e1e6ea !important;
  box-shadow: 0 4px 0 0 #d0d7dd !important;
  cursor: default;
}
.button.button--primary {
  color: white;
  background-color: #f15b5b;
  box-shadow: 0 4px 0 0 #d41212;
}

/* Using custom primary style in conjunction with bootstrap. Should just use bootstrap styles.*/
.btn.button--primary {
  color: white;
  background-color: #f15b5b;
  box-shadow: 0 4px 0 0 #d41212;
  font-size: 19px;
  cursor: pointer;
  border-radius: 0;
}

.btn.button--secondary {
  color: white;
  background-color: #008194;
  box-shadow: 0 4px 0 0 #004c57;
  font-size: 19px;
  cursor: pointer;
  border-radius: 0;
}

.button.button--primary:hover,
.button.button--primary:focus,
.button.button--primary.hover {
  color: white;
  background-color: #d41212;
  box-shadow: 0 4px 0 0 #ae0f0f;
}

.button.button--primary:active,
.button.button--primary.active {
  color: white;
  background-color: #d41212;
  box-shadow: 0 -4px 0 0 #ae0f0f;
}

.button.button--secondary {
  color: white;
  background-color: #008194;
  box-shadow: 0 4px 0 0 #004c57;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary.hover {
  color: white;
  background-color: #004c57;
  box-shadow: 0 4px 0 0 #00282e;
}

.button.button--secondary:active,
.button.button--secondary.active {
  color: white;
  background-color: #004c57;
  box-shadow: 0 -4px 0 0 #00282e;
}

.button.button--tertiary {
  color: #333f48;
  background-color: #b8c4cc;
  box-shadow: 0 4px 0 0 #8599a9;
}

.button.button--tertiary:hover,
.button.button--tertiary:focus,
.button.button--tertiary.hover {
  color: #1e252a;
  background-color: #8599a9;
  box-shadow: 0 4px 0 0 #5d7384;
}

.button.button--tertiary:active,
.button.button--tertiary.active {
  color: #1e252a;
  background-color: #8599a9;
  box-shadow: 0 -4px 0 0 #5d7384;
}

.button--next {
  width: 140px;
  right: 21px;
  color: white;
  background-color: #008194;
  box-shadow: 0 4px 0 0 #004c57;
}

.firstQuestion--skip {
  margin-left: 21px;
}

@media only screen and (max-width: 750px) {
  .notFirstQuestion--skip {
    margin-top: 36px;
    float: right;
  }
}

@media (max-width: 576px) {
  .btn-mobile-friendly {
    width: 100%;
  }
}

.button--next::after {
  position: absolute;
  top: 0px;
  right: -21px;
  display: block;
  width: 21px;
  height: 46px;
  content: "\00a0";
  background: url("/images/button-arrow-turquoise.svg") top right no-repeat;
}

.button--next:hover,
.button--next:focus,
.button--next.hover {
  color: white;
  background-color: #004c57;
  box-shadow: 0 4px 0 0 #00282e;
}

.button--next:hover::after,
.button--next:focus::after,
.button--next.hover::after {
  background-image: url("/images/button-arrow-turquoise-hover.svg");
}

.button--next:active,
.button--next.active {
  color: white;
  background-color: #004c57;
  box-shadow: 0 -4px 0 0 #00282e;
}

.button--next:active::after,
.button--next.active::after {
  top: -4px;
  background-image: url("/images/button-arrow-turquoise-active.svg");
}

.button--next:disabled::after {
  background-image: url("/images/button-arrow-disabled.svg");
}

.button--next:disabled:active::after {
  top: 0;
}

.button--previous {
  width: 140px;
  left: 21px;
  color: #333f48;
  background-color: #b8c4cc;
  box-shadow: 0 4px 0 0 #8599a9;
}

.button--previous::before {
  position: absolute;
  top: 0px;
  left: -21px;
  display: block;
  width: 21px;
  height: 46px;
  content: "\00a0";
  background: url("/images/button-arrow-grey.svg") top left no-repeat;
}

.button--previous:hover,
.button--previous:focus,
.button--previous.hover {
  color: #1e252a;
  background-color: #8599a9;
  box-shadow: 0 4px 0 0 #5d7384;
}

.button--previous:hover::before,
.button--previous:focus::before,
.button--previous.hover::before {
  background-image: url("/images/button-arrow-grey-hover.svg");
}

.button--previous:active,
.button--previous.active {
  color: #1e252a;
  background-color: #8599a9;
  box-shadow: 0 -4px 0 0 #5d7384;
}

.button--previous:active::before,
.button--previous.active::before {
  top: -4px;
  background-image: url("/images/button-arrow-grey-active.svg");
}

.button--previous:disabled::before {
  background-image: url("/images/button-arrow-disabled.svg");
}

.button--previous:disabled:active::before {
  top: 0;
}

.button.report-button {
  padding: 10px;
  min-height: 50px;
}

a.button-link:link,
a.button-link:visited,
a.button-link:hover,
a.button-link:focus,
a.button-link:active {
  text-decoration: none;
  cursor: pointer;
}

.form-actions--full-width button {
  width: 100%;
  margin-bottom: 16px;
}

.checkbox {
  display: block;
  position: relative;
  margin-bottom: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: block;
  padding-left: 2.5em;
  cursor: pointer;
}

.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #8599a9;
  background-color: white;
  box-shadow: inset 0 3px 0 0 #e1e6ea;
}

.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 0;
  width: 6px;
  height: 12px;
  border: 1px solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.checkbox [type="checkbox"] {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.checkbox [type="checkbox"]:checked ~ .checkmark {
  background-color: #f15b5b;
  border-color: #f15b5b;
  box-shadow: none;
}

.checkbox [type="checkbox"]:checked ~ .checkmark:hover {
  background-color: #d41212;
  border-color: #d41212;
}

.checkbox [type="checkbox"]:checked ~ .checkmark:after {
  display: block;
}

.checkbox:hover [type="checkbox"] ~ .checkmark,
.checkbox.hover [type="checkbox"] ~ .checkmark {
  background-color: #fef1f1;
}

.checkbox:hover [type="checkbox"]:checked ~ .checkmark,
.checkbox.hover [type="checkbox"]:checked ~ .checkmark {
  background-color: #d41212;
  border-color: #d41212;
}

.checkbox.error [type="checkbox"] ~ .checkmark {
  border-color: #a6093d;
  border-width: 3px;
}

.checkbox.error:hover [type="checkbox"] ~ .checkmark,
.checkbox.error.hover [type="checkbox"] ~ .checkmark {
  background-color: #feedf3;
}

.checkbox.disabled [type="checkbox"] ~ .checkmark,
.checkbox.disabled:hover [type="checkbox"] ~ .checkmark {
  border-color: #b8c4cc;
  background-color: white;
  box-shadow: none;
}

.checkbox.disabled [type="checkbox"]:checked ~ .checkmark,
.checkbox.disabled:hover [type="checkbox"]:checked ~ .checkmark {
  background-color: #b8c4cc;
}

.checkbox.disabled label,
.checkbox.disabled:hover label {
  color: #b8c4cc;
  cursor: default;
}

.checkbox-group {
  position: relative;
  border: none;
  margin: 0 0 28px;
  padding: 0;
}

.checkbox-group--compact .checkbox {
  display: inline;
}

.conditional-checkbox-group {
  position: relative;
  border: 0;
  margin: 0 0 28px;
  padding: 0;
}

.conditional-checkbox-group .checkboxes {
  padding-left: 16px;
}

.date-field-group {
  position: relative;
  border: none;
  margin: 0 0 28px;
  padding: 0;
}

.date-field-group::after {
  clear: both;
  content: "";
  display: block;
}

.date-field-group legend {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: block;
  font-weight: bold;
  margin: 0 0 4px;
  padding: 0;
}

.date-field-group .input-field {
  display: inline-block;
  padding: 0 10px 0 0;
  margin-bottom: 0;
}

.date-field-group .input-field:last-child {
  padding-right: 0;
}

form .date-field-group label.error {
  width: 480px;
}

.dropdown-select,
.dropdown-select-other-text,
.dropdown-select-enrolment {
  position: relative;
  margin-bottom: 28px;
}

.dropdown-select label,
.dropdown-select-enrolment label,
.dropdown-select-other-text label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  padding-right: 16px;
}

.dropdown-select select,
.dropdown-select-enrolment select,
.dropdown-select-other-text select {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.dropdown-select .dropdown,
.dropdown-select-enrolment .dropdown,
.dropdown-select-other-text .dropdown {
  display: block;
  margin: 8px 0 0;
  box-sizing: border-box;
  border: 2px solid #b8c4cc;
  box-shadow: 0 4px 0 0 #d0d7dd;
}

.dropdown-select .dropdown:hover,
.dropdown-select .dropdown:focus,
.dropdown-select-enrolment .dropdown:hover,
.dropdown-select-enrolment .dropdown:focus,
.dropdown-select-other-text .dropdown:hover,
.dropdown-select-other-text .dropdown:focus {
  border-color: #5d7384;
  box-shadow: 0 4px 0 0 #b8c4cc;
}

.dropdown-select .dropdown.selected,
.dropdown-select-enrolment .dropdown.selected,
.dropdown-select-other-text .dropdown.selected {
  border-color: #f15b5b;
}

.dropdown-select .dropdown.selected:hover,
.dropdown-select
  .dropdown.selected:focus.
  .dropdown-select-enrolment.dropdown.selected:hover,
.dropdown-select-enrolment
  .dropdown.selected:focus
  .dropdown-select-other-text
  .dropdown.selected:hover,
.dropdown-select-other-text .dropdown.selected:focus {
  border-color: #d41212;
}

.dropdown-select .dropdown.error,
.dropdown-select-enrolment .dropdown.error,
.dropdown-select-other-text .dropdown.error {
  border: 3px solid #a6093d;
}

.dropdown-select .dropdown .dropdown__options,
.dropdown-select-enrolment .dropdown .dropdown__options,
.dropdown-select-other-text .dropdown .dropdown__options {
  display: none;
}

.dropdown-select .dropdown.open,
.dropdown-select-enrolment .dropdown.open,
.dropdown-select-other-text .dropdown.open {
  border-color: #f15b5b;
}

.dropdown-select .dropdown.open .dropdown__options,
.dropdown-select-enrolment .dropdown.open .dropdown__options,
.dropdown-select-other-text .dropdown.open .dropdown__options {
  display: block;
}

.dropdown-select .dropdown.open .dropdown__selected,
.dropdown-select-enrolment .dropdown.open .dropdown__selected,
.dropdown-select-other-text .dropdown.open .dropdown__selected {
  border-bottom: 1px solid #f15b5b;
}

.dropdown-select .dropdown .dropdown__selected,
.dropdown-select .dropdown .dropdown__option,
.dropdown-select-enrolment .dropdown .dropdown__selected,
.dropdown-select-enrolment .dropdown .dropdown__option,
.dropdown-select-other-text .dropdown .dropdown__selected,
.dropdown-select-other-text .dropdown .dropdown__option {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  width: 100%;
  font-weight: 400;
  color: #5d7384;
  background-color: white;
  box-sizing: border-box;
  padding: 8px;
}

.dropdown-select .dropdown .dropdown__selected,
.dropdown-select-enrolment .dropdown .dropdown__selected,
.dropdown-select-other-text .dropdown .dropdown__selected {
  position: relative;
}

.dropdown-select .dropdown .dropdown__selected:after,
.dropdown-select-enrolment .dropdown .dropdown__selected:after,
.dropdown-select-other-text .dropdown .dropdown__selected:after {
  position: absolute;
  top: 18px;
  right: 18px;
  color: black;
  width: 12px;
  height: 6px;
  content: "\00a0";
  background: url("/images/arrow-down-grey.svg") center center no-repeat;
}

.dropdown-select .dropdown .dropdown__selected.selected,
.dropdown-select-enrolment .dropdown .dropdown__selected.selected,
.dropdown-select-other-text .dropdown .dropdown__selected.selected {
  color: white;
  background-color: #f15b5b;
  border-color: #f15b5b;
}

.dropdown-select .dropdown .dropdown__selected.selected:after,
.dropdown-select-enrolment .dropdown .dropdown__selected.selected:after,
.dropdown-select-other-text .dropdown .dropdown__selected.selected:after {
  background-image: url("/images/arrow-down-white.svg");
}

.dropdown-select .dropdown .dropdown__selected.selected:hover,
.dropdown-select .dropdown .dropdown__selected.selected:focus,
.dropdown-select-enrolment .dropdown .dropdown__selected.selected:hover,
.dropdown-select-enrolment .dropdown .dropdown__selected.selected:focus,
.dropdown-select-other-text .dropdown .dropdown__selected.selected:hover,
.dropdown-select-other-text .dropdown .dropdown__selected.selected:focus {
  background-color: #d41212;
  border-color: #d41212;
}

.dropdown-select .dropdown .dropdown__option,
.dropdown-select-enrolment .dropdown .dropdown__option,
.dropdown-select-other-text .dropdown .dropdown__option {
  color: #f15b5b;
  border-bottom: 1px solid #f15b5b;
}

.dropdown-select .dropdown .dropdown__option:last-child,
.dropdown-select-enrolment .dropdown .dropdown__option:last-child,
.dropdown-select-other-text .dropdown .dropdown__option:last-child {
  border: 0;
}

.dropdown-select .dropdown .dropdown__option:hover,
.dropdown-select-enrolment .dropdown .dropdown__option:hover,
.dropdown-select-other-text .dropdown .dropdown__option:hover {
  color: #d41212;
  background-color: #fef1f1;
}

.file-upload {
  position: relative;
  width: 360px;
  margin: 0 auto 28px;
}

.UppyModalOpenerBtn {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/**
 * file-upload-uppy-dashboard.scss
 *
 * Uppy Dashboard styles copied from @uppy/dashboard/dist/style.css
 * Modifications labelled '// UPPY - '
 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/**
* General Uppy styles that apply to everything inside the .Uppy container
*/
.uppy-Root {
  box-sizing: border-box !important;
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.uppy-Root *,
.uppy-Root *:before,
.uppy-Root *:after {
  box-sizing: inherit !important;
}

.uppy-Root *:focus {
  outline: 2px solid #008194 !important;
  outline-offset: 3px !important;
}

.UppyIcon {
  max-width: 100% !important;
  max-height: 100% !important;
  fill: currentColor;
  display: inline-block !important;
  overflow: hidden !important;
}

.UppyIcon--svg-baseline {
  bottom: -0.125em !important;
  position: relative !important;
}

.uppy-u-reset {
  animation: none 0s ease 0s 1 normal none running;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  background: transparent none repeat 0 0 / auto auto padding-box border-box
    scroll !important;
  border: medium none currentColor !important;
  border-collapse: separate !important;
  border-image: none !important;
  border-radius: 0 !important;
  border-spacing: 0 !important;
  bottom: auto !important;
  box-shadow: none !important;
  caption-side: top !important;
  clear: none !important;
  clip: auto !important;
  color: #000 !important;
  columns: auto !important;
  column-count: auto !important;
  column-fill: balance !important;
  column-gap: normal !important;
  column-rule: medium none currentColor !important;
  column-span: 1 !important;
  column-width: auto !important;
  content: normal !important;
  counter-increment: none !important;
  counter-reset: none !important;
  cursor: auto !important;
  display: inline !important;
  empty-cells: show !important;
  font-family: serif !important;
  font-size: medium !important;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  line-height: normal !important;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  hyphens: none !important;
  left: auto !important;
  letter-spacing: normal !important;
  list-style: disc outside none !important;
  margin: 0 !important;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  opacity: 1 !important;
  orphans: 2 !important;
  outline: medium none invert !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 0 !important;
  page-break-after: auto !important;
  page-break-before: auto !important;
  page-break-inside: auto !important;
  perspective: none !important;
  perspective-origin: 50% 50% !important;
  position: static !important;
  right: auto !important;
  -moz-tab-size: 8 !important;
  tab-size: 8 !important;
  table-layout: auto !important;
  text-align: left !important;
  text-align-last: auto !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  text-transform: none !important;
  top: auto !important;
  transform: none !important;
  transform-origin: 50% 50% 0 !important;
  transform-style: flat !important;
  transition: none 0s ease 0s !important;
  unicode-bidi: normal !important;
  vertical-align: baseline !important;
  visibility: visible !important;
  white-space: normal !important;
  widows: 2 !important;
  word-spacing: normal !important;
  z-index: auto !important;
}

.uppy-c-textInput {
  border: 1px solid rgba(147, 147, 147, 0.5) !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  padding: 6px 8px !important;
}

.uppy-c-textInput:focus {
  border-color: #008194 !important;
  outline: none !important;
  box-shadow: 0 0 1px 1px rgba(34, 117, 215, 0.5) !important;
}

.uppy-c-btn {
  display: inline-block !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif !important;
  font-size: 19px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  transition: background-color 0.3s !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer !important;
}

.uppy-c-btn-primary {
  font-size: 19px !important;
  padding: 10px 18px !important;
  border-radius: 4px !important;
  background-color: #008194 !important;
  color: #fff !important;
}

.uppy-c-btn-primary:hover {
  background-color: #004c57 !important;
}

.uppy-c-btn-primary:focus {
  outline: none !important;
}

.uppy-c-btn-link {
  font-size: 19px !important;
  line-height: 1 !important;
  padding: 10px 18px !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  color: #000 !important;
}

.uppy-c-btn-link:hover {
  text-decoration: underline !important;
}

.uppy-c-btn-link:focus {
  outline: none !important;
  box-shadow: 0 0 0 0.2rem rgba(34, 117, 215, 0.5) !important;
}

.uppy-c-btn--small {
  font-size: 19px !important;
  padding: 7px 16px !important;
  border-radius: 2px !important;
}

/* -------------------------------------------------------------------
  Microtip

  Modern, lightweight css-only tooltips
  Just 1kb minified and gzipped

  @author Ghosh
  @package Microtip

----------------------------------------------------------------------
  1. Base Styles
  2. Direction Modifiers
  3. Position Modifiers
--------------------------------------------------------------------*/
/* ------------------------------------------------
  [1] Base Styles
-------------------------------------------------*/
.uppy-Root [aria-label][role~="tooltip"] {
  position: relative;
}

.uppy-Root [aria-label][role~="tooltip"]::before,
.uppy-Root [aria-label][role~="tooltip"]::after {
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s)
    var(--microtip-transition-easing, ease-in-out)
    var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top;
}

.uppy-Root [aria-label][role~="tooltip"]::before {
  background-size: 100% auto !important;
  content: "";
}

.uppy-Root [aria-label][role~="tooltip"]::after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #ffffff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: 0.5em 1em;
  white-space: nowrap;
  box-sizing: content-box;
}

.uppy-Root [aria-label][role~="tooltip"]:hover::before,
.uppy-Root [aria-label][role~="tooltip"]:hover::after,
.uppy-Root [aria-label][role~="tooltip"]:focus::before,
.uppy-Root [aria-label][role~="tooltip"]:focus::after {
  opacity: 1;
  pointer-events: auto;
}

/* ------------------------------------------------
  [2] Position Modifiers
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position|="top"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]::after {
  margin-bottom: 11px;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]::before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]:hover::before {
  transform: translate3d(-50%, -5px, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position|="top"]::after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="top"]:hover::after {
  transform: translate3d(-50%, -5px, 0);
}

/* ------------------------------------------------
  [2.1] Top Left
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position="top-left"]::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="top-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), -5px, 0);
}

/* ------------------------------------------------
  [2.2] Top Right
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position="top-right"]::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
  bottom: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="top-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), -5px, 0);
}

/* ------------------------------------------------
  [2.3] Bottom
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]::after {
  margin-top: 11px;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]::before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%;
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]:hover::before {
  transform: translate3d(-50%, 0, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position|="bottom"]::after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%;
}

.uppy-Root [role~="tooltip"][data-microtip-position="bottom"]:hover::after {
  transform: translate3d(-50%, 0, 0);
}

/* ------------------------------------------------
  [2.4] Bottom Left
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position="bottom-left"]::after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%;
}

.uppy-Root
  [role~="tooltip"][data-microtip-position="bottom-left"]:hover::after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
}

/* ------------------------------------------------
  [2.5] Bottom Right
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position="bottom-right"]::after {
  transform: translate3d(calc(0% + -16px), -10px, 0);
  top: 100%;
}

.uppy-Root
  [role~="tooltip"][data-microtip-position="bottom-right"]:hover::after {
  transform: translate3d(calc(0% + -16px), 0, 0);
}

/* ------------------------------------------------
  [2.6] Left
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position="left"]::before,
.uppy-Root [role~="tooltip"][data-microtip-position="left"]::after {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0;
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]::after {
  margin-right: 11px;
}

.uppy-Root [role~="tooltip"][data-microtip-position="left"]:hover::before,
.uppy-Root [role~="tooltip"][data-microtip-position="left"]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [2.7] Right
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-position="right"]::before,
.uppy-Root [role~="tooltip"][data-microtip-position="right"]::after {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0);
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]::before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E")
    no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px;
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]::after {
  margin-left: 11px;
}

.uppy-Root [role~="tooltip"][data-microtip-position="right"]:hover::before,
.uppy-Root [role~="tooltip"][data-microtip-position="right"]:hover::after {
  transform: translate3d(0, -50%, 0);
}

/* ------------------------------------------------
  [3] Size
-------------------------------------------------*/
.uppy-Root [role~="tooltip"][data-microtip-size="small"]::after {
  white-space: initial;
  width: 80px;
}

.uppy-Root [role~="tooltip"][data-microtip-size="medium"]::after {
  white-space: initial;
  width: 150px;
}

.uppy-Root [role~="tooltip"][data-microtip-size="large"]::after {
  white-space: initial;
  width: 260px;
}

.uppy-Informer {
  position: absolute !important;
  bottom: 60px !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
  opacity: 1 !important;
  transform: none !important;
  transition: all 250ms ease-in !important;
  z-index: 1005 !important;
}

.uppy-Informer[aria-hidden="true"] {
  opacity: 0 !important;
  transform: translateY(350%) !important;
  transition: all 300ms ease-in !important;
}

.uppy-Informer p {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  padding: 6px 15px !important;
  background-color: #5d7384;
  color: #fff !important;
  border-radius: 18px !important;
  max-width: 90% !important;
}

.uppy-Informer span {
  line-height: 12px !important;
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  color: #5d7384 !important;
  background-color: #fff !important;
  border-radius: 50% !important;
  position: relative !important;
  top: -1px !important;
  left: 3px !important;
  font-size: 10px !important;
  margin-left: -1px !important;
}

.uppy-Informer span:hover {
  cursor: help !important;
}

.uppy-Informer span:after {
  line-height: 1.3 !important;
  word-wrap: break-word !important;
}

.uppy-StatusBar {
  display: -ms-flexbox !important;
  display: flex !important;
  position: relative !important;
  height: 45px !important;
  line-height: 40px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: #fff !important;
  background-color: #fff !important;
  z-index: 1001 !important;
  transition: height 0.2s !important;
  padding: 2px 0;
}

.uppy-StatusBar:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 2px !important;
  background-color: white !important;
}

.uppy-StatusBar[aria-hidden="true"] {
  overflow-y: hidden !important;
  height: 0 !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #008194 !important;
}

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #a6093d !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  cursor: default !important;
  color: #008194 !important;
}

.uppy-StatusBar:not([aria-hidden="true"]).is-waiting {
  background-color: #fff !important;
  height: 65px !important;
  border-top: 1px solid rgba(147, 147, 147, 0.3) !important;
}

.uppy-StatusBar-progress {
  background-color: #008194 !important;
  height: 2px !important;
  position: absolute !important;
  z-index: 1001 !important;
  transition: background-color, width 0.3s ease-out !important;
}

.uppy-StatusBar-progress.is-indeterminate {
  background-size: 64px 64px !important;
  background-image: linear-gradient(
    45deg,
    #004c57 25%,
    transparent 25%,
    transparent 50%,
    #004c57 50%,
    #004c57 75%,
    transparent 75%,
    transparent
  ) !important;
  animation: statusBarProgressStripes 1s linear infinite;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none !important;
}

@keyframes statusBarProgressStripes {
  from {
    background-position: 64px 0;
  }
  to {
    background-position: 0 0;
  }
}

.uppy-StatusBar-content {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  position: relative !important;
  top: -8px;
  z-index: 1002 !important;
  padding-left: 15px !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  height: 100% !important;
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  color: #333f48;
  padding-top: 16px;
  text-align: left;
  color: #008194 !important;
}

.uppy-StatusBar-content:before {
  position: relative;
  top: 2px;
  padding-right: 0.5rem;
  content: url("/images/icon-success.svg");
}

.uppy-StatusBar-content svg {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.uppy-StatusBar-contentPadding {
  margin-right: 0.5ch !important;
}

.uppy-StatusBar-status {
  line-height: 1.5 !important;
  font-weight: normal !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.uppy-StatusBar-statusPrimary {
  font-size: 13px !important;
}

.uppy-StatusBar-statusSecondary {
  font-size: 11px !important;
  display: none !important;
  color: rgba(82, 82, 82, 0.8) !important;
  max-width: 170px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.uppy-StatusBar--detailedProgress .uppy-StatusBar-statusSecondary {
  display: inline-block !important;
}

.uppy-StatusBar-statusIndicator {
  color: #5d7384 !important;
  margin-right: 15px !important;
  cursor: pointer !important;
}

.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom !important;
}

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  width: 15px !important;
  margin-right: 7px !important;
}

.uppy-StatusBar-actions {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 10px !important;
  z-index: 1004 !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  width: 100% !important;
  position: static !important;
  padding: 0 15px !important;
  background-color: #f9fafb !important;
}

.uppy-StatusBar-actionBtn {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  position: relative !important;
  height: 42px !important;
  min-width: 150px !important;
  padding: 0 8px !important;
  border: 0 !important;
  color: white !important;
  background-color: #008194 !important;
  box-shadow: 0 4px 0 0 #004c57 !important;
  cursor: pointer !important;
}

.uppy-StatusBar-actionBtn:hover,
.uppy-StatusBar-actionBtn:focus,
.uppy-StatusBar-actionBtn:active,
.uppy-StatusBar-actionBtn.hover {
  color: white !important;
  background-color: #004c57 !important;
  box-shadow: 0 4px 0 0 #00282e !important;
}

.uppy-StatusBar-actionBtn:active,
.uppy-StatusBar-actionBtn.active {
  top: 4px !important;
  color: white !important;
  background-color: #004c57 !important;
  box-shadow: 0 -4px 0 0 #00282e !important;
}

.uppy-StatusBar-actionBtn:disabled,
.uppy-StatusBar-actionBtn:disabled.hover,
.uppy-StatusBar-actionBtn:disabled.active {
  top: 0 !important !important;
  color: #8599a9 !important !important;
  background-color: #e1e6ea !important !important;
  box-shadow: 0 4px 0 0 #d0d7dd !important !important;
  cursor: default !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  width: 100% !important;
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  position: relative !important;
  height: 42px !important;
  min-width: 150px !important;
  padding: 0 8px !important;
  border: 0 !important;
  color: white !important;
  background-color: #f15b5b !important;
  box-shadow: 0 4px 0 0 #d41212 !important;
  cursor: pointer !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:focus,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:active,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.hover {
  color: white !important;
  background-color: #d41212 !important;
  box-shadow: 0 4px 0 0 #ae0f0f !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:active,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.active {
  top: 4px !important;
  color: white !important;
  background-color: #d41212 !important;
  box-shadow: 0 -4px 0 0 #ae0f0f !important;
}

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:disabled,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:disabled.hover,
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:disabled.active {
  top: 0 !important !important;
  color: #8599a9 !important !important;
  background-color: #e1e6ea !important !important;
  box-shadow: 0 4px 0 0 #d0d7dd !important !important;
  cursor: default !important;
}

.uppy-StatusBar-actionBtn:not(:last-child) {
  margin-right: 10px !important;
}

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  background-color: transparent !important;
  color: #008194 !important;
}

.uppy-StatusBar-details {
  line-height: 12px !important;
  width: 13px !important;
  height: 13px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  color: #fff !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-radius: 50% !important;
  position: relative !important;
  top: 0 !important;
  left: 2px !important;
  font-size: 10px !important;
  text-align: center !important;
  cursor: help !important;
}

.uppy-StatusBar-details:hover {
  cursor: help !important;
}

.uppy-StatusBar-details:after {
  line-height: 1.3 !important;
  word-wrap: break-word !important;
}

.uppy-DashboardContent-panelBody {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.uppy-Provider-auth,
.uppy-Provider-error,
.uppy-Provider-loading,
.uppy-Provider-empty {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-flow: column wrap !important;
  flex-flow: column wrap !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.uppy-Provider-authIcon svg {
  width: 100px !important;
  height: 75px !important;
  margin-bottom: 15px !important;
}

.uppy-Provider-authTitle {
  font-size: 17px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  margin-bottom: 30px !important;
  padding: 0 15px !important;
  max-width: 500px !important;
  text-align: center !important;
}

.uppy-Provider-breadcrumbsWrap {
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.uppy-Provider-breadcrumbs {
  display: inline-block !important;
  color: #5d7384 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin-bottom: 10px !important;
}

.uppy-Provider-breadcrumbsIcon {
  display: inline !important;
  color: #5d7384 !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  line-height: 1 !important;
}

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px !important;
  height: 13px !important;
  fill: #5d7384 !important;
}

.uppy-Provider-breadcrumbs button {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  display: inline-block !important;
  cursor: pointer !important;
  font-size: 14px !important;
}

.uppy-Provider-breadcrumbs button:hover {
  text-decoration: underline !important;
}

.uppy-Provider-breadcrumbs button ~ button:before {
  content: "/" !important;
  padding: 0 7px !important;
}

.uppy-ProviderBrowser {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  height: 100% !important;
}

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0 !important;
  line-height: 1 !important;
}

.uppy-ProviderBrowser-user:after {
  content: "\00B7" !important;
  position: relative !important;
  left: 4px !important;
}

.uppy-ProviderBrowser-header {
  z-index: 1001 !important;
  border-bottom: 1px solid rgba(147, 147, 147, 0.3) !important;
  position: relative !important;
}

.uppy-ProviderBrowser-headerBar {
  padding: 12px 15px !important;
  background-color: #f9fafb !important;
  z-index: 1001 !important;
  color: #5d7384 !important;
  line-height: 1 !important;
}

.uppy-ProviderBrowser-headerBar--simple {
  text-align: center !important;
  display: block !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  -ms-flex: none !important;
  flex: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.uppy-ProviderBrowser-search {
  width: 100% !important;
  background-color: #fff !important;
  position: relative !important;
  height: 30px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.uppy-ProviderBrowser-searchInput {
  width: 100% !important;
  height: 30px !important;
  background-color: transparent !important;
  outline: 0 !important;
  font-family: sans-serif !important;
  font-size: 14px !important;
  line-height: 30px !important;
  border: 0 !important;
  padding: 0 16px 0 43px !important;
  z-index: 1001 !important;
}

.uppy-ProviderBrowser-searchInput::-webkit-input-placeholder,
.uppy-ProviderBrowser-searchInput::-moz-placeholder,
.uppy-ProviderBrowser-searchInput::-ms-input-placeholder {
  color: rgba(147, 147, 147, 0.75) !important;
  letter-spacing: 1px !important;
}

.uppy-ProviderBrowser-searchIcon {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  left: 16px !important;
  top: 7px !important;
  z-index: 1002 !important;
  color: rgba(147, 147, 147, 0.6) !important;
}

.uppy-ProviderBrowser-searchClose {
  width: 12px !important;
  height: 12px !important;
  position: absolute !important;
  right: 16px !important;
  top: 7px !important;
  z-index: 1002 !important;
  color: rgba(147, 147, 147, 0.6) !important;
  cursor: pointer !important;
}

.uppy-ProviderBrowser-userLogout {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  cursor: pointer !important;
}

.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline !important;
}

.uppy-ProviderBrowser-body {
  -ms-flex: 1 !important;
  flex: 1 !important;
  position: relative !important;
}

.uppy-ProviderBrowser-list {
  -ms-flex: 1 !important;
  flex: 1 !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #fff !important;
  border-spacing: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.uppy-ProviderBrowserItem-inner {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  cursor: pointer !important;
  font-weight: 600 !important;
}

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem {
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 10px 15px !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
  vertical-align: middle !important;
}

.uppy-ProviderBrowser-viewType--list
  .uppy-ProviderBrowserItem-checkbox
  label:before {
  border-color: rgba(82, 82, 82, 0.4) !important;
}

.uppy-ProviderBrowser-viewType--list
  .uppy-ProviderBrowserItem-checkbox
  input:checked
  + label:before {
  border-color: #008194 !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-align: left !important;
  line-height: 1.4 !important;
}

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  vertical-align: top !important;
  margin-right: 8px !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowser-list {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
  padding: 6px !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowser-list:after {
  content: "" !important;
  -ms-flex: auto !important;
  flex: auto !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem {
  display: inline-block !important;
  width: 50% !important;
  position: relative !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem:before {
  content: "" !important;
  padding-top: 100% !important;
  display: block !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner {
  border-radius: 4px !important;
  overflow: hidden !important;
  position: absolute !important;
  top: 7px !important;
  left: 7px !important;
  right: 7px !important;
  bottom: 7px !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9) !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem img,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem svg {
  width: 100% !important;
  height: 100% !important;
  vertical-align: middle !important;
  object-fit: cover !important;
}

.uppy-ProviderBrowser-viewType--grid
  .uppy-ProviderBrowserItem--noPreview
  .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.3) !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(0, 0, 0, 0.7) !important;
  width: 30% !important;
  height: 30% !important;
}

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox {
  position: absolute !important;
  top: 13px !important;
  right: 22px !important;
  margin-right: 0 !important;
  opacity: 0.95 !important;
  z-index: 1002 !important;
}

.uppy-ProviderBrowser-viewType--grid
  .uppy-ProviderBrowserItem-checkbox
  label:before {
  background-color: #008194 !important;
  border-radius: 50% !important;
  width: 26px !important;
  height: 26px !important;
}

.uppy-ProviderBrowser-viewType--grid
  .uppy-ProviderBrowserItem-checkbox
  label:after {
  width: 12px !important;
  height: 7px !important;
  left: 7px !important;
  top: 10px !important;
}

.uppy-ProviderBrowser-viewType--grid
  .uppy-ProviderBrowserItem-checkbox
  input
  + label {
  opacity: 0 !important;
}

.uppy-ProviderBrowser-viewType--grid
  .uppy-ProviderBrowserItem-checkbox
  input:checked
  + label {
  opacity: 1 !important;
}

.uppy-ProviderBrowserItem-checkbox input {
  opacity: 0 !important;
}

.uppy-ProviderBrowserItem-checkbox {
  position: relative !important;
  display: inline-block !important;
  top: -3px !important;
  margin-right: 15px !important;
}

.uppy-ProviderBrowserItem-checkbox label {
  display: block !important;
}

.uppy-ProviderBrowserItem-checkbox label::before,
.uppy-ProviderBrowserItem-checkbox label::after {
  position: absolute !important;
  cursor: pointer !important;
}

.uppy-ProviderBrowserItem-checkbox label:before {
  content: "" !important;
  display: inline-block !important;
  height: 18px !important;
  width: 18px !important;
  top: 2px !important;
  border: 1px solid #008194 !important;
  background-color: #fff !important;
  border-radius: 2px !important;
}

.uppy-ProviderBrowserItem-checkbox label:after {
  content: "" !important;
  display: inline-block !important;
  height: 5px !important;
  width: 8px !important;
  left: 5px !important;
  top: 8px !important;
  border-left: 2px solid #fff !important;
  border-bottom: 2px solid #fff !important;
  transform: rotate(-45deg) !important;
}

.uppy-ProviderBrowserItem-checkbox input + label::after {
  content: none !important;
}

.uppy-ProviderBrowserItem-checkbox input:checked + label::after {
  content: "" !important;
}

.uppy-ProviderBrowserItem-checkbox input:checked + label::before {
  background-color: #008194 !important;
}

.uppy-ProviderBrowserItem-checkbox input:focus + label::before {
  outline: #3b99fc auto 5px !important;
}

.uppy-ProviderBrowser-footer {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  background: #fff !important;
  height: 65px !important;
  border-top: 1px solid rgba(147, 147, 147, 0.3) !important;
  padding: 0 15px !important;
}

.uppy-ProviderBrowser-footer button {
  margin-right: 10px !important;
}

.uppy-transition-slideDownUp-enter {
  opacity: 0.01 !important;
  transform: translate3d(0, -105%, 0) !important;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out !important;
}

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

.uppy-transition-slideDownUp-leave {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
  transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out !important;
}

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  opacity: 0.01 !important;
  transform: translate3d(0, -105%, 0) !important;
}

.uppy-Dashboard--modal {
  z-index: 1001 !important;
}

.uppy-Dashboard--modal[aria-hidden="true"] {
  display: none !important;
}

@keyframes uppy-Dashboard-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes uppy-Dashboard-fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes uppy-Dashboard-slideDownAndFadeIn {
  from {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
}

@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  from {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes uppy-Dashboard-slideUpFadeOut {
  from {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0;
  }
}

@keyframes uppy-Dashboard-slideUpFadeOut--small {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0;
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
  > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s
    cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
    > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose
  > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
  > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s
    cubic-bezier(0, 0, 0.2, 1);
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
    > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
  }
}

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing
  > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.uppy-Dashboard-isFixed {
  overflow: hidden !important;
  height: 100vh !important;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1001 !important;
}

.uppy-Dashboard-inner {
  position: relative !important;
  background: white url("/images/icon-file-upload.svg") center 30% no-repeat !important;
  max-width: 100%;
  max-height: 100%;
  min-width: 290px !important;
  min-height: 240px !important;
  outline: none !important;
  border: 1px dashed #b8c4cc !important;
  border-radius: 0 !important;
}

.uppy-Dashboard-inner:hover,
.uppy-Dashboard-inner.hover {
  border: 1px solid #5d7384;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 1002 !important;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner {
    width: 750px;
    height: 550px;
  }
}

.uppy-Dashboard-innerWrap {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  border-radius: 5px !important;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  position: fixed !important;
  top: 35px !important;
  left: 15px !important;
  right: 15px !important;
  bottom: 15px !important;
  border: none !important;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15) !important;
  }
}

.uppy-Dashboard-close {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  display: none !important;
  position: absolute !important;
  top: -33px !important;
  right: -2px !important;
  cursor: pointer !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 27px !important;
}

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-close {
    font-size: 35px !important;
    top: -10px !important;
    right: -35px !important;
  }
}

.uppy-Dashboard--modal .uppy-Dashboard-close {
  z-index: 1005 !important;
  display: block !important;
}

.uppy-DashboarAddFiles {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  text-align: center !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: url("/images/icon-file-upload.svg") center 30% no-repeat !important;
}

.uppy-DashboardTabs {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.uppy-DashboardTabs-title {
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: #5d7384 !important;
}

.uppy-Dashboard-browse {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  cursor: pointer !important;
  color: #f15b5b !important;
}

.uppy-Dashboard-browse:hover,
.uppy-Dashboard-browse:focus {
  text-decoration: underline;
}

.uppy-Dashboard-browse:focus {
  outline: none !important;
}

.uppy-DashboardTabs-list {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  max-height: 300px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin-top: 10px !important;
}

.uppy-DashboardTab {
  width: 100% !important;
  display: inline-block !important;
  text-align: center !important;
  border-bottom: 1px solid rgba(147, 147, 147, 0.2) !important;
}

.uppy-DashboardTab-btn {
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  border: 0 !important;
  background-color: transparent !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  color: #5d7384 !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 14px 20px !important;
  line-height: 1 !important;
}

.uppy-DashboardTab-btn:hover {
  color: #008194 !important;
}

.uppy-DashboardTab-btn svg {
  margin-right: 10px !important;
}

.uppy-DashboardTab-btn svg,
.uppy-DashboardTab-btn svg * {
  max-width: 100% !important;
  max-height: 100% !important;
  display: inline-block !important;
  vertical-align: text-top !important;
  overflow: hidden !important;
  transition: transform 0.2s !important;
  will-change: transform !important;
}

.uppy-DashboardTab-btn:hover svg {
  transform: scale(1.1, 1.1) !important;
}

.uppy-DashboardTab-name {
  font-size: 14px !important;
  font-weight: 500 !important;
}

.uppy-DashboardTab svg {
  width: 18px !important;
  height: 18px !important;
  vertical-align: middle !important;
}

.uppy-Dashboard-input {
  width: 0.1px !important;
  height: 0.1px !important;
  opacity: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  z-index: -1 !important;
}

.uppy-DashboardContent-bar {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
  height: 40px !important;
  width: 100% !important;
  border-bottom: 1px solid rgba(147, 147, 147, 0.3) !important;
  z-index: 1004 !important;
  background-color: #f9fafb !important;
  padding: 0 10px !important;
}

.uppy-DashboardContent-title {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
  font-size: 19px !important;
  line-height: 40px !important;
  font-weight: normal !important;
  max-width: 170px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow-x: hidden !important;
  margin: auto !important;
}

.uppy-DashboardContent-back {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  color: #008194 !important;
}

.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-back:focus {
  text-decoration: underline;
}

.uppy-DashboardContent-addMore {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  color: #008194 !important;
}

.uppy-DashboardContent-addMore svg {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.uppy-DashboardContent-addMore:before {
  font-size: 19px;
  content: "Add file(s)";
}

.uppy-DashboardContent-addMore:hover,
.uppy-DashboardContent-addMore:focus {
  text-decoration: underline;
}

.uppy-DashboardContent-addMore svg {
  vertical-align: text-top !important;
}

.uppy-DashboardContent-panel {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #f9fafb !important;
  overflow: hidden !important;
  z-index: 1005 !important;
  border-radius: 5px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.uppy-Dashboard-AddFilesPanel {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: #f9fafb !important;
  background: linear-gradient(
    0deg,
    #f9fafb 35%,
    rgba(250, 250, 250, 0.85) 100%
  ) !important;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
  z-index: 1005 !important;
  border-radius: 5px !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px) !important;
}

.uppy-Dashboard-progress {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 12% !important;
}

.uppy-Dashboard-progressBarContainer.is-active {
  z-index: 1004 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.uppy-Dashboard-next {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: none !important;
  background-color: rgba(147, 147, 147, 0.7) !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: 0 !important;
  z-index: 1002 !important;
  transition: background-color 0.5s !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 14px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  cursor: not-allowed !important;
}

.uppy-Dashboard-next.is-active {
  cursor: pointer !important;
  background-color: #008194 !important;
}

.uppy-Dashboard-next.is-active:hover {
  background-color: #004c57 !important;
}

.uppy-Dashboard-filesContainer {
  position: relative !important;
  overflow-y: hidden !important;
  margin: 0 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.uppy-Dashboard-filesContainer:after {
  content: "" !important;
  display: table !important;
  clear: both !important;
}

.uppy-Dashboard-files {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  min-height: 132px !important;
  background-color: white !important;
}

.uppy-Dashboard.drag .uppy-Dashboard-innerWrap {
  background-color: #b8c4cc !important;
}

.uppy-Dashboard.drag .uppy-Dashboard-AddFilesPanel {
  background: #d0d7dd !important;
}

.uppy-Dashboard.drag .uppy-Dashboard-files--noFiles {
  border-color: #d0d7dd !important;
}

.uppy-Dashboard-dropFilesTitle {
  max-width: 300px !important;
  text-align: center !important;
  font-size: 19px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #5d7384 !important;
  margin: auto !important;
  padding: 32px 16px 0 !important;
}

.uppy-Dashboard-note {
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  color: #5d7384 !important;
  position: absolute !important;
  bottom: 24px !important;
  left: 0 !important;
  width: 100% !important;
}

.uppy-Dashboard-poweredBy {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.uppy-Dashboard-poweredByUppy {
  color: #8599a9 !important;
}

.uppy-Dashboard-poweredByIcon {
  stroke: #8599a9 !important;
  fill: none !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  position: relative !important;
  top: 1px !important;
  opacity: 0.9 !important;
}

.uppy-DashboardItem {
  list-style: none !important;
  margin: 6px 0 7px !important;
  position: relative !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  border-bottom: 1px solid #b8c4cc !important;
  padding: 0 16px !important;
}

.uppy-DashboardItem-preview {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.uppy-DashboardItem-previewLink {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1002 !important;
}

.uppy-DashboardItem-sourceIcon {
  display: inline-block !important;
  vertical-align: middle !important;
  width: 11px !important;
  height: 11px !important;
  color: rgba(147, 147, 147, 0.85) !important;
}

.uppy-DashboardItem-sourceIcon svg,
.uppy-DashboardItem-sourceIcon svg * {
  max-width: 100% !important;
  max-height: 100% !important;
  display: inline-block !important;
  vertical-align: text-top !important;
  overflow: hidden !important;
  fill: currentColor !important;
}

.uppy-DashboardItem-previewInnerWrap {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  box-shadow: 0 0 2px 0 rgba(147, 147, 147, 0.7) !important;
  border-radius: 3px !important;
}

.uppy-DashboardItem-previewInnerWrap:after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background-color: rgba(0, 0, 0, 0.65) !important;
  display: none !important;
  z-index: 1001 !important;
}

.uppy-DashboardItem-preview img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.uppy-DashboardItem-previewIconWrap {
  height: 80px !important;
  max-height: 90% !important;
  position: relative !important;
}

.uppy-DashboardItem-previewIconBg {
  width: 100% !important;
  height: 100% !important;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 1px) !important;
}

.uppy-DashboardItem-previewIcon {
  width: 18px !important;
  height: 18px !important;
  z-index: 100 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.uppy-DashboardItem-previewType {
  position: absolute !important;
  bottom: 14px !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  text-transform: uppercase !important;
  font-size: 9px !important;
  letter-spacing: 1px !important;
  color: #5d7384 !important;
  z-index: 100 !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.uppy-DashboardItem-info {
  padding-left: 0 !important;
  position: relative !important;
  max-width: 75% !important;
}

.uppy-DashboardItem-name {
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: 24px !important;
  margin-bottom: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.uppy-DashboardItem-name a {
  text-decoration: underline !important;
  color: #000 !important;
}

.uppy-DashboardItem-status {
  font-size: 11px !important;
  line-height: 11px !important;
  font-weight: normal !important;
  color: #5d7384 !important;
  margin-bottom: 4px !important;
}

.uppy-DashboardItem-statusSize {
  display: inline-block !important;
  vertical-align: bottom !important;
  text-transform: uppercase !important;
}

.uppy-DashboardItem-edit,
.uppy-DashboardItem-copyLink {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  display: inline-block !important;
  vertical-align: bottom !important;
  cursor: pointer !important;
}

.uppy-DashboardItem-copyLink {
  width: 11px !important;
  height: 11px !important;
}

.uppy-DashboardItem-edit:not(:first-child),
.uppy-DashboardItem-copyLink:not(:first-child),
.uppy-DashboardItem-sourceIcon:not(:first-child) {
  position: relative !important;
  margin-left: 14px !important;
}

.uppy-DashboardItem-edit:not(:first-child):before,
.uppy-DashboardItem-copyLink:not(:first-child):before,
.uppy-DashboardItem-sourceIcon:not(:first-child):before {
  content: "\00B7" !important;
  position: absolute !important;
  top: 0 !important;
  left: -9px !important;
  color: #8599a9 !important;
  font-weight: 700 !important;
}

.uppy-DashboardItem-action {
  position: absolute !important;
  top: 6px !important;
  right: 16px !important;
  z-index: 1002 !important;
}

.uppy-DashboardItem-remove {
  background: url(/images/icon-trash.svg) top right no-repeat !important;
  -webkit-appearance: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  cursor: pointer !important;
  color: #000 !important;
  width: 24px !important;
  height: 24px !important;
}

.uppy-DashboardItem-remove svg {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.uppy-DashboardItem.is-inprogress:not(.is-resumable)
  .uppy-DashboardItem-remove {
  display: none !important;
}

.uppy-DashboardItem-progress {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 1002 !important;
  color: #fff !important;
  text-align: center !important;
  width: 120px !important;
  display: none !important;
  transition: all 0.35 ease !important;
}

.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress {
  transform: initial !important;
  top: -9px !important;
  right: -8px !important;
  left: initial !important;
  width: auto !important;
}

.uppy-DashboardItem.is-inprogress .uppy-DashboardItem-progress,
.uppy-DashboardItem.is-complete .uppy-DashboardItem-progress,
.uppy-DashboardItem.is-error .uppy-DashboardItem-progress {
  display: block !important;
}

.uppy-DashboardItem-progressIndicator {
  background: none !important;
  -webkit-appearance: none !important;
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif !important;
  font-size: 19px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  color: inherit !important;
  display: inline-block !important;
  width: 38px !important;
  height: 38px !important;
  opacity: 0.9 !important;
  transition: all 0.35s ease !important;
}

button.uppy-DashboardItem-progressIndicator {
  cursor: pointer !important;
}

.uppy-DashboardItem.is-error .uppy-DashboardItem-progressIndicator {
  width: 18px !important;
  height: 18px !important;
}

.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
  width: 18px !important;
  height: 18px !important;
  opacity: 1 !important;
}

.uppy-DashboardItem-progressInfo {
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  height: 10px !important;
  display: none !important;
  position: absolute !important;
  bottom: -10px !important;
  left: 0 !important;
  width: 100% !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3) !important;
}

.UppyIcon-progressCircle {
  width: 100% !important;
  height: 100% !important;
}

.uppy-DashboardItem .bg {
  stroke: rgba(255, 255, 255, 0.4) !important;
  opacity: 0 !important;
}

.uppy-DashboardItem .progress {
  stroke: #fff !important;
  transition: stroke-dashoffset 0.5s ease-out !important;
  opacity: 0 !important;
}

.uppy-DashboardItem .play {
  stroke: #fff !important;
  fill: #fff !important;
  opacity: 0 !important;
  transition: all 0.2s !important;
  display: none !important;
}

.uppy-DashboardItem .cancel {
  fill: #fff !important;
  opacity: 0 !important;
  transition: all 0.2s !important;
}

.uppy-DashboardItem .pause {
  stroke: #fff !important;
  fill: #fff !important;
  opacity: 0 !important;
  transition: all 0.2s !important;
  display: none !important;
}

.uppy-DashboardItem.is-error .retry {
  fill: #fff !important;
}

.uppy-DashboardItem.is-resumable .pause,
.uppy-DashboardItem.is-resumable .play {
  display: block !important;
}

.uppy-DashboardItem.is-resumable .cancel {
  display: none !important;
}

.UppyIcon-progressCircle .check {
  opacity: 0 !important;
  fill: #fff !important;
  transition: all 0.2s !important;
}

.uppy-DashboardItem.is-inprogress .bg,
.uppy-DashboardItem.is-inprogress .progress,
.uppy-DashboardItem.is-inprogress .pause,
.uppy-DashboardItem.is-inprogress .cancel {
  opacity: 1 !important;
}

.uppy-DashboardItem.is-inprogress .uppy-DashboardItem-previewInnerWrap:after {
  display: block !important;
}

.uppy-DashboardItem.is-error .uppy-DashboardItem-previewInnerWrap:after {
  display: block !important;
}

.uppy-DashboardItem.is-paused .pause {
  opacity: 0 !important;
}

.uppy-DashboardItem.is-paused .play {
  opacity: 1 !important;
}

.uppy-DashboardItem.is-complete .uppy-DashboardItem-progressIndicator {
  cursor: default !important;
}

.uppy-DashboardItem.is-complete .progress {
  stroke: #008194 !important;
  fill: #008194 !important;
  opacity: 1 !important;
}

.uppy-DashboardItem.is-complete .check {
  opacity: 1 !important;
}

.uppy-DashboardItem-progressNum {
  position: relative !important;
  z-index: 1001 !important;
}

.uppy-DashboardItem-progressInner {
  height: 15px !important;
  background-color: #008194 !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.uppy-Dashboard-actions {
  height: 55px !important;
  border-top: 1px solid rgba(147, 147, 147, 0.3) !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding: 0 15px !important;
  background-color: #f9fafb !important;
}

.uppy-Dashboard-actionsBtn {
  margin-right: 10px !important;
}

.uppy-Dashboard-pauseResume .UppyIcon {
  width: 100% !important;
  height: 100% !important;
}

.uppy-Dashboard-upload {
  position: relative !important;
  width: 50px !important;
  height: 50px !important;
}

.uppy-Dashboard-upload .UppyIcon {
  position: relative !important;
  top: 1px !important;
  width: 50% !important;
}

.uppy-Dashboard-uploadCount {
  position: absolute !important;
  top: -12px !important;
  right: -12px !important;
  background-color: #008194 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  font-size: 8px !important;
}

.uppy-DashboardFileCard {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1005 !important;
  box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1) !important;
  background-color: #fff !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.uppy-DashboardFileCard-inner {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  height: 100% !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
}

.uppy-DashboardFileCard-preview {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  border-bottom: 1px solid rgba(147, 147, 147, 0.3) !important;
  background-color: #f9fafb;
  position: relative !important;
}

.uppy-DashboardFileCard-preview img {
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15) !important;
  max-width: 90% !important;
  max-height: 90% !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  position: absolute !important;
}

.uppy-DashboardFileCard-info {
  padding: 30px 20px 20px 20px !important;
  max-height: 40% !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.uppy-DashboardFileCard-fieldset {
  font-size: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  max-width: 640px !important;
  margin: auto !important;
  margin-bottom: 12px !important;
}

.uppy-DashboardFileCard-label {
  display: inline-block !important;
  vertical-align: middle !important;
  width: 22% !important;
  font-size: 12px !important;
  color: #5d7384 !important;
}

.uppy-DashboardFileCard-input {
  display: inline-block !important;
  vertical-align: middle !important;
  width: 78% !important;
}

.heading {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  color: #333f48;
  margin: 28px 0;
}

.heading .heading__label {
  font-weight: 400;
}

.subheading {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #333f48;
  margin: 28px 0 28px 0;
}

.small-heading {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  font-size: 19px;
  font-weight: 700;
  margin: 14px 0;
}

.input-field {
  position: relative;
  margin-bottom: 28px;
}

.input-field.input-field--short input {
  width: 150px;
}

.input-field.input-field--medium input {
  width: 79%;
}

.input-field label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
}

.input-field input {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: block;
  width: 100%;
  height: 40px;
  margin-top: 8px;
  border: 1px solid #b8c4cc;
  padding: 0 10px;
  box-shadow: inset 0 3px 0 0 #e1e6ea;
}

.input-field textarea {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: block;
  width: 100%;
  margin-top: 8px;
  border: 1px solid #b8c4cc;
  padding: 0 10px;
  box-shadow: inset 0 3px 0 0 #e1e6ea;
}

.input-field input:-ms-input-placeholder {
  color: #5d7384;
  opacity: 1;
}

.input-field input::placeholder {
  color: #5d7384;
  opacity: 1;
}

.input-field input:hover {
  border-color: #5d7384;
}

.input-field input:focus,
.input-field input:active {
  border-color: #f15b5b;
}

.input-field.hover input {
  border-color: #5d7384;
}

.input-field.focus input {
  border-color: #f15b5b;
}

.input-field.error input,
.input-field input.error {
  border: 3px solid #a6093d;
}

.input-field--masked-date input {
  width: 160px;
}

.message {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 24px;
  color: #333f48;
  padding-top: 16px;
  text-align: left;
}

.message:before {
  position: relative;
  top: 2px;
  padding-right: 0.5rem;
}

.message--emailVerified {
  color: #008194;
  margin-left: 15px;
}

.message--success {
  color: #008194;
}

.message--success:before {
  content: url("/images/icon-success.svg");
}

.message--error {
  color: #a6093d;
}

.message--error:before {
  content: url("/images/icon-error.svg");
}

.page-navigation {
  margin-top: 64px;
  height:0;
}

.page-navigation--previous {
  width: 40%;
  float: left;
}

.page-navigation--next {
  width: 40%;
  float: right;
  text-align: right;
}

.page-navigation-prev-skip {
  margin-bottom: 64px;
}

.page-navigation-prev-skip::after {
  clear: both;
  content: "";
  display: block;
}

p,
.paragraph {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333f48;
  margin: 0 0 28px 0;
}

.paragraph-small {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  margin: 0 0 28px 0;
}

.input-field--password {
  position: relative;
}

.input-field--password .show {
  position: absolute;
  top: 42px;
  right: 42px;
  font-size: 13px;
  color: #f15b5b;
  cursor: pointer;
}

.input-field--postcode-lookup {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  position: relative;
  margin-bottom: 28px;
}

.input-field--postcode-lookup .button--postcode-find,
.input-field--postcode-lookup .link--enter-manually {
  display: inline-block;
  margin: 8px 16px 0 0;
}

.progress-indicator {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  color: #5d7384;
  position: relative;
  margin-bottom: 16px;
}

.progress-indicator em {
  font-style: normal;
  font-weight: 700;
  color: #008194;
}

.progress-indicator .progress-indicator__steps {
  display: block;
  margin-bottom: 6px;
  height: 16px;
  width: 100%;
  background-color: #e1e6ea;
}

.progress-indicator .progress-indicator__step {
  position: absolute;
  top: 0;
  display: block;
  height: 16px;
  width: attr(data-width);
  background-color: #008194;
}

.prompt {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  color: #5d7384;
}

.prompt:before {
  content: url("/images/icon-info.svg");
  position: relative;
  top: 3px;
  padding-right: 0.5rem;
}

.question {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #333f48;
}

.radio-button {
  position: relative;
  display: block;
  margin-bottom: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-button label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: block;
  padding-left: 2.5em;
  cursor: pointer;
}

.radio-button .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  border: 2px solid #8599a9;
  border-radius: 50%;
  background-color: white;
  box-shadow: inset 0 3px 0 0 #e1e6ea;
}

.radio-button .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background-color: #f15b5b;
}

.radio-button [type="radio"] {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

.radio-button [type="radio"]:checked ~ .checkmark {
  background-color: white;
  border-color: #f15b5b;
  box-shadow: none;
}

.radio-button [type="radio"]:checked ~ .checkmark:hover {
  background-color: white;
  border-color: #d41212;
}

.radio-button [type="radio"]:checked ~ .checkmark:after {
  display: block;
}

.radio-button:hover [type="radio"] ~ .checkmark,
.radio-button.hover [type="radio"] ~ .checkmark {
  background-color: #fef1f1;
}

.radio-button:hover [type="radio"]:checked ~ .checkmark,
.radio-button.hover [type="radio"]:checked ~ .checkmark {
  background-color: white;
  border-color: #d41212;
}

.radio-button:hover [type="radio"]:checked ~ .checkmark:after,
.radio-button.hover [type="radio"]:checked ~ .checkmark:after {
  background-color: #d41212;
}

.radio-button.error [type="radio"] ~ .checkmark {
  border-color: #a6093d;
  border-width: 3px;
}

.radio-button.error:hover [type="radio"] ~ .checkmark,
.radio-button.error.hover [type="radio"] ~ .checkmark {
  background-color: #feedf3;
}

.radio-button-group {
  position: relative;
  border: none;
  margin: 0 0 28px;
  padding: 0;
}

.radio-button-group--compact .radio-button {
  display: inline;
}

.radio-button-group--compact label {
  display: inline;
  padding: 0 24px 0 32px;
}

.radio-button-group--compact .checkmark {
  top: -4px;
}

.segmented-control {
  position: relative;
  width: 100%;
  margin-bottom: 28px;
  text-align: center;
}

.segmented-control input[type="radio"] {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.segmented-control .segmented-control__label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: inline-block;
  text-align: center;
  height: 42px;
  margin: 0 0 0 -6px;
  padding: 7px;
  color: #f15b5b;
  background-color: white;
  border: 1px solid #b8c4cc;
  box-shadow: 0 4px 0 0 #d0d7dd;
  border-right-color: transparent;
  cursor: pointer;
  width: 50%;
}

.segmented-control .segmented-control__label:last-of-type {
  border-right-color: #d0d7dd;
}

.segmented-control .segmented-control__label:hover,
.segmented-control .segmented-control__label.hover {
  color: #d41212;
  background-color: #fef1f1;
}

.segmented-control .segmented-control__label.invalid {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: inline-block;
  text-align: center;
  height: 42px;
  margin: 0 0 0 -6px;
  padding: 7px;
  color: #a6093d;
  background-color: white;
  border: 2px solid #a6093d;
  box-shadow: 0 4px 0 0 #d0d7dd;
  border-right-color: transparent;
  cursor: pointer;
}

.segmented-control .segmented-control__label.invalid:last-of-type {
  border-right-color: #a6093d;
}

.segmented-control .segmented-control__label.invalid:hover,
.segmented-control .segmented-control__label.invalid.hover {
  color: #7f072f;
  background-color: #feedf3;
}

.segmented-control input[type="radio"]:checked + label,
.segmented-control .checked {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  display: inline-block;
  text-align: center;
  height: 42px;
  margin: 0 0 0 -6px;
  padding: 7px;
  color: white;
  background-color: #f15b5b;
  border: 1px solid #b8c4cc;
  box-shadow: 0 4px 0 0 #d0d7dd;
  border-right-color: transparent;
  cursor: pointer;
}

.segmented-control input[type="radio"]:checked + label:last-of-type,
.segmented-control .checked:last-of-type {
  border-right-color: #d0d7dd;
}

.segmented-control input[type="radio"]:checked + label:hover,
.segmented-control input[type="radio"]:checked + label.hover,
.segmented-control .checked:hover,
.segmented-control .checked.hover {
  color: white;
  background-color: #d41212;
}

.segmented-control--2-across .segmented-control__label {
  width: 50%;
}

.segmented-control--3-across .segmented-control__label {
  width: 33%;
}

.segmented-control--4-across .segmented-control__label {
  width: 25%;
}

.user-bar {
  position: relative;
  background: #333f48;
  padding: 24px 24px;
}

.user-bar::after {
  clear: both;
  content: "";
  display: block;
}

.user-bar .user-bar__users {
  width: 100%;
  float: left;
}

.user-bar .user-bar__users .volunteer {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  line-height: 32px;
  color: #333f48;
}

.user-bar .user-bar__users h1.volunteer {
  color: white;
}

.user-bar .user-bar__users .participant,
.user-bar .user-bar__users .volunteer-action {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  color: #f15b5b;
  margin: 0 0 4px;
}

.user-bar .user-bar__users .participant .label,
.user-bar .user-bar__users .volunteer-action .label {
  font-weight: 400;
  font-size: 19px;
  color: white;
}

.user-bar .user-bar__action {
  position: absolute;
  top: 28px;
  right: 24px;
}

.user-bar .user-bar__menu {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  top: 28px;
  right: 24px;
  color: #333f48;
  background-color: #b8c4cc;
  border-bottom: 4px solid #8599a9;
  z-index: 20;
}

.user-bar .user-bar__menu-options {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  color: #333f48;
  position: absolute;
  background-color: #b8c4cc;
  border-bottom: 4px solid #8599a9;
  z-index: 20;
}

.user-bar .user-bar__menu:hover,
.user-bar .user-bar__menu:focus {
  color: #1e252a;
  background-color: #8599a9;
  border-bottom: 4px solid #5d7384;
}

.user-bar .user-bar__menu-select {
  padding: 8px 16px;
  width: 100%;
}

.user-bar .user-bar__menu-select:after {
  position: absolute;
  top: 7px;
  right: 24px;
  content: url("/images/arrow-down-grey.svg");
}

.user-bar .user-bar__menu-select.open:after {
  content: url("/images/arrow-up-grey.svg");
}

.user-bar .user-bar__menu-options {
  display: none;
}

.user-bar .user-bar__menu-option {
  color: #333f48;
  background-color: #d0d7dd;
  padding: 8px 16px;
}

.user-bar .user-bar__menu-option .name {
  display: block;
  font-weight: 700;
}

.user-bar .user-bar__menu-option .name:before {
  display: inline-block;
  content: url("/images/icon-user-avatar-black.svg");
  padding-right: 8px;
}

.user-bar .user-bar__menu-option .label {
  display: block;
}

.user-bar .user-bar__menu-option .add-participant {
  border-bottom: 0;
}

.user-bar .user-bar__menu-option .add-participant:before {
  position: relative;
  top: 4px;
  display: inline-block;
  content: url("/images/icon-add.svg");
  padding-right: 8px;
}

.user-bar .user-bar__menu-option:hover,
.user-bar .user-bar__menu-option:focus {
  color: #1e252a;
  background: #b8c4cc;
}

.user-bar .user-bar__menu-option.active .name:before {
  content: url("/images/icon-user-avatar-black.svg");
}

.user-bar .user-bar__menu-option.active .add-participant:before {
  content: url("/images/icon-add-white.svg");
}

.user-bar .user-bar__menu-option.active .count {
  color: #f15b5b;
  background-color: white;
  padding-left: 1px;
}

.user-bar-button {
  padding: 5px 20px;
  text-align: center;
}

.user-bar-padding div {
  padding: 0;
  vertical-align: center;
}

@media (max-width: 767px) {
  .dropdown-width {
    width: 100%;
    border-radius: 0.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .user-bar .user-bar__menu-option {
    padding: 8px 25px;
  }

  .user-bar-button {
    display: block;
    height: 40px;
  }

  .user-bar-item {
    margin: 5px 0;
  }
}

@media (min-width: 768px) {
  .dropdown-width {
    width: 70%;
    border-radius: 0.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .user-bar__users .button,
  .user-bar__users a {
    text-align: center;
    vertical-align: center;
    height: inherit;
    width: inherit;
    padding-top: 5px;
  }

  .user-bar .user-bar__menu-option {
    padding: 8px 30px;
  }
}

.user-bar .count {
  position: relative;
  top: -2px;
  padding-left: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: inline-block;
  color: white;
  background-color: #f15b5b;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  text-align: center;
}

@media (min-width: 481px) {
  .user-bar.container {
    border-left: 2px solid #334049;
  }
}

.button--account-settings {
  text-align: center;
  height: fit-content;
  padding: 10px;
  margin: 20px 15px;
}

.tab-bar { 
  margin: 0 0 24px 0;
  padding: 0;
}

.tab-bar::after {
  clear: both;
  content: "";
  display: block;
}

.tab-bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: white;
}

.tab-bar li {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
}

.tab-bar li a,
.tab-bar li span {
  display: block;
  height: 40px;
  color: white;
  background-color: #f15b5b;
  border-right: 1px solid #f15b5b;
  padding-top: 6px;
  text-align: center;
}

.tab-bar li a {
  color: #8599a9;
  background-color: white;
  border-right-color: #8599a9;
  text-decoration: none;
}

.tab-bar li:last-child a,
.tab-bar li:last-child span {
  border-right: none;
}

.tab-bar li .count {
  position: relative;
  top: 1px;
  padding: 10px 0 0 1px;
  font-size: 15px;
  font-weight: 700;
  line-height: 0;
  display: inline-block;
  color: white;
  background-color: #f15b5b;
  height: 21px;
  width: 21px;
  border-radius: 50%;
  text-align: center;
}

.user-bar + .tab-bar {
  margin-top: -28px;
}

.hideable-panel {
  position: relative;
  margin: 0 -24px 28px;
  background-color: white;
  border: 1px solid #f15b5b;
  padding: 48px 24px;
}

.hideable-panel .hideable-panel__close {
  position: absolute;
  display: inline-block;
  top: 16px;
  right: 16px;
  height: 40px;
  width: 40px;
  text-align: center;
  padding-top: 10px;
  cursor: pointer;
  z-index: 10;
}

.hideable-panel .hideable-panel__close:hover {
  opacity: 0.7;
}

.hideable-panel.closed {
  display: none;
}

.user-bar ~ .hideable-panel {
  margin-top: -28px;
}

.content-panel {
  padding: 16px;
}

.content-panel__header--dark {
  margin: -16px -16px 0;
  padding: 8px 16px;
  background-color: #333f48;
  color: white;
}

.content-panel__header--dark h2 {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  color: white;
  margin: 0;
}

.content-panel__hrule {
  margin: 0 -16px;
  height: 1px;
  border: 0;
  background-color: #b8c4cc;
}

.accordion__item {
  position: relative;
  margin-top: 8px;
}

.accordion__header {
  color: #333f48;
  background: #b8c4cc url("/images/arrow-up-grey.svg") 98% 50% no-repeat;
}
.profile__header {
  color: #333f48;
  background: #b8c4cc;
  padding-left: 10px;
  height: 35px;
  line-height: 2;
}

.accordion__header::after {
  clear: both;
  content: "";
  display: block;
}

.accordion__item.closed .accordion__header {
  background-image: url("/images/arrow-down-grey.svg");
}

.accordion__header:hover {
  color: #1e252a;
  background-color: #8599a9;
  cursor: pointer;
}

.accordion__header h2 {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  width: 75%;
  float: left;
  margin: 0;
  padding: 8px 16px;
}

.accordion__header .accordion__edit {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  text-decoration: underline;
  float: right;
  padding: 8px 32px 0 0;
}

.accordion__content {
  padding: 16px 0;
  width: 100%;
}

.accordion__item.closed .accordion__content {
  display: none;
}

.meta-tag {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  padding: 0 8px;
  color: white;
  background-color: #5d7384;
}

.meta-tag--primary {
  background-color: #f15b5b;
}

.meta-tag--secondary {
  background-color: #008194;
}

.meta-tag--tertiary {
  background-color: #5d7384;
}

.meta-tag--quaternary {
  color: #5d7384;
  background-color: white;
  border: 1px solid #5d7384;
}

.meta-info {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  padding: 0 8px;
  color: #5d7384;
  background-color: white;
}

.meta-info--primary {
  color: #f15b5b;
}

.meta-info--secondary {
  color: #008194;
}

.meta-info--tertiary {
  color: #5d7384;
}

.meta-bar {
  margin: 24px 0 48px;
}

.meta-bar::after {
  clear: both;
  content: "";
  display: block;
}

.tab-panel__pane {
  display: none;
}

.tab-panel__pane.active {
  display: block;
}

.tab-panel__pane .tab-panel__label {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.tab-panel__tabs {
  background-color: #b8c4cc;
}

.tab-panel__tabs::after {
  clear: both;
  content: "";
  display: block;
}

.tab-panel__tab {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  float: left;
  padding: 8px 16px;
  text-align: center;
  color: #8599a9;
  background-color: #e1e6ea;
  border-right: 1px solid #8599a9;
}

.tab-panel__tab.active {
  color: #333f48;
  background-color: white;
}

.tab-panel__tab:last-child {
  border: 0;
}

.tab-panel__content {
  padding: 16px;
  background-color: white;
}

.input-field--date-picker label {
  position: relative;
  display: block;
  width: 100%;
}

.input-field--date-picker label:after {
  position: absolute;
  bottom: -6px;
  right: 0;
  content: url("/images/icon-datepicker.svg");
}

.input-field--date-picker input[data-toggle="datepicker"] {
  width: 100%;
}

.datepicker-container {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  font-size: 17px !important;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.select-slider-field {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
  font-size: 16px;
}

.select-slider-field label {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
}

.select-slider-field .slider {
  position: relative;
  margin: 32px auto;
  box-shadow: inset 0 3px 0 0 #e1e6ea;
}

.select-slider-field .slider__input {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.select-slider-field .slider__mercury {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f15b5b;
  width: 0;
  height: 16px;
}

.select-slider-field .slider__label-1 {
  position: absolute;
  bottom: -32px;
  left: 0;
}

.select-slider-field .slider__label-2 {
  position: absolute;
  bottom: -32px;
  right: 0;
}

.select-slider-field .slider__value {
  position: absolute;
  top: -32px;
  left: 0;
  display: block;
  width: 100%;
  font-weight: 700;
  text-align: center;
}

.select-slider-field .ui-slider {
  height: 18px;
  width: 100%;
  background-color: white;
  border: 1px solid #8599a9;
  border-radius: 0;
}

.select-slider-field .ui-slider .ui-slider-handle {
  top: -8px;
  margin-left: -16px;
  height: 32px;
  width: 32px;
  background-color: white;
  border: 1px solid #8599a9;
  border-radius: 50%;
}

.masthead {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.masthead .site-logo img {
  width: 350px;
}

@media (max-width: 767px) {
  .masthead {
    flex-direction: column;
  }

  .masthead .site-logo img {
    width: 300px;
  }
}

.colour-swatches th,
.colour-swatches td {
  text-align: left;
  padding: 0 5px;
}

.colour-swatch__name {
  font-weight: 700;
}

.colour-swatch__rgb {
  font-family: "Courier", monospace;
}

.colour-swatch__swatch span {
  display: block;
  width: 50px;
  height: 25px;
  border: 1px solid black;
}

.ruby-L60 {
  background-color: #feedf3;
}

.black {
  background-color: black;
}

.grey {
  background-color: #333f48;
}

.grey-D10 {
  background-color: #1e252a;
}

.grey-L20 {
  background-color: #5d7384;
}

.grey-L35 {
  background-color: #8599a9;
}

.grey-L52 {
  background-color: #b8c4cc;
}

.grey-L60 {
  background-color: #d0d7dd;
}

.grey-L66 {
  background-color: #e1e6ea;
}

.grey-L74 {
  background-color: #f9fafb;
}

.white {
  background-color: white;
}

.coral {
  background-color: #f15b5b;
}

.coral-D20 {
  background-color: #d41212;
}

.coral-D28 {
  background-color: #ae0f0f;
}

.coral-L32 {
  background-color: #fef1f1;
}

.ruby {
  background-color: #a6093d;
}

.ruby-D8 {
  background-color: #7f072f;
}

.turquoise {
  background-color: #008194;
}

.turquoise-D12 {
  background-color: #004c57;
}

.turquoise-D20 {
  background-color: #00282e;
}

.font-swatches th,
.font-swatches td {
  text-align: left;
  padding: 0 20px;
  vertical-align: middle;
  border-bottom: 1px solid #d0d7dd;
  line-height: 1.5;
}

.font-swatch__name {
  font-weight: 600;
  width: 90px;
}

.font-swatch__usage {
  font-weight: 600;
  width: 80px;
}

.font-swatch__swatch-large-text span {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  color: #333f48;
}

.font-swatch__swatch-bold-text span {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  color: #333f48;
}

.font-swatch__swatch-normal-text span {
  font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: #333f48;
}

.font-swatch__swatch-small-text span {
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  color: #333f48;
}

.datepicker-container {
  background-color: #fff;
  direction: ltr;
  font-size: 12px;
  left: 0;
  line-height: 30px;
  position: fixed;
  top: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 210px;
  z-index: -1;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.datepicker-container::before,
.datepicker-container::after {
  border: 5px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.datepicker-dropdown {
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px #ccc;
  box-sizing: content-box;
  position: absolute;
  z-index: 1;
}

.datepicker-inline {
  position: static;
}

.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #39f;
}

.datepicker-top-left::before,
.datepicker-top-left::after,
.datepicker-top-right::before,
.datepicker-top-right::after {
  border-top: 0;
  left: 10px;
  top: -5px;
}

.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #39f;
}

.datepicker-top-left::after,
.datepicker-top-right::after {
  border-bottom-color: #fff;
  top: -4px;
}

.datepicker-bottom-left,
.datepicker-bottom-right {
  border-bottom-color: #39f;
}

.datepicker-bottom-left::before,
.datepicker-bottom-left::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  border-bottom: 0;
  bottom: -5px;
  left: 10px;
}

.datepicker-bottom-left::before,
.datepicker-bottom-right::before {
  border-top-color: #39f;
}

.datepicker-bottom-left::after,
.datepicker-bottom-right::after {
  border-top-color: #fff;
  bottom: -4px;
}

.datepicker-top-right::before,
.datepicker-top-right::after,
.datepicker-bottom-right::before,
.datepicker-bottom-right::after {
  left: auto;
  right: 10px;
}

.datepicker-panel > ul {
  margin: 0;
  padding: 0;
  width: 102%;
}

.datepicker-panel > ul::before,
.datepicker-panel > ul::after {
  content: " ";
  display: table;
}

.datepicker-panel > ul::after {
  clear: both;
}

.datepicker-panel > ul > li {
  background-color: #fff;
  cursor: pointer;
  float: left;
  height: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 30px;
}

.datepicker-panel > ul > li:hover {
  background-color: #e5f2ff;
}

.datepicker-panel > ul > li.muted,
.datepicker-panel > ul > li.muted:hover {
  color: #999;
}

.datepicker-panel > ul > li.highlighted {
  background-color: #e5f2ff;
}

.datepicker-panel > ul > li.highlighted:hover {
  background-color: #cce5ff;
}

.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #39f;
}

.datepicker-panel > ul > li.disabled,
.datepicker-panel > ul > li.disabled:hover {
  background-color: #fff;
  color: #ccc;
  cursor: default;
}

.datepicker-panel > ul > li.disabled.highlighted,
.datepicker-panel > ul > li.disabled:hover.highlighted {
  background-color: #e5f2ff;
}

.datepicker-panel > ul > li[data-view="years prev"],
.datepicker-panel > ul > li[data-view="year prev"],
.datepicker-panel > ul > li[data-view="month prev"],
.datepicker-panel > ul > li[data-view="years next"],
.datepicker-panel > ul > li[data-view="year next"],
.datepicker-panel > ul > li[data-view="month next"],
.datepicker-panel > ul > li[data-view="next"] {
  font-size: 18px;
}

.datepicker-panel > ul > li[data-view="years current"],
.datepicker-panel > ul > li[data-view="year current"],
.datepicker-panel > ul > li[data-view="month current"] {
  width: 150px;
}

.datepicker-panel > ul[data-view="years"] > li,
.datepicker-panel > ul[data-view="months"] > li {
  height: 52.5px;
  line-height: 52.5px;
  width: 52.5px;
}

.datepicker-panel > ul[data-view="week"] > li,
.datepicker-panel > ul[data-view="week"] > li:hover {
  background-color: #fff;
  cursor: default;
}

.datepicker-hide {
  display: none;
}

.button--secondary.bt-disable {
  background-color: aliceblue;
  color: #7f7f7f;
  cursor: default;
}
.button--secondary.bt-disable:hover {
  background-color: aliceblue;
}

a.button--secondary {
  background-color: #1b6d85;
  color: white;
  cursor: pointer;
  padding: 5px 20px;
  box-shadow: 0 4px 0 0 $grey-L35;
}

a.button--secondary:hover {
  background-color: #2aa1c0;
}

.study-status-dropdown {
  width: 69%;
  float: left;
  padding-right: 10px;
}

.study-status-label-bold {
  font-size: 20px;
  padding-right: 5px;
}

.study-status-label {
  font-size: 20px;
  padding-right: 10px;
  font-weight: 100;
}

.dropdown-status {
  position: relative;
  display: inline-block;
  background-color: #f15b5b;
  border-color: #f15b5b;
  padding: 8px;
}

.dropdown-status:after {
  content: "\f0d7";
  font-family: "FontAwesome";
  position: absolute;
  font-size: 20px;
  color: #f1f1f1;
  top: 10px;
  right: 15px;
  z-index: 5;
}

.select-status {
  background-color: #f15b5b;
  border-color: #f15b5b;
  color: white;
  font-family: "Calibri", "Open Sans", "Helvetica", "Arial", sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  outline: none;
  width: 80%;
}

.level-of-interest {
  margin: 5px;
}

.browser-recommendation {
  text-align: center;
}

.browser-highlight {
  color: red;
}

.text-reformat {
  font-size: 17px;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
  padding: 5px;
}