:root {
  --text-primary: #353750;
  --text-secondary: #0c0a39;
  --text-purple-old: #592c4f;
  --text-grey-old: #333333;
  --help-text: #777777;
  --link-color: #613ac9;
  --bg-primary: #f3f6fb;
  --bg-secondary: #f7f7f7;
  --btn-primary: #7346f4;
  --green: #00af8c;
}
.footernav a:hover,
.footernav a:active,
.footernav a:focus {
  color: var(--text-secondary);
}
.visibility-public {
  color: var(--green);
}
.help-block {
  color: var(--help-text);
}

@media (min-width: 769px) {
  .navbar-header.navbar-right {
    margin-right: -40px;
  }
}
input,
select,
textarea {
  color: var(--text-secondary) !important;
}
textarea:focus,
input:focus {
  color: var(--text-secondary) !important;
}

.dropdown-menu a.active {
  color: var(--text-secondary) !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-secondary) !important;
}
@media screen and (min-width: 1360px) {
  .border-right-large {
    border-right: solid 1px #c1c0cc;
  }
}
.panel-bg-color {
  background-color: var(--bg-primary);
}
.text-muted,
.sidebar-user .media-body .media-heading {
  color: var(--text-secondary) !important;
}
.panel-secondary {
  background-color: var(--bg-secondary) !important;
}
i.icon-question3,
.fa-angle-right:before,
.fa-angle-down:before {
  color: var(--link-color);
}
#action_limit_options * {
  color: var(--text-grey-old);
}
.link-underline {
  color: var(--link-color);
  text-decoration: underline;
}
.link {
  color: var(--link-color);
}
.samples_order_by a,
.samples_date a,
.td-terp-graph p,
.td-sample-image p {
  color: var(--text-primary);
}
.no-background {
  background: none !important;
}
b,
strong {
  font-weight: 600;
}
.row.public-catalog.public-catalog-samples,
.public-catalog-samples .samples-page#client-filters {
  background-color: var(--bg-primary);
  margin: 0;
}
.text-size-mini {
  font-size: 13px;
}
.bg-info-700,
.modal-body {
  color: #333333;
}
.caret.blue {
  filter: brightness(0) saturate(100%) invert(23%) sepia(97%) saturate(2376%)
    hue-rotate(247deg) brightness(99%) contrast(93%);
}
.table-striped[class*="bg-"] > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}
.table-striped[class*="bg-"] > tbody > tr:nth-child(even) {
  background-color: var(--bg-primary);
}

.order-modal-table.table-striped[class*="bg-"] > tbody > tr:nth-child(odd) {
  background-color: var(--bg-primary);
}
.order-modal-table.table-striped[class*="bg-"] > tbody > tr:nth-child(even) {
  background-color: #ffffff;
}
.panel-group-control.panel-group-control-right .panel-title > a:before {
  color: var(--btn-primary);
}
.text-warning {
  color: #ff6e50 !important;
}
.text-success {
  color: var(--green) !important;
}

div#portal-faq .panel-heading h6 {
  color: var(--text-secondary) !important;
  font-weight: 400 !important;
}
div#portal-faq .panel-heading {
  background-color: #f5f7fc;
}
div#portal-faq .panel-body {
  background-color: #ffffff;
}

h1 {
  color: var(--text-secondary) !important;
}
html {
  overflow-x: hidden;
}
body {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px;
  color: var(--text-primary) !important;
  background: transparent;
}
.pp-social-handles span a,
.pp-social-handles a {
  color: var(--btn-primary) !important;
}
div#detailQuickView {
  color: var(--text-primary) !important;
}
[id^="modal_order_details"].modal,
[id^="modal_order_download_form"].modal {
  background-color: rgba(56, 61, 92, 0.75);
}
#forgot_your_password,
#send_login_link {
  color: var(--text-primary);
}
.logoutblock {
  color: #0c0a09;
}

a,
a:hover,
a:active {
  color: var(--link-color);
}

input[type="text"]:read-only,
input[type="email"]:read-only {
  cursor: not-allowed;
}

.footer-col .getconnected {
  background-color: var(--bg-primary) !important;
}

.panel {
  background-color: var(--bg-primary) !important;
}

.navbar-brand > img {
  margin-top: -25px;
  margin-left: -20px;
  height: 68px;
}

.header-color {
  color: var(--text-secondary);
}

/* Submit Samples "Wizard" */

.wizard > .steps > ul > li:before,
.wizard > .steps > ul > li:after {
  background-color: var(--green) !important;
}
.wizard > .steps > ul > li.done .number {
  background-color: var(--green);
  border-color: var(--green);
}
.wizard {
  width: 800px;
  max-width: 100%;
}
.wizard > .steps > ul > li.current > a,
.wizard > .steps a,
.wizard > .steps .number {
  color: var(--text-secondary);
}
.wizard > .steps .number {
  border: 1px solid var(--text-secondary);
  border-radius: 50%;
}
.wizard > .steps > ul > li.current .number {
  color: var(--green);
  border-color: var(--green);
}
.wizard li {
  pointer-events: none;
}
/* ------------------------------------------ */
/* -- Uploaders -- */
/* ------------------------------------------ */
div#csp-uploaders > div {
  width: 50%;
  float: left;
  text-align: center;
}
div#csp-uploaders .btn-file:focus {
  color: #fff;
}
div#csp-uploaders {
  margin: 20px 0;
}
div#csp-uploaders .fileinput-remove,
div#csp-uploaders .fileinput-cancel {
  display: none;
}
div#csp-uploaders .file-preview {
  margin: 0 !important;
  display: inline-block;
  min-height: 160px;
}
div#csp-uploaders .btn-file {
  width: 100%;
  border-radius: 0 !important;
  color: #708188;
  border-color: #ddd;
  margin-top: -20px;
  padding: 10px 5px;
}
#hint_id_sample_label_image,
#hint_id_profile_image {
  position: relative;
  left: -5px;
}
/* ------------------------------------------ */
/* -- End Uploaders -- */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* -- Buttons -- */
/* ------------------------------------------ */
div#iphone-search button {
  background: none;
  border: none;
  position: absolute;
  left: 0;
  padding: 7px 0;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active {
  background-color: #7346f4;
  border-color: #7346f4;
  background-image: none;
}

.btn:active,
.btn:focus {
  background: #592d4f !important;
  border-color: transparent !important;
}
.btn {
  font-size: 15px;
  padding: 10px 30px;
}
form#forgotpass-form .btn {
  margin: 20px 0 20px -105px;
  left: 50%;
}
button.greenbutton.btn.btn-primary {
  display: inline-block;
}
form#courierform button {
  clear: both;
  float: left;
  margin-top: 30px;
}

.greybutton {
  padding: 8px;
}

div#courierstepthree .purplebutton a {
  color: #fff;
}
#courierstepthree .submission-item span button {
  border: none;
  min-width: 0;
  padding: 3px 10px;
  color: #fff;
}
.xdsoft_datepicker button {
  clear: none !important;
  margin: 0 !important;
}
.modal-footer button {
  color: #fff !important;
  padding: 8px 20px;
}
#download_all_button {
  background-color: var(--green) !important;
  padding-left: 20px;
  padding-right: 20px;
}
.order-modal-footer .btn {
  width: 200px;
}
#order_formset_buttons.ss-step-3-buttons {
  left: 10px;
  position: relative;
}
#order_back_button .btn.back-btn {
  margin-top: 20px;
  color: #5d39c5;
  border: 1px solid #5d39c5;
  background-color: #fff !important;
  text-decoration: none;
  padding: 8px !important;
  height: 40.61px;
  font-size: 16px;
}
.logoutblock a,
.bklyn-btn.bklyn-btn-normal,
.btn.btn-primary,
.btn.btn-link,
.btn.btn-default.btn-sm {
  background-color: var(--btn-primary) !important;
}
div#csp-uploaders .btn-file,
.btn.btn-primary.btn-file {
  color: white !important;
}
.btn,
.btn-primary,
.purplebutton a {
  border-radius: 2px !important;
}
.btn.greybutton {
  background-color: #e6ebf6 !important;
  color: #666666 !important;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
}
.btn-link {
  color: var(--link-color);
}
.btn:disabled {
  opacity: 0.2;
}
.disabled {
  cursor: not-allowed;
}
select.form-control[disabled] {
  opacity: 0.5;
}
.btn-primary {
  background: var(--link-color);
}
.btn-primary,
.btn-danger,
.greenbutton {
  clear: both;
  margin-top: 20px;
  border: none;
  font-size: 16px;
  min-width: 120px;
  padding: 8px;
  color: white;
}
.download-coc-btn {
  width: 217px;
}
div#couriersteptwo button {
  margin: 0 10px 0 0;
  padding: 8px !important;
  min-width: 120px;
}

div#couriersteptwo button a {
  color: #fff;
}

button.greybutton {
  background: none;
  color: #718088 !important;
  border-color: #718088;
}

button.greybutton a {
  color: #718088 !important;
}

button.greybutton:hover {
  background: none !important;
  box-shadow: none;
  border-color: #718088;
}
.rndbutton,
.rndbutton:active,
.rndbutton:focus,
.rndbutton:hover,
.rndbutton:visited {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  background-image: none;
  color: #8bc541;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.rndbutton.active,
.rndbutton.active:active,
.rndbutton.active:focus,
.rndbutton.active:hover,
.rndbutton.active:visited {
  background-color: #592d4f !important;
  border-color: #592d4f !important;
  background-image: none;
  color: #ffffff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.greenbutton,
.greenbutton:hover,
.greenbutton:active,
.greenbutton:focus {
  clear: none;
  background-color: var(--green) !important;
  color: #ffffff;
  display: inline-block;
  margin-top: 20px;
  border: none;
  font-size: 16px;
  min-width: 120px;
  padding: 8px;
}
@media (max-width: 767px) {
  .xs-padding-lr-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
/* ------------------------------------------ */
/* -- End Buttons -- */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* -- Begin HRs -- */
/* ------------------------------------------ */
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  text-align: right;
  height: 1.5em;
  margin-left: 10px;
}
.hr-text:before {
  content: "";
  background: #000000;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: var(--text-secondary);
  background-color: #ffffff;
}
.hr-text-left {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  text-align: left;
  height: 1.5em;
  margin-left: 10px;
}
.hr-text-left:before {
  content: "";
  background: var(--text-secondary);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.ss-submission-item .hr-text-left.label-claim-hr:after {
  background-color: #e6ebf6 !important;
  padding-left: 10px;
}
.ss-submission-item .hr-text-left.label-claim-hr {
  margin-right: 10px;
}
.hr-text-left:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em 0 0;
  line-height: 1.5em;
  color: var(--text-secondary);
  background-color: #ffffff;
}
.hr-text-green {
  color: #8bc541;
}
.hr-text-green:before {
  background: #8bc541;
  color: #8bc541;
}
.hr-text-green:after {
  color: #8bc541;
}
.hr-text-purple .hr-text-purple:before,
.hr-text-purple .hr-text-purple:after {
  color: var(--text-secondary);
  background-color: #fff;
  margin: 30px 10px 21px;
}
.ss-step-3-container .hr-text-purple {
  margin-right: -10px;
}
.ss-step-4-container .hr-text-purple {
  margin-right: 0px;
  margin-left: 0;
}
.ss-submission-item .hr-text-purple,
.ss-submission-item .hr-text-left:not([name="expected_results"]):after {
  background-color: var(--bg-primary);
}
.ss-submission-item .hr-text-left[name="expected_results"]:after {
  background-color: #e6ebf6;
}
/* ------------------------------------------ */
/* -- End HRs -- */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* -- Begin Login -- */
/* ------------------------------------------ */

#djhj {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 25px;
  z-index: 5000;
  white-space: nowrap;
  height: 40px;
}
#djhj,
#djhj * {
  display: inline;
  white-space: nowrap;
  color: white;
  background-color: red;
}
.login-section {
  background: url("../images/cannabis-grow-2x.46c3b9593641.webp") no-repeat 50% 0%;
  background-size: 150%;
  padding-left: 0;
  padding-right: 0;
}
.login-section-row {
  height: 100%;
  background: #f5f5f5;
}
.login-panel-right {
  background: #f5f5f5;
  vertical-align: middle;
  height: 100%;
  position: relative;
}
#user-page-container {
  margin: 7em auto;
}
#user-page-container .login-form-container {
  padding: 20px 35px 25px;
  background: #fff;
}
#user-page-container .quicklinks {
  padding: 20px 35px 15px;
  background: #e9e9e9;
}
div#user-page-container .quicklinks ul {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.login-form-sidebar {
  padding: 20px 5px 50px;
}
.login-form-sidebar h3 {
  font-weight: 600;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--link-color) !important;
  padding-top: 1em;
  margin-top: 1.8em;
  margin-bottom: 0;
  border-top: 1px solid #c6c6c6;
}
.login-form-sidebar div:first-child h3 {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
  background-position: left 0.2em !important;
}
.login-form-sidebar p {
  color: var(--text-primary);
  font-size: 0.9em;
  margin: 0;
  padding: 0.7em 0 0;
}
.login-form-sidebar .csp-new-features h3,
.login-form-sidebar .regulation-updates h3,
.login-form-sidebar .test-options h3,
.login-form-sidebar .csp-caution h3,
.login-form-sidebar .csp-new-features p,
.login-form-sidebar .regulation-updates p,
.login-form-sidebar .test-options p,
.login-form-sidebar .csp-caution p,
.login-form-sidebar .csp-coa h3,
.login-form-sidebar .csp-coa p {
  padding-left: 25px;
}
.login-form-sidebar .csp-new-features h3,
.login-form-sidebar .regulation-updates h3,
.login-form-sidebar .test-options h3,
.login-form-sidebar .csp-caution h3,
.login-form-sidebar .csp-coa h3 {
  background-repeat: no-repeat;
}
.login-form-sidebar .csp-coa h3 {
  background-image: url("../images/icon-coa-1x.ffef42a8dfd2.png");
  background-position: left 1.2em;
}
.login-form-sidebar .csp-caution h3 {
  background-image: url("../images/icon-important@1x.b723001b8d2e.png");
  background-position: left 1.2em;
}
.login-form-sidebar .csp-new-features h3 {
  background: url("../images/icon-starburst-1x.8d008276a580.png") no-repeat;
  background-position: left 1.2em;
}
.login-form-sidebar .regulation-updates h3 {
  background-image: url("../images/icon-scroll-1x.9d0f53f4d869.png");
  background-position: left 1.2em;
}
.login-form-sidebar .test-options h3 {
  background-image: url("../images/icon-testtube-1x.7d62f38b34fd.png");
  background-position: left 1.2em;
}
.login-form-sidebar a {
  color: #0c0a09;
  text-decoration: underline;
}
.footer-full {
  padding-top: 35px;
}
.footer-social-media-container {
  display: inline-block;
  white-space: nowrap;
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  .login-section {
    display: block;
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .login-section .container {
    padding: 0px;
  }
  .login-section-row {
    display: block;
    background-color: #f5f5f5;
  }
  .login-panel-left {
    display: block;
    background: url("../images/cannabis-grow-2x.46c3b9593641.webp") no-repeat 50% 50%;
    padding: 0;
  }
  .login-panel-right {
    display: block;
    background: #f5f5f5;
    width: 100%;
    padding: 2em 0 50px;
  }
  #user-page-container {
    margin: 3em auto;
  }
  .login-form-sidebar {
    margin-top: 0;
    padding: 0 20px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .login-section .container {
    width: 100%;
  }
  .login-section .login-panel-right .container {
    margin: 12em 0;
    margin: 6em 0;
  }

  /* top/bottom margin needs tweaked depending on how much content contained. first value is the default, when no important notice is in place */
  .login-section {
    display: table;
    width: 100%;
    height: 50vh;
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .login-section-row {
    display: table-row;
    height: 100%;
    background-color: #f5f5f5;
  }
  .login-panel-left {
    display: table-cell;
    background: url("../images/cannabis-grow-2x.46c3b9593641.webp") no-repeat 50% 50%;
    background-size: 300%;
  }
  .login-panel-right {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    height: 100%;
  }
  #user-page-container {
    margin: 12em auto;
  }
  .login-form-sidebar {
    padding: 0 20px 0 20px;
  }
}

@media (min-width: 1025px) and (max-width: 1199px) {
  .login-section .container {
    width: 100%;
  }

  .login-section .login-panel-right .container {
    margin: 5em 0;
    margin: 4em 0 3.5em;
  }

  /* top/bottom margin needs tweaked depending on how much content contained. first value is the default, when no important notice is in place */
  .login-section {
    display: table;
    width: 100%;
    height: 60vh;
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .login-section-row {
    display: table-row;
    height: 100%;
    background-color: #f5f5f5;
  }
  .login-panel-left {
    display: table-cell;
    background: url("../images/cannabis-grow-3x.15d1e1651aac.webp") no-repeat 50% 50%;
  }
  .login-panel-right {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    height: 100%;
  }
  #user-page-container {
    margin: 5em auto;
    margin: 10em auto;
  }

  /* top/bottom margin needs tweaked depending on how much content contained. first value is the default, when no important notice is in place */
  .login-form-sidebar {
    padding: 0 25% 0 20px;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .login-section {
    display: table;
    min-height: 70vh;
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .login-section .login-panel-right .container {
    margin: 7em 0;
    margin: 6em 0 4em;
  }

  /* top/bottom margin needs tweaked depending on how much content contained. first value is the default, when no important notice is in place */
  .login-section-row {
    display: table-row;
    height: 100%;
    background-color: #f5f5f5;
  }
  .login-panel-left {
    display: table-cell;
    background: url("../images/cannabis-grow-3x.15d1e1651aac.webp") no-repeat 50% 50%;
    position: relative;
  }
  .login-panel-right {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    height: 100%;
    position: relative;
  }
  #user-page-container {
    margin: 10em auto;
  }
  .login-form-sidebar {
    padding: 0 30% 0 20px;
  }
}

@media screen and (min-width: 1400px) {
  .login-section {
    display: table;
    min-height: 70vh;
    padding-left: 0;
    padding-right: 0;
    background: none;
  }
  .login-section .login-panel-right .container {
    margin: 7em 0;
    margin: 7.5em 0 4em;
  }

  /* top/bottom margin needs tweaked depending on how much content contained. first value is the default, when no important notice is in place */
  .login-section-row {
    display: table-row;
    height: 100%;
    background-color: #f5f5f5;
  }
  .login-panel-left {
    display: table-cell;
    background: url("../images/cannabis-grow-3x.15d1e1651aac.webp") no-repeat 50% 50%;
    position: relative;
    background-size: cover;
  }
  .login-panel-right {
    display: table-cell;
    background: #f5f5f5;
    vertical-align: middle;
    height: 100%;
    position: relative;
  }
  #user-page-container {
    margin: 10em auto;
  }
  .login-form-sidebar {
    padding: 0 30% 0 20px;
  }
}

/* ------------------------------------------ */
/* -- Navigation -- */
/* ------------------------------------------ */
/* .navigation-main li a:hover img:first-child {
  z-index: 10;
}

.navigation-main .active img:first-child {
  z-index: 10;
}

.navigation-main li a:hover img:nth-of-type(2),
.navigation-main li.active img:nth-of-type(2) {
  opacity: 0;
} */

.sidebar {
  border-right: 1px solid #ddd;
}

a,
.navigation li a:hover,
.navigation li a:focus {
  background-color: transparent;
}
.sidebar-user,
.sidebar-category,
li .navigation-main li a:hover {
  background-color: var(--bg-primary) !important;
}
.navigation-main li.active a:not(.nav-sublink) {
  background-color: #dcd0fc;
}
.navigation-main li a:hover {
  background: none;
}
.navigation-main li.active span {
  color: var(--text-secondary);
}
.nav > li > a:hover,
.nav > li > a:focus,
.nav-pills .open > a,
.nav-pills .open > a:hover {
  background: transparent;
}
.navigation.navigation-main.navigation-accordion.bottom-group {
  width: 260px;
}
.logoutblock h3,
.navigation-main li a:hover span {
  color: var(--btn-primary);
}
.navigation-main span {
  color: var(--text-secondary);
  padding-left: 50px;
  font-weight: normal;
}
ul.nav.nav-pills.tableinline {
  display: inline-block;
}
/* .nav-pills.tableinline,
.nav-pills.tableinline:hover {
  background: #fff !important;
} */

.nav-pills.tableinline:hover a {
  background: #fff;
}

.nav-pills.tableinline span {
  display: none;
}
.nav-pills.tableinline a[data-toggle="dropdown"] {
  border: 1px solid #0a0d37;
  padding: 7px 10px 5px !important;
  color: #0a0d37;
  font-weight: 400;
  font-size: 15px;
  font-weight: normal !important;
}
.navbar.navbar-inverse.navbar-fixed-top {
  background: #0c0a39;
  border: none;
  padding: 5px 20px;
}

div#navbar-search input {
  border: none;
  font-size: 16px;
  margin-top: 5px;
  padding: 5px 5px 0;
  margin-right: 10px;
}

div#navbar-search {
  position: relative;
  left: 20px;
}

div#navbar-search button {
  position: absolute;
  top: 8px;
  left: 0;
  background: none;
  border: none;
  padding: 0 10px;
}

div#navbar-search input {
  text-indent: 40px;
  color: #000;
}

.sidebar {
  color: #718088;
  background: #f7f7f7;
  overflow-y: scroll !important;
  overflow-x: hidden !important;
}

.sidebar-user {
  text-align: center;
  padding: 20px 20px 15px;
}

.sidebar-user .media-body {
  padding-top: 20px;
}

.sidebar-user img {
  width: 75px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 75px;
}

.navigation-main img {
  position: absolute;
}

.navigation-main li.active a:not(.nav-sublink) {
  background: #dcd0fc !important;
  border-right: 5px solid #7346f4;
}

.navigation-main li a:hover span {
  color: var(--link-color);
}
div#client-filters ul.nav {
  display: inline-block;
  margin: 0 20px !important;
}

