@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap);
/* This File is Auto-Generated by 'npm run update-tokens' command */
/* === Colors === */
/* MAIN */
/* ACCENT */
/* UI */
/* GREY */
/* Bulma Utilities */
/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: #FFFFFF;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: #100131;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #485fc7;
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: #4C4064;
}

code {
  background-color: whitesmoke;
  color: #da1039;
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: whitesmoke;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: #4C4064;
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: whitesmoke;
  color: #706783;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: #4C4064;
}

@-webkit-keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
i.icon {
  background: no-repeat center;
  display: inline-block;
  height: 20px;
  width: 20px;
}
i.icon.icon-avatar {
  background-image: url(/images/svg/icon-avatar.svg);
}
i.icon.icon-edit {
  background-image: url(/images/svg/icon-edit.svg);
}
i.icon.icon-edit-blue {
  background-image: url(/images/svg/icon-edit-blue.svg);
}
i.icon.icon-email-blue {
  background-image: url(/images/svg/icon-email-blue.svg);
  background-size: 100% auto;
}
i.icon.icon-insurance-card {
  background-image: url(/images/svg/icon-insurance-card.svg);
}
i.icon.icon-next {
  background-image: url(/images/svg/arrow-right-white.svg);
}
i.icon.icon-note {
  background-image: url(/images/svg/icon-note.svg);
}
i.icon.icon-notice {
  background-image: url(/images/svg/icon-notice.svg);
}
i.icon.icon-schedule {
  background-image: url(/images/svg/icon-schedule.svg);
}
i.icon.icon-close {
  background-image: url(/images/svg/icon-close.svg);
}

body {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #100131;
}
body::-moz-selection {
  background-color: #0078dcff;
}
body::selection {
  background-color: #0078dcff;
}

h1, h2, h3, h4, h5, h6 {
  color: #004b8aff;
}

h1 {
  font-size: 2rem;
  line-height: 1;
}
@media screen and (max-width: 670px) {
  h1 {
    font-size: 1.125rem;
  }
}

h2 {
  font-size: 24px;
  color: #131414ff;
  font-weight: normal;
  line-height: 28.13px;
}
h2 i {
  align-self: center;
  margin-right: 12px;
}
h2 small {
  font-size: 11px;
}

h3 {
  font-size: 1.3175rem;
  font-weight: 700;
  color: #00192eff;
  margin-bottom: 0.75rem;
}
h3.faux-label {
  margin-bottom: 20px;
  margin-top: 20px;
}
h3 span {
  font-weight: 300;
  font-size: 1rem;
}

h4 {
  color: #5C5D61;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}

h5 {
  color: #5C5D61;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 20px;
}

p {
  color: #5c5d61ff;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0;
}
p.focal {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 25px;
}
p.small {
  font-size: 0.875rem;
}
p.tiny {
  font-size: 0.75rem;
}

ul li {
  font-size: 0.875rem;
  line-height: 112.5%;
  margin-bottom: 18px;
}

dl {
  display: inline-flex;
  margin-bottom: 10px;
  width: 100%;
}
dl dt {
  font-size: 14px;
  font-weight: bold;
  line-height: 16.41px;
  margin-right: 20px;
  width: auto;
}
dl dd {
  display: inline;
  font-size: 14px;
  line-height: 16.41px;
}

table th,
table td {
  font-size: 16px;
  line-height: 16.41px;
}
table th.align-right,
table td.align-right {
  text-align: right;
}
table tr th {
  color: #414244ff;
  font-weight: bold;
  max-width: 90px;
  padding-bottom: 15px;
  padding-right: 10px;
}
table tr td {
  color: #5c5d61ff;
  font-weight: normal;
}
table tr td.medical-event strong,
table tr td.medical-event span {
  padding-bottom: 10px;
  display: block;
}
table.tabular {
  width: 100%;
  table-layout: fixed;
}
table.tabular tr {
  border-bottom: 1px solid #d4d6dbff;
}
table.tabular tr th,
table.tabular tr td {
  padding: 15px 0;
}
table.tabular tr th {
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
}
table.tabular tr td {
  font-size: 16px;
  line-height: 16.41px;
  vertical-align: middle;
}
table.tabular tr td.td-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.tabular tr td .action-menu {
  height: 100%;
}

blockquote {
  font-size: 2.125rem;
}

a {
  font-weight: 700;
}

.is-flex {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
}

.is-flex-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  flex-wrap: nowrap;
}

.address {
  margin-bottom: 20px;
}
.address li {
  color: #2a2a2cff;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0;
}
.address li strong {
  font-size: 15px;
  font-weight: 700;
}

.border-bottom {
  border-bottom: 1px solid #d4d6dbff;
}
.border-bottom-none {
  border-bottom: none !important;
}
.border-right {
  border-right: 1px solid #d4d6dbff;
}
.border-right-none {
  border-right: none !important;
}
.border-top {
  border-top: 1px solid #d4d6dbff;
}

.caution {
  color: #f96363ff;
}

