:root {
  --client-main-var1: #1f1f1f;
  --smithgroup-dark: #1f1f1f;
  --smithgroup-smoke: #e0e0e0;
  --client-accent-var2: #b3282d;
  --white: white;
  --smithgroup-gray: #4d4d4d;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

label {
  margin-bottom: 5px;
  font-weight: 500;
  display: block;
}

.body {
  background-color: var(--client-main-var1);
  padding: 10px;
}

.container {
  min-height: 90vh;
  background-color: #fff;
  border-radius: 12px;
  margin-top: 2vh;
  margin-bottom: 2vh;
  padding: 20px;
}

.header-block {
  color: var(--smithgroup-dark);
  background-color: #fff;
  border-radius: 8px;
}

.corner-app-id {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--smithgroup-smoke);
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  padding-left: 2vw;
  display: flex;
}

.corner-app-id.w--current {
  max-width: 100%;
  justify-content: space-between;
}

.corner-icon {
  width: 7vw;
  height: 7vw;
  background-image: url('../svg/blank.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 8px;
  margin: 5px;
}

.mmc-mark {
  opacity: .6;
}
.mmc-mark-cu {
  width:40vw;
}

.form-area {
  text-align: left;
  justify-content: center;
  display: flex;
}

.custom-radio {
  background-color: var(--smithgroup-smoke);
  border-radius: 100px;
  margin-top: 13px;
  padding: 1vh;
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  transition: all .4s;
}

.custom-radio:hover {
  background-color: var(--client-main-var1);
  color: #fff;
  transform: scale(1.025);
}

.inset-radio {
  width: 2vh;
  height: 2vh;
  background-color: #fff;
  margin-left: 0;
  margin-right: 10px;
}

.inset-radio.w--redirected-checked {
  border-color: var(--client-accent-var2);
}

.custom-radio-label, .radio-button-label-2, .radio-button-label-3, .radio-button-label-4 {
  font-weight: 500;
}

.survey-question {
  color: var(--smithgroup-dark);
  margin-bottom: 2vh;
  font-family: Work Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.survey-question.mapping {
  margin-bottom: 1vh;
  padding-top: 1vh;
  padding-bottom: 1vh;
  font-weight: 600;
}

.form-block {
  width: 600px;
}

.bottom-navigation {
  justify-content: center;
  margin-bottom: 2vh;
  display: flex;
}

.content-flex {
  min-height: 75vh;
  border: 1px solid var(--smithgroup-smoke);
  border-radius: 6px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 2vh;
  padding-top: 4vh;
  display: flex;
}

.next-button {
  background-color: var(--client-accent-var2);
  color: var(--white);
  border-radius: 12px;
  padding: 1.5vh 3vw;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .4s;
}

.next-button:hover {
  background-color: var(--smithgroup-dark);
  transform: scale(1.025);
}

.back-button {
  background-color: var(--smithgroup-gray);
  color: var(--white);
  border-radius: 12px;
  padding: 1.5vh 3vw;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: all .4s;
  margin-right:20px;
}

.back-button:hover {
  background-color: var(--smithgroup-dark);
  transform: scale(1.025);
}



.home-mmc-header {
  justify-content: center;
  padding-top: 4vh;
  display: flex;
}

.home-mmc {
  max-width: 40vh;
  opacity: .36;
}
.home-mmc-cu {
  max-width: 60%;
}

.home-content {
  width: 70%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.welcome-text {
  text-align: center;
  font-family: Work Sans, sans-serif;
  font-weight: 400;
}

.home-client-logo {
  max-width: 70%;
}

.disclaimer {
  max-width: 70%;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 2vh;
  font-family: Work Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.select-field {
  border: 1px solid var(--smithgroup-smoke);
  background-color: var(--smithgroup-smoke);
  color: var(--smithgroup-dark);
  border-radius: 12px;
  font-family: Work Sans, sans-serif;
}

.select-field:hover {
  background-color: var(--client-main-var1);
  color: var(--white);
}

.field-label {
  color: var(--smithgroup-gray);
  font-family: Work Sans, sans-serif;
}

.dropdown-question {
  padding-bottom: 1vh;
}

.form.short-answer {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 3.25fr;
  grid-auto-columns: 1fr;
  display: block;
}

.mapping-bar {
  margin-top: .75vh;
  padding-top: .75vh;
  padding-bottom: .75vh;
}

.progress-bar {
  height: 10px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--smithgroup-smoke);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.progress-marker {
  height: 10px;
  background-color: var(--client-accent-var2);
  border-radius: 0;
}

.progress-label {
  color: #8d8d8d;
  text-align: left;
  justify-content: space-between;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  display: flex;
}

.mapping-nav {
  justify-content: space-between;
  margin-top: .75vh;
  display: flex;
}

.navigation-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.map-nav-button {
  background-color: var(--smithgroup-dark);
  color: var(--white);
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 5px 10px;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.map-nav-button:hover {
  background-color: var(--client-accent-var2);
}

.back-arrow {
  width: 10px;
}

.next-arrow {
  width: 10px;
  margin-left: 4px;
}

.undo-label {
  margin-left: 5px;
}

.undo-icon {
  width: 10px;
  margin-left: 3px;
  margin-right: 3px;
}

.map-box {
  min-height: 65vh;
  background-color: #dfdfdf;
  border-radius: 8px;
  margin-top: .75vh;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, .2);
}

.comment-icon {
  width: 16px;
}

.comment-label, .back-label {
  margin-left: 5px;
}

.next-label {
  margin-right: 5px;
}

.checkbox-label {
  margin-bottom: 0;
  padding-top: 1px;
  font-family: Work Sans, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

.checkbox-field {
  border: 2px solid var(--smithgroup-smoke);
  background-color: var(--smithgroup-smoke);
  color: var(--smithgroup-gray);
  border-radius: 6px;
  padding: .5vh 8px;
  display: flex;
}

.checkbox-field:hover {
  border-color: var(--smithgroup-gray);
}

.checkbox {
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-color: var(--white);
  border-radius: 3px;
  margin-bottom: 4px;
  margin-left: 0;
  margin-right: 5px;
}

.checkbox.w--redirected-checked {
  background-color: var(--client-accent-var2);
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.textarea {
  min-height: 15vh;
  border: 2px solid var(--smithgroup-smoke);
  color: var(--smithgroup-gray);
  border-radius: 12px;
  font-family: Work Sans, sans-serif;
}

.textarea:hover {
  border-color: var(--smithgroup-gray);
}

.text-field {
  border: 2px solid var(--smithgroup-smoke);
  border-radius: 6px;
  margin-bottom: 5px;
  font-family: Work Sans, sans-serif;
}

.text-field:hover {
  border-color: var(--smithgroup-gray);
}

.commentboxholder {
  z-index: 10000;
  width: 90%;
  height: 415px;
  max-width: 800px;
  background-color: #fff;
  border-radius: 12px;
  margin: 2vw auto;
  padding: 10px;
  display: block;
  position: fixed;
  top: 330px;
  bottom: auto;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}

.commentbox {
  height: 250px;
  background-color: var(--white);
  padding-bottom: 25px;
}

.commentcontents {
  margin: 10px;
}

.commenttitle {
  font-family: Work Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.commentquestion {
  font-family: Work Sans, sans-serif;
  font-weight: 500;
}

.commenttext {
  width: 100%;
  margin-top: 10px;
}

.commentholder {
  height: 260px;
  border: 2px solid var(--smithgroup-smoke);
  border-radius: 6px;
}

.save-button {
  float: right;
  background-color: var(--smithgroup-dark);
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px 20px;
  font-family: Work Sans, sans-serif;
  text-decoration: none;
}
.save-button:hover {
  background-color: var(--client-accent-var2);
}

@media screen and (max-width: 991px) {
  .header-block {
    display: flex;
  }

  .corner-app-id {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    display: flex;
  }

  .corner-icon {
    min-height: 8vw;
    min-width: 8vw;
    background-image: url('../svg/blank.svg');
  }

  .progress-bar {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .progress-marker {
    min-width: 7vw;
  }

  .map-box {
    min-height: 68vh;
  }
}

@media screen and (max-width: 767px) {
  .body.clientcolor {
    padding: 0;
  }

  .container {
    min-height: 100vh;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 15px 15px;
  }

  .corner-app-id {
    max-width: 100%;
    border-style: none;
    border-radius: 0 0 8px 8px;
    justify-content: space-between;
    padding: 3px 0 3px 0;
  }

  .corner-icon {
    width: 5vw;
    height: 5vw;
    min-height: 5vw;
    min-width: 5vw;
    border-radius: 6px;
    margin: 1px;
  }

  .mmc-mark {
    max-width: 20%;
  }

  .mmc-mark-cu {
    width: 60vw;
    max-width: 80vw;
  }

  .form-area {
    max-width: 100%;
  }

  .survey-question.mapping {
    margin-bottom: .5vh;
    padding-top: .25vh;
    padding-bottom: 0;
  }

  .content-flex {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .home-mmc {
    max-width: 50%;
  }
  .home-mmc-cu {
    max-width: 60vw;
  }

  .welcome-text {
    font-size: 16px;
  }

  .form.short-answer {
    display: block;
  }

  .mapping-bar {
    margin-top: 0;
    padding-top: .5vh;
    padding-bottom: .5vh;
  }

  .mapping-nav {
    align-items: center;
    margin-top: .5vh;
  }

  .map-nav-button {
    border-radius: 6px;
    padding: 3px 8px;
  }

  .back-arrow, .next-arrow {
    width: 9px;
  }

  .undo-label {
    font-size: 12px;
    line-height: 15px;
  }

  .undo-icon {
    width: 9px;
  }

  .map-box {
    min-height: 74vh;
  }

  .comment-icon {
    width: 14px;
  }

  .comment-label, .back-label, .next-label {
    font-size: 12px;
    line-height: 15px;
  }

  .checkbox-label {
    font-family: Work Sans, sans-serif;
  }

  .checkbox-field {
    color: var(--smithgroup-gray);
    font-weight: 700;
  }

  .text-block, .text-block-2 {
    font-size: 12px;
    line-height: 16px;
  }
}

@media screen and (max-width: 479px) {
  .body.clientcolor {
    padding: 0;
  }

  .container {
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 1vh;
    padding: 0 10px 10px;
  }

  .corner-app-id {
    padding-bottom: 0;
  }

  .corner-icon {
    width: 7vw;
    height: 7vw;
    min-height: 7vw;
    min-width: 7vw;
    border-radius: 6px;
  }

  .form-area {
    max-width: 100%;
  }

  .custom-radio {
    align-items: center;
    display: flex;
  }

  .inset-radio {
    min-width: 2vh;
  }

  .content-flex {
    padding-left: 1vh;
    padding-right: 1vh;
  }

  .home-mmc {
    max-width: 75%;
  }
  .home-mmc-cu {
    max-width: 60vw;
  }

  .welcome-text {
    font-size: 14px;
    line-height: 20px;
  }

  .home-client-logo {
    max-width: 80%;
  }

  .form.short-answer {
    max-width: 99%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1.25fr 3.25fr;
  }

  .navigation-buttons {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: .4fr 1fr;
    grid-template-areas: "Area";
    align-items: stretch;
  }

  .content-buttons {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    display: flex;
  }

  .undo-label {
    display: none;
  }

  .comment-label {
    display: block;
  }

  .back-label {
    display: none;
  }

  .next-label {
    display: block;
  }

  .form-2 {
    max-width: 80%;
  }
}

#w-node-ed131b0e-1857-1bbf-0e83-baec5b36e990-d90daf0f, #w-node-_66848ab3-9f37-0953-cc50-5164025fe445-d90daf0f, #w-node-ed131b0e-1857-1bbf-0e83-baec5b36e990-60117d15, #w-node-ad8038e7-a26d-70ea-8f1e-17eb8343fb4b-60117d15, #w-node-_66848ab3-9f37-0953-cc50-5164025fe445-60117d15 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #Short-Answer-Field.w-node-_713a5ca6-5bce-7110-54de-1d9620da9f0f-0679f712 {
    align-self: auto;
  }
}