div#client-filters ul.nav a {
  font-size: 14px;
  font-weight: 400;
  color: #0a0d37;
}
@media (max-width: 991px) {
  a.navbar-brand {
    padding: 12px 5px;
    float: right;
  }

  .navbar-header {
    width: 100%;
  }

  div#client-filters ul.nav {
    margin: 0 !important;
  }

  div#client-filters ul.nav {
    margin: 0 10px !important;
  }
}
.nav-icon {
  margin-top: -6px;
  width: 30px;
}
.dash-before {
  white-space: nowrap;
}
.dash-before:before {
  content: "- ";
}
.dash-before sup {
  color: var(--link-color);
}
.sidebar-content {
  border-right: 1px solid #c1c0cc !important;
  background-color: var(--bg-primary);
}
.sidebar-category > .category-content .bottom-group {
  margin-bottom: 1em;
}

@media (min-height: 900px) {
  .sidebar-content {
    display: flex;
    flex-direction: column;
  }

  .sidebar-category {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .sidebar-category > .category-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .sidebar-category > .category-content .main-group {
    flex: 0 0 auto;
  }

  .sidebar-category > .category-content .bottom-group {
    flex: 0 0 auto;
    margin-top: auto;
  }
}
/* ------------------------------------------ */
/* -- Dashboard -- */
/* ------------------------------------------ */
.dashboard-container .panel-flat > .panel-heading + .panel-body a {
  overflow-wrap: break-word;
}
.stats-panel-body {
  padding: 10px;
  margin: 0 10px 0 10px;
}
.stats-number {
  float: left;
  vertical-align: middle;
  font-size: 80px;
  line-height: 1;
}
.stats-description {
  float: right;
  vertical-align: middle;
  font-size: 26px;
  line-height: 1.5;
}
a.dashboard-btn,
a.dashboard-btn:hover,
a.dashboard-btn:active,
a.dashboard-btn:focus {
  width: 100%;
  margin-top: 20px;
  color: #ffffff;
}
.qr h4 {
  font-weight: 700;
}
@media (max-width: 767px) {
  .stats-number {
    font-size: 40px;
  }
  .stats-description {
    font-size: 13px;
  }
}

/* ------------------------------------------ */
/* -- Samples -- */
/* ------------------------------------------ */
.samples-page-container #actions > ul:nth-child(1) > li,
.samples-page-container #actions > ul:nth-child(2) > li,
.samples-page-container #actions > ul:nth-child(3) > li {
  background: var(--bg-primary) !important;
}
#actions > ul:nth-child(2) > li > img {
  margin-bottom: 2px;
  height: 1.4em;
  margin-left: 0;
}
div#mySamplesTable {
  margin-top: 7px;
  overflow: visible !important;
  position: relative;
}

/* ------------------------------------------ */
/* -- Orders -- */
/* ------------------------------------------ */

.stats-panel-body {
  padding: 10px;
  margin: 0 10px 0 10px;
}
.stats-number {
  float: left;
  vertical-align: middle;
  font-size: 80px;
  line-height: 1;
}
.stats-description {
  float: right;
  vertical-align: middle;
  font-size: 26px;
  line-height: 1.5;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: none;
}
@media (max-width: 767px) {
  .stats-number {
    font-size: 40px;
  }
  .stats-description {
    font-size: 13px;
  }
}
[id^="modal_order_details"].modal,
[id^="modal_order_download_form"].modal {
  overflow: scroll !important;
}
[class$="tooltip-span"] {
  display: inline !important;
}
[id^="modal_order_details"] .wizard > .steps > ul > li {
  width: 13% !important;
}
@media (min-width: 768px) and (max-width: 768px) {
  /* iPad only */
  [id^="modal_order_details"] .wizard > .steps > ul > li {
    left: 80px;
  }
}
[id^="modal_order_details"] .modal-body {
  padding-bottom: 5px;
}

/* ------------------------------------------ */
/* -- Download Samples Form -- */
/* ------------------------------------------ */

#modal_download_form .radio-inline,
#modal_order_download_form .radio-inline,
#modal_download_multiple_form .radio-inline {
  color: var(--text-secondary);
  margin: 0px 0px 0px 10px;
}
#modal_download_form .controls,
#modal_order_download_form .controls,
#modal_download_multiple_form .controls {
  text-align: left;
}
#div_id_format > div > div,
#div_id_subformat > div > div,
#div_id_limit > div > div {
  margin-left: 10px;
}
#div_id_test_type > div {
  white-space: nowrap;
}
.format-radios-label {
  text-align: left;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500a;
}
.radio-inline label {
  color: var(--text-secondary);
}
.no-downloads-available {
  cursor: default;
}
#div_id_format .controls .radio-inline,
#div_id_subformat .controls .radio-inline {
  width: 30%;
}
#modal_download_form .pickadate {
  width: 285px;
}
#modal_download_form .modal-footer,
#modal_order_download_form .modal-footer,
#modal_download_multiple_form .modal-footer {
  text-align: left;
}
/* ------------------------------------------ */
/* -- Profile -- */
/* ------------------------------------------ */
.shift-left-padding-24 {
  padding-left: 0 !important;
  padding-right: 24px !important;
}
.user-profile-overview {
  margin-bottom: 30px;
}
.user-profile-edit {
  margin-bottom: 30px;
}
.update-user-profile-header {
  text-align: left;
  font: normal normal normal 19px / 29px Poppins;
  letter-spacing: -0.3px;
  color: var(--text-primary);
  margin-top: 20px;
}
.profile-label {
  font-weight: 500;
}
.profile-field a {
  text-decoration: underline;
  font-size: 13px;
}
.file-input {
  width: 95%;
  padding: 0;
}
@media (min-width: 768px) {
  .profile-tabs .as-nav-btn.as-active {
    margin: 5px;
  }
}
@media (max-width: 767px) {
  .profile-tabs .as-nav-btn {
    padding: 10px 5px;
    font-size: 10px;
  }
}
#div_id_sample_label_image {
  right: -17px;
}

#div_id_profile_image {
  left: -10px;
}
#hint_id_sample_label_image.form-text,
#hint_id_profile_image.form-text {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0.11px;
  color: #00000099;
}
#hint_id_intro_paragraph.form-text {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: -0.19px;
  color: #999999;
}
.profile-page-container h2 {
  font: normal normal normal 19px / 29px Poppins;
  letter-spacing: -0.3px;
  color: var(--text-primary);
}
/* ------------------------------------------ */
/* -- Begin Notification -- */
/* ------------------------------------------ */

.profile-tabs {
  margin-bottom: 60px;
}
.notification-intro {
  padding-bottom: 2.5em;
}

/* ------------------------------------------ */
/* -- Begin Notification Preferences Table -- */
/* ------------------------------------------ */

.notification-pref {
  display: table;
  table-layout: fixed;
}
#hint_id_intro_paragraph {
  color: #999999 !important;
}
.notification-tr-recipient {
  display: block;
}
.notification-accordion-topline {
  display: none;
  word-break: break-all;
  max-width: 600px;
}
@media (max-width: 767px) {
  .notification-accordion-topline {
    max-width: 410px;
  }
}
@media (max-width: 577px) {
  .notification-accordion-topline {
    max-width: 340px;
  }
}
@media (max-width: 377px) {
  .notification-accordion-topline {
    max-width: 210px;
  }
}
.notification-pref .notification-tr {
  display: table-row;
  padding: 10px;
}
.notification-pref .notification-tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.notification-pref .notification-th,
.notification-pref .notification-td {
  text-align: center;
}
.notification-pref .notification-th:first-child,
.notification-pref .notification-td:nth-child(2) {
  text-align: left;
  width: 250px;
}
.notification-pref .notification-th {
  display: table-cell;
  font-size: 14px;
  vertical-align: bottom;
  padding-bottom: 2rem;
}
.notification-pref .notification-th .columntitle {
  margin: 0px 1rem;
}
.notification-th .notification-prog {
  filter: brightness(0) saturate(100%) invert(69%) sepia(76%) saturate(7018%)
    hue-rotate(145deg) brightness(103%) contrast(101%);
  display: block;
  height: 30px;
  background: url("../images/notifications/slider-mid.f9a05261eecc.png") transparent
    no-repeat 50% bottom;
}
.notification-pref .notification-th:nth-child(2) .notification-prog {
  background: url("../images/notifications/slider-first.50e58759fd64.png") transparent
    no-repeat 50% bottom;
  display: block;
}
.notification-pref .notification-th:nth-last-child(4) .notification-prog {
  background: url("../images/notifications/slider-last.72995efd4f50.png") transparent
    no-repeat 50% bottom;
  display: block;
}
.notification-pref .notification-th:nth-last-child(2) .notification-prog,
.notification-pref .notification-th:nth-last-child(3) .notification-prog {
  background: url("../images/notifications/slider-discrete.2681471465dc.png") transparent
    no-repeat 50% bottom;
  display: block;
}
.notification-pref .notification-td {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 0.8rem;
}
.notification-pref .notification-tr:nth-child(2) .notification-td:last-child {
  border-top: 2px solid red !important;
}
.notification-pref .notification-tr .notification-th:last-child,
.notification-pref .notification-tr .notification-td:last-child {
  width: 130px;
  padding-left: 0;
}
.notification-pref .notification-td .checkbox {
  display: block;
}
.notification-pref .checkbox .checker {
  position: relative;
}
.notification-action-bar {
  padding-left: 0px;
  padding-top: 1rem;
  margin-bottom: 6rem;
}

/* ---------------------- */
/* -- Begin Accordion -- */
/* ---------------------- */

.notification-tr-master {
  display: table-row;
}
.notification-tr-master:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}
.notification-td-master {
  padding: 8px 0;
}
.notification-accordion-topline:nth-child(2) {
  float: right;
}
.notification-accordion-title {
  display: none;
  line-height: 34px;
  margin-left: 0.8rem;
}
.edit-notification-email {
  display: inline-block;
}
.edit-notification-email a {
  height: 34px;
  width: 34px;
  display: block;
  text-indent: -9999px;
  line-height: 34px;
  background: url("../images/notifications/icon-edit-close.366fb5db42ff.svg") 50% bottom
    no-repeat;
}
.edit-notification-email a[aria-expanded="true"] {
  background-position: 50% top;
}
.remove-notification-email {
  display: inline-block;
  border-left: 1px solid #d1d9de;
  padding-left: 0.5em;
  margin-left: 0.5em;
}
.remove-notification-email button[type="button"] {
  height: 34px;
  width: 34px;
  display: inline-block;
  text-indent: -9999px;
  line-height: 34px;
  background: url("../images/notifications/icon-delete.3cd3880c17b5.svg") 50% 50% no-repeat;
  border: none;
  margin-right: 0.8rem;
}

/* ------------------- */
/* -- End Accordion -- */
/* ------------------- */

/* ---------------------------------------- */
/* -- End Notification Preferences Table -- */
/* ---------------------------------------- */

/* ---------------------- */
/* -- Begin Checkboxes -- */
/* ---------------------- */

input[type="checkbox"].scl-checkbox {
  display: none;
  pointer-events: none;
}
input[type="checkbox"].scl-checkbox + label.scl-label svg {
  width: 1.4em;
}
label.scl-label svg .scl-checkbox-box {
  fill: #fff;
  stroke: #bfc6c9;
  stroke-width: 2;
}
input[type="checkbox"]:checked + label.scl-label svg .scl-checkbox-box {
  fill: #009cfa;
  stroke: #009cfa;
  transition: fill 0.2s linear;
}
input[type="checkbox"].disabled:checked
  + label.scl-label
  svg
  .scl-checkbox-box {
  fill: #97a2a7;
  stroke: #97a2a7;
  cursor: not-allowed;
}
input[type="checkbox"]:disabled + .scl-label {
  cursor: not-allowed !important;
}
label.scl-label svg .scl-checkbox-check {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
}
input[type="checkbox"]:checked + label.scl-label svg .scl-checkbox-check {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 0.8s linear;
}
input[type="checkbox"].scl-checkbox + label.scl-label {
  cursor: pointer;
  font-size: 0.8em;
  margin: 8px 0 0;
}
label.scl-label span {
  display: none;
}
.users-accordion-wrapper .disabled {
  cursor: not-allowed !important;
}
.users-username-text {
  position: relative;
  top: 5px;
  white-space: nowrap;
  font: normal normal normal 16px / 25px Poppins;
  letter-spacing: 0.15px;
  color: #00000099;
}
.users-edit-profile {
  font: normal normal 600 16px / 18px Poppins;
  letter-spacing: 0.12px;
  color: #00000099;
  text-transform: uppercase;
}
/* -------------------- */
/* -- End Checkboxes -- */
/* -------------------- */

/* ------------------------------------------------- */
/* ----------------- Media Queries ----------------- */
/* ------------------------------------------------- */

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 1300px) {
  .profile-tabs {
    margin-bottom: 2em;
    margin-top: 1.5em;
  }

  .notification-intro {
    display: block;
    padding-bottom: 1em;
  }
  .notification-accordion-topline {
    display: table-cell;
  }
  .notification-accordion-title {
    display: inline-block;
    line-height: 34px;
    margin-left: 0.8rem;
  }

  .notification-pref .notification-tr:first-child {
    padding: 0;
  }
  .notification-pref .notification-tr,
  .notification-pref .notification-td {
    display: block !important;
  }
  .notification-pref .notification-th {
    display: none;
  }
  .notification-pref .notification-th:first-child {
    display: none;
  }
  .notification-pref .notification-td {
    text-align: left;
    border-top: none !important;
  }
  .notification-pref .notification-tr {
    padding: 1em;
  }
  .notification-pref .notification-td:first-child {
    width: 100%;
    display: block;
    border-top: 2px solid #eee !important;
  }
  .notification-pref .notification-td:nth-child(2) {
    width: 100%;
  }
  .notification-tr .form-group {
    margin-bottom: 0.5em;
  }
  .notification-tr .notification-td:nth-child(2) .controls:before {
    content: "Email address:";
    margin-bottom: 0.5em;
  }
  .notification-tr .notification-td:nth-child(2) {
    margin-bottom: 1em;
  }
  .notification-action-bar {
    border-top: 1px solid #d8dfe5;
  }
  .notification-accordion-wrapper input[type="email"].form-control {
    max-width: 20em;
  }
  input[type="checkbox"].scl-checkbox + label.scl-label {
    margin-top: 0;
  }
  input[type="checkbox"].scl-checkbox + label.scl-label svg {
    width: 2.5em;
    display: inline;
    margin-right: 1.2em;
    float: left;
  }
  .notification-accordion-wrapper label.scl-label span {
    display: inline;
    font-size: 13pt;
  }

  /* ---------------------- */
  /* -- Begin Accordion -- */
  /* ---------------------- */

  .notification-accordion-title {
    display: inline-block;
    line-height: 34px;
  }
  .edit-notification-email {
    display: inline-block;
  }
  .edit-notification-email a {
    height: 34px;
    width: 34px;
    display: block;
    text-indent: -9999px;
    background: url("../images/notifications/icon-edit-close.366fb5db42ff.svg") 50% bottom
      no-repeat;
  }
  .edit-notification-email a[aria-expanded="true"] {
    background-position: 50% top;
    animation: 1s;
  }
  .remove-notification-email button[type="button"] {
    height: 34px;
    width: 34px;
    display: inline-block;
    text-indent: -9999px;
    background: url("../images/notifications/icon-delete.3cd3880c17b5.svg") 50% 50% no-repeat;
    border: none;
  }
  .notification-pref .notification-tr .notification-th:last-child,
  .notification-pref .notification-tr .notification-td:last-child {
    display: none !important;
  }

  /* ------------------- */
  /* -- End Accordion -- */
  /* ------------------- */
}

@media (min-width: 768px) and (max-width: 900px) {
  .notification-intro {
    padding-bottom: 40px;
  }
  .notification-pref .notification-td {
    display: inline-block !important;
    width: 48%;
    padding-left: 2rem;
  }
  .notification-pref .notification-td:nth-child(2),
  .notification-pref .notification-td:last-child {
    display: block !important;
  }
}

@media (min-width: 901px) and (max-width: 1299px) {
  .notification-intro {
    padding-bottom: 40px;
  }
  /*.notification-pref .notification-th {*/
  /*  display: table-cell;*/
  /*}*/
  .notification-pref .notification-th div.columntitle {
    font-size: 12px;
  }
  .notification-pref .notification-th:first-child,
  .notification-pref .notification-td:first-child {
    width: 140px;
  }
  .notification-pref .notification-td {
    display: inline-block !important;
    width: 48%;
    padding-left: 2rem;
  }
  .notification-pref .notification-td:nth-child(2),
  .notification-pref .notification-td:last-child {
    display: block !important;
  }
  .notification-accordion-wrapper input[type="email"].form-control {
    max-width: 20em;
  }
  input[type="checkbox"].scl-checkbox + label.scl-label {
    margin-top: 0;
  }
  input[type="checkbox"].scl-checkbox + label.scl-label svg {
    width: 1.4em;
    display: table-cell;
    margin-right: 1.2em;
    float: left;
    margin-top: 0.2em;
  }
  .notification-accordion-wrapper label.scl-label span {
    display: table-cell;
  }
}

/* End Smartphones (portrait) ----------- */

