.option-group__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px; }

.option-group .form-group__input {
  margin: 10px 10px 0 0;
  top: 0; }

.option-group .selection-control__label {
  border: 1px solid #d7d7d7;
  color: #2175d9;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 50px;
  line-height: 48px;
  margin-left: 0;
  min-width: 50px;
  padding: 0 10px;
  -webkit-transition: background 0.2s;
  transition: background 0.2s; }
  .bg-brand--dark-blue .option-group .selection-control__label,
  .bg-brand--blue .option-group .selection-control__label,
  .bg-brand--turquoise .option-group .selection-control__label,
  .bg-brand--red .option-group .selection-control__label {
    border: 1px solid rgba(247, 245, 240, 0.5);
    color: #f7f5f0; }
  .bg-brand--yellow .option-group .selection-control__label {
    border: 1px solid rgba(15, 25, 65, 0.3);
    color: #0f1941; }
  .option-group .selection-control__label:hover {
    background: #ECF3FC;
    border-color: #2175d9;
    -webkit-transition: background 0.2s;
    transition: background 0.2s; }
    .bg-brand--dark-blue .option-group .selection-control__label:hover,
    .bg-brand--blue .option-group .selection-control__label:hover,
    .bg-brand--turquoise .option-group .selection-control__label:hover,
    .bg-brand--red .option-group .selection-control__label:hover {
      background: rgba(247, 245, 240, 0.3);
      border-color: rgba(247, 245, 240, 0.5); }
    .bg-brand--yellow .option-group .selection-control__label:hover {
      background: rgba(15, 25, 65, 0.1);
      border-color: rgba(15, 25, 65, 0.3); }
  @media (min-width: 941px) {
    .option-group .selection-control__label {
      padding: 0 20px; } }

.option-group .selection-control input:checked + .selection-control__label {
  background: #2175d9;
  border-color: #2175d9;
  color: #fff; }
  .bg-brand--blue .option-group .selection-control input:checked + .selection-control__label,
  .bg-brand--turquoise .option-group .selection-control input:checked + .selection-control__label,
  .bg-brand--yellow .option-group .selection-control input:checked + .selection-control__label,
  .bg-brand--red .option-group .selection-control input:checked + .selection-control__label {
    background: #0f1941;
    border-color: #0f1941;
    color: #f7f5f0; }

.option-group.form-group--error .selection-control__label {
  background: #FDF3F3;
  border-color: #E00F0F;
  color: #E00F0F; }
  .bg-brand--blue .option-group.form-group--error .selection-control__label {
    border-color: #ffb511; }
  .bg-brand--turquoise .option-group.form-group--error .selection-control__label,
  .bg-brand--yellow .option-group.form-group--error .selection-control__label {
    border-color: #0f1941; }
  .bg-brand--red .option-group.form-group--error .selection-control__label {
    border-color: #03050d; }
  .bg-brand--dark-blue .option-group.form-group--error .selection-control__label,
  .bg-brand--blue .option-group.form-group--error .selection-control__label,
  .bg-brand--turquoise .option-group.form-group--error .selection-control__label,
  .bg-brand--yellow .option-group.form-group--error .selection-control__label {
    color: #0f1941; }
  .bg-brand--red .option-group.form-group--error .selection-control__label {
    color: #03050d; }
  .option-group.form-group--error .selection-control__label:hover {
    background: #ECF3FC;
    border-color: #2175d9;
    color: #E00F0F; }
    .bg-brand--dark-blue .option-group.form-group--error .selection-control__label:hover,
    .bg-brand--blue .option-group.form-group--error .selection-control__label:hover,
    .bg-brand--turquoise .option-group.form-group--error .selection-control__label:hover,
    .bg-brand--yellow .option-group.form-group--error .selection-control__label:hover {
      color: #0f1941; }
    .bg-brand--red .option-group.form-group--error .selection-control__label:hover {
      color: #03050d; }

.option-group.form-group--error .selection-control input:checked + .selection-control__label {
  background: #2175d9;
  border-color: #2175d9;
  color: #fff; }
  .bg-brand--blue .option-group.form-group--error .selection-control input:checked + .selection-control__label,
  .bg-brand--turquoise .option-group.form-group--error .selection-control input:checked + .selection-control__label,
  .bg-brand--yellow .option-group.form-group--error .selection-control input:checked + .selection-control__label,
  .bg-brand--red .option-group.form-group--error .selection-control input:checked + .selection-control__label {
    background: #0f1941;
    border-color: #0f1941;
    color: #f7f5f0; }

.option-group.form-group--readonly .selection-control__label {
  background: #f7f7f7;
  color: #6C738D;
  fill: #6C738D; }

/*# sourceMappingURL=option-group.css.map */
