#mb-header-content {
  background-image: linear-gradient(#f38001,#d96200), url(../../assets/img/header_bg.svg);
  background-blend-mode: color;
  background-repeat: no-repeat;
  color: white;
  margin: 0px;
  padding: 0px 0px 30px 0px;
}

#mb-logo {
  width: 100%;
  min-width: 150px;
  max-width: 200px;
  height: 50px;
  margin: 10px;
  align-content: center;
  padding: 0px;
  background-image: url(../../assets/img/logo.svg);
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}

@media (min-width: 992px) {
  #mb-header-logo {
    text-align: left!important;
  }
}

@media (min-width: 992px) {
  #mb-content {
    background-image: url(../../assets/img/content_bg.svg);
    background-position: bottom left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 90%;
    padding: 10px;
    width: 100%;
  }
}

#mb-input {
  background-color: #ffffff;
}

.mb-step {
  width: 100%;
  text-align: justify;
  font-size: 11pt;
  color: gray;
  font-family: 'Nunito Sans';
  padding-top: 0px;
  padding-right: 20px;
  padding-left: 20px;
}

#mb-header .row, #mb-content .row {
  margin-left: 0px;
  margin-right: 0px;
}

@media (min-width: 992px) {
  #mb-details .card-body {
    padding-top: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 300px) {
  #mb-details .card-body {
    padding-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

#mb-card-title {
  color: #f57e20;
  font-size: 12pt;
  font-family: 'Nunito Sans';
  font-weight: bolder;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 992px) {
  #mb-details .card-title {
    margin-bottom: 15px;
  }
}

#mb-details .card {
  border: none;
}

#mb-header-p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: lighter;
  font-family: 'Nunito Sans';
  letter-spacing: 3px;
  font-size: calc(100.5% + 1vw);
  max-width: 100%;
  width: 100%;
  word-break: break-word;
}

#mb-header-p strong {
  font-size: calc(90.5% + 0.5vw);
  font-weight: 800;
}

#mb-content-title .h6, h6 {
  font-size: 12pt;
  margin-top: 10px;
}

@media (min-width: 992px) {
  #mb-content-title .h6, h6 {
    font-size: 24pt;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

#mb-form-title {
  color: #282828;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom-color: #282828;
  border-bottom-style: inset;
  border-bottom-width: thin;
  font-family: 'Nunito Sans';
  font-size: 12pt;
  font-weight: bolder;
  word-break: break-word;
}

@media (min-width: 992px) {
  #form-left {
    padding-right: 20px;
  }
}

#form-right {
  margin-top: 10px;
}

@media (min-width: 992px) {
  #form-right {
    padding-left: 20px;
    margin-top: 5px;
  }
}

#form-left {
  margin-top: 5px;
}

#input-label, #mb-form label {
  margin-bottom: 5px;
  color: #282828;
  font-family: 'Lato';
  font-size: 10pt;
  font-weight: 100;
  word-break: normal;
}

#mb-form-row {
  margin-top: 5px;
  margin-bottom: 30px;
}

#mb-download {
  margin-top: 20px;
  background-color: #f1f3f4;
}

@media (min-width: 992px) {
  #mb-download {
    margin-top: 90px;
    margin-left: 10px;
    background-color: transparent;
  }
}

.mb-download-img {
  display: none;
  width: 100%;
}

@media (min-width: 992px) {
  .mb-download-img {
    display: initial;
    width: 80%;
  }
}

#mb-benefits-img {
  width: 20px;
}

#mb-form {
  padding-left: 5px;
  padding-right: 5px;
  /*background-color: white;*/
}

@media (min-width: 992px) {
  #mb-form {
    padding-left: 0.9vw;
    padding-right: 0.9vw;
    min-width: 480px;
  }
}

#mb-form-address input {
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  #mb-user-content {
    margin-top: 70px;
    margin-bottom: 70px;
    border-color: rgba(102,103,111,0.22);
    border-width: 1px;
    filter: drop-shadow(2px 2px 3px);
    margin-left: 2vw;
    margin-right: 2vw;
    min-width: 550px;
  }
}