/* ------------------------------------------ */
/* -- Begin Submit Samples -- */
/* ------------------------------------------ */
.comprehensive-disclaimer {
  left: -1px;
  font-size: 12px;
  padding-top: 180px !important;
  padding-right: 20px;
  padding-left: 0px;
  margin-top: 20px;
  color: #808284;
}
.comprehensive-disclaimer ul {
  list-style-type: binary;
}
.comprehensive-disclaimer li {
  padding-left: 13px;
}
.comprehensive-disclaimer ul::before {
  margin-left: 20px;
}
div.col-lg-12.col-sm-12.col-xs-12.micro-test-div.micro-extraction > div {
  margin-bottom: 0 !important;
}
.action-limits.help-block {
  color: #999999;
}
.ss-step-2-container .popover.heavy-metals-expanded {
  min-width: 400px;
}
.ss-micro-extraction-info-button {
  top: 45px;
  border-bottom: 1px solid #d7d7d7;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(215, 215, 215);
  height: 103px !important;
}
.ss-test-packages-row {
  margin-bottom: 40px !important;
  position: relative;
}
.ss-test-packages-row {
  background: #e6ebf6;
  height: 55px;
  position: relative;
  top: 28px;
  font: normal normal normal 13px / 20px Poppins;
  letter-spacing: 0.65px;
  color: var(--text-primary);
  text-transform: uppercase;
  min-width: 450px;
}
@media (max-width: 375px) {
  .ss-test-packages-row {
    min-width: 325px;
  }
}
@media (max-width: 767px) {
  .ss-package-button,
  [name="add_all_test_rushes_button"].ss-package-button {
    width: 92% !important;
  }
  [name="add_all_test_rushes_button"].ss-package-button {
    margin-top: 0;
  }
  [name="standard_safety_package"].ss-package-buton {
    margin-top: -13px !important;
  }
  [name="basic_safety_package"].ss-package-buton a {
    margin-bottom: -10px !important;
  }
  [name="basic_safety_package"].ss-package-buton {
    margin-top: -13px !important;
    margin-bottom: 10px;
  }
  .ss-package-button-div {
    width: 100% !important;
  }
}
.ss-test-packages-info {
  margin-top: 15px;
  font: normal normal normal 14px / 21px Poppins;
}
.ss-test-packages-row p {
  top: 30px;
  left: -2px;
  position: relative;
}
.ss-micro-extraction-wrapper div {
  background-color: #e7e7e7;
  padding-left: 7px;
  height: 40px;
  width: 650px;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-bottom-20 {
  display: block !important;
  margin-bottom: 20px !important;
}
.ss-micro-extraction-wrapper {
  height: 40px;
  width: 650px;
}
.micro-extraction-checkbox.checkboxinput.styled {
  margin-left: -20px;
}
.ss-submission-item .ss-tests-table .micro-extraction .checkbox {
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
  border: none !important;
  width: 600px;
  min-height: 120px;
}
.ss-submission-item .ss-tests-table .micro-extraction label {
  padding-left: 30px;
}
.ss-micro-extraction-wrapper .form-group {
  border: none !important;
  left: -7px;
  padding-left: 15px;
  top: -30px;
}
.ss-micro-extraction-wrapper .micro-test-header {
  font: normal normal bold 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 20px;
  width: 600px;
}
.ss-micro-extraction-wrapper .test-panel-packages {
  text-align: left;
  padding: 0;
  padding-top: 30px;
}
.ss-micro-extraction-wrapper .micro-menu-header {
  padding-top: 10px;
  font: normal normal normal 14px / 33px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-micro-extraction-wrapper div.micro-extraction-menu {
  height: 20px;
}
.ss-micro-extraction-wrapper .test-options-explainer p {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  max-width: 600px;
}
@media (max-width: 1299px) {
  .micro-test-div.micro_pseudomonas_aeruginosa {
    border-top: 1px solid #d7d7d7 !important;
  }
}
.ss-micro-extraction-wrapper .micro-test-div label,
.ss-micro-extraction-wrapper .micro-panel-div label {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
}
.ss-micro-extraction-wrapper .micro-test-div .sub-label,
.ss-micro-extraction-wrapper .micro-panel-div .sub-label {
  font: normal normal normal 12px / 18px Poppins;
  padding: 0;
  margin-bottom: 20px;
}
.ss-micro-extraction-wrapper .sub-label {
  text-align: left;
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  margin-bottom: 10px;
}
.ss-micro-extraction-wrapper .sub-label b {
  text-align: left;
  font: normal normal 600 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-micro-extraction-wrapper .micro-panel-div {
  padding-left: 20px;
}
.ss-micro-extraction-wrapper .no-rush-wrapper {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: #555555;
  height: 80px;
  padding-top: 20px;
  width: 650px;
}
.ss-micro-extraction-wrapper .micro-panel-div .form-group {
  left: -55px;
}
.ss-micro-extraction-wrapper .test-panel-packages-wrapper {
  padding-top: 60px;
  padding-bottom: 80px;
}
.ss-micro-extraction-wrapper .view-panel {
  text-align: right;
  text-decoration: underline;
  padding: 0;
  padding-right: 10px;
  cursor: pointer;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
}
.ss-micro-extraction-wrapper div label {
  left: -20px;
}

.ss-micro-extraction-wrapper .micro-panel-div {
  padding-left: 20px;
}
.ss-test-options-wrapper .ss-submission-item .checkbox-inline {
  margin-left: -10px;
}
.ss-step-2-container .micro-panel-two-col-list {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding-right: 10px !important;
}
.ss-step-2-container .micro-panel-three-col-list {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  padding-right: 30px !important;
}
.ss-step-2-container .micro-panel-four-col-list {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
  padding-right: 30px !important;
}
.popover.cannabinoids-expanded {
  max-width: 543px;
}
.popover.cannabinoids-minor {
  min-width: 305px;
}
.ss-step-2-container .micro-panel-one-col-list {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  padding-right: 10px !important;
}
.ss-test-options-wrapper p.test-title {
  margin-bottom: 0;
  cursor: pointer;
}
.ss-step-2-container .ss-micro-tooltip-container * {
  background: #ffffff;
}
.ss-step-2-container .ss-micro-tooltip-container {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}
.ss-step-2-container .popover.fade.right.in {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 10px;
  padding-left: 30px;
}
.ss-step-2-container .micro-tooltip-title {
  text-align: left;
  font: normal normal medium 12px / 24px Poppins;
  letter-spacing: 1.73px;
  color: #464e52;
  text-transform: uppercase;
}
.ss-step-2-container .ss-micro-tooltip-container ul {
  list-style: none;
  padding: 10px;
}
.ss-step-2-container .ss-micro-tooltip-container ul li::before {
  content: "•";
  font-size: 13px;
  position: relative;
  margin-left: -6px;
}
.ss-step-2-container .ss-micro-tooltip-container ul li {
  margin-left: 10px;
  padding-top: 10px;
}
.ss-step-2-container .micro-tooltip-panel-title {
  text-align: left;
  font: normal normal 500 16px / 24px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-step-2-container .popover {
  text-align: left;
  font: normal normal normal 13px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  padding: 20px;
  padding-top: 0;
  padding-bottom: 0;
  background: #ffffff;
}
.popover.pesticides-comprehensive,
.popover.pesticides-standard,
.popover.residual-solvents_comprehensive {
  min-width: 320px;
}
.popover.pesticides-comprehensive,
.popover.pesticides-standard,
.popover.residual-solvents-comprehensive {
  padding-top: 0;
}
.popover.pesticides-comprehensive,
.popover.pesticides-standard,
.popover.residual-solvents-comprehensive {
  min-width: 500px;
}

.popover.pesticides-basic {
  min-width: 500px;
}

.popover.pesticides-ca-select {
  min-width: 400px;
}

.popover.residual-solvents-standard,
.popover.residual-solvents-expanded,
.popover.micro-standard {
  min-width: 500px;
}

.popover.micro-comprehensive,
.popover.micro-expanded {
  min-width: 500px;
}
.ss-step-2-container .ss-micro-tooltip-container ul,
.ss-step-2-container .ss-micro-tooltip-container .popover-content {
  background: #ffffff;
}
.ss-test-options-wrapper .no-rush-icon p.test-title::after {
  margin-bottom: 0;
  content: "‡";
  vertical-align: super;
  font: normal normal normal 10px / 16px Poppins;
  letter-spacing: 0px;
  color: #555555;
  margin-left: 0.4em;
}
.ss-test-options-wrapper .no-rush-icon-bottom {
  padding-left: 20px;
}
.ss-test-options-wrapper .no-rush-explainer {
  left: -15px;
}
.ss-test-options-wrapper .analytes {
  text-decoration: underline;
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
}
.ss-test-options-wrapper
  div:not(
    [id^="modal_yersinia_delay"],
    .modal-dialog,
    .modal-inner,
    [id^="modal_yersinia_delay"] *,
    .popover *,
    .analytes *
  ) {
  background-color: var(--bg-primary);
}
.ss-test-options-wrapper hr,
.ss-micro-extraction-wrapper {
  background-color: #e6ebf6 !important;
}

.ss-test-options-wrapper .micro-test-header {
  font: normal normal bold 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  text-transform: uppercase;
  padding-bottom: 10px !important;
}
.ss-test-options-wrapper .test-panel-packages {
  text-align: left;
  padding: 0;
  padding-top: 30px;
}
.ss-test-options-wrapper .micro-menu-header {
  padding-top: 10px;
  font: normal normal normal 14px / 33px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-test-options-wrapper .test-options-explainer p {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  max-width: 600px;
  white-space: normal;
}
.ss-test-options-wrapper .micro-test-div label,
.ss-test-options-wrapper .micro-panel-div label {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
}
.ss-test-options-wrapper .micro-test-div label {
  width: 245px;
  white-space: nowrap;
  padding-left: 28px;
}
.ss-test-options-wrapper hr.panel-divider {
  margin-left: 0;
  position: relative;
  left: -10px;
}
.ss-test-options-wrapper hr.panel-divider-w-margins {
  margin-left: 10px;
  position: relative;
  margin-right: 20px;
}

.ss-test-options-wrapper hr:not(.ss-hr-text) {
  height: 5px;
  background: #e7e7e7;
  margin-left: 10px;
  margin-right: 10px;
}
.ss-test-options-wrapper hr.header {
  margin-left: -10px;
  margin-right: 0;
  border-top: 1px solid #a0a0a0;
}
.ss-test-options-sub-header {
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0.7px;
  color: var(--text-primary);
}
.ss-step-2-container .micro-test-div .sub-label,
.ss-step-2-container .micro-panel-div .sub-label {
  font: normal normal normal 12px / 18px Poppins;
  padding: 0;
  margin: 0;
}
.micro-test-div {
  border-bottom: 1px solid #d7d7d7;
}
.ss-test-options-wrapper .micro-panel-div {
  padding-left: 20px;
  padding-bottom: 10px;
}
.ss-test-options-wrapper .no-rush-wrapper {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: #555555;
  height: 80px;
  padding-top: 20px;
  margin-bottom: 0;
  z-index: 100;
}
.ss-test-options-wrapper .micro-panel-div .form-group {
  left: -55px;
}
.ss-test-options-wrapper .test-panel-packages-wrapper {
  padding-top: 60px;
  padding-bottom: 20px;
}
.ss-test-options-wrapper .view-panel {
  text-align: right;
  text-decoration: underline;
  padding: 0;
  padding-right: 20px;
  cursor: pointer;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
}
.ss-test-options-wrapper div label {
  left: -20px;
}
.ss-tests-content p.upcharge {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--help-text);
}
.ss-submission-item div.asterisk span {
  font: normal normal normal 36px / 33px Poppins;
  letter-spacing: 0px;
  position: relative;
  top: 15px;
}
.ss-submission-item div.asterisk span,
.ss-submission-item .asteriskField {
  color: #ff6e50;
}
.ss-submission-item div.required-fields span {
  font: normal normal normal 14px / 33px Poppins;
  letter-spacing: 0px;
  color: var(--text-grey-old);
  margin-bottom: 20px;
}
.ss-submission-item div.required-fields,
.ss-submission-item div.asterisk {
  display: inline-block;
}
.ss-specialty-test-services-container {
  margin-top: 40px;
  color: var(--text-grey-old);
}
.ss-specialty-test-services-container ul {
  margin-top: 15px;
  margin-left: 20px;
  padding-bottom: 0;
}
.ss-specialty-test-services-container li {
  padding-top: 3px;
  padding-bottom: 3px;
}
.ss-specialty-test-services-container li .reports {
  font: italic normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
}
.youtube-container {
  position: relative;
  padding-bottom: 53.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-container,
.youtube-container iframe {
  max-width: 1280px;
  max-height: 720px;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
select {
  -webkit-appearance: menulist-button;
}
.select2-results__option[aria-selected="true"] {
  background-color: var(--text-secondary);
}
.select2-selection--single {
  padding-top: 11px;
  padding-bottom: 32px;
}
#pickup-fields {
  display: none;
}
#new-license {
  display: none;
}
#submit-samples-form button[value="step_3"] {
  padding-right: 0 !important;
}
@media (max-width: 767px) {
  #courierstepthree {
    padding-top: 30px !important;
  }
  .ss-add-package-container .ss-add-package-display-description-container {
    margin-left: -10px;
    margin-top: -2px;
    max-width: 350px;
    white-space: normal !important;
  }
}
@media (max-width: 1199px) {
  .ss-tests-column {
    margin-top: 0 !important;
    padding-left: 60px;
  }
  .ss-first-tests-column {
    min-width: 50px;
  }
  .ss-non-license-date-harvested {
    padding: 0 !important;
  }
  .ss-submission-item .pickadate {
    width: 75% !important;
  }
  .ss-tests-column .icon-info3 {
    margin-left: 00px;
  }
}
@media (max-width: 768px) {
  div.primary-sample-total-weight-or-count {
    padding-left: 0;
  }
  .ss-test-type,
  .ss-header {
    margin-left: 5px !important;
  }
  .ss-tests-column {
    margin-top: 0 !important;
  }
  .ss-formset-buttons {
    margin-left: 0 !important;
    padding-left: 10px !important;
  }
  .ss-step-2-back,
  .ss-step-2-save {
    padding-right: 0;
  }
  .ss-step-2-back,
  .ss-step-2-save,
  .ss-step-2-next {
    padding-left: 0;
  }
  .ss-step-3-submit {
    padding: 0;
  }
  .ss-step-3-save {
    padding: 0;
  }
  .ss-submission-item-compliance .ss-sample-title {
    top: 0px;
  }
  .ss-tests-table {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .ss-first-tests-column {
    max-width: 120px;
  }
  .ss-phytofacts-callout div {
    padding-left: 0;
  }
  #courierstepthree .submission-item span button {
    padding-left: 0;
    padding-right: 0;
  }
}
#producer-details {
  display: none;
}
.ss-step-2-add-sample button {
  color: #fff !important;
}
.ss-step-2-add-sample {
  color: #fff !important;
  position: relative !important;
  left: 0px !important;
  top: 0 !important;
}
.ss-step-2-back button {
  width: 100%;
  margin-right: 0;
}
.ss-step-2-save button {
  width: 100%;
}
.ss-step-2-next button {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
.ss-step-2-next {
  padding-right: 0;
}
.ss-step-3-save button {
  margin-top: 20px !important;
  margin-right: 15px;
  min-width: 120px;
}
.ss-step-3-submit {
  margin-bottom: 20px;
  padding-right: 0;
}
.submission-inner {
  padding-bottom: 0;
}
.btn.btn-primary.state-fair {
  color: white !important;
  padding-left: 20px;
  padding-right: 20px;
}
.btn.btn-primary.ss-start-button {
  padding: 30px;
  width: 100%;
  font-size: 23px;
  text-align: center;
  margin-bottom: 15px;
  background-color: #e6ebf6 !important;
  border-color: #e6ebf6 !important;
  color: #383d5c !important;
}
.ss-innergrid {
  text-align: center;
  border-radius: 3px;
}
.ss-header {
  margin: 18px 0;
  text-align: left;
  font: normal normal normal 20px / 30px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
}
.ss-home-subheader {
  text-align: left;
  font: normal normal normal 34px / 51px Poppins;
  letter-spacing: 0px;
  color: #444444;
  margin-left: 30px;
  margin-bottom: 20px;
}
.ss-home-first-header {
  margin-bottom: 72px;
  margin-left: 20px;
}
.ss-add-package-container-selected {
  background-color: #d5ede8 !important;
}
.ss-add-package-container {
  background-color: white;
  padding: 10px;
  margin: 5px;
}

.ss-home-test-type-selector-container-selected {
  background-color: #d5ede8;
}

.ss-home-test-type-selector-container {
  border: 1px solid #e5e5e5;
  padding: 15px;
  margin-top: 5px !important;
  color: var(--text-grey-old);
}
.ss-home-test-type-selector-container .header {
  font: normal normal 600 18px / 21px Poppins;
}
.ss-home-test-type-selector-container .description {
  font: normal normal normal 14px / 21px Poppins;
}
.ss-add-package-display-description-container {
  padding: 0;
  margin-left: -67px;
}
.ss-add-package-display-name {
  font: normal normal normal 15px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--text-grey-old);
}
.ss-add-package-container {
  margin-left: -20px;
}
.ss-add-package-container .ss-checkbox.checkbox-inline,
.ss-add-package-container label {
  margin-left: -22px;
  margin-top: -1px;
}

.compliance-package-buttons-container {
  left: -10px;
  display: block;
  position: relative;
  width: 629px;
  padding-bottom: 60px;
  margin-bottom: 60px;
  padding-top: 10px;
  margin-top: 10px;
}

.ss-add-package-description {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-button-description {
  text-align: center;
  font: normal normal normal;
}
.ss-test-select-button-container {
  margin-left: 20px;
  padding-left: 0;
}
.ss-youtube-container {
  margin-left: 10px;
}
.ss-helpful-tips-text {
  text-align: left;
  font: normal normal normal 16px / 24px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-helpful-tips-text b {
  font: normal normal bold 16px / 24px Poppins;
}
.ss-helpful-tips-container > div > ol > li {
  margin: 18px 0px;
}
.ss-helpful-tips-container {
  padding-top: 40px;
  margin-left: 20px;
  padding-right: 30px;
}
.ss-ul > li::before {
  content: "\2022";
  font-size: 16px;
  vertical-align: middle;
}
.ss-delivery-type-tips > li::before {
  position: absolute;
  left: 40px;
}
.ss-delivery-type-tips a {
  text-decoration: underline;
}
.ss-ul {
  padding-left: 0;
  list-style: none;
}
.ss-delivery-type-tips {
  padding-left: 30px;
}
.ss-step-1-container {
  padding-left: 40px;
  margin-bottom: 30px;
}
.ss-step-2-container {
  padding-left: 30px;
  margin-bottom: 30px;
}
.ss-step-2-container .ss-test-type-container {
  margin-left: 10px;
}
.ss-delivery-type-tips li {
  margin: 18px 0px;
}
.ss-test-type-container {
  padding-left: 0;
}
.ss-test-type {
  margin-top: 58px;
  padding-bottom: 40px;
  text-align: left;
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 1.2px;
  color: #6b7780;
}
.ss-form-divider-container {
  width: 100%;
  line-height: 0.1em;
  margin: 30px 0px;
}
.ss-sample-dropoff {
  margin-top: 20px;
  margin-bottom: 30px;
}
.ss-pickup-tips {
  margin: 20px 0px;
}
#div_id_beginning_availability,
#div_id_ending_availability {
  margin-top: 20px;
}

.ss-new-license {
  padding-left: 0px;
}
.ss-new-license-container {
  margin-bottom: 10px;
  margin-left: 0px;
}
.ss-new-license-header {
  text-align: left;
  font: normal normal 600 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  margin-top: 45px;
  margin-bottom: 18px;
}
.ss-sample-formset {
  background: var(--bg-secondary) 0% 0% no-repeat padding-box;
  width: 100%;
  border-right: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-radius: 2px;
  padding: 20px;
  padding-bottom: 0;
  max-width: 711px;
}
.ss-step-3-container {
  padding-left: 30px;
  max-width: 711px;
  margin-bottom: 30px;
}
.ss-step-3-container .ss-test-type-container {
  padding-left: 10px;
}
.ss-step-4-container .ss-test-type-container {
  padding-left: 10px;
}
.ss-sample-formset-container {
  padding-right: 0;
  margin-right: 0;
}
.submission-inner.ss-sample-formset {
  background-color: var(--bg-primary);
}
.ss-submission-item {
  padding: 0;
  min-height: 80px;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  background-color: var(--bg-primary);
  max-width: 711px;
  min-height: 70px;
}
#courierstepthree .ss-remove-button button {
  background-color: var(--bg-primary) !important;
  color: var(--link-color) !important;
  text-decoration: underline;
  padding-right: 25px !important;
  margin-top: 8px;
  padding-top: 20px;
  padding-bottom: 20px;
}
#courierstepthree #less-sample_disabled.ss-remove-button button {
  text-decoration: none !important;
  color: #6b7780 !important;
  pointer-events: none;
}
#courierstepthree .ss-sample-caret-button button {
  margin-top: 8px;
  color: #7b7b7b !important;
  background-color: var(--bg-primary) !important;
  border-left: 1px solid #bbbbbb !important;
  padding-top: 20px;
  padding-bottom: 20px;
}

#courierstepthree .submission-item .ss-sample-caret-button button {
  min-width: 50px !important;
}

#courierstepthree .ss-phytofacts-caret-button button {
  margin-top: 30px;
  color: #7b7b7b !important;
  background-color: #e6ebf6 !important;
  border: none;
  padding: 10px;
}
#courierstepthree .ss-phytofacts-caret-button {
  cursor: pointer;
  z-index: 5;
}
#courierstepthree .ss-sample-caret-button button .fa-angle-down {
  padding-left: 15px;
}
.ss-sample-caret-button,
.ss-remove-button {
  top: 0 !important;
  margin-top: 10px;
  margin-bottom: 20px;
  z-index: 5;
}
.ss-submission-item-compliance {
  padding-top: 20px !important;
}
.ss-sample-title-compliance {
  text-align: left;
  font: normal normal 600 20px / 30px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
}
.ss-submission-item-compliance .ss-remove-button {
  margin-top: 25px;
}
.ss-submission-item-compliance .ss-sample-caret-button {
  margin-top: 25px;
}
.ss-sample-title {
  text-align: left;
  font: normal normal 600 20px / 30px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
  top: 10px;
  left: 20px;
  padding: 10px 0 20px;
  z-index: 5;
  display: block;
  margin-bottom: 10px;
  position: relative;
  width: 70%;
}
.ss-submission-item .pickadate {
  width: 50%;
}
.ss-hr-first {
  margin-top: 80px;
}
.ss-package-button {
  white-space: nowrap;
  font: normal normal normal 15px / 23px Poppins !important;
  letter-spacing: 0px;
  color: #ffffff;
  margin: 10px;
  margin-top: -5px;
  margin-left: 0 !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.padding-bottom-0 {
  padding-bottom: 0 !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.ss-info-icon-fix {
  position: relative;
  left: 108.5px !important;
}
.ss-test-options-wrapper .test-options-checkbox {
  top: 5px !important;
}
.micro-tests-column .test-options-checkbox {
  left: 24px !important;
  top: -13px !important;
}
.ss-package-button-container.top {
  margin-top: 20px;
}
.ss-submission-item select[id$="report_cannabinoids"],
.ss-submission-item select[id$="inputs_tested"] {
  width: 105px;
}
.ss-tests-requested-container {
  margin-top: 45px;
  margin-bottom: -20px;
}
.ss-tests-requested-label {
  background: var(--bg-primary) 0% 0% no-repeat padding-box;
  border-right: none;
  border-radius: 2px;
  padding-right: 10px;
  position: relative;
  top: 24px !important;
}
.ss-tests-info {
  float: right;
  text-decoration: underline;
  font: normal normal normal 15px / 23px Poppins;
  letter-spacing: 0px;
  padding-left: 10px;
  cursor: pointer;
}
.ss-point-of-contact-detail {
  text-align: left;
  font: normal normal normal 16px / 25px Poppins;
  letter-spacing: 0px;
  padding-right: 100px;
  margin-bottom: 40px;
}
#courierstepthree
  > div.col-lg-7.col-sm-12.col-xs-12.ss-step-1-container
  > form
  > div:nth-child(3)
  > div.row.ss-form-divider-container {
  margin-bottom: 10px;
}
#courierstepthree div.row.ss-helpful-tips-container a {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 15px / 23px Poppins;
  letter-spacing: 0px;
  color: var(--link-color);
  padding-left: 10px;
  cursor: pointer;
}
.ss-test-options-available-text {
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--help-text);
}
.submission-item .popover .ss-tooltip-container #ss-tooltip-detail {
  word-wrap: break-word;
  text-align: center;
  font: normal normal 400 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-submission-item .ss-tooltip-container {
  padding: 15px;
  padding-top: 0;
  width: 250px;
  height: 250px;
}
.ss-help-text {
  word-wrap: break-word;
  text-align: center;
  letter-spacing: 0px;
  color: var(--help-text);
}
.ss-help-text b {
  text-align: left;
  font: normal normal bold 12px / 19px Poppins;
  letter-spacing: 0px;
  color: var(--help-text);
}
.ss-formset-buttons {
  padding: 0;
  margin-left: 10px;
  max-width: 711px;
  margin-top: 20px;
}

