body {
  font-family: 'Rubik', sans-serif !important;
  color: #585858;
}

input {
  font-family: 'Rubik', sans-serif !important;
}

.quote-button {
  border: 0.1em solid #213b71;
  background: #213b71;
  color: #ffffff;
}

.quote-button:hover{
  color: #ffffff;
  background-color: #f5a023;
  border-color: #f5a023;
}

.odd ::selection {
  background: #213b71; /* WebKit/Blink Browsers */
}
.odd ::-moz-selection {
  background: #213b71; /* Gecko Browsers */
}

.odd .question-button {
  border: 0.1em solid #213b71;
  background: #213b71;
  color: #ffffff;
}

.odd .question-button:hover{
  color: #ffffff;
  background-color: #f5a023;
  border-color: #f5a023;
}

.odd .question-icon {
  background: #f5d01c;
}

.odd input.question {
  color: #585858;
  border-bottom: 1px solid red;
}

.odd input.question:valid {
  border-bottom-color: green;
}

.odd input.question::placeholder {
  color: #eaeaea;
}

.odd #datalist-ul li {
	color: #585858;
  background: #8f8f8f24;
}

.odd #datalist-ul li:nth-child(odd) {
  background: #cfcfcf24;
}

.odd #datalist-ul li:hover {
  background: #d5d5d545;
}

.even ::selection {
  background: #ffb7b7; /* WebKit/Blink Browsers */
}
.even ::-moz-selection {
  background: #ffb7b7; /* Gecko Browsers */
}

.even .question-text {
  color: #ffffff;
}

.even .question-button {
  border: 0.1em solid #213b71;
  background: #ffffff;
  color: #213b71;
}

.even .question-button:hover{
  color: #ffffff;
  background-color: #f5a023;
  border-color: #f5a023;
}

.even ::selection {
  background: #f5a023; /* WebKit/Blink Browsers */
}
.even ::-moz-selection {
  background: #f5a023; /* Gecko Browsers */
}

.even {
  background: #213b71;
}

.even .question-icon {
  background: #000000;
}

.even input.question {
  color: #ffffff;
  border-bottom: 1px solid #000000;
}

.even input.question:valid {
  border-bottom-color: #ffffff;
}

.even input.question::placeholder {
  color: #ffffff80;
}

.even #datalist-ul li {
	color: #ffffff;
  background: #ffffff45;
}

.even #datalist-ul li:nth-child(odd) {
  background: #d2d2d229;
}

.even #datalist-ul li:hover {
  background: #ffffff65;
}

/* General Colours */
.custom-modal .question-button {
  border: 0.1em solid #213b71;
  background: #213b71;
  color: #ffffff;
}

.custom-modal .question-button:hover{
  color: #ffffff;
  background-color: #f5a023;
  border-color: #f5a023;
}

.cancel-btn {
  color: #ffffff !important;
  background-color: #f5a023 !important;
  border-color: #f5a023 !important;
}