#mb-user-content {
  background-color: white;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

#mb-content-title .h6 h6 {
  font-size: 16pt;
}

@media (min-width: 300px) {
  #mb-title-heading {
    color: #f57e20;
    font-family: 'Nunito Sans';
    font-size: 18pt;
    font-weight: bolder;
    word-break: break-word;
  }
}

@media (min-width: 992px) {
  #mb-title-heading {
    color: #f57e20;
    font-family: 'Nunito Sans';
    font-size: 24pt;
    font-weight: bolder;
  }
}

#mb-details-col {
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 5px;
}

.mb-button {
  border-radius: 1rem;
  border: none;
  background-color: #f26330;
  padding-left: 15px;
  padding-right: 15px;
  width: initial;
  white-space: normal;
}

#mb-form-address input::placeholder {
  font-size: 12pt;
  font-weight: 100;
}

#mb-form-row ::placeholder {
  font-size: 12pt;
  font-weight: 100;
}

#mb-card-icon {
  font-size: 0pt;
}

#mb-card-icon-col {
  padding: 0px;
}

#dynamic-bullets > li {
  list-style: none;
  width: 100%;
  line-height: 25px;
  background-image: url("../../assets/img/orange_check.svg");
  background-repeat: no-repeat;
  background-size: 25px;
  padding: 0px 0px 20px 50px;
  margin: 0px;
  font-size: 0.9em;
}

#dynamic-bullets {
  list-style-type: none;
  padding: 0;
  margin-top: 30px;
}

@media (min-width: 992px) {
  #mb-body {
    background-color: rgb(241,243,244);
    margin: 0px 4vw;
  }
}

#mb-para {
  color: #282828;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 11px;
}

#mb-bottom-text {
  padding: 0px 30px 0px 30px;
}

.help-block {
  font-size: calc(80% + 0.1vw);
  letter-spacing: normal;
  word-spacing: normal;
  position: absolute;
  margin-top: 3px;
  color: rgb(185, 74, 72);
  overflow: hidden;
  height: 28px;
  line-height: 13px;
}

.intl-tel-input {
  position: relative;
  display: inline-block;
  width: 100%;
}

.intl-tel-input.iti-container {
  max-width: 400px;
}

.form-check-label {
  color: #282828;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 9pt;
  font-weight: bold;
  width: 100%;
  margin-left: 10px;
  padding-top: 0px;
}

.password {
  -webkit-text-security: disc;
}

@media (min-width: 992px) {
  .password-col {
    width: 40px;
    padding: 0px;
    margin-right: auto;
  }
}

#formCheck {
  padding-left: 0px;
  margin-top: 8px;
}

.form-check-label {
  color: #282828;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 9pt;
  font-weight: bold;
  width: 100%;
  margin-left: 5px!important;
  color: #282828;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  outline: none;
  outline-color: initial;
  box-shadow: none !important;
}

#mb-body {
  font-family: 'Lato';
}

@media (min-width: 992px) {
  #mb-header-content {
    padding: 0px 20px 30px 20px;
  }
}

@media (min-width: 992px) {
  #mb-header-logo {
    text-align: left!important;
  }
}

@media (min-width: 992px) {
  #mb-content {
    background-image: url(../../assets/img/content_bg.svg);
    background-position: bottom left;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 90%;
    margin-left: 20px;
    margin-right: 20px;
  }
}

#mb-input {
  background-color: #ffffff;
}

#mb-header .row, #mb-content .row {
  margin-left: 0px;
  margin-right: 0px;
}

#mb-details .card {
  border: none;
}

#mb-header-p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: lighter;
  font-family: 'Nunito Sans';
  letter-spacing: 3px;
  font-size: calc(112.5% + 2vw);
  max-width: 100%;
  width: 100%;
  word-break: break-word;
}