.ss-phytofacts-callout {
  padding: 10px;
  border-radius: 2px;
  text-align: left;
  font: normal normal normal 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  background: #e6ebf6 0% 0% no-repeat padding-box;
  margin-bottom: 40px;
}
.ss-phytofacts-callout .ss-phytofacts-small {
  font: normal normal normal 12px / 18px Poppins;
}
.ss-phytofacts-callout-container {
  padding-left: 10px;
  padding-right: 10px;
}
.ss-phytofacts-icons-container {
  margin-left: 20px;
  margin-bottom: 40px;
  width: 165px;
}
.ss-phytofacts-callout-rush {
  border-bottom: 1px solid #b8c5cc;
  margin-top: 20px;
}
.ss-phytofacts-callout-lower-half {
  margin-top: 20px;
  padding: 0;
}
.ss-phytofacts-callout .help-block {
  margin-left: 30px;
  text-align: left;
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
#courierstepthree {
  padding-left: 0;
}
.ss-package-button.bottom {
  margin-top: -5px;
}
.ss-spreadsheet-import-row {
  min-width: 600px;
  margin-right: 5px;
}
.ss-spreadsheet-import {
  margin: 20px;
  margin-left: 0;
  padding: 15px 10px;
  border: 1px solid #bbb;
  max-width: 711px;
  min-height: 64px;
}
.ss-spreadsheet-import-title {
  cursor: pointer;
}
.ss-spreadsheet-import .ss-spreadsheet-import-caret {
  position: absolute;
  top: -2px;
  margin-top: 5px;
  line-height: 0;
  right: -10px;
  width: 36px;
  height: 50px;
  cursor: pointer;
}
.ss-step-2-container .ss-submission-item .fa.fa-angle-right.fa-lg {
  padding-left: 15px;
}
.ss-submission-item .fa.fa-angle-right.fa-lg {
  padding-left: 10px;
}
.ss-step-2-container .fa.fa-angle-down.fa-lg {
  margin-left: -3px;
}
.ss-spreadsheet-import-contents {
  background-color: #ffffff;
  margin: 0;
  border-top: none;
  padding: 33px 27px;
  margin-top: 25px;
  margin-right: -1px;
  margin-left: -1px;
  padding-top: 0;
  max-width: 711px;
}
.ss-spreadsheet-upload-button {
  padding-left: 0;
  padding-right: 0px;
  min-width: 140px;
  margin-left: 10px;
}
div.ss-specialty-test-title {
  letter-spacing: 0.65px;
  color: var(--text-primary);
  text-transform: uppercase;
  height: 30px;
  background: #e6ebf6;
  border-bottom: 1px solid #bbb;
}
div.ss-specialty-test-title span {
  display: block;
  left: 5px;
  top: 5px;
  position: relative;
  font: normal normal normal 13px / 20px Poppins;
}
.ss-first-tests-column.ss-empty-title-column {
  top: 28px;
  left: -2px;
  font: normal normal normal 13px / 20px Poppins;
  letter-spacing: 0.65px;
  color: var(--text-primary);
  text-transform: uppercase;
}
.ss-tests-column {
  height: 20px;
}
.ss-tests-column .icon-info3 {
  color: var(--btn-primary) !important;
  font-size: 10px;
  border: 1px solid var(--link-color);
  border-radius: 100px;
  padding: 2px;
  position: relative;
  top: 4px;
  color: #7a5574;
}
[id$="micro_aspergillus_spp"].control-label .sub-label {
  white-space: nowrap;
}
.ss-test-options-wrapper div,
.ss-test-options-wrapper span,
.ss-test-options-wrapper p {
  background-color: #e6ebf6 !important;
}
.ss-test-options-wrapper {
  white-space: normal;
  width: 650px;
}
.ss-sample-mass-options-container {
  margin-top: 80px;
}
.sample-mass-checkbox-container div.checkbox {
  padding-top: 5px;
}
.sample-mass-checkbox-container .form-group {
  margin-bottom: 0;
}
.sample-mass-checkbox {
  left: 0 !important;
  padding-right: 20px;
}
.sample-mass-checkbox-container {
  margin-left: 5px;
}
.sample-mass-checkbox-container label {
  padding-left: 40px;
}
.ss-submission-item .ss-tests-table .sample-mass-checkbox-container .checkbox {
  border-bottom: none !important;
}
.sample-mass-warning-container {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-left: 30px;
  color: #ff0000;
}
.ss-test-options-wrapper .sample-mass-checkbox-container label {
  left: 0;
  position: relative;
}
.ss-test-options-wrapper input,
.ss-test-options-wrapper select {
  background-color: #ffffff;
}

[id^="pcr_test_method_prep_container-"] {
  margin-bottom: 210px;
}
[id^="plating_test_method_prep_container-"] {
  margin-bottom: 150px;
}
div.checkbox[id$="prep_flag_ten_gram"],
div.checkbox[id$="prep_flag_ten_gram_plating"] {
  margin-bottom: 20px;
}
.sample-mass-checkbox-container {
  font: normal normal normal 14px / 21px Poppins;
  padding-left: 0 !important;
  /* padding-right: 60px !important; */
  left: -3px !important;
}
.sample-mass-checkbox-container.last .checkbox {
  margin-bottom: -40px;
}
.action-limit-options-container input[type="radio"] {
  cursor: pointer;
}
.ss-test-options-wrapper .test-options-explainer p.prep-list-header {
  padding-top: 15px;
}
.action-limit-options-container {
  padding-bottom: 20px;
}
[id^="pcr_test_method_prep_container-"] {
  margin-bottom: 195px;
}
@media (min-width: 768px) {
  .ss-first-tests-column.ss-empty-title-column {
    min-width: 220px !important;
  }
  .ss-step-2-container .micro-test-div .sub-label,
  .ss-step-2-container .micro-panel-div .sub-label {
    width: 540px;
  }
}
@media (min-width: 370px) {
  .ss-tests-table {
    overflow: hidden !important;
  }
}
@media (max-width: 767px) {
  .white-space-normal-xs {
    white-space: normal !important;
  }
  .ss-sample-formset {
    padding-left: 5px !important;
  }
  .ss-sample-title {
    margin-left: -10px !important;
  }
  [name="basic_safety_package"] {
    margin-bottom: 0 !important;
  }
  .ss-packages-container {
    padding-right: 0;
  }
  .ss-safety-package-button-container .ss-package-button {
    width: 100%;
  }
  .ss-test-options-wrapper input[type="checkbox"] {
    left: 8px !important;
  }
  .ss-spreadsheet-acceptable-formats p {
    margin-top: 10px !important;
  }
  .ss-step-2-container p.sub-label {
    white-space: normal;
  }
  .ss-spreadsheet-import .uploader .action {
    min-width: 0 !important;
  }
  .ss-spreadsheet-import {
    overflow: hidden;
  }
  .ss-step-2-container {
    padding-left: 0;
  }
  .ss-tests-table .table-responsive {
    padding-left: 0;
  }
  .ss-first-tests-column,
  .ss-first-tests-column i {
    min-width: 50px !important;
    padding-left: 0;
    width: 0 !important;
  }
  .ss-empty-title-column {
    padding-right: 60px;
  }
  .ss-test-table-title {
    font: normal normal normal 9px / 21px Poppins !important;
    margin-left: -5px;
  }
  .ss-home-subheader {
    margin-left: 10px;
  }
  .ss-test-select-button-container {
    margin-left: 10px;
  }
  .ss-tests-content p.upcharge {
    font: normal normal normal 6px / 21px Poppins !important;
    padding-left: 5px;
  }
  .ss-tests-column {
    width: 0;
  }
  .ss-submission-item .checkbox-inline::before {
    bottom: -5px;
  }
  .ss-submission-item .checkbox-inline.active::before {
    bottom: -10px;
  }
  .ss-submission-item
    .ss-tests-table
    input[type="checkbox"]:not([name*="micro_extraction"]) {
    bottom: -9px;
  }
  .ss-submission-item .ss-tests-table .micro-extraction .checkbox {
    max-width: 300px;
  }
  .ss-micro-extraction-wrapper {
    white-space: normal;
  }
  .micro-test-div.micro-extraction {
    height: 240px;
  }
  .ss-submission-item .ss-tests-table .micro-extraction label {
    white-space: normal;
  }
  p.sub-label {
    width: 240px;
  }
  [id$="_panel"].form-group .control-label.ss-first-tests-column,
  [id$="_org"].form-group .control-label.ss-first-tests-column {
    min-width: 200px !important;
    padding-left: 10px;
  }
  .test-title {
    font: normal normal normal 14px / 21px Poppins;
  }
  div.one-col .sub-label {
    width: 240px;
  }
  .test-panel-packages .micro-test-header {
    width: 30%;
  }
  .ss-test-options-wrapper .micro-test-header[id$="test-options-header"] {
    line-height: 10px;
  }
  .ss-test-options-wrapper .test-options-explainer p {
    max-width: 290px;
  }
  div.test-options-explainer {
    margin-top: 10px;
  }
  .ss-test-options-wrapper i {
    font: italic normal normal 14px / 21px Poppins !important;
  }
  .ss-test-options-wrapper .sub-label i {
    font: normal italic normal 12px / 21px Poppins !important;
  }
  .test-title {
    white-space: nowrap;
  }
  .no-rush-explainer {
    width: 280px;
    font-size: 10px;
    padding-left: 15px;
  }
  .micro-tests-column .micro-test-div .controls div {
    width: 10%;
  }
  .sample-section .below-test-menu {
    padding: 0;
  }
  .ss-tests-table.table-responsive {
    left: 8px;
  }
  .no-padding-xs {
    padding: 0 !important;
  }
  .ss-test-options-wrapper .one-col .popover {
    min-width: 200px;
    left: -20px !important;
  }
  .ss-test-options-wrapper .two-col .popover {
    width: 60% !important;
    left: -40px !important;
    min-width: 300px !important;
  }
}
@media (min-width: 1450px) {
  .ss-spreadsheet-acceptable-formats p {
    white-space: nowrap;
  }
}
.ss-spreadsheet-acceptable-formats {
  text-align: left;
  letter-spacing: 0px;
  padding-left: 0;
  color: var(--help-text);
  font: normal normal normal 12px / 18px Poppins;
  word-break: break-word;
  word-wrap: break-word;
}
.ss-spreadsheet-acceptable-formats p {
  margin-top: 32px;
}
.ss-spreadsheet-acceptable-formats b {
  font: normal normal bold 12px / 18px Poppins;
}
.ss-spreadsheet-import-info-text {
  text-align: left;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  margin-bottom: 20px;
  padding-left: 0;
}
.ss-spreadsheet-import-info-text a {
  text-decoration: underline;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--link-color);
}
.ss-spreadsheet-import .ss-spreadsheet-import-caret button {
  border: none;
  background: #ffffff;
  width: 15px;
  height: 15px;
}
.ss-client-note {
  margin-bottom: 10px;
}
.ss-submission-item .ss-tests-table .checkbox:not([id$="opt_out_moisture"]) {
  border-bottom: 1px solid #bbb;
}
.ss-submission-item > .ss-tests-table .checkbox label:before,
.ss-submission-item {
  left: initial;
  right: 0;
}
.ss-safety-package-button-container {
  margin-left: 0;
  padding-left: 0;
}
.ss-safety-package-button-container.top {
  margin-bottom: 10px;
  margin-top: 20px;
}
.ss-tests-table div.checkbox {
  height: 37px;
}
.ss-submission-item .ss-tests-table .checkbox input {
  text-align: center;
}
.ss-test-table-title {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0px;
  text-align: center;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  opacity: 1;
}
.ss-test-table-title.standard {
  bottom: -1px;
  line-height: 19px;
}
.ss-test-title-nudge {
  position: relative;
  left: -7px;
}
.ss-tests-menu-title-row {
  background: #e6ebf6;
  height: 55px;
  border-bottom: 1px solid #b3b3b3;
}
.ss-first-tests-column {
  min-width: 160px;
  padding-left: 10px;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-grey-old);
}
.ss-submission-item .checkbox-inline {
  margin-left: 0;
  margin-top: 10px;
}
.ss-submission-item .ss-tests-table input[type="checkbox"],
.ss-submission-item .ss-tests-table .checkbox label:before {
  left: 25px;
  display: none;
}
.ss-submission-item .control-label {
  margin: 0.5em 0;
  color: var(--text-grey-old);
}
.ss-submission-item .control-label,
.ss-submission-item label {
  color: var(--text-grey-old);
}
.ss-last-tests-column div:not(:first-child) > label {
  display: none;
}
.ss-tests-table {
  white-space: nowrap;
  overflow-x: scroll;
  display: inline-block;
  border: none;
  padding-bottom: 20px;
}
.ss-tests-table hr {
  margin: 0;
}
.ss-pesticides-container {
  background-color: #e7e7e7;
}
.ss-tests-content {
  min-width: 650px;
}
.ss-compliance-matrix {
  padding-left: 0;
}
.ss-sample-review-info-text {
  text-align: left;
  font: normal normal normal 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
  margin-left: 10px;
}
.ss-scheduling-container {
  margin-left: 40px;
  margin-right: 40px;
}
.ss-review-label {
  text-align: left;
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0.84px;
  color: var(--text-secondary);
  text-transform: uppercase;
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 0;
}
.ss-review-info {
  display: inline-block;
  text-align: left;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
  margin-left: 20px;
}
#div_id_payment_option *,
#div_id_terms_and_conditions {
  color: var(--text-secondary);
}
.ss-sample-review-sample-name {
  text-align: left;
  font: normal normal 600 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
  padding-top: 30px;
  padding-left: 20px;
}
.ss-review-submission-item {
  /* padding-left: 20px; */
  margin-left: 10px;
  background: var(--bg-primary);
}
.review-inner {
  margin-top: 50px;
  background-color: var(--bg-primary);
}
.ss-review-lab {
  margin-left: 20px;
}
.ss-step-3-buttons {
  width: 100%;
}
.reveditor {
  float: right;
  padding: 0 20px;
  text-decoration: underline;
}
.review-title .dropper {
  float: right;
  background: none;
  color: black;
  padding: 0px 20px;
  cursor: pointer;
  content: " ";
  z-index: 10;
  border-left: 1px solid #bbbbbb !important;
  min-width: 60px;
}
.ss-step-4-subheader {
  text-align: left;
  font: normal normal normal 34px / 51px Poppins;
  letter-spacing: 0px;
  color: #444444;
}
.ss-helpful-tips-text ol {
  list-style-type: decimal;
}
.ss-helpful-tips-text ol li:before {
  content: "";
}
.ss-thank-you {
  text-align: left;
  font: normal normal bold 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-page-4-container {
  margin-left: 10px;
  background-color: #ffffff;
}
.ss-review-col {
  padding-left: 20px;
  padding-bottom: 50px;
}
.ss-step-4-container {
  padding-left: 30px;
  margin-bottom: 30px;
}
.ss-order-summary-row {
  padding-bottom: 20px;
  padding-top: 30px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #ccc;
}
.ss-order-review-subtitle {
  text-align: left;
  font: normal normal 600 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
  padding-left: 0;
  margin-top: 30px;
}
.ss-submission-item input[type="checkbox"].styled {
  opacity: 0;
}
.ss-submission-item .checkbox-inline::before,
.ss-submission-item .checkbox-inline::before,
.ss-checkbox.checkbox-inline::before {
  z-index: 10;
  content: " ";
  background: url("../images/scl-checkbox.482651c7714d.svg") 0 0px no-repeat !important;
  min-width: 20px;
  min-height: 20px;
  display: block;
  position: absolute;
  margin-left: -6px;
  margin-top: -12px;
}
.ss-submission-item .sample-mass-checkbox.checkbox-inline::before {
  margin-left: -32px;
  margin-top: -1px;
}
input[type="checkbox" i] {
  cursor: pointer;
}
.ss-phytofacts-caret-button {
  top: -30px !important;
}
.ss-submission-item .checkbox-inline.active::before,
.ss-checkbox.checkbox-inline.active::before {
  content: " ";
  background: url("../images/scl-checkbox-checked.b5adc92390c5.svg") 0 0px no-repeat !important;
  min-width: 25px;
  min-height: 25px;
  display: block;
  position: absolute;
}
.checkbox::before {
  content: " ";
  background: url("../images/scl-checkbox.482651c7714d.svg") 0 0px no-repeat !important;
  min-width: 25px;
  min-height: 25px;
  display: block;
  position: absolute;
  opacity: 1;
}
.ss-tests-column {
  padding-left: 60px;
}

.checkbox.active::before {
  content: " ";
  background: url("../images/scl-checkbox-checked.b5adc92390c5.svg") 0 0px no-repeat !important;
  min-width: 20px;
  min-height: 20px;
  display: block;
  position: absolute;
  opacity: 1;
}
.ss-tests-content .styled,
.ss-tests-content .styled:checked {
  opacity: 1;
}
.ss-home-container {
  max-width: 820px;
}
.numbered-ol {
  list-style-type: decimal;
}
.numbered-ol ul {
  padding-right: 40px;
}
.numbered-ol ul li {
  font-size: 14px;
}
.numbered-ol li {
  margin-left: 10px;
}
.ss-review-tests-ordered {
  text-align: left;
  font: normal normal 600 14px / 21px Poppins;
  letter-spacing: 1.12px;
  color: var(--text-primary);
  margin-bottom: 20px;
}
.ss-review-sample-list-container {
  padding-left: 10px;
}
.ss-review-rush-note {
  text-align: center;
  font: normal normal normal 12px / 18px Poppins;
  letter-spacing: 0px;
  color: var(--help-text);
  padding-bottom: 20px;
}
.ss-review-submit-weight {
  margin-bottom: 20px;
  padding-right: 20px;
  font-size: 0.85em;
}
.ss-review-submit-weight span {
  text-align: left;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
span.ss-weight-required {
  text-align: left;
  font: normal normal normal 46px / 48px Poppins;
  letter-spacing: 0px;
  color: var(--btn-primary);
  margin-left: 10px;
}
.ss-weight-required span {
  font: normal normal normal 32px / 48px Poppins;
}
.ss-review-delivery-method {
  text-align: left;
  font: normal normal 600 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-grey-old);
}
.ss-review-delivery-detail {
  text-align: left;
  font: normal normal normal 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.ss-remove-edit-container {
  position: absolute;
  right: 0;
  min-width: 260px;
}
.ss-sample-name-container {
  position: relative;
  top: 0px;
  padding-bottom: 20px;
}
.ss-test-packages-info.ss-test-rushes-info {
  margin-top: 10px;
}
.pcr-test-prep-list,
.plating-test-prep-list {
  font: normal normal normal 14px / 21px Poppins;
}
.ss-test-options-wrapper .test-options-explainer p.prep-list-header {
  font: normal normal 500 14px / 21px Poppins;
}
.rush-text {
  text-align: left;
  font: italic normal 600 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.numbered-ol ul {
  list-style-type: initial;
}
[id^="basic_safety_package_button"] {
  margin-top: 20px;
}
.ss-spreadsheet-import div {
  top: 5px;
}
.ss-rush-ordered {
  font: italic normal 600 14px / 21px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}

/* ORDER REVIEW TAG */
.arrow-button {
  margin-left: 0;
  width: 90px;
  min-height: 40px;
  line-height: 20px;
  position: relative;
  background: var(--green);
  text-align: center;
  color: white;
  padding: 5px;
  padding-left: 0;
  font: normal normal 600 14px / 21px Poppins;
  letter-spacing: 1.12px;
  color: #ffffff;
  text-transform: uppercase;
}
.arrow-tip-container {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0px;
  right: -35px;
  overflow: hidden;
}
.arrow-tip {
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 0 0 -20px;
  -webkit-transform: rotate(45deg) skew(20deg, 20deg);
  transform: rotate(45deg) skew(20deg, 20deg);
}
.arrow-tip-grad {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--green);
}
/* END ORDER REVIEW TAG */

/* FROM CUSTOM.CSS */
.logoutblock {
  text-align: center;
  margin: 100px 0;
}

.logoutblock h3 {
  font-size: 30px;
  color: var(--btn-primary) !important;
}

.logoutblock a {
  margin: 20px auto 0;
  display: block;
  background: var(--text-secondary);
  color: #fff;
  width: 150px;
  padding: 10px 0;
  text-transform: capitalize;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.radio label:before,
.radio-inline label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  border: 2px solid var(--text-secondary);
  top: 3px;
  left: 0;
  border-radius: 50%;
}
.radio .styled:checked + label:before,
.active label:before,
input[type="radio"]:checked + label:before {
  background: var(--text-secondary);
  box-shadow: inset 0px 0px 0px 2px #fff;
}
.ss-courierform button,
#courierstepthree .submission-item .ss-remove-edit-container span button {
  background: none;
  border: none;
  color: var(--link-color);
  font-weight: 400;
  margin-bottom: 30px;
}
.styled {
  opacity: 0;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 10;
}
/* END FROM CUSTOM.CSS */

/* ------------------------------------------ */
/* -- Begin Sample Detail Page -- */
/* ------------------------------------------ */

div#sampleDetail {
  padding: 40px 20px;
}

div#detailGrid {
  padding: 30px 20px 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}

div#sample-breadcrumb {
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 500;
}

div#sample-breadcrumb span:not(.sample-breadcrumb-sample-name) {
  text-decoration: underline;
  color: #718088;
}

div#moisture-detail {
  clear: both;
}

div#detailGrid ul {
  padding-left: 0 !important;
}

.detailcol {
  padding: 0 !important;
}

.detail-row {
  display: inline-block;
  width: 100%;
  background: #f7f7f7;
  padding: 0 25px 20px;
  margin-bottom: 20px;
}

div#detailGrid ul {
  list-style: none;
}

.detail-row h3 {
  /* only used in detail_old */
  color: var(--text-primary);
}

div#imageMagnifier,
#detailQuickView {
  float: left;
  position: relative;
}

div#imageMagnifier span {
  background: #eee;
  text-align: center;
  padding: 7px;
  display: block;
  margin-top: -7px;
}

div#imageMagnifier img {
  border: 1px solid #ddd;
  max-width: 300px;
}

div#imageMagnifier {
  margin: 0 20px 20px 0;
  max-width: 300px;
}

div#imageMagnifier span img {
  border: none;
  margin: 0 10px 0 5px;
}

div#detailQuickView h2 {
  margin: 0 !important;
  font-weight: 600;
}

div#detailQuickView {
  color: #718088;
}

div#detailGrid {
  font-size: 16px;
  color: #718088;
}

div#detailGrid h3,
#detailGrid h4 {
  /* only used in detail_old */
  color: var(--text-primary);
  font-weight: 500;
}

div#detailQuickView h3 {
  margin: 0 0 20px;
  font-weight: normal;
  font-size: 20px;
  color: #718088;
}

.initialcol:nth-of-type(2) {
  text-align: right;
}

.detailcol .tableinline a {
  border: none !important;
  font-weight: 500 !important;
}

.detail-row {
  position: relative;
}

.detail-row h3 {
  max-width: 75%;
}

span.collapser,
span.collapser_disabled {
  position: absolute;
  top: 30px;
  right: 30px;
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
}

.detail-row h3 div {
  display: inline-block;
  font-size: 15px;
}

.detail-row h3 img {
  margin: 0 5px;
  width: 35px;
}

p.test-desc {
  margin-bottom: 40px;
}

#potency-detail table {
  table-layout: fixed;
  width: 100%;
}

#potency-detail table td {
  width: 30%;
  padding-bottom: 20px;
}

#potency-detail table tr td:first-child {
  width: 40%;
}

#potency-detail table td i {
  clear: both;
  display: block;
}

ul.potency_labels {
  display: none;
}

a#pesticide_ppm_button,
#pesticide_ppb_button,
#terpene_percent_button,
#terpene_mg_g_button,
#potency_percent_button,
#potency_mg_g_button,
#potency_mg_ml_button,
#potency_mg_unit_button {
  padding: 5px 20px;
  margin: 0 10px 20px 0;
}

.collapsible-layout .tabs {
  display: none;
}

.collapsible-layout .tabs.active {
  display: block;
}

ul.sorted-items {
  width: 600px;
  max-width: 100%;
  margin: 10px 0 30px;
}

div#sample-breadcrumb a {
  color: #718088;
}

ul.sorted-items li span {
  width: 50%;
  display: inline-block;
  padding: 5px 10px 5px 0;
}

#detailGrid .initialcol:nth-of-type(2) ul {
  padding-left: 20px !important;
}

