.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

:root {
  --primary-color: black;
  --secondary-color: grey;
  --background-color: white;
  --primary-font: garamond;
  --secondary-font: garamond;
  --primary-button-color: black;
  --primary-button-text-color: white;
  --primary-button-border-color: grey;
  --secondary-button-color: black;
  --secondary-button-text-color: white;
  --secondary-button-border-color: grey;
  --action-tabs-background-color: white;
  --action-tabs-text-color: white;
  --link-text-color: black;
  --signature-canvas-color: white;
  --waiver-no-content-background-color: white;
  --action-tabs-background-color: white;
  --background-image-url: url("/images/bkg-start.jpg");
}

body, html {
  padding: 0;
  margin: 0;
  position: fixed;
  overflow: hidden;
  height: 100vh;
  width: 100%;
}

.lock-scrolling {
  overflow-y: hidden !important;
}

#splash-screen {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  background-image: var(--splash-screen-background-image-url);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#splash-screen:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  mix-blend-mode: multiply;
  transform: rotate(-180deg);
}
#splash-screen__header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--background-color);
  display: flex;
  align-items: center;
  padding: 1rem;
}
#splash-screen__header svg {
  width: 240px;
  max-height: 75px;
}
#splash-screen h1 {
  position: absolute;
  left: 90px;
  bottom: 15%;
  max-width: 420px;
  font-family: var(--secondary-font);
  font-style: normal;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.2em;
  color: var(--secondary-color);
  z-index: 100;
  margin: 0;
}

.touch-scroll-wrapper {
  position: absolute;
  z-index: 100;
  top: 300px;
  left: 50%;
  transform: translateX(-50%);
  height: 240px;
  width: 165px;
  border: 2px solid #999;
  border-radius: 15px;
  background: rgba(161, 161, 161, 0.95);
}
.touch-scroll-wrapper label {
  position: absolute;
  color: var(--secondary-color);
  bottom: 10px;
  text-align: center;
  left: 0;
  right: 0;
}
.touch-scroll-wrapper svg {
  width: 75%;
  height: auto;
  position: absolute;
  top: 20%;
  left: 20px;
  fill: white;
}

#launch-app {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.application-launch-panel {
  padding: 15px;
  margin: 15px 0;
  border: 2px solid gray;
  background-color: white;
}