.centered {
  text-align: center;
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.hoverable {
  cursor: pointer;
}

.inline {
  display: inline;
}
.inline-flex {
  display: inline-flex;
}

.margin-bottom {
  margin-bottom: 16px;
}
.margin-right {
  margin-right: 16px;
}
.margin-top {
  margin-top: 16px;
}

.padding-bottom {
  padding-bottom: 16px;
}
.padding-right {
  padding-right: 16px;
}
.padding-right-none {
  padding-right: 0 !important;
}
.padding-top {
  padding-top: 16px;
}
.padding-top-half {
  padding-top: 8px;
}

@media screen and (min-width: 920px) {
  .desktop-border-bottom {
    border-bottom: 1px solid #d4d6dbff;
  }
  .desktop-border-left {
    border-left: 1px solid #d4d6dbff;
  }
  .desktop-half {
    width: calc(50% - 10px) !important;
  }
  .desktop-no-wrap {
    flex-wrap: nowrap !important;
  }
  .desktop-one-third {
    width: calc(33% - 12px) !important;
  }
  .desktop-one-quarter {
    width: calc(25% - 15px);
  }
  .desktop-two-thirds {
    width: calc(66% - 15px) !important;
  }
  .desktop-padding-left {
    padding-left: 18px;
  }
  .desktop-padding-left-half {
    padding-left: 8px;
  }
  .desktop-padding-top-double {
    padding-top: 34px;
  }
}

.center-self {
  align-self: center;
}

.divider {
  border-top: 1px solid #d4d6dbff;
  height: 0;
  width: 100%;
}

.flex {
  display: flex;
  justify-content: space-between;
}
.flex-column {
  flex-direction: column;
}
.flex-end {
  justify-content: flex-end;
}
.flex-space-between {
  justify-content: space-between !important;
}
.flex-start {
  justify-content: flex-start !important;
}
.flex-wrap {
  flex-wrap: wrap;
}

.has-border-around {
  border: 1px solid #d4d6dbff;
  border-radius: 6px;
}

.has-border-right {
  border-right: 1px solid #e5f3ffff;
  padding-right: 2rem;
}
@media screen and (max-width: 670px) {
  .has-border-right.hide-border-mobile {
    border-right: 0;
    padding-right: 0.75rem;
  }
}

.has-border-bottom, .content-title-bar.top-bar {
  border-bottom: 1px solid #e5f3ffff;
  padding-bottom: 1rem;
  margin-bottom: 1rem !important;
}

.hidden {
  display: none;
}
@media screen and (max-width: 670px) {
  .hidden-mobile {
    display: none !important;
  }
}

.margin-bottom {
  margin-bottom: 10px !important;
}
.margin-bottom-double {
  margin-bottom: 20px !important;
}
.margin-bottom-half {
  margin-bottom: 5px !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margin-left {
  margin-left: 10px !important;
}
.margin-right {
  margin-right: 10px !important;
}
.margin-top {
  margin-top: 10px !important;
}
.margin-top-double {
  margin-top: 20px !important;
}
.margin-top-half {
  margin-top: 5px !important;
}
.margin-top-none {
  margin-top: 0 !important;
}

@media screen and (max-width: 670px) {
  .mobile-full {
    width: 100% !important;
  }
  .mobile-hide {
    display: none !important;
  }
  .mobile-left {
    text-align: left !important;
  }
  .mobile-wrap {
    flex-wrap: wrap;
  }
}
.mobile-only {
  display: none;
}
@media screen and (max-width: 670px) {
  .mobile-only {
    display: block;
  }
}

.subtle {
  opacity: 0.7;
}

@media screen and (min-width: 520px) and (max-width: 920px) {
  .tablet-border-left-none {
    border-left: none !important;
  }
  .tablet-border-right-none {
    border-right: none !important;
  }
  .tablet-full {
    width: 100% !important;
  }
  .tablet-hide {
    display: none !important;
  }
  .tablet-left {
    text-align: left !important;
  }
  .tablet-padding-left-none {
    padding-left: 0 !important;
  }
  .tablet-padding-right-none {
    padding-right: 0 !important;
  }
  .tablet-half {
    width: calc(50% - 10px);
  }
  .tablet-no-wrap {
    flex-wrap: nowrap !important;
  }
  .tablet-one-third {
    width: calc(33% - 12px) !important;
  }
  .tablet-one-quarter {
    width: calc(25% - 15px);
  }
  .tablet-two-thirds {
    width: calc(66% - 15px) !important;
  }
  .tablet-wrap {
    flex-wrap: wrap;
  }
}

.width-auto {
  width: auto !important;
}

.faux-label,
label,
legend {
  color: #2a2a2cff;
  display: block;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 92.75%;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.faux-label > input, .faux-label > select,
label > input,
label > select,
legend > input,
legend > select {
  margin-top: 0.375rem;
}
.faux-label.hidden,
label.hidden,
legend.hidden {
  display: none;
}

input[type=email],
input[type=password],
input[type=text],
select {
  background-color: #fff;
  border: 1px solid #d4d6dbff;
  border-radius: 6px;
  color: rgba(19, 20, 20, 0.8);
  font-size: 16px;
  line-height: 16px;
  padding: 22px;
  width: 100%;
}
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
select:focus {
  border: 1px solid #1592faff;
  box-shadow: 0px 0px 10px rgba(0, 120, 220, 0.4);
}
input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, select::-moz-placeholder {
  color: #727476ff;
  font-size: 1rem;
  font-family: "Roboto Condensed", sans-serif;
}
input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, select:-ms-input-placeholder {
  color: #727476ff;
  font-size: 1rem;
  font-family: "Roboto Condensed", sans-serif;
}
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=text]::placeholder,
select::placeholder {
  color: #727476ff;
  font-size: 1rem;
  font-family: "Roboto Condensed", sans-serif;
}

input[type=checkbox] {
  align-self: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff url(/images/svg/check-grey.svg) no-repeat center;
  border: 1px solid #d4d6dbff;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  height: 18px;
  margin-top: 0;
  width: 18px;
}
input[type=checkbox]:checked {
  background-color: #0CC6A8;
  background-image: url(/images/svg/check-white.svg);
  border-color: #0CC6A8;
}
input[type=checkbox] + span {
  align-self: flex-start;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  line-height: 14.63px;
  margin-left: 15px;
  text-transform: none;
  width: calc(100% - 45px);
}
input[type=checkbox].square {
  background-color: #efefef;
  background-image: url(/images/svg/check-white.svg);
  border-radius: 0;
  border: none;
}
input[type=checkbox].square:checked {
  background-color: #0CC6A8;
  background-image: url(/images/svg/check-white.svg);
}

input[type=radio] {
  align-self: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #d4d6dbff;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
  height: 18px;
  margin-top: 0;
  width: 18px;
}
input[type=radio]:checked {
  background-color: #0078dcff;
  border-color: #0078dcff;
}
input[type=radio]:checked::before {
  background-color: #fff;
}
input[type=radio]::before {
  background: rgba(92, 93, 97, 0.1);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  margin-left: 4px;
  margin-top: 4px;
  width: 8px;
}

input.search-field {
  background-image: url("/images/svg/icon-magnify.svg");
  background-position: 20px center;
  background-repeat: no-repeat;
  padding-left: 55px;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 30px;
  background-image: url("/images/svg/chevron-down-grey.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  background-size: 10px;
}

option {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1rem;
  color: #727476ff;
}
option:disabled {
  color: #727476ff;
}

.light {
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  overflow: hidden;
  width: 10px;
}
.light.green {
  background-color: #0cc6a8ff;
}
.light.grey {
  background-color: #B9B3C1;
}

#pdfRender {
  display: block;
  margin: 0 auto;
  max-width: 80vw;
}
#pdfRender canvas {
  width: 100%;
}

.pdf-accept {
  margin: 0 auto;
  max-width: 720px;
}

.action-menu {
  cursor: pointer;
  height: 30px;
  margin: 0;
  width: 30px;
}
.action-menu.open ul {
  display: flex;
}
.action-menu button {
  background: transparent url(/images/svg/icon-more.svg) no-repeat center;
  margin: 0 20px 0 10px;
  text-indent: -9999px;
}
.action-menu ul {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 1px 10px rgba(0, 120, 220, 0.14);
  display: none;
  flex-direction: column;
  margin: 10px 0 0 -70px;
  padding: 10px;
  position: absolute;
}
.action-menu ul li {
  display: block;
  margin: 0 0 8px;
}
.action-menu ul li:last-child {
  margin-bottom: 0;
}
.action-menu ul li.danger {
  border-top: 1px solid #d4d6dbff;
  margin-top: -2px;
  padding-top: 8px;
}
.action-menu ul li.danger a {
  color: #f96363ff;
}
.action-menu ul li a {
  color: #5c5d61ff;
  display: block;
  padding: 4px 30px 4px 4px;
  width: 100%;
}
.action-menu ul li a:hover {
  background: #e5f3ffff;
}
.action-menu ul li input[type=submit] {
  background: none;
  color: #f96363ff;
  display: block;
  width: 100%;
  padding: 4px 30px 4px 4px;
  font-weight: 700;
  font-size: 0.875rem;
  border-radius: 0;
}
.action-menu ul li input[type=submit]:hover {
  background: #e5f3ffff;
}

.header .action-menu {
  margin-top: 3px;
}

.wrapper {
  padding: 43px 50px 50px;
}
@media screen and (max-width: 670px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.section, .module {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 120, 220, 0.1);
  padding: 20px;
}

.layout,
.layout-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 10px;
}
.layout.full,
.layout-group.full {
  border-bottom: 1px solid #efefefff;
  min-height: 481px;
}
.layout.full .primary-focus,
.layout-group.full .primary-focus {
  align-self: center;
  border-right: none;
  margin: 0 auto;
  max-width: 720px;
}
@media screen and (max-width: 920px) {
  .layout.halves .block,
.layout.halves .primary-focus,
.layout.halves .secondary-focus,
.layout-group.halves .block,
.layout-group.halves .primary-focus,
.layout-group.halves .secondary-focus {
    width: 100%;
  }
}
@media screen and (min-width: 920px) {
  .layout.halves .block,
.layout.halves .primary-focus,
.layout.halves .secondary-focus,
.layout-group.halves .block,
.layout-group.halves .primary-focus,
.layout-group.halves .secondary-focus {
    width: 50%;
  }
}
@media screen and (max-width: 920px) {
  .layout.uneven,
.layout-group.uneven {
    flex-direction: column;
  }
}
.layout.uneven .primary-focus,
.layout-group.uneven .primary-focus {
  width: 60%;
}
@media screen and (max-width: 920px) {
  .layout.uneven .primary-focus,
.layout-group.uneven .primary-focus {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .layout.uneven .primary-focus,
.layout-group.uneven .primary-focus {
    width: calc(100% - 500px);
  }
}
.layout.uneven .secondary-focus,
.layout-group.uneven .secondary-focus {
  width: 40%;
}
@media screen and (max-width: 920px) {
  .layout.uneven .secondary-focus,
.layout-group.uneven .secondary-focus {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .layout.uneven .secondary-focus,
.layout-group.uneven .secondary-focus {
    width: 500px;
  }
}
@media screen and (max-width: 920px) {
  .layout.divided,
.layout-group.divided {
    flex-direction: column;
  }
}
.layout.divided .block,
.layout-group.divided .block {
  margin-bottom: 10px;
}
@media screen and (max-width: 920px) {
  .layout.divided .block,
.layout-group.divided .block {
    margin-bottom: 20px;
  }
}
.layout.divided .block:first-child,
.layout.divided .primary-focus,
.layout-group.divided .block:first-child,
.layout-group.divided .primary-focus {
  border-right: 1px solid #efefefff;
  padding-right: 20px;
}
@media screen and (max-width: 920px) {
  .layout.divided .block:first-child,
.layout.divided .primary-focus,
.layout-group.divided .block:first-child,
.layout-group.divided .primary-focus {
    border-right: none;
    padding-right: 0;
  }
}
.layout.divided .secondary-focus,
.layout-group.divided .secondary-focus {
  padding-left: 20px;
}
@media screen and (max-width: 920px) {
  .layout.divided .secondary-focus,
.layout-group.divided .secondary-focus {
    padding-left: 0;
  }
}
.layout.singular,
.layout-group.singular {
  padding: 0;
}
.layout.singular .primary-focus,
.layout-group.singular .primary-focus {
  padding-right: 0;
  width: 100%;
}
.layout .primary-focus,
.layout-group .primary-focus {
  width: 100%;
}
@media screen and (min-width: 920px) {
  .layout .primary-focus,
.layout-group .primary-focus {
    border-right: 1px solid #efefefff;
    margin-bottom: 40px;
    padding-right: 30px;
    width: 70%;
  }
}
.layout .secondary-focus,
.layout-group .secondary-focus {
  width: 100%;
}
@media screen and (min-width: 920px) {
  .layout .secondary-focus,
.layout-group .secondary-focus {
    padding-left: 30px;
    width: 30%;
  }
}

.layout.divided {
  border-bottom: 1px solid #efefefff;
  flex-wrap: wrap;
}
@media screen and (min-width: 920px) {
  .layout.divided {
    flex-wrap: nowrap;
  }
}

.layout-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 0 10px;
  width: calc(100% - 20px);
}
.layout-footer button,
.layout-footer .button {
  width: 50%;
}
@media screen and (min-width: 920px) {
  .layout-footer button,
.layout-footer .button {
    width: auto;
  }
}
.layout-footer .back {
  margin-right: 10px;
}
.layout-footer .next {
  margin-left: 10px;
  width: 50%;
}
@media screen and (min-width: 920px) {
  .layout-footer .next {
    width: auto;
  }
}

.button-link {
  color: #0078dcff;
  margin-bottom: 20px;
}
.button-link.danger {
  color: #f96363ff;
}

button,
button[type=submit],
input[type=submit],
.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #0078dcff;
  border: none;
  border-radius: 6px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18.75px;
  padding: 10.5px 15px;
  transition: color 300ms ease-out, border 300ms ease-out, background 300ms ease-out;
  width: 100%;
}
button.is-light,
button[type=submit].is-light,
input[type=submit].is-light,
.button.is-light {
  color: white;
}
button.is-light.is-inverted,
button[type=submit].is-light.is-inverted,
input[type=submit].is-light.is-inverted,
.button.is-light.is-inverted {
  border: 1px solid #FFFFFF;
  color: white;
  background-color: transparent;
}
button.is-light.is-inverted:visited,
button[type=submit].is-light.is-inverted:visited,
input[type=submit].is-light.is-inverted:visited,
.button.is-light.is-inverted:visited {
  color: #FFFFFF;
}
button.is-light.is-inverted:visited:hover,
button[type=submit].is-light.is-inverted:visited:hover,
input[type=submit].is-light.is-inverted:visited:hover,
.button.is-light.is-inverted:visited:hover {
  color: #0078dcff;
}
button.is-light:hover,
button[type=submit].is-light:hover,
input[type=submit].is-light:hover,
.button.is-light:hover {
  color: #0078dcff;
  border-color: rgba(255, 255, 255, 0.7);
  background-color: #FFFFFF;
}
button.is-light:visited,
button[type=submit].is-light:visited,
input[type=submit].is-light:visited,
.button.is-light:visited {
  color: #FFFFFF;
}
button.is-inverted,
button[type=submit].is-inverted,
input[type=submit].is-inverted,
.button.is-inverted {
  border: 1px solid #0078dcff;
  color: #0078dcff;
  background-color: transparent;
}
button.is-inverted.blue,
button[type=submit].is-inverted.blue,
input[type=submit].is-inverted.blue,
.button.is-inverted.blue {
  border-color: #0078dcff;
}
button.is-inverted:hover,
button[type=submit].is-inverted:hover,
input[type=submit].is-inverted:hover,
.button.is-inverted:hover {
  color: #00335dff;
}
button.is-inverted:visited,
button[type=submit].is-inverted:visited,
input[type=submit].is-inverted:visited,
.button.is-inverted:visited {
  color: #0078dcff;
}
button.is-inverted.filled,
button[type=submit].is-inverted.filled,
input[type=submit].is-inverted.filled,
.button.is-inverted.filled {
  background-color: #fff;
}
button.is-downplayed,
button[type=submit].is-downplayed,
input[type=submit].is-downplayed,
.button.is-downplayed {
  background-color: rgba(187, 224, 255, 0.5);
  color: #0065b8ff;
}
button.is-downplayed:hover,
button[type=submit].is-downplayed:hover,
input[type=submit].is-downplayed:hover,
.button.is-downplayed:hover {
  color: #0065b8ff;
}
button.is-downplayed:visited,
button[type=submit].is-downplayed:visited,
input[type=submit].is-downplayed:visited,
.button.is-downplayed:visited {
  color: #0078dcff;
}
@media screen and (max-width: 670px) {
  button.is-downplayed,
button[type=submit].is-downplayed,
input[type=submit].is-downplayed,
.button.is-downplayed {
    width: 100%;
  }
}
button.round,
button[type=submit].round,
input[type=submit].round,
.button.round {
  background-position: center !important;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  padding: 0 !important;
  width: 40px;
}
button.secondary,
button[type=submit].secondary,
input[type=submit].secondary,
.button.secondary {
  background-color: #009d84ff;
}
button.small,
button[type=submit].small,
input[type=submit].small,
.button.small {
  font-size: 16px;
  padding: 4px 10px;
}
button span.icon-left,
button[type=submit] span.icon-left,
input[type=submit] span.icon-left,
.button span.icon-left {
  margin-right: 6px;
}
button span.icon-right,
button[type=submit] span.icon-right,
input[type=submit] span.icon-right,
.button span.icon-right {
  margin-left: 6px;
}
button:visited,
button[type=submit]:visited,
input[type=submit]:visited,
.button:visited {
  color: #FFFFFF;
}
button:hover,
button[type=submit]:hover,
input[type=submit]:hover,
.button:hover {
  color: rgba(255, 255, 255, 0.7);
}
button.add,
button[type=submit].add,
input[type=submit].add,
.button.add {
  background-image: url(/images/svg/icon-add.svg);
  background-position: 12px center;
  background-repeat: no-repeat;
  padding-left: 30px;
}
button.back,
button[type=submit].back,
input[type=submit].back,
.button.back {
  background-image: url(/images/svg/arrow-left-blue.svg);
  background-position: 12px center;
  background-repeat: no-repeat;
  padding-left: 30px;
}
button.disabled,
button[type=submit].disabled,
input[type=submit].disabled,
.button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  background-color: #325a7bff;
}
button.next,
button[type=submit].next,
input[type=submit].next,
.button.next {
  background-image: url(/images/svg/arrow-right-white.svg);
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 30px;
}