.force-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.sdp-parent {
  /* max-width: 1280px; */
  margin: 0 auto;
}
.sidebar-menu-present .sdp-parent {
  margin: 0;
}
.sdp p a,
.sdp li a {
  color: var(--link-color);
  text-decoration: underline;
}

.sdp p a .phytofacts-labeling-guidance {
  color: var(--text-primary);
}
.sdp p.sdp-notations,
.sdp span.sdp-notations {
  font-size: 0.81em;
  display: block;
}
.sdp h4 {
  font-size: 1.32em;
  font-weight: 400;
  color: var(--text-secondary);
  margin: 1.5em 0 0;
}
.sdp h5 {
  font-size: 1.2em;
  font-weight: 400;
  color: var(--text-secondary);
}
div#sample-breadcrumb .sample-breadcrumb-sample-name {
  color: var(--link-color);
}
div#sample-breadcrumb {
  margin-bottom: 2.5em;
  padding-bottom: 1.25em;
  border-bottom: 1px solid #ddd;
}
.sdp div#clientprofileimage {
  max-width: none;
  padding: 0;
  border: none;
  float: none;
  font-size: 0.8em;
}
.sdp-masthead div#clientprofileimage a {
  display: none;
}
.sdp .see-all-samples-btn {
  color: #6b7780;
  padding-right: 20px;
  text-decoration: none;
  padding-left: 20px;
}
.sdp .icon-question3 {
  color: #6b7780;
  font-size: 0.9em;
  margin-bottom: 2.5px;
}
.sdp .popover {
  padding: 10px;
  font-size: 0.9em;
  text-align: center;
}
.sdp .text-warning {
  color: #f77e0c !important;
}

/*---- SHARE FEATURE ----*/
.share-icons {
  display: inline-block;
  padding-right: 0.5em;
}
.sdp .share-facebook,
.sdp .share-twitter,
.sdp .share-email {
  background: url("../images/share-icons-sprite.af6a861364ac.png") no-repeat;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  text-decoration: none;
  line-height: 35px;
  margin-right: 5px;
}
.sdp .share-facebook {
  background-position: left -35px;
}
.sdp .share-twitter {
  background-position: left -70px;
}
.sdp .share-email {
  background-position: left -105px;
}
.copy-link {
  display: inline-block;
  padding-left: 0.5em;
  border-left: 1px solid #d7d7d7;
}
.sdp a.share-link {
  padding-left: 30px;
  background: url("../images/icon-link.80f7e53e9573.svg") no-repeat left center;
  color: #6b7780;
  text-decoration: none;
}
/* END SHARE FEATURE */
.sdp-masthead .sdp-masthead-datacontainer {
  margin-top: 2.2em;
}
.sdp-masthead .sdp-masthead-data {
  display: inline-block;
  margin-right: 2em;
  padding-left: 30px;
  border-left: 1px solid #d7d7d7;
}
.sdp-masthead .sdp-masthead-data:first-child {
  padding-left: 0;
  border-left: none;
}
.sdp-masthead .sdp-masthead-data h6 {
  font-size: 1em;
  font-weight: 400;
  margin: 0;
}
.sdp-masthead .sdp-masthead-data p {
  font-size: 1.5em;
  font-weight: 400;
  margin: -0.1em 0 0;
}
.sdp-coa-type {
  font-size: 0.875em;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 2.5em;
}
.sdp-sample-coa {
  display: inline-block;
  font-weight: 600;
  padding-right: 0.875em;
}
.sdp-sample-category {
  display: inline-block;
  padding-left: 0.875em;
  border-left: 1px solid #ccc;
}
.sdp-samplename-label {
  font-size: 1em;
  color: #0c0a09;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0;
}
.sdp-samplename {
  font-size: 2em;
  line-height: 1.2em;
  margin: 0.2em 0 0;
  padding: 0;
}
.sdp-producttype {
  font-size: 1em;
  color: #0c0a09;
  margin: 1.25em 0 0;
  padding: 0;
  letter-spacing: 0.1em;
}
p.sdp-summary-method {
  margin-top: 2em;
  top: 70px;
  position: relative;
  margin-bottom: 90px;
}
.method {
  font-weight: 600;
}

div#imageMagnifier,
#detailQuickView {
  display: block;
  float: none;
}
.sdp-download-phytofacts {
  border-left: 1px solid #ccc;
  padding-left: 1rem;
}
.sdp-view-phytofacts {
  padding-right: 1rem;
  margin: 2rem 0rem 0rem 1rem;
}
.sdp-view-phytofacts,
.sdp-download-phytofacts {
  text-align: left;
  text-decoration: underline;
  font-weight: medium;
  font-size: 16px;
  letter-spacing: -0.08px;
  color: var(--link-color);
}
.sdp-phytofacts-container {
  width: 40%;
}
.sdp-phytofacts-icons-new-text {
  text-align: left;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: -0.07px;
  color: #71bf43 !important;
  margin: 0px 0px 0px 0px;
}
.sdp-phytofacts-report-text {
  text-align: left;
  font-size: 19px;
  letter-spacing: -0.1px;
  position: relative;
  top: 15px;
}
.sdp-phytofacts-callout-description-text {
  text-align: left;
  font-weight: medium;
  font-size: 16px;
  letter-spacing: -0.08px;
  color: var(--text-primary) !important;
}
.sdp-phytofacts-trademark-labeling-guidance-text {
  text-align: left;
  font-weight: medium;
  font-size: 14px;
  letter-spacing: -0.08px;
}
.sdp-phytofacts-trademark-labeling-guidance-text a {
  color: var(--link-color);
}
@media (max-width: 480px) {
  .sdp-phytofacts-trademark-labeling-guidance-text {
    text-align: center;
  }
}
.sdp-phytofacts-icons {
  text-align: center;
  top: 15px;
}
.sdp-phytofacts-labels {
  text-align: center;
  font-weight: medium;
  font-size: 13px;
  letter-spacing: -0.07px;
  text-transform: uppercase;
  top: 15px;
}
.sdp-phytofacts-aroma {
  color: #6464a3;
}
.sdp-phytofacts-flavor {
  color: #bf585b;
}
.sdp-phytofacts-effect {
  color: #a65da3;
}
.sdp-phytofacts-callout-container {
  border-top: 1px solid #ccc;
  padding-top: 1rem;
  margin: 1rem 5px 10px 2px;
  min-width: 270px;
}
.sdp-phytofacts-view-download {
  margin-top: 20px;
  margin-left: -10px;
}
.sdp-phytofacts-icons-container {
  min-width: 60%;
}
.sdp-phytofacts-callout {
  max-width: 40%;
}
.sdp-catalog-view-link {
  text-decoration: underline;
  margin-bottom: -40px;
  display: inline-block;
}
.sdp-header-container-left p,
.sdp-header-container-left h2 {
  min-width: 300px;
}
.sdp-header-container-left {
  min-width: 300px;
}

@media (max-width: 767px) {
  .sdp-phytofacts-callout-container {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 10px;
  }
  .sdp-phytofacts-icons {
    top: 5px;
  }
  .sdp-phytofacts-labels {
    top: 5px;
  }
  .sdp-phytofacts-view-download {
    display: none;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  img.magnify-image {
    margin-bottom: -40px;
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  #sample-details-2 {
    position: relative;
    top: 63px;
  }
}
@media (max-width: 768px) {
  .sdp-sample-name-date {
    padding-left: 0 !important;
  }
}
@media (min-width: 376px) {
  .sdp-product-image-container {
    padding-left: 10px !important;
  }
  .sdp-mobile-share {
    padding-left: 10px;
  }
  .sdp-result-pass-fail-container {
    padding-left: 10px !important;
  }
}
@media (max-width: 375px) {
  .sdp-header-container-left {
    padding-left: 0;
  }
}
@media (min-width: 376px) and (max-width: 768px) {
  .sdp-header-container {
    width: 50% !important;
  }
  .sdp-header-container-left {
    width: 50% !important;
  }
}
.sdp-mobile-share a {
  text-decoration: underline !important;
}
/*---- CLIENT VIEW ITEMS ---- */
.sample-visibility {
  display: block;
}
.sample-visibility p:first-child {
  margin-bottom: 0.3em;
}
.visibility-public,
.visibility-private {
  padding-left: 3rem;
  font-size: 1.75em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1em;
  vertical-align: -0.2em;
}
.visibility-public {
  background: url("../images/Icon-Visibility-Sharp.8581fbee2041.svg") no-repeat left 50%;
}
#public_toggle_button > img {
  margin-top: -1px;
}
.visibility-private {
  background: url("../images/Icon-VisibilityOff-Sharp.420915ebaaec.svg") no-repeat left 50%;
  color: var(--text-primary);
}
.set-to-public,
.set-to-private {
  padding-left: 2rem;
  margin-left: 2rem;
  border-left: 1px solid #ccc;
  line-height: 1.5em;
  vertical-align: -0.1em;
}
.sdp-sample-details > div:nth-child(2) {
  padding-top: 3.8em;
}
p.sdp-summary-data {
  margin-top: 0.3em;
  line-height: 1.4em;
}
.sdp-summary-data-label {
  font-weight: 500;
  margin-right: 0.5em;
}
.sdp-summary-data-label::after {
  content: " ";
}
.analysis-section .sdp-summary-data {
  margin-top: 1.8em;
  margin-bottom: 0;
}
.analysis-section .sdp-summary-data-label {
  font-weight: 400;
}
.analysis-section .sdp-summary-data-pass,
.analysis-section .sdp-summary-data-fail,
.analysis-section .sdp-summary-data-neutral {
  display: block;
}
.sdp-qa-reveal {
  margin-top: 2.5em;
}
.sdp-qa-q a {
  display: flex;
  justify-content: space-between;
  padding: 1.5em 0;
  border-top: 1px solid #ccc;
  color: var(--text-primary);
}
.sdp .chevron-down {
  color: var(--link-color);
}
.sdp-qa-reveal span.sdp-qa-q {
  display: inline-flex;
}
.sdp-qa-reveal img {
  display: inline-flex;
}
.sdp-qa-reveal .sdp-qa-ans {
  padding-bottom: 2em;
}
p.sdp-full-results-link span {
  color: var(--link-color);
}
p.sdp-full-results-link {
  float: right;
}
p.sdp-full-results-link-all {
  font-size: 1.2em;
}
.sdp-summary-section h5 {
  display: inline-block;
}
.sdp-summary-section p.sdp-summary-section-h-add {
  display: inline-block;
  text-transform: uppercase;
  line-height: 1em;
  margin-left: 1.25em;
  padding-left: 1.25em;
  border-left: 1px solid #b3b3b3;
}
.sdp-summary-section p.sdp-summary-data {
  margin-top: 1em;
}
.sdp-summary-section .sdp-notations:first-child {
  margin-top: 1em;
}
.sdp-summary-data-pass,
.sdp-summary-data-fail,
.sdp-summary-data-neutral {
  font-size: 1.5em;
  font-weight: 600;
  display: inline-block;
}
.sdp-summary-data-pass {
  color: var(--green);
}
.sdp p.sdp-result-pass {
  color: var(--green);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 28px;
  top: 20px;
}
.sdp-summary-data-fail,
.sdp p.sdp-result-fail,
.table-cell-fail,
.table-row-fail .table-result-pf,
.table-row-fail .table-result-mass,
.table-row-fail .table-result-percent {
  color: #e6322b;
}
.sdp-summary-data-neutral {
  color: var(--text-primary);
}
.sdp .sdp-result-fail {
  font-size: 1.7em;
  font-weight: 700;
  text-transform: uppercase;
}
.sdp-summary-top-terpene {
  padding-left: 1em;
  border-left: 1px solid #b3b3b3;
}
.top-terpene-bars > div {
  height: 8px;
  margin: 1em 0 0;
  display: inline-block;
}
.top-terpene-bars > div:nth-child(2) {
  margin: 1em 1.5% 0;
}

.terpene-bars-table > th {
  height: 8px;
}
.sdp-summary-terpene {
  display: inline-block;
  margin-right: 1.4em;
  margin-top: 1em;
}
div.sdp-summary-terpene:nth-child(3) {
  width: auto;
}
.sdp-summary-terpene p {
  display: inline-block;
  margin-bottom: 0;
  color: #6b7780;
}
.sdp p.sdp-summary-terpene-rank {
  height: 2em;
  width: 2em;
  display: inline-block;
  margin-right: 0.6em;
  margin-bottom: 0;
  border-radius: 1em;
  text-align: center;
  line-height: 1em;
  padding: 0.5em;
  vertical-align: middle;
  color: #fff;
}
.sdp-summary-terpene .terp-top-3-result:before {
  content: "(";
}
.sdp-summary-terpene .terp-top-3-result:after {
  content: ")";
}

/*---- SUMMARY RIGHT RAIL ----*/
.sdp-summary-rail {
  padding-right: 1em;
}
.sdp-summary-rail h5:first-child {
  margin-top: 2em;
  border-top: 1px solid #718088;
  padding-top: 2em;
}
.sdp-summary-rail h5 {
  margin-top: 2em;
}
.downloads-list {
  display: inline-flex;
  padding-right: 3em;
  vertical-align: top;
}
.downloads-list ul {
  margin-top: 0;
  margin-bottom: 0;
}

/*---- ANALYSIS SUMMARY ----*/
.sdp-summary-row,
.sdp-summary-view-all {
  margin: 4em 0 0;
  padding: 1.8em 0 0;
  border-top: 1px solid #718088;
}
.sdp-summary-row h5,
.sdp-summary-view-all h5 {
  margin-top: 0;
}

/*---- ANALYSIS SECTIONS ----*/
.sdp .detail-row {
  padding: 0;
  margin: 0;
  background: none transparent;
}
.sdp-analysis-section,
.cannabis-section {
  background: var(--bg-secondary);
  padding: 1em;
  margin-bottom: 1em;
}

.sdp-analysis-section .section-inner {
  padding: 1.5em 0.75em 2em;
}
.section-title img {
  position: relative;
  bottom: 0.25em;
}
.sdp-analysis-section .section-icon {
  display: inline-block;
  width: 3em;
  height: 2.5em;
  position: relative;
  top: 0.15em;
}
.sdp-analysis-section h4,
.analysis-section-result-pass,
.analysis-section-result-pass p,
.analysis-section-result-fail,
.analysis-section-result-fail p,
.analysis-section-result-not-tested,
.analysis-section-result-not-tested p {
  display: inline-block;
}
.analysis-section-result-pass img,
.analysis-section-result-fail img,
.analysis-section-result-not-tested img,
i.text-success,
i.text-warning,
i.text-grey-300,
i.text-danger {
  margin-right: 0.2em;
  font-size: 1.5em;
}
.sdp-analysis-section .section-title h4 {
  margin: 0 1em 0 0.75em;
  padding-left: 1.25em;
  border-left: 1px solid #c3c3c3;
  position: relative;
  top: 0.15em;
}
.sdp-analysis-section .section-title .analysis-section-result-pass,
.sdp-analysis-section .section-title .analysis-section-result-fail,
.sdp-analysis-section .section-title .analysis-section-result-not-tested {
  position: relative;
  top: 0.15em;
}
.analysis-section-result-pass p,
.analysis-section-result-fail p,
.analysis-section-result-not-tested p {
  font-size: 1.32em;
  font-weight: 600;
  color: #44a93d;
}
.analysis-section-result-pass p,
p.pass {
  color: var(--green);
}
.analysis-section-result-fail p,
p.fail {
  color: #dc252a;
}
.analysis-section-result-not-tested p,
p.not-tested {
  color: #869098;
}
.sdp span.collapser {
  top: 25%;
  right: 0.75em;
}
h5.sdp-test-result-title {
  display: inline-block;
  margin-top: 2em;
}
p.analysis-section-test-date,
.analysis-section-test-pf {
  display: inline-block;
  margin-left: 0.8em;
  padding-left: 0.8em;
  border-left: 1px solid #c3c3c3;
  line-height: 1em;
  text-transform: uppercase;
}
.sdp-table-cann p.analysis-section-test-date {
  border-left: none;
  margin-left: 0.5em;
  padding-left: 0;
}
.sdp-table-cann {
  padding-top: 1em;
  margin-top: 2em;
  border-top: 1px solid #718088;
}
.sdp-table-cann .sdp-analysis-table {
  padding-top: 1em;
}
p.analysis-section-title-divider {
  display: inline-block;
  margin: 0 0.5em;
  color: #c3c3c3;
}
.sdp-section-filter {
  float: right;
  min-width: 150px;
}
.sdp ul.select2-selection__rendered {
  width: 310px;
}
.sdp .select2-selection__choice {
  background-color: #718088;
  margin: 10px;
  margin-right: 0;
}
.pesticide-section .sdp-section-filter,
.mycotoxin-section .sdp-section-filter,
.rst-section .sdp-section-filter,
.heavy-metals-section .sdp-section-filter,
.microbiological-contaminants-section .sdp-section-filter,
.foreign-material-section .sdp-section-filter,
.water-activity-section .sdp-section-filter,
.vitamin-e-section .sdp-section-filter {
  margin-top: 2em;
}
.sdp-analysis-section .sdp-summary-data {
  margin-top: 0.9em;
  margin-bottom: 0;
}
.sdp-summary-data-secondary {
  border-top: 1px solid #d7d7d7;
  margin-top: 2em;
  padding-top: 1em;
  display: inline-block;
}
.terpenoid-section .phytofacts-callout {
  margin: 2.5em 0 1em 0;
}
.terpenoid-section .phytofacts-callout a.btn {
  display: table-cell;
  vertical-align: middle;
}
.terpenoid-section .phytofacts-callout p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 2em;
}
.table-micro-plating {
  width: inherit;
}

/*---- ASIDES / SIDEBARS ----*/
.cannabis-section .sdp-sidebar,
.cannabis-section .sdp-sidebar p,
.terpenoid-section .sdp-sidebar,
.terpenoid-section .sdp-sidebar p {
  padding-right: 1.5em;
}
.pesticide-section .sdp-sidebar,
.mycotoxin-section .sdp-sidebar,
.rst-section .sdp-sidebar,
.heavy-metals-section .sdp-sidebar,
.microbiological-contaminants-section .sdp-sidebar,
.foreign-material-section .sdp-sidebar,
.water-activity-section .sdp-sidebar,
.vitamin-e-section .sdp-sidebar {
  padding-left: 1.5em;
  padding-top: 3em;
}
.sdp-sidebar h5 {
  margin-top: 2em;
}
.sdp-sidebar .sdp-summary-data-pass,
.sdp-sidebar .sdp-summary-data-fail,
.sdp-sidebar .sdp-summary-data-neutral {
  display: block;
  padding: 0.2em 0;
}
.sdp-sidebar .learn-more,
.sdp-sidebar .elaboration {
  margin-top: 3.75em;
  border-top: 1px solid #718088;
}
.sdp-sidebar .learn-more h5,
.sdp-sidebar .elaboration h5 {
  margin-top: 1.5em;
}
.lm-tablet {
  display: none;
}
.sdp-aside {
  padding-right: 2em;
}
.sdp-aside h5 {
  margin-top: 2em;
  padding-top: 1.5em;
  border-top: 1px solid #718088;
}
.sdp-aside .sdp-summary-data .analysis-aside-test-date {
  display: block;
  font-size: 0.81em;
  margin-top: 0.5em;
}
.sdp-aside .sdp-summary-data .sdp-method {
  font-size: 0.81em;
  margin-top: 0.25em;
}
.sdp-sidebar .elaboration #terp_div {
  margin-top: 2em;
  margin-bottom: 0.5em;
}
.sdp-sidebar .elaboration #terp_top_3 ol {
  list-style: none;
  counter-reset: terp-top-three;
  /* Default value = 0 */
  padding-left: 0.5em;
}
.sdp-sidebar .elaboration #terp_top_3 ol li {
  counter-increment: terp-top-three;
  /* Default increment = 1. To increment by 2, add +1 */
  margin-bottom: 1em;
}
.sdp-sidebar .elaboration #terp_top_3 ol li:before {
  content: counter(terp-top-three);
  height: 2em;
  width: 2em;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.5em;
  margin-bottom: 0;
  border-radius: 50%;
  text-align: center;
  line-height: 1em;
  padding: 0.5em;
  vertical-align: middle;
  color: #fff;
}
.sdp-sidebar .elaboration #terp_top_3 ol .terp-top-3-result {
  display: block;
  font-size: 0.9em;
  margin-left: 3.5em;
}
.sdp-sidebar .elaboration #terp_top_3 ol .terpene-description {
  font-size: 0.8em;
}
p.sdp-deviation-notice,
p.sdp-deviation-notice a {
  color: #d12329;
}

/*---- ANALYSIS TABLES ----*/

.result-view-buttons {
  display: inline-block;
}
.sdp-analysis-table {
  font-size: 0.875em;
  text-align: center;
  color: var(--text-primary);
  padding-bottom: 3em;
  margin-bottom: 1em;
  border-bottom: 1px dashed #ccc;
}
.sdp-analysis-table:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.table-row-fail,
.table-cell-fail {
  background: #ffdddd;
}
.sdp .table-hover > tbody > tr:not(:has(td.table-cell-fail)):hover {
  background-color: #e3dafd;
}
.sdp .text-success,
.sdp .text-success:hover {
  color: var(--green) !important;
}

/*-- NEED TO TROUBLESHOOT THIS --*/
.sdp-analysis-table .table-hover > tbody > tr.table-row-fail:hover,
.sdp-analysis-table .table-hover > tbody > tr.table-row-fail:focus,
.sdp-analysis-table .table-hover > tbody > tr.table-row-fail:active {
  background: #f1cece;
  background-color: #f1cece;
}
/*-- TROUBLESHOOT ABOVE */