.application-launch-panel .url-example {
  padding: 20px;
  font-style: italic;
}

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
@font-face {
  font-family: "Clarendon";
  src: url(/wwwroot/06f3d99b594e3acd0d22cbb7a2fc264c.eot);
  src: url(/wwwroot/06f3d99b594e3acd0d22cbb7a2fc264c.eot?#iefix) format("embedded-opentype"), url(/wwwroot/0e588f7728f2434068f6773739298744.woff) format("woff"), url(/wwwroot/ebb4c507f9b7ed9eb1d9cbeff08f49b1.ttf) format("truetype"), url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiL3d3d3Jvb3QvNjdhNTY3M2NmZWRlMDE1YzYyZmZlYjljNzJiMjcyNzkuc3ZnIjs=#clarendon_fsregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Clarendon";
  src: url(/wwwroot/bd8a0789c5f92bc0863f80c7ee79c71a.eot);
  src: url(/wwwroot/bd8a0789c5f92bc0863f80c7ee79c71a.eot?#iefix) format("embedded-opentype"), url(/wwwroot/454fdbd4a3303db980b78c2be9b3c6a4.woff) format("woff"), url(/wwwroot/e3468319b7785d99e18269fc75380980.ttf) format("truetype"), url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSAiL3d3d3Jvb3QvNTZmYzhjNmExNzUyOWRjYWYwZTg2OWQ4NDc1NzA5OTYuc3ZnIjs=#clarendon_fsbold) format("svg");
  font-weight: bold;
  font-style: normal;
}
/* cabin-regular - latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 400;
  src: local("Cabin"), local("Cabin-Regular"), url(/wwwroot/862242471e8a1ea2652c2b0e0b475553.woff2) format("woff2"), url(/wwwroot/0f3d0cbdd61106c0323169b1541b24f5.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cabin-italic - latin */
@font-face {
  font-family: "Cabin";
  font-style: italic;
  font-weight: 400;
  src: local("Cabin Italic"), local("Cabin-Italic"), url(/wwwroot/b21ec614e604c9b906f53a19b307b6fe.woff2) format("woff2"), url(/wwwroot/ef0a3b2a73f7fba700e4f5a7932efe38.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cabin-500 - latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 500;
  src: local("Cabin Medium"), local("Cabin-Medium"), url(/wwwroot/e176d6b40f91dd649805b9ad549db2d1.woff2) format("woff2"), url(/wwwroot/c73a0df9e5eda34d83d3d7582be213b3.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cabin-500italic - latin */
@font-face {
  font-family: "Cabin";
  font-style: italic;
  font-weight: 500;
  src: local("Cabin Medium Italic"), local("Cabin-MediumItalic"), url(/wwwroot/1199028c850b8f1c0ab04486aecb35a4.woff2) format("woff2"), url(/wwwroot/ee808a724d35b28f5523526dca0972cc.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cabin-700 - latin */
@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: 700;
  src: local("Cabin Bold"), local("Cabin-Bold"), url(/wwwroot/476ff5f8d157e219fabeba3f03df794c.woff2) format("woff2"), url(/wwwroot/457135582a0e54749ccf901eb13c40ac.woff) format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* === TYPOGRAPHY MIXINS === */
body {
  font-family: var(--primary-font);
  font-weight: 400;
  opacity: 1;
  font-size: 1.1rem;
  line-height: 16;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.actions {
  height: 54px;
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
  border-top: 2px solid #101010;
  overflow-x: auto;
}
.actions .action {
  color: var(--action-tabs-text-color);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 1rem;
  line-height: 1.2;
  border-right: 2px solid #101010;
  white-space: nowrap;
  cursor: default;
  background: var(--action-tabs-background-color);
}
.actions .action svg {
  width: 32px;
  height: 28px;
  margin-right: 0.35rem;
}
.actions .action svg.indicator {
  width: 22px;
  height: 22px;
  margin-left: 1rem;
  margin-right: 0;
}
.actions .action[data-status=SKIPPED] {
  cursor: pointer;
}
.actions .action[data-status=COMPLETE]:not(.active) {
  background-color: rgba(0, 0, 0, 0.35);
}
.actions .action[data-status=COMPLETE]:not(.active) > * {
  opacity: 0.75;
}
.actions .action.complete {
  pointer-events: none;
  cursor: default;
}
.actions .action.active {
  background-color: var(--primary-button-color);
}
.actions .action__name {
  font-size: 0.875rem;
}

header {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  color: var(--secondary-color);
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 54.4%, rgba(0, 0, 0, 0.043083) 72.16%, rgba(0, 0, 0, 0.779517) 86.93%, #000000 0%), var(--header-background-image-url);
}
header .masthead-logo {
  display: block;
  padding: 1rem;
}
header .masthead-logo svg {
  height: 48px;
  width: 175px;
}
header .test-tools {
  padding: 0.5rem 1rem;
  background: #333;
  color: var(--secondary-color);
  display: flex;
  justify-content: space-between;
}
header .test-tools__item label {
  font-weight: bold;
  text-transform: uppercase;
}
header .title-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .title-content h1 {
  color: var(--secondary-color);
  font-size: 28px;
  font-weight: normal;
  margin-right: 1rem;
  line-height: 1;
}

.signature-pad__close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 35px;
  width: 35px;
  cursor: pointer;
}
.signature-pad__close-btn svg {
  height: 35px;
  width: 35px;
}
.signature-pad__overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  top: 0;
  z-index: 0;
}
.signature-pad__modal {
  position: absolute;
  top: 50%;
  width: 80%;
  max-width: 600px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: var(--background-color);
  border: 1px solid #ccc;
  padding-top: 0.5rem;
  z-index: 10;
}
.signature-pad__modal .signature-statement {
  margin: 1rem;
  line-height: 1.5em;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
}
.signature-pad__modal .signature-statement a {
  color: var(--link-text-color);
  cursor: pointer;
}
.signature-pad__modal .signature-canvas {
  position: relative;
}
.signature-pad__modal .signature-canvas__wrapper {
  margin: 0 1rem;
}
.signature-pad__modal .signature-canvas .canvas-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2rem 1rem 1.5rem 1rem;
  z-index: 10;
  pointer-events: none;
}
.signature-pad__modal .signature-canvas .canvas-overlay .signature-line {
  width: 100%;
  border-bottom: 2px solid black;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
}
.signature-pad__modal .signature-canvas .canvas-overlay svg {
  height: 30px;
  width: 30px;
}
.signature-pad__modal .signature-canvas .signature-canvas {
  background: var(--signature-canvas-color);
  width: 100%;
  min-height: 150px;
  z-index: 0;
  padding: 1rem;
  box-sizing: border-box;
}
.signature-pad__modal .signature-buttons {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}

.skip-waiver-modal__close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 35px;
  width: 35px;
  cursor: pointer;
}
.skip-waiver-modal__close-btn svg {
  height: 45px;
  width: 45px;
}
.skip-waiver-modal__overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  top: 0;
  z-index: 0;
}
.skip-waiver-modal__modal {
  padding: 15px;
  position: absolute;
  top: 50%;
  width: 80%;
  width: 600px;
  height: 600px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: white;
  border: 1px solid #ccc;
  padding-top: 0.5rem;
  z-index: 10;
}
.skip-waiver-modal__outer {
  height: 600px;
  position: relative;
}
.skip-waiver-modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.skip-waiver-modal__desc {
  margin-bottom: 20px;
}
.skip-waiver-modal .signature-buttons {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.skip-waiver-modal .signature-buttons btn {
  margin: 5px;
}

.waiver {
  height: calc(100vh - 140px);
  overflow-y: scroll;
  /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
}
.waiver__no-content {
  background: var(--waiver-no-content-background-color);
  max-width: 420px;
  padding: 2rem;
  margin: 8rem auto;
  text-align: center;
  border: 1px solid #ccc;
}
.waiver__no-content h2 {
  font-weight: normal;
  text-transform: none;
  font-size: 1.5rem;
}
.waiver__content {
  margin: 110px 1rem 5rem 1rem;
}
.waiver__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 100px;
}
.waiver__buttons .btn {
  width: 320px;
  margin: 0 0 1rem 0;
}
.waiver__signature-statement {
  position: fixed;
  width: 100%;
  height: 85px;
  box-sizing: border-box;
  padding: 1rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--background-color);
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15), inset 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.waiver__signature-statement .statement {
  line-height: 1.35;
}
.waiver__signature-statement .name {
  font-weight: bold;
  margin-left: 0.25em;
}
.waiver__signature-statement .btn {
  margin-left: 1rem;
  padding: 1rem;
  min-width: 120px;
}

.btn {
  background: var(--primary-button-color);
  padding: 1rem 2rem;
  color: var(--primary-button-text-color);
  order: 2px solid var(--primary-button-border-color);
  min-width: 150px;
  text-align: center;
  cursor: pointer;
}
.btn--secondary {
  color: var(--secondary-button-text-color);
  background: var(--secondary-button-color);
  border: 2px solid var(--secondary-button-border-color);
}

.ax--text-input {
  font-family: var(--primary-font);
  font-weight: 400;
  opacity: 1;
  font-size: 0.875rem;
  line-height: 16;
  line-height: normal;
  background-color: #f4f7fb;
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 0 0 #5a6872;
  color: #152935;
  display: block;
  height: 2.5rem;
  min-width: 10rem;
  order: 2;
  padding: 0 1rem;
  width: 100%;
  box-sizing: border-box;
}

.ax--text-input[data-invalid],
.ax--text-input[data-invalid]:focus {
  box-shadow: 0 2px 0 0 #e0182d;
}

.ax--select[data-invalid] select,
.ax--select[data-invalid]:focus select {
  box-shadow: 0 2px 0 0 #e0182d;
}

.ax--date-dropdown[data-invalid] select {
  box-shadow: 0 2px 0 0 #e0182d;
}

.ax--form-requirement {
  display: none;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0.75rem 0 0;
  margin-top: 0.75rem;
  max-height: 0;
  overflow: hidden;
}

.ax--text-input ~ .ax--form-requirement,
.ax--date-dropdown ~ .ax--form-requirement {
  color: #e0182d;
  font-weight: 400;
  margin-top: 0;
  order: 3;
}

.ax--form-item[data-invalid=true] .ax--form-requirement {
  color: #e0182d;
  font-weight: 400;
  margin-top: 0;
  display: block;
  max-height: none;
}

.ax--list-box[data-invalid] ~ .ax--form-requirement,
input[data-invalid] ~ .ax--form-requirement,
select[data-invalid] ~ .ax--form-requirement,
textarea[data-invalid] ~ .ax--form-requirement,
.ax--date-dropdown[data-invalid] ~ .ax--form-requirement {
  display: block;
  max-height: 12.5rem;
}

.ax--text-area[data-invalid],
.ax--text-area[data-invalid]:focus {
  box-shadow: 0 2px 0 0 #e0182d;
}

.ax--select {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
}

.ax--select-input {
  font-family: var(--primary-font);
  font-weight: 400;
  opacity: 1;
  font-size: 0.875rem;
  line-height: 16;
  line-height: normal;
  -webkit-appearance: none;
  background-color: #f4f7fb;
  border: none;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 1px 0 0 #5a6872;
  color: #152935;
  cursor: pointer;
  display: block;
  height: 2.5rem;
  order: 2;
  padding: 0 2.5rem 0 1rem;
  width: 100%;
  box-sizing: border-box;
}
.ax--select-input ::-ms-expand {
  display: none;
}

.ax--select-input[data-invalid],
.ax--select-input[data-invalid]:focus {
  box-shadow: 0 2px 0 0 #e0182d;
}

.ax--select-optgroup,
.ax--select-option {
  color: #152935;
}

.ax--select-option[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.ax--select__arrow {
  bottom: 1.75rem;
  fill: #3d70b2;
  height: 0.3125rem;
  pointer-events: none;
  position: absolute;
  right: 1rem;
  width: 0.625rem;
}

.ax--select .ax--label {
  font-family: var(--primary-font);
  font-weight: 700;
  opacity: 0.5;
  font-size: 0.875rem;
  line-height: 16;
  display: inline-block;
  margin-bottom: 0.25rem;
  vertical-align: baseline;
}

.ax--form-item {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  margin-bottom: 1rem;
  order: 2;
}

.ax--text-area {
  line-height: normal;
  background-color: #f4f7fb;
  border: none;
  border-bottom: 1px solid transparent;
  box-shadow: 0 1px 0 0 #5a6872;
  color: #152935;
  min-width: 10rem;
  order: 2;
  padding: 1rem;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
}

.ax--container__buttons {
  padding: 15px;
  display: flex;
  flex-direction: row;
}

.ax--btn {
  background-color: lightgrey;
  border: none;
  cursor: pointer;
  letter-spacing: 0.5px;
  min-height: 44px;
  line-height: 1.6rem;
  padding: 0.5rem 1rem;
  position: relative;
  text-transform: uppercase;
}

.ax--btn.ax--btn--secondary {
  background-color: var(--secondary-button-color);
  color: var(--secondary-button-text-color);
  border: 2px solid var(--secondary-button-border-color);
}

.ax--btn.ax--btn--primary {
  background-color: var(--primary-button-color);
  color: var(--primary-button-text-color);
  border: 2px solid var(--primary-button-border-color);
}

.ax--btn.ax--btn--lg {
  font-weight: 700;
  line-height: normal;
  padding: 1.5rem 4rem;
}

.ax--label-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ax--label-container .tooltip {
  position: relative;
  display: inline-block;
}

.ax--label-container .tooltip .tool-tip-icon {
  width: 25px;
  height: auto;
}

.ax--label-container .tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -120px;
  opacity: 0;
  transition: opacity 0.3s;
}

.ax--label-container .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.ax--label {
  text-transform: uppercase;
  margin-bottom: 0.25rem;
  display: block;
}

.ax--input-invalid {
  color: #e0182d;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0.75rem 0 0;
  margin-top: 0.75rem;
  order: 3;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.fade-quickly-enter-active, .fade-quickly-leave-active {
  transition: opacity 200ms;
}

.fade-quickly-enter, .fade-quickly-leave-to {
  opacity: 0;
}

.animate-scroll {
  animation: moveDown 1s ease-in 0s forwards;
  animation-iteration-count: 2;
}

@keyframes moveDown {
  0% {
    transform: translateY(15px);
    opacity: 0;
  }
  80% {
    transform: translateY(-30px);
    opacity: 1;
  }
  100% {
    transform: translateY(-30px);
    opacity: 0;
  }
}
.modal__close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  height: 35px;
  width: 35px;
  cursor: pointer;
}
.modal__close-btn svg {
  height: 45px;
  width: 45px;
}
.modal__overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  top: 0;
  z-index: 9;
}
.modal__modal {
  padding: 15px;
  position: absolute;
  top: 50%;
  width: 80%;
  width: 600px;
  height: 600px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: white;
  border: 1px solid #ccc;
  padding-top: 0.5rem;
  z-index: 10;
}
.modal__outer {
  height: 600px;
  position: relative;
}
.modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal__desc {
  margin-bottom: 20px;
}
.modal__buttons {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.modal__buttons btn {
  margin: 5px;
}

.take-photo {
  height: calc(100vh - 140px);
}
.take-photo h1 {
  text-align: center;
}
.take-photo__photo-container {
  display: flex;
  justify-content: center;
}
.take-photo__video #overlay {
  position: absolute;
  opacity: 0.3;
}
.take-photo__video #countdown {
  position: absolute;
  font-size: 15rem;
  color: white;
  top: 350px;
  left: 320px;
  font-family: Arial;
}
.take-photo__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}
.take-photo__buttons .btn {
  width: 250px;
  font-size: 1.6rem;
  min-height: 100px;
  margin: 0 10px;
}

.update-comm-profile {
  height: calc(100vh - 140px);
}
.update-comm-profile h1 {
  text-align: center;
}
.update-comm-profile__content-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.update-comm-profile__content-container .ax--container {
  width: 70%;
}
.update-comm-profile__content-container .ax--container .ax--text-input {
  font-size: 1.5rem;
}
.update-comm-profile__content-container .ax--container .form-item--inline {
  display: flex;
  flex: 1 1;
  flex-direction: row;
  margin-bottom: 1rem;
  order: 2;
  align-items: center;
}
.update-comm-profile__content-container .ax--container .form-item--inline .ax--checkbox {
  width: 40px;
  height: 40px;
}
.update-comm-profile__content-container .ax--container .form-item--inline .ax--label-container {
  margin-left: 15px;
}
.update-comm-profile__buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 100px;
}
.update-comm-profile__buttons .btn {
  width: 250px;
  font-size: 1.6rem;
  min-height: 100px;
  margin: 0 10px;
}
.update-comm-profile__buttons .btn:disabled {
  background-color: lightgrey;
  color: white;
}