:focus {
  outline-color: transparent;
  outline-style: none;
}
* {
  font-variant-ligatures: none;
}
html,
body {
  background: #eee;
  margin: 0;
  padding: 0;
  font-family: 'Arial', sans-serif;
}
html ::-webkit-scrollbar,
body ::-webkit-scrollbar {
  background: transparent;
  width: 0;
}
html ::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb {
  background: transparent;
}
.type-large,
.app,
.type,
.scroll-notification,
.error-notification,
.warning-notification,
.status-notification,
.component-block,
.provider-block,
.question-block,
.info-block,
.signature-block,
.question-text,
.subtext,
.msg_subtext,
.button,
.blank,
.edit,
.text-input {
  font-size: 24px;
}
.type-med,
.scroll-notification,
.error-notification,
.warning-notification,
.status-notification,
.provider-text,
.subtext a,
.msg_subtext a,
.data-button,
.date-input,
.number-input,
.toggle {
  font-size: 20px;
}
.app {
  background: #eee;
  max-width: 896px;
  height: 100vh;
  margin: 0;
}
.sidebar {
  visibility: hidden;
  position: relative;
  display: inline-block;
  height: 100vh;
  width: 0px;
  background: #eee;
}
.main {
  position: relative;
  display: inline-block;
  background: #fff;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.notification-block {
  position: relative;
  display: block;
  width: calc(100% - 0px);
}
.chat-bot {
  position: relative;
  background: #fff;
  height: 100%;
  width: 100%;
  padding: 0px 0 0 0;
  background: #fff;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}
.type,
.scroll-notification,
.error-notification,
.warning-notification,
.status-notification,
.component-block,
.provider-block,
.question-block,
.info-block,
.signature-block,
.button,
.blank,
.edit {
  font-weight: 700;
  letter-spacing: 1px;
  text-indent: 1px;
  user-select: none;
  line-height: 1.1;
}
.scroll-notification {
  position: fixed;
  z-index: 100;
  bottom: 0;
  height: 50px;
  min-width: 10px;
  width: 100%;
  max-width: 896px;
  background: #f7b500;
  line-height: 50px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  font-weight: 22px;
}
text-overflow ellipsis {
  user-select: none;
  visibility: hidden;
}
.scroll-notification-active {
  visibility: visible;
}
.error-notification,
.warning-notification,
.status-notification {
  position: fixed;
  display: inline-block;
  min-width: 10px;
  width: 100%;
  max-width: 736px;
  font-size: 20px;
  z-index: 90;
  height: 73px;
  top: -73px;
  font-weight: 400;
  color: #fff;
  line-height: 73px;
  text-align: center;
  overflow-x: hidden;
}
text-overflow ellipsis {
  visibility: hidden;
  transition: all 0.5s ease;
}
.notification-active {
  visibility: visible;
  opacity: 1;
  top: 10px;
  line-height: ;
  text-align: center;
}
.error-notification {
  background: #f66;
}
.warning-notification {
  background: #f7b500;
}
.status-notification {
  background: #00bfda;
}
.progress-bar {
  position: fixed;
  z-index: 90;
  top: 0;
  min-width: 10px;
  width: 100%;
  max-width: 736px;
  height: 10px;
  background: #efefef;
}
.progress-bar-complete {
  width: 0%;
  height: 100%;
  background: #2bb9ae;
}
.component-block {
  position: relative;
  padding: 15px;
  width: calc(100% - 30px);
  margin-bottom: 0px;
}
.component-block .question-block {
  margin-bottom: 10px;
}
.component-block .provider-text {
  display: none;
}
.header {
  height: auto;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}
a {
  display: block;
  position: relative;
  outline: none;
  color: #00f;
  text-decoration: none;
  font-size: 24px;
}
br {
  margin-bottom: 2px;
}
.provider-block {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0 0 25px 0;
  color: #303136;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
}
.provider-text {
  position: relative;
  display: inline-block;
  height: 50px;
  color: #8bc736;
  line-height: 50px;
  text-align: center;
  margin: 0 0 0 15px;
}
.question-block {
  position: relative;
  display: inline-block;
  max-width: 300;
  background: #ececec;
  border-radius: 0 25px 25px 25px;
  padding: 10px;
  margin: 0 0 0px 0;
  color: #303136;
}
.signature > .question-block {
  padding: 0px;
  padding: 0px;
}
.signature > .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
}
flex-direction row,
.clear-button {
  background: #ececec;
  width: 50%;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #212121;
  font-weight: 400;
  margin: 0 calc(50% - 100px) 45px calc(50% - 100px);
  z-index: 100;
}
canvas.canvas-signature {
  width: 100%;
  height: 200px;
  max-width: 460px;
  margin: 0 auto;
  display: block;
  border-radius: 5px;
  border-width: 2px;
  border-color: rgba(51,51,51,0.5);
  border-style: solid;
}
.signature-card .question-text {
  margin: 0px 25px 15px 25px;
}
.signature-card .subtext {
  margin: 0px 25px 15px 25px;
}
.info-block {
  position: relative;
  display: inline-block;
  width: calc(100% - 40px);
  min-height: 300px;
  background: #2bb9ae;
  border-radius: 0 25px 0px 0px;
  padding: 22px;
  margin: 0 0 25px 0;
  color: #fff;
  line-height: 300px;
  line-height: ;
  text-align: center;
}
.image-block {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 25px 0px 25px 25px;
  background: cover;
  margin: 0 0 10px 0;
}
.percent {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  font-size: 40px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-weight: 400;
}
.loading-block {
  position: relative;
  width: 100%;
  border-radius: 25px 0px 25px 25px;
  margin: 0 0 10px 0;
  height: 300px;
  background: #2bb9ae;
}
.signature-block {
  position: relative;
  display: inline-block;
  max-width: 460px;
  margin: 0 auto;
  height: 200px;
  background: transparent;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 25px;
}
.signature .option-block .question-text {
  padding: 22px 22px 22px 22px;
  margin: 0;
}
.link {
  margin-top: 10px;
}
.emergency .continue-button {
  line-height: 1.5em;
  text-transform: uppercase;
  padding: 15px 0;
}
.image {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: cover;
}
.dashed-line {
  position: absolute;
  margin: auto;
  right: 0;
  bottom: 10px;
  left: 0;
  height: 1px;
  max-width: 300px;
  width: 100%;
  border-style: dashed;
  border-color: #2bb9ae;
  border-width: 2px;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.question-text {
  position: relative;
  display: inline-block;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.4px;
  text-indent: 0.4px;
  color: #000;
  word-break: break-word;
}
.language .question-text {
  margin-bottom: 10px;
}
.language .question-text:last-child {
  margin-bottom: 0px;
}
.language .question-text:nth-child(1) {
  animation-delay: 0s;
}
.language .question-text:nth-child(2) {
  animation-delay: 0.5s;
}
.language .question-text:nth-child(3) {
  animation-delay: 1s;
}
.search-nothing-found,
.search-keep-typing {
  color: #fff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  font-size: 21px;
  padding-bottom: 10px;
}
.typing-notification {
  width: 60px;
  padding: 0px 10px;
  height: 30px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
}
.autocomplete-thinking-more {
  width: 60px;
  height: 40px;
  padding: 0px 10px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
  margin: 30px auto;
}
.autocomplete-thinking-more .dot {
  background-color: #fff;
  animation: blinking 1s ease infinite;
}
.autocomplete-thinking {
  width: 60px;
  padding: 0px 10px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
  margin: 15px auto;
}
.autocomplete-thinking .dot {
  background-color: #fff;
  animation: blinking 1s ease infinite;
}
.dot {
  position: relative;
  opacity: 0.25;
  border-radius: 50%;
  background: #000;
  height: 12px;
  width: 12px;
  transform: translateY(0px);
  animation: typing 1.5s ease infinite;
}
.dot:nth-child(1) {
  animation-delay: 0.25s;
}
.dot:nth-child(3) {
  animation-delay: 5s;
}
.dot:nth-child(2) {
  animation-delay: 0.75s;
}
.dot:nth-child(3) {
  animation-delay: 1s;
}
.bold {
  position: relative;
  display: inline-block;
  font-weight: 700;
  text-transform: capitalize;
}
.subtext,
.msg_subtext {
  margin: 10px 0 0 0;
  font-weight: 400;
  color: #212121;
  line-height: 30px;
}
.subtext a,
.msg_subtext a {
  text-decoration: none;
  display: inline;
  color: #0087ff;
  font-weight: 400;
  font-size: 24px;
  cursor: pointer;
}
.button,
.blank,
.edit {
  position: relative;
  display: block;
  cursor: pointer;
  -ms-flex: 1 0 auto;
  flex-grow: 1;
  background: #2bb9ae;
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  margin-left: 15px;
  border-radius: 5px;
  background: #2bb9ae;
  background: linear-gradient(180deg, #2bb9ae 0%, #048a7f 100%);
  border: solid solid 3px;
  font-weight: 400;
}
.button:nth-child(2),
.blank:nth-child(2),
.edit:nth-child(2) {
  margin-left: 0px;
}
.button:hover,
.blank:hover,
.edit:hover,
.button:active,
.blank:active,
.edit:active {
  background: #219087;
}
.blank {
  visibility: hidden;
}
.skip {
  color: im-dark;
}
.skip:hover {
  color: #fff;
}
.woof {
  position: relative;
}
.active {
  background: #2bb9ae;
}
.inactive {
  background: #ececec;
  color: #7a7a7a;
}
.inactive:hover {
  color: #fff;
}
.edit {
  background: #999;
  color: #fff;
  border-radius: 5px;
  width: 80px;
  text-align: center;
  display: none;
  border-color: #e7e7e7;
  align-content: flex-end;
  float: right;
  align-items: flex-end;
  align-self: flex-end;
}
.edit-active {
  opacity: 1;
  color: #fff;
  display: inline-block;
  flex-grow: unset;
  min-width: 80px;
  width: 80px;
  max-height: 50px;
  margin-left: 0px;
}
.button-active {
  flex-grow: unset;
  justify-content: flex-end;
  background: #219087;
  border-color: #219087;
  padding: 10px 25px;
  line-height: 30px;
  text-align: right;
  float: right;
  overflow: hidden;
}
.button-active:hover,
.button-active:active {
  background: #0f79b0;
}
.option-block {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  box-sizing: border-box;
}
.option-block:nth-child(2) {
  margin-top: 50px;
}
.answer .button-active {
  margin-left: 0px;
  justify-content: flex-end;
}
.answer .button-active:nth-child(2) {
  margin-left: 0px;
}
.button-active {
  display: inline-block;
}
.search-block {
  position: relative;
  overflow-y: scroll;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f7b500;
  height: 0;
  max-height: 0;
  min-height: 0;
  vertical-align: top;
  margin: 0 0 0 0;
  margin-right: 10px;
  transition: 0.5s all ease;
  visibility: hidden;
}
.search-block .search-loading {
  color: #fff;
  text-align: center;
}
.search-block .search-instruction {
  font-size: 18px;
  color: #fff;
  text-align: center;
  padding: 5px;
}
.search-block-active {
  height: 175px;
  max-height: 175px;
  min-height: 175px;
  padding: 10px 0 0 0;
  margin: 0 0 10px 0;
  z-index: 99;
  visibility: visible;
}
.search-item {
  display: block;
  position: relative;
  min-height: 20px;
  width: calc(100% - 50px);
  line-height: ;
  text-align: center;
  line-height: 1.15em;
  padding: 7px 20px 5px 10px;
  margin: 0 10px 10px 10px;
  text-align: left;
  color: #212121;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 18px;
  word-break: break-word;
}
.search-hidden {
  opacity: 0;
  visibility: hidden;
}
.medications {
  position: relative;
  width: 100%;
  vertical-align: top;
  transition: 0.5s all ease;
  visibility: hidden;
  height: auto;
  margin: 0 0 10px 0;
  visibility: visible;
  font-weight: 400;
}
.medications .med {
  display: block;
  position: relative;
  min-height: 35px;
  width: calc(100% - 40px);
  line-height: auto;
  text-align: center;
  padding: 10px 20px;
  margin: -4px 0px 0px 0px;
  text-align: left;
  border-color: #ececec;
  border-width: 4px;
  border-style: solid;
  border-radius: 5px;
  color: #212121;
  cursor: pointer;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
}
.medications .med .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  -ms-flex: 1 0 auto;
  flex-grow: 1;
  max-width: 50%;
  text-transform: capitalize;
  line-height: 1.5;
}
.medications .med .dosage {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90px;
  min-width: 90px;
  overflow-x: hidden;
  text-align: left;
  max-width: 25%;
  line-height: 1.5;
}
.medications .med .frequency {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70px;
  min-width: 70px;
  text-align: right;
  overflow-x: hidden;
  max-width: 25%;
  line-height: 1.5;
}
.data-block {
  position: relative;
}
.data-row {
  width: 100%;
  height: 50px;
  margin: 0 0 5px 0;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.data-button {
  font-weight: 400;
  width: 50px;
  height: 50px;
  user-select: none;
  color: #909090;
  border-radius: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: #c3c3c3;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.data-button:hover {
  border-color: #2bb9ae;
  background: #2bb9ae;
  color: #fff;
}
.double .data-button {
  width: calc(50% - 15px);
}
.data-button.full {
  width: 100%;
}
.data-button-active {
  background: #2bb9ae;
}
.media-block {
  position: relative;
  width: 100%;
  height: 300px;
}
.text-input {
  width: 100%;
  height: 50px;
  margin: 0 10px 10px 0;
  border-radius: 5px;
  max-width: 100%;
  border-width: 2px;
  border-style: solid;
  border-color: #222;
}
.text .text-input {
  width: calc(100% - 50px);
}
.text-input {
  padding: 0 0 0 15px;
}
.apt {
  -ms-flex: 3 0 auto;
  flex-grow: 3;
  width: 25%;
}
.full-width {
  width: 100%;
  margin-left: 0;
}
.full {
  width: 100%;
  margin-right: 0;
}
.date-input {
  width: calc(100% - 50px);
  height: 50px;
  border-radius: 5px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-color: #222;
}
.date-input:nth-child(2) {
  margin: 0 25px;
}
input {
  font-size: 22px;
}
input::-webkit-input-placeholder {
  color: #909090;
  font-size: 22px;
}
.number-input,
.toggle {
  width: calc(100% - 50px);
  height: 50px;
  border-radius: 5px;
  color: #000;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-color: #222;
}
.number-input {
  font-size: 22px;
}
.toggle {
  cursor: pointer;
  color: #999;
  font-weight: 400;
  line-height: ;
  text-align: center;
  line-height: 50px;
  margin-left: 50px;
}
.slash {
  margin: 0 25px;
  font-size: 30px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #e6e6e6;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  visibility: hidden;
  margin: 0;
}
.arrow-target {
  position: relative;
  height: 120px;
  width: 100%;
}
.arrow {
  top: 0;
  transform: translateY(40px);
  animation: arrow 1.5s ease infinite;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
}
@-moz-keyframes arrow {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}
@-webkit-keyframes arrow {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}
@-o-keyframes arrow {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}
@keyframes arrow {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}
.arrow-right {
  animation: arrow-right 1.5s ease infinite;
}
@-moz-keyframes arrow-right {
  0% {
    opacity: 0;
    transform: translateX(20px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(40px) rotate(90deg);
  }
}
@-webkit-keyframes arrow-right {
  0% {
    opacity: 0;
    transform: translateX(20px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(40px) rotate(90deg);
  }
}
@-o-keyframes arrow-right {
  0% {
    opacity: 0;
    transform: translateX(20px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(40px) rotate(90deg);
  }
}
@keyframes arrow-right {
  0% {
    opacity: 0;
    transform: translateX(20px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(40px) rotate(90deg);
  }
}
.arrow-target.arrow-active .arrow {
  visibility: visible;
}
.arrow-target .arrow {
  visibility: hidden;
  pointer-events: none;
}
.signature .arrow {
  top: 0;
  transform: translateY(0px) rotate(180deg);
  animation: arrow-flip 1.5s ease infinite;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
}
@-moz-keyframes arrow-flip {
  0% {
    opacity: 0;
    transform: translateY(0px) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: translateY(30px) rotate(180deg);
  }
}
@-webkit-keyframes arrow-flip {
  0% {
    opacity: 0;
    transform: translateY(0px) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: translateY(30px) rotate(180deg);
  }
}
@-o-keyframes arrow-flip {
  0% {
    opacity: 0;
    transform: translateY(0px) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: translateY(30px) rotate(180deg);
  }
}
@keyframes arrow-flip {
  0% {
    opacity: 0;
    transform: translateY(0px) rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: translateY(30px) rotate(180deg);
  }
}
.go-button {
  background: #ececec;
  width: 120px;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  letter-spacing: 0px;
  text-indent: 0px;
  font-size: 20px;
  margin-left: 10px;
}
.other .go-button {
  margin-left: 0px;
}
.go-button-active {
  background: #f7b500;
  cursor: pointer;
}
.continue-button {
  background: #eee;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  width: calc(150px);
  margin: 0 calc(50% - 75px) 45px calc(50% - 75px);
  z-index: 100;
}
.continue-button-active {
  background: #f7b500;
  cursor: pointer;
}
.continue-button-inactive {
  background: #c3c3c3;
  cursor: default;
}
.singleselect .option-block,
.singleselect-insurance .option-block,
.multiselect .option-block,
.list .option-block,
.list-yes-no .option-block {
  position: relative;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.singleselect .option-block:last-child,
.singleselect-insurance .option-block:last-child,
.multiselect .option-block:last-child,
.list .option-block:last-child,
.list-yes-no .option-block:last-child {
  margin: 0;
}
.singleselect .option,
.singleselect-insurance .option,
.multiselect .option,
.list .option {
  position: relative;
  min-height: 40px;
  margin: 0 0 5px 0;
  padding-bottom: 5px;
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
}
.singleselect .option:last-child,
.singleselect-insurance .option:last-child,
.multiselect .option:last-child,
.list .option:last-child {
  margin-bottom: 0;
}
.singleselect .option,
.singleselect-insurance .option {
  border-radius: 25px;
  background: #2bb9ae;
}
.upload .option-block {
  align-content: flex-end;
  width: 100%;
}
.image-skipped .image-area {
  display: none !important;
}
.image-skipped .arrow-active {
  display: none !important;
}
.image-skipped .controls {
  display: none !important;
}
.row {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  margin-bottom: 10px;
}
.date .continue-button {
  margin-top: 0px;
}
.blood-pressure .continue-button {
  margin-top: 25px;
}
.invalid {
  border-color: #f66 !important;
  border-width: 5px;
}
.option-icon {
  opacity: 0.5;
  min-width: 24px;
}
.singleselect .option-active,
.singleselect-insurance .option-active {
  background: #219087;
  color: #fff;
}
.multiselect .option-active,
.list .option-active {
  background: #2bb9ae;
  color: #fff;
}
.multiselect .option-active > .option-text,
.list .option-active > .option-text {
  color: #fff;
}
.multiselect .option-active > .option-icon,
.list .option-active > .option-icon {
  opacity: 1;
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/questionnaire/system/check.svg") no-repeat center;
  background-size: cover;
}
.multiselect .option-icon,
.list .option-icon {
  position: relative;
  height: 24px;
  width: 24px;
  margin: 13px;
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/questionnaire/system/uncheck.svg") no-repeat center;
  background-size: cover;
}
.singleselect .option-text,
.singleselect-insurance .option-text,
.multiselect .option-text,
.list .option-text {
  text-indent: 1px;
  max-width: 100%;
  margin-right: 10px;
  min-height: 20px;
  float: right;
  right: 10px;
  color: #212121;
  line-height: 1.2em;
  text-align: left;
  padding-bottom: 5px;
  margin-top: 12px;
}
white-space nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
}
.singleselect .option-text,
.singleselect-insurance .option-text {
  color: #fff;
  padding-left: 20px;
}
.camera-request .option-block,
.singleselectflex .option-block {
  position: relative;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: fit-content;
  justify-content: flex-start;
  margin-right: 0px;
}
.camera-request .option-block.answer,
.singleselectflex .option-block.answer {
  justify-content: flex-end;
}
.camera-request .option,
.singleselectflex .option {
  position: relative;
  width: fit-content;
  min-height: 50px;
  margin: 0 10px 10px 0;
  padding-bottom: 2px;
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  align-items: flex-start;
}
justify-content space-between {
  border-radius: 5px;
  background: #2bb9ae;
  background: linear-gradient(180deg, #2bb9ae 0%, #048a7f 100%);
  border: solid solid 3px;
}
justify-content space-between:last-child {
  margin-bottom: 0;
}
.camera-request .option,
.singleselectflex .option {
  border-radius: 5px;
  background: #2bb9ae;
  background: linear-gradient(180deg, #2bb9ae 0%, #048a7f 100%);
  border: solid solid 3px;
}
.camera-request .option-active,
.singleselectflex .option-active {
  background: #219087;
  color: #fff;
}
.camera-request .button-active,
.camera-request .edit-active,
.singleselectflex .button-active,
.singleselectflex .edit-active {
  justify-content: flex-end;
}
.camera-request .option-text,
.singleselectflex .option-text {
  text-indent: 0px;
  max-width: 100%;
  margin-top: 8px;
  margin-right: 10px;
  min-height: 20px;
  min-width: 20px;
  line-height: 1.5em;
  padding-bottom: 5px;
  color: #fff;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
.camera-request .option-text:last-child,
.singleselectflex .option-text:last-child {
  margin-right: 0px;
}
.opaque {
  opacity: 1;
}
.semi-transparent {
  opacity: 0.5;
}
.transparent {
  opacity: 0;
}
input {
  -webkit-appearance: none;
  border-radius: 0;
  box-shadow: none;
  border-style: solid;
}
div.button.button-active {
  background: #219087;
  display: inline;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: fit-content;
}
.button-active {
  display: inline-block !important;
  align-content: flex-end;
  float: right;
  align-items: flex-end;
  align-self: flex-end;
}
.singleselectflex .option-block {
  width: 100%;
  flex-direction: row;
  align-items: flex-end;
  margin-right: 0px;
}
.text-input.mr {
  width: 100%;
  margin-right: 5px;
}
.number-input.mr {
  margin-right: 5px;
  width: 100%;
}
.text-input.search-input {
  margin-right: 0px;
}
.text .option-block {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
}
.text .option-block.answer {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: flex-end;
}
.singleselect-other .option-block {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
}
.singleselect-other .flex-row {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
}
.singleselect-other .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.number .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  height: 50px;
  justify-content: space-between;
}
.multiselect .arrow,
.list .arrow {
  margin-top: 100px;
  transform: translateX(0px) translateY(3px) rotate(90deg);
  animation: arrow-rotated 1.5s ease infinite;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: -45px;
  height: 50px;
}
@-moz-keyframes arrow-rotated {
  0% {
    opacity: 0;
    transform: translateX(-140px) translateY(3px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-110px) translateY(3px) rotate(90deg);
  }
}
@-webkit-keyframes arrow-rotated {
  0% {
    opacity: 0;
    transform: translateX(-140px) translateY(3px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-110px) translateY(3px) rotate(90deg);
  }
}
@-o-keyframes arrow-rotated {
  0% {
    opacity: 0;
    transform: translateX(-140px) translateY(3px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-110px) translateY(3px) rotate(90deg);
  }
}
@keyframes arrow-rotated {
  0% {
    opacity: 0;
    transform: translateX(-140px) translateY(3px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-110px) translateY(3px) rotate(90deg);
  }
}
.signature .arrow,
all unset {
  animation: arrow-signature 1.5s ease infinite;
  position: absolute;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  z-index: 100;
}
@-moz-keyframes arrow-signature {
  0% {
    opacity: 0;
    transform: translateX(-150px) translateY(-10px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-100px) translateY(-10px) rotate(90deg);
  }
}
@-webkit-keyframes arrow-signature {
  0% {
    opacity: 0;
    transform: translateX(-150px) translateY(-10px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-100px) translateY(-10px) rotate(90deg);
  }
}
@-o-keyframes arrow-signature {
  0% {
    opacity: 0;
    transform: translateX(-150px) translateY(-10px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-100px) translateY(-10px) rotate(90deg);
  }
}
@keyframes arrow-signature {
  0% {
    opacity: 0;
    transform: translateX(-150px) translateY(-10px) rotate(90deg);
  }
  100% {
    opacity: 1;
    transform: translateX(-100px) translateY(-10px) rotate(90deg);
  }
}
.array .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.array .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.text .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.number .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.number-auto .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.signature .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  height: 100%;
  max-width: 460px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.height .arrow-target {
  margin-bottom: 10px;
  height: 50px;
}
.height .inputs-wrapper {
  height: 60px;
}
.height .number-input {
  width: 100%;
  margin-bottom: 5px;
}
.other .arrow-target {
  margin-right: 15px;
}
.number .option-block.answer {
  justify-content: flex-end;
}
.array .text-input.mr {
  width: 100%;
  margin-right: 15px;
}
.time .arrow-target {
  margin-bottom: 10px;
  height: 50px;
}
.time .arrow-target .arrow {
  margin-top: 10px;
  z-index: 101;
}
.time .continue-button {
  margin-top: 20px;
}
.flex-row {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
}
.number .option-block {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.info-card {
  border: solid solid 2px;
}
.info-card .header {
  background: #ececec;
  margin: 0 -25px;
  padding: 10px 25px;
  height: auto;
}
.info-card > .question-block {
  padding: 0;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #ececec;
  background-color: #ececec;
  border-width: 3px;
  border-style: solid;
  overflow: hidden;
}
.info-card .question-text {
  margin: 0px;
  background: #ececec;
  padding: 10px 25px;
}
width auto,
.info-card .subtext {
  margin: 15px 25px 15px 25px;
}
.info-card .button {
  text-transform: capitalize;
}
.info-card p {
  margin: 0;
}
.info-card li {
  margin-bottom: 10px;
}
.info-card-v2 {
  border: solid solid 2px;
}
.info-card-v2 .header {
  background: #ececec;
  margin: 0 -25px;
  padding: 10px 25px;
  height: auto;
}
.info-card-v2 > .question-block {
  padding: 0;
  background: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #ececec;
  background-color: #ececec;
  border-width: 3px;
  border-style: solid;
  overflow: hidden;
}
.info-card-v2 .question-text {
  margin: 0px;
  background: #ececec;
  padding: 10px 25px;
}
width auto,
.info-card-v2 .subtext {
  margin: 15px 25px 15px 25px;
}
.info-card-v2 .option-text {
  text-transform: capitalize;
}
.info-card-v2 p {
  margin: 0;
}
.info-card-v2 li {
  margin-bottom: 10px;
}
.signature .question-block {
  padding: 10px;
  margin-bottom: 10px;
}
.signature .question-text {
  text-align: center;
  color: #2bb9ae;
}
.signature .signature-error {
  text-align: center;
  color: #de544a;
  padding-bottom: 20px;
}
.signature .question-block .question-text {
  color: #000;
}
.signature .inputs-wrapper.question-block {
  padding: 0;
  border-radius: 25px;
}
.signature .inputs-wrapper {
  background: #ececec;
  background: transparent;
  border-radius: 25px;
  margin-bottom: 10px;
}
.signature-button {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.signature-button .clear-button {
  margin: 0 15px 0 0;
  width: 50%;
}
.signature-button .continue-button {
  margin: 0 0 0 15px;
  width: 50%;
}
@media (min-width: 896px) {
  .app {
    max-width: 896px;
    margin: 0 calc(50vw - 368px);
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
  }
  .scroll-notification {
    max-width: 736px;
  }
}
@media (max-width: 360px) {
  .video-feed {
    width: 300px !important;
    height: 205px !important;
  }
  .video-feed-guide {
    background-size: 95% 95% !important;
    background-position: center !important;
  }
  .search-insurance .subtext {
    font-size: 18px;
    letter-spacing: normal;
  }
}
@media (max-width: 320px) {
  .component-block {
    padding: 10px;
    width: calc(100% - 20px);
  }
  .question-text {
    line-height: 1.1;
  }
  .question-block {
    margin: 10px 0 5px 0;
    padding: 15px;
  }
  .button:nth-child(1) {
    margin: inherit 0px inherit 0px;
  }
  .component-block {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .component-block .question-block {
    margin-bottom: 5px;
  }
  .option-block {
    margin-bottom: 10px;
  }
  .singleselect .option,
  .singleselect-insurance .option,
  .multiselect .option,
  .list .option {
    margin: 0 0 5px 0;
  }
  .subtext {
    margin: 5px 0 0 0;
    line-height: 1;
  }
  .edit-active {
    margin-right: 5px;
  }
  .text-input {
    margin: 0 5px 10px 0;
  }
  .take-picture-button,
  .continue-button {
    width: calc(150px);
    margin: 0 calc(50% - 75px) 45px calc(50% - 75px);
  }
  .signature .question-block {
    margin-bottom: 20px;
  }
  .signature .inputs-wrapper {
    margin-bottom: 10px;
  }
  .edit-active {
    margin-left: 0px;
  }
  .signature .clear-button {
    font-size: 20px;
    width: 50%;
    font-size: 20px;
    margin: 0 7px 0 0;
  }
  .signature .continue-button {
    font-size: 20px;
    width: 50%;
    font-size: 20px;
    margin: 0 0 0 7px;
  }
  .button {
    margin-left: 5px;
  }
  .button:nth-child(2) {
    margin-left: 0px;
  }
  .video-feed {
    width: 300px !important;
    height: 205px !important;
  }
  .video-feed-guide {
    background-size: 120% 95% !important;
    background-position: center !important;
  }
  .search-insurance .subtext {
    font-size: 18px;
  }
  .search-insurance .search-nothing-found {
    font-size: 18px;
  }
}
.question-block {
  margin: 0 0 0 0;
}
.images {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
  width: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
.image-holder {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  width: 33.3%;
}
.image-holder img {
  display: inline;
  width: 100%;
}
max-height 100px p {
  display: inline;
  font-size: 20px;
  margin-bottom: 10px;
}
.header.stop {
  margin: -10px -50px 20px -50px;
  padding: 15px 0;
  width: calc(100% + 100px);
  text-align: center;
  color: #fff;
}
.header.start {
  margin-top: 25px;
  margin-bottom: 25px;
}
.info-card b {
  font-size: 24px;
  font-weight: bold;
  font-weight: heavy;
}
.chatbot {
  padding-top: 10px;
}
.btn-back {
  margin-left: 15px;
  float: left;
  left: 0;
  position: absolute;
}
.btn-back:after {
  content: 'Back';
}
.btn-close {
  visibility: hidden;
}
.confirmation-popup {
  width: 100%;
  min-width: 100px;
  max-width: 736px;
  height: 100vh;
  background: rgba(255,255,255,0.95);
  position: fixed;
  display: block;
  top: 0;
  z-index: 99;
}
.confirmation-popup-container {
  position: absolute;
  height: 220px;
  background: #f7b500;
  color: #fff;
  max-width: calc(736px - 40px);
  position: fixed;
  z-index: 90;
  top: calc(50vh - 125px);
  min-width: 10px;
  width: calc(100% - 40px);
  border-radius: 10px;
  margin: 0 20px;
}
.confirmation-popup-title {
  text-align: center;
  margin-top: 20px;
  font-size: 36px;
  font-weight: bold;
}
.confirmation-popup-content {
  margin: 20px;
  font-size: 20px;
  text-align: center;
}
.btn-cancel,
.btn-ok {
  position: relative;
  display: inline-block;
  float: right;
  background: #fff;
  border-radius: 10px;
  margin: 10px;
  text-align: center;
  height: 50px;
  width: calc(50% - 20px);
  color: #000;
  cursor: pointer;
  font-weight: bold;
}
.btn-cancel {
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
}
.btn-ok {
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
}
.notification-message {
  background: #f66;
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  padding: 10px;
  margin-bottom: 20px;
  text-align: center;
  width: calc(100% - 30px);
  border-radius: 5px;
}
h1 {
  line-height: 1;
}
.info-card .question-block {
  padding-top: 0;
  background-color: #ececec;
}
.provider-logo {
  position: relative;
  display: inline-block;
  height: 50px;
  min-width: 50px;
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/questionnaire/system/default-icon.svg") no-repeat center;
  background-size: cover;
}
.edit-wrapper {
  height: 54px;
  background: #ececec;
  margin: -12px -8px 20px 0px;
  border-radius: 0px 0px 4px 4px;
  padding: 8px 0px 4px;
}
.rate-opt {
  background: transparent !important;
}
.rate-great {
  background: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/face-great.png");
  height: 80px;
  width: 80px;
  background-size: cover;
}
.rate-good {
  background: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/face-good.png");
  height: 80px;
  width: 80px;
  background-size: cover;
}
.rate-medium {
  background: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/face-medium.png");
  height: 80px;
  width: 80px;
  background-size: cover;
}
.rate-notgood {
  background: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/face-not-good.png");
  height: 80px;
  width: 80px;
  background-size: cover;
}
.rate-bad {
  background: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/face-bad.png");
  height: 80px;
  width: 80px;
  background-size: cover;
}
.module_meds_eng .meds-edit-wrapper {
  display: block;
  border: #ececec solid 5px;
  border-radius: 25px 0px 0px 0px;
  position: relative;
  padding: 15px;
  margin-bottom: -20px;
}
.module_meds_eng.v20 .question-block {
  display: block;
  max-width: 750px;
  position: relative;
}
.module_meds_eng .meds-edit-wrapper .edit-wrapper {
  background: transparent;
  width: auto;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
}
.module_meds_eng .list-yes-no .yes-no-block-item {
  display: block;
  margin-bottom: 15px;
  margin-top: 15px;
  border-radius: 5px;
  border-bottom: 5px solid #ececec;
  padding-bottom: 15px;
}
.module_meds_eng .list-yes-no .yes-no-block-item:last-child {
  border-bottom: 5px solid transparent;
}
.module_meds_eng .list-yes-no .yes-no-block .arrow {
  left: -180px;
  top: 30px;
}
.module_meds_eng .list-yes-no .yes-no-block {
  width: 110px;
  max-width: 110px;
  height: 50px;
  display: inline-block;
  vertical-align: top;
  top: 0px;
  position: relative;
}
.module_meds_eng .list-yes-no .yes-no-block.status-no .yes-no-option.yes {
  border: #e4e4e4 solid 2px;
  color: #a0a0a0;
  background: #e4e4e4;
}
.module_meds_eng .list-yes-no .yes-no-block.status-yes .yes-no-option.no {
  border: #e4e4e4 solid 2px;
  color: #a0a0a0;
  background: #e4e4e4;
}
.module_meds_eng .list-yes-no .option-text {
  display: inline-block;
  width: calc(100% - 116px);
}
.module_meds_eng .list-yes-no .button {
  padding-left: 5px;
}
.module_meds_eng .list-yes-no .yes-no-block-item .option-text {
  margin-bottom: 10px;
  padding-top: 8px;
  word-break: break-word;
}
/*
.module_meds_eng  .list-yes-no .yes-no-option {
	width: 40px;
	height: 40px;
	margin-right: 2px
	margin-bottom:10px
}*/
.module_meds_eng .list-yes-no .yes-no-option {
  border-radius: 8px;
/* width: 61px; */
  height: 40px;
  color: #149e93;
  font-size: 22px;
  font-weight: normal;
  border: #149e93 solid 2px;
  text-align: center;
/* display: inline-block; */
/* margin-right: 8px; */
  padding: 2px 15px;
  position: relative;
  margin-left: 30px;
  line-height: 40px;
}
.module_meds_eng .list-yes-no .no {
  margin-top: 20px;
}
.module_meds_eng .yes-no-block .yes.yes-no-option-active {
  background-color: #149e93;
  color: #fff;
}
.module_meds_eng .yes-no-block .yes.yes-no-option-active:before {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #149e93;
  left: -25px;
  top: 18px;
}
.module_meds_eng .yes-no-block .no.yes-no-option-active {
  background-color: #149e93;
  color: #fff;
}
.module_meds_eng .yes-no-block .no.yes-no-option-active:before {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #149e93;
  left: -25px;
  top: 18px;
}
/*
.module_meds_eng .list-yes-no .yes-no-option-active {
	color:black;
	font-weight: 1000 !important
}*/
.module_meds_eng .list-yes-no .option-text .subtext {
  padding-top: 5px;
  font-size: 22px;
}
.module_meds_eng .meds-edit-wrapper .med-name {
  margin-bottom: 20px;
}
.module_meds_eng .list-yes-no .edit-rmv-option {
  height: 50px;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
  background: #149e93;
  display: block !important;
  border-radius: 7px;
  line-height: 52px;
  padding: 0px 10px;
  color: #fff;
}
.rmv {
  background: #778e99 !important;
  margin-top: 20px;
}
.option-block-confirm .row {
  width: 100%;
}
.row-buttons {
  justify-content: center;
}
.row-buttons div {
  width: 150px;
  margin: 0 10px;
}
.valid-error {
  height: 10px;
  letter-spacing: 0;
  font-weight: 100;
  font-size: 11px;
  margin-left: 5px;
}
.prevent-pointer-events {
  pointer-events: none;
}
.autocomplete-cancel-btn {
  position: absolute;
}
/* Fixes for cancel ok row buttons */
.option-block.option-block-confirm .row-buttons {
  margin-top: 5px;
}
.option-block.option-block-confirm .row-buttons .button-cancel {
  width: 50%;
}
.option-block.option-block-confirm .arrow-target {
  width: 50%;
  height: 85px;
  margin-bottom: -40px;
}
.option-block.option-block-confirm .arrow-target .button-ok {
  width: 100%;
  margin: 0px;
}
/* Fixes for edit med embed in message */
​,
.module_meds_eng .meds-edit-wrapper {
  border-width: 10px 10px 18px 10px;
  border-radius: 0px 25px 0px 0px;
  margin-bottom: -18px;
}
.v20 .edit-med {
  margin: 12px 15px;
}
.module_meds_eng .meds-edit-wrapper .med-name {
  word-break: break-word;
  width: calc(100% - 88px);
}
.row-autocomplete {
  position: fixed;
  left: 0;
  bottom: 5%;
  width: 100%;
}
.module_meds_eng .list-yes-no .yes-no-block-item .option-text {
  margin-right: 5px;
}
.creditcard-v2 {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  margin-top: 30px;
}
.creditcard-v2 .continue-button {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.creditcard-v2 .inputs-wrapper {
  margin-top: 25px;
}
.creditcard-v2 .row-buttons {
  justify-content: center;
}
.creditcard-v2 .row-buttons div {
  width: 150px;
  margin: 0 10px;
}
.creditcard-v2 .text-input {
  width: 100%;
  border-radius: 10px;
  max-width: 100%;
  margin-right: 0px;
  border-style: solid;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.creditcard-v2 .tiny-input {
  width: 35%;
}
.creditcard-v2 .arrow-target {
  height: 50px;
}
.creditcard-v2 .not-valid {
  border-width: 2px !important;
  border-color: #de544a !important;
}
.creditcard-v2 .cc-input {
  background-repeat: no-repeat;
  background-size: 7%;
  background-position: 98% center;
}
.creditcard-v2 .electron {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/elo.svg");
}
.creditcard-v2 .maestro {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/maestro.svg");
}
.creditcard-v2 .dankort {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/.svg");
}
.creditcard-v2 .interpayment {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/.svg");
}
.creditcard-v2 .unionpay {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/unionpay.svg");
}
.creditcard-v2 .visa {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/visa.svg");
}
.creditcard-v2 .mastercard {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/mastercard.svg");
}
.creditcard-v2 .amex {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/amex.svg");
}
.creditcard-v2 .diners {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/diners.svg");
}
.creditcard-v2 .discover {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/discover.svg");
}
.creditcard-v2 .jcb {
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/credit-cards/jcb.svg");
}
.creditcard-v2 .cc-form-error-row .block-errors {
  margin: 15px 0px 25px 0px;
}
.creditcard-v2 .block-errors {
  letter-spacing: 0px;
  font-weight: 300;
  color: #de544a;
  display: block;
  margin-top: 3px;
}
.creditcard-v2 .container-not-valid label:after {
  opacity: 1 !important;
}
.creditcard-v2 .container-not-valid .text-input {
  border-color: #de544a;
}
.creditcard-v2 .double-input div:first-child .text-input {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
.creditcard-v2 .double-input div:last-child {
  width: 35%;
}
.creditcard-v2 .double-input div:last-child .text-input {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.creditcard-v2 .card-block-items {
  margin-bottom: 20px;
}
.creditcard-v2 .card-block-items label {
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  display: block;
  letter-spacing: 0px;
  font-weight: normal;
  color: #666;
}
.creditcard-v2 .card-block-items label:after {
  content: "REQUIRED";
  position: absolute;
  right: 0px;
  bottom: 0;
  color: #de544a;
  font-weight: bold;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.creditcard-v2 .card-block-items .row {
  margin: 0 !important;
  position: relative;
}
.creditcard-v2 .card-block-items .not-valid {
  border-color: #de544a;
  position: relative;
}
.creditcard-v2 .card-block-items .row-not-valid:after {
  content: "";
  background-image: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/info-white-18dp.svg");
  position: absolute;
  width: 30px;
  heigth: 25px;
  height: 30px;
  right: 10px;
  top: 9px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}
.creditcard-v2 .credit-card-input-block {
  position: relative;
}
.creditcard-v2 .credit-card-input-block .text-input {
  margin: 0;
}
.creditcard-v2 .credit-card-input-block .row-grouped .text-input {
  border-radius: 0px;
}
.creditcard-v2 .credit-card-input-block .row-grouped div:first-child .text-input {
  border-bottom-left-radius: 10px;
  border-right: 0;
}
.creditcard-v2 .credit-card-input-block .row-grouped div:last-child .text-input {
  border-bottom-right-radius: 10px;
}
.creditcard-v2 .credit-card-input-block div.row:nth-child(1) .text-input {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.creditcard-v2 .credit-card-input-block div.row:last-child .text-input {
  border-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.button-ok {
  background: #f7b500;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  width: 130px;
  margin: 10px 0px 0px 5px;
  z-index: 100;
  cursor: pointer;
}
.button-cancel {
  background: #c3c3c3;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  width: 130px;
  margin: 10px 5px 0px 0px;
  cursor: pointer;
}
.confirm .row {
  text-align: center;
  margin: auto;
}
.confirm .arrow-target {
  width: 137px;
}
.v20 .edit-med {
  display: block;
  background: #048a7f;
  border-radius: 5px;
  margin: 8px;
  width: 80px;
}
.v20 .med-dosage,
.v20 .frequency {
  font-weight: 300;
}
html.locked body {
  overflow-y: hidden;
}
.progress-bar-complete {
  transition: width 0.4s ease-in-out;
}
.progressbar {
  width: 50%;
  margin-left: 5%;
  height: 15px;
  border-radius: 15px;
  margin-bottom: 15px;
  background-color: #b3b3b3;
}
.progressbar .bar {
  background-color: #777;
  height: 15px;
  border-radius: 15px;
}
.component-block.date .option-block,
.component-block.time .option-block,
.component-block.height .option-block,
.component-block.blood-pressure .option-block,
.component-block.blood-pressure-v2 .option-block,
.component-block.multiselect .option-block,
.component-block.date .component-block.list,
.component-block.time .component-block.list,
.component-block.height .component-block.list,
.component-block.blood-pressure .component-block.list,
.component-block.blood-pressure-v2 .component-block.list,
.component-block.multiselect .component-block.list {
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.date .inputs-wrapper,
.component-block.time .inputs-wrapper,
.component-block.height .inputs-wrapper,
.component-block.blood-pressure .inputs-wrapper,
.component-block.blood-pressure-v2 .inputs-wrapper,
.component-block.multiselect .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
}
.component-block.signature .option-block {
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.signature .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.address .option-block,
.component-block.address-entity .option-block {
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.address .inputs-wrapper,
.component-block.address-entity .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.date .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.component-block.date .inputs-wrapper > div:nth-child(2) {
  padding-left: 12px;
  padding-right: 12px;
}
.component-block.date .inputs-wrapper input {
  width: 100%;
}
@media (max-width: 320px) {
  .component-block.date .inputs-wrapper {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
    display: -moz-box; /* OLD - Firefox 19- */
    display: -ms-flexbox; /* Tweener - IE 10 */
    display: -webkit-flex; /* - Chrome */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .component-block.date .inputs-wrapper > div:nth-child(1) {
    padding-right: 2px;
  }
  .component-block.date .inputs-wrapper > div:nth-child(2) {
    padding-left: 3px;
    padding-right: 3px;
  }
  .component-block.date .inputs-wrapper > div:nth-child(3) {
    padding-left: 2px;
  }
  .component-block.date .inputs-wrapper input {
    width: 100%;
  }
}
.component-block.time .inputs-wrapper > div:nth-child(1),
.component-block.time .inputs-wrapper > div:nth-child(3),
.component-block.time .inputs-wrapper > div.toggle {
  width: calc(100% - 50px);
}
.component-block.time .inputs-wrapper > div:nth-child(1) .number-input,
.component-block.time .inputs-wrapper > div:nth-child(3) .number-input,
.component-block.time .inputs-wrapper > div.toggle .number-input {
  width: 100%;
}
.component-block.time * {
  box-sizing: border-box;
}
.button:nth-child(2) {
  margin-left: 10px;
}
.option-block {
  position: relative;
}
.option-block.answer:after {
  content: '';
}
.option-block.answer .button {
  margin-bottom: 5px;
}
.option-block:not(.answer) .button:first-child {
  margin-left: 0;
}
.date .option-block.answer,
.singleselect .option-block.answer,
.singleselect-insurance .option-block.answer {
  flex-direction: row;
}
.option-block.autocomplete {
  -ms-flex-direction: column;
  flex-direction: column;
}
.option-block.autocomplete .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.option-block.autocomplete .inputs-wrapper .go-button {
  margin-left: 10px;
}
.option-block.autocomplete .inputs-wrapper .search-input {
  margin-left: 0px;
  padding-right: 40px;
}
.component-block.upload .inputs-wrapper {
  margin-bottom: 0;
}
.component-block.upload img.license {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.component-block.upload img.image-area {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.component-block.upload .unsupported-image {
  text-align: center;
  color: #f00;
}
.component-block.upload .error-processing {
  text-align: center;
  color: #f00;
  margin-top: 20px;
  margin-bottom: 20px;
}
.component-block.upload .option-block {
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.upload .option-block label {
  text-transform: uppercase;
}
.component-block.upload .option-block .text-input {
  box-sizing: border-box;
}
.component-block.upload .upload-actions {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.component-block.upload .upload-actions.inactive {
  display: none;
}
.legal-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: scroll;
  z-index: 100;
}
.legal-popup .legal-popup-header {
  height: 50px;
  width: 100%;
  background: #fff;
  border: solid solid 1px;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  top: 0;
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
}
.legal-popup .legal-popup-header .btn-close {
  height: 40px;
  width: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.legal-popup .legal-popup-header .btn-back {
  cursor: pointer;
}
.legal-popup .legal-popup-content {
  white-space: pre-wrap;
  line-height: 24px;
  font-size: 18px;
  display: block;
  position: relative;
  background: #fafafa;
  min-height: calc(100% - 90px);
}
.legal-popup .with-header {
  padding: 70px 20px 20px;
}
.legal-popup .with-footer {
  padding: 20px 20px 90px;
}
.legal-popup .legal-popup-footer {
  height: 75px;
  width: 100%;
  background: #fff;
  border: solid solid solid;
  position: fixed;
  bottom: 0;
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
}
.legal-popup .legal-popup-footer .btn-done {
  margin: 15px auto;
  height: 45px;
  width: 155px;
  text-align: center;
  line-height: 45px;
  border-radius: 13px;
  color: #fff;
  font-weight: bold;
  background: #f79400;
}
.component-block.creditcard .option-block {
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block:last-child {
  margin-bottom: 0;
}
.component-block:last-child .option-block {
  margin-bottom: 0;
}
.component-block .component-block {
  padding: 0;
  width: auto;
}
.option-block.ani-start {
  transition: all 0.2s ease-in-out;
  overflow: hidden;
  opacity: 1;
}
.option-block.ani-active {
  opacity: 0;
  max-height: 0px !important;
}
.component-block.upload .option-block.controls {
  margin-bottom: 25px;
}
.component-block.upload .option-block.controls.insurance {
  margin-bottom: 0px;
}
input {
  box-sizing: border-box;
}
.array .option-block.autocomplete {
  -ms-flex-direction: column;
  flex-direction: column;
}
.font-light {
  font-weight: 300;
  margin-bottom: -20px;
  display: block;
}
.heavy-font {
  margin-top: 0;
  padding-top: 0;
}
.search-block-active.less-sugg {
  height: auto;
  min-height: auto;
  max-height: none;
}
.arrow-target {
  position: relative;
  height: 55px;
  padding-bottom: 30px;
  width: 100%;
}
.component-block.address .inputs-wrapper,
.component-block.address-entity .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
}
.text-input {
  caret-color: #007aff;
}
.upload-item-container {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 10px;
}
label {
  margin-bottom: 5px;
}
.medication .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.medication .arrow-target {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.medication .text-input.mr {
  width: 100%;
  margin-right: 15px;
}
.medication .autocomplete {
  -ms-flex-direction: column;
  flex-direction: column;
}
.medication .search-insurance .option-block.autocomplete.popup-autocomplete .subtext {
  font-size: 20px;
}
@media (max-width: 320px) {
  .button:nth-child(2) {
    margin-left: 5px;
  }
}
.pending-state {
  pointer-events: none;
}
.component-block.creditcard img.arrow {
  top: 40px;
}
.component-block.creditcard .inputs-wrapper {
  margin-top: 30px;
}
.component-block.creditcard .credit-card-form-label {
  position: absolute;
  right: 0;
  top: -37px;
  font-size: 20px;
  color: #98989b;
  background: url("https://s3.amazonaws.com/dev-ui.moobot.co/images/icon-lock-sml.svg") no-repeat 99% center;
  padding-right: 30px;
  background-size: 20px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 5px;
}
.component-block.creditcard .continue-button {
  padding-left: 15px;
  padding-right: 15px;
}
.component-block.creditcard .skip-button {
  padding-left: 15px;
  padding-right: 15px;
  background: #c3c3c3;
  z-index: 0;
  cursor: pointer;
}
.component-block.creditcard .inputs-wrapper .arrow-target {
  padding-bottom: 0;
}
.component-block.creditcard .inputs-wrapper .arrow-target input {
  margin-bottom: 0;
  margin-right: 0;
}
.component-block.creditcard .inputs-wrapper .arrow-target img.arrow {
  z-index: 1;
}
.component-block.creditcard .not-valid {
  border-width: 5px 5px 5px 5px;
  border-color: #f00;
  border-style: solid;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(1) {
  margin-bottom: 25px;
  position: relative;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(3) {
  margin-left: -10px;
  margin-right: -10px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(3) .arrow-target {
  margin: 0 10px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(3) .arrow-target input {
  margin-right: 0;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(4) {
  margin-left: -10px;
  margin-right: -10px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(4) .text-input {
  min-width: 120px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(4) .arrow-target {
  margin: 0 10px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(4) .arrow-target:first-child {
  flex-grow: 1;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(4) .arrow-target:last-child {
  flex-basis: 30%;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(5) {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  justify-content: center;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(5) .arrow-target {
  width: 190px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(5) .arrow-target .arrow {
  top: -10px;
}
.component-block.creditcard .inputs-wrapper .row:nth-child(5) .continue-button {
  width: 150px;
  margin: 0 10px;
}
.component-block.search-insurance .option-block.autocomplete,
.component-block.autocomplete .option-block.autocomplete {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.component-block.search-insurance .option-block.autocomplete .inputs-wrapper,
.component-block.autocomplete .option-block.autocomplete .inputs-wrapper {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1 - 6 */
  display: -moz-box; /* OLD - Firefox 19- */
  display: -ms-flexbox; /* Tweener - IE 10 */
  display: -webkit-flex; /* - Chrome */
  display: flex;
  flex-direction: row;
}
.component-block.search-insurance .option-block.autocomplete.pending-state,
.component-block.autocomplete .option-block.autocomplete.pending-state {
  pointer-events: all;
}
.option-block.popup-autocomplete.autocomplete {
  padding: 15px;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  height: 100%;
}
.option-block.popup-autocomplete.autocomplete .search-block-active {
  height: calc(100% - 90px);
  max-height: unset;
  min-height: unset;
}
.option-block.popup-autocomplete.autocomplete .arrow-target {
  padding-bottom: 0px;
}
.option-block.popup-autocomplete.autocomplete .arrow {
  top: 30px;
}
.option-block.popup-autocomplete.autocomplete .search-item {
  min-height: 40px;
  font-size: 26px;
}
.option-block.popup.autocomplete {
  padding: 15px;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  height: 100%;
}
.option-block.popup.autocomplete .search-block-active {
  height: calc(100% - 90px);
  max-height: unset;
  min-height: unset;
}
.option-block.popup.autocomplete .arrow-target {
  padding-bottom: 0px;
}
.option-block.popup.autocomplete .arrow {
  top: 30px;
}
.option-block.popup.autocomplete .search-item {
  min-height: 40px;
}
.kiosk .scroll-container {
  margin-top: 60px;
}
.header-wrapper {
  position: absolute;
  top: 10px;
  left: 10px;
}
.header-wrapper .button {
  margin-left: 0;
  padding: 0 15px;
  position: fixed;
}
.info-card .header {
  height: 1em;
}
.info-card-v2 .header {
  height: 1em;
}
.module_meds_eng > .provider-block ~ .component-block > .provider-block {
  display: none;
}
.option-border {
  border-width: 1px 1px 1px 1px;
  border-color: #ccc;
  border-style: solid;
}
.option-text p {
  margin: 8px 0 0 0;
}
.button.delete {
  background: linear-gradient(180deg, #ffa500, #ffa500);
}
.blood-pressure-v2 .number-input {
  width: 100%;
}
.blood-pressure-v2 .row-buttons .skip-button {
  background-color: #acacac;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
}
.bot > .copay-module .component-block,
.bot > .pharmacy-module .component-block,
.bot > .credit-card-contract-module .component-block,
.bot > .previousbalance-module .component-block,
.bot > .care-team-module .component-block,
.bot > .insurance-module-v2 .component-block {
  background: #f8f7f7;
}
.bot > .copay-module .component-block > div,
.bot > .pharmacy-module .component-block > div,
.bot > .credit-card-contract-module .component-block > div,
.bot > .previousbalance-module .component-block > div,
.bot > .care-team-module .component-block > div,
.bot > .insurance-module-v2 .component-block > div {
  opacity: 0.2;
}
.bot > .copay-module .component-block:last-of-type,
.bot > .pharmacy-module .component-block:last-of-type,
.bot > .credit-card-contract-module .component-block:last-of-type,
.bot > .previousbalance-module .component-block:last-of-type,
.bot > .care-team-module .component-block:last-of-type,
.bot > .insurance-module-v2 .component-block:last-of-type {
  background: #fff;
}
.bot > .copay-module .component-block:last-of-type > div,
.bot > .pharmacy-module .component-block:last-of-type > div,
.bot > .credit-card-contract-module .component-block:last-of-type > div,
.bot > .previousbalance-module .component-block:last-of-type > div,
.bot > .care-team-module .component-block:last-of-type > div,
.bot > .insurance-module-v2 .component-block:last-of-type > div {
  opacity: 1;
}
.bot > .copay-module .component-block .answer,
.bot > .pharmacy-module .component-block .answer,
.bot > .credit-card-contract-module .component-block .answer,
.bot > .previousbalance-module .component-block .answer,
.bot > .care-team-module .component-block .answer,
.bot > .insurance-module-v2 .component-block .answer {
  opacity: 1;
}
.bot > .copay-module:not(:last-child) .component-block,
.bot > .pharmacy-module:not(:last-child) .component-block,
.bot > .credit-card-contract-module:not(:last-child) .component-block,
.bot > .previousbalance-module:not(:last-child) .component-block,
.bot > .care-team-module:not(:last-child) .component-block,
.bot > .insurance-module-v2:not(:last-child) .component-block {
  background: #f8f7f7;
}
.bot > .copay-module:not(:last-child) .component-block > div,
.bot > .pharmacy-module:not(:last-child) .component-block > div,
.bot > .credit-card-contract-module:not(:last-child) .component-block > div,
.bot > .previousbalance-module:not(:last-child) .component-block > div,
.bot > .care-team-module:not(:last-child) .component-block > div,
.bot > .insurance-module-v2:not(:last-child) .component-block > div {
  opacity: 0.2;
}
.bot > .copay-module:not(:last-child) .component-block .answer,
.bot > .pharmacy-module:not(:last-child) .component-block .answer,
.bot > .credit-card-contract-module:not(:last-child) .component-block .answer,
.bot > .previousbalance-module:not(:last-child) .component-block .answer,
.bot > .care-team-module:not(:last-child) .component-block .answer,
.bot > .insurance-module-v2:not(:last-child) .component-block .answer {
  opacity: 1;
}
.bot > .copay-module:not(:last-child) .component-block > .option-block:not(.answer),
.bot > .pharmacy-module:not(:last-child) .component-block > .option-block:not(.answer),
.bot > .credit-card-contract-module:not(:last-child) .component-block > .option-block:not(.answer),
.bot > .previousbalance-module:not(:last-child) .component-block > .option-block:not(.answer),
.bot > .care-team-module:not(:last-child) .component-block > .option-block:not(.answer),
.bot > .insurance-module-v2:not(:last-child) .component-block > .option-block:not(.answer) {
  pointer-events: none !important;
}
.bot > .copay-module:not(:last-child) .component-block .answer > .button:not(.edit-active),
.bot > .pharmacy-module:not(:last-child) .component-block .answer > .button:not(.edit-active),
.bot > .credit-card-contract-module:not(:last-child) .component-block .answer > .button:not(.edit-active),
.bot > .previousbalance-module:not(:last-child) .component-block .answer > .button:not(.edit-active),
.bot > .care-team-module:not(:last-child) .component-block .answer > .button:not(.edit-active),
.bot > .insurance-module-v2:not(:last-child) .component-block .answer > .button:not(.edit-active) {
  cursor: default;
  pointer-events: none !important;
}
.care-team-module .search-item {
  white-space: pre-wrap;
}
canvas.two-touch {
  border-color: #f3a600;
}
.money-input-wrapper {
  position: relative;
}
.money-input-wrapper input {
  padding-left: 30px;
}
.money-input-wrapper:before {
  position: absolute;
  top: 0;
  content: "$";
  left: 12px;
  color: #d3d3d3;
}
.instructions-container {
  background-color: #232323;
  display: flex;
  justify-content: center;
  margin: 10px;
}
.insurance-instructions {
  height: 264px;
  width: 329px;
}
.insurance-instructions.front {
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/questionnaire/guide-front-insurance-card.svg") no-repeat 100% center;
  background-size: 100%;
}
.insurance-instructions.back {
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/questionnaire/guide-back-insurance-card.svg") no-repeat 100% center;
  background-size: 100%;
}
.insurance-confirmation-number {
  font-size: xx-large;
  font-weight: bold;
  text-align: center;
}
.question-block.insurance {
  display: block;
}
.search-insurance .row.row-buttons.row-autocomplete {
  bottom: 3%;
}
.search-insurance .option-block.popup-autocomplete.autocomplete .search-block-active {
  height: auto;
  max-height: 48%;
}
.search-insurance .option-block.popup-autocomplete.autocomplete .search-item {
  min-height: 30px;
  font-size: 19px;
  line-height: 26px;
  display: flex;
  align-items: center;
}
.component-block.search-insurance .option-block.autocomplete .button-cancel {
  position: relative !important;
}
.component-block.search-insurance .titletext {
  padding: 50px 0px 20px;
}
.component-block.search-insurance .option-block.autocomplete .inputs-wrapper {
  padding-bottom: 5px;
}
.component-block.search-insurance .search-block .search-instruction {
  font-size: 21px;
  text-shadow: 0 1px 3px rgba(108,108,108,0.5);
  padding-bottom: 20px;
}
.btn-more {
  background: #fff;
  border-radius: 5px;
  width: 185px;
  height: 40px;
  font-family: 'Arial', sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 19px;
  line-height: 40px;
  cursor: pointer;
  margin: 30px auto;
  display: block;
  position: relative;
}
@media (max-width: 425px) {
  .option-block.autocomplete .inputs-wrapper .go-button {
    display: none;
  }
  .component-block.search-insurance .option-block.autocomplete .button-cancel {
    height: 45px;
    line-height: 45px;
  }
  .component-block.search-insurance .subtext {
    line-height: normal;
    font-size: 21px;
  }
}
@media (max-height: 500px) {
  .component-block.search-insurance .option-block.autocomplete .button-cancel {
    display: none;
  }
  .component-block.search-insurance .subtext {
    line-height: normal;
    font-size: 19px;
  }
}
/* Fixes for full screen search */
.component-block.search-insurance .option-block.autocomplete,
.component-block.autocomplete .option-block.autocomplete {
  max-width: 780px;
  margin-left: -10px;
  left: auto;
  padding: 15px 15px 0px;
}
.component-block.search-insurance .option-block.autocomplete .inputs-wrapper,
.component-block.autocomplete .option-block.autocomplete .inputs-wrapper {
  padding-bottom: 15px;
}
.component-block.search-insurance .option-block.autocomplete .titletext,
.component-block.autocomplete .option-block.autocomplete .subtext,
.component-block.autocomplete .option-block.autocomplete .titletext {
  display: block;
}
@media (min-width: 425px), (min-device-width: 375px) and (min-device-height: 815px), (min-device-width: 320px) and (min-device-height: 568px), (min-device-width: 375px) and (min-device-height: 667px), (min-device-width: 414px) and (min-device-height: 776px) {
  .component-block.search-insurance .option-block.autocomplete,
  .component-block.autocomplete .option-block.autocomplete {
    margin-left: -15px;
    padding: 20px 20px 0px;
  }
}
.component-block.module_med_v20:not(:last-child) .yes-no-option {
  pointer-events: none;
}
.component-block.module_med_v20:not(:last-child) .edit-rmv-option {
  display: none !important;
}
.upload .sharpness {
  text-align: center;
  margin-bottom: 10px;
}
.video-feed {
  margin: auto;
  width: 353px;
  height: 227px;
  object-fit: cover;
  left: 0;
  top: 0;
}
.video-feed::-webkit-media-controls {
  display: none !important;
}
.video-feed::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
.video-feed-guide {
  position: absolute;
  margin: auto;
  width: 100%;
  height: 100%;
  top: 0;
}
.video-feed-guide.front {
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/camera-guide-front.svg") no-repeat;
  background-size: 100% 98%;
}
.video-feed-guide.back {
  background: url("https://s3.amazonaws.com/ui.healthnote.com/images/camera-guide-back.svg") no-repeat;
  background-size: 100% 98%;
}
.video-feed-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}
.video-feed-wrapper.inactive {
  display: none;
}
.video-feed-canvas {
  display: none;
}
.take-picture-button {
  background: #f7b500;
  cursor: pointer;
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  width: calc(150px);
  margin: 0 calc(50% - 75px) 45px calc(50% - 75px);
  z-index: 100;
}
.take-picture-button.inactive {
  display: none;
}
.video-container {
  display: block;
  width: 100%;
  text-align: center;
  margin: 10px 0px;
}
@-moz-keyframes flashing {
  0% {
    opacity: 0.25;
  }
  33.3% {
    opacity: 1;
  }
  66.6% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes flashing {
  0% {
    opacity: 0.25;
  }
  33.3% {
    opacity: 1;
  }
  66.6% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-o-keyframes flashing {
  0% {
    opacity: 0.25;
  }
  33.3% {
    opacity: 1;
  }
  66.6% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes flashing {
  0% {
    opacity: 0.25;
  }
  33.3% {
    opacity: 1;
  }
  66.6% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-moz-keyframes typing {
  0% {
    opacity: 0.25;
    transform: translateY(5px);
  }
  50% {
    opacity: 1;
    transform: translateY(13px);
  }
  100% {
    opacity: 0.25;
    transform: translateY(5px);
  }
}
@-webkit-keyframes typing {
  0% {
    opacity: 0.25;
    transform: translateY(5px);
  }
  50% {
    opacity: 1;
    transform: translateY(13px);
  }
  100% {
    opacity: 0.25;
    transform: translateY(5px);
  }
}
@-o-keyframes typing {
  0% {
    opacity: 0.25;
    transform: translateY(5px);
  }
  50% {
    opacity: 1;
    transform: translateY(13px);
  }
  100% {
    opacity: 0.25;
    transform: translateY(5px);
  }
}
@keyframes typing {
  0% {
    opacity: 0.25;
    transform: translateY(5px);
  }
  50% {
    opacity: 1;
    transform: translateY(13px);
  }
  100% {
    opacity: 0.25;
    transform: translateY(5px);
  }
}
@-moz-keyframes blinking {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes blinking {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-o-keyframes blinking {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes blinking {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}