.table-row-warning {
  background: #fdf0d2;
}
.table-row-warning:hover,
.table-row-warning:focus,
.table-row-warning:active {
  background: #f5e8cb;
}
.sdp-analysis-table .table > thead > tr > th {
  font-weight: 700;
  line-height: 1.4em;
  text-align: center;
  vertical-align: bottom;
}
.sdp-analysis-table .table > thead > tr > th.table-compound,
.sdp-analysis-table .table > tbody > tr > td.table-compound,
.sdp-analysis-table .table > tfoot > tr > td.table-compound,
.sdp-table-cann .table-compound {
  text-align: left;
  font-weight: 600;
}
.sdp-analysis-table .table > tfoot,
.sdp-analysis-table .table > tfoot > tr > td,
.sdp-analysis-table .table > tfoot > tr > td.table-compound {
  font-weight: 700;
}
.sdp-analysis-table .table > tfoot > tr > td.table-compound {
  text-transform: uppercase;
}
.sdp-analysis-table div.table-compound {
  padding-left: 0;
}
.table-result-pf {
  font-weight: 600;
}
.table-result-mass {
  font-weight: 600;
}
.table-result-percent {
  font-weight: 600;
}
.sdp-table-cann .sdp-analysis-table div.row {
  padding-top: 0.8em;
  padding-bottom: 0.8em;
  padding-left: 1.25em;
}
.sdp-table-cann .sdp-analysis-table div.row:nth-child(odd) {
  border-top: 1px solid #d7d7d7;
}
.sdp-table-cann .sdp-analysis-table {
  margin: 0 10px;
}
.sdp-fail-warning-toggle {
  padding-top: 2em;
  margin-bottom: 0;
}
.sdp-fail-warning-toggle span {
  padding-right: 1.75em;
  background: url("../images/icon-chevron-down.7ed833679741.svg") no-repeat right 50%;
  color: var(--text-primary);
  text-decoration: underline;
}
.analyte-failed,
.analyte-warning {
  display: flex;
  align-items: flex-start;
  margin-top: 1.25em;
}
.analyte-failed p {
  margin-bottom: 0;
  color: #d12329;
}
.icon-analyte-fail {
  min-width: 2em;
  margin-right: 1em;
}
.analyte-failed-name {
  font-weight: 600;
}

/*---- DESCRIPTIONS / LEGAL COPY ---- */
.sdp-sample-desc-legal {
  margin-top: 5em;
  margin-bottom: 1.5em;
}
.sdp-sample-desc-legal p {
  color: #718088;
  margin-top: 1.2em;
}
.coa-id,
.sdp-sample-desc-title {
  font-weight: 600;
}

/*---- NOTES ---- */
.sdp-analysis-section.notes-section .section-title h4 {
  padding-left: 0;
  border-left: none;
}
.sdp-analysis-section.notes-section .section-inner h6 {
  color: #6b7780;
  font-weight: 600;
  margin-bottom: 20px;
}
.sdp-analysis-section.notes-section .section-inner h6:not(:first-child) {
  margin-top: 20px;
}
.sdp-analysis-section.notes-section .section-inner p {
  margin: 0 0 20px;
}

@media (max-width: 480px) {
  .sdp-coa-type {
    margin-bottom: 1.5em;
  }
  .sdp-sample-coa {
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0.25em;
    border-right: 0;
  }
  .sample-summary div#clientprofileimage,
  .sample-summary #detailQuickView {
    float: none;
  }
  .sdp div#clientprofileimage {
    display: none;
  }
  .sdp-masthead div#clientprofileimage a {
    display: none;
  }

  .sdp-samplename {
    font-size: 1.75em;
  }
  .sdp-masthead .sdp-masthead-data {
    margin-right: 0;
    margin-left: 0;
    border-left: none;
    padding-bottom: 0.75em;
  }
  p.sdp-full-results-link {
    float: right;
  }
  .magnify {
    min-width: 100%;
  }
  .magnify img {
    min-width: 100%;
  }
  div#imageMagnifier > a {
    display: block !important;
  }
  div#imageMagnifier span {
    display: none;
  }
  div.sdp-mobile-share {
    color: #ccc;
  }
  div.sdp-mobile-share a {
    text-decoration: underline;
  }
  .sdp-sample-details > div:nth-child(2) {
    padding-top: 0;
  }
  .sdp-mini-summary {
    margin-top: 1.5em;
    border-top: 1px solid #ccc;
    padding-top: 1em;
  }
  .sdp-mini-summary .sdp-summary-data-label {
    font-weight: normal;
    font-size: 0.875em;
    display: inline-block;
    margin-top: 1em;
  }
  .sdp-mini-summary ul .sdp-summary-data-label {
    margin-top: 0.25em;
  }
  .sdp-mini-summary #terp_top_3_mini ol {
    list-style: none;
    counter-reset: terp-top-three;
    padding-left: 0.5em;
  }
  .sdp-mini-summary #terp_top_3_mini ol li {
    counter-increment: terp-top-three;
    margin-top: 0.5em;
  }
  .sdp-mini-summary #terp_top_3_mini ol li span {
    margin-top: 0;
  }
  .sdp-mini-summary .sdp-summary-data-pass,
  .sdp-mini-summary .sdp-summary-data-fail,
  .sdp-mini-summary .sdp-summary-data-neutral {
    display: block;
  }
  .sdp-mini-summary #terp_top_3_mini ol li:before {
    content: counter(terp-top-three);
    height: 0.5em;
    width: 0.5em;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.5em;
    margin-bottom: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 1em;
    padding: 0.5em;
    vertical-align: middle;
    color: transparent;
  }
  .sdp-mini-summary #terp_top_3_mini ol li .terp-top-3-result {
    display: block;
    margin-left: 1.125em;
    font-weight: 600;
    font-size: 1.5em;
    color: var(--text-primary);
  }
  .sdp-summary-section p.sdp-summary-section-h-add {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
  .sdp-summary-rail {
    display: none;
  }
  .sdp-summary-row {
    display: none;
  }
  .sdp-summary-view-all {
    margin-bottom: 1.5em;
  }
  .sdp-summary-view-all h5,
  .sdp-summary-view-all p {
    font-size: 0.95em;
  }
  .sdp-analysis-section {
    margin-bottom: 0;
  }
  .sdp-analysis-section:nth-child(even) {
    background: #fff;
  }
  .sample-summary .sample-detail-section {
    background: var(--bg-secondary);
  }
  .sample-detail-section .section-inner {
    padding-top: 0;
  }
  .sample-detail-section h4 {
    display: block;
    margin-top: 1em;
  }
  .sample-detail-section .section-inner h4 {
    font-size: 1.1em;
    margin-top: 1.5em;
  }
  .sdp-analysis-section .sdp-summary-data {
    margin-top: 0.7em;
  }
  .sample-detail-section .section-inner p {
    padding-left: 0.5em;
  }
  .sample-detail-section .sdp-sample-details div:first-child h4 {
    margin-top: 0;
  }
  .sample-detail-section .back-btn {
    margin: 0.5em 0 2em;
  }
  .sample-visibility {
    margin-top: 1em;
  }
  .sdp-analysis-section .section-icon {
    display: none;
  }
  .sdp-analysis-section .section-title {
    display: flex;
  }
  .sdp-metrc .sdp-summary-data-label {
    display: block;
  }

  .sdp-analysis-section .section-title h4 {
    border-left: 0;
    margin-left: 0.2em;
    padding-left: 0;
    top: 0;
    font-size: 1.2em;
    max-width: 70%;
  }
  .sdp span.collapser {
    top: 0.25em;
    right: 2em;
  }
  .sdp-full-results-link .collapser {
    height: 1.4em;
    width: 1.4em;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 0.6em;
    background: url("../images/Icon-Keyboard-Arrow-Up-Rounded.48c1236bdfd5.svg") no-repeat;
  }
  .sdp-full-results-link .collapsed {
    background: url("../images/Icon-Keyboard-Arrow-Down-Rounded.1d6b6b7aa638.svg") no-repeat;
  }
  .detail-row .section-title {
    display: flex;
    flex-direction: row;
  }
  .section-title .analysis-section-result-pass {
    order: 1;
  }
  .section-title h4 {
    order: 2;
  }
  .section-title .sdp-full-results-link {
    order: 3;
  }

  .analysis-section-result-pass p,
  .analysis-section-result-fail p,
  .analysis-section-result-not-tested p {
    display: none;
  }
  .learn-more {
    display: none;
  }
  p.analysis-section-test-date {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
  .result-view-buttons {
    margin-bottom: 1em;
  }
  .result-view-buttons a.btn-primary {
    margin-top: 1em;
    display: inline;
  }

  .sdp-analysis-table .table > thead > tr > th,
  .sdp-analysis-table .table > tbody > tr > th,
  .sdp-analysis-table .table > tfoot > tr > th,
  .sdp-analysis-table .table > thead > tr > td,
  .sdp-analysis-table .table > tbody > tr > td,
  .sdp-analysis-table .table > tfoot > tr > td {
    padding: 0.5em 1em;
  }

  .sdp-analysis-table thead tr,
  .sdp-analysis-table tbody tr,
  .sdp-analysis-table tfoot tr {
    display: flex;
    flex-direction: row;
  }
  .table-compound {
    order: -3;
    width: 25%;
  }
  .table-result-mass {
    order: -2;
    width: 16%;
    min-width: 5em;
  }
  .table-result-percent {
    order: -1;
    width: 16%;
    min-width: 5em;
  }
  .table-result-pf {
    order: -1;
    width: 16%;
    min-width: 5em;
  }
  .table-lodloq {
    width: 16%;
    min-width: 5em;
  }
  .table-action-limit {
    width: 16%;
  }
  .table-mu {
    width: 25%;
    min-width: 8em;
  }

  .pesticide-section .table-compound {
    order: -3;
    width: 24%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .pesticide-section .table-compound {
    width: 24%;
    min-width: 10.5em;
  }
  .heavy-metals-section .table-compound {
    width: 24%;
    min-width: 8.5em;
  }
  .microbiological-contaminants-section .table-compound {
    width: 24%;
    min-width: 10.5em;
  }
  .foreign-material-section .table-compound {
    width: 50%;
    min-width: 15em;
  }

  .sdp-analysis-table.table-responsive > .table > thead > tr > td,
  .sdp-analysis-table.table-responsive > .table > thead > tr > th,
  .sdp-analysis-table.table-responsive > .table > tbody > tr > td,
  .sdp-analysis-table.table-responsive > .table > tfoot > tr > td {
    white-space: normal;
  }

  .sdp-section-filter {
    float: none;
    display: block;
    margin-top: 1em;
  }
  .terpenoid-section .phytofacts-callout a.btn {
    display: block;
  }
  .terpenoid-section .phytofacts-callout p {
    padding: 1em 0 0;
  }
  .pesticide-section .sdp-section-filter,
  .mycotoxin-section .sdp-section-filter,
  .rst-section .sdp-section-filter,
  .heavy-metals-section .sdp-section-filter,
  .microbiological-contaminants-section .sdp-section-filter,
  .foreign-material-section .sdp-section-filter,
  .water-activity-section .sdp-section-filter,
  .vitamin-e-section .sdp-section-filter {
    margin-top: 1em;
  }
  .sdp-analysis-table table.table {
    margin-bottom: 1em;
  }
  p.sdp-sm-swipe {
    font-style: italic;
    margin-top: 1em;
  }
  .sdp-analysis-section .table-responsive {
    border: 0;
  }
  .pesticide-section .sdp-sidebar,
  .mycotoxin-section .sdp-sidebar,
  .rst-section .sdp-sidebar,
  .heavy-metals-section .sdp-sidebar,
  .microbiological-contaminants-section .sdp-sidebar,
  .foreign-material-section .sdp-sidebar,
  .water-activity-section .sdp-sidebar,
  .vitamin-e-section .sdp-sidebar {
    display: none;
  }
  .sdp-analysis-table {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .cannabinoid-section .sdp-aside h5 {
    padding-top: 0.7em;
    margin-top: 1em;
  }
  .sdp-sidebar h5,
  h5.sdp-test-result-title {
    margin-top: 1em;
  }
  .sdp .popover {
    font-size: 1em;
    padding: 1em;
  }
  .terpenoid-section .elaboration {
    margin-top: 0;
    border-top: none;
  }
  .sdp-sidebar .elaboration #terp_div {
    margin-top: 1em;
    margin-bottom: 1em;
  }
}
@media (min-width: 480px) {
  .sample-summary .sample-detail-section {
    background: none;
    padding: 0;
    margin: 0;
  }
  .sample-summary .sample-detail-section .detail-row {
    display: none;
  }
  .sample-summary .sample-detail-section .section-inner {
    padding: 0;
  }
  #sample_details_container {
    display: block;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .sample-summary div#clientprofileimage,
  .sample-summary #detailQuickView {
    float: none;
  }
  .sdp-sample-details > div:nth-child(2) {
    padding-top: 0;
  }
  .sdp div#clientprofileimage {
    max-width: none;
    padding: 0;
    border: none;
    float: none;
    font-size: 0.8em;
  }
  .sdp div#clientprofileimage img {
    max-width: 150px;
  }
  .sdp-masthead div#clientprofileimage a {
    display: none;
  }
  .sdp div#imageMagnifier {
    margin-top: 3.5em;
  }
  .sdp div#imageMagnifier img {
    max-width: 100%;
  }
  .sdp-mini-summary {
    display: none !important;
  }
  #sample-details-2 {
    margin-top: 4.5em;
  }
  .sdp-summary-data.sdp-metrc .sdp-summary-data-label {
    display: block;
  }
  .sdp-mini-summary #terp_top_3_mini ol li:before {
    content: counter(terp-top-three);
    height: 0.5em;
    width: 0.5em;
    display: inline-block;
    box-sizing: border-box;
    margin-right: 0.5em;
    margin-bottom: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 1em;
    padding: 0.5em;
    vertical-align: middle;
    color: transparent;
    content: "";
  }
  .sdp-mini-summary #terp_top_3_mini ol li::marker {
    content: "";
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .sample-summary div#clientprofileimage,
  .sample-summary #detailQuickView {
    float: none;
  }
  .sdp-sample-details > div:nth-child(2) {
    padding-top: 0;
  }
  div#imageMagnifier img {
    max-width: 100%;
  }
  .sdp-summary-data-primary {
    display: inline-block;
  }
  .sdp-summary-data-secondary {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
    vertical-align: top;
  }
  .sdp-metrc .sdp-summary-data-label {
    display: block;
  }
  .lm-desktop {
    display: none;
  }
  .lm-tablet {
    display: inline-block;
    margin-top: 3em;
  }
  .terpenoid-section .sdp-sidebar {
    float: none;
  }
  .sdp-sidebar .elaboration {
    border-top: 0;
    margin-top: 0;
  }
  .sdp-sidebar .elaboration h5 {
    margin-top: 2em;
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .lm-tablet {
    display: inline-block;
  }
}

/* ------------------------------------------ */
/* -- End Sample Detail Page -- */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* -- Public Profile Page -- */
/* ------------------------------------------ */

/*-- TOP PROFILE SECTION --*/
.public-profile div#clientprofileimage {
  display: block;
  border: none;
  padding: 0px;
  margin: 1em auto;
  max-width: 150px;
  text-align: center;
  float: none;
}
.public-profile div#clientprofileimage img {
  max-width: 150px;
}
.public-profile div#detailQuickView {
  width: 100%;
  word-break: normal;
}
.public-profile .sharing-inner {
  display: inherit;
}
.public-profile ul.nav.nav-pills.tableinline {
  float: right;
}
.public-profile h2 {
  text-align: center;
}
.pp-company-desc {
  margin-top: 2em;
  padding-left: 5em;
  padding-right: 5em;
  text-align: center;
}
.pp-social-handles {
  margin-top: 1.5em;
  text-align: center;
  color: #6b7780;
}
.pp-social-handles a {
  color: #6b7780;
}
.pp-social-handles a:hover,
.pp-social-handles a:focus,
.pp-social-handles a:active {
  color: #6b7780;
  text-decoration: underline;
}
.pp-social-handles span:last-child {
  margin-right: 0;
}
.pp-social-web,
.pp-social-fb,
.pp-social-twitter,
.pp-social-instagram {
  background: url("../images/share-icons-sprite-27.0c8e68df5e95.png") no-repeat left;
  display: inline-block;
  margin: 0.3em 2.5em 0.3em 0;
  padding-left: 35px;
  color: var(--btn-primary);
  list-style-type: none;
  line-height: 1.8em;
  filter: brightness(0) saturate(100%) invert(33%) sepia(93%) saturate(5459%)
    hue-rotate(249deg) brightness(100%) contrast(92%);
}
.pp-social-web {
  background-position: left -140px;
}
.pp-social-fb {
  background-position: left -35px;
}
.pp-social-twitter {
  background-position: left -70px;
}
.pp-social-instagram {
  background-position: left 0px;
}
/*-- BOTTOM CATALOG SECTION --*/
.public-catalog {
  background: #ffffff;
  border-top: 1px solid #ccc;
  padding-top: 2.5em;
}
.public-catalog .text-warning {
  color: #f77e0c !important;
}
.public-catalog div#client-filters {
  padding: 0 10px;
  border: none;
}
.public-catalog .catalog-search {
  margin-bottom: 2em;
}
.public-catalog .catalog-search input[type="text"] {
  background: #fff;
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
  font-size: 0.87em;
  padding: 0.4em 0.6em;
  min-width: 16em;
}
div#client-filters.client-detail {
  background-color: #ffffff;
}
.public-catalog .catalog-search button.btn-primary {
  background: var(--btn-primary);
  border: 1px solid var(--btn-primary);
  border-radius: 0 3px 3px 0;
  color: #fff;
  font-size: 0.87em;
  padding: 0.4em 1.5em;
  min-width: 4em;
  position: relative;
  right: 5px;
}
.public-catalog div#client-filters ul.nav {
  margin-left: 0px !important;
}
.public-catalog .client-filters-sect-filter ul.nav > li,
.public-catalog .client-filters-sect-chemometric ul.nav > li {
  display: inline-block;
}
#client-filters .client-filters-sect-filter a.dropdown-toggle,
#client-filters .client-filters-sect-chemometric a.dropdown-toggle {
  margin-right: 20px;
}
.client-filters-sect-sort,
.client-filters-sect-filter,
.client-filters-sect-more {
  display: inline-block;
}
.primary-filters > div {
  border-left: 1px solid #ccc;
  padding-left: 1em;
  vertical-align: top;
}
.primary-filters > div:first-child,
.primary-filters > div:last-child {
  border-left: none;
  padding-left: 0;
}
.client-filters-title {
  font-size: 0.875em;
  text-transform: uppercase;
  color: var(--text-primary);
  margin: 0;
  padding: 0;
}
.layout-switch .client-filters-title {
  padding: 0 5px 0.5em;
}
#client-filters .nav > li > a {
  padding: 0.2em 0 0;
  margin-right: 0.5em;
  background: none;
}
#client-filters .layout-switch {
  padding: 0 0 0 0.6em;
  margin-right: 0;
}
.client-filters-secondary-link {
  margin-top: 2.5em;
  font-size: 0.875em;
}
.secondary-filters {
  margin-top: 1em;
  padding: 1em 1.25em;
  background: var(--bg-primary);
  height: 80px;
}
.client-filters-sect-chemometric > p {
  font-size: 0.875em;
  font-style: italic;
  margin-top: 1em;
}
.primary-filters .nav-pills.tableinline,
.primary-filters .nav-pills.tableinline:hover {
  background: none !important;
}
.public-catalog div#client-filters #actions ul.nav {
  margin-right: 0 !important;
  cursor: pointer;
}
#chemometric_dropdown label {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
#chemometric_dropdown .ui-slider {
  width: 90%;
  left: 5%;
}
#chemometric_dropdown input[type="text"] {
  color: var(--text-secondary) !important;
  font-weight: 500 !important;
}
.actions {
  float: right;
}
.actions img {
  margin: 0 0.5em;
  height: 1.5em;
}
.actions-visibility {
  display: inline;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding: 0px 0.3em 0 0.5em;
  margin-right: 0.25em;
}
.public-catalog div#client-results > div,
.public-catalog div#client-results div .grid-item {
  background: none !important;
}
.public-catalog div#client-results div .grid-item .inner-block {
  box-shadow: 1px 1px 3px 2px #eee;
}
.client-gridview a.result-image img {
  border-bottom: 1px solid #ddd;
}
.client-hidden a.result-image img {
  filter: grayscale(100%) opacity(60%) brightness(80%);
}
.client-hidden h3,
.client-hidden h3 a {
  color: #6b7780;
}
.client-hidden .result-indicator {
  filter: grayscale(100%);
}
.client-gridview .terp-graph {
  min-height: 8px;
  margin: 0.25em 0.25em 0;
  display: block;
  font-size: 0.5em;
}
.client-gridview .test-type {
  font-size: 0.81em;
  text-transform: uppercase;
  margin-top: 1.25em;
  padding: 0px 20px;
}
.test-type-divider {
  font-weight: 200;
  color: #afb7bb;
  padding: 0 0.2em;
}
.client-gridview .result-indicator {
  display: inline-block;
  margin-right: 0.7em;
  width: 1.5em;
  height: 1.5em;
}
.client-gridview .grid-item h3 {
  margin-top: 0.5em;
}
.client-gridview .sample-details {
  display: flex;
  justify-content: space-between;
  min-height: 6em;
}
.client-gridview .sample-details > div {
  width: auto;
  margin: 0.5em 20px;
  font-size: 1em;
  font-weight: 500;
}
.client-gridview .sample-details > div .sample-detail-title {
  display: block;
  text-transform: uppercase;
  font-size: 0.81em;
  font-weight: normal;
}
.sample-actions {
  padding: 0 20px 25px;
  display: flex;
  justify-content: space-between;
}
.sample-actions a.btn-primary,
.sample-actions a.btn-primary:hover,
.sample-actions a.btn-primary:focus,
.sample-actions a.btn-primary:active {
  background-color: #d8e0e5;
  border-color: #d8e0e5;
  padding: 10px 20px;
}
.sample-action-tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.sample-action-tools a img {
  min-height: 1.75em;
  margin-left: 0.5em;
}
.client-listview {
  padding: 0 10px;
  margin-bottom: -2em;
}
.client-listview > table {
  width: 100%;
}
.client-listview table > tbody > tr > td,
.client-listview table > tbody > tr > th {
  padding: 1em 0.5em;
  color: #6b7780;
  border-bottom: 1px solid #e3e3e3;
}
.client-listview > table > tbody > tr > td {
  background: #fff;
}
.client-listview table > tbody > tr > th {
  font-size: 0.875em;
  border-bottom-width: 2px;
  vertical-align: bottom;
  white-space: nowrap;
}
.client-listview table > tbody > tr > td:first-child,
.client-listview table > tbody > tr > th:first-child {
  padding-left: 1em;
}
.client-listview table > tbody > tr > td:last-child,
.client-listview table > tbody > tr > th:last-child {
  padding-right: 1em;
}
.td-checkbox {
  text-align: center;
}
.td-terp-graph {
  min-width: 4em;
}
.td-terp-graph .terp_list_div {
  position: relative;
}
.td-terp-graph .popover .popover-content {
  padding-top: 0;
  background: red;
}
.td-result-icon,
.client-listview table > tbody > tr > td.td-result-icon,
.td-result-icon div {
  text-align: right;
  padding-right: 0;
}
.td-test-type {
  text-transform: capitalize;
}
.td-total-thc {
  text-align: right;
}
.td-total-cbd {
  text-align: right;
}
.td-sample-image,
.client-listview table > tbody > tr > th.td-sample-image,
.client-listview table > tbody > tr > td.td-sample-image {
  text-align: center;
  padding-left: 1em;
}
.td-sample-image a.result-image {
  width: inherit;
}
.td-visibility,
.client-listview table > tbody > tr > th.td-visibility,
.client-listview table > tbody > tr > td.td-visibility {
  text-align: center;
  padding-right: 0;
}
.td-context {
  text-align: center;
}
.client-listview table > tbody > tr > th > p,
.client-listview table > tbody > tr > th > ul {
  padding-left: 0;
  margin-bottom: 0;
}
.client-listview .top-terpene-bars {
  height: 1.2em !important;
}
.client-listview .top-terpene-bars > div {
  margin-top: 0;
  height: 1.2em !important;
}
.client-listview .terp_list_div {
  height: 1.2em;
}
.client-listview a.result-image img {
  width: 4em !important;
}
.client-listview .td-context .dropdown-menu ul {
  padding-left: 0;
  margin-bottom: 0;
}
.client-listview .td-context .dropdown-menu li {
  margin-bottom: 0.75em;
  line-height: 1.6em;
}
.client-listview .td-context .dropdown-menu li:last-child {
  margin-bottom: 0;
}
.client-listview .td-context .dropdown-menu li a:hover {
  color: var(--text-secondary) !important;
  text-decoration: underline;
}