#mb-header-p strong {
  font-size: calc(100.5% + 0.5vw);
  font-weight: 800;
}

@media (min-width: 992px) {
  #mb-content-title .h6, h6 {
    font-size: 24pt;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  #mb-body {
    background-color: rgb(241,243,244);
    margin: 0px 4vw;
    font-family: 'Lato';
    font-size: medium;
  }
}

.passcode {
  text-align: center;
  min-width: 40px;
  height: 35px;
  margin-right: 20px;
}

#codeButton {
  margin-top: 10px;
}

#message {
  margin-top: 35px;
  color: gray;
}

#mb-form-title {
  word-break: break-word;
}

#input-label, #mb-form label {
  margin-bottom: 5px;
  color: #282828;
  font-family: 'Lato';
  font-size: 10pt;
  font-weight: 100;
  word-break: normal;
}

.mb-button:focus, .mb-button:hover, .mb-button:active, .mb-button:disabled {
  color: white;
  outline: 0;
  box-shadow: none !important;
  background-color: #f58e31 !important;
  border-color: inherit;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  outline: none;
  outline-color: initial;
  box-shadow: none !important;
}

#mb-body {
  font-family: 'Lato';
  font-size: medium;
  word-spacing: 0.9px;
  letter-spacing: 0.2px;
  background-color: rgb(241,243,244);
}

.boldblack {
  font-weight: 900;
  color: black;
}

#passcodeError {
  height: 20px;
}

.mb-auto, .my-auto {
}

.modeButton {
  background-image: url("../../assets/img/mode_text.png");
  background-color: transparent !important;
  background-repeat: no-repeat;
  width: 6px;
  height: 6px;
  background-size: contain;
  background-position: 20%;
  border: none !important;
}

.show-password {
  background-image: url("../../assets/img/mode_password.png") !important;
  background-color: transparent;
}

.modeButton:focus, .modeButton:hover, .modeButton:active {
  box-shadow: none !important;
  border-color: inherit;
  background-color: transparent;
}

.password-col {
  margin-right: 1vmin;
}

#rightCol {
  margin-top: 20px;
  margin-left: 0px;
}

@media (min-width: 992px) {
  #rightCol {
    margin-top: 0px;
  }
}

#mb-details {
  padding-right: 20px;
  padding-left: 20px;
}

#dob_month {
  min-width: 90px;
  max-width: 200px;
}

.card-body {
  padding-bottom: 10px;
}

.award-logo {
  width: calc(80% + 0.1vw);
  max-width: 300px;
  min-width: 190px;
}

@media (min-width: 768px) {
  .award-logo {
    width: calc(90% + 0.1vw);
    min-width: 190px;
  }
}

.keypasscode {
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 0px;
  font-size: 2vmax;
}

@media (min-width: 576px) {
  .keypasscode {
    text-align: center;
    width: 35px;
    height: 35px;
    padding: 0px;
    font-size: 1vmax;
  }
}

.keyimage {
  max-width: 300px;
  max-height: 95px;
  background-image: url('../../assets/img/keyfob.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150px;
  width: 100%;
  height: 100%;
}

.header_image {
  background-image: url('../../assets/img/header_name.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 3vw;
  min-height: 25px;
  max-height: 35px;
}

.stepCard {
  background-repeat: no-repeat;
  background-size: calc(35% + 0.5vmax);
  background-position: center;
  height: 40px;
}

#mb-header-title {
}

#mb-content-div {
  padding-right:0px;
  padding-left:0px
}

.width-100 {
  width:100%;
}

.min-width-210 {
  min-width:210px;
}

.no-wrap {
  text-overflow:no-wrap;
}

.display-none {
  display:none;
}

#passcode-error {
  background-color:transparent;
  height:20px;
}

#key-passcode-error {
  background-color:transparent;
  height:20px;
}

#dob_month {
  min-width:100px;
  max-width:200px;
}