/*
Application Settings Go Here
------------------------------------
This file acts as a bundler for all variables/mixins/themes, so they
can easily be swapped out without `core.scss` ever having to know.

For example:

@import './variables/colors';
@import './variables/components';
@import './themes/default';
*/
.bold {
  font-weight: 700; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

.bold {
  font-weight: 700; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

html {
  box-sizing: border-box; }

body,
h1,
h2,
h3,
h4,
h5,
h6,
table,
p,
div,
a,
span,
button,
textarea,
input,
ul,
li {
  font-weight: inherit;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  background: transparent; }

a:hover {
  cursor: pointer; }

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

html,
body {
  background: #eff5f4 !important; }

body {
  overflow-x: auto !important;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: 'aller', sans-serif !important;
  font-style: normal;
  -moz-osx-font-smoothing: antialiased;
  color: #1b1c1d !important; }
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6 {
    font-weight: bold;
    margin-bottom: 10px; }
  body p {
    margin-bottom: 10px; }
  body input,
  body textarea {
    outline: none;
    border: 1px solid #cacaca;
    padding: 5px 10px; }
  body label {
    display: block; }
  body a {
    cursor: pointer; }

.table-header {
  background: #f4f4f4;
  padding: 10px;
  height: 40px; }
  .table-header h5 {
    color: #525e67;
    font-size: 18px;
    font-weight: 500;
    margin: 0px;
    display: inline-block; }

.noty_bar {
  border: none !important;
  border-radius: 0px !important;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) !important; }
  .noty_bar .noty_body {
    color: black !important;
    font-weight: 300 !important;
    font-size: 14px; }
  .noty_bar .noty_close_button {
    background: none;
    color: #cb2d2d;
    font-size: 20px; }

.noty_buttons {
  padding: 0px 0px 10px 10px !important; }
  .noty_buttons .noty-btn {
    border: none;
    outline: none;
    color: #cb2d2d;
    background: transparent; }
    .noty_buttons .noty-btn:hover {
      cursor: pointer; }

.search-bar {
  position: absolute;
  right: 80px;
  border-bottom: 1px solid #77c4fe; }
  .search-bar input {
    font-size: 18px;
    font-weight: 300;
    width: 160px;
    background: transparent;
    border: 0px; }
    .search-bar input::-webkit-input-placeholder {
      color: #cacaca; }
    .search-bar input:focus {
      outline: none; }
  .search-bar button {
    border: none;
    background: transparent;
    color: #77c4fe; }
    .search-bar button i {
      font-size: 18px; }

.page-selector {
  display: inline;
  text-align: right; }
  .page-selector .fa {
    display: inline;
    font-size: 16px; }
  .page-selector .fa-arrow-left,
  .page-selector .fa-arrow-right,
  .page-selector span {
    user-select: none;
    padding: 0px 10px;
    color: #879b9c; }
    .page-selector .fa-arrow-left:hover,
    .page-selector .fa-arrow-right:hover,
    .page-selector span:hover {
      cursor: pointer; }
  .page-selector i.disabled {
    visibility: hidden; }
  .page-selector span {
    color: #9b9b9b; }
    .page-selector span.active {
      color: black; }
      .page-selector span.active:hover {
        cursor: default; }

.custom-input {
  border: none;
  border-bottom: 1px solid #1ea896;
  border-radius: 0px;
  font-weight: 300; }
  .custom-input:focus {
    outline: none; }
  .custom-input::placeholder {
    color: #cacaca; }

.clickable:hover {
  cursor: pointer; }

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

.ellipsed {
  overflow-x: hidden;
  whitespace: nowrap;
  text-overflow: ellipsis; }

.nowrap {
  white-space: nowrap; }

.bold {
  font-weight: 700; }

.ellipsify, .d3-menu .menu-item {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

.d3-menu {
  display: inline-block;
  border-spacing: 0px;
  vertical-align: top;
  border: 1px solid #cacaca;
  border-bottom: none; }
  .d3-menu .menu-item {
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #cacaca;
    max-width: 400px;
    min-width: 100px;
    height: 35px;
    padding: 5px 40px;
    text-align: center; }
    .d3-menu .menu-item:hover {
      color: #0d60a6;
      background: #e5e8ea; }
    .d3-menu .menu-item.selected {
      font-weight: bold;
      font-color: #0d60a6;
      background: #e5e8ea; }

.autocomplete-search {
  position: relative; }
  .autocomplete-search ul {
    position: relative;
    z-index: 1;
    list-style-type: none;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px 20px;
    border: 1px solid #cacaca;
    border-top: none;
    max-height: 300px;
    overflow-y: auto; }
    .autocomplete-search ul li {
      margin: 10px; }
  .autocomplete-search ul.hidden {
    max-height: 0px; }
  .autocomplete-search ul, .autocomplete-search ul.hidden {
    transition: max-height 0.3s ease-in; }
  .autocomplete-search .list-item .checkbox .check {
    width: 20px;
    height: 20px;
    margin-right: 20px; }
    .autocomplete-search .list-item .checkbox .check:after {
      top: -3px;
      font-size: 23px; }
  .autocomplete-search .list-item .checkbox .label {
    cursor: pointer;
    font-size: 18px; }
  .autocomplete-search li.hidden {
    display: none; }
  .autocomplete-search i.fa.fa-search {
    position: absolute;
    z-index: 3;
    top: 10px;
    right: 10px;
    font-size: 25px;
    color: #0d60a6; }
  .autocomplete-search .d3-input, .autocomplete-search .d3-input input {
    width: 100%; }
  .autocomplete-search .d3-input {
    margin: 0px; }
    .autocomplete-search .d3-input input {
      margin-bottom: -1px; }

a:focus,
.custom-button:focus {
  outline: 1px solid #183b64; }

a:active,
.custom-button:active {
  outline: none; }

.custom-button {
  background: #00b9cf;
  border-radius: 8px;
  border: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: white;
  cursor: pointer;
  font-weight: bold;
  margin: 0px 0px 4px 0px;
  outline: none;
  padding: 10px 24px;
  vertical-align: middle;
  min-height: fit-content; }
  .custom-button.noStyling {
    background: inherit;
    border: inherit;
    box-shadow: none;
    color: inherit;
    font-size: inherit;
    padding: 0;
    margin: 0; }
    .custom-button.noStyling:hover, .custom-button.noStyling:focus-within {
      background: inherit; }
  .custom-button.dark {
    color: #252525; }
    .custom-button.dark.primary {
      border: 4px solid #00b9cf;
      width: max-content; }
    .custom-button.dark:active {
      color: #ffffff;
      border-color: #0692a2; }
  .custom-button.grey {
    background: none;
    color: #00b9cf; }
    .custom-button.grey.dark {
      background: #fcfbf9;
      color: #252525;
      border: 4px solid #00e4ff; }
      .custom-button.grey.dark:active {
        color: #007b89;
        border-color: #007b89; }
  .custom-button.no-margin {
    margin: 0px; }
  .custom-button:hover, .custom-button:active, .custom-button.active, .custom-button.selected {
    filter: contrast(150%); }
  .custom-button:disabled, .custom-button.disabled {
    opacity: 0.3;
    pointer-events: none; }
  .custom-button i {
    margin-right: 10px; }
    .custom-button i:disabled {
      color: #cacaca;
      cursor: not-allowed; }
    .custom-button i.after-text {
      margin-left: 10px;
      margin-right: 0px; }
  .custom-button.iconAfter i {
    margin-right: 0;
    margin-left: 10px; }
  .custom-button.primary:not(.grey):active {
    background: #0692a2;
    filter: contrast(100%); }
  .custom-button.primary.grey:active {
    background: #e5e5e5;
    filter: contrast(100%); }
  .custom-button.disabled-grey {
    background: #d1d5db;
    color: white;
    opacity: 1; }
  .custom-button.no-padding {
    padding: 0px; }
  .custom-button.no-margin {
    margin: 0px; }
  .custom-button.box-button {
    border-radius: 0px; }
  .custom-button.square {
    border-radius: 3px; }
  .custom-button.link {
    background: transparent;
    box-shadow: none;
    padding: 6px;
    color: #00b9cf;
    letter-spacing: 0.05px;
    margin: 0px 0px 4px 0px;
    font-weight: 700; }
    .custom-button.link.keep-padding {
      padding: 10px 24px; }
    .custom-button.link:hover {
      text-shadow: 0 0 0.01px currentColor; }
    .custom-button.link i {
      margin-right: 8px;
      width: 15px; }
  .custom-button.close {
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: none;
    box-shadow: none;
    fill: #00b9cf; }
  .custom-button.important-notice:focus {
    outline: none; }

.button-list {
  display: flex; }

.selected-button-list .custom-button:first-child {
  margin-left: 0px; }

.selected-button-list .custom-button {
  font-size: 18px;
  font-weight: 400;
  color: #4a4a4a;
  border-radius: 1px;
  padding: 10px 15px 7px 15px;
  text-align: center;
  background: #e5e8ea;
  border-bottom: 3px solid transparent;
  box-shadow: none;
  margin: 10px 10px 10px 0px; }
  .selected-button-list .custom-button.selected {
    background: white;
    border-color: #107bd5; }

.format-list .custom-button {
  margin: 0px !important;
  border: 1px solid #1f5d44;
  border-left: none;
  color: #1f5d44;
  background: white;
  border-radius: 0px;
  padding: 10px 40px; }
  .format-list .custom-button.selected {
    background: #1f5d44;
    color: white; }
  .format-list .custom-button:first-child {
    border-left: 1px solid #1f5d44;
    border-radius: 20px 0 0 20px; }
  .format-list .custom-button:last-child {
    border-radius: 0 20px 20px 0; }

@media only screen and (max-width: 768px) {
  button.custom-button.link {
    font-size: 18px; }
  button.custom-button.primary {
    border-radius: 25px !important; }
    button.custom-button.primary:active {
      box-shadow: 0 8pt 18pt 0 rgba(0, 0, 0, 0.2) !important; }
    button.custom-button.primary.grey {
      box-shadow: none; } }

.is-rtl .custom-button i {
  margin-right: 0;
  margin-left: 10px; }

.camera-button,
.captured-image {
  width: 229px;
  height: 229px;
  min-width: 100px;
  min-height: 100px;
  max-width: 229px;
  max-height: 229px;
  margin-right: 16px; }

.camera-button {
  cursor: pointer;
  border: dashed 2.5px #d1d5db;
  background-color: white;
  margin-left: 0px;
  font-size: 22px;
  color: #313d98; }
  .camera-button i {
    margin-bottom: 16px; }
  .camera-button input {
    display: none; }

.captured-image-container {
  position: relative; }
  .captured-image-container .captured-image {
    width: 26vw;
    min-width: 26vw;
    height: 26vw;
    margin-right: 16px; }
    .captured-image-container .captured-image:hover {
      cursor: pointer; }
  .captured-image-container .custom-button.x-icon {
    position: absolute;
    right: 46px;
    top: 2px; }
    .captured-image-container .custom-button.x-icon svg {
      position: absolute;
      fill: white;
      z-index: 1;
      width: 25px;
      height: 25px;
      border-radius: 30px;
      padding: 4px;
      background: #4a4a4a;
      fill: #fff;
      margin-bottom: 10px;
      border: 2px solid white; }

.crop-container {
  width: inherit;
  height: inherit; }
  .crop-container .top-controls {
    margin-bottom: 10px; }
    .crop-container .top-controls .left-icon {
      cursor: pointer; }
    .crop-container .top-controls .right-icon {
      cursor: pointer; }
  .crop-container .img-cropper {
    position: relative;
    width: inherit;
    height: inherit;
    max-height: 512px; }
  .crop-container .camera-tip {
    word-break: break-all; }
  .crop-container .slider {
    position: relative;
    top: 20px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .crop-container .slider span:not(.upload-input.loaded) {
      width: auto;
      margin-left: 5px; }
    .crop-container .slider .zoom-range {
      width: 148px;
      height: 6px;
      padding: 0;
      -webkit-appearance: none;
      background: #dddff0; }
      .crop-container .slider .zoom-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #9b9b9b;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
        .crop-container .slider .zoom-range::-webkit-slider-thumb:hover {
          box-shadow: 0px 0px 0px 8px rgba(63, 81, 181, 0.16); }
  .crop-container .done-editing {
    margin: 20px; }

div.checkbox.disabled {
  color: grey; }

div.checkbox div.check,
div.checkbox span.label {
  vertical-align: middle;
  display: inline-block; }

div.checkbox div.check {
  position: relative;
  height: 15px;
  width: 15px;
  border: 1px solid grey;
  margin-right: 5px; }
  div.checkbox div.check:hover {
    cursor: pointer; }
  div.checkbox div.check.checked {
    border-color: #cacbcd; }
  div.checkbox div.check.disabled, div.checkbox div.check.disabled:hover {
    border-color: #cacbcd;
    cursor: default; }

div.toggle {
  display: inline-block; }
  div.toggle .check {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 20px; }
  div.toggle input {
    display: none; }
  div.toggle span.label {
    margin-left: 10px; }
  div.toggle .round-slider {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cacaca;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    div.toggle .round-slider:before {
      border: 1px solid white;
      box-sizing: border-box;
      position: absolute;
      content: '';
      height: 20px;
      width: 20px;
      top: 0px;
      bottom: 0px;
      background-color: #e5e8ea;
      -webkit-transition: 0.4s;
      transition: 0.4s;
      border-radius: 50%; }
  div.toggle .check.checked .round-slider {
    background-color: #107bd5; }
  div.toggle .check.checked .round-slider:before {
    -webkit-transform: translateX(21px);
    -ms-transform: translateX(21px);
    transform: translateX(21px); }
  div.toggle .check.disabled .round-slider {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
    div.toggle .check.disabled .round-slider:before {
      box-shadow: none; }
  div.toggle .check.disabled.checked .round-slider {
    background-color: #89c4f6; }

.d3-container {
  background: white;
  padding: 30px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); }

.DayPickerInput input.invalid-date {
  color: #cb2d2d; }

.DayPickerInput input:disabled {
  color: #9b9b9b; }

.DayPickerInput .DayPickerInput-OverlayWrapper .DayPickerInput-Overlay {
  top: -10px; }

.d3-drawer {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 200;
  height: 100vh;
  width: 100vw;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center; }
  .d3-drawer .content {
    box-shadow: -2px 0 16px 0 rgba(0, 0, 0, 0.12);
    background: white;
    position: absolute;
    right: 0;
    width: max-content;
    height: 100vh;
    overflow-y: auto;
    animation: slide-in-left 0.2s ease-out;
    -webkit-animation: slide-in-left 0.2s ease-out;
    -moz-animation: slide-in-left 0.2s ease-out; }
    .d3-drawer .content .page {
      min-width: 0; }

@keyframes slide-in-left {
  from {
    transform: translate(60vw, 0); }
  to {
    transform: translate(0, 0); } }

@-webkit-keyframes slide-in-left {
  from {
    transform: translate(60vw, 0); }
  to {
    transform: translate(0, 0); } }

@-moz-keyframes slide-in-left {
  from {
    transform: translate(60vw, 0); }
  to {
    transform: translate(0, 0); } }
    .d3-drawer .content .close {
      z-index: 1000;
      position: absolute;
      right: 20px;
      top: 40px;
      font-size: 20px;
      color: #9b9b9b; }
      .d3-drawer .content .close:hover {
        color: #545454; }
    .d3-drawer .content.closing {
      transition: transform 0.15s ease-in;
      transform: translateX(60vw); }
  .d3-drawer.drawer-closed {
    display: none; }
    .d3-drawer.drawer-closed .content {
      transform: translateX(60vw); }
  .d3-drawer.drawer-open {
    transform: translateX(0); }

.is-rtl .d3-drawer .content {
  left: 0;
  right: auto;
  animation: slide-in-right 0.2s ease-out;
  -webkit-animation: slide-in-right 0.2s ease-out;
  -moz-animation: slide-in-right 0.2s ease-out; }
  .is-rtl .d3-drawer .content .close {
    right: auto;
    left: 20px; }
  .is-rtl .d3-drawer .content.closing {
    transition: transform 0.15s ease-in;
    transform: translateX(-60vw); }

.is-rtl .d3-drawer.drawer-closed .content {
  transform: translateX(-60vw); }

@keyframes slide-in-right {
  from {
    transform: translate(-60vw, 0); }
  to {
    transform: translate(0, 0); } }

@-webkit-keyframes slide-in-right {
  from {
    transform: translate(-60vw, 0); }
  to {
    transform: translate(0, 0); } }

@-moz-keyframes slide-in-right {
  from {
    transform: translate(-60vw, 0); }
  to {
    transform: translate(0, 0); } }

.d3-dropdown {
  position: relative;
  outline: none;
  background: white;
  color: black; }
  .d3-dropdown .dropdown-item,
  .d3-dropdown .dropbar {
    min-height: 30px;
    padding: 5px 10px; }
  .d3-dropdown .dropdown-item.selected {
    color: #107bd5; }
  .d3-dropdown .dropbar {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    border-bottom: 2px solid #00b9cf; }
  .d3-dropdown.open .menu {
    border: 1px solid #00b9cf; }
  .d3-dropdown .fas.fa-angle-down,
  .d3-dropdown .fas.fa-angle-up {
    color: #00b9cf;
    margin-left: 20px;
    text-align: right; }
  .d3-dropdown .menu {
    width: 100%;
    z-index: 100;
    background: inherit;
    position: absolute;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top; }
  .d3-dropdown.open .menu {
    opacity: 1;
    transform: scaleY(1);
    padding: 10px;
    border-top: none;
    display: block;
    transition: transform 0.2s ease-in; }
  .d3-dropdown.open .dropbar {
    border-bottom: 1px solid transparent; }
  .d3-dropdown.disabled .dropbar {
    border-color: #cacaca;
    opacity: 0.6; }

.d3-dropdown:not(.disabled).has-error .dropbar {
  border-color: #cb2d2d; }

.d3-dropdown:not(.disabled) .dropbar {
  border-color: #00b9cf;
  cursor: pointer; }

.d3-dropdown:not(.disabled) .dropdown-item:hover {
  font-weight: bold; }

.d3-filter-box .popup, .d3-filter-box .popup h5 {
  font-weight: 400; }

.d3-filter-box .popup {
  color: black; }
  .d3-filter-box .popup div.flexed, .d3-filter-box .popup h5 {
    margin: 0px; }
  .d3-filter-box .popup .DayPickerInput, .d3-filter-box .popup .d3-input {
    margin: 0px 10px; }
    .d3-filter-box .popup .DayPickerInput:first-child, .d3-filter-box .popup .d3-input:first-child {
      margin-left: 0px; }
  .d3-filter-box .popup .DayPickerInput input, .d3-filter-box .popup .d3-input {
    width: 120px; }
  .d3-filter-box .popup .DayPickerInput input, .d3-filter-box .popup .d3-input input, .d3-filter-box .popup .dropbar {
    height: 40px;
    border-radius: 3px;
    margin: 0px; }
  .d3-filter-box .popup .flexed.end-justified {
    margin-top: 10px; }

.d3-filter-box .d3-button.link {
  color: #1f5d44; }

.d3-filter-box .checkbox-list {
  width: 100%;
  max-height: 400px;
  overflow: scroll; }
  .d3-filter-box .checkbox-list .checkbox {
    background: #f4f4f4;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 3px; }
    .d3-filter-box .checkbox-list .checkbox .check {
      background: white; }

.d3-filter-box .select-type-filter {
  width: 500px; }
  .d3-filter-box .select-type-filter .num-range-input, .d3-filter-box .select-type-filter .date-range-input, .d3-filter-box .select-type-filter .d3-dropdown {
    display: inline-block;
    vertical-align: middle; }
  .d3-filter-box .select-type-filter .d3-dropdown {
    margin-right: 10px;
    width: 200px; }

.fixed-tooltip {
  position: fixed;
  z-index: 1;
  transform: translateX(-50%); }
  .fixed-tooltip .hover-guard {
    position: absolute; }
  .fixed-tooltip.down .hover-guard {
    bottom: 100%; }
  .fixed-tooltip.up .hover-guard {
    top: 100%; }

.fixed-tooltip .tooltip-content {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  background: white;
  padding: 15px;
  min-width: 300px; }

.fixed-tooltip .tooltip-content:before {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  background: white;
  left: 0px;
  right: 0px;
  margin: 0px auto; }

.fixed-tooltip.down .tooltip-content:before {
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  bottom: calc(100% - 8px); }

.fixed-tooltip.up .tooltip-content:before {
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.3);
  top: calc(100% - 8px); }

.d3-input {
  position: relative; }
  .d3-input input {
    display: block;
    height: 40px;
    margin-top: 5px 0;
    width: 100%;
    border-radius: 4px; }
    .d3-input input:disabled {
      border-color: #e5e8ea; }
  .d3-input .input-wrapper {
    position: relative;
    display: inline-block; }
  .d3-input.inline {
    display: inline-block;
    vertical-align: middle; }
  .d3-input span.pretext,
  .d3-input span.posttext {
    margin: 0px 10px; }
  .d3-input span.pretext {
    margin-left: 0px; }
  .d3-input .label,
  .d3-input .error-text {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 10px; }
  .d3-input .error-text {
    font-weight: bold;
    color: #cb2d2d; }
  .d3-input.has-error input {
    border-color: #cb2d2d !important; }
  .d3-input.has-error input::placeholder,
  .d3-input .d3-input.has-error input {
    color: white !important; }

@media only screen and (max-width: 768px) {
  input {
    height: 54px !important;
    font-size: 16px !important; } }

.d3-loader-container {
  width: 100%;
  height: 100%;
  position: relative; }
  .d3-loader-container .loader {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 50%;
    animation: spin 0.5s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.d3-video {
  width: 100%;
  max-width: 800px; }

.d3-modal {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 200;
  height: 100vh;
  width: 100vw;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center; }
  .d3-modal .content {
    width: 512px;
    min-width: 512px;
    border-radius: 4px;
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.15);
    border: solid 2px #a2ddf1;
    color: #4a4a4a;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 90px;
    text-align: center; }
    .d3-modal .content .sad-humi-container {
      display: flex;
      height: 80px;
      width: 80px;
      border-radius: 80px;
      overflow: hidden;
      position: relative;
      border: 1px solid #ebebeb; }
      .d3-modal .content .sad-humi-container .sad-humi {
        height: 98px;
        position: absolute;
        top: 6px;
        left: 7px; }
    .d3-modal .content .custom-button {
      font-weight: bold; }
      .d3-modal .content .custom-button:first-of-type {
        margin-left: 0px; }
      .d3-modal .content .custom-button.grey {
        background: none;
        color: #00b9cf;
        box-shadow: none; }
    .d3-modal .content .modal-close-x {
      position: absolute;
      display: flex;
      right: 28px;
      top: 28px;
      margin: 0;
      padding: 0;
      background: transparent;
      fill: #0f2e22; }
      .d3-modal .content .modal-close-x svg {
        height: 14px;
        width: 14px; }
    .d3-modal .content p {
      font-size: 16px;
      margin: 20px 0px; }
      .d3-modal .content p.extra-text {
        margin: 0;
        bottom: -20px; }
    .d3-modal .content .top {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding: 20px 20px 20px 20px; }
    .d3-modal .content .bottom {
      padding: 20px; }
    .d3-modal .content .bottom.flexed {
      margin: 0px;
      justify-content: flex-end; }
      .d3-modal .content .bottom.flexed .stacked-text {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        position: relative; }
        .d3-modal .content .bottom.flexed .stacked-text p {
          position: absolute;
          font-size: 14px; }
    .d3-modal .content .fa.fa-times {
      position: absolute;
      right: 10px;
      top: 10px;
      font-size: 20px;
      color: #9b9b9b; }
      .d3-modal .content .fa.fa-times:hover {
        color: #545454; }
  .d3-modal.modal-closed {
    display: none; }
  .d3-modal.create-survey-modal .content {
    padding: 70px 100px; }
    .d3-modal.create-survey-modal .content h3 {
      font-weight: 500; }
    .d3-modal.create-survey-modal .content p.label {
      margin-bottom: 5px; }
    .d3-modal.create-survey-modal .content .bottom.flexed {
      padding: 0px 20px;
      margin-top: 60px; }
  .d3-modal.view-sample-modal .content {
    width: 100%;
    height: 100%;
    background: none;
    padding: 0%; }
    .d3-modal.view-sample-modal .content span {
      font-size: 18px; }
    .d3-modal.view-sample-modal .content .top {
      margin-top: 60px;
      padding: 0px; }
      .d3-modal.view-sample-modal .content .top img {
        width: 50vw;
        max-width: 700px;
        height: 100%;
        margin-bottom: 20px;
        max-height: calc(100vh - 230px);
        object-fit: contain; }
      .d3-modal.view-sample-modal .content .top .back-button {
        position: absolute;
        right: 215%;
        bottom: 40%;
        font-weight: 500; }
      .d3-modal.view-sample-modal .content .top .next-button {
        position: absolute;
        left: 200%;
        bottom: 40%;
        font-weight: 500; }
      .d3-modal.view-sample-modal .content .top .close-sample-modal {
        margin: 28px 0px 0px 0px; }
        .d3-modal.view-sample-modal .content .top .close-sample-modal svg {
          width: 50px;
          height: 50px;
          border-radius: 30px;
          padding: 13px;
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
          background: #313d98;
          fill: white;
          margin-bottom: 10px; }
        .d3-modal.view-sample-modal .content .top .close-sample-modal span {
          font-weight: 500; }
  .d3-modal.edit-image-modal .content {
    position: relative;
    width: 768px;
    height: auto;
    max-height: 720px;
    background: #000000;
    border-radius: 8px;
    flex-direction: column;
    box-shadow: 0 2px 29px 0 rgba(0, 0, 0, 0.1);
    padding: 0; }
    .d3-modal.edit-image-modal .content .top {
      padding: 0px;
      width: 100%;
      height: auto; }
      .d3-modal.edit-image-modal .content .top .crop-container .top-controls {
        margin: 10px 15px; }
        .d3-modal.edit-image-modal .content .top .crop-container .top-controls .fa,
        .d3-modal.edit-image-modal .content .top .crop-container .top-controls .fas {
          font-size: 1.5em; }
          .d3-modal.edit-image-modal .content .top .crop-container .top-controls .fa.fa-trash-alt,
          .d3-modal.edit-image-modal .content .top .crop-container .top-controls .fas.fa-trash-alt {
            color: #cb2d2d; }
        .d3-modal.edit-image-modal .content .top .crop-container .top-controls .rotate-right {
          margin-left: 0; }
      .d3-modal.edit-image-modal .content .top .crop-container .img-cropper {
        width: 100%;
        height: 100vh;
        border-color: #fff;
        border-style: ridge; }
      .d3-modal.edit-image-modal .content .top .crop-container p {
        color: #fff;
        margin: 20px 15px 0 15px; }
      .d3-modal.edit-image-modal .content .top .crop-container .bottom-controls {
        margin: 18px 15px 10px; }
  .d3-modal.onboarding-modal .content {
    justify-content: center;
    width: 800px;
    height: 680px; }
    .d3-modal.onboarding-modal .content .top,
    .d3-modal.onboarding-modal .content .bottom {
      padding: 0; }
    .d3-modal.onboarding-modal .content .top {
      margin-bottom: 60px; }
      .d3-modal.onboarding-modal .content .top .flexed {
        width: 525px;
        align-items: center; }
        .d3-modal.onboarding-modal .content .top .flexed > * {
          display: flex;
          flex-direction: column; }
      .d3-modal.onboarding-modal .content .top h2 {
        margin-bottom: 60px;
        text-align: center; }
      .d3-modal.onboarding-modal .content .top p {
        text-align: center;
        width: 245px; }
    .d3-modal.onboarding-modal .content i,
    .d3-modal.onboarding-modal .content #modal-cancel {
      display: none; }
    .d3-modal.onboarding-modal .content #modal-confirm {
      width: 160px; }
  .d3-modal.notice {
    background: none; }
    .d3-modal.notice .content {
      border: none;
      position: relative;
      top: -40vh;
      padding: 15px;
      background: #f5c42e;
      width: 950px;
      text-align: left;
      flex-direction: row;
      font-size: 12px; }
      .d3-modal.notice .content .sad-humi-container {
        height: 48px;
        width: 93px;
        min-width: 48px;
        background: white; }
        .d3-modal.notice .content .sad-humi-container .sad-humi {
          height: 54px;
          left: 6px; }
      .d3-modal.notice .content .top {
        align-items: flex-start;
        padding: 0px;
        margin-left: 15px;
        text-align: left; }
        .d3-modal.notice .content .top h4 {
          font-size: 13px;
          margin-bottom: 5px; }
      .d3-modal.notice .content .modal-close-x {
        right: 20px;
        top: 20px; }

@media only screen and (max-width: 1024px) {
  .d3-modal.edit-image-modal .content {
    width: 100%;
    height: auto;
    max-height: none;
    border-radius: 0;
    padding: 0; }
    .d3-modal.edit-image-modal .content .top {
      width: 100%;
      height: auto; }
      .d3-modal.edit-image-modal .content .top .crop-container .img-cropper {
        max-height: 512px; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    .d3-modal.edit-image-modal .content {
      height: 100vh; } }

@media only screen and (max-width: 1024px) {
  .d3-modal.view-sample-modal .content .top img {
    width: 100vw;
    max-width: 1000px; } }

@media only screen and (max-width: 767px) {
  .d3-modal.onboarding-modal .content {
    padding: 8vh 9vw;
    overflow: auto;
    justify-content: start;
    border: none;
    height: 100%;
    width: 100%; }
    .d3-modal.onboarding-modal .content h2 {
      font-size: 24px;
      width: 188px;
      margin: 0 auto 26px !important; }
    .d3-modal.onboarding-modal .content img {
      width: 80px;
      margin: auto; }
    .d3-modal.onboarding-modal .content > * {
      width: 80%; }
    .d3-modal.onboarding-modal .content .flexed {
      flex-direction: column; }
    .d3-modal.onboarding-modal .content .top {
      margin-bottom: 4vh; }
      .d3-modal.onboarding-modal .content .top .flexed {
        width: 100% !important; }
      .d3-modal.onboarding-modal .content .top p {
        width: 220px; } }

@media only screen and (max-width: 525px) {
  .d3-modal .content {
    min-width: 0;
    padding: 8vh 0vw;
    width: 317px; }
    .d3-modal .content .top {
      text-align: center; }
  .d3-modal.cam-permission-help .content {
    width: 100%;
    padding: 36px 20px 20px; }
  .d3-modal.delete-permission .content {
    width: 100%;
    padding: 36px 20px 20px; }
  .d3-modal.view-sample-modal .content .top img {
    width: 100vw; }
  .d3-modal.view-sample-modal .content .top .next-button {
    left: 100%;
    bottom: 40%; } }

@media only screen and (max-width: 500px) {
  .d3-modal.edit-image-modal .content {
    width: 100%;
    height: 100vh;
    max-height: none;
    border-radius: 0;
    padding: 0; }
    .d3-modal.edit-image-modal .content .top {
      width: 100%;
      height: 100vh; }
      .d3-modal.edit-image-modal .content .top .crop-container .img-cropper {
        max-height: 420px; } }

@media only screen and (max-height: 400px) {
  .d3-modal.edit-image-modal .content {
    width: 100%;
    height: 100vh;
    max-height: none;
    border-radius: 0;
    padding: 0;
    overflow-y: scroll; }
    .d3-modal.edit-image-modal .content .top {
      width: 100%;
      height: 100vh; }
      .d3-modal.edit-image-modal .content .top .crop-container .img-cropper {
        max-height: 320px; } }

@media only screen and (max-width: 320px) {
  .d3-modal.onboarding-modal .content .top {
    margin-bottom: 1vh; } }

.bold {
  font-weight: 700; }

.ellipsify, .d3-dropdown.number-input-dropdown input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

.d3-dropdown.number-input-dropdown {
  display: inline-block;
  height: 30px;
  width: fit-content; }
  .d3-dropdown.number-input-dropdown .dropbar {
    border-radius: 3px;
    padding: 0px 10px; }
    .d3-dropdown.number-input-dropdown .dropbar .fas.fa-angle-up,
    .d3-dropdown.number-input-dropdown .dropbar .fas.fa-angle-down {
      margin-left: 0px;
      color: #1f5d44; }
  .d3-dropdown.number-input-dropdown .menu {
    top: 29px; }
  .d3-dropdown.number-input-dropdown.open .dropbar {
    border-radius: 3px 3px 0px 0px; }
  .d3-dropdown.number-input-dropdown.open .menu {
    top: 29px;
    border-radius: 0px 0px 3px 3px; }
  .d3-dropdown.number-input-dropdown input {
    border-radius: 3px;
    text-align: left;
    margin: 0px;
    height: 100%;
    border: none;
    width: 60px; }
    .d3-dropdown.number-input-dropdown input:disabled {
      color: white; }
  .d3-dropdown.number-input-dropdown input[type='number']::-webkit-inner-spin-button,
  .d3-dropdown.number-input-dropdown input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }

.percent-meter {
  width: 100%;
  display: flex;
  align-items: center; }
  .percent-meter span {
    width: 35px;
    text-align: right;
    margin-left: 10px; }
  .percent-meter .meter-outer {
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
    background: #eceff0;
    height: 15px; }
    .percent-meter .meter-outer .meter-inner {
      border-radius: 10px 0px 0px 10px;
      height: 100%; }

.popup-container {
  position: relative;
  width: fit-content;
  height: fit-content; }
  .popup-container.open:after {
    position: absolute;
    font-family: FontAwesome;
    width: fit-content;
    height: fit-content;
    font-size: 20px;
    color: #107bd5;
    z-index: 1001; }
  .popup-container.open.top:after, .popup-container.open.bottom:after {
    left: calc(50% - 5px); }
  .popup-container.open.left:after, .popup-container.open.right:after {
    top: calc(50% - 10px); }
  .popup-container.open.top:after {
    bottom: calc(100% - 3px);
    content: '\f0d7'; }
  .popup-container.open.bottom:after {
    top: calc(100% - 3px);
    content: '\f0d8'; }
  .popup-container.open.left:after {
    right: calc(100%);
    content: '\f0da'; }
  .popup-container.open.right:after {
    left: calc(100% + 3px);
    content: '\f0d9'; }
  .popup-container.disabled {
    pointer-events: none;
    opacity: 0.2; }
  .popup-container .popup {
    position: absolute;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    width: fit-content;
    height: fit-content;
    background: white;
    z-index: 1000;
    display: flex;
    flex-direction: column; }
    .popup-container .popup p:last-child {
      margin: 0px; }
    .popup-container .popup.hidden {
      display: none; }
    .popup-container .popup.bottom, .popup-container .popup.top {
      left: 50%;
      transform: translateX(-50%);
      margin: 0px auto; }
    .popup-container .popup.top {
      bottom: calc(100% + 10px); }
      .popup-container .popup.top:not(.no-pointer) {
        border-bottom: 4px solid #107bd5; }
    .popup-container .popup.bottom {
      top: calc(100% + 10px); }
      .popup-container .popup.bottom:not(.no-pointer) {
        border-top: 4px solid #107bd5; }
    .popup-container .popup.left, .popup-container .popup.right {
      top: 0px;
      bottom: 0px;
      margin: auto 0px; }
    .popup-container .popup.left {
      right: calc(100% + 6px); }
      .popup-container .popup.left:not(.no-pointer) {
        border-right: 4px solid #107bd5; }
    .popup-container .popup.right {
      left: calc(100% + 10px); }
      .popup-container .popup.right:not(.no-pointer) {
        border-left: 4px solid #107bd5; }
    .popup-container .popup.align.right-align, .popup-container .popup.align.left-align {
      transform: unset;
      left: unset;
      right: unset; }
    .popup-container .popup.align.right-align {
      right: calc(-100% / 2); }
    .popup-container .popup.align.left-align {
      left: calc(-100% / 2); }

.bold {
  font-weight: 700; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

.d3-radio {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .d3-radio.disabled {
    color: #cacaca; }
    .d3-radio.disabled .radio-circle, .d3-radio.disabled .radio-circle:after {
      border-color: #cacaca; }
  .d3-radio.has-error {
    color: #cb2d2d; }

.radio-circle, .radio-circle:after {
  border-radius: 50%; }

.radio-circle {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  margin-right: 10px; }
  .radio-circle:after {
    content: '';
    position: absolute;
    border: 1.5px solid white;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto; }
  .radio-circle.selected:after {
    background: #107bd5; }

.ratio-meter span {
  font-size: 8px;
  margin-bottom: 3px; }

.ratio-meter .ratio-bar {
  display: flex;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
  background: #eceff0; }

.d3-editor .DraftEditor-editorContainer, .d3-editor .public-DraftEditorPlaceholder-root {
  padding: 10px; }

.d3-editor .DraftEditor-editorContainer {
  border: 1px solid #cacaca;
  border-radius: 3px; }

.d3-editor .rich-text-toolbar {
  cursor: pointer;
  display: flex;
  position: absolute;
  top: 8.5px;
  right: -120px;
  z-index: 2;
  border-radius: 3px; }
  .d3-editor .rich-text-toolbar .block-type-toolbar {
    display: flex; }
    .d3-editor .rich-text-toolbar .block-type-toolbar button {
      display: flex;
      align-items: center;
      cursor: pointer;
      height: 25px;
      border-style: none;
      padding: 0px 5px; }
  .d3-editor .rich-text-toolbar i {
    display: inline;
    padding: 5px; }
  .d3-editor .rich-text-toolbar i, .d3-editor .rich-text-toolbar button {
    background: #e5e8ea; }
    .d3-editor .rich-text-toolbar i.active, .d3-editor .rich-text-toolbar button.active {
      background: #89c4f6;
      color: white; }
    .d3-editor .rich-text-toolbar i:hover, .d3-editor .rich-text-toolbar button:hover {
      background: #cacaca; }

.d3-editor.error .DraftEditor-editorContainer {
  background: #e88d89 !important; }

.d3-editor.error .public-DraftEditorPlaceholder-root {
  color: white;
  z-index: 2;
  pointer-events: none; }

.search-input {
  position: relative;
  width: fit-content; }
  .search-input .fa {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 24px;
    color: #0d60a6; }
  .search-input .empty:not(:focus) {
    background: transparent;
    width: 30px; }

.search-input input {
  height: 40px;
  border: none;
  padding-right: 35px;
  text-align: right;
  color: #0d60a6;
  cursor: default;
  background: transparent; }
  .search-input input:focus {
    background: white;
    cursor: text;
    border: 1px solid #0d60a6;
    width: 250px;
    text-align: left; }

.select-one-button {
  background-color: transparent;
  height: 70px;
  padding-bottom: 7px; }

.bold {
  font-weight: 700; }

.ellipsify {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before {
  position: relative; }
  .fa-icon-before:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

.d3-radio {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .d3-radio.disabled {
    color: #cacaca; }
    .d3-radio.disabled .radio-circle, .d3-radio.disabled .d3-dropdown.d3-selector .dropdown-item span.select-circle, .d3-dropdown.d3-selector .dropdown-item .d3-radio.disabled span.select-circle, .d3-radio.disabled .radio-circle:after, .d3-radio.disabled .d3-dropdown.d3-selector .dropdown-item span.select-circle:after, .d3-dropdown.d3-selector .dropdown-item .d3-radio.disabled span.select-circle:after {
      border-color: #cacaca; }
  .d3-radio.has-error {
    color: #cb2d2d; }

.radio-circle, .d3-dropdown.d3-selector .dropdown-item span.select-circle, .radio-circle:after, .d3-dropdown.d3-selector .dropdown-item span.select-circle:after {
  border-radius: 50%; }

.radio-circle, .d3-dropdown.d3-selector .dropdown-item span.select-circle {
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #9b9b9b;
  border-radius: 50%;
  margin-right: 10px; }
  .radio-circle:after, .d3-dropdown.d3-selector .dropdown-item span.select-circle:after {
    content: '';
    position: absolute;
    border: 1.5px solid white;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto; }
  .radio-circle.selected:after, .d3-dropdown.d3-selector .dropdown-item span.selected.select-circle:after {
    background: #107bd5; }

.d3-dropdown.d3-selector {
  height: auto; }
  .d3-dropdown.d3-selector .menu {
    position: relative;
    display: block;
    transform: unset; }
  .d3-dropdown.d3-selector .dropdown-item {
    width: 300px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    margin-bottom: 10px; }
    .d3-dropdown.d3-selector .dropdown-item > div {
      display: flex; }
    .d3-dropdown.d3-selector .dropdown-item span {
      display: inline-block; }
    .d3-dropdown.d3-selector .dropdown-item span.select-text {
      width: calc(100% - 20px); }
    .d3-dropdown.d3-selector .dropdown-item i {
      width: 10px;
      color: #9b9b9b; }
    .d3-dropdown.d3-selector .dropdown-item.selected {
      background: #e5e8ea;
      font-weight: 700; }
      .d3-dropdown.d3-selector .dropdown-item.selected span.select-circle:after {
        background: #3db988; }
    .d3-dropdown.d3-selector .dropdown-item .popup {
      color: #4a4a4a;
      width: 250px; }
      .d3-dropdown.d3-selector .dropdown-item .popup p {
        font-weight: 400; }
  .d3-dropdown.d3-selector.disabled .dropdown-item:not(.selected) {
    border-color: #cacaca;
    color: #cacaca; }

.d3-sortable-table table {
  width: 100%;
  border-spacing: 0px 6px;
  border-top: none;
  margin-bottom: 20px; }
  .d3-sortable-table table td {
    color: #545454; }
  .d3-sortable-table table th,
  .d3-sortable-table table td {
    height: 20px;
    padding: 15px; }
  .d3-sortable-table table tr td {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent; }
  .d3-sortable-table table th {
    user-select: none;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #cacaca;
    position: sticky;
    background: #f4f4f4;
    z-index: 1; }
    .d3-sortable-table table th:first-of-type {
      border-left: 1px solid transparent; }
    .d3-sortable-table table th:last-of-type {
      border-right: 1px solid transparent; }
    .d3-sortable-table table th:hover {
      background: #e5e8ea; }
    .d3-sortable-table table th span.sort-arrows {
      margin-left: 8px;
      display: inline-block;
      vertical-align: middle;
      margin-top: -9px; }
      .d3-sortable-table table th span.sort-arrows .fas {
        display: block;
        height: 8px;
        color: #cacaca; }
    .d3-sortable-table table th.active {
      color: #0d60a6; }
    .d3-sortable-table table th.active span .fas {
      color: #9b9b9b; }
    .d3-sortable-table table th.active.asc span .fas.fa-caret-up {
      color: #0d60a6; }
    .d3-sortable-table table th.active.desc span .fas.fa-caret-down {
      color: #0d60a6; }
    .d3-sortable-table table th .popup-container {
      display: inline-block;
      float: right; }
  .d3-sortable-table table tr {
    background: white; }
    .d3-sortable-table table tr td:first-of-type {
      border-left: 1px solid transparent; }
    .d3-sortable-table table tr td:last-of-type {
      border-right: 1px solid transparent; }
    .d3-sortable-table table tr:hover {
      background: #fafafa; }
      .d3-sortable-table table tr:hover td {
        border-top: 1px solid #107bd5;
        border-bottom: 1px solid #107bd5; }
        .d3-sortable-table table tr:hover td:first-of-type {
          border-left: 1px solid #107bd5; }
        .d3-sortable-table table tr:hover td:last-of-type {
          border-right: 1px solid #107bd5; }
    .d3-sortable-table table tr:first-child th {
      border-top: 1px solid transparent; }
  .d3-sortable-table table .fa.fa-filter {
    color: #9b9b9b; }
    .d3-sortable-table table .fa.fa-filter.active {
      color: #107bd5; }
  .d3-sortable-table table .checkbox-cell {
    width: 15px; }
    .d3-sortable-table table .checkbox-cell div.checkbox .label {
      display: none; }

textarea.d3-textarea {
  display: block;
  resize: none;
  outline: none; }
  textarea.d3-textarea.has-error {
    background: #e88d89 !important; }
  textarea.d3-textarea.has-error, textarea.d3-textarea.has-error::placeholder {
    color: white !important;
    border-color: transparent !important; }

.rc-time-picker.d3-time-picker {
  width: 140px; }
  .rc-time-picker.d3-time-picker input.rc-time-picker-input {
    border-radius: 3px;
    height: 30px;
    padding: 5px 10px; }

.rc-time-picker-panel {
  position: relative; }
  .rc-time-picker-panel .rc-time-picker-panel-input-wrap {
    padding: 5px 10px; }
  .rc-time-picker-panel .rc-time-picker-panel-inner {
    background-color: #fcfbf9;
    font-size: 24px;
    left: 0px;
    position: absolute;
    top: 6px;
    width: 220px; }
  .rc-time-picker-panel .rc-time-picker-panel-select {
    font-size: 18px;
    width: 70px; }

.upload-input {
  background: white;
  border: 2px dashed #d5d6d6;
  border-radius: 3px;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px; }
  .upload-input .error {
    font-size: 12px;
    color: #cb2d2d;
    background: #ffe3e3;
    padding: 4px;
    margin: 0; }
  .upload-input .prompt .upload-button {
    width: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: #00b9cf;
    border-radius: 8px;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    outline: none;
    padding: 10px 24px;
    vertical-align: middle; }
    .upload-input .prompt .upload-button svg {
      height: 20px;
      margin-right: 10px; }
    .upload-input .prompt .upload-button:hover {
      filter: contrast(100%); }
  .upload-input.loaded {
    border: 2px solid #00b9cf; }
    .upload-input.loaded .file-name {
      position: relative; }
      .upload-input.loaded .file-name span {
        text-align: left;
        width: 90%;
        font-weight: bold;
        padding-right: 0; }
      .upload-input.loaded .file-name i {
        position: absolute;
        top: 6px;
        right: 0px;
        color: #9b9b9b; }
      .upload-input.loaded .file-name .fa.fa-times {
        position: static; }
  .upload-input .input-container {
    height: 190px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .upload-input .input-container img {
      max-height: 150px;
      max-width: 80%; }
    .upload-input .input-container .custom-button {
      height: 100%;
      width: 100%; }
    .upload-input .input-container i.fa-file {
      display: block;
      font-size: 45px;
      color: #9b9b9b; }
    .upload-input .input-container p {
      margin: 10px 0px; }
  .upload-input.dragged-over {
    border: 2px solid #d5d6d6; }
    .upload-input.dragged-over .input-container {
      pointer-events: none; }
  .upload-input.loading {
    background: #f4f4f4; }
    .upload-input.loading .input-container {
      background: #f4f4f4;
      display: flex;
      align-items: center;
      justify-content: center; }
      .upload-input.loading .input-container .d3-loader-container {
        width: 60px;
        height: 60px; }
      .upload-input.loading .input-container > div {
        margin-right: 20px; }

@media only screen and (max-width: 768px) {
  .upload-input {
    border: none; }
    .upload-input .prompt p {
      display: none; }
    .upload-input .upload-button {
      border-radius: 25px !important;
      height: 50px; } }

.is-rtl .upload-input .prompt .upload-button svg {
  height: 20px;
  margin-right: 0px;
  margin-left: 10px; }

.warning-text {
  margin-left: 15px;
  color: #cb2d2d; }
  .warning-text i {
    margin-right: 5px;
    cursor: pointer; }

.humi-lab {
  height: 100vh;
  width: 100vw;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fcfbf9; }
  .humi-lab .bg-img {
    position: absolute; }
    .humi-lab .bg-img.map {
      top: 140px;
      left: 0px; }
    .humi-lab .bg-img.cart {
      right: 0px;
      bottom: 36px; }

@media only screen and (max-width: 768px) {
  .humi-lab {
    display: none; }
    .humi-lab .bg-img.map {
      top: 60px;
      left: 50%;
      transform: translateX(-492px); }
    .humi-lab .bg-img.cart {
      right: 50%;
      transform: translateX(380px);
      bottom: -80px; } }

.dialogue-box {
  z-index: 1;
  position: relative;
  align-items: flex-start;
  border-radius: 4px;
  margin: auto;
  padding: 80px;
  width: 620px;
  height: auto;
  min-height: 470px;
  background: white;
  border: solid 2px #a2ddf1;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.15); }
  .dialogue-box.no-min-height {
    min-height: auto; }
  .dialogue-box > * {
    margin-bottom: 32px; }
  .dialogue-box div#old-password {
    margin-bottom: 40px; }
  .dialogue-box .custom-button {
    margin-bottom: 0px; }
  .dialogue-box .humi {
    position: absolute;
    bottom: -80px;
    left: -293px;
    margin: 0;
    z-index: 3;
    animation: floating 3s ease-in-out infinite 1.5s, float-in 1.5s ease-out; }
    .dialogue-box .humi.fly-away {
      animation: float-middle 2s ease-in, ready 1s ease-out 2s, shake 0.1s linear 8 3s, neo 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s; }

@keyframes float-in {
  0% {
    transform: translateX(-500px) rotate(30deg); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0px) rotate(0deg); } }

@-webkit-keyframes float-in {
  0% {
    transform: translateX(-500px) rotate(30deg); }
  70% {
    transform: translateX(10px); }
  100% {
    transform: translateX(0px) rotate(0deg); } }

@keyframes floating {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(25px); }
  100% {
    transform: translateY(0px); } }

@-webkit-keyframes floating {
  0% {
    transform: translateY(0px); }
  50% {
    transform: translateY(25px); }
  100% {
    transform: translateY(0px); } }

@keyframes neo {
  0% {
    transform: translateX(500px) translateY(0px) scale3d(1, 1, 1); }
  100% {
    transform: translateX(800px) translateY(-2000px) scale3d(5, 5, 5); } }

@-webkit-keyframes neo {
  0% {
    transform: translateX(500px) translateY(0px) scale3d(1, 1, 1); }
  100% {
    transform: translateX(800px) translateY(-2000px) scale3d(5, 5, 5); } }

@keyframes neo-bar {
  0% {
    transform: translateY(0px) scale3d(1, 1, 1); }
  100% {
    transform: translateX(300px) translateY(-2000px) scale3d(5, 5, 5); } }

@-webkit-keyframes neo-bar {
  0% {
    transform: translateY(0px) scale3d(1, 1, 1); }
  100% {
    transform: translateX(300px) translateY(-2000px) scale3d(5, 5, 5); } }

@keyframes shake {
  0% {
    transform: translate(501px, 21px) rotate(0deg); }
  10% {
    transform: translate(499px, 18px) rotate(-1deg); }
  20% {
    transform: translate(497px, 20px) rotate(1deg); }
  30% {
    transform: translate(503px, 22px) rotate(0deg); }
  40% {
    transform: translate(501px, 19px) rotate(1deg); }
  50% {
    transform: translate(499px, 22px) rotate(-1deg); }
  60% {
    transform: translate(497px, 21px) rotate(0deg); }
  70% {
    transform: translate(503px, 21px) rotate(-1deg); }
  80% {
    transform: translate(499px, 19px) rotate(1deg); }
  90% {
    transform: translate(501px, 22px) rotate(0deg); }
  100% {
    transform: translate(501px, 18px) rotate(-1deg); } }

@-webkit-keyframes shake {
  0% {
    transform: translate(501px, 21px) rotate(0deg); }
  10% {
    transform: translate(499px, 18px) rotate(-1deg); }
  20% {
    transform: translate(497px, 20px) rotate(1deg); }
  30% {
    transform: translate(503px, 22px) rotate(0deg); }
  40% {
    transform: translate(501px, 19px) rotate(1deg); }
  50% {
    transform: translate(499px, 22px) rotate(-1deg); }
  60% {
    transform: translate(497px, 21px) rotate(0deg); }
  70% {
    transform: translate(503px, 21px) rotate(-1deg); }
  80% {
    transform: translate(499px, 19px) rotate(1deg); }
  90% {
    transform: translate(501px, 22px) rotate(0deg); }
  100% {
    transform: translate(501px, 18px) rotate(-1deg); } }

@keyframes float-middle {
  0% {
    transform: translateX(0px); }
  100% {
    transform: translateX(500px); } }

@-webkit-keyframes float-middle {
  0% {
    transform: translateX(0px); }
  100% {
    transform: translateX(500px); } }

@keyframes ready {
  0% {
    transform: translateX(500px) translateY(0px); }
  100% {
    transform: translateX(500px) translateY(20px); } }

@-webkit-keyframes ready {
  0% {
    transform: translateX(500px) translateY(0px); }
  100% {
    transform: translateX(500px) translateY(20px); } }

@media only screen and (max-width: 768px) {
  .dialogue-box {
    padding: 0; } }

@media only screen and (max-width: 768px) {
  .dialogue-box {
    padding: 48px 24px !important; }
    .dialogue-box.no-humi {
      border: none;
      margin: 0;
      height: 100% !important;
      width: 100% !important; }
    .dialogue-box.has-humi {
      position: static;
      margin-top: 70px;
      min-width: 280px !important;
      width: 90% !important;
      min-height: 0; }
      .dialogue-box.has-humi .custom-button:not(.download-pdf-btn) {
        position: absolute;
        right: 4%;
        bottom: 8%; }
      .dialogue-box.has-humi .humi {
        left: 32px;
        width: 40%;
        max-width: 240px;
        bottom: 24px;
        z-index: -1; } }

@media only screen and (max-width: 360px) {
  .dialogue-box {
    padding: 32px 24px !important; }
    .dialogue-box h3 {
      font-size: 20px; }
    .dialogue-box p {
      font-size: 16px; }
    .dialogue-box.has-humi p {
      font-size: 16px; } }

.onboarding {
  position: relative;
  border-radius: 4px;
  border: 2px solid #a2ddf1;
  padding: 30px;
  background: white; }
  .onboarding.announcements {
    padding: 12px 30px; }
  .onboarding .flexed .onboarding-avatar {
    min-height: 80px;
    min-width: 80px;
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 80px;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center; }
    .onboarding .flexed .onboarding-avatar img {
      width: 64px;
      margin-top: 29px; }
      .onboarding .flexed .onboarding-avatar img.isabella-onboarding {
        margin-top: 0px;
        width: 80px;
        transform: scaleX(-1); }
  .onboarding .flexed > div:nth-of-type(2) {
    margin-right: 30px;
    width: 540px; }
    .onboarding .flexed > div:nth-of-type(2) p:last-of-type {
      margin-bottom: 0; }
  .onboarding .custom-button {
    display: flex;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    margin: 0;
    background: none;
    box-shadow: none;
    fill: #00b9cf; }

@media only screen and (max-width: 768px) {
  .linkt-container .onboarding .flexed > div:first-of-type {
    margin-right: 5vw; }
  .linkt-container .onboarding .flexed > div:nth-of-type(2) {
    max-width: 80%; } }

@media only screen and (max-width: 500px) {
  .onboarding .flexed > div:first-of-type {
    min-height: 60px;
    min-width: 60px;
    height: 60px;
    width: 60px;
    border-radius: 60px; }
    .onboarding .flexed > div:first-of-type img {
      width: 47px;
      margin-top: 23px; }
      .onboarding .flexed > div:first-of-type img.isabella-onboarding {
        margin-top: 0px;
        width: 60px;
        transform: scaleX(-1); } }

.is-rtl .onboarding .custom-button {
  right: auto;
  left: 15px; }

.is-rtl .onboarding .flexed > div:first-of-type {
  margin-left: 5vw;
  margin-right: 0; }

.is-rtl .onboarding .flexed > div:nth-of-type(2) {
  margin-left: 30px;
  margin-right: 0px; }

.bold {
  font-weight: 700; }

.ellipsify, .navbar .d3-dropdown.navbar-dropdown .dropbar-content > div, .navbar .main .dropbar .dropbar-content {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0px; }

.fa-icon-before, .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn {
  position: relative; }
  .fa-icon-before:before, .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn:before {
    position: absolute;
    font-family: FontAwesome; }

.fa-icon-after {
  position: relative; }
  .fa-icon-after:after {
    position: absolute;
    font-family: FontAwesome; }

.responsive-border {
  box-shadow: 1px 0 0 0 #cacaca, 0 1px 0 0 #cacaca, 1px 1px 0 0 #cacaca, 1px 0 0 0 #cacaca inset, 0 1px 0 0 #cacaca inset; }

.border-top {
  box-shadow: 1px 0 0 0 #cacaca; }

.h1-text,
.h2-text,
.h3-text,
.h4-text,
.h5-text {
  font-weight: bold; }

body {
  font-size: 14px; }
  body .h1-text,
  body h1 {
    font-size: 44px; }
  body .h2-text,
  body h2 {
    font-size: 32px; }
  body .h3-text,
  body h3 {
    font-size: 24px; }
  body .h4-text,
  body h4 {
    font-size: 20px; }
  body .h5-text,
  body h5 {
    font-size: 16px; }

.text-common, .info-popup {
  font-size: 14px; }

.info-popup {
  color: #4a4a4a !important;
  background-color: #f4f4f4 !important;
  font-size: 10px !important;
  border-radius: 0 !important; }

.absolute-center-all, .absolute-center-vertical, .absolute-center-horizontal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin: auto; }

.absolute-center-vertical {
  left: unset;
  right: unset;
  margin: auto 0px; }

.absolute-center-horizontal {
  top: unset;
  bottom: unset;
  margin: 0px auto; }

.flexed-header,
.flexed {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .flexed-header .custom-button,
  .flexed .custom-button {
    margin: 0px 0px 0px 15px; }
  .flexed-header.wrap,
  .flexed.wrap {
    flex-wrap: wrap; }
  .flexed-header.center-justified,
  .flexed.center-justified {
    justify-content: center; }
  .flexed-header.end-justified,
  .flexed.end-justified {
    justify-content: flex-end; }
  .flexed-header.start-justified,
  .flexed.start-justified {
    justify-content: flex-start; }
  .flexed-header.column,
  .flexed.column {
    flex-direction: column; }
  .flexed-header.start-aligned,
  .flexed.start-aligned {
    align-items: flex-start; }
  .flexed-header.end-aligned,
  .flexed.end-aligned {
    align-items: flex-end; }

.flexed-header {
  padding: 15px 0px; }
  .flexed-header.sticky {
    position: sticky;
    z-index: 2;
    background: #f4f4f4; }

.button-list {
  display: flex;
  align-items: center; }
  .button-list .custom-button:first-of-type {
    margin-left: 0px; }
  .button-list.flex-end {
    justify-content: flex-end; }
    .button-list.flex-end .custom-button:last-of-type {
      margin-right: 0px; }

.page {
  min-height: calc(100vh - 120px);
  margin: 0 auto;
  min-width: 800px; }
  .page .linkt-container > * {
    margin-bottom: 15px; }
  .page .linkt-container {
    background: white;
    padding: 24px 40px;
    margin: 8px auto 20px auto; }

@media only screen and (max-width: 768px) {
  .page {
    min-width: 0 !important;
    width: 100%; } }

.navbar-placeholder {
  width: 100%;
  height: 80px;
  position: absolute; }

img.d3-logo {
  height: 46px;
  cursor: pointer; }

.navbar {
  color: #4a4a4a;
  min-width: 769px;
  width: 100%;
  position: fixed;
  z-index: 100;
  height: 80px;
  background: white;
  left: 0;
  top: 0;
  padding: 0px 120px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .navbar .d3-dropdown .dropbar,
  .navbar .d3-dropdown.open .dropbar {
    border: none;
    min-height: 0px; }
  .navbar .d3-dropdown.open .menu {
    border-top: 1px solid #cacaca;
    top: 54.5px;
    padding: 0px; }
  .navbar .d3-dropdown .dropbar {
    align-items: center;
    text-align: center; }
    .navbar .d3-dropdown .dropbar .dropbar-content {
      max-width: 200px; }
  .navbar .sign-out {
    color: #4a4a4a;
    font-size: 18px;
    position: absolute;
    right: 30px; }
  .navbar .hamburger-menu {
    display: none;
    margin-bottom: 0;
    padding: 0;
    font-size: 18px;
    position: absolute;
    right: 10px; }
    .navbar .hamburger-menu path {
      fill: #00b9cf; }
  .navbar .navbar-link {
    font-size: 18px;
    font-weight: 700;
    text-decoration: none; }
    .navbar .navbar-link:not(:last-child) {
      margin-right: 32px; }
    .navbar .navbar-link#navbar-link-announcements {
      display: inline-flex;
      align-items: center;
      margin-right: 0px; }
      .navbar .navbar-link#navbar-link-announcements .isabella-inbox-icon {
        position: relative;
        display: flex;
        margin: 0 8px;
        width: 64px;
        border-radius: 64px;
        border: 2px solid white;
        box-shadow: 0 13px 38px 0 rgba(0, 0, 0, 0.1); }
        .navbar .navbar-link#navbar-link-announcements .isabella-inbox-icon img {
          height: 60px; }
        .navbar .navbar-link#navbar-link-announcements .isabella-inbox-icon .unread-count {
          position: absolute;
          color: white;
          background: #009681;
          width: 20px;
          height: 20px;
          border-radius: 20px;
          padding: 1px;
          font-size: 14px;
          display: flex;
          align-items: center;
          justify-content: space-around;
          right: 0;
          top: 0; }
  .navbar .dropbar,
  .navbar .menu-item {
    font-size: 16px; }
  .navbar .d3-dropdown.navbar-dropdown .menu-item {
    width: 400px;
    background: white; }
    .navbar .d3-dropdown.navbar-dropdown .menu-item:hover {
      background: #e5e8ea; }
  .navbar .d3-dropdown.navbar-dropdown .dropbar-content {
    display: flex;
    align-items: center; }
  .navbar .d3-dropdown.navbar-dropdown.open .menu {
    border: none;
    right: 70px; }
  .navbar .d3-dropdown.navbar-dropdown img {
    height: 20px;
    margin-right: 10px; }
  .navbar .main,
  .navbar .user-dropdown {
    vertical-align: middle; }
  .navbar .main {
    margin: 0 auto;
    justify-content: space-between;
    height: 100%;
    display: inline-flex;
    align-items: center; }
    .navbar .main .fa-chevron-left {
      display: none; }
    .navbar .main .inbox-text,
    .navbar .main .isabela,
    .navbar .main i.fa-chevron-left {
      display: none; }
    .navbar .main .logo-link {
      display: flex;
      width: 46px;
      left: 30px;
      position: absolute; }
      .navbar .main .logo-link img {
        height: 46px; }
    .navbar .main .d3-dropdown.studies-dropdown {
      max-width: 250px;
      min-width: 150px;
      margin-right: 15px;
      border-left: 1px solid #cacaca;
      border-right: 1px solid #cacaca; }
      .navbar .main .d3-dropdown.studies-dropdown .menu {
        left: -134px;
        display: flex;
        width: max-content; }
        .navbar .main .d3-dropdown.studies-dropdown .menu .left,
        .navbar .main .d3-dropdown.studies-dropdown .menu .right {
          border-top: none; }
        .navbar .main .d3-dropdown.studies-dropdown .menu .left {
          border-left: none; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .left .menu-item {
            min-width: 133px;
            width: 133px; }
        .navbar .main .d3-dropdown.studies-dropdown .menu .right {
          border-right: none;
          border-left: none;
          max-height: 600px; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .right tr:last-child td {
            border-bottom: none; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .right.studies {
            overflow-y: auto;
            overflow-x: hidden; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .right .menu-item {
            text-align: left;
            min-width: 229px;
            padding-left: 40px;
            position: relative; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn:before {
            top: 12px;
            left: 15px;
            font-size: 14px;
            content: '\f03a'; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .right .all-studies-user-btn:hover:before {
            font-weight: 400; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .right .test {
            position: absolute;
            left: 9px;
            bottom: 10px;
            font-size: 12px;
            color: #00b9cf; }
        .navbar .main .d3-dropdown.studies-dropdown .menu .study-user-btn {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: space-around; }
          .navbar .main .d3-dropdown.studies-dropdown .menu .study-user-btn.selected:after {
            position: absolute;
            font-family: FontAwesome;
            color: #0d60a6;
            content: '\f0da';
            right: 10px; }
    .navbar .main .inbox.underlined,
    .navbar .main .navbar-link.underlined,
    .navbar .main .d3-dropdown.underlined {
      position: relative;
      outline: none; }
      .navbar .main .inbox.underlined:after,
      .navbar .main .navbar-link.underlined:after,
      .navbar .main .d3-dropdown.underlined:after {
        position: absolute;
        content: '';
        display: block;
        width: 24px;
        height: 4px;
        border-radius: 2px;
        left: 0px;
        right: 0px;
        margin: auto;
        bottom: -7px;
        animation: render 0.2s ease-in-out;
        transform-origin: center;
        background: #4a4a4a; }
    .navbar .main .d3-dropdown.underlined td {
      color: black; }
      .navbar .main .d3-dropdown.underlined td.selected, .navbar .main .d3-dropdown.underlined td:hover {
        color: inherit; }
  .navbar .main.alt {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .navbar .main.alt > div:first-of-type {
      display: flex;
      align-items: center; }
    .navbar .main.alt div {
      height: 100%; }
    .navbar .main.alt .back-link,
    .navbar .main.alt img {
      display: inline-block;
      vertical-align: middle; }
    .navbar .main.alt .back-link {
      cursor: pointer;
      color: #1b1c1d;
      height: 60px;
      line-height: 60px; }
      .navbar .main.alt .back-link i.fa {
        margin-right: 8px; }
    .navbar .main.alt .custom-button.grey {
      margin: 0;
      position: fixed;
      right: 60px; }
  .navbar .badge {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    text-align: center;
    color: #fff;
    top: -20px; }
  .navbar .badge-red {
    background-color: #D22B2B;
    padding: 0px 12px 0 6px;
    border-radius: 50%; }

@keyframes render {
  0% {
    width: 0px; }
  100% {
    width: 24px; } }

@media only screen and (min-width: 769px) {
  .navbar .main {
    max-width: 800px;
    width: 80%; }
  .navbar .spacer-link {
    display: none; } }

@media only screen and (max-width: 768px) {
  .navbar {
    min-width: 320px;
    padding: 0 40px; }
    .navbar .d3-logo,
    .navbar .sign-out {
      display: none; }
    .navbar .hamburger-menu {
      display: block; }
    .navbar .main {
      margin: 0;
      flex-direction: row-reverse;
      width: 100%;
      min-width: 210px; }
      .navbar .main .fa-chevron-left {
        display: block;
        color: #00b9cf;
        text-decoration: none; }
      .navbar .main .links.none {
        display: none;
        pointer-events: none; }
      .navbar .main .isabela {
        display: block;
        margin-bottom: -9px;
        height: 71px;
        width: 51px; }
      .navbar .main .isabella-inbox-icon {
        margin: 0 !important; }
      .navbar .main .spacer-link {
        width: 60px;
        height: 60px; }
      .navbar .main .navbar-link {
        margin-right: 0; }
        .navbar .main .navbar-link.underlined:after {
          display: none; }
        .navbar .main .navbar-link.hidden {
          display: none !important; }
      .navbar .main .inbox-text {
        display: block;
        font-size: 18px;
        font-weight: bold; }
      .navbar .main #navbar-link-announcements span.inbox {
        display: none; }
    .navbar .none {
      display: none; } }

.is-rtl .navbar .main .logo-link {
  left: auto;
  right: 30px; }

.is-rtl .navbar .main .fa-chevron-left {
  transform: scale(-1); }

.is-rtl .navbar .sign-out {
  left: 30px;
  right: auto; }

.is-rtl .navbar .hamburger-menu {
  right: auto;
  left: 10px;
  transform: scale(-1); }

@media only screen and (max-width: 500px) {
  .navbar {
    padding: 0 8px; }
    .navbar .main .fa-chevron-left {
      margin-left: 12px; }
    .navbar .hamburger-menu {
      right: 8px; }
  .is-rtl .navbar .hamburger-menu {
    right: auto;
    left: 8px; } }

.drawer-menu {
  padding: 38px;
  width: 240px;
  height: 100%; }
  .drawer-menu img {
    width: 80px; }
  .drawer-menu .menu-links {
    align-items: start;
    position: absolute;
    top: 150px; }
    .drawer-menu .menu-links .navbar-link {
      font-size: 24px;
      font-weight: 700;
      text-decoration: none; }
      .drawer-menu .menu-links .navbar-link:not(:last-of-type) {
        margin-bottom: 24px; }
  .drawer-menu .footer {
    position: fixed;
    top: 290px;
    width: 167px; }
    .drawer-menu .footer .sign-out {
      font-size: 24px;
      height: 70px;
      width: 100%;
      text-align: left;
      padding: 0;
      margin-bottom: 0;
      background: white;
      border-radius: 0; }

.is-rtl .drawer-menu .footer .sign-out {
  text-align: right; }

.layout-container {
  min-height: 100%;
  height: 100%; }
  .layout-container .core-layout__viewport {
    display: flex;
    width: 100%;
    position: relative; }
  .layout-container.is-rtl {
    direction: rtl; }
  .layout-container.dark {
    background: #4a4a4a; }
    .layout-container.dark .websurvey-container {
      background: #252525; }
      .layout-container.dark .websurvey-container .close-bar {
        background: #252525; }
        .layout-container.dark .websurvey-container .close-bar .custom-button {
          color: #ffffff; }
      .layout-container.dark .websurvey-container .percent-meter .meter-outer {
        background: #252525; }
      .layout-container.dark .websurvey-container .survey-question {
        background: #252525;
        color: #ffffff; }
        .layout-container.dark .websurvey-container .survey-question .question-label {
          background: #252525;
          outline-color: #252525;
          color: #ffffff; }
        .layout-container.dark .websurvey-container .survey-question.va-scale .scale-container .scale .line {
          border-color: #ffffff; }
        .layout-container.dark .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .value {
          background: #252525; }
        .layout-container.dark .websurvey-container .survey-question .question-choices .choice {
          background: #252525;
          color: #ffffff; }
        .layout-container.dark .websurvey-container .survey-question textarea,
        .layout-container.dark .websurvey-container .survey-question input,
        .layout-container.dark .websurvey-container .survey-question .DayPickerInput .DayPicker {
          background: #252525 !important;
          color: #ffffff !important;
          color-scheme: dark; }
        .layout-container.dark .websurvey-container .survey-question .DayPickerInput .DayPicker {
          border: 2px solid #00b9cf; }
      .layout-container.dark .websurvey-container .make-scrollable-container {
        background: #252525; }
        .layout-container.dark .websurvey-container .make-scrollable-container .gradient {
          background: linear-gradient(0deg, #252525 0%, rgba(252, 251, 249, 0) 100%); }
      .layout-container.dark .websurvey-container .humi-lab {
        background: #252525; }
    .layout-container.dark .home.page .linkt-container {
      background: #252525; }
      .layout-container.dark .home.page .linkt-container .pending-instruments a,
      .layout-container.dark .home.page .linkt-container .calendar-instruments-list a {
        background: rgba(255, 255, 255, 0.1); }
        .layout-container.dark .home.page .linkt-container .pending-instruments a span,
        .layout-container.dark .home.page .linkt-container .calendar-instruments-list a span {
          color: #ffffff; }
      .layout-container.dark .home.page .linkt-container .pending-instruments p,
      .layout-container.dark .home.page .linkt-container .calendar-instruments-list p {
        color: #ffffff; }
      .layout-container.dark .home.page .linkt-container .onboarding {
        background: rgba(255, 255, 255, 0.1); }
        .layout-container.dark .home.page .linkt-container .onboarding p {
          color: #ffffff; }
    .layout-container.dark .login.page .humi-lab {
      background: #252525; }
    .layout-container.dark .login.page .dialogue-box {
      background: #4a4a4a; }
      .layout-container.dark .login.page .dialogue-box label,
      .layout-container.dark .login.page .dialogue-box h2,
      .layout-container.dark .login.page .dialogue-box .version,
      .layout-container.dark .login.page .dialogue-box .sub-header {
        color: #ffffff; }
    .layout-container.dark .change-password.page .humi-lab {
      background: #252525; }
    .layout-container.dark .change-password.page .dialogue-box {
      background: #4a4a4a; }
      .layout-container.dark .change-password.page .dialogue-box h3,
      .layout-container.dark .change-password.page .dialogue-box .validations,
      .layout-container.dark .change-password.page .dialogue-box .label,
      .layout-container.dark .change-password.page .dialogue-box .d3-input {
        color: #ffffff; }
    .layout-container.dark .consent-container .humi-lab {
      background: #252525; }
    .layout-container.dark .consent-container .dialogue-box {
      background: #4a4a4a; }
      .layout-container.dark .consent-container .dialogue-box h3,
      .layout-container.dark .consent-container .dialogue-box p {
        color: #ffffff; }
    .layout-container.dark .profile.page .linkt-container {
      background: #4a4a4a;
      color: #ffffff; }
      .layout-container.dark .profile.page .linkt-container .upload-input {
        background: #252525; }
        .layout-container.dark .profile.page .linkt-container .upload-input .input-container .prompt {
          color: #ffffff; }
    .layout-container.dark .announcements.page .custom-button.dark.announcement {
      background: #252525; }
      .layout-container.dark .announcements.page .custom-button.dark.announcement h4,
      .layout-container.dark .announcements.page .custom-button.dark.announcement p {
        color: #ffffff; }
      .layout-container.dark .announcements.page .custom-button.dark.announcement:not(:last-child) {
        border-bottom: 1px solid #ffffff; }
    .layout-container.dark .announcements.page .linkt-container {
      background: #252525; }
      .layout-container.dark .announcements.page .linkt-container .onboarding {
        background: rgba(255, 255, 255, 0.1); }
        .layout-container.dark .announcements.page .linkt-container .onboarding p {
          color: #ffffff; }
    .layout-container.dark .d3-modal {
      background: rgba(0, 0, 0, 0.8); }
      .layout-container.dark .d3-modal .content {
        color: #ffffff;
        background: #252525; }
        .layout-container.dark .d3-modal .content .bottom .custom-button#modal-cancel {
          margin-right: 12px; }
        .layout-container.dark .d3-modal .content .bottom .custom-button.grey {
          background: #fcfbf9;
          color: #252525; }
          .layout-container.dark .d3-modal .content .bottom .custom-button.grey:active {
            color: #007b89; }
    .layout-container.dark .upload-input .prompt .upload-button {
      color: #252525; }
    .layout-container.dark .d3-drawer {
      background: rgba(0, 0, 0, 0.8); }
      .layout-container.dark .d3-drawer .drawer-menu {
        color: #ffffff;
        background: #4a4a4a; }
        .layout-container.dark .d3-drawer .drawer-menu .footer .sign-out {
          background: none; }
  .layout-container .custom-button {
    outline-color: #a2ddf1;
    outline-width: 1px; }

@media only screen and (max-width: 768px) {
  .layout-container {
    min-width: 0 !important;
    width: 100%; }
  .humi-lab {
    display: none; } }

.home.page {
  margin-top: 120px;
  color: #4a4a4a;
  max-width: 960px; }
  .home.page .activities-title-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px; }
    .home.page .activities-title-panel .activities-modes-section {
      display: flex;
      align-items: center;
      gap: 24px; }
      .home.page .activities-title-panel .activities-modes-section .activities-mode-option {
        cursor: pointer; }
  .home.page .linkt-container {
    min-height: max-content;
    margin-top: 0;
    margin-bottom: 0;
    height: calc(100% - 32px);
    max-width: 800px; }
    .home.page .linkt-container .d3-loader-container {
      min-height: 100px; }
    .home.page .linkt-container .pending-instruments,
    .home.page .linkt-container .calendar-instruments-list {
      margin-bottom: 0px; }
      .home.page .linkt-container .pending-instruments a,
      .home.page .linkt-container .calendar-instruments-list a {
        display: flex;
        align-items: center;
        padding: 20px 30px;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
        transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
        text-decoration: none;
        background: white;
        margin-bottom: 8px;
        position: relative;
        overflow: hidden; }
        .home.page .linkt-container .pending-instruments a .status-badge,
        .home.page .linkt-container .calendar-instruments-list a .status-badge {
          background: #eb9d3e;
          position: absolute;
          width: 96px;
          height: 96px;
          border-radius: 50%;
          color: #ffffff;
          font-size: 13px;
          font-weight: 700;
          text-align: center;
          top: -24px;
          right: -24px; }
          .home.page .linkt-container .pending-instruments a .status-badge .status-badge-text,
          .home.page .linkt-container .calendar-instruments-list a .status-badge .status-badge-text {
            max-width: 60px;
            position: absolute;
            bottom: 28px;
            left: 8px; }
        .home.page .linkt-container .pending-instruments a .resume-button,
        .home.page .linkt-container .calendar-instruments-list a .resume-button {
          position: absolute;
          bottom: 4px;
          right: 12px; }
          .home.page .linkt-container .pending-instruments a .resume-button.calendar,
          .home.page .linkt-container .calendar-instruments-list a .resume-button.calendar {
            bottom: -8px; }
        .home.page .linkt-container .pending-instruments a:hover, .home.page .linkt-container .pending-instruments a:active, .home.page .linkt-container .pending-instruments a.active, .home.page .linkt-container .pending-instruments a.selected, .home.page .linkt-container .pending-instruments a:focus,
        .home.page .linkt-container .calendar-instruments-list a:hover,
        .home.page .linkt-container .calendar-instruments-list a:active,
        .home.page .linkt-container .calendar-instruments-list a.active,
        .home.page .linkt-container .calendar-instruments-list a.selected,
        .home.page .linkt-container .calendar-instruments-list a:focus {
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.22);
          transform: scale(1.01); }
        .home.page .linkt-container .pending-instruments a:last-of-type,
        .home.page .linkt-container .calendar-instruments-list a:last-of-type {
          margin-bottom: 0px; }
        .home.page .linkt-container .pending-instruments a > div,
        .home.page .linkt-container .calendar-instruments-list a > div {
          display: flex;
          position: relative;
          height: 90px;
          min-width: 0;
          width: 100%;
          flex-direction: column;
          justify-content: space-around; }
        .home.page .linkt-container .pending-instruments a .type-tag,
        .home.page .linkt-container .calendar-instruments-list a .type-tag {
          position: absolute;
          top: 0;
          font-size: 14px;
          line-height: 16px;
          border-radius: 18px;
          padding: 5px 14px; }
          .home.page .linkt-container .pending-instruments a .type-tag.survey,
          .home.page .linkt-container .calendar-instruments-list a .type-tag.survey {
            background: #ffe8d6; }
          .home.page .linkt-container .pending-instruments a .type-tag.article,
          .home.page .linkt-container .calendar-instruments-list a .type-tag.article {
            background: #e2f9f6; }
        .home.page .linkt-container .pending-instruments a span,
        .home.page .linkt-container .calendar-instruments-list a span {
          font-size: 22px;
          font-weight: bold;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .home.page .linkt-container .pending-instruments a img,
        .home.page .linkt-container .calendar-instruments-list a img {
          height: 90px;
          width: auto;
          margin-right: 12px; }
      .home.page .linkt-container .pending-instruments .expiration-tag,
      .home.page .linkt-container .calendar-instruments-list .expiration-tag {
        width: fit-content;
        position: absolute;
        bottom: -10px;
        display: flex;
        align-items: center;
        gap: 4px;
        padding: 6px 16px;
        border-radius: 8px;
        background: #00b9cf;
        color: #ffffff; }
        .home.page .linkt-container .pending-instruments .expiration-tag .expiration-icon,
        .home.page .linkt-container .calendar-instruments-list .expiration-tag .expiration-icon {
          width: 14px;
          height: 14px; }
        .home.page .linkt-container .pending-instruments .expiration-tag .expiration-text,
        .home.page .linkt-container .calendar-instruments-list .expiration-tag .expiration-text {
          font-weight: 700;
          font-size: 14px; }
    .home.page .linkt-container .no-activities {
      margin-top: 20vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around; }
      .home.page .linkt-container .no-activities img {
        margin-bottom: 24px; }
      .home.page .linkt-container .no-activities p:first-of-type {
        font-weight: bold; }
      .home.page .linkt-container .no-activities p:last-of-type {
        margin-bottom: 0;
        width: 288px;
        text-align: center; }
    .home.page .linkt-container .calendar-instruments-list {
      width: 100%; }
      .home.page .linkt-container .calendar-instruments-list .calendar-mode-header-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px; }
        .home.page .linkt-container .calendar-instruments-list .calendar-mode-header-box .calendar-mode-header {
          color: #00b9cf;
          font-size: 16px;
          font-weight: 500; }
        .home.page .linkt-container .calendar-instruments-list .calendar-mode-header-box .calendar-mode-toggle {
          display: flex;
          align-items: center;
          gap: 8px; }
          .home.page .linkt-container .calendar-instruments-list .calendar-mode-header-box .calendar-mode-toggle .calendar-mode-toggle-option {
            color: #000000;
            font-size: 16px;
            font-weight: 500;
            cursor: pointer; }
            .home.page .linkt-container .calendar-instruments-list .calendar-mode-header-box .calendar-mode-toggle .calendar-mode-toggle-option.selected {
              color: #00b9cf;
              font-weight: 900; }
          .home.page .linkt-container .calendar-instruments-list .calendar-mode-header-box .calendar-mode-toggle .calendar-mode-toggle-separator {
            width: 1px;
            height: 20px;
            background: #000000; }
      .home.page .linkt-container .calendar-instruments-list .calendar-current-month {
        color: #4a4a4a;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 12px; }
      .home.page .linkt-container .calendar-instruments-list .calendar-month-list {
        width: 100%; }
        .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item {
          width: 100%;
          cursor: pointer;
          margin-bottom: 16px; }
          .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-bottom: 8px;
            border-bottom: 1px solid #d1d5db; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel.flex-end {
              justify-content: flex-end; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel .calendar-mode-select-month-btn {
              width: 40px;
              height: 40px;
              border-radius: 50%;
              border: 1px solid #d1d5db;
              background: #fdfdfd;
              display: flex;
              align-items: center;
              justify-content: center;
              font-size: 24px;
              color: #4a4a4a;
              cursor: pointer; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel .calendar-mode-select-month-btn.left i {
                width: 18px; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel .calendar-mode-select-month-btn.right i {
                width: 13px; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel .calendar-mode-select-month-btn.disabled {
                opacity: 0.5;
                pointer-events: none; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-mode-month-panel .calendar-mode-month-content {
              display: flex;
              align-items: center;
              gap: 16px; }
          .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-name {
            font-size: 24px;
            font-weight: 700;
            color: #4a4a4a;
            text-align: right; }
          .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-day-headings {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 8px 0; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-day-headings .calendar-day-of-week-heading {
              width: 102px;
              text-align: center;
              font-size: 12px;
              color: #4a4a4a;
              font-weight: 400;
              text-transform: uppercase; }
          .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 8px 0;
            flex-wrap: wrap;
            position: relative; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded {
              position: absolute;
              width: 100%;
              min-height: 350px;
              background: #ffffff;
              border-top: 1px solid #d1d5db;
              z-index: 1;
              padding: 20px 20px 40px;
              width: 800px;
              left: -40px; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded a {
                display: flex;
                align-items: center;
                gap: 16px; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded a .instrument-icon {
                  background: #00b9cf;
                  width: 42px;
                  height: 42px;
                  border-radius: 50%;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded a .instrument-content .instrument-status-box {
                  display: flex;
                  align-items: center;
                  gap: 8px; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded a .instrument-content .instrument-status-box .type-tag {
                    position: initial; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded a .instrument-content .instrument-status-box .expiration-tag {
                    position: initial; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded a .instrument-content .instrument-title {
                  color: #4a4a4a;
                  font-size: 23px;
                  font-weight: 700; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments {
                width: 100%;
                background: #d7f0e7;
                margin-top: 14px;
                padding: 20px;
                border-radius: 6px; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-title-box {
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-title-box .completed-instruments-title {
                    color: #000000;
                    font-size: 23px;
                    font-weight: 700; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-title-box .completed-instruments-expand-btn {
                    cursor: pointer;
                    width: 42px;
                    height: 42px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #ffffff;
                    font-size: 26px;
                    background: #00b9cf;
                    border-radius: 50%; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-list {
                  margin-top: 40px; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-list .completed-instrument {
                    width: 100%;
                    margin-bottom: 24px; }
                    .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-list .completed-instrument .completed-instrument-top-section {
                      width: 100%;
                      padding: 16px 24px 6px;
                      font-size: 23px;
                      font-weight: 700;
                      color: #ffffff;
                      background: #386d9a;
                      border-top-left-radius: 6px;
                      border-top-right-radius: 6px; }
                    .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-list .completed-instrument .completed-instrument-main-section {
                      width: 100%;
                      background: #ffffff;
                      padding: 30px 30px 20px;
                      border-bottom-left-radius: 6px;
                      border-bottom-right-radius: 6px; }
                      .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-list .completed-instrument .completed-instrument-main-section .completed-instrument-status {
                        background: #3db988;
                        border-radius: 6px;
                        font-size: 14px;
                        padding: 3px 5px;
                        margin-bottom: 24px;
                        width: fit-content;
                        color: #ffffff; }
                      .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .completed-instruments .completed-instruments-list .completed-instrument .completed-instrument-main-section .completed-instrument-title {
                        color: #000000;
                        font-size: 23px;
                        font-weight: 700; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments {
                width: 100%;
                background: #e8e8e8;
                margin-top: 14px;
                padding: 20px;
                border-radius: 6px; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-title-box {
                  width: 100%;
                  display: flex;
                  align-items: center;
                  justify-content: space-between; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-title-box .expired-instruments-title {
                    color: #000000;
                    font-size: 23px;
                    font-weight: 700; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-title-box .expired-instruments-expand-btn {
                    cursor: pointer;
                    width: 42px;
                    height: 42px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #ffffff;
                    font-size: 26px;
                    background: #00b9cf;
                    border-radius: 50%; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-list {
                  margin-top: 40px; }
                  .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-list .expired-instrument {
                    width: 100%;
                    margin-bottom: 24px;
                    display: flex;
                    align-items: center;
                    gap: 16px;
                    border-radius: 6px;
                    background: #ffffff;
                    padding: 16px; }
                    .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-list .expired-instrument .expired-instrument-icon {
                      background: #cbcbcb;
                      width: 42px;
                      height: 42px;
                      border-radius: 50%;
                      display: flex;
                      align-items: center;
                      justify-content: center; }
                    .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-list .expired-instrument .expired-instrument-content {
                      width: 100%; }
                      .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-list .expired-instrument .expired-instrument-content .expired-instrument-status {
                        background: #a7aaaf;
                        border-radius: 6px;
                        font-size: 14px;
                        padding: 3px 5px;
                        margin-bottom: 24px;
                        width: fit-content;
                        color: #ffffff; }
                      .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-expanded .expired-instruments .expired-instruments-list .expired-instrument .expired-instrument-content .expired-instrument-title {
                        color: #000000;
                        font-size: 23px;
                        font-weight: 700; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-empty-state {
              padding: 50px 0;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-empty-state .calendar-day-empty-state-logo .humi-empty-state {
                width: 150px;
                height: 132px; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-empty-state .calendar-day-empty-state-text {
                font-size: 18px;
                color: #4a4a4a;
                text-align: center;
                margin-top: 56px;
                font-weight: 400; }
            .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month {
              width: 102px;
              font-weight: 700;
              color: #4a4a4a;
              font-size: 12px;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: column;
              gap: 4px;
              cursor: pointer;
              margin-bottom: 20px;
              padding: 20px 0; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month.active {
                border-top: 1px solid #d1d5db;
                border-left: 1px solid #d1d5db;
                border-right: 1px solid #d1d5db; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .small-grey-circle {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #d1d5db; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .small-red-circle {
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #dd4848; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .small-circle {
                background: #000000;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                pointer-events: none;
                cursor: initial; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .small-circle .small-circle-inner {
                  background: #ffffff;
                  width: 4px;
                  height: 4px;
                  border-radius: 50%; }
              .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .big-circle {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .big-circle svg {
                  fill: #ffffff; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .big-circle.green {
                  background: #00b9cf; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .big-circle.yellow {
                  background: #efb331; }
                .home.page .linkt-container .calendar-instruments-list .calendar-month-list .calendar-month-list-item .calendar-month-item-days .calendar-day-of-month .big-circle.red {
                  background: #dd4848; }

@media only screen and (max-width: 768px) {
  .home.page {
    margin-top: 80px; }
    .home.page .linkt-container {
      background: #eff5f4; }
      .home.page .linkt-container .no-activities {
        margin-top: 5vh; }
        .home.page .linkt-container .no-activities p {
          text-align: center; }
    .home.page > p {
      display: none; } }

@media only screen and (max-width: 500px) {
  .home.page .linkt-container {
    padding: 24px 8px; }
    .home.page .linkt-container .pending-instruments a,
    .home.page .linkt-container .calendar-instruments-list a,
    .home.page .linkt-container .onboarding {
      min-width: 300px;
      padding: 16px; }
    .home.page .linkt-container .pending-instruments a img,
    .home.page .linkt-container .calendar-instruments-list a img {
      height: 50px; }
    .home.page .linkt-container .pending-instruments a span,
    .home.page .linkt-container .calendar-instruments-list a span {
      font-size: 18px; } }

.home.page {
  margin-top: 120px;
  color: #4a4a4a;
  max-width: 960px; }
  .home.page .linkt-container {
    min-height: max-content;
    margin-top: 0;
    margin-bottom: 0;
    height: calc(100% - 32px); }
    .home.page .linkt-container .d3-loader-container {
      min-height: 100px; }
    .home.page .linkt-container .upcoming-visits {
      margin-bottom: 0px; }
      .home.page .linkt-container .upcoming-visits .upcoming-visits-title {
        font-weight: 700;
        font-size: 24px;
        color: #000000;
        margin-bottom: 24px;
        margin-left: 12px; }
      .home.page .linkt-container .upcoming-visits .visit-list-item {
        width: 100%;
        padding: 30px 12px 10px;
        border-bottom: 1px #ccc solid;
        color: #4a4a4a; }
        .home.page .linkt-container .upcoming-visits .visit-list-item .visit-date {
          font-weight: 700;
          font-size: 22px;
          margin-bottom: 16px; }
        .home.page .linkt-container .upcoming-visits .visit-list-item .visit-title {
          font-weight: 400;
          font-size: 18px; }
    .home.page .linkt-container .no-activities {
      margin-top: 20vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around; }
      .home.page .linkt-container .no-activities img {
        margin-bottom: 24px; }
      .home.page .linkt-container .no-activities p:first-of-type {
        font-weight: bold; }
      .home.page .linkt-container .no-activities p:last-of-type {
        margin-bottom: 0;
        width: 288px;
        text-align: center; }

@media only screen and (max-width: 768px) {
  .home.page {
    margin-top: 80px; }
    .home.page .linkt-container {
      background: #eff5f4; }
      .home.page .linkt-container .no-activities {
        margin-top: 5vh; }
        .home.page .linkt-container .no-activities p {
          text-align: center; }
    .home.page > p {
      display: none; } }

@media only screen and (max-width: 500px) {
  .home.page .linkt-container {
    padding: 24px 8px; } }

.consent-container {
  font-size: 18px;
  height: 100vh;
  width: 100vw;
  display: flex; }
  .consent-container .logout-btn {
    font-weight: bold;
    position: absolute;
    right: 25px;
    top: 15px; }
  .consent-container i {
    color: #00b9cf; }
  .consent-container .dialogue.has-humi {
    height: auto;
    width: 500px;
    min-width: 500px; }
  .consent-container .dialogue.no-humi {
    height: 80vh;
    max-width: 1200px;
    min-height: 80vh;
    padding-bottom: 50px;
    width: 66vw; }
  .consent-container .dialogue .download-pdf-btn {
    margin: -24px 0px 7px 0px; }
  .consent-container .dialogue.relative {
    position: relative; }
  .consent-container .dialogue.no-scroll {
    overflow: hidden; }
  .consent-container .scroll-container {
    overflow-y: auto; }
  .consent-container .top-section-buttons {
    position: absolute;
    top: 20px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px; }
    .consent-container .top-section-buttons .top-section-icon {
      cursor: pointer; }
      .consent-container .top-section-buttons .top-section-icon svg {
        width: 18px;
        height: 18px; }
        .consent-container .top-section-buttons .top-section-icon svg path {
          fill: #00b9cf; }
  .consent-container .consent-content {
    height: calc(100% - 100px);
    overflow-y: auto;
    scroll-behavior: smooth; }
  .consent-container .response-buttons .custom-button {
    font-size: 16px;
    margin-left: 0;
    min-width: 200px; }
  .consent-container .response-buttons .decline-btn {
    margin-left: 16px; }
  .consent-container .response-buttons .secondary-button {
    border: 4px solid #e8e8e87d;
    background: #fcfbf9;
    color: #00b9cf; }
    .consent-container .response-buttons .secondary-button i {
      color: #00b9cf; }
  .consent-container .response-buttons .primary-button {
    border: 4px solid #00b9cf; }
    .consent-container .response-buttons .primary-button.disabled-grey {
      border-color: #e8e8e87d; }
    .consent-container .response-buttons .primary-button i {
      color: #ffffff; }
  .consent-container .bottom-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 12px; }
  .consent-container .navigation-buttons {
    display: flex;
    align-items: center;
    gap: 32px; }
    .consent-container .navigation-buttons .secondary-button {
      border: 4px solid #e8e8e87d;
      background: #fcfbf9;
      color: #00b9cf; }
      .consent-container .navigation-buttons .secondary-button i {
        color: #00b9cf; }
    .consent-container .navigation-buttons .primary-button {
      border: 4px solid #00b9cf; }
      .consent-container .navigation-buttons .primary-button i {
        color: #ffffff; }
  .consent-container .success-text-box {
    background-color: #e0f4ec;
    left: 0;
    margin: auto;
    max-width: 35vw;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 8vh; }
    .consent-container .success-text-box p {
      color: #2e8b66;
      font-size: 18px;
      margin: 0px; }
  .consent-container .error-msg {
    color: #cb2d2d;
    font-size: 14px;
    margin-top: 10px; }
  .consent-container .consent-section .divider {
    border-bottom: 1px solid #d5d6d6;
    margin: 50px 0px; }
  .consent-container .consent-section.signature {
    font-size: 16px;
    margin-bottom: 0px; }
    .consent-container .consent-section.signature > p {
      margin-bottom: 30px; }
      .consent-container .consent-section.signature > p:first-of-type {
        font-weight: bold;
        margin-bottom: 16px; }
    .consent-container .consent-section.signature .signing-box {
      position: relative;
      width: 572px;
      display: flex;
      flex-direction: column;
      margin-bottom: 24px;
      padding: 30px;
      border-radius: 8px;
      background-color: #ffffff;
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14); }
      .consent-container .consent-section.signature .signing-box .custom-button {
        position: absolute;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        background: none;
        right: 17px;
        top: 10px;
        color: black;
        font-size: 14px;
        font-weight: bold; }
        .consent-container .consent-section.signature .signing-box .custom-button > div {
          width: 48px;
          justify-content: space-between;
          display: flex;
          align-items: center; }
        .consent-container .consent-section.signature .signing-box .custom-button svg {
          height: 9px;
          width: 9px;
          fill: black; }
      .consent-container .consent-section.signature .signing-box .signing-area {
        position: relative;
        overflow: hidden; }
        .consent-container .consent-section.signature .signing-box .signing-area:before {
          font-size: 20px;
          content: '......................................................';
          position: absolute;
          bottom: 0px;
          letter-spacing: 8px;
          bottom: 20px; }
        .consent-container .consent-section.signature .signing-box .signing-area .sigCanvas {
          cursor: crosshair; }
      .consent-container .consent-section.signature .signing-box .name-date {
        font-size: 18px; }
    .consent-container .consent-section.signature .signing-box p {
      margin-bottom: 0px; }
    .consent-container .consent-section.signature .signing-area img {
      width: 100%;
      height: auto; }

@media only screen and (max-width: 768px) {
  .humi-lab {
    display: block;
    overflow: hidden; }
  .consent-container {
    position: relative; }
    .consent-container .consent-section.signature .signing-box {
      width: 100%;
      max-width: 572px; }
    .consent-container .dialogue-box.has-humi {
      position: initial; }
      .consent-container .dialogue-box.has-humi p {
        margin-bottom: 16px; }
        .consent-container .dialogue-box.has-humi p:last-of-type {
          margin-bottom: 0; }
    .consent-container .response-buttons {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center; }
      .consent-container .response-buttons .custom-button {
        min-width: 0;
        margin-left: 0; }
        .consent-container .response-buttons .custom-button.decline-btn {
          padding: 0;
          margin-right: 24px; } }

.websurvey-container {
  position: relative;
  top: 0;
  align-items: center;
  background: #fcfbf9;
  min-height: 100vh;
  overflow-y: auto;
  width: 100vw;
  justify-content: center;
  -webkit-overflow-scrolling: touch;
  color: #4a4a4a;
  overflow-x: hidden; }
  @media (max-width: 768px) {
    .websurvey-container .websurvey-container {
      scroll-snap-type: none !important; } }
  .websurvey-container .close-bar {
    position: fixed;
    top: 30px;
    width: 100vw;
    z-index: 10;
    background: rgba(252, 251, 249, 0.88);
    height: 50px;
    display: flex;
    align-items: center; }
    .websurvey-container .close-bar .custom-button {
      font-size: 18px;
      border-radius: 0px;
      color: #4a4a4a;
      background: transparent;
      box-shadow: none;
      display: flex;
      align-items: center;
      margin: 0px 50px;
      padding: 0; }
      .websurvey-container .close-bar .custom-button .close-x {
        display: flex;
        fill: #00b9cf;
        margin-right: 18px; }
  .websurvey-container .percent-meter {
    position: fixed;
    z-index: 10; }
    .websurvey-container .percent-meter .meter-outer {
      height: 30px;
      border-radius: 0px;
      background: #fcfbf9; }
      .websurvey-container .percent-meter .meter-outer.fly {
        animation: neo-bar 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) 3.8s; }
    .websurvey-container .percent-meter .meter-inner {
      height: 100%;
      border-radius: 0px 30px 30px 0px;
      background: #a2ddf1;
      transition: all 0.5s ease-in-out; }
  .websurvey-container .question-label {
    background-color: #fcfbf9;
    outline: 1px solid #fcfbf9;
    padding: 60px 0px 32px;
    z-index: 2; }
    .websurvey-container .question-label:not(.left) {
      padding-top: 72px; }
    .websurvey-container .question-label span {
      display: block;
      word-break: break-word;
      margin-bottom: 16px; }
    .websurvey-container .question-label img {
      max-width: 100%;
      max-height: 800px; }
  .websurvey-container .make-scrollable-container {
    align-content: center;
    display: flex;
    justify-content: center;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fcfbf9; }
    .websurvey-container .make-scrollable-container .gradient {
      align-items: center;
      background: #fcfbf9;
      pointer-events: none;
      background: linear-gradient(0deg, #fcfbf9 0%, rgba(252, 251, 249, 0) 100%);
      bottom: 0.1px;
      display: flex;
      height: 12vh;
      justify-content: center;
      position: absolute;
      text-align: center;
      width: 75vw;
      z-index: 2; }
      .websurvey-container .make-scrollable-container .gradient i {
        font-size: 24px;
        color: #00b9cf; }
  .websurvey-container .survey-question-wrapper {
    display: flex;
    height: 100vh;
    justify-content: center;
    overflow: visible;
    position: relative;
    scroll-snap-align: start; }
    .websurvey-container .survey-question-wrapper .humi-lab {
      height: 100vh; }
    .websurvey-container .survey-question-wrapper > .make-scrollable-container {
      padding-top: 80px;
      height: 100%;
      margin: auto 0; }
    .websurvey-container .survey-question-wrapper ul {
      padding-inline-start: 40px; }
    .websurvey-container .survey-question-wrapper .cam-permission-help {
      position: absolute;
      z-index: 10;
      right: 24px;
      top: 36px; }
    .websurvey-container .survey-question-wrapper .review-content {
      width: 100%;
      padding: 120px 45px 80px;
      overflow-y: auto; }
      .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-title {
        padding-left: 75px;
        margin-bottom: 40px;
        color: #000000;
        font-weight: 400;
        font-size: 24px;
        line-height: 25px; }
      .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-list .review-question-box {
        margin-bottom: 28px; }
        .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-list .review-question-box .review-question-title {
          background: #ade3f4;
          border: 1px solid #d8d8d8;
          padding: 12px 12px 12px 20px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-radius: 4px;
          margin-bottom: 24px; }
          .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-list .review-question-box .review-question-title .review-question-title-text {
            color: #000000;
            font-size: 22px;
            line-height: 25px;
            font-weight: 400; }
          .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-list .review-question-box .review-question-title .review-edit-icon {
            cursor: pointer; }
        .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-list .review-question-box .review-question-answer {
          padding: 0 20px;
          color: #000000;
          font-size: 22px;
          font-weight: 400;
          display: flex; }
      .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-buttons {
        padding-left: 75px;
        margin-top: 36px;
        display: flex;
        align-items: center;
        gap: 32px; }
        .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-buttons .secondary-button {
          background: #ffffff;
          border: 4px solid #00b9cf;
          font-size: 18px;
          font-weight: 700;
          color: #00b9cf; }
        .websurvey-container .survey-question-wrapper .review-content .review-content-inner .review-content-buttons .primary-button {
          background: #00b9cf;
          border: 4px solid #00b9cf;
          font-size: 18px;
          font-weight: 700;
          color: #ffffff; }
  .websurvey-container .survey-question {
    height: 100%;
    font-size: 18px;
    background: #fcfbf9;
    align-items: flex-start;
    flex-direction: column;
    display: flex;
    justify-content: start;
    width: 75vw; }
    .websurvey-container .survey-question:not(.introduction) > *:first-child {
      margin-top: auto; }
    .websurvey-container .survey-question:not(.introduction) > *:last-child {
      margin-bottom: auto; }
    .websurvey-container .survey-question .grey,
    .websurvey-container .survey-question .next {
      font-weight: bold; }
    .websurvey-container .survey-question .next {
      width: auto; }
    .websurvey-container .survey-question h3.intro-greeting {
      font-size: 24px;
      margin-bottom: 32px; }
    .websurvey-container .survey-question textarea,
    .websurvey-container .survey-question input {
      background-color: #fcfbf9;
      border: none;
      border-bottom: 1px #00b9cf solid;
      border-radius: 0px;
      font-size: 24px;
      margin: 17px 0px 24px;
      width: 175px;
      min-height: 48px; }
      .websurvey-container .survey-question textarea.numeric,
      .websurvey-container .survey-question input.numeric {
        width: 220px; }
    .websurvey-container .survey-question textarea {
      width: 75vw; }
    .websurvey-container .survey-question .button-list {
      min-height: min-content;
      padding: 0 0 48px 0; }
      .websurvey-container .survey-question .button-list .custom-button {
        margin-bottom: 0;
        min-width: fit-content; }
      .websurvey-container .survey-question .button-list .grey {
        margin-right: 20px; }
    .websurvey-container .survey-question .checkbox {
      display: flex; }
      .websurvey-container .survey-question .checkbox .check {
        align-items: center;
        border: 4px solid #00b9cf;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
        box-sizing: border-box;
        display: flex;
        justify-content: space-around; }
        .websurvey-container .survey-question .checkbox .check .checkmark {
          border-radius: 30px;
          height: 30px;
          width: 30px;
          color: #00b9cf;
          display: none;
          z-index: 2; }
          .websurvey-container .survey-question .checkbox .check .checkmark.fa-check {
            align-items: center;
            background: #fcfbf9;
            display: none;
            font-size: 20px;
            justify-content: space-around; }
        .websurvey-container .survey-question .checkbox .check .check-transition {
          background: #00b9cf;
          filter: contrast(0.8);
          position: absolute;
          transform-origin: bottom center;
          z-index: 1; }
    .websurvey-container .survey-question.introduction {
      width: 620px;
      max-height: 50vh;
      justify-content: center;
      background: white; }
      .websurvey-container .survey-question.introduction .scroll-container {
        width: 100%;
        overflow-y: auto;
        scrollbar-width: none; }
      .websurvey-container .survey-question.introduction .scroll-container::-webkit-scrollbar {
        width: 0;
        height: 0; }
    .websurvey-container .survey-question.text .make-scrollable-container {
      flex-direction: column;
      justify-content: flex-start; }
    .websurvey-container .survey-question.select.has-image {
      flex-direction: row;
      align-items: flex-start; }
    .websurvey-container .survey-question.select .question-label:not(.left) {
      padding-top: 72px; }
    .websurvey-container .survey-question.select .question-label.left {
      width: 50%;
      display: flex;
      flex-direction: column;
      margin-top: auto;
      margin-right: 20px;
      margin-bottom: auto;
      justify-content: start;
      align-self: flex-start; }
      .websurvey-container .survey-question.select .question-label.left > *:first-child {
        margin-top: auto; }
      .websurvey-container .survey-question.select .question-label.left > *:last-child {
        margin-bottom: auto; }
      .websurvey-container .survey-question.select .question-label.left img {
        align-self: flex-start;
        max-width: 100%;
        max-height: 70%; }
    .websurvey-container .survey-question.select .question-choices {
      width: 100%; }
      .websurvey-container .survey-question.select .question-choices .choice {
        width: 100%;
        word-break: break-word;
        background: #fcfbf9;
        transition: background 0.1s ease-in-out; }
        .websurvey-container .survey-question.select .question-choices .choice:first-of-type {
          margin-top: 23px; }
        .websurvey-container .survey-question.select .question-choices .choice:last-of-type {
          margin-bottom: 23px; }
        .websurvey-container .survey-question.select .question-choices .choice.column.selected, .websurvey-container .survey-question.select .question-choices .choice.right.selected {
          padding: 22px; }
        .websurvey-container .survey-question.select .question-choices .choice .text {
          width: 100%; }
          .websurvey-container .survey-question.select .question-choices .choice .text.no-img {
            text-align: left; }
        .websurvey-container .survey-question.select .question-choices .choice.no-icon.selected {
          background: #e2f3ff;
          font-weight: 600;
          color: #00b9cf; }
      .websurvey-container .survey-question.select .question-choices.right {
        width: 50%;
        margin-top: auto;
        padding-top: 60px; }
        .websurvey-container .survey-question.select .question-choices.right .make-scrollable-container .gradient {
          width: 32.1%; }
        .websurvey-container .survey-question.select .question-choices.right .make-scrollable-container .choice:first-of-type {
          margin-top: auto; }
      .websurvey-container .survey-question.select .question-choices .make-scrollable-container {
        flex-direction: column;
        margin-top: 0;
        justify-content: flex-start;
        padding: 1px;
        min-height: fit-content;
        overflow: visible; }
        .websurvey-container .survey-question.select .question-choices .make-scrollable-container .button-list {
          margin-bottom: auto;
          padding-bottom: 24px; }
    .websurvey-container .survey-question.select .choice,
    .websurvey-container .survey-question.select p.question-label {
      width: 75vw; }
    .websurvey-container .survey-question.select .button-list {
      margin-top: 19px; }
    .websurvey-container .survey-question.select.one .choice .check {
      border-radius: 40px; }
      .websurvey-container .survey-question.select.one .choice .check .check-transition {
        border-radius: 40px; }
    .websurvey-container .survey-question.select.multiple .choice .check {
      border-radius: 8px; }
      .websurvey-container .survey-question.select.multiple .choice .check .check-transition {
        border-radius: 8px; }
    .websurvey-container .survey-question .question-choices {
      display: flex;
      flex-direction: column; }
      .websurvey-container .survey-question .question-choices .choice {
        color: #4a4a4a;
        font-weight: normal;
        border-radius: 0px;
        display: flex;
        align-items: center;
        height: auto;
        min-height: fit-content;
        background: #fcfbf9;
        border: 1px solid #e8e8e8;
        box-shadow: none;
        margin: 5px 0px 5px 0px;
        padding: 26px; }
        .websurvey-container .survey-question .question-choices .choice.column {
          height: auto;
          flex-direction: column;
          padding: 24px; }
          .websurvey-container .survey-question .question-choices .choice.column .checkbox {
            margin: 10px 0 0; }
            .websurvey-container .survey-question .question-choices .choice.column .checkbox .check {
              margin: 0; }
        .websurvey-container .survey-question .question-choices .choice img {
          max-width: 80%;
          max-height: 150px;
          margin-bottom: 10px; }
        .websurvey-container .survey-question .question-choices .choice .checkbox {
          margin-right: 20px; }
          .websurvey-container .survey-question .question-choices .choice .checkbox .check {
            background: #00b9cf;
            height: 40px;
            width: 40px; }
            .websurvey-container .survey-question .question-choices .choice .checkbox .check .check-transition {
              height: 40px;
              width: 40px; }
            .websurvey-container .survey-question .question-choices .choice .checkbox .check .checkmark {
              border: 5px solid #fcfbf9; }
              .websurvey-container .survey-question .question-choices .choice .checkbox .check .checkmark.fa-check {
                border-radius: 4px;
                height: 32px;
                width: 32px; }
        .websurvey-container .survey-question .question-choices .choice.selecting .check-transition {
          animation: selecting 0.15s ease-out; }
        .websurvey-container .survey-question .question-choices .choice.selecting .checkmark {
          animation-name: selecting;
          animation-duration: 0.15s;
          animation-timing-function: ease-out;
          animation-delay: 0.15s;
          animation-fill-mode: backwards; }
        .websurvey-container .survey-question .question-choices .choice.deselecting .check-transition {
          animation: selecting 0.1s ease-out 0.1s;
          animation-direction: reverse; }
        .websurvey-container .survey-question .question-choices .choice.deselecting .checkmark {
          display: flex !important;
          animation-name: selecting;
          animation-duration: 0.1s;
          animation-timing-function: ease-out;
          animation-fill-mode: forwards;
          animation-direction: reverse; }
        .websurvey-container .survey-question .question-choices .choice:hover, .websurvey-container .survey-question .question-choices .choice:active, .websurvey-container .survey-question .question-choices .choice.active, .websurvey-container .survey-question .question-choices .choice.selected {
          filter: contrast(100%); }
        .websurvey-container .survey-question .question-choices .choice:hover {
          border: 1px solid #00b9cf;
          background: #fcfbf9; }
        .websurvey-container .survey-question .question-choices .choice.selected {
          padding: 24px;
          border: 3px solid #00b9cf;
          background: #fcfbf9; }
          .websurvey-container .survey-question .question-choices .choice.selected .checkmark {
            display: flex !important; }
    .websurvey-container .survey-question.numeric .input-units-row {
      align-items: center;
      display: flex;
      min-height: fit-content; }
    .websurvey-container .survey-question.numeric .units {
      color: #00b9cf;
      font-size: 22px;
      margin: 0px 0px 6px 10px; }
    .websurvey-container .survey-question.likert {
      width: 75vw; }
      .websurvey-container .survey-question.likert p {
        width: inherit; }
      .websurvey-container .survey-question.likert .likert-label {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: inherit;
        margin-bottom: 42px; }
        .websurvey-container .survey-question.likert .likert-label span {
          color: #00b9cf;
          font-size: 18px;
          max-width: 90px; }
        .websurvey-container .survey-question.likert .likert-label .right {
          text-align: right; }
      .websurvey-container .survey-question.likert.five .likert-choices {
        margin-bottom: 42px; }
      .websurvey-container .survey-question.likert.seven .likert-label span {
        word-break: break-word; }
      .websurvey-container .survey-question.likert .likert-choices {
        display: flex;
        flex-direction: row;
        gap: 16px;
        width: 75vw;
        justify-content: space-between;
        min-height: fit-content; }
        .websurvey-container .survey-question.likert .likert-choices .label-container {
          align-items: center;
          display: flex;
          flex-direction: column;
          flex: 1; }
        .websurvey-container .survey-question.likert .likert-choices p {
          color: #00b9cf;
          font-size: 18px;
          text-align: center;
          hyphens: auto; }
        .websurvey-container .survey-question.likert .likert-choices button {
          margin: 20px 0px 16px 0px; }
        .websurvey-container .survey-question.likert .likert-choices .choice {
          position: relative;
          align-items: center;
          display: flex;
          justify-content: center;
          padding: 0px;
          background: #fcfbf9;
          box-shadow: none;
          height: 70px;
          width: 70px;
          max-height: 70px;
          max-width: 70px;
          outline: none; }
          .websurvey-container .survey-question.likert .likert-choices .choice span {
            position: absolute;
            color: white; }
            .websurvey-container .survey-question.likert .likert-choices .choice span.selected {
              color: #00b9cf;
              z-index: 3; }
          .websurvey-container .survey-question.likert .likert-choices .choice .checkbox {
            max-height: 70px;
            max-width: 70px; }
            .websurvey-container .survey-question.likert .likert-choices .choice .checkbox .check {
              background: #00b9cf;
              border-radius: 60px;
              height: 60px;
              margin: 0px;
              max-height: 60px;
              max-width: 60px;
              width: 60px; }
              .websurvey-container .survey-question.likert .likert-choices .choice .checkbox .check .check-transition {
                border-radius: 60px;
                height: 60px;
                max-height: 60px;
                max-width: 60px;
                width: 60px; }
              .websurvey-container .survey-question.likert .likert-choices .choice .checkbox .check .checkmark {
                background: #fcfbf9;
                border-radius: 50px;
                height: 50px;
                max-height: 50px;
                max-width: 50px;
                width: 50px; }
    .websurvey-container .survey-question.numeric-rating-scale {
      width: 75vw; }
      .websurvey-container .survey-question.numeric-rating-scale .question-label img {
        align-self: flex-start;
        max-width: 100%;
        max-height: 70%; }
      .websurvey-container .survey-question.numeric-rating-scale p {
        width: inherit; }
      .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices {
        background-color: #00b9cf;
        border-radius: 8px;
        display: flex;
        flex-direction: row;
        height: 72px;
        min-height: 72px;
        justify-content: space-between;
        width: 75vw;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14); }
        .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container {
          align-items: center;
          display: flex;
          flex-direction: column;
          flex: 1;
          position: relative; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container .label-cell {
            position: absolute;
            top: 105px; }
            .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container .label-cell p {
              color: #00b9cf;
              font-size: 18px;
              text-align: center;
              margin-top: 12px;
              word-break: break-word; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:first-of-type .label-cell {
            left: 0; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:first-of-type .arrow-up {
            align-self: start; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:first-of-type .label-cell p {
            text-align: left; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:last-of-type .label-cell {
            right: 0; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:last-of-type .label-cell p {
            text-align: right; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:last-of-type button:after {
            border: none; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .label-container:last-of-type .arrow-up {
            align-self: flex-end; }
        .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices.disabled {
          background-color: #d1d5db; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices.disabled .label-container .choice {
            background: #d1d5db; }
        .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .arrow-up {
          border-bottom: 12px solid #00b9cf;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent;
          height: 0;
          position: absolute;
          bottom: -20px;
          width: 0; }
        .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice {
          align-items: center;
          display: flex;
          justify-content: center;
          padding: 0px;
          box-shadow: none;
          border-radius: 0px;
          width: 100%;
          height: 60px;
          margin: 5px 0px; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice:focus {
            outline-offset: 3px;
            z-index: 2; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice span {
            position: absolute;
            color: white; }
            .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice span.selected {
              color: #00b9cf;
              z-index: 3; }
          .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice .checkbox {
            width: 100%;
            height: 60px; }
            .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice .checkbox .check {
              border: none;
              height: 100%;
              margin: 0px;
              width: 100%; }
              .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice .checkbox .check .check-transition {
                border-radius: 8px;
                height: 100%;
                width: 100%; }
              .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .choice .checkbox .check .checkmark {
                background: #fcfbf9;
                border-radius: 8px;
                height: 110%;
                margin-top: 2px;
                margin: 2px;
                width: 100%; }
        .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices button:after {
          border-right: 2px white solid;
          bottom: 0;
          content: '';
          height: 50px;
          left: 0;
          width: 2px; }
      .websurvey-container .survey-question.numeric-rating-scale .label-row {
        align-items: center;
        display: flex;
        margin: 40px 0px 70px 0px;
        justify-content: center;
        flex-direction: column;
        flex-direction: row;
        width: 100%; }
        .websurvey-container .survey-question.numeric-rating-scale .label-row .label-cell {
          text-align: center;
          flex: 1 1 auto;
          color: #00b9cf; }
          .websurvey-container .survey-question.numeric-rating-scale .label-row .label-cell:first-of-type {
            text-align: start; }
          .websurvey-container .survey-question.numeric-rating-scale .label-row .label-cell:last-of-type {
            text-align: end; }
      .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper {
        margin-bottom: 60px; }
        .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper .checkbox {
          align-items: center;
          gap: 34px; }
          .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper .checkbox .check {
            background: #00b9cf;
            border-radius: 16px;
            height: 50px;
            min-width: 50px;
            width: 50px; }
            .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper .checkbox .check .checkmark.fa-check {
              border-radius: 12px;
              height: 40px;
              width: 40px; }
            .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper .checkbox .check.checked .checkmark {
              display: flex; }
              .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper .checkbox .check.checked .checkmark.fa-check {
                display: flex; }
    .websurvey-container .survey-question.text-entry .character-count-row.responsive {
      display: none; }
    .websurvey-container .survey-question.vas-horizontal .vas-container {
      width: 100%;
      margin: 20px auto;
      text-align: center; }
    .websurvey-container .survey-question.vas-horizontal .vas-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 20px; }
    .websurvey-container .survey-question.vas-horizontal .vas-clear {
      color: #00b9cf;
      cursor: pointer; }
    .websurvey-container .survey-question.vas-horizontal .vas-top-values {
      width: 100%;
      display: flex;
      justify-content: space-between;
      margin: 10px auto; }
    .websurvey-container .survey-question.vas-horizontal .vas-slider {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      margin: 20px 0; }
      .websurvey-container .survey-question.vas-horizontal .vas-slider::before, .websurvey-container .survey-question.vas-horizontal .vas-slider::after {
        content: '';
        width: 2px;
        height: 15px;
        background: #4a4a4a;
        position: absolute; }
      .websurvey-container .survey-question.vas-horizontal .vas-slider::before {
        left: 0;
        bottom: 25px; }
      .websurvey-container .survey-question.vas-horizontal .vas-slider::after {
        right: 0;
        bottom: 25px; }
      .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input {
        width: 100%;
        margin: 0;
        padding: 0;
        -webkit-appearance: none;
        appearance: none;
        background: transparent;
        height: 5px;
        outline: none;
        border: none;
        z-index: 2; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-webkit-slider-runnable-track {
          width: 100%;
          height: 2px;
          background: #4a4a4a;
          border-radius: 2px; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-webkit-slider-thumb {
          -webkit-appearance: none;
          appearance: none;
          width: 20px;
          height: 20px;
          background: #00b9cf;
          cursor: pointer;
          border-radius: 50%;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          margin-top: -9px;
          display: none;
          z-index: 10; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input.show-thumb::-webkit-slider-thumb {
          display: block; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-moz-range-track {
          width: 100%;
          height: 2px;
          background: #e0e0e0;
          border-radius: 2px; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-moz-range-thumb {
          width: 20px;
          height: 20px;
          background: #00b9cf;
          cursor: pointer;
          border-radius: 50%;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          display: none;
          z-index: 10; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input.show-thumb::-moz-range-thumb {
          display: block; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-ms-track {
          width: 100%;
          height: 2px;
          background: transparent;
          /* Required for proper track rendering */
          border-color: transparent;
          color: transparent; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-ms-fill-lower {
          background: #e0e0e0;
          border-radius: 2px; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-ms-fill-upper {
          background: #e0e0e0;
          border-radius: 2px; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input::-ms-thumb {
          width: 20px;
          height: 20px;
          background: #00b9cf;
          cursor: pointer;
          border-radius: 50%;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          display: none;
          z-index: 10; }
        .websurvey-container .survey-question.vas-horizontal .vas-slider .vas-input.show-thumb::-ms-thumb {
          display: block; }
    .websurvey-container .survey-question.vas-horizontal .vas-labels {
      display: flex;
      justify-content: space-between;
      margin-top: 20px; }
    .websurvey-container .survey-question.timer .timer-container {
      align-self: center; }
      .websurvey-container .survey-question.timer .timer-container .timer-audio {
        width: 400px;
        max-height: 50vh;
        background: white;
        padding: 2em; }
        .websurvey-container .survey-question.timer .timer-container .timer-audio .scroll-container {
          width: 100%;
          overflow-y: auto;
          scrollbar-width: none;
          display: flex;
          overflow-y: auto;
          justify-content: space-between;
          grid-column: auto;
          text-align: center;
          flex-direction: column;
          height: 359px; }
        .websurvey-container .survey-question.timer .timer-container .timer-audio .play-sound {
          outline-width: 0; }
        .websurvey-container .survey-question.timer .timer-container .timer-audio .audio-ok {
          border-radius: 30px; }
        .websurvey-container .survey-question.timer .timer-container .timer-audio .scroll-container::-webkit-scrollbar {
          width: 0;
          height: 0; }
      .websurvey-container .survey-question.timer .timer-container .time-handler {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 450px;
        justify-content: space-between; }
        .websurvey-container .survey-question.timer .timer-container .time-handler .custom-button {
          background: #48c294;
          outline-color: #48c294;
          width: 150px;
          border-radius: 30px; }
        .websurvey-container .survey-question.timer .timer-container .time-handler .timer-loader-container {
          position: relative;
          width: 200px;
          height: 200px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          .websurvey-container .survey-question.timer .timer-container .time-handler .timer-loader-container .time-display {
            z-index: 10; }
          .websurvey-container .survey-question.timer .timer-container .time-handler .timer-loader-container .circle {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: conic-gradient(#ffc107 0%, #e0e0e0 0%);
            transition: background 1s linear;
            display: flex;
            align-items: center;
            justify-content: center; }
          .websurvey-container .survey-question.timer .timer-container .time-handler .timer-loader-container .circle::before {
            content: '';
            position: absolute;
            width: 80%;
            height: 80%;
            border-radius: 50%;
            background: #fff; }
    .websurvey-container .survey-question.image-capture .question-label {
      padding: 0px; }
    .websurvey-container .survey-question.image-capture .image-content {
      margin: 0px 24px 50px; }
      .websurvey-container .survey-question.image-capture .image-content .sample-images {
        margin-bottom: 16px; }
        .websurvey-container .survey-question.image-capture .image-content .sample-images .custom-button {
          font-weight: 600;
          color: black;
          margin: 0px 0px 6px 0px; }
        .websurvey-container .survey-question.image-capture .image-content .sample-images img {
          width: 100px;
          height: 100px;
          margin-right: 8px;
          border-radius: 8px; }
      .websurvey-container .survey-question.image-capture .image-content .upload-buttons {
        margin-right: 24px;
        overflow-x: scroll; }
    .websurvey-container .survey-question.image-capture .bottom-elements {
      width: 100%; }
      .websurvey-container .survey-question.image-capture .bottom-elements .instructions {
        height: 192px;
        margin-bottom: 20px;
        border: solid 1px #d1d5db;
        background-color: white;
        padding: 24px; }
        .websurvey-container .survey-question.image-capture .bottom-elements .instructions span {
          color: #9b9b9b;
          margin-bottom: 13px; }
    .websurvey-container .survey-question.multiple-field {
      height: 60vh; }
      .websurvey-container .survey-question.multiple-field .choices-container {
        max-height: 50vh; }
        .websurvey-container .survey-question.multiple-field .choices-container > * {
          width: 100%; }
        .websurvey-container .survey-question.multiple-field .choices-container .d3-input {
          display: flex;
          margin-top: 17px; }
          .websurvey-container .survey-question.multiple-field .choices-container .d3-input input {
            margin: 0;
            width: 30vw !important;
            min-width: 30vw !important; }
          .websurvey-container .survey-question.multiple-field .choices-container .d3-input .posttext {
            word-break: break-all;
            align-self: center; }
          .websurvey-container .survey-question.multiple-field .choices-container .d3-input.short input {
            width: 14vw !important;
            min-width: 14vw !important; }
          .websurvey-container .survey-question.multiple-field .choices-container .d3-input.long {
            flex-direction: column; }
            .websurvey-container .survey-question.multiple-field .choices-container .d3-input.long input {
              width: 75vw !important; }
            .websurvey-container .survey-question.multiple-field .choices-container .d3-input.long .posttext {
              display: block;
              margin: 16px 0 0 0;
              align-self: start; }
      .websurvey-container .survey-question.multiple-field .question-label {
        background-color: #fcfbf9;
        width: 75vw; }
      .websurvey-container .survey-question.multiple-field .posttext {
        color: #00b9cf;
        font-weight: bold; }
      .websurvey-container .survey-question.multiple-field .button-list {
        margin-top: 30px; }
    .websurvey-container .survey-question.datetime .input-row {
      display: flex;
      min-height: fit-content; }
      .websurvey-container .survey-question.datetime .input-row .d3-input.time-input {
        display: flex; }
        .websurvey-container .survey-question.datetime .input-row .d3-input.time-input input {
          margin-top: auto; }
    .websurvey-container .survey-question .date-picker {
      min-width: 280px; }
    .websurvey-container .survey-question.va-scale .scale-container {
      margin-top: 50px;
      margin-bottom: 50px;
      position: relative; }
      .websurvey-container .survey-question.va-scale .scale-container input[type='range'] {
        bottom: 0;
        left: -176px;
        opacity: 0;
        padding: 0px;
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(270deg);
        width: 466px;
        -webkit-tap-highlight-color: transparent; }
      .websurvey-container .survey-question.va-scale .scale-container .handle {
        border-bottom: 6px solid transparent;
        border-left: 22px solid #a2ddf1;
        border-top: 6px solid transparent;
        height: 0px;
        left: 35px;
        position: absolute;
        top: -6px;
        width: 0px; }
        .websurvey-container .survey-question.va-scale .scale-container .handle.right {
          left: 57px;
          transform: rotate(180deg); }
      .websurvey-container .survey-question.va-scale .scale-container strong {
        font-size: 14px;
        position: absolute; }
        .websurvey-container .survey-question.va-scale .scale-container strong.right {
          left: 90px;
          width: 65vw; }
        .websurvey-container .survey-question.va-scale .scale-container strong.top {
          top: -9px; }
        .websurvey-container .survey-question.va-scale .scale-container strong.bottom {
          bottom: -3px; }
          .websurvey-container .survey-question.va-scale .scale-container strong.bottom.left {
            left: 17px; }
      .websurvey-container .survey-question.va-scale .scale-container .scale {
        width: 114px; }
        .websurvey-container .survey-question.va-scale .scale-container .scale .line {
          border-top: 1px solid black;
          height: 1px;
          width: 36px;
          margin-bottom: 3.5px; }
          .websurvey-container .survey-question.va-scale .scale-container .scale .line.short {
            width: 8px; }
          .websurvey-container .survey-question.va-scale .scale-container .scale .line.medium {
            width: 16px; }
      .websurvey-container .survey-question.va-scale .scale-container .specify-value-container {
        border-radius: 6px;
        position: absolute;
        text-align: center;
        top: 104px;
        left: 170px;
        padding: 24px;
        min-height: 200px;
        width: 200px; }
        .websurvey-container .survey-question.va-scale .scale-container .specify-value-container.highlighted {
          border: 2px solid #00b9cf; }
        .websurvey-container .survey-question.va-scale .scale-container .specify-value-container span {
          max-width: 180px; }
        .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .hint {
          word-break: break-word;
          font-size: 16px;
          font-weight: 700;
          margin-bottom: 10px;
          max-width: 150px; }
        .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .value {
          background-color: #d1d5db;
          border-radius: 2px;
          height: 50px;
          width: 60px; }
          .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .value input {
            -moz-appearance: textfield;
            background-color: transparent;
            border: none;
            font-size: 18px;
            margin: 0;
            padding: 0;
            text-align: center;
            width: 45px; }
            .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .value input::-webkit-inner-spin-button, .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .value input::-webkit-outer-spin-button {
              -webkit-appearance: none;
              margin: 0; }
        .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .custom-button {
          background-color: transparent;
          box-shadow: none;
          margin: 0 0 1px;
          padding: 0px 23px;
          z-index: 2; }
          .websurvey-container .survey-question.va-scale .scale-container .specify-value-container .custom-button i {
            color: #00b9cf;
            font-size: 22px;
            margin: 0;
            transform: scale(2); }
    .websurvey-container .survey-question.va-scale-2021 .scale-container {
      margin-left: 50%;
      margin-top: 40px;
      margin-bottom: 40px; }
      .websurvey-container .survey-question.va-scale-2021 .scale-container .specify-value-container {
        left: 0;
        transform: translateX(-100%); }
      .websurvey-container .survey-question.va-scale-2021 .scale-container strong.right {
        text-align: center;
        left: 57px;
        transform: translateX(-50%);
        max-width: max-content; }
      .websurvey-container .survey-question.va-scale-2021 .scale-container .top.right {
        top: inherit;
        bottom: calc(100% + 24px); }
      .websurvey-container .survey-question.va-scale-2021 .scale-container .bottom.right {
        top: calc(100% + 16px); }
    .websurvey-container .survey-question .text-prompt {
      margin-bottom: 24px; }
    .websurvey-container .survey-question .character-count-row {
      align-items: center;
      position: relative;
      display: flex;
      justify-content: space-between;
      width: 75vw;
      min-height: fit-content; }
      .websurvey-container .survey-question .character-count-row .character-count {
        position: absolute;
        color: #00b9cf;
        font-size: 14px;
        top: 0;
        right: 0; }
    .websurvey-container .survey-question.scribble-entry .signing-area {
      margin-bottom: 32px;
      border: 1px solid #e9e6ee;
      border-radius: 4px;
      position: relative; }
      .websurvey-container .survey-question.scribble-entry .signing-area .signing-area-clear-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        display: flex;
        align-items: center;
        gap: 6px;
        cursor: pointer; }
        .websurvey-container .survey-question.scribble-entry .signing-area .signing-area-clear-btn .clear-text {
          font-weight: 600;
          font-size: 12px; }
        .websurvey-container .survey-question.scribble-entry .signing-area .signing-area-clear-btn .clear-icon svg {
          width: 12px;
          height: 12px; }
    .websurvey-container .survey-question.audio-entry .audio-recording-box {
      width: 100%;
      border-radius: 4px;
      border: 1px solid #d8d8d8;
      background: #ffffff;
      padding: 32px;
      margin-bottom: 32px; }
      .websurvey-container .survey-question.audio-entry .audio-recording-box .audio-recording-inner {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .websurvey-container .survey-question.audio-entry .audio-recording-box .audio-recording-inner .audio-title-box {
          display: flex;
          align-items: center;
          gap: 8px; }
          .websurvey-container .survey-question.audio-entry .audio-recording-box .audio-recording-inner .audio-title-box .audio-title-icon svg {
            height: 20px; }
          .websurvey-container .survey-question.audio-entry .audio-recording-box .audio-recording-inner .audio-title-box .audio-title-text {
            font-size: 16px; }
        .websurvey-container .survey-question.audio-entry .audio-recording-box .audio-recording-inner .audio-countdown {
          font-size: 24px; }

.choice.selecting .check-transition {
  animation: selecting 0.15s ease-out; }

.choice.selecting .checkmark {
  animation-name: selecting;
  animation-duration: 0.15s;
  animation-timing-function: ease-ou;
  animation-delay: 0.15s;
  animation-fill-mode: backwards; }

.choice.deselecting .check-transition {
  animation: selecting 0.1s ease-out 0.1s;
  animation-direction: reverse; }

.choice.deselecting .checkmark {
  display: block !important;
  animation-name: selecting;
  animation-duration: 0.1s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-direction: reverse; }

.choice:hover, .choice:active, .choice.active, .choice.selected {
  filter: contrast(100%); }

.choice:hover .check, .choice:focus .check {
  filter: contrast(150%); }

.choice.selected {
  padding: 0px; }
  .choice.selected .checkmark {
    display: block !important; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes selecting {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes selecting {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@media screen and (min-width: 1024px) {
  .websurvey-container .survey-question.image-capture .image-content .upload-buttons {
    margin-right: 24px;
    width: 800px; }
    .websurvey-container .survey-question.image-capture .image-content .upload-buttons .camera-button {
      text-align: center;
      box-sizing: content-box;
      width: 26vw;
      min-width: 26vw;
      height: 26vw;
      margin-right: 2vw;
      font-size: 2vw; }
      .websurvey-container .survey-question.image-capture .image-content .upload-buttons .camera-button i {
        margin-bottom: 2vw;
        margin-right: 0px;
        font-size: 3vw;
        text-align: center; } }

@media screen and (min-width: 1440px) {
  .websurvey-container .survey-question.image-capture .image-content .upload-buttons {
    margin-right: 24px;
    width: 1100px; }
    .websurvey-container .survey-question.image-capture .image-content .upload-buttons .camera-button {
      text-align: center;
      box-sizing: content-box;
      width: 26vw;
      min-width: 26vw;
      height: 26vw;
      margin-right: 2vw;
      font-size: 2vw; }
      .websurvey-container .survey-question.image-capture .image-content .upload-buttons .camera-button i {
        margin-bottom: 2vw;
        margin-right: 0px;
        font-size: 3vw;
        text-align: center; } }

@media only screen and (max-width: 1024px) {
  .websurvey-container {
    height: calc(100vh - 60px);
    height: calc(var(--vh, 1vh) * 100 - 60px); }
    .websurvey-container .survey-question-wrapper {
      height: calc(100vh - 60px);
      height: calc(var(--vh, 1vh) * 100 - 60px); }
    .websurvey-container .close-bar {
      top: 90px; }
      .websurvey-container .close-bar .custom-button {
        margin: 0; }
        .websurvey-container .close-bar .custom-button:first-of-type {
          margin-left: 24px; }
        .websurvey-container .close-bar .custom-button:last-of-type {
          margin-right: 24px; }
        .websurvey-container .close-bar .custom-button .close-x {
          margin: 0; }
        .websurvey-container .close-bar .custom-button span {
          display: none; }
    .websurvey-container .survey-question-wrapper {
      position: relative; }
      .websurvey-container .survey-question-wrapper .question-label {
        padding-bottom: 16px !important;
        border-bottom: 1px solid #e8e8e8; }
      .websurvey-container .survey-question-wrapper .comments {
        margin-top: 24px !important;
        margin-bottom: 0px !important; }
      .websurvey-container .survey-question-wrapper .button-list {
        justify-content: space-between;
        margin-bottom: 0 !important;
        background: white;
        padding: 12px 24px 12px 0;
        padding-bottom: 12px !important; }
      .websurvey-container .survey-question-wrapper > .make-scrollable-container {
        margin-top: 0px !important;
        padding-top: 100px !important;
        height: 100% !important;
        width: 100%;
        max-height: 100%; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .gradient {
          width: 100% !important;
          bottom: 0; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .make-scrollable-container {
          min-height: 100%;
          width: 100%; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .make-scrollable-container {
          min-height: 100%; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .choice:not(.matrix) {
          margin-left: 24px;
          margin-right: 24px;
          width: calc(100% - 48px); }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .choice:not(.matrix):first-of-type {
            margin-top: 0; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .choice:not(.matrix):last-of-type {
            margin-bottom: 10px; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question > .make-scrollable-container {
          justify-content: space-between;
          overflow: visible; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-label {
          padding: 60px 24px 16px;
          min-height: fit-content; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question > *:not(.custom-width) {
          width: 100%; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field {
          height: 100%; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container {
            height: calc(100% - 50px);
            max-height: 100%; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container > div {
              width: 100%; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input {
              word-break: break-word; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input input {
                width: 80vw !important;
                height: 35px !important;
                min-height: 35px; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input span {
                margin-right: 0; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input span.posttext {
                  width: 100% !important; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input.long input {
                width: 100% !important;
                margin-bottom: 8px; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input.long .posttext {
                margin: 0;
                width: 100% !important; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input.short input {
                width: 20vw !important; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.scribble .d3-signing-box {
          margin: 14px 24px 24px;
          width: calc(100% - 48px);
          max-width: 762px; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.consent-signature .d3-signing-box {
          width: 90vw; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.consent-signature .d3-input {
          width: 90vw !important; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.consent-signature .consent-image {
          width: 90vw; }
    .websurvey-container .survey-question.image-capture .image-content {
      margin: 0px 24px 60px; }
      .websurvey-container .survey-question.image-capture .image-content .sample-images {
        margin-bottom: 16px; }
        .websurvey-container .survey-question.image-capture .image-content .sample-images .custom-button {
          font-weight: 600;
          color: black;
          margin: 0px 0px 6px 0px; }
        .websurvey-container .survey-question.image-capture .image-content .sample-images img {
          max-width: 100px;
          max-height: 100px;
          margin-right: 8px;
          border-radius: 8px; }
      .websurvey-container .survey-question.image-capture .image-content .upload-buttons {
        margin-right: 24px; }
        .websurvey-container .survey-question.image-capture .image-content .upload-buttons .camera-button {
          box-sizing: content-box;
          width: 26vw;
          min-width: 26vw;
          height: 26vw;
          margin-right: 2vw;
          font-size: 2vw; }
          .websurvey-container .survey-question.image-capture .image-content .upload-buttons .camera-button i {
            margin-bottom: 2vw;
            margin-right: 0px;
            font-size: 3vw;
            text-align: center; }
        .websurvey-container .survey-question.image-capture .image-content .upload-buttons .captured-image-container .captured-image {
          margin-right: 2vw; }
        .websurvey-container .survey-question.image-capture .image-content .upload-buttons .captured-image-container .custom-button.x-icon {
          right: 7vw;
          top: 0.5vw; }
          .websurvey-container .survey-question.image-capture .image-content .upload-buttons .captured-image-container .custom-button.x-icon svg {
            width: 4.5vw;
            height: 4.5vw;
            padding: 0.5vw;
            border: 0.5vw solid white; }
    .websurvey-container .survey-question.image-capture .bottom-elements {
      margin-top: auto;
      margin-bottom: 0px; }
      .websurvey-container .survey-question.image-capture .bottom-elements .instructions {
        align-self: flex-end;
        height: 192px;
        margin-bottom: 0px;
        background-color: white;
        padding: 24px; }
        .websurvey-container .survey-question.image-capture .bottom-elements .instructions span {
          color: #9b9b9b;
          margin-bottom: 13px; } }

@media only screen and (min-width: 769px) {
  .mobile-only {
    display: none; }
  .websurvey-container .percent-meter {
    top: 0; } }

@media only screen and (max-width: 1024px) {
  .websurvey-container .survey-question-wrapper .survey-question.likert {
    justify-content: center; }
    .websurvey-container .survey-question-wrapper .survey-question.likert .question-label {
      margin-top: 0; } }

@media only screen and (max-width: 768px) {
  .desktop-only {
    display: none; }
  .websurvey-container {
    height: 100vh; }
    .websurvey-container .survey-question-wrapper {
      height: 100vh; }
    .websurvey-container .close-bar {
      top: 14px; }
      .websurvey-container .close-bar .custom-button {
        margin: 0 0 0 24px;
        height: 18px; }
        .websurvey-container .close-bar .custom-button .close-x {
          margin: 0; }
        .websurvey-container .close-bar .custom-button span {
          display: none; }
    .websurvey-container .survey-question-wrapper {
      position: relative; }
      .websurvey-container .survey-question-wrapper .question-label {
        padding-bottom: 16px !important;
        border-bottom: 1px solid #e8e8e8; }
      .websurvey-container .survey-question-wrapper .button-list {
        justify-content: space-between;
        margin-top: auto !important;
        margin-bottom: 0 !important;
        padding: 12px 24px;
        padding-bottom: 12px !important; }
      .websurvey-container .survey-question-wrapper > .make-scrollable-container {
        margin-top: 0px !important;
        padding-top: 80px !important;
        height: 100% !important;
        width: 100%;
        max-height: 100%; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .gradient {
          width: 100% !important;
          bottom: 0; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .make-scrollable-container {
          min-height: 100%;
          width: 100%; }
        .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question {
          /**
           * The following css is to added left and right padding for mobile view instead of
           * inputs going full width of the screen
           * */ }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices {
            height: 100%; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .make-scrollable-container {
              min-height: 100%; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .make-scrollable-container .choice {
                margin-left: 24px;
                margin-right: 24px;
                width: calc(100% - 48px); }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .make-scrollable-container .choice:first-of-type {
                  margin-top: 0; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-choices .make-scrollable-container .choice:last-of-type {
                  margin-bottom: 10px; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question > .make-scrollable-container {
            justify-content: space-between;
            overflow: visible; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question .question-label {
            padding: 60px 24px 16px;
            min-height: fit-content; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.has-image {
            flex-direction: column; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.has-image .left,
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.has-image .right {
              width: 100%; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.has-image .question-label {
              display: flex;
              margin: 0 0 16px;
              padding-bottom: 16px;
              border-bottom: 1px solid #e8e8e8; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.has-image .question-label img {
                max-height: none; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question > * {
            width: 100%; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.datetime .input-row,
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.date .d3-input.mobile-only,
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.numeric .input-units-row,
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .d3-input,
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.likert .likert-choices,
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.likert .likert-label {
            padding: 0 24px; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.text-entry textarea {
            margin-left: 24px;
            margin-right: 24px;
            width: calc(100% - 48px) !important; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.text-entry .character-count-row.responsive {
            padding-right: 24px;
            padding-left: 24px; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.vas-horizontal .vas-container {
            width: 100%;
            margin: 0;
            padding: 10px;
            text-align: center; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.datetime .input-row {
            min-height: fit-content; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field {
            height: 100%; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container {
              height: calc(100% - 50px);
              max-height: 100%; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container > div {
                width: 100%; }
              .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input {
                word-break: break-word; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input input {
                  width: 80vw !important;
                  height: 35px !important;
                  min-height: 35px; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input span.posttext {
                  width: 100% !important; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input.long input {
                  width: 100% !important;
                  margin-bottom: 8px; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input.long .posttext {
                  margin: 0;
                  width: 100% !important; }
                .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .choices-container .d3-input.short input {
                  width: 20vw !important; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.multiple-field .button-list {
              margin-top: 0; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale .scale-container {
            margin-left: 24px;
            margin-top: 24px;
            margin-bottom: 24px; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale .scale-container input[type='range'] {
              left: -176px;
              top: 181px;
              width: 466px !important; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale .scale-container input[type='number'] {
              font-size: 18px !important; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale .scale-container .specify-value-container {
              left: 110px; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale .scale-container .right {
              word-break: break-word; }
          .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale-2021 .scale-container {
            margin-top: 60px;
            margin-bottom: 60px;
            margin-left: 50%; }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale-2021 .scale-container .specify-value-container {
              left: 0;
              transform: translateX(-100%); }
            .websurvey-container .survey-question-wrapper > .make-scrollable-container .survey-question.va-scale-2021 .scale-container .right {
              max-width: 38vw; }
    .websurvey-container .make-scrollable-container {
      scrollbar-width: none; }
    .websurvey-container .make-scrollable-container::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .websurvey-container .percent-meter {
      top: 0; }
      .websurvey-container .percent-meter .meter-outer {
        height: 14px; }
      .websurvey-container .percent-meter .meter-inner {
        border-radius: 0px 14px 14px 0px; }
    .websurvey-container .survey-question:not(.introduction) {
      width: 100% !important;
      height: 100% !important; }
      .websurvey-container .survey-question:not(.introduction) > *:first-child {
        margin-top: 0; }
      .websurvey-container .survey-question:not(.introduction) > *,
      .websurvey-container .survey-question:not(.introduction) .d3-input,
      .websurvey-container .survey-question:not(.introduction) input {
        width: 100% !important; }
    .websurvey-container .survey-question.likert.five .likert-choices .choice {
      width: 16vw;
      height: 16vw; }
      .websurvey-container .survey-question.likert.five .likert-choices .choice .check,
      .websurvey-container .survey-question.likert.five .likert-choices .choice .check-transition {
        width: calc(16vw) !important;
        height: calc(16vw) !important;
        border-radius: calc(16vw) !important; }
      .websurvey-container .survey-question.likert.five .likert-choices .choice .checkmark {
        width: calc(16vw - 6px) !important;
        height: calc(16vw - 6px) !important;
        border-radius: calc(16vw - 6px) !important; }
    .websurvey-container .survey-question.likert.seven .likert-choices .choice {
      width: 12vw;
      height: 12vw; }
      .websurvey-container .survey-question.likert.seven .likert-choices .choice .check,
      .websurvey-container .survey-question.likert.seven .likert-choices .choice .check-transition {
        width: calc(12vw) !important;
        height: calc(12vw) !important;
        border-radius: calc(12vw) !important; }
      .websurvey-container .survey-question.likert.seven .likert-choices .choice .checkmark {
        width: calc(12vw - 6px) !important;
        height: calc(12vw - 6px) !important;
        border-radius: calc(12vw - 6px) !important; }
    .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices {
      margin-right: 24px;
      margin-left: 24px;
      width: calc(100% - 48px) !important; }
      .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .checkmark,
      .websurvey-container .survey-question.numeric-rating-scale .numeric-rating-scale-choices .check-transition {
        border-radius: 6px !important; }
    .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper {
      padding-bottom: 24px;
      padding-left: 24px;
      padding-right: 24px;
      margin: 0;
      margin-top: auto; }
    .websurvey-container .survey-question.numeric-rating-scale .opt-out-checkbox-wrapper + .button-list {
      margin-top: 0 !important; }
    .websurvey-container .survey-question.text-entry textarea {
      overflow: visible;
      margin-bottom: 8px; }
    .websurvey-container .survey-question.text-entry .character-count-row.responsive {
      display: block;
      margin-bottom: auto;
      min-height: fit-content; }
      .websurvey-container .survey-question.text-entry .character-count-row.responsive .character-count {
        position: inherit; }
    .websurvey-container .survey-question.text-entry .character-count-row:not(.responsive) {
      min-height: 98px;
      margin-bottom: 0; }
      .websurvey-container .survey-question.text-entry .character-count-row:not(.responsive) .character-count {
        display: none; }
      .websurvey-container .survey-question.text-entry .character-count-row:not(.responsive) .button-list {
        width: 100%;
        margin: 0; }
        .websurvey-container .survey-question.text-entry .character-count-row:not(.responsive) .button-list button {
          margin-bottom: 0; }
    .websurvey-container .survey-question.time input:not(.desktop-only), .websurvey-container .survey-question.date input:not(.desktop-only), .websurvey-container .survey-question.datetime input:not(.desktop-only) {
      display: flex;
      align-items: center;
      background-color: #fcfbf9;
      height: auto !important; }
    .websurvey-container .survey-question.time input {
      width: 36vw !important;
      margin-left: 24px;
      margin-right: 24px; }
    .websurvey-container .survey-question.has-humi {
      margin-top: 12vh; }
      .websurvey-container .survey-question.has-humi .scroll-container {
        max-height: 245px;
        margin-bottom: 0; }
    .websurvey-container .survey-question-wrapper,
    .websurvey-container .make-scrollable-container {
      justify-content: start; }
    .websurvey-container .make-scrollable-container {
      padding: 0; }
      .websurvey-container .make-scrollable-container .gradient {
        display: none; } }

@media only screen and (max-width: 650px) {
  .question-label {
    padding: 72px 24px 16px !important; }
  .safari .survey-question-wrapper .button-list,
  .chrome .survey-question-wrapper .button-list {
    padding: 12px 24px 70px 24px;
    padding-bottom: 70px !important; } }

@media only screen and (max-width: 500px) {
  .survey-question.datetime input {
    font-size: 15px; }
  .survey-question.va-scale-2021 .scale-container {
    margin-left: 60% !important;
    margin-top: 80px !important;
    margin-bottom: 80px !important; } }

@media only screen and (max-width: 320px) {
  .survey-question.va-scale .scale-container .specify-value-container {
    width: 160px !important;
    padding: 0px !important; } }

.edge .question-label,
.opera .question-label,
.firefox .question-label {
  padding-top: 0px !important; }

.edge .question-choices.right,
.opera .question-choices.right,
.firefox .question-choices.right {
  padding-top: 1px !important; }

.edge .va-scale .scale-container input,
.opera .va-scale .scale-container input,
.firefox .va-scale .scale-container input {
  top: 184px !important; }

.is-rtl .websurvey-container .close-bar .custom-button .close-x {
  margin-right: 0;
  margin-left: 18px; }

.is-rtl .websurvey-container .survey-question .button-list .grey {
  margin-right: 0;
  margin-left: 20px; }

.is-rtl .websurvey-container .survey-question-wrapper .survey-question .question-choices .choice .text {
  text-align: right;
  margin-right: 20px; }

.is-rtl .va-scale,
.is-rtl .va-scale-2021 {
  direction: ltr; }
  .is-rtl .va-scale .question-label,
  .is-rtl .va-scale .button-list,
  .is-rtl .va-scale-2021 .question-label,
  .is-rtl .va-scale-2021 .button-list {
    direction: rtl;
    width: 100%; }

@media only screen and (max-width: 768px) {
  .is-rtl .websurvey-container .close-bar .custom-button {
    margin: 0 24px 0 0;
    height: 18px; } }

.announcements.page {
  margin-top: 120px;
  color: #4a4a4a;
  width: 960px; }
  .announcements.page .linkt-container {
    max-width: 960px;
    min-height: max-content;
    margin-top: 0;
    margin-bottom: 0;
    height: calc(100% - 32px); }
    .announcements.page .linkt-container .d3-loader-container {
      min-height: 100px; }
    .announcements.page .linkt-container .announcements-list {
      display: flex;
      flex-direction: column; }
      .announcements.page .linkt-container .announcements-list .announcement {
        position: relative;
        color: #4a4a4a;
        background: white;
        box-shadow: 0 0.5px 0 0 rgba(0, 0, 0, 0.16);
        border-radius: 0;
        text-align: left;
        margin: 0 0 1px 0;
        padding: 16px 24px;
        transition: all 0.2s ease-in-out; }
        .announcements.page .linkt-container .announcements-list .announcement h4 {
          font-weight: 500;
          margin: 0; }
        .announcements.page .linkt-container .announcements-list .announcement.open p,
        .announcements.page .linkt-container .announcements-list .announcement.open h4 {
          word-wrap: break-word; }
        .announcements.page .linkt-container .announcements-list .announcement.close h4 {
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        .announcements.page .linkt-container .announcements-list .announcement.unread h4 {
          font-weight: bold; }
        .announcements.page .linkt-container .announcements-list .announcement .announcement-content {
          font-weight: normal;
          margin-top: 16px;
          margin-bottom: 0; }
        .announcements.page .linkt-container .announcements-list .announcement .unread-dot {
          position: absolute;
          background: #00b9cf;
          height: 8px;
          width: 8px;
          border-radius: 8px;
          left: 0px;
          top: calc(50% - 8px); }
        .announcements.page .linkt-container .announcements-list .announcement p.flexed {
          margin-bottom: 3px; }
      .announcements.page .linkt-container .announcements-list .no-announcements {
        margin-top: 20vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around; }
        .announcements.page .linkt-container .announcements-list .no-announcements img {
          margin-bottom: 24px; }
        .announcements.page .linkt-container .announcements-list .no-announcements p:first-of-type {
          font-weight: bold; }
        .announcements.page .linkt-container .announcements-list .no-announcements p:last-of-type {
          margin-bottom: 0;
          width: 288px;
          text-align: center; }

@media only screen and (max-width: 768px) {
  .announcements.page {
    margin-top: 80px; }
    .announcements.page .linkt-container {
      padding: 0;
      background: #eff5f4; }
      .announcements.page .linkt-container .onboarding {
        margin-bottom: 0; }
      .announcements.page .linkt-container .announcements-list .announcement {
        min-width: 320px; }
        .announcements.page .linkt-container .announcements-list .announcement .unread-dot {
          left: 8px; }
        .announcements.page .linkt-container .announcements-list .announcement:active {
          background: #f8f8f8; }
    .announcements.page > p {
      display: none; } }

.is-rtl .announcements.page .linkt-container .announcements-list .announcement h4,
.is-rtl .announcements.page .linkt-container .announcements-list .announcement p {
  text-align: right; }

.is-rtl .announcements.page .linkt-container .announcements-list .announcement .unread-dot {
  left: unset;
  right: 0; }

.is-rtl .announcements.page .onboarding .custom-button {
  left: 15px;
  right: auto; }

@media only screen and (max-width: 768px) {
  .is-rtl .announcements.page .linkt-container .announcements-list .announcement .unread-dot {
    right: 8px; } }

.profile.page {
  min-width: 960px;
  margin-top: 120px;
  color: #4a4a4a; }
  .profile.page .linkt-container {
    margin-bottom: 30px; }
    .profile.page .linkt-container .input-container .prompt {
      color: #4a4a4a;
      text-shadow: none;
      text-align: center; }
    .profile.page .linkt-container .has-max-height {
      max-height: 40vh;
      overflow: auto; }
  .profile.page .bottom {
    border-top: 1px solid #d5d6d6; }
  .profile.page .bottom,
  .profile.page .top {
    align-items: flex-start;
    padding-top: 25px;
    margin: 0 30px; }
    .profile.page .bottom .left,
    .profile.page .bottom .right,
    .profile.page .top .left,
    .profile.page .top .right {
      text-align: left;
      width: 49%; }
      .profile.page .bottom .left .file .fa-file-alt,
      .profile.page .bottom .right .file .fa-file-alt,
      .profile.page .top .left .file .fa-file-alt,
      .profile.page .top .right .file .fa-file-alt {
        font-size: 75px;
        margin-top: 10px; }
      .profile.page .bottom .left .d3-dropdown,
      .profile.page .bottom .right .d3-dropdown,
      .profile.page .top .left .d3-dropdown,
      .profile.page .top .right .d3-dropdown {
        margin-bottom: 20px; }
      .profile.page .bottom .left .file-save,
      .profile.page .bottom .right .file-save,
      .profile.page .top .left .file-save,
      .profile.page .top .right .file-save {
        justify-content: flex-start; }
        .profile.page .bottom .left .file-save .custom-button:first-of-type,
        .profile.page .bottom .right .file-save .custom-button:first-of-type,
        .profile.page .top .left .file-save .custom-button:first-of-type,
        .profile.page .top .right .file-save .custom-button:first-of-type {
          margin-left: 0;
          margin-right: 10px; }
      .profile.page .bottom .left .flexed .d3-dropdown,
      .profile.page .bottom .right .flexed .d3-dropdown,
      .profile.page .top .left .flexed .d3-dropdown,
      .profile.page .top .right .flexed .d3-dropdown {
        width: 95%;
        margin-bottom: 0; }
        .profile.page .bottom .left .flexed .d3-dropdown div,
        .profile.page .bottom .right .flexed .d3-dropdown div,
        .profile.page .top .left .flexed .d3-dropdown div,
        .profile.page .top .right .flexed .d3-dropdown div {
          width: 100%; }
      .profile.page .bottom .left .flexed div,
      .profile.page .bottom .right .flexed div,
      .profile.page .top .left .flexed div,
      .profile.page .top .right .flexed div {
        hyphens: auto;
        width: 50%;
        word-break: break-word; }
        .profile.page .bottom .left .flexed div div.data-label,
        .profile.page .bottom .right .flexed div div.data-label,
        .profile.page .top .left .flexed div div.data-label,
        .profile.page .top .right .flexed div div.data-label {
          text-align: left;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          width: 100%;
          display: block;
          padding-right: 10px; }
      .profile.page .bottom .left .link,
      .profile.page .bottom .right .link,
      .profile.page .top .left .link,
      .profile.page .top .right .link {
        margin-left: 0;
        padding: 0;
        font-weight: 500;
        border-radius: 0;
        text-align: left;
        font-size: 16px; }
      .profile.page .bottom .left a,
      .profile.page .bottom .left .custom-button.clickable,
      .profile.page .bottom .right a,
      .profile.page .bottom .right .custom-button.clickable,
      .profile.page .top .left a,
      .profile.page .top .left .custom-button.clickable,
      .profile.page .top .right a,
      .profile.page .top .right .custom-button.clickable {
        padding: 0;
        margin: 0;
        color: #00b9cf;
        text-decoration: none; }
      .profile.page .bottom .left a:hover,
      .profile.page .bottom .right a:hover,
      .profile.page .top .left a:hover,
      .profile.page .top .right a:hover {
        filter: contrast(150%); }
      .profile.page .bottom .left .ptp-consent,
      .profile.page .bottom .right .ptp-consent,
      .profile.page .top .left .ptp-consent,
      .profile.page .top .right .ptp-consent {
        margin-bottom: 0;
        margin-top: 10px; }
      .profile.page .bottom .left .flexed span:nth-of-type(2),
      .profile.page .bottom .right .flexed span:nth-of-type(2),
      .profile.page .top .left .flexed span:nth-of-type(2),
      .profile.page .top .right .flexed span:nth-of-type(2) {
        word-break: break-all;
        width: 65%; }
      .profile.page .bottom .left .flexed:not(.file).separator,
      .profile.page .bottom .right .flexed:not(.file).separator,
      .profile.page .top .left .flexed:not(.file).separator,
      .profile.page .top .right .flexed:not(.file).separator {
        padding-bottom: 22px;
        margin-bottom: 22px;
        border-bottom: 1px solid #d5d6d6; }
      .profile.page .bottom .left .flexed:not(.file).break-all,
      .profile.page .bottom .right .flexed:not(.file).break-all,
      .profile.page .top .left .flexed:not(.file).break-all,
      .profile.page .top .right .flexed:not(.file).break-all {
        word-break: break-word; }
        .profile.page .bottom .left .flexed:not(.file).break-all div,
        .profile.page .bottom .right .flexed:not(.file).break-all div,
        .profile.page .top .left .flexed:not(.file).break-all div,
        .profile.page .top .right .flexed:not(.file).break-all div {
          hyphens: none; }
      .profile.page .bottom .left .flexed:last-of-type,
      .profile.page .bottom .right .flexed:last-of-type,
      .profile.page .top .left .flexed:last-of-type,
      .profile.page .top .right .flexed:last-of-type {
        margin-bottom: 0;
        padding-bottom: 0px;
        border-bottom: none; }
        .profile.page .bottom .left .flexed:last-of-type.uploaded-file,
        .profile.page .bottom .right .flexed:last-of-type.uploaded-file,
        .profile.page .top .left .flexed:last-of-type.uploaded-file,
        .profile.page .top .right .flexed:last-of-type.uploaded-file {
          margin-bottom: 22px; }
      .profile.page .bottom .left .flexed.file-name,
      .profile.page .bottom .right .flexed.file-name,
      .profile.page .top .left .flexed.file-name,
      .profile.page .top .right .flexed.file-name {
        border: none;
        background: none;
        color: #4a4a4a;
        padding: 4px 8px;
        max-width: 350px;
        width: 80%;
        border-radius: 3px 3px 0px 0px; }
        .profile.page .bottom .left .flexed.file-name i,
        .profile.page .bottom .right .flexed.file-name i,
        .profile.page .top .left .flexed.file-name i,
        .profile.page .top .right .flexed.file-name i {
          color: #00b9cf; }

@media only screen and (max-width: 768px) {
  .profile.page {
    margin-top: 100px; }
    .profile.page .top.flexed,
    .profile.page .bottom.flexed {
      margin: 0;
      padding: 0 8px;
      flex-direction: column; }
      .profile.page .top.flexed .left,
      .profile.page .top.flexed .right,
      .profile.page .bottom.flexed .left,
      .profile.page .bottom.flexed .right {
        width: 100%;
        min-width: 300px; }
        .profile.page .top.flexed .left .linkt-container,
        .profile.page .top.flexed .right .linkt-container,
        .profile.page .bottom.flexed .left .linkt-container,
        .profile.page .bottom.flexed .right .linkt-container {
          padding: 18px;
          border-radius: 4px;
          box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
          .profile.page .top.flexed .left .linkt-container .uploaded-file,
          .profile.page .top.flexed .right .linkt-container .uploaded-file,
          .profile.page .bottom.flexed .left .linkt-container .uploaded-file,
          .profile.page .bottom.flexed .right .linkt-container .uploaded-file {
            flex-direction: column;
            padding: 15px 0;
            align-items: start !important;
            margin-bottom: 0; }
            .profile.page .top.flexed .left .linkt-container .uploaded-file:not(:last-of-type),
            .profile.page .top.flexed .right .linkt-container .uploaded-file:not(:last-of-type),
            .profile.page .bottom.flexed .left .linkt-container .uploaded-file:not(:last-of-type),
            .profile.page .bottom.flexed .right .linkt-container .uploaded-file:not(:last-of-type) {
              border-bottom: 1px solid #d5d6d6; }
          .profile.page .top.flexed .left .linkt-container form,
          .profile.page .top.flexed .right .linkt-container form,
          .profile.page .bottom.flexed .left .linkt-container form,
          .profile.page .bottom.flexed .right .linkt-container form {
            margin-bottom: 0; }
            .profile.page .top.flexed .left .linkt-container form .upload-input,
            .profile.page .top.flexed .right .linkt-container form .upload-input,
            .profile.page .bottom.flexed .left .linkt-container form .upload-input,
            .profile.page .bottom.flexed .right .linkt-container form .upload-input {
              padding: 0; }
              .profile.page .top.flexed .left .linkt-container form .upload-input .input-container,
              .profile.page .top.flexed .right .linkt-container form .upload-input .input-container,
              .profile.page .bottom.flexed .left .linkt-container form .upload-input .input-container,
              .profile.page .bottom.flexed .right .linkt-container form .upload-input .input-container {
                height: 100%; }
    .profile.page .bottom.flexed {
      border-top: 0; }
  .dark .profile.page .top.flexed .left .linkt-container form,
  .dark .profile.page .top.flexed .right .linkt-container form,
  .dark .profile.page .bottom.flexed .left .linkt-container form,
  .dark .profile.page .bottom.flexed .right .linkt-container form {
    margin-bottom: 0; }
    .dark .profile.page .top.flexed .left .linkt-container form .upload-input,
    .dark .profile.page .top.flexed .right .linkt-container form .upload-input,
    .dark .profile.page .bottom.flexed .left .linkt-container form .upload-input,
    .dark .profile.page .bottom.flexed .right .linkt-container form .upload-input {
      padding: 0; }
      .dark .profile.page .top.flexed .left .linkt-container form .upload-input .input-container,
      .dark .profile.page .top.flexed .right .linkt-container form .upload-input .input-container,
      .dark .profile.page .bottom.flexed .left .linkt-container form .upload-input .input-container,
      .dark .profile.page .bottom.flexed .right .linkt-container form .upload-input .input-container {
        height: 100%;
        background: #4a4a4a; } }

.is-rtl .profile.page .section-label,
.is-rtl .profile.page .data-label,
.is-rtl .profile.page .data-content {
  text-align: right !important; }

.is-rtl .profile.page .data-label {
  padding-right: 0 !important; }

.is-rtl .profile.page .top .left .file-save .custom-button:first-of-type {
  margin-right: 0;
  margin-left: 10px; }

.change-password.page {
  min-height: 100vh;
  display: flex;
  color: #4a4a4a; }
  .change-password.page .dialogue-box {
    padding: 120px 148px 74px; }
    .change-password.page .dialogue-box h3 {
      position: relative;
      margin-bottom: 16px; }
    .change-password.page .dialogue-box div#old-password {
      margin-bottom: 60px; }
    .change-password.page .dialogue-box .success {
      display: flex;
      flex-direction: column; }
      .change-password.page .dialogue-box .success img {
        width: 80x;
        height: 80px;
        margin-bottom: 35px; }
      .change-password.page .dialogue-box .success .check {
        position: absolute;
        transform: translate(-143%, 4px); }
      .change-password.page .dialogue-box .success p {
        margin-bottom: 28px; }
      .change-password.page .dialogue-box .success .custom-button {
        width: 250px; }
        .change-password.page .dialogue-box .success .custom-button:first-of-type {
          margin-bottom: 16px; }
        .change-password.page .dialogue-box .success .custom-button.link {
          width: auto;
          text-align: left;
          padding: 0; }
    .change-password.page .dialogue-box .d3-input .pretext {
      color: #cb2d2d;
      position: absolute;
      top: 68px;
      right: 10px;
      margin-right: 0;
      font-size: 14px; }
    .change-password.page .dialogue-box svg {
      margin-right: 5px;
      fill: #d1d5db; }
      .change-password.page .dialogue-box svg.check {
        fill: #3db988; }
    .change-password.page .dialogue-box .validations {
      margin-bottom: 16px; }
      .change-password.page .dialogue-box .validations p:not(:last-of-type) {
        display: flex;
        margin-bottom: 8px; }
    .change-password.page .dialogue-box .custom-button,
    .change-password.page .dialogue-box a {
      font-weight: bold;
      width: 100%;
      margin: 0px 0px 24px 0px;
      text-decoration: none; }
    .change-password.page .dialogue-box .cancel {
      text-align: center; }
      .change-password.page .dialogue-box .cancel a {
        padding: 6px;
        color: #00b9cf;
        letter-spacing: 0.05px;
        margin: 0px 0px 4px 0px;
        font-weight: bold; }
        .change-password.page .dialogue-box .cancel a:hover {
          filter: contrast(150%); }
    .change-password.page .dialogue-box > div > div:nth-last-of-type(2) {
      margin-bottom: 24px; }
    .change-password.page .dialogue-box > div > div:last-of-type {
      text-align: center;
      margin-bottom: 0; }
      .change-password.page .dialogue-box > div > div:last-of-type a {
        color: #00b9cf; }

@media only screen and (max-width: 768px) {
  .change-password.page {
    width: 100vw;
    margin: 0; }
    .change-password.page .dialogue-box {
      padding: 24px 45px;
      width: 100%;
      border: none;
      margin: 0; }
      .change-password.page .dialogue-box .d3-input .pretext {
        top: 80px; }
      .change-password.page .dialogue-box .logo-title {
        margin-bottom: 24px; }
        .change-password.page .dialogue-box .logo-title .logo {
          width: 80px; } }

.is-rtl .change-password.page .dialogue-box svg {
  margin-left: 5px;
  margin-right: 0; }

.is-rtl .change-password.page .dialogue-box .d3-input .pretext {
  top: 65px; }

@media only screen and (max-width: 768px) {
  .is-rtl .change-password.page .dialogue-box .d3-input .pretext {
    top: 75px; } }


/*# sourceMappingURL=main.72fdff6eda68fee4d0c7.styles.css.map*/