@media (max-width: 480px) {
  div#client-public .detailcol:first-child {
    margin: 0;
    padding-right: 0 !important;
  }
  #client-public #clientprofileimage {
    clear: both;
  }
  .pp-social-handles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .pp-social-web,
  .pp-social-fb,
  .pp-social-twitter,
  .pp-social-instagram {
    margin: 0 1em 1em;
    font-size: 0.87em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
  }
  .catalog-search input {
    width: auto !important;
  }
  .mobile-filters-menu .caret {
    filter: brightness(100);
  }
  a.mobile.active::before {
    /* negative indent checkmark for active filter */
    margin-left: -1.5em;
    margin-right: 0.5em;
  }
  .actions {
    float: none;
    clear: both;
    margin-top: 1em;
  }
  .actions-bar-mobile .nav-pills.tableinline,
  .actions-bar-mobile .nav-pills.tableinline:hover {
    background: none !important;
    margin: 0 1em 20px;
  }
  .actions-bar-mobile .nav-pills.tableinline:first-child {
    margin-left: 0;
  }

  .client-listview {
    padding: 0px 0.3em 0 0.5em;
    font-size: 0.8em;
  }
  .client-listview > table > tbody > tr > th.td-checkbox,
  .client-listview > table > tbody > tr > td.td-checkbox {
    padding-right: 0;
  }
  .client-listview .td-terp-graph {
    min-width: 3em;
  }
  .top-terpene-bars > div:nth-child(2) :not(.top_terpene_bar) {
    margin: 0 8% 0;
  }
  .client-listview .td-test-type,
  .client-listview .td-total-thc,
  .client-listview .td-total-cbd,
  .client-listview .td-visibility {
    display: none;
  }
  .public-catalog ul#mysample-pagination li {
    margin: 0;
  }
  .public-catalog ul#mysample-pagination li a.active,
  .public-catalog ul#mysample-pagination li:first-child a,
  .public-catalog ul#mysample-pagination li:last-child a {
    display: inline-block;
  }
  .public-catalog ul#mysample-pagination li a {
    display: none;
  }
  .public-catalog .paginationrow {
    margin-bottom: 2em;
  }
  .sdp-sample-desc-legal {
    margin-top: 2em;
  }
  .sdp-sample-desc-legal p {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  #client-filters .client-filters-sect-filter a.dropdown-toggle,
  #client-filters .client-filters-sect-chemometric a.dropdown-toggle {
    margin-right: 0.8em;
  }
  #client-filters .client-filters-sect-filter li:last-child a.dropdown-toggle,
  #client-filters
    .client-filters-sect-chemometric
    li:last-child
    a.dropdown-toggle {
    margin-right: 0;
  }
  .public-catalog .client-listview {
    padding: 10px;
    font-size: 0.87em;
  }
  .client-listview table > tbody > tr > td:first-child,
  .client-listview table > tbody > tr > th:first-child {
    padding-left: 2em;
  }
  .client-listview table > tbody > tr > td:last-child,
  .client-listview table > tbody > tr > th:last-child {
    padding-right: 1.5em;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .public-catalog .client-listview {
    padding: 10px;
    font-size: 0.87em;
  }
  .public-profile > div > div.container,
  .public-catalog > div > div.container {
    width: 100%;
  }
  #client-public #clientprofileimage {
    clear: both;
  }
  .public-catalog #client-results {
    margin-bottom: -1.5em;
  }
  .public-catalog .paginationrow {
    margin-bottom: 2em;
  }
  .sdp-sample-desc-legal {
    margin-top: 2em;
  }
}

/* The side navigation menu */
.sidenav {
  height: calc(100% - 50px); /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Stay on top */
  bottom: 0; /* Stay at the bottom */
  right: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 3em; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 0.8em 0.8em 0.8em 2em;
  text-decoration: none;
  font-size: 14px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 36px;
  margin-left: 50px;
  padding-top: 0.5em;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left 0.5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 14px;
  }
}

ul.mobile-filters-menu {
  list-style-type: none;
  margin-left: -10px;
  margin-right: 10px;
  margin-bottom: 1.5em;
}
ul.mobile-filters-menu > li {
  border-bottom: 1px solid #666;
}
ul.mobile-filters-menu > h2 {
  color: white !important;
  border-bottom: 1px solid #666;
  border-color: #aaa;
  font-size: 1em;
  padding-bottom: 0.8em;
  margin-bottom: 0;
}
#mobile_filters_menu > h1 {
  color: white !important;
}
ul.mobile-filters-menu > a {
  margin-left: 10px;
}
ul.mobile-filters-menu input {
  margin-left: 40px;
}
.sidenav h1 {
  font-size: 1.5em;
  text-align: center;
}
.sidenav {
  color: white;
  background-color: #302f2f;
}
.id-search-mobile {
  height: 50px;
  width: 300px;
  padding: 10px;
  color: black !important;
}
.mobile-menu-dropdown {
  list-style-type: none;
}
ul.mobile-menu-dropdown li {
  margin-left: 40px;
}
#submit_mobile_filters {
  background: #718088;
}
.ui-slider-mobile {
  width: 75%;
  padding-left: 5px;
}

@media (max-width: 1025px) {
  .catalog-search {
    text-align: center;
  }
}

.slider-range {
  margin: 15px;
}
.actions-bar-mobile {
  margin-left: 30px;
  margin-top: 20px;
  background-color: var(--bg-primary);
}
.actions-bar-mobile a {
  padding: 10px;
}
.noUi-handle {
  margin-left: auto;
}
.noUi-origin {
  left: inherit;
  margin-left: auto;
}

.top-terpene-bars {
  width: 100%;
  display: flex;
}

.dropdown-backdrop {
  position: relative;
}

.sample-name-date > h6 {
  margin-left: 20px;
  margin-top: 0px;
  font-size: 12px;
}

.sample-name-date {
  height: 82px;
}

.cbd-range {
  margin-top: 20px;
}

.apply-range-all {
  margin-top: 20px;
}

@media (min-width: 900px) {
  .top-terpene-td {
    white-space: nowrap;
  }
}

a.mobile.active::before {
  content: "\f00c";
  font-family: fontawesome;
}

.catalog-search button {
  margin: 1px;
  padding: 0px;
}

.catalog-search input {
  margin: 1px;
  padding: 0px;
  width: 20px !important;
}

.form-inline {
  display: flex;
  flex-flow: row;
  align-items: center;
}

.form-inline input {
  vertical-align: middle;
  margin: 5px 10px 5px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
}

@media (max-width: 768px) {
  .form-inline {
    justify-content: center;
  }
  .catalog-search input {
    width: 70%;
  }
}

@media (max-width: 1024px) {
  .client-gridview {
    display: none !important;
  }
  .client-listview {
    display: inline !important;
  }
}

/* ------------------------------------------ */
/* -- End Public Profile Page -- */
/* ------------------------------------------ */

div[id^="modal_order_details_"] {
  z-index: 1049;
}
.download-button {
  box-sizing: border-box;
  display: block;
  line-height: 1.5384616;
  white-space: nowrap;
  padding: 8px 15px;
}
.format-radio {
  margin: 5px 0px 5px 15px;
}

/* ------------------------------------------ */
/* -- Begin Producers -- */
/* ------------------------------------------ */

.producers-container {
  margin: 20px 17px;
}
@media (max-width: 767px) {
  .producers-container
    .form-group
    div[class*="col-sm-"]:not(.control-label)
    + div[class*="col-sm-"] {
    padding-left: 0 !important;
    padding-right: 10px !important;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .producers-action-bar {
    left: 5%;
    position: relative;
    margin-bottom: 0 !important;
  }
}
@media only screen and (device-width: 768px) {
  .producers-action-bar button {
    width: 95% !important;
    left: 13px !important;
    margin-top: 0;
  }
  .producers-action-bar {
    height: 10px;
  }
  .producer-add-save-button-container {
    margin-top: 60px !important;
  }
}
.producers-intro {
  padding-bottom: 2.5em;
}
[id^="producers-accordion"] > div {
  padding: 5px 5px;
}
.producers-address,
.producers-company-name {
  color: #6b7780;
}
.producers-company-name {
  font-weight: 600;
}
.producer-name-address-container {
  margin-top: 8px;
}

.producer-name-address-container {
  margin-top: 8px;
}

/* ------------------------------------------ */
/* -- Begin Producers Preferences Table -- */
/* ------------------------------------------ */

.producers-pref {
  display: table;
  table-layout: fixed;
}
.producers-tr-recipient {
  display: block;
}
.producers-accordion-topline {
  display: none;
}
.producers-pref .producers-tr {
  display: table-row;
  padding: 10px;
}
.producers-pref .producers-tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.producers-pref .producers-th,
.producers-pref .producers-td {
  text-align: center;
}
.producers-pref .producers-th:first-child,
.producers-pref .producers-td:nth-child(2) {
  text-align: left;
  width: 250px;
}
.producers-pref .producers-th {
  display: table-cell;
  font-size: 14px;
  vertical-align: bottom;
  padding-bottom: 2rem;
}
.producers-pref .producers-td {
  display: table-cell;
  vertical-align: middle;
  padding: 8px 0.8rem;
}
.producers-pref .producers-tr:nth-child(2) .producers-td:last-child {
  border-top: 2px solid red !important;
}
.producers-pref .producers-tr .producers-th:last-child {
  width: 130px;
  padding-left: 0;
}
.producers-pref .producers-td .checkbox {
  display: block;
}
.producers-pref .checkbox .checker {
  position: relative;
}
.producers-action-bar {
  padding-left: 0px;
  padding-top: 1rem;
  margin-bottom: 6rem;
}

/* ---------------------- */
/* -- Begin Accordion -- */
/* ---------------------- */

.producers-tr-master {
  display: table-row;
}
.producers-tr-master:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}
.producers-accordion-topline:nth-child(2) {
  float: right;
}
.producers-accordion-title {
  display: none;
  line-height: 34px;
  margin-left: 0.8rem;
}
.remove-producer,
.edit-producer {
  display: inline-block;
  margin-left: 0.5em;
  color: #ffffff;
  width: 100%;
}
.remove-producer button[type="button"],
.edit-producer button[type="button"] {
  width: 100%;
}
div.producers-td-master {
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #d1d9de;
}
div.producers-td-master:first-child {
  border-top: 1px solid #d1d9de;
}

/* ------------------- */
/* -- End Accordion -- */
/* ------------------- */

/* ---------------------------------------- */
/* -- End Producers Preferences Table -- */
/* ---------------------------------------- */

/* ---------------------- */
/* -- Samples Page -- */
/* ---------------------- */
.public-catalog-samples {
  padding-top: 1.5em;
}
.public-catalog-samples .dropdown-menu {
  padding: 5px;
}
.public-catalog-samples .dropdown-menu a {
  font-size: 14px;
}
.public-catalog-samples .popover,
#client-results .popover {
  font: normal normal 400 14px / 21px Poppins;
  padding: 20px;
}
.public-catalog-samples #client-filters {
  margin-bottom: 10px !important;
}
.client-filters-samples {
  margin-bottom: 0px !important;
}
.td-documentation > li {
  list-style-type: none;
}
.samples-filters-button {
  display: inline;
}
.samples-download-all-button,
.samples-download-all-button:hover {
  float: right;
  margin: auto;
  margin: 7px 10px;
}
.samples-mobile-download-all-button,
.samples-mobile-download-all-button:hover {
  float: left;
  margin: auto !important;
  margin-left: 20px !important;
  padding: 10px 30px 10px 30px;
  top: -20px;
}
#actions > ul:nth-child(1) > li,
#actions > ul:nth-child(2) > li,
#actions > ul:nth-child(3) > li {
  background-color: #ffffff;
}
.mobile-filters-button {
  float: right;
  margin: 0px 20px 0px 0px;
}
#sample_filter_form {
  display: inline;
}
.samples-actions-menu {
  display: inline;
  float: right;
}
.samples-td-visibility {
  padding: 16px 8px 16px 8px !important;
}
.client-listview.samples-listview {
  padding: 20px 20px;
  margin-bottom: -2em;
}
.icon-in-progress {
  height: 34px;
  width: 34px;
  display: inline-block;
  text-indent: -9999px;
  background: url("../images/icon-in-progress.e7e84c26db46.svg") 50% 50% no-repeat;
  border: none;
}
.samples-due-date {
  font-size: 0.9em;
  font-style: italic;
}
body
  > div.page-container
  > div
  > div.content-wrapper
  > div
  > div.row
  > div
  > div.row.public-catalog
  > div
  > div
  > div.actions.hidden-xs.hidden-sm
  > ul
  > li {
  background-color: #f5f5f5;
}
.samples_order_number {
  white-space: nowrap;
}
.td-tests-performed li,
.td-documentation li,
.td-total-terp li {
  color: #592d4f !important;
}
#samples_list_table th {
  background-color: transparent;
}
#samples_list_table .td-result-icon,
.client-listview table > tbody > tr > td.td-result-icon,
#samples_list_table .td-result-icon div {
  text-align: center;
}
#samples_list_table .analysis-section-result-pass img,
#samples_list_table .analysis-section-result-fail img,
#samples_list_table .analysis-section-result-not-tested img,
#samples_list_table i.text-success,
#samples_list_table i.text-grey-300,
#samples_list_table i.text-danger {
  margin-right: 0px;
  font-size: 25.1px;
}
.section-img {
  border-left: 1px solid #c3c3c3;
  margin-left: 10px;
  padding-left: 12px;
  height: 30px;
}
#samples_list_table tr:first-child td {
  border-top: 1px solid;
}
#samples_list_table td:not(:nth-child(3)) {
  font-size: 0.95em;
}
.blank-row {
  height: 2px !important;
  background-color: var(--bg-secondary) !important;
}
.blank-row-2 {
  height: 40px !important;
}
.blank-td {
  padding: 0px 0px 0px 0px !important;
  background-color: var(--bg-primary) !important;
}
.td-sample-name:hover .icon-arrow-right13 {
  transition: all ease-in-out 0.15s;
  transform: translate(0.2em, 0);
}
.samples-catalog {
  background-color: white;
}
.samples-catalog-search-mobile .purplebutton {
  display: none !important;
}
.samples-test-type-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Poppins", sans-serif !important;
  box-sizing: border-box;
  text-decoration: none;
  outline: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.5384616;
  border-radius: 3px;
  font-weight: 700;
  position: relative;
  transition: all ease-in-out 0.15s;
  font-size: 15px;
  padding: 10px 30px;
  color: var(--text-primary);
  margin: 5px;
}
.samples-test-type-container {
  white-space: nowrap;
}

#samples_list_table th {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  z-index: 2;
  background-color: var(--bg-primary);
}
#orders-table thead > tr > th {
  border: none;
}
#orders-table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 54px;
  z-index: 2;
}
.samples-active {
  color: var(--btn-primary);
  border-bottom: 5px solid;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
}
#samples_list_table > tbody > tr > th > ul > li > a,
#samples_list_table > tbody > tr > th > ul > li {
  color: var(--text-primary) !important;
}

.has-due-date a {
  color: #5d39c5;
}
.td-documentation {
  white-space: nowrap;
}
.samples-page-container {
  width: 100%;
}
.samples-sample-name a {
  cursor: pointer;
  text-decoration: underline;
}
.samples-sample-name:after {
  font-family: "icomoon";
  content: "\e9c3";
  position: relative;
  text-decoration: none;
  top: 2px;
  left: 5px;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}
#share_link {
  color: var(--link-color);
  top: 1px;
}
#share_link:before {
  font-family: "icomoon";
  content: "\eedd";
  position: relative;
  text-decoration: none;
  left: -5px;
  color: var(--link-color);
}
.samples-sample-name:hover:after {
  left: 10px;
  text-decoration: none;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
a.active-caret::after {
  margin-left: 0.5rem;
  font-family: "icomoon";
  content: "\edc6";
  color: var(--btn-primary);
}
a.active-caret-up::after {
  margin-left: 0.5rem;
  font-family: "icomoon";
  content: "\edc4";
  color: var(--btn-primary);
}
.samples-th {
  white-space: nowrap;
}

/* ensure (only) mobile actions menu displays on screen to the right */
#footer_actions_nav > nav > div > ul:nth-child(1) > li > ul {
  left: 0;
  border-width: 1px;
}
/* actions menu footer for large screens */
#footer_actions_nav_lg > nav > div > ul:nth-child(3) > li > img {
  background: var(--bg-primary);
}
.footer_actions_nav_lg .dropdown-menu-right {
  left: initial;
}
#footer_actions_nav_lg > nav {
  left: 260px;
  padding-left: 0;
}
#footer_actions_nav_lg > nav > div {
  margin-left: 25px;
}
#footer_actions_nav > nav > div > ul > li > img {
  background: var(--bg-secondary);
}
nav.visible-xs
  > div:nth-child(1)
  > ul:nth-child(3)
  > li:nth-child(1)
  > img:nth-child(1) {
  background-color: var(--bg-secondary);
}
/* actions menu footer for large screens */

@media (max-width: 767px) {
  .samples-test-type-btn {
    padding: 5px 5px;
  }
  .samples-active {
    padding-bottom: 0px;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .public-catalog-samples {
    padding-top: 0px;
  }
  .public-catalog-samples .client-listview {
    padding: 0px !important;
  }
  .public-catalog-samples .paginationrow {
    margin-top: 0.3em;
  }
}
@media (max-width: 1550px) {
  .td-scl-id,
  .td-sample-scl-id,
  .td-harvested,
  .td-sample-harvested,
  .td-total-terp,
  .td-total-terpenoids {
    display: none;
  }
}
/* ---------------------- */
/* -- End Samples Page -- */
/* ---------------------- */

/* --------------------------- */
/* -- Account Settings Page -- */
/* --------------------------- */

.as-nav-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: "Poppins", sans-serif !important;
  box-sizing: border-box;
  text-decoration: none;
  outline: 0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.5384616;
  border-radius: 3px;
  font-weight: 700;
  position: relative;
  transition: all ease-in-out 0.15s;
  font-size: 15px;
  padding: 10px 30px;
  color: var(--text-primary);
  background: #ffffff;
  margin: 5px;
}
.as-active {
  color: var(--link-color);
  border-bottom: 5px solid;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0px;
  margin-bottom: 0px;
  padding-bottom: 5px;
}
/* -------------------------------- */
/* -- End Account Settings Page -- */
/* ------------------------------- */