.back-circle {
  background: #fff url(/images/svg/chevron-left-grey.svg) no-repeat 12px center;
  border: 1px solid #d4d6dbff;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  text-indent: -9999px;
  width: 40px;
}

.error-list li {
  color: #f96363ff;
}

.field-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}
.field-group.bottom-border {
  border-bottom: 1px solid #efefefff;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.field {
  box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%;
}
.field-actions {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.field-actions .divider {
  margin-bottom: 20px;
}
.field-actions button {
  margin-bottom: 10px;
}
.field-checkbox {
  display: flex;
  flex-direction: row;
}
.field-checkboxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.field-checkboxes .option {
  align-content: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 10px 23px 10px 0;
}
.field-checkboxes .option.half {
  justify-content: flex-end;
  width: calc(50% - 23px);
}
.field-checkboxes .option.full {
  justify-content: flex-end;
  width: calc(100% - 23px);
}
.field-checkboxes .option:last-child {
  margin-right: 0;
}
.field-checkboxes .option input {
  margin-right: 10px;
}
.field-checkboxes .option label {
  align-self: center;
  margin-bottom: 0;
}
.field-radios {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.field-radios .option {
  align-content: center;
  display: flex;
  flex-direction: row-reverse;
  margin: 0 23px 10px 0;
}
.field-radios .option.half {
  justify-content: flex-end;
  width: calc(50% - 23px);
}
.field-radios .option:last-child {
  margin-right: 0;
}
.field-radios .option input {
  margin-right: 10px;
}
.field-radios .option label {
  align-self: center;
  margin-bottom: 0;
}
.field small.subtext {
  color: #131414ff;
  font-size: 12px;
  font-style: italic;
  line-height: 92.5%;
  margin-top: 5px;
}

.form-log-in {
  margin: 162px auto 172px;
  max-width: 580px;
}
@media screen and (max-width: 920px) {
  .form-log-in {
    margin: 20px auto;
  }
}

.form-forgot-password,
.form-registration {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media screen and (min-width: 520px) {
  .form-forgot-password,
.form-registration {
    gap: 40px;
  }
}
@media screen and (min-width: 920px) {
  .form-forgot-password,
.form-registration {
    gap: 100px;
  }
}
@media screen and (min-width: 670px) {
  .form-forgot-password,
.form-registration {
    padding: 76px 0 86px;
  }
}
@media screen and (max-width: 670px) {
  .form-forgot-password,
.form-registration {
    flex-wrap: wrap;
  }
}
.form-forgot-password .supporting-content,
.form-registration .supporting-content {
  align-self: center;
  width: 420px;
}
@media screen and (max-width: 670px) {
  .form-forgot-password .supporting-content,
.form-registration .supporting-content {
    display: none;
  }
}
@media screen and (max-width: 1025px) {
  .form-forgot-password .supporting-content,
.form-registration .supporting-content {
    width: 40%;
  }
}
@media screen and (max-width: 670px) {
  .form-forgot-password .supporting-content.always-visible,
.form-registration .supporting-content.always-visible {
    display: block;
    width: 100%;
  }
}
.form-forgot-password .form-fields,
.form-registration .form-fields {
  align-self: center;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .form-forgot-password .form-fields,
.form-registration .form-fields {
    width: 100%;
  }
}
@media screen and (min-width: 670px) {
  .form-forgot-password .form-fields,
.form-registration .form-fields {
    width: 60%;
  }
}
@media screen and (min-width: 920px) {
  .form-forgot-password .form-fields,
.form-registration .form-fields {
    width: 580px;
  }
}
.form-forgot-password .form-fields .password-requirements,
.form-registration .form-fields .password-requirements {
  display: none;
}
@media screen and (max-width: 670px) {
  .form-forgot-password .form-fields .password-requirements,
.form-registration .form-fields .password-requirements {
    display: block;
  }
}

.modal {
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}

.check-list li {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 15px;
}
.check-list li::before {
  background: url(/images/svg/check-grey.svg) no-repeat center;
  display: block;
  border: 1px solid #d4d6dbff;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 20px;
  margin-right: 22px;
  width: 20px;
}
.check-list li.complete::before {
  background-color: #0cc6a8ff;
  background-image: url(/images/svg/check-white.svg);
  border-color: #0cc6a8ff;
}

.drag-drop-uploader {
  align-items: center;
  border: 2px dashed #d4d6dbff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  padding: 0 20px 40px;
  text-align: center;
}
.drag-drop-uploader.is-dropping {
  border-color: #00335dff;
}
.drag-drop-uploader .image-preview {
  max-height: 160px;
  overflow: hidden;
}
.drag-drop-uploader .image-preview img {
  height: 160px;
  margin-top: 20px;
  max-width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  width: auto;
}
.drag-drop-uploader h3 {
  background: url(/images/svg/icon-image.svg) no-repeat center 30px;
  color: #5c5d61ff;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  margin: 0;
  padding: 60px 0 0;
}
.drag-drop-uploader h3 a {
  color: #5c5d61ff;
  font-weight: bold;
}
.drag-drop-uploader h3 span {
  color: #8c8e90ff;
  display: block;
  font-size: 12px;
  line-height: 16px;
  margin-top: 5px;
  width: 100%;
}
.drag-drop-uploader .buttons {
  display: flex;
  margin-top: 20px;
}
.drag-drop-uploader .buttons button:first-of-type {
  margin-right: 10px;
}

.search-results {
  background: #fff;
  border: 1px solid #d4d6dbff;
  margin: 0;
  position: absolute;
}
.search-results .result {
  cursor: pointer;
  display: block;
  margin: 0;
}
.search-results .result a {
  border-bottom: 1px solid #d4d6dbff;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.search-results .result a:last-child {
  border-bottom: none;
}
.search-results .result a strong,
.search-results .result a span {
  display: block;
}
.search-results .result a strong {
  color: #000;
}
.search-results .result a span {
  color: #a6a8acff;
  margin-top: 5px;
}

.signature-wrapper canvas {
  border: 2px solid #efefefff;
  border-radius: 6px;
  margin-bottom: 10px;
  width: 100%;
}
.signature-wrapper a {
  color: #0078dcff;
  display: inline-block;
  margin-bottom: 10px;
}

.slides {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  width: 33vw;
}
@media screen and (max-width: 920px) {
  .slides {
    width: 100vw;
  }
}
.slides[data-offset="1"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 1);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="1"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 1);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="1"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 1);
  }
}
.slides[data-offset="2"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 2);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="2"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 2);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="2"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 2);
  }
}
.slides[data-offset="3"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 3);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="3"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 3);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="3"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 3);
  }
}
.slides[data-offset="4"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 4);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="4"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 4);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="4"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 4);
  }
}
.slides[data-offset="5"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 5);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="5"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 5);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="5"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 5);
  }
}
.slides[data-offset="6"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 6);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="6"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 6);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="6"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 6);
  }
}
.slides[data-offset="7"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 7);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="7"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 7);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="7"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 7);
  }
}
.slides[data-offset="8"] .slide:first-child {
  margin-left: calc((-33vw + 30px) * 8);
}
@media screen and (max-width: 920px) {
  .slides[data-offset="8"] .slide:first-child {
    margin-left: calc((-100vw + 80px) * 8);
  }
}
@media screen and (max-width: 670px) {
  .slides[data-offset="8"] .slide:first-child {
    margin-left: calc((-100vw + 40px) * 8);
  }
}
.slides.no-back + .slide-pagination a.prev {
  color: #bdd2e4ff;
}
.slides.no-forward + .slide-pagination a.next {
  color: #bdd2e4ff;
}
.slides .slide {
  background: #004b8aff;
  border-radius: 6px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
  margin-right: 20px;
  padding: 20px;
  transition: margin 0.5s ease-in-out;
  width: calc(33vw - 50px);
}
@media screen and (max-width: 920px) {
  .slides .slide {
    width: calc(100vw - 100px);
  }
}
@media screen and (max-width: 670px) {
  .slides .slide {
    width: calc(100vw - 60px);
  }
}
.slides .slide p {
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  justify-content: flex-start;
  line-height: 21px;
}
.slides .slide p i {
  flex-shrink: 0;
  margin-right: 10px;
}
.slides .slide a.button {
  color: #004b8aff;
  display: inline-block;
  margin-left: 30px;
  width: auto;
}

