/*** colors
 text color, data value: #333;
 primary brand color / links / buttons: #0e98e7;
 primary hover: #108fd8;
 primary button hover: #0a85cc;
 secondary button hover: #e8f1f8;
 button primary text: #fff;
 button disabled: #8bc7ea;
 labels: #5f5f5f;
 input border / divider: #e4e4e4;
 input border focus: #0a85cc;
 error border: #f8c374;
 error background: #f8df74;
 info box border: #ccc;
***/


body {
  color: #333;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

a {
  color: #0e98e7;
}

a:hover, a:focus, a:active {
  color: #108fd8;
}

dt {
  color: #5f5f5f;
}

dd {
  color: #333;
}

input[type="text"],
input[type="password"],
select {
  border: 1px solid #e4e4e4;
  border-radius: 2rem;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
select:focus,
select:active {
  border: 1px solid #0a85cc;
}

input[type="text"].validation-error,
input[type="password"].validation-error {
  border: 1px solid #f8c374;
}

.processing {
  border: 1px solid #ccc;
  border-radius: .25rem;
}

.processing.error {
  background-color: #f8df74;
  border-color: #f8c374;
}

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

.btn {
  border: 2px solid #0e98e7;
  border-radius: 1rem;
}

.btn:hover {
  border: 2px solid #0e98e7;
}

.btn-primary {
  color: #fff;
  background-color: #0e98e7;
}

.btn-primary:hover {
  background-color: #0a85cc;
}

.btn-secondary {
  background-color: #fff;
  color: #0e98e7;
}

.btn-secondary:hover {
  background-color: #e8f1f8;
  color: #0a85cc;
}

input[type="checkbox"]+label::before{
  border: 1px solid #e4e4e4;
}

input[type="checkbox"]+label::after{
  /* with checkmark */
  border-left: 4px solid #0e98e7;
  border-bottom: 4px solid #0e98e7;
}

/*focus, active states*/
input[type="checkbox"]:not(:disabled):focus+label::before,
input[type="checkbox"]:not(:disabled):active+label::before{
  border-color: #0e98e7;
}

/*disabled states*/
input[type="checkbox"]:disabled+label{
  color: #ccc;
}

input[type="checkbox"]:disabled+label::before{
  /* with checkmark */
  background-color: #ccc;
}
input[type="checkbox"]:disabled+label::after{
  background-color: #ccc;
}

/*v2 customisations*/

#termsAndConditions, #termsAndConditions a{
  font-size: 9px;
}

/*removal of accordion requested by customer*/
.accordion{
display: none;
}
’©®.k