/* ------------------------------------------ */
/* -- Begin Users Preferences Table -- */
/* ------------------------------------------ */
.users-intro {
  max-width: 900px;
}
.users-pref {
  display: table;
  table-layout: fixed;
  margin-top: 40px;
}
.users-tr-recipient {
  display: block;
}
.users-accordion-topline {
  display: none;
}
.users-pref .users-tr {
  display: table-row;
  padding: 10px;
}
.users-pref .users-tr:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}
.users-pref .users-th,
.users-pref .users-td {
  text-align: center;
}
.users-pref .users-th.one-line {
  top: 21px;
  left: 5px;
}
.users-pref .users-th.two-lines {
  top: 42px;
}
.users-pref .users-th.two-lines.username {
  text-align: left;
  left: 35px;
}
.users-pref .users-th.two-lines.view-results {
  margin-bottom: 20px;
  left: 25px;
  white-space: nowrap;
}
.users-edit-fields {
  text-align: left;
}
.users-add-remove-container {
  white-space: nowrap;
  top: 15px;
}
@media (max-width: 1199px) {
  .users-add-remove-container {
    top: 15px;
  }
  .users-username-text {
    top: 8px !important;
    left: -10px;
  }
  .users-edit-fields {
    padding-left: 0;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .users-add-remove-container {
    white-space: nowrap;
    right: 40px;
    top: 15px;
  }
  .form-group.producers-td,
  .remove-producer {
    float: left !important;
  }
}
.no-border-bottom {
  border-bottom: none !important;
}
.users-pref .users-th {
  display: table-cell;
  font-size: 14px;
  text-align: center;
  height: 70px;
  left: -5px;
}
.view-results-checkbox {
  left: 20px;
}
.can-manage-data-checkbox {
  left: 5px;
}
.users-pref .users-td {
  display: table-cell;
  vertical-align: middle;
}
.users-pref .users-tr:nth-child(2) .users-td:last-child {
  border-top: 2px solid red !important;
}

.users-pref .users-td .checkbox {
  display: block;
}
.users-pref .checkbox .checker {
  position: relative;
}
.users-action-bar {
  padding-left: 0px;
  padding-top: 1rem;
  margin-bottom: 6rem;
}
.users-accordion-topline {
  display: block;
}
.edit-user {
  display: inline-block;
}
.edit-user button {
  height: 34px;
  width: 34px;
  margin-left: -20px;
  display: block;
  text-indent: -9999px;
  line-height: 34px;
  border: none;
  background: url("../images/notifications/icon-edit-close.366fb5db42ff.svg") 50% bottom
    no-repeat;
}
.edit-user button[aria-expanded="true"] {
  background-position: 50% top;
}
.remove-user {
  display: inline-block;
  border-left: 1px solid #d1d9de;
  padding-left: 0.5em;
  margin-left: 0.5em;
}
.remove-user-mobile {
  display: inline-block;
  border-left: 1px solid #d1d9de;
  padding-left: 0.5em;
}
div.controls.remove-user {
  position: relative;
  bottom: 10px;
  padding-left: 20px;
}
.remove-user-mobile {
  top: -3px;
}
.remove-user-mobile-icon {
  cursor: pointer;
  color: var(--link-color);
}
div.controls.remove-user-mobile {
  position: relative;
  bottom: 10px;
  padding-left: 20px;
}
div.controls.edit-user {
  position: relative;
  bottom: 10px;
  padding-right: 0;
}
.remove-user button[type="button"] {
  height: 34px;
  width: 34px;
  display: inline-block;
  text-indent: -9999px;
  line-height: 34px;
  background: url("../images/notifications/icon-delete.3cd3880c17b5.svg") 50% 50% no-repeat;
  border: none;
  margin-right: 0.8rem;
  min-width: 30px;
}
.users-username input[type="text"] {
  margin-top: -20px;
}
.users-pref .users-td .users-username {
  text-align: left;
  padding-left: 30px;
}
/* --------------------------- */
/* -- Begin Users Accordion -- */
/* --------------------------- */

.users-role-definitions-container hr {
  border-bottom: 1px solid #718088;
  opacity: 0.25;
}
.users-role-definitions-role {
  font: normal normal 600 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.users-role-definitions-definition {
  font: normal normal normal 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-primary);
}
.user-role-definitions-button {
  text-decoration: underline;
  cursor: pointer;
  font: normal normal normal 16px / 25px Poppins;
  letter-spacing: 0px;
  color: var(--text-secondary);
}
.edit-user-wrapper {
  margin-left: 20px;
  margin-top: 20px;
}
.users-role-definitions-container {
  padding: 20px;
  margin-top: 10px;
}
.users-edit-fields label {
  margin-bottom: 10px;
}
.users-tr-master {
  display: table-row;
}
.users-tr-master:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}
.users-accordion-topline:nth-child(2) {
  float: right;
}
.users-accordion-title {
  display: none;
  line-height: 34px;
  margin-left: 0.8rem;
}
.remove-user {
  display: inline-block;
  padding-left: 0.5em;
  margin-left: 0.5em;
  color: #ffffff;
}
.edit-user {
  display: inline;
}
.remove-user {
  display: inline;
}
.users-pref .users-remove-user-td {
  text-align: center;
  padding-left: 40px;
}
.users-pref .users-remove-td .users-td {
  margin-right: 0;
}
.users-pref .remove-user {
  margin-left: 0;
  padding-left: 0;
}
.users-pref .users-password-td {
  top: 8px;
}
.users-pref .users-admin-td {
  top: 12px;
}
.users-pref .controls.edit-user,
.users-pref .controls.remove-user {
  position: relative;
  top: -6px;
}
.users-pref .td-div {
  position: relative;
  top: 10px;
}
div.users-td-master {
  padding: 10px 5px 10px 0px;
  border-bottom: 1px solid #d1d9de;
  overflow: hidden;
}
.users-edit-fields .users-mobile-edit-fields label {
  margin-top: 12px;
  margin-bottom: 0;
  font: normal normal normal 16px / 25px Poppins;
  color: #00000099;
}
.users-mobile-edit-fields {
  padding-left: 0;
}
.form-group.producers-td {
  margin-right: 10px;
}
.users-mobile-checkbox-label {
  cursor: pointer;
}
.form-group.producers-td,
.remove-producer {
  float: right;
}
#users-accordion {
  border-top: 1px solid #d1d9de;
}
.users-td-master {
  padding: 8px 0;
  display: block;
  min-height: 80px;
}
.role-definitions-caret i.open {
  left: 3px;
  top: 1px;
  position: relative;
}
.edit-user-username a {
  height: 34px;
  width: 34px;
  display: block;
  text-indent: -9999px;
  line-height: 34px;
  background: url("../images/notifications/icon-edit-close.366fb5db42ff.svg") 50% bottom
    no-repeat;
}
.edit-user-username a[aria-expanded="true"] {
  background-position: 50% top;
}
.edit-user {
  display: inline-block;
}
.edit-user button {
  height: 34px;
  width: 34px;
  display: block;
  position: relative;
  top: 2px;
  text-indent: -9999px;
  background: url("../images/notifications/icon-edit-close.366fb5db42ff.svg") 50% bottom
    no-repeat;
}
.remove-user {
  display: inline-block;
  border-left: 1px solid #d1d9de;
  padding-left: 0.5em;
  margin-left: 0.5em;
}

@media (min-width: 1200px) {
  .remove-user-username,
  .edit-user-username {
    display: none;
  }
}
@media (max-width: 1199px) {
  .users-remove-td {
    display: none !important;
  }
  .users-accordion-wrapper
    input[type="checkbox"].scl-checkbox
    + label.scl-label {
    cursor: pointer;
    font-size: 0.8em !important;
    margin: 8px 0 0;
  }
}
@media (max-width: 1299px) {
  .users-pref .td-div.checkbox-div {
    top: 16px;
  }
}
/* ------------------- */
/* -- End Accordion -- */
/* ------------------- */

/* ---------------------------------------- */
/* -- End Users Preferences Table -- */
/* ---------------------------------------- */

/* ---------------------------------------------- */
/* -- Whole Foods Client Detail Customization -- */
/* -------------------------------------------- */

@media (max-width: 768px) {
  .whole-foods-questions-container .whole-foods-footer-questions-header p {
    font: normal normal normal 25px / 40px Poppins !important;
    padding-left: 30px;
  }
  .whole-foods-questions-container .whole-foods-footer-questions-info p {
    left: 10px;
    position: relative;
  }
  .whole-foods-questions-container {
    left: -20px;
    position: relative;
  }
  .sdp-parent
    .whole-foods-questions-container
    .whole-foods-footer-questions-info
    p {
    padding-left: 10px !important;
  }
  .sdp-parent
    .whole-foods-questions-container
    .whole-foods-footer-questions-header
    p {
    padding-left: 20px !important;
  }
}
@media (max-width: 375px) {
  .sdp-parent
    .whole-foods-questions-container
    .whole-foods-footer-questions-info
    p {
    padding-left: 20px !important;
  }
  .sdp-parent
    .whole-foods-questions-container
    .whole-foods-footer-questions-header
    p {
    padding-left: 30px !important;
  }
  .whole-foods-lab-results-title-mobile {
    font-size: 13px;
    bottom: 2px;
  }
  .whole-foods-lab-results {
    position: relative;
    bottom: 3.5px;
  }
}
.whole-foods-questions-container {
  margin-top: 20px;
}
.whole-foods-questions-container hr {
  padding-bottom: 40px;
}
.sdp-parent .whole-foods-questions-container {
  padding-left: 0 !important;
}
.whole-foods-questions-container .whole-foods-footer-questions-header p {
  text-align: center;
  letter-spacing: 0px;
  color: #006f46;
  font: normal normal normal 32px / 40px Poppins;
}
.whole-foods-questions-container .whole-foods-footer-questions-info p {
  padding-left: 20px;
  padding-right: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
  color: #444444;
  font: normal normal normal 16px / 24px Poppins;
  text-align: center;
}
.whole-foods-questions-container .whole-foods-footer-questions-info a {
  text-decoration: underline;
  color: #006f46 !important;
}
.sdp-parent
  .whole-foods-questions-container
  .whole-foods-footer-questions-header
  p {
  text-align: left;
  font: normal normal normal 22px / 33px Poppins;
  letter-spacing: 0px;
  color: #14794d;
}
.sdp-parent
  .whole-foods-questions-container
  .whole-foods-footer-questions-info
  p {
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: -20px;
  color: #444444;
  font: normal normal normal 16px / 24px Poppins;
  text-align: left;
  letter-spacing: 0px;
}
.row.public-catalog.whole-foods {
  border: none;
  background-color: #fff;
}
.row.public-catalog {
  margin-left: 20px;
  margin-right: 20px;
}
.container-fluid.paginationrow.whole-foods {
  background-color: #fff;
}
.public-catalog
  div#client-results
  div
  .whole-foods-grid-item
  .inner-block.whole-foods {
  box-shadow: none;
}
div#client-results .inner-block.whole-foods {
  border: none;
}
div.test-type.whole-foods,
div.sample-name-date-whole-foods {
  text-transform: none;
  padding: 0;
  margin: 0;
}
div.test-type.whole-foods {
  color: #535a5f;
}
.whole-foods-header span.title {
  text-align: left;
  letter-spacing: 0px;
  color: #006f46;
  font-size: 34px;
  display: block;
  margin-bottom: 20px;
}
.whole-foods-header {
  padding-right: 30px;
  padding-left: 0;
}
.whole-foods-brand-info {
  text-align: left;
  letter-spacing: 0px;
  color: #444444;
  font-size: 16px;
  margin-bottom: 30px;
}
.client-gridview.whole-foods a.result-image img {
  border: none;
}
.result-image.whole-foods {
  background: none;
}
.scl-powered-by {
  text-align: left;
  font: normal normal normal 12px / 14px Helvetica Neue;
  letter-spacing: 2.04px;
  color: #dddddd;
  margin-top: 17px;
  display: inline-block;
  right: 170px;
  position: absolute;
}
.whole-foods-brand-image {
  position: relative;
  left: 35px;
}
.client-gridview.whole-foods {
  margin-bottom: 156px;
}
.footer.whole-foods {
  width: 100%;
  margin-left: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.wf-footer-container {
  padding-left: 10px;
}
.client-public.whole-foods .nav-pills.tableinline a[data-toggle="dropdown"] {
  text-align: right;
  font: normal normal 500 16px / 21px Poppins;
  letter-spacing: -0.21px;
  color: #6b7780;
}
.sharing-inner.whole-foods img,
.sharing-inner.whole-foods a {
  display: inline;
  background: none !important;
  cursor: pointer;
  padding-left: 0;
}
#detailQuickView > div:nth-child(1) > div > ul > li > a {
  padding-left: 5px !important;
  margin-right: 25px;
}

.sharing-inner.whole-foods .dropdown.whole-foods ul.dropdown-menu {
  padding-right: 10px !important;
  padding-left: 20px !important;
}
.sharing-inner.whole-foods .dropdown.whole-foods ul.dropdown-menu li {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
hr.whole-foods-hr {
  border-top: 2px solid #006f46;
}
.sample-name-date-whole-foods span {
  color: #006f46;
}
.whole-foods-lab-results {
  text-align: left;
  font: normal normal normal 15px / 24px Poppins;
  letter-spacing: 0px;
  color: #6b7780;
  cursor: pointer;
}
.container.whole-foods {
  margin-bottom: 56px;
}
.whole-foods-lab-results-content ul a {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 15px / 34px Poppins;
  letter-spacing: 0px;
  color: #006f46;
}
.whole-foods-lab-results-content {
  display: block;
}
.client-public.whole-foods .public-inner {
  margin-bottom: -60px;
}
div#client-results div.whole-foods-lab-results-content-mobile ul li:last-child {
  border: none;
}
span.whole-foods-lab-results-title {
  line-height: 2;
}
@media (min-width: 1475px) {
  .wf-footer-container {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .test-type.whole-foods {
    text-align: left !important;
  }
  .sample-name-date-whole-foods h3 {
    text-align: left !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .test-type.whole-foods {
    text-align: center;
  }
  .sample-name-date-whole-foods h3 {
    text-align: center;
  }
}
@media (max-width: 1199px) {
  #detailQuickView.whole-foods,
  #detailQuickView.whole-foods span {
    text-align: center;
    margin-top: 20px;
  }
  .test-type.whole-foods {
    text-align: center;
    font: normal normal 500 13px / 18px Poppins;
    letter-spacing: 0px;
    color: #535a5f;
  }
  .sample-name-date-whole-foods h3 {
    margin-top: 0;
    line-height: 18px;
    text-align: center;
  }
  .sample-name-date-whole-foods span {
    text-align: left;
    font: normal normal 500 14px / 18px Poppins;
    letter-spacing: 0px;
    color: #006f46;
  }
  div.sample-name-date {
    max-height: 40px;
  }
  span.whole-foods-lab-results-title-mobile {
    text-align: right;
    letter-spacing: 0px;
    color: #444444;
    float: right;
  }
  div#client-results div.whole-foods-lab-results-content-mobile,
  div#client-results div.whole-foods-lab-results-content-mobile ul,
  div#client-results div.whole-foods-lab-results-content-mobile div {
    background: #f2f2f2 0% 0% no-repeat padding-box;
  }
  div#client-results div.whole-foods-lab-results-content-mobile ul {
    text-align: left;
    font: normal normal normal 14px / 30px Poppins;
    letter-spacing: 0px;
    color: #6b7780;
    padding-left: 0;
  }
  div#client-results div.whole-foods-lab-results-content-mobile ul a {
    color: #6b7780;
  }
  div#client-results div.whole-foods-lab-results-content-mobile ul li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }
  .whole-foods-grid-item.whole-foods-mobile {
    border-bottom: 1px solid #dddddd;
  }
  .whole-foods-lab-results-content-mobile {
    border-top: 1px solid #bbbbbb;
    top: 10px;
  }
  .whole-foods-lab-results {
    padding-right: 20px;
  }
  .page-container.whole-foods {
    padding-right: 0;
    width: 100%;
  }
  .whole-foods-header {
    padding-right: 0;
  }
  p.whole-foods-brand-info {
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 23px;
  }
  .whole-foods-header span.title {
    text-align: center;
    letter-spacing: 0px;
    color: #14794d;
    font-size: 18px;
    line-height: 24px;
  }
  .footer.whole-foods {
    bottom: -260px;
  }
  .public-catalog.whole-foods {
    padding-top: 0;
  }
  .whole-foods-first-row-mobile {
    border-top: 1px solid #dddddd;
  }
  .whole-foods-brand-info:last-child {
    margin-bottom: 70px;
  }
  .whole-foods-brand-info {
    font-size: 13px;
  }
}
@media (min-width: 1200px) {
  div.sample-name-date-whole-foods {
    margin-top: -15px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1330px) {
  div.sample-name-date-whole-foods {
    margin-bottom: -10px;
  }
}
/* -------------------------------------------------- */
/* -- End Whole Foods Client Detail Customization -- */
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/* -- CA State Fair Submit Samples Customization -- */
/* ------------------------------------------------ */

.enter-and-win-container {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #4c72aa;
  padding: 20px;
  margin-top: 30px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .enter-and-win-wrapper {
    padding-left: 0 !important;
    padding-right: 30px !important;
  }
}
.enter-and-win-wrapper {
  padding-left: 10px;
  padding-right: 20px;
}

.ca-state-fair-awards-text {
  text-align: left;
  font: normal normal normal 21px / 31px Poppins;
  letter-spacing: 0px;
  color: #353750;
}
.ss-review-col.ss-review-col-event {
  padding-bottom: 0;
}
.enter-and-win-description,
.enter-and-win-links {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: left;
  letter-spacing: 0px;
  color: #444444;
  font: normal normal normal 14px / 20px Poppins;
}

.enter-and-win-links {
  text-align: left;
  font: normal normal normal 14px / 20px Poppins;
  letter-spacing: 0px;
}
.enter-and-win-links a {
  text-decoration: underline;
}

.enter-and-win-description-strong {
  font: normal normal 600 14px / 20px Poppins;
  letter-spacing: 0px;
  color: #444444;
}
input[type="button"]#enter_today {
  position: relative;
  bottom: 8px;
}
.ca-state-fair-logo-home {
  margin-top: 30px;
}

.enter-and-win-detail-close-container {
  display: block;
  width: 50px;
  height: 50px;
  top: 0px;
  right: 0px;
  position: absolute;
  z-index: 1000;
}
.enter-and-win-detail-close {
  position: absolute;
  top: 5px;
  right: 15px;
  font-size: 18px;
  cursor: pointer;
}
.hr-step-3-sample-review {
  border: 1px solid #707070;
  opacity: 0.23;
  margin-top: 15px;
  margin-bottom: 10px;
}

.ca-state-fair-logo-home {
  text-align: center;
}
.ca-state-fair-link-home {
  margin-top: 10px;
  text-decoration: underline;
  font: normal normal normal 14px / 18px Poppins;
  letter-spacing: 0px;
}

.enter-and-win-text {
  text-align: left;
  font: normal normal medium 13px / 20px Poppins;
  letter-spacing: 1.18px;
  color: --text-secondary;
}

.submission-window-ends {
  background: #4c72aa 0% 0% no-repeat padding-box;
  text-align: center;
  font: normal normal 600 12px / 18px Poppins;
  letter-spacing: 0px;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.ca-state-fair-logo-step-2 {
  width: 128px;
  text-align: center;
  position: relative;
  left: 30%;
  margin-top: 5px;
}
.ca-state-fair-logo-step-4 {
  text-align: right;
  margin-top: 35px;
}
/* ---------------------------------------------------- */
/* -- End CA State Fair Submit Samples Customization -- */
/* ---------------------------------------------------- */

/* ---------------- */
/* -- Utilities -- */
/* --------------- */

.border-none {
  border: none !important;
}
.hr-clear {
  border: 0;
  clear: both;
  display: block;
  height: 1px;
}
.initially-hidden {
  display: none;
}
.display-block {
  display: block !important;
}
.height-100 {
  height: 100% !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.no-wrap {
  white-space: nowrap !important;
}
.white-space-normal {
  white-space: normal !important;
}
.margin-top-20 {
  display: block !important;
  margin-top: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.left-3 {
  left: 0.75rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.mt-0 {
  margin-top: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}

/* ------------------------------ */
/* -- Swagger UI Customization -- */
/* ----------------------------- */

#swagger-ui.client-api #operations-tag-default {
  display: none;
}
#swagger-ui.client-api
  > div
  > div:nth-child(2)
  > div.information-container.wrapper
  > section
  > div
  > div
  > hgroup
  > a
  > span {
  display: none;
}

/* ---------------------------------- */
/* -- End Swagger UI Customization -- */
/* ---------------------------------- */

@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
}

/* ------------------------------ */
/* -- Pagination -- */
/* ----------------------------- */
.paginationrow {
  clear: both;
  margin: 40px 0 60px 0;
}
div#client-results .paginationrow {
  clear: both;
  margin: 30px 20px 60px !important;
  background: #f7f7f7 !important;
  border: 1px solid #ddd;
}

div#client-results .paginationrow div {
  background: none !important;
}
ul#mysample-pagination {
  margin: 0 !important;
  padding: 0 !important;
}

ul#mysample-pagination li:first-child {
  margin-right: 30px;
}

ul#mysample-pagination li:last-child {
  margin-left: 30px;
}
.paginationrow .tableinline {
  margin: 0 !important;
  background: none !important;
}

.paginationrow .tableinline a {
  border: none !important;
  font-weight: 500 !important;
}

.paginationrow .tableinline a span {
  display: inline-block;
}

ul#mysample-pagination li {
  list-style: none;
  display: inline-block;
  margin: 0 5px;
}

.paginationrow .col-lg-6 {
  text-align: center;
}

ul#mysample-pagination li a {
  font-weight: 500;
  font-size: 18px;
  color: #718088;
}

ul#mysample-pagination li a.active {
  color: #fff;
  padding: 0 8px;
}
.paginationrow ul.nav-pills.tableinline:hover,
.paginationrow ul.nav-pills.tableinline:hover a {
  background: none !important;
}
.paginationrow .nav-pills.tableinline a[data-toggle="dropdown"] {
  padding: 0 0 0 10px !important;
}
ul#mysample-pagination .pagination-arrow {
  filter: brightness(0) saturate(100%) invert(23%) sepia(97%) saturate(2376%)
    hue-rotate(247deg) brightness(99%) contrast(93%) !important;
}
.samples-page.paginationrow {
  background-color: var(--bg-primary);
}
.paginationrow {
  background-color: #e6ebf6;
  padding: 10px;
}
.pagination-active a.active {
  background-color: var(--btn-primary) !important;
}
div#client-results .paginationrow {
  margin: 3em 0 2.5em;
  padding: 1.4em 0 0;
  border: none;
  border-top: 1px solid #cccccc;
}
ul#mysample-pagination li {
  margin: 3px;
}
ul#mysample-pagination li:first-child {
  margin-right: 1em;
}
ul#mysample-pagination li:last-child {
  margin-left: 1em;
}
ul#mysample-pagination li a {
  height: 1.7em;
  width: 1.7em;
  font-size: 1em;
  line-height: 1.8em;
  display: inline-block;
}
ul#mysample-pagination li a.active {
  border-radius: 50%;
}
#collapser_disabled,
.link-disabled {
  opacity: 0.2;
  cursor: default;
}

.ss-add-package-container-loading {
  opacity: 0.4;
}
[name="label_claim_analyte_field"] .select2-selection,
[name="label_claim_analyte_field"] .select2-selection__rendered {
  background-color: #ffffff !important;
}
[name="label_claim_analyte_field"] .select2-selection {
  max-width: 125px;
}
.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.google-sheet-btn {
  float: right;
  margin: 7px 10px;
  padding: 8px 20px;
  font-size: 16px;
}

.glyphicon-flash {
  font-size: 15px;
  padding-left: 4px;
  margin-left: 7px;
  border-left: 1px solid #888;
}

span.rush-indicator {
  white-space: nowrap;
  font-style: italic;
}