.slide-pagination {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 15px 0;
  width: calc(33vw - 50px);
}
@media screen and (max-width: 920px) {
  .slide-pagination {
    width: calc(100vw - 60px);
  }
}
.slide-pagination a {
  color: #004b8aff;
}
.slide-pagination a.next {
  margin-left: 18px;
}
.slide-pagination a.prev {
  margin-right: 18px;
}
.slide-pagination .slide-dot {
  border: 2px solid #004b8aff;
  border-radius: 50%;
  height: 10px;
  margin: 0 7px;
  width: 10px;
}
.slide-pagination .slide-dot.current {
  background-color: #004b8aff;
}

img.insurance-cardImg {
  cursor: zoom-in;
}

.auth-card .branding-space {
  display: none;
}
@media screen and (max-width: 670px) {
  .auth-card .branding-space {
    display: block;
    text-align: center;
  }
}
.auth-card .branding-space a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 60px 0 40px;
  width: 100%;
}
.auth-card .branding-space a span {
  position: absolute;
  text-indent: -9999px;
}
.auth-card .branding-space a svg {
  max-width: 186px;
}
.auth-card .branding-space svg {
  max-width: 186px;
}

.card {
  border: 1px solid #dee0e4ff;
}

@media screen and (max-width: 670px) {
  .guest .branding-and-navigation {
    display: none;
  }
}

