:root {
    --color-primary: #002050;
    --color-secondary: #002050;
    --color-primary-hover: #1388be;
}

body {
    background-color: #FDFDFD;
}

.wizard-item.past .wizard-item-icon {
  background-color: #63cc33;
  border-color: #63cc33;
  color: var(--color-neutral-0);
}

.input, .select, textarea.input {
    border: none;
    border-bottom: 1px solid #adb5bd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(173, 181, 189);
    border-radius: 0;
}

.input:hover, .select:hover {
    border: none;
    border-bottom: 1px solid #adb5bd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(173, 181, 189);
    border-radius: 0;
}

.input:focus, .select:focus {
    border: none;
    border-bottom: 1px solid #adb5bd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(173, 181, 189);
    border-radius: 0;
}

.flex-container {
  display: flex;
  flex-direction: row;
}

.phone .columns {
    flex-direction: column !important;
}

.tablet .columns {
    flex-direction: column !important;
}