:root {
  --black: black;
  --white: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.percent-complete-label {
  text-align: right;
  margin-top: 4px;
  margin-left: 10px;
}

.unmatched {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.progress {
  background-color: #00ac3f;
  width: 6%;
  height: 100%;
  position: absolute;
}

.hosp-section {
  justify-content: flex-start;
  margin-bottom: 60px;
  display: block;
}

.radio-button-2 {
  background-color: #ffffffe3;
  border: 2px solid #c4c4c4;
  width: 22px;
  height: 22px;
  margin-top: -1px;
  margin-bottom: 4px;
  margin-right: 10px;
  font-size: 18px;
}

.radio-button-2:active {
  border-color: #0071e3;
}

.radio-button-2.w--redirected-checked {
  background-color: #fff;
  border-width: 7px;
  border-color: #3898ec;
}

.tag {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.div-block-755 {
  padding: 60px;
}

.div-block-851 {
  align-items: center;
}

.results-holder-3 {
  z-index: 3;
  width: 530px;
  display: none;
  position: relative;
  overflow: visible;
}

.progress-bar {
  background-color: #e2eeff;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 740px;
  height: 8px;
  display: flex;
  position: relative;
}

.progress-bar.mini {
  background-color: #fff6;
  height: 6px;
  margin-top: 6px;
  position: absolute;
  inset: auto 0% 0%;
}

.aor-button {
  color: #fff;
  background-color: #0445e9;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 50px;
  margin-right: 12px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.aor-button:hover {
  background-color: #0034b8;
}

.form-display-section {
  min-height: 480px;
  padding-bottom: 20px;
  display: block;
}

.radio-button-field-3 {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 24px;
}

.submitted-section {
  justify-content: flex-start;
  margin-bottom: 60px;
  padding-top: 0;
}

.progress-display {
  z-index: 2;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 90px;
  margin-bottom: 30px;
  padding-top: 25px;
  display: flex;
  position: sticky;
  top: 0;
}

.progress-display._2 {
  min-height: 80px;
  margin-top: 10px;
}

.div-block-386 {
  align-items: center;
  display: flex;
}

.checkbox-field-5 {
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-right: 25px;
}

.text-block {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.results-scroller-3 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-387 {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.result-icon-2 {
  opacity: .6;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-2.loading {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-2.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-2.loading-integrity {
  opacity: 1;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-size: 26px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-2.loading-integrity.sm {
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-2.tag {
  background-color: #0000;
  background-size: 20px;
}

.result-icon-2.tag.empty {
  width: 0;
  min-width: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.result-icon-2.vid {
  background-color: #0000;
  background-image: url('../images/icon-video_1icon-video.png');
  background-size: 20px;
}

.result-icon-2.audio {
  background-image: url('../images/audio_1audio.png');
  background-size: 18px;
}

.result-icon-2.img {
  background-image: url('../images/icon-img-dark_1icon-img-dark.png');
  background-size: 22px;
}

.result-icon-2.user {
  background-color: #0000;
  background-image: url('../images/patient_1patient.png');
  background-size: 20px;
}

.result-icon-2.loading {
  opacity: 1;
  background-image: url('../images/twm-logo-animated.gif');
  background-size: 22px;
}

.result-icon-2.group {
  background-color: #0000;
  background-image: url('../images/group.png');
  background-size: 20px;
}

.result-icon-2.search {
  background-image: url('../images/search_1search.png');
  background-position: 0 0;
  background-size: cover;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.result-icon-2.loading {
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  opacity: 1;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-bottom: 0;
}

.result-icon-2.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-2.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-2.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
  font-weight: 400;
}

.result-icon-2.no-results.sm {
  background-image: url('../images/search_1search.png');
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.result-icon-2.loading {
  opacity: 1;
  background-color: #0000;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 20px;
}

.result-icon-2.no-results {
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-size: 22px;
}

.numeric-field {
  color: #1a1a1a;
  text-align: right;
  border: 1px solid #c4c4c4;
  width: 120px;
  height: 46px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.result-row-2 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-2:hover {
  background-color: #e4f2ff;
}

.result-row-2.selected {
  background-color: #e7eeff;
}

.form-element-div {
  margin-top: 25px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.form-element-div._2 {
  padding-top: 22px;
}

.form-element-div.h {
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-bottom: 0;
  display: flex;
}

.form-3 {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
}

.ac-default-label-2 {
  color: #000;
  height: 36px;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 11px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.mrn-holder {
  padding-top: 20px;
}

.div-block-385 {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.form-block-4 {
  min-height: 460px;
  margin-bottom: 0;
}

.checkbox-4 {
  background-color: #fff;
  border-width: 2px;
  border-color: #c4c4c4;
  width: 22px;
  height: 22px;
  margin-top: -2px;
  margin-right: 10px;
}

.checkbox-4.small {
  width: 16px;
  height: 16px;
  margin-top: 2px;
  margin-left: 0;
  margin-right: 6px;
}

.autocomplete-search-wrapper {
  align-self: stretch;
  width: 530px;
  display: block;
  position: relative;
}

.chip-label-2 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.remove-5 {
  opacity: .72;
  background-color: #061f4757;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-5:hover {
  opacity: 1;
}

.nz-18-10 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.textarea-2 {
  color: #353535cc;
  border: 1px solid #c4c4c4;
  min-height: 90px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.textarea-2.short {
  color: #1a1a1a;
  width: 530px;
  min-height: 60px;
}

.form-wrapper {
  background-color: #fff;
  border: 1px solid #cfcfcf63;
  border-radius: 16px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.text-field {
  color: #1a1a1a;
  border: 1px solid #c4c4c4;
  height: 46px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.text-field.other {
  background-color: #fff;
  border-color: #c4c4c4;
  width: 400px;
  margin-top: 0;
  margin-left: 30px;
  font-family: Open Sans, sans-serif;
  display: block;
}

.text-field.short {
  width: 460px;
  font-size: 16px;
}

.hosp-form-button-holder {
  align-items: center;
  display: flex;
}

.tag-content {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.results-wrapper-3 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.matched {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.autocomplete-input {
  float: none;
  clear: none;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.text-18 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18.semi {
  font-weight: 600;
}

.text-18.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.text-24 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.text-24.white {
  color: #ffffffdb;
}

.text-24.center {
  text-align: center;
}

.div-block-849 {
  align-items: flex-start;
  display: flex;
}

.ac-label {
  display: flex;
}

.ac-label.gsegreg {
  align-self: center;
}

.date-input-5 {
  text-align: right;
  border: 1px solid #c4c4c4;
  justify-content: flex-end;
  align-items: center;
  width: 140px;
  height: 46px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  display: flex;
}

.dd-result-icon-2 {
  opacity: .6;
  background-image: url('../images/region_1region.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
}

.dd-result-icon-2.clinic {
  background-image: url('../images/clinic_1clinic.png');
}

.dd-result-icon-2.patient {
  background-image: url('../images/patient_1patient.png');
  background-size: 16px;
  width: 24px;
  min-width: 24px;
  height: 24px;
}

.dd-result-icon-2.region {
  background-color: #0000;
  background-image: url('../images/region_1region.png');
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.div-block-850 {
  justify-content: flex-end;
  min-width: 30px;
  margin-right: 10px;
  display: flex;
}

.question-template {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 20px;
  margin-bottom: 140px;
  padding: 20px 40px;
}

.main-wrapper {
  border: 1px solid var(--black);
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 33%, #10415f);
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 60px;
}

.main-wrapper.login {
  background-image: linear-gradient(129deg, #0003 12%, #00000080), url('../images/swedishplasticrecycling-0209.jpg'), linear-gradient(297deg, #7caa6a 29%, #10415f);
  background-position: 0 0, 50%, 0 0;
  background-repeat: repeat, no-repeat, repeat;
  background-size: auto, cover, auto;
  padding-top: 0;
}

.text-block-2, .text-block-3 {
  font-family: Open Sans, sans-serif;
}

.button-bar {
  position: relative;
}

.form-button-holder {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 50px;
  display: flex;
  position: relative;
}

.div-block-384 {
  display: flex;
}

.form-button {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button:hover {
  background-color: #02507a;
}

.form-button.back {
  background-color: #889abd;
  border: 1px solid #ffffff73;
  min-width: 110px;
}

.form-button.back:hover {
  background-color: #6d80a3;
}

.form-button.back.ab {
  z-index: 2;
  position: absolute;
  top: 40px;
  left: 30px;
}

.nz-18 {
  color: #161616;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.nz-18.white {
  color: #ffffffdb;
  font-family: Open Sans, sans-serif;
}

.text-link {
  color: #046cea;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.text-link:hover {
  color: #1059b2;
  text-decoration: underline;
}

.text-link.sm {
  font-size: 15px;
}

.text-link.xs {
  font-size: 14px;
  line-height: 18px;
}

.text-link._13-semi {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.text-link.xs-semi {
  cursor: pointer;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-link.xxs {
  margin-left: 10px;
  font-size: 12px;
  line-height: 18px;
}

.text-link.xs-semi {
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-link._12 {
  font-size: 12px;
  font-weight: 400;
}

.text-link._13 {
  align-self: center;
  font-size: 13px;
  font-weight: 400;
}

.text-link.xs-semi {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-link._13-bold {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.text-link._13 {
  align-self: center;
  font-size: 13px;
  font-weight: 400;
}

.heading {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.title-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  display: flex;
}

.div-block-855 {
  position: absolute;
  inset: 60px 40px auto auto;
}

.text-16 {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-16.semi.input {
  padding-left: 0;
}

.text-16.semi.input:hover {
  border-width: 1px;
}

.text-16.semi {
  border: 0 solid #000;
  font-weight: 600;
  line-height: 22px;
}

.text-16.white {
  color: #ffffffdb;
}

.text-16.semi {
  border: 0 solid #000;
  font-weight: 600;
  line-height: 22px;
}

.text-16.semi.white.awefwaf {
  font-size: 24px;
  line-height: 34px;
}

.text-16.semi {
  font-weight: 600;
  line-height: 22px;
}

.text-16.semi {
  font-weight: 600;
  line-height: 22px;
}

.text-16.white {
  color: #ffffffdb;
  transition: opacity 1s;
}

.text-16.semi {
  border: 0 solid #000;
  font-weight: 600;
  line-height: 22px;
}

.text-16.semi.white.awefwaf {
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.text-16.semi.darker {
  color: gray;
}

.div-block-856 {
  margin-bottom: 10px;
}

.select-field {
  color: #272727;
  width: 460px;
  height: 46px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.select-field.short {
  width: 240px;
  margin-right: 20px;
}

.select-field.xshort {
  width: 130px;
  margin-bottom: 0;
  margin-right: 20px;
}

.div-block-857 {
  margin-bottom: 20px;
}

.formula-options-holder {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-left: 32px;
  display: flex;
}

.header {
  background-color: #111216;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
  position: relative;
}

.div-block-867 {
  justify-content: flex-end;
  align-items: center;
  min-width: 80px;
  height: 100%;
  padding-right: 40px;
  display: flex;
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0%;
}

.new-counter-info {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.checkbox-label {
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.checkbox-label.bold {
  font-size: 15px;
  font-weight: 600;
}

.checkbox-label.small {
  margin-bottom: 0;
  font-size: 15px;
}

.days-of-week {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.formula-dollar-value {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.text-14 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-14.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14.error {
  color: red;
  padding-bottom: 8px;
}

.notes {
  margin-top: 10px;
}

.modal-container {
  z-index: 1000;
  position: fixed;
}

.text-16 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-16.form {
  margin-bottom: 5px;
}

.close-modal {
  opacity: .5;
  cursor: pointer;
  display: inline-block;
}

.close-modal:hover {
  opacity: .9;
  text-align: left;
}

.modal-email-form {
  z-index: 999;
  background-color: #0006;
  padding-top: 140px;
  display: none;
  position: fixed;
  inset: 0;
}

.modal-top-bar-2 {
  cursor: default;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 4px;
  display: flex;
  position: static;
}

.submit-button-area {
  background-color: #eff2fc;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.email-recipient-holder {
  flex-direction: column;
  margin-top: 10px;
  padding: 20px 40px;
  display: flex;
}

.heading-holder {
  text-align: center;
  background-color: #fff;
  height: auto;
  min-height: 0;
  margin-bottom: 0;
  padding: 10px 20px 0;
  display: block;
}

.modal-content {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 620px;
  margin-left: auto;
  margin-right: auto;
  padding: 4px 0 0;
  display: block;
  position: relative;
  overflow: visible;
}

.email-input {
  height: 46px;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.email-input::placeholder {
  color: #8a8a8a;
}

.form-4 {
  margin-top: 10px;
}

.link-block {
  background-color: #046cea;
  background-image: url('../images/icon-send-form.png');
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: 20px;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  min-width: 80px;
  height: 32px;
  padding-left: 36px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.link-block:hover {
  background-color: #002fad;
}

.new-account-wrapper {
  padding: 40px 60px 60px;
}

.required {
  color: #f30000;
  margin-left: 5px;
  font-weight: 600;
}

.account-form-input {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input::placeholder {
  color: #bbb;
}

.account-form-input.short {
  width: 48%;
}

.account-form-row {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #e9f1f5;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.account-form-row.center {
  background-color: #f3f3f3;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 14px;
  padding-right: 10px;
}

.account-form-row.short {
  padding-top: 10px;
}

.account-form-row.vertical {
  padding-top: 0;
  display: block;
}

.account-form-row.edit {
  border-bottom-style: solid;
  border-bottom-color: #d8dac9;
  padding-top: 0;
  padding-bottom: 15px;
  display: block;
}

.account-form-row.edit-block {
  background-color: #fffbde;
  border: 1px solid #ebebeb;
  width: 600px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 15px 15px;
  display: block;
}

.account-form-row.edit-block.hidden {
  display: none;
}

.form-label {
  color: #000;
  width: 300px;
  min-width: 300px;
  padding-top: 8px;
}

.form-label.short {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 200px;
  padding-bottom: 10px;
  display: flex;
}

.form-label.edit {
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 126px;
  padding-bottom: 10px;
  display: flex;
}

.form-label.status {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 126px;
  padding-bottom: 10px;
  display: flex;
}

.dropdown-field {
  color: #272727;
  border-radius: 4px;
  height: 46px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.field-holder-horizontal {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.div-block-870 {
  background-color: #f1faff;
  border: 1px dashed #96c5ff;
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding-top: 15px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.div-block-871 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 44px;
  height: 44px;
}

.text-block-7 {
  color: #508ec0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  text-decoration: none;
}

.upload-area {
  width: 100%;
}

.uploaded-file {
  background-color: #d2e6ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 10px 10px 10px 15px;
  display: flex;
}

.link-block-2 {
  opacity: .8;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-size: 24px;
  border: 1px solid #ff8080;
  border-radius: 4px;
  min-width: 30px;
  min-height: 30px;
  margin-left: 20px;
}

.link-block-2:hover {
  opacity: 1;
}

.disclaimertext {
  color: #000000bd;
  background-color: #f3f7ff;
  border: 1px solid #a1a1a1;
  height: 480px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  overflow: auto;
}

.checkbox-field-5-copy {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.date-input-5-copy {
  text-align: right;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  width: 140px;
  height: 46px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  display: flex;
}

.button-label {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-link-save {
  color: #046cea;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.text-link-save:hover {
  color: #1059b2;
  text-decoration: underline;
}

.checkbox-agreenment {
  background-color: #fff;
  border-width: 2px;
  border-color: #c4c4c4;
  width: 22px;
  height: 22px;
  margin-top: -2px;
  margin-left: 0;
  margin-right: 10px;
}

.div-block-859-copy {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
}

.div-block-872 {
  padding-bottom: 20px;
}

.link, .link-2, .link-3 {
  text-decoration: none;
}

.address {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.link-new-counterparty {
  margin-top: 60px;
  margin-bottom: 40px;
}

.text-block-8 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.modalclosediv {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: static;
}

.labelsmall {
  color: #000000b3;
  text-align: left;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.form-block-3 {
  margin-top: 25px;
}

.submit-button-holder-4 {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 60px 0;
  display: flex;
}

.div-block-116 {
  display: none;
}

.close-modal-11 {
  cursor: pointer;
  display: block;
}

.centered-box {
  background-color: #ffffffe0;
  border-radius: 12px;
  width: 460px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px 40px;
  display: block;
}

.div-block-339 {
  padding-top: 10px;
  padding-bottom: 15px;
}

.modalforgotpassword {
  z-index: 30;
  background-color: #0009;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.inputfield {
  color: #312b3de3;
  height: 44px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.form-5 {
  padding-bottom: 8px;
}

.textlink-2 {
  color: #0078ce;
  text-align: left;
  cursor: pointer;
  font-family: Open Sans, sans-serif;
  text-decoration: none;
  display: inline;
}

.textlink-2:hover {
  color: #00b2ed;
}

.textlink-2.semi {
  font-weight: 600;
}

.inputfield-2 {
  color: #000000db;
  margin-top: 4px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  display: block;
}

.modalcontent-5 {
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 560px;
  min-height: 260px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 40px;
  display: block;
}

.div-block-433 {
  background-color: #e9f3f1;
  border-radius: 8px;
  width: 440px;
  margin: 20px auto 10px;
  padding: 14px 40px 15px;
  display: block;
}

.text-block-74 {
  color: #ffffffdb;
}

.div-block-3016 {
  justify-content: center;
  align-items: center;
  margin-right: 25px;
  display: flex;
}

.image-185 {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  display: block;
  overflow: visible;
}

.modal-container-2 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

.login-header {
  z-index: 9999;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 120px;
  padding-top: 40px;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-3017 {
  text-align: center;
}

.update-button {
  opacity: 1;
  color: #ffffffdb;
  background-color: #094e5a;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
  display: flex;
}

.update-button:hover, .update-button.submitting {
  background-color: #092231;
}

.view-all-link-2 {
  padding-top: 12px;
  padding-bottom: 6px;
  padding-left: 10px;
  display: none;
}

.whisper {
  z-index: 996;
  background-color: #cbd1eb;
  border: 1px solid #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  max-width: 600px;
  min-height: 24px;
  max-height: none;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -100px 0% auto;
  box-shadow: 3px 4px 7px 2px #0000008a;
}

.integrity-header {
  background-color: #111216;
  border-bottom: 1px solid #fff3;
  justify-content: center;
  align-items: center;
  height: 60px;
  min-height: 60px;
  padding-left: 0;
  display: flex;
}

.icon-img-holder-2 {
  opacity: .86;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 32px;
  min-height: 32px;
  margin-right: 4px;
  display: flex;
}

.nz-13-4 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.modal-progress-indicator-3 {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.img-gif {
  width: 30px;
  display: none;
}

.img-gif._26 {
  width: 26px;
}

.nav-item-wrapper {
  text-align: left;
  border-bottom: 1px solid #fff3;
}

.nav-button {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  width: 320px;
  height: 100%;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}

.nav-button:hover {
  background-color: #092231;
}

.refresh-wrapper-2 {
  z-index: 100000000;
  cursor: pointer;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 16px;
  padding-right: 10px;
  display: none;
  position: absolute;
  inset: 50px auto auto 0%;
}

.refresh-wrapper-2:hover {
  opacity: 1;
}

.workbench-outer-wrapper {
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  display: flex;
}

.main-area-cover {
  background-color: #0006;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
}

.content-section-wrapper {
  flex: 1;
  width: 100%;
  transition: all .2s;
  display: block;
  position: relative;
  left: 0;
}

.main-frame-area {
  flex-direction: column;
  flex: 1;
  height: 100%;
  transition: all 2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-tile {
  cursor: pointer;
  align-items: center;
  height: 68px;
  padding-right: 0;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-tile:hover {
  background-color: #0d3068;
}

.content-section {
  flex: 1;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
}

.sf-15-med {
  color: #000000db;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
}

.spinner {
  justify-content: center;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.refresh-icon {
  cursor: pointer;
  background-color: #54cbff;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  height: 22px;
  min-height: 22px;
  margin-right: 12px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.refresh-icon:hover {
  opacity: 1;
  background-color: #34c1ff;
}

.loading {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.sign-out-wrapper-2 {
  text-align: left;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 20px;
}

.small-text-2 {
  color: #727272;
  text-transform: uppercase;
  padding-top: 0;
  padding-left: 0;
  padding-right: 10px;
  font-size: 12px;
  line-height: 18px;
}

.small-text-2.view-all {
  text-transform: none;
}

.loading-wrapper {
  padding-top: 100px;
}

.iframe-holder {
  background-color: #fff;
  flex: 1;
  display: none;
}

.loader-3 {
  background-color: #072046;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: block;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.progress-view-holder {
  background-color: #10415f;
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  flex: 1;
}

.text-block-76 {
  margin-bottom: 40px;
  font-size: 18px;
}

.question-title-holder {
  align-items: flex-start;
  padding-left: 36px;
  display: flex;
}

.chip-address {
  font-size: 15px;
  font-weight: 400;
}

.inputfield-4 {
  color: #312b3de3;
  width: 580px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  display: block;
}

.inputfield-4.short {
  width: 380px;
  display: block;
}

.form-8 {
  padding-bottom: 8px;
}

.form-block-132 {
  margin-top: 25px;
}

.reset-success {
  text-align: center;
  padding-bottom: 40px;
}

.image-186 {
  margin-bottom: 20px;
  transform: rotate(7deg);
}

.text-20 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.text-20.white-tran {
  color: #ffffff9c;
}

.text-20.white {
  color: #fff;
}

.section-label {
  color: #000;
  width: 300px;
  min-width: 300px;
  padding-top: 8px;
  padding-bottom: 20px;
}

.order-detail-wrapper-2 {
  background-color: #d6e8ec;
  display: block;
}

.customer-wrapper {
  background-color: #0000;
  border-bottom-color: #8fb7ce;
  width: 100%;
}

.customer-wrapper.submitted-form {
  flex-flow: column;
  width: 500px;
  min-width: 500px;
  display: block;
  position: relative;
  overflow: auto;
  box-shadow: -7px 5px 8px 3px #00000026;
}

.form-block-5 {
  margin-bottom: 0;
}

.new-order-table {
  background-color: #fff;
  border: 1px solid #6896af;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.order-wrapper {
  display: block;
}

.progress-label-2 {
  color: #00ac3f;
  text-align: center;
  min-width: 130px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  position: relative;
  top: 33px;
}

.form-wrapper-modal {
  background-color: #fff;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

.div-block-3026 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.heading-4 {
  color: #fff;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.autocomplete-input-2 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.main-wrapper-3 {
  background-image: linear-gradient(333deg, #1c6785 5%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.question-template-modal {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 460px;
  margin-top: 0;
  padding: 30px 30px 60px;
}

.div-block-3027 {
  align-items: flex-start;
  display: flex;
}

.save-close {
  position: absolute;
  inset: 48px 40px auto auto;
}

.save-close.hide {
  opacity: 0;
}

.div-block-3028 {
  justify-content: flex-end;
  min-width: 30px;
  margin-right: 10px;
  display: flex;
}

.progress-bar-2 {
  background-color: #e2eeff;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 740px;
  height: 6px;
  display: flex;
  position: relative;
}

.customer-row-inner-wrapper {
  width: 100%;
  display: flex;
}

.tab {
  opacity: .86;
  color: #fffc;
  cursor: pointer;
  border-bottom: 3px solid #fff0;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.tab:hover {
  opacity: 1;
  color: #ffffffe6;
  border-bottom-color: #1d8b9e;
}

.tab.selected {
  opacity: 1;
  color: #feffffe6;
  cursor: auto;
  opacity: 1;
  cursor: auto;
  opacity: 1;
  cursor: auto;
  border-bottom: 3px solid #1d8b9e;
  position: relative;
}

.arrow2-3 {
  opacity: .86;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-3.down {
  cursor: pointer;
  margin-top: 3px;
  transition: all .4s;
  transform: rotate(90deg);
}

.arrow2-3.down.side-bar-hide {
  display: block;
}

.text-block-78 {
  margin-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.modal-top-bar-17 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.text-link-save-2 {
  color: #046cea;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  text-decoration: none;
}

.text-link-save-2:hover {
  color: #1059b2;
  text-decoration: underline;
}

.customer-info-3 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.text-14-2 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-2.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-2.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-2.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.form-button-2 {
  opacity: 1;
  color: #fff;
  background-color: #046cea;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-2:hover {
  background-color: #002fad;
}

.form-button-2.back {
  background-color: #889abd;
  border: 1px solid #ffffff73;
  min-width: 110px;
}

.form-button-2.back:hover {
  background-color: #6d80a3;
}

.form-button-2.back.ab {
  z-index: 2;
  position: absolute;
  top: 32px;
  left: 30px;
}

.modal-container-question {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 900px;
  max-height: 86vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.customer-service-label {
  padding-left: 30px;
}

.title-wrapper-3 {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.form-10 {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
}

.subnav {
  background-color: #1a1d25;
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  padding-top: 10px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
}

.subnav.hidden {
  display: none;
}

.new-order-button-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #1d8b9e;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 48px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.new-order-button-2:hover {
  background-color: #0c6d7e;
}

.new-order-button-2.xs {
  background-color: #1d8b9e00;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.new-order-button-2.xs:hover {
  background-color: #1d8b9e5c;
}

.text-block-79 {
  font-size: 16px;
  position: absolute;
}

.button-label-2 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-2.xsm {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-2.sm {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.image-187 {
  opacity: .36;
  margin-top: 10px;
}

.who-is-customer-modal, .modal-whats-being-sold {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-3031 {
  text-decoration: none;
  display: flex;
}

.button-bar-2 {
  position: relative;
}

.progress-2 {
  background-color: #00ac3f;
  width: 6%;
  height: 100%;
  transition: all .4s;
  position: absolute;
}

.progress-2._100 {
  width: 100%;
}

.div-block-3032 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 32px;
  display: flex;
}

.text-24-2 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.step-2 {
  z-index: 3;
  color: #fff;
  background-color: #00ac3f;
  border: 1px solid #fff;
  border-radius: 36px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  margin-top: -16px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  position: relative;
}

.step-2:hover, .step-2.w--current {
  background-color: #04722c;
}

.step-2.current {
  background-color: #055522;
}

.close-modal-12 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.order-item-3 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: auto;
}

.form-button-holder-2 {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 32px 40px 40px;
  display: flex;
  position: relative;
  box-shadow: -7px -10px 11px -7px #0003;
}

.modal-question {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.form-button-3 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-3:hover {
  background-color: #02507a;
}

.form-button-3.outline {
  background-color: #ffffff8f;
  border-color: #046cea;
  min-width: 40px;
  height: 38px;
  margin-left: 0;
  margin-right: 0;
  transition: background-color .3s;
}

.form-button-3.outline:hover {
  background-color: #d3e7ff;
}

.form-button-3.outline.xs {
  color: #046cea;
  background-color: #f6faff;
  border-color: #bedcff;
  min-width: 34px;
  height: 26px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.form-button-3.outline.xs:hover {
  background-color: #e5edf7;
}

.form-button-3.outline.url {
  color: #046cea;
  cursor: pointer;
  background-color: #f6faff;
  border-color: #bedcff;
  height: 28px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  display: flex;
}

.form-button-3.outline.url:hover {
  background-color: #e5edf7;
}

.form-button-3.outline.add-response {
  color: #046cea;
  background-color: #f6faff;
  border-color: #bedcff;
  height: 28px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.form-button-3.outline.add-response:hover {
  background-color: #e5edf7;
}

.form-button-3.outline.trash {
  color: #046cea;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-color: #facdcd;
  min-width: 35px;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.form-button-3.outline.trash {
  color: #046cea;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-color: #facdcd;
  min-width: 35px;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.form-button-3.outline.trash:hover {
  background-color: #facdcd;
}

.form-button-3.submit {
  margin-left: auto;
  margin-right: auto;
}

.form-button-3.submit.disabled {
  opacity: .24;
}

.form-button-3.submit.disabled:hover {
  background-color: #046cea;
}

.text-24-3 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.new-counterparty-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.autocomplete-icon {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-input-3 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-3._2 {
  background-color: #fff0;
  border-style: solid;
  border-color: #fff0;
  min-height: 36px;
  margin-bottom: 0;
  transition: all .3s;
}

.autocomplete-input-3._2:hover {
  border-color: #4cc0ff;
}

.autocomplete-input-3.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-3.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-3.owners {
  border-color: #dbdbdb;
  min-height: 30px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-3.owners.awef {
  min-height: 30px;
}

.chip-label-3 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.button-label-3 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-3.sm {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.button-label-3._14 {
  font-size: 14px;
}

.button-label-3.xsm {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-3.xsm.semi {
  font-weight: 600;
}

.results-scroller-4 {
  background-color: var(--white);
  border: 1px solid #cfcfcf;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.button-bar-3 {
  position: relative;
}

.result-row-3 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-3:hover {
  background-color: #e4f2ff;
}

.result-row-3.selected {
  background-color: #e7eeff;
}

.results-holder-5 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.ac-default-label-4 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.div-block-3037 {
  margin-bottom: 10px;
}

.modal-recycled-product-type {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.general-button {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 48px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.general-button:hover {
  background-color: #0077b8;
}

.general-button.xs {
  background-color: #1d8b9e00;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.general-button.xs:hover {
  background-color: #0077b8;
}

.general-button.form-2 {
  color: #046cea;
  background-color: #f6faff;
  border-color: #bedcff;
  flex-flow: row;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.general-button.form-2:hover {
  background-color: #e5edf7;
}

.general-button.edit-pencil {
  background-color: #1d8b9e00;
  background-image: url('../images/edit-white_1edit-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  margin-left: 12px;
  margin-right: 12px;
  padding: 0;
  display: block;
}

.general-button.edit-pencil:hover {
  background-color: #0077b8;
}

.general-button.edit-pencil.color-outline {
  background-color: #fff;
  background-image: url('../images/edit_1edit.png');
  border-style: solid;
  border-color: #0077b8;
  margin-left: auto;
  margin-right: 0;
}

.general-button.edit-pencil.color-outline:hover {
  background-color: #aae1ff;
}

.general-button.edit {
  background-color: #1d8b9e00;
  min-width: 40px;
  height: 24px;
  margin-right: 20px;
  padding: 3px 12px;
}

.general-button.edit:hover {
  background-color: #0077b8;
}

.general-button.form {
  z-index: 3;
  cursor: pointer;
  background-color: #1d8b9e00;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.general-button.form:hover {
  background-color: #0077b8;
}

.general-button.form-2-copy {
  color: #046cea;
  background-color: #f6faff;
  border-color: #bedcff;
  flex-flow: row;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.general-button.form-2-copy:hover {
  background-color: #e5edf7;
}

.general-button.vendor-form {
  color: #046cea;
  background-color: #f6faff;
  border-color: #bedcff;
  flex-flow: row;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 0;
  display: flex;
}

.general-button.vendor-form:hover {
  background-color: #e5edf7;
}

.customer-name-row-3 {
  z-index: 3;
  background-color: #0c3955;
  border-bottom: 1px solid #6896af;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 14px 16px 10px 12px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.customer-name-row-3:hover {
  background-color: #072c42;
}

.item-name-wrapper-4 {
  background-color: #184f72;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px 12px 38px;
  transition: background-color .4s;
  display: flex;
}

.item-name-wrapper-4:hover {
  background-color: #114363;
}

.item-submit-holder-3 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
}

.response-wrapper-4 {
  background-color: #0000;
  border-bottom: 1px solid #e2edff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.image-190 {
  opacity: .8;
  margin-right: 5px;
}

.text-13 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13.semi {
  font-weight: 600;
}

.summary-inner-wrapper-3 {
  background-color: #fff;
  padding: 10px 20px 10px 46px;
}

.answer-line-2 {
  padding-bottom: 12px;
  padding-left: 0;
  position: relative;
}

.answer-line-2.padding {
  padding-bottom: 10px;
  position: relative;
}

.new-counterparty-tag-2 {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: .5px;
  background-color: #1895ee;
  border-radius: 2px;
  height: 22px;
  margin-top: 2px;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.hover-layer-3 {
  opacity: 0;
  width: 74%;
  margin-left: auto;
  transition: opacity .8s;
  display: block;
  position: absolute;
  inset: 0%;
}

.hover-layer-3:hover {
  opacity: 1;
}

.hover-layer-3.hidden {
  display: none;
}

.response-label-4 {
  opacity: .72;
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-right: 20px;
}

.empty-state-display-3 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #e7ffff;
  background-image: linear-gradient(148deg, #69b9cf 14%, #45acc3 88%);
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 20px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.item-submit-holder-4 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
}

.response-wrapper-5 {
  background-color: #0000;
  border-bottom: 1px solid #e2edff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.image-192 {
  opacity: .8;
  margin-right: 5px;
}

.new-counterparty-tag-3 {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: .5px;
  background-color: #1895ee;
  border-radius: 2px;
  height: 22px;
  margin-top: 2px;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.hover-layer-4 {
  opacity: 0;
  width: 74%;
  margin-left: auto;
  transition: opacity .8s;
  display: none;
  position: absolute;
  inset: 0%;
}

.hover-layer-4:hover {
  opacity: 1;
}

.response-label-5 {
  opacity: .72;
  color: #000;
  width: 260px;
}

.image-193 {
  opacity: .8;
  margin-right: 5px;
}

.get-url-modal {
  z-index: 999;
  background-color: #fff;
  border-radius: 4px;
  width: 340px;
  height: 100px;
  padding: 20px 20px 15px;
  display: none;
  position: absolute;
  top: 42px;
  bottom: 0%;
  left: -120px;
  box-shadow: 4px 2px 8px 1px #0003;
}

.image-194 {
  margin-right: 6px;
}

.url-holder {
  opacity: .72;
  color: #000;
  width: 260px;
  padding-bottom: 10px;
}

.div-block-3046 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  display: flex;
  position: relative;
}

.customer-info-6 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.div-block-3047 {
  position: relative;
}

.item-submit-holder-5 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
}

.response-wrapper-6 {
  background-color: #0000;
  border-bottom: 1px solid #e2edff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.response-label-6 {
  opacity: .72;
  color: #000;
  width: 260px;
}

.item-submit-holder-6 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 10px;
  display: flex;
}

.response-wrapper-7 {
  background-color: #0000;
  border-bottom: 1px solid #e2edff;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 6px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.response-label-7 {
  opacity: .72;
  color: #000;
  width: 260px;
}

.loading-more-assignments {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.div-block-750-copy {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 120px;
  min-height: 75px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
}

.selling-to-modal, .price-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.question-template-2 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 20px 40px;
}

.text-block-82 {
  margin-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.div-block-3048 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 32px;
  display: flex;
}

.dollar-sign {
  margin-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.dollar-sign._2 {
  margin-left: 2px;
  margin-right: 2px;
  font-size: 15px;
}

.input {
  color: #000;
  cursor: text;
  background-color: #fff0;
  border: 1px solid #fff;
  width: 100px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: 10px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: background-color .3s;
  display: inline-block;
}

.input:hover {
  background-color: #fff;
  border: 1px solid #4cc0ff;
}

.input:active {
  border-color: #7cb7ff;
}

.input::placeholder {
  color: #73a7cc;
  font-weight: 600;
}

.ac-default-blue {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 46px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: 0;
}

.answer-line-button {
  padding-bottom: 12px;
  padding-left: 0;
  display: inline-block;
  position: relative;
}

.text-span-9 {
  color: #d85656;
}

.autocomplete-search-wrapper-copy {
  align-self: stretch;
  width: 480px;
  margin-top: -10px;
  margin-left: -14px;
  display: block;
  position: relative;
}

.item-count {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.form-block-20 {
  margin-bottom: 0;
}

.button-change-history {
  width: 60px;
  height: 60px;
  padding: 15px 4px 4px 14px;
  position: absolute;
  inset: 0% 14px auto auto;
}

.table-design {
  background-color: #fff;
  border: 1px solid #7991a7;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 70px;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.table-design.hidden {
  display: block;
}

.text-15 {
  color: #000000db;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-15.semi {
  font-weight: 600;
}

.meta-data-wrapper {
  opacity: .72;
  color: #000;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 4px;
  display: flex;
}

.filter-button-icon {
  opacity: .8;
  cursor: pointer;
  background-image: url('../images/arrow-down_2arrow-down.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 20px;
  min-height: 20px;
  margin-left: 10px;
}

.apply-button-3 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button-3:hover {
  color: #fff;
  background-color: #1679cf;
}

.grip-line-holder {
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 14px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.apply-button-wrapper {
  border-top: 1px solid #dadada;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.apply-button-wrapper.hidden {
  display: none;
}

.tag-small {
  clear: left;
  background-color: #00528ca3;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.tag-small:hover {
  background-color: #00528ccc;
}

.modal-option-filter {
  z-index: 100;
  display: none;
  position: fixed;
  inset: 0;
}

.ac-icon {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 4px;
  margin-right: 6px;
}

.ac-icon.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
  margin-left: 0;
}

.tag-item-input {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.freeze-dragger {
  cursor: ew-resize;
  background-color: #020303;
  border-left: 1px solid #a3c8f5;
  border-right: 1px solid #a3c8f5;
  align-self: stretch;
  min-width: 6px;
}

.freeze-dragger.unselectable {
  background-color: #507aad85;
  border: 1px solid gray;
  min-width: 6px;
}

.freeze-dragger.unselectable.dragging {
  background-color: #507aad;
}

.frozen-results {
  border-color: #363af8 #0000007a #363af8 #363af8;
}

.div-block-462-copy {
  max-width: 500px;
  font-size: 22px;
  line-height: 27px;
}

.content-row {
  transition: all .4s;
}

.content-row:hover {
  background-color: #f1f7fc;
}

.content-row.selected {
  background-color: #e6f1ff;
}

.content-row.hover {
  background-color: #f1f7fc;
}

.content-cell {
  border-top: 1px #000;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  align-items: center;
  min-height: 40px;
  padding: 8px 10px;
  font-family: Open Sans, sans-serif;
  transition: all .4s;
  display: flex;
}

.load-more {
  text-align: center;
  width: 100%;
  height: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.name-label {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.name-label:hover {
  color: #313131;
}

.name-label.bold {
  text-align: left;
  font-weight: 600;
}

.name-label.clickable {
  color: #0078ce;
  cursor: pointer;
  font-weight: 500;
}

.name-label.clickable:hover {
  color: #00b2ed;
}

.tab-filter-template.hidden {
  background-color: #fff;
  width: 330px;
  height: 300px;
  display: block;
  overflow: auto;
}

.scrollable-results {
  flex: 1;
  overflow: visible;
}

.twm-spinner {
  margin-top: 40px;
}

.row-select-cell {
  cursor: pointer;
  background-image: url('../images/check-unchecked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border-right-style: none;
  border-right-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 100%;
  min-height: 30px;
  margin-right: 10px;
  display: block;
}

.row-select-cell:hover {
  background-image: url('../images/check-hover.png');
}

.row-select-cell.selected {
  background-image: url('../images/checked.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  display: block;
}

.header-cell-content-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  display: flex;
  position: relative;
}

.table-scroller {
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow: hidden;
}

.block {
  border: 1px solid #000;
  min-width: 600px;
  margin-top: 20px;
  padding-top: 0;
  transition: all .4s;
  position: static;
  overflow: visible;
}

.header-cell {
  color: #fff;
  cursor: pointer;
  object-fit: fill;
  background-color: #eaeff3;
  border-right: 1px solid #fff;
  height: auto;
  padding: 6px 10px;
  font-family: Open Sans, sans-serif;
  line-height: 16px;
  overflow: visible;
}

.header-cell:hover {
  background-color: #e7e7e7;
}

.badge-2 {
  color: #fff;
  text-align: center;
  background-color: #00528c;
  border: 1px solid #ffffff80;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 15px;
  min-width: 15px;
  height: 15px;
  min-height: 15px;
  font-size: 11px;
  font-weight: 600;
  line-height: 12px;
  display: block;
  position: absolute;
  inset: -7px -3px auto auto;
}

.loading-indicator-view {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  display: block;
  position: relative;
  overflow: hidden;
}

.load-more-copy {
  text-align: center;
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.sort-arrow-3 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
  position: relative;
  top: 5px;
}

.results-frame {
  width: 100%;
  display: flex;
}

.horizonal-inner-wrapper {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.horizonal-inner-wrapper.print {
  border-bottom-style: none;
  padding-top: 0;
}

.horizonal-inner-wrapper._2 {
  border-bottom-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.horizonal-inner-wrapper.no-line {
  border-bottom-style: none;
}

.horizonal-inner-wrapper.no-line.qty {
  margin-left: 20px;
}

.loading-sidebar-holder {
  background-color: #fff;
  height: 100vh;
  padding-top: 220px;
}

.input-2 {
  color: #000;
  cursor: text;
  background-color: #fff0;
  border: 1px solid #fff;
  width: 100px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: background-color .3s;
  display: inline-block;
}

.input-2:hover {
  background-color: #fff;
  border: 1px solid #4cc0ff;
}

.input-2:active {
  border-color: #7cb7ff;
}

.input-2::placeholder {
  color: #73a7cc;
  font-weight: 600;
}

.input-2.date {
  width: 110px;
  margin-right: 0;
  padding-left: 6px;
  padding-right: 6px;
}

.input-2.med.long {
  width: 420px;
  margin-left: -4px;
  padding-right: 25px;
}

.input-2.med {
  width: 280px;
  margin-left: 10px;
}

.input-2.notes {
  background-color: #f1f4f800;
  border-bottom-color: #c6dcff;
  width: 400px;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.input-2.notes:hover {
  border-color: #c6dcff;
}

.input-2.notes::placeholder {
  font-weight: 400;
}

.input-2.long {
  width: 400px;
}

.submitted-orders-table-holder-2 {
  flex: 1;
  transition: opacity 1s;
  overflow: auto;
}

.submitted-orders-table-holder-2.no-opacity {
  transition-duration: .5s;
  display: none;
  position: sticky;
}

.column-8 {
  color: #161616;
  cursor: pointer;
  border-bottom: 1px solid #7991a738;
  border-right: 1px solid #ffffff4a;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  min-width: 80px;
  max-width: none;
  height: 48px;
  padding: 8px 6px 8px 12px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
}

.column-8.medium._2 {
  background-color: #0c3955;
}

.column-8.date {
  min-width: 160px;
}

.column-8.date.header {
  background-color: #0c3955;
}

.column-8.short {
  width: 12%;
  min-width: 120px;
}

.column-8.short._2 {
  background-color: #0c3955;
}

.column-8.short._2:hover {
  background-color: #1d3f4b;
}

.column-8.short._38 {
  height: 38px;
}

.column-8.approve {
  padding-left: 6px;
}

.column-8.status {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 200px;
  min-width: 220px;
  padding-right: 12px;
}

.column-8.id {
  flex: none;
  width: 65px;
  min-width: 65px;
}

.column-8.id {
  min-width: 65px;
}

.column-8.s {
  width: 20%;
  min-width: 150px;
}

.column-8.s._38 {
  height: 38px;
}

.column-8.medium._38 {
  z-index: 1;
  background-color: #0c3955;
  height: 38px;
}

.column-8.medium {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 300px;
  position: relative;
}

.column-8.medium._2 {
  z-index: 1;
  background-color: #0c3955;
}

.column-8.status {
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-width: 220px;
  padding-right: 12px;
}

.column-8.long {
  justify-content: space-between;
  align-items: center;
  width: 37%;
  min-width: 400px;
  position: relative;
}

.column-8.center {
  justify-content: center;
  width: 80px;
  padding-left: 6px;
}

.column-8.medium {
  justify-content: space-between;
  align-items: center;
  min-width: 300px;
  position: relative;
}

.column-8.medium.header {
  z-index: 1;
  background-color: #0c3955;
}

.no-input-block-2 {
  opacity: .51;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

.tag-content-5 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.text-14-2-copy {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.contact-wrapper {
  flex-flow: column;
  padding-bottom: 20px;
}

.new-order-button-4 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #1d8b9e;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  height: 48px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.new-order-button-4:hover {
  background-color: #0c6d7e;
}

.new-order-button-4.xs {
  text-align: center;
  background-color: #1d8b9e00;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.new-order-button-4.xs.side-bar-hide {
  display: flex;
}

.new-order-button-4.xs {
  background-color: #1d8b9e00;
  min-width: 80px;
  height: 38px;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.new-order-button-4.xs:hover {
  background-color: #1d8b9e5c;
}

.new-order-button-4.vendor {
  text-align: center;
  background-color: #09556c;
  min-width: 94px;
  height: 42px;
  margin-right: auto;
  padding-left: 4px;
  padding-right: 4px;
  display: inline-flex;
  position: absolute;
  inset: 12px 0 auto auto;
}

.new-order-button-4.vendor:hover {
  background-color: #0177b8;
}

.no-contacts-message {
  padding-top: 20px;
  padding-bottom: 20px;
}

.button {
  color: #0077b8;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0077b8;
  border-radius: 4px;
  padding: 5px 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  transition: background-color .3s;
}

.button:hover {
  background-color: #d1e9ff;
}

.form-21 {
  flex-direction: column;
  padding-bottom: 0;
  display: flex;
}

.modal-top-bar-26 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.nz-15-84 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.nz-15-84.bold {
  font-weight: 700;
}

.nz-15-84.bold.center {
  color: #fff;
  text-align: center;
  font-size: 18px;
}

.remove-13 {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-13:hover {
  opacity: 1;
}

.remove-13.xs {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.remove-13.small {
  background-color: #061f4733;
  background-size: 8px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.remove-13.small:hover {
  background-color: #061f4766;
}

.empty-state-display-9 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #e7ffff;
  background-image: linear-gradient(148deg, #69b9cf 14%, #45acc3 88%);
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 20px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.answer-line-16 {
  padding-bottom: 12px;
  padding-left: 0;
  position: relative;
}

.answer-line-16.hidden {
  display: block;
}

.chip-label-19 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.chip-label-19.small {
  font-size: 13px;
  line-height: 16px;
}

.upload-drag-drop-button {
  cursor: pointer;
  background-color: #f1faff;
  border: 1px dashed #96c5ff;
  border-radius: 4px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 20px;
  margin-top: 10px;
  padding: 25px;
  text-decoration: none;
}

.upload-drag-drop-button.sm {
  max-width: 640px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}

.upload-drag-drop-button.sm-2 {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
}

.progress-bar-holder {
  background-color: #d8f0f8;
  height: 18px;
  margin-top: 8px;
}

.uploading-loader {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.uploading-loader.hidden {
  display: block;
}

.uploading-file {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  margin-left: auto;
  margin-right: auto;
}

.text-201 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-201.white {
  color: #fff;
}

.response-label-24 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.modal-drawing-2 {
  z-index: 995;
  background-color: #0006;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.line-weight {
  align-items: center;
  height: 24px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 18px;
  transition: background-color .3s;
  display: flex;
}

.line-weight:hover {
  background-color: #39393a;
}

.save-button-drawing {
  color: #fff;
  background-color: #1695f0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 90px;
  margin-left: 20px;
  transition: background-color .4s;
  display: flex;
}

.save-button-drawing:hover {
  color: #fff;
  background-color: #0e82d4;
}

.tool-color-selected {
  background-color: #ff0;
  border: 2px solid #fff;
  width: 22px;
  height: 22px;
  margin-right: 0;
  display: inline-block;
}

.toolbar-holder {
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.drawing-toolbar {
  background-color: #f3f3f3;
  border-radius: 0 0 8px 8px;
  justify-content: center;
  align-items: flex-start;
  height: 18%;
  min-height: 100px;
  display: flex;
  position: static;
  inset: 0 0 84px;
}

.modal-content-drawing {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 90%;
  min-width: 992px;
  height: 90%;
  min-height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.toolbar-color-swatch {
  background-color: #000;
  border: 1px solid #fff;
  width: 22px;
  height: 22px;
  margin-left: 2px;
  margin-right: 2px;
  display: inline-block;
}

.toolbar-color-swatch.cyan {
  background-color: #0ff;
}

.toolbar-color-swatch.yellow {
  background-color: #ff0;
}

.toolbar-color-swatch.pink {
  background-color: #f0f;
}

.toolbar-color-swatch.green {
  background-color: #0f0;
}

.toolbar-color-swatch.blue {
  background-color: #00f;
}

.toolbar-color-swatch.red {
  background-color: red;
}

.toolbar-color-swatch.grey {
  background-color: #b3b3b3;
}

.toolbar-color-swatch.white {
  background-color: #fff;
}

.menu-item-wrapper-2 {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 14px;
  padding-right: 14px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-item-wrapper-2:hover {
  background-color: #092231;
}

.drawing-content {
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  height: 78%;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.tool {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  margin-right: 4px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.tool:hover, .tool:focus {
  background-color: #39393a;
}

.tool.text {
  background-image: url('../images/icon-text.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.undo {
  background-image: url('../images/icon-undo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 46px;
  height: 46px;
  margin-right: 4px;
}

.tool.arrow {
  background-color: #fff0;
  background-image: url('../images/icon-line-arrow.png');
  background-position: 50%;
  background-size: 36px;
}

.tool.crop {
  background-image: url('../images/icon-crop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  background-attachment: scroll;
}

.tool.erase {
  background-image: url('../images/icon-eraser.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.line-weight {
  background-image: url('../images/icon-thickness.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
  width: 46px;
  height: 46px;
}

.tool.line {
  background-image: url('../images/icon-line.png');
  background-position: 50%;
  background-size: 36px;
}

.tool.pen {
  background-image: url('../images/icon-freehand.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 36px;
}

.tool.rotate {
  background-image: url('../images/icon-rotate_1icon-rotate.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.tool.rotate.hidden {
  display: none;
}

.tool.redo {
  background-image: url('../images/icon-redo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 46px;
  height: 46px;
  margin-right: 4px;
}

.line-option {
  border: 0 #fff;
  border-top: 2px solid #fff;
  width: 40px;
  margin-right: 12px;
}

.line-option._4px {
  border-width: 4px 0 0;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.line-option._6px {
  border-width: 6px 0 0;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.line-option._8px {
  border-width: 8px 4px;
  border-color: #fff;
  border-left-style: none;
  border-right-style: none;
}

.menu-line-weights {
  z-index: 96;
  background-color: #585858;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 98px;
  height: auto;
  padding: 8px 0;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.pause {
  display: inline-block;
}

.menu-colors {
  z-index: 95;
  background-color: #585858;
  border: 1px solid #a1a1a1;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  width: 100px;
  height: auto;
  padding: 10px 10px 6px;
  display: block;
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  box-shadow: 1px 1px 3px #00000078;
}

.dot {
  background-color: #ed4444;
  border-radius: 14px;
  min-width: 10px;
  min-height: 10px;
  margin-top: -9px;
  margin-left: 5px;
}

.play-pause-holder {
  opacity: .7;
  margin-right: 20px;
  transition: opacity .3s;
}

.play-pause-holder:hover {
  opacity: .9;
}

.drawing-tools {
  background-color: #585858;
  border-radius: 8px;
  align-items: center;
  width: 598px;
  height: 54px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.tool-overlay {
  z-index: 98;
  background-color: #ffffff8a;
  border-radius: 8px;
  width: 526px;
  height: 54px;
  display: none;
  position: absolute;
  right: 0;
}

.play {
  display: inline-block;
}

.modalclosediv-8 {
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
  position: relative;
  top: -14px;
}

.upload-tiems-wrapper-2 {
  max-height: 560px;
  padding-bottom: 16px;
  display: block;
  overflow: auto;
}

.item-duration {
  color: #fff;
  background-color: #0009;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: auto 4px 4px auto;
}

.library-loading-workouts {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
}

.sound-icon {
  opacity: .86;
  width: 28px;
  display: none;
}

.sound-icon:hover {
  opacity: 1;
}

.sound-icon.visible {
  display: block;
}

.autocomplete-input-4 {
  float: none;
  clear: none;
  color: #333;
  background-color: #155279cc;
  border: 1px #cfcfcf;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 4px 6px 2px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.ac-default-label-small-5 {
  color: #312b3db3;
  align-items: center;
  height: 30px;
  margin: 2px 6px;
  padding-top: 6px;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.sf-113 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.sf-113:hover {
  color: #016bb6;
}

.wide-header-content-2-copy {
  z-index: auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  display: flex;
  position: relative;
}

.wide-header-content-2-copy.left {
  background-color: #032944;
  border-bottom: 1px solid #215e85;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 14px;
}

.timeline-audio-holder-mini {
  display: block;
  position: absolute;
  inset: 0%;
}

.tag-2 {
  background-color: #0f6da3;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding: 2px 5px 0 6px;
  display: inline-block;
}

.tag-2.multiple {
  display: inline-block;
}

.progress-name-bar-2 {
  width: 280px;
  padding-right: 0;
}

.close-side-panel {
  opacity: .7;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
}

.close-side-panel:hover {
  opacity: 1;
}

.tooltip {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.sf-14 {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
}

.sf-14.white {
  color: #fff;
  inset: 0% auto auto 0%;
}

.time-elasped {
  background-color: #2196f3;
  border-radius: 20px;
  width: 20px;
  height: 10px;
  position: absolute;
}

.time-elasped.small {
  width: 70%;
  height: 8px;
}

.time-elasped._2 {
  width: 135px;
}

.image-84 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-120 {
  opacity: .76;
}

.image-122 {
  height: 100px;
}

.item-button-icon-4 {
  width: 16px;
  margin-right: 1px;
  padding: 0;
}

.add-post-button {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.add-post-button:hover {
  color: #fff;
  background-color: #00b2ed;
}

.video {
  margin-bottom: 0;
}

.upload-widget-heading {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 44px;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 6px;
  display: flex;
}

.ac-default-label-20 {
  color: #7dafd3;
  width: 230px;
  height: 40px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 10px;
  font-size: 15px;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -4px;
}

.library-tag {
  color: #00528c;
  background-color: #fff;
  border: 1px solid #00528c;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 30px;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-right: 4px;
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  display: inline-block;
}

.library-tag:hover {
  color: #fff;
  background-color: #00528ccc;
}

.library-tag.selected {
  color: #fff;
  background-color: #00528c;
}

.help-icon-3 {
  opacity: .74;
  background-color: #ffffff4f;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: flex;
  position: relative;
  top: -3px;
}

.help-icon-3:hover {
  opacity: 1;
}

.help-icon-3.dark {
  background-color: #00000080;
  top: -2px;
}

.sf-77 {
  color: #000000db;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-77.white {
  color: #fff;
}

.sort-option-3 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 50px;
  height: 30px;
  margin-left: 4px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 15px;
  display: flex;
}

.sort-option-3:hover {
  background-color: #d8e1e7;
}

.sort-option-3.selected {
  color: #312b3de3;
  background-color: #cad2e0;
  border-color: #fff;
}

.library-sharing-section {
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.tile-thumb-2 {
  background-image: url('../images/IMG_1424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 75%;
  position: relative;
}

.tile-thumb-2.doc {
  background-image: url('../images/doc.png');
  background-size: 72px;
}

.tile-thumb-2.tall-copy, .tile-thumb-2.tall {
  background-image: url('../images/thumb2.png');
  height: 75%;
  max-height: 75%;
  display: block;
  position: relative;
  overflow: hidden;
}

.timeline-audio-holder-mini-copy {
  display: block;
  position: static;
  inset: 0%;
}

.div-block-758 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.additional-tag-holder {
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.create-new-button-5 {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 4px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.create-new-button-5:hover {
  color: #fff;
  background-color: #00b2ed;
}

.item-header-mini {
  color: #312b3de3;
  text-align: left;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 11px;
  display: block;
}

.image-79 {
  margin-left: 3px;
  display: none;
}

.library-tab-wrapper-content {
  flex: 1;
  display: block;
  position: relative;
  overflow: hidden;
}

.chip-label-white-sm-2-colhk {
  color: #7dafd3;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.speed-option {
  color: #ffffffdb;
  text-align: right;
  cursor: default;
  background-color: #0000;
  height: 32px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  font-size: 14px;
}

.speed-option:hover {
  color: #fff;
  background-color: #353535;
}

.results-wrapper-14 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.tag-content-10 {
  justify-content: space-around;
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.tag-content-10.small {
  align-items: center;
  height: 30px;
  min-height: 30px;
}

.audio-bottom-controls-mini {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 44px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.playback-speed-small {
  z-index: 11;
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 24px;
  font-size: 15px;
  font-weight: 500;
  display: flex;
  position: absolute;
  inset: -15px 6px auto auto;
}

.playback-speed-small:hover {
  background-color: #fff;
}

.item-media-mini {
  text-align: center;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  position: relative;
}

.volume-bar {
  background-color: #fff9;
  border-radius: 20px;
  width: 10px;
  height: 60px;
  display: block;
  position: absolute;
  inset: auto 14px 34px auto;
}

.library-empty {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  display: flex;
}

.upload-item-row-2 {
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 12px 4px;
  display: flex;
}

.revert-button {
  cursor: pointer;
  display: inline-block;
}

.speed-level-bar {
  background-color: #000000b3;
  border-radius: 4px;
  width: 56px;
  display: none;
  position: absolute;
  inset: auto 0 34px auto;
}

.speed-level-bar.sm {
  z-index: 1001;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: absolute;
  bottom: 30px;
}

.image-90 {
  filter: invert();
  position: relative;
}

.button-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 300px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.ac-icon-2 {
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 6px;
}

.ac-icon-2.empty {
  background-image: none;
  width: 4px;
  min-width: 4px;
  height: 22px;
}

.pause-icon {
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  transform: rotate(0);
}

.upload-img {
  opacity: .63;
  width: 106px;
}

.plus-icon {
  opacity: .7;
  margin-right: 0;
}

.search-wrapper-7 {
  width: 390px;
  position: relative;
}

.search-wrapper-7.media {
  flex: 1;
}

.sharing-checkbox-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: 3px;
  padding-bottom: 3px;
  display: flex;
}

.timeline-post-3 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  width: 512px;
  height: auto;
  min-height: 120px;
  margin-top: 0;
  margin-bottom: 12px;
  padding-top: 10px;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.timeline-post-3:hover {
  border-color: #00b2ed;
  box-shadow: 0 4px 12px #00528c80;
}

.timeline-post-3.preview {
  text-align: left;
  border-style: none;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  transition-property: none;
  display: flex;
}

.timeline-post-3.preview:hover {
  box-shadow: none;
  border-style: none;
}

.timeline-post-3.preview:active {
  box-shadow: none;
}

.div-block-289 {
  margin-top: 14px;
}

.sf-72 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-72.white-11 {
  color: #fff;
  cursor: default;
  font-size: 11px;
}

.bulk-select-wrapper {
  display: none;
  position: relative;
  overflow: auto;
}

.library-item-wrapper {
  object-fit: fill;
  flex: 1;
  padding-top: 12px;
  padding-left: 10px;
  transition: opacity .5s;
  display: block;
  overflow: auto;
}

.send-icon-button {
  width: 18px;
  margin-right: 3px;
}

.matched-2 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.tile-item-name-3 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.media-toggle {
  opacity: .74;
  background-color: #3b759e96;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  height: 100%;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.media-toggle:hover {
  opacity: 1;
  background-color: #3b759ed6;
}

.media-toggle.selected {
  opacity: 1;
  background-color: #3b759e;
  border: 1px #00528c8f;
}

.tag-icon-chjlopy {
  opacity: .86;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
  font-size: 20px;
}

.edit-media-item {
  display: block;
}

.div-block-698 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.mini-post-content-wrapper {
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 0 4px;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: auto;
}

.cancel-upload-3 {
  background-color: #77777794;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
}

.cancel-upload-3:hover {
  background-color: #858585;
}

.cancel-upload-3.sm {
  background-color: #0000001f;
  border: 1px solid #929292;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.image-60 {
  display: none;
}

.tagging-section-wrapper {
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.library-sidebar {
  background-color: #eef2f5;
  border-style: none none none solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  flex: none;
  width: 310px;
  height: 100%;
  padding-bottom: 80px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: auto;
}

.item-mini-button {
  text-transform: uppercase;
  max-width: 90%;
  margin-bottom: 6px;
  padding: 3px 6px;
  font-size: 8px;
  line-height: 7px;
}

.item-mini-button:hover {
  color: #fff;
}

.div-block-753 {
  display: flex;
}

.play-pause-button-mini {
  z-index: 5;
  opacity: 1;
  background-color: #0006;
  border: 2px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  top: -10px;
  bottom: auto;
}

.play-pause-button-mini:hover {
  opacity: 1;
  background-color: #000000b3;
}

.speed-selected {
  cursor: default;
}

.speed-selected.sm {
  font-size: 14px;
}

.sf-102 {
  color: #000000db;
  text-shadow: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.preview-notes {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 14px;
  font-size: 15px;
  line-height: 18px;
  display: block;
  overflow: hidden;
}

.volume-control {
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 34px;
  margin-left: 14px;
  padding-top: 4px;
  display: flex;
  position: relative;
}

.volume-control.hide {
  display: none;
}

.div-block-696 {
  flex-direction: row;
  flex: 1;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.loading-ac-tag {
  border-radius: 6px;
  justify-content: space-between;
  min-width: 40px;
  min-height: 34px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 0 5px;
  display: inline-block;
}

.audio-message-wrapper-2-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 128px;
  display: block;
}

.time-bar-thumb {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 200px;
  height: 8px;
  margin-left: 6px;
  margin-right: 4px;
  position: relative;
}

.result-row-34 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-34:hover, .result-row-34.selected {
  background-color: #d8e6fc;
}

.buttonlabel-2 {
  float: none;
  color: #000000b3;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: block;
}

.buttonlabel-2.white {
  color: #ffffffb3;
  align-items: center;
  margin-left: 5px;
  margin-right: 10px;
  font-size: 14px;
  line-height: 16px;
  text-decoration: underline;
}

.buttonlabel-2.white.f {
  font-style: normal;
  text-decoration: none;
}

.remove-15 {
  opacity: .72;
  background-color: #08537eb8;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
}

.remove-15:hover {
  opacity: 1;
}

.remove-15.small {
  cursor: pointer;
  background-size: 8px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.more-tag-modal {
  z-index: 99;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  width: 240px;
  min-height: 80px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 1px 3px 14px #0003;
}

.empty-state-wrapper {
  text-align: center;
  padding: 40px 20px 20px;
}

.sort-wrapper-2 {
  align-items: center;
  display: flex;
}

.audio-time {
  justify-content: flex-end;
  width: 54px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.audio-time.small {
  padding-left: 0;
  font-size: 12px;
}

.audio-time.right {
  justify-content: flex-start;
}

.toggle-divider {
  background-color: #3b759ed6;
  width: 1px;
  height: 46px;
}

.div-block-464 {
  height: 6px;
  position: absolute;
}

.arrow-down {
  cursor: pointer;
  margin-left: 6px;
  margin-right: 6px;
}

.chat-message-unit-3 {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.modal-container-6 {
  z-index: 1000;
  width: 0;
  height: 0;
  max-height: 100vh;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.audio-play-button {
  z-index: 9;
  opacity: .8;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  margin: auto;
  display: block;
  position: absolute;
  inset: 0%;
}

.audio-play-button:hover {
  opacity: 1;
}

.share-checkbox {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #d8d8d8;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  display: flex;
}

.share-checkbox:hover {
  opacity: .5;
  background-image: url('../images/tick_1tick.png');
  background-position: 50%;
  background-size: cover;
  border-style: none;
}

.item-button-icon {
  width: 16px;
  margin-right: 4px;
}

.text-tooltip-2 {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.sf-99 {
  color: #032944;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.youtube-button {
  background-color: #00b2edcc;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 40px;
  margin-left: 8px;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.youtube-button:hover {
  color: #fff;
  background-color: #00b2ed;
}

.youtube-button.hidden {
  display: flex;
}

.sf-100 {
  color: #032944;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.sf-100.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.input-url-4 {
  margin-top: 4px;
  margin-bottom: 10px;
  display: block;
}

.settings-header {
  background-color: #00528c;
  justify-content: space-between;
  align-items: center;
  min-height: 35px;
  padding: 2px 4px 2px 10px;
  display: flex;
}

.unmatched-2 {
  color: #000000db;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.delete-exercise {
  justify-content: flex-end;
  padding: 40px 20px 20px 10px;
  display: flex;
}

.div-block-789 {
  background-color: #f7f7f7;
  flex-direction: column;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.item-name-input {
  color: #1d1d1d;
  background-color: #ffffff94;
  border: 1px solid #d3d3d3;
  width: 100%;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 14px;
  padding-top: 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.item-name-input:hover {
  background-color: #fff;
  border: 1px solid #d3d3d3;
}

.item-name-input:focus {
  border: 1px solid #a7a7a7;
}

.item-name-input::placeholder {
  color: #27272766;
}

.textarea-8 {
  min-height: 80px;
  margin-top: 5px;
  font-size: 15px;
}

.post-header-6 {
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 30px 10px 20px;
}

.action-button-holder {
  background-color: #fff;
  border-bottom: 1px solid #b9b9b9;
  justify-content: flex-end;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.results-scroller-39 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.item-action-button {
  cursor: pointer;
  align-items: center;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.item-action-button:hover {
  background-color: #d1e5f3;
}

.item-action-button.delete:hover {
  background-color: #ffc8c8;
}

.item-action-button.fms {
  cursor: pointer;
}

.library-section-wrapper {
  margin-top: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.handle-small {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: absolute;
  inset: -4px 0 auto auto;
}

.handle-small:hover {
  background-color: #fff;
}

.sf-93 {
  color: #313131;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

.sf-93.red {
  color: #d32f2f;
}

.sf-93.red.right {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.sf-93.grey {
  color: #8f8f8f;
  text-transform: none;
  font-size: 13px;
  line-height: 16px;
}

.apply-text {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
}

.edit-block-item {
  display: block;
}

.file-info {
  padding-top: 10px;
  padding-bottom: 4px;
  padding-left: 10px;
  display: block;
}

.library-search-filter {
  flex: 1;
  align-items: flex-start;
  padding-right: 10px;
  display: flex;
}

.item-outer-wrapper {
  background-color: #f7f7f7;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.empty-image {
  opacity: .47;
  text-align: center;
  width: 76px;
  margin-top: 140px;
  margin-bottom: 14px;
}

.handle-volume {
  cursor: pointer;
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -10px -5px auto auto;
}

.handle-volume:hover {
  background-color: #fff;
}

.item-plan-mini {
  color: #999;
  background-color: #ddeaee;
  border-radius: 4px;
  margin-top: 6px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}

.tile-contents {
  position: absolute;
  inset: 0%;
}

.text-empty {
  color: #949494;
  text-align: center;
  padding-top: 20px;
  font-size: 20px;
  line-height: 24px;
}

.image-104 {
  max-width: none;
}

.item-button-icon-2 {
  width: 20px;
  padding-right: 3px;
}

.shared-icon {
  color: #fff;
  background-color: #2e2e2e99;
  background-image: url('../images/group-w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px #000;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  font-size: 13px;
  line-height: 13px;
  position: absolute;
  inset: 6px 4px auto auto;
}

.shared-icon:hover {
  background-color: #2e2e2ee6;
}

.div-block-812 {
  min-height: 10px;
}

.upload-progress-widget2-2 {
  z-index: 100;
  background-color: #fff;
  border: 1px solid #fff;
  width: 320px;
  min-height: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 1px 1px 11px #0006, 0 0 6px #fff;
}

.tile-tall-4 {
  text-align: center;
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 190px;
  height: 176px;
  max-height: 176px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-right: 5px;
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}

.tile-tall-4:hover {
  border-width: 2px;
  border-color: #00b2ed;
}

.tile-tall-4.hidden {
  display: inline-block;
}

.tile-tall-4.content-block {
  background-color: #eee;
}

.tile-tall-4.selected {
  background-color: #b7e8f8;
  border-width: 2px;
  border-color: #00b2ed;
}

.youtube-url-entry {
  opacity: 1;
  flex-direction: column;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.collapse-expand-icons {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 40px;
  display: flex;
}

.youtube-modal {
  background-color: #fff;
  border-radius: 6px;
  width: 340px;
  min-height: 100px;
  padding-top: 4px;
  display: none;
  position: absolute;
  inset: 44px 0% auto auto;
  box-shadow: 3px 3px 10px #00000045;
}

.item-text-mini {
  color: #313131;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-right: 0;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 8px;
  line-height: 8px;
  display: block;
  overflow: hidden;
}

.library-tag-wrapper {
  align-items: center;
  width: 740px;
  position: relative;
  overflow: hidden;
}

.library-tag-wrapper.hidden {
  display: none;
}

.sf-76-copy {
  color: #d61d1d;
  font-size: 13px;
  line-height: 16px;
}

.sf-76-copy.hidden {
  display: block;
}

.item-preview-modal {
  z-index: 11;
  background-color: #fff;
  border: 1px solid #fff;
  width: 400px;
  height: 300px;
  min-height: 200px;
  display: none;
  position: static;
  inset: 0% auto auto 0%;
  box-shadow: 5px 5px 14px 4px #0003;
}

.item-header-copy-2 {
  color: #312b3de3;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.label-tile-2 {
  color: #313131;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 13px;
  overflow: hidden;
}

.audio-message-wrapper-2-copy-copy {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2-copy-copy.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 92px;
  display: block;
}

.media-toggle-bar {
  cursor: pointer;
  border-width: 1px;
  border-color: #0f81d1;
  align-items: flex-start;
  height: 46px;
  display: flex;
}

.tag-content-11 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.results-holder-22 {
  z-index: 101;
  margin-left: auto;
  margin-right: auto;
  display: none;
  position: relative;
  overflow: visible;
}

.library-media-content-view {
  background-color: #032944;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  max-height: 100vh;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.sf-15 {
  color: #312b3de3;
  font-size: 15px;
  line-height: 18px;
}

.volume-level-bar {
  background-color: #2196f3;
  border-radius: 20px;
  width: 10px;
  position: absolute;
  inset: auto auto 0;
}

.volume-level-bar.max {
  height: 100%;
}

.timeline-media-2 {
  text-align: center;
  align-self: auto;
  width: 100%;
}

.arrow-up {
  cursor: pointer;
  display: block;
}

.media-type-toggle-wrapper {
  margin-right: 16px;
}

.audio-player-controls-2 {
  z-index: auto;
  opacity: 1;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  display: flex;
  position: relative;
  inset: 0%;
}

.audio-player-controls-2:hover, .audio-player-controls-2.no-image {
  opacity: 1;
}

.library-view-options {
  background-color: #ebf0f3;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  display: flex;
  position: relative;
}

.play-icon-mini {
  justify-content: center;
  align-items: center;
  padding-left: 3px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.div-block-786 {
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 2px;
  padding-right: 2px;
  display: flex;
}

.progress-bar-holder-3 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.progress-bar-holder-3.blue {
  background-color: #275a80;
}

.xls-upload {
  text-align: center;
  width: 340px;
  padding-top: 20px;
  padding-bottom: 10px;
}

.table {
  border: 1px solid #7991a7;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 70px;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.tag-3 {
  background-color: #d1e9ff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 5px 8px 5px 10px;
  display: flex;
}

.tag-3.print {
  background-color: #fff;
  flex-flow: column;
  padding-left: 0;
  padding-right: 0;
}

.tag-3.small {
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding-left: 8px;
}

.tag-3.multi {
  background-color: #d1e9ff;
  border: 1px solid #bdcaeb;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 0 4px 0 6px;
  display: inline-block;
  position: relative;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.reverse {
  background-color: #008ba0;
  border-style: none;
  border-color: #0c7c8d;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 26px;
  min-height: 26px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 28px;
  min-height: 28px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 30px;
  min-height: 30px;
}

.tag-3.multi.small {
  cursor: pointer;
  height: 26px;
  min-height: 26px;
}

.tag-3.multi.small:hover {
  background-color: #a9d6ff;
}

.matched-4 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.filter-option-scroller-4 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  max-height: 400px;
  padding-bottom: 20px;
  overflow: auto;
}

.heading-14 {
  color: #fff;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.main-wrapper-15 {
  background-image: linear-gradient(333deg, #1c6785 5%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.text-213 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.progress-name-bar-16 {
  width: 100%;
  padding-right: 0;
}

.unmatched-14 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.form-wrapper-modal-2 {
  background-color: #fff;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
}

.copy-tooltip {
  cursor: pointer;
  background-color: #3b93ff;
  justify-content: space-between;
  align-items: center;
  height: 18px;
  display: none;
  position: fixed;
  inset: 533px auto auto 309px;
}

.date-input-6 {
  color: #161616;
  text-align: right;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.scrolling-table-section-2 {
  border-left: 1px solid #264e5b4f;
  border-right: 1px solid #264e5b4f;
  width: 100%;
  overflow: auto;
  box-shadow: inset 0 2px 5px #0003;
}

.cell-copy-copy-copy {
  padding: 4px 6px;
}

.cell-copy-copy-copy:hover {
  opacity: .76;
}

.sort-option-dd-copy-3 {
  color: #494949;
  text-align: center;
  cursor: pointer;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 56px;
  height: 34px;
  margin-bottom: 0;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  position: relative;
}

.sort-option-dd-copy-3.large {
  text-align: left;
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  min-width: 160px;
  height: 40px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.sort-option-dd-copy-3.status {
  text-align: left;
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  min-width: 100px;
  max-width: 142px;
  height: 40px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.sort-option-dd-copy-3.status:hover {
  background-color: #cdd8f0;
}

.sort-option-dd-copy-3.distance {
  text-align: left;
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  height: 40px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.sort-option-dd-copy-3.distance:hover {
  background-color: #cdd8f0;
}

.sort-option-dd-copy-3.large {
  text-align: left;
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  width: 160px;
  height: 40px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.sort-option-dd-copy-3.large {
  text-align: left;
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  min-width: 160px;
  max-width: 160px;
  height: 40px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-weight: 400;
}

.sort-option-dd-copy-3.large:hover {
  background-color: #cdd8f0;
}

.sort-option-dd-copy-3.xlarge {
  text-align: left;
  background-color: #f3f3f3;
  border-color: #ccc;
  border-radius: 4px;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  height: 46px;
  margin: 10px 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.sort-option-dd-copy-3.xlarge:hover {
  background-color: #f3f3f3;
}

.text-11-copy {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.column-copy {
  color: #161616;
  cursor: pointer;
  background-color: #0c3955;
  border-bottom: 1px solid #7991a738;
  border-right: 1px solid #ffffff4a;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  min-width: 80px;
  max-width: none;
  height: 48px;
  padding: 8px 6px 8px 12px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.clear-all-button-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  text-align: center;
  border: 1px solid #ffffff57;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 10px 0;
  font-size: 17px;
  display: inline-block;
}

.clear-all-button-2:hover {
  opacity: .9;
  background-color: #00000054;
}

.clear-all-button-2.apply {
  cursor: pointer;
  background-color: #00000054;
}

.clear-all-button-2.apply:hover {
  background-color: #0000008c;
}

.search-area-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  text-align: center;
  border: 1px solid #ffffff57;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 10px 0;
  font-size: 17px;
  display: inline-block;
}

.search-area-button:hover {
  opacity: .9;
  background-color: #00000054;
}

.search-area-button.refresh {
  background-color: #00000054;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.search-area-button.refresh {
  background-color: #00000054;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 34px;
  margin-right: 8px;
  padding-top: 0;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.search-area-button.refresh:hover {
  background-color: #0000008c;
}

.account-form-input-2 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-2::placeholder {
  color: #bbb;
}

.account-form-input-2.sm {
  height: 40px;
  font-size: 15px;
}

.account-form-input-2.xshort {
  width: 24%;
}

.account-form-input-2._530 {
  width: 530px;
}

.account-form-input-2.short {
  width: 48%;
}

.account-form-input-2.short.xshort {
  width: 24%;
}

.customer-row-inner-wrapper-5 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.question-template-20 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 20px;
  margin-bottom: 100px;
  padding: 20px 40px;
}

.upper-links-holder {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  padding: 10px 8px 10px 20px;
  display: flex;
  position: static;
}

.custom-radio {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-radio:hover {
  background-color: #f0f0f0;
}

.custom-radio.selected {
  background-color: #fff;
  border-width: 6px;
  border-color: #0c8aff;
}

.counterparty-info-holder.hidden {
  display: none;
}

.counterparty-replace-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.form-element-div-2 {
  margin-top: auto;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 40px;
}

.location-settings {
  background-color: #0000;
  border-bottom: 1px solid #d8dac9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-right: 0;
  display: flex;
}

.location-settings.w {
  background-color: #ffeeb2;
  border-bottom-style: none;
  margin-bottom: 10px;
  padding: 5px 10px;
}

.xls-upload-section {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.excel-import-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #0006;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.pending-approval-2 {
  padding: 0 20px 30px;
}

.save-button-sm {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 80px;
  height: 42px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.save-button-sm:hover {
  background-color: #02507a;
}

.save-button-sm.delete {
  margin-left: 10px;
}

.save-button-sm.delete-copy {
  background-color: #ed4444;
  margin-left: 10px;
}

.div-block-3678 {
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.modal-content-upgrade {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: 620px;
  min-height: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  overflow: visible;
}

.modal-container-question-2 {
  background-color: #fff;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 900px;
  max-height: 92vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.admin-button {
  opacity: .8;
  cursor: pointer;
  background-color: #00000054;
  border: 1px solid #ffffff57;
  border-radius: 4px;
  align-items: center;
  min-height: 40px;
  margin-right: 12px;
  padding: 5px 10px;
  transition: background-color .3s, opacity .2s;
  display: flex;
}

.admin-button:hover {
  opacity: 1;
}

.question-template-modal-16 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 60px;
}

.select-field-72 {
  color: #000;
  background-color: #fff0;
  border: 1px solid #fff;
  flex: 0 auto;
  width: auto;
  min-width: 60px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding: 0 6px 0 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.select-field-72:hover {
  background-color: #f0f3f8;
  border-color: #4cc0ff;
}

.select-field-72.left-margin {
  margin-left: 10px;
}

.select-field-72.pricing {
  border-bottom-style: solid;
  border-bottom-color: #c6dcff;
  width: 100px;
  margin-left: -4px;
  margin-right: 20px;
}

.select-field-72.pricing:hover {
  border-bottom-color: #4cc0ff;
}

.select-field-72.plus-minus {
  width: 55px;
  min-width: 55px;
  margin-left: -4px;
  margin-right: 20px;
  font-size: 20px;
}

.select-field-72.index {
  border-bottom-color: #c6dcff;
  margin-top: 6px;
}

.select-field-72.index:hover {
  border-bottom-color: #4cc0ff;
}

.print-button-6.main-view-hide {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.new-counterparty-tag-2-copy-3 {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: .5px;
  background-color: #1895ee;
  border-radius: 2px;
  height: 22px;
  margin-top: 6px;
  margin-left: 10px;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.new-counterparty-tag-2-copy-3._2 {
  margin-left: 0;
}

.customer-info-48 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.form-button-48 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-48:hover {
  background-color: #02507a;
}

.form-button-48.outline.approve {
  color: #fff;
  background-color: #046cea;
  border-color: #bedcff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 26px;
  margin-left: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.form-button-48.outline.reject {
  color: #fff;
  background-color: #c00a0a;
  border-color: #bedcff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 26px;
  margin-left: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.form-button-48.outline.reject-admin {
  color: #fff;
  background-color: #ed4444;
  border-style: none;
  border-color: #bedcff;
  width: 80px;
  min-width: 64px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: static;
  inset: 8px 10px auto auto;
}

.form-button-48.outline.reject-admin:hover {
  background-color: #d63232;
}

.form-button-48.outline.reject {
  color: #fff;
  background-color: #ed4444;
  border-style: none;
  border-color: #bedcff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 26px;
  margin-left: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.form-button-48.outline.reject:hover {
  background-color: #d63232;
}

.form-button-48.outline.approve {
  color: #fff;
  background-color: #046cea;
  border-color: #bedcff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.form-button-48.outline.approve.disabled {
  opacity: .41;
}

.form-button-48.outline.approve {
  color: #fff;
  background-color: #046cea;
  border-style: none;
  border-color: #bedcff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 26px;
  margin-left: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.form-button-48.outline.approve {
  color: #fff;
  background-color: #046cea;
  border-style: none;
  border-color: #bedcff;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 26px;
  margin-left: 10px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.form-button-48.outline.approve:hover {
  background-color: #0c58b4;
}

.form-button-48.outline.approve-admin {
  color: #fff;
  background-color: #046cea;
  border-color: #bedcff;
  width: 80px;
  min-width: 64px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: static;
  inset: 8px 10px auto auto;
}

.form-button-48.outline.approve-admin:hover {
  background-color: #0c58b4;
}

.form-button-48.outline.reject {
  color: #ed4444;
  background-color: #fff;
  border-color: #ed4444;
  width: 70px;
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  position: static;
  inset: 8px 10px auto auto;
}

.form-button-48.outline.reject:hover {
  color: #fff;
  background-color: #ed4444;
}

.form-button-48.outline.url {
  color: #046cea;
  cursor: pointer;
  background-color: #f6faff;
  border-color: #bedcff;
  height: 28px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  display: flex;
}

.form-button-48.outline.url:hover {
  background-color: #e5edf7;
}

.form-button-48.submit.disabled {
  opacity: .24;
}

.form-button-48.submit.disabled:hover {
  background-color: #046cea;
}

.form-button-48.outline.trash-copy {
  color: #046cea;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-color: #facdcd;
  min-width: 35px;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  position: absolute;
  right: 20px;
}

.form-button-48.outline.trash-copy:hover {
  background-color: #facdcd;
}

.form-button-48.submit {
  margin-left: auto;
  margin-right: auto;
}

.form-button-48.outline {
  background-color: #ffffff8f;
  border-color: #046cea;
  min-width: 40px;
  height: 38px;
  margin-left: 0;
  margin-right: 0;
  transition: background-color .3s;
}

.form-button-48.outline:hover {
  background-color: #d3e7ff;
}

.form-button-48.outline.delete-item {
  color: #046cea;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-color: #facdcd;
  min-width: 35px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  display: none;
}

.form-button-48.outline.delete-item:hover {
  background-color: #facdcd;
}

.arrow-22 {
  opacity: .6;
  align-items: flex-end;
  padding-bottom: 2px;
}

.custom-checkbox-3 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-3:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-3.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.option-status-flag {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: .5px;
  background-color: #1895ee;
  border-radius: 2px;
  height: 22px;
  margin-top: 6px;
  margin-left: 10px;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.option-status-flag.rejected {
  background-color: #c91515;
}

.option-status-flag._2 {
  margin-left: 0;
}

.text-24-3-copy-6 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.page-title-4 {
  justify-content: space-between;
  align-items: flex-end;
  min-height: 20px;
  margin-bottom: 20px;
  padding-top: 30px;
}

.ac-default-label-51 {
  color: #000;
  height: 36px;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 11px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.text-14-62 {
  text-align: left;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-62.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-62.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-62.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.text-14-62.gray {
  color: #747474;
}

.text-14-62.inactive {
  opacity: .45;
}

.text-14-62.red {
  color: red;
}

.text-14-62.italic {
  font-style: italic;
}

.order-detail-wrapper-3 {
  display: block;
}

.loading-table-7 {
  height: 200px;
}

.column-8-copy {
  color: #161616;
  cursor: pointer;
  border-bottom: 1px solid #7991a738;
  border-right: 1px solid #ffffff4a;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  min-width: 80px;
  max-width: none;
  height: 48px;
  padding: 8px 6px 8px 12px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
}

.column-8-copy.date {
  width: 22%;
  min-width: 160px;
}

.column-8-copy.status-copy {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 220px;
  padding-right: 12px;
}

.column-8-copy.approve {
  padding-left: 6px;
}

.column-8-copy.id {
  width: 65px;
  min-width: 65px;
}

.side-order-view-wrapper-2 {
  border-bottom-color: #8fb7ce;
  border-left: 1px solid #8fb7ce;
  width: 100%;
}

.side-order-view-wrapper-2.preview {
  flex-flow: column;
  width: 30%;
  min-width: 580px;
  max-width: 700px;
  min-height: 90%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: auto;
}

.side-order-view-wrapper-2.preview.hidden {
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  display: block;
}

.side-order-view-wrapper-2.read-only {
  flex-flow: column;
  width: 30%;
  min-width: 580px;
  max-width: 700px;
  min-height: 90%;
  max-height: 100%;
  display: none;
  position: relative;
  overflow: auto;
}

.side-order-view-wrapper-2.read-only.hidden {
  display: none;
}

.side-order-view-wrapper-2.print-view {
  width: 780px;
  padding-bottom: 60px;
}

.side-order-view-wrapper-2.read-only.hidden {
  display: block;
  position: static;
}

.side-order-view-wrapper-2.preview {
  border-left-width: 0;
  flex-flow: column;
  width: 30%;
  min-width: 580px;
  max-width: 700px;
  min-height: 90%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: auto;
}

.side-order-view-wrapper-2.preview.hidden {
  box-shadow: none;
  background-color: #fff;
  display: block;
}

.side-order-view-wrapper-2.print-view {
  width: 780px;
  padding-bottom: 60px;
}

.side-order-view-wrapper-2.read-only {
  border-left-width: 0;
  flex-flow: column;
  width: 30%;
  min-width: 580px;
  max-width: 700px;
  min-height: 90%;
  max-height: 100%;
  margin-left: 0;
  display: block;
  position: relative;
  overflow: auto;
}

.side-order-view-wrapper-2.read-only.hidden {
  position: static;
}

.side-order-view-wrapper-2.preview-copy {
  border-left-width: 0;
  flex-flow: column;
  width: 30%;
  min-width: 580px;
  max-width: 700px;
  min-height: 90%;
  max-height: 100%;
  display: block;
  position: relative;
  overflow: auto;
}

.side-order-view-wrapper-2.preview-copy.hidden {
  box-shadow: none;
  background-color: #fff;
  display: block;
}

.results-scroller-107 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-107.container-size {
  width: auto;
  min-width: 300px;
  display: block;
}

.old-results-frame {
  width: 100%;
  display: flex;
}

.whsiper-error-icon {
  background-image: url('../images/warning.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.order-list-item-template-2 {
  flex-flow: column;
  display: block;
}

.modal-service-type {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-tooltip-3 {
  color: #000;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}

.autocomplete-search-wrapper-46 {
  align-self: stretch;
  width: 530px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-46.location {
  margin-top: 0;
}

.autocomplete-search-wrapper-46.location.hidden {
  display: block;
}

.counterparty-config-modal-8 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 40px;
  display: none;
  position: fixed;
  inset: 0;
}

.results-holder-70 {
  z-index: 3;
  width: 530px;
  display: none;
  position: relative;
  overflow: visible;
}

.sales-response-row {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.sales-response-row.reps {
  background-color: #e5f1f8;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sales-response-row.reps.side {
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.sales-response-row.save {
  z-index: 3;
  z-index: 3;
  z-index: 3;
  z-index: 3;
  z-index: 3;
  z-index: 3;
  z-index: 3;
  z-index: 3;
  background-color: #e5f1f8;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 10px;
  display: block;
  position: sticky;
  top: 164px;
}

.other-charges-inner-wrapper {
  margin-top: 12px;
  padding-bottom: 10px;
  display: block;
  position: relative;
}

.other-charges-inner-wrapper._2 {
  margin-top: 4px;
}

.text-13-3 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-3.grey {
  color: #494949;
}

.text-13-3.semi, .text-13-3.semi.white {
  font-weight: 600;
}

.text-13-3.white-light {
  color: #fffffff2;
  letter-spacing: .2px;
  font-weight: 300;
}

.text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi {
  font-weight: 600;
}

.text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi {
  font-weight: 600;
}

.text-13-3.semi.gray {
  color: #666;
}

.text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi.white, .text-13-3.semi, .text-13-3.semi, .text-13-3.semi, .text-13-3.semi, .text-13-3.semi, .text-13-3.semi, .text-13-3.semi.white {
  font-weight: 600;
}

.text-13-3.white {
  color: #ffffffdb;
}

.text-13-3.semi {
  font-weight: 600;
}

.other-charges-holder {
  padding-bottom: 0;
  display: block;
}

.button-holder {
  padding-top: 12px;
}

.button-holder.flex {
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  padding-top: 0;
  display: flex;
}

.uploaded-file-5 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: block;
}

.divider-2 {
  width: 100px;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.input-holder-2 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-2._2 {
  border-bottom-style: none;
}

.input-holder-2.h-line {
  border-bottom-style: none;
  display: flex;
}

.customer-order-wrapper-3 {
  background-color: #0000;
  border: 1px solid #6896af;
  width: 100%;
}

.response-row-109 {
  background-color: #0000;
  border-bottom: 1px solid #ebebeb;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 46px;
  display: flex;
  position: relative;
}

.response-row-109.preview {
  padding: 12px 14px 6px 20px;
}

.response-row-109._2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 10px;
  padding-left: 25px;
}

.customer-name-row-12 {
  z-index: 6;
  background-color: #0c3955;
  border-bottom: 1px solid #6896af;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 74px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.customer-name-row-12:hover {
  background-color: #072c42;
}

.customer-name-row-12.side-bar-view {
  top: 0;
}

.customer-name-row-12.preview {
  justify-content: space-between;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 8px;
}

.customer-name-row-12.preview:hover {
  background-color: #0c3955;
}

.contact-inner-wrapper-3 {
  padding-bottom: 15px;
}

.checkbox-field-days-9 {
  margin-bottom: 0;
  margin-right: 20px;
  padding-top: 4px;
  padding-left: 0;
  display: flex;
}

.summary-inner-wrapper-52 {
  background-color: #fff;
  padding-top: 0;
  padding-left: 0;
}

.summary-inner-wrapper-52.preview {
  flex-flow: column;
  padding-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: auto;
}

.clear-keyword-icon-14 {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-14:hover {
  opacity: .6;
}

.clear-keyword-icon-14.hidden {
  background-repeat: no-repeat;
  background-size: 20px;
  display: none;
}

.item-name-wrapper-28 {
  z-index: 5;
  background-color: #184f72;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding: 12px 10px 12px 38px;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 74px;
}

.item-name-wrapper-28:hover {
  background-color: #114363;
}

.item-name-wrapper-28.side-bar-view {
  padding-left: 20px;
  top: 74px;
}

.order-item-27 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.chip-label-145 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-3658-copy {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  margin-top: 40px;
  margin-right: 0;
  display: flex;
}

.results-holder-container {
  z-index: 4;
  display: none;
  position: relative;
  overflow: visible;
}

.tooltip-21 {
  z-index: 996;
  background-color: #fffbd4;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.text-24-46 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.text-24-46.white {
  color: #ffffffdb;
}

.modal-container-12 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.image-493 {
  filter: invert();
  margin-right: 4px;
}

.div-block-5019 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 52px;
}

.div-block-5020 {
  width: 54px;
}

.img-static-2 {
  width: 26px;
}

.img-static-2._28 {
  width: 28px;
}

.img-static-2._24 {
  width: 24px;
}

.error-whisper-3 {
  z-index: 996;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 24px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -300px 0% auto;
  box-shadow: 3px 4px 12px 4px #00000036;
}

.div-block-5021 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px 0% auto;
}

.button-logout-2 {
  color: #fffc;
  background-color: #0000;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  padding: 7px 14px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
}

.button-logout-2:hover {
  background-color: #092231;
}

.menu-item-wrapper-10 {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 14px;
  padding-right: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-item-wrapper-10:hover {
  background-color: #092231;
}

.nav-label-2 {
  color: #ffffffdb;
  letter-spacing: .2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.div-block-5022 {
  height: 54px;
}

.div-block-5023 {
  position: absolute;
}

.div-block-5024 {
  width: 100%;
  padding-top: 16px;
  padding-left: 34px;
  padding-right: 10px;
}

.div-block-5025 {
  align-items: center;
  width: 100%;
  display: flex;
}

.modal-top-bar-155 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.div-block-5026 {
  height: 40px;
}

.nav-panel-2 {
  background-color: #111216;
  width: 320px;
  height: 100%;
  transition: all 2s;
  display: block;
  position: relative;
  left: 0;
}

.div-block-5027 {
  background-color: #111216b3;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 160px;
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img-static-3, .img-static-3._26 {
  width: 26px;
}

.div-block-5028 {
  align-items: center;
  margin-left: auto;
  transition: opacity .5s;
  display: flex;
}

.user-name-label-2 {
  color: #ffffffdb;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-221 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-221.error {
  line-height: 26px;
}

.text-block-237 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.tooltip-22 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  transition: all .2s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.div-block-5029 {
  overflow: hidden;
}

.div-block-5029.hidden.unselectable {
  max-height: 90vh;
  overflow: auto;
}

.text-222 {
  color: #161616;
  font-size: 12px;
  line-height: 18px;
}

.text-222.white {
  color: #fff;
}

.text-tooltip-6 {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.close-modal-236 {
  cursor: pointer;
  display: inline-block;
}

.user-display-2 {
  cursor: auto;
  align-items: center;
  height: 46px;
  padding: 6px 40px 6px 10px;
  transition: all .5s;
  display: flex;
}

.nz-15-92 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 17px;
}

.nz-15-92.semi {
  font-weight: 700;
}

.nz-15-92.semi.center {
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: block;
}

.home-button-2 {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 10px 6px;
  position: absolute;
}

.loading-2 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.div-block-5030 {
  width: 40px;
}

.div-block-5030:hover {
  border-width: 2px;
}

.label-header-name-2 {
  color: #ffffffdb;
  margin-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.task-id {
  justify-content: flex-start;
  align-items: center;
  padding-top: 1px;
  padding-left: 4px;
  display: flex;
}

.image-331-copy {
  filter: brightness(150%);
  margin-right: 4px;
  display: block;
}

.edit-comment {
  z-index: 9;
  cursor: pointer;
  border: 1px solid #6dcbff00;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  min-height: 22px;
  display: flex;
  position: absolute;
  inset: 6px 6px auto auto;
}

.edit-comment:hover {
  opacity: 100;
  background-color: #a9d0ff;
  border: 1px solid #6dcbff;
}

.duplicate-task-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button:hover {
  background-color: #cbdfff;
}

.edit-resolution-icon {
  opacity: .7;
  cursor: pointer;
  background-color: #a9d0ff96;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border-radius: 2px;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
  position: absolute;
  inset: 4px 4px auto auto;
}

.edit-resolution-icon:hover {
  opacity: 100;
  background-color: #a9d0ff;
}

.autocomplete-search-wrapper-action {
  align-self: stretch;
  width: 500px;
  margin-top: 4px;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-action.small2 {
  width: auto;
  max-width: 640px;
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 0;
}

.autocomplete-search-wrapper-action.search {
  flex: 1;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.autocomplete-search-wrapper-action.requester {
  width: 80%;
  max-width: 640px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.edit-button-flex-inner {
  justify-content: flex-start;
  align-items: center;
  margin-left: 14px;
  display: flex;
}

.resolution-text {
  margin-top: 6px;
}

.chip-address-2 {
  font-size: 15px;
  font-weight: 400;
}

.empty-state-action-message {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.autocomplete-icon-2 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-2.remit {
  background-image: url('../images/icon-remit.png');
}

.upload-items-wrapper {
  max-height: 560px;
  padding-bottom: 16px;
  display: block;
  overflow: auto;
}

.upload-items-wrapper.hidden {
  width: 100%;
  max-width: 640px;
  display: block;
}

.edit-button {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #6dcbff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  transition: background-color .3s;
  display: none;
}

.edit-button:hover {
  background-color: #ddf3ff;
}

.menu-item-2 {
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  flex-flow: row;
  align-items: center;
  width: auto;
  min-width: 0;
  padding: 6px 4px 6px 10px;
  display: flex;
  position: static;
}

.menu-item-2:hover {
  background-color: #eff5fa;
}

.address-2 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-2.sm {
  font-size: 13px;
  line-height: 16px;
}

.activity-section {
  margin-bottom: 20px;
}

.edit-ac-2 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #429dff85;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.edit-ac-2:hover {
  background-color: #429dff;
  background-image: url('../images/edit-white_1edit-white.png');
}

.delete-hover-layer {
  opacity: 0;
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.delete-hover-layer:hover {
  opacity: 100;
}

.delete-file-2 {
  cursor: pointer;
  background-color: #7777779e;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
  position: absolute;
  inset: 4px 0% auto auto;
}

.delete-file-2:hover {
  background-color: #f66;
}

.label-wrapper-resolution {
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 6px;
}

.new-item-button-wrapper-2 {
  padding-top: 6px;
  display: block;
}

.new-item-button-wrapper-2.hidden {
  display: block;
}

.item-info-row {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
}

.item-info-row.flex {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.remove-sm {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-left: 8px;
}

.remove-sm:hover {
  opacity: 1;
}

.remove-sm.print-view-hide {
  background-size: 8px;
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  margin-left: 6px;
}

.acton-item {
  z-index: 7;
  background-color: #0000;
  width: 100%;
  display: block;
}

.icon-menu-option {
  width: 30px;
  padding-right: 9px;
}

.icon-menu-option.small {
  width: 14px;
  min-width: 14px;
  max-width: none;
  margin-right: 6px;
  padding-right: 0;
}

.documents-section {
  margin-bottom: 20px;
}

.loading-spinner {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 52px;
  min-width: 120px;
  min-height: 75px;
  margin-left: auto;
  margin-right: auto;
}

.edit-delete-button-holder {
  display: block;
}

.new-counterparty-location-modal-2 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 80px;
  display: none;
  position: fixed;
  inset: 0;
}

.input-inner-wrapper-4 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.input-inner-wrapper-4.days {
  padding-bottom: 10px;
}

.input-inner-wrapper-4.stacked {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
}

.name-inner-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.new-counter-info-2 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.save-button-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 126px;
  height: 38px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 14px;
  padding-right: 14px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.save-button-2:hover {
  background-color: #02507a;
}

.save-button-2.cancel {
  background-color: #869ba7;
  border-style: none;
}

.save-button-2.cancel:hover {
  background-color: #708692;
}

.status-radio-buttons-2 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  display: flex;
}

.choose-location-modal-6 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0;
}

.question-title-holder-copy-2 {
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 20px;
  display: flex;
}

.field-holder-horizontal-3 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.field-holder-horizontal-3.middle {
  justify-content: flex-start;
  align-items: center;
}

.form-button-holder-4 {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 32px 40px 40px;
  display: flex;
  position: relative;
  box-shadow: -7px -10px 11px -7px #0003;
}

.save-button-sm-copy {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 42px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.save-button-sm-copy:hover {
  background-color: #02507a;
}

.form-button-holder-2-centered {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 32px 40px 40px;
  display: flex;
  position: relative;
  box-shadow: -7px -10px 11px -7px #0003;
}

.list-header-wrapper-5 {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: auto;
  position: relative;
}

.text-12-4 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-4.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-12-4.semi {
  font-weight: 600;
}

.text-12-4.semi.white {
  text-transform: uppercase;
  color: #fff;
}

.reload-wrapper-3 {
  align-items: center;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}

.summary-inner-wrapper-64 {
  background-color: #fff;
  padding-left: 0;
}

.image-505 {
  margin-right: 4px;
}

.div-block-6567 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.text-24-47 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.image-506 {
  margin-right: 6px;
}

.div-block-6568 {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  display: flex;
}

.div-block-6568._2 {
  padding-right: 10px;
}

.results-wrapper-87 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-87.short {
  width: 300px;
  min-width: 300px;
}

.results-wrapper-88 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-95 {
  align-self: stretch;
  width: 100%;
  min-width: 500px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.location-setting-checkbox-4 {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 16px 10px 4px;
  display: flex;
}

.location-setting-checkbox-4.status {
  background-color: #d9dfe2;
  border-radius: 4px;
  min-width: 96px;
  margin-right: 8px;
  padding: 5px 8px 5px 5px;
}

.location-setting-checkbox-4.status.red {
  background-color: #ffc3c3;
}

.location-setting-checkbox-4.status.green {
  background-color: #b1f19f;
}

.div-block-6569 {
  display: flex;
}

.div-block-6570 {
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
}

.text-14-462 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-462.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.response-label-86 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.div-block-6571 {
  display: flex;
}

.upload-item-row-7 {
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.answer-wrapper-133 {
  flex-flow: column;
}

.results-scroller-200 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.close-modal-245 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.modal-top-bar-160 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-6572 {
  width: 80px;
  padding-right: 20px;
}

.div-block-6572._2 {
  width: 100px;
  padding-right: 5px;
}

.chip-label-167 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-block-329 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.answer-line-180 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.result-row-259 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-259:hover {
  background-color: #e4f2ff;
}

.result-row-259.selected {
  background-color: #e7eeff;
}

.text-14-463 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-463.semi {
  font-weight: 600;
  line-height: 24px;
}

.result-row-260 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-260:hover {
  background-color: #e4f2ff;
}

.result-row-260.selected {
  background-color: #d1e9ff;
}

.div-block-6573 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chip-label-168, .chip-label-169 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-6574 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.text-14-464 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-6575 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.ac-default-label-98 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-98.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.div-block-6576 {
  background-image: url('../images/twm-logo-animated.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 72px;
  margin-top: auto;
}

.results-scroller-201 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.order-item-37 {
  background-color: #fff;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.answer-line-181 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-181.padding {
  padding-bottom: 10px;
  position: relative;
}

.answer-line-181.no-padding {
  padding-bottom: 0;
}

.text-14-465 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-465.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-465.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-465.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.text-14-465.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.results-holder-115 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.close-modal-246 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.ac-default-label-99 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-99.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.div-block-6577 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.results-wrapper-89 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-89.short {
  width: 300px;
  min-width: 300px;
}

.response-row-147 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-147.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.results-wrapper-90 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-90.short {
  width: 300px;
  min-width: 300px;
}

.image-507 {
  margin-right: 4px;
}

.result-row-261 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-261:hover {
  background-color: #e4f2ff;
}

.result-row-261.selected {
  background-color: #e7eeff;
}

.div-block-6578 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.text-14-466 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-466.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-466.semi {
  cursor: pointer;
  padding-bottom: 6px;
  font-weight: 600;
  line-height: 24px;
}

.div-block-6579 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-6579._2 {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-6580 {
  position: relative;
}

.results-holder-116 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-wrapper-91 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-scroller-202 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-6581 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.image-508 {
  opacity: .8;
  margin-right: 5px;
}

.close-modal-247 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.close-modal-247.white {
  filter: brightness(0%) invert();
  margin-left: 5px;
  position: absolute;
}

.close-modal-247.white.main-view-hide.print-view-hide {
  background-color: #fff0;
}

.div-block-6582 {
  width: 134px;
}

.result-row-262 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-262:hover {
  background-color: #e4f2ff;
}

.result-row-262.selected {
  background-color: #e7eeff;
}

.response-label-87 {
  color: #000;
  width: 260px;
  padding-top: 4px;
  padding-right: 20px;
}

.response-label-87.short {
  width: 160px;
  min-width: 160px;
  padding-top: 6px;
  padding-right: 20px;
}

.div-block-6583 {
  width: 530px;
}

.div-block-6584 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.ac-default-label-100 {
  color: #000000db;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.chip-label-170 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-6585 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-6585.r {
  justify-content: flex-end;
  align-items: center;
}

.div-block-6586 {
  padding-left: 12px;
}

.div-block-6587 {
  padding-right: 5px;
}

.response-row-148 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-148.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.main-wrapper-46 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-46.flex-admin-copy {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: auto;
}

.text-14-467 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-467.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.customer-info-114 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.text-14-468 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.rental-upload-77 {
  width: 340px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.div-block-6588 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.answer-wrapper-134 {
  flex-flow: column;
}

.answer-wrapper-134.center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.select-field-136 {
  color: #000;
  background-color: #fff0;
  border: 1px solid #fff;
  border-bottom-color: #c6dcff;
  flex: 0 auto;
  width: auto;
  min-width: 60px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding: 0 6px 0 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.select-field-136:hover {
  background-color: #f0f3f8;
  border-color: #4cc0ff;
}

.tag-content-30 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-14-469 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-469.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.row-19 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: all .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-19:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-19.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.results-scroller-203 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.text-block-330 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.response-row-149 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-149.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.response-label-88 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.response-label-88.side-bar-view {
  width: auto;
}

.custom-checkbox-60 {
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.custom-checkbox-60:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-60.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.answer-line-182 {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
  position: relative;
}

.item-submit-holder-82 {
  background-color: #e4f1fa;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.item-submit-holder-82.awf {
  text-align: left;
  flex-flow: row;
}

.text-14-470 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-470.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.column-29 {
  color: #161616;
  cursor: pointer;
  border-bottom: 1px solid #7991a738;
  border-right: 1px solid #ffffff4a;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 200px;
  min-width: 80px;
  max-width: none;
  height: 48px;
  padding: 8px 6px 8px 12px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
}

.column-29.view {
  justify-content: center;
  align-items: center;
  width: 12%;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.column-29.none-found {
  background-color: #fff;
  width: 100%;
  min-width: 360px;
}

.column-29.customer {
  width: 44%;
  min-width: 330px;
}

.column-29.address {
  width: 44%;
  min-width: 330px;
  padding-top: 8px;
}

.column-29.counterparty-name {
  width: 88%;
  min-width: 360px;
}

.result-row-263 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-263:hover {
  background-color: #e4f2ff;
}

.result-row-263.selected {
  background-color: #c3e0fa;
}

.div-block-6589 {
  padding-right: 4px;
}

.image-509 {
  margin-right: 4px;
}

.question-template-modal-28 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 0 30px 60px;
}

.result-row-264 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-264:hover {
  background-color: #e4f2ff;
}

.result-row-264.selected {
  background-color: #d1e9ff;
}

.result-row-265 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-265:hover {
  background-color: #e4f2ff;
}

.result-row-265.selected {
  background-color: #d1e9ff;
}

.div-block-6590 {
  width: 80px;
  padding-right: 20px;
}

.close-modal-248 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.close-modal-248.white {
  filter: brightness(0%) invert();
  margin-left: 5px;
  position: absolute;
}

.modal-top-bar-161 {
  cursor: move;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.modal-top-bar-161.excel {
  padding-left: 20px;
}

.div-block-6591 {
  padding-top: 6px;
}

.close-modal-249 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.div-block-6592 {
  z-index: 2;
  background-color: #093949;
  width: 100%;
  position: fixed;
}

.answer-line-183 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-96 {
  align-self: stretch;
  width: 480px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-96.product, .autocomplete-search-wrapper-96.container-size {
  width: 260px;
}

.matched-8 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-6593 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.unmatched-18 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.claiming-action {
  filter: brightness(150%);
  margin-right: 4px;
  display: none;
}

.claiming-action.show {
  display: block;
}

.text-field-6 {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-6::placeholder {
  color: #b4b4b4;
}

.button-ai-voice {
  color: #fff;
  cursor: pointer;
  background-color: #ff05bc;
  background-image: url('../images/ai-mike.png'), linear-gradient(41deg, #f504ac 28%, #5604c9 70%, #3604c7);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25px, auto;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: opacity .6s;
  display: flex;
}

.button-ai-voice:hover {
  opacity: 100;
  background-image: url('../images/ai-sparkles.png'), url('../images/ai-mike.png'), linear-gradient(333deg, #f504ac 23%, #5604c9 78%, #3604c7);
  background-position: 50%, 50%, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 25px, 25px, auto;
}

.button-ai-voice.processing {
  background-image: url('../images/Spin-1.4s-204px.gif'), linear-gradient(41deg, #f504ac 28%, #5604c9 70%, #3604c7);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: contain, auto;
}

.button-ai-voice.stop {
  background-image: url('../images/ai-stop.png'), url('../images/ai-mike.png'), none;
  background-position: 50%, 50%, 50%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 24px, auto, auto;
}

.button-ai-voice.stop:hover {
  background-image: url('../images/ai-stop2.png'), none;
}

.all-column-wrapper-2 {
  width: 100%;
  padding-top: 6px;
  padding-bottom: 20px;
  padding-right: 6px;
  display: flex;
  overflow: auto;
}

.all-column-wrapper-2.unselectable {
  display: flex;
}

.all-column-wrapper-2.unselectable.hidden {
  min-width: 100%;
}

.all-column-wrapper-2.unselectable {
  flex-flow: row;
  display: flex;
}

.search-input-action-2 {
  width: 100%;
  margin-right: 20px;
  padding: 10px;
  display: inline-block;
  position: relative;
}

.autocomplete-icon-4 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-4.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-4.remit.sm, .autocomplete-icon-4.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.action-items-outerwrapper-2 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.activity-message-2 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.activity-message-2.resolution {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  max-width: 900px;
  margin-top: 10px;
  margin-left: 16px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.ai-recording-button-holder.hidden {
  display: block;
}

.file-link {
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.results-wrapper-212 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.search-input-wrapper-17 {
  width: 300px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
}

.search-input-wrapper-17.short {
  width: 120px;
  margin-right: 12px;
}

.main-content-16 {
  flex-flow: column;
  flex: 1;
  min-width: 400px;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.filter-section-16 {
  background-color: #00000029;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 20px 20px 10px;
  display: block;
  position: relative;
}

.chip-label-white-sm-2-colhk-12 {
  color: #7dafd3;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.new-counterparty-tag-6 {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: .5px;
  background-color: #1895ee;
  border-radius: 2px;
  height: 22px;
  margin-top: 2px;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.div-block-3709-copy-10 {
  padding-left: 12px;
}

.doc-upload-2 {
  width: 340px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.agreement-checkbox-holder {
  justify-content: flex-start;
  align-items: center;
  padding-top: 4px;
  display: flex;
}

.file-upload-holder {
  width: 100%;
  padding-bottom: 0;
}

.close-modal-sm {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 5px 5px auto auto;
}

.modal-inner-wrapper {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 8px;
  min-height: 100px;
  padding: 30px 20px 20px;
  display: block;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.modal-upload-file {
  z-index: 100;
  width: 320px;
  display: none;
  position: fixed;
}

.div-block-3061-copy {
  white-space: nowrap;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 6px;
  display: flex;
}

.customer-checkbox-flex {
  z-index: 5;
  background-color: #184f72;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 42px;
  margin-bottom: 0;
  padding: 6px 20px 0 44px;
  display: flex;
  position: sticky;
  top: 122px;
}

.customer-checkbox-flex.side-bar-view {
  flex-flow: row;
  padding-left: 20px;
  position: sticky;
}

.div-block-7536 {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin-right: 10px;
  display: flex;
}

.input-inner-wrapper-5 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.input-inner-wrapper-5.days {
  padding-bottom: 10px;
}

.input-inner-wrapper-5.stacked {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
}

.text-12-8 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-8.semi {
  font-weight: 600;
}

.text-12-8.semi.white {
  color: #fff;
  text-transform: uppercase;
  text-transform: uppercase;
  text-transform: uppercase;
  text-transform: uppercase;
}

.file-missing-wrapper {
  background-color: #ffe9e9;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.file-missing-wrapper.customer {
  border-radius: 4px;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
  margin-left: 20px;
  display: flex;
}

.filter-wrapper-16 {
  align-items: center;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}

.uploaded-file-list-holder-14 {
  padding-bottom: 5px;
  display: block;
}

.edit-options-menu-2 {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: 96px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 24px 0 auto auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.edit-options-menu-2.hidden {
  display: none;
}

.search-wrapper-12 {
  width: 100%;
  position: relative;
}

.key-info-section-2 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 900px;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 8px 8px 8px 12px;
}

.view-button {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 8px 12px;
  transition: background-color .4s;
}

.view-button:hover {
  background-color: #0077b8;
}

.text-input-holder-4 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  max-width: 900px;
  min-height: 40px;
}

.upload-doc-5 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
  max-width: 900px;
  padding: 10px 12px;
}

.tags-section-3 {
  max-width: 900px;
  margin-bottom: 20px;
}

.title-111 {
  align-items: baseline;
  margin-top: 6px;
  display: flex;
}

.twm-spinner-8 {
  margin-top: 60px;
}

.quote-title {
  color: #00528c;
  font-size: 18px;
  font-weight: 500;
}

.loading-iframe-holder {
  flex: 1;
  display: block;
}

.intro-18 {
  z-index: 1000;
  text-align: center;
  cursor: auto;
  background-color: #ebf0f3;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100vh;
  padding-top: 140px;
  padding-bottom: 140px;
  font-size: 42px;
  transition: all 2s;
  display: block;
  position: static;
  overflow: hidden;
}

.quote-text {
  color: #00528c;
  text-shadow: 2px 2px 9px #ffffffd1;
  max-width: 600px;
  font-size: 32px;
  font-weight: 600;
  line-height: 42px;
}

.by-line-2 {
  margin-top: 40px;
}

.quote-name {
  color: #00528c;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
}

.quote-text-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 6px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.quote-text-wrapper.no-opacity.hidden {
  display: none;
}

.single-item-wrapper-2 {
  border: 1px solid #ffffff96;
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.remove-column-5 {
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  margin-left: 10px;
}

.remove-column-5:hover {
  opacity: 1;
}

.remove-column-5.big {
  background-size: 16px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.matched-167 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.modal-single-item-2 {
  background-color: #00000094;
  width: 100%;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.toggle-switch-knob {
  background-color: #fff;
  border: 2px #dfdfdf;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  transition: all .5s;
  display: block;
  position: relative;
  left: 0;
  overflow: hidden;
  box-shadow: 2px 2px 8px -1px #00000040;
}

.toggle-switch-knob.on {
  opacity: 1;
  background-color: #fff;
  border-style: none;
  font-size: 11px;
  left: 18px;
  box-shadow: -1px 1px 5px 1px #00000040;
}

.upload-button-2 {
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding-left: 3px;
  padding-right: 5px;
  text-decoration: none;
  position: relative;
}

.upload-button-2:hover {
  background-color: #061d38;
}

.toggle-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 40px;
  padding-top: 4px;
  display: flex;
}

.toggle-switch {
  cursor: pointer;
  background-color: #34c759;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 38px;
  min-width: 38px;
  margin-top: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.toggle-switch:hover {
  opacity: 1;
}

.toggle-switch.off {
  background-color: #e0e0e0;
  display: block;
}

.upload-item-row-22 {
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.status-dot-49 {
  cursor: pointer;
  background-color: #9b9b9b;
  border-radius: 14px;
  min-width: 12px;
  min-height: 12px;
}

.status-dot-49.green {
  background-color: #00d65d;
}

.status-dot-49.yellow {
  background-color: #ffc108;
}

.status-dot-49.red {
  background-color: #ed4444;
}

.status-dot-49.inactive {
  opacity: .45;
}

.image-708 {
  opacity: .8;
  margin-right: 5px;
}

.progress-bar-holder-11 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 5px;
}

.custom-checkbox-87 {
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.custom-checkbox-87:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-87.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.result-holder-14 {
  flex: 1;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.customer-row-inner-wrapper-33 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
  display: flex;
}

.modal-top-bar-269 {
  cursor: move;
  justify-content: flex-end;
  align-items: center;
  padding-left: 14px;
  padding-right: 10px;
  display: flex;
  position: static;
}

.results-scroller-463 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-463.container-size {
  width: auto;
  min-width: 300px;
  display: block;
}

.item-name-wrapper-151 {
  z-index: 5;
  background-color: #184f72;
  justify-content: space-between;
  align-items: center;
  min-height: 48px;
  padding: 12px 10px 12px 20px;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 74px;
}

.item-name-wrapper-151.side-bar-view {
  padding-left: 20px;
  top: 74px;
}

.edit-ac-4 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #429dff85;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  margin-right: 10px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.edit-ac-4:hover {
  background-color: #429dff;
  background-image: url('../images/edit-white_1edit-white.png');
}

.link-13 {
  color: #42a6fd;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.link-13.light-blue {
  color: #97ceff;
}

.link-13.light-blue:hover {
  text-decoration: underline;
}

.text-span-100 {
  font-weight: 400;
}

.text-block-441 {
  text-align: center;
}

.tag-content-146 {
  align-items: center;
  height: 32px;
  min-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.notes-section-6 {
  padding-bottom: 20px;
  display: block;
}

.main-frame-area-copy {
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  transition: all 2s;
  display: flex;
  position: absolute;
  overflow: visible;
}

.div-block-8163 {
  background-color: #111216b3;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 160px;
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.loading-3 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.text-block-445 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.text-13-copy {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-copy.semi {
  font-weight: 600;
}

.text-13-copy.semi.white {
  color: #fff;
  font-weight: 600;
}

.res-edit-hover-layer {
  z-index: 2;
  opacity: 0;
  transition: opacity .3s;
  position: absolute;
  inset: 0%;
}

.res-edit-hover-layer:hover {
  opacity: 100;
}

.edit-resolution-input-holder-3 {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  min-height: 40px;
  margin-top: 10px;
  position: relative;
}

.move-up-button {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}

.arrow2-18 {
  opacity: .86;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark.saving {
  opacity: 32;
  filter: none;
  background-image: url('../images/spinner2_1spinner2.gif');
  background-size: contain;
}

.arrow2-18.dark.down {
  background-position: 50%;
  display: block;
  position: absolute;
  transform: rotate(90deg);
}

.arrow2-18.dark.empty {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  min-width: 10px;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark {
  opacity: .5;
  filter: invert();
  opacity: .5;
  opacity: .5;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-18.dark.down {
  background-position: 50%;
  display: block;
  transform: rotate(90deg);
}

.resolution-date-stamp {
  z-index: 4;
  padding-top: 10px;
  display: inline-block;
  position: relative;
}

.header-drag-handle {
  cursor: move;
  flex: 1;
  padding-top: 8px;
  padding-bottom: 6px;
  padding-right: 10px;
  display: flex;
}

.row-20 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-20:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-20.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.close-modal-296 {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 8px 8px auto auto;
}

.close-modal-296.white {
  filter: brightness(0%) invert();
  margin-left: 5px;
  position: absolute;
}

.close-modal-296.white.main-view-hide.print-view-hide {
  background-color: #fff0;
}

.close-modal-296.absolute {
  filter: brightness(0%) invert();
  position: absolute;
  inset: 10px 16px auto auto;
}

.question-template-modal-137 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 20px;
}

.text-block-446 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.clear-all-button-19 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  text-align: center;
  border: 1px solid #ffffff57;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 10px 0;
  font-size: 17px;
  display: inline-block;
}

.clear-all-button-19:hover {
  opacity: .9;
  background-color: #00000054;
}

.clear-all-button-19.apply {
  cursor: pointer;
  background-color: #00000054;
}

.clear-all-button-19.apply:hover {
  background-color: #0000008c;
}

.tag-content-151 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.results-scroller-497 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.location-setting-checkbox-33 {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 16px 10px 4px;
  display: flex;
}

.location-setting-checkbox-33.status {
  background-color: #d9dfe2;
  border-radius: 4px;
  min-width: 96px;
  margin-right: 8px;
  padding: 5px 8px 5px 5px;
}

.location-setting-checkbox-33.status.red {
  background-color: #ffc3c3;
}

.location-setting-checkbox-33.status.green {
  background-color: #b1f19f;
}

.text-14-727 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-727.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.response-label-226 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.side-bar-positioner-16 {
  background-color: #fff;
  width: 560px;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: auto;
  box-shadow: 0 2px 14px 5px #0003;
}

.result-row-634 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-634:hover {
  background-color: #e4f2ff;
}

.result-row-634.selected {
  background-color: #d1e9ff;
}

.upload-item-row-38 {
  align-items: flex-end;
  width: 340px;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.upload-item-row-38.sm {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.results-scroller-498 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.modal-top-bar-279 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-8198 {
  border-top: 1px solid #ffffff3b;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  padding-top: 2px;
  display: flex;
}

.text-14-728 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-728.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.text-14-729 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-729.semi {
  font-weight: 600;
  line-height: 24px;
}

.result-row-636 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-636:hover {
  background-color: #e4f2ff;
}

.result-row-636.selected {
  background-color: #d1e9ff;
}

.div-block-8203 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.keyword-search-input-27 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  position: relative;
}

.keyword-search-input-27::placeholder {
  color: #667792;
}

.form-button-344 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-344:hover {
  background-color: #02507a;
}

.div-block-8204 {
  margin-right: 10px;
}

.chip-label-358 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-8205 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  transform: rotate(0);
}

.main-wrapper-58 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-58.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.counterparty-config-modal-42 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-8208 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.autocomplete-icon-36 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-36.remit {
  background-image: url('../images/icon-remit.png');
}

.div-block-8210 {
  background-color: red;
  border: 1px solid #dadada;
  border-radius: 12px;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 15px 15px auto auto;
}

.div-block-8213 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-8215 {
  height: 100px;
  display: flex;
}

.form-button-345 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-345:hover {
  background-color: #02507a;
}

.div-block-8218 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.question-template-80 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 20px;
  margin-bottom: 100px;
  padding: 20px 40px;
}

.div-block-8225 {
  padding-bottom: 10px;
}

.results-scroller-500 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.table-details-13 {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  max-height: 95vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.chip-label-359 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.sort-arrow-59 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-8229 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.div-block-8231 {
  width: 530px;
}

.div-block-8232 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.div-block-8234 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-8234.r {
  justify-content: flex-end;
  align-items: center;
}

.custom-checkbox-93 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-93:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-93.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.modal-top-bar-280 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.text-14-733 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-733.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-8237 {
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.frozen-results-copy {
  background-color: #fff;
  border-color: #363af8 #0000007a #363af8 #363af8;
}

.image-750 {
  opacity: .56;
}

.div-block-8238 {
  width: 300px;
  min-height: 100px;
}

.div-block-8239 {
  position: relative;
}

.div-block-8241 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.text-14-736 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-736.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-8244 {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.tag-content-153 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.div-block-8245 {
  justify-content: flex-start;
  align-items: stretch;
  height: 40px;
  display: flex;
}

.question-template-modal-138 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 0 30px 60px;
}

.result-row-641 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-641:hover {
  background-color: #e4f2ff;
}

.result-row-641.selected {
  background-color: #d1e9ff;
}

.input-holder-18 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-18._240, .input-holder-18._2 {
  border-bottom-style: none;
}

.input-holder-18.h-line {
  border-bottom-style: none;
  display: flex;
}

.input-holder-18._320 {
  border-bottom-style: none;
}

.form-29 {
  display: none;
}

.results-wrapper-307 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.text-24-3-copy-61 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.modal-top-bar-281 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.date-range-21 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  padding: 10px 20px 10px 0;
  display: inline-flex;
}

.matched-183 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.text-12-31 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-31.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-12-31.white.no-break {
  white-space: nowrap;
  max-width: 440px;
  overflow: hidden;
}

.response-row-341 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-341.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.summary-inner-wrapper-168 {
  background-color: #fff;
  padding-left: 0;
}

.text-block-450 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.image-751 {
  margin-right: 6px;
}

.uploaded-file-41 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.results-wrapper-308 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-308.short {
  width: 300px;
  min-width: 300px;
}

.autocomplete-search-wrapper-210 {
  align-self: stretch;
  width: 100%;
  min-width: 500px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.location-setting-checkbox-34 {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 16px 10px 4px;
  display: flex;
}

.location-setting-checkbox-34.status {
  background-color: #d9dfe2;
  border-radius: 4px;
  min-width: 96px;
  margin-right: 8px;
  padding: 5px 8px 5px 5px;
}

.location-setting-checkbox-34.status.red {
  background-color: #ffc3c3;
}

.location-setting-checkbox-34.status.green {
  background-color: #b1f19f;
}

.div-block-8253 {
  display: flex;
}

.results-scroller-502 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-8254 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.response-row-342 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-342.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.text-14-738 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-738.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.text-span-112 {
  font-weight: 600;
}

.div-block-8255 {
  padding-right: 5px;
}

.div-block-8256 {
  position: relative;
}

.div-block-8257 {
  display: flex;
}

.answer-wrapper-227 {
  flex-flow: column;
}

.progress-bar-holder-21 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.upload-item-row-40 {
  align-items: flex-end;
  width: 340px;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.upload-item-row-40.sm {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.results-scroller-503 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.modal-top-bar-282 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-8258 {
  position: relative;
}

.tag-content-155 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.result-row-642 {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-642:hover {
  background-color: #e4f2ff;
}

.div-block-8259 {
  width: 80px;
  padding-right: 20px;
}

.div-block-8259._2 {
  width: 100px;
  padding-right: 5px;
}

.chip-label-360 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.upload-item-row-41 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.text-block-451 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.matched-184 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-8260 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.answer-line-433 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.div-block-8261 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.result-row-643 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-643:hover {
  background-color: #e4f2ff;
}

.result-row-643.selected {
  background-color: #e7eeff;
}

.text-14-739 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-739.semi {
  font-weight: 600;
  line-height: 24px;
}

.result-row-644 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-644:hover {
  background-color: #e4f2ff;
}

.result-row-644.selected {
  background-color: #d1e9ff;
}

.div-block-8262 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.response-row-343 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-343.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.form-button-346 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-346:hover {
  background-color: #02507a;
}

.div-block-8263 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.results-wrapper-309 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  display: block;
  position: relative;
  box-shadow: 3px 3px 13px 1px #0003;
}

.div-block-8264 {
  justify-content: flex-end;
  min-width: 30px;
  margin-right: 10px;
  display: flex;
}

.div-block-8265 {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  display: flex;
  position: relative;
}

.ac-default-label-276 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-276.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.results-scroller-504 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-8266 {
  padding-bottom: 10px;
}

.div-block-8267 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.order-item-168 {
  background-color: #fff;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.answer-line-434 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-434.no-padding {
  padding-bottom: 0;
}

.answer-line-435 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-435.no-padding {
  padding-bottom: 0;
}

.autocomplete-icon-37 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-37.remit {
  background-image: url('../images/icon-remit.png');
}

.text-span-113 {
  color: #d85656;
}

.text-14-740 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-740.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-740.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-740.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.results-holder-336 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-8268 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-277 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-277.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.div-block-8269 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.results-wrapper-310 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-310.short {
  width: 300px;
  min-width: 300px;
}

.image-752 {
  margin-right: 4px;
}

.results-wrapper-311 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-311.short {
  width: 300px;
  min-width: 300px;
}

.text-block-452 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.text-13-26 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-26.blue {
  color: #8aceff;
}

.text-13-26.checkbox-label {
  color: #fffffff2;
  letter-spacing: .2px;
  font-weight: 300;
}

.result-row-645 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-645:hover {
  background-color: #e4f2ff;
}

.result-row-645.selected {
  background-color: #e7eeff;
}

.results-holder-337 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.div-block-8270 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8271 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.text-14-741 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-741.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.div-block-8272, .div-block-8273 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-8274 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-8274._2 {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-453 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.customer-name-row-97 {
  z-index: 6;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 74px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.customer-name-row-97:hover {
  background-color: #072c42;
}

.customer-name-row-97.side-bar-view {
  top: 0;
}

.results-scroller-505 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-8275 {
  display: flex;
}

.div-block-8276 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-8277 {
  align-items: flex-start;
  display: flex;
}

.chip-label-361 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.result-row-646 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-646:hover {
  background-color: #e4f2ff;
}

.result-row-646.selected {
  background-color: #e7eeff;
}

.div-block-8278 {
  width: 530px;
}

.div-block-8279 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.ac-default-label-278 {
  color: #000000db;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.item-submit-holder-97 {
  background-color: #e4f1fa;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.item-submit-holder-97.awf {
  text-align: left;
  flex-flow: row;
}

.div-block-8280 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-8280.r {
  justify-content: flex-end;
  align-items: center;
}

.div-block-8281 {
  padding-left: 12px;
}

.custom-checkbox-94 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-94:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-94.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.text-14-742 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-742.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.customer-info-170 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.input-holder-19 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-19._2 {
  border-bottom-style: none;
}

.text-14-743 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.rental-upload-93 {
  width: 340px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.image-753 {
  opacity: .36;
  margin-top: 10px;
}

.form-button-347 {
  opacity: 1;
  color: #fff;
  background-color: #046cea;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-347:hover {
  background-color: #002fad;
}

.form-button-347.back {
  background-color: #889abd;
  border: 1px solid #ffffff73;
  min-width: 110px;
}

.form-button-347.back:hover {
  background-color: #6d80a3;
}

.form-button-347.back.ab {
  z-index: 2;
  position: absolute;
  top: 32px;
  left: 30px;
}

.answer-wrapper-228 {
  flex-flow: column;
}

.div-block-8282 {
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.response-label-230 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.select-field-239 {
  color: #000;
  background-color: #fff0;
  border: 1px solid #fff;
  border-bottom-color: #c6dcff;
  flex: 0 auto;
  width: auto;
  min-width: 60px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding: 0 6px 0 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.select-field-239:hover {
  background-color: #f0f3f8;
  border-color: #4cc0ff;
}

.image-754 {
  margin-right: 6px;
}

.text-14-744 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-744.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.results-scroller-506 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.new-counterparty-tag-22 {
  color: #ffffffdb;
  text-align: center;
  letter-spacing: .5px;
  background-color: #1895ee;
  border-radius: 2px;
  height: 22px;
  margin-top: 2px;
  padding-top: 1px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  display: inline-block;
}

.arrow2-20 {
  opacity: .86;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-20.down {
  cursor: pointer;
  margin-top: 3px;
  transition: all .4s;
  transform: rotate(90deg);
}

.arrow2-20.down.side-bar-hide {
  display: block;
}

.title-wrapper-47 {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-8283 {
  display: block;
}

.div-block-8284 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.response-label-231 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.response-label-231.side-bar-view {
  width: auto;
}

.result-row-647 {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-647:hover {
  background-color: #e4f2ff;
}

.answer-line-436 {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
  position: relative;
}

.matched-15, .matched-10 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.text-14-745 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-745.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.result-row-648 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-648:hover {
  background-color: #e4f2ff;
}

.result-row-648.selected {
  background-color: #c3e0fa;
}

.input-holder-20 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-20._2 {
  border-bottom-style: none;
}

.tag-content-156 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.matched-185 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.results-holder-338 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.question-template-modal-139 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 0 30px 60px;
}

.result-row-649 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-649:hover {
  background-color: #e4f2ff;
}

.result-row-649.selected {
  background-color: #d1e9ff;
}

.result-row-650 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-650:hover {
  background-color: #e4f2ff;
}

.result-row-650.selected {
  background-color: #d1e9ff;
}

.div-block-8285 {
  width: 80px;
  padding-right: 20px;
}

.form-30 {
  display: none;
}

.matched-186 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.results-wrapper-312 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.uploaded-file-42 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.uploaded-file-42._2 {
  cursor: pointer;
  background-color: #005baf;
  border: 1px solid #2289f6;
  border-radius: 4px;
  justify-content: space-between;
  width: auto;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
  margin-left: 20px;
  padding: 2px 3px 2px 6px;
  display: block;
}

.uploaded-file-42._2:hover {
  background-color: #055197;
}

.uploaded-file-42._2.hidden {
  display: block;
}

.print-button-36.main-view-hide {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.tag-content-157 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.modal-top-bar-283 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.text-14-746 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-746.red {
  color: red;
  font-weight: 600;
}

.div-block-8286 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.results-scroller-507 {
  border: 1px solid #cfcfcf;
  width: 100%;
  max-height: 80vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-8287 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.answer-line-437 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-211 {
  align-self: stretch;
  width: 480px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-211.product, .autocomplete-search-wrapper-211.container-size {
  width: 260px;
}

.div-block-8288 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.unmatched-116 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.action-item-heading-wrapper-5 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.action-item-heading-wrapper-5._2 {
  max-width: 895px;
}

.action-item-heading-wrapper-5.view-all {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
}

.textarea-29 {
  color: #000;
  border: 1px solid #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
}

.textarea-29::placeholder {
  color: #979797;
}

.action-item-header-7 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-7:hover {
  background-color: #f8ecc1;
}

.action-item-header-7.editable {
  background-color: #fff0;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.chip-address-11 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-11.sm {
  font-size: 12px;
  line-height: 16px;
}

.overdue-icon {
  width: 20px;
  margin-right: 1px;
}

.text-11 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 11px;
  line-height: 11px;
}

.text-11.red-semi {
  color: #ed4444;
  font-weight: 600;
}

.text-11.white-trans {
  color: #ffffffb3;
  letter-spacing: .5px;
  letter-spacing: .6px;
  letter-spacing: .6px;
  letter-spacing: .6px;
  letter-spacing: .6px;
  padding-top: 16px;
  padding-bottom: 6px;
  padding-left: 0;
  line-height: 14px;
}

.overdue-label {
  background-color: #467ba000;
  border: 1px #cfcfcf;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 52px;
  margin-left: auto;
  padding: 2px 0;
  display: flex;
}

.div-block-4080-copy-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 2px;
  display: flex;
}

.div-block-4080-copy-2.hidden {
  display: none;
}

.label-wrapper-17 {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-17._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.alert-wrapper {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  min-width: 68px;
  display: block;
}

.alert-wrapper.hidden {
  display: block;
}

.drop-zone-text {
  color: #818181;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  display: flex;
}

.form-block-21 {
  margin-bottom: 0;
}

.drop-cover {
  z-index: 997;
  background-color: #0006;
  border: 3px dashed #007bff;
  padding-top: 100px;
  display: block;
  position: absolute;
  inset: 0;
}

.cancel-save-button-holder-7 {
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
}

.date-input-8 {
  text-align: right;
  border: 1px solid #dbdbdb;
  min-width: 120px;
  height: 40px;
  min-height: 40px;
  margin-top: 4px;
  margin-right: 8px;
  padding: 8px;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.drop-content {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  max-height: 100vh;
  margin-left: 25px;
  margin-right: 25px;
  padding: 14px 0;
  display: block;
  overflow: visible;
}

.text-12-38 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-38.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-38.gray.hidden {
  display: block;
}

.text-12-38.light-grey {
  color: #818181;
}

.text-12-38.semi {
  font-weight: 600;
}

.text-12-38.semi.white {
  color: #fff;
  text-transform: uppercase;
}

.text-12-38.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-12-38.white.no-break {
  white-space: nowrap;
  max-width: 440px;
  overflow: hidden;
}

.text-12-38.gray {
  padding-top: 2px;
  font-weight: 400;
}

.all-item-wrapper-3 {
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  overflow: hidden;
}

.upload-icon {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/upload_4.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  margin-left: 4px;
  transition: all .4s;
}

.upload-icon:hover {
  background-color: #cbdfff;
}

.sm-audio-component {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.action-item-button-3-copy {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 32px;
  padding-left: 14px;
  padding-right: 8px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-3-copy:hover {
  background-color: #1b7897;
}

.activity-message-wrapper-b-8 {
  max-width: 900px;
  max-height: 520px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.overdue {
  justify-content: flex-end;
  align-items: center;
  padding-right: 2px;
  display: flex;
}

.overdue:hover {
  background-color: #fff;
}

.input-upload-items-wrapper {
  max-height: 560px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 10px;
  display: block;
  overflow: auto;
}

.input-upload-items-wrapper.hidden {
  width: 100%;
  display: block;
}

.attachment-section {
  padding-top: 10px;
  padding-bottom: 5px;
  display: block;
}

.action-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  display: block;
}

.matched-204 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.audio-holder {
  background-color: #f1f3f4;
  border: 2px solid #fff;
  border-radius: 46px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 250px;
  max-width: 300px;
  min-height: 55px;
}

.delete-attachement {
  opacity: .56;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 12px;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
  position: absolute;
  inset: 4px 4px auto auto;
}

.delete-attachement:hover {
  opacity: 100;
  background-color: #dadada;
}

.status-wrapper-3 {
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  display: block;
}

.thumb-img {
  background-color: #e2e2e2;
  background-image: url('../images/Screenshot-2025-05-08-at-1.05.51-PM.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 33%;
  min-width: 33%;
  padding-top: 22%;
  display: block;
}

.thumb-img.file {
  background-color: #fff;
  background-image: url('../images/doc.png');
  background-position: 100%;
  background-size: 64%;
  width: 40px;
  min-width: 0%;
  min-height: 50px;
  padding-top: 0%;
}

.attachment-preview {
  cursor: pointer;
  background-color: #fcfcfc;
  border: 1px solid #b0d2e2;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  min-height: 50px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.attachment-preview:hover {
  border-color: #69d0ff;
}

.delete-audio-icon {
  background-color: #7777779e;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
}

.delete-audio-icon:hover {
  background-color: #f66;
}

.action-item-button-10 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: 32px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-10:hover {
  background-color: #1b7897;
}

.action-item-button-10.blue {
  background-color: #0077b8;
}

.action-item-button-10.blue:hover {
  background-color: #02507a;
}

.action-item-button-10.cancel {
  background-color: #9fb1b8;
  height: 40px;
  margin-right: 15px;
}

.action-item-button-10.cancel:hover {
  background-color: #889ea5;
}

.action-item-button-10.blue-m {
  background-color: #0077b8;
  min-width: 120px;
  height: 40px;
}

.action-item-button-10.blue-m:hover {
  background-color: #02507a;
}

.action-item-button-10.blue-med {
  background-color: #0077b8;
  height: 40px;
}

.action-item-button-10.blue-med:hover {
  background-color: #02507a;
}

.upload-item-row-comment {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 10px 10px 10px 12px;
  display: flex;
}

.edit-ac-11 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #429dff85;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.edit-ac-11:hover {
  background-color: #429dff;
  background-image: url('../images/edit-white_1edit-white.png');
}

.item-detail-wrapper-5 {
  background-color: #e0eaf7;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-5:hover, .item-detail-wrapper-5.selected {
  background-color: #f5fbff;
}

.duration-wrapper-5 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 90px;
  min-width: 90px;
  display: flex;
}

.copy-url-button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/copy-link_1copy-link.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px 12px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.copy-url-button:hover {
  background-color: #cbdfff;
}

.text-10-7 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.text-10-7.semi-white {
  color: #fff;
  font-weight: 600;
}

.due-soon-label-4 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  margin-left: auto;
  padding: 2px;
  display: block;
}

.action-item-name-18 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 100px;
  max-width: 890px;
  padding-top: 0;
  display: block;
}

.action-item-name-18.edit {
  width: 100%;
  max-width: 900px;
}

.action-item-name-18.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  margin-left: 0;
  padding-right: 0;
  display: flex;
}

.action-item-name-18.edit {
  width: 100%;
  max-width: 900px;
  padding-left: 16px;
  padding-right: 16px;
}

.playback-speed {
  color: #00528c;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  margin-left: 10px;
  padding-top: 2px;
  font-size: 15px;
  font-weight: 500;
  display: block;
  position: relative;
}

.playback-speed:hover {
  background-color: #fff;
}

.item-button-bar-15 {
  background-color: #0000;
  border-top: 1px solid #0000001f;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 26px;
  padding: 14px 40px;
  display: flex;
  position: relative;
  bottom: 0;
}

.message-holder-21 {
  color: #313131;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 44px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 16px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 22px;
  display: block;
  overflow: hidden;
}

.plan-tile-3 {
  clear: none;
  background-color: #fff;
  border: 1px solid #3898ec52;
  border-radius: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: stretch;
  width: 96%;
  min-width: 96%;
  min-height: 40px;
  margin-bottom: 12px;
  margin-left: 6px;
  margin-right: 6px;
  padding: 20px 24px;
  transition: background-color .3s;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 7px -3px #00528c59;
}

.plan-tile-3:hover {
  background-color: #fff59d80;
}

.checkbox-18 {
  color: #ffffffb3;
  text-align: center;
  background-color: #ffffff0f;
  border: 1px solid #2196f3;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-18:hover {
  background-color: #54a7ff54;
}

.checkbox-18.checked {
  background-color: #205dc5;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.button-select-plan-2 {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #1abc9c;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-width: 100px;
  height: 46px;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.button-select-plan-2:hover {
  color: #fff;
  background-color: #0bac8c;
}

.reaction-icon-bar-9 {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  transition: background-color .3s;
  display: flex;
}

.reaction-icon-bar-9:hover {
  background-color: #eef3f8;
}

.post-header-45 {
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 30px 0 20px;
  display: flex;
}

.img-dark-overlay-2 {
  background-image: linear-gradient(to top, #0009 9%, #0003 57%, #0000 97%);
  height: 90px;
  position: absolute;
  inset: auto 0% 0%;
}

.plans-timeline-2 {
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.plans-wrapper-11 {
  clear: none;
  flex-wrap: wrap;
  place-content: flex-start center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.price-holder {
  align-self: center;
  padding-top: 4px;
}

.timeline-post-preview-2 {
  background-color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  height: auto;
  margin-top: 0;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
  bottom: auto;
}

.social-section {
  background-color: #0000;
  border-top: 2px solid #efeeee;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.social-icon-bar {
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.social-icon-bar.web {
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.rich-text-unit-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.vid-placeholder-img {
  background-color: #b5c1ca;
  background-image: url('../images/vid.png'), linear-gradient(150deg, #85b7da, #bbdef6 76%);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 25%, auto;
  width: 100%;
  padding-top: 56.25%;
}

.recording-icon-5 {
  cursor: pointer;
  width: 32px;
  height: 32px;
}

.recording-icon-5:hover {
  filter: saturate(71%);
}

.recording-icon-5.large {
  width: 38px;
  height: 38px;
}

.social-label-7 {
  color: #5a5a5a;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.time-bar-27 {
  opacity: 1;
  background-color: #fff9;
  border-radius: 20px;
  width: 260px;
  height: 10px;
  margin-left: 6px;
  margin-right: 6px;
  position: relative;
}

.handle {
  background-color: #ffffffe6;
  border: 1px solid #c7c7c7;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  position: absolute;
  inset: -5px 0 auto auto;
}

.handle:hover {
  background-color: #fff;
}

.audio-bottom-controls-23 {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 74px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.audio-wrapper-2 {
  width: 100%;
  min-height: 52px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Open Sans, sans-serif;
}

.audio-wrapper-2.submitted {
  padding-left: 10px;
  padding-right: 10px;
}

.plan-description {
  margin-bottom: 30px;
  padding-top: 14px;
}

.play-icon {
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  display: block;
  position: relative;
  transform: rotate(0);
}

.audio-message-wrapper-2 {
  background-color: #00528c;
  background-image: url('../images/jumping.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 500px;
  display: flex;
  position: relative;
}

.audio-message-wrapper-2.no-image {
  background-color: #114c75;
  background-image: url('../images/soundwave.png'), linear-gradient(333deg, #00528c, #0e8c95 61%, #1abc9c);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  height: 220px;
}

.item-header-copy-17 {
  color: #312b3de3;
  padding-bottom: 4px;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.plan-name-price {
  border-bottom: 1px solid #3898ec6e;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.audio-input-section {
  z-index: 4;
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 5px 10px 16px 24px;
  display: block;
}

.audio-input-section.hidden {
  background-color: #e6f1ff;
}

.section-header-27 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 6px 5px 14px;
  display: flex;
}

.add-item-13 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-13:hover {
  background-color: #0077b8;
}

.add-item-13.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-13.big:hover {
  background-color: #066192;
}

.icon-search-6 {
  opacity: .7;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-6:hover {
  opacity: 1;
  background-color: #0077b869;
}

.social-icon-7 {
  background-image: url('../images/icon-social-like-outline2x_1icon-social-like-outline@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 34px;
  width: 38px;
  height: 38px;
  margin-right: 2px;
}

.social-icon-7.question-copy {
  background-image: url('../images/ask_1ask.png');
}

.plan-button-div-13 {
  justify-content: center;
  display: flex;
  position: relative;
}

.play-pause-button-4 {
  opacity: 1;
  background-color: #0006;
  border: 4px solid #fff;
  border-radius: 62px;
  justify-content: center;
  align-items: center;
  width: 74px;
  min-width: 74px;
  height: 74px;
  min-height: 74px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: auto;
}

.play-pause-button-4:hover {
  opacity: 1;
  background-color: #000000b3;
}

.tag-content-172 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.div-block-8579 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-8580 {
  height: 100px;
  display: flex;
}

.div-block-8581 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.div-block-462-copy-2 {
  color: #fff;
  max-width: 500px;
  font-size: 22px;
  line-height: 27px;
}

.table-details-14 {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  max-height: 95vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.inactive-wrapper {
  border-top: 1px solid #ffffff30;
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.div-block-8582 {
  width: 300px;
  min-height: 100px;
}

.name-label-2 {
  color: #313131;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.name-label-2:hover {
  color: #313131;
}

.name-label-2.clickable {
  color: #0078ce;
  cursor: pointer;
  font-weight: 500;
}

.name-label-2.clickable:hover {
  color: #00b2ed;
}

.name-label-2.bold {
  text-align: left;
  font-weight: 600;
}

.div-block-8583 {
  margin-bottom: 20px;
}

.div-block-8584 {
  justify-content: flex-end;
  min-width: 30px;
  margin-right: 10px;
  display: flex;
}

.scrolling-table-section-9 {
  background-color: #fff;
  width: 100%;
  overflow: auto;
  box-shadow: inset 0 2px 5px #0003;
}

.sort-arrow-60 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-8585 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.chip-label-386 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.results-scroller-546 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.autocomplete-icon-45 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-45.remit {
  background-image: url('../images/icon-remit.png');
}

.button-label-9 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-9.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.ac-section {
  z-index: 5;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 900px;
  max-width: 1460px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 40px 20px;
  display: flex;
  position: relative;
}

.main-wrapper-59 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.text-block-457 {
  text-align: center;
  line-height: 15px;
}

.chip-label-white-sm-2-colhk-34 {
  color: #7dafd3;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.location-address-2 {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 15px;
  display: flex;
}

.autocomplete-search-wrapper-212 {
  align-self: stretch;
  width: 530px;
  display: block;
}

.icon-counterparty {
  opacity: .36;
  margin-top: 10px;
}

.div-block-8586 {
  align-items: flex-start;
  display: flex;
}

.div-block-8587 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  transform: rotate(0);
}

.button-label-10 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-10.sm {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.div-block-8588 {
  z-index: 6;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
}

.result-holder-3 {
  flex: 1;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.form-button-348 {
  opacity: 1;
  color: #fff;
  background-color: #046cea;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-348:hover {
  background-color: #002fad;
}

.form-button-348.back {
  background-color: #889abd;
  border: 1px solid #ffffff73;
  min-width: 110px;
}

.form-button-348.back:hover {
  background-color: #6d80a3;
}

.form-button-348.back.ab {
  z-index: 2;
  position: absolute;
  top: 32px;
  left: 30px;
}

.location-name-wrapper {
  z-index: 4;
  background-color: #07637f;
  padding: 10px 20px;
  position: sticky;
  top: 0;
}

.list-header-wrapper-6 {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: auto;
  position: relative;
}

.div-block-8589 {
  width: 100%;
  min-width: 900px;
  max-width: 1460px;
  margin-left: auto;
  margin-right: auto;
}

.location-wrapper {
  background-color: #00000038;
  border: 1px #5397b6;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2px;
  padding: 22px 24px 32px;
  display: block;
  position: relative;
}

.location-wrapper.inactive {
  margin-top: 20px;
  padding-top: 16px;
  padding-bottom: 10px;
}

.div-block-8590 {
  overflow: auto;
}

.location-address {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.results-wrapper-327 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.modal-top-bar-284 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.result-row-723 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-723:hover {
  background-color: #e4f2ff;
}

.result-row-723.selected {
  background-color: #d1e9ff;
}

.text-18-4 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18-4.white {
  color: #ffffffdb;
}

.empty-state-display-profile {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #e7ffff;
  background-image: linear-gradient(148deg, #69b9cf 14%, #45acc3 88%);
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 900px;
  max-width: 1460px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 60px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.row-21 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-21:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-21.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.row-21.inactive {
  opacity: .5;
  background-color: #f3f3f3;
}

.row-21.inactive:hover {
  background-color: #e7e7e7;
}

.div-block-8591 {
  background-color: #111216b3;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 160px;
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.loading-4 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.text-block-458 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.menu-item-wrapper-11 {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 14px;
  padding-right: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-item-wrapper-11:hover {
  background-color: #092231;
}

.img-static-4 {
  width: 26px;
}

.img-static-4._28 {
  width: 28px;
}

.nav-label-3 {
  color: #ffffffdb;
  letter-spacing: .2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.user-row {
  background-color: #fff;
  border-bottom: 1px solid #e0eaf3;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 40px;
  padding: 10px;
  display: flex;
  position: relative;
}

.user-row:hover {
  background-color: #e9f1fc;
}

.user-mgmt {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/settings_1settings.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border-radius: 4px;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  transition: background-color .4s, opacity .4s;
  position: absolute;
  inset: 4px 4px auto auto;
}

.user-mgmt:hover {
  opacity: 1;
  background-color: #0077b8;
}

.label-wrapper-12-copy {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.modal-user-mgmt {
  background-color: #0006;
  width: 100%;
  padding: 60px 100px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.create-user-section {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.title-input-element-2 {
  color: #2e2e2e;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
  min-height: 42px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.title-input-element-2::placeholder {
  color: #b4b4b4;
}

.modal-content-wrapper {
  background-color: #f5fbff;
  border-bottom: 1px solid #c3d1da;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 380px;
  padding: 20px 15px 30px;
  transition: background-color .4s;
  display: flex;
  position: relative;
}

.user-table {
  background-color: #fff;
  border: 1px solid #7eb8ff;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 40px;
  max-height: 400px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  overflow: auto;
}

.user-mgmt-wrapper {
  border: 1px solid #bebebe;
  flex-flow: column;
  flex: 1;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.arrow2-5-copy {
  opacity: .86;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-5-copy.dark {
  opacity: .5;
  filter: invert();
  cursor: pointer;
  align-self: flex-start;
  margin-left: 4px;
  margin-right: 2px;
  transition: transform .4s;
  display: block;
}

.arrow2-5-copy.dark.down {
  background-position: 50%;
  display: block;
  position: absolute;
  inset: 10px auto auto 0%;
  transform: rotate(90deg);
}

.table-loading-cover {
  filter: hue-rotate(124deg);
  background-color: #ffffff87;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 62px;
  display: none;
  position: absolute;
  inset: 0%;
}

.text-18-white {
  color: #fffc;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.new-user-wrapper {
  border: 1px solid #bebebe;
  flex-flow: column;
  flex: 1;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.autocomplete-search-wrapper-action-copy {
  align-self: stretch;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.text-area-div-6 {
  color: #9c9c9c;
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.sf-1253 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1253.semi {
  font-weight: 600;
}

.sf-1253.semi.navy {
  color: #00528c;
  text-align: center;
}

.badge-text {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.text-field-21-copy {
  color: #2e2e2e;
  border: 1px solid #e6e6e6;
  width: 100%;
  min-width: 300px;
  height: 42px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.text-field-21-copy::placeholder {
  color: #b4b4b4;
}

.modal-create-user {
  background-color: #0006;
  width: 100%;
  padding: 60px 100px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.enable-user-section {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.chip-label-390 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-390.sm {
  font-size: 13px;
  line-height: 16px;
}

.empty-state-action-item-9 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff1c;
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.search-bar-7 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 8px 10px;
  display: none;
}

.text-14-775 {
  text-align: left;
  font-family: Open Sans, sans-serif;
}

.text-14-775.semi {
  font-weight: 600;
}

.text-14-775.white {
  color: #ffffffc2;
}

.text-14-775.center-semi {
  text-align: center;
  font-weight: 600;
  line-height: 17px;
}

.chip-label-xs-68 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.hover-row {
  opacity: 0;
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  transition: opacity .5s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hover-row:hover {
  opacity: 100;
}

.summary-inner-wrapper-169 {
  background-color: #fff;
  padding-left: 0;
}

.image-844 {
  margin-right: 6px;
}

.uploaded-file-51 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.div-block-8646 {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-right: 20px;
  display: flex;
}

.button-label-12 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-12.sm {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.button-label-12.xsm {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.results-wrapper-331 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-331.short {
  width: 300px;
  min-width: 300px;
}

.answer-wrapper-229 {
  flex-flow: column;
}

.autocomplete-search-wrapper-213 {
  align-self: stretch;
  width: 100%;
  min-width: 500px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.text-14-777 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-777.red {
  color: red;
  font-weight: 600;
}

.div-block-8647 {
  display: flex;
}

.response-row-344 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-344.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.response-row-345 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-345.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.text-span-311 {
  font-weight: 600;
}

.div-block-8648 {
  padding-right: 5px;
}

.div-block-8649 {
  position: relative;
}

.div-block-8650 {
  display: flex;
}

.answer-wrapper-230 {
  flex-flow: column;
}

.progress-bar-holder-30 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.div-block-8651 {
  position: sticky;
}

.div-block-8652 {
  width: 134px;
}

.div-block-8653 {
  padding-left: 12px;
}

.tag-content-175 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.div-block-8654 {
  width: 80px;
  padding-right: 20px;
}

.div-block-8654._2 {
  width: 100px;
  padding-right: 5px;
}

.chip-label-391 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.upload-item-row-50 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.text-block-459 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.div-block-8655 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-14-778 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-778.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-778.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-778.white {
  color: #ffffffdb;
  font-weight: 400;
}

.answer-line-438 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.div-block-8656 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.result-row-737 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-737:hover {
  background-color: #e4f2ff;
}

.result-row-737.selected {
  background-color: #e7eeff;
}

.div-block-8657 {
  position: sticky;
}

.response-row-346 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-346.side-bar-view, .response-row-346.side {
  flex-flow: column;
  padding-left: 34px;
}

.response-row-346.side.print-view {
  flex-flow: row;
}

.chip-label-392, .chip-label-393 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-8658 {
  padding-top: 6px;
}

.div-block-8659 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.ac-default-label-325 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-325.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.chip-address-19 {
  font-size: 15px;
  font-weight: 400;
}

.results-scroller-553 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.order-item-169 {
  background-color: #fff;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.answer-line-439 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-439.no-padding {
  padding-bottom: 0;
}

.answer-line-440 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-440.padding {
  padding-bottom: 10px;
  position: relative;
}

.answer-line-440.no-padding {
  padding-bottom: 0;
}

.autocomplete-icon-47 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-47.remit {
  background-image: url('../images/icon-remit.png');
}

.text-14-779 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-779.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-779.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-779.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-8660 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.results-holder-405 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.item-name-wrapper-155 {
  z-index: 3;
  background-color: #184f72;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px 12px 20px;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.item-name-wrapper-155.print-view {
  top: 0;
}

.div-block-8661, .div-block-8662 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-326 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-326.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.div-block-8663 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.results-wrapper-332 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-332.short {
  width: 300px;
  min-width: 300px;
}

.div-block-8664 {
  width: 80px;
  padding-right: 20px;
}

.image-845 {
  margin-right: 4px;
}

.results-wrapper-333 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-333.short {
  width: 300px;
  min-width: 300px;
}

.text-block-460 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.print-button-37 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-738 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-738:hover {
  background-color: #e4f2ff;
}

.result-row-738.selected {
  background-color: #e7eeff;
}

.div-block-8665 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.response-row-347 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-347.reps {
  background-color: #e5f1f8;
  padding-top: 10px;
  padding-bottom: 10px;
}

.response-row-347.reps.side {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 0;
}

.response-row-347.reps.side.print-view {
  background-color: #fff;
  border-bottom-color: #dae8f1;
  padding-top: 5px;
  padding-bottom: 5px;
}

.div-block-8666 {
  z-index: 9;
  position: sticky;
  top: 74px;
}

.text-14-780 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-780.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.div-block-8667 {
  position: relative;
}

.div-block-8668, .div-block-8669 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-8670 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8671 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-8671._2 {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-461 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.customer-name-row-98 {
  z-index: 6;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 74px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.customer-name-row-98:hover {
  background-color: #072c42;
}

.customer-name-row-98.side-bar-view {
  top: 0;
}

.customer-name-row-98.preview {
  justify-content: space-between;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 8px;
}

.customer-name-row-98.preview:hover {
  background-color: #0c3955;
}

.text-14-781 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-14-781.gray {
  color: #686868;
}

.text-14-781.semi {
  font-weight: 600;
  line-height: 20px;
}

.div-block-8672 {
  display: flex;
}

.div-block-8673 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.right-side-panel-2 {
  max-width: 560px;
  position: relative;
  inset: 0% 0% 0% 0;
}

.customer-info-171 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.button-label-13 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-13.xsm {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-13.xsm.semi {
  font-weight: 600;
}

.edit-ac-12 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #429dff85;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  margin-right: 10px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.edit-ac-12:hover {
  background-color: #429dff;
  background-image: url('../images/edit-white_1edit-white.png');
}

.result-row-739 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-739:hover {
  background-color: #e4f2ff;
}

.result-row-739.selected {
  background-color: #e7eeff;
}

.div-block-8674 {
  display: flex;
}

.ac-default-label-327 {
  color: #000000db;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.item-submit-holder-98 {
  background-color: #e4f1fa;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.item-submit-holder-98.awf {
  text-align: left;
  flex-flow: row;
}

.div-block-8675 {
  padding-left: 8px;
}

.chip-label-394 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-8676 {
  padding-left: 12px;
}

.custom-checkbox-95 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-95:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-95.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.div-block-8677 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.customer-info-172 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.input-holder-21 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-21._2 {
  border-bottom-style: none;
}

.text-14-782 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.rental-upload-94 {
  width: 340px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.rental-upload-94.print {
  padding-top: 0;
  padding-bottom: 20px;
}

.answer-wrapper-231 {
  flex-flow: column;
}

.response-label-232 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.select-field-250 {
  color: #000;
  background-color: #fff0;
  border: 1px solid #fff;
  border-bottom-color: #c6dcff;
  flex: 0 auto;
  width: auto;
  min-width: 60px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding: 0 6px 0 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.select-field-250:hover {
  background-color: #f0f3f8;
  border-color: #4cc0ff;
}

.text-14-783 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-783.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.results-scroller-554 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.arrow2-21 {
  opacity: .86;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-21.down {
  cursor: pointer;
  margin-top: 3px;
  transition: all .4s;
  transform: rotate(90deg);
}

.arrow2-21.down.side-bar-hide, .div-block-8678 {
  display: block;
}

.response-label-233 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.response-label-233.side-bar-view {
  width: auto;
}

.text-13-35 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-35.blue {
  color: #8aceff;
}

.text-13-35.checkbox-label {
  color: #fffffff2;
  letter-spacing: .2px;
  font-weight: 300;
}

.response-label-234 {
  color: #000;
  width: 260px;
  padding-top: 4px;
  padding-right: 20px;
}

.response-label-234.short {
  width: 160px;
  min-width: 160px;
  padding-top: 6px;
  padding-right: 20px;
}

.answer-line-441 {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
  position: relative;
}

.div-block-8679 {
  position: sticky;
}

.result-row-740 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-740:hover {
  background-color: #e4f2ff;
}

.result-row-740.selected {
  background-color: #c3e0fa;
}

.div-block-8680 {
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 72px;
  margin-top: auto;
}

.input-holder-22 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-22._2 {
  border-bottom-style: none;
}

.tag-content-176 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.results-holder-406 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.result-row-741 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-741:hover {
  background-color: #e4f2ff;
}

.result-row-741.selected {
  background-color: #d1e9ff;
}

.text-12-39 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.div-block-8681 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-8682 {
  width: 80px;
  padding-right: 20px;
}

.customer-name-row-read-only-5 {
  z-index: 4;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 74px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-8683 {
  position: sticky;
}

.uploaded-file-52 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.uploaded-file-52._2 {
  cursor: pointer;
  background-color: #005baf;
  border: 1px solid #2289f6;
  border-radius: 4px;
  justify-content: space-between;
  width: auto;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
  margin-left: 20px;
  padding: 2px 3px 2px 6px;
  display: block;
}

.uploaded-file-52._2:hover {
  background-color: #055197;
}

.uploaded-file-52._2.hidden {
  display: block;
}

.print-button-38.main-view-hide {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.tag-content-177 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.text-18-5 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18-5.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.div-block-8684 {
  padding-right: 5px;
}

.div-block-8685 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.answer-wrapper-232 {
  flex-flow: column;
}

.div-block-8686 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.customer-checkbox-flex-2 {
  z-index: 5;
  background-color: #184f72;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 42px;
  margin-bottom: 0;
  padding: 6px 20px 0;
  display: flex;
  position: sticky;
  top: 122px;
}

.customer-checkbox-flex-2.print-view {
  z-index: 3;
  padding-left: 20px;
}

.customer-checkbox-flex-2.side-bar-view {
  flex-flow: row;
  padding-left: 20px;
  position: sticky;
}

.answer-line-442 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-214 {
  align-self: stretch;
  width: 480px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-214.product, .autocomplete-search-wrapper-214.container-size {
  width: 260px;
}

.autocomplete-search-wrapper-214.print {
  margin-left: 0;
}

.matched-260 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-8687 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.unmatched-137 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.new-order-button-5 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.new-order-button-5:hover {
  background-color: #0077b8;
}

.div-block-8688 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  transform: rotate(0);
}

.counterparty-config-modal-43 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-8689 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 6px;
  display: flex;
}

.div-block-8690 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.button-label-14 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-14.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-14._14 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.empty-state-display-10 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #e7ffff;
  background-image: linear-gradient(148deg, #69b9cf 14%, #45acc3 88%);
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  padding-top: 60px;
  padding-bottom: 20px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.apply-button-row {
  background-color: #faf9f9;
  border-top: 1px solid #e4e4e4;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 200px;
  padding: 15px;
  display: flex;
  position: static;
}

.apply-button-row:hover {
  background-color: #eff5fa;
}

.text-span-148 {
  color: #fff;
}

.location-setting-checkbox-35 {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 16px 10px 4px;
  display: flex;
}

.location-setting-checkbox-35.status {
  background-color: #d9dfe2;
  border-radius: 4px;
  min-width: 96px;
  margin-right: 8px;
  padding: 5px 8px 5px 5px;
}

.location-setting-checkbox-35.status.red {
  background-color: #ffc3c3;
}

.location-setting-checkbox-35.status.green {
  background-color: #b1f19f;
}

.text-14-784 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-784.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.table-settings-icon {
  z-index: 9;
  cursor: pointer;
  border-radius: 8px;
  min-width: 26px;
  min-height: 26px;
  margin-left: auto;
  padding: 5px;
  display: none;
  position: relative;
}

.table-settings-icon:hover {
  opacity: 1;
  background-color: #00000054;
}

.div-block-8691 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-14-785 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-785.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.modal-top-bar-285 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.question-template-81 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 20px;
  margin-bottom: 100px;
  padding: 20px 40px;
}

.tag-content-178 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.div-block-8692 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-8692.r {
  justify-content: flex-end;
  align-items: center;
}

.div-block-8693 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.column-name {
  background-color: #faf9f9;
  border-top: 1px solid #e4e4e4;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 200px;
  padding: 10px 15px;
  display: flex;
  position: static;
}

.column-name:hover {
  background-color: #eff5fa;
}

.text-span-147 {
  font-size: 16px;
  font-weight: 600;
}

.div-block-8694 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.image-846 {
  opacity: .36;
  margin-top: 10px;
}

.table-details-15 {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: 100%;
  max-height: 95vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.question-template-modal-140 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 20px;
}

.results-scroller-555 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.keyword-search-input-28 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  position: relative;
}

.keyword-search-input-28::placeholder {
  color: #667792;
}

.form-button-349 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-349:hover {
  background-color: #02507a;
}

.scrolling-table-section-8 {
  border-left: 1px solid #264e5b4f;
  border-right: 1px solid #264e5b4f;
  width: 100%;
  overflow: auto;
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-8695 {
  justify-content: flex-end;
  min-width: 30px;
  margin-right: 10px;
  display: flex;
}

.result-holder-15 {
  flex: 1;
  max-height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.div-block-8696 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-8697 {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.div-block-8698 {
  width: 530px;
}

.form-button-350 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-350:hover {
  background-color: #02507a;
}

.div-block-8699 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-8700 {
  position: relative;
}

.upload-item-row-51 {
  align-items: flex-end;
  width: 340px;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.upload-item-row-51.sm {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.autocomplete-icon-48 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-48.remit {
  background-image: url('../images/icon-remit.png');
}

.date-input-9 {
  color: #161616;
  text-align: right;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.main-wrapper-60 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-60.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.edit-table-menu {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: auto;
  min-width: 180px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 32px -5px auto auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.text-block-462 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.search-filter-wrapper {
  border-top: 1px solid #ffffff3b;
  display: block;
}

.search-filter-wrapper.no-border {
  border-top-style: none;
  padding-top: 5px;
}

.chip-label-white-sm-2-colhk-35 {
  color: #7dafd3;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-8701 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8702 {
  height: 100px;
  display: flex;
}

.div-block-8703 {
  align-items: flex-start;
  display: flex;
}

.button-label-15 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-15.sm {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.chip-address-27 {
  font-size: 15px;
  font-weight: 400;
}

.sort-arrow-61 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.form-108 {
  display: none;
}

.div-block-8704 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.item-count-2 {
  justify-content: flex-start;
  align-items: center;
  padding: 10px 6px;
  display: flex;
}

.div-block-8706 {
  margin-right: 10px;
}

.div-block-8707 {
  padding-bottom: 10px;
}

.results-scroller-556 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.custom-checkbox-96 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-96:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-96.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.modal-top-bar-286 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.toggle-divider-2 {
  background-color: #ffffff73;
  width: 1px;
  height: 100%;
}

.div-block-8708 {
  background-color: red;
  border: 1px solid #dadada;
  border-radius: 12px;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 15px 15px auto auto;
}

.div-block-8709 {
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
}

.form-button-351 {
  opacity: 1;
  color: #fff;
  background-color: #046cea;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-351:hover {
  background-color: #002fad;
}

.form-button-351.back {
  background-color: #889abd;
  border: 1px solid #ffffff73;
  min-width: 110px;
}

.form-button-351.back:hover {
  background-color: #6d80a3;
}

.form-button-351.back.ab {
  z-index: 2;
  position: absolute;
  top: 32px;
  left: 30px;
}

.image-847 {
  opacity: .56;
}

.text-13-36 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-36.semi {
  font-weight: 600;
}

.div-block-8710 {
  justify-content: flex-start;
  align-items: stretch;
  height: 40px;
  display: flex;
}

.list-header-wrapper-7 {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  height: auto;
  position: relative;
}

.customer-info-173 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.question-template-modal-141 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 0 30px 60px;
}

.text-12-40 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-40.semi {
  font-weight: 600;
}

.text-12-40.semi.white {
  color: #fff;
  text-transform: uppercase;
}

.div-block-8711 {
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-8712 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.results-scroller-557 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.filter-section-8 {
  background-color: #00000029;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 20px;
  display: block;
  position: relative;
}

.toggle {
  color: #ffffffb3;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  font-family: Open Sans, sans-serif;
  font-weight: 600;
  display: flex;
}

.toggle:hover {
  background-color: #00000054;
}

.toggle.selected {
  color: #fff;
  background-color: #0077b8;
}

.left-side-wrapper-3 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-right: 10px;
  display: flex;
}

.results-wrapper-334 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.text-24-3-copy-62 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.div-block-8713 {
  width: 300px;
  min-height: 100px;
}

.modal-top-bar-287 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.apply-button {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 32px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.apply-button:hover {
  background-color: #02507a;
}

.search-button {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: .8;
  text-align: center;
  border: 1px solid #ffffff57;
  border-radius: 4px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  min-width: 40px;
  height: 40px;
  padding: 10px 10px 0;
  font-size: 17px;
  display: inline-block;
}

.search-button:hover {
  opacity: .9;
  background-color: #00000054;
}

.search-button.apply {
  cursor: pointer;
  background-color: #00000054;
}

.search-button.apply:hover {
  background-color: #0000008c;
}

.search-button.large {
  cursor: pointer;
  background-color: #00000054;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  height: 42px;
  margin-left: 5px;
  padding-top: 0;
  display: flex;
}

.search-button.large:hover {
  background-color: #0000008c;
}

.search-button.keyword {
  cursor: pointer;
  background-color: #00000054;
  background-image: url('../images/search_2.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  margin-left: 10px;
}

.search-button.keyword:hover {
  background-color: #0000008c;
}

.result-row-742 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-742:hover {
  background-color: #e4f2ff;
}

.result-row-742.selected {
  background-color: #d1e9ff;
}

.text-18-6 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.row-22 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-22:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-22.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.date-range-22 {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  padding: 10px 20px 10px 0;
  display: inline-flex;
}

.column-label-wrapper {
  margin-left: 6px;
}

.modal-top-bar-288 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-8230-copy {
  border: 1px solid #ffffff73;
  border-radius: 6px;
  justify-content: flex-start;
  align-items: center;
  width: 330px;
  height: 48px;
  margin-right: 24px;
  display: flex;
}

.image-848 {
  margin-right: 6px;
}

.uploaded-file-53 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.div-block-8714 {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-right: 20px;
  display: flex;
}

.button-label-16 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-16.xsm {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.answer-wrapper-233 {
  flex-flow: column;
}

.text-14-786 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-786.red {
  color: red;
  font-weight: 600;
}

.div-block-8715 {
  position: sticky;
}

.div-block-8716 {
  padding-left: 12px;
}

.div-block-8717 {
  width: 80px;
  padding-right: 20px;
}

.div-block-8717._2 {
  width: 100px;
  padding-right: 5px;
}

.div-block-8718 {
  position: sticky;
}

.response-row-348 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-348.side {
  flex-flow: column;
  padding-left: 34px;
}

.response-row-348.side.print-view {
  flex-flow: row;
}

.chip-address-28 {
  font-size: 15px;
  font-weight: 400;
}

.div-block-8719 {
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 72px;
  margin-top: auto;
}

.answer-line-443 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-443.no-padding {
  padding-bottom: 0;
}

.answer-line-444 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-444.no-padding {
  padding-bottom: 0;
}

.text-14-787 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-8720 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.item-name-wrapper-156 {
  z-index: 3;
  background-color: #184f72;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px 12px 20px;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.item-name-wrapper-156.print-view {
  top: 0;
}

.div-block-8721 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8722 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-8723 {
  width: 80px;
  padding-right: 20px;
}

.print-button-39 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.response-row-349 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-349.reps {
  background-color: #e5f1f8;
  padding-top: 10px;
  padding-bottom: 10px;
}

.response-row-349.reps.side {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 0;
}

.response-row-349.reps.side.print-view {
  background-color: #fff;
  border-bottom-color: #dae8f1;
  padding-top: 5px;
  padding-bottom: 5px;
}

.div-block-8724 {
  z-index: 9;
  position: sticky;
  top: 74px;
}

.div-block-8725 {
  position: relative;
}

.div-block-8726 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8727 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-8727._2 {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-14-788 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-14-788.gray {
  color: #686868;
}

.text-14-788.semi {
  font-weight: 600;
  line-height: 20px;
}

.div-block-8728 {
  display: flex;
}

.div-block-8729 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.customer-info-174 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.div-block-8730 {
  display: flex;
}

.div-block-8731 {
  padding-left: 8px;
}

.custom-checkbox-97 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-97:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-97.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.div-block-8732 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.input-holder-23 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-23._2 {
  border-bottom-style: none;
}

.text-14-789 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.rental-upload-95 {
  width: 340px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.rental-upload-95.print {
  padding-top: 0;
  padding-bottom: 20px;
}

.text-13-37 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-37.checkbox-label {
  color: #fffffff2;
  letter-spacing: .2px;
  font-weight: 300;
}

.answer-line-445 {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
  position: relative;
}

.div-block-8733 {
  position: sticky;
}

.input-holder-24 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-24._2 {
  border-bottom-style: none;
}

.div-block-8734 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.customer-name-row-read-only-6 {
  z-index: 4;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 74px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-8735 {
  position: sticky;
}

.uploaded-file-54 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.uploaded-file-54._2 {
  cursor: pointer;
  background-color: #005baf;
  border: 1px solid #2289f6;
  border-radius: 4px;
  justify-content: space-between;
  width: auto;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
  margin-left: 20px;
  padding: 2px 3px 2px 6px;
  display: block;
}

.uploaded-file-54._2:hover {
  background-color: #055197;
}

.uploaded-file-54._2.hidden {
  display: block;
}

.text-18-7 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18-7.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.text-18-7.semi {
  font-weight: 600;
}

.div-block-8736 {
  padding-right: 5px;
}

.customer-checkbox-flex-3 {
  z-index: 5;
  background-color: #184f72;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 42px;
  margin-bottom: 0;
  padding: 6px 20px 0;
  display: flex;
  position: sticky;
  top: 122px;
}

.customer-checkbox-flex-3.print-view {
  z-index: 3;
  padding-left: 20px;
}

.autocomplete-search-wrapper-215 {
  align-self: stretch;
  width: 480px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-215.print {
  margin-left: 0;
}

.tree-icon-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 52px;
  min-width: 52px;
  padding-right: 5px;
  display: flex;
}

.tree-view-outer-wrapper {
  background-color: #fff;
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  padding: 15px 20px 20px 10px;
  overflow: auto;
}

.tree-item-inner {
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.results-holder-21-copy {
  z-index: 6;
  display: none;
  position: relative;
  overflow: visible;
}

.hover-dots {
  opacity: 0;
  background-image: url('../images/dots_1dots.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 21px;
  border-radius: 22px;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  transition: opacity .3s;
}

.hover-dots:hover {
  opacity: 1;
  background-color: #e7edf7;
}

.hover-dots.hide {
  display: none;
}

.icon-edit-custom {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/edit_2edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 4px;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  margin-left: 10px;
  transition: background-color .4s, opacity .4s;
  position: static;
  inset: 4px 4px auto auto;
}

.icon-edit-custom:hover {
  opacity: 1;
  background-color: #0077b869;
}

.icon-private {
  opacity: .8;
  background-image: url('../images/lock_1lock.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 13px;
  min-width: 13px;
  height: 13px;
  min-height: 13px;
  margin-left: 4px;
}

.tree-line {
  z-index: 7;
  background-color: #d1d1d1;
  width: 1px;
  height: calc(100% - 20px);
  margin-left: 4px;
  position: absolute;
  top: 24px;
  left: 50px;
  right: auto;
}

.modal-edit-custom-column {
  background-color: #0006;
  width: 100%;
  padding: 60px 100px 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.arrow-tree {
  background-image: url('../images/arrow-grey_1arrow-grey.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 8px;
  width: 18px;
  height: 18px;
  transition: all .4s;
}

.arrow-tree.none {
  display: none;
}

.edit-save {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin-bottom: 20px;
  padding: 15px 20px 10px;
  display: block;
}

.owner-name-tag {
  background-color: #e0f2fc;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1px;
  margin-left: 10px;
  padding: 2px 6px;
  display: flex;
}

.owner-name-tag:hover {
  text-decoration: underline;
}

.owner-name-tag.attention {
  background-color: #ffdce1;
}

.owner-name-tag.done {
  background-color: #dafde4;
}

.owner-name-tag.started {
  background-color: #fff7db;
}

.icon-lock {
  opacity: .8;
  background-image: url('../images/lock_1lock.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
  margin-left: 4px;
}

.results-wrapper-336 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-336.assign-copy, .results-wrapper-336.tags {
  width: 100%;
  min-width: 300px;
}

.results-wrapper-336.assign {
  width: auto;
  min-width: 0;
}

.results-wrapper-336.blue {
  background-color: #08296e;
  width: 100%;
  min-width: 300px;
}

.add-task {
  z-index: 9;
  opacity: 0;
  background-color: #fff;
  background-image: url('../images/plus_1plus.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 20px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-top: 0;
  margin-left: -9px;
  position: absolute;
  inset: auto 0% 0%;
}

.add-task:hover {
  opacity: 1;
  background-color: #e7edf7;
  background-size: 13px;
}

.add-task.top-level {
  opacity: .8;
  margin-left: -7px;
  top: 0;
}

.results-count-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: none;
}

.div-block-5001-copy-2 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.task-name-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.bulletpoint {
  background-color: #555;
  border-radius: 14px;
  width: 7px;
  min-width: 7px;
  height: 7px;
  min-height: 7px;
  margin-top: 6px;
  margin-right: 8px;
}

.wfwfwefw {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.wfwfwefw.grey {
  color: #818181;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  padding-top: 2px;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.semi {
  font-weight: 600;
  line-height: 20px;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  padding-top: 2px;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.white {
  color: #ffffffdb;
  cursor: move;
  cursor: pointer;
  font-weight: 400;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.white {
  color: #ffffffdb;
  cursor: move;
  cursor: pointer;
  font-weight: 400;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 17px;
}

.wfwfwefw.white {
  color: #ffffffdb;
  cursor: pointer;
  font-weight: 400;
}

.wfwfwefw.white.no-wrap {
  cursor: pointer;
}

.wfwfwefw.item-name {
  overflow-wrap: anywhere;
  font-weight: 600;
  line-height: 17px;
}

.tree-item {
  position: relative;
}

.icon-custom-column {
  background-color: #fff;
  background-image: url('../images/save_1save.png');
  background-position: 50% 4px;
  background-repeat: no-repeat;
  background-size: 24px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 100%;
  position: relative;
  left: -1px;
}

.icon-custom-column:hover {
  filter: saturate(200%);
  background-color: #e2ebff;
}

.post-button-12 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-12:hover {
  background-color: #02507a;
}

.unmatched-140 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-140.sm {
  font-size: 14px;
  line-height: 18px;
}

.privacy-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-right: 4px;
  display: flex;
}

.sub-item-wrapper {
  margin-left: 30px;
  position: relative;
}

.custom-column-wrapper {
  min-height: 100px;
  max-height: calc(100vh - 385px);
  overflow: auto;
}

.edit-wrapper {
  border: 1px solid #bebebe;
  flex-flow: column;
  flex: 1;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: visible;
}

.saved-search-heading {
  border-bottom: 1px solid #ffffff52;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 15px;
  padding-left: 5px;
}

.autocomplete-search-wrapper-custom {
  align-self: stretch;
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.red-dot-3-copy {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: -2px 0% auto 16px;
}

.red-dot-3-copy.hidden {
  top: -2px;
  left: 16px;
}

.div-block-8799 {
  position: relative;
}

.image-865 {
  opacity: .84;
}

.task-button-bar-9 {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  min-height: 20px;
  margin-left: 24px;
  margin-right: 16px;
  padding-top: 4px;
  display: flex;
}

.loading-screen {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 220px 20px 40px;
  position: relative;
}

.alert-wrapper-copy {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.alert-wrapper-copy.hidden {
  display: block;
}

.overdue-label-copy {
  background-color: #467ba000;
  border: 1px #cfcfcf;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  margin-left: auto;
  padding: 2px 0;
  display: flex;
}

.delete-task-button-9 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-9:hover {
  background-color: #ed4444;
  background-image: url('../images/trash-w_1trash-w.png');
}

.matched-274 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-274.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.side-nav-item-13 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 15px;
  display: flex;
  position: relative;
}

.side-nav-item-13:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-13.custom {
  min-height: 38px;
}

.side-nav-item-13.clark {
  justify-content: flex-start;
}

.unseen-item-dot {
  opacity: .8;
  background-color: #e41b1b;
  border-radius: 12px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-left: 8px;
  margin-right: 4px;
}

.header-right-side-11 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.reason-input-section-13 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-bottom: 20px;
  display: block;
}

.action-button-67 {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-67:hover {
  color: #fff;
  background-color: #0d72b9;
}

.toggle-wrapper-3 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  padding-bottom: 3px;
  display: flex;
}

.select-field-4-copy {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 28px;
  margin-bottom: 0;
  margin-left: 4px;
  padding: 4px 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.select-field-4-copy:hover {
  background-color: #eee;
}

.small-button-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-left: 2px;
  margin-right: 2px;
  display: block;
}

.div-block-5936-copy {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-26 {
  color: #233852;
  font-family: Open Sans, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 34px;
}

.slider-bar-base {
  background-color: #6d879b;
  border-radius: 6px;
  align-items: center;
  width: 144px;
  height: 5px;
  display: flex;
  position: relative;
}

.delta-display {
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.delta-display.hidden {
  display: none;
}

.slider-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 300px;
  height: 30px;
  padding-left: 0;
  padding-right: 8px;
  display: flex;
}

.arrow-delta {
  background-image: url('../images/arrow-up_2.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 22px;
  height: 28px;
}

.arrow-delta.down {
  background-image: url('../images/arrow-down_1.png');
}

.clark-header {
  background-color: #133d5c;
  justify-content: flex-start;
  align-items: center;
  min-height: 32px;
  padding: 5px 10px;
  display: flex;
}

.results-holder-428 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-428.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.status-tag-14 {
  text-align: center;
  background-color: #636363;
  width: 70px;
  padding: 2px;
}

.action-item-header-bg {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-bg:hover {
  background-color: #f8ecc1;
}

.action-item-header-bg.resolved {
  background-color: #dafde4;
}

.action-item-header-bg.resolved:hover {
  background-color: #c6f1d2;
}

.action-item-header-bg.light-blue {
  background-color: #e0f3fc;
}

.action-item-header-bg.light-blue.flash, .action-item-header-bg.flash {
  background-color: silver;
}

.kpi-holder {
  background-color: #f5fbff;
  padding: 10px 10px 40px;
}

.clark-items {
  background-color: #f5fbff;
  min-height: 200px;
}

.div-inline-flex {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 56px;
  min-height: 56px;
  display: inline-flex;
}

.div-inline-flex._2 {
  min-width: 260px;
}

.hauler-list {
  height: 100%;
}

.zip-city-input {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  position: relative;
}

.zip-city-input::placeholder {
  color: #667792;
}

.text-14-96-copy {
  color: #868282;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.close {
  opacity: .76;
  justify-content: center;
  align-items: center;
  width: 50px;
  padding: 10px;
  display: flex;
  position: absolute;
  inset: 10px 10px auto auto;
}

.close:hover {
  opacity: 100;
}

.choose-counterparty-modal {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 20px;
  display: none;
  position: fixed;
  inset: 0;
}

.vendor-wrapper {
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3;
  padding: 18px 24px;
  transition: background-color .4s;
  display: none;
}

.vendor-wrapper:hover, .vendor-wrapper.selected {
  background-color: #dfeff3;
}

.filter-section-7-copy {
  background-color: #00000029;
  justify-content: flex-start;
  align-items: center;
  min-height: 80px;
  margin-bottom: 10px;
  padding: 6px 15px;
  display: block;
  position: relative;
}

.search-filter-menu-4 {
  z-index: 3;
  background-color: #ecf2fd;
  border: 1px solid #98bbe7;
  border-radius: 8px;
  min-width: 290px;
  max-width: 400px;
  display: block;
  position: absolute;
  inset: 68px auto auto 341px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.modal-main-content {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.contact-info {
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.map-section {
  background-color: #ecf0f3;
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 5%;
  width: 100%;
  height: 100%;
}

.service-city-wrapper {
  width: 100%;
  padding-bottom: 20px;
}

.results-count {
  background-color: #fff;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 24px;
  position: sticky;
  top: 0;
}

.loading-table-copy {
  height: 60px;
}

.modal-missing-info-list {
  background-color: #004653e8;
  width: 100vw;
  height: 100vh;
  padding-left: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.vendor-info {
  border-bottom: 1px solid #dcebff;
  margin-left: 20px;
  margin-right: 20px;
  padding: 14px 0;
}

.state-select-field {
  color: #2b2b2b;
  width: 100px;
  height: 40px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.no-contacts-message-2 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}

.divider-vertical {
  background-color: #fff6;
  justify-content: flex-start;
  align-items: flex-start;
  width: 1px;
  height: 54px;
  margin-left: 15px;
  margin-right: 15px;
  display: inline-flex;
}

.location-input-wrapper {
  width: 200px;
  margin-right: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
}

.clear-keyword-icon-2-copy {
  opacity: .4;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 30px;
  height: 30px;
  position: absolute;
  inset: 4px 2px auto auto;
}

.clear-keyword-icon-2-copy:hover {
  opacity: .6;
}

.form-block-134-copy {
  width: 100%;
  margin-bottom: 0;
}

.vendor-detail-top {
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #dcebff;
  padding: 15px 15px 10px 20px;
  position: sticky;
  top: 0;
}

.text-15-5 {
  color: #000000db;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.text-15-5.semi {
  font-weight: 600;
}

.text-15-5.center {
  text-align: center;
}

.text-15-5.semi {
  font-family: Open Sans, sans-serif;
  font-weight: 600;
}

.modal-header-section {
  height: 95px;
  padding: 30px 20px 20px 25px;
}

.search-inner-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 6px;
  padding-bottom: 6px;
  display: block;
  position: relative;
}

.vendor-detail-modal {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 12px;
  width: 390px;
  min-width: 390px;
  height: 96%;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 12px;
  left: 390px;
  overflow: auto;
  box-shadow: 4px 5px 9px 4px #00000026;
}

.close-modal-vendor {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  inset: 10px 8px auto auto;
}

.scrolling-table-section-8-copy {
  border-left: 1px solid #264e5b4f;
  border-right: 1px solid #264e5b4f;
  width: 100%;
  overflow: hidden;
  box-shadow: inset 0 2px 5px #0003;
}

.vendor-address {
  padding-top: 10px;
}

.remove-15-copy {
  opacity: .72;
  cursor: pointer;
  background-color: #061f4757;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 8px;
}

.remove-15-copy:hover {
  opacity: 1;
}

.vendor-name-wrapper {
  align-self: stretch;
  width: 530px;
  padding-top: 0;
  display: block;
  position: relative;
}

.results-section {
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 900px;
  min-height: calc(100vh - 110px);
  display: flex;
  position: relative;
}

.tag-small-copy {
  clear: left;
  background-color: #d1e9ff;
  border-radius: 6px;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  height: 32px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 4px;
  display: block;
  position: static;
}

.save-button-row {
  z-index: 3;
  background-color: #e5f1f8;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 16px 15px 16px 20px;
  display: flex;
  position: sticky;
  top: 64px;
}

.vendor-notes {
  border-bottom: 1px solid #dcebff;
  margin-left: 20px;
  margin-right: 20px;
  padding: 4px 0 14px;
}

.chip-label-white-sm-2-colhk-13-copy {
  color: #7dafd3;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.contact-component {
  width: 100%;
}

.side-vendor-view {
  z-index: 10;
  border-bottom-color: #8fb7ce;
  border-left: 1px solid #8fb7ce;
  width: 30%;
  min-width: 580px;
  max-width: 700px;
  min-height: 90%;
  max-height: 100%;
  display: block;
  position: relative;
}

.side-vendor-view.hidden {
  display: block;
}

.div-block-8901 {
  text-align: right;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.customer-name-row-99 {
  z-index: 6;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 64px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.customer-name-row-99:hover {
  background-color: #072c42;
}

.vendor-wrapper-copy {
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3;
  padding: 18px 24px;
  transition: background-color .4s;
  display: block;
}

.vendor-wrapper-copy:hover {
  background-color: #dfeff3;
}

.autocomplete-search-wrapper-217 {
  align-self: stretch;
  width: 100%;
  min-width: 480px;
  margin-top: 0;
  display: block;
  position: relative;
}

.div-block-8902 {
  position: relative;
}

.item-submit-holder-100 {
  background-color: #e4f1fa;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.modal-top-bar-289 {
  cursor: move;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.main-wrapper-62 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-62.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-8903 {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-right: 34px;
  display: flex;
}

.div-block-8904 {
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 5px;
  display: flex;
}

.sf-15-med-124 {
  color: #000000db;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-8905 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.div-block-8906 {
  background-color: red;
  border: 1px solid #dadada;
  border-radius: 12px;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: 15px 15px auto auto;
}

.ac-default-label-347 {
  color: #3333338c;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: 0;
}

.div-block-8907 {
  width: auto;
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-8908 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.main-content-17 {
  flex-flow: column;
  flex: 1;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.form-button-352 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-352:hover {
  background-color: #02507a;
}

.error-whisper-4 {
  z-index: 996;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 600px;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 24px;
  transition: top .5s;
  display: flex;
  position: fixed;
  inset: -300px 0% auto;
  box-shadow: 3px 4px 12px 4px #00000036;
}

.results-scroller-574 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.answer-line-447 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-447.no-padding {
  padding-bottom: 0;
}

.text-14-803 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-803.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-803.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-803.semi {
  color: #000000db;
  font-weight: 600;
  line-height: 20px;
}

.text-14-803.red {
  color: red;
  font-weight: 600;
}

.keyword-search-input-30 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  position: relative;
}

.keyword-search-input-30::placeholder {
  color: #667792;
}

.results-list-wrapper-2 {
  border-right: 3px solid #e0e0e0;
  width: 380px;
  min-width: 380px;
  height: 100%;
  min-height: 100px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
  overflow: clip;
}

.answer-wrapper-236 {
  flex-flow: column;
  width: 100%;
}

.answer-wrapper-236.horiz {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  display: flex;
}

.list-header-wrapper-9 {
  z-index: 10;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 900px;
  height: auto;
  display: block;
  position: relative;
}

.grip-4 {
  border-top: 1px solid #98bbe7;
  border-bottom: 1px solid #98bbe7;
  width: 100%;
  height: 5px;
}

.div-block-8909 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.summary-inner-wrapper-171 {
  background-color: #fff;
  padding-left: 0;
}

.form-block-143 {
  margin-bottom: 0;
}

.autocomplete-icon-54 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-54.remit {
  background-image: url('../images/icon-remit.png');
}

.filter-wrapper-17 {
  align-items: center;
  display: flex;
}

.filter-option-6 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  min-height: 30px;
  padding: 8px 14px;
  display: flex;
}

.filter-option-6:hover {
  background-color: #e0e0e038;
}

.result-row-786 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 460px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-786:hover {
  background-color: #e4f2ff;
}

.missing-info-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffb5;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 32px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
  position: sticky;
  inset: auto auto 0% 0%;
}

.missing-info-wrapper-2.hidden {
  display: flex;
  position: sticky;
}

.div-block-8910 {
  padding-top: 5px;
}

.post-button-17 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-17:hover {
  background-color: #02507a;
}

.checkbox-25 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-25:hover {
  background-color: #dfdfdf;
}

.checkbox-25.checked {
  background-color: #2196f3;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-color: #2196f3;
}

.div-block-8911 {
  width: 168px;
  margin-bottom: 10px;
}

.div-block-8912 {
  padding-bottom: 5px;
}

.div-block-8913 {
  max-height: calc(100vh - 170px);
  padding-bottom: 20px;
  padding-right: 0;
  overflow: auto;
}

.results-wrapper-344 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 460px;
  min-width: 460px;
  max-height: 60vh;
  position: relative;
}

.div-block-8914 {
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 72px;
  margin-top: auto;
}

.chip-label-white-sm-2-colhk-37 {
  color: #7dafd3;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-8915 {
  padding-top: 5px;
}

.div-block-8916 {
  padding: 5px;
}

.div-block-8917 {
  height: 14px;
  min-height: 10px;
}

.div-block-8918 {
  width: 130px;
}

.div-block-8919 {
  width: 100%;
  padding-top: 16px;
  padding-left: 34px;
  padding-right: 10px;
}

.button-label-21 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-21.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-21.xsm {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-21.xsm.semi {
  font-weight: 600;
}

.image-901 {
  opacity: .56;
}

.div-block-8920 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px 0% auto;
}

.customer-info-175 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.div-block-8921 {
  align-items: center;
  width: 100%;
  display: flex;
}

.answer-wrapper-237 {
  flex-flow: column;
  width: 100%;
}

.answer-wrapper-237.horiz {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
  display: flex;
}

.div-block-8922 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.div-block-8923 {
  padding-bottom: 10px;
}

.multi-select-results-holder-9 {
  border-radius: 8px;
}

.autocomplete-input-6 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.customer-order-wrapper-10 {
  background-color: #0000;
  width: 100%;
}

.text-13-42 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-42.white-copy {
  color: #ffffffe6;
}

.text-13-42.no-wrap {
  white-space: nowrap;
  word-break: normal;
}

.text-13-42.grey {
  color: #494949;
}

.text-13-42.semi {
  font-weight: 600;
}

.text-13-42.light-grey {
  color: #818181;
}

.text-13-42.blue {
  color: #8aceff;
}

.text-13-42.checkbox-label {
  color: #fffffff2;
  letter-spacing: .2px;
  font-weight: 300;
}

.text-13-42.white {
  color: #fff;
}

.response-label-236 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.text-14-804 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-804.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.text-14-805 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-14-805.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.text-14-805.semi-label {
  color: #414141;
  font-weight: 600;
  line-height: 20px;
}

.matched-324 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.filter-autocomplete-4 {
  text-align: left;
  border-bottom: 1px solid #ffffff26;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 10px;
  display: block;
}

.chip-label-404 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.result-row-5-copy-3 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.results-holder-431 {
  z-index: 3;
  width: 530px;
  display: none;
  position: relative;
  overflow: visible;
}

.ac-default-label-348 {
  color: #8a8a8a;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 11px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-348.sm {
  font-size: 14px;
}

.text-12-42 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-42.semi {
  font-weight: 600;
}

.text-12-42.semi.white {
  color: #fff;
}

.text-223 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-223.error {
  line-height: 26px;
}

.results-scroller-575 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 480px;
  min-width: 480px;
  max-height: 60vh;
  position: absolute;
  overflow: auto;
}

.div-block-8924 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-8925 {
  padding-top: 6px;
}

.account-form-input-4 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-4::placeholder {
  color: #9e9e9e;
}

.account-form-input-4.sm-zip {
  width: 110px;
  height: 40px;
  font-size: 15px;
}

.account-form-input-4.sm {
  height: 40px;
  font-size: 15px;
}

.account-form-input-4.sm.padding {
  margin-right: 10px;
}

.account-form-input-4.service-city {
  width: 300px;
  height: 40px;
  font-size: 15px;
}

.image-902 {
  margin-right: 5px;
}

.div-block-8926 {
  position: relative;
}

.sort-option-10 {
  color: #616161;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d8e1e7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 56px;
  height: 34px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 14px;
  line-height: 15px;
  display: flex;
  position: relative;
}

.sort-option-10:hover {
  background-color: #d8e1e7;
}

.sort-option-10.large {
  background-color: #ecf2fd;
  border-color: #98bbe7;
  border-radius: 4px;
  justify-content: space-between;
  min-width: 150px;
  height: 40px;
  margin-right: 8px;
  padding-right: 2px;
}

.sort-option-10.large:hover {
  background-color: #cdd8f0;
}

.div-block-8927 {
  position: relative;
}

.tag-item-input-11 {
  clear: left;
  color: #aaa;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 42px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.unmatched-148 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.order-item-170 {
  background-color: #fff;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.results-list-inner-wrapper {
  width: 380px;
  min-width: 380px;
  height: 95%;
  min-height: 100px;
  padding-bottom: 60px;
  overflow: scroll;
}

.tag-content-185 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.result-row-787 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-787:hover {
  background-color: #e4f2ff;
}

.result-row-787.selected {
  background-color: #d1e9ff;
}

.div-block-8928 {
  justify-content: flex-start;
  align-items: stretch;
  height: 40px;
  display: flex;
}

.row-24 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-24:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-24.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.response-row-351 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-351.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.response-row-351.side-bar-view.vendor {
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.response-row-351.side-bar-view.vendor.last {
  padding-bottom: 40px;
}

.apply-button-5 {
  text-align: center;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 34px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 13px;
  transition: background-color .4s;
  display: flex;
}

.apply-button-5:hover {
  color: #fff;
  background-color: #1679cf;
}

.result-row-788 {
  cursor: pointer;
  align-items: center;
  height: auto;
  min-height: 42px;
  padding: 10px 14px 10px 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.chip-label-405 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.results-holder-432 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.empty-state-action-report {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff24;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.remove-kpi-icon {
  background-color: #c7c7c7;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  position: absolute;
  inset: -6px -6px auto auto;
}

.remove-kpi-icon:hover {
  background-color: #afafaf;
}

.loading-report {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 52px;
  min-width: 120px;
  min-height: 150px;
  margin-left: auto;
  margin-right: auto;
}

.text-18-12 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-18-12.red {
  color: #ed4444;
  font-weight: 600;
}

.text-18-12.green {
  color: #55b83c;
  font-weight: 600;
}

.loading-items-21 {
  text-align: center;
  background-color: #ffffff1c;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 20px;
  position: relative;
}

.button-label-22 {
  color: #fff;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-22.xxsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-22._14 {
  font-size: 14px;
}

.button-label-22.sm {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}

.button-label-22.xsm.semi {
  font-weight: 600;
}

.button-label-22._13 {
  font-size: 13px;
}

.button-label-22._12 {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-22.xsm {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.button-label-22.xsm.blue {
  color: #0077b8;
  font-size: 13px;
  font-weight: 600;
}

.button-label-22.xsm-semi {
  color: #ffffffdb;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
}

.red-dot-slider-2 {
  min-height: 60px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 15px;
  transition: all .5s;
}

.clark-icon {
  opacity: 1;
  cursor: pointer;
  background-color: #0077b800;
  background-image: url('../images/clark.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 36px;
  border: 1px #bfc9da;
  border-radius: 8px;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  margin-right: 8px;
  transition: background-color .4s, opacity .4s;
}

.clark-icon:hover {
  opacity: 1;
}

.slide-bar-filled-2 {
  background-color: #14b5b8;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.red-dot-4 {
  z-index: 9;
  background-color: #ff4a4a;
  border: 2px solid #061f47;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 13px 0% auto 38px;
}

.red-dot-4.clark {
  border: 1px solid #ff7c7c;
  width: 8px;
  height: 8px;
  margin-left: 8px;
  position: static;
}

.reload-kpi-2 {
  background-image: url('../images/refresh-gray_1refresh-gray.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-radius: 4px;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  margin-left: 6px;
}

.reload-kpi-2:hover {
  background-color: #a5a5a5;
  background-image: url('../images/refresh_1refresh.png');
}

.seen-check {
  cursor: auto;
  background-image: url('../images/seen_1seen.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-left: 4px;
  margin-right: 4px;
}

.slider-handle-2 {
  cursor: pointer;
  background-color: #115c66;
  border: 3px solid #68c4c5;
  border-radius: 20px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  display: block;
  position: relative;
  inset: 0% auto 0% 0%;
}

.slider-handle-2:hover {
  background-color: #16abbe;
  border-color: #e7fd81;
}

.result-row-804 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-804:hover {
  background-color: #e4f2ff;
}

.div-block-9013 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.search-input-wrapper-36 {
  width: 300px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
}

.search-input-wrapper-36.short {
  width: 130px;
  margin-right: 10px;
  padding-left: 10px;
}

.results-wrapper-350 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-350.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.result-row-805 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-805:hover {
  background-color: #e4f2ff;
}

.result-row-805.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.div-block-9014 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.empty-state-wrapper-23 {
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: none;
}

.div-block-9015 {
  align-self: center;
  display: flex;
}

.div-block-9016 {
  margin-bottom: 20px;
}

.chip-address-37 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-37.sm {
  font-size: 12px;
  line-height: 16px;
}

.div-block-9017 {
  align-self: center;
  display: flex;
}

.unmatched-319 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-319.sm {
  font-size: 14px;
  line-height: 18px;
}

.results-scroller-578 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-578.sm {
  width: auto;
  min-width: 300px;
}

.result-row-806 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-806:hover {
  background-color: #e4f2ff;
}

.result-row-806.selected {
  background-color: #d1e9ff;
}

.chip-label-white-sm-2-colhk-39 {
  color: #498fc2;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.image-914 {
  margin-right: 1px;
}

.text-10-19 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text-10-19.semi-white {
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 13px;
}

.item-column-wrapper-29 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-29.kpi {
  display: flex;
}

.div-block-9018 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.header-right-side-19 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.result-row-807 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-807:hover {
  background-color: #e4f2ff;
}

.result-row-807.selected {
  background-color: #d1e9ff;
}

.matched-329 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-329.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.text-15-7 {
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.image-915 {
  width: 16px;
  margin-right: 4px;
}

.hidden-icon-11 {
  width: 13px;
}

.image-916 {
  margin-right: 3px;
}

.div-block-9019 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.activity-message-13 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.uploaded-file-list-holder-46 {
  padding-bottom: 5px;
}

.image-917 {
  filter: invert();
  position: relative;
}

.image-918 {
  width: 16px;
  margin-right: 4px;
}

.form-120 {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}

.image-919 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-9020 {
  width: 120px;
  min-width: 120px;
}

.recording-icon-11 {
  cursor: pointer;
  width: 38px;
  height: 38px;
}

.recording-icon-11:hover {
  filter: saturate(71%);
}

.delete-task-button-15 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-15:hover {
  background-color: #ed4444;
  background-image: url('../images/trash-w_1trash-w.png');
}

.div-block-9021 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.image-920 {
  cursor: pointer;
}

.results-holder-436 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-436.sm {
  width: auto;
  display: none;
}

.sf-15-med-129 {
  color: #313131;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

.sf-15-med-129.navy {
  color: #00528c;
}

.div-block-9022 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unmatched-320 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-320.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-9023 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-9023.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-9024 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hidden-icon-12 {
  width: 15px;
  height: 15px;
}

.results-scroller-579 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 540px;
  min-width: 540px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-579.assign {
  width: 100%;
  min-width: 300px;
}

.results-scroller-579.assign-copy {
  width: 100%;
  min-width: 304px;
}

.action-item-name-43 {
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  min-width: 100px;
  max-width: 890px;
  padding-top: 0;
  display: block;
}

.action-item-name-43.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  margin-left: 0;
  padding-right: 0;
  display: flex;
}

.action-item-name-43.edit {
  width: 100%;
  max-width: 900px;
  padding-left: 16px;
  padding-right: 16px;
}

.div-block-9025 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9026 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.div-block-9027 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-351 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-351.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-9028 {
  flex: 1;
}

.image-921 {
  width: 16px;
}

.div-block-9029 {
  padding: 15px;
}

.div-block-9030 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.autocomplete-icon-56 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-56.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-56.remit.sm, .autocomplete-icon-56.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.results-wrapper-352 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-352.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-9031 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chip-label-406 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-406.sm {
  font-size: 13px;
  line-height: 16px;
}

.text-area-div-23 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.div-block-9032 {
  flex: 1;
}

.uploaded-file-59 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: block;
}

.uploaded-file-59.sm {
  background-color: #fff;
  border-radius: 4px;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 4px 6px 4px 0;
  display: block;
  position: relative;
}

.div-block-9033 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-9033.flex {
  display: flex;
}

.image-922 {
  width: 16px;
}

.item-column-wrapper-30 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-30.kpi {
  display: none;
}

.div-block-9034 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.image-923 {
  margin-right: 5px;
}

.div-block-9035 {
  display: flex;
}

.div-block-9036 {
  flex: 1;
}

.post-button-20 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-20:hover {
  background-color: #02507a;
}

.div-block-9037 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9038 {
  margin-left: 10px;
}

.item-column-wrapper-31 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: flex;
  overflow: auto;
}

.div-block-9039 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.progress-bar-holder-35 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.result-row-808 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-808:hover {
  background-color: #e4f2ff;
}

.result-row-808.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.duration-wrapper-22 {
  justify-content: flex-end;
  align-items: center;
  width: 60px;
  min-width: 60px;
  display: flex;
}

.results-wrapper-353 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-353.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.div-block-9040 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.div-block-9041 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-9041.flex {
  display: flex;
}

.div-block-9042 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.address-23 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-23.sm {
  font-size: 13px;
  line-height: 16px;
}

.select-field-259 {
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.select-field-259:hover {
  background-color: #eee;
}

.div-block-9043 {
  padding-top: 3px;
}

.image-924 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.result-row-809 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-809:hover {
  background-color: #e4f2ff;
}

.result-row-809.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.unmatched-321 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-321.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-9044 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-scroller-580 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-580.sm {
  min-width: 304px;
}

.add-item-30 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-30:hover {
  background-color: #0077b8;
}

.add-item-30.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-30.big:hover {
  background-color: #066192;
}

.add-item-30.big.hidden {
  background-color: #0077b8;
}

.div-block-9045 {
  padding-left: 8px;
  padding-right: 8px;
}

.text-18-14 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.side-nav-10 {
  background-color: #0c3955;
  border: 2px solid #0c3955;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 200px;
  min-width: 200px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.result-row-810 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-810:hover {
  background-color: #e4f2ff;
}

.result-row-810.selected {
  background-color: #d1e9ff;
}

.image-925 {
  width: 16px;
}

.ac-default-label-350 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-350._14 {
  font-size: 14px;
  font-weight: 400;
  top: 0;
}

.ac-default-label-350._14.small {
  height: 28px;
  margin-left: 2px;
  padding-top: 4px;
}

.ac-default-label-350._13 {
  color: #498fc2;
  height: 26px;
  margin-left: 2px;
  padding-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.div-block-9046 {
  padding: 5px;
}

.div-block-9047 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chip-label-xs-73 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.chip-label-xs-73.white {
  color: #ffffffe6;
}

.div-block-9048 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.result-row-811 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-811:hover {
  background-color: #e4f2ff;
}

.result-row-811.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.icon-search-12 {
  opacity: .8;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-12:hover {
  opacity: 1;
  background-color: #0077b869;
}

.div-block-9049 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.div-block-9050 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9051 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.div-block-9052 {
  background-image: url('../images/upload_1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.unmatched-322 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-322.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-812 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-812:hover {
  background-color: #e4f2ff;
}

.result-row-812.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.div-block-9053 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-813 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-813:hover {
  background-color: #e4f2ff;
}

.result-row-813.selected {
  background-color: #d1e9ff;
}

.text-span-395 {
  padding-left: 4px;
  font-weight: 400;
}

.comment-wrapper-3 {
  margin-top: 0;
  margin-bottom: 4px;
}

.div-block-9054 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9055 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.div-block-9056 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.delete-task-button-16 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-16:hover {
  background-color: #ed4444;
  background-image: url('../images/trash-w_1trash-w.png');
}

.div-block-9057 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.search-bar-13 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 10px 8px;
  display: flex;
}

.result-row-814 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-814:hover {
  background-color: #e4f2ff;
}

.result-row-814.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.results-scroller-581 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-581.sm {
  width: auto;
  min-width: 300px;
}

.result-row-815 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-815:hover {
  background-color: #e4f2ff;
}

.result-row-815.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.text-13-45 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-45.semi {
  font-weight: 600;
}

.text-13-45.red {
  color: #ed4444;
}

.text-13-45.white {
  color: #ffffffdb;
}

.text-14-808 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-14-808.semi {
  font-weight: 600;
  line-height: 20px;
}

.text-14-808.white {
  color: #ffffffdb;
  cursor: move;
  font-weight: 400;
}

.div-block-9058 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.autocomplete-icon-57 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-57.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.autocomplete-icon-57.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-57.remit.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.div-block-9059 {
  flex: 1;
}

.div-block-9060 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.label-wrapper-38 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-38._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.div-block-9061 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9062 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-top: 60px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.text-span-396 {
  padding-left: 4px;
  font-weight: 400;
}

.upload-item-row-56 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.notes-section-19 {
  margin-bottom: 10px;
  padding: 5px 18px;
  display: block;
}

.div-block-9063 {
  flex: 1;
  display: flex;
}

.results-holder-437 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.div-block-9064 {
  display: flex;
}

.div-block-9065 {
  padding-top: 3px;
}

.select-field-260 {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.select-field-260:hover {
  background-color: #eee;
}

.all-item-wrapper-23 {
  min-height: 100px;
  overflow: auto;
}

.unmatched-323 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-323.sm {
  font-size: 14px;
  line-height: 18px;
}

.result-row-816 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-816:hover {
  background-color: #e4f2ff;
}

.result-row-816.selected {
  background-color: #d1e9ff;
}

.action-item-button-44 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-44:hover {
  background-color: #1b7897;
}

.action-item-button-44.reject {
  background-color: #ed4444;
}

.action-item-button-44.reject:hover {
  background-color: #cc3434;
}

.action-item-button-44.reject.s {
  width: 60px;
  min-width: 0;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.action-item-button-44.accept {
  background-color: #508305;
}

.action-item-button-44.accept:hover {
  background-color: #48700a;
}

.action-item-button-44.accept.s {
  min-width: 60px;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.side-nav-item-17 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item-17:hover {
  opacity: 100;
  background-color: #00000029;
}

.due-soon-label-20 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.toggle-switch-6 {
  cursor: pointer;
  background-color: #00a3fe;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 38px;
  min-width: 38px;
  margin-top: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.toggle-switch-6:hover {
  opacity: 1;
}

.toggle-switch-6.off {
  background-color: #e0e0e0;
  display: block;
}

.div-block-9066 {
  flex: 1;
}

.image-926 {
  cursor: pointer;
}

.all-item-wrapper-24 {
  min-height: 100px;
  overflow: auto;
}

.icon-reload-all-15 {
  opacity: .76;
  cursor: pointer;
  background-image: url('../images/refresh_1refresh.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 4px;
  min-width: 26px;
  max-width: 26px;
  min-height: 26px;
  max-height: 26px;
  margin-left: 6px;
  transition: background-color .4s, opacity .4s;
  position: static;
  inset: 4px 4px auto auto;
}

.icon-reload-all-15:hover {
  opacity: 1;
  background-color: #102e44;
}

.icon-reload-all-15.hidden {
  display: none;
  position: static;
}

.form-block-145 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.matched-330 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-330.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.resolution-display-wrapper-23 {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  min-height: 40px;
  margin: 10px 10px 20px 24px;
  padding: 10px;
  display: block;
  position: relative;
}

.div-block-9067 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.loading-items-23 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px 40px;
  position: relative;
}

.loading-items-23.popup {
  background-color: #fff;
}

.item-column-wrapper-32 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 6px;
  display: flex;
  overflow: hidden;
}

.item-column-wrapper-32.search, .item-column-wrapper-32.resolved {
  display: flex;
}

.item-column-wrapper-32.tree {
  min-width: 520px;
  display: block;
}

.item-column-wrapper-32.my {
  display: flex;
}

.sf-1283 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1283.white {
  color: #fff;
  cursor: default;
}

.sf-1284 {
  color: #313131;
  font-size: 24px;
  line-height: 32px;
}

.sf-1284.red {
  color: #ed4444;
}

.all-item-wrapper-25 {
  min-height: 100px;
  overflow: auto;
}

.form-122 {
  max-height: 100vh;
  overflow: auto;
}

.results-scroller-582 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-582.sm {
  width: auto;
  min-width: 300px;
}

.div-block-9068 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-button-45 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-45:hover {
  background-color: #1b7897;
}

.action-item-button-45.start {
  background-color: #00a4fd;
}

.action-item-button-45.start:hover {
  background-color: #048dd8;
}

.action-item-button-45.blue {
  background-color: #0077b8;
}

.action-item-button-45.blue:hover {
  background-color: #02507a;
}

.action-item-button-45.completed {
  background-color: #1b7897;
}

.div-block-9069 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.duplicate-task-button-22 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-22:hover {
  background-color: #cbdfff;
}

.tag-item-input-13 {
  clear: left;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 40px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.tag-item-input-13._2 {
  border-color: #dbdbdb;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.text-area-div-24 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div-24.read-only {
  background-color: #f1f1f1;
}

.div-block-9070 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.chip-label-407 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-407.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-9071 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.action-item-name-44 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-44.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.red-dot-6 {
  background-color: #ed4444;
  border-radius: 10px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-right: 4px;
}

.div-block-9072 {
  padding-right: 6px;
}

.item-detail-wrapper-14 {
  background-color: #f5fbff;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-14.clark {
  display: none;
}

.item-detail-wrapper-14.hidden {
  display: block;
}

.div-block-9073 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-9073.flex {
  display: flex;
}

.section-header-64 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.results-holder-438 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-438.tags {
  display: none;
}

.action-item-header-44 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-item-header-44:hover {
  background-color: #f8ecc1;
}

.action-item-header-44.blue {
  background-color: #e0f2fc;
}

.div-block-9074 {
  margin-top: 6px;
}

.result-row-817 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-817:hover {
  background-color: #e4f2ff;
}

.result-row-817.selected {
  background-color: #d1e9ff;
}

.div-block-9075 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.action-item-header-45 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-45:hover {
  background-color: #f8ecc1;
}

.action-item-header-45.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.div-block-9077 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.chip-label-408 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-408.sm {
  font-size: 13px;
  line-height: 16px;
}

.results-scroller-583 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-583.sm {
  width: auto;
  min-width: 300px;
}

.chip-label-409 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-409.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-9078 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.badge-div-4 {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 138px;
}

.div-block-9079 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-label-24 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-24.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-24.s {
  font-size: 14px;
}

.div-block-9080 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.div-block-9081 {
  text-align: right;
  white-space: nowrap;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}

.results-wrapper-354 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-354.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.post-button-21 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-21:hover {
  background-color: #02507a;
}

.post-button-21.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.result-row-818 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-818:hover {
  background-color: #e4f2ff;
}

.result-row-818.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.text-13-46 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-46.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.div-block-5001-copy-12 {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.section-header-65 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.div-block-9082 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9083 {
  height: 300px;
  margin-top: 20px;
}

.div-block-9084 {
  position: relative;
}

.div-block-9085 {
  height: 6px;
  position: absolute;
}

.matched-331 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-331.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.keyword-search-input-32 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  position: relative;
}

.keyword-search-input-32::placeholder {
  color: #667792;
}

.image-927 {
  width: 16px;
}

.detail-inner-wrapper-21 {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 16px;
}

.div-block-9086 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9087 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-9088 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.div-block-9089 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-9090 {
  padding: 5px;
}

.checkbox-45 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-45:hover {
  background-color: #dfdfdf;
}

.checkbox-45.checked {
  background-color: #2196f3;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.image-928 {
  width: 16px;
}

.tag-content-187 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.tag-content-187.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

.tag-content-187.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}

.tag-content-187.small._2 {
  justify-content: space-between;
  align-items: flex-start;
}

.activity-message-wrapper-b-18 {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.duplicate-task-button-23 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-23:hover {
  background-color: #cbdfff;
}

.section-header-66 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-66.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.action-button-80 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-80:hover {
  color: #fff;
  background-color: #0d72b9;
}

.image-929 {
  width: 16px;
}

.div-block-9091 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.reason-input-section-18 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 5px 10px 16px 24px;
  display: block;
}

.status-tag-16 {
  text-align: center;
  background-color: #636363;
  border-radius: 2px;
  width: 70px;
  padding: 2px;
  display: block;
}

.empty-state-action-item-26 {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff24;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.matched-332 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-332.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-9092 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-9093 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.div-block-9094 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-9094.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-9095 {
  padding-top: 3px;
}

.div-block-9096 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9097 {
  flex: 1;
}

.sf-1285 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1285.center {
  text-align: center;
}

.text-14-809 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-809.semi {
  font-weight: 600;
  line-height: 20px;
}

.div-block-9099 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-9099.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.div-block-9100 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.dash-tile-3 {
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 15px;
  display: inline-block;
  position: relative;
  box-shadow: 0 3px 5px #031f680f;
}

.dash-tile-3:hover {
  background-color: #f9fbfc;
}

.duplicate-button {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-image: url('../images/duplicate.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  height: 24px;
  margin-right: 20px;
  padding: 3px 12px;
  text-decoration: none;
  transition: background-color .4s;
}

.duplicate-button:hover {
  background-color: #0077b8;
}

.menu-item-wrapper-12 {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 14px;
  padding-right: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-item-wrapper-12:hover {
  background-color: #092231;
}

.img-static-5 {
  width: 26px;
}

.nav-label-4 {
  color: #ffffffdb;
  letter-spacing: .2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 17px;
}

.order-id-wrapper {
  margin-right: 10px;
}

.modal-container-3 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.summary-inner-wrapper-4 {
  background-color: #fff;
  padding-left: 0;
}

.question-template-modal-142 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 20px;
}

.text-block-155 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.image-195 {
  margin-right: 6px;
}

.uploaded-file-2 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.image-133 {
  filter: invert();
  margin-right: 4px;
}

.div-block-3707 {
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  padding-right: 20px;
  display: flex;
}

.submit-button-3 {
  opacity: 1;
  text-align: center;
  cursor: pointer;
  background-color: #3898ec;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 140px;
  height: 46px;
  margin-left: 6px;
  margin-right: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 18px;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: -8px;
  left: 800px;
}

.submit-button-3:hover {
  color: #fff;
  background-color: #1679cf;
}

.submit-button-3.cancel {
  background-color: #97a4af;
}

.submit-button-3.cancel:hover {
  background-color: #889097;
}

.results-wrapper-8 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-8.short {
  width: 300px;
  min-width: 300px;
}

.tag-content-14 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.answer-wrapper-46 {
  flex-flow: column;
}

.results-scroller-84 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.autocomplete-search-wrapper-2 {
  align-self: stretch;
  width: 100%;
  min-width: 500px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.div-block-3061 {
  display: flex;
}

.results-holder-39 {
  z-index: 3;
  width: 530px;
  display: none;
  position: relative;
  overflow: visible;
}

.response-row {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.text-14-12 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-12.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.response-row-82 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-82.side-bar-view {
  flex-flow: column;
  padding-left: 34px;
}

.text-span-18 {
  font-weight: 600;
}

.div-block-3314 {
  padding-right: 5px;
}

.div-block-9101 {
  position: relative;
}

.div-block-3995 {
  display: flex;
}

.img-static {
  width: 26px;
}

.img-static._28 {
  width: 28px;
}

.img-static._24 {
  width: 24px;
}

.answer-wrapper-2 {
  flex-flow: column;
}

.sf-15-med-130 {
  color: #000000db;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
}

.progress-bar-holder-36 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.edit-comment-2 {
  z-index: 2;
  cursor: pointer;
  border: 1px solid #6dcbff00;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  min-height: 22px;
  display: flex;
  position: absolute;
  inset: 6px 6px auto auto;
}

.edit-comment-2:hover {
  opacity: 100;
  background-color: #a9d0ff;
  border: 1px solid #6dcbff;
}

.result-row-87 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-87:hover {
  background-color: #e4f2ff;
}

.result-row-87.selected {
  background-color: #d1e9ff;
}

.upload-item-row-4 {
  align-items: flex-end;
  width: 340px;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.upload-item-row-4.sm {
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-6536 {
  position: sticky;
}

.div-block-3725 {
  width: 134px;
}

.results-scroller-15 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.modal-top-bar-22 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-3709 {
  padding-left: 12px;
}

.tag-content-17 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.div-block-3997 {
  width: 80px;
  padding-right: 20px;
}

.div-block-3997._2 {
  width: 100px;
  padding-right: 5px;
}

.chip-label-410 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.upload-item-row-3 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.img-static-6 {
  width: 26px;
}

.text-block-85 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.div-block-842 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 52px;
}

.order-notes-section {
  width: 100%;
  margin-bottom: 20px;
}

.div-block-9102 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-14-43 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-43.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-43.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.text-14-43.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-43.white {
  color: #ffffffdb;
  font-weight: 400;
}

.answer-line-3 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.text-14-703 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.div-block-6525 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.result-row-122 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-122:hover {
  background-color: #e4f2ff;
}

.result-row-122.selected {
  background-color: #e7eeff;
}

.text-14-14 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-14.semi {
  font-weight: 600;
  line-height: 24px;
}

.div-block-6537 {
  position: sticky;
}

.div-block-9103 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.result-row-12 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-12:hover {
  background-color: #e4f2ff;
}

.result-row-12.selected {
  background-color: #d1e9ff;
}

.div-block-3657 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.response-row-51 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-51.side-bar-view, .response-row-51.side {
  flex-flow: column;
  padding-left: 34px;
}

.response-row-51.side.print-view {
  flex-flow: row;
}

.form-button-353 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-353:hover {
  background-color: #02507a;
}

.chip-label-75, .chip-label-77 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-3738 {
  padding-top: 6px;
}

.modalclosediv-9 {
  justify-content: flex-end;
  align-items: center;
  padding: 3px 10px 2px 14px;
  display: flex;
  position: static;
}

.menu-item-wrapper {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 68px;
  padding-left: 14px;
  padding-right: 10px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.menu-item-wrapper:hover {
  background-color: #092231;
}

.sf-172 {
  color: #313131;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-172.semi {
  font-weight: 600;
}

.counterparty-config-modal-3 {
  z-index: 995;
  cursor: pointer;
  background-color: #00000080;
  height: 100vh;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.div-block-3068 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.results-holder-439 {
  z-index: 3;
  width: 500px;
  display: block;
  position: relative;
  overflow: visible;
}

.ac-default-label-35 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-35.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.chip-address-38 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-38.sm {
  font-size: 12px;
  line-height: 16px;
}

.response-label-40 {
  color: #000;
  justify-content: space-between;
  width: 100%;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 0;
  display: flex;
}

.results-scroller-584 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-6530 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.order-item-171 {
  background-color: #fff;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: block;
  overflow: visible;
}

.loading-5 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.answer-line-92 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-92.no-padding {
  padding-bottom: 0;
}

.autocomplete-icon-58 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-58.remit {
  background-image: url('../images/icon-remit.png');
}

.div-block-9104 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.text-14-810 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-810.semi {
  font-weight: 600;
  line-height: 24px;
}

.text-14-810.white {
  color: #ffffffdb;
  font-weight: 400;
}

.text-14-810.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-3706 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.results-holder-440 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.activity-message-wrapper-b-16 {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.upload-button {
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 20px;
  padding-left: 3px;
  padding-right: 5px;
  text-decoration: none;
  position: relative;
}

.upload-button:hover {
  background-color: #12335c;
}

.img-static-7 {
  width: 26px;
}

.img-static-7._28 {
  width: 28px;
}

.item-name-wrapper-5 {
  z-index: 3;
  background-color: #184f72;
  justify-content: space-between;
  align-items: center;
  padding: 12px 10px 12px 20px;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.item-name-wrapper-5.print-view {
  top: 0;
}

.div-block-6534, .div-block-6541 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-40 {
  color: #73a7cc;
  border-bottom: 1px solid #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-40.full {
  color: #000000db;
  border-bottom-style: none;
  width: 100%;
}

.post-button-9 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-9:hover {
  background-color: #02507a;
}

.div-block-3060 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.results-wrapper-6 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-6.short {
  width: 300px;
  min-width: 300px;
}

.div-block-3741 {
  width: 80px;
  padding-right: 20px;
}

.toggle-wrapper-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 40px;
  padding-top: 4px;
  display: flex;
}

.image-494 {
  margin-right: 4px;
}

.results-wrapper-7 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 100%;
  min-width: 100%;
  max-height: 60vh;
  display: block;
  position: relative;
}

.results-wrapper-7.short {
  width: 300px;
  min-width: 300px;
}

.response-label-237 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.text-block-463 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.print-button-2 {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.result-row-116 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-116:hover {
  background-color: #e4f2ff;
}

.result-row-116.selected {
  background-color: #e7eeff;
}

.div-block-9105 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.response-row-53 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-53.reps {
  background-color: #e5f1f8;
  padding-top: 10px;
  padding-bottom: 10px;
}

.response-row-53.reps.side {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 20px;
  padding-right: 0;
}

.response-row-53.reps.side.print-view {
  background-color: #fff;
  border-bottom-color: #dae8f1;
  padding-top: 5px;
  padding-bottom: 5px;
}

.form-button-5 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-5:hover {
  background-color: #02507a;
}

.div-block-3659 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.question-template-82 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  margin-top: 20px;
  margin-bottom: 100px;
  padding: 20px 40px;
}

.div-block-6535 {
  z-index: 9;
  position: sticky;
  top: 74px;
}

.text-14-5 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-5.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.div-block-3721 {
  position: relative;
}

.div-block-6526 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-1539 {
  width: 100%;
  padding-top: 16px;
  padding-left: 34px;
  padding-right: 10px;
}

.div-block-6524 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-3724 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-1540 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px 0% auto;
}

.div-block-3998 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.div-block-3998._2 {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.div-block-3717 {
  padding-bottom: 10px;
}

.text-block-464 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.div-block-1538 {
  align-items: center;
  width: 100%;
  display: flex;
}

.customer-name-row-100 {
  z-index: 6;
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 74px;
  padding: 14px 16px 10px 20px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.customer-name-row-100:hover {
  background-color: #072c42;
}

.customer-name-row-100.side-bar-view {
  top: 0;
}

.customer-name-row-100.preview {
  justify-content: space-between;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 8px;
}

.customer-name-row-100.preview:hover {
  background-color: #0c3955;
}

.results-wrapper-355 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-scroller-16 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.div-block-6527 {
  display: flex;
}

.div-block-3732 {
  justify-content: space-between;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 4px;
  display: flex;
}

.customer-info-50 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.response-row-335 {
  background-color: #0000;
  border-bottom: 1px solid #dae8f1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px 20px 16px 44px;
  display: flex;
  position: relative;
}

.response-row-335.side-bar-view {
  flex-flow: column;
}

.text-13-47 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-47.grey {
  color: #494949;
}

.text-13-47.semi {
  font-weight: 600;
}

.text-13-47.semi.gray {
  color: #666;
}

.text-13-47.white-light {
  color: #fffffff2;
  letter-spacing: .2px;
  font-weight: 300;
}

.text-13-47.white {
  color: #ffffffe6;
}

.answer-line-4 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-4.hor {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.answer-line-4.padding {
  padding-bottom: 10px;
  position: relative;
}

.answer-line-4.no-padding {
  padding-bottom: 0;
}

.toggle-switch-7 {
  cursor: pointer;
  background-color: #34c759;
  border: 1px #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 38px;
  min-width: 38px;
  margin-top: 0;
  padding: 2px;
  transition: all .5s;
  display: block;
}

.toggle-switch-7:hover {
  opacity: 1;
}

.toggle-switch-7.off {
  background-color: #e0e0e0;
  display: block;
}

.edit-ac {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/edit_1edit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  border: 1px solid #429dff85;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  margin-right: 10px;
  position: absolute;
  inset: 8px 10px auto auto;
}

.edit-ac:hover {
  background-color: #429dff;
  background-image: url('../images/edit-white_1edit-white.png');
}

.modal-content-leads {
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  width: 560px;
  min-height: 240px;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0 0;
  display: block;
  position: static;
  overflow: visible;
}

.text-14-96 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-96.red {
  color: red;
  font-weight: 600;
}

.input-4 {
  color: #000;
  cursor: text;
  background-color: #fff0;
  border: 1px solid #fff;
  border-bottom-color: #c6dcff;
  width: 100px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: background-color .3s;
  display: inline-block;
}

.input-4:hover {
  background-color: #fff;
  border: 1px solid #4cc0ff;
}

.input-4:active {
  border-color: #7cb7ff;
}

.input-4::placeholder {
  color: #73a7cc;
  font-weight: 600;
}

.input-4.med {
  width: 220px;
  margin-left: 10px;
}

.input-4.med.long {
  width: 420px;
  margin-left: -4px;
  padding-right: 25px;
}

.input-4.qty {
  text-align: center;
  border-bottom-color: #c6dcff;
  width: 60px;
  margin-left: 6px;
}

.result-row-115 {
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-115:hover {
  background-color: #e4f2ff;
}

.result-row-115.selected {
  background-color: #e7eeff;
}

.div-block-3718 {
  display: flex;
}

.text-input-holder-18 {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  width: 100%;
  min-height: 40px;
}

.div-block-3662 {
  width: 530px;
}

.div-block-3661 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.ac-default-label-351 {
  color: #000000db;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.div-block-8391 {
  margin-left: 6px;
}

.text-14-799 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-799.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.item-submit-holder-7 {
  background-color: #e4f1fa;
  border-bottom-width: 1px;
  border-bottom-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.item-submit-holder-7.awf {
  text-align: left;
  flex-flow: row;
}

.div-block-3714 {
  padding-left: 8px;
}

.comment-wrapper {
  margin-top: 4px;
  margin-bottom: 6px;
}

.chip-label-411 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.div-block-3658 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-3658.r {
  justify-content: flex-end;
  align-items: center;
}

.div-block-3312 {
  padding-left: 12px;
}

.div-block-846 {
  background-color: #111216b3;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 160px;
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.custom-checkbox-2 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-2:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-2.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.modal-top-bar-70 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-3726 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-14-11 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-11.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.customer-info-176 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
}

.input-holder-25 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-25._2 {
  border-bottom-style: none;
}

.text-14-71 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-811 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.text-14-811.gray {
  color: #686868;
}

.text-14-811.semi {
  font-weight: 600;
  line-height: 20px;
}

.answer-wrapper-3 {
  flex-flow: column;
}

.div-block-3660 {
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.response-label-51 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.select-field-3 {
  color: #000;
  background-color: #fff0;
  border: 1px solid #fff;
  border-bottom-color: #c6dcff;
  flex: 0 auto;
  width: auto;
  min-width: 60px;
  height: 38px;
  margin-bottom: 0;
  margin-left: -4px;
  padding: 0 6px 0 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.select-field-3:hover {
  background-color: #f0f3f8;
  border-color: #4cc0ff;
}

.text-14-444 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-444.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.results-scroller-585 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.arrow2-22 {
  opacity: .86;
  background-image: url('../images/arrow_1arrow.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  min-width: 18px;
  min-height: 18px;
  margin-right: 10px;
}

.arrow2-22.down {
  cursor: pointer;
  margin-top: 3px;
  transition: all .4s;
  transform: rotate(90deg);
}

.arrow2-22.down.side-bar-hide {
  display: block;
}

.div-block-572 {
  align-items: center;
  margin-left: auto;
  transition: opacity .5s;
  display: flex;
}

.div-block-6540 {
  display: block;
}

.div-block-6529 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.submit-button-area-5 {
  background-color: #f6f6f6;
  border-style: none;
  border-top-color: #e2e2e2;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.submit-button-area-5.tran {
  background-color: #0000;
}

.response-label-238 {
  color: #000;
  width: 180px;
  min-width: 180px;
  padding-top: 4px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.response-label-238.side-bar-view {
  width: auto;
}

.modal-discard-order {
  z-index: 995;
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 60px;
  display: none;
  position: fixed;
  inset: 0;
}

.text-224 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-224.error {
  line-height: 26px;
}

.response-label-45 {
  color: #000;
  width: 260px;
  padding-top: 4px;
  padding-right: 20px;
}

.response-label-45.short {
  width: 160px;
  min-width: 160px;
  padding-top: 6px;
  padding-right: 20px;
}

.text-block-75 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.answer-line-83 {
  padding-top: 6px;
  padding-bottom: 10px;
  padding-left: 0;
  display: block;
  position: relative;
}

.image-132 {
  opacity: .84;
}

.div-block-6539 {
  position: sticky;
}

.text-14-13 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-13.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.result-row-819 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-819:hover {
  background-color: #e4f2ff;
}

.result-row-819.selected {
  background-color: #c3e0fa;
}

.tooltip-3 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  transition: all .2s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.div-block-3737 {
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 72px;
  margin-top: auto;
}

.div-block-3739 {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.input-holder-3 {
  border-bottom: 1px solid #c6dcff;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: inline-block;
}

.input-holder-3._2 {
  border-bottom-style: none;
}

.text-14-722 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.tag-content-188 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.question-template-modal-3 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 0 30px 60px;
}

.text-area-div {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.close-modal-9 {
  cursor: pointer;
  display: inline-block;
}

.result-row-820 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-820:hover {
  background-color: #e4f2ff;
}

.result-row-820.selected {
  background-color: #d1e9ff;
}

.text-12 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.result-row-13 {
  align-items: flex-start;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-13:hover {
  background-color: #e4f2ff;
}

.result-row-13.selected {
  background-color: #d1e9ff;
}

.result-row-13.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.div-block-848 {
  overflow: hidden;
}

.div-block-848.hidden.unselectable {
  max-height: 90vh;
  overflow: auto;
}

.div-block-3720 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-3058 {
  width: 80px;
  padding-right: 20px;
}

.text-14-13-copy {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-13-copy.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.div-block-6538 {
  position: sticky;
}

.form-23 {
  display: none;
}

.text-24-3-copy {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.uploaded-file-60 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.uploaded-file-60._2 {
  cursor: pointer;
  background-color: #005baf;
  border: 1px solid #2289f6;
  border-radius: 4px;
  justify-content: space-between;
  width: auto;
  max-width: 280px;
  height: 24px;
  min-height: 24px;
  margin-top: 0;
  margin-left: 20px;
  padding: 2px 3px 2px 6px;
  display: block;
}

.uploaded-file-60._2:hover {
  background-color: #055197;
}

.uploaded-file-60._2.hidden {
  max-width: 280px;
  display: block;
}

.text-tooltip {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.div-block-8886 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.tag-content-16 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.nz-15-2 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 17px;
}

.nz-15-2.semi {
  font-weight: 700;
}

.nz-15-2.semi.center {
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: block;
}

.modal-top-bar-290 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.text-18-15 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18-15.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.text-18-15.semi {
  font-weight: 600;
}

.div-block-3740 {
  padding-right: 5px;
}

.div-block-6528 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.answer-wrapper-45 {
  flex-flow: column;
}

.modal-header {
  background-color: #fff;
  border-radius: 8px;
  height: auto;
  min-height: 0;
  padding: 0 20px;
  display: block;
}

.div-block-3067 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.customer-checkbox-flex-4 {
  z-index: 5;
  background-color: #184f72;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 42px;
  margin-bottom: 0;
  padding: 6px 20px 0;
  display: flex;
  position: sticky;
  top: 122px;
}

.customer-checkbox-flex-4.print-view {
  z-index: 3;
  padding-left: 20px;
}

.customer-checkbox-flex-4.side-bar-view {
  flex-flow: row;
  padding-left: 20px;
  position: sticky;
}

.answer-line-90 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-3 {
  align-self: stretch;
  width: 480px;
  margin-top: 0;
  margin-left: -14px;
  display: block;
  position: relative;
}

.autocomplete-search-wrapper-3.product, .autocomplete-search-wrapper-3.container-size {
  width: 260px;
}

.autocomplete-search-wrapper-3.print {
  margin-left: 0;
}

.matched-333 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.div-block-9106 {
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.unmatched-324 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.table-view-wrapper {
  justify-content: space-between;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.answer-line-431 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-431.padding {
  padding-bottom: 10px;
  position: relative;
}

.main-content-forms {
  flex-flow: column;
  flex: 1;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: auto;
}

.div-block-8899 {
  height: 100px;
  display: flex;
}

.div-block-8895 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.response-label-239 {
  color: #000;
  width: 260px;
  padding-top: 4px;
  padding-right: 20px;
}

.response-label-239.med-copy {
  width: 160px;
  min-width: 160px;
  padding-right: 20px;
}

.response-label-239.med {
  width: 160px;
  min-width: 160px;
  padding-top: 6px;
  padding-right: 20px;
}

.div-block-8892 {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.cietrade-checkmark {
  background-color: #28acff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 22px;
  width: 22px;
  height: 22px;
}

.filter-section-9 {
  background-color: #00000029;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 20px;
  display: block;
  position: relative;
}

.form-row {
  background-color: #0000;
  border-bottom: 1px solid #ebebeb;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 16px;
  display: flex;
  position: relative;
}

.form-sent-confirm-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.tag-content-184 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.text-field-7 {
  color: #333;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.text-field-7.name {
  width: 49%;
}

.form-button-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 6px;
  display: flex;
}

.text-13-12 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-12.semi {
  font-weight: 600;
}

.text-13-12.semi.gray {
  color: #666;
}

.image-890 {
  margin-bottom: 10px;
}

.scrolling-table-section-10 {
  border-left: 1px solid #264e5b4f;
  border-right: 1px solid #264e5b4f;
  width: 100%;
  overflow: auto;
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-9107 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.main-wrapper-49 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-49.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.modal-confirm-counterparty {
  z-index: 995;
  width: 380px;
  display: none;
  position: fixed;
}

.modal-inner-wrapper-2 {
  z-index: 3;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 8px;
  min-height: 100px;
  padding: 30px 20px 20px;
  overflow: visible;
  box-shadow: 2px 6px 20px #0000004d;
}

.div-block-9108 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-10 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-10:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-10.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.row-10.pending {
  background-color: #f5f5f5;
}

.table-details-5-copy {
  flex-direction: column;
  flex: 1;
  min-width: 100px;
  height: auto;
  max-height: 95vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.account-form-input-7 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-7::placeholder {
  color: #9e9e9e;
}

.account-form-input-7._15 {
  height: 40px;
  font-size: 15px;
}

.account-form-input-7.short2 {
  width: 49%;
  margin-top: 0;
}

.column-21-copy {
  color: #161616;
  cursor: pointer;
  border-bottom: 1px solid #7991a738;
  border-right: 1px solid #ffffff4a;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  min-width: 80px;
  max-width: none;
  height: 48px;
  padding: 8px 6px 8px 12px;
  font-size: 15px;
  line-height: 17px;
  display: flex;
  overflow: hidden;
}

.column-21-copy.center {
  border-top: 1px #000;
  border-bottom-color: #7991a738;
  border-right-color: #fff;
  justify-content: center;
  width: auto;
  padding-left: 6px;
}

.modal-send-form {
  z-index: 995;
  width: 380px;
  display: none;
  position: fixed;
}

.cietrade {
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.loader-12 {
  text-align: center;
  background-color: #0c3955;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: block;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.form-response-wrapper {
  background-color: #d6e8ec;
  display: block;
}

.div-block-9110 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8898 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  transform: rotate(0);
}

.div-block-9111 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.autocomplete-icon-15 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-15.remit {
  background-image: url('../images/icon-remit.png');
}

.modal-top-bar-291 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.form-top-info-wrapper {
  opacity: .72;
  color: #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 20px 10px 16px;
  display: flex;
}

.cp-created {
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.action-button-wrapper-2 {
  white-space: nowrap;
  background-color: #184f72;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 8px 14px 8px 10px;
  display: flex;
}

.div-block-8894 {
  width: 100%;
  padding-top: 6px;
}

.text-12-15 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-15.semi {
  font-weight: 600;
}

.text-12-15.semi.white {
  text-transform: uppercase;
  color: #fff;
}

.new-counter-info-5 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.item-count-3 {
  justify-content: flex-start;
  align-items: center;
  padding: 10px 6px;
  display: flex;
}

.div-block-8893 {
  position: relative;
}

.text-14-812 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-812.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.text-14-812.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-812.white {
  color: #ffffffdb;
  font-weight: 400;
}

.div-block-9112 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-8896 {
  width: 300px;
  min-height: 100px;
}

.results-scroller-570 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.question-template-modal-19 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 20px;
}

.autocomplete-input-7 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.custom-checkbox-98 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-98:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-98.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.input-group {
  width: 100%;
}

.copy-link {
  border-radius: 0 4px 4px 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 38px;
  min-height: 38px;
  margin-left: 5px;
  display: flex;
}

.copy-link:hover {
  background-color: #80b5ff6b;
}

.customer-info-177 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.form-block-135 {
  padding-top: 10px;
}

.div-block-9113 {
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.text-14-800 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-800.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.counterparty-check {
  background-color: #12a0b9;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  border-radius: 22px;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  margin-right: 4px;
}

.form-top-section {
  z-index: 3;
  background-color: #0c3955;
  border-bottom: 1px solid #6896af;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.form-top-section:hover {
  background-color: #072c42;
}

.modal-top-bar-278 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.text-18-16 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18-16.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.sort-arrow-26 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-8897 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-9114 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-inner-wrapper {
  background-color: #fff;
  padding-bottom: 60px;
  padding-left: 0;
}

.text-13-29 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-29.semi, .text-13-29.semi.white {
  font-weight: 600;
}

.text-13-29.white {
  color: #ffffffe6;
}

.div-block-9115 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-9115.r {
  justify-content: flex-end;
  align-items: center;
}

.answer-wrapper-225 {
  flex-flow: column;
}

.customer-info-copy {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-right: 6px;
  padding-top: 0;
  padding-bottom: 14px;
  padding-left: 14px;
  display: block;
  position: relative;
}

.results-scroller-571 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.form-button-228 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-228:hover {
  background-color: #02507a;
}

.form-button-228.xs {
  min-width: 100px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.form-button-228.sm {
  min-width: 200px;
  height: 42px;
}

.form-button-228.sm.grey {
  background-color: #969696;
}

.form-button-228.sm.grey:hover {
  background-color: #858585;
}

.empty-form-display-copy {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #e7ffff;
  background-image: linear-gradient(148deg, #69b9cf 14%, #45acc3 88%);
  border-bottom: 1px solid #6896af;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1000px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-right: 0;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
  position: sticky;
  top: 0;
}

.date-input-10 {
  color: #161616;
  text-align: right;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.answer-line-448 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-448.padding {
  padding-bottom: 10px;
  position: relative;
}

.div-block-9116 {
  height: 100px;
  display: flex;
}

.div-block-9117 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.response-label-240 {
  color: #000;
  width: 260px;
  padding-top: 4px;
  padding-right: 20px;
}

.response-label-240.med-copy {
  width: 160px;
  min-width: 160px;
  padding-right: 20px;
}

.response-label-240.med {
  width: 160px;
  min-width: 160px;
  padding-top: 6px;
  padding-right: 20px;
}

.div-block-9118 {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.filter-section-17 {
  background-color: #00000029;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 20px;
  display: block;
  position: relative;
}

.tag-content-189 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.text-field-8 {
  color: #333;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.text-field-8.name {
  width: 49%;
}

.text-13-48 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-48.semi {
  font-weight: 600;
}

.text-13-48.semi.gray {
  color: #666;
}

.image-930 {
  margin-bottom: 10px;
}

.scrolling-table-section-11 {
  border-left: 1px solid #264e5b4f;
  border-right: 1px solid #264e5b4f;
  width: 100%;
  overflow: auto;
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-9119 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.main-wrapper-63 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-63.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-9120 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-25 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-25:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-25.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.row-25.pending {
  background-color: #f5f5f5;
}

.account-form-input-8 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-8::placeholder {
  color: #9e9e9e;
}

.account-form-input-8._15 {
  height: 40px;
  font-size: 15px;
}

.account-form-input-8.short2 {
  width: 49%;
  margin-top: 0;
}

.div-block-9122 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9123 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  transform: rotate(0);
}

.div-block-9124 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.autocomplete-icon-59 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-59.remit {
  background-image: url('../images/icon-remit.png');
}

.form-block-134 {
  margin-bottom: 0;
}

.modal-top-bar-292 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-9125 {
  width: 100%;
  padding-top: 6px;
}

.text-12-43 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-43.semi {
  font-weight: 600;
}

.text-12-43.semi.white {
  text-transform: uppercase;
  color: #fff;
}

.new-counter-info-6 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.item-count-4 {
  justify-content: flex-start;
  align-items: center;
  padding: 10px 6px;
  display: flex;
}

.div-block-9126 {
  position: relative;
}

.text-14-813 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-813.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.text-14-813.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-813.white {
  color: #ffffffdb;
  font-weight: 400;
}

.div-block-9127 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9128 {
  width: 300px;
  min-height: 100px;
}

.results-scroller-586 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.question-template-modal-143 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 20px;
}

.autocomplete-input-8 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.custom-checkbox-99 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-99:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-99.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.customer-info-178 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.form-block-146 {
  padding-top: 10px;
}

.div-block-9129 {
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.text-14-814 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-814.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.modal-top-bar-293 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.text-18-17 {
  color: #161616;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.text-18-17.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.text-18-17.semi {
  font-weight: 600;
}

.sort-arrow-62 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-9130 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-9131 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-13-49 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-49.semi, .text-13-49.semi.white {
  font-weight: 600;
}

.text-13-49.white {
  color: #ffffffe6;
}

.div-block-9132 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-9132.r {
  justify-content: flex-end;
  align-items: center;
}

.answer-wrapper-238 {
  flex-flow: column;
}

.results-scroller-587 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.form-button-354 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-354:hover {
  background-color: #02507a;
}

.form-button-354.xs {
  min-width: 100px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.form-button-354.sm {
  min-width: 200px;
  height: 42px;
}

.form-button-354.sm.grey {
  background-color: #969696;
}

.form-button-354.sm.grey:hover {
  background-color: #858585;
}

.date-input-11 {
  color: #161616;
  text-align: right;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.div-block-9133 {
  background-color: #111216b3;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 160px;
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.loading-6 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 76px;
  height: 76px;
  margin-bottom: 10px;
}

.text-block-465 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.answer-line-449 {
  padding-top: 6px;
  padding-bottom: 15px;
  padding-left: 0;
  display: block;
  position: relative;
}

.answer-line-449.padding {
  padding-bottom: 10px;
  position: relative;
}

.div-block-9134 {
  height: 100px;
  display: flex;
}

.div-block-9135 {
  filter: hue-rotate(124deg);
  background-image: url('../images/Gear1x-0.4s-200px-200px.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 60px;
  margin-top: 60px;
}

.response-label-241 {
  color: #000;
  width: 260px;
  padding-top: 4px;
  padding-right: 20px;
}

.response-label-241.med-copy {
  width: 160px;
  min-width: 160px;
  padding-right: 20px;
}

.response-label-241.med {
  width: 160px;
  min-width: 160px;
  padding-top: 6px;
  padding-right: 20px;
}

.div-block-9136 {
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
}

.filter-section-18 {
  background-color: #00000029;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  padding: 6px 20px;
  display: block;
  position: relative;
}

.tag-content-190 {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 32px;
  padding-top: 6px;
  padding-bottom: 2px;
  display: flex;
}

.text-field-9 {
  color: #333;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.text-field-9.name {
  width: 49%;
}

.text-13-50 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-50.semi {
  font-weight: 600;
}

.text-13-50.semi.gray {
  color: #666;
}

.image-931 {
  margin-bottom: 10px;
}

.scrolling-table-section-12 {
  border-left: 1px solid #264e5b4f;
  border-right: 1px solid #264e5b4f;
  width: 100%;
  overflow: auto;
  box-shadow: inset 0 2px 5px #0003;
}

.div-block-9137 {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.main-wrapper-64 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.main-wrapper-64.flex {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  min-height: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.div-block-9138 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.row-26 {
  cursor: pointer;
  background-color: #fff;
  border-bottom-width: 1px;
  border-bottom-color: #7991a738;
  justify-content: flex-start;
  align-items: center;
  min-width: 0;
  height: auto;
  transition: background-color .4s;
  display: flex;
  position: relative;
  overflow: visible;
}

.row-26:hover {
  opacity: 1;
  background-color: #d4e7f3;
}

.row-26.dark {
  background-color: #0c3955;
  border-bottom-style: none;
}

.row-26.pending {
  background-color: #f5f5f5;
}

.account-form-input-9 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-9::placeholder {
  color: #9e9e9e;
}

.account-form-input-9._15 {
  height: 40px;
  font-size: 15px;
}

.account-form-input-9.short2 {
  width: 49%;
  margin-top: 0;
}

.div-block-9140 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9141 {
  background-image: url('../images/face-white-bg.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  transform: rotate(0);
}

.div-block-9142 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.autocomplete-icon-60 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-60.remit {
  background-image: url('../images/icon-remit.png');
}

.modal-top-bar-294 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.div-block-9143 {
  width: 100%;
  padding-top: 6px;
}

.text-12-44 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.text-12-44.semi {
  font-weight: 600;
}

.text-12-44.semi.white {
  text-transform: uppercase;
  color: #fff;
}

.div-block-9144 {
  position: relative;
}

.text-14-815 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-815.semi {
  margin-bottom: 8px;
  font-weight: 600;
  line-height: 24px;
}

.text-14-815.label {
  color: #707070;
  font-weight: 600;
  line-height: 18px;
}

.text-14-815.white {
  color: #ffffffdb;
  font-weight: 400;
}

.div-block-9145 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-9146 {
  width: 300px;
  min-height: 100px;
}

.results-scroller-588 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.question-template-modal-144 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  min-height: 480px;
  margin-top: 0;
  padding: 30px 30px 20px;
}

.autocomplete-input-9 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.custom-checkbox-100 {
  background-color: #fff;
  border: 2px solid silver;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 6px;
}

.custom-checkbox-100:hover {
  background-color: #f0f0f0;
}

.custom-checkbox-100.selected {
  background-color: #0c8aff;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
  border-color: #0c8aff;
}

.customer-info-179 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 2px;
  display: flex;
  position: relative;
}

.form-block-147 {
  padding-top: 10px;
}

.div-block-9147 {
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  display: flex;
}

.text-14-816 {
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-816.label-2 {
  color: #6d6d6d;
  font-size: 15px;
  font-weight: 600;
  line-height: 18px;
}

.modal-top-bar-295 {
  cursor: move;
  border-bottom: 1px solid #e9e9e9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 56px;
  padding-top: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px -6px #0003;
}

.sort-arrow-63 {
  justify-content: center;
  align-items: flex-end;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin-left: 0;
  display: flex;
  position: relative;
}

.div-block-9148 {
  text-align: center;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-9149 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-13-51 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-51.semi, .text-13-51.semi.white {
  font-weight: 600;
}

.text-13-51.white {
  color: #ffffffe6;
}

.text-13-51.white-semi {
  color: #ffffffdb;
  font-weight: 600;
}

.text-13-51.red {
  color: #ed4444;
}

.div-block-9150 {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  min-width: 150px;
  margin-top: 20px;
  margin-right: 0;
  display: flex;
}

.div-block-9150.r {
  justify-content: flex-end;
  align-items: center;
}

.answer-wrapper-239 {
  flex-flow: column;
}

.autocomplete-input-10 {
  float: none;
  clear: none;
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 2px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 4px 6px;
  display: inline-block;
  position: relative;
}

.autocomplete-input-10.users {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.autocomplete-input-10.owners.awef {
  min-height: 30px;
}

.autocomplete-input-10.action-cp {
  border-color: #e6e6e6;
  min-height: 42px;
  padding: 2px 4px;
}

.autocomplete-input-10.owners {
  border-color: #dbdbdb;
  min-height: 40px;
  padding-top: 2px;
  padding-bottom: 2px;
}

.results-scroller-589 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.form-button-355 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-355:hover {
  background-color: #02507a;
}

.form-button-355.xs {
  min-width: 100px;
  height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.form-button-355.sm {
  min-width: 200px;
  height: 42px;
}

.form-button-355.sm.grey {
  background-color: #969696;
}

.form-button-355.sm.grey:hover {
  background-color: #858585;
}

.date-input-12 {
  color: #161616;
  text-align: right;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  display: flex;
}

.general-form-file-holder {
  padding-bottom: 5px;
}

.progress-bar-holder-37 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.button-bar-4 {
  position: relative;
}

.upload-item-row-57 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.div-block-9151 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.form-button-356 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-356:hover {
  background-color: #02507a;
}

.form-display-section-2 {
  flex-flow: column;
  min-height: 480px;
  padding-bottom: 20px;
  display: flex;
}

.text-block-466 {
  color: #535353;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.div-block-9152 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.form-button-holder-5 {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 50px;
  display: flex;
  position: relative;
}

.main-wrapper-65 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 33%, #10415f);
  border: 1px solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.new-counter-info-7 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.div-block-9153 {
  display: flex;
}

.uploaded-file-61 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.form-block-148 {
  min-height: 460px;
  margin-bottom: 0;
}

.heading-15 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.progress-bar-holder-38 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.button-bar-5 {
  position: relative;
}

.upload-item-row-58 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.div-block-9154 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.form-button-357 {
  opacity: 1;
  color: #fff;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  display: flex;
}

.form-button-357:hover {
  background-color: #02507a;
}

.form-display-section-3 {
  flex-flow: column;
  min-height: 480px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-9155 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.form-button-holder-6 {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 50px;
  display: flex;
  position: relative;
}

.main-wrapper-66 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 33%, #10415f);
  border: 1px solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-9156 {
  display: flex;
}

.uploaded-file-62 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.form-block-149 {
  min-height: 460px;
  margin-bottom: 0;
}

.heading-16 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.modal-container-13 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.sf-15-med-131 {
  color: #000000db;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-9157 {
  width: 100%;
  padding-top: 16px;
  padding-left: 34px;
  padding-right: 10px;
}

.div-block-9158 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px 0% auto;
}

.div-block-9159 {
  align-items: center;
  width: 100%;
  display: flex;
}

.text-225 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-225.error {
  line-height: 26px;
}

.tooltip-23 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  transition: all .2s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.text-tooltip-7 {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.nz-15-93 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 17px;
}

.nz-15-93.semi {
  font-weight: 700;
}

.nz-15-93.semi.center {
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: block;
}

.loader-13 {
  background-color: #072046;
  border: 1px #000;
  border-radius: 8px;
  flex-direction: column;
  width: auto;
  min-width: 100px;
  max-width: 220px;
  height: 160px;
  min-height: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 14px 14px;
  display: block;
  position: absolute;
  inset: 40% 0% 0%;
  overflow: visible;
}

.modal-container-14 {
  z-index: 1000;
  width: 0;
  height: 0;
  display: block;
  position: fixed;
}

.sf-15-med-132 {
  color: #000000db;
  font-size: 22px;
  font-weight: 500;
  line-height: 18px;
}

.div-block-9160 {
  width: 100%;
  padding-top: 16px;
  padding-left: 34px;
  padding-right: 10px;
}

.div-block-9161 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/close_1close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 28px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px 0% auto;
}

.div-block-9162 {
  align-items: center;
  width: 100%;
  display: flex;
}

.text-226 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.text-226.error {
  line-height: 26px;
}

.tooltip-24 {
  z-index: 996;
  opacity: .9;
  background-color: #262c46;
  border: 1px solid #ffffff91;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 80px;
  min-height: 24px;
  max-height: none;
  margin-left: 0;
  margin-right: 0;
  padding: 8px;
  transition: all .2s;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 2px 3px 7px 2px #0003;
}

.text-tooltip-8 {
  color: #fff;
  font-size: 12px;
  line-height: 16px;
}

.nz-15-94 {
  color: #161616;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 17px;
}

.nz-15-94.semi {
  font-weight: 700;
}

.nz-15-94.semi.center {
  color: #fff;
  text-align: center;
  font-size: 18px;
  display: block;
}

.div-block-9163 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 60px;
  display: flex;
}

.form-wrapper-4 {
  background-color: #fff;
  border: 1px solid #cfcfcf63;
  border-radius: 16px;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.progress-bar-holder-4 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.vendor-form-wrapper {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 100%;
  padding-left: 0;
}

.dropdown-field-2 {
  color: #272727;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.title-wrapper-4 {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.success-wrapper {
  background-color: #fff;
  border-radius: 16px;
  margin-top: 20px;
}

.account-form-row-2 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #e9f1f5;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 0;
  display: flex;
}

.account-form-row-2.short {
  padding-top: 0;
  padding-bottom: 0;
}

.account-form-row-2.center {
  background-color: #f3f3f3;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 14px;
  padding-right: 10px;
}

.disclaimertext-2 {
  color: #000000bd;
  background-color: #f3f7ff;
  border: 1px solid #a1a1a1;
  height: 480px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  overflow: auto;
}

.div-block-8887 {
  display: flex;
}

.form-button-226 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-226:hover {
  background-color: #02507a;
}

.uploaded-file-63 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.heading-17 {
  color: #fff;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.form-button-holder-3 {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 32px 40px 40px;
  display: flex;
  position: relative;
  box-shadow: 0 -10px 11px -8px #0003;
}

.account-form-input-5 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-5::placeholder {
  color: #9e9e9e;
}

.account-form-input-5.name {
  min-width: 240px;
  max-width: 360px;
  height: 40px;
  margin-bottom: 6px;
  font-size: 15px;
}

.account-form-input-5.name.date {
  text-align: right;
  width: 120px;
  min-width: 0;
  max-width: none;
}

.account-form-input-5.short2 {
  width: 49%;
  margin-top: 0;
}

.account-form-input-5.short-copy {
  width: 48%;
}

.div-block-9164 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.main-wrapper-47 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.new-counter-info-3 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.form-block-142 {
  min-height: 460px;
  margin-bottom: 0;
}

.form-display-section-4 {
  min-height: 460px;
  padding-bottom: 10px;
  display: block;
}

.div-block-9165 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.image-888 {
  margin-bottom: 20px;
}

.field-holder-horizontal-2 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form-label-2 {
  color: #000;
  width: 300px;
  min-width: 300px;
  margin-top: 18px;
}

.form-label-2.sign {
  width: 140px;
  min-width: 140px;
}

.new-account-wrapper-2 {
  padding: 40px 60px 80px;
}

.image-889 {
  margin-bottom: 20px;
}

.uploaded-file-57 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.progress-bar-holder-33 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.dropdown-field-3 {
  color: #272727;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.form-button-227 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-227:hover {
  background-color: #02507a;
}

.form-display-section-5 {
  min-height: 460px;
  padding-bottom: 10px;
  display: block;
}

.div-block-8888 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.heading-18 {
  color: #fff;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.div-block-8891 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.new-counter-info-4 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.title-wrapper-5 {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.title-wrapper-5.stacked {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.div-block-8890 {
  display: flex;
}

.account-form-input-6 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-6::placeholder {
  color: #9e9e9e;
}

.account-form-input-6.short {
  width: 48%;
  margin-top: 0;
}

.account-form-input-6.short2 {
  width: 49%;
  margin-top: 0;
}

.div-block-8889 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 60px;
  display: flex;
}

.field-holder-horizontal-4 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form-button-holder-7 {
  background-color: #eff2fc;
  border-top-width: 1px;
  border-top-color: #ffffff5c;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  justify-content: center;
  align-items: center;
  padding: 32px 40px 40px;
  display: flex;
  position: relative;
  box-shadow: 0 -10px 11px -8px #0003;
}

.form-block-150 {
  min-height: 460px;
  margin-bottom: 0;
}

.main-wrapper-48 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.form-wrapper-5 {
  background-color: #fff;
  border: 1px solid #cfcfcf63;
  border-radius: 16px;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-932 {
  margin-bottom: 20px;
}

.uploaded-file-64 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.progress-bar-holder-39 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.dropdown-field-4 {
  color: #272727;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.form-button-358 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-358:hover {
  background-color: #02507a;
}

.form-display-section-6 {
  min-height: 460px;
  padding-bottom: 10px;
  display: block;
}

.div-block-9166 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.heading-19 {
  color: #fff;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.div-block-9167 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.new-counter-info-8 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.title-wrapper-48 {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.title-wrapper-48.stacked {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.div-block-9168 {
  display: flex;
}

.account-form-input-10 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-10::placeholder {
  color: #9e9e9e;
}

.account-form-input-10.short {
  width: 48%;
  margin-top: 0;
}

.account-form-input-10.short2 {
  width: 49%;
  margin-top: 0;
}

.div-block-9169 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 60px;
  display: flex;
}

.field-holder-horizontal-5 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form-block-151 {
  min-height: 460px;
  margin-bottom: 0;
}

.main-wrapper-67 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.div-block-9170 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 40px 40px 60px;
  display: flex;
}

.progress-bar-holder-40 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.title-wrapper-49 {
  justify-content: space-between;
  align-items: flex-end;
  width: 900px;
  min-height: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 10px;
  display: flex;
}

.disclaimertext-3 {
  color: #000000bd;
  background-color: #f3f7ff;
  border: 1px solid #a1a1a1;
  height: 480px;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 10px 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: none;
  overflow: auto;
}

.div-block-9171 {
  display: flex;
}

.form-button-359 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 220px;
  height: 52px;
  margin-left: 14px;
  margin-right: 14px;
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.form-button-359:hover {
  background-color: #02507a;
}

.uploaded-file-65 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: flex;
}

.heading-20 {
  color: #fff;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 34px;
  font-weight: 300;
}

.account-form-input-11 {
  color: #1a1a1a;
  border-radius: 4px;
  height: 46px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
}

.account-form-input-11::placeholder {
  color: #9e9e9e;
}

.account-form-input-11.name {
  min-width: 240px;
  max-width: 360px;
  height: 40px;
  margin-bottom: 6px;
  font-size: 15px;
}

.account-form-input-11.name.date {
  text-align: right;
  width: 120px;
  min-width: 0;
  max-width: none;
}

.account-form-input-11.short2 {
  width: 49%;
  margin-top: 0;
}

.account-form-input-11.short-copy {
  width: 48%;
}

.div-block-9172 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.main-wrapper-68 {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  min-height: 100vh;
  padding-bottom: 60px;
}

.new-counter-info-9 {
  background-color: #0000;
  border-bottom-width: 1px;
  border-bottom-color: #d9e8ee;
  width: 80%;
  padding-left: 0;
}

.form-block-152 {
  min-height: 460px;
  margin-bottom: 0;
}

.div-block-9173 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.image-933 {
  margin-bottom: 20px;
}

.field-holder-horizontal-6 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.image-908 {
  width: 16px;
}

.podium-name-wrapper {
  padding-bottom: 8px;
  padding-left: 4px;
  padding-right: 4px;
}

.reason-input-section-3 {
  z-index: 4;
  background-color: #fff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 5px 16px 16px;
  display: block;
}

.spinner-2 {
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.result-row-753 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-753:hover {
  background-color: #e4f2ff;
}

.result-row-753.selected {
  background-color: #d1e9ff;
}

.unmatched-312 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.unmatched-312.sm {
  font-size: 14px;
  line-height: 18px;
}

.div-block-7254, .div-block-7218 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.podium-score {
  color: #4d4d4d;
  background-color: #fed130;
  border: 4px solid #e0c425;
  border-right-width: 3px;
  border-radius: 44px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

.podium-score._2nd {
  color: #fff;
  background-color: #979797;
  border-color: #bdbdbd;
}

.podium-score._3rd {
  color: #fff;
  background-color: #c09d64;
  border-color: #e0bd7d;
}

.search-input-wrapper-2 {
  width: 300px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
}

.search-input-wrapper-2.short {
  width: 130px;
  margin-right: 10px;
  padding-left: 10px;
}

.div-block-7179 {
  align-self: center;
  display: flex;
}

.div-block-7220 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-scroller-111 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 540px;
  min-width: 540px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-111.who {
  background-color: #1a50ad;
  border-color: #3a60d4;
  border-radius: 4px;
  width: 100%;
  min-width: 304px;
}

.results-scroller-111.assign {
  width: 100%;
  min-width: 300px;
}

.results-scroller-111.assign-copy {
  width: 100%;
  min-width: 304px;
}

.div-block-7214 {
  padding: 5px;
}

.image-905 {
  width: 16px;
}

.div-block-7217 {
  justify-content: flex-end;
  align-items: center;
  display: block;
  position: relative;
}

.text-18-18 {
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-18-18.green {
  color: #55b83c;
  font-weight: 600;
}

.text-18-18.red {
  color: #ed4444;
  font-weight: 600;
}

.div-block-7234 {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 140px;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.div-block-7186 {
  transform-style: preserve-3d;
  background-image: url('../images/face.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 120px;
  height: 120px;
  margin-top: 60px;
  transform: rotateX(0)rotateY(-180deg)rotateZ(23deg);
}

.chip-label-277 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-277.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-7235 {
  flex: 1;
  display: flex;
}

.results-wrapper-283 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-283.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.empty-state-wrapper-2 {
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
  display: none;
}

.side-nav-item-14 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  height: 44px;
  padding-left: 15px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.side-nav-item-14:hover {
  opacity: 100;
  background-color: #00000029;
}

.div-block-4080-copy {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding-top: 2px;
  display: flex;
}

.div-block-4080-copy.hidden {
  display: none;
}

.user-ac-wrapper {
  margin-top: 8px;
  position: relative;
}

.results-wrapper-281 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-281.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-7176 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.autocomplete-icon-23 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-23.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.autocomplete-icon-23.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-23.remit.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.div-block-7200 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.ac-default-label-333 {
  color: #ffffff9c;
  width: 120px;
  height: 32px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.ac-default-label-333:focus {
  width: 200px;
}

.ac-default-label-333.mobile {
  display: none;
}

.edit-options-menu {
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  width: 96px;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: absolute;
  inset: 24px 0 auto auto;
  box-shadow: 0 1px 9px 3px #00000017;
}

.edit-options-menu.hidden {
  display: block;
}

.chip-label-white-sm-2-colhk-4 {
  color: #498fc2;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.message-holder-29 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.message-holder-29.bot {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.text-10-17 {
  font-family: Open Sans, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
}

.text-10-17.semi-white {
  color: #fff;
  text-align: center;
  font-weight: 600;
  line-height: 13px;
}

.link-54 {
  color: #046cea;
  text-decoration: none;
}

.link-54:hover {
  text-decoration: underline;
}

.chip-label-278 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-278.sm {
  font-size: 13px;
  line-height: 16px;
}

.nav-item-results-holder {
  flex-direction: column;
  flex: 1;
  min-height: 200px;
  display: flex;
}

.action-item-header-43 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-header-43:hover {
  background-color: #f8ecc1;
}

.action-item-header-43.editable {
  background-color: #fff7db00;
  border-bottom-style: none;
  padding-top: 10px;
  padding-bottom: 5px;
}

.task-button-bar-3 {
  z-index: 4;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  min-height: 20px;
  margin-left: 16px;
  margin-right: 10px;
  padding-top: 4px;
  display: flex;
}

.result-row-755 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-755:hover {
  background-color: #e4f2ff;
}

.result-row-755.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.hidden-icon-13 {
  width: 15px;
  min-width: 15px;
  height: 15px;
}

.div-block-7212, .div-block-7264 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7244 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.activity-message-4 {
  background-color: #e6f1ff;
  margin-bottom: 5px;
  padding: 8px 14px 10px;
  position: relative;
}

.div-block-7271 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.uploaded-file-list-holder-2 {
  padding-bottom: 5px;
}

.result-row-763 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-763:hover {
  background-color: #0b095e5e;
}

.result-row-763.selected {
  background-color: #100f1d;
}

.div-block-7228 {
  height: 300px;
  margin-top: auto;
}

.side-panel-right-3 {
  z-index: 100;
  background-color: #0c3955;
  border: 2px solid #0c3955;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 500px;
  transition: right .4s;
  display: none;
  position: relative;
  inset: 0% 0% 0% auto;
}

.image-899 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.item-column-wrapper-18 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding-left: 6px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.item-column-wrapper-18.search, .item-column-wrapper-18.resolved {
  display: flex;
}

.item-column-wrapper-18.my {
  display: none;
}

.item-column-wrapper-18.tree {
  min-width: 520px;
  display: none;
}

.result-row-762 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-762:hover {
  background-color: #e4f2ff;
}

.result-row-762.selected {
  background-color: #d1e9ff;
}

.checkbox-44 {
  color: #ffffffb3;
  text-align: center;
  border: 1px solid #aaa;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-right: 10px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

.checkbox-44:hover {
  background-color: #dfdfdf;
}

.checkbox-44.checked {
  background-color: #2196f3;
  background-image: url('../images/check_1check.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
}

.div-block-7242 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-holder-221 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-221.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.due-soon-label-19 {
  background-color: #467ba0;
  border: 1px #cfcfcf;
  border-radius: 2px;
  padding: 4px 4px 6px;
}

.autocomplete-input-390 {
  float: none;
  clear: none;
  color: #add2fff0;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 30px;
  padding: 4px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  position: relative;
}

.chat-avatar-4 {
  background-color: #0a1c6b;
  background-image: url('../images/fc.png'), linear-gradient(324deg, #0270e6, #08194c 48%, #36f);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 24px, auto;
  border: 1px solid #157ad8;
  border-radius: 32px;
  width: 34px;
  min-width: 34px;
  height: 34px;
  margin-top: 10px;
  position: absolute;
}

.chat-avatar-4.clark-big {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 62px;
  min-width: 62px;
  height: 62px;
  min-height: 62px;
  margin-top: 0;
  margin-bottom: 15px;
  position: static;
}

.chat-avatar-4.clark {
  background-image: url('../images/clark.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.div-block-7246 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.duplicate-task-button-24 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-24:hover {
  background-color: #cbdfff;
}

.results-scroller-352 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-352.sm {
  width: auto;
  min-width: 300px;
}

.visible-icon {
  width: 15px;
  height: 15px;
}

.recording-icon {
  cursor: pointer;
  width: 38px;
  height: 38px;
}

.recording-icon:hover {
  filter: saturate(71%);
}

.results-scroller-349 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-349.sm {
  width: auto;
  min-width: 300px;
}

.div-block-7259 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.duplicate-task-button-21 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/ic_content_copy_black_48dp_2x_1ic_content_copy_black_48dp_2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  border-radius: 2px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.duplicate-task-button-21:hover {
  background-color: #cbdfff;
}

.div-block-7204 {
  margin-left: 10px;
}

.bubble-holder-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-left: 8px;
  padding-right: 0;
  display: flex;
}

.bubble-holder-2.bot {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 40px;
  display: flex;
}

.div-block-7219 {
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  display: flex;
}

.podium {
  background-color: #d4eaf8;
  border-bottom: 3px solid #9abdd3;
  border-right: 2px solid #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 112px;
  padding-top: 8px;
  padding-bottom: 5px;
  display: flex;
}

.podium._3rd {
  height: 80px;
}

.podium._2nd {
  height: 92px;
}

.podium._1st {
  background-image: url('../images/laurel.png');
  background-position: 50% 6px;
  background-repeat: no-repeat;
  background-size: 76px;
}

.div-block-7182 {
  position: relative;
}

.unopened-indicator {
  background-color: #3c6dff;
  border-bottom: 1px solid #c3d1da;
  border-left: 1px solid #c3d1da;
  width: 6px;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.resize-dragger {
  z-index: 999;
  cursor: col-resize;
  width: 4px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.resize-dragger:hover {
  background-color: #5eccff;
}

.messages-holder-4 {
  flex: 1;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
  display: flex;
  overflow: auto;
}

.messages-holder-4.hidden {
  overflow: auto;
}

.result-row-752 {
  align-items: flex-start;
  width: 100%;
  min-width: 480px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  position: relative;
}

.result-row-752:hover {
  background-color: #e4f2ff;
}

.result-row-752.sm {
  width: 100%;
  min-width: 300px;
  min-height: 36px;
  padding: 8px 10px;
}

.div-block-7181 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ac-default-label-352 {
  border-bottom: 1px #c6dcff;
  height: 36px;
  margin-bottom: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding-top: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  position: relative;
  top: -3px;
}

.ac-default-label-352._14 {
  font-size: 14px;
  font-weight: 400;
  top: 0;
}

.ac-default-label-352._14.small {
  height: 28px;
  margin-left: 2px;
  padding-top: 4px;
}

.ac-default-label-352._13 {
  color: #70a2ff;
  height: 26px;
  margin-left: 2px;
  padding-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  top: 0;
}

.div-block-7241 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7241.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.results-holder-220 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-220.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.message-holder-30 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  min-width: 300px;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.div-block-7215 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.resolution-display-wrapper {
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  min-height: 40px;
  margin: 10px 16px 20px;
  padding: 10px;
  display: block;
  position: relative;
}

.duration-wrapper-21 {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 90px;
  min-width: 90px;
  display: flex;
}

.div-block-7409 {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 8px;
  display: flex;
}

.data-pick-modal {
  z-index: 996;
  opacity: 1;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  min-height: 24px;
  max-height: none;
  padding: 6px 8px 8px;
  font-family: Open Sans, sans-serif;
  display: none;
  position: fixed;
  inset: 0% 0 0;
  box-shadow: 2px 3px 7px 2px #0003;
}

.data-pick-modal:hover {
  opacity: .92;
}

.div-block-7175 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.uploaded-file-66 {
  background-color: #e5f4fc;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  padding: 8px 10px;
  display: block;
}

.uploaded-file-66.sm {
  background-color: #fff;
  border-radius: 4px;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
  margin-bottom: 5px;
  padding: 4px 6px 4px 0;
  display: block;
  position: relative;
}

.activity-message-wrapper-b-19 {
  max-width: 900px;
  margin-bottom: 10px;
  display: block;
  overflow: auto;
}

.div-block-7260 {
  position: relative;
}

.action-item-button-18 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-18:hover {
  background-color: #1b7897;
}

.action-item-button-18.blue {
  background-color: #0077b8;
}

.action-item-button-18.blue:hover {
  background-color: #02507a;
}

.action-item-button-18.completed {
  background-color: #1b7897;
}

.action-item-button-18.start {
  background-color: #00a4fd;
}

.action-item-button-18.start:hover {
  background-color: #048dd8;
}

.div-block-7255 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.date-picker-modal-content {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  height: auto;
  min-height: 60px;
  padding: 4px;
  display: block;
  box-shadow: 0 1px 9px 3px #00000017;
}

.close-sectionafeawf-2 {
  opacity: .7;
  cursor: pointer;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  inset: 14px 8px 0% auto;
}

.close-sectionafeawf-2:hover {
  opacity: 1;
}

.text-15-4 {
  padding-left: 4px;
  padding-right: 4px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.div-block-7275 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-285 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-285.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.div-block-7268 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7211 {
  padding-top: 3px;
}

.post-button-22 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-22:hover {
  background-color: #02507a;
}

.post-button-22.update {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.chip-label-276 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-276.sm {
  font-size: 13px;
  line-height: 16px;
}

.seen-check-2 {
  cursor: auto;
  background-image: url('../images/seen_1seen.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-right: 4px;
}

.div-block-7272 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.form-112 {
  max-height: 100vh;
  overflow: auto;
}

.action-item-header-bg-2 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding-left: 0;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
  position: relative;
}

.action-item-header-bg-2:hover {
  background-color: #f8ecc1;
}

.action-item-header-bg-2.flash {
  background-color: silver;
}

.action-item-header-bg-2.resolved {
  background-color: #dafde4;
}

.action-item-header-bg-2.resolved:hover {
  background-color: #c6f1d2;
}

.action-item-header-bg-2.light-blue {
  background-color: #e0f3fc;
}

.action-item-header-bg-2.light-blue.flash {
  background-color: silver;
}

.div-block-7278 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7201 {
  display: flex;
}

.progress-bar-holder-2 {
  background-color: #ebf2f5;
  height: 18px;
  margin-top: 8px;
}

.nav-item-scroller {
  flex: 1;
  overflow: auto;
}

.div-block-7198 {
  flex: 1;
}

.image-909 {
  width: 16px;
}

.editi-icon {
  opacity: .8;
  width: 15px;
  min-width: 15px;
  margin-right: 10px;
}

.editi-icon:hover {
  opacity: 1;
}

.div-block-7205 {
  background-image: url('../images/upload_1.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 70px;
}

.div-block-7208 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7208.flex {
  display: flex;
}

.address-20 {
  min-height: 20px;
  padding-top: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.address-20.sm {
  font-size: 13px;
  line-height: 16px;
}

.image-894 {
  margin-right: 1px;
}

.sf-1281 {
  color: #313131;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.sf-1281.semi {
  font-weight: 600;
}

.sf-1281.semi.navy {
  color: #00528c;
  text-align: center;
}

.select-field-2 {
  color: #333;
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.select-field-2:hover {
  background-color: #eee;
}

.div-block-7199 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7199.flex {
  display: flex;
}

.text-12-16 {
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.text-12-16.light-grey {
  color: #818181;
}

.text-12-16.gray {
  padding-top: 2px;
  font-weight: 400;
  display: block;
}

.text-12-16.gray.hidden {
  display: block;
}

.text-12-16.semi {
  font-weight: 600;
}

.text-12-16.gray {
  padding-top: 2px;
  font-weight: 400;
}

.text-423 {
  color: #161616;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.text-423.semi {
  font-weight: 600;
}

.delete-task-button-8 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-8:hover {
  background-color: #ed4444;
  background-image: url('../images/trash-w_1trash-w.png');
}

.loading-items-22 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 20px 40px;
  position: relative;
}

.loading-items-22.popup {
  background-color: #fff;
}

.status-tag-21 {
  text-align: center;
  background-color: #636363;
  border-radius: 2px;
  width: 70px;
  padding: 2px;
  display: block;
}

.all-item-wrapper-26 {
  min-height: 100px;
  overflow: auto;
}

.div-block-7207 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.add-item-2 {
  cursor: pointer;
  background-color: #0077b869;
  border: 1px solid #ffffff45;
  border-radius: 2px;
  padding: 4px 8px;
  transition: background-color .4s;
}

.add-item-2:hover {
  background-color: #0077b8;
}

.add-item-2.big {
  background-color: #0077b8;
  border-radius: 4px;
  margin-top: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.add-item-2.big:hover {
  background-color: #066192;
}

.add-item-2.big.hidden {
  background-color: #0077b8;
}

.text-18-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.delete-task-button-17 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trash-red_1trash-red.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  border: 1px solid #cacaca;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-left: 10px;
  transition: all .4s;
}

.delete-task-button-17:hover {
  background-color: #ed4444;
  background-image: url('../images/trash-w_1trash-w.png');
}

.chip-label-xs-2 {
  color: #080808;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.chip-label-xs-2.white {
  color: #ffffffe6;
}

.results-scroller-351 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-351.sm {
  width: auto;
  min-width: 300px;
}

.div-block-7231 {
  justify-content: space-between;
  align-items: center;
  min-height: 20px;
}

.div-block-7247 {
  padding-right: 6px;
}

.div-block-7253 {
  background-image: url('../images/Ellipsis-1.3s-200px.gif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 28px;
  margin-left: 4px;
}

.div-block-7237 {
  padding-top: 3px;
}

.icon-search-2 {
  opacity: .8;
  background-color: #fff0;
  background-image: url('../images/js-toolbar-search_1js-toolbar-search.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  min-width: 28px;
  min-height: 28px;
  margin-left: 6px;
}

.icon-search-2:hover {
  opacity: 1;
  background-color: #0077b869;
}

.post-button-23 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-23:hover {
  background-color: #02507a;
}

.post-button-23.xs {
  margin-left: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 12px;
}

.image-898 {
  width: 16px;
  margin-right: 4px;
}

.div-block-7227 {
  z-index: 3;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-7227.sm {
  justify-content: flex-end;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 6px;
}

.result-row-751 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-751:hover {
  background-color: #e4f2ff;
}

.result-row-751.selected {
  background-color: #d1e9ff;
}

.div-block-7183 {
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  height: 33px;
  display: flex;
}

.div-block-7276 {
  flex: 1;
}

.div-block-7243 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
}

.div-block-7180 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.audio-recorder-button-holder-3 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.modal-single-item {
  z-index: 999;
  background-color: #00000094;
  width: 100%;
  padding: 20px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.div-block-7177 {
  align-self: center;
  display: flex;
}

.message-text-3 {
  overflow-wrap: break-word;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 25px;
  display: block;
}

.message-text-3.white {
  color: #ffffffa6;
}

.loading-screen-2 {
  text-align: center;
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 220px 20px 40px;
  position: relative;
}

.all-item-wrapper-27 {
  min-height: 100px;
  overflow: auto;
}

.close-icon {
  z-index: 6;
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/icon-delete_1icon-delete.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 26px;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 6px 6px auto auto;
}

.close-icon:hover {
  opacity: .9;
}

.div-block-7256 {
  padding-bottom: 4px;
  padding-left: 10px;
}

.section-header-67 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.search-bar {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4px 10px 8px;
  display: flex;
  position: relative;
}

.chat-section-2 {
  z-index: 1;
  border-right: 1px solid #bfd3e2;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  min-height: 200px;
  padding-top: 40px;
  padding-left: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.chat-section-2._2-copy {
  background-color: #0c1f36;
  border-right-style: none;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  max-height: 100vh;
  padding-top: 0;
  display: flex;
}

.remove-column {
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  margin-left: 10px;
}

.remove-column:hover {
  opacity: 1;
}

.remove-column.big {
  background-size: 16px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.result-row-750 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-750:hover {
  background-color: #e4f2ff;
}

.column-option-holder {
  display: block;
}

.all-item-wrapper-19 {
  height: 100%;
  min-height: 100px;
  max-height: 100%;
  padding-right: 4px;
  overflow: hidden;
}

.all-item-wrapper-19.m {
  padding-right: 0;
}

.date-picker-pos-holder {
  z-index: 40;
  background-color: #2e48a6;
  border: 1px solid #3a60d4;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 35px;
  display: flex;
  position: absolute;
  top: 140px;
  left: 220px;
  right: auto;
  box-shadow: 1px 1px 3px #00000078;
}

.div-block-7196 {
  justify-content: flex-start;
  align-items: center;
  padding-left: 6px;
  display: flex;
}

.result-row-758 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-758:hover {
  background-color: #e4f2ff;
}

.result-row-758.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.results-holder-217 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-217.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.badge-div-3 {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 136px;
}

.action-item-button-17 {
  opacity: 1;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #14b5b8;
  border: 1px #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  min-width: 90px;
  height: auto;
  min-height: 32px;
  padding: 4px 14px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
}

.action-item-button-17:hover {
  background-color: #1b7897;
}

.action-item-button-17.reject {
  background-color: #ed4444;
}

.action-item-button-17.reject:hover {
  background-color: #cc3434;
}

.action-item-button-17.reject.s {
  width: 60px;
  min-width: 0;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.action-item-button-17.accept {
  background-color: #508305;
}

.action-item-button-17.accept:hover {
  background-color: #48700a;
}

.action-item-button-17.accept.s {
  min-width: 60px;
  height: 26px;
  min-height: 0;
  padding: 0 6px;
}

.action-button-wrapper-3 {
  justify-content: flex-end;
  align-items: center;
  margin-right: 8px;
  display: block;
}

.div-block-7193 {
  flex: 1;
}

.apply-button-2 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.apply-button-2:hover {
  background-color: #02507a;
}

.results-holder-219 {
  z-index: 3;
  display: block;
  position: relative;
  overflow: visible;
}

.drag-bar {
  cursor: ew-resize;
  background-color: #111446;
  border-left: 1px solid #3a60d4;
  border-right: 1px solid #3a60d5;
  align-self: stretch;
  width: 8px;
  min-width: 8px;
}

.drag-bar:hover {
  background-color: #1c3d97;
}

.drag-bar.unselectable {
  flex: none;
}

.results-holder-222 {
  z-index: 3;
  width: 500px;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-222.sm {
  width: auto;
  min-width: 300px;
  display: none;
}

.div-block-7240 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.image-903 {
  margin-right: 5px;
}

.result-row-754 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-754:hover {
  background-color: #e4f2ff;
}

.result-row-754.selected {
  background-color: #d1e9ff;
}

.div-block-7263 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7263.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.nav-search {
  background-color: #0c3955;
  justify-content: flex-start;
  align-items: center;
  padding: 4px 4px 8px;
  display: block;
}

.div-block-7250 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.total-display {
  margin-top: 6px;
}

.total-display.team-total {
  border-bottom: 1px solid #e7e7e7;
  justify-content: space-between;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 6px;
  display: flex;
}

.header-right-side-18 {
  justify-content: flex-end;
  align-items: center;
  min-width: 30%;
  padding-top: 2px;
  display: flex;
}

.sf-1282 {
  color: #313131;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 14px;
  line-height: 20px;
}

.sf-1282.white {
  color: #fff;
  cursor: default;
}

.bubble-holder-5 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 420px;
  padding: 8px;
  display: flex;
}

.chat-convo-holder-6 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 20px 0 10px;
  display: block;
  overflow: visible;
}

.image-896 {
  margin-right: 3px;
}

.date-input-wrapper-2-copy {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  justify-content: space-between;
  align-items: center;
  width: 170px;
  min-height: 36px;
  padding-right: 4px;
  display: flex;
}

.form-111 {
  height: 100%;
  max-height: 100%;
  overflow: auto;
}

.side-nav-item-15 {
  opacity: .88;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  min-height: 44px;
  padding: 4px 10px 4px 14px;
  display: flex;
  position: relative;
}

.side-nav-item-15:hover {
  opacity: 100;
  background-color: #00000029;
}

.side-nav-item-15.no-hover {
  justify-content: flex-start;
}

.side-nav-item-15.no-hover:hover {
  opacity: .88;
  background-color: #0000;
}

.text-11-copy-2 {
  color: #fff;
  font-size: 11px;
  line-height: 11px;
}

.div-block-7261 {
  height: 6px;
  position: absolute;
}

.textarea-28 {
  color: #70a2ff;
  resize: none;
  background-color: #111446;
  border: 1px solid #3a60d4;
  border-radius: 6px;
  min-height: 110px;
  margin-top: 8px;
  padding: 10px 10px 50px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  overflow: visible;
}

.textarea-28::placeholder {
  color: #ffffff80;
}

.upload-item-row-59 {
  align-items: flex-end;
  height: auto;
  margin-top: 0;
  padding: 10px 0 4px;
  display: flex;
}

.notes-section-17 {
  margin-bottom: 10px;
  padding: 5px 18px;
  display: block;
}

.unmatched-329 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.unmatched-329.white {
  color: #fffc;
  cursor: pointer;
}

.div-block-7249 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.results-wrapper-282 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 490px;
  min-width: 530px;
  max-height: 60vh;
  position: relative;
}

.results-wrapper-282.sm {
  width: auto;
  min-width: 300px;
  display: block;
}

.image-934 {
  width: 16px;
}

.single-item-wrapper {
  border: 1px solid #ffffff96;
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.div-block-7245 {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.image-904 {
  width: 8px;
  margin-top: 4px;
  margin-left: 8px;
}

.result-row-756 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-756:hover {
  background-color: #e4f2ff;
}

.result-row-756.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.button-18 {
  cursor: pointer;
  background-color: #276ee0;
  background-image: url('../images/send.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 18px;
  border-radius: 40px;
  width: 40px;
  height: 40px;
}

.button-18:hover {
  background-color: #004df9;
}

.button-18.disabled {
  opacity: .33;
  display: none;
}

.button-18.disabled.hidden {
  display: none;
}

.button-18.s {
  width: 32px;
  height: 32px;
}

.div-block-7270 {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.results-wrapper-284 {
  background-color: #fff;
  border: 0 #cfcfcf;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  width: 530px;
  min-width: 530px;
  max-height: 60vh;
  display: none;
  position: relative;
}

.results-wrapper-284.sm {
  width: 100%;
  min-width: 300px;
  display: block;
}

.text-14-122 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.text-14-122.semi {
  font-weight: 600;
  line-height: 20px;
}

.button-14 {
  cursor: pointer;
  background-color: #276ee0;
  border: 1px solid #6ca4ffd6;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 10px 12px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 12px;
  display: flex;
  position: static;
  inset: auto 5px 5px auto;
}

.button-14:hover {
  background-color: #004df9;
}

.button-14:focus {
  border-width: 2px;
  border-color: #fff;
}

.button-14.sm {
  border-radius: 2px;
  min-width: 60px;
  padding: 6px 10px;
  font-size: 12px;
}

.audio-input-section-2 {
  z-index: 4;
  background-color: #e6f1ff;
  border: 2px solid #89caff;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin: 5px 10px 16px 16px;
  display: block;
}

.audio-input-section-2.hidden {
  background-color: #e6f1ff;
}

.div-block-7239 {
  flex: 1;
}

.chat-loading-copy-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.action-item-header-42 {
  z-index: 12;
  cursor: pointer;
  background-color: #fff7db;
  border-bottom: 1px solid #c3d1da;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 38px;
  padding: 8px 10px 6px 6px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-item-header-42:hover {
  background-color: #f8ecc1;
}

.action-item-header-42.blue {
  background-color: #e0f2fc;
}

.image-895 {
  width: 16px;
  margin-right: 4px;
}

.text-block-479 {
  color: #70a2ff;
  padding-top: 5px;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.text-block-479.s {
  font-size: 13px;
}

.matched-335 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-335.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.result-row-759 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-759:hover {
  background-color: #e4f2ff;
}

.result-row-759.selected {
  background-color: #d1e9ff;
}

.label-wrapper-39 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 3px;
  display: flex;
}

.label-wrapper-39._3 {
  opacity: .72;
  width: auto;
  max-width: none;
  padding-bottom: 6px;
  padding-left: 4px;
}

.chip-address-20 {
  font-size: 15px;
  font-weight: 400;
}

.chip-address-20.sm {
  font-size: 12px;
  line-height: 16px;
}

.visiblity-icon {
  width: 15px;
  min-width: 15px;
}

.legend {
  background-color: #58b19f;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

.legend.blue {
  background-color: #3b5ee4;
}

.icon-custom-column-2 {
  background-color: #fff;
  background-image: url('../images/save_1save.png');
  background-position: 50% 4px;
  background-repeat: no-repeat;
  background-size: 24px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 30px;
  height: 100%;
  position: relative;
  left: -1px;
}

.icon-custom-column-2:hover {
  filter: saturate(200%);
  background-color: #e2ebff;
}

.icon-custom-column-2.hidden {
  background-position: 50%;
  display: block;
}

.matched-336 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-336.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.side-nav-search-wrapper {
  position: relative;
}

.complete-icon {
  width: 20px;
  margin-right: 1px;
}

.autocomplete-icon-24 {
  background-image: url('../images/icon-location.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 24px;
  min-height: 24px;
  margin-right: 10px;
}

.autocomplete-icon-24.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.autocomplete-icon-24.remit {
  background-image: url('../images/icon-remit.png');
}

.autocomplete-icon-24.remit.sm {
  min-width: 18px;
  min-height: 18px;
  margin-right: 8px;
}

.div-block-7202 {
  flex: 1;
}

.stop-recording-button-6 {
  opacity: .8;
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/stop.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.stop-recording-button-6:hover {
  opacity: 1;
}

.stop-recording-button-6.s {
  width: 32px;
  height: 32px;
}

.remove-prompt-icon {
  opacity: .76;
  cursor: pointer;
  background-color: #34509700;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 4px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: auto;
  transition: background-color .3s;
}

.remove-prompt-icon:hover {
  opacity: 1;
  background-color: #1a50ad;
}

.div-block-7226 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.change-requester-wrapper {
  background-color: #e6f1ff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: center;
  padding: 8px 2px 8px 6px;
  display: flex;
}

.div-block-7221 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 33%;
  min-height: 100px;
  display: flex;
}

.div-block-7206 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7194 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-907 {
  width: 16px;
}

.result-row-764 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-764:hover {
  background-color: #e4f2ff;
}

.result-row-764.selected {
  background-color: #d1e9ff;
}

.div-block-7210 {
  margin-top: 6px;
}

.div-block-7210.flex {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.chip-label-274 {
  color: #080808;
  margin-bottom: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.chip-label-274.sm {
  font-size: 13px;
  line-height: 16px;
}

.div-block-7216 {
  width: 100px;
  min-height: 38px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.div-block-7203, .div-block-7190 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7230 {
  flex: 1;
}

.div-block-7252, .div-block-7188 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-content-152 {
  align-items: center;
  height: 34px;
  min-height: 34px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.acton-item-2 {
  z-index: 7;
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.playground-chat-input-section {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 4px 10px 10px;
}

.div-block-7232 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  max-width: 45px;
  padding-left: 4px;
  display: flex;
}

.tag-item-input-4 {
  clear: left;
  background-color: #fcfcfc;
  border: 1px solid #b0dcfc;
  flex-wrap: wrap;
  flex: 0 auto;
  align-items: center;
  height: auto;
  min-height: 40px;
  margin-top: 5px;
  margin-left: 0;
  margin-right: 0;
  padding: 4px 6px;
  display: flex;
  position: static;
  overflow: hidden;
}

.tag-item-input-4._2 {
  border-color: #dbdbdb;
  margin-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.item-column-wrapper-28 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: none;
  overflow: auto;
}

.result-row-760 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 530px;
  min-width: 530px;
  height: auto;
  min-height: 42px;
  padding: 10px 14px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-760:hover {
  background-color: #e4f2ff;
}

.result-row-760.tags {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  min-height: 36px;
}

.section-header-69 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.section-header-69.tall {
  height: 50px;
  min-height: 50px;
  padding-right: 10px;
}

.div-block-7225 {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.red-dot-2 {
  background-color: #ed4444;
  border-radius: 10px;
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  margin-right: 4px;
}

.div-block-7258 {
  text-align: right;
  white-space: nowrap;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
}

.close-date-picker {
  opacity: .6;
  cursor: pointer;
  background-image: url('../images/icon-cancel2x_1icon-cancel@2x.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-left: auto;
}

.close-date-picker:hover {
  opacity: 1;
}

.item-detail-wrapper-3 {
  background-color: #f5fbff;
  border-bottom: 1px solid #c3d1da;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 20px;
  transition: background-color .4s;
  display: block;
  position: relative;
}

.item-detail-wrapper-3.clark {
  display: none;
}

.item-detail-wrapper-3.hidden {
  display: block;
}

.div-block-7265 {
  padding-left: 8px;
  padding-right: 8px;
}

.div-block-7184 {
  width: 120px;
  min-width: 120px;
}

.remove-346 {
  opacity: .6;
  background-color: #00000038;
  background-image: url('../images/remove.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 24px;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 8px;
  position: relative;
}

.remove-346:hover {
  opacity: 1;
}

.text-span-394 {
  padding-left: 4px;
  font-weight: 400;
}

.div-block-7233 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.clark-icon-2 {
  opacity: 1;
  cursor: pointer;
  background-color: #0077b800;
  background-image: url('../images/clark.png');
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-size: 36px;
  border: 1px #bfc9da;
  border-radius: 8px;
  min-width: 26px;
  max-width: 30px;
  min-height: 26px;
  max-height: 30px;
  margin-right: 8px;
  transition: background-color .4s, opacity .4s;
}

.clark-icon-2:hover {
  opacity: 1;
}

.results-holder-50 {
  z-index: 3;
  display: none;
  position: relative;
  overflow: visible;
}

.results-holder-50.tags {
  display: none;
}

.results-scroller-350 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 100%;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-350.sm {
  min-width: 304px;
}

.image-906 {
  cursor: pointer;
}

.div-block-7229 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.matched-327 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-327.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.div-block-7209 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-7257 {
  width: 100px;
  margin-left: auto;
  padding-bottom: 6px;
  padding-right: 6px;
}

.delete-prompt-button {
  opacity: .47;
  cursor: pointer;
  background-color: #34509700;
  background-image: url('../images/trash-w_1trash-w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 26px;
  width: 26px;
  height: 26px;
  margin-right: auto;
  transition: background-color .3s;
}

.delete-prompt-button:hover {
  opacity: .88;
  background-color: #ed4444;
  border-color: #ff9393;
}

.image-897 {
  filter: invert();
  position: relative;
}

.text-22 {
  color: #233852;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
}

.text-22.blue-tran {
  color: #add2fff0;
}

.text-22.blue-tran.center {
  text-align: center;
}

.item-column-wrapper-26 {
  flex-flow: column;
  flex: 1;
  width: auto;
  min-width: 380px;
  max-width: 100%;
  padding-left: 6px;
  display: block;
  overflow: auto;
}

.item-column-wrapper-26.kpi {
  display: block;
  position: relative;
}

.select-field-39 {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  width: auto;
  height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-left: 3px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.select-field-39:hover {
  background-color: #eee;
}

.div-block-7192 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5001-copy-11 {
  justify-content: center;
  align-items: center;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  bottom: 0;
}

.form-block-203 {
  height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.div-block-7213 {
  padding-left: 8px;
  padding-right: 8px;
}

.badge-div {
  background-color: #e41b1b;
  border: 1px solid #ff7c7c;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 4px;
  display: flex;
  position: absolute;
  inset: 12px auto auto 138px;
}

.button-label-4 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.button-label-4.xsm-semi {
  color: #ffffffdb;
  font-size: 13px;
  font-weight: 600;
  line-height: 14px;
}

.button-label-4.s {
  font-size: 14px;
}

.div-block-7224 {
  justify-content: flex-start;
  align-items: center;
  min-height: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 15px 20px auto auto;
}

.section-header-70 {
  z-index: 8;
  cursor: auto;
  background-color: #102e44;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 5px 4px 5px 10px;
  display: flex;
}

.image-935 {
  width: 16px;
}

.clear-pin {
  opacity: .5;
  background-image: url('../images/close_2close.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  min-width: 20px;
  min-height: 28px;
}

.clear-pin:hover {
  opacity: .65;
}

.div-block-7197 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.tag-content-24 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 34px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: flex;
}

.tag-content-24.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
  padding-top: 0;
  padding-bottom: 0;
}

.tag-content-24.small {
  justify-content: space-between;
  align-items: center;
  min-height: 26px;
}

.tag-content-24.small._2 {
  justify-content: space-between;
  align-items: flex-start;
}

.result-row-757 {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 300px;
  height: auto;
  min-height: 36px;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.result-row-757:hover {
  background-color: #e4f2ff;
}

.result-row-757.selected {
  background-color: #d1e9ff;
}

.div-block-7195 {
  padding: 15px;
}

.div-block-7274 {
  align-self: auto;
  display: flex;
}

.div-block-6070 {
  justify-content: flex-start;
  align-items: center;
  padding: 5px 20px 10px 8px;
  display: flex;
  position: relative;
}

.div-block-7236 {
  display: flex;
}

.message-bubble-3 {
  text-align: left;
  background-color: #d5e2ff;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.message-bubble-3.bot-copy {
  overflow-wrap: anywhere;
  background-color: #f5f5f500;
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-7223 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.copy-tooltip-2 {
  cursor: pointer;
  background-color: #3b93ff;
  border-radius: 2px;
  justify-content: space-between;
  align-items: center;
  height: 18px;
  display: none;
  position: fixed;
  inset: 533px auto auto 309px;
}

.div-block-7178 {
  margin-bottom: 20px;
}

.message-holder-24 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 0;
  padding-left: 10px;
  display: block;
}

.results-scroller-353 {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  width: 500px;
  min-width: 530px;
  max-height: 60vh;
  display: block;
  position: absolute;
  overflow: auto;
}

.results-scroller-353.sm {
  width: auto;
  min-width: 300px;
}

.div-block-7189 {
  min-height: 90px;
  margin-top: auto;
}

.div-block-7222 {
  margin-top: 6px;
}

.results-holder-218 {
  z-index: 3;
  width: 530px;
  display: block;
  position: relative;
  overflow: visible;
}

.results-holder-218.sm {
  width: auto;
  display: none;
}

.text-13-4 {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.text-13-4.white-copy {
  color: #ffffffe6;
}

.text-13-4.no-wrap {
  white-space: nowrap;
  word-break: normal;
}

.text-13-4.grey {
  color: #494949;
}

.text-13-4.med-grey {
  color: gray;
}

.text-13-4.white {
  color: #ffffffe6;
}

.text-13-4.semi {
  font-weight: 600;
}

.text-13-4.light-grey {
  color: #818181;
}

.div-block-7267 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.keyword-search-input-7 {
  color: #000;
  background-color: #fff;
  border: 1px solid #98bbe7;
  border-radius: 4px;
  height: 40px;
  margin-bottom: 0;
  padding-right: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  position: relative;
}

.keyword-search-input-7::placeholder {
  color: #667792;
}

.div-block-7185 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}

.text-area-div-22 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.text-area-div-22.read-only {
  background-color: #f1f1f1;
}

.image-900 {
  cursor: pointer;
}

.date-input-28 {
  color: #333;
  align-self: stretch;
  width: 134px;
  padding: 7px 8px 6px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.mic-button-10 {
  cursor: pointer;
  background-color: #fff0;
  background-image: url('../images/mic-blue.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  border: 1px solid #4187f8;
  border-radius: 32px;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}

.mic-button-10:hover {
  opacity: 1;
  background-color: #276ee0;
  background-image: url('../images/mic.png');
}

.mic-button-10.s {
  background-size: auto 18px;
  width: 32px;
  height: 32px;
}

.div-block-7269 {
  padding: 5px;
}

.matched-337 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.matched-337.white {
  color: #fffc;
  cursor: pointer;
}

.post-button-24 {
  opacity: 1;
  color: #fff;
  cursor: pointer;
  background-color: #0077b8;
  border: 1px solid #ffffff73;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  transition: background-color .3s;
  display: flex;
}

.post-button-24:hover {
  background-color: #02507a;
}

.all-item-wrapper-22 {
  min-height: 100px;
  overflow: auto;
}

.action-item-name-41 {
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  min-width: 100px;
  max-width: 895px;
  margin-left: 4px;
  padding-top: 0;
  padding-right: 10px;
  display: block;
}

.action-item-name-41.owner {
  justify-content: flex-end;
  align-items: center;
  width: 80px;
  min-width: 80px;
  padding-right: 0;
  display: flex;
}

.icon-processing-12 {
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  width: 42px;
  height: 32px;
  margin-right: 5px;
  position: absolute;
  bottom: 13px;
  right: 90px;
}

.icon-processing-12.b {
  bottom: 6px;
  right: 139px;
}

.text-14-121 {
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.text-14-121.semi {
  font-weight: 600;
  line-height: 20px;
}

.text-14-121.white {
  color: #ffffffdb;
  cursor: move;
  font-weight: 400;
}

.tag-14 {
  background-color: #fff;
  border-radius: 6px;
  justify-content: space-between;
  width: 100%;
  padding: 5px 5px 5px 6px;
  display: flex;
}

.tag-14.dark {
  opacity: .92;
  background-color: #1a50ad;
  border: 1px solid #6ca4ffd6;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin-top: 2px;
  margin-bottom: 4px;
  margin-right: 4px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 8px;
  display: inline-block;
  position: relative;
}

.tag-14.dark:hover {
  filter: saturate(200%);
}

.result-icon-18 {
  opacity: .5;
  background-image: url('../images/tag_1tag.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-right: 6px;
}

.result-icon-18.loading-icon-copy {
  opacity: 1;
  background-image: url('../images/assign_button_spinner_1assign_button_spinner.gif');
  background-size: 22px;
}

.empty-state-action-item {
  z-index: 3;
  color: #fff;
  text-align: center;
  background-color: #ffffff24;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 60px 40px 400px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.chip-label-275 {
  color: #fff;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.div-block-7248 {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-7248.flex {
  display: flex;
}

.text-span-397 {
  padding-left: 4px;
  font-weight: 400;
}

.text-area-div-21 {
  width: 100%;
  min-height: 52px;
  padding: 10px;
  font-family: Open Sans, sans-serif;
}

.div-block-7191 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.matched-338 {
  color: #ffffffb0;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.side-nav {
  background-color: #0c3955;
  border: 2px solid #0c3955;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 200px;
  min-width: 200px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.div-block-7187 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.autocomplete-input-389 {
  float: none;
  clear: none;
  color: #333;
  background-color: #0c283b;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 42px;
  padding: 2px 4px 2px 5px;
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  position: relative;
}

.div-block-7262 {
  background-image: url('../images/upload_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 42px;
  min-height: 42px;
}

.div-block-7262.sm {
  min-width: 32px;
  min-height: 32px;
  margin-right: 10px;
}

.matched-334 {
  color: #000000db;
  cursor: default;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}

.matched-334.sm {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

.sf-1278 {
  color: #313131;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}

.sf-1278.center {
  text-align: center;
}

.action-item-nav-holder {
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-7266 {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: auto;
  min-height: 56px;
  margin-bottom: 6px;
  display: flex;
}

.message-bubble-dark-5 {
  text-align: left;
  background-color: #123b94;
  border-radius: 12px;
  min-width: 50px;
  max-width: 80%;
  min-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 12px 14px;
}

.nav-option-holder {
  flex: 1;
  min-height: 220px;
  max-height: calc(100vh - 250px);
  overflow: auto;
}

.podium-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 20px;
  display: flex;
}

.action-items-outerwrapper {
  background-image: linear-gradient(333deg, #008ba0 8%, #008ba4 39%, #10415f);
  justify-content: flex-start;
  align-items: stretch;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.div-block-7238 {
  justify-content: flex-start;
  align-items: stretch;
  height: 100vh;
  display: flex;
}

.action-button-81 {
  letter-spacing: .3px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #168cdf;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.action-button-81:hover {
  color: #fff;
  background-color: #0d72b9;
}

.div-block-7273 {
  padding-top: 3px;
}

@media screen and (max-width: 991px) {
  .progress-bar {
    max-width: 620px;
  }

  .form-display-section {
    min-height: 0;
  }

  .form-wrapper {
    width: auto;
  }

  .autocomplete-input {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .question-template, .main-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-wrapper.login {
    background-position: 0 0, 80%, 0 0;
    padding-left: 0;
    padding-right: 0;
  }

  .title-wrapper {
    width: auto;
  }

  .header {
    margin-bottom: 0;
  }

  .new-counter-info {
    width: 100%;
  }

  .new-account-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .form-label {
    width: 250px;
    min-width: 250px;
  }

  .checkbox-field-5-copy {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .checkbox-agreenment {
    margin-left: 0;
  }

  .progress-view-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .inputfield-4.short {
    margin-top: 4px;
  }

  .section-label {
    width: 250px;
    min-width: 250px;
  }

  .customer-wrapper {
    width: 100%;
  }

  .new-order-table {
    width: auto;
  }

  .form-wrapper-modal {
    width: 100%;
  }

  .autocomplete-input-2 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .main-wrapper-3, .question-template-modal {
    padding-left: 20px;
    padding-right: 20px;
  }

  .progress-bar-2 {
    max-width: 620px;
  }

  .modal-container-question {
    width: 100%;
  }

  .title-wrapper-3 {
    width: auto;
  }

  .subnav {
    margin-bottom: 0;
  }

  .modal-whats-being-sold {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-question {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .autocomplete-input-3 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .modal-recycled-product-type {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .summary-inner-wrapper-3 {
    width: 100%;
  }

  .loading-more-assignments {
    width: 20%;
    display: inline-block;
  }

  .selling-to-modal, .price-modal {
    padding-top: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .question-template-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .table-design {
    margin-left: 0;
    margin-right: 0;
  }

  .twm-spinner {
    width: 100px;
    height: 100px;
  }

  .new-order-button-4.vendor {
    margin-left: 20px;
    position: static;
  }

  .modal-drawing-2 {
    display: none;
    position: fixed;
    inset: 0;
  }

  .drawing-toolbar {
    position: relative;
    top: 487px;
    bottom: 0;
  }

  .modal-content-drawing {
    width: auto;
    min-width: 0;
    height: auto;
    min-height: 640px;
    display: block;
    position: relative;
  }

  .autocomplete-input-4 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .wide-header-content-2-copy, .wide-header-content-2-copy.left {
    padding-right: 0;
    display: flex;
  }

  .image-84 {
    max-width: 100%;
  }

  .add-post-button {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .tile-thumb-2.tall-copy, .tile-thumb-2.tall {
    height: 100px;
  }

  .create-new-button-5 {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .library-tab-wrapper-content {
    top: 0;
  }

  .plus-icon {
    width: 18px;
  }

  .search-wrapper-7 {
    display: block;
  }

  .timeline-post-3 {
    width: auto;
  }

  .buttonlabel-2.white {
    text-align: left;
  }

  .youtube-button {
    width: 120px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .tile-tall-4 {
    width: 32%;
    height: 140px;
  }

  .table {
    margin-left: 0;
    margin-right: 0;
  }

  .main-wrapper-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-wrapper-modal-2 {
    width: 100%;
  }

  .sort-option-dd-copy-3.large {
    width: 200px;
    min-width: 240px;
  }

  .question-template-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-container-question-2 {
    width: 100%;
  }

  .question-template-modal-16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-title-4 {
    width: auto;
  }

  .side-order-view-wrapper-2 {
    width: 100%;
  }

  .modal-service-type {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sales-response-row.reps.side {
    flex-flow: column;
  }

  .sales-response-row.save {
    top: 176px;
  }

  .customer-order-wrapper-3, .summary-inner-wrapper-52 {
    width: 100%;
  }

  .item-name-wrapper-28.side-bar-view {
    justify-content: space-between;
    align-items: flex-start;
  }

  .acton-item {
    width: 100%;
  }

  .name-inner-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .new-counter-info-2 {
    width: 100%;
    padding-right: 20px;
  }

  .list-header-wrapper-5 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .summary-inner-wrapper-64 {
    width: 100%;
  }

  .div-block-6568, .div-block-6568._2 {
    height: 50px;
  }

  .div-block-6586 {
    padding-left: 0;
  }

  .div-block-6587 {
    width: 80px;
  }

  .main-wrapper-46, .question-template-modal-28 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-6593 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .main-content-16 {
    padding-left: 0;
    padding-right: 0;
  }

  .customer-checkbox-flex.side-bar-view {
    top: 134px;
  }

  .div-block-7536 {
    height: 50px;
  }

  .search-wrapper-12 {
    display: block;
  }

  .twm-spinner-8 {
    width: 100px;
    height: 100px;
  }

  .single-item-wrapper-2 {
    width: auto;
  }

  .item-name-wrapper-151.side-bar-view {
    justify-content: space-between;
    align-items: flex-start;
    height: 60px;
  }

  .question-template-modal-137, .main-wrapper-58 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .counterparty-config-modal-42 {
    padding-top: 40px;
  }

  .question-template-80 {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .question-template-modal-138 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .summary-inner-wrapper-168 {
    width: 100%;
  }

  .response-row-342 {
    padding-left: 20px;
  }

  .div-block-8255 {
    width: 80px;
  }

  .div-block-8281 {
    padding-left: 0;
  }

  .title-wrapper-47 {
    width: auto;
  }

  .question-template-modal-139 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-8288 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .action-item-header-7.editable {
    padding-right: 16px;
  }

  .section-header-27 {
    width: auto;
  }

  .main-wrapper-59 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-header-wrapper-6 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .user-mgmt-wrapper, .new-user-wrapper, .search-bar-7 {
    width: auto;
  }

  .summary-inner-wrapper-169 {
    width: 100%;
  }

  .response-row-344 {
    padding-left: 20px;
  }

  .div-block-8648 {
    width: 80px;
  }

  .div-block-8676 {
    padding-left: 0;
  }

  .customer-checkbox-flex-2.side-bar-view {
    top: 134px;
  }

  .div-block-8687 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .counterparty-config-modal-43 {
    padding-top: 40px;
  }

  .button-label-14._14 {
    line-height: 16px;
  }

  .empty-state-display-10.hidden {
    width: 100%;
  }

  .question-template-81 {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .question-template-modal-140, .main-wrapper-60 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-header-wrapper-7 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
  }

  .question-template-modal-141 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-8230-copy {
    width: 290px;
  }

  .edit-wrapper {
    width: auto;
  }

  .loading-screen {
    width: 100%;
    display: inline-block;
  }

  .results-section {
    width: 100%;
    min-width: 520px;
  }

  .side-vendor-view {
    width: 100%;
  }

  .main-wrapper-62 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-wrapper-62.flex {
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-header-wrapper-9 {
    justify-content: flex-start;
    width: 100%;
    min-width: 520px;
    padding-left: 0;
  }

  .summary-inner-wrapper-171 {
    width: 100%;
  }

  .autocomplete-input-6 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .customer-order-wrapper-10 {
    width: 100%;
  }

  .response-row-351 {
    padding-left: 20px;
  }

  .loading-items-21 {
    width: 100%;
    display: inline-block;
  }

  .image-919 {
    max-width: 100%;
  }

  .side-nav-10, .search-bar-13 {
    width: auto;
  }

  .loading-items-23 {
    width: 100%;
    display: inline-block;
  }

  .item-column-wrapper-32, .section-header-64, .section-header-65, .section-header-66 {
    width: auto;
  }

  .summary-inner-wrapper-4 {
    width: 100%;
  }

  .question-template-modal-142 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .response-row {
    padding-left: 20px;
  }

  .div-block-3314 {
    width: 80px;
  }

  .counterparty-config-modal-3 {
    padding-top: 40px;
  }

  .question-template-82 {
    margin-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-3312 {
    padding-left: 0;
  }

  .question-template-modal-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .customer-checkbox-flex-4.side-bar-view {
    top: 134px;
  }

  .div-block-9106 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .main-wrapper-49 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-wrapper-49.flex {
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-counter-info-5 {
    width: 100%;
  }

  .question-template-modal-19 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .autocomplete-input-7 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .form-inner-wrapper {
    width: 100%;
  }

  .main-wrapper-63 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-wrapper-63.flex {
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-counter-info-6 {
    width: 100%;
  }

  .question-template-modal-143 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .autocomplete-input-8 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .main-wrapper-64 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .main-wrapper-64.flex {
    padding-left: 10px;
    padding-right: 10px;
  }

  .question-template-modal-144 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .autocomplete-input-9, .autocomplete-input-10 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .form-display-section-2 {
    min-height: 0;
  }

  .main-wrapper-65 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .new-counter-info-7 {
    width: 100%;
    padding-right: 20px;
  }

  .form-display-section-3 {
    min-height: 0;
  }

  .main-wrapper-66 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-wrapper-4 {
    width: auto;
  }

  .vendor-form-wrapper {
    width: 100%;
  }

  .title-wrapper-4 {
    width: auto;
  }

  .main-wrapper-47 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .new-counter-info-3 {
    width: 100%;
  }

  .form-display-section-4 {
    min-height: 0;
  }

  .form-label-2 {
    width: 250px;
    min-width: 250px;
  }

  .new-account-wrapper-2 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .form-display-section-5 {
    min-height: 0;
  }

  .new-counter-info-4 {
    width: 100%;
  }

  .title-wrapper-5 {
    width: auto;
  }

  .main-wrapper-48 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-wrapper-5 {
    width: auto;
  }

  .form-display-section-6 {
    min-height: 0;
  }

  .new-counter-info-8 {
    width: 100%;
  }

  .title-wrapper-48 {
    width: auto;
  }

  .main-wrapper-67 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title-wrapper-49 {
    width: auto;
  }

  .main-wrapper-68 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .new-counter-info-9 {
    width: 100%;
  }

  .side-panel-right-3 {
    width: auto;
  }

  .image-899 {
    max-width: 100%;
  }

  .item-column-wrapper-18 {
    width: auto;
  }

  .autocomplete-input-390 {
    justify-content: flex-start;
    width: 100%;
    min-width: 0;
    padding-left: 10px;
  }

  .loading-items-22, .loading-screen-2 {
    width: 100%;
    display: inline-block;
  }

  .section-header-67, .search-bar {
    width: auto;
  }

  .chat-convo-holder-6 {
    min-width: 720px;
    max-width: 720px;
  }

  .single-item-wrapper {
    width: auto;
  }

  .acton-item-2 {
    width: 100%;
  }

  .section-header-69 {
    width: auto;
  }

  .section-header-69.tall {
    z-index: 999;
  }

  .section-header-70, .side-nav {
    width: auto;
  }

  .autocomplete-input-389 {
    justify-content: flex-start;
  }
}

@media screen and (max-width: 767px) {
  .progress-bar {
    width: 100%;
    max-width: 430px;
  }

  .form-display-section {
    min-height: 0;
    padding-bottom: 0;
  }

  .checkbox-field-5 {
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 30px;
    display: flex;
  }

  .numeric-field {
    margin-bottom: 20px;
  }

  .form-element-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-element-div.h {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 10px;
  }

  .autocomplete-search-wrapper, .textarea-2.short {
    width: 100%;
  }

  .text-field {
    font-size: 15px;
  }

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

  .text-18.white, .text-18.white-semi {
    color: #fff;
    font-size: 16px;
  }

  .text-24 {
    font-size: 22px;
  }

  .div-block-849 {
    padding-left: 20px;
    display: block;
  }

  .question-template {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-button-holder {
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-button {
    width: 180px;
    min-width: 0;
  }

  .form-button.back.ab {
    width: 90px;
    min-width: 0;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    left: 10px;
  }

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

  .div-block-855 {
    width: 20%;
    min-width: 90px;
    top: 50px;
    right: 20px;
  }

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

  .select-field.short, .select-field.xshort {
    margin-bottom: 20px;
  }

  .formula-options-holder {
    flex-flow: column;
  }

  .header {
    justify-content: space-between;
    padding-left: 20px;
  }

  .days-of-week {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 10px;
  }

  .formula-dollar-value {
    margin-bottom: 20px;
  }

  .modal-content {
    width: auto;
  }

  .new-account-wrapper {
    padding-top: 20px;
  }

  .account-form-row {
    flex-flow: column;
    padding-top: 20px;
  }

  .account-form-row.short, .account-form-row.vertical, .account-form-row.edit, .account-form-row.edit-block {
    padding-top: 0;
  }

  .account-form-row.edit-block {
    width: 100%;
    padding-top: 0;
  }

  .account-form-row.edit-block.hidden {
    width: 100%;
  }

  .form-label {
    width: auto;
    min-width: 0;
    padding-bottom: 8px;
  }

  .disclaimertext {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .button-label {
    font-size: 16px;
  }

  .text-link-save {
    font-size: 15px;
    line-height: 18px;
  }

  .checkbox-agreenment {
    min-width: 22px;
    min-height: 22px;
    margin-top: 0;
  }

  .div-block-859-copy {
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .submit-button-holder-4 {
    justify-content: center;
  }

  .centered-box {
    margin-top: 40px;
  }

  .inputfield, .inputfield-2 {
    width: 100%;
    display: inline-block;
  }

  .modalcontent-5 {
    width: 90%;
    max-width: 560px;
  }

  .div-block-433 {
    width: auto;
  }

  .logo-holder {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-20 {
    width: 50%;
  }

  .login-header {
    height: 100px;
  }

  .whisper {
    width: auto;
  }

  .img-gif {
    display: none;
  }

  .nav-button.unselectable {
    width: 250px;
  }

  .loader-3 {
    width: auto;
  }

  .question-title-holder {
    padding-left: 20px;
    display: block;
  }

  .inputfield-4 {
    width: 100%;
    display: inline-block;
  }

  .text-20 {
    font-size: 22px;
  }

  .section-label {
    width: auto;
    min-width: 0;
    padding-bottom: 8px;
  }

  .progress-label-2 {
    min-width: 98px;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
  }

  .heading-4 {
    font-size: 28px;
  }

  .question-template-modal {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-3027 {
    padding-left: 20px;
    display: block;
  }

  .save-close {
    text-align: right;
    padding-right: 10px;
    position: static;
  }

  .save-close.hide {
    display: block;
  }

  .progress-bar-2 {
    width: 100%;
    max-width: 440px;
  }

  .text-block-78 {
    margin-bottom: 20px;
  }

  .modal-top-bar-17 {
    padding-bottom: 30px;
  }

  .text-link-save-2 {
    font-size: 14px;
    line-height: 18px;
  }

  .form-button-2 {
    width: 180px;
    min-width: 0;
  }

  .form-button-2.back.ab {
    width: 90px;
    min-width: 90px;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    position: static;
  }

  .modal-container-question {
    width: auto;
  }

  .subnav {
    justify-content: space-between;
    padding-left: 10px;
  }

  .new-order-button-2 {
    width: 160px;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-order-button-2.xs {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .text-block-79, .button-label-2 {
    font-size: 15px;
  }

  .button-label-2.xsm, .button-label-2.sm {
    font-size: 13px;
  }

  .who-is-customer-modal, .modal-whats-being-sold {
    padding-top: 40px;
  }

  .div-block-3032 {
    justify-content: flex-start;
    align-items: center;
    margin-left: 25px;
  }

  .text-24-2 {
    font-size: 22px;
  }

  .step-2 {
    width: 32px;
    height: 32px;
    text-decoration: none;
  }

  .div-block-3033 {
    padding-right: 10px;
  }

  .form-button-holder-2 {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: -1px -10px 11px -9px #0003;
  }

  .modal-question {
    padding-left: 0;
    padding-right: 0;
  }

  .form-button-3 {
    width: 180px;
    min-width: 0;
  }

  .form-button-3.outline {
    width: 0;
  }

  .text-24-3 {
    font-size: 22px;
  }

  .new-counterparty-modal {
    padding-top: 40px;
  }

  .button-label-3 {
    font-size: 15px;
  }

  .button-label-3.sm, .button-label-3.xsm, .button-label-3.xsm, .button-label-3.xsm, .button-label-3.xsm, .button-label-3.xsm, .button-label-3.xsm, .button-label-3.xsm, .button-label-3.xsm {
    font-size: 13px;
  }

  .button-label-3.xsm {
    font-size: 12px;
  }

  .modal-recycled-product-type {
    padding-left: 0;
    padding-right: 0;
  }

  .general-button {
    width: 160px;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .general-button.xs, .general-button.form-2, .general-button.form, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.edit-pencil, .general-button.edit, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.edit-pencil {
    width: 22px;
    min-width: 22px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.form, .general-button.form-2-copy {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.form, .general-button.form-2-copy, .general-button.form, .general-button.form-2-copy, .general-button.form, .general-button.form-2-copy {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.form, .general-button.form-2-copy {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.form, .general-button.form-2-copy {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.edit-pencil {
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.edit {
    width: 50px;
    min-width: 50px;
    margin-right: 15px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.form {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.form-2-copy {
    width: auto;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .general-button.vendor-form {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .item-name-wrapper-4 {
    padding-left: 28px;
  }

  .summary-inner-wrapper-3 {
    padding-left: 26px;
  }

  .response-label-4, .response-label-5, .url-holder {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .div-block-3047 {
    padding-right: 10px;
  }

  .response-label-6, .response-label-7 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .loading-more-assignments {
    width: 24%;
  }

  .selling-to-modal, .price-modal {
    padding-left: 0;
    padding-right: 0;
  }

  .question-template-2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-block-82 {
    margin-bottom: 20px;
  }

  .div-block-3048 {
    justify-content: flex-start;
    align-items: center;
    margin-left: 25px;
  }

  .dollar-sign {
    font-size: 15px;
  }

  .autocomplete-search-wrapper-copy {
    width: 100%;
  }

  .meta-data-wrapper {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .input-2.long {
    width: 100%;
    min-width: 340px;
  }

  .column-8.status {
    justify-content: flex-start;
    min-width: 80px;
  }

  .new-order-button-4 {
    width: 160px;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-order-button-4.xs, .new-order-button-4.vendor {
    width: 100px;
    min-width: 100px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .response-label-24 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .modal-drawing-2 {
    inset: 0;
  }

  .drawing-toolbar {
    position: static;
  }

  .modal-content-drawing {
    width: auto;
    min-height: 440px;
  }

  .drawing-content {
    min-height: 300px;
  }

  .wide-header-content-2-copy {
    min-height: 0;
    padding-right: 0;
  }

  .tooltip {
    width: auto;
  }

  .image-84 {
    max-width: 100%;
  }

  .library-tag {
    flex: none;
    display: inline-block;
  }

  .audio-bottom-controls-mini {
    padding-left: 0;
    padding-right: 10px;
  }

  .search-wrapper-7 {
    width: 100%;
  }

  .timeline-post-3:hover {
    box-shadow: none;
    border-style: solid;
  }

  .library-item-wrapper {
    padding-left: 6px;
  }

  .buttonlabel-2.white {
    text-align: left;
  }

  .tile-tall-4 {
    width: 48%;
    height: 134px;
  }

  .heading-14 {
    font-size: 28px;
  }

  .account-form-input-2._530 {
    width: 100%;
  }

  .question-template-20 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .counterparty-replace-modal {
    padding-top: 40px;
  }

  .form-element-div-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .location-settings {
    flex-flow: column;
    padding-top: 20px;
  }

  .save-button-sm {
    width: 180px;
    min-width: 0;
  }

  .save-button-sm.delete-copy {
    background-color: #ed4444;
    width: 80px;
  }

  .modal-content-upgrade, .modal-container-question-2 {
    width: auto;
  }

  .question-template-modal-16 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-button-48 {
    width: 180px;
    min-width: 0;
  }

  .form-button-48.outline {
    width: auto;
    min-width: 20px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 10px;
  }

  .form-button-48.outline.reject, .form-button-48.outline.approve, .form-button-48.outline.approve {
    width: 60px;
    font-size: 10px;
  }

  .form-button-48.outline.approve {
    width: 60px;
  }

  .form-button-48.outline {
    width: 0;
  }

  .text-24-3-copy-6 {
    font-size: 22px;
  }

  .column-8-copy.status-copy {
    min-width: 80px;
  }

  .side-order-view-wrapper-2.print-view {
    width: 100%;
  }

  .modal-service-type {
    padding-top: 40px;
  }

  .autocomplete-search-wrapper-46 {
    width: 100%;
  }

  .counterparty-config-modal-8 {
    padding-top: 40px;
  }

  .sales-response-row.reps.side {
    padding-left: 34px;
  }

  .text-13-3.white-light.print {
    display: none;
  }

  .uploaded-file-5 {
    min-width: 260px;
  }

  .checkbox-field-days-9 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 70px;
    min-width: 70px;
    margin-bottom: 10px;
    margin-right: 5px;
    display: inline-flex;
  }

  .summary-inner-wrapper-52 {
    padding-left: 0;
  }

  .item-name-wrapper-28 {
    padding-left: 28px;
  }

  .tooltip-21 {
    width: auto;
  }

  .text-24-46 {
    font-size: 22px;
  }

  .img-static-2 {
    width: 24px;
  }

  .img-static-2._28 {
    width: 26px;
  }

  .img-static-2._24 {
    width: 22px;
  }

  .error-whisper-3 {
    width: auto;
  }

  .menu-item-wrapper-10 {
    padding-left: 12px;
  }

  .nav-label-2 {
    font-size: 14px;
  }

  .nav-panel-2 {
    width: 250px;
  }

  .img-static-3 {
    width: 22px;
  }

  .img-static-3._26 {
    width: 23px;
  }

  .user-name-label-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .tooltip-22 {
    width: auto;
  }

  .user-display-2 {
    padding-right: 20px;
  }

  .home-button-2 {
    width: 170px;
  }

  .label-header-name-2 {
    font-size: 15px;
  }

  .autocomplete-search-wrapper-action {
    width: 100%;
  }

  .edit-button {
    width: 160px;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .new-counterparty-location-modal-2 {
    padding-top: 10px;
  }

  .input-inner-wrapper-4 {
    display: block;
  }

  .input-inner-wrapper-4.days {
    padding-bottom: 10px;
    display: block;
  }

  .input-inner-wrapper-4.stacked {
    display: flex;
  }

  .save-button-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .choose-location-modal-6 {
    padding-top: 10px;
  }

  .question-title-holder-copy-2 {
    padding-left: 0;
    display: block;
  }

  .form-button-holder-4 {
    padding: 20px;
    box-shadow: -1px -10px 11px -9px #0003;
  }

  .form-button-holder-2-centered {
    justify-content: center;
    padding: 20px;
    box-shadow: -1px -10px 11px -9px #0003;
  }

  .list-header-wrapper-5 {
    padding-left: 0;
  }

  .reload-wrapper-3 {
    display: none;
  }

  .text-24-47 {
    font-size: 22px;
  }

  .autocomplete-search-wrapper-95 {
    width: 420px;
    min-width: 0;
  }

  .response-label-86 {
    margin-right: 15px;
  }

  .modal-top-bar-160 {
    padding-bottom: 30px;
  }

  .results-scroller-201 {
    width: 440px;
  }

  .div-block-6580 {
    padding-right: 10px;
  }

  .results-holder-116 {
    width: 440px;
  }

  .results-wrapper-91 {
    width: 430px;
  }

  .response-label-87 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .rental-upload-77 {
    width: auto;
  }

  .results-scroller-203 {
    width: 440px;
  }

  .response-label-88 {
    margin-right: 15px;
  }

  .item-submit-holder-82 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .result-row-263 {
    min-width: 400px;
  }

  .question-template-modal-28 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .result-row-264 {
    min-width: 400px;
  }

  .modal-top-bar-161 {
    padding-bottom: 30px;
  }

  .autocomplete-search-wrapper-96 {
    width: 100%;
  }

  .button-ai-voice {
    padding-left: 10px;
    padding-right: 10px;
  }

  .all-column-wrapper-2 {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    overflow: visible;
  }

  .search-input-action-2 {
    display: none;
  }

  .action-items-outerwrapper-2 {
    height: auto;
    display: block;
  }

  .results-wrapper-212 {
    width: 430px;
  }

  .search-input-wrapper-17 {
    width: 100%;
    margin-right: 0;
  }

  .main-content-16 {
    height: auto;
    min-height: 300px;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }

  .new-counterparty-tag-6 {
    font-size: 10px;
    line-height: 20px;
  }

  .div-block-3709-copy-10 {
    padding-left: 0;
  }

  .agreement-checkbox-holder {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .file-upload-holder {
    width: auto;
  }

  .input-inner-wrapper-5.days {
    padding-bottom: 10px;
    display: block;
  }

  .input-inner-wrapper-5.stacked {
    display: flex;
  }

  .filter-wrapper-16 {
    display: none;
  }

  .search-wrapper-12 {
    width: 100%;
  }

  .view-button {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .single-item-wrapper-2 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .remove-column-5 {
    margin-left: 20px;
  }

  .modal-single-item-2 {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .result-holder-14 {
    width: 100%;
    overflow: hidden;
  }

  .customer-row-inner-wrapper-33 {
    margin-right: 20px;
  }

  .item-name-wrapper-151, .item-name-wrapper-151.side-bar-view, .item-name-wrapper-151.side-bar-view {
    padding-left: 16px;
  }

  .question-template-modal-137 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .clear-all-button-19 {
    display: none;
  }

  .response-label-226 {
    margin-right: 15px;
  }

  .side-bar-positioner-16 {
    width: 100%;
  }

  .modal-top-bar-279 {
    padding-bottom: 30px;
  }

  .div-block-8198 {
    display: none;
  }

  .form-button-344 {
    width: 180px;
    min-width: 0;
  }

  .main-wrapper-58.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .counterparty-config-modal-42 {
    padding-top: 10px;
  }

  .form-button-345 {
    width: 180px;
    min-width: 0;
  }

  .question-template-80 {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .modal-top-bar-280 {
    padding-bottom: 30px;
  }

  .question-template-modal-138 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .text-24-3-copy-61 {
    font-size: 22px;
  }

  .modal-top-bar-281 {
    padding-bottom: 30px;
  }

  .date-range-21 {
    display: none;
  }

  .text-12-31.white.no-break {
    max-width: 360px;
  }

  .uploaded-file-41 {
    min-width: 260px;
  }

  .autocomplete-search-wrapper-210 {
    width: 420px;
    min-width: 0;
  }

  .div-block-8256 {
    padding-right: 10px;
  }

  .modal-top-bar-282 {
    padding-bottom: 30px;
  }

  .div-block-8258 {
    padding-right: 10px;
  }

  .form-button-346 {
    width: 180px;
    min-width: 0;
  }

  .results-scroller-504 {
    width: 440px;
  }

  .text-13-26.checkbox-label {
    font-size: 12px;
  }

  .customer-name-row-97 {
    padding-left: 16px;
  }

  .div-block-8277 {
    padding-left: 20px;
    display: block;
  }

  .item-submit-holder-97 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .rental-upload-93 {
    width: auto;
  }

  .form-button-347 {
    width: 180px;
    min-width: 0;
  }

  .form-button-347.back.ab {
    width: 90px;
    min-width: 90px;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    position: static;
  }

  .response-label-230 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .results-scroller-506 {
    width: 440px;
  }

  .response-label-231 {
    margin-right: 15px;
  }

  .result-row-648 {
    min-width: 400px;
  }

  .results-holder-338 {
    width: 440px;
  }

  .question-template-modal-139 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .result-row-649 {
    min-width: 400px;
  }

  .modal-top-bar-283 {
    padding-bottom: 30px;
  }

  .autocomplete-search-wrapper-211 {
    width: 100%;
  }

  .div-block-4080-copy-2.hidden {
    display: none;
  }

  .drop-zone-text {
    font-size: 20px;
    line-height: 26px;
  }

  .form-block-21 {
    display: block;
  }

  .drop-content {
    width: auto;
  }

  .text-12-38.white.no-break {
    max-width: 360px;
  }

  .action-item-button-3-copy {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-item-button-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .plan-tile-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .plans-timeline-2 {
    flex-direction: row;
  }

  .plans-wrapper-11 {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-27 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .add-item-13 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .button-label-9 {
    font-size: 15px;
  }

  .button-label-9.xsm {
    font-size: 13px;
  }

  .autocomplete-search-wrapper-212 {
    width: 100%;
  }

  .div-block-8586 {
    padding-left: 20px;
    display: block;
  }

  .button-label-10 {
    font-size: 15px;
  }

  .button-label-10.sm {
    font-size: 13px;
  }

  .form-button-348 {
    width: 180px;
    min-width: 0;
  }

  .form-button-348.back.ab {
    width: 90px;
    min-width: 90px;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    position: static;
  }

  .list-header-wrapper-6 {
    padding-left: 0;
  }

  .modal-top-bar-284 {
    padding-bottom: 30px;
  }

  .text-18-4 {
    font-size: 16px;
  }

  .text-18-4.white {
    color: #fff;
    font-size: 16px;
  }

  .menu-item-wrapper-11 {
    padding-left: 12px;
  }

  .nav-label-3 {
    font-size: 14px;
  }

  .user-mgmt.hidden {
    display: none;
  }

  .modal-user-mgmt {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .user-mgmt-wrapper, .new-user-wrapper {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .autocomplete-search-wrapper-action-copy {
    width: 100%;
  }

  .modal-create-user {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .search-bar-7 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: none;
    position: sticky;
    top: 50px;
  }

  .uploaded-file-51 {
    min-width: 260px;
  }

  .div-block-8646 {
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .button-label-12 {
    font-size: 15px;
  }

  .button-label-12.sm, .button-label-12.xsm {
    font-size: 13px;
  }

  .autocomplete-search-wrapper-213 {
    width: 420px;
    min-width: 0;
  }

  .div-block-8649 {
    padding-right: 10px;
  }

  .div-block-8653 {
    padding-left: 0;
  }

  .results-scroller-553 {
    width: 440px;
  }

  .item-name-wrapper-155 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .response-row-347.reps.side {
    flex-flow: column;
  }

  .response-row-347.reps.side.print-view {
    flex-flow: row;
  }

  .div-block-8667 {
    padding-right: 10px;
  }

  .customer-name-row-98 {
    padding-left: 16px;
  }

  .button-label-13 {
    font-size: 15px;
  }

  .button-label-13.xsm {
    font-size: 12px;
  }

  .item-submit-holder-98 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-8677 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rental-upload-94 {
    width: auto;
  }

  .response-label-232 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .results-scroller-554 {
    width: 440px;
  }

  .response-label-233 {
    margin-right: 15px;
  }

  .text-13-35.checkbox-label {
    font-size: 12px;
  }

  .response-label-234 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .result-row-740 {
    min-width: 400px;
  }

  .results-holder-406 {
    width: 440px;
  }

  .result-row-741 {
    min-width: 400px;
  }

  .div-block-8681 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-18-5 {
    font-size: 16px;
  }

  .text-18-5.white-semi {
    color: #fff;
    font-size: 16px;
  }

  .autocomplete-search-wrapper-214 {
    width: 100%;
  }

  .new-order-button-5 {
    min-width: 0;
    height: 40px;
  }

  .counterparty-config-modal-43 {
    padding-top: 10px;
  }

  .div-block-8689 {
    display: none;
  }

  .button-label-14 {
    font-size: 15px;
  }

  .button-label-14.xsm-semi, .button-label-14._14 {
    font-size: 13px;
  }

  .empty-state-display-10.hidden {
    width: 100%;
  }

  .modal-top-bar-285 {
    padding-bottom: 30px;
  }

  .question-template-81 {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .question-template-modal-140 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .form-button-349 {
    width: 180px;
    min-width: 0;
  }

  .result-holder-15 {
    width: 100%;
    overflow: hidden;
  }

  .form-button-350 {
    width: 180px;
    min-width: 0;
  }

  .main-wrapper-60.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-8703 {
    padding-left: 20px;
    display: block;
  }

  .button-label-15 {
    font-size: 15px;
  }

  .button-label-15.sm {
    font-size: 13px;
  }

  .modal-top-bar-286 {
    padding-bottom: 30px;
  }

  .div-block-8709 {
    padding-top: 0;
    padding-bottom: 10px;
    display: flex;
  }

  .form-button-351 {
    width: 180px;
    min-width: 0;
  }

  .form-button-351.back.ab {
    width: 90px;
    min-width: 90px;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
    position: static;
  }

  .list-header-wrapper-7 {
    padding-left: 0;
  }

  .question-template-modal-141 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .filter-section-8 {
    padding: 10px 20px 0;
  }

  .text-24-3-copy-62 {
    font-size: 22px;
  }

  .modal-top-bar-287 {
    padding-bottom: 30px;
  }

  .apply-button {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .search-button {
    display: none;
  }

  .text-18-6 {
    font-size: 16px;
  }

  .date-range-22 {
    display: none;
  }

  .modal-top-bar-288 {
    padding-bottom: 30px;
  }

  .div-block-8230-copy {
    width: 200px;
    height: 40px;
    margin-right: 10px;
  }

  .uploaded-file-53 {
    min-width: 260px;
  }

  .div-block-8714 {
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .button-label-16 {
    font-size: 15px;
  }

  .button-label-16.xsm {
    font-size: 13px;
  }

  .div-block-8716 {
    padding-left: 0;
  }

  .item-name-wrapper-156 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .response-row-349.reps.side {
    flex-flow: column;
  }

  .response-row-349.reps.side.print-view {
    flex-flow: row;
  }

  .div-block-8725 {
    padding-right: 10px;
  }

  .div-block-8732 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rental-upload-95 {
    width: auto;
  }

  .text-13-37.checkbox-label {
    font-size: 12px;
  }

  .div-block-8734 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-18-7 {
    font-size: 16px;
  }

  .text-18-7.white-semi {
    color: #fff;
    font-size: 16px;
  }

  .autocomplete-search-wrapper-215 {
    width: 100%;
  }

  .modal-edit-custom-column {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .qfwef.hidden {
    display: none;
  }

  .wfwfwefw.white.no-wrap {
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
    white-space: nowrap;
  }

  .post-button-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .edit-wrapper {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .autocomplete-search-wrapper-custom {
    width: 100%;
  }

  .side-nav-item-13 {
    justify-content: center;
  }

  .results-holder-428 {
    width: 440px;
  }

  .choose-counterparty-modal {
    padding-top: 10px;
  }

  .modal-missing-info-list {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .location-input-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .search-inner-wrapper {
    display: none;
  }

  .vendor-name-wrapper {
    width: 100%;
  }

  .customer-name-row-99 {
    padding-left: 16px;
  }

  .autocomplete-search-wrapper-217 {
    width: 420px;
    min-width: 0;
  }

  .item-submit-holder-100 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .modal-top-bar-289 {
    padding-bottom: 30px;
  }

  .main-wrapper-62.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .main-content-17 {
    height: auto;
    min-height: 300px;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }

  .form-button-352 {
    width: 180px;
    min-width: 0;
  }

  .error-whisper-4 {
    width: auto;
  }

  .list-header-wrapper-9 {
    padding-left: 0;
  }

  .result-row-786 {
    min-width: 400px;
  }

  .post-button-17 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-wrapper-344 {
    width: 430px;
  }

  .button-label-21 {
    font-size: 15px;
  }

  .button-label-21.xsm-semi, .button-label-21.xsm {
    font-size: 13px;
  }

  .button-label-21.xsm, .text-13-42.checkbox-label {
    font-size: 12px;
  }

  .response-label-236 {
    margin-right: 15px;
  }

  .results-scroller-575 {
    width: 440px;
  }

  .div-block-8927 {
    padding-right: 10px;
  }

  .loading-items-21 {
    width: 100%;
  }

  .button-label-22 {
    font-size: 15px;
  }

  .button-label-22.xsm-semi, .button-label-22.xsm, .button-label-22.xxsm, .button-label-22.sm, .button-label-22.xsm {
    font-size: 13px;
  }

  .button-label-22.xsm {
    font-size: 12px;
  }

  .button-label-22._12, .button-label-22.xsm, .button-label-22.xsm-semi {
    font-size: 13px;
  }

  .results-wrapper-350 {
    width: 430px;
  }

  .result-row-805 {
    min-width: 400px;
  }

  .results-scroller-578 {
    width: 440px;
  }

  .item-column-wrapper-29 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .image-919 {
    max-width: 100%;
  }

  .results-wrapper-351, .results-wrapper-352 {
    width: 430px;
  }

  .column-option-holder-3 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .item-column-wrapper-30 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .post-button-20 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .item-column-wrapper-31 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .result-row-808 {
    min-width: 400px;
  }

  .add-item-30 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .side-nav-10 {
    z-index: 990;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .result-row-811 {
    min-width: 400px;
  }

  .icon-search-12 {
    display: none;
  }

  .search-bar-13 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .results-scroller-581 {
    width: 440px;
  }

  .text-14-808.white.no-wrap {
    white-space: nowrap;
  }

  .action-item-button-44 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .side-nav-item-17 {
    justify-content: center;
  }

  .icon-reload-all-15.hidden {
    display: none;
  }

  .item-column-wrapper-32 {
    border-top: 1px solid #fffefe33;
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .results-scroller-582 {
    width: 440px;
  }

  .action-item-button-45 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-header-64 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .results-scroller-583 {
    width: 440px;
  }

  .button-label-24 {
    font-size: 15px;
  }

  .button-label-24.xsm-semi {
    text-align: center;
  }

  .results-wrapper-354 {
    width: 430px;
  }

  .post-button-21 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .result-row-818 {
    min-width: 400px;
  }

  .section-header-65, .section-header-66 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .duplicate-button {
    width: 160px;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .menu-item-wrapper-12 {
    padding-left: 12px;
  }

  .img-static-5 {
    width: 24px;
  }

  .nav-label-4 {
    font-size: 14px;
  }

  .order-id-wrapper {
    display: none;
  }

  .question-template-modal-142 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .uploaded-file-2 {
    min-width: 260px;
  }

  .div-block-3707 {
    height: auto;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .autocomplete-search-wrapper-2 {
    width: 420px;
    min-width: 0;
  }

  .div-block-9101 {
    padding-right: 10px;
  }

  .img-static {
    width: 24px;
  }

  .img-static._28 {
    width: 26px;
  }

  .img-static._24 {
    width: 22px;
  }

  .modal-top-bar-22 {
    padding-bottom: 30px;
  }

  .div-block-3709 {
    padding-left: 0;
  }

  .img-static-6 {
    width: 24px;
  }

  .form-button-353 {
    width: 180px;
    min-width: 0;
  }

  .menu-item-wrapper {
    padding-left: 12px;
  }

  .counterparty-config-modal-3 {
    padding-top: 10px;
  }

  .results-holder-439 {
    width: 440px;
  }

  .response-label-40 {
    margin-right: 15px;
  }

  .results-scroller-584 {
    width: 440px;
  }

  .item-name-wrapper-5 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .post-button-9 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .response-label-237 {
    width: 140px;
    min-width: 140px;
    margin-right: 10px;
    padding-right: 10px;
  }

  .response-row-53.reps.side {
    flex-flow: column;
  }

  .response-row-53.reps.side.print-view {
    flex-flow: row;
  }

  .form-button-5 {
    width: 180px;
    min-width: 0;
  }

  .question-template-82 {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-3721 {
    padding-right: 10px;
  }

  .customer-name-row-100 {
    padding-left: 16px;
  }

  .results-wrapper-355 {
    width: 430px;
  }

  .text-13-47.white-light.print {
    display: none;
  }

  .modal-content-leads {
    width: auto;
    max-width: 540px;
  }

  .item-submit-holder-7 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .modal-top-bar-70 {
    padding-bottom: 30px;
  }

  .div-block-3726 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .response-label-51 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .results-scroller-585 {
    width: 440px;
  }

  .response-label-238 {
    margin-right: 15px;
  }

  .response-label-45 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .result-row-819 {
    min-width: 400px;
  }

  .tooltip-3 {
    width: auto;
  }

  .question-template-modal-3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .result-row-820 {
    min-width: 400px;
  }

  .div-block-3720 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-24-3-copy {
    font-size: 22px;
  }

  .modal-top-bar-290 {
    padding-bottom: 30px;
  }

  .text-18-15 {
    font-size: 16px;
  }

  .text-18-15.white-semi {
    color: #fff;
    font-size: 16px;
  }

  .autocomplete-search-wrapper-3 {
    width: 100%;
  }

  .main-content-forms {
    height: auto;
    min-height: 300px;
    max-height: none;
    padding-left: 0;
    padding-right: 0;
  }

  .response-label-239 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .main-wrapper-49.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .loader-12 {
    width: auto;
  }

  .modal-top-bar-291 {
    padding-bottom: 30px;
  }

  .form-top-info-wrapper {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .question-template-modal-19 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .modal-top-bar-278 {
    padding-bottom: 30px;
  }

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

  .text-18-16.white-semi {
    color: #fff;
    font-size: 16px;
  }

  .form-button-228 {
    width: 180px;
    min-width: 0;
  }

  .response-label-240 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .main-wrapper-63.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-top-bar-292 {
    padding-bottom: 30px;
  }

  .question-template-modal-143 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .modal-top-bar-293 {
    padding-bottom: 30px;
  }

  .text-18-17 {
    font-size: 16px;
  }

  .text-18-17.white-semi {
    color: #fff;
    font-size: 16px;
  }

  .form-button-354 {
    width: 180px;
    min-width: 0;
  }

  .response-label-241 {
    width: 160px;
    min-width: 160px;
    margin-right: 15px;
  }

  .main-wrapper-64.flex {
    padding-left: 0;
    padding-right: 0;
  }

  .modal-top-bar-294 {
    padding-bottom: 30px;
  }

  .question-template-modal-144 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .modal-top-bar-295 {
    padding-bottom: 30px;
  }

  .form-button-355, .form-button-356 {
    width: 180px;
    min-width: 0;
  }

  .form-display-section-2 {
    min-height: 0;
    padding-bottom: 0;
  }

  .form-button-holder-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .form-button-357 {
    width: 180px;
    min-width: 0;
  }

  .form-display-section-3 {
    min-height: 0;
    padding-bottom: 0;
  }

  .form-button-holder-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tooltip-23, .loader-13, .tooltip-24 {
    width: auto;
  }

  .account-form-row-2 {
    flex-flow: column;
  }

  .account-form-row-2.short {
    padding-top: 0;
  }

  .disclaimertext-2 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-8887 {
    justify-content: center;
    align-items: center;
    width: 470px;
  }

  .form-button-226 {
    width: 180px;
    min-width: 0;
  }

  .uploaded-file-63 {
    min-width: 260px;
  }

  .heading-17 {
    font-size: 28px;
  }

  .form-button-holder-3 {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: -1px -10px 11px -9px #0003;
  }

  .form-display-section-4 {
    min-height: 0;
    padding-bottom: 0;
  }

  .form-label-2 {
    width: auto;
    min-width: 0;
    margin-top: 0;
    padding-bottom: 8px;
  }

  .new-account-wrapper-2 {
    padding-top: 20px;
  }

  .uploaded-file-57 {
    min-width: 260px;
  }

  .form-button-227 {
    width: 180px;
    min-width: 0;
  }

  .form-display-section-5 {
    min-height: 0;
    padding-bottom: 0;
  }

  .heading-18 {
    font-size: 28px;
  }

  .div-block-8890 {
    justify-content: center;
    align-items: center;
    width: 470px;
  }

  .form-button-holder-7 {
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: -1px -10px 11px -9px #0003;
  }

  .uploaded-file-64 {
    min-width: 260px;
  }

  .form-button-358 {
    width: 180px;
    min-width: 0;
  }

  .form-display-section-6 {
    min-height: 0;
    padding-bottom: 0;
  }

  .heading-19 {
    font-size: 28px;
  }

  .div-block-9168 {
    justify-content: center;
    align-items: center;
    width: 470px;
  }

  .disclaimertext-3 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-9171 {
    justify-content: center;
    align-items: center;
    width: 470px;
  }

  .form-button-359 {
    width: 180px;
    min-width: 0;
  }

  .uploaded-file-65 {
    min-width: 260px;
  }

  .heading-20 {
    font-size: 28px;
  }

  .results-wrapper-283 {
    width: 430px;
  }

  .side-nav-item-14 {
    justify-content: center;
  }

  .div-block-4080-copy.hidden {
    display: none;
  }

  .results-wrapper-281 {
    width: 430px;
  }

  .ac-default-label-333 {
    font-size: 15px;
  }

  .nav-item-results-holder {
    z-index: 999;
    width: 100%;
    min-height: 0;
    display: block;
    position: fixed;
    inset: 50px 0% auto;
    overflow: auto;
  }

  .result-row-755 {
    min-width: 400px;
  }

  .side-panel-right-3 {
    z-index: 990;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .image-899 {
    max-width: 100%;
  }

  .item-column-wrapper-18 {
    border-top: 1px solid #fffefe33;
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .results-holder-221, .results-scroller-352, .results-scroller-349 {
    width: 440px;
  }

  .result-row-752 {
    min-width: 400px;
  }

  .results-holder-220 {
    width: 440px;
  }

  .data-pick-modal {
    width: auto;
  }

  .action-item-button-18 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-wrapper-285 {
    width: 430px;
  }

  .post-button-22 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-item-scroller.custom-scroller {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    overflow: visible;
  }

  .editi-icon {
    display: none;
  }

  .add-item-2 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .results-scroller-351 {
    width: 440px;
  }

  .icon-search-2 {
    display: none;
  }

  .post-button-23 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .modal-single-item {
    padding: 0;
    overflow: visible;
  }

  .section-header-67 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .search-bar {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    display: flex;
    position: sticky;
    top: 50px;
  }

  .remove-column {
    margin-left: 20px;
  }

  .column-option-holder {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .all-item-wrapper-19.m {
    min-height: 200px;
    max-height: calc(100vh - 50px);
    overflow: auto;
  }

  .results-holder-217 {
    width: 440px;
  }

  .badge-div-3 {
    margin-left: 10px;
    position: static;
  }

  .action-item-button-17 {
    min-width: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .apply-button-2 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .results-holder-222 {
    width: 440px;
  }

  .nav-search {
    width: 100%;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .side-nav-item-15 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-height: 50px;
    padding-left: 16px;
    position: static;
  }

  .unmatched-329.white {
    white-space: nowrap;
    font-size: 15px;
  }

  .results-wrapper-282 {
    width: 430px;
  }

  .single-item-wrapper {
    align-items: stretch;
    padding-left: 0;
    display: flex;
  }

  .visiblity-icon {
    display: none;
  }

  .side-nav-search-wrapper {
    width: 100%;
  }

  .item-column-wrapper-28 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .section-header-69 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .section-header-69.tall {
    display: flex;
    position: sticky;
    top: 0;
  }

  .close-date-picker {
    margin-left: 20px;
  }

  .item-column-wrapper-26 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .button-label-4 {
    font-size: 15px;
  }

  .button-label-4.xsm-semi {
    text-align: center;
  }

  .section-header-70 {
    z-index: 10;
    height: 50px;
    min-height: 50px;
    position: sticky;
    top: 50px;
  }

  .results-scroller-353 {
    width: 440px;
  }

  .post-button-24 {
    min-width: 50px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-14-121.white.no-wrap {
    white-space: nowrap;
  }

  .side-nav {
    z-index: 990;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
    position: sticky;
    top: 0;
  }

  .action-item-nav-holder {
    z-index: 999;
    display: block;
    overflow: visible;
  }

  .nav-option-holder {
    z-index: 999;
    background-color: #0c283b;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 0;
    max-height: 90vh;
    overflow: auto;
  }

  .action-items-outerwrapper {
    height: auto;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .unmatched {
    font-size: 15px;
  }

  .progress-bar {
    width: 430px;
    max-width: none;
    margin-left: 60px;
    margin-right: 60px;
  }

  .progress-display {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    min-height: 115px;
    position: relative;
    overflow: auto;
  }

  .result-row-2 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .form-element-div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .textarea-2 {
    font-size: 15px;
    line-height: 20px;
  }

  .form-wrapper {
    border-radius: 0;
    position: relative;
  }

  .matched {
    font-size: 15px;
  }

  .div-block-849 {
    padding-left: 10px;
  }

  .question-template {
    padding: 10px;
  }

  .main-wrapper {
    padding: 10px 0 0;
  }

  .button-bar {
    position: relative;
    inset: auto 0% 0%;
  }

  .form-button-holder {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .div-block-384 {
    z-index: 3;
    width: 35%;
    position: relative;
  }

  .form-button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .form-button.back.ab {
    width: 80px;
    top: 31px;
  }

  .text-link.xs-semi {
    font-size: 13px;
  }

  .heading {
    font-size: 30px;
    line-height: 40px;
  }

  .title-wrapper {
    padding-left: 20px;
  }

  .div-block-855 {
    min-width: 80px;
    top: 40px;
    right: 5px;
  }

  .text-16.white {
    font-size: 15px;
  }

  .text-16.white.no-opacity {
    font-size: 14px;
  }

  .div-block-867 {
    padding-right: 10px;
  }

  .new-counter-info, .modal-content {
    width: 100%;
  }

  .link-block {
    width: 38px;
    min-width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .new-account-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .form-label.status {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-label.status.hidden {
    padding-bottom: 20px;
  }

  .button-label {
    font-size: 15px;
  }

  .text-link-save {
    font-size: 14px;
  }

  .modalclosediv {
    justify-content: flex-start;
  }

  .labelsmall {
    line-height: 20px;
  }

  .form-block-3 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .submit-button-holder-4 {
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .centered-box {
    width: auto;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .inputfield {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .form-5 {
    width: 440px;
  }

  .inputfield-2 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .modalcontent-5 {
    width: 100%;
    overflow: visible;
  }

  .div-block-433 {
    flex-direction: column;
    align-items: center;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .div-block-3016 {
    margin-right: 10px;
  }

  .image-20 {
    min-width: 200px;
  }

  .update-button {
    width: 100%;
    min-width: 0;
    font-size: 16px;
  }

  .whisper {
    width: 100%;
  }

  .img-gif {
    width: 40px;
    display: none;
  }

  .sf-15-med {
    font-size: 15px;
  }

  .small-text-2 {
    padding-right: 5px;
    line-height: 16px;
  }

  .loader-3 {
    width: 100%;
  }

  .progress-view-holder {
    padding: 10px 0 0;
  }

  .question-title-holder {
    padding-left: 10px;
  }

  .inputfield-4 {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
  }

  .inputfield-4.short {
    width: 100%;
  }

  .form-8 {
    width: 440px;
  }

  .form-block-132 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .customer-wrapper {
    width: 100%;
  }

  .new-order-table {
    border-radius: 0;
    position: relative;
  }

  .progress-label-2 {
    line-height: 13px;
  }

  .form-wrapper-modal {
    border-radius: 0;
    position: relative;
  }

  .heading-4 {
    font-size: 30px;
    line-height: 40px;
  }

  .main-wrapper-3 {
    padding: 10px 0 0;
  }

  .question-template-modal {
    padding: 20px 10px 40px;
  }

  .div-block-3027 {
    padding-left: 10px;
  }

  .save-close {
    min-width: 80px;
    top: 40px;
    right: 5px;
  }

  .progress-bar-2 {
    width: 430px;
    max-width: none;
    margin-left: 40px;
    margin-right: 60px;
  }

  .customer-row-inner-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tab {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
  }

  .modal-top-bar-17 {
    max-height: 230px;
  }

  .text-link-save-2 {
    font-size: 14px;
  }

  .form-button-2 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-button-2.back.ab {
    width: 90px;
    top: 30px;
  }

  .modal-container-question {
    width: 100%;
  }

  .customer-service-label {
    padding-left: 20px;
  }

  .title-wrapper-3 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .new-order-button-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .new-order-button-2.xs {
    margin-left: 0;
  }

  .button-label-2 {
    font-size: 14px;
  }

  .modal-whats-being-sold {
    padding-left: 0;
    padding-right: 0;
  }

  .text-24-2 {
    font-size: 20px;
  }

  .close-modal-12 {
    background-color: #fff;
  }

  .div-block-3033 {
    padding-bottom: 10px;
    padding-right: 0;
  }

  .form-button-holder-2 {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding: 30px 10px 40px 15px;
  }

  .modal-question {
    padding-top: 40px;
  }

  .form-button-3 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-button-3.submit {
    width: 180px;
    margin-left: 0;
  }

  .text-24-3 {
    font-size: 20px;
  }

  .button-label-3 {
    font-size: 14px;
  }

  .result-row-3 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-recycled-product-type {
    padding-top: 40px;
  }

  .general-button {
    margin-left: 0;
    margin-right: 0;
  }

  .general-button.xs, .general-button.form-2, .general-button.form, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form-2, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.edit-pencil, .general-button.edit, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.form, .general-button.edit-pencil, .general-button.form-2-copy, .general-button.form {
    margin-left: 0;
  }

  .general-button.edit, .general-button.form-2-copy, .general-button.form {
    margin-left: 0;
  }

  .general-button.edit, .general-button.edit-pencil, .general-button.form {
    margin-left: 0;
  }

  .general-button.edit-pencil, .general-button.form {
    margin-left: 0;
  }

  .general-button.edit, .general-button.edit-pencil {
    margin-left: 0;
  }

  .general-button.edit, .general-button.edit-pencil {
    margin-left: 0;
  }

  .general-button.form-2-copy {
    width: auto;
    margin-left: 0;
  }

  .general-button.form, .general-button.edit, .general-button.form-2-copy, .general-button.form-2-copy, .general-button.form, .general-button.form-2-copy, .general-button.form-2-copy, .general-button.form-2-copy, .general-button.form, .general-button.form-2-copy, .general-button.form-2-copy, .general-button.vendor-form {
    margin-left: 0;
  }

  .customer-name-row-3 {
    padding-bottom: 14px;
  }

  .item-name-wrapper-4 {
    padding-left: 30px;
  }

  .item-submit-holder-3 {
    justify-content: space-around;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .response-wrapper-4 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .text-13 {
    font-size: 12px;
    line-height: 18px;
  }

  .summary-inner-wrapper-3 {
    width: 100%;
    padding-left: 30px;
  }

  .response-label-4 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .empty-state-display-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-submit-holder-4 {
    justify-content: space-around;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .response-wrapper-5 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-label-5, .url-holder {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .div-block-3047 {
    padding-bottom: 10px;
    padding-right: 0;
  }

  .item-submit-holder-5 {
    justify-content: space-around;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .response-wrapper-6 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-label-6 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .item-submit-holder-6 {
    justify-content: space-around;
    padding-bottom: 12px;
    padding-right: 0;
  }

  .response-wrapper-7 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-label-7 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .loading-more-assignments {
    width: 33%;
  }

  .selling-to-modal, .price-modal {
    padding-top: 40px;
  }

  .question-template-2 {
    padding: 10px;
  }

  .text-15 {
    font-size: 15px;
  }

  .meta-data-wrapper {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .apply-button-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .name-label {
    font-size: 13px;
    line-height: 18px;
  }

  .twm-spinner {
    width: 80px;
    height: 80px;
  }

  .loading-indicator-view {
    padding-top: 60px;
  }

  .horizonal-inner-wrapper.no-line {
    border-bottom-style: none;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .input-2.med.long {
    width: 100%;
  }

  .input-2.long {
    width: 100%;
    min-width: 200px;
    display: inline-block;
  }

  .input-2.notes {
    width: 100%;
  }

  .input-2.long {
    width: 100%;
    min-width: 200px;
    display: inline-block;
  }

  .new-order-button-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .new-order-button-4.xs.side-bar-hide {
    display: flex;
  }

  .new-order-button-4.xs, .new-order-button-4.vendor {
    margin-left: 0;
  }

  .empty-state-display-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .response-label-24 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .modal-drawing-2 {
    display: none;
    inset: 0;
  }

  .modal-content-drawing {
    width: 100%;
    min-height: 350px;
  }

  .sf-113 {
    font-size: 13px;
    line-height: 18px;
  }

  .wide-header-content-2-copy {
    padding-right: 0;
  }

  .tooltip {
    width: 100%;
  }

  .sf-14 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-14.white {
    color: #ffffffd6;
    display: block;
  }

  .time-elasped.small {
    width: 100px;
  }

  .library-tag {
    display: inline-block;
  }

  .sf-77 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-77.white {
    font-size: 15px;
  }

  .sort-option-3 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .item-header-mini {
    font-size: 22px;
    line-height: 24px;
  }

  .search-wrapper-7 {
    display: block;
  }

  .sf-72 {
    font-size: 14px;
    line-height: 18px;
  }

  .matched-2 {
    font-size: 15px;
  }

  .mini-post-content-wrapper {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-102 {
    font-size: 15px;
  }

  .preview-notes {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .time-bar-thumb {
    width: 80%;
  }

  .result-row-34 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .buttonlabel-2 {
    font-size: 14px;
    line-height: 20px;
  }

  .buttonlabel-2.white {
    text-align: left;
  }

  .sort-wrapper-2 {
    justify-content: space-around;
    width: 320px;
  }

  .text-tooltip-2 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-99, .sf-100 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-100.grey {
    display: inline-block;
  }

  .unmatched-2 {
    font-size: 15px;
  }

  .post-header-6 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .sf-93 {
    font-size: 12px;
    line-height: 16px;
  }

  .sf-93.grey {
    display: inline-block;
  }

  .item-text-mini {
    margin-left: 14px;
    margin-right: 14px;
    padding-right: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .library-tag-wrapper {
    justify-content: space-around;
    width: 320px;
  }

  .sf-76-copy {
    font-size: 12px;
    line-height: 16px;
  }

  .item-header-copy-2 {
    font-size: 22px;
    line-height: 24px;
  }

  .label-tile-2 {
    font-size: 12px;
  }

  .library-media-content-view {
    top: 0;
  }

  .sf-15, .matched-4 {
    font-size: 15px;
  }

  .heading-14 {
    font-size: 30px;
    line-height: 40px;
  }

  .main-wrapper-15 {
    padding: 10px 0 0;
  }

  .unmatched-14 {
    font-size: 15px;
  }

  .form-wrapper-modal-2 {
    border-radius: 0;
    position: relative;
  }

  .sort-option-dd-copy-3 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .sort-option-dd-copy-3.large {
    width: 100%;
    min-width: 180px;
  }

  .sort-option-dd-copy-3.xlarge {
    width: 100%;
  }

  .clear-all-button-2.apply {
    height: 32px;
    padding-top: 6px;
  }

  .account-form-input-2.xshort.sm {
    width: 60%;
  }

  .account-form-input-2.short.sm, .account-form-input-2.short {
    width: 100%;
  }

  .account-form-input-2.short.sm, .account-form-input-2.short, .account-form-input-2.short.sm, .account-form-input-2.short, .account-form-input-2.short.sm {
    width: 100%;
  }

  .account-form-input-2.short, .account-form-input-2.short.sm {
    width: 100%;
  }

  .account-form-input-2.short {
    width: 100%;
  }

  .account-form-input-2.short.sm, .account-form-input-2.short {
    width: 100%;
  }

  .account-form-input-2.short.xshort {
    width: 60%;
  }

  .account-form-input-2.short.sm {
    width: 100%;
  }

  .customer-row-inner-wrapper-5 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .question-template-20 {
    padding: 10px;
  }

  .form-element-div-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .save-button-sm {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .modal-content-upgrade, .modal-container-question-2 {
    width: 100%;
  }

  .question-template-modal-16 {
    padding: 20px 10px 40px;
  }

  .select-field-72.index {
    width: 100%;
  }

  .form-button-48 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-button-48.submit {
    width: 180px;
    margin-left: 0;
  }

  .form-button-48.submit.side-bar-hide {
    width: 150px;
  }

  .form-button-48.outline.trash-copy {
    right: 10px;
  }

  .form-button-48.submit {
    width: 140px;
  }

  .text-24-3-copy-6 {
    font-size: 20px;
  }

  .page-title-4 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-8-copy.date, .column-8-copy.approve, .column-8-copy.id, .column-8-copy.status-copy, .column-8-copy.id, .column-8-copy.approve, .column-8-copy.id, .column-8-copy.id, .column-8-copy.id {
    background-color: #0c3955;
  }

  .side-order-view-wrapper-2 {
    width: 100%;
  }

  .side-order-view-wrapper-2.print-view {
    border-left-style: none;
  }

  .modal-service-type {
    padding-left: 0;
    padding-right: 0;
  }

  .text-tooltip-3 {
    font-size: 12px;
    line-height: 18px;
  }

  .sales-response-row {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .sales-response-row.reps.side {
    padding-left: 20px;
  }

  .text-13-3 {
    line-height: 18px;
  }

  .text-13-3.semi {
    line-height: 16px;
  }

  .button-holder.flex {
    justify-content: center;
    align-items: center;
  }

  .input-holder-2 {
    display: block;
  }

  .input-holder-2.date {
    width: 110px;
    display: block;
  }

  .input-holder-2.h-line {
    border-bottom-style: solid;
  }

  .customer-order-wrapper-3 {
    width: 100%;
  }

  .response-row-109 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .contact-inner-wrapper-3 {
    flex-flow: column;
  }

  .checkbox-field-days-9 {
    justify-content: flex-start;
    align-items: flex-start;
    width: 70px;
    min-width: 70px;
    display: inline-flex;
  }

  .contact-list-holder-3 {
    flex-flow: column;
  }

  .summary-inner-wrapper-52 {
    width: 100%;
  }

  .item-name-wrapper-28 {
    padding-left: 30px;
  }

  .tooltip-21 {
    width: 100%;
  }

  .text-24-46 {
    font-size: 20px;
  }

  .img-static-2 {
    width: 22px;
  }

  .img-static-2._28 {
    width: 24px;
  }

  .error-whisper-3 {
    width: 100%;
  }

  .button-logout-2 {
    font-size: 13px;
  }

  .div-block-5027 {
    width: 160px;
    height: 140px;
    margin-top: 200px;
  }

  .text-block-237 {
    font-size: 13px;
  }

  .tooltip-22 {
    width: 100%;
  }

  .text-tooltip-6 {
    font-size: 12px;
    line-height: 18px;
  }

  .user-display-2 {
    padding-right: 10px;
  }

  .home-button-2 {
    width: 130px;
  }

  .loading-2 {
    background-size: contain;
    width: 56px;
  }

  .label-header-name-2 {
    margin-left: 10px;
    font-size: 12px;
    line-height: 18px;
  }

  .chip-address-2 {
    font-size: 13px;
  }

  .autocomplete-icon-2 {
    min-width: 20px;
    min-height: 20px;
  }

  .edit-button {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-item-2 {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .menu-item-2.hidden {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .address-2 {
    font-size: 13px;
    line-height: 16px;
  }

  .acton-item {
    width: 100%;
  }

  .input-inner-wrapper-4 {
    display: flex;
  }

  .input-inner-wrapper-4.days {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
    display: block;
  }

  .new-counter-info-2 {
    width: 100%;
  }

  .status-radio-buttons-2 {
    flex-flow: column;
    padding-left: 0;
  }

  .field-holder-horizontal-3 {
    flex-flow: column;
  }

  .form-button-holder-4 {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding: 20px;
  }

  .save-button-sm-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .form-button-holder-2-centered {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding: 30px 40px 40px;
  }

  .summary-inner-wrapper-64 {
    width: 100%;
  }

  .autocomplete-search-wrapper-95 {
    width: auto;
    min-width: 240px;
  }

  .location-setting-checkbox-4 {
    padding-top: 10px;
  }

  .location-setting-checkbox-4.status {
    min-width: 110px;
    margin-bottom: 10px;
  }

  .text-14-462.semi {
    font-size: 13px;
  }

  .response-label-86 {
    opacity: .7;
    margin-bottom: 10px;
  }

  .close-modal-245 {
    background-color: #fff;
  }

  .modal-top-bar-160 {
    max-height: 230px;
  }

  .chip-label-167 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-259, .result-row-260 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .div-block-6573 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .results-scroller-201 {
    width: 100%;
    min-width: 220px;
  }

  .results-holder-115 {
    min-width: 220px;
  }

  .close-modal-246 {
    background-color: #fff;
  }

  .response-row-147 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-row-147.side-bar-view {
    align-items: stretch;
  }

  .result-row-261 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .div-block-6580 {
    padding-bottom: 10px;
    padding-right: 0;
  }

  .results-holder-116, .results-wrapper-91 {
    width: 100%;
    min-width: 220px;
  }

  .close-modal-247 {
    background-color: #fff;
  }

  .result-row-262 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .response-label-87 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .response-row-148 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .main-wrapper-46 {
    padding: 10px 0 0;
  }

  .rental-upload-77 {
    padding-top: 10px;
  }

  .results-scroller-203 {
    width: 100%;
    min-width: 220px;
  }

  .response-row-149 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-row-149.side-bar-view {
    align-items: stretch;
  }

  .response-label-88 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .item-submit-holder-82 {
    justify-content: space-around;
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-submit-holder-82.awf {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .result-row-263 {
    min-width: 220px;
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .question-template-modal-28 {
    padding: 20px 10px 40px;
  }

  .result-row-264 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-265 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .close-modal-248 {
    background-color: #fff;
  }

  .modal-top-bar-161 {
    max-height: 230px;
  }

  .close-modal-249 {
    background-color: #fff;
  }

  .matched-8, .unmatched-18 {
    font-size: 14px;
    line-height: 16px;
  }

  .button-ai-voice {
    margin-left: 0;
    margin-right: 0;
  }

  .action-items-outerwrapper-2 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .results-wrapper-212 {
    width: 100%;
    min-width: 220px;
  }

  .main-content-16 {
    min-width: 0;
    min-height: 100vh;
  }

  .filter-section-16 {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .doc-upload-2 {
    width: auto;
  }

  .agreement-checkbox-holder {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .file-upload-holder {
    padding-top: 10px;
  }

  .close-modal-sm {
    background-color: #fff;
  }

  .customer-checkbox-flex.side-bar-view {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-7536 {
    width: 100%;
  }

  .input-inner-wrapper-5 {
    display: flex;
  }

  .input-inner-wrapper-5.days {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 0;
    display: block;
  }

  .edit-options-menu-2 {
    flex-direction: column;
    width: 200px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .search-wrapper-12 {
    display: block;
  }

  .twm-spinner-8 {
    width: 80px;
    height: 80px;
  }

  .quote-title {
    max-width: 220px;
    font-size: 16px;
  }

  .intro-18 {
    padding-top: 60px;
  }

  .quote-text {
    max-width: 400px;
    font-size: 26px;
    line-height: 32px;
  }

  .by-line-2 {
    margin-top: 20px;
  }

  .quote-name {
    font-size: 20px;
    line-height: 22px;
  }

  .quote-text-wrapper {
    background-color: #0000;
    border-radius: 6px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: static;
  }

  .single-item-wrapper-2 {
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .matched-167 {
    font-size: 15px;
  }

  .div-block-8163 {
    width: 160px;
    height: 140px;
    margin-top: 200px;
  }

  .loading-3 {
    background-size: contain;
    width: 56px;
  }

  .text-block-445 {
    font-size: 13px;
  }

  .text-13-copy {
    line-height: 18px;
  }

  .close-modal-296 {
    background-color: #fff;
  }

  .close-modal-296.white.print-view-hide {
    background-color: #fff0;
  }

  .question-template-modal-137 {
    padding: 20px 10px 10px;
  }

  .location-setting-checkbox-33 {
    padding-top: 10px;
  }

  .location-setting-checkbox-33.status {
    min-width: 110px;
    margin-bottom: 10px;
  }

  .text-14-727.semi {
    font-size: 13px;
  }

  .response-label-226 {
    opacity: .7;
    margin-bottom: 10px;
  }

  .result-row-634 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-top-bar-279 {
    max-height: 230px;
  }

  .result-row-636 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .div-block-8203 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-button-344 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .main-wrapper-58 {
    padding: 10px 0 0;
  }

  .main-wrapper-58.flex {
    padding-top: 0;
  }

  .autocomplete-icon-36 {
    min-width: 20px;
    min-height: 20px;
  }

  .form-button-345 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .question-template-80 {
    margin-bottom: 0;
    padding: 0 10px 10px;
  }

  .div-block-8226 {
    padding-bottom: 10px;
  }

  .table-details-13 {
    max-height: 80vh;
  }

  .modal-top-bar-280 {
    max-height: 230px;
  }

  .div-block-8244 {
    padding-left: 0;
  }

  .question-template-modal-138 {
    padding: 20px 10px 40px;
  }

  .result-row-641 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .input-holder-18 {
    display: block;
  }

  .input-holder-18.date {
    width: 110px;
    display: block;
  }

  .input-holder-18._240 {
    width: 240px;
  }

  .input-holder-18.h-line {
    border-bottom-style: solid;
  }

  .input-holder-18._320 {
    width: 320px;
  }

  .input-holder-18.price {
    width: 120px;
  }

  .text-24-3-copy-61 {
    margin-left: 10px;
    font-size: 20px;
  }

  .modal-top-bar-281 {
    max-height: 230px;
  }

  .matched-183 {
    font-size: 14px;
    line-height: 16px;
  }

  .text-12-31.white.no-break {
    max-width: 240px;
  }

  .response-row-341 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-341.side-bar-view {
    padding-left: 20px;
  }

  .summary-inner-wrapper-168 {
    width: 100%;
  }

  .autocomplete-search-wrapper-210 {
    width: auto;
    min-width: 240px;
  }

  .location-setting-checkbox-34 {
    padding-top: 10px;
  }

  .location-setting-checkbox-34.status {
    min-width: 110px;
    margin-bottom: 10px;
  }

  .response-row-342 {
    flex-flow: column;
    align-items: stretch;
    padding-bottom: 12px;
  }

  .response-row-342.side-bar-view {
    padding-left: 20px;
  }

  .text-14-738.semi {
    font-size: 13px;
  }

  .div-block-8255 {
    min-width: 80px;
  }

  .div-block-8256 {
    padding-right: 0;
  }

  .modal-top-bar-282 {
    max-height: 230px;
  }

  .div-block-8258 {
    padding-bottom: 10px;
    padding-right: 0;
  }

  .result-row-642 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .chip-label-360 {
    font-size: 14px;
    line-height: 16px;
  }

  .matched-184 {
    font-size: 15px;
  }

  .result-row-643, .result-row-644 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .div-block-8262 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .response-row-343 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-343.side-bar-view {
    align-items: stretch;
    padding-left: 20px;
  }

  .form-button-346 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .results-scroller-504 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-37 {
    min-width: 20px;
    min-height: 20px;
  }

  .results-holder-336 {
    min-width: 220px;
  }

  .text-13-26 {
    font-size: 12px;
    line-height: 18px;
  }

  .result-row-645 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .div-block-8277 {
    padding-left: 10px;
  }

  .result-row-646 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-submit-holder-97 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-submit-holder-97.awf {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .rental-upload-93 {
    padding-top: 10px;
  }

  .form-button-347 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-button-347.back.ab {
    width: 90px;
    top: 30px;
  }

  .response-label-230 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .results-scroller-506 {
    width: 100%;
    min-width: 220px;
  }

  .title-wrapper-47 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .response-label-231 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .result-row-647 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-15, .matched-10 {
    font-size: 15px;
  }

  .result-row-648 {
    min-width: 220px;
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-185 {
    font-size: 15px;
  }

  .results-holder-338 {
    width: 100%;
    min-width: 220px;
    display: none;
  }

  .question-template-modal-139 {
    padding: 20px 10px 40px;
  }

  .result-row-649 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-650 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-186 {
    font-size: 15px;
  }

  .modal-top-bar-283 {
    max-height: 230px;
  }

  .unmatched-116 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-item-header-7 {
    padding-bottom: 14px;
  }

  .drop-zone-text {
    font-size: 18px;
    line-height: 20px;
  }

  .drop-content {
    width: 100%;
  }

  .text-12-38.white.no-break {
    max-width: 240px;
  }

  .action-item-button-3-copy {
    margin-left: 0;
    margin-right: 0;
  }

  .matched-204 {
    font-size: 15px;
  }

  .action-item-button-10 {
    margin-left: 0;
    margin-right: 0;
  }

  .item-detail-wrapper-5 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .plan-tile-3 {
    flex: 0 auto;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
  }

  .button-select-plan-2 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .post-header-45 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .plans-wrapper-11 {
    align-items: center;
    display: flex;
  }

  .social-label-7 {
    font-size: 15px;
  }

  .item-header-copy-17 {
    font-size: 22px;
    line-height: 24px;
  }

  .section-header-27 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    top: 38px;
  }

  .add-item-13 {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .table-details-14 {
    display: none;
  }

  .name-label-2 {
    font-size: 13px;
    line-height: 18px;
  }

  .autocomplete-icon-45 {
    min-width: 20px;
    min-height: 20px;
  }

  .button-label-9 {
    font-size: 14px;
  }

  .ac-section {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .main-wrapper-59 {
    padding: 10px 0 0;
  }

  .div-block-8586 {
    padding-left: 10px;
  }

  .button-label-10 {
    font-size: 14px;
  }

  .form-button-348 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-button-348.back.ab {
    width: 90px;
    top: 30px;
  }

  .modal-top-bar-284 {
    max-height: 230px;
  }

  .result-row-723 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .empty-state-display-profile {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-8591 {
    width: 160px;
    height: 140px;
    margin-top: 200px;
  }

  .loading-4 {
    background-size: contain;
    width: 56px;
  }

  .text-block-458 {
    font-size: 13px;
  }

  .img-static-4 {
    width: 40px;
  }

  .modal-content-wrapper {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .user-mgmt-wrapper, .new-user-wrapper {
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .sf-1253 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1253.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .empty-state-action-item-9 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .search-bar-7 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .summary-inner-wrapper-169 {
    width: 100%;
  }

  .div-block-8646 {
    height: auto;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .button-label-12 {
    font-size: 14px;
  }

  .autocomplete-search-wrapper-213 {
    width: auto;
    min-width: 240px;
  }

  .response-row-344 {
    flex-flow: column;
    align-items: stretch;
    padding-bottom: 12px;
  }

  .response-row-344.side-bar-view {
    padding-left: 20px;
  }

  .response-row-345 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-345.side-bar-view {
    padding-left: 20px;
  }

  .div-block-8648 {
    min-width: 80px;
  }

  .div-block-8649 {
    padding-right: 0;
  }

  .chip-label-391 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-737 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .response-row-346 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-346.side-bar-view, .response-row-346.side {
    align-items: stretch;
    padding-left: 20px;
  }

  .response-row-346.side.print-view {
    padding-left: 20px;
  }

  .chip-address-19 {
    font-size: 13px;
  }

  .results-scroller-553 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-47 {
    min-width: 20px;
    min-height: 20px;
  }

  .results-holder-405 {
    min-width: 220px;
  }

  .result-row-738 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .response-row-347 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-row-347.reps.side {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .response-row-347.reps.side.print-view {
    padding-top: 10px;
  }

  .div-block-8667 {
    padding-right: 15px;
  }

  .div-block-8670.print-view-hide {
    display: flex;
  }

  .button-label-13 {
    font-size: 14px;
  }

  .result-row-739 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-submit-holder-98 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-submit-holder-98.awf {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .rental-upload-94 {
    padding-top: 10px;
  }

  .response-label-232 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .results-scroller-554 {
    width: 100%;
    min-width: 220px;
  }

  .response-label-233 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .text-13-35 {
    font-size: 12px;
    line-height: 18px;
  }

  .response-label-234 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .result-row-740 {
    min-width: 220px;
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-406 {
    width: 100%;
    min-width: 220px;
    display: none;
  }

  .result-row-741 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .customer-name-row-read-only-5 {
    padding-left: 15px;
  }

  .div-block-8684 {
    min-width: 90px;
  }

  .matched-260, .unmatched-137 {
    font-size: 14px;
    line-height: 16px;
  }

  .new-order-button-5 {
    margin-left: 0;
    margin-right: 0;
  }

  .button-label-14 {
    font-size: 14px;
  }

  .button-label-14._14 {
    text-align: center;
    line-height: 15px;
  }

  .empty-state-display-10 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .apply-button-row {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .location-setting-checkbox-35 {
    padding-top: 10px;
  }

  .location-setting-checkbox-35.status {
    min-width: 110px;
    margin-bottom: 10px;
  }

  .text-14-784.semi {
    font-size: 13px;
  }

  .modal-top-bar-285 {
    max-height: 230px;
  }

  .question-template-81 {
    margin-bottom: 0;
    padding: 0 10px 10px;
  }

  .column-name {
    align-self: stretch;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .table-details-15 {
    max-height: 80vh;
  }

  .question-template-modal-140 {
    padding: 20px 10px 10px;
  }

  .form-button-349 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-8697 {
    padding-left: 0;
  }

  .form-button-350 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .autocomplete-icon-48 {
    min-width: 20px;
    min-height: 20px;
  }

  .main-wrapper-60 {
    padding: 10px 0 0;
  }

  .main-wrapper-60.flex {
    padding-top: 0;
  }

  .edit-table-menu {
    flex-direction: column;
    width: 200px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .div-block-8703 {
    padding-left: 10px;
  }

  .button-label-15 {
    font-size: 14px;
  }

  .chip-address-27 {
    font-size: 13px;
  }

  .div-block-8704 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-8705 {
    padding-bottom: 10px;
  }

  .div-block-8706 {
    margin-right: 0;
  }

  .modal-top-bar-286 {
    max-height: 230px;
  }

  .form-button-351 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .form-button-351.back.ab {
    width: 90px;
    top: 30px;
  }

  .text-13-36 {
    font-size: 12px;
    line-height: 18px;
  }

  .question-template-modal-141 {
    padding: 20px 10px 40px;
  }

  .filter-section-8 {
    margin-bottom: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .toggle {
    font-size: 13px;
  }

  .toggle.selected {
    line-height: 16px;
  }

  .text-24-3-copy-62 {
    margin-left: 10px;
    font-size: 20px;
  }

  .modal-top-bar-287 {
    max-height: 230px;
  }

  .apply-button {
    margin-left: 0;
    margin-right: 0;
  }

  .result-row-742 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-top-bar-288 {
    max-height: 230px;
  }

  .div-block-8230-copy {
    width: 210px;
    margin-right: 5px;
  }

  .div-block-8714 {
    height: auto;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .button-label-16 {
    font-size: 14px;
  }

  .response-row-348 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-348.side {
    align-items: stretch;
    padding-left: 20px;
  }

  .response-row-348.side.print-view {
    padding-left: 20px;
  }

  .chip-address-28 {
    font-size: 13px;
  }

  .response-row-349 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-row-349.reps.side {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .response-row-349.reps.side.print-view {
    padding-top: 10px;
  }

  .div-block-8725 {
    padding-right: 15px;
  }

  .div-block-8726.print-view-hide {
    display: flex;
  }

  .rental-upload-95 {
    padding-top: 10px;
  }

  .text-13-37 {
    font-size: 12px;
    line-height: 18px;
  }

  .customer-name-row-read-only-6 {
    padding-left: 15px;
  }

  .div-block-8736 {
    min-width: 90px;
  }

  .icon-edit-custom.hidden {
    display: none;
  }

  .wfwfwefw.white {
    text-align: center;
    color: #fffffffc;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    text-align: center;
    white-space: nowrap;
    text-align: center;
    text-align: center;
    white-space: nowrap;
    text-align: center;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .post-button-12 {
    margin-left: 0;
    margin-right: 0;
  }

  .unmatched-140 {
    font-size: 14px;
    line-height: 16px;
  }

  .edit-wrapper {
    border-radius: 0;
    min-width: 300px;
    display: block;
    position: relative;
    overflow: visible;
  }

  .matched-274 {
    font-size: 15px;
  }

  .side-nav-item-13 {
    height: 38px;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .side-nav-item-13.clark.hidden {
    display: none;
  }

  .action-button-67 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .text-26 {
    font-size: 12px;
    line-height: 18px;
  }

  .results-holder-428 {
    width: 100%;
    min-width: 220px;
  }

  .action-item-header-bg {
    padding-bottom: 14px;
  }

  .filter-section-7-copy {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .text-15-5 {
    font-size: 15px;
  }

  .close-modal-vendor {
    background-color: #fff;
  }

  .save-button-row {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .side-vendor-view {
    width: 100%;
  }

  .autocomplete-search-wrapper-217 {
    width: auto;
    min-width: 240px;
  }

  .item-submit-holder-100 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .modal-top-bar-289 {
    max-height: 230px;
  }

  .main-wrapper-62 {
    padding: 10px 0 0;
  }

  .main-wrapper-62.flex {
    padding-top: 0;
  }

  .sf-15-med-124 {
    font-size: 15px;
  }

  .main-content-17 {
    min-width: 0;
    min-height: 100vh;
  }

  .form-button-352 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .error-whisper-4, .summary-inner-wrapper-171 {
    width: 100%;
  }

  .autocomplete-icon-54 {
    min-width: 20px;
    min-height: 20px;
  }

  .result-row-786 {
    min-width: 220px;
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .post-button-17 {
    margin-left: 0;
    margin-right: 0;
  }

  .results-wrapper-344 {
    width: 100%;
    min-width: 220px;
  }

  .button-label-21 {
    font-size: 14px;
  }

  .customer-order-wrapper-10 {
    width: 100%;
  }

  .text-13-42 {
    font-size: 12px;
    line-height: 18px;
  }

  .text-13-42.white-copy, .text-13-42.white {
    font-weight: 600;
  }

  .response-label-236 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .matched-324 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-5-copy-3 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-scroller-575 {
    width: 100%;
    min-width: 220px;
  }

  .sort-option-10 {
    flex: 0 auto;
    width: 30%;
    height: 34px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    display: flex;
  }

  .div-block-8927 {
    padding-right: 0;
  }

  .unmatched-148 {
    font-size: 15px;
  }

  .result-row-787 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .response-row-351 {
    flex-flow: column;
    align-items: stretch;
    padding-bottom: 12px;
  }

  .response-row-351.side-bar-view {
    padding-left: 20px;
  }

  .apply-button-5 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .result-row-788 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-432 {
    min-width: 220px;
  }

  .empty-state-action-report {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-label-22 {
    font-size: 14px;
  }

  .red-dot-slider-2.no-opacity {
    display: none;
  }

  .clark-icon {
    background-size: 30px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .result-row-804 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-wrapper-350 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-805 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .chip-address-37 {
    font-size: 13px;
  }

  .unmatched-319 {
    font-size: 15px;
  }

  .results-scroller-578 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-806 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-column-wrapper-29 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .header-right-side-19 {
    min-width: 25%;
  }

  .result-row-807 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-329 {
    font-size: 14px;
    line-height: 16px;
  }

  .sf-15-med-129, .unmatched-320 {
    font-size: 15px;
  }

  .hidden-icon-12 {
    display: none;
  }

  .results-wrapper-351 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-56 {
    min-width: 20px;
    min-height: 20px;
  }

  .results-wrapper-352 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-406 {
    font-size: 14px;
    line-height: 16px;
  }

  .item-column-wrapper-30 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .post-button-20 {
    margin-left: 0;
    margin-right: 0;
  }

  .item-column-wrapper-31 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .result-row-808 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-809 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-321 {
    font-size: 15px;
  }

  .side-nav-10 {
    justify-content: flex-start;
    height: auto;
    padding-top: 0;
    padding-left: 5px;
    overflow-x: auto;
  }

  .result-row-810 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-811 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-322 {
    font-size: 15px;
  }

  .result-row-812, .result-row-813 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .search-bar-13 {
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
  }

  .result-row-814 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-scroller-581 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-815 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-45 {
    line-height: 18px;
  }

  .text-14-808.white {
    color: #fffffffc;
    text-align: center;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .autocomplete-icon-57 {
    min-width: 20px;
    min-height: 20px;
  }

  .unmatched-323 {
    font-size: 15px;
  }

  .result-row-816 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-button-44 {
    margin-left: 0;
    margin-right: 0;
  }

  .side-nav-item-17 {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 6px;
    padding-right: 10px;
    display: flex;
  }

  .matched-330 {
    font-size: 14px;
    line-height: 16px;
  }

  .item-column-wrapper-32 {
    border-top: 1px solid #fffefe33;
    border-radius: 0;
    min-width: 100%;
    display: block;
    position: relative;
    overflow: visible;
  }

  .sf-1283 {
    font-size: 14px;
    line-height: 18px;
  }

  .sf-1284 {
    font-size: 24px;
    line-height: 30px;
  }

  .results-scroller-582 {
    width: 100%;
    min-width: 220px;
  }

  .action-item-button-45 {
    margin-left: 0;
    margin-right: 0;
  }

  .chip-label-407 {
    font-size: 14px;
    line-height: 16px;
  }

  .item-detail-wrapper-14 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .section-header-64 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .result-row-817 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .action-item-header-45 {
    padding-bottom: 14px;
  }

  .chip-label-408 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-scroller-583 {
    width: 100%;
    min-width: 220px;
  }

  .chip-label-409 {
    font-size: 14px;
    line-height: 16px;
  }

  .badge-div-4 {
    margin-left: 6px;
    position: static;
  }

  .badge-div-4.hidden {
    position: static;
  }

  .button-label-24 {
    font-size: 14px;
  }

  .results-wrapper-354 {
    width: 100%;
    min-width: 220px;
  }

  .post-button-21 {
    margin-left: 0;
    margin-right: 0;
  }

  .result-row-818 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-13-46 {
    line-height: 18px;
  }

  .section-header-65 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .matched-331 {
    font-size: 14px;
    line-height: 16px;
  }

  .keyword-search-input-32 {
    height: 32px;
  }

  .div-block-9088 {
    min-height: 46px;
  }

  .section-header-66 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .action-button-80 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }

  .empty-state-action-item-26 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .matched-332 {
    font-size: 14px;
    line-height: 16px;
  }

  .sf-1285 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1285.center {
    font-size: 15px;
    line-height: 20px;
  }

  .duplicate-button {
    margin-left: 0;
    margin-right: 0;
  }

  .img-static-5 {
    width: 22px;
  }

  .summary-inner-wrapper-4 {
    width: 100%;
  }

  .question-template-modal-142 {
    padding: 20px 10px 10px;
  }

  .div-block-3707 {
    height: auto;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .submit-button-3 {
    min-width: 100px;
    font-size: 14px;
    line-height: 18px;
  }

  .autocomplete-search-wrapper-2 {
    width: auto;
    min-width: 240px;
  }

  .response-row {
    flex-flow: column;
    align-items: stretch;
    padding-bottom: 12px;
  }

  .response-row.side-bar-view {
    padding-left: 20px;
  }

  .text-14-12.semi {
    font-size: 13px;
  }

  .response-row-82 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-82.side-bar-view {
    padding-left: 20px;
  }

  .div-block-3314 {
    min-width: 80px;
  }

  .div-block-9101 {
    padding-right: 0;
  }

  .img-static {
    width: 22px;
  }

  .img-static._28 {
    width: 24px;
  }

  .sf-15-med-130 {
    font-size: 15px;
  }

  .result-row-87 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .modal-top-bar-22 {
    max-height: 230px;
  }

  .chip-label-410 {
    font-size: 14px;
    line-height: 16px;
  }

  .img-static-6 {
    width: 22px;
  }

  .result-row-122, .result-row-12 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .div-block-3657 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .response-row-51 {
    flex-flow: column;
    padding-bottom: 12px;
    padding-left: 20px;
  }

  .response-row-51.side-bar-view, .response-row-51.side {
    align-items: stretch;
    padding-left: 20px;
  }

  .response-row-51.side.print-view {
    padding-left: 20px;
  }

  .form-button-353 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .sf-172 {
    font-size: 12px;
    line-height: 18px;
  }

  .results-holder-439 {
    width: 100%;
    min-width: 220px;
    display: none;
  }

  .chip-address-38 {
    font-size: 13px;
  }

  .response-label-40 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .results-scroller-584 {
    width: 100%;
    min-width: 220px;
  }

  .loading-5 {
    background-size: contain;
    width: 56px;
  }

  .autocomplete-icon-58 {
    min-width: 20px;
    min-height: 20px;
  }

  .results-holder-440 {
    min-width: 220px;
  }

  .img-static-7 {
    width: 40px;
  }

  .post-button-9 {
    margin-left: 0;
    margin-right: 0;
  }

  .response-label-237 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .result-row-116 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .response-row-53 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .response-row-53.reps.side {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .response-row-53.reps.side.print-view {
    padding-top: 10px;
  }

  .form-button-5 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .question-template-82 {
    margin-bottom: 0;
    padding: 0 10px 10px;
  }

  .div-block-3721 {
    padding-right: 15px;
  }

  .div-block-3724.print-view-hide {
    display: flex;
  }

  .results-wrapper-355 {
    width: 100%;
    min-width: 220px;
  }

  .div-block-6493 {
    padding-bottom: 10px;
  }

  .response-row-335 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .text-13-47 {
    line-height: 18px;
  }

  .text-13-47.semi {
    line-height: 16px;
  }

  .modal-content-leads {
    width: 90%;
    max-width: 540px;
  }

  .input-4.med.long {
    width: 100%;
  }

  .result-row-115 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .item-submit-holder-7 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .item-submit-holder-7.awf {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-block-846 {
    width: 160px;
    height: 140px;
    margin-top: 200px;
  }

  .modal-top-bar-70 {
    max-height: 230px;
  }

  .response-label-51 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .results-scroller-585 {
    width: 100%;
    min-width: 220px;
  }

  .response-label-238, .response-label-45 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .text-block-75 {
    font-size: 13px;
  }

  .result-row-819 {
    min-width: 220px;
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .tooltip-3 {
    width: 100%;
  }

  .div-block-3739 {
    padding-left: 0;
  }

  .question-template-modal-3 {
    padding: 20px 10px 40px;
  }

  .result-row-820 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .result-row-13 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .text-24-3-copy {
    margin-left: 10px;
    font-size: 20px;
  }

  .text-tooltip {
    font-size: 12px;
    line-height: 18px;
  }

  .modal-top-bar-290 {
    max-height: 230px;
  }

  .div-block-3740 {
    min-width: 90px;
  }

  .matched-333, .unmatched-324 {
    font-size: 14px;
    line-height: 16px;
  }

  .main-content-forms {
    min-width: 0;
    min-height: 100vh;
  }

  .response-label-239 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .div-block-8892 {
    padding-left: 0;
  }

  .filter-section-9 {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .form-row {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .text-13-12 {
    line-height: 18px;
  }

  .text-13-12.semi {
    line-height: 16px;
  }

  .main-wrapper-49 {
    padding: 10px 0 0;
  }

  .main-wrapper-49.flex {
    padding-top: 0;
  }

  .div-block-9109 {
    padding-bottom: 10px;
  }

  .table-details-5-copy {
    max-height: 80vh;
  }

  .account-form-input-7.short2, .loader-12 {
    width: 100%;
  }

  .autocomplete-icon-15 {
    min-width: 20px;
    min-height: 20px;
  }

  .modal-top-bar-291 {
    max-height: 230px;
  }

  .form-top-info-wrapper {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .new-counter-info-5 {
    width: 100%;
  }

  .text-14-812.semi {
    font-size: 13px;
  }

  .question-template-modal-19 {
    padding: 20px 10px 10px;
  }

  .form-top-section {
    padding-bottom: 14px;
  }

  .modal-top-bar-278 {
    max-height: 230px;
  }

  .div-block-9114 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .form-inner-wrapper {
    width: 100%;
  }

  .text-13-29 {
    line-height: 18px;
  }

  .form-button-228 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .empty-form-display-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .response-label-240 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .div-block-9118 {
    padding-left: 0;
  }

  .filter-section-17 {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .text-13-48 {
    line-height: 18px;
  }

  .text-13-48.semi {
    line-height: 16px;
  }

  .main-wrapper-63 {
    padding: 10px 0 0;
  }

  .main-wrapper-63.flex {
    padding-top: 0;
  }

  .div-block-9121 {
    padding-bottom: 10px;
  }

  .account-form-input-8.short2 {
    width: 100%;
  }

  .autocomplete-icon-59 {
    min-width: 20px;
    min-height: 20px;
  }

  .modal-top-bar-292 {
    max-height: 230px;
  }

  .new-counter-info-6 {
    width: 100%;
  }

  .text-14-813.semi {
    font-size: 13px;
  }

  .question-template-modal-143 {
    padding: 20px 10px 10px;
  }

  .modal-top-bar-293 {
    max-height: 230px;
  }

  .div-block-9131 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-13-49 {
    line-height: 18px;
  }

  .form-button-354 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-9133 {
    width: 160px;
    height: 140px;
    margin-top: 200px;
  }

  .loading-6 {
    background-size: contain;
    width: 56px;
  }

  .text-block-465 {
    font-size: 13px;
  }

  .response-label-241 {
    opacity: .7;
    width: auto;
    min-width: 0;
    margin-bottom: 10px;
  }

  .div-block-9136 {
    padding-left: 0;
  }

  .filter-section-18 {
    margin-bottom: 0;
    padding-top: 10px;
  }

  .text-13-50 {
    line-height: 18px;
  }

  .text-13-50.semi {
    line-height: 16px;
  }

  .main-wrapper-64 {
    padding: 10px 0 0;
  }

  .main-wrapper-64.flex {
    padding-top: 0;
  }

  .div-block-9139 {
    padding-bottom: 10px;
  }

  .account-form-input-9.short2 {
    width: 100%;
  }

  .autocomplete-icon-60 {
    min-width: 20px;
    min-height: 20px;
  }

  .modal-top-bar-294 {
    max-height: 230px;
  }

  .text-14-815.semi {
    font-size: 13px;
  }

  .question-template-modal-144 {
    padding: 20px 10px 10px;
  }

  .modal-top-bar-295 {
    max-height: 230px;
  }

  .div-block-9149 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-13-51 {
    line-height: 18px;
  }

  .form-button-355 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .button-bar-4 {
    position: relative;
    inset: auto 0% 0%;
  }

  .form-button-356 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .form-button-holder-5 {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .main-wrapper-65 {
    padding: 10px 0 0;
  }

  .new-counter-info-7 {
    width: 100%;
  }

  .div-block-9153 {
    z-index: 3;
    width: 35%;
    position: relative;
  }

  .heading-15 {
    font-size: 30px;
    line-height: 40px;
  }

  .button-bar-5 {
    position: relative;
    inset: auto 0% 0%;
  }

  .form-button-357 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .form-button-holder-6 {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .main-wrapper-66 {
    padding: 10px 0 0;
  }

  .div-block-9156 {
    z-index: 3;
    width: 35%;
    position: relative;
  }

  .heading-16 {
    font-size: 30px;
    line-height: 40px;
  }

  .sf-15-med-131 {
    font-size: 15px;
  }

  .tooltip-23 {
    width: 100%;
  }

  .text-tooltip-7 {
    font-size: 12px;
    line-height: 18px;
  }

  .loader-13 {
    width: 100%;
  }

  .sf-15-med-132 {
    font-size: 15px;
  }

  .tooltip-24 {
    width: 100%;
  }

  .text-tooltip-8 {
    font-size: 12px;
    line-height: 18px;
  }

  .div-block-9163 {
    padding: 30px 20px;
  }

  .form-wrapper-4 {
    border-radius: 0;
    position: relative;
  }

  .vendor-form-wrapper {
    width: 100%;
  }

  .title-wrapper-4 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .account-form-row-2.short {
    padding-bottom: 0;
  }

  .div-block-8887 {
    z-index: 3;
    position: relative;
  }

  .form-button-226 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-17 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 40px;
  }

  .form-button-holder-3 {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding: 30px 10px 40px 15px;
  }

  .account-form-input-5.short-copy, .account-form-input-5.short2 {
    width: 100%;
  }

  .main-wrapper-47 {
    padding: 10px 0 0;
  }

  .new-counter-info-3 {
    width: 100%;
  }

  .image-888 {
    width: 80px;
  }

  .field-holder-horizontal-2.s {
    flex-flow: column;
  }

  .new-account-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-889 {
    width: 80px;
  }

  .form-button-227 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-18 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 40px;
  }

  .new-counter-info-4 {
    width: 100%;
  }

  .title-wrapper-5 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-8890 {
    z-index: 3;
    position: relative;
  }

  .account-form-input-6.short2 {
    width: 100%;
  }

  .div-block-8889 {
    padding: 30px 20px;
  }

  .field-holder-horizontal-4.s {
    flex-flow: column;
  }

  .form-button-holder-7 {
    background-color: #eff2fcd6;
    border-top: 1px solid #b6d1ee;
    padding: 30px 10px 40px 15px;
  }

  .main-wrapper-48 {
    padding: 10px 0 0;
  }

  .form-wrapper-5 {
    border-radius: 0;
    position: relative;
  }

  .image-932 {
    width: 80px;
  }

  .form-button-358 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-19 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 40px;
  }

  .new-counter-info-8 {
    width: 100%;
  }

  .title-wrapper-48 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-9168 {
    z-index: 3;
    position: relative;
  }

  .account-form-input-10.short2 {
    width: 100%;
  }

  .div-block-9169 {
    padding: 30px 20px;
  }

  .field-holder-horizontal-5.s {
    flex-flow: column;
  }

  .main-wrapper-67 {
    padding: 10px 0 0;
  }

  .div-block-9170 {
    padding: 30px 20px;
  }

  .title-wrapper-49 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-9171 {
    z-index: 3;
    position: relative;
  }

  .form-button-359 {
    text-align: center;
    width: auto;
    min-width: 140px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .heading-20 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 40px;
  }

  .account-form-input-11.short-copy, .account-form-input-11.short2 {
    width: 100%;
  }

  .main-wrapper-68 {
    padding: 10px 0 0;
  }

  .new-counter-info-9 {
    width: 100%;
  }

  .image-933 {
    width: 80px;
  }

  .field-holder-horizontal-6.s {
    flex-flow: column;
  }

  .result-row-753 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .unmatched-312, .chip-label-277 {
    font-size: 14px;
    line-height: 16px;
  }

  .results-wrapper-283 {
    width: 100%;
    min-width: 220px;
  }

  .side-nav-item-14 {
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .div-block-4080-copy {
    display: none;
  }

  .results-wrapper-281 {
    width: 100%;
    min-width: 220px;
  }

  .autocomplete-icon-23 {
    min-width: 20px;
    min-height: 20px;
  }

  .edit-options-menu {
    flex-direction: column;
    width: 100px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .chip-label-278 {
    font-size: 14px;
    line-height: 16px;
  }

  .nav-item-results-holder {
    display: flex;
  }

  .action-item-header-43 {
    padding-bottom: 14px;
  }

  .result-row-755 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .hidden-icon-13 {
    display: none;
  }

  .result-row-763 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .side-panel-right-3 {
    justify-content: flex-start;
    height: 38px;
    padding-top: 0;
    padding-left: 5px;
    overflow-x: auto;
  }

  .item-column-wrapper-18 {
    border-top: 1px solid #fffefe33;
    border-radius: 0;
    min-width: 100%;
    display: block;
    position: relative;
    overflow: visible;
  }

  .result-row-762 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-221, .results-scroller-352 {
    width: 100%;
    min-width: 220px;
  }

  .visible-icon {
    display: none;
  }

  .results-scroller-349 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-752 {
    min-width: 220px;
    min-height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-220 {
    width: 100%;
    min-width: 220px;
  }

  .data-pick-modal {
    width: 100%;
  }

  .action-item-button-18 {
    margin-left: 0;
    margin-right: 0;
  }

  .date-picker-modal-content {
    flex-direction: column;
    width: 200px;
    display: flex;
    inset: 28px 5px auto auto;
  }

  .results-wrapper-285 {
    width: 100%;
    min-width: 220px;
  }

  .post-button-22 {
    margin-right: 0;
  }

  .chip-label-276 {
    font-size: 14px;
    line-height: 16px;
  }

  .action-item-header-bg-2 {
    padding-bottom: 14px;
  }

  .editi-icon {
    display: none;
  }

  .sf-1281 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1281.semi.navy {
    font-size: 22px;
    line-height: 28px;
  }

  .results-scroller-351 {
    width: 100%;
    min-width: 220px;
  }

  .post-button-23 {
    margin-left: 0;
    margin-right: 0;
  }

  .result-row-751 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .section-header-67 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 38px;
  }

  .search-bar {
    justify-content: space-between;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    top: 100px;
  }

  .remove-column {
    display: none;
  }

  .remove-column.big {
    display: block;
  }

  .result-row-750 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .all-item-wrapper-19.m {
    max-height: calc(100vh - 50px);
  }

  .result-row-758 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-holder-217 {
    width: 100%;
    min-width: 220px;
  }

  .badge-div-3 {
    margin-left: 8px;
    position: static;
  }

  .action-item-button-17 {
    margin-left: 0;
    margin-right: 0;
  }

  .apply-button-2 {
    margin-right: 0;
  }

  .results-holder-222 {
    width: 100%;
    min-width: 220px;
  }

  .result-row-754 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .header-right-side-18 {
    min-width: 25%;
  }

  .sf-1282 {
    font-size: 14px;
    line-height: 18px;
  }

  .unmatched-329 {
    font-size: 15px;
  }

  .results-wrapper-282 {
    width: 100%;
    min-width: 220px;
  }

  .single-item-wrapper {
    border-radius: 0;
    min-width: 0;
    position: relative;
    overflow: visible;
  }

  .result-row-756 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .matched-335 {
    font-size: 14px;
    line-height: 16px;
  }

  .result-row-759 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .visiblity-icon {
    display: none;
  }

  .icon-custom-column-2 {
    background-position: 50%;
    height: 40px;
  }

  .matched-336 {
    font-size: 14px;
    line-height: 16px;
  }

  .autocomplete-icon-24 {
    min-width: 20px;
    min-height: 20px;
  }

  .result-row-764 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .chip-label-274 {
    font-size: 14px;
    line-height: 16px;
  }

  .acton-item-2 {
    width: 100%;
  }

  .item-column-wrapper-28 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .result-row-760 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .section-header-69 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .close-date-picker {
    display: none;
  }

  .item-detail-wrapper-3 {
    flex-flow: column;
    padding-bottom: 12px;
  }

  .clark-icon-2 {
    background-size: 30px;
    min-width: 24px;
    max-width: 24px;
    min-height: 24px;
    max-height: 24px;
  }

  .matched-327 {
    font-size: 14px;
    line-height: 16px;
  }

  .text-22 {
    font-size: 12px;
    line-height: 18px;
  }

  .item-column-wrapper-26 {
    border-radius: 0;
    min-width: 300px;
    position: relative;
  }

  .badge-div {
    margin-left: 6px;
    position: static;
  }

  .badge-div.hidden {
    display: none;
    position: static;
  }

  .button-label-4 {
    font-size: 14px;
  }

  .section-header-70 {
    height: 46px;
    min-height: 46px;
    padding-left: 12px;
    padding-right: 10px;
    top: 56px;
  }

  .result-row-757 {
    height: 38px;
    padding-left: 10px;
    font-size: 14px;
  }

  .results-scroller-353 {
    width: 100%;
    min-width: 220px;
  }

  .text-13-4 {
    font-size: 12px;
    line-height: 18px;
  }

  .text-13-4.white-copy, .text-13-4.white {
    font-weight: 600;
  }

  .keyword-search-input-7 {
    height: 32px;
  }

  .matched-337 {
    font-size: 15px;
  }

  .post-button-24 {
    margin-left: 0;
    margin-right: 0;
  }

  .text-14-121.white {
    color: #fffffffc;
    text-align: center;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    line-height: 15px;
    display: inline-block;
  }

  .empty-state-action-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .matched-338 {
    font-size: 15px;
  }

  .side-nav {
    justify-content: flex-start;
    height: 56px;
    padding-top: 0;
    overflow-x: auto;
  }

  .matched-334 {
    font-size: 14px;
    line-height: 16px;
  }

  .sf-1278 {
    font-size: 12px;
    line-height: 18px;
  }

  .sf-1278.center {
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-7266 {
    min-height: 46px;
  }

  .nav-option-holder {
    height: auto;
  }

  .action-items-outerwrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .action-button-81 {
    text-align: center;
    min-height: 40px;
    font-size: 13px;
    line-height: 16px;
  }
}

#w-node-c7ecfb6f-07eb-b73a-4fe3-a0d1abd6ee3e-ac4798ab {
  grid-area: 1 / 2 / 2 / 3;
}