.branding-and-navigation {
  background: #0078DC url("../images/svg/mccolgan-logo-white-faded.svg") no-repeat center;
  background-size: auto 120%;
  display: flex;
  flex-direction: row;
  height: 60px;
  justify-content: space-between;
  padding: 0 50px;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .branding-and-navigation {
    background-image: none;
    height: auto;
    padding: 40px 20px 0;
  }
}
.branding-and-navigation .branding {
  display: block;
  margin: 10px 0;
}
.branding-and-navigation .branding a {
  display: block;
}
.branding-and-navigation .branding a span {
  position: absolute;
  text-indent: -9999px;
}
.branding-and-navigation .settings {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  padding: 0;
  width: 221px;
}
@media screen and (max-width: 670px) {
  .branding-and-navigation .settings {
    width: auto;
  }
}
.branding-and-navigation .settings .user-space {
  align-items: center;
  background: url(../images/svg/user-icon.svg) no-repeat 20px center;
  background-size: auto 100%;
  border-left: 1px solid #1592FA;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 10px;
  padding-left: 20px;
  width: 221px;
}
@media screen and (max-width: 670px) {
  .branding-and-navigation .settings .user-space {
    background-image: none;
    border-left: none;
    justify-content: flex-end;
    width: auto;
  }
}
.branding-and-navigation .settings .user-space .user-name {
  color: #fff;
  font-size: 15px;
  line-height: 17.58px;
  margin-left: 50px;
}
@media screen and (max-width: 670px) {
  .branding-and-navigation .settings .user-space .user-name {
    display: none;
  }
}
.branding-and-navigation .settings .user-space .user-name small {
  display: block;
  font-size: 8px;
  letter-spacing: 1.33px;
  text-transform: uppercase;
  width: 100%;
}
.branding-and-navigation .settings .user-space .nav-trigger {
  background: #1592FA url(../images/svg/chevron-down-white.svg) no-repeat center;
  border-radius: 6px;
  display: inline-block;
  height: 30px;
  text-indent: -9999px;
  width: 30px;
}
.branding-and-navigation .settings .user-space .nav-trigger.active {
  background-image: url(../images/svg/chevron-up-white.svg);
}
@media screen and (max-width: 670px) {
  .branding-and-navigation .settings .user-space .nav-trigger.active {
    background: url(../images/svg/user-icon.svg) no-repeat center;
    background-size: auto 100%;
  }
}
@media screen and (max-width: 670px) {
  .branding-and-navigation .settings .user-space .nav-trigger {
    background: url(../images/svg/user-icon.svg) no-repeat center;
    background-size: auto 100%;
  }
}
.branding-and-navigation .settings .navigation {
  background: #0078dcff;
  border-radius: 0 0 6px 6px;
  display: flex;
  flex-direction: column;
  margin-left: -171px;
  margin-top: 48px;
  padding: 20px 52px 20px 21px;
  position: absolute;
  width: 221px;
}
.branding-and-navigation .settings .navigation .dropdown-link,
.branding-and-navigation .settings .navigation .nav-link {
  background: url(../images/svg/arrow-right-white.svg) no-repeat right center;
  color: #fff;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  line-height: 18.75px;
  padding: 5px 21px 5px 0;
  width: 100%;
}
.branding-and-navigation .settings .navigation .nav-action {
  border-top: 1px solid #1592FA;
  margin-top: 20px;
  padding-top: 20px;
}
.branding-and-navigation .navigation-toggle {
  background: #1592FA;
  border-radius: 6px;
  display: none;
  height: 30px;
  width: 30px;
}
.branding-and-navigation .user-navigation {
  display: none;
}

