/* Client specific styling customization goes here */
#intro .content ul li::before {
  color: #2c631d !important;
}

#intro .SnellInput--input > input[type='button']:not([disabled]),
.SnellInput--submit > input[type='submit']:not([disabled]) {
  background-color: #1b579b !important;
  filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}

#intro .SnellInput--input > input[type='button']:not([disabled]):hover,
#intro .SnellInput--input > input[type='button']:not([disabled]):focus,
.SnellInput--submit > input[type='submit']:not([disabled]):hover,
.SnellInput--submit > input[type='submit']:not([disabled]):focus {
  background-color: #66bde5 !important;
}

#intro .content * {
  color: #505050 !important;
  text-align: justify;
}

#intro .content ul {
  padding-left: 1em;
}

#intro .content h2 {
  color: #1b579b !important;
}

#intro .content h3 {
  color: #1b579b !important;
}

#intro .content h4 {
  color: #1b579b !important;
}

#intro .content strong {
  color: #2c631d !important;
}

#intro .content .attention {
  color: #2c631d !important;
}

#intro .question .label {
  font-weight: 700;
  color: #dddddd !important;
}

#intro .question.selected .label {
  color: #1b579b !important;
}

#intro .question.selected .label:hover,
#intro .question.selected .label:focus {
  color: #1b579b !important;
}

#intro .question.selected .question-text * {
  color: #605e5e !important;
}

#intro .question.selected {
  background-color: #eeeeee !important;
}

#intro .question .label.selected {
  color: #66bde5 !important;
}

body {
  background-color: #eeeeee !important;
  color: #605e5e !important;
}

.SnellHeader__modal-content h2 {
  font-weight: bold;
}

.SnellHeader__modal-content p {
  margin-top: 20px;
}

.SnellHeader__top {
  background-color: #f8f8f8 !important;
}

.SnellHeader__step {
  color: #605e5e !important;
}

.SnellHeader__button .snell-icon-info-b,
.SnellHeader__button .snell-icon-info-d,
.SnellHeader__icon,
.SnellHeader__button-label {
  fill: #2c631d !important;
  color: #2c631d !important;
}

.SnellHeaderRight__week,
.SnellHeader__title {
  color: #2f2c26 !important;
}

.SnellReservationDay__sunday > img {
}

.SnellHeader__button:disabled > .SnellHeader__icon {
  fill: #dddddd !important;
}

.SnellHeader__button:hover .snell-icon-info-b,
.SnellHeader__button:focus .snell-icon-info-b,
.SnellHeader__button:hover .snell-icon-info-d,
.SnellHeader__button:focus .snell-icon-info-d,
.SnellHeader__icon:hover,
.SnellHeader__icon:focus {
  fill: #2c631d !important;
}

.SnellHeader__step.is-current {
  color: #0077b8 !important;
}

.SnellHeader__step.logoutButton:hover,
.SnellHeader__step.logoutButton:focus {
  color: #0077b8 !important;
}

.SnellReservationDay__title {
  color: #2f2c26 !important;
}

.SnellReservationDay--isToday > .SnellReservationDay__title {
  color: #0077b8 !important;
}

.SnellReservationSlot__link:hover,
.SnellReservationSlot__link:focus,
.SnellReservationSlot__link.null:hover,
.SnellReservationSlot__link.null:focus {
  border-color: #2c631d !important;
  background-color: #2c631d !important;
  outline: 2px solid #2c631d !important;
}

.SnellReservationDay--noTimesAvailable,
.SnellReservationDay--isPast {
  background-color: #f8f8f8 !important;
  border-right: #f8f8f8 !important;
}

.SnellReservationSlot__link--reserved:hover,
.SnellReservationSlot__link--reserved:focus {
  border-color: #c3c3c3 !important;
  background-color: transparent !important;
}

.SnellReservationSlot__link--reserved > .SnellTimeFrame {
  color: #2e4860 !important;
}

.SnellReservationSlot__link--limited {
  border-color: #1b579b !important;
  background-color: #1b579b !important;
}

.SnellReservationSlot__link {
  border-color: #c3c3c3 !important;
}

.SnellReservationSlot__link.null {
  border-color: #127da1 !important;
  background-color: #127da1 !important;
}

.SlotInfoPanel .slotColorIcon .slotColorIcon-free {
  background-color: #127da1 !important;
}

.SlotInfoPanel .slotColorIcon .slotColorIcon-limited {
  background-color: #3f2989 !important;
}

.SnellReservationDay__sunday > p {
  color: #2f2c26 !important;
}

.SnellReservationDay__sunday > img {
  filter: grayscale(100%) brightness(130%) sepia(100%) hue-rotate(60deg)
    saturate(0%) contrast(0.9);
}

img.SnellConfirm__icon--timetable {
  filter: invert(100%) grayscale(100%) brightness(13%) sepia(100%)
    hue-rotate(170deg) saturate(3500%) contrast(0.4);
}

.Select > .Select-control .Select-arrow-zone > .Select-arrow {
  border-color: #2c631d transparent transparent !important;
}

.Select.is-open > .Select-control .Select-arrow-zone > .Select-arrow {
  border-color: transparent transparent #2c631d !important;
}

.SnellReservationView__loader,
.SnellReservationView__loader::before,
.SnellReservationView__loader::after {
  background: #2c631d !important;
  color: #2c631d !important;
}

.SnellInput--input > input:not([type='button']) {
  color: #0b3648 !important;
}

/* Calendar icon */

#Layer_152 > line,
#Layer_152 > path {
  stroke: #2c631d !important;
}

#Layer_152 > .cls-2 {
  fill: #2c631d !important;
}

#Layer_144 > circle {
  stroke: #2c631d !important;
}

#Layer_144 > path {
  fill: #2c631d !important;
}