.progress {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  width: 50%;
}
@media screen and (max-width: 670px) {
  .progress {
    width: 100%;
  }
}
.progress .progress-label {
  align-self: center;
  color: #004b8aff;
  font-size: 18px;
  line-height: 21px;
  margin-right: 20px;
  text-transform: uppercase;
}
@media screen and (max-width: 670px) {
  .progress .progress-label {
    display: none;
  }
}
.progress .progress-bar {
  align-content: center;
  align-self: center;
  background: rgba(189, 210, 228, 0.3);
  border-radius: 12px;
  display: block;
  height: 8px;
  overflow: hidden;
  width: 100%;
}
.progress .progress-bar .filler {
  background: linear-gradient(to right, #0cc6a8ff, #0078dcff);
  display: block;
  height: 100%;
  min-width: 2px;
  width: 10%;
}

@media screen and (max-width: 670px) {
  .pagination-wrapper {
    justify-content: space-between;
  }
  .pagination-wrapper.top-pagination {
    display: none;
  }
}
.pagination-wrapper a.button {
  padding-left: 12px;
  padding-right: 12px;
}
.pagination-wrapper a.button:not(:last-child) {
  margin-right: 10px;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
}
.pagination .page-item {
  margin-bottom: 0;
}
.pagination .page-item:not(:first-child) {
  margin-left: 5px;
}
.pagination .page-item.active .page-link {
  background: #0078DC;
  color: white;
}
.pagination .page-item .page-link {
  color: #00335D;
  text-decoration: none;
  font-weight: 700;
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 7px 10px;
  gap: 6px;
  width: 35px;
  height: 35px;
  /* Accent/Dark Blue 6 */
  background: #E6F3FF;
  border-radius: 20px;
  /* Inside auto layout */
  flex: none;
  order: 4;
  flex-grow: 0;
}

.heading-space {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 30px 0;
}
@media screen and (max-width: 670px) {
  .heading-space {
    flex-direction: column;
    gap: 10px;
  }
}
.heading-space h2 {
  color: #131414ff;
  font-size: 32px;
  line-height: 37px;
}
@media screen and (max-width: 920px) {
  .heading-space h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 21.08px;
    text-align: center;
  }
}
.heading-space h2 .back-circle {
  justify-self: center;
}
.heading-space .patient-overview {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 10px;
}
@media screen and (max-width: 920px) {
  .heading-space .patient-overview {
    margin-left: 0;
    margin-top: 10px;
  }
}
.heading-space .patient-overview li {
  align-self: end;
  color: #2a2a2cff;
  margin: 0 10px 10px;
}
@media screen and (max-width: 920px) {
  .heading-space .patient-overview li:first-child {
    margin-left: 0;
  }
}
.heading-space .buttons {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
}
.heading-space .buttons li {
  border-right: 1px solid #DEE0E4;
  margin-bottom: 0;
  margin-right: 18px;
  padding-right: 18px;
}
.heading-space .buttons li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.page-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-grow: 1;
  min-width: 100%;
  max-height: 78px;
  padding-bottom: 30px;
}
.page-title h1.page-title-header {
  color: #00335dff;
  padding-right: 30px;
}

.content-title-bar {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.content-title-bar.top-bar {
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
}
.content-title-bar.bottom-bar {
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #e5f3ffff;
  justify-content: flex-end;
}
@media screen and (max-width: 670px) {
  .content-title-bar.top-bar {
    flex-direction: column-reverse;
  }
  .content-title-bar .title-wrapper {
    min-width: 100%;
  }
}

.module {
  box-shadow: 0px 4px 10px rgba(0, 120, 220, 0.1);
  flex: 1;
  width: calc(33vw - 50px);
}
@media screen and (max-width: 920px) {
  .module {
    width: calc(100vw - 100px);
  }
}
@media screen and (max-width: 670px) {
  .module {
    width: calc(100vw - 40px);
  }
}
.module.full {
  width: 100%;
}
.module .header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.module .header h2 {
  display: flex;
  margin-bottom: 0;
  margin-right: 10px;
}
.module .header h2 i {
  flex-shrink: 0;
}
.module .header a {
  display: inline-flex;
  width: auto;
}
.module .header .action-menu li a {
  width: 100%;
}
.module .header .user-space {
  align-self: center;
  background: url(../images/svg/user-icon.svg) no-repeat center;
  background-size: 100%;
  height: 44px;
  width: 44px;
}
.module h2 {
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 29px;
}
.module h2 span {
  padding-left: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #727476;
}
.module h3 {
  font-size: 14px;
  letter-spaceing: 4%;
  line-height: 14px;
  margin-bottom: 10px;
  margin-top: 20px;
  text-transform: uppercase;
}
.module p {
  font-size: 14px;
  line-height: 20px;
}
.module .segment {
  border-bottom: 1px solid #efefefff;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.module .module-footer {
  align-content: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.module .module-footer a.inline {
  align-self: center;
  color: #2a2a2cff;
  font-weight: normal;
}
.module .module-footer a.button {
  width: auto;
}

.admin-layout {
  padding: 0;
}
.admin-layout .module .header .patient-overview {
  align-self: center;
  display: flex;
  flex-direction: row;
}
.admin-layout .module .header .patient-overview li {
  margin: 0 30px;
}

.dashboard-layout {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding: 0;
  grid-template-areas: "patient contact notifications" "patient emergency notifications" "patient emergency insurance" ". emergency insurance";
  width: 100%;
}
@media screen and (max-width: 920px) {
  .dashboard-layout {
    display: grid;
    grid-template-areas: "notifications" "patient" "contact" "emergency" "insurance";
  }
}
.dashboard-layout .patient-information {
  grid-area: patient;
}
.dashboard-layout .emergency-pcp-pharmacy {
  grid-area: emergency;
}
.dashboard-layout .notifications-and-messaging {
  grid-area: notifications;
}
.dashboard-layout .insurance-and-medication {
  grid-area: insurance;
}
.dashboard-layout .module-emergency-contact {
  margin-bottom: 30px;
}
.dashboard-layout .module-insurance {
  margin-bottom: 30px;
}
.dashboard-layout .module-messaging h2 {
  font-size: 17px;
}
.dashboard-layout .module-notifications {
  background: transparent;
  box-shadow: none;
  margin-bottom: 30px;
  padding: 0;
}
.dashboard-layout .module-patient-profile {
  grid-area: patient;
}
.dashboard-layout .module-patient-profile h2 {
  margin-bottom: 0;
}
.dashboard-layout .module-preferred-pharmacy {
  margin-bottom: 30px;
}
@media screen and (max-width: 920px) {
  .dashboard-layout .module-preferred-pharmacy {
    margin-bottom: 0;
  }
}
.dashboard-layout .module-primary-care-physician {
  margin-bottom: 30px;
}
.step-details {
  align-items: center;
  border-bottom: 1px solid #efefefff;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 20px;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .step-details {
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 670px) {
  .step-details {
    margin: 0 10px 30px;
    width: calc(100% - 20px);
  }
}
.step-details h2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
@media screen and (max-width: 670px) {
  .step-details h2 {
    align-self: flex-start;
  }
}
.step-details .buttons {
  display: none;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (min-width: 670px) {
  .step-details .buttons {
    display: flex;
  }
}
.step-details .buttons button,
.step-details .buttons .button {
  width: auto;
}
.step-details .buttons button.back,
.step-details .buttons .button.back {
  margin-right: 10px;
}
.step-details .buttons button.next,
.step-details .buttons .button.next {
  margin-left: 10px;
}
.step-details .mobile-only-space {
  align-content: center;
  background-color: #e5f3ffff;
  display: none;
  flex-direction: column;
  font-size: 14px;
  justify-content: center;
  line-height: 18px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 670px) {
  .step-details .mobile-only-space {
    display: flex;
  }
}
.step-details .mobile-only-space a {
  color: #0078dcff;
  font-weight: bold;
}

.additional-buttons {
  border-top: 1px solid #efefefff;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}
.additional-buttons a {
  color: #a6a8acff;
  font-size: 14px;
  line-height: 16.41px;
}

.miss-complete-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  color: white;
  background-color: #325A7B;
}
.miss-complete-bar div {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.miss-complete-bar div .button {
  width: auto;
  color: white !important;
  border-color: white;
  margin-left: 20px;
}
.miss-complete-bar .close-miss-complete-bar {
  display: flex;
}

.activitylog-layout .log-table {
  width: 100%;
  border-collapse: collapse;
}
.activitylog-layout .log-table th, .activitylog-layout .log-table td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

.edit-user-layout .layout-footer {
  width: auto;
  margin: 0;
  justify-content: space-between;
}
.edit-user-layout .layout-footer .button.delete-user {
  background: none;
  color: #f96363ff;
  font-weight: 600;
}
.edit-user-layout .align-center {
  align-items: center;
}

.create-user-layout .layout-footer {
  justify-content: center;
}
.create-user-layout .align-center {
  align-items: center;
}

body {
  background-color: #F3F7FA;
  font-family: "Roboto Condensed", sans-serif;
  min-height: 100vh;
}
body .full {
  width: 100%;
}