@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/inter-variable-93c9b3a5.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/inter-variable-italic-0050dfb1.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400 400;
  font-display: swap;
  src: url("/assets/inter-variable-93c9b3a5.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Bold";
  font-style: normal;
  font-weight: 700 700;
  font-display: swap;
  src: url("/assets/inter-variable-93c9b3a5.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Italic";
  font-style: italic;
  font-weight: 400 400;
  font-display: swap;
  src: url("/assets/inter-variable-italic-0050dfb1.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Light";
  font-style: normal;
  font-weight: 300 300;
  font-display: swap;
  src: url("/assets/inter-variable-93c9b3a5.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Light Italic";
  font-style: italic;
  font-weight: 300 300;
  font-display: swap;
  src: url("/assets/inter-variable-italic-0050dfb1.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Medium";
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url("/assets/inter-variable-93c9b3a5.woff2") format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-webfont-c87fc63d.woff2") format("woff2"), url("/assets/opensans-light-webfont-f4229518.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-ext-webfont-b7a085b9.woff2") format("woff2"), url("/assets/opensans-light-webfont-f4229518.woff") format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-webfont-c87fc63d.woff2") format("woff2"), url("/assets/opensans-regular-webfont-1ecdacbb.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-ext-webfont-b7a085b9.woff2") format("woff2"), url("/assets/opensans-regular-webfont-1ecdacbb.woff") format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-webfont-c87fc63d.woff2") format("woff2"), url("/assets/opensans-semibold-webfont-cbb4fcfb.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-ext-webfont-b7a085b9.woff2") format("woff2"), url("/assets/opensans-semibold-webfont-cbb4fcfb.woff") format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-webfont-c87fc63d.woff2") format("woff2"), url("/assets/opensans-bold-webfont-fa74c117.woff") format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/opensans-latin-ext-webfont-b7a085b9.woff2") format("woff2"), url("/assets/opensans-bold-webfont-fa74c117.woff") format("woff");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/icomoon-310b1d7a.eot");
  src: url("/assets/icomoon-310b1d7a.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon-63eca54d.woff2") format("woff2"), url("/assets/icomoon-07438351.woff") format("woff"), url("/assets/icomoon-a67507d1.ttf") format("truetype"), url("/assets/icomoon-4d7fcdab.svg?#icomoon") format("svg");
}
@font-face {
  font-family: "Feather Icons";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/icomoon-feather-67e0f9ae.eot");
  src: url("/assets/icomoon-feather-67e0f9ae.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon-feather-31e10ec5.woff2") format("woff2"), url("/assets/icomoon-feather-7c167f4c.woff") format("woff"), url("/assets/icomoon-feather-dd9c541b.ttf") format("truetype"), url("/assets/icomoon-feather-c90c8939.svg?#icomoon-feather") format("svg");
}
.no-hiddenscroll .overlay-main-content::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #edf3f5;
  width: 14px;
}
.no-hiddenscroll .overlay-main-content::-webkit-scrollbar-track-piece {
  background-color: #edf3f5;
}
.no-hiddenscroll .overlay-main-content::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #e1e1e1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.header-nav__list:after, .header-nav:after, .inventory-on-hand:after, .tabs-basic:after, .overlay-users-locations__item:after, .heading-main-container:after, .tabs:after, .column-double__item:after {
  clear: both;
  content: "";
  display: block;
}

.patients-list .patients-list__content, #temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots, #patients-content, .inventory-wholesalers, .inventoryOrderingReport, .inventory-replenish-content, .inventory-activity, .inventory-on-hand, .wrap {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1024px) {
  .patients-list .patients-list__content, #temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots, #patients-content, .inventory-wholesalers, .inventoryOrderingReport, .inventory-replenish-content, .inventory-activity, .inventory-on-hand, .wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 3840px) {
  .patients-list .patients-list__content, #temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots, #patients-content, .inventory-wholesalers, .inventoryOrderingReport, .inventory-replenish-content, .inventory-activity, .inventory-on-hand, .wrap {
    padding-left: 100px;
    padding-right: 100px;
  }
}
.patients-list .wrap--tabs-nav.patients-list__content, .wrap--tabs-nav#temperature_monthly, .wrap--tabs-nav#temperature_compliance, .wrap--tabs-nav#temp_details, .wrap--tabs-nav#temperature_fl_shots, .wrap--tabs-nav#patients-content, .wrap--tabs-nav.inventory-wholesalers, .wrap--tabs-nav.inventoryOrderingReport, .wrap--tabs-nav.inventory-replenish-content, .wrap--tabs-nav.inventory-activity, .wrap--tabs-nav.inventory-on-hand, .wrap--tabs-nav.wrap, .patients-list .wrap--tabs-button.patients-list__content, .wrap--tabs-button#temperature_monthly, .wrap--tabs-button#temperature_compliance, .wrap--tabs-button#temp_details, .wrap--tabs-button#temperature_fl_shots, .wrap--tabs-button#patients-content, .wrap--tabs-button.inventory-wholesalers, .wrap--tabs-button.inventoryOrderingReport, .wrap--tabs-button.inventory-replenish-content, .wrap--tabs-button.inventory-activity, .wrap--tabs-button.inventory-on-hand, .wrap--tabs-button.wrap {
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .patients-list .wrap--tabs-nav.patients-list__content, .wrap--tabs-nav#temperature_monthly, .wrap--tabs-nav#temperature_compliance, .wrap--tabs-nav#temp_details, .wrap--tabs-nav#temperature_fl_shots, .wrap--tabs-nav#patients-content, .wrap--tabs-nav.inventory-wholesalers, .wrap--tabs-nav.inventoryOrderingReport, .wrap--tabs-nav.inventory-replenish-content, .wrap--tabs-nav.inventory-activity, .wrap--tabs-nav.inventory-on-hand, .wrap--tabs-nav.wrap, .patients-list .wrap--tabs-button.patients-list__content, .wrap--tabs-button#temperature_monthly, .wrap--tabs-button#temperature_compliance, .wrap--tabs-button#temp_details, .wrap--tabs-button#temperature_fl_shots, .wrap--tabs-button#patients-content, .wrap--tabs-button.inventory-wholesalers, .wrap--tabs-button.inventoryOrderingReport, .wrap--tabs-button.inventory-replenish-content, .wrap--tabs-button.inventory-activity, .wrap--tabs-button.inventory-on-hand, .wrap--tabs-button.wrap {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .patients-list .wrap--tabs-nav.patients-list__content, .wrap--tabs-nav#temperature_monthly, .wrap--tabs-nav#temperature_compliance, .wrap--tabs-nav#temp_details, .wrap--tabs-nav#temperature_fl_shots, .wrap--tabs-nav#patients-content, .wrap--tabs-nav.inventory-wholesalers, .wrap--tabs-nav.inventoryOrderingReport, .wrap--tabs-nav.inventory-replenish-content, .wrap--tabs-nav.inventory-activity, .wrap--tabs-nav.inventory-on-hand, .wrap--tabs-nav.wrap {
    padding: 0;
  }
}

@font-face {
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/icomoon-310b1d7a.eot");
  src: url("/assets/icomoon-310b1d7a.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon-63eca54d.woff2") format("woff2"), url("/assets/icomoon-07438351.woff") format("woff"), url("/assets/icomoon-a67507d1.ttf") format("truetype"), url("/assets/icomoon-4d7fcdab.svg?#icomoon") format("svg");
}
@font-face {
  font-family: "Feather Icons";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/icomoon-feather-67e0f9ae.eot");
  src: url("/assets/icomoon-feather-67e0f9ae.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon-feather-31e10ec5.woff2") format("woff2"), url("/assets/icomoon-feather-7c167f4c.woff") format("woff"), url("/assets/icomoon-feather-dd9c541b.ttf") format("truetype"), url("/assets/icomoon-feather-c90c8939.svg?#icomoon-feather") format("svg");
}
a {
  color: #035063;
  outline: none;
  text-decoration: none;
  transition: color 0.3s;
  cursor: pointer;
}
.no-ios a:hover {
  color: #035063;
}

body {
  background: #ffffff;
  color: #4d6670;
  display: flex;
  flex-direction: column;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 17px;
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
body:before {
  content: "0";
  position: absolute;
  top: auto;
  left: auto;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (min-width: iphone6 375px) {
  body:before {
    content: "iphone6 375px";
  }
}
@media only screen and (min-width: iphone6-plus 414px) {
  body:before {
    content: "iphone6-plus 414px";
  }
}
@media only screen and (min-width: iphone4-landscape 480px) {
  body:before {
    content: "iphone4-landscape 480px";
  }
}
@media only screen and (min-width: iphone6-landscape 667px) {
  body:before {
    content: "iphone6-landscape 667px";
  }
}
@media only screen and (min-width: iphone6-plus-landscape 736px) {
  body:before {
    content: "iphone6-plus-landscape 736px";
  }
}
@media only screen and (min-width: tablet 768px) {
  body:before {
    content: "tablet 768px";
  }
}
@media only screen and (min-width: tablet-landscape 1024px) {
  body:before {
    content: "tablet-landscape 1024px";
  }
}
@media only screen and (min-width: slightly-larger-than-tablet 1100px) {
  body:before {
    content: "slightly-larger-than-tablet 1100px";
  }
}
@media only screen and (min-width: desktop 1200px) {
  body:before {
    content: "desktop 1200px";
  }
}
@media only screen and (min-width: desktop-large 1400px) {
  body:before {
    content: "desktop-large 1400px";
  }
}
@media only screen and (min-width: desktop-very-large 3840px) {
  body:before {
    content: "desktop-very-large 3840px";
  }
}

b,
strong {
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

header.header {
  position: fixed;
  width: 100%;
  top: 0;
  -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
}

.footer,
.header {
  flex-shrink: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  text-rendering: auto;
}

.hidden-visually, .hidden {
  display: none !important;
}

html {
  background: #ffffff;
  height: 100%;
}

main {
  flex: 1 0 auto;
  min-height: 70vh;
  margin-top: 118px;
}

.float-right {
  float: right;
}

.clickable:hover {
  cursor: pointer;
}

.overflow-hidden {
  overflow: hidden;
}

.table-general {
  text-align: left;
}
.table-general .highlight {
  color: #4d6670;
}
.table-general .mobile-label {
  color: #4d6670;
  display: block;
  padding-bottom: 5px;
}
.table-general .small-text {
  font-size: 12px;
}
.table-general table {
  border: 1px solid #e0eaed;
  border-collapse: separate;
  border-radius: 4px;
  width: 100%;
}
.table-general table.no-border {
  border-style: none;
}
.table-general.table-general--row-border tbody td:last-child {
  padding-bottom: 15px;
}
.table-general.table-general--row-border tbody tr {
  border-bottom: 1px solid #e0eaed;
}
.table-general.table-general--row-border tbody tr:last-child {
  border-bottom: none;
}
.table-general tbody {
  display: block;
}
.table-general tbody td {
  padding: 15px 15px 0;
}
.table-general tbody td.border-left {
  border-left: 1px solid #e0eaed;
}
.table-general tbody td.border-right {
  border-right: 1px solid #e0eaed;
}
.table-general tbody td.left-align {
  text-align: left;
  padding: 0px 10px 5px 10px;
  vertical-align: middle;
}
.table-general tbody td.center-align {
  text-align: center;
  padding: 0px 10px 5px 10px;
  vertical-align: middle;
}
.table-general tbody td.right-align {
  text-align: right;
  padding: 0px 10px 5px 10px;
  vertical-align: middle;
}
.table-general tbody td.clickable:hover {
  cursor: pointer;
}
.table-general tbody td.numeric {
  text-align: right !important;
}
.table-general tbody tr {
  display: block;
}
.table-general tbody tr.top-level {
  font-weight: bold;
}
.table-general tbody tr.top-level td {
  border-bottom: none;
  padding-bottom: 0;
}
.table-general tbody tr.top-level td.center-align {
  padding-top: 15px;
}
.table-general td {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}
.table-general tfoot {
  background: #f5f8f9;
  display: block;
}
.table-general tfoot td {
  border-top: 1px solid #e0eaed;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  padding: 15px;
}
.table-general tfoot tr {
  display: block;
}
.table-general td.border-left {
  border-left: 1px solid #e0eaed;
}
.table-general td.border-right {
  border-right: 1px solid #e0eaed;
}
.table-general td.center-align {
  text-align: center;
}
.table-general td.right-align {
  text-align: right;
}
.table-general td:last-child {
  text-align: right;
}
.table-general td:last-child.total-value {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .table-general td:last-child.total-value {
    text-align: right;
  }
}
.table-general td:last-child.center-align {
  text-align: center;
}
.table-general td:last-child.right-align {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .table-general td:last-child.mobile-left-align {
    text-align: left;
  }
}
.table-general th {
  background: #f5f8f9;
  border-bottom: 1px solid #e0eaed;
  color: #4d6670;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  padding: 15px;
  text-align: left;
}
.table-general th.border-left {
  border-left: 1px solid #e0eaed;
}
.table-general th.border-right {
  border-right: 1px solid #e0eaed;
}
.table-general th:last-child {
  text-align: right;
}
.table-general th.center-align {
  text-align: center;
}
.table-general th.right-align {
  text-align: right;
}
.table-general th.sortable {
  cursor: pointer;
}
.table-general th.numeric {
  text-align: right !important;
}
.table-general tr.table-head {
  background: #f5f8f9;
}
.table-general thead {
  display: none;
}
.table-general thead.mobile-show {
  display: table-header-group;
}
@media only screen and (max-width: 767px) {
  .table-general .mobile-hide {
    display: none;
  }
  .table-general tr:last-child td:last-child {
    padding-bottom: 15px;
  }
}
@media only print {
  .table-general .mobile-label {
    display: none;
  }
  .table-general.table-general--column-border tbody td {
    border-color: #e0eaed;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding-bottom: 15px;
  }
  .table-general.table-general--column-border tbody td:last-child {
    border-right: none;
  }
  .table-general.table-general--column-border tbody tr:first-child td {
    padding-top: 15px;
  }
  .table-general.table-general--column-border tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .table-general.table-general--column-border-row tbody td {
    border-bottom: 1px solid #e0eaed;
    padding-bottom: 15px;
  }
  .table-general.table-general--column-border-row tbody tr:first-child td {
    padding-top: 15px;
  }
  .table-general.table-general--column-border-row tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .table-general.table-general--row-border tbody td {
    border-bottom: 1px solid #e0eaed;
    padding: 15px 0 15px 15px;
  }
  .table-general.table-general--row-border tbody td.center-align {
    padding: 0px 10px 5px 10px;
  }
  .table-general.table-general--row-border tbody td:last-child {
    padding-right: 15px;
  }
  .table-general.table-general--row-border tbody tr {
    border-bottom: none;
  }
  .table-general.table-general--row-border tbody tr:first-child td {
    padding-top: 15px;
  }
  .table-general.table-general--row-border tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .table-general tbody {
    display: table-row-group;
  }
  .table-general tbody td {
    padding: 15px 15px 0;
  }
  .table-general tbody tr:first-child td {
    padding-top: 20px;
  }
  .table-general tbody tr:last-child td {
    padding-bottom: 20px;
  }
  .table-general tbody tr {
    display: table-row;
  }
  .table-general td {
    vertical-align: top;
  }
  .table-general td:last-child {
    text-align: right;
  }
  .table-general td,
.table-general th {
    display: table-cell;
  }
  .table-general tfoot {
    display: table-header-group;
  }
  .table-general tfoot td {
    padding: 20px 15px;
  }
  .table-general tfoot tr {
    display: table-row;
  }
  .table-general th {
    border-bottom: none;
    white-space: nowrap;
  }
  .table-general thead {
    display: table-header-group;
  }
  .table-general thead th {
    border-bottom: 1px solid #e0eaed;
    padding: 20px 15px;
  }
}
@media only screen and (min-width: 768px) {
  .table-general .mobile-label {
    display: none;
  }
  .table-general.table-general--column-border tbody td {
    border-color: #e0eaed;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding-bottom: 15px;
  }
  .table-general.table-general--column-border tbody td:last-child {
    border-right: none;
  }
  .table-general.table-general--column-border tbody td.no-border {
    border-style: none;
  }
  .table-general.table-general--column-border tbody tr:first-child td {
    padding-top: 15px;
  }
  .table-general.table-general--column-border tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .table-general.table-general--column-border-row tbody td {
    border-bottom: 1px solid #e0eaed;
    padding-bottom: 15px;
  }
  .table-general.table-general--column-border-row tbody tr:first-child td {
    padding-top: 15px;
  }
  .table-general.table-general--column-border-row tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .table-general.table-general--row-border tbody td {
    border-bottom: 1px solid #e0eaed;
    padding: 15px 0 15px 15px;
  }
  .table-general.table-general--row-border tbody td.center-align {
    padding: 0px 10px 5px 10px;
  }
  .table-general.table-general--row-border tbody td:last-child {
    padding-right: 15px;
  }
  .table-general.table-general--row-border tbody tr {
    border-bottom: none;
  }
  .table-general.table-general--row-border tbody tr:first-child td {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .table-general.table-general--row-border tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 15px;
  }
  .table-general tbody {
    display: table-row-group;
  }
  .table-general tbody td {
    padding: 15px;
  }
  .table-general tbody tr {
    display: table-row;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .table-general tbody tr.view-details-mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .table-general td {
    vertical-align: top;
    overflow-wrap: break-word;
  }
  .table-general td:last-child {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .table-general td,
.table-general th {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) {
  .table-general tfoot {
    display: table-header-group;
  }
  .table-general tfoot td {
    padding: 20px 15px;
  }
  .table-general tfoot tr {
    display: table-row;
  }
}
@media only screen and (min-width: 768px) {
  .table-general th {
    border-bottom: none;
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .table-general thead {
    display: table-header-group;
  }
  .table-general thead th {
    border-bottom: 1px solid #e0eaed;
    padding: 20px 15px;
  }
}

.table-general__check {
  color: #035063;
  display: inline-block;
  font-size: 13px;
  height: 13px;
  line-height: 13px;
  width: 18px;
}
.no-ios .table-general__check:hover {
  cursor: pointer;
  color: #036f86;
}

.table-general__action {
  color: #4d6670;
  font-size: 13px;
  white-space: nowrap;
  font-weight: normal;
}
.no-ios .table-general__action:hover {
  color: #035063;
}

.table-general.table-general--row-border .report-table th.padded-numeric {
  text-align: right;
  padding-right: 20px;
}
.table-general.table-general--row-border .report-table th:not(.padded-numeric) {
  text-align: left;
}
.table-general.table-general--row-border .report-table tbody td.padded-numeric {
  text-align: right;
  padding-right: 20px;
}

.table-general ul.kioskstat-issues {
  color: #b91c1c;
}

table tfoot {
  font-size: 13px;
}
table tfoot .pagination {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
table tfoot .pagination div {
  font-size: 13px;
  -webkit-box-flex: 1 1 100%;
  -moz-box-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  text-align: center;
}
table tfoot .pagination div:first-child {
  text-align: left;
}
table tfoot .pagination div:last-child {
  text-align: right;
}
table tfoot .pagination button {
  color: #4d6670;
  transition: color 0.3s;
}
.no-ios table tfoot .pagination button:hover {
  color: #035063;
}
table th.desc:after {
  content: " ▼";
}
table th.asc:after {
  content: " ▲";
}

[class*=icon--]:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}

.icon--accuvax:before {
  content: "";
}

.icon--at-sign:before {
  content: "";
}

.icon--bar-chart:before {
  content: "";
}

.icon--battery:before {
  content: "";
}

.icon--caret-down:before {
  content: "";
}

.icon--caret-left:before {
  content: "";
}

.icon--caret-right:before {
  content: "";
}

.icon--caret-up:before {
  content: "";
}

.icon--cast:before {
  content: "";
}

.icon--check:before {
  content: "";
}

.icon--chevron-down:before {
  content: "";
}

.icon--chevron-left:before {
  content: "";
}

.icon--chevron-right:before {
  content: "";
}

.icon--chevron-up:before {
  content: "";
}

.icon--close:before {
  content: "";
}

.icon--connect:before {
  content: "";
}

.icon--cross:before {
  content: "";
}

.icon--download:before {
  content: "";
}

.icon--help-circle {
  height: 58px;
  transition: opacity 0.3s;
  color: #00afce;
  fill: #00afce;
}
.icon--help-circle svg {
  position: relative;
  bottom: 2px;
}
@media only screen and (min-width: 1200px) {
  .icon--help-circle {
    background-size: 26px 26px;
    height: 58px;
  }
  .icon--help-circle svg {
    position: relative;
    bottom: 5px;
  }
}

.icon--impersonate:before {
  content: "";
}

.icon--info:before {
  content: "";
}

.icon--location:before {
  content: "";
}

.icon--menu:before {
  content: "";
}

.icon--minus:before {
  content: "";
}

.icon--notifications:before {
  content: "";
}

.icon--option-menu:before {
  content: "";
}

.icon--plug:before {
  content: "";
}

.icon--plus:before {
  content: "";
}

.icon--printer:before {
  content: "";
}

.icon--profile:before {
  content: "";
}

.icon--programs:before {
  content: "";
}

.icon--search:before {
  content: "";
}

.icon--shield:before {
  content: "";
}

.icon--trash:before {
  content: "";
}

.icon--thermometer:before {
  content: "";
}

.icon--triangle:before {
  content: "";
}

.icon--upload:before {
  content: "";
}

.icon--user-add:before {
  content: "";
}

.icon--user-delete:before {
  content: "";
}

.icon--wifi:before {
  content: "";
}

.icon--ethernet:before {
  content: "";
}

.icon--lte:before {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  content: "LTE";
}

.icon--ethernet-plug:before {
  content: "";
}

.icon--settings:before {
  content: "";
}

.icon--dropdown-arrows:before {
  content: "";
}

[class*=feather-icon--]:before {
  font-family: "Feather Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}

.feather-icon--ethernet:before {
  content: "拏";
}

.feather-icon--mail:before {
  content: "力";
}

.feather-icon--message-square:before {
  content: "撚";
}

[class*=feather-icon--]:before {
  font-family: "Feather Icons";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.feather-icon--activity:before {
  content: "豈";
}

.feather-icon--airplay:before {
  content: "更";
}

.feather-icon--alert-circle:before {
  content: "車";
}

.feather-icon--alert-octagon:before {
  content: "賈";
}

.feather-icon--alert-triangle:before {
  content: "滑";
}

.feather-icon--align-center:before {
  content: "串";
}

.feather-icon--align-justify:before {
  content: "句";
}

.feather-icon--align-left:before {
  content: "龜";
}

.feather-icon--align-right:before {
  content: "龜";
}

.feather-icon--anchor:before {
  content: "契";
}

.feather-icon--aperture:before {
  content: "金";
}

.feather-icon--archive:before {
  content: "喇";
}

.feather-icon--arrow-down-circle:before {
  content: "奈";
}

.feather-icon--arrow-down-left:before {
  content: "懶";
}

.feather-icon--arrow-down-right:before {
  content: "癩";
}

.feather-icon--arrow-down:before {
  content: "羅";
}

.feather-icon--arrow-left-circle:before {
  content: "蘿";
}

.feather-icon--arrow-left:before {
  content: "螺";
}

.feather-icon--arrow-right-circle:before {
  content: "裸";
}

.feather-icon--arrow-right:before {
  content: "邏";
}

.feather-icon--arrow-up-circle:before {
  content: "樂";
}

.feather-icon--arrow-up-left:before {
  content: "洛";
}

.feather-icon--arrow-up-right:before {
  content: "烙";
}

.feather-icon--arrow-up:before {
  content: "珞";
}

.feather-icon--at-sign:before {
  content: "落";
}

.feather-icon--award:before {
  content: "酪";
}

.feather-icon--bar-chart-2:before {
  content: "駱";
}

.feather-icon--bar-chart:before {
  content: "亂";
}

.feather-icon--battery-charging:before {
  content: "卵";
}

.feather-icon--battery:before {
  content: "欄";
}

.feather-icon--bell-off:before {
  content: "爛";
}

.feather-icon--bell:before {
  content: "蘭";
}

.feather-icon--bluetooth:before {
  content: "鸞";
}

.feather-icon--bold:before {
  content: "嵐";
}

.feather-icon--book-open:before {
  content: "濫";
}

.feather-icon--book:before {
  content: "藍";
}

.feather-icon--bookmark:before {
  content: "襤";
}

.feather-icon--box:before {
  content: "拉";
}

.feather-icon--briefcase:before {
  content: "臘";
}

.feather-icon--calendar:before {
  content: "蠟";
}

.feather-icon--camera-off:before {
  content: "廊";
}

.feather-icon--camera:before {
  content: "朗";
}

.feather-icon--cast:before {
  content: "浪";
}

.feather-icon--check-circle:before {
  content: "狼";
}

.feather-icon--check-square:before {
  content: "郎";
}

.feather-icon--check:before {
  content: "來";
}

.feather-icon--chevron-down:before {
  content: "冷";
}

.feather-icon--chevron-left:before {
  content: "勞";
}

.feather-icon--chevron-right:before {
  content: "擄";
}

.feather-icon--chevron-up:before {
  content: "櫓";
}

.feather-icon--chevrons-down:before {
  content: "爐";
}

.feather-icon--chevrons-left:before {
  content: "盧";
}

.feather-icon--chevrons-right:before {
  content: "老";
}

.feather-icon--chevrons-up:before {
  content: "蘆";
}

.feather-icon--chrome:before {
  content: "虜";
}

.feather-icon--circle:before {
  content: "路";
}

.feather-icon--clipboard:before {
  content: "露";
}

.feather-icon--clock:before {
  content: "魯";
}

.feather-icon--cloud-drizzle:before {
  content: "鷺";
}

.feather-icon--cloud-lightning:before {
  content: "碌";
}

.feather-icon--cloud-off:before {
  content: "祿";
}

.feather-icon--cloud-rain:before {
  content: "綠";
}

.feather-icon--cloud-snow:before {
  content: "菉";
}

.feather-icon--cloud:before {
  content: "錄";
}

.feather-icon--code:before {
  content: "鹿";
}

.feather-icon--codepen:before {
  content: "論";
}

.feather-icon--command:before {
  content: "壟";
}

.feather-icon--compass:before {
  content: "弄";
}

.feather-icon--copy:before {
  content: "籠";
}

.feather-icon--corner-down-left:before {
  content: "聾";
}

.feather-icon--corner-down-right:before {
  content: "牢";
}

.feather-icon--corner-left-down:before {
  content: "磊";
}

.feather-icon--corner-left-up:before {
  content: "賂";
}

.feather-icon--corner-right-down:before {
  content: "雷";
}

.feather-icon--corner-right-up:before {
  content: "壘";
}

.feather-icon--corner-up-left:before {
  content: "屢";
}

.feather-icon--corner-up-right:before {
  content: "樓";
}

.feather-icon--cpu:before {
  content: "淚";
}

.feather-icon--credit-card:before {
  content: "漏";
}

.feather-icon--crop:before {
  content: "累";
}

.feather-icon--crosshair:before {
  content: "縷";
}

.feather-icon--database:before {
  content: "陋";
}

.feather-icon--delete:before {
  content: "勒";
}

.feather-icon--disc:before {
  content: "肋";
}

.feather-icon--dollar-sign:before {
  content: "凜";
}

.feather-icon--download-cloud:before {
  content: "凌";
}

.feather-icon--download:before {
  content: "稜";
}

.feather-icon--droplet:before {
  content: "綾";
}

.feather-icon--edit-2:before {
  content: "菱";
}

.feather-icon--edit-3:before {
  content: "陵";
}

.feather-icon--edit:before {
  content: "讀";
}

.feather-icon--external-link:before {
  content: "拏";
}

.feather-icon--eye-off:before {
  content: "樂";
}

.feather-icon--eye:before {
  content: "諾";
}

.feather-icon--facebook:before {
  content: "丹";
}

.feather-icon--fast-forward:before {
  content: "寧";
}

.feather-icon--feather:before {
  content: "怒";
}

.feather-icon--file-minus:before {
  content: "率";
}

.feather-icon--file-plus:before {
  content: "異";
}

.feather-icon--file-text:before {
  content: "北";
}

.feather-icon--file:before {
  content: "磻";
}

.feather-icon--film:before {
  content: "便";
}

.feather-icon--filter:before {
  content: "復";
}

.feather-icon--flag:before {
  content: "不";
}

.feather-icon--folder-minus:before {
  content: "泌";
}

.feather-icon--folder-plus:before {
  content: "數";
}

.feather-icon--folder:before {
  content: "索";
}

.feather-icon--gift:before {
  content: "參";
}

.feather-icon--git-branch:before {
  content: "塞";
}

.feather-icon--git-commit:before {
  content: "省";
}

.feather-icon--git-merge:before {
  content: "葉";
}

.feather-icon--git-pull-request:before {
  content: "說";
}

.feather-icon--github:before {
  content: "殺";
}

.feather-icon--gitlab:before {
  content: "辰";
}

.feather-icon--globe:before {
  content: "沈";
}

.feather-icon--grid:before {
  content: "拾";
}

.feather-icon--hard-drive:before {
  content: "若";
}

.feather-icon--hash:before {
  content: "掠";
}

.feather-icon--headphones:before {
  content: "略";
}

.feather-icon--heart:before {
  content: "亮";
}

.feather-icon--help-circle:before {
  content: "兩";
}

.feather-icon--home:before {
  content: "凉";
}

.feather-icon--image:before {
  content: "梁";
}

.feather-icon--inbox:before {
  content: "糧";
}

.feather-icon--info:before {
  content: "良";
}

.feather-icon--instagram:before {
  content: "諒";
}

.feather-icon--italic:before {
  content: "量";
}

.feather-icon--layers:before {
  content: "勵";
}

.feather-icon--layout:before {
  content: "呂";
}

.feather-icon--life-buoy:before {
  content: "女";
}

.feather-icon--link-2:before {
  content: "廬";
}

.feather-icon--link:before {
  content: "旅";
}

.feather-icon--linkedin:before {
  content: "濾";
}

.feather-icon--list:before {
  content: "礪";
}

.feather-icon--loader:before {
  content: "閭";
}

.feather-icon--lock:before {
  content: "驪";
}

.feather-icon--log-in:before {
  content: "麗";
}

.feather-icon--log-out:before {
  content: "黎";
}

.feather-icon--mail:before {
  content: "力";
}

.feather-icon--map-pin:before {
  content: "曆";
}

.feather-icon--map:before {
  content: "歷";
}

.feather-icon--maximize-2:before {
  content: "轢";
}

.feather-icon--maximize:before {
  content: "年";
}

.feather-icon--menu:before {
  content: "憐";
}

.feather-icon--message-circle:before {
  content: "戀";
}

.feather-icon--message-square:before {
  content: "撚";
}

.feather-icon--mic-off:before {
  content: "漣";
}

.feather-icon--mic:before {
  content: "煉";
}

.feather-icon--minimize-2:before {
  content: "璉";
}

.feather-icon--minimize:before {
  content: "秊";
}

.feather-icon--minus-circle:before {
  content: "練";
}

.feather-icon--minus-square:before {
  content: "聯";
}

.feather-icon--minus:before {
  content: "輦";
}

.feather-icon--monitor:before {
  content: "蓮";
}

.feather-icon--moon:before {
  content: "連";
}

.feather-icon--more-horizontal:before {
  content: "鍊";
}

.feather-icon--more-vertical:before {
  content: "列";
}

.feather-icon--move:before {
  content: "劣";
}

.feather-icon--music:before {
  content: "咽";
}

.feather-icon--navigation-2:before {
  content: "烈";
}

.feather-icon--navigation:before {
  content: "裂";
}

.feather-icon--octagon:before {
  content: "說";
}

.feather-icon--package:before {
  content: "廉";
}

.feather-icon--paperclip:before {
  content: "念";
}

.feather-icon--pause-circle:before {
  content: "捻";
}

.feather-icon--pause:before {
  content: "殮";
}

.feather-icon--percent:before {
  content: "簾";
}

.feather-icon--phone-call:before {
  content: "獵";
}

.feather-icon--phone-forwarded:before {
  content: "令";
}

.feather-icon--phone-incoming:before {
  content: "囹";
}

.feather-icon--phone-missed:before {
  content: "寧";
}

.feather-icon--phone-off:before {
  content: "嶺";
}

.feather-icon--phone-outgoing:before {
  content: "怜";
}

.feather-icon--phone:before {
  content: "玲";
}

.feather-icon--pie-chart:before {
  content: "瑩";
}

.feather-icon--play-circle:before {
  content: "羚";
}

.feather-icon--play:before {
  content: "聆";
}

.feather-icon--plus-circle:before {
  content: "鈴";
}

.feather-icon--plus-square:before {
  content: "零";
}

.feather-icon--plus:before {
  content: "靈";
}

.feather-icon--pocket:before {
  content: "領";
}

.feather-icon--power:before {
  content: "例";
}

.feather-icon--printer:before {
  content: "禮";
}

.feather-icon--radio:before {
  content: "醴";
}

.feather-icon--refresh-ccw:before {
  content: "隸";
}

.feather-icon--refresh-cw:before {
  content: "惡";
}

.feather-icon--repeat:before {
  content: "了";
}

.feather-icon--rewind:before {
  content: "僚";
}

.feather-icon--rotate-ccw:before {
  content: "寮";
}

.feather-icon--rotate-cw:before {
  content: "尿";
}

.feather-icon--rss:before {
  content: "料";
}

.feather-icon--save:before {
  content: "樂";
}

.feather-icon--scissors:before {
  content: "燎";
}

.feather-icon--search:before {
  content: "療";
}

.feather-icon--send:before {
  content: "蓼";
}

.feather-icon--server:before {
  content: "遼";
}

.feather-icon--settings:before {
  content: "龍";
}

.feather-icon--share-2:before {
  content: "暈";
}

.feather-icon--share:before {
  content: "阮";
}

.feather-icon--shield-off:before {
  content: "劉";
}

.feather-icon--shield:before {
  content: "杻";
}

.feather-icon--shopping-bag:before {
  content: "柳";
}

.feather-icon--shopping-cart:before {
  content: "流";
}

.feather-icon--shuffle:before {
  content: "溜";
}

.feather-icon--sidebar:before {
  content: "琉";
}

.feather-icon--skip-back:before {
  content: "留";
}

.feather-icon--skip-forward:before {
  content: "硫";
}

.feather-icon--slack:before {
  content: "紐";
}

.feather-icon--slash:before {
  content: "類";
}

.feather-icon--sliders:before {
  content: "六";
}

.feather-icon--smartphone:before {
  content: "戮";
}

.feather-icon--speaker:before {
  content: "陸";
}

.feather-icon--square:before {
  content: "倫";
}

.feather-icon--star:before {
  content: "崙";
}

.feather-icon--stop-circle:before {
  content: "淪";
}

.feather-icon--sun:before {
  content: "輪";
}

.feather-icon--sunrise:before {
  content: "律";
}

.feather-icon--sunset:before {
  content: "慄";
}

.feather-icon--tablet:before {
  content: "栗";
}

.feather-icon--tag:before {
  content: "率";
}

.feather-icon--target:before {
  content: "隆";
}

.feather-icon--terminal:before {
  content: "利";
}

.feather-icon--thermometer:before {
  content: "吏";
}

.feather-icon--thumbs-down:before {
  content: "履";
}

.feather-icon--thumbs-up:before {
  content: "易";
}

.feather-icon--toggle-left:before {
  content: "李";
}

.feather-icon--toggle-right:before {
  content: "梨";
}

.feather-icon--trash-2:before {
  content: "泥";
}

.feather-icon--trash:before {
  content: "理";
}

.feather-icon--trending-down:before {
  content: "痢";
}

.feather-icon--trending-up:before {
  content: "罹";
}

.feather-icon--triangle:before {
  content: "裏";
}

.feather-icon--truck:before {
  content: "裡";
}

.feather-icon--tv:before {
  content: "里";
}

.feather-icon--twitter:before {
  content: "離";
}

.feather-icon--type:before {
  content: "匿";
}

.feather-icon--umbrella:before {
  content: "溺";
}

.feather-icon--underline:before {
  content: "吝";
}

.feather-icon--unlock:before {
  content: "燐";
}

.feather-icon--upload-cloud:before {
  content: "璘";
}

.feather-icon--upload:before {
  content: "藺";
}

.feather-icon--user-check:before {
  content: "隣";
}

.feather-icon--user-minus:before {
  content: "鱗";
}

.feather-icon--user-plus:before {
  content: "麟";
}

.feather-icon--user-x:before {
  content: "林";
}

.feather-icon--user:before {
  content: "淋";
}

.feather-icon--users:before {
  content: "臨";
}

.feather-icon--video-off:before {
  content: "立";
}

.feather-icon--video:before {
  content: "笠";
}

.feather-icon--voicemail:before {
  content: "粒";
}

.feather-icon--volume-1:before {
  content: "狀";
}

.feather-icon--volume-2:before {
  content: "炙";
}

.feather-icon--volume-x:before {
  content: "識";
}

.feather-icon--volume:before {
  content: "什";
}

.feather-icon--watch:before {
  content: "茶";
}

.feather-icon--wifi-off:before {
  content: "刺";
}

.feather-icon--wifi:before {
  content: "切";
}

.feather-icon--wind:before {
  content: "度";
}

.feather-icon--x-circle:before {
  content: "拓";
}

.feather-icon--x-square:before {
  content: "糖";
}

.feather-icon--x:before {
  content: "宅";
}

.feather-icon--youtube:before {
  content: "洞";
}

.feather-icon--zap-off:before {
  content: "暴";
}

.feather-icon--zap:before {
  content: "輻";
}

.feather-icon--zoom-in:before {
  content: "行";
}

.feather-icon--zoom-out:before {
  content: "降";
}

.button,
input[type=submit].button {
  background: #035063;
  border-radius: 19px;
  color: #ffffff;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 38px;
  letter-spacing: 0.05rem;
  line-height: 38px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s;
  white-space: nowrap;
  width: auto;
}
.no-ios .button:hover,
.no-ios input[type=submit].button:hover {
  background: #036f86;
}
.button.disabled, .button:disabled,
input[type=submit].button.disabled,
input[type=submit].button:disabled {
  background-color: #edf3f5;
  border-color: #c8d7db;
  color: #6f8790;
}
.button.disabled:hover, .button:disabled:hover,
input[type=submit].button.disabled:hover,
input[type=submit].button:disabled:hover {
  cursor: inherit;
  background-color: #f5f8f9;
  border-color: #c8d7db;
  color: #6f8790;
}

.button-icon,
input[type=submit].button-icon {
  background: transparent;
  border: 1px solid #035063;
  border-radius: 33px;
  color: #035063;
  font-size: 0;
  height: 33px;
  line-height: 31px;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  width: 33px;
}
.button-icon.inactive, .button-icon.disabled, .button-icon:disabled,
input[type=submit].button-icon.inactive,
input[type=submit].button-icon.disabled,
input[type=submit].button-icon:disabled {
  color: #4d6670;
  border-color: #4d6670;
}
.no-ios .button-icon.inactive:hover, .no-ios .button-icon.disabled:hover, .no-ios .button-icon:disabled:hover,
.no-ios input[type=submit].button-icon.inactive:hover,
.no-ios input[type=submit].button-icon.disabled:hover,
.no-ios input[type=submit].button-icon:disabled:hover {
  cursor: inherit;
  background: inherit;
  color: #4d6670;
  border-color: #4d6670;
}
.no-ios .button-icon:hover,
.no-ios input[type=submit].button-icon:hover {
  background: #036f86;
  border-color: #036f86;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .button-icon,
input[type=submit].button-icon {
    padding: 0 18px;
    width: auto;
  }
}

.button-icon__icon {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
}
.button-icon__icon.icon--user-add, .button-icon__icon.icon--user-delete {
  font-size: 16px;
  width: 16px;
}

.button-icon__title {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .button-icon__title {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding-left: 8px;
    vertical-align: middle;
  }
}

.button-outline,
input[type=submit].button-outline {
  background: transparent;
  border: 1px solid #035063;
  border-radius: 19px;
  color: #035063;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 38px;
  letter-spacing: 0.05rem;
  line-height: 38px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  white-space: nowrap;
  width: auto;
}
.no-ios .button-outline:hover,
.no-ios input[type=submit].button-outline:hover {
  background: #036f86;
  border-color: #036f86;
  color: #ffffff;
}
.button-outline.disabled, .button-outline:disabled,
input[type=submit].button-outline.disabled,
input[type=submit].button-outline:disabled {
  background-color: #edf3f5;
  border-color: #c8d7db;
  color: #6f8790;
}
.button-outline.disabled:hover, .button-outline:disabled:hover,
input[type=submit].button-outline.disabled:hover,
input[type=submit].button-outline:disabled:hover {
  cursor: inherit;
  background-color: #f5f8f9;
  border-color: #c8d7db;
  color: #6f8790;
}

.button-small-outline,
input[type=submit].button-small-outline {
  background: transparent;
  border: 1px solid #035063;
  border-radius: 19px;
  color: #035063;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 10px;
  height: 26px;
  letter-spacing: 0.05rem;
  line-height: 26px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  white-space: nowrap;
  width: auto;
}
.no-ios .button-small-outline:hover,
.no-ios input[type=submit].button-small-outline:hover {
  background: #036f86;
  border-color: #036f86;
  color: #ffffff;
}

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

.mobile-menu {
  background: #ffffff;
  flex-shrink: 0;
  height: 100%;
  max-width: 360px;
  min-width: 272px;
  padding-top: 60px;
  position: fixed;
  top: 0;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  width: 85%;
  z-index: 895;
}
.mobile-menu.active {
  box-shadow: 15px 10px 45px 0 rgba(12, 43, 51, 0.2);
  transform: translateX(0);
}
.no-csstransforms .mobile-menu, .no-js .mobile-menu {
  left: -100%;
  transform: translateY(0);
  transition: left 0.3s ease-in-out;
}
.no-csstransforms.menu-active .mobile-menu {
  left: 0;
}
@media only screen and (min-width: 768px) {
  .mobile-menu {
    display: none;
  }
}
.mobile-menu .mobile-menu__link.has-subnav {
  position: relative;
  text-indent: -999em;
  text-indent: 0;
}
.mobile-menu .mobile-menu__link.has-subnav:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.mobile-menu .mobile-menu__link.has-subnav:after {
  font-size: 16px;
  height: 14px;
  left: auto;
  line-height: 14px;
  margin-top: -7px;
  right: 20px;
  top: 50%;
  width: 14px;
}
.mobile-menu .mobile-menu__link.has-subnav.active:after {
  content: "";
}
.mobile-menu .mobile-menu__sublist {
  overflow: hidden;
  max-height: 0px;
}
.mobile-menu .mobile-menu__sublist.active {
  max-height: 1000px;
  display: block;
}

.mobile-menu__button-close {
  background: transparent;
  color: #4d6670;
  display: block;
  height: 40px;
  position: relative;
  text-indent: -999em;
  left: 11px;
  line-height: 38px;
  position: absolute;
  top: 19px;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  width: 40px;
}
.mobile-menu__button-close:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.mobile-menu__button-close:after {
  font-size: 22px;
  text-indent: 1px;
  right: 0;
}
@media only screen and (min-width: 768px) {
  .mobile-menu__button-close {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .mobile-menu-screen.active {
    display: none;
  }
}

.mobile-menu__button-overlay {
  background-color: rgba(237, 243, 245, 0.75);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: fixed;
  text-indent: -999em;
  top: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 505;
}
.menu-active .mobile-menu__button-overlay {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) {
  .mobile-menu__button-overlay {
    display: none;
  }
}

.mobile-menu__item {
  border-bottom: 1px solid #e0eaed;
}

.mobile-menu__link {
  color: #4d6670;
  display: block;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  height: 56px;
  letter-spacing: 0.025rem;
  line-height: 58px;
  padding: 0 20px;
  position: relative;
}
.mobile-menu__link[data-toggle] {
  position: relative;
  text-indent: -999em;
  text-indent: 0;
}
.mobile-menu__link[data-toggle]:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.mobile-menu__link[data-toggle]:after {
  font-size: 16px;
  height: 14px;
  left: auto;
  line-height: 14px;
  margin-top: -7px;
  right: 20px;
  top: 50%;
  width: 14px;
}
.mobile-menu__link[data-toggle].active-toggle:after {
  content: "";
}
.no-ios .mobile-menu__link:hover {
  color: #4d6670;
}

.mobile-menu__list {
  border-top: 1px solid #e0eaed;
  bottom: 0;
  overflow-y: auto;
  position: absolute;
  top: 76px;
  width: 100%;
}
.no-hiddenscroll .mobile-menu__list::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #edf3f5;
  width: 14px;
}
.no-hiddenscroll .mobile-menu__list::-webkit-scrollbar-track-piece {
  background-color: #edf3f5;
}
.no-hiddenscroll .mobile-menu__list::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #e1e1e1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.mobile-menu__sublink {
  color: #4d6670;
  display: block;
  font-size: 13px;
  letter-spacing: 0.05rem;
  line-height: 1.3;
  margin-bottom: 10px;
  padding: 0 20px;
}
.no-ios .mobile-menu__sublink:hover {
  color: #4d6670;
}

.mobile-menu__sublist {
  display: none;
  padding-bottom: 10px;
}

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

article, aside, details, figcaption, figure, footer, header, img, hgroup, main, menu, nav, section, video {
  display: block;
}

a, abbr, acronym, address, article, aside, audio, blockquote, body, canvas, cite, code, div, dd, dl, dt, em, figcaption, figure, fieldset, footer, form, header, hgroup, html, h1, h2, h3, h4, h5, h6, iframe, img, label, li, mark, menu, nav, ol, optgroup, p, pre, q, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, section, time, ul, video {
  margin: 0;
  padding: 0;
}

a:hover,
a:active,
a:focus,
object,
*:focus {
  outline: 0 none transparent;
}

body, html {
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button, select {
  text-transform: none;
}

button {
  border-radius: 0;
  display: inline-block;
  cursor: pointer;
  padding: 0;
  border: none;
  background: transparent;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

input, optgroup, select, textarea {
  border-radius: 0;
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

input {
  line-height: normal;
  margin: 0;
}
input[type=number], input[type=search], input[type=text] {
  -webkit-appearance: none;
}
input[type=password] {
  font-family: arial, sans-serif;
}
input[type=submit] {
  cursor: pointer;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
}

img {
  border: none;
  height: auto;
  max-width: 100%;
  outline: none;
}

fieldset {
  border: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

textarea {
  overflow: auto;
}

ul {
  list-style-type: none;
}

input,
textarea {
  background: #ffffff;
  border: 1px solid #e0eaed;
  box-shadow: none !important;
  color: #4d6670;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #4d6670;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  color: #4d6670;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  color: #4d6670;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  color: #4d6670;
}
input:focus, input:focus:required:invalid, input:focus:required:invalid:focus,
textarea:focus,
textarea:focus:required:invalid,
textarea:focus:required:invalid:focus {
  border-color: #e0eaed;
  box-shadow: none !important;
  color: #4d6670;
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=date] {
  border-radius: 4px;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 100%;
  border-color: #cccccc;
}
input[type=email].input-large, input[type=number].input-large, input[type=password].input-large, input[type=search].input-large, input[type=tel].input-large, input[type=text].input-large, input[type=date].input-large {
  font-size: 15px;
  height: 58px;
  line-height: 58px;
}
input[type=email].disabled, input[type=email][disabled], input[type=number].disabled, input[type=number][disabled], input[type=password].disabled, input[type=password][disabled], input[type=search].disabled, input[type=search][disabled], input[type=tel].disabled, input[type=tel][disabled], input[type=text].disabled, input[type=text][disabled], input[type=date].disabled, input[type=date][disabled] {
  background-color: #CCC;
}
input[type=email], input[type=password] {
  -webkit-appearance: none;
}

input[type=checkbox] {
  left: -999em;
  opacity: 0;
  position: absolute;
  top: auto;
  visibility: hidden;
}
input[type=checkbox]:checked + label:after {
  color: #666A76;
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  font-size: 8px;
  font-weight: bold;
  height: 9px;
  line-height: 9px;
  left: 4px;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 12px;
}

.edit-detail-button {
  float: right;
  margin-top: 41px;
}

input[type=checkbox].checkbox-cursor + label {
  clear: left;
  color: #4d6670;
  cursor: alias;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 27px;
  position: relative;
}
input[type=checkbox].checkbox-cursor + label:before {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 2px;
  content: "";
  display: inline-block;
  font-size: 0;
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}

input[type=checkbox] + label {
  clear: left;
  color: #4d6670;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 27px;
  position: relative;
}
input[type=checkbox] + label:before {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 2px;
  content: "";
  display: inline-block;
  font-size: 0;
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}

input[type=radio] {
  left: -999em;
  opacity: 0;
  position: absolute;
  top: auto;
  visibility: hidden;
}
input[type=radio]:checked + label:after {
  background: #ffffff;
  border-radius: 100%;
  content: "";
  height: 9px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 9px;
}
input[type=radio]:checked + label:before {
  background: #035063;
  border-color: #035063;
}

input[type=radio] + label {
  clear: left;
  color: #4d6670;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 27px;
  position: relative;
}
input[type=radio] + label:before {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 100%;
  content: "";
  display: inline-block;
  font-size: 0;
  height: 19px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}

input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.input-label {
  color: #bbb;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 0.05rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}

select {
  background-color: white;
  background-image: url("/assets/select-triangle-down-63be00e3.png");
  background-image: url("/assets/select-triangle-down-a8455089.svg");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 10px 5px;
  border: 1px solid #e0eaed;
  border-radius: 4px;
  box-shadow: none;
  color: #4d6670;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 18px;
  padding: 0 40px 0 15px;
  -moz-appearance: none;
  text-align: left;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}
select.input-large {
  background-image: url("/assets/select-chevron-down-ec80c1af.png");
  background-image: url("/assets/select-chevron-down-e83689e5.svg");
  background-size: 15px 15px;
  font-size: 15px;
  height: 58px;
  line-height: 58px;
  padding-right: 45px;
}
select:focus:invalid:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #b94a48;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #ccc;
}
select::-ms-expand {
  display: none;
}

textarea {
  font-size: 13px;
  height: 140px;
  margin-bottom: 18px;
  max-width: 100%;
  padding: 13px 15px;
  width: 100%;
}
textarea.input-large {
  font-size: 15px;
}

.password-requirements .requirement.valid {
  color: #15803d !important;
}
.password-requirements .requirement:not(.valid) {
  color: #b91c1c !important;
}

.button,
input[type=submit].button {
  background: #035063;
  border-radius: 19px;
  color: #ffffff;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 38px;
  letter-spacing: 0.05rem;
  line-height: 38px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s;
  white-space: nowrap;
  width: auto;
}
.no-ios .button:hover,
.no-ios input[type=submit].button:hover {
  background: #036f86;
}
.button.disabled, .button:disabled,
input[type=submit].button.disabled,
input[type=submit].button:disabled {
  background-color: #edf3f5;
  border-color: #c8d7db;
  color: #6f8790;
}
.button.disabled:hover, .button:disabled:hover,
input[type=submit].button.disabled:hover,
input[type=submit].button:disabled:hover {
  cursor: inherit;
  background-color: #f5f8f9;
  border-color: #c8d7db;
  color: #6f8790;
}

.button-icon,
input[type=submit].button-icon {
  background: transparent;
  border: 1px solid #035063;
  border-radius: 33px;
  color: #035063;
  font-size: 0;
  height: 33px;
  line-height: 31px;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  width: 33px;
}
.button-icon.inactive, .button-icon.disabled, .button-icon:disabled,
input[type=submit].button-icon.inactive,
input[type=submit].button-icon.disabled,
input[type=submit].button-icon:disabled {
  color: #4d6670;
  border-color: #4d6670;
}
.no-ios .button-icon.inactive:hover, .no-ios .button-icon.disabled:hover, .no-ios .button-icon:disabled:hover,
.no-ios input[type=submit].button-icon.inactive:hover,
.no-ios input[type=submit].button-icon.disabled:hover,
.no-ios input[type=submit].button-icon:disabled:hover {
  cursor: inherit;
  background: inherit;
  color: #4d6670;
  border-color: #4d6670;
}
.no-ios .button-icon:hover,
.no-ios input[type=submit].button-icon:hover {
  background: #036f86;
  border-color: #036f86;
  color: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .button-icon,
input[type=submit].button-icon {
    padding: 0 18px;
    width: auto;
  }
}

.button-icon__icon {
  display: inline-block;
  font-size: 15px;
  vertical-align: middle;
}
.button-icon__icon.icon--user-add, .button-icon__icon.icon--user-delete {
  font-size: 16px;
  width: 16px;
}

.button-icon__title {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .button-icon__title {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    padding-left: 8px;
    vertical-align: middle;
  }
}

.button-outline,
input[type=submit].button-outline {
  background: transparent;
  border: 1px solid #035063;
  border-radius: 19px;
  color: #035063;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 11px;
  height: 38px;
  letter-spacing: 0.05rem;
  line-height: 38px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  white-space: nowrap;
  width: auto;
}
.no-ios .button-outline:hover,
.no-ios input[type=submit].button-outline:hover {
  background: #036f86;
  border-color: #036f86;
  color: #ffffff;
}
.button-outline.disabled, .button-outline:disabled,
input[type=submit].button-outline.disabled,
input[type=submit].button-outline:disabled {
  background-color: #edf3f5;
  border-color: #c8d7db;
  color: #6f8790;
}
.button-outline.disabled:hover, .button-outline:disabled:hover,
input[type=submit].button-outline.disabled:hover,
input[type=submit].button-outline:disabled:hover {
  cursor: inherit;
  background-color: #f5f8f9;
  border-color: #c8d7db;
  color: #6f8790;
}

.button-small-outline,
input[type=submit].button-small-outline {
  background: transparent;
  border: 1px solid #035063;
  border-radius: 19px;
  color: #035063;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 10px;
  height: 26px;
  letter-spacing: 0.05rem;
  line-height: 26px;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
  white-space: nowrap;
  width: auto;
}
.no-ios .button-small-outline:hover,
.no-ios input[type=submit].button-small-outline:hover {
  background: #036f86;
  border-color: #036f86;
  color: #ffffff;
}

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

.modal.add-line-item-modal {
  height: 80vh;
  display: flex;
  flex-flow: column;
  width: 80%;
  right: 10%;
  left: 10%;
  margin: auto;
}
.modal.add-line-item-modal .modal-body {
  flex-grow: 1;
  overflow-y: auto;
}
.modal.add-line-item-modal .modal-body .search-term-filter-wrapper {
  width: 270px;
  margin-bottom: 5px;
}
.modal.add-line-item-modal .modal-body .input-label {
  font-size: 12px;
  margin-top: 10px;
}
.modal.add-line-item-modal .modal-body .package-ndc {
  width: 120px;
}
.modal.add-line-item-modal .modal-body .checkbox {
  margin-top: 0;
}
.modal.add-line-item-modal .modal-body .table-general {
  min-width: 700px;
}
.modal.add-line-item-modal .modal-body .table-general .checkbox {
  cursor: pointer;
  text-align: left;
  margin: 5px;
  height: 25px;
  width: 25px;
  font-size: 14px;
  position: relative;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.modal.add-line-item-modal .modal-body .table-general .checkbox div.checkbox-label {
  display: inline-block;
  height: 25px;
  margin-left: 35px;
  padding-top: 5px;
  color: #4d6670;
}
.modal.add-line-item-modal .modal-body .table-general .checkbox div.check {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 2px;
  padding-top: 5px;
  display: inline-block;
  margin-left: 5px;
  height: 25px;
  width: 25px;
  border: 1px solid #00afce;
}
.modal.add-line-item-modal .modal-footer {
  padding: 10px 0;
}
.modal.add-line-item-modal .modal-footer button {
  width: 100px;
}
@media only screen and (min-width: 1024px) {
  .modal.add-line-item-modal {
    min-width: 740px;
  }
}

.enterprise-badge {
  font-size: 10px;
  background-color: #89949d;
  color: #FFF;
  padding: 4px 13px;
  border-radius: 15px;
  font-weight: bold;
}
.enterprise-badge.active {
  background-color: #035063;
}

.location-switcher-toggle {
  cursor: pointer;
}

.location-picker-screen.active {
  background-color: #ccc;
  opacity: 0.5;
  height: 100%;
  width: 100%;
  cursor: pointer;
  position: fixed;
  z-index: 890;
}

.header-legend .hamburger-menu {
  font-size: 25px;
  font-weight: bold;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 28px 25px;
  height: 76px;
  padding-top: 22px;
  cursor: pointer;
  border-right: 0;
  display: inline-block;
  margin-right: 0;
}
.header-legend .hamburger-menu:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  font-size: 14px;
  position: relative;
  top: -9px;
  content: "";
}
@media only screen and (min-width: 768px) {
  .header-legend .hamburger-menu {
    background-image: url("/assets/location_picker_closed-4c93b02b.svg");
    padding-left: 77px;
    margin-right: 20px;
  }
  .header-legend .hamburger-menu:before {
    content: "";
  }
  .header-legend .hamburger-menu.active {
    background-image: url("/assets/location_picker_open-e73552c8.svg");
  }
}
.header-legend .legend-info {
  display: inline-block;
  position: absolute;
  top: 20px;
}

.location-picker {
  position: fixed;
  height: calc(100% - 76px);
  top: 76px;
  left: 0;
  z-index: 1000;
  background-color: white;
  border-right: 1px solid #CCC;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: left;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
  max-width: 0px;
}
.location-picker.safari {
  transition: none;
}
.location-picker.safari.active {
  transition: none;
}
@media only screen and (min-width: 768px) {
  .location-picker {
    max-width: 75px;
  }
}
.location-picker.active {
  max-width: 500px;
  transition: all 0.3s ease-in-out;
}
.location-picker .hide-scrollbar-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  box-sizing: content-box;
  padding-right: 17px;
}
.location-picker .hide-scrollbar-wrapper .location-option {
  margin-top: 30px;
  cursor: pointer;
}
.location-picker .hide-scrollbar-wrapper .location-option:last-child {
  margin-bottom: 30px;
}
.location-picker .hide-scrollbar-wrapper .location-option:hover h1 {
  border: 5px solid #00afce;
  padding-top: 11px;
}
.location-picker .hide-scrollbar-wrapper .location-option h1 {
  font-size: 16px;
  line-height: 16px;
  height: 50px;
  width: 50px;
  margin-left: 12.5px;
  background-color: #89949d;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  padding-top: 16px;
  border-radius: 3px;
  display: inline-block;
}
.location-picker .hide-scrollbar-wrapper .location-option .location-name {
  display: inline-block;
  font-size: 16px;
  margin-left: 15px;
  margin-right: 15px;
  height: 50px;
  padding-top: 16px;
  vertical-align: middle;
  color: #000;
}
.location-picker .hide-scrollbar-wrapper .location-option .location-name .enterprise-badge {
  margin-left: 30px;
}
.location-picker .hide-scrollbar-wrapper .location-option.active h1 {
  background-color: #035063;
}

.location-sidebar {
  background: #ffffff;
  height: 100%;
  left: 0;
  max-width: 415px;
  min-width: 272px;
  padding-top: 60px;
  position: fixed;
  top: 0;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  width: 85%;
  z-index: 610;
}
.location-sidebar.safari {
  transition: none;
}
.no-csstransforms .location-sidebar, .no-js .location-sidebar {
  left: 100%;
  transform: translateY(0);
  transition: left 0.3s ease-in-out;
}
.no-csstransforms.location-sidebar-active .location-sidebar {
  left: 0;
}
.location-sidebar-active .location-sidebar {
  box-shadow: 15px 10px 45px 0 rgba(12, 43, 51, 0.2);
  transform: translateX(0);
}
@media only screen and (min-width: 768px) {
  .location-sidebar {
    padding-top: 68px;
  }
  .location-sidebar.active {
    z-index: 610;
  }
}
@media only screen and (min-width: 1200px) {
  .location-sidebar {
    padding-top: 76px;
  }
}
.location-sidebar .table-basic td {
  padding-left: 1em;
}

.location-sidebar__button-overlay {
  background-color: rgba(237, 243, 245, 0.75);
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 600;
}
.location-sidebar-active .location-sidebar__button-overlay {
  opacity: 1;
  visibility: visible;
}

.location-sidebar__close {
  background: transparent;
  border: 1px solid #e0eaed;
  border-radius: 100%;
  color: #4d6670;
  display: block;
  height: 40px;
  position: relative;
  text-indent: -999em;
  left: 15px;
  line-height: 38px;
  position: absolute;
  top: 10px;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  width: 40px;
}
.location-sidebar__close:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.location-sidebar__close:after {
  font-size: 22px;
  text-indent: 1px;
  right: 0;
}
.location-sidebar__close:hover {
  background: #035063;
  border-color: #035063;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .location-sidebar__close {
    left: auto;
    right: 14px;
    top: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .location-sidebar__close {
    height: 55px;
    line-height: 53px;
    right: 12px;
    top: 10.5px;
    width: 55px;
  }
}

.location-sidebar__container {
  bottom: 0;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  top: 60px;
  width: 100%;
}
.no-hiddenscroll .location-sidebar__container::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #edf3f5;
  width: 14px;
}
.no-hiddenscroll .location-sidebar__container::-webkit-scrollbar-track-piece {
  background-color: #edf3f5;
}
.no-hiddenscroll .location-sidebar__container::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #e1e1e1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 768px) {
  .location-sidebar__container {
    padding: 0 35px 35px;
    top: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .location-sidebar__container {
    top: 76px;
  }
}
.location-sidebar__container table:hover {
  color: #035063;
}
.location-sidebar__container table:hover thead th {
  color: #035063;
}
.location-sidebar__container table.current-location thead {
  border-bottom: 4px solid #ffa500;
}
.location-sidebar__container table.current-location thead th {
  color: #035063;
}

.location-sidebar__item {
  border-top: 1px solid #e0eaed;
  padding: 10px 0;
}

.location-sidebar__link {
  border-radius: 4px;
  color: #6e8e9b;
  display: block;
  font-size: 0;
  padding: 5px 0;
}
@media only screen and (min-width: 768px) {
  .location-sidebar__link {
    padding: 10px;
    transition: background-color 0.3s, color 0.3s;
  }
  .no-ios .location-sidebar__link:hover {
    background: #edf3f5;
    color: #035063;
  }
}
@media only screen and (min-width: 1200px) {
  .location-sidebar__link {
    padding: 15px;
  }
}

.location-sidebar__list {
  border-bottom: 1px solid #e0eaed;
  list-style: none;
}

.location-sidebar__section + .location-sidebar__section {
  margin-top: 40px;
}

.location-sidebar__title {
  display: inline-block;
  font-size: 16px;
  padding-right: 10px;
  vertical-align: middle;
  width: calc(100% - 100px);
}
@media only screen and (min-width: 375px) {
  .location-sidebar__title {
    width: calc(100% - 120px);
  }
}
@media only screen and (min-width: 768px) {
  .location-sidebar__title {
    width: calc(100% - 160px);
  }
}

.location-sidebar-active {
  height: auto;
  overflow: hidden;
}

.location-sidebar-header {
  margin-bottom: 30px;
}

.location-sidebar-header__title {
  color: #4d6670;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 19px;
  margin-bottom: 3px;
}
@media only screen and (min-width: 768px) {
  .location-sidebar-header__title {
    font-size: 21px;
    margin-bottom: 6px;
  }
}

.location-sidebar-header__subtitle {
  font-size: 15px;
}

.location-sidebar-icons {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
}
@media only screen and (min-width: 375px) {
  .location-sidebar-icons {
    width: 120px;
  }
}
@media only screen and (min-width: 768px) {
  .location-sidebar-icons {
    width: 160px;
  }
}

.location-sidebar-icons__icon {
  color: #6e8e9b;
  display: inline-block;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  position: relative;
  text-align: center;
  width: 25px;
}
.location-sidebar-icons__icon:after {
  background: #b91c1c;
  border-radius: 100%;
  content: "";
  display: none;
  height: 4px;
  position: absolute;
  right: 0;
  top: 0;
  width: 4px;
}
.location-sidebar-icons__icon.icon--battery {
  text-indent: 1px;
}
.location-sidebar-icons__icon.icon--plug {
  text-indent: 4px;
}
.location-sidebar-icons__icon.icon--thermometer {
  text-indent: -8px;
}
.location-sidebar-icons__icon.icon--wifi {
  text-indent: 4px;
}
@media only screen and (min-width: 375px) {
  .location-sidebar-icons__icon {
    width: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .location-sidebar-icons__icon {
    font-size: 20px;
    width: 40px;
  }
  .location-sidebar-icons__icon:after {
    height: 5px;
    right: 2px;
    width: 5px;
  }
}

.location-sidebar-icons__icon--active {
  color: #b91c1c;
}
.location-sidebar-icons__icon--active:after {
  display: block;
}

.footer {
  background: #edf3f5;
  line-height: 1;
  padding: 50px 0 43px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .footer {
    padding: 50px 0;
    padding-left: 75px;
    text-align: left;
  }
}
@media only screen and (min-width: 1200px) {
  .footer {
    padding: 60px 0;
    padding-left: 75px;
  }
}

.footer__copyright {
  color: #4d6670;
  display: block;
  font-size: 11px;
  margin-top: 5px;
}

@media only screen and (min-width: 768px) {
  .footer__item {
    text-align: left;
  }
}

.footer__link {
  color: #4d6670;
  display: inline-block;
  font-size: 14px;
  padding: 7px 0;
}
.no-ios .footer__link:hover {
  color: #035063;
}

@media only screen and (min-width: 768px) {
  .footer__list {
    display: inline-block;
    margin-left: 40px;
    vertical-align: top;
  }
  .footer__list:first-child {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .footer__list {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer__list {
    margin-left: 60px;
  }
}

.footer__provided {
  color: #4d6670;
  display: block;
  font-size: 11px;
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .footer-column {
    display: inline-block;
    vertical-align: top;
  }
}

@media only screen and (min-width: 768px) {
  .footer-column--logo {
    width: 200px;
  }
}

@media only screen and (min-width: 768px) {
  .footer-column--contact {
    width: 400px;
  }
}
.footer-column--contact h2 {
  font-size: 18px;
  margin: 10px;
  margin-top: 0;
}
.footer-column--contact p {
  font-size: 18px;
  margin: 10px;
}
.footer-column--contact p.medispan-updated {
  font-size: 16px;
}

.footer-column--navigation {
  padding-top: 35px;
}
@media only screen and (min-width: 768px) {
  .footer-column--navigation {
    padding-top: 0;
    text-align: right;
    width: calc(100% - 600px);
  }
}

.footer-columns {
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .footer-columns {
    margin: 0 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .footer-columns {
    margin: 0 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .footer-columns {
    margin: 0 30px;
  }
}

.logo {
  display: inline-block;
  font-size: 0;
  transition: opacity 0.3s;
  vertical-align: top;
}
.no-ios .logo:hover {
  opacity: 0.7;
}

.logo__link {
  display: block;
  height: 50px;
  background: url("/assets/accusite_logo-797bb209.png") no-repeat;
  background-size: contain;
  width: 190px;
}

.inventory-sidebar {
  background: #ffffff;
  height: 100%;
  max-width: 45vw;
  min-width: 272px;
  padding-top: 60px;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  overflow: auto;
  width: 85%;
  z-index: 902;
}
.inventory-sidebar .inventory-recall-hr {
  border-bottom: 2px solid #000000;
}
.inventory-sidebar .note-field {
  display: block;
  width: 390px;
  height: 200px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.inventory-sidebar .note-save-button {
  float: right;
}
.inventory-sidebar.safari {
  transition: none;
}
.inventory-sidebar caption {
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 0;
  text-align: left;
}
.no-csstransforms .inventory-sidebar, .no-js .inventory-sidebar {
  right: 100%;
  transform: translateY(0);
  transition: right 0.3s ease-in-out;
}
.no-csstransforms.sidebar-active .inventory-sidebar {
  right: 0;
}
.sidebar-active .inventory-sidebar {
  box-shadow: -15px 10px 45px 0 rgba(12, 43, 51, 0.2);
  transform: translateX(0);
}
.inventory-sidebar table {
  margin-top: 25px;
  margin-bottom: 30px;
  width: 100%;
}
.inventory-sidebar td,
.inventory-sidebar th {
  border-bottom: 1px solid #e0eaed;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  padding: 10px 0;
  text-align: left;
}
.inventory-sidebar td.light-font,
.inventory-sidebar th.light-font {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.inventory-sidebar td:last-child {
  color: #4d6670;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .inventory-sidebar {
    padding-top: 68px;
  }
  .inventory-sidebar caption {
    font-size: 20px;
  }
  .inventory-sidebar td,
.inventory-sidebar th {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .inventory-sidebar {
    padding-top: 76px;
    max-width: 30vw;
  }
}

.lot-detail-header {
  cursor: pointer;
}

.inventory-sidebar__amount {
  font-size: 20px;
}

.inventory-sidebar__button-overlay {
  background-color: rgba(237, 243, 245, 0.75);
  height: 100%;
  left: 0;
  opacity: 1;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 901;
}
.sidebar-active .inventory-sidebar__button-overlay {
  opacity: 1;
  visibility: visible;
}

.inventory-sidebar__close {
  background: transparent;
  border: 1px solid #e0eaed;
  border-radius: 100%;
  color: #4d6670;
  display: block;
  height: 40px;
  position: relative;
  text-indent: -999em;
  left: 15px;
  line-height: 38px;
  position: absolute;
  top: 10px;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  width: 40px;
}
.inventory-sidebar__close:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.inventory-sidebar__close:after {
  font-size: 22px;
  text-indent: 1px;
  right: 0;
}
.inventory-sidebar__close:hover {
  background: #035063;
  border-color: #035063;
  color: #ffffff;
}
@media only screen and (min-width: 768px) {
  .inventory-sidebar__close {
    left: auto;
    right: 14px;
    top: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .inventory-sidebar__close {
    height: 55px;
    line-height: 53px;
    right: 12px;
    top: 10.5px;
    width: 55px;
  }
}

.inventory-sidebar__container {
  bottom: 0;
  color: #4d6670;
  overflow-y: auto;
  padding: 20px;
  position: absolute;
  top: 60px;
  width: 100%;
}
.no-hiddenscroll .inventory-sidebar__container::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: #edf3f5;
  width: 14px;
}
.no-hiddenscroll .inventory-sidebar__container::-webkit-scrollbar-track-piece {
  background-color: #edf3f5;
}
.no-hiddenscroll .inventory-sidebar__container::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #e1e1e1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 768px) {
  .inventory-sidebar__container {
    padding: 0 35px 35px;
    top: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .inventory-sidebar__container {
    top: 76px;
  }
}

.inventory-sidebar__section {
  margin-top: 35px;
}

.inventory-sidebar__title {
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
}

.inventory-sidebar-result--critical {
  color: #b91c1c;
  text-transform: uppercase;
}

.inventory-sidebar-result--warning {
  color: #b45309;
}

.sidebar-active {
  height: auto;
  overflow: hidden;
}

.inventory-details-form-factor {
  margin-bottom: 100px;
}

.location-sidebar.active, .inventory-sidebar.active {
  box-shadow: -15px 10px 45px 0 rgba(12, 43, 51, 0.2);
  transform: translateX(0);
}
.location-sidebar table, .inventory-sidebar table {
  border: 0;
}

.inventory-sidebar__title {
  font-size: 20px;
}

.location-sidebar.active, .inventory-sidebar__button-overlay.active {
  visibility: visible;
  opacity: 1;
}
.location-sidebar table:hover, .inventory-sidebar__button-overlay table:hover {
  cursor: pointer;
}

.table-basic table {
  width: 100%;
}
.table-basic td,
.table-basic th {
  border-bottom: 1px solid #e0eaed;
  line-height: 1;
  padding: 15px 0;
}
.table-basic td {
  font-size: 14px;
}
.table-basic td:last-child {
  text-align: right;
}
.table-basic th {
  color: #4d6670;
  font-size: 16px;
  font-weight: normal;
}

td.numeric {
  text-align: right;
}

th.numeric {
  text-align: right;
}

.column-double {
  font-size: 0;
}
.column-double + .column-double {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .column-double {
    display: flex;
    flex-flow: row wrap;
  }
}
@media only screen and (min-width: 1024px) {
  .column-double + .column-double {
    padding-top: 24px;
  }
}

.column-double__item {
  font-size: 17px;
}
@media only screen and (min-width: 768px) {
  .column-double__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-bottom: 2rem;
  }
}

@media only screen and (min-width: 768px) {
  .column-double__item--full {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  .column-double__item--left {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .column-double__item--left {
    padding-right: 14px;
  }
}

@media only screen and (max-width: 767px) {
  .column-double__item--right {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .column-double__item--right {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .column-double__item--right {
    padding-left: 14px;
  }
}

.left, .right {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}

.tabs {
  padding: 20px 0 15px;
}
.tabs.tabs--gradient {
  background: #edf3f5;
}
@media only screen and (min-width: 768px) {
  .tabs {
    padding: 0;
  }
  .tabs.tabs--gradient {
    background: transparent;
  }
}

@media only screen and (min-width: 768px) {
  .tabs--gradient .tabs-content {
    background: #edf3f5;
    background: linear-gradient(to bottom, #ffffff 0%, #edf3f5 100%);
  }
}

.tabs-content__item {
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .tabs-content__item {
    height: 0;
    overflow: hidden;
  }
  .tabs-content__item.active {
    height: auto;
    overflow: visible;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .tabs-content__item {
    display: block;
    left: 0;
    height: 100%;
    padding: 5px 0 30px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .tabs-content__item.active {
    left: auto;
    opacity: 1;
    position: relative;
    top: auto;
    z-index: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .tabs-content__item {
    padding: 10px 0 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-content__item {
    padding: 20px 0 55px;
  }
}
@media only screen and (min-width: 1400px) {
  .tabs-content__item {
    padding-bottom: 25px;
  }
}

.tabs-content__list {
  font-size: 0;
  list-style: none;
  position: relative;
}

.tabs-content__nav {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .tabs-content__nav {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
}

.tabs-content__title {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 4px;
  color: #89949d;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 100%;
}
.active .tabs-content__title {
  color: #4d6670;
}
.tabs--gradient .tabs-content__title {
  border: none;
  line-height: 40px;
}

.tabs-header {
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .tabs-header {
    background: #edf3f5;
    padding: 23px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-header {
    padding-top: 30px;
  }
}

.tabs-header__title {
  color: #4d6670;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 23px;
}
@media only screen and (min-width: 768px) {
  .tabs-header__title {
    font-size: 25px;
  }
}

.tabs-nav {
  background: #edf3f5;
  height: auto;
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .tabs-nav {
    background: #edf3f5;
    height: auto;
    padding-top: 23px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-nav {
    padding-top: 30px;
  }
}

.tabs-nav__item {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.tabs-nav__item:last-child {
  margin-right: 0;
}

.tabs-nav__list {
  font-size: 0;
  list-style: none;
  text-align: center;
  display: none;
}
@media only screen and (min-width: 768px) {
  .tabs-nav__list {
    display: block;
  }
}
@media only screen and (max-width: 1399px) {
  .tabs-nav__list {
    text-align: left;
  }
}

.tabs-nav__select {
  margin: 20px 20px 0px 20px;
}
.tabs-nav__select select {
  text-align: center;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .tabs-nav__select {
    display: none;
  }
}

.tabs-nav__title {
  font-weight: normal;
  background: transparent;
  border-radius: 6px 6px 0 0;
  color: #89949d;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: inherit;
  padding: 0 7px;
  transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
}
.active .tabs-nav__title {
  background: #ffffff;
  box-shadow: 0 -5px 20px 0 rgba(12, 43, 51, 0.1);
  color: #035063;
}
.no-ios .tabs-nav__title:hover {
  color: #035063;
}
@media only screen and (min-width: 1024px) {
  .tabs-nav__title {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    padding: 0 17px;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-nav__title {
    font-size: 15px;
    padding: 0 27px;
  }
}
@media only screen and (min-width: 1400px) {
  .tabs-nav__title {
    font-size: 16px;
    padding: 0 30px;
  }
}

.overlay-inventory-metrics .table-general tfoot button, .overlay-inventory-counts .table-general tfoot button {
  color: #4d6670;
  font-size: 13px;
  padding-top: 5px;
  transition: color 0.3s;
}
.no-ios .overlay-inventory-metrics .table-general tfoot button:hover, .no-ios .overlay-inventory-counts .table-general tfoot button:hover {
  color: #035063;
}
.overlay-inventory-metrics .table-general tfoot td, .overlay-inventory-counts .table-general tfoot td {
  font-size: 13px;
  text-align: center;
}
.overlay-inventory-metrics .table-general th, .overlay-inventory-counts .table-general th {
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  .overlay-inventory-metrics .table-general tfoot button, .overlay-inventory-counts .table-general tfoot button {
    padding-top: 0;
  }
  .overlay-inventory-metrics .table-general tfoot p, .overlay-inventory-counts .table-general tfoot p {
    display: inline-block;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .overlay-inventory-metrics .table-general table, .overlay-inventory-counts .table-general table {
    border-radius: 0 0 4px 4px;
  }
  .overlay-inventory-metrics .table-general tbody td:last-child,
.overlay-inventory-metrics .table-general tbody th:last-child,
.overlay-inventory-metrics .table-general thead td:last-child,
.overlay-inventory-metrics .table-general thead th:last-child, .overlay-inventory-counts .table-general tbody td:last-child,
.overlay-inventory-counts .table-general tbody th:last-child,
.overlay-inventory-counts .table-general thead td:last-child,
.overlay-inventory-counts .table-general thead th:last-child {
    text-align: left;
  }
  .overlay-inventory-metrics .tabs-basic-nav, .overlay-inventory-counts .tabs-basic-nav {
    border: 1px solid #e0eaed;
    border-radius: 4px 4px 0 0;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-inventory-metrics .tabs-basic-nav__item, .overlay-inventory-counts .tabs-basic-nav__item {
    margin-right: 30px;
  }
  .overlay-inventory-metrics .tabs-basic-nav__title, .overlay-inventory-counts .tabs-basic-nav__title {
    font-size: 13px;
  }
}

.overlay-inventory-metrics-buttons__item {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.overlay-inventory-metrics-buttons__list {
  font-size: 0;
  margin: 0 -5px;
  text-align: right;
}

@media only screen and (min-width: 768px) {
  .overlay-inventory-metrics-column, .overlay-inventory-counts-column {
    display: block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-inventory-metrics-column--right {
    display: inline-block;
    text-align: right;
    width: 95px;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-inventory-metrics-column--right {
    width: 227px;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-inventory-counts-column--right {
    display: inline-block;
    text-align: right;
    width: 195px;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-inventory-counts-column--right {
    width: 360px;
  }
}

.overlay-inventory-metrics-options {
  font-size: 0;
}
.overlay-inventory-metrics-options select {
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {
  .overlay-inventory-metrics-options .button-icon {
    min-width: 100px;
  }
}

.overlay-inventory-metrics-options__item, .overlay-inventory-counts-options__item, .new-inventory-count-options__item {
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .overlay-inventory-metrics-options__item, .overlay-inventory-counts-options__item, .new-inventory-count-options__item {
    display: inline-block;
    max-width: 150px;
    padding: 0 5px;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-inventory-counts-options__item, .new-inventory-count-options__item {
    max-width: 250px;
    width: auto;
  }
}

.overlay-inventory-metrics-options__list {
  font-size: 0;
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .overlay-inventory-metrics-options__list {
    margin: 0 -5px;
    padding-bottom: 0;
  }
}

.overlay-inventory-metrics-options__item.date-range {
  max-width: 523px;
  width: auto;
}
.overlay-inventory-metrics-options__item.accuvax-name {
  max-width: 225px;
}

.overlay-add-inventory-confirm__info {
  line-height: 1.5;
}

.overlay-add-inventory-confirm__item {
  border: 1px solid #e0eaed;
  border-radius: 3px;
  margin-bottom: 20px;
  padding-bottom: 45px;
  position: relative;
  transition: border-color 0.3s;
}
.overlay-add-inventory-confirm__item.active {
  border-color: #035063;
}
.no-ios .overlay-add-inventory-confirm__item:hover {
  border-color: #035063;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-confirm__item {
    margin: 0 15px 60px;
    width: calc(50% - 30px);
  }
  .overlay-add-inventory-confirm__list--triple-column .overlay-add-inventory-confirm__item {
    width: calc(33.333% - 30px);
  }
}

.overlay-add-inventory-confirm__list {
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-confirm__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0 -15px;
  }
}

input[type=radio].overlay-add-inventory-confirm__radio {
  border: none;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 0;
}
input[type=radio].overlay-add-inventory-confirm__radio:checked + label {
  border-color: #035063;
}
input[type=radio].overlay-add-inventory-confirm__radio:checked + label:after {
  background: transparent;
  border-radius: none;
  height: 100%;
  left: 100%;
  top: 0;
  width: 100%;
}
input[type=radio].overlay-add-inventory-confirm__radio:checked + label .overlay-add-inventory-confirm__marker {
  background: #035063;
  border-color: #035063;
}

input[type=radio].overlay-add-inventory-confirm__radio + label {
  clear: none;
  float: none;
  line-height: 1;
  padding: 25px;
  position: static;
  text-align: center;
}
input[type=radio].overlay-add-inventory-confirm__radio + label:after {
  background: transparent;
  border-radius: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
input[type=radio].overlay-add-inventory-confirm__radio + label:before {
  display: none;
}
input[type=radio].overlay-add-inventory-confirm__radio + label .overlay-add-inventory-confirm__marker {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 100%;
  bottom: 25px;
  display: inline-block;
  height: 19px;
  left: 50%;
  margin: 0 0 0 -10px;
  position: absolute;
  width: 19px;
}
input[type=radio].overlay-add-inventory-confirm__radio + label .overlay-add-inventory-confirm__marker:after {
  background: #ffffff;
  border-radius: 100%;
  content: "";
  height: 9px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 9px;
}
.no-ios input[type=radio].overlay-add-inventory-confirm__radio + label:hover {
  border-color: #035063;
}

.overlay-add-inventory-confirm__title {
  color: #035063;
  font-size: 15px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-confirm__title {
    font-size: 16px;
  }
}

.overlay-add-inventory-confirm-submit {
  border-top: 1px solid #e0eaed;
  padding-top: 20px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-confirm-submit {
    padding-top: 40px;
  }
}

input[type=search].overlay-add-inventory-step-1__input {
  background-color: white;
  background-image: url("/assets/icon-search-a9302b69.png");
  background-image: url("/assets/icon-search-15d32891.svg");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  margin-bottom: 0;
  padding-right: 45px;
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-1__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
}
.overlay-add-inventory-step-1__item.overlay-add-inventory-step-1__item--search {
  padding-left: 0;
  padding-right: 14px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-1__item--search {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-add-inventory-step-1__item--search {
    padding-left: 14px;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-1__item--select {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-add-inventory-step-1__item--select {
    padding-right: 14px;
  }
}

.overlay-add-inventory-step-1__list {
  font-size: 0;
}

.overlay-add-inventory-step-2__close {
  color: #c8d7db;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  transition: color 0.3s;
  vertical-align: middle;
  width: 20px;
}
.no-ios .overlay-add-inventory-step-2__close:hover {
  color: #035063;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2__close {
    font-size: 23px;
    height: 23px;
    line-height: 23px;
    width: 23px;
  }
}

input[type=number].overlay-add-inventory-step-2__input {
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  input[type=number].overlay-add-inventory-step-2__input {
    margin-bottom: 0;
  }
}

input[type=text].overlay-add-inventory-step-2__input {
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  input[type=text].overlay-add-inventory-step-2__input {
    margin-bottom: 0;
  }
}

input[type=text].overlay-add-inventory-step-2__input--expiration {
  background-image: url("/assets/icon-calendar-8764d629.png");
  background-image: url("/assets/icon-calendar-97a43b1e.svg");
  background-position: 12px 10px;
  background-repeat: no-repeat;
  background-size: 17px 17px;
  padding-left: 40px;
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2__item {
    display: inline-block;
    vertical-align: top;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2__item--add {
    text-align: right;
    width: 100px;
  }
  .overlay-add-inventory-step-2__item--add .button-outline {
    margin-top: 27px;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2__item--expiration,
.overlay-add-inventory-step-2__item--lot {
    padding-right: 15px;
    width: calc(50% - 105px);
  }
}

@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2__item--quantity {
    width: 110px;
  }
}

.overlay-add-inventory-step-2__label {
  color: #b3b6bc;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 12px;
}

.overlay-add-inventory-step-2__list {
  font-size: 0;
}

.overlay-add-inventory-step-2__title {
  color: #035063;
  display: inline-block;
  font-size: 12px;
  padding-right: 10px;
  vertical-align: middle;
  width: calc(100% - 20px);
}
@media only screen and (min-width: 375px) {
  .overlay-add-inventory-step-2__title {
    font-size: 13px;
    width: calc(100% - 23px);
  }
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2__title {
    font-size: 15px;
  }
}

.overlay-add-inventory-step-2-base {
  background: #fafafa;
  border-radius: 0 0 3px 3px;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2-base {
    padding: 25px 9% 50px;
  }
}

.overlay-add-inventory-step-2-top {
  background: #edf3f5;
  border-radius: 3px 3px 0 0;
  font-size: 0;
  margin-top: 30px;
  padding: 20px 17px 20px 20px;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-2-top {
    padding: 20px 25px 20px 30px;
  }
}

.overlay-add-inventory-step-3 {
  padding-top: 40px;
}
.overlay-add-inventory-step-3 .icon--trash {
  color: #4d6670;
  display: inline-block;
  font-size: 0;
  height: 20px;
  line-height: 20px;
  text-align: center;
  transition: color 0.3s;
  width: 20px;
}
.overlay-add-inventory-step-3 .icon--trash:before {
  font-size: 16px;
  padding-right: 6px;
}
.no-ios .overlay-add-inventory-step-3 .icon--trash:hover {
  color: #035063;
}
.overlay-add-inventory-step-3 table {
  font-size: 14px;
  width: 100%;
}
.overlay-add-inventory-step-3 .table-label {
  color: #4d6670;
  display: block;
  padding-bottom: 5px;
}
.overlay-add-inventory-step-3 tfoot td {
  padding-top: 20px;
  text-align: right;
}
.overlay-add-inventory-step-3 tbody {
  display: block;
}
.overlay-add-inventory-step-3 tbody td {
  color: #4d6670;
  padding-top: 15px;
}
.overlay-add-inventory-step-3 tbody tr {
  padding: 5px 0 20px;
}
.overlay-add-inventory-step-3 td,
.overlay-add-inventory-step-3 th {
  display: block;
}
.overlay-add-inventory-step-3 thead {
  display: none;
}
.overlay-add-inventory-step-3 tr {
  border-top: 1px solid #e0eaed;
  display: block;
}
@media only screen and (min-width: 768px) {
  .overlay-add-inventory-step-3 .table-label {
    display: none;
  }
  .overlay-add-inventory-step-3 tbody {
    display: table-row-group;
  }
  .overlay-add-inventory-step-3 tbody td {
    border-bottom: 1px solid #e0eaed;
    padding-bottom: 15px;
  }
  .overlay-add-inventory-step-3 tbody tr {
    padding: 0;
  }
  .overlay-add-inventory-step-3 td,
.overlay-add-inventory-step-3 th {
    display: table-cell;
    padding-right: 10px;
    text-align: center;
  }
  .overlay-add-inventory-step-3 td:first-child,
.overlay-add-inventory-step-3 th:first-child {
    text-align: left;
  }
  .overlay-add-inventory-step-3 td:last-child,
.overlay-add-inventory-step-3 th:last-child {
    padding-right: 0;
    text-align: right;
  }
  .overlay-add-inventory-step-3 tfoot td {
    padding-top: 25px;
  }
  .overlay-add-inventory-step-3 th {
    border-bottom: 1px solid #e0eaed;
    font-weight: normal;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .overlay-add-inventory-step-3 thead {
    display: table-header-group;
  }
  .overlay-add-inventory-step-3 tr {
    border-top: none;
    display: table-row;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-add-inventory-step-3 tbody td,
.overlay-add-inventory-step-3 th {
    padding-bottom: 25px;
    padding-top: 25px;
  }
}
.inner-dropdown-container {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}
.inner-dropdown-container p.dropdown-input {
  display: table-cell;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.inner-dropdown-container p.dropdown-input:hover {
  cursor: default;
}
.inner-dropdown-container p.input-large {
  background: #ffffff;
  border: 1px solid #e0eaed;
  box-shadow: none !important;
  color: #4d6670;
  font-size: 15px;
  height: 58px;
  line-height: 58px;
  border-radius: 4px;
  padding: 0 15px;
  width: 100%;
}
.inner-dropdown-container p.input-large.dropdown-input {
  padding-right: 50px;
}
.inner-dropdown-container .selected-value-container {
  display: table;
  width: 100%;
  table-layout: fixed;
  position: relative;
}
.inner-dropdown-container p.select {
  background-color: white;
  background-image: url("/assets/select-triangle-down-63be00e3.png");
  background-image: url("/assets/select-triangle-down-a8455089.svg");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 10px 5px;
  border: 1px solid #e0eaed;
  border-radius: 4px;
  box-shadow: none;
  color: #4d6670;
  font-size: 13px;
  height: 40px;
  padding: 0 40px 0 15px;
  -moz-appearance: none;
  text-align: left;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

.dropdown-container {
  box-shadow: 0 10px 30px -2px rgba(12, 43, 51, 0.1);
  border-color: #efefef;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: white;
  width: 100%;
  font-family: "Roboto Light", Helvetica, Arial, sans-serif;
  position: absolute;
  z-index: 1010;
  max-height: 300px;
  overflow: scroll;
}
.dropdown-container .dropdown-list {
  text-align: left;
}
.dropdown-container .dropdown-list .dropdown-item {
  font-size: 14px;
  color: #0c2b33;
  height: 45px;
  padding: 0px 10px;
  display: table;
  width: 100%;
}
.dropdown-container .dropdown-list .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #C2C2C2;
}
.dropdown-container .dropdown-list .dropdown-item:hover {
  background-color: #00afce;
  cursor: pointer;
}
.dropdown-container .dropdown-list .dropdown-item.active {
  background-color: #00afce;
}
.dropdown-container .dropdown-list .dropdown-item .dropdown-value {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.table-checkbox-left {
  text-align: left;
}
.table-checkbox-left th {
  background: #f5f8f9;
  border-bottom: 1px solid #e0eaed;
  z-index: 2;
  text-align: left;
}
.table-checkbox-left .icon--caret-down {
  color: #c3c3c3;
  display: inline-block;
  font-size: 10px;
  margin-left: 8px;
  vertical-align: middle;
  width: 10px;
}
.table-checkbox-left input[type=checkbox] + label {
  display: inline-block;
  float: none;
  height: 19px;
  line-height: 1;
  padding: 0;
  vertical-align: middle;
  width: 19px;
}
.table-checkbox-left input[type=checkbox] + label:before {
  transition: none;
}
.no-ios .table-checkbox-left input[type=checkbox] + label:hover:before {
  transition: border-color 0.3s;
}
.table-checkbox-left table {
  border: 1px solid #e0eaed;
  border-collapse: separate;
  border-radius: 4px;
  width: 100%;
}
.table-checkbox-left .table-label {
  color: #c2c2c2;
  display: block;
  padding-bottom: 5px;
}
.table-checkbox-left tbody {
  display: block;
}
.table-checkbox-left tbody tr {
  border-top: 1px solid #e0eaed;
  padding: 5px 0 20px;
}
.table-checkbox-left td {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  padding: 15px 15px 0;
}
.table-checkbox-left tfoot {
  background: #f5f8f9;
  display: block;
}
.table-checkbox-left tfoot td {
  border-top: 1px solid #e0eaed;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  padding: 15px;
}
.table-checkbox-left tfoot tr {
  display: block;
}
.table-checkbox-left th {
  display: none;
  line-height: 1;
  padding: 15px;
}
.table-checkbox-left th.table-checkbox-left-check-all {
  display: block;
}
.table-checkbox-left th.sortable {
  cursor: pointer;
}
.table-checkbox-left thead {
  background: #f5f8f9;
  display: block;
}
.table-checkbox-left tr {
  display: block;
}
@media only screen and (min-width: 768px) {
  .table-checkbox-left input[type=checkbox] + label {
    margin-bottom: 3px;
    margin-top: 3px;
  }
  .table-checkbox-left .table-label {
    display: none;
  }
  .table-checkbox-left tbody {
    display: table-row-group;
  }
  .table-checkbox-left tbody tr {
    padding: 0;
  }
  .table-checkbox-left td {
    border-top: 1px solid #e0eaed;
    vertical-align: top;
  }
  .table-checkbox-left tfoot {
    display: table-header-group;
  }
  .table-checkbox-left tfoot td {
    padding: 20px 15px;
  }
  .table-checkbox-left tfoot tr {
    display: table-row;
  }
  .table-checkbox-left td,
.table-checkbox-left th {
    display: table-cell;
    padding: 15px 30px 15px 0;
  }
  .table-checkbox-left td:first-child,
.table-checkbox-left th:first-child {
    padding-left: 15px;
    padding-right: 15px;
  }
  .table-checkbox-left td:last-child,
.table-checkbox-left th:last-child {
    padding-right: 15px;
  }
  .table-checkbox-left th {
    color: #4d6670;
    font-size: 16px;
    font-weight: normal;
  }
  .table-checkbox-left th.table-checkbox-left-check-all {
    display: table-cell;
  }
  .table-checkbox-left thead {
    display: table-header-group;
  }
  .table-checkbox-left tr {
    display: table-row;
  }
}
@media only screen and (min-width: 1024px) {
  .table-checkbox-left td,
.table-checkbox-left th {
    padding: 20px 40px 20px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .table-checkbox-left td,
.table-checkbox-left th {
    padding: 25px 50px 25px 0;
  }
  .table-checkbox-left td:first-child,
.table-checkbox-left th:first-child {
    padding-left: 20px;
    padding-right: 20px;
  }
  .table-checkbox-left td:last-child,
.table-checkbox-left th:last-child {
    padding-right: 20px;
  }
}

.table-checkbox-left__link {
  color: #4d6670;
}
.no-ios .table-checkbox-left__link:hover {
  color: #035063;
}
@media only screen and (min-width: 1024px) {
  .table-checkbox-left__link {
    white-space: nowrap;
  }
}

@media only screen and (min-width: 768px) {
  .table-checkbox-left__login {
    color: #c2c2c2;
  }
}

.table-checkbox-left__name {
  color: #4d6670;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .table-checkbox-left__name {
    margin-bottom: 5px;
  }
}

.table-checkbox-left-check-all__holder {
  font-size: 0;
  width: 37px;
}

.heading-label {
  border-bottom: 1px solid #e0eaed;
  color: #bbb;
  display: block;
  font-size: 10px;
  letter-spacing: 0.05rem;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.heading-main {
  font-size: 0;
  position: relative;
  text-align: right;
}

.heading-main-guide {
  float: left;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  line-height: 32px;
}

.heading-main-guide__icon {
  color: #c3c3c3;
  font-size: 10px;
  margin-left: 5px;
}

.heading-main-guide__item {
  font-size: 13px;
  margin-left: 10px;
  padding-left: 15px;
  position: relative;
}
.heading-main-guide__item:before {
  border-left: 1px solid #e0eaed;
  bottom: 5px;
  content: "";
  left: 0;
  position: absolute;
  top: 5px;
}

.heading-main-container {
  position: relative;
}

.heading-main-options {
  display: inline-block;
  vertical-align: middle;
}

.heading-main-options__item {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}

.heading-main-options__list {
  font-size: 0;
  margin: 0 -5px;
}

.heading-main-search {
  float: left;
}

.heading-main-search__button {
  color: #4d6670;
  display: block;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
  transition: color 0.3s;
  width: 32px;
}
.no-ios .heading-main-search__button:hover {
  color: #035063;
}

input[type=text].heading-main-search__input {
  display: none;
}
input[type=text].heading-main-search__input.date-range-select {
  width: 200px;
}

.inventory-on-hand-nav .heading-main-search, .search-field-wrapper .heading-main-search {
  position: relative;
}
.inventory-on-hand-nav .heading-main-search__button, .search-field-wrapper .heading-main-search__button {
  display: inline-block;
}
.inventory-on-hand-nav .heading-main-search__button.hidden, .search-field-wrapper .heading-main-search__button.hidden {
  display: none;
}
.inventory-on-hand-nav .heading-main-search__input.active, .search-field-wrapper .heading-main-search__input.active {
  width: 210px;
  margin: 0px 0px;
  display: inline-block;
}
.inventory-on-hand-nav .heading-main-search__input.hidden, .search-field-wrapper .heading-main-search__input.hidden {
  float: left;
  border: none;
  padding: 0;
  width: 0;
}

@keyframes spinner {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.75;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
.loading-spinner .spinner-item {
  animation: spinner 1s linear infinite;
}
.loading-spinner .spinner-item:nth-child(1) {
  animation-delay: 0s;
}
.loading-spinner .spinner-item:nth-child(2) {
  animation-delay: -0.0833333333s;
}
.loading-spinner .spinner-item:nth-child(3) {
  animation-delay: -0.1666666667s;
}
.loading-spinner .spinner-item:nth-child(4) {
  animation-delay: -0.25s;
}
.loading-spinner .spinner-item:nth-child(5) {
  animation-delay: -0.3333333333s;
}
.loading-spinner .spinner-item:nth-child(6) {
  animation-delay: -0.4166666667s;
}
.loading-spinner .spinner-item:nth-child(7) {
  animation-delay: -0.5s;
}
.loading-spinner .spinner-item:nth-child(8) {
  animation-delay: -0.5833333333s;
}
.loading-spinner .spinner-item:nth-child(9) {
  animation-delay: -0.6666666667s;
}
.loading-spinner .spinner-item:nth-child(10) {
  animation-delay: -0.75s;
}
.loading-spinner .spinner-item:nth-child(11) {
  animation-delay: -0.8333333333s;
}
.loading-spinner .spinner-item:nth-child(12) {
  animation-delay: -0.9166666667s;
}

.spinner-wrap {
  margin-top: 5em;
  margin-bottom: 5em;
}

.overlay-users-submit {
  border-top: 1px solid #e0eaed;
  padding-top: 30px;
  text-align: right;
  position: relative;
}
.overlay-users-submit input[type=submit].button {
  margin-left: 10px;
}
.overlay-users-submit input[type=submit].button,
.overlay-users-submit .button-outline {
  width: 100px;
}
@media only screen and (min-width: 768px) {
  .overlay-users-submit input[type=submit].button {
    margin-left: 12px;
  }
  .overlay-users-submit input[type=submit].button,
.overlay-users-submit .button-outline {
    width: 115px;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-users-submit {
    padding-top: 40px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-users-submit input[type=submit].button,
.overlay-users-submit .button-outline {
    width: 125px;
  }
}

.overlay-users-access .column-double {
  padding-bottom: 13px;
}
.overlay-users-access .column-double__item--right {
  padding-top: 0;
}
@media only screen and (min-width: 1024px) {
  .overlay-users-access .column-double {
    padding-bottom: 20px;
  }
}

.overlay-users-add {
  border-top: 1px solid #e0eaed;
  font-size: 0;
  padding: 30px 0;
}
@media only screen and (min-width: 1024px) {
  .overlay-users-add {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-users-add {
    padding: 50px 0;
  }
}
.overlay-users-add input {
  margin-bottom: 18px;
}

@media only screen and (min-width: 768px) {
  .overlay-users-add__column {
    display: inline-block;
    vertical-align: top;
  }
}

@media only screen and (min-width: 768px) {
  .overlay-users-add__column--left {
    padding-right: 25px;
    width: 35%;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-users-add__column--left {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-users-add__column--left {
    padding-right: 50px;
  }
}

.overlay-users-add__column--right {
  padding-top: 30px;
}
@media only screen and (min-width: 768px) {
  .overlay-users-add__column--right {
    padding: 0 0 0 25px;
    width: 65%;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-users-add__column--right {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-users-add__column--right {
    padding-left: 50px;
  }
}

.overlay-users-add__label {
  color: #4d6670;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1024px) {
  .overlay-users-add__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .overlay-users-add__item:nth-child(even) {
    padding-left: 10px;
  }
  .overlay-users-add__item:nth-child(odd) {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-users-add__item:nth-child(even) {
    padding-left: 12px;
  }
  .overlay-users-add__item:nth-child(odd) {
    padding-right: 12px;
  }
}

.overlay-users-add__list {
  font-size: 0;
}

.overlay-users-add__list--checkbox,
.overlay-users-add__list--radio {
  padding-top: 5px;
}
@media only screen and (min-width: 768px) {
  .overlay-users-add__list--checkbox .overlay-users-add__item,
.overlay-users-add__list--radio .overlay-users-add__item {
    display: inline-block;
    vertical-align: top;
    width: auto;
  }
  .overlay-users-add__list--checkbox .overlay-users-add__item:nth-child(even), .overlay-users-add__list--checkbox .overlay-users-add__item:nth-child(odd),
.overlay-users-add__list--radio .overlay-users-add__item:nth-child(even),
.overlay-users-add__list--radio .overlay-users-add__item:nth-child(odd) {
    padding: 0 50px 0 0;
  }
}

.overlay-users-add__message {
  font-size: 14px;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .overlay-users-add__message {
    margin-bottom: 18px;
  }
}

.overlay-users-add__title {
  color: #4d6670;
  display: block;
  font-size: 20px;
  padding: 0 0 10px;
}

.overlay-users-alerts .overlay-users-submit {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .overlay-users-alerts .overlay-users-submit {
    margin-top: 0;
  }
}

.overlay-users-alerts__info {
  color: #4d6670;
  font-size: 14px;
  line-height: 1.5;
}

.overlay-users-alerts-container {
  width: 100%;
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .overlay-users-alerts-container .column-double__item {
    padding-top: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .overlay-users-alerts-container {
    padding: 30px 0 20px;
  }
  .overlay-users-alerts-container .column-double {
    padding-top: 20px;
  }
  .overlay-users-alerts-container .column-double__item {
    vertical-align: middle;
  }
  .overlay-users-alerts-container .column-double__item--right {
    text-align: right;
  }
  .overlay-users-alerts-container input[type=checkbox] + label {
    margin: 0 10px 0 20px;
  }
}
.overlay-users-alerts-container .th-container {
  display: flex;
  flex-direction: column;
}
.overlay-users-alerts-container .th-container .th-icon {
  display: flex;
  width: 50%;
  justify-content: center;
}
.overlay-users-alerts-container .email, .overlay-users-alerts-container .sms {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .overlay-users-alerts-container .email, .overlay-users-alerts-container .sms {
    display: none;
  }
}
.overlay-users-alerts-container .mobile-label, .overlay-users-alerts-container .select-all {
  display: none;
}
@media only screen and (max-width: 767px) {
  .overlay-users-alerts-container .mobile-label, .overlay-users-alerts-container .select-all {
    display: inherit;
  }
}

.overlay-users-information .column-double {
  padding-bottom: 13px;
}
.overlay-users-information .column-double__item--right {
  padding-top: 0;
}
@media only screen and (min-width: 1024px) {
  .overlay-users-information .column-double {
    padding-bottom: 20px;
  }
}

.overlay-users-locations__address {
  color: #c2c2c2;
  display: block;
  font-size: 14px;
  font-style: normal;
}

.overlay-users-locations__item {
  border-bottom: 1px solid #e0eaed;
  padding: 20px 0;
}
.overlay-users-locations__item:first-child {
  padding-top: 0;
}
.overlay-users-locations__item:last-child {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .overlay-users-locations__item {
    padding: 25px 0;
  }
}

.overlay-users-locations__label {
  color: #4d6670;
  font-size: 17px;
}
.overlay-users-locations__label strong {
  font-family: "Roboto Bold", Helvetica, Arial, sans-serif;
}

.overlay-users-locations__list input[type=checkbox] + label:after {
  top: 8px;
}
.overlay-users-locations__list input[type=checkbox] + label:before {
  top: 3px;
}

.overlay-users-locations__title {
  color: #4d6670;
  display: block;
  font-size: 17px;
}

.overlay-main {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  visibility: hidden;
  width: 100%;
  z-index: 1000;
}
.overlay-main.active {
  opacity: 1;
  visibility: visible;
}
.overlay-main-1-active .overlay-main {
  opacity: 1;
  visibility: visible;
}
.overlay-main-2-active .overlay-main {
  opacity: 1;
  visibility: visible;
}
.overlay-main-3-active .overlay-main {
  opacity: 1;
  visibility: visible;
}
.overlay-main-4-active .overlay-main {
  opacity: 1;
  visibility: visible;
}
.overlay-main-5-active .overlay-main {
  opacity: 1;
  visibility: visible;
}
.overlay-main-6-active .overlay-main {
  opacity: 1;
  visibility: visible;
}

.overlay-main-container--1.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.overlay-main-container--2.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.overlay-main-container--3.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.overlay-main-container--4.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.overlay-main-container--5.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.overlay-main-container--6.active {
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.overlay-main__close {
  font-size: 22px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: 0.3s color;
  width: 60px;
}
.no-ios .overlay-main__close:hover {
  color: #4d6670;
}
@media only screen and (min-width: 768px) {
  .overlay-main__close {
    height: 68px;
    line-height: 68px;
    width: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-main__close {
    height: 76px;
    line-height: 76px;
    width: 76px;
  }
}

.overlay-main__header {
  color: #035063;
  padding: 40px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .overlay-main__header {
    padding: 60px 0;
  }
}

.overlay-main__info {
  font-size: 14px;
}
.overlay-main__info a {
  text-decoration: underline;
}
.overlay-main__info p {
  line-height: 1.4;
  margin: 0 auto;
  max-width: 580px;
}
@media only screen and (min-width: 1200px) {
  .overlay-main__info {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1400px) {
  .overlay-main__info {
    font-size: 16px;
  }
}

.overlay-main__title {
  font-size: 20px;
}
.overlay-main__title + .overlay-main__info {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .overlay-main__title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .overlay-main__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-main__title {
    font-size: 35px;
  }
}

.overlay-main-container {
  background: #ffffff;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-main-container--1 {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.overlay-main-1-active .overlay-main-container--1 {
  opacity: 1;
  visibility: visible;
}

.overlay-main-container--2 {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.overlay-main-2-active .overlay-main-container--2 {
  opacity: 1;
  visibility: visible;
}

.overlay-main-container--3 {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.overlay-main-3-active .overlay-main-container--3 {
  opacity: 1;
  visibility: visible;
}

.overlay-main-container--4 {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.overlay-main-4-active .overlay-main-container--4 {
  opacity: 1;
  visibility: visible;
}

.overlay-main-container--5 {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.overlay-main-5-active .overlay-main-container--5 {
  opacity: 1;
  visibility: visible;
}

.overlay-main-container--6 {
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
}
.overlay-main-6-active .overlay-main-container--6 {
  opacity: 1;
  visibility: visible;
}

.overlay-main-content {
  bottom: 0;
  left: 0;
  overflow: hidden;
  overflow-y: auto;
  padding-bottom: 40px;
  position: absolute;
  right: 0;
  top: 60px;
}
@media only print {
  .overlay-main-content {
    overflow: visible;
    overflow-y: visible;
  }
}
@media only screen and (min-width: 768px) {
  .overlay-main-content {
    padding-bottom: 60px;
    top: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-main-content {
    top: 76px;
  }
}

.overlay-main-header {
  border-bottom: 1px solid #e0eaed;
  height: 60px;
  line-height: 60px;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .overlay-main-header {
    height: 68px;
    line-height: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .overlay-main-header {
    height: 76px;
    line-height: 76px;
  }
}

.overlay-main-header--message {
  background: #29bcd6;
  border-bottom: none;
  text-align: center;
}

.overlay-main-header__message {
  color: #ffffff;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 15px;
}
@media only screen and (min-width: 768px) {
  .overlay-main-header__message {
    font-size: 16px;
  }
}

.overlay-main-1-active {
  height: auto;
  overflow: hidden;
}

.overlay-main-2-active {
  height: auto;
  overflow: hidden;
}

.overlay-main-3-active {
  height: auto;
  overflow: hidden;
}

.overlay-main-4-active {
  height: auto;
  overflow: hidden;
}

.overlay-main-5-active {
  height: auto;
  overflow: hidden;
}

.overlay-main-6-active {
  height: auto;
  overflow: hidden;
}

.breadcrumbs {
  font-size: 0;
  padding-bottom: 6px;
}

.breadcrumbs__item {
  display: inline-block;
  font-size: 13px;
  position: relative;
  text-indent: -999em;
  padding: 0 6px 6px 16px;
  position: relative;
  text-indent: 0;
  vertical-align: top;
}
.breadcrumbs__item:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.breadcrumbs__item:after {
  color: #035063;
  font-size: 9px;
  top: 2px;
}

.breadcrumbs__link {
  display: block;
  line-height: 1;
  color: #035063;
}
.no-ios .breadcrumbs__link:hover .breadcrums__item:after {
  color: #035063;
}

.heading-split {
  font-size: 0;
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .heading-split {
    padding: 23px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .heading-split {
    padding: 30px 0;
  }
}

@media only screen and (min-width: 768px) {
  .heading-split__column {
    display: inline-block;
    vertical-align: bottom;
  }
}

@media only screen and (min-width: 768px) {
  .heading-split__column--left {
    width: 50%;
  }
}

.heading-split__column--right {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .heading-split__column--right {
    padding-top: 0;
    text-align: right;
    width: 50%;
  }
}

.heading-split__date {
  color: #c8d7db;
  display: block;
  font-size: 14px;
  line-height: 1.4;
  padding-top: 5px;
}
@media only screen and (min-width: 1200px) {
  .heading-split__date {
    padding-top: 10px;
  }
}

.heading-split__title {
  color: #4d6670;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 23px;
}
@media only screen and (min-width: 768px) {
  .heading-split__title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) {
  .heading-split__title {
    font-size: 30px;
  }
}

.heading-split__subtitle {
  color: #4d6670;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .heading-split__subtitle {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .heading-split__subtitle {
    font-size: 16px;
  }
}

.heading-split__detail {
  color: #4d6670;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
@media only screen and (min-width: 768px) {
  .heading-split__detail {
    font-size: 8px;
  }
}
@media only screen and (min-width: 1200px) {
  .heading-split__detail {
    font-size: 12px;
  }
}

.avatar-select {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.avatar-select .selected-avatar {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.avatar-select .selected-avatar .header-menu__icon--account {
  height: 50px;
  width: 50px;
  background-size: 50px;
}
.avatar-select .select-menu {
  display: none;
  vertical-align: middle;
  margin-left: 10px;
}
.avatar-select .select-menu.active {
  display: inline-block;
}
.avatar-select .select-menu .header-menu__icon--account {
  height: 40px;
  width: 40px;
  background-size: 40px;
}
.avatar-select .select-menu .avatar-wrapper {
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
  padding: 5px;
  padding-bottom: 0;
  cursor: pointer;
}
.avatar-select .select-menu .avatar-wrapper.active i.header-menu__icon--account, .avatar-select .select-menu .avatar-wrapper.active svg {
  border: 5px solid #00afce;
  border-radius: 20px;
}
.avatar-select .select-menu .avatar-wrapper.active i.header-menu__icon--account.doctor, .avatar-select .select-menu .avatar-wrapper.active svg.doctor {
  border-color: #b91c1c;
}

.tabs-basic-content__item {
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .tabs-basic-content__item {
    height: 0;
    overflow: hidden;
  }
  .tabs-basic-content__item.active {
    height: auto;
    overflow: visible;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .tabs-basic-content__item {
    display: block;
    left: 0;
    height: 100%;
    padding: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .tabs-basic-content__item.active {
    left: auto;
    opacity: 1;
    position: relative;
    top: auto;
    z-index: 1;
  }
}

.tabs-basic-content__list {
  font-size: 0;
  list-style: none;
  position: relative;
}

.tabs-basic-content__nav {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .tabs-basic-content__nav {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
}

.tabs-basic-content__title {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 4px;
  color: #89949d;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 100%;
}
.active .tabs-basic-content__title {
  color: #4d6670;
}
.tabs-basic--gradient .tabs-basic-content__title {
  border: none;
  line-height: 40px;
}

.tabs-basic-header {
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .tabs-basic-header {
    background: #edf3f5;
    padding: 23px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-basic-header {
    padding-top: 30px;
  }
}

.tabs-basic-header__title {
  color: #4d6670;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 23px;
}
@media only screen and (min-width: 768px) {
  .tabs-basic-header__title {
    font-size: 25px;
  }
}

.tabs-basic-nav {
  height: 0;
  overflow: hidden;
  position: relative;
}
.tabs-basic-nav.alerts {
  height: inherit;
}
@media only screen and (min-width: 768px) {
  .tabs-basic-nav {
    border-bottom: 1px solid #e0eaed;
    height: auto;
    overflow: visible;
  }
  .tabs-basic-nav:after {
    clear: both;
    content: "";
    display: block;
  }
}

.tabs-basic-nav__item {
  display: inline-block;
  margin-right: 30px;
  vertical-align: middle;
}
.tabs-basic-nav__item:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 1024px) {
  .tabs-basic-nav__item {
    margin-right: 40px;
  }
}

.tabs-basic-nav__list {
  font-size: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .tabs-basic-nav__list {
    text-align: left;
  }
}

.tabs-basic-nav__title {
  background: transparent;
  color: #89949d;
  display: block;
  font-size: 13px;
  height: 55px;
  line-height: 55px;
  position: relative;
  transition: color 0.3s;
}
.active .tabs-basic-nav__title {
  color: #035063;
}
.no-ios .tabs-basic-nav__title:hover {
  color: #035063;
}
@media only screen and (min-width: 768px) {
  .active .tabs-basic-nav__title:after {
    border-color: #035063;
  }
  .tabs-basic-nav__title:after {
    border-bottom: 1px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 100%;
    transition: border-color 0.3s;
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) {
  .tabs-basic-nav__title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-basic-nav__title {
    font-size: 15px;
  }
}

.advanced-search-wrapper {
  max-height: 100%;
  overflow: auto;
  padding-bottom: 250px;
}
.advanced-search-wrapper .react-select__menu {
  z-index: 2;
}

.advanced-search-buttons {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 50px;
}
.advanced-search-buttons button {
  margin-left: 10px;
  margin-right: 10px;
}

.advanced-search-entry {
  margin-bottom: 20px;
}

.react-select__menu input[type=checkbox] + label {
  float: none;
}
.react-select__menu .react-select__option--is-selected {
  color: #FFF;
}
.react-select__menu .react-select__option--is-selected input[type=checkbox] + label {
  color: #FFF;
}

ul.advanced-search-summary {
  list-style: none;
}
ul.advanced-search-summary li {
  margin-bottom: 10px;
}

span.clearable-date-range i.icon--close {
  cursor: pointer;
  float: right;
  top: 32px;
  position: relative;
  margin-right: 10px;
}

.react-select__value-container input {
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
}

.ReactModal__Overlay {
  z-index: 1001;
}

.add-item-search-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 64px;
  background: rgba(2, 51, 63, 0.5);
  z-index: 40;
  animation: add-item-search-ovl 140ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .add-item-search-overlay {
    animation: none;
  }
}

@keyframes add-item-search-ovl {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes add-item-search-pop {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.discard-item-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 64px;
  background: rgba(2, 51, 63, 0.5);
  z-index: 60;
}

.archive-item-overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 64px;
  background: rgba(2, 51, 63, 0.5);
  z-index: 60;
}

.modal.archive-item-modal {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 92%;
  max-width: 520px;
  border-radius: var(--portal-radius-lg);
  box-shadow: var(--portal-shadow-md);
}
.modal.archive-item-modal .modal-header {
  background: var(--portal-color-surface);
  color: var(--portal-color-ink);
  height: auto;
  line-height: normal;
  padding: 18px 22px 8px;
}
.modal.archive-item-modal .modal-header__title {
  font-size: 16px;
  font-weight: 700;
}
.modal.archive-item-modal .modal-body {
  padding: 10px 22px 4px;
}
.modal.archive-item-modal .modal-footer {
  padding: 12px 22px 18px;
  justify-content: flex-end;
  gap: 12px;
}
.modal.archive-item-modal .modal-footer button {
  margin: 0;
}

.modal {
  height: auto;
  position: absolute;
  top: 10vh;
  border: 1px solid #cccccc;
  background: white;
  overflow: auto;
  border-radius: 4px;
  outline: none;
  width: 95%;
  right: 2.5%;
  left: 2.5%;
  padding-bottom: 10px;
  max-height: 80vh;
}
@media only screen and (min-width: 480px) {
  .modal {
    width: 85%;
    right: 7.5%;
    left: 7.5%;
  }
}
@media only screen and (min-width: 667px) {
  .modal {
    width: 65%;
    right: 17.5%;
    left: 17.5%;
  }
}
@media only screen and (min-width: 1024px) {
  .modal {
    width: 45%;
    right: 27.5%;
    left: 27.5%;
  }
}
.modal .modal-header {
  background-color: #035063;
  color: white;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
}
.modal .modal-body-confirm {
  padding-top: 20px;
  padding-left: 10px;
}
.modal .modal-body {
  padding-top: 20px;
}
.modal .modal-body .inventory-low-msg {
  padding: 0 20px;
}
.modal .modal-body .inventory-low-msg div {
  padding-bottom: 5px;
}
.modal .modal-footer {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  text-align: right;
}
.modal .modal-footer button {
  margin: 10px;
}
.modal.add-item-search-modal {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 92%;
  max-width: 800px;
  max-height: 780px;
  border-radius: 12px;
  box-shadow: var(--portal-shadow-md);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: add-item-search-pop 160ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .modal.add-item-search-modal {
    animation: none;
  }
}
.modal.add-item-search-modal .modal-header {
  background: var(--portal-color-surface);
  color: var(--portal-color-ink);
  height: auto;
  line-height: normal;
  padding: 16px 20px 13px;
  border-bottom: 1px solid var(--portal-color-mist);
}
.modal.add-item-search-modal .modal-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.modal.add-item-search-modal .modal-header__title {
  font-size: 16px;
  font-weight: 700;
}
.modal.add-item-search-modal .modal-header__subtitle {
  font-size: 12px;
  color: var(--portal-color-text-secondary);
  margin-top: 2px;
}
.modal.add-item-search-modal .modal-body {
  flex: 1;
  overflow: auto;
  background: var(--portal-color-bg);
  padding: 14px 20px;
}
.modal.add-item-search-modal .modal-body .is-stale {
  opacity: 0.55;
  transition: opacity 120ms ease;
  pointer-events: none;
}
.modal.add-item-search-modal .modal-footer {
  padding: 12px 20px;
  border-top: 1px solid var(--portal-color-mist);
  background: var(--portal-color-surface);
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
}
.modal.add-item-search-modal .modal-footer button {
  margin: 0;
}
.modal.discard-item-modal {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin: 0;
  width: 92%;
  max-width: 520px;
  border-radius: var(--portal-radius-lg);
  box-shadow: var(--portal-shadow-md);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.modal.discard-item-modal .modal-header {
  background: var(--portal-color-surface);
  color: var(--portal-color-ink);
  height: auto;
  line-height: normal;
  padding: 18px 22px 8px;
  border-bottom: 1px solid var(--portal-color-mist);
}
.modal.discard-item-modal .modal-header__title {
  font-size: 16px;
  font-weight: 700;
}
.modal.discard-item-modal .modal-body {
  padding: 10px 22px 4px;
}
.modal.discard-item-modal .modal-footer {
  padding: 12px 22px 18px;
  justify-content: flex-end;
  gap: 12px;
}
.modal.discard-item-modal .modal-footer button {
  margin: 0;
}
.modal.autosize {
  height: auto;
  padding-bottom: 10px;
}
@media only screen and (min-width: 414px) {
  .modal.autosize {
    height: auto;
  }
}
@media only screen and (min-width: 480px) {
  .modal.autosize {
    height: auto;
  }
}
@media only screen and (min-width: 667px) {
  .modal.autosize {
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .modal.autosize {
    height: auto;
  }
}

.user-bulk-actions-wrapper {
  position: relative;
}

.user-bulk-actions-container {
  position: absolute;
  left: 200px;
  width: 300px;
  z-index: 1000;
  box-shadow: 0 10px 30px -2px rgba(12, 43, 51, 0.1);
  margin-top: 18px;
  padding: 20px 25px;
  border-color: #efefef;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: white;
}
@media only screen and (min-width: 1024px) {
  .user-bulk-actions-container {
    margin-top: 30px;
  }
}
.user-bulk-actions-container .selected-users {
  font-size: 13px;
  border-bottom: 1px solid #e0eaed;
  padding-bottom: 15px;
}
.user-bulk-actions-container .selected-users span {
  vertical-align: middle;
  padding-left: 10px;
}
.user-bulk-actions-container .delete-users {
  font-size: 14px;
  border-bottom: 1px solid #e0eaed;
  padding: 15px 0px;
  color: #4d6670;
}
.user-bulk-actions-container .delete-users button {
  color: #b91c1c;
  font-size: 14px;
  text-decoration: underline;
}
.user-bulk-actions-container .delete-confirmation, .user-bulk-actions-container .edit-confirmation {
  padding-top: 10px;
  text-align: right;
}
.user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons {
  display: inline-block;
}
.user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons button, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons button, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons button, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons button {
  padding: 0px 10px;
  text-decoration: none;
}
.user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons .continue-delete, .user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons .continue-edit, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons .continue-delete, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons .continue-edit, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons .continue-delete, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons .continue-edit, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons .continue-delete, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons .continue-edit {
  color: #035063;
  font-size: 14px;
}
.user-bulk-actions-container .submit {
  margin-top: 20px;
  float: right;
}
.user-bulk-actions-container .assign-user-locations-form {
  color: #4d6670;
  padding: 15px 0px;
  font-size: 14px;
}
.user-bulk-actions-container .assign-user-locations-form button.assign {
  margin-left: 10px;
}
.user-bulk-actions-container .assign-user-locations-form .button-container {
  overflow: hidden;
}
.user-bulk-actions-container .location-list {
  margin-top: 15px;
}
.user-bulk-actions-container .location-list li {
  display: block;
  width: 100%;
  padding-left: 0px;
  margin-bottom: 10px;
  overflow: auto;
}
.user-bulk-actions-container .location-list li label {
  width: 100%;
  padding-left: 30px;
  line-height: 19px;
}

.table-checkbox-left th.bulk-action-button-header {
  display: table-cell;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .table-checkbox-left th.bulk-action-button-header {
    padding: 15px 50px 10px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .table-checkbox-left th.bulk-action-button-header {
    padding: 20px 50px 13px 0;
  }
}

.user-bulk-action-button {
  margin-top: -4px;
  margin-left: -20px;
}
@media only screen and (min-width: 375px) {
  .user-bulk-action-button {
    position: absolute;
    top: -39px;
    width: 110px;
    left: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .user-bulk-action-button {
    position: inherit;
  }
}

.square-button {
  border-radius: 3px;
  border: 1px solid #e0eaed;
  height: 35px;
  padding: 0 15px;
  background-color: white;
  font-size: 11px;
  color: #035063;
}

.patients-bulk-actions-container {
  position: absolute;
  top: 142px;
  left: 97px;
}
@media only screen and (min-width: 375px) {
  .patients-bulk-actions-container {
    top: 65px;
    left: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .patients-bulk-actions-container {
    top: 111px;
    left: 77px;
  }
}
@media only screen and (min-width: 1024px) {
  .patients-bulk-actions-container {
    top: 126px;
    left: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .patients-bulk-actions-container {
    top: 142px;
    left: 97px;
  }
}

.progress_bar_wrapper {
  overflow: hidden;
}
.progress_bar_wrapper .progress_bar_status {
  -webkit-transition: width 1s ease;
  /* Safari */
  transition: width 1s ease;
}

.tab-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 10px;
}
.tab-header .title-bar, .tab-header .actions {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
.tab-header .title-bar {
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e0eaed;
}
.tab-header .poInputField {
  width: 135px;
  position: absolute;
  left: 385px;
}
.tab-header .actions {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.tab-header .actions .print-export {
  text-align: right;
}
.tab-header .filters .react-select__menu {
  z-index: 2;
}
.tab-header .filters.filters--fill {
  flex: 1;
}
@media (max-width: 1024px) {
  .tab-header .poInputField {
    left: 235px;
    margin-top: 13px;
  }
  .tab-header .actionable {
    margin-left: 276px;
  }
  .tab-header .button {
    margin-top: 4px;
  }
}

.print_and_export_buttons {
  font-size: 0;
  padding-bottom: 15px;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
@media only screen and (min-width: 768px) {
  .print_and_export_buttons {
    margin: 0 -5px;
    padding-bottom: 0;
  }
}
.print_and_export_buttons .print_and_export_buttons__item {
  padding: 0 5px;
}
@media only screen and (min-width: 768px) {
  .print_and_export_buttons .print_and_export_buttons__item {
    display: inline-block;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 1024px) {
  .print_and_export_buttons .print_and_export_buttons__item .button-icon {
    min-width: 100px;
  }
}

.quick-filters {
  display: flex;
}
.quick-filters .quick-filters__list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  font-size: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .quick-filters .quick-filters__list {
    padding-right: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .quick-filters .quick-filters__list {
    padding-right: 0;
  }
}
.quick-filters .quick-filters__list .text-red .quick-filters__title {
  color: #b91c1c !important;
}
.quick-filters .quick-filters__list .quick-filters__item {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
}
.quick-filters .quick-filters__list .quick-filters__item:first-child.search-field {
  padding-left: 0;
}
.quick-filters .quick-filters__list .quick-filters__item:first-child.search-field input[type=text], .quick-filters .quick-filters__list .quick-filters__item:first-child.search-field .react-select__control {
  width: 220px;
}
.quick-filters .quick-filters__list .quick-filters__item:first-child.search-field input[type=text] .react-select__value, .quick-filters .quick-filters__list .quick-filters__item:first-child.search-field .react-select__control .react-select__value {
  height: 40px;
}
.quick-filters .quick-filters__list .quick-filters__item .react-select__menu {
  margin-top: 5px;
}
.quick-filters .quick-filters__list .quick-filters__item.border-right {
  border-right: 2px solid #ccc;
}
.quick-filters .quick-filters__list .quick-filters__item.border-left {
  border-left: 2px solid #ccc;
}
.quick-filters .quick-filters__list .quick-filters__item.active .quick-filters__title {
  border-color: #035063;
  color: #035063;
}
.quick-filters .quick-filters__list .quick-filters__item input[type=text] {
  margin: 0px 0px;
  max-width: 350px;
  width: 200px;
}
.quick-filters .quick-filters__list .quick-filters__item .quick-filters__input.active {
  display: inline-block;
}
.quick-filters .quick-filters__list .quick-filters__item .quick-filters__title {
  border-bottom: 2px solid transparent;
  color: #4d6670;
  display: block;
  font-size: 13px;
  font-weight: normal;
  height: 42px;
  line-height: 42px;
  padding: 0 5px;
  transition: border-color 0.3s, color 0.3s;
}
.no-ios .quick-filters .quick-filters__list .quick-filters__item .quick-filters__title:hover {
  color: #035063;
}
.no-ios .quick-filters .quick-filters__list .quick-filters__item .quick-filters__title:hover .advanced-filter-count {
  background-color: #9c4808;
}
.quick-filters .quick-filters__list .quick-filters__item .quick-filters__button {
  color: #4d6670;
  display: block;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  transition: color 0.3s;
  width: 32px;
}
.no-ios .quick-filters .quick-filters__list .quick-filters__item .quick-filters__button:hover {
  color: #035063;
}
.quick-filters .quick-filters__list .quick-filters__item i.search-clear {
  font-size: 20px;
  position: absolute;
}
.quick-filters .quick-filters__list .quick-filters__item i.search-clear:before {
  position: relative;
  right: 25px;
  top: 10px;
}
.quick-filters .quick-filters__list .quick-filters__item i.search-clear.hidden {
  font-size: 0px;
}
.quick-filters .quick-filters__list .quick-filters__item .advanced-filter-count {
  transition: background-color 0.3s;
  padding: 2px 7px;
  margin-left: 5px;
  background-color: #b45309;
  border-radius: 8px;
  color: #ffffff;
  font-weight: bold;
}

.quick-filter__item.calendar + .border-left {
  margin-left: 10px;
}

.summary.table-general {
  border: 1px solid #e0eaed;
  border-radius: 4px;
  border-collapse: separate;
  margin-bottom: 10px;
}
.summary.table-general .summary-title {
  padding-left: 10px;
  font-weight: bold;
  padding-top: 10px;
}
.summary.table-general table {
  width: 100%;
  border: none;
}
.summary.table-general table tbody td {
  padding: 10px;
}
.summary.table-general table tbody td:last-child {
  text-align: left;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.text-bold {
  font-weight: bold;
}

.text-error-red {
  color: #b91c1c;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff asset-url("/assets/ajax-loader-cb6c408b.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 2;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("/assets/ajax-loader-cb6c408b.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.react-time-picker {
  display: inline-flex;
  position: relative;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  margin-left: 5px;
  padding: 0 5px;
}

.react-time-picker__wrapper {
  border: none !important;
}

.react-time-picker .react-time-picker__inputGroup__input {
  padding: 0 1px;
}

.react-time-picker .react-time-picker__inputGroup__input--hasLeadingZero {
  padding-left: calc(1px + 0.54em);
}

.react-time-picker__inputGroup__divider {
  padding: 1px 0 !important;
  white-space: pre !important;
  color: #666 !important;
}

.react-time-picker__inputGroup__input {
  font-size: 13px !important;
  color: #666 !important;
  outline: none !important;
  box-shadow: none !important;
}

.react-time-picker__inputGroup__input:invalid {
  background: rgba(255, 0, 0, 0.1) !important;
}

.react-time-picker__inputGroup__input::-webkit-outer-spin-button,
.react-time-picker__inputGroup__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.react-time-picker__inputGroup__amPm {
  font-size: 13px !important;
  color: #666 !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 2px !important;
  box-shadow: none !important;
  height: auto !important;
  cursor: pointer;
  margin: 0 !important;
  width: auto !important;
  min-width: 40px !important;
  text-align: center !important;
}

.react-time-picker__inputGroup__leadingZero {
  font-size: 13px !important;
  color: #666 !important;
  display: inline-block !important;
  line-height: normal !important;
}

.co-vfc-report h2.report-header {
  margin-top: 20px;
  padding-bottom: 5px;
}
.co-vfc-report .border {
  border: 1px solid #666;
  padding: 10px;
}
.co-vfc-report .alarm-and-recorder-info .left {
  width: 20%;
  margin-right: 5%;
}
.co-vfc-report .alarm-and-recorder-info .right {
  width: 75%;
}
.co-vfc-report .alarm-and-recorder-info .feather-icon--check {
  color: var(--portal-status-healthy, #15803d);
}
.co-vfc-report .alarm-and-recorder-info .feather-icon--x {
  color: var(--portal-status-critical, #b91c1c);
}
.co-vfc-report .alarm-info .left {
  width: 45%;
  margin-right: 5%;
}
.co-vfc-report ul {
  margin: 0;
  padding: 0;
}
.co-vfc-report ul.horizontal-list li {
  margin-right: 20px;
  display: inline;
  width: 120px;
}
.co-vfc-report h2 {
  padding-bottom: 5px;
}
.co-vfc-report .temperature-graph {
  margin-top: 20px;
}

#devise .devise-content-wrap .left-content {
  background-color: #fff;
  width: 450px;
  padding: 15vh 40px 40px 40px;
  min-height: 100vh;
  position: relative;
  float: left;
}
@media only screen and (max-width: 1023px) {
  #devise .devise-content-wrap .left-content {
    padding-top: 40px;
    width: 100vw;
  }
}
#devise .devise-content-wrap .left-content .login-wrapper .logo {
  display: block;
  margin-bottom: 15vh;
}
@media only screen and (max-width: 767px) {
  #devise .devise-content-wrap .left-content .login-wrapper .logo {
    margin-bottom: 2vh;
  }
}
#devise .devise-content-wrap .left-content .login-wrapper .logo:hover {
  opacity: 1;
}
#devise .devise-content-wrap .left-content .login-wrapper .logo img {
  margin-left: 5px;
  margin-right: auto;
  width: 290px;
  height: 60px;
}
#devise .devise-content-wrap .left-content .login-wrapper .logo .logo-subtext {
  font-size: 17px;
  color: #4d6670;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-align: center;
}
#devise .devise-content-wrap .left-content input[type=email], #devise .devise-content-wrap .left-content input[type=password] {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 0;
  margin-bottom: 18px;
}
#devise .devise-content-wrap .left-content input[type=submit], #devise .devise-content-wrap .left-content button {
  font-size: 14px;
  letter-spacing: 1px;
  width: 100%;
  margin-top: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  line-height: 39px;
  border-radius: 25px;
  background: #00ABC3;
  /* Old browsers */
  background: -moz-linear-gradient(left, #00ABC3 0%, #15acc7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #00ABC3 0%, #15acc7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #00ABC3 0%, #15acc7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ABC3", endColorstr="#15acc7",GradientType=1 );
  /* IE6-9 */
}
#devise .devise-content-wrap .left-content input[type=submit]:hover, #devise .devise-content-wrap .left-content input[type=submit]:disabled, #devise .devise-content-wrap .left-content button:hover, #devise .devise-content-wrap .left-content button:disabled {
  background: #3E8096;
  /* Old browsers */
  background: -moz-linear-gradient(left, #3E8096 0%, #33b6a6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #3E8096 0%, #3E8096 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #3E8096 0%, #3E8096 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#3E8096", endColorstr="#3E8096",GradientType=1 );
  /* IE6-9 */
}
#devise .devise-content-wrap .left-content input[type=submit]:disabled, #devise .devise-content-wrap .left-content button:disabled {
  opacity: 0.65;
  cursor: default;
}
#devise .devise-content-wrap .left-content .sso-btn {
  background: #9FBCC7 !important;
}
#devise .devise-content-wrap .left-content .alt-actions {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  #devise .devise-content-wrap .left-content .alt-actions {
    margin-top: 10px;
  }
}
#devise .devise-content-wrap .left-content .support-footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  border-top: 2px solid #f3f3f3;
}
#devise .devise-content-wrap .left-content .support-footer a {
  color: #d3d3d3;
}
#devise .devise-content-wrap .left-content .div-login-separator {
  margin-top: 40px;
}
#devise .devise-content-wrap .left-content .sso-title {
  color: black;
  text-align: center;
  margin-bottom: 20px;
}
#devise .devise-content-wrap .left-content .sso-info {
  margin-bottom: 20px;
}
#devise .devise-content-wrap .right-content {
  color: #fff;
  padding-top: 20vh;
  padding-left: 75px;
  background: url("/assets/login-bg4-a8d4c26c.png") no-repeat;
  min-height: 100vh;
  background-size: cover;
  margin-left: 450px;
  background-position: center;
}
#devise .devise-content-wrap .right-content h1 {
  font-size: 50px;
  width: 300px;
  margin-bottom: 2rem;
}
#devise .devise-content-wrap .right-content p {
  font-size: 1.2rem;
  width: 280px;
}
@media only screen and (max-width: 1279px) {
  #devise .devise-content-wrap .right-content {
    padding-top: 53vh;
    padding-left: 0;
    text-align: center;
  }
  #devise .devise-content-wrap .right-content h1 {
    width: 100%;
  }
  #devise .devise-content-wrap .right-content p {
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  #devise .devise-content-wrap .right-content {
    display: none;
  }
}

.enterprise-widget {
  background-color: #FFF;
  border: 1px solid #f0f5f6;
  border-radius: 3px;
  padding: 25px;
  margin-bottom: 20px;
  box-shadow: 0 10px 30px -10px rgba(12, 43, 51, 0.1);
}
.enterprise-widget .enterprise-header {
  margin-bottom: 20px;
  margin-top: 10px;
  position: relative;
  height: 50px;
}
.enterprise-widget .enterprise-header .header-icon {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #FFF;
  float: left;
  text-align: center;
  border-radius: 25px;
}
.enterprise-widget .enterprise-header .header-icon i.icon {
  font-size: 22px;
  margin: 15px 14px;
  position: relative;
  top: 14px;
}
.enterprise-widget .enterprise-header .header-icon .vaccine-count {
  position: absolute;
  top: -15px;
  left: 28px;
  background-color: ghostwhite;
  padding: 4px 12px;
  border-radius: 26px;
  border: 4px solid white;
  color: #4d6670;
}
.enterprise-widget .enterprise-header .header-title {
  padding-left: 80px;
  text-transform: uppercase;
}
.enterprise-widget .enterprise-header .header-time-info {
  position: absolute;
  right: 0;
  top: 10px;
  color: lightgrey;
}
.enterprise-widget .enterprise-footer {
  margin-top: 25px;
  position: relative;
}
.enterprise-widget .enterprise-footer .view-details {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.enterprise-widget .enterprise-footer .view-details:hover {
  color: #035063;
}
.enterprise-widget table {
  width: 100%;
  border-top: 1px solid #f0f5f6;
  border-bottom: 1px solid #f0f5f6;
}
.enterprise-widget table .clickable-row:hover {
  cursor: pointer;
}
.enterprise-widget table td.error {
  color: #b91c1c;
}
.enterprise-widget table td.warning {
  color: #b45309;
}
.enterprise-widget table th, .enterprise-widget table td {
  text-align: left;
  padding: 5px 0px;
}
.enterprise-widget table th.numeric, .enterprise-widget table td.numeric {
  text-align: right;
}
.enterprise-widget table th:last-child, .enterprise-widget table td:last-child {
  text-align: right;
}
.enterprise-widget table th {
  padding-top: 20px;
}
.enterprise-widget table tbody tr:last-child td {
  padding-bottom: 20px;
}
.enterprise-widget.assets-widget .enterprise-header .header-icon {
  background-color: #b91c1c;
}
.enterprise-widget.assets-widget .enterprise-header .header-title {
  color: #b91c1c;
}
.enterprise-widget.assets-widget.assets-good .enterprise-header .header-icon {
  background-color: #15803d;
}
.enterprise-widget.assets-widget.assets-good .enterprise-header .header-title {
  color: #15803d;
}
.enterprise-widget.assets-widget table td, .enterprise-widget.assets-widget table th {
  padding-right: 25px;
  width: 20%;
}
.enterprise-widget.assets-widget table td:first-child, .enterprise-widget.assets-widget table th:first-child {
  width: 20%;
}
.enterprise-widget.assets-widget table td:nth-last-child(2), .enterprise-widget.assets-widget table th:nth-last-child(2) {
  width: 10%;
}
.enterprise-widget.assets-widget table td:last-child, .enterprise-widget.assets-widget table th:last-child {
  padding-right: 0px;
  width: 20%;
}
.enterprise-widget.assets-widget table td .kioskstat-issues, .enterprise-widget.assets-widget table th .kioskstat-issues {
  color: #b91c1c;
}
.enterprise-widget.low-inventory-widget .enterprise-header .header-icon {
  background-color: #00afce;
}
.enterprise-widget.low-inventory-widget .enterprise-header .header-title {
  color: #035063;
}
.enterprise-widget.surplus-widget .enterprise-header .header-icon {
  background-color: #b45309;
}
.enterprise-widget.surplus-widget .enterprise-header .header-title {
  color: #b45309;
}
.enterprise-widget.low-inventory-widget table td, .enterprise-widget.low-inventory-widget table th, .enterprise-widget.surplus-widget table td, .enterprise-widget.surplus-widget table th {
  padding-right: 25px;
  width: 14%;
}
.enterprise-widget.low-inventory-widget table td:first-child, .enterprise-widget.low-inventory-widget table th:first-child, .enterprise-widget.surplus-widget table td:first-child, .enterprise-widget.surplus-widget table th:first-child {
  width: 30%;
}
.enterprise-widget.low-inventory-widget table td:last-child, .enterprise-widget.low-inventory-widget table th:last-child, .enterprise-widget.surplus-widget table td:last-child, .enterprise-widget.surplus-widget table th:last-child {
  padding-right: 0px;
}

.inventory-sidebar__container table td.error {
  color: #b91c1c;
}

.inventory-on-hand-table td.numeric, .inventory-on-hand-table th.numeric {
  text-align: right;
}
.inventory-on-hand-table .error {
  color: #b91c1c;
}

.by-something-filter-wrapper {
  width: 300px;
  display: inline-block;
  margin-right: 20px;
}
.by-something-filter-wrapper .filter-label {
  margin-bottom: 10px;
}

#error-boundary {
  height: 100vh;
  width: 100vw;
  background: asset-url("/assets/truview/error_background-ae0028e4.jpg") 50% 50% no-repeat;
  background-size: cover;
  text-align: center;
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
}
#error-boundary .error-box {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececec+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ececec 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #ececec 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #ececec 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ececec",GradientType=0 );
  /* IE6-9 */
  width: 50vw;
  border-radius: 10px;
  margin-left: -25vw;
  margin-top: -20vh;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #545454;
}
@media only screen and (max-width: 767px) {
  #error-boundary .error-box {
    width: 100vw;
    height: 100vh;
    margin: 0;
    top: 0;
    left: 0;
    border-radius: 0;
  }
}
#error-boundary .error-content {
  padding: 25px 25px 40px;
}
#error-boundary .error-content h1 {
  letter-spacing: 3px;
  font-size: 140px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 300;
  color: #d4d4d4;
}
#error-boundary .error-content h2 {
  margin-top: 0px;
  font-weight: 300;
}
#error-boundary .error-content p, #error-boundary .error-content h3 {
  margin-top: 0.5em;
}
#error-boundary .error-content input[type=button] {
  transition: background-color 0.2s linear;
  background-color: #fdb611;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 10px 30px;
  margin-top: 25px;
  border-radius: 30px;
  border: 0px;
}
#error-boundary .error-content input[type=button]:hover {
  cursor: pointer;
  background-color: #d99802;
}
#error-boundary .error-content input[type=button]:focus {
  outline: none;
}

.import-patients-example-table .import-table-header {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  max-width: 760px;
}
.import-patients-example-table table {
  width: 675px;
  margin-left: auto;
  margin-right: auto;
}
.import-patients-example-table table th:last-child {
  text-align: left;
}
.import-patients-example-table table td:last-child {
  text-align: left;
}

.wrap--integration-select {
  text-align: center;
}

.integration-option {
  display: inline-block;
  border: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  background: #f1f1f1;
  border-radius: 20px;
  height: 75px;
  padding: 5px;
  margin: 10px;
  width: 500px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .integration-option {
    font-size: 16px;
    width: 90%;
  }
}
.integration-option.active {
  background: #eee;
}
.integration-option #athena_logo {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .integration-option #athena_logo {
    width: 80%;
  }
}

.inventory .heading-main {
  padding-bottom: 20px;
}
.inventory .tabs-button-container {
  margin-bottom: 20px;
  position: relative;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .inventory .heading-main {
    padding-bottom: 0;
    z-index: 1;
  }
  .inventory .heading-main-options {
    position: absolute;
    right: 0;
    top: 5px;
  }
  .inventory .heading-main-search {
    left: 0px;
    position: absolute;
    top: 5px;
  }
  .inventory .tabs-button-container {
    margin-bottom: 0;
  }
  .inventory .tabs-button-container .button-icon {
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 1;
  }
  .inventory .tabs-nav__list {
    padding-right: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .inventory .tabs-button-container .button-icon {
    top: 26px;
  }
}

.inventory-metrics .table-general .small-text {
  color: #4d6670;
}
@media only screen and (max-width: 767px) {
  .inventory-metrics .table-general thead.mobile-show {
    display: block;
  }
  .inventory-metrics .table-general thead th {
    border-bottom: none;
    display: inline-block;
  }
  .inventory-metrics .table-general thead th:last-child {
    float: right;
  }
  .inventory-metrics .table-general thead tr {
    border-bottom: 1px solid #e0eaed;
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-metrics {
    padding-top: 20px;
  }
  .inventory-metrics .table-general .small-text {
    padding-top: 5px;
  }
}

.inventory-on-hand {
  padding-top: 0;
  margin-bottom: 6em;
}
@media only screen and (min-width: 1024px) {
  .inventory-on-hand .button-icon {
    min-width: 94px;
  }
}

.inventory-on-hand-content__item {
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .inventory-on-hand-content__item {
    height: 0;
    overflow: hidden;
  }
  .inventory-on-hand-content__item.active {
    height: auto;
    overflow: visible;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-content__item {
    display: block;
    left: 0;
    height: 100%;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .inventory-on-hand-content__item.active {
    left: auto;
    opacity: 1;
    position: relative;
    top: auto;
  }
}

.inventory-page .header-wrapper {
  position: relative;
}
.inventory-page .inventory-header {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0eaed;
}
@media only screen and (max-width: 767px) {
  .inventory-page .inventory-header {
    margin-bottom: 0;
  }
}
.inventory-page .print-export-buttons {
  position: absolute;
  top: 10px;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  .inventory-page .print-export-buttons {
    position: initial;
  }
}

.react-select__control {
  font-size: 13px;
}

.react-select__menu {
  font-size: 13px;
}

.inventory-on-hand-table {
  padding-bottom: 20px;
}
.inventory-on-hand-table:first-child {
  padding-top: 0px;
}
.inventory-on-hand-table table {
  border: 1px solid #e0eaed;
  border-collapse: separate;
  border-radius: 4px;
  font-size: 15px;
  width: 100%;
}
.inventory-on-hand-table table tr td {
  padding-top: 25px;
}
.inventory-on-hand-table table tr td.title {
  width: 300px;
}
.inventory-on-hand-table table tr td.expiration {
  width: 150px;
}
.inventory-on-hand-table table tr td.dispensable-label {
  width: 205px;
  text-align: right;
}
.inventory-on-hand-table table tr td.dispensable-value {
  text-align: left;
}
.inventory-on-hand-table table tr td.reserves-label {
  width: 205px;
  text-align: right;
}
.inventory-on-hand-table table tr td.reserves-value {
  text-align: left;
}
.inventory-on-hand-table table tr td.total-label {
  width: 100px;
}
.inventory-on-hand-table .table-label {
  color: #4d6670;
  display: block;
  padding-bottom: 5px;
}
.inventory-on-hand-table .table-row {
  display: block;
}
.inventory-on-hand-table .table-row + .table-row {
  padding-top: 5px;
}
.inventory-on-hand-table .table-row-label {
  color: #4d6670;
  display: block;
  padding-bottom: 5px;
  padding-top: 10px;
}
.inventory-on-hand-table tbody {
  display: block;
}
.inventory-on-hand-table tr {
  border-bottom: 1px solid #e0eaed;
  display: block;
}
.inventory-on-hand-table tr:last-child {
  border-bottom: none;
}
.inventory-on-hand-table td {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}
.inventory-on-hand-table td.table-head {
  background: #f5f8f9;
  color: #4d6670;
  font-size: 16px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.inventory-on-hand-table td.table-result {
  padding-top: 5px;
}
.inventory-on-hand-table td.table-result--critical {
  color: #b91c1c;
  text-transform: uppercase;
}
.inventory-on-hand-table td.table-result--recall {
  color: #b91c1c;
}
.inventory-on-hand-table td.table-result--warning {
  color: #b45309;
}
.inventory-on-hand-table td.table-row-head {
  display: none;
}
.inventory-on-hand-table td.table-subtotal {
  color: #4d6670;
  padding-top: 5px;
}
.inventory-on-hand-table td.table-total {
  color: #4d6670;
  padding-bottom: 15px;
}
@media only print {
  .inventory-on-hand-table .table-label {
    display: none;
  }
  .inventory-on-hand-table .table-row + .table-row {
    padding-top: 7px;
  }
  .inventory-on-hand-table .table-row-label {
    display: none;
  }
  .inventory-on-hand-table tbody {
    display: table-row-group;
  }
  .inventory-on-hand-table tr {
    border-bottom: none;
    display: table-row;
  }
  .inventory-on-hand-table tr:last-child td {
    border-bottom: none;
  }
  .inventory-on-hand-table td {
    display: table-cell;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
  }
  .inventory-on-hand-table td.table-result {
    padding-top: 15px;
  }
  .inventory-on-hand-table td.table-row-head {
    display: table-cell;
  }
  .inventory-on-hand-table td.table-subtotal {
    padding-top: 15px;
    text-align: right;
  }
  .inventory-on-hand-table td.row-total-label {
    display: none;
    border-left: 1px solid #e0eaed;
  }
  .inventory-on-hand-table td.table-total {
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table {
    padding: 45px 0 0;
  }
  .inventory-on-hand-table .table-label {
    display: none;
  }
  .inventory-on-hand-table .table-row + .table-row {
    padding-top: 7px;
  }
  .inventory-on-hand-table .table-row-label {
    display: none;
  }
  .inventory-on-hand-table tbody {
    display: table-row-group;
  }
  .inventory-on-hand-table tr {
    border-bottom: none;
    display: table-row;
  }
  .inventory-on-hand-table tr:last-child td {
    border-bottom: none;
  }
  .inventory-on-hand-table td {
    display: table-cell;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
  }
  .inventory-on-hand-table td.table-result {
    padding-top: 15px;
  }
  .inventory-on-hand-table td.table-row-head {
    display: table-cell;
  }
  .inventory-on-hand-table td.table-subtotal {
    padding-top: 15px;
    text-align: right;
  }
  .inventory-on-hand-table td.row-total-label {
    display: none;
    border-left: 1px solid #e0eaed;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .inventory-on-hand-table td.row-total-label {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table td.table-total {
    text-align: right;
  }
}
@media only screen and (min-width: 1024px) {
  .inventory-on-hand-table {
    padding-top: 50px;
  }
  .inventory-on-hand-table .table-row + .table-row {
    padding-top: 10px;
  }
  .inventory-on-hand-table td,
.inventory-on-hand-table td.table-head,
.inventory-on-hand-table td.table-result,
.inventory-on-hand-table td.table-subtotal,
.inventory-on-hand-table td.table-total {
    padding: 20px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .inventory-on-hand-table {
    padding-top: 55px;
  }
  .inventory-on-hand-table .table-row + .table-row {
    padding-top: 12px;
  }
  .inventory-on-hand-table td,
.inventory-on-hand-table td.table-head,
.inventory-on-hand-table td.table-result,
.inventory-on-hand-table td.table-subtotal,
.inventory-on-hand-table td.table-total {
    padding: 25px 20px;
  }
}

.inventory-on-hand-table-header {
  font-size: 0;
  padding: 15px 0 20px;
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table-header {
    padding: 0 0 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .inventory-on-hand-table-header {
    padding-bottom: 20px;
  }
}

.inventory-on-hand-table-header__button {
  color: #4d6670;
  display: inline-block;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 0.025rem;
  line-height: 1;
  padding-top: 5px;
}
.no-ios .inventory-on-hand-table-header__button:hover {
  color: #035063;
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table-header__button {
    border-left: 1px solid #e0eaed;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px;
    vertical-align: bottom;
  }
}

.inventory-on-hand-table-header__column {
  display: inline-block;
  padding-bottom: 15px;
  vertical-align: bottom;
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table-header__column {
    padding-bottom: 0;
    width: calc(100% - 200px);
  }
}

.inventory-on-hand-table-header__title {
  color: #4d6670;
  font-size: 18px;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table-header__title {
    display: inline-block;
    font-size: 20px;
    max-width: calc(100% - 80px);
    padding-right: 10px;
    vertical-align: bottom;
  }
}

.inventory-on-hand-table-header__total {
  color: #4d6670;
  font-size: 16px;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .inventory-on-hand-table-header__total {
    display: inline-block;
    font-size: 17px;
    padding-bottom: 2px;
    text-align: right;
    vertical-align: bottom;
    width: 200px;
  }
}

.inventory-activity {
  padding-top: 0;
}

.expiring-by-program .expiring {
  color: #b45309;
  text-align: center;
}
.expiring-by-program .expired {
  color: #b91c1c;
  text-align: center;
}

.inventory-replenish-content {
  padding-top: 0;
}
.inventory-replenish-content .inventory-replenish-table:nth-child(n+3) {
  margin-top: 0.5em;
  padding-top: 0.5em;
  border-top: 1px solid #e0eaed;
}
.inventory-replenish-content .inventory-replenish-table .inventory-replenish-picklist {
  margin-top: 0.5em;
}
.inventory-replenish-content .inventory-replenish-table .inventory-replenish-picklist .subscript {
  font-size: 85%;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(1) {
  width: 150px;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(2) {
  width: 300px;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(3) {
  width: 205px;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(4) {
  width: 100px;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(5) {
  width: 205px;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(6) {
  width: 100px;
}
.inventory-replenish-content .inventory-replenish-table table tr td:nth-child(7) {
  width: 100px;
}

.inventory-replenish-content__item {
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .inventory-replenish-content__item {
    height: 0;
    overflow: hidden;
  }
  .inventory-replenish-content__item.active {
    height: auto;
    overflow: visible;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-replenish-content__item {
    display: block;
    left: 0;
    height: 100%;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .inventory-replenish-content__item.active {
    left: auto;
    opacity: 1;
    position: relative;
    top: auto;
    z-index: 1;
  }
}

.inventory-replenish-content__list {
  font-size: 0;
  list-style: none;
  position: relative;
}

.inventory-replenish-content__nav {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .inventory-replenish-content__nav {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
}

.inventory-replenish-content__title {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 4px;
  color: #89949d;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}
.active .inventory-replenish-content__title {
  color: #4d6670;
}

.inventory-counts-content__item {
  font-size: 17px;
}
@media only screen and (max-width: 767px) {
  .inventory-counts-content__item {
    height: 0;
    overflow: hidden;
  }
  .inventory-counts-content__item.active {
    height: auto;
    overflow: visible;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .inventory-counts-content__item {
    display: block;
    left: 0;
    height: 100%;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .inventory-counts-content__item.active {
    left: auto;
    opacity: 1;
    position: relative;
    top: auto;
    z-index: 1;
  }
}

.inventory-counts-content__list {
  font-size: 0;
  list-style: none;
  position: relative;
}

.inventory-counts-content__nav {
  display: block;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .inventory-counts-content__nav {
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
  }
}

.inventory-counts-content__title {
  background: #ffffff;
  border: 1px solid #e0eaed;
  border-radius: 4px;
  color: #89949d;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 100%;
}
.active .inventory-counts-content__title {
  color: #4d6670;
}

.on-hand-tab .table-general tr.odd,
.ordering-tab .table-general tr.odd {
  color: #89949d;
  background-color: #edf3f5;
}

.days-on-hand-row {
  padding: 4px;
}
.days-on-hand-row .vaccine-name {
  width: 50%;
}
.days-on-hand-row .program-name {
  width: 30%;
}
.days-on-hand-row .days-on-hand {
  width: 20%;
  color: #149EB8;
}
.days-on-hand-row .days-on-hand.warning {
  color: #b45309;
}
.days-on-hand-row .days-on-hand.alert {
  color: #b91c1c;
}

.inventoryOrderingReport {
  padding-top: 0;
}
.inventoryOrderingReport .kiosk .program.table-general {
  margin-bottom: 0.5em;
}
.inventoryOrderingReport .kiosk .program.table-general td {
  padding: 15px;
  vertical-align: middle;
}

.inventory-wholesalers {
  padding: 25px 50px;
}
.inventory-wholesalers .wholesalers-list {
  padding: 40px;
}

.dashboard-carousel {
  padding-top: 20px;
  margin-bottom: 45px;
}
.dashboard-carousel .slick-track img {
  height: auto;
  width: 100%;
}
.dashboard-carousel .slick-dots {
  bottom: -20px;
}
.dashboard-carousel .slick-dots li {
  margin: 0 2px;
}
.dashboard-carousel .slick-dots li button:before {
  font-size: 9px;
  line-height: 22px;
}
.dashboard-carousel .slick-dots li.slick-active button:before {
  color: #02333f;
  opacity: 1;
}
.dashboard-carousel .slick-next,
.dashboard-carousel .slick-prev {
  background: #ffffff;
  border-color: #f0f5f6;
  border-style: solid;
  border-radius: 100%;
  border-width: 1px;
  display: none !important;
  font-size: 0;
  height: 40px;
  transform: translate(0);
  transition: background-color 0.3s, border-color 0.3s;
  width: 40px;
}
.dashboard-carousel .slick-next:before,
.dashboard-carousel .slick-prev:before {
  color: #035063;
  font-size: 12px;
  line-height: 38px;
  opacity: 1;
  right: 0;
  transition: color 0.3s;
}
.dashboard-carousel .slick-next.slick-disabled:before,
.dashboard-carousel .slick-prev.slick-disabled:before {
  opacity: 0.5;
}
.no-ios .dashboard-carousel .slick-next:hover,
.no-ios .dashboard-carousel .slick-prev:hover {
  background: #035063;
  border-color: #035063;
}
.no-ios .dashboard-carousel .slick-next:hover:before,
.no-ios .dashboard-carousel .slick-prev:hover:before {
  color: #ffffff;
}
@media only screen and (min-width: 1400px) {
  .dashboard-carousel .slick-next,
.dashboard-carousel .slick-prev {
    display: block !important;
    height: 50px;
    top: 50%;
    width: 50px;
  }
  .dashboard-carousel .slick-next:before,
.dashboard-carousel .slick-prev:before {
    font-size: 14px;
    line-height: 48px;
  }
}
.dashboard-carousel .slick-next {
  position: relative;
  text-indent: -999em;
  margin: -10px -45px 0 0;
  position: absolute;
  right: 50%;
  top: 100%;
}
.dashboard-carousel .slick-next:before {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.dashboard-carousel .slick-next:before {
  text-indent: 2px;
}
@media only screen and (min-width: 768px) {
  .dashboard-carousel .slick-next {
    margin: -5px -50px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-carousel .slick-next {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  .dashboard-carousel .slick-next {
    left: 100%;
    margin: -25px 0 0 15px;
    right: auto;
    top: 50%;
  }
}
@media only screen and (min-width: 600px) {
  .dashboard-carousel .slick-next {
    margin-left: 35px;
  }
}
.dashboard-carousel .slick-prev {
  position: relative;
  text-indent: -999em;
  left: 50%;
  margin: -10px 0 0 -45px;
  position: absolute;
  top: 100%;
}
.dashboard-carousel .slick-prev:before {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.dashboard-carousel .slick-prev:before {
  text-indent: -2px;
}
@media only screen and (min-width: 768px) {
  .dashboard-carousel .slick-prev {
    margin: -5px 0 0 -50px;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-carousel .slick-prev {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  .dashboard-carousel .slick-prev {
    left: auto;
    margin: -25px 15px 0 0;
    right: 100%;
    top: 50%;
  }
}
@media only screen and (min-width: 600px) {
  .dashboard-carousel .slick-prev {
    margin-right: 35px;
  }
}
.dashboard-carousel .slick-slide {
  height: auto;
}
.dashboard-carousel .slick-slide > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-carousel .slick-track {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .dashboard-carousel {
    padding-top: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-carousel {
    margin-bottom: 85px;
  }
  .dashboard-carousel .slick-dots {
    bottom: -40px;
  }
}

.dashboard-carousel__item {
  background: #ffffff;
  border-color: #f0f5f6;
  border-style: solid;
  border-radius: 3px;
  border-width: 1px;
  box-shadow: 0 10px 30px -10px rgba(12, 43, 51, 0.1);
  margin: 0 10px 20px;
  overflow: hidden;
  padding: 25px;
}
@media only screen and (min-width: 768px) {
  .dashboard-carousel__item {
    margin: 30px 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-carousel__item {
    box-shadow: 0 10px 30px -2px rgba(12, 43, 51, 0.1);
    margin: 30px 15px;
  }
}
.dashboard-carousel__item .card-header {
  position: relative;
  min-height: 64px;
}
.dashboard-carousel__item .card-header .card-icon {
  width: 50px;
  display: inline-block;
}
.dashboard-carousel__item .card-header .circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #b91c1c;
}
.dashboard-carousel__item .card-header .circle i {
  color: white;
  margin: 15px 14px;
  font-size: 22px;
}
.dashboard-carousel__item .card-header .circle.red {
  background-color: #b91c1c;
}
.dashboard-carousel__item .card-header .circle.aqua {
  background-color: #29bcd6;
}
.dashboard-carousel__item .card-header .circle.navy {
  background-color: #00afce;
}
.dashboard-carousel__item .card-header .circle.gold {
  background-color: #b45309;
}
.dashboard-carousel__item .card-header .circle.orange {
  background-color: #b45309;
}
.dashboard-carousel__item .card-header .circle.purple {
  background-color: #a349a4;
}
.dashboard-carousel__item .card-header .vaccine-count {
  position: absolute;
  top: -15px;
  left: 28px;
  background-color: ghostwhite;
  padding: 4px 12px;
  border-radius: 26px;
  border: 4px solid white;
}
.dashboard-carousel__item .card-header .last-updated {
  position: absolute;
  top: 55px;
  font-size: 12px;
  color: lightgray;
}
@media only screen and (min-width: 1100px) {
  .dashboard-carousel__item .card-header .last-updated {
    position: inherit;
    top: inherit;
    float: right;
    display: inline-block;
  }
}
.dashboard-carousel__item .title {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  min-height: 23px;
}
.dashboard-carousel__item .title.red {
  color: #b91c1c;
}
.dashboard-carousel__item .title.aqua {
  color: #035063;
}
.dashboard-carousel__item .title.navy {
  color: #035063;
}
.dashboard-carousel__item .title.gold {
  color: #b45309;
}
.dashboard-carousel__item .message {
  font-size: 14px;
  min-height: 34px;
}
.dashboard-carousel__item .card-footer {
  border-top: 1px solid lightgray;
  margin-top: 25px;
  padding-top: 20px;
}
.dashboard-carousel__item .card-footer .details, .dashboard-carousel__item .card-footer .dots {
  display: inline-block;
}
.dashboard-carousel__item .card-footer .details {
  font-size: 14px;
}
.dashboard-carousel__item .card-footer .dots {
  float: right;
  font-size: 36px;
  line-height: 7px;
}
.dashboard-carousel__item .card-footer:hover {
  cursor: pointer;
  color: #035063;
}

.dashboard-carousel__list {
  margin: 0 -10px;
}
.dashboard-carousel__list:after, .dashboard-carousel__list:before {
  background: #ffffff;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  width: 10px;
  z-index: 1;
}
.dashboard-carousel__list:after {
  right: 0;
}
.dashboard-carousel__list:before {
  left: 0;
}
.dashboard-carousel__list.transition:after, .dashboard-carousel__list.transition:before {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .dashboard-carousel__list {
    margin: 0 -10px;
  }
  .dashboard-carousel__list:after {
    width: 8px;
  }
  .dashboard-carousel__list:before {
    width: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-carousel__list {
    margin: 0 -15px;
  }
  .dashboard-carousel__list:after, .dashboard-carousel__list:before {
    width: 15px;
  }
}

.dashboard-header__date {
  display: block;
  font-size: 13px;
  padding-top: 10px;
}

.dashboard-header__title {
  color: #0c2b33;
  font-family: "Roboto Medium", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .dashboard-header__title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-header__title {
    font-size: 27px;
    width: 85%;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-header__title {
    font-size: 30px;
  }
}

.dashboard-header-columns {
  font-size: 0;
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .dashboard-header-columns {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-header-columns {
    padding: 40px 0 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-header-columns {
    padding: 50px 0 20px;
  }
}

@media only screen and (min-width: 768px) {
  .dashboard-header-column {
    display: inline-block;
    vertical-align: middle;
  }
}

@media only screen and (min-width: 768px) {
  .dashboard-header-column--left {
    padding-right: 10px;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-header-column--left {
    padding-right: 15px;
    width: 43%;
  }
}

.dashboard-header-column--right {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .dashboard-header-column--right {
    padding: 0 0 0 10px;
    width: 50%;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-header-column--right {
    padding-left: 15px;
    width: 57%;
  }
}

.dashboard-locations {
  padding: 20px 0 40px;
}
@media only screen and (min-width: 768px) {
  .dashboard-locations {
    padding-bottom: 60px;
  }
  .dashboard-locations .column-double__item--left {
    padding-right: 20px;
  }
  .dashboard-locations .column-double__item--right {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .dashboard-locations {
    padding-bottom: 90px;
  }
  .dashboard-locations .column-double__item--left {
    padding-right: 25px;
  }
  .dashboard-locations .column-double__item--right {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-locations {
    padding: 0 0 120px;
  }
  .dashboard-locations .column-double__item--left {
    padding-right: 30px;
  }
  .dashboard-locations .column-double__item--right {
    padding-left: 30px;
  }
}
.dashboard-locations .clickable-row:hover {
  cursor: pointer;
}

.dashboard-locations__icon {
  color: #b9ccd1;
  display: inline-block;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  width: 30px;
  color: #377D22;
}
.dashboard-locations__icon.icon--battery {
  text-indent: 2px;
}
.dashboard-locations__icon.icon--plug {
  text-indent: 5px;
}
.dashboard-locations__icon.icon--thermometer {
  text-indent: -8px;
}
.dashboard-locations__icon.icon--wifi {
  text-indent: 5px;
}
.dashboard-locations__icon.warning {
  color: #b45309;
}
.dashboard-locations__icon.alert {
  color: #A70404;
}
.dashboard-locations__icon.inactive {
  color: #606060;
}

.dashboard-locations__info {
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .dashboard-locations__info {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1200px) {
  .dashboard-locations__info {
    font-size: 15px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .wrap--dashboard-locations {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .wrap--dashboard-locations {
    padding-left: 80px;
    padding-right: 380px;
  }
}
@media only screen and (min-width: 1200px) {
  .wrap--dashboard-locations {
    padding-left: 120px;
    padding-right: 500px;
  }
}
.wrap--dashboard-locations .table-basic .kioskstat-issues {
  color: #b91c1c;
  display: inline-block;
  text-align: left;
}

#dashboard {
  background: url("/assets/arch-c2d55eeb.png") no-repeat;
  background-position: center top;
  background-size: contain;
}
#dashboard .dashboard-header__title {
  color: #035063;
}

.point_of_contact.not_configured {
  display: inline-block;
}

.metrics-with-tooltip-wrapper .metrics-tooltip {
  position: absolute;
  text-align: right;
  height: auto;
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4);
  pointer-events: none;
}
.metrics-with-tooltip-wrapper .metrics-tooltip.hidden {
  opacity: 0;
}
.metrics-with-tooltip-wrapper .metrics-tooltip p {
  margin: 0;
  font-family: sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.single-pie-display {
  text-align: center;
  font-size: 24px;
}
.single-pie-display .single-pie-wrapper {
  padding-top: 40px;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}
.single-pie-display .label {
  font-weight: bold;
  margin-bottom: 24px;
}
.wrap--patient-orders-show ol {
  margin-left: 40px;
}

.patients .heading-main {
  padding: 20px 0;
}
.patients .tabs-button-container {
  margin-bottom: 20px;
  position: relative;
  text-align: right;
}
.patients .table-checkbox-left tfoot button {
  color: #4d6670;
  font-size: 13px;
  padding-top: 5px;
  transition: color 0.3s;
}
.no-ios .patients .table-checkbox-left tfoot button:hover {
  color: #035063;
}
.patients .table-checkbox-left tfoot td {
  font-size: 13px;
  text-align: center;
}
.patients .table-checkbox-left th {
  font-size: 14px;
}
@media only screen and (min-width: 480px) {
  .patients .table-checkbox-left tfoot button {
    padding-top: 0;
  }
  .patients .table-checkbox-left tfoot p {
    display: inline-block;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .patients .heading-main {
    padding: 30px 0;
  }
  .patients .table-checkbox-left {
    padding-bottom: 30px;
  }
  .patients .tabs-button-container {
    margin-bottom: 0;
  }
  .patients .tabs-button-container .button-icon {
    position: absolute;
    right: 0;
    top: 22px;
    z-index: 1;
  }
  .patients .tabs-nav__list {
    padding-right: 150px;
  }
}
@media only screen and (min-width: 1024px) {
  .patients .heading-main {
    padding: 35px 0;
  }
  .patients .table-checkbox-left {
    padding-bottom: 55px;
  }
}
@media only screen and (min-width: 1200px) {
  .patients .heading-main {
    padding: 40px 0;
  }
  .patients .table-checkbox-left {
    padding-bottom: 95px;
  }
  .patients .tabs-button-container .button-icon {
    top: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .patients-content {
    padding-bottom: 20px;
  }
}
.patients-content th.sortable {
  cursor: pointer;
}

.view-patient-visit-details:hover {
  cursor: pointer;
}

.patient-visit-details {
  margin: 30px;
  overflow: scroll;
  height: 90%;
}

.patient-visit-header {
  margin-bottom: 25px;
}

.transaction-content {
  margin: 0px 20px 20px 20px;
}
.transaction-content h6 {
  margin-bottom: 20px;
}
.transaction-content .transaction-data {
  font-size: 14px;
}
.transaction-content .right-column {
  float: right;
}

.patients .tabs-carousel__item {
  height: 175px;
}
.patients .tabs-carousel__item .tabs-carousel__title {
  margin-bottom: 30px;
}

.metric-snapshot .metric {
  display: inline-block;
  text-align: center;
  width: 33%;
}
.metric-snapshot .metric .metric-description {
  font-size: 10px;
}
.metric-snapshot .metric .metric-value {
  font-size: 30px;
  color: #4d6670;
}

.import-status,
.previous-patient {
  margin-top: -15px;
}
.import-status .no-import,
.import-status .no-patient,
.previous-patient .no-import,
.previous-patient .no-patient {
  text-align: center;
  font-size: 24px;
  padding-top: 15px;
}
.import-status .import-column,
.import-status .patient-column,
.previous-patient .import-column,
.previous-patient .patient-column {
  width: 50%;
  display: inline-block;
}
.import-status .import-column .import-metric,
.import-status .import-column .patient-metric,
.import-status .patient-column .import-metric,
.import-status .patient-column .patient-metric,
.previous-patient .import-column .import-metric,
.previous-patient .import-column .patient-metric,
.previous-patient .patient-column .import-metric,
.previous-patient .patient-column .patient-metric {
  font-size: 14px;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.import-status .import-column.import-times, .import-status .import-column.left,
.import-status .patient-column.import-times,
.import-status .patient-column.left,
.previous-patient .import-column.import-times,
.previous-patient .import-column.left,
.previous-patient .patient-column.import-times,
.previous-patient .patient-column.left {
  border-right: 1px solid #e0eaed;
}
.import-status .import-column.patient-counts, .import-status .import-column.right,
.import-status .patient-column.patient-counts,
.import-status .patient-column.right,
.previous-patient .import-column.patient-counts,
.previous-patient .import-column.right,
.previous-patient .patient-column.patient-counts,
.previous-patient .patient-column.right {
  float: right;
}

.previous-patient:hover {
  cursor: pointer;
}

.import-patients-csv input {
  display: none;
}

.import-patients-confirmation .not-saved {
  color: #b91c1c;
}
.import-patients-confirmation table {
  margin: 30px 0px 50px 0px;
}
.import-patients-confirmation h5 {
  margin-top: 5px;
}

.patients .table-checkbox-left {
  position: relative;
}
.patients .heading-main-search {
  position: static;
}
.patients .heading-main-guide__item {
  text-align: left;
}
.patients .heading-main-guide__item:hover {
  cursor: pointer;
}

.patients .inventory-on-hand-nav {
  margin-bottom: 25px;
}
.patients .inventory-on-hand-nav .quick-filters__input {
  width: 220px;
}

#patients-content {
  padding-top: 0;
}
#patients-content .actionables__list .actionables__item {
  padding: 0 5px;
  display: inline-block;
}

.upload-patient-file-button {
  margin-left: 12px;
}

#temperature_overview .certs_title {
  margin-bottom: 0.5em;
}
#temperature_overview .tabs-carousel__item {
  position: relative;
}
#temperature_overview .tabs-carousel__item .top-right {
  position: absolute;
  right: 25px;
  top: 25px;
}
@media only screen and (max-width: 767px) {
  #temperature_overview .tabs-carousel__item .top-right {
    position: initial;
  }
}
@media only screen and (max-width: 767px) {
  #temperature_overview .tabs-carousel__item .kiosk-temp-card {
    height: auto;
  }
}
#temperature_overview .tabs-carousel__item .kiosk-temp-card > .left {
  width: 50%;
  margin-right: 0;
}
#temperature_overview .tabs-carousel__item .kiosk-temp-card > .right {
  padding-left: 5%;
}
@media only screen and (max-width: 767px) {
  #temperature_overview .tabs-carousel__item .kiosk-temp-card > .right {
    padding-left: 0%;
  }
}
@media only screen and (max-width: 767px) {
  #temperature_overview .tabs-carousel__item .kiosk-temp-card > .left, #temperature_overview .tabs-carousel__item .kiosk-temp-card > .right {
    width: 100%;
    margin-right: 0;
    border-right: 0;
    height: auto;
  }
}
#temperature_overview .temp-card-reported {
  font-size: 12px;
  text-align: right;
  position: relative;
  top: -3px;
}
#temperature_overview .kiosk-temp-card {
  height: 200px;
  margin-bottom: 0;
  display: flex;
}
#temperature_overview .kiosk-temp-card .temp-block {
  text-align: center;
}
#temperature_overview .kiosk-temp-card .temp-block .current-temp {
  color: #149EB8;
  font-size: 50px;
  line-height: 1em;
}
#temperature_overview .kiosk-temp-card .fridge {
  border-right: 1px solid #e0eaed;
}
#temperature_overview .kiosk-temp-card .fridge, #temperature_overview .kiosk-temp-card .freezer {
  flex: 1 100%;
}
#temperature_overview .kiosk-temp-card .fridge h3, #temperature_overview .kiosk-temp-card .freezer h3 {
  text-align: center;
}
#temperature_overview .kiosk-temp-card .fridge .temp-block, #temperature_overview .kiosk-temp-card .freezer .temp-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
#temperature_overview .kiosk-temp-card .configurations {
  display: flex;
}
#temperature_overview .kiosk-temp-card .configurations .min-temp, #temperature_overview .kiosk-temp-card .configurations .max-temp, #temperature_overview .kiosk-temp-card .configurations .duration {
  display: flex;
  flex: 1 100%;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
#temperature_overview .kiosk-temp-card .configurations .min-temp .clock-label, #temperature_overview .kiosk-temp-card .configurations .min-temp .value, #temperature_overview .kiosk-temp-card .configurations .max-temp .clock-label, #temperature_overview .kiosk-temp-card .configurations .max-temp .value, #temperature_overview .kiosk-temp-card .configurations .duration .clock-label, #temperature_overview .kiosk-temp-card .configurations .duration .value {
  margin-top: 15px;
}
#temperature_overview .kiosk-temp-card .configurations .min-temp .clock-label, #temperature_overview .kiosk-temp-card .configurations .max-temp .clock-label, #temperature_overview .kiosk-temp-card .configurations .duration .clock-label {
  font-size: 12px;
  font-weight: lighter;
}
#temperature_overview .kiosk-temp-card .configurations .min-temp .value, #temperature_overview .kiosk-temp-card .configurations .max-temp .value, #temperature_overview .kiosk-temp-card .configurations .duration .value {
  font-size: 20px;
}
#temperature_overview .kiosk-temp-card .configurations .min-temp .min-max-label, #temperature_overview .kiosk-temp-card .configurations .max-temp .min-max-label, #temperature_overview .kiosk-temp-card .configurations .duration .min-max-label {
  font-weight: normal;
  font-size: 13px;
}

#temperature_overview .kiosk-temp-card {
  height: 200px;
  margin-bottom: 0;
}
#temperature_overview .kiosk-temp-card .left, #temperature_overview .kiosk-temp-card .right {
  display: inline-block;
  width: 50%;
  height: 100%;
  vertical-align: middle;
  padding-top: 20px;
}
#temperature_overview .kiosk-temp-card .left h3, #temperature_overview .kiosk-temp-card .right h3 {
  margin-bottom: 25px;
}
#temperature_overview .kiosk-temp-card > .left {
  width: 45%;
  margin-right: 5%;
  border-right: 1px solid #CCC;
}
#temperature_overview .kiosk-temp-card .current-temp {
  color: #149EB8;
  font-size: xx-large;
}
#temperature_overview .kiosk-temp-card .min-temp, #temperature_overview .kiosk-temp-card .max-temp {
  font-weight: bold;
  font-size: larger;
}
#temperature_overview .kiosk-temp-card .min-temp .min-max-label, #temperature_overview .kiosk-temp-card .max-temp .min-max-label {
  font-weight: normal;
  font-size: small;
  padding-left: 10px;
}

#temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots {
  padding-top: 0;
}
#temperature_monthly li.accuvax-name, #temperature_compliance li.accuvax-name, #temp_details li.accuvax-name, #temperature_fl_shots li.accuvax-name {
  width: 225px;
}

#temperature_compliance .quick-filters {
  margin-bottom: 20px;
}

#temperature_monthly {
  position: relative;
}

#temp_details {
  position: relative;
}
#temp_details .temperature_header_text {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0eaed;
}
@media only screen and (max-width: 767px) {
  #temp_details .temperature_header_text {
    margin-bottom: 0;
  }
}
#temp_details .print-export-buttons {
  position: absolute;
  top: 0px;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  #temp_details .print-export-buttons {
    position: initial;
  }
}
@media only screen and (min-width: 768px) {
  #temp_details .summary-and-stats {
    display: flex;
  }
}
#temp_details .recorded-summary, #temp_details .temperature-statistics {
  vertical-align: top;
  border: 1px solid #e0eaed;
  padding: 50px 50px;
}
@media only screen and (min-width: 768px) {
  #temp_details .recorded-summary, #temp_details .temperature-statistics {
    flex: 1;
    display: inline-block;
    width: 50%;
  }
}
#temp_details .recorded-summary {
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  #temp_details .recorded-summary {
    border-left: 1px solid #e0eaed;
  }
}
#temp_details .recorded-summary .row {
  padding-bottom: 10px;
}
#temp_details .recorded-summary .row .data {
  float: right;
}
@media only screen and (max-width: 1023px) {
  #temp_details .recorded-summary .row .data {
    width: 100%;
    padding-bottom: 10px;
  }
}
#temp_details .temperature-statistics {
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  #temp_details .temperature-statistics {
    border-right: 1px solid #e0eaed;
  }
}
#temp_details .temperature-statistics .location_id, #temp_details .temperature-statistics .vfc_pin, #temp_details .temperature-statistics .manager_name, #temp_details .temperature-statistics .signature, #temp_details .temperature-statistics .site_id {
  border-bottom: 1px solid #4d6670;
  margin-top: 25px;
  padding-bottom: 10px;
}
#temp_details .tab-header .actions {
  -webkit-align-items: end;
  -moz-align-items: end;
  -ms-align-items: end;
  align-items: end;
}

.fl-shots-tab .fl-shots-logo {
  vertical-align: sub;
}

.temperature-graph-wrapper {
  padding-top: 0;
}
.temperature-graph-wrapper svg {
  font: 14px "Open Sans";
}
.temperature-graph-wrapper .axis path,
.temperature-graph-wrapper .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.temperature-graph-wrapper .axis text {
  fill: #000;
}
.temperature-graph-wrapper .axis .tick line {
  stroke: rgba(0, 0, 0, 0.1);
}
.temperature-graph-wrapper .area {
  stroke-width: 1;
}
.temperature-graph-wrapper .area.outer,
.temperature-graph-wrapper .legend .outer {
  fill: rgba(193, 193, 193, 0.8);
  stroke: rgba(193, 193, 193, 0.8);
}
.temperature-graph-wrapper .area.inner,
.temperature-graph-wrapper .legend .inner {
  fill: rgba(14, 178, 202, 0.8);
  stroke: rgba(14, 178, 202, 0.8);
}
.temperature-graph-wrapper .median-line,
.temperature-graph-wrapper .legend .median-line {
  fill: none;
  stroke: #ffa500;
  stroke-width: 3;
}
.temperature-graph-wrapper .legend .legend-bg {
  fill: rgba(0, 0, 0, 0.5);
  stroke: rgba(0, 0, 0, 0.5);
}
.temperature-graph-wrapper .marker.client .marker-bg,
.temperature-graph-wrapper .marker.client path {
  fill: rgba(255, 127, 0, 0.8);
  stroke: rgba(255, 127, 0, 0.8);
  stroke-width: 3;
}
.temperature-graph-wrapper .marker.server .marker-bg,
.temperature-graph-wrapper .marker.server path {
  fill: rgba(0, 153, 51, 0.8);
  stroke: rgba(0, 153, 51, 0.8);
  stroke-width: 3;
}
.temperature-graph-wrapper .marker path {
  fill: none;
}
.temperature-graph-wrapper .legend text,
.temperature-graph-wrapper .marker text {
  fill: #fff;
  font-weight: bold;
}
.temperature-graph-wrapper .marker text {
  text-anchor: middle;
}

.overlay-excursion-summary .overlay-content-header {
  font-size: 1.2rem;
  color: #4d6670;
  padding-bottom: 25px;
}
.overlay-excursion-summary .overlay-excursion-summary-details {
  padding: 35px 0 40px 0;
}
.overlay-excursion-summary .overlay-excursion-summary-details:nth-child(1) {
  border-top: 1px solid #e0eaed;
  border-bottom: 1px solid #e0eaed;
}
.overlay-excursion-summary .overlay-excursion-summary-details:first-child {
  border-top: 0px;
}
.overlay-excursion-summary .overlay-excursion-summary-details .left {
  width: 33%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .overlay-excursion-summary .overlay-excursion-summary-details .left {
    width: 100%;
    display: block;
  }
}
.overlay-excursion-summary .overlay-excursion-summary-details .left p {
  padding: 3px 0;
}
.overlay-excursion-summary .overlay-excursion-summary-details .right {
  width: 66%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .overlay-excursion-summary .overlay-excursion-summary-details .right {
    width: 100%;
    display: block;
  }
}
.overlay-excursion-summary .overlay-excursion-summary-details .overlay-program-inventory {
  padding: 20px 0 25px 0;
}
.overlay-excursion-summary .overlay-excursion-summary-details .overlay-program-inventory:nth-child(1) {
  padding-top: 0;
}
.overlay-excursion-summary .overlay-excursion-summary-details .overlay-program-inventory:last-child {
  border-bottom: 0;
}

#transactions_excursion_summary {
  text-align: right;
  margin-top: 10px;
}
#transactions_excursion_summary th {
  text-align: right;
}
#transactions_excursion_summary td {
  padding-right: 15px;
}

#transaction_excursion_type span.no-wrap {
  display: inline-block;
}
#transaction_excursion_type .right-align {
  vertical-align: top;
}

.excursion_inv_manufacturer {
  vertical-align: center;
}

.fl_shots_table {
  margin-bottom: 2em;
}
.fl_shots_table .succeeded {
  color: #0d0;
}
.fl_shots_table .failed {
  color: #d00;
}

.inventory-sidebar table.fl_shots_table {
  margin-top: 10px;
}
.inventory-sidebar table.fl_shots_table .succeeded {
  color: #0d0;
}
.inventory-sidebar table.fl_shots_table .failed {
  color: #d00;
}

.temperature-intervals-report h2 {
  font-size: 1.2rem;
  color: #4d6670;
  padding-bottom: 25px;
}
.temperature-intervals-report .recorded-details td {
  text-align: center;
}
.temperature-intervals-report .recorded-details td:last-child {
  text-align: center;
}
.temperature-intervals-report .recorded-details td .temperature {
  padding-left: 15px;
}
.temperature-intervals-report .interval-excursions .report-table {
  margin-top: 25px;
  margin-bottom: 25px;
}
.temperature-intervals-report .interval-excursions .report-table button:hover {
  color: #035063;
}
.temperature-intervals-report .recorded-details, .temperature-intervals-report .interval-excursions {
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.temperature-intervals-report .recorded-summary, .temperature-intervals-report .temperature-statistics, .temperature-intervals-report .daily-summary {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0eaed;
}
.temperature-intervals-report .daily-summary td {
  vertical-align: middle;
}

.users-detail-content {
  padding-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
  .users-detail-content .column-double__item {
    width: 100%;
  }
  .users-detail-content .column-double__item--left {
    padding-right: 0;
  }
  .users-detail-content .column-double__item--right {
    padding: 20px 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .users-detail-content .column-double__item--left .table-general.table-general--column-border tbody td:last-child {
    text-align: center;
    width: 90px;
  }
  .users-detail-content .column-double__item--right .table-general.table-general--column-border tbody td:nth-child(n+2) {
    text-align: center;
    width: 90px;
  }
}
@media only screen and (min-width: 1024px) {
  .users-detail-content {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) {
  .users-detail-content {
    padding-bottom: 120px;
  }
}

.users-detail-header {
  padding-top: 20px;
}
@media only screen and (min-width: 768px) {
  .users-detail-header {
    padding-top: 23px;
  }
}
@media only screen and (min-width: 1200px) {
  .users-detail-header {
    padding-top: 30px;
  }
}

.users-header {
  position: relative;
}
.users-header .user_header_text {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e0eaed;
}
@media only screen and (max-width: 767px) {
  .users-header .user_header_text {
    margin-bottom: 0;
  }
}
.users-header .print-export-buttons {
  position: absolute;
  top: 0px;
  right: 0px;
}
@media only screen and (max-width: 767px) {
  .users-header .print-export-buttons {
    position: initial;
  }
}

tr.alert-settings-row td i {
  color: #00adc5;
}
tr.alert-settings-row td i.gray {
  color: #4d6670;
}

.main.users-manage .tabs-basic-nav {
  height: inherit;
}
.main.users-manage .wrap {
  padding-top: 0;
}

.users-location-filter {
  width: 250px;
  position: relative;
}
.users-location-filter:after {
  border-right: 1px solid #e0eaed;
  bottom: 5px;
  content: "";
  right: 0;
  position: absolute;
  top: 5px;
}
.users-location-filter .heading-main-guide__item:before {
  left: 5px;
}
.users-location-filter .heading-main-guide__item:after {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  content: "";
  color: #c3c3c3;
  display: inline-block;
  font-size: 10px;
  margin-left: 8px;
  vertical-align: middle;
}

.overlay-users-submit {
  margin-top: 20px;
}

.users-quick-filter-nav .users-nav__list {
  float: left;
  position: relative;
}
.users-quick-filter-nav .users-nav__list .inventory-on-hand-nav__item.border-right {
  border-right: none;
  position: relative;
}
.users-quick-filter-nav .users-nav__list .inventory-on-hand-nav__item.border-right:after {
  border-right: 1px solid #e0eaed;
  bottom: 5px;
  content: "";
  right: 0;
  position: absolute;
  top: 5px;
}
.users-quick-filter-nav .users-nav__list .inventory-on-hand-nav__title {
  height: 32px;
  line-height: 32px;
}

.online-access-checkbox {
  text-align: center;
}

.users-manage .table-checkbox-left {
  position: relative;
}
.users-manage .heading-main-search {
  position: static;
}
.users-manage .heading-main-guide__item {
  text-align: left;
}
.users-manage .heading-main-guide__item:hover {
  cursor: pointer;
}
.users-manage .heading-main {
  padding: 0 0 20px;
}
@media only screen and (min-width: 768px) {
  .users-manage .table-checkbox-left {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .users-manage .table-checkbox-left {
    padding-bottom: 55px;
  }
}
@media only screen and (min-width: 1200px) {
  .users-manage .table-checkbox-left {
    padding-bottom: 95px;
  }
}
.users-manage .heading-main-search__fieldset i.search-clear {
  font-size: 20px;
  position: absolute;
}
.users-manage .heading-main-search__fieldset i.search-clear:before {
  position: relative;
  right: 25px;
  top: 10px;
}
.users-manage .heading-main-search__fieldset i.search-clear.hidden {
  font-size: 0px;
}

.locations-screen .quick-filters .quick-filters__list .quick-filters__item.search-field {
  margin-bottom: 10px;
}
.locations-screen .quick-filters .quick-filters__list .quick-filters__item.search-field input[type=text] {
  width: 240px;
}

@media only screen and (min-width: 768px) {
  .programsThresholdsReport.table-general.table-general--row-border tbody tr:last-child td {
    border-bottom: 1px solid #e0eaed;
  }
  .programsThresholdsReport .report-table {
    border-bottom: none;
  }
}
.programsThresholdsReport td {
  vertical-align: middle;
}
.programsThresholdsReport td.expires_threshold {
  text-align: left;
}

@font-face {
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/icomoon-310b1d7a.eot");
  src: url("/assets/icomoon-310b1d7a.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon-63eca54d.woff2") format("woff2"), url("/assets/icomoon-07438351.woff") format("woff"), url("/assets/icomoon-a67507d1.ttf") format("truetype"), url("/assets/icomoon-4d7fcdab.svg?#icomoon") format("svg");
}
@font-face {
  font-family: "Feather Icons";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/icomoon-feather-67e0f9ae.eot");
  src: url("/assets/icomoon-feather-67e0f9ae.eot?#iefix") format("embedded-opentype"), url("/assets/icomoon-feather-31e10ec5.woff2") format("woff2"), url("/assets/icomoon-feather-7c167f4c.woff") format("woff"), url("/assets/icomoon-feather-dd9c541b.ttf") format("truetype"), url("/assets/icomoon-feather-c90c8939.svg?#icomoon-feather") format("svg");
}
@font-face {
  font-family: "Nimbus Sans L";
  font-style: normal;
  font-weight: normal;
  src: url("/assets/nimbussanl-reg-6cc3feb6.eot");
  src: url("/assets/nimbussanl-reg-6cc3feb6.eot?#iefix") format("embedded-opentype"), url("/assets/nimbussanl-reg-d3d248b2.woff2") format("woff2"), url("/assets/nimbussanl-reg-affc01cc.woff") format("woff"), url("/assets/nimbussanl-reg-659d58ef.ttf") format("truetype"), url("/nimbussanl-reg.svg") format("svg");
}
.header-nav__list:after, .header-nav:after, .column-double__item:after, .tabs:after, .heading-main-container:after, .overlay-users-locations__item:after, .tabs-basic:after, .inventory-on-hand:after {
  clear: both;
  content: "";
  display: block;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 16px 20px;
}
@media only screen and (min-width: 1024px) {
  .container {
    padding: 25px;
  }
}

.patients-list .patients-list__content, .wrap, .inventory-on-hand, .inventory-activity, .inventory-replenish-content, .inventoryOrderingReport, .inventory-wholesalers, #patients-content, #temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (min-width: 1024px) {
  .patients-list .patients-list__content, .wrap, .inventory-on-hand, .inventory-activity, .inventory-replenish-content, .inventoryOrderingReport, .inventory-wholesalers, #patients-content, #temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media only screen and (min-width: 3840px) {
  .patients-list .patients-list__content, .wrap, .inventory-on-hand, .inventory-activity, .inventory-replenish-content, .inventoryOrderingReport, .inventory-wholesalers, #patients-content, #temperature_monthly, #temperature_compliance, #temp_details, #temperature_fl_shots {
    padding-left: 100px;
    padding-right: 100px;
  }
}

.banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
  font-family: verdana;
  padding: 25px;
}
@media only screen and (max-width: 767px) {
  .banner {
    flex-direction: column;
    align-items: center;
  }
}
.banner .banner__content {
  display: flex;
  align-items: center;
}
.banner .banner__content .alarm-icon {
  background-color: transparent;
  background-image: url("/nist-alarm.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/nist-alarm-96941a1a.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/nist-alarm-96941a1a.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  margin-right: 20px;
  padding: 30px;
}
.banner .banner__content .alert-icon {
  background-color: transparent;
  background-image: url("/alert.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/alert-dcf6f4fa.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/alert-dcf6f4fa.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  margin-right: 20px;
  padding: 20px;
}
.banner .banner__content .banner__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}
.banner .banner__content .banner__description {
  font-size: 17px;
}
.banner .banner__content .banner__description .banner-description-email {
  text-decoration: underline;
  color: #ffffff;
}
.banner .action-button {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05rem;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  transition: background-color 0.25s;
  line-height: 30px;
  width: auto;
  white-space: nowrap;
  background-color: #ffffff;
  color: #05819A;
  line-height: 50px;
  font-size: 17px;
}
.no-ios .banner .action-button:disabled, .no-ios .banner .action-button:disabled:hover, .no-ios .banner .action-button:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
.macos .banner .action-button {
  padding-top: 2px;
}
@media only screen and (max-width: 767px) {
  .banner .action-button {
    margin-top: 15px;
  }
}
.no-ios .banner .action-button:hover {
  color: #A70404;
}
.no-ios .banner .action-button:active {
  color: #A70404;
}

.nists-banner {
  margin-top: 25px;
  background-image: linear-gradient(to right, #65AFBE, #E18484);
}

.temperature-banner {
  background-color: #E18484;
}

.button_group {
  display: inline-flex;
  height: fit-content;
  min-height: 30px;
}
.button_group > button {
  margin: 0 6px;
}

.breadcrumb .breadcrumb__item {
  display: inline-block;
  font-size: 13px;
  padding-left: 16px;
  text-indent: 0;
}
.breadcrumb .breadcrumb__item:after {
  color: #05819A;
}
.breadcrumb .breadcrumb__item__icon {
  position: relative;
  text-indent: -999em;
  display: block;
  height: 16px;
  width: 16px;
  margin-right: 2px;
  margin-top: 4px;
}
.breadcrumb .breadcrumb__item__icon:after {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.macos .breadcrumb .breadcrumb__item__icon {
  margin-top: 0px;
}
.breadcrumb .breadcrumb__link {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #05819A;
}
.no-ios .breadcrumb .breadcrumb__link:hover {
  color: #05819A !important;
}
.no-ios .breadcrumb .breadcrumb__link:hover .breadcrums__item:after {
  color: #05819A !important;
}

button {
  font-weight: bold;
}

.button-icon__title {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  display: none;
}
.no-ios .button-icon__title:disabled, .no-ios .button-icon__title:disabled:hover, .no-ios .button-icon__title:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
@media only screen and (min-width: 1024px) {
  .button-icon__title {
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    padding-left: 8px;
    vertical-align: middle;
  }
}

.button-transparent {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  padding-left: 8px;
  vertical-align: middle;
}
.no-ios .button-transparent:disabled, .no-ios .button-transparent:disabled:hover, .no-ios .button-transparent:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}

.button-primary {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05rem;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  transition: background-color 0.25s;
  line-height: 30px;
  width: auto;
  white-space: nowrap;
  background: #50B0C7;
  color: #ffffff;
}
.no-ios .button-primary:disabled, .no-ios .button-primary:disabled:hover, .no-ios .button-primary:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
.macos .button-primary {
  padding-top: 2px;
}
.no-ios .button-primary:hover {
  background: #B6DEE7;
}
.no-ios .button-primary:active {
  background: #05819A;
}

.button-secondary {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05rem;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  transition: background-color 0.25s;
  line-height: 30px;
  width: auto;
  white-space: nowrap;
  background: transparent;
  border: 1px solid #50B0C7;
  color: #50B0C7;
}
.no-ios .button-secondary:disabled, .no-ios .button-secondary:disabled:hover, .no-ios .button-secondary:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
.macos .button-secondary {
  padding-top: 2px;
}
.no-ios .button-secondary:hover {
  background: #B6DEE7;
  border: 1px solid #B6DEE7;
  color: white;
}
.no-ios .button-secondary:active {
  background: #05819A;
  border: 1px solid #05819A;
  color: white;
}

.button-tertiary {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05rem;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  transition: background-color 0.25s;
  line-height: 30px;
  width: auto;
  white-space: nowrap;
  background: #CDCDCD;
  color: #ffffff;
}
.no-ios .button-tertiary:disabled, .no-ios .button-tertiary:disabled:hover, .no-ios .button-tertiary:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
.macos .button-tertiary {
  padding-top: 2px;
}
.no-ios .button-tertiary:hover {
  background: #8F8F8F;
}
.no-ios .button-tertiary:active {
  background: #CDCDCD;
}

.button-alert {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05rem;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  transition: background-color 0.25s;
  line-height: 30px;
  width: auto;
  white-space: nowrap;
  color: #ffffff;
  background: #A70404;
  border-radius: 20px;
  line-height: 35px;
  text-align: center;
  font-size: large;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.no-ios .button-alert:disabled, .no-ios .button-alert:disabled:hover, .no-ios .button-alert:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
.macos .button-alert {
  padding-top: 2px;
}
.no-ios .button-alert:hover {
  background: #D6A3A3;
}
.no-ios .button-alert:active {
  background: #CF4A4A;
}

.button-large-widget {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  color: #03697D;
  background: #F1F1F1;
  border-radius: 30px;
  font-size: medium;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px 40px;
  text-decoration: underline;
  text-decoration-color: #03697D;
  min-height: 100px;
}
.no-ios .button-large-widget:disabled, .no-ios .button-large-widget:disabled:hover, .no-ios .button-large-widget:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
@media only screen and (max-width: 767px) {
  .button-large-widget {
    margin: 12px 0;
    font-size: large;
  }
}
@media only screen and (min-width: 1400px) {
  .button-large-widget {
    font-size: x-large;
    min-height: 150px;
  }
}
@media only screen and (min-width: 3840px) {
  .button-large-widget {
    font-size: xx-large;
    min-height: 260px;
    padding: 60px;
  }
}
.no-ios .button-large-widget:hover {
  background: #F9F9F9;
}
.no-ios .button-large-widget:active {
  background: #C1C1C1;
}
.button-large-widget.inside-anchor {
  width: 100%;
}

.button-card {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  color: #606060;
  background: #F5F5F5;
  border-radius: 30px;
  font-size: medium;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: center;
  padding: 20px 0px;
  text-decoration-color: #03697D;
  min-height: 100px;
  width: 100%;
}
.no-ios .button-card:disabled, .no-ios .button-card:disabled:hover, .no-ios .button-card:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
@media only screen and (max-width: 767px) {
  .button-card {
    margin: 12px 0;
    font-size: large;
  }
}
@media only screen and (min-width: 1400px) {
  .button-card {
    font-size: x-large;
    min-height: 150px;
  }
}
@media only screen and (min-width: 3840px) {
  .button-card {
    font-size: xx-large;
    min-height: 260px;
    padding: 60px;
  }
}
.no-ios .button-card:hover {
  background: #F9F9F9;
}
.no-ios .button-card:hover .button-card-link {
  color: #65AFBE;
}
.no-ios .button-card:active {
  background: #C1C1C1;
}
.no-ios .button-card:active .button-card-link {
  color: #03697D;
}
.button-card.inside-anchor {
  width: 100%;
}
.button-card .button-card-title {
  font-size: 26px;
  margin: 16px 0;
}
.button-card .button-card-subtitle {
  font-size: 20px;
}
.button-card .button-card-link {
  font-size: 17px;
  text-decoration: underline;
  color: #05819A;
}

.button-sm {
  line-height: 24px;
}

.button-md {
  line-height: 30px;
}

.button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
}
.button-group.inline {
  display: inline-flex;
}

.button-link {
  color: #05819A;
}
.button-link .button-link__title {
  font-size: 13px;
  padding-left: 4px;
}

.shadow-button {
  box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.75);
}

.accusite-form {
  font-size: 13px;
}
.accusite-form .form-group {
  margin: 12px 0;
}
.accusite-form .form-control {
  display: block;
  width: 100%;
}
.accusite-form .accusite-select__control {
  background-color: #F1F1F1;
  border-radius: 0;
  padding-left: 6px;
}
.accusite-form .accusite-select__single-value {
  color: #606060 !important;
}
.accusite-form input {
  background-color: #F1F1F1;
  color: #4D4D4D;
  border: none;
  border-radius: 0;
  line-height: 40px;
  padding: 0 15px;
  font-size: 13px;
}
.accusite-form input::placeholder {
  color: #4D4D4D;
}
.accusite-form input.white-variant {
  background-color: #ffffff;
  border-color: #03697D;
  border-radius: 4px;
  border-style: solid;
}
.accusite-form input.white-variant:disabled {
  background-color: #EBEBEB;
}
.accusite-form input.lg {
  font-size: 17px;
}
.accusite-form .accusite-checkbox + label {
  color: #606060;
}
.accusite-form .accusite-checkbox + label:before {
  box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.25) !important;
  border-color: #606060;
  border-radius: 5px;
  color: #606060;
}
.accusite-form .accusite-checkbox.blue-lagoon + label {
  color: #03697D;
}
.accusite-form .accusite-checkbox.blue-lagoon + label:before {
  border-color: #03697D;
}
.accusite-form .accusite-checkbox:disabled + label:before {
  background-color: #D9D9D9;
}
.accusite-form textarea {
  background-color: #F1F1F1;
  color: #4D4D4D;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  padding: 15px;
}
.accusite-form textarea::placeholder {
  color: #4D4D4D;
}
.accusite-form .error-message {
  margin: 6px;
}

.accusite-textarea {
  border: 2px solid #03697D;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25) !important;
  color: #03697D;
}

.accusite-graph .axis.axis--x {
  font-size: 13px;
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
}
.accusite-graph .axis.axis--x .tick line {
  display: none;
}
.accusite-graph .axis path {
  stroke: #606060;
  shape-rendering: crispEdges;
  stroke-width: 2px;
}

.accusite-checkbox {
  color: #606060;
}
.accusite-checkbox input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 0;
}
.accusite-checkbox input[type=checkbox]:checked + label:after {
  color: #999999;
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  font-size: 11px;
  font-weight: bold;
  height: 12px;
  line-height: 12px;
  left: 4px;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 12px;
}
.accusite-checkbox input[type=checkbox] + label {
  /* Safari */
  -webkit-user-select: none;
  /* IE 10 and IE 11 */
  -ms-user-select: none;
  /* Standard syntax */
  user-select: none;
  clear: left;
  color: #606060;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 17px;
  line-height: 1.5;
  padding-left: 28px;
  position: relative;
  padding-top: 1px;
}
.accusite-checkbox input[type=checkbox] + label:before {
  background: #ffffff;
  border: 1px solid #606060;
  border-radius: 4px;
  content: "";
  display: inline-block;
  font-size: 0;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  width: 22px;
}

.context-selector__container {
  background-color: #65C4D1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 4px 0;
}

.context-selector__button {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  color: #ffffff;
  margin: 6px;
  display: flex;
  align-items: center;
}
.no-ios .context-selector__button:disabled, .no-ios .context-selector__button:disabled:hover, .no-ios .context-selector__button:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}

.context-selector__icon {
  display: inline-block;
  margin-left: 10px;
  height: 20px;
  width: 20px;
}
.context-selector__icon.closed {
  background-color: transparent;
  background-image: url("/chevron-circle-down.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/chevron-circle-down-a2c613f9.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/chevron-circle-down-a2c613f9.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.context-selector__icon.opened {
  background-color: transparent;
  background-image: url("/chevron-circle-up.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/chevron-circle-up-07a443b2.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/chevron-circle-up-07a443b2.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.context-selector__dropdown {
  color: #606060;
  margin-top: 36px;
  position: absolute;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.context-selector__dropdown input {
  border-radius: 0 !important;
  border: 1px solid #606060;
}
.context-selector__dropdown input::placeholder {
  padding-top: 6px;
}
.context-selector__dropdown .context-selector__result-list {
  overflow-y: scroll;
}
.context-selector__dropdown ul li {
  padding: 8px 0 4px;
  text-align: center;
  list-style-position: inside;
  border: 1px solid #606060;
  color: #606060 !important;
}
.context-selector__dropdown ul li:hover, .context-selector__dropdown ul li.active {
  background-color: #E2F1F3;
}
.context-selector__dropdown a {
  color: #606060;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.context-selector__option {
  cursor: pointer;
}

.accusite-form-select .comma-separated-search {
  border: 3px solid #03697D;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25) !important;
  border-radius: 8px;
  min-height: 40px;
  color: #606060;
  padding: 0 10px;
}
.accusite-form-select .comma-separated-search:hover {
  border-color: rgba(3, 105, 125, 0.75);
}
.accusite-form-select .comma-separated-search::placeholder {
  color: #606060;
}
.accusite-form-select .comma-separated-search .comma-separated-search-item {
  font-size: 11px;
  margin-top: 7px;
}

.new-footer {
  background-color: #F5F5F5;
  color: #4D4D4D;
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
}

.new-footer__columns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 5%;
}
@media only screen and (max-width: 767px) {
  .new-footer__columns {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1400px) {
  .new-footer__columns {
    column-gap: 10%;
  }
}

.new-footer-column__contact {
  line-height: 1;
  font-size: small;
  margin-right: 30px;
}
@media only screen and (min-width: 768px) {
  .new-footer-column__contact {
    width: 400px;
  }
}
.new-footer-column__contact a {
  color: #05819A;
}

.new-footer-column__navigation {
  display: flex;
  flex-grow: 2;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 12px 0;
}
@media only screen and (max-width: 767px) {
  .new-footer-column__navigation {
    flex-direction: column;
    width: 100%;
    margin: 12px 0;
  }
}
.new-footer-column__navigation li {
  width: 33%;
  padding: 6px 0;
}
.new-footer-column__navigation .footer__link {
  color: #4D4D4D;
}
.no-ios .new-footer-column__navigation .footer__link:hover {
  color: #035063;
}
.no-ios .new-footer-column__navigation .footer__link:active {
  color: #333333;
}

.new-footer-column__logo {
  display: flex;
  flex-direction: column;
  font-size: small;
}
@media only screen and (max-width: 767px) {
  .new-footer-column__logo {
    width: 100%;
  }
}

.gain-or-loss-zero-dash {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-weight: 100;
}

main.accusite {
  background: #ffffff;
  color: #4d6670;
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  padding-bottom: 10px;
  min-height: 85vh;
  margin-top: 118px;
}

@media only screen and (max-width: 767px) {
  .container {
    width: 100%;
  }
}

@media only screen and (min-width: 1400px) {
  .wrap.wrap--form {
    max-width: 75%;
  }
}

.hidden {
  visibility: hidden;
}

.overflow-hidden {
  overflow: hidden;
}

.section-callout {
  margin: 280px 0;
}
@media only screen and (max-width: 1199px) {
  .section-callout {
    margin: 180px 0;
  }
}

.clickable:hover {
  cursor: pointer;
}

.container-flex {
  display: flex;
  align-items: center;
  column-gap: 2%;
}
.container-flex.column {
  flex-direction: column;
  row-gap: 2vh;
}
.container-flex.justified-between {
  justify-content: space-between;
}
.container-flex.justified-centered {
  justify-content: center;
}
.container-flex.justified-end {
  justify-content: flex-end;
}
.container-flex.aligned-start {
  align-items: flex-start;
}
.container-flex.aligned-normal {
  align-items: normal;
}
@media only screen and (max-width: 767px) {
  .container-flex.mobile-inline {
    flex-direction: column;
    align-items: flex-end;
  }
  .container-flex.mobile-inline.aligned-start {
    align-items: flex-start;
  }
  .container-flex.mobile-inline > *:not(:first-child) {
    margin: 12px 0 0 0;
  }
}

.container-flex .element {
  flex: 1 1 0;
}

.container-flex .element-end {
  flex: 2 0 0;
  display: flex;
  justify-content: flex-end;
}

.container-flex .element-double {
  flex: 2 1 1;
}

.container-flex-inline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.container-flex-inline.aligned-end {
  align-items: flex-end;
}
.container-flex-inline.aligned-start {
  align-items: flex-start;
}

.container-flex-inline .element-end {
  margin-left: auto;
}

.container-flex-centered {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.gap-sm {
  gap: 1%;
}

.container-flex-start {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.container-grid {
  display: grid;
  grid-gap: 10px;
}

.header {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  backface-visibility: hidden;
  background: #F5F5F5;
  position: relative;
  z-index: 900;
}
.header:after {
  clear: both;
  content: "";
  display: block;
}

.header-legend {
  color: #4D4D4D;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 165px);
}
@media only screen and (min-width: 768px) {
  .header-legend {
    padding: 0 10px 0 0;
    width: calc(50% - (445px / 2));
  }
  .header-legend .location-switcher-toggle {
    border-left: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .header-legend {
    width: calc(50% - (540px / 2));
  }
}
@media only screen and (min-width: 1200px) {
  .header-legend {
    width: calc(50% - (600px / 2));
  }
}
@media only screen and (min-width: 1400px) {
  .header-legend {
    width: calc(50% - (800px / 2));
  }
}
.header-legend .inner-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-left: 12px;
  height: 60px;
}
@media only screen and (min-width: 768px) {
  .header-legend .inner-container {
    height: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-legend .inner-container {
    height: 76px;
  }
}
.header-legend .inner-container > * {
  display: flex;
  align-items: center;
  height: 60px;
  padding-top: 4px;
}
@media only screen and (min-width: 768px) {
  .header-legend .inner-container > * {
    height: 68px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-legend .inner-container > * {
    height: 76px;
  }
}

.header-legend__brand {
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
  margin-left: 2px;
}

.header-legend__trumed {
  flex-direction: row;
  font-size: 24px;
  display: flex;
  cursor: pointer;
}
.macos .header-legend__trumed {
  padding-top: 6px;
}
.header-legend__trumed .header-legend__trumed__med {
  font-weight: bold;
}
.header-legend__trumed .header-legend__trumed__copyright {
  vertical-align: super;
  font-size: 8px;
  margin-left: 1px;
  margin-top: 5px;
}
.macos .header-legend__trumed .header-legend__trumed__copyright {
  margin-top: 2px;
}

.header-legend__accusite {
  margin-left: 12px;
  font-size: 20px;
}
.macos .header-legend__accusite {
  padding-top: 8px;
}

.macos .header-legend__logo {
  padding-top: 0px;
}

.header-legend__icon {
  background-image: url("/assets/trumed_header_icon-e413cac5.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  height: 21px;
  width: 21px;
  margin-left: 6px;
}
@media only screen and (min-width: 768px) {
  .header-legend__icon {
    height: 23.8px;
    width: 23.8px;
    margin-left: 6.8px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-legend__icon {
    height: 26.6px;
    width: 26.6px;
    margin-left: 7.6px;
  }
}

.header-menu {
  display: inline-block;
  text-align: right;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .header-menu {
    width: calc(50% - (445px / 2));
  }
}
@media only screen and (min-width: 1024px) {
  .header-menu {
    width: calc(50% - (540px / 2));
  }
}
@media only screen and (min-width: 1200px) {
  .header-menu {
    width: calc(50% - (600px / 2));
  }
}
@media only screen and (min-width: 1400px) {
  .header-menu {
    width: calc(50% - (800px / 2));
  }
}

.header-menu__icon {
  color: #4D4D4D;
  display: inline-block;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  width: 40px;
}
.header-menu__icon:before {
  transition: opacity 0.3s;
  color: #4D4D4D;
}
.header-menu__icon.icon--notifications {
  font-size: 21px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .header-menu__icon {
    height: 68px;
    line-height: 68px;
  }
  .header-menu__icon.icon--notifications {
    padding-right: 12px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-menu__icon {
    height: 76px;
    line-height: 76px;
  }
  .header-menu__icon.icon--notifications {
    font-size: 23px;
    line-height: 78px;
  }
}

.header-menu__icon--account {
  height: 68px;
  background-color: transparent;
  background-image: url("/truview-user.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/truview-user-9d589e2d.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/truview-user-9d589e2d.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 38px 38px;
  transition: opacity 0.3s;
  width: 40px;
  margin-right: 8px;
}
@media only screen and (min-width: 1200px) {
  .header-menu__icon--account {
    background-size: 38px 38px;
    height: 76px;
    width: 46px;
  }
}

.header-menu__icon--impersonate {
  height: 68px;
  background-color: transparent;
  background-image: url("/icon-impersonate.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/icon-impersonate-06ad7361.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/icon-impersonate-06ad7361.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  transition: opacity 0.3s;
  width: 40px;
}
@media only screen and (min-width: 1200px) {
  .header-menu__icon--impersonate {
    background-size: 26px 26px;
    height: 76px;
    width: 46px;
  }
}

.header-menu__item {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.no-js .header-menu__item:hover .header-dropdown {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 768px) {
  .header-menu__item {
    margin: 0 1px;
  }
  .header-menu__item:first-child {
    margin: 0;
  }
}
@media only screen and (min-width: 1200px) {
  .header-menu__item {
    margin: 0 10px;
  }
}
@media only screen and (min-width: 1400px) {
  .header-menu__item {
    margin: 0 12px;
  }
}

.active .header-dropdown {
  opacity: 1;
  visibility: visible;
}

.header-menu__item--account i,
.header-menu__item--account .impersonated-user {
  vertical-align: middle;
  display: inline-block;
}
.header-menu__item--account .impersonated-user {
  font-size: 1rem;
  color: #4D4D4D;
}
@media only screen and (max-width: 1023px) {
  .header-menu__item--account .impersonated-user {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .header-menu__item--account .impersonated-user {
    display: none;
  }
}

.header-menu__link {
  color: #ffffff;
  display: block;
  text-align: center;
}
.no-ios .header-menu__link:hover .header-menu__icon:before,
.no-ios .header-menu__link:hover .header-menu__icon--account {
  opacity: 0.5;
}

.no-ios .header-menu__link:hover .header-menu__icon--tool {
  opacity: 0.5;
}
.header-menu__link .tool-icon {
  height: 68px;
  transition: opacity 0.3s;
  color: #4D4D4D;
  fill: #4D4D4D;
  margin-right: -15px;
  margin-left: -12px;
}
.header-menu__link .tool-icon svg {
  position: relative;
  bottom: 2px;
}
@media only screen and (min-width: 1200px) {
  .header-menu__link .tool-icon {
    background-size: 26px 26px;
    height: 63px;
  }
  .header-menu__link .tool-icon svg {
    position: relative;
    bottom: 5px;
  }
}

.header-menu__quantity {
  color: #ffffff;
  background: #b91c1c;
  border-radius: 8px;
  display: block;
  font-size: 11px;
  font-style: normal;
  height: 16px;
  line-height: 17px;
  margin-top: -16px;
  padding: 0 7px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
}
@media only screen and (min-width: 768px) {
  .header-menu__quantity {
    right: 3px;
  }
}
.header-menu__quantity.empty {
  display: none;
}

.header-nav {
  display: none;
}
@media only screen and (min-width: 768px) {
  .header-nav {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 445px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-nav {
    width: 540px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav {
    width: 600px;
  }
}
@media only screen and (min-width: 1400px) {
  .header-nav {
    width: 800px;
  }
}

.header-nav__list {
  font-size: 0;
}

.header-nav__item {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (min-width: 1400px) {
  .header-nav__item {
    padding: 0 8px;
  }
}

.header-nav__link {
  backface-visibility: hidden;
  border-color: transparent;
  border-style: solid;
  border-width: 0 0 3px;
  color: #4D4D4D;
  display: block;
  font-size: 13px;
  height: 68px;
  letter-spacing: 0.025rem;
  line-height: 68px;
  padding: 0 7px;
  transition: border-color 0.3s, color 0.3s;
}
.header-nav__item--active .header-nav__link {
  text-decoration: underline;
  text-decoration-color: #4D4D4D;
}
.no-ios .header-nav__link:hover {
  color: #606060;
  text-decoration-color: #606060;
}
.no-ios .header-nav__link:active {
  color: #333333;
  text-decoration-color: #333333;
}
@media only screen and (min-width: 1024px) {
  .header-nav__link {
    font-size: 15px;
    padding: 0 9px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-nav__link {
    border-width: 0 0 4px;
    font-size: 16px;
    height: 76px;
    line-height: 76px;
    padding: 4px 10px;
  }
}
@media only screen and (min-width: 1400px) {
  .header-nav__link {
    font-size: 18px;
  }
}

.header-nav__link--active {
  color: #9db1b8;
}

.header-wrap {
  position: relative;
}
.header-wrap:after {
  clear: both;
  content: "";
  display: block;
}
@media only screen and (min-width: 768px) {
  .header-wrap {
    height: auto;
  }
}

.header-dropdown {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 15px 0 rgba(12, 43, 51, 0.2);
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  right: -5px;
  text-align: left;
  top: 100%;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 210px;
}
.header-dropdown:before {
  border-color: transparent transparent #ffffff transparent;
  border-style: solid;
  border-width: 0 7.5px 7px 7.5px;
  bottom: 100%;
  content: "";
  height: 0;
  position: absolute;
  right: 20px;
  width: 0;
}
.hover .header-dropdown {
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 375px) {
  .header-dropdown {
    width: 210px;
  }
}
@media only screen and (min-width: 768px) {
  .header-dropdown {
    margin-top: -10px;
    right: 5px;
  }
  .header-dropdown:before {
    right: 8px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-dropdown {
    right: 0;
  }
  .header-dropdown:before {
    right: 13px;
  }
}

.header-dropdown--notifications {
  max-height: calc(100vh - 100px);
  overflow: scroll;
}
@media only screen and (min-width: 375px) {
  .header-dropdown--notifications {
    width: 345px;
  }
}
@media only screen and (min-width: 414px) {
  .header-dropdown--notifications {
    width: 384px;
  }
}
@media only screen and (min-width: 768px) {
  .header-dropdown--notifications {
    right: -38px;
    width: 370px;
  }
  .header-dropdown--notifications:before {
    right: 56px;
  }
}
@media only screen and (min-width: 1024px) {
  .header-dropdown--notifications {
    right: -43px;
  }
  .header-dropdown--notifications:before {
    right: 61px;
  }
}
@media only screen and (min-width: 1200px) {
  .header-dropdown--notifications {
    right: -52px;
  }
  .header-dropdown--notifications:before {
    right: 70px;
  }
}

.header-dropdown-footer {
  border-top: 1px solid #e0eaed;
  height: 60px;
  line-height: 60px;
}

.header-dropdown-footer__link {
  color: #4d6670;
  display: block;
  font-size: 13px;
  padding: 0 20px;
  text-align: center;
}
.no-ios .header-dropdown-footer__link:hover {
  color: #035063;
}

.header-dropdown-header {
  border-bottom: 1px solid #e0eaed;
  font-size: 0;
  height: 60px;
  line-height: 60px;
  padding: 0 20px;
}

.header-dropdown-header__menu {
  color: #c8d7db;
  display: inline-block;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  width: 12px;
}

.header-dropdown-header__title {
  color: #4d6670;
  font-size: 16px;
}
.header-dropdown--notifications .header-dropdown-header__title {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 12px);
}

.header-dropdown-main {
  padding: 20px;
}

.header-dropdown-notifications__icon {
  color: #ffffff;
  font-size: 17px;
  opacity: 0.6;
}

.header-dropdown-notifications__item + .header-dropdown-notifications__item {
  border-top: 1px solid #e0eaed;
  margin-top: 15px;
  padding-top: 15px;
}
.header-dropdown-notifications__item + .header-dropdown-notifications__item .header-dropdown-notifications__view-all {
  font-size: 14px;
}

.header-dropdown-notifications__view-all {
  font-size: 14px;
}

.header-dropdown-notifications__link {
  display: block;
  font-size: 0;
}
.no-ios .header-dropdown-notifications__link:hover .header-dropdown-notifications-info {
  color: #035063;
}

.header-dropdown-notifications-icon {
  background: #00afce;
  border-radius: 100%;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  text-align: center;
  vertical-align: top;
  width: 44px;
}

.header-dropdown-notifications-icon--report {
  background: #f0a30a;
}

.header-dropdown-notifications-icon--system {
  background: #e9838e;
}

.header-dropdown-notifications-info {
  color: #4d6670;
  display: inline-block;
  line-height: 1.4;
  padding-left: 15px;
  transition: color 0.3s;
  vertical-align: top;
  width: calc(100% - 44px);
}

.header-dropdown-notifications-info__duration {
  color: #4d6670;
  display: block;
  font-size: 11px;
  padding-top: 5px;
}

.header-dropdown-notifications-info__message {
  font-size: 13px;
  padding-top: 3px;
}

.header-dropdown-notifications-info__title {
  font-size: 15px;
}

.header-dropdown-settings__icon {
  font-size: 20px;
}

.header-dropdown-settings__item {
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
  width: 50%;
}

.header-dropdown-settings__link {
  color: #035063;
  display: block;
}
.no-ios .header-dropdown-settings__link:hover {
  color: #ffffff;
}
.no-ios .header-dropdown-settings__link:hover .header-dropdown-settings-icon {
  background: #00afce;
}

.header-dropdown-settings__list {
  font-size: 0;
  margin: -5px -20px;
}

.header-dropdown-settings__title {
  color: #4d6670;
  font-size: 13px;
  padding-top: 10px;
  transition: color 0.3s;
}

.header-dropdown-tools__title {
  color: #4d6670;
  font-size: 13px;
  padding-top: 10px;
  transition: color 0.3s;
}

.header-dropdown-settings-icon {
  background: #edf3f5;
  border-radius: 100%;
  display: inline-block;
  height: 58px;
  line-height: 58px;
  text-align: center;
  transition: background-color 0.3s;
  width: 58px;
}
.header-dropdown-settings-icon .header-menu__icon.header-menu__icon--impersonate {
  height: 58px;
}

[class*=icon--]:before {
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}

.icon--accuvax:before {
  content: "";
}

.icon--at-sign:before {
  content: "";
}

.icon--bar-chart:before {
  content: "";
}

.icon--battery:before {
  content: "";
}

.icon--caret-down:before {
  content: "";
}

.icon--caret-left:before {
  content: "";
}

.icon--caret-right:before {
  content: "";
}

.icon--caret-up:before {
  content: "";
}

.icon--cast:before {
  content: "";
}

.icon--check:before {
  content: "";
}

.icon--chevron-down:before {
  content: "";
}

.icon--chevron-circle-down:before {
  content: "";
}

.icon--chevron-left:before {
  content: "";
}

.icon--chevron-right:before {
  content: "";
}

.icon--chevron-up:before {
  content: "";
}

.icon--close:before {
  content: "";
}

.icon--connect:before {
  content: "";
}

.icon--cross:before {
  content: "";
}

.icon--download:before {
  content: "";
}

.icon--help-circle:before {
  content: "";
}

.icon--impersonate:before {
  content: "";
}

.icon--info:before {
  content: "";
}

.icon--location:before {
  content: "";
}

.icon--menu:before {
  content: "";
}

.icon--minus:before {
  content: "";
}

.icon--notifications:before {
  content: "";
}

.icon--option-menu:before {
  content: "";
}

.icon--plug:before {
  content: "";
}

.icon--plus:before {
  content: "";
}

.icon--printer:before {
  content: "";
}

.icon--profile:before {
  content: "";
}

.icon--programs:before {
  content: "";
}

.icon--search:before {
  content: "";
}

.icon--shield:before {
  content: "";
}

.icon--trash:before {
  content: "";
}

.icon--thermometer:before {
  content: "";
}

.icon--triangle:before {
  content: "";
}

.icon--upload:before {
  content: "";
}

.icon--user-add:before {
  content: "";
}

.icon--user-delete:before {
  content: "";
}

.icon--wifi:before {
  content: "";
}

.icon--ethernet:before {
  content: "";
}

.icon--lte:before {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  content: "LTE";
}

.icon--ethernet-plug:before {
  content: "";
}

.icon--settings:before {
  content: "";
}

.icon--dropdown-arrows:before {
  content: "";
}

.icon--chevron-circle-down:before {
  content: "";
}

[class*=feather-icon--]:before {
  font-family: "Feather Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}

.feather-icon--ethernet:before {
  content: "拏";
}

.feather-icon--mail:before {
  content: "力";
}

.feather-icon--message-square:before {
  content: "撚";
}

.icon--check-circle {
  display: inline-block;
  height: 40px;
  width: 40px;
  background-color: transparent;
  background-image: url("/icon-check.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/icon-check-8c730438.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/icon-check-8c730438.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 40px 40px;
}

.icon--pen {
  height: 24px;
  width: 24px;
  background-color: #03697D;
  display: inline-block;
  -webkit-mask: url("/assets/icon-pen-5434d286.svg");
  mask: url("/assets/icon-pen-5434d286.svg");
}
.icon--pen:hover {
  background-color: #50B0C7;
}

.icon--link {
  height: 16px;
  width: 20px;
  background-color: #377D22;
  mask-position: center;
  display: inline-block;
  -webkit-mask: url("/assets/icon-link-732342ef.svg");
  mask: url("/assets/icon-link-732342ef.svg");
}
.icon--link.alert {
  background-color: #A70404;
}

.icon--warning {
  display: inline-block;
  height: 36px;
  width: 36px;
  flex-shrink: 0;
  vertical-align: middle;
  background-color: transparent;
  background-image: url("/icon-warning.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/icon-warning-86caa597.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/icon-warning-86caa597.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 36px 36px;
}
.icon--warning:before {
  content: none;
  display: none;
}

.task-type-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.icon--calendar {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: transparent;
  background-image: url("/calendar.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/calendar-ead9725f.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/calendar-ead9725f.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
}

.muted__link {
  cursor: pointer;
  color: #606060;
}
.muted__link:hover, .muted__link.active {
  color: #05819A !important;
}
.muted__link.active {
  text-decoration: underline;
}

.accusite__link {
  cursor: pointer;
  color: #05819A !important;
}
.accusite__link:hover, .accusite__link.active {
  color: #05819A !important;
}
.accusite__link.active {
  text-decoration: underline;
}

.danger__link {
  cursor: pointer;
  color: #A70404 !important;
}
.danger__link:hover, .danger__link.active {
  color: #A70404 !important;
}
.danger__link.active {
  text-decoration: underline;
}

.accusite__highlight-link {
  cursor: pointer;
  color: #50B0C7 !important;
}
.accusite__highlight-link:hover, .accusite__highlight-link.active {
  color: #50B0C7 !important;
}
.accusite__highlight-link.active {
  text-decoration: underline;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.p-6 {
  padding: 2.5rem !important;
}

.p-7 {
  padding: 3rem !important;
}

.p-8 {
  padding: 4rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-6 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.px-7 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-8 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-6 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-7 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pt-6 {
  padding-top: 2.5rem !important;
}

.pt-7 {
  padding-top: 3rem !important;
}

.pt-8 {
  padding-top: 4rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 2rem !important;
}

.pr-6 {
  padding-right: 2.5rem !important;
}

.pr-7 {
  padding-right: 3rem !important;
}

.pr-8 {
  padding-right: 4rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pb-6 {
  padding-bottom: 2.5rem !important;
}

.pb-7 {
  padding-bottom: 3rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 2rem !important;
}

.pl-6 {
  padding-left: 2.5rem !important;
}

.pl-7 {
  padding-left: 3rem !important;
}

.pl-8 {
  padding-left: 4rem !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.m-6 {
  margin: 2.5rem !important;
}

.m-7 {
  margin: 3rem !important;
}

.m-8 {
  margin: 4rem !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx-6 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.mx-7 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-6 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-7 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-8 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-6 {
  margin-top: 2.5rem !important;
}

.mt-7 {
  margin-top: 3rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 2rem !important;
}

.mr-6 {
  margin-right: 2.5rem !important;
}

.mr-7 {
  margin-right: 3rem !important;
}

.mr-8 {
  margin-right: 4rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-6 {
  margin-bottom: 2.5rem !important;
}

.mb-7 {
  margin-bottom: 3rem !important;
}

.mb-8 {
  margin-bottom: 4rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 2rem !important;
}

.ml-6 {
  margin-left: 2.5rem !important;
}

.ml-7 {
  margin-left: 3rem !important;
}

.ml-8 {
  margin-left: 4rem !important;
}

.medispan-drug-row,
.medispan-package-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid var(--portal-color-mist);
}
.medispan-drug-row:last-child,
.medispan-package-row:last-child {
  border-bottom: none;
}
.no-ios .medispan-drug-row:hover,
.no-ios .medispan-package-row:hover {
  background-color: var(--portal-color-bg);
}

.medispan-drug-row__name {
  flex: 1;
  font-weight: 600;
}

.medispan-drug-row__count {
  color: var(--portal-color-text-secondary);
}

.medispan-expanded-header {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.medispan-expanded-header__name {
  font-size: 14px;
}

.medispan-expanded-header__count {
  font-size: 12px;
  color: var(--portal-color-text-secondary);
}

.medispan-facets {
  margin-bottom: 9px;
}

.medispan-facet-group {
  display: grid;
  grid-template-columns: 104px 1fr;
  gap: 7px;
  align-items: start;
  margin-bottom: 9px;
}

.medispan-facet-group__label {
  padding-top: 6px;
}

.medispan-facet-group__chips {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.medispan-facet-chip {
  border: 1px solid var(--portal-color-border);
  background: var(--portal-color-surface);
  color: var(--portal-color-ink);
  font: 600 11.5px/1 var(--portal-font-ui);
  padding: 6px 11px;
  border-radius: 999px;
  cursor: pointer;
}
.medispan-facet-chip--active {
  border-color: var(--portal-color-primary);
  background: var(--portal-color-primary);
  color: #fff;
}

.medispan-package-row__main {
  flex: 1;
  min-width: 0;
}

.medispan-package-row__title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
}

.medispan-package-row__sub {
  font-size: 11.5px;
  color: var(--portal-color-text-secondary);
  margin-top: 2px;
}

.medispan-package-row__code {
  white-space: nowrap;
  font-size: 12px;
  color: var(--portal-color-text-secondary);
}

.ReactModal__Overlay {
  z-index: 1001;
}

.ReactModal__Body--open {
  overflow: hidden;
}

.cta-modal {
  position: absolute;
  margin-top: 40px;
  border: 1px solid #606060;
  padding: 12px;
  background-color: #ffffff;
  min-width: 260px;
}

.accusite_modal {
  height: auto;
  position: absolute;
  top: 10vh;
  border: 2px solid #606060;
  background-color: #ffffff;
  overflow: auto;
  border-radius: 20px;
  outline: none;
  width: 95%;
  right: 2.5%;
  left: 2.5%;
  padding-bottom: 10px;
  max-height: 80vh;
}
@media only screen and (min-width: 480px) {
  .accusite_modal {
    width: 85%;
    right: 7.5%;
    left: 7.5%;
  }
}
@media only screen and (min-width: 667px) {
  .accusite_modal {
    width: 65%;
    right: 17.5%;
    left: 17.5%;
  }
}
@media only screen and (min-width: 1024px) {
  .accusite_modal {
    width: 45%;
    right: 27.5%;
    left: 27.5%;
  }
}
.accusite_modal .modal-header {
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #65C4D1;
  border-bottom: 2px solid #606060;
  font-weight: bold;
}
.accusite_modal .modal-header.bg-danger {
  background-color: #E18484;
}
.accusite_modal .modal-header.bg-danger .modal-header__title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
  line-height: normal;
}
.accusite_modal .modal-header.bg-success {
  background-color: #61c4d1;
}
.accusite_modal .modal-footer {
  display: flex;
  align-items: center;
  padding: 20px;
  padding-bottom: 10px;
  justify-content: flex-end;
}
.accusite_modal.autosize {
  height: auto;
  padding-bottom: 10px;
}
@media only screen and (min-width: 414px) {
  .accusite_modal.autosize {
    height: auto;
  }
}
@media only screen and (min-width: 480px) {
  .accusite_modal.autosize {
    height: auto;
  }
}
@media only screen and (min-width: 667px) {
  .accusite_modal.autosize {
    height: auto;
  }
}
@media only screen and (min-width: 1024px) {
  .accusite_modal.autosize {
    height: auto;
  }
}
.accusite_modal .table-wrapper-accusite table {
  border-width: 3px;
}
.accusite_modal .table-wrapper-accusite table tbody {
  color: #606060;
}
.accusite_modal .table-wrapper-accusite table tbody td {
  border-width: 0.5px;
}
.accusite_modal .table-wrapper-accusite table thead {
  background-color: #edf3f5;
}
.accusite_modal .table-wrapper-accusite table th {
  border-width: 0.5px;
  color: #606060;
  font-weight: bold;
}
.accusite_modal .accusite-form.accusite-search-term-filter-wrapper {
  margin-bottom: 15px;
}
.accusite_modal .accusite-form input {
  color: #606060;
}
.accusite_modal .accusite-form .input-label {
  color: #606060;
  font-weight: bold;
}
.accusite_modal .accusite-form .accusite-modal-select__indicator-separator {
  display: none;
}
.accusite_modal .accusite-form .accusite-modal-select__control input, .accusite_modal .accusite-form .accusite-select__control input, .accusite_modal .accusite-form .accusite-modal-select__value-container input {
  height: 22px;
}
.accusite_modal .accusite-form .quick-filters__input, .accusite_modal .accusite-form input.accusite-modal-input, .accusite_modal .accusite-form .accusite-modal-select__control, .accusite_modal .accusite-form .accusite-select__control {
  border-width: 3px;
  background-color: #ffffff;
  border-color: #03697D;
  border-radius: 4px;
  border-style: solid;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25) !important;
}
.accusite_modal .accusite-form .filters {
  flex: 1;
}
.accusite_modal .accusite-form .filters .quick-filters .quick-filters__list {
  flex: 1;
}
.accusite_modal .accusite-form .filters .quick-filters .quick-filters__list .quick-filters__item {
  flex: 1;
}
.accusite_modal .accusite-form .filters .quick-filters .quick-filters__list .quick-filters__item.search-field:first-child input[type=text] {
  max-width: 100%;
  width: 100%;
}
.accusite_modal .accusite-form .accusite-modal-select__control--is-disabled {
  background-color: #f2f2f2;
  border-color: #e6e6e6;
}

.modal .modal-button-group {
  display: flex;
  justify-content: flex-end;
}
.modal .modal-button-group button {
  align-items: center;
  display: flex;
}

.accusite-modal-select__menu {
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25) !important;
  border: 2px solid #606060;
  font-size: 13px;
}
.accusite-modal-select__menu input[type=checkbox] + label {
  float: none;
}
.accusite-modal-select__menu .accusite-modal-select__option {
  border-bottom: 2px solid #606060;
}
.accusite-modal-select__menu .accusite-modal-select__option:last-child {
  border-bottom: none;
}

.accusite-modal-select__menu-list--is-multi .accusite-modal-select__option:last-child {
  border-bottom: 2px solid #606060;
}

.quick-filters.accusite-quick-filters {
  display: flex;
}
.quick-filters.accusite-quick-filters .quick-filters__list {
  display: flex;
  gap: 20px;
  padding-left: 0;
  font-size: 0;
  list-style: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .quick-filters.accusite-quick-filters .quick-filters__list {
    padding-right: 0;
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .quick-filters.accusite-quick-filters .quick-filters__list {
    padding-right: 0;
  }
}
.quick-filters.accusite-quick-filters .quick-filters__list .text-red .quick-filters__title {
  color: #b91c1c !important;
}
.quick-filters.accusite-quick-filters .quick-filters__list .DateRangePickerInput__withBorder {
  border: 1x !important;
  border-radius: 4px !important;
  border-color: #03697D !important;
  border-width: 3px !important;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25);
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item:first-child.search-field {
  padding-left: 0;
  padding-right: 0;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item:first-child.search-field input[type=text],
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item:first-child.search-field .react-select__control {
  width: 1200px;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item:first-child.search-field input[type=text] .react-select__value,
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item:first-child.search-field .react-select__control .react-select__value {
  height: 40px;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .react-select__menu {
  margin-top: 5px;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item.border-right {
  border-right: 2px solid #333333;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item.border-left {
  border-left: 2px solid #333333;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item.active .quick-filters__title {
  text-decoration: underline;
  color: #606060;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__input {
  color: #777777;
  border-color: #03697D;
  border-width: 3px;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25) !important;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__input.active {
  display: inline-block;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item.more-filters .quick-filters__title {
  color: #05819A;
}
.no-ios .quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item.more-filters .quick-filters__title:hover {
  text-decoration: none;
  color: #65AFBE;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__title {
  border-bottom: 2px solid transparent;
  color: #606060;
  display: block;
  font-size: 13px;
  font-weight: 700;
  height: 42px;
  line-height: 42px;
  padding: 0 5px;
  transition: border-color 0.3s, color 0.3s;
}
.no-ios .quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__title:hover {
  color: #606060;
  text-decoration: underline;
}
.no-ios .quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__title:hover .advanced-filter-count {
  background-color: #9c4808;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__title:active {
  text-decoration: underline;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item.more-filters-button .quick-filters__title {
  color: #05819A;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__button {
  color: #05819A;
  display: block;
  font-size: 17px;
  height: 42px;
  line-height: 42px;
  transition: color 0.3s;
  width: 32px;
}
.no-ios .quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__button:hover {
  color: #65AFBE;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .quick-filters__button:active {
  color: #03697D;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item i.search-clear {
  font-size: 20px;
  position: absolute;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item i.search-clear:before {
  position: relative;
  right: 25px;
  top: 10px;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item i.search-clear.hidden {
  font-size: 0px;
}
.quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item .advanced-filter-count {
  transition: background-color 0.3s;
  padding: 2px 7px;
  margin-left: 5px;
  background-color: #b45309;
  border-radius: 8px;
  color: #ffffff;
  font-weight: bold;
}
.quick-filters.accusite-quick-filters .react-select__control {
  border: 3px solid #03697D;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25);
  border-radius: 8px;
  min-height: 40px;
  width: 350px;
  border-radius: 5px;
}
.quick-filters.accusite-quick-filters .react-select__control:hover {
  border-color: rgba(3, 105, 125, 0.75);
}
.quick-filters.accusite-quick-filters .react-select__control .react-select__placeholder, .quick-filters.accusite-quick-filters .react-select__control .react-select__option {
  color: #606060;
}
.quick-filters.accusite-quick-filters .react-select__control .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.quick-filters.accusite-quick-filters .react-select__control .react-select__indicators .react-select__dropdown-indicator {
  background-color: transparent;
  background-image: url("/select-chevron-up.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  transform: rotate(180deg);
  margin-right: 8px;
}
.quick-filters.accusite-quick-filters .react-select__control .react-select__indicators .react-select__dropdown-indicator svg {
  display: none;
}
.quick-filters.accusite-quick-filters .react-select__control--menu-is-open .react-select__indicators .react-select__dropdown-indicator {
  transform: rotate(0deg);
}
.quick-filters.accusite-quick-filters .react-select__menu {
  z-index: 9999;
  border: 3px solid #606060;
  border-radius: 0;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25);
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list {
  padding: 0;
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list .react-select__option {
  border-bottom: 2px solid #606060;
  color: #606060;
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list .react-select__option input[type=checkbox] + label {
  color: #606060;
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list .react-select__option input[type=checkbox] + label:before {
  border: 2px solid #4D4D4D;
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list .react-select__option--is-focused {
  background-color: #E2F1F3;
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list .react-select__option--is-selected {
  background-color: #E2F1F3;
}
.quick-filters.accusite-quick-filters .react-select__menu .react-select__menu-list .react-select__option--is-selected input[type=checkbox] + label {
  font-weight: bold;
}

.accusite-select__control {
  border: none;
  font-size: 13px;
  color: #606060 !important;
}

.accusite-select__control--is-focused {
  border: none;
}

.accusite-select__value-container {
  border: none;
}
.accusite-select__value-container input {
  height: 20px;
  line-height: 20px;
  margin-bottom: 0;
}

.accusite-select__dropdown-indicator-icon {
  height: 20px;
  width: 20px;
}
.accusite-select__dropdown-indicator-icon.closed {
  background-color: transparent;
  background-image: url("/down-arrow-multimedia.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/down-arrow-multimedia-213b5e81.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/down-arrow-multimedia-213b5e81.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.accusite-select__dropdown-indicator-icon.opened {
  background-color: transparent;
  background-image: url("/up-arrow-multimedia.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/up-arrow-multimedia-1bded328.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/up-arrow-multimedia-1bded328.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
}

.accusite-select__indicator-separator {
  display: none;
}

.accusite-select__menu {
  background-color: #F1F1F1 !important;
  margin-top: 2px !important;
}

.accusite-select__menu-list {
  padding: 0 !important;
  height: auto !important;
  max-height: 350px;
}

.accusite-select__option {
  font-size: 13px;
  color: #606060 !important;
  border: 1px solid #606060;
}
.accusite-select__option input[type=checkbox] + label {
  float: none;
  clear: none;
  text-align: left;
}
.accusite-select__option:hover {
  background-color: #E2F1F3;
}

.accusite-select__option--is-focused, .accusite-select__option--is-selected {
  background-color: #E2F1F3 !important;
}

.settings--menu {
  font-size: 0;
}

.settings--menu__item {
  display: inline-block;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
  width: 50%;
}
.no-ios .settings--menu__item:hover {
  color: #ffffff;
}
.no-ios .settings--menu__item:hover .settings--menu__icon {
  background: #777777;
  fill: #F5F5F5;
}
.no-ios .settings--menu__item:hover .settings--menu__icon-impersonate {
  background: #CD3939;
  fill: #CD3939;
}

.settings--menu__link {
  display: block;
}

.settings--menu__icon {
  background: #F5F5F5;
  border-radius: 100%;
  display: inline-block;
  height: 58px;
  width: 58px;
  line-height: 58px;
  fill: #777777;
}
.settings--menu__icon svg {
  position: relative;
  width: 40%;
  height: 40%;
  padding-top: 30%;
}
.settings--menu__icon .patients-icon svg {
  padding-top: 20%;
}
.settings--menu__icon .stop-impersonating-icon svg {
  width: 50%;
  height: 50%;
  padding-top: 25%;
}
.settings--menu__icon .feedback-icon svg {
  padding-right: 5%;
}

.settings--menu__icon-impersonate {
  fill: #CD3939;
}

.settings--menu__title {
  font-size: 13px;
  padding-top: 10px;
  transition: color 0.3;
  word-spacing: 9999999px;
  color: #606060;
}

.table-report {
  border: 0.1em solid #606060;
  font-size: 13px;
  width: 100%;
  color: #606060;
}
.table-report th {
  background-color: #F5F5F5;
  border-bottom: 0.1em solid #606060;
  color: #606060;
  font-weight: normal;
  line-height: 1;
  padding: 15px;
}
.table-report tr:first-child td {
  padding-top: 20px;
}
.table-report tr:last-child td {
  padding-bottom: 20px;
}
.table-report td {
  padding: 10px;
}

.td-timeline-yAxis {
  width: 15%;
  text-align: center;
}

.td-timeline-graph {
  width: 85%;
  padding-top: 20px;
  padding-bottom: 0 !important;
}

.table-vaccine-schedule {
  color: #606060;
}
.table-vaccine-schedule table {
  border: 0.1em solid #606060;
  width: 100%;
}
.table-vaccine-schedule table th {
  background-color: #F5F5F5;
  padding: 16px 0;
  align-content: end;
  font-size: 13px;
}
.table-vaccine-schedule table th .adult-schedule-th {
  display: inline-flex;
  align-content: center;
}
@media only screen and (max-width: 767px) {
  .table-vaccine-schedule table th .adult-schedule-th {
    flex-direction: column;
  }
  .table-vaccine-schedule table th .adult-schedule-th .adult-schedule-age-cta {
    margin-left: 0 !important;
  }
}
.table-vaccine-schedule table th:not(:first-child),
.table-vaccine-schedule table td:not(:first-child) {
  text-align: center;
  min-width: 75px;
}
.table-vaccine-schedule table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #ffffff;
}
.table-vaccine-schedule table td {
  padding: 15px;
  min-width: 40px;
  border: 0.1em solid #606060;
}
.table-vaccine-schedule.has-more {
  -webkit-box-shadow: 9px 0px 5px -4px #cccccc;
  -moz-box-shadow: 9px 0px 5px -4px #cccccc;
  box-shadow: 9px 0px 5px -4px #cccccc;
}
.table-vaccine-schedule .icon {
  color: #50B0C7;
  font-size: 17px;
}

.table-wrapper-accusite {
  color: #606060;
  text-align: left;
}
.table-wrapper-accusite .checkbox {
  cursor: pointer;
  text-align: left;
  margin: 5px;
  height: 25px;
  width: 25px;
  font-size: 14px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.table-wrapper-accusite .checkbox .check {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 2px;
  padding-top: 5px;
  display: inline-block;
  margin-left: 5px;
  height: 25px;
  width: 25px;
  border: 0.1em solid #0eb2ca;
}
.table-wrapper-accusite .highlight {
  color: #4d6670;
}
.table-wrapper-accusite .mobile-label {
  color: #4d6670;
  display: block;
  padding-bottom: 5px;
  text-align: left;
}
.table-wrapper-accusite .small-text {
  font-size: 12px;
}
.table-wrapper-accusite .table-row__details {
  cursor: pointer;
  text-align: left;
  color: #333333;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  user-select: none;
  /* Standard syntax */
}
.table-wrapper-accusite table {
  border-collapse: separate;
  border: 3px solid #333333;
  width: 100%;
}
.table-wrapper-accusite table.no-border {
  border-style: none;
}
.table-wrapper-accusite th.narrow-header {
  width: min-content;
  max-width: 75px;
  white-space: normal;
  line-height: 1.2;
}
@media only screen and (min-width: 1400px) {
  .table-wrapper-accusite th.narrow-header {
    max-width: fit-content;
    white-space: nowrap;
  }
}
.table-wrapper-accusite tbody {
  display: block;
  color: #4d6670;
}
.table-wrapper-accusite tbody td {
  padding: 15px 15px 0;
  border: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite tbody td.border-left {
  border-left: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite tbody td.border-right {
  border-right: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite tbody td.left-align {
  text-align: left;
  vertical-align: middle;
}
.table-wrapper-accusite tbody td.center-align {
  text-align: center;
  vertical-align: middle;
}
.table-wrapper-accusite tbody td.right-align {
  text-align: right;
  vertical-align: middle;
}
.table-wrapper-accusite tbody td.clickable:hover {
  cursor: pointer;
}
.table-wrapper-accusite tbody td.numeric {
  text-align: right !important;
}
.table-wrapper-accusite tbody td.grey {
  background-color: #F5F5F5;
}
.table-wrapper-accusite tbody td .dash-icon {
  font-size: 52px;
  line-height: 0px;
  text-align: center;
  vertical-align: middle;
}
.table-wrapper-accusite tbody td.null-price {
  border: solid 3px;
}
.table-wrapper-accusite tbody td.missing-price {
  background-color: rgba(225, 132, 132, 0.15);
}
.table-wrapper-accusite tbody tr {
  display: block;
}
.table-wrapper-accusite tbody tr.even {
  background-color: #F5F5F5;
}
.table-wrapper-accusite tbody tr.odd {
  background-color: #F5F5F5;
}
.table-wrapper-accusite tbody tr.top-level {
  font-weight: bold;
}
.table-wrapper-accusite tbody tr.top-level td {
  padding-bottom: 0;
}
.table-wrapper-accusite tbody tr.top-level td.center-align {
  padding-top: 15px;
}
.table-wrapper-accusite td {
  display: block;
  font-size: 14px;
  line-height: 1.4;
}
.table-wrapper-accusite td.border-left {
  border-left: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite td.border-right {
  border-right: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite td.center-align {
  text-align: center;
}
.table-wrapper-accusite td.right-align {
  text-align: right;
}
.table-wrapper-accusite td:last-child.total-value {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite td:last-child.total-value {
    text-align: right;
  }
}
.table-wrapper-accusite td:last-child.center-align {
  text-align: center;
}
.table-wrapper-accusite td:last-child.right-align {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .table-wrapper-accusite td:last-child.mobile-left-align {
    text-align: left;
  }
}
.table-wrapper-accusite tfoot {
  background: #F9F9F9;
  display: block;
  color: #4d6670;
}
.table-wrapper-accusite tfoot td {
  font-size: 16px;
  line-height: 1;
  padding: 15px;
}
.table-wrapper-accusite tfoot tr {
  display: block;
}
.table-wrapper-accusite tfoot tr .pagination {
  align-content: center;
}
.table-wrapper-accusite th {
  background-color: #F9F9F9;
  font-weight: bold;
  line-height: 1;
  padding: 15px;
  text-align: left;
  font-size: 13px;
  border: 0.1em solid #e2e2e2;
  color: #4d6670;
}
.table-wrapper-accusite th.right-align {
  text-align: right;
}
.table-wrapper-accusite th.border-left {
  border-left: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite th.border-right {
  border-right: 0.1em solid #e2e2e2;
}
.table-wrapper-accusite th.center-align {
  text-align: center;
}
.table-wrapper-accusite th.sortable {
  cursor: pointer;
}
.table-wrapper-accusite th.numeric {
  text-align: right !important;
}
.table-wrapper-accusite thead {
  display: none;
}
.table-wrapper-accusite thead.mobile-show {
  display: table-header-group;
}
.table-wrapper-accusite td.break-word,
.table-wrapper-accusite th.break-word {
  word-break: break-word;
}
.table-wrapper-accusite td.main,
.table-wrapper-accusite th.main {
  word-break: break-word;
  min-width: 300px;
}
.table-wrapper-accusite td.md,
.table-wrapper-accusite th.md {
  word-break: break-word;
  min-width: 200px;
}
@media only screen and (min-width: 1400px) {
  .table-wrapper-accusite td.md,
.table-wrapper-accusite th.md {
    min-width: 260px;
  }
}
.table-wrapper-accusite td.shrink,
.table-wrapper-accusite th.shrink {
  width: 1%;
  white-space: nowrap;
}
@media only screen and (min-width: 1200px) {
  .table-wrapper-accusite td.shrink,
.table-wrapper-accusite th.shrink {
    width: max-content;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 767px) {
  .table-wrapper-accusite .mobile-hide {
    display: none;
  }
  .table-wrapper-accusite tr:last-child td:last-child {
    padding-bottom: 15px;
  }
}
@media only print {
  .table-wrapper-accusite .mobile-label {
    display: none;
  }
  .table-wrapper-accusite tbody {
    display: table-row-group;
  }
  .table-wrapper-accusite tbody td {
    padding: 15px 15px 0;
  }
  .table-wrapper-accusite tbody tr:first-child td {
    padding-top: 20px;
  }
  .table-wrapper-accusite tbody tr:last-child td {
    padding-bottom: 20px;
  }
  .table-wrapper-accusite tbody tr {
    display: table-row;
  }
  .table-wrapper-accusite td {
    vertical-align: top;
  }
  .table-wrapper-accusite td,
.table-wrapper-accusite th {
    display: table-cell;
  }
  .table-wrapper-accusite tfoot {
    display: table-header-group;
  }
  .table-wrapper-accusite tfoot td {
    padding: 16px;
  }
  .table-wrapper-accusite tfoot tr {
    display: table-row;
  }
  .table-wrapper-accusite th {
    white-space: nowrap;
  }
  .table-wrapper-accusite thead {
    display: table-header-group;
  }
  .table-wrapper-accusite thead th {
    padding: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite .mobile-label {
    display: none;
  }
  .table-wrapper-accusite.assets-report .odd {
    background-color: #edf3f5;
  }
  .table-wrapper-accusite.assets-report tr:last-child td {
    padding-top: 15px;
  }
  .table-wrapper-accusite tbody {
    display: table-row-group;
  }
  .table-wrapper-accusite tbody td {
    padding: 15px;
  }
  .table-wrapper-accusite tbody tr {
    display: table-row;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) {
  .table-wrapper-accusite tbody tr.view-details-mobile {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite td {
    vertical-align: top;
    overflow-wrap: break-word;
  }
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite td,
.table-wrapper-accusite th {
    display: table-cell;
  }
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite tfoot {
    display: table-header-group;
  }
  .table-wrapper-accusite tfoot td {
    padding: 16px;
  }
  .table-wrapper-accusite tfoot tr {
    display: table-row;
  }
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite th {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .table-wrapper-accusite thead {
    display: table-header-group;
  }
  .table-wrapper-accusite thead th {
    padding: 16px;
  }
}

.table-minimalist {
  color: #606060;
}
.table-minimalist th {
  border-bottom: none;
}
.table-minimalist th,
.table-minimalist td {
  font-size: 13px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.table-minimalist td:last-child {
  color: #606060;
  text-align: left;
}
.table-minimalist tr td {
  border-bottom: 0.1em solid #606060;
  vertical-align: baseline !important;
}
.table-minimalist tr td.td-eastern-blue {
  color: #05819A !important;
}
.table-minimalist tr td.no-border {
  border-bottom: none;
}
.table-minimalist tr:last-child td {
  border-bottom: none;
}

.accusite {
  /* TODO: TS-1003 Remove .accusite after all the portal pages have been revamped */
}
.accusite .tabs-nav {
  background-color: #F1F1F1;
  display: flex;
  justify-content: center;
  padding-top: 0;
}
.accusite .tabs-nav .wrap--tabs-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
}
.accusite .tabs-nav .tabs-nav__item .tabs-nav__title {
  color: #05819A;
  font-size: 17px;
  font-weight: normal;
}
.accusite .tabs-nav .tabs-nav__item.active a {
  text-decoration: underline;
  text-decoration-color: #05819A;
}
.no-ios .accusite .tabs-nav .tabs-nav__item.active a:hover {
  color: #05819A !important;
}
.accusite .tabs-nav .tabs-nav__item.active .tabs-nav__title {
  background-color: inherit;
  box-shadow: none;
}
.accusite .tabs-nav .tabs-nav__list {
  display: none;
  justify-content: space-evenly;
  padding: 12px 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .accusite .tabs-nav .tabs-nav__list {
    display: flex;
    flex-wrap: wrap;
  }
}

.tabs-carousel {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f6f8+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #edf3f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #edf3f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #edf3f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#edf3f5",GradientType=0 );
  /* IE6-9 */
}
.tabs-carousel .slick-next,
.tabs-carousel .slick-prev {
  background: #ffffff;
  border-color: #efefef;
  border-style: solid;
  border-radius: 100%;
  border-width: 1px;
  font-size: 0;
  height: 40px;
  transform: translate(0);
  transition: background-color 0.3s, border-color 0.3s;
  width: 40px;
}
.tabs-carousel .slick-next:before,
.tabs-carousel .slick-prev:before {
  color: #035063;
  font-size: 12px;
  line-height: 38px;
  opacity: 1;
  right: 0;
  transition: color 0.3s;
}
.tabs-carousel .slick-next.slick-disabled:before,
.tabs-carousel .slick-prev.slick-disabled:before {
  opacity: 0.5;
}
.no-ios .tabs-carousel .slick-next:hover,
.no-ios .tabs-carousel .slick-prev:hover {
  background: #035063;
  border-color: #035063;
}
.no-ios .tabs-carousel .slick-next:hover:before,
.no-ios .tabs-carousel .slick-prev:hover:before {
  color: #ffffff;
}
@media only screen and (min-width: 1400px) {
  .tabs-carousel .slick-next,
.tabs-carousel .slick-prev {
    height: 50px;
    top: 50%;
    width: 50px;
  }
  .tabs-carousel .slick-next:before,
.tabs-carousel .slick-prev:before {
    font-size: 14px;
    line-height: 48px;
  }
}
.tabs-carousel .slick-next {
  position: relative;
  text-indent: -999em;
  margin: -10px -45px 0 0;
  position: absolute;
  right: 50%;
  top: 100%;
}
.tabs-carousel .slick-next:before {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.tabs-carousel .slick-next:before {
  text-indent: 2px;
}
@media only screen and (min-width: 768px) {
  .tabs-carousel .slick-next {
    margin: -5px -50px 0 0;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-carousel .slick-next {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  .tabs-carousel .slick-next {
    left: 100%;
    margin: -25px 0 0 15px;
    right: auto;
    top: 50%;
  }
}
@media only screen and (min-width: 600px) {
  .tabs-carousel .slick-next {
    margin-left: 35px;
  }
}
.tabs-carousel .slick-prev {
  position: relative;
  text-indent: -999em;
  left: 50%;
  margin: -10px 0 0 -45px;
  position: absolute;
  top: 100%;
}
.tabs-carousel .slick-prev:before {
  content: "";
  font-family: "Icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
  left: 0;
  position: absolute;
  text-indent: 0;
  top: 0;
}
.tabs-carousel .slick-prev:before {
  text-indent: -2px;
}
@media only screen and (min-width: 768px) {
  .tabs-carousel .slick-prev {
    margin: -5px 0 0 -50px;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-carousel .slick-prev {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  .tabs-carousel .slick-prev {
    left: auto;
    margin: -25px 15px 0 0;
    right: 100%;
    top: 50%;
  }
}
@media only screen and (min-width: 600px) {
  .tabs-carousel .slick-prev {
    margin-right: 35px;
  }
}
.tabs-carousel .slick-slide {
  height: auto;
}
.tabs-carousel .slick-track {
  display: flex;
}
@media only screen and (min-width: 1400px) {
  .tabs-carousel {
    margin-bottom: 0;
  }
  .tabs-carousel:not(.full-width) > * {
    max-width: 85%;
  }
}
@media only screen and (min-width: 3840px) {
  .tabs-carousel:not(.full-width) > * {
    max-width: 75%;
  }
}

.tabs-carousel__item {
  background: #ffffff;
  border-radius: 3px;
  box-shadow: 0 10px 30px -2px rgba(12, 43, 51, 0.1);
  margin: 0 15px 30px;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .tabs-carousel__item {
    border-color: #efefef;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 10px 30px -10px rgba(12, 43, 51, 0.1);
    margin: 30px 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .tabs-carousel__item {
    box-shadow: 0 10px 30px -2px rgba(12, 43, 51, 0.1);
    margin: 30px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-carousel__item {
    padding: 25px;
  }
}
.tabs-carousel__item .tabs-carousel__title {
  color: #4d6670;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 2px;
  border-bottom: 1px solid #e0eaed;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.tabs-carousel__item .metrics-chart-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}

.tabs-carousel__list {
  margin: 0 -15px;
}
.tabs-carousel__list:after, .tabs-carousel__list:before {
  background: #edf3f5;
  bottom: 0;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  width: 15px;
  z-index: 1;
}
.tabs-carousel__list:after {
  right: 0;
}
.tabs-carousel__list:before {
  left: 0;
}
.tabs-carousel__list.transition:after, .tabs-carousel__list.transition:before {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .tabs-carousel__list {
    margin: 0 -10px;
  }
  .tabs-carousel__list:after, .tabs-carousel__list:before {
    background: linear-gradient(to bottom, #fefefe 0%, #f6f8f9 100%);
    width: 9px;
  }
}
@media only screen and (min-width: 1024px) {
  .tabs-carousel__list {
    margin: 0 -15px;
  }
  .tabs-carousel__list:after {
    width: 14px;
  }
  .tabs-carousel__list:before {
    width: 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .tabs-carousel__list:after {
    width: 13px;
  }
}

.text-blue-lagoon {
  color: #03697D;
}

.text-iris {
  color: #0eb2ca;
}

.text-eastern-blue {
  color: #05819A;
}

.text-blue-viking {
  color: #50B0C7;
}

.text-red-free-speech {
  color: #A70404;
}

.text-gray56 {
  color: #4d6670;
}

.text-green-bilbao {
  color: #377D22;
}

.text-green-apple {
  color: #04A717;
}

.text-italic {
  font-style: italic;
}

.text-bold {
  font-weight: bold;
}

.text-normal {
  font-weight: normal;
}

.text-wild-gray {
  color: #777777;
}

.text-grey20 {
  color: #333333;
}

.text-gray30 {
  color: #4D4D4D;
}

.text-black {
  color: #111111;
}

.text-zambezi {
  color: #606060;
}

.text-white {
  color: #ffffff;
}

.text-with-tooltip {
  color: #05819A;
  cursor: pointer;
}
.no-ios .text-with-tooltip:hover {
  color: #65AFBE;
}
.no-ios .text-with-tooltip:active {
  color: #03697D;
}

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

.text-start {
  text-align: start !important;
}

.text-left {
  text-align: left;
}

.text-end {
  text-align: end;
}

.text-small {
  font-size: 13px;
}

.text-xl {
  font-size: 24px;
}

.text-xs {
  font-size: 10px;
}

.text-underline {
  text-decoration: underline;
}

.text-md {
  font-size: 17px;
}

.text-shadow-blue-viking {
  text-shadow: 1px 1px 2px #50B0C7;
}

.accusite-tooltip {
  border: 1px solid #606060 !important;
  color: #4d6670 !important;
  padding: 12px !important;
  background-color: #ffffff !important;
}

.user-bulk-actions-wrapper {
  position: relative;
}

.user-bulk-actions-container {
  position: absolute;
  left: 200px;
  width: 300px;
  z-index: 800;
  box-shadow: 0 10px 30px -2px rgba(12, 43, 51, 0.1);
  margin-top: 18px;
  padding: 20px 25px;
  border-color: #EFEFEF;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  background-color: white;
}
@media only screen and (min-width: 1024px) {
  .user-bulk-actions-container {
    margin-top: 30px;
  }
}
.user-bulk-actions-container .selected-users {
  font-size: 13px;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
}
.user-bulk-actions-container .selected-users span {
  vertical-align: middle;
  padding-left: 10px;
}
.user-bulk-actions-container .delete-users {
  font-size: 14px;
  border-bottom: 1px solid #e2e2e2;
  padding: 15px 0px;
  color: #4a5667;
}
.user-bulk-actions-container .delete-users button {
  color: #e24a54;
  font-size: 14px;
  text-decoration: underline;
  font-family: inherit;
}
.user-bulk-actions-container .delete-confirmation, .user-bulk-actions-container .edit-confirmation {
  padding-top: 10px;
  text-align: right;
}
.user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons {
  display: inline-block;
}
.user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons button, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons button, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons button, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons button {
  padding: 0px 10px;
  text-decoration: none;
}
.user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons .continue-delete, .user-bulk-actions-container .delete-confirmation .delete-confirmation-buttons .continue-edit, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons .continue-delete, .user-bulk-actions-container .delete-confirmation .edit-confirmation-buttons .continue-edit, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons .continue-delete, .user-bulk-actions-container .edit-confirmation .delete-confirmation-buttons .continue-edit, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons .continue-delete, .user-bulk-actions-container .edit-confirmation .edit-confirmation-buttons .continue-edit {
  color: #035063;
  font-size: 14px;
}
.user-bulk-actions-container .submit {
  margin-top: 20px;
  float: right;
}
.user-bulk-actions-container .assign-user-locations-form {
  color: #4a5667;
  padding: 15px 0px;
  font-size: 14px;
}
.user-bulk-actions-container .assign-user-locations-form button.assign {
  margin-left: 10px;
}
.user-bulk-actions-container .assign-user-locations-form .button-container {
  overflow: hidden;
}
.user-bulk-actions-container .location-list {
  margin-top: 15px;
}
.user-bulk-actions-container .location-list li {
  display: block;
  width: 100%;
  padding-left: 0px;
  margin-bottom: 10px;
  overflow: auto;
}
.user-bulk-actions-container .location-list li label {
  width: 100%;
  padding-left: 30px;
  line-height: 19px;
}

.table-checkbox-left th.bulk-action-button-header {
  display: table-cell;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .table-checkbox-left th.bulk-action-button-header {
    padding: 15px 50px 10px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .table-checkbox-left th.bulk-action-button-header {
    padding: 20px 50px 13px 0;
  }
}

.user-bulk-action-button {
  margin-top: -4px;
  margin-left: -20px;
}
@media only screen and (min-width: 375px) {
  .user-bulk-action-button {
    position: absolute;
    top: -39px;
    width: 110px;
    left: 70px;
  }
}
@media only screen and (min-width: 768px) {
  .user-bulk-action-button {
    position: inherit;
  }
}

.square-button {
  border-radius: 3px;
  border: 1px solid #e0eaed;
  height: 35px;
  padding: 0 15px;
  background-color: white;
  font-size: 11px;
  color: #035063;
}

.patients-bulk-actions-container {
  position: absolute;
  top: 142px;
  left: 97px;
}
@media only screen and (min-width: 375px) {
  .patients-bulk-actions-container {
    top: 65px;
    left: 35px;
  }
}
@media only screen and (min-width: 768px) {
  .patients-bulk-actions-container {
    top: 111px;
    left: 77px;
  }
}
@media only screen and (min-width: 1024px) {
  .patients-bulk-actions-container {
    top: 126px;
    left: 90px;
  }
}
@media only screen and (min-width: 1200px) {
  .patients-bulk-actions-container {
    top: 142px;
    left: 97px;
  }
}

.accusite-form-select {
  display: inline-block;
}
.accusite-form-select--xxsmall {
  width: 85px;
}
.accusite-form-select--xsmall {
  width: 120px;
}
.accusite-form-select--small {
  width: 160px;
}
.accusite-form-select--mid {
  width: 240px;
}
.accusite-form-select--large {
  width: 360px;
}
.accusite-form-select--full-width {
  width: 100%;
}
.accusite-form-select.inherit-width {
  width: inherit;
}
.accusite-form-select .react-select__control {
  border: 3px solid #03697D;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25);
  border-radius: 8px;
  min-height: 40px;
}
.accusite-form-select .react-select__control:hover {
  border-color: rgba(3, 105, 125, 0.75);
}
.accusite-form-select .react-select__control .react-select__placeholder, .accusite-form-select .react-select__control .react-select__option {
  color: #606060;
}
.accusite-form-select .react-select__control .react-select__indicators .react-select__indicator-separator {
  display: none;
}
.accusite-form-select .react-select__control .react-select__indicators .react-select__dropdown-indicator {
  background-color: transparent;
  background-image: url("/select-chevron-up.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  transform: rotate(180deg);
  margin-right: 8px;
}
.accusite-form-select .react-select__control .react-select__indicators .react-select__dropdown-indicator svg {
  display: none;
}
.accusite-form-select .react-select__dropdown-indicator {
  background-color: transparent;
  background-image: url("/select-chevron-up.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  transform: rotate(180deg);
  margin-right: 8px;
}
.accusite-form-select .react-select__dropdown-indicator svg {
  display: none;
}
.accusite-form-select .react-select__control--menu-is-open .react-select__indicators .react-select__dropdown-indicator {
  transform: rotate(0deg);
}
.accusite-form-select .react-select__menu {
  z-index: 9999;
  border: 3px solid #606060;
  border-radius: 0;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25);
}
.accusite-form-select .react-select__menu .react-select__menu-list {
  padding: 0;
}
.accusite-form-select .react-select__menu .react-select__menu-list .react-select__option {
  border-bottom: 2px solid #606060;
  color: #606060;
}
.accusite-form-select .react-select__menu .react-select__menu-list .react-select__option input[type=checkbox] + label {
  color: #606060;
}
.accusite-form-select .react-select__menu .react-select__menu-list .react-select__option input[type=checkbox] + label:before {
  border: 2px solid #4D4D4D;
}
.accusite-form-select .react-select__menu .react-select__menu-list .react-select__option--is-focused {
  background-color: #E2F1F3;
}
.accusite-form-select .react-select__menu .react-select__menu-list .react-select__option--is-selected {
  background-color: #E2F1F3;
}
.accusite-form-select .react-select__menu .react-select__menu-list .react-select__option--is-selected input[type=checkbox] + label {
  font-weight: bold;
}
.accusite-form-select .select-label {
  color: #03697D;
  font-weight: bold;
}

.sidebar {
  margin: 0 30px;
}

.accusite-carousel .tabs-carousel {
  background: inherit;
}
.accusite-carousel .tabs-carousel .wrap {
  margin: 0;
  padding: 0;
}
.accusite-carousel .tabs-carousel .slick-track {
  display: flex;
  justify-content: center;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .accusite-carousel .tabs-carousel .slick-track {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .accusite-carousel .tabs-carousel .slick-track .slick-slide {
    width: 565px !important;
  }
}
.accusite-carousel .tabs-carousel .slick-track::after {
  display: none;
}
.accusite-carousel .tabs-carousel .tabs-carousel__item {
  height: 175px;
  background: #F5F5F5;
  border-radius: 20px;
  box-shadow: none;
}
.accusite-carousel .tabs-carousel .tabs-carousel__item .tabs-carousel__title {
  margin-bottom: 0px;
  color: #606060;
  border-bottom: none;
  display: inline;
}
.accusite-carousel .tabs-carousel .tabs-carousel__item .tabs-carousel__title-container {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}
.accusite-carousel .tabs-carousel .tabs-carousel__item .tabs-carousel__title-container .tabs-carousel__right-action {
  justify-self: flex-end;
}
.accusite-carousel .tabs-carousel .tabs-carousel__item .top-right {
  display: inline;
}

.advanced-search-checkbox input[type=checkbox] + label:before {
  border: 3px solid #05819A;
  box-shadow: 2px 2px 4px rgba(51, 51, 51, 0.25);
}

.advanced-search-entry--accent input[type=checkbox] + label {
  color: #05819A;
}

.accusite-advanced-search .advanced-search-label {
  color: #03697D;
  font-weight: bold;
}
.accusite-advanced-search .advanced-search-entry .select-label, .accusite-advanced-search .advanced-search-entry .advanced-search-label {
  padding-bottom: 5px;
}
.accusite-advanced-search .advanced-search__divider {
  margin: 10px 0 20px 0;
  border-bottom: 2px solid #606060;
}
.accusite-advanced-search input.accusite-input {
  background-color: #ffffff;
  border-color: #03697D;
  border-style: solid;
  border-width: 3px;
  border-radius: 8px;
}

.is-0 {
  inline-size: 0 !important;
}

.is-1 {
  inline-size: 0.25rem !important;
}

.is-2 {
  inline-size: 0.5rem !important;
}

.is-3 {
  inline-size: 1rem !important;
}

.is-4 {
  inline-size: 1.5rem !important;
}

.is-5 {
  inline-size: 2rem !important;
}

.is-6 {
  inline-size: 2.5rem !important;
}

.is-7 {
  inline-size: 3rem !important;
}

.is-8 {
  inline-size: 4rem !important;
}

.accusite-day-picker .portal-datepicker__input-wrapper {
  box-sizing: border-box;
  height: 40px;
  border: 3px solid #03697D;
  border-radius: 4px;
  box-shadow: 4px 4px 4px rgba(51, 51, 51, 0.25);
  background-color: #ffffff;
}
.accusite-day-picker.portal-datepicker .portal-datepicker__input {
  padding-top: 0;
  padding-bottom: 0;
  background-color: inherit;
}

.advanced-search-entry .accusite-day-picker.portal-datepicker {
  display: flex;
}
.advanced-search-entry .accusite-day-picker.portal-datepicker .portal-datepicker__input {
  flex: 1;
  width: auto;
}
.advanced-search-entry .accusite-day-picker .portal-datepicker__input-wrapper {
  border-radius: 8px;
}

.cs-day-picker.portal-datepicker {
  display: flex;
}
.cs-day-picker.portal-datepicker .portal-datepicker__input {
  flex: 1;
  width: auto;
}
.cs-day-picker .portal-datepicker__input-wrapper {
  box-sizing: border-box;
  height: 38px;
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  background-color: transparent;
}

.patients-list__header {
  margin-bottom: 40px;
  width: 100%;
}
.patients-list__header .patients-header__top {
  display: flex;
  justify-content: space-between;
}
.patients-list__header .patients-header__top .timestamp {
  font-size: 15px;
  color: #4D4D4D;
}
.patients-list__header .patients-header__title {
  font-size: 35px;
  color: #03697D;
  margin: 10px 0;
  text-align: center;
}
.patients-list__header .patients-header__info {
  text-align: center;
  color: #777777;
}
.patients-list__header .patients-header__info a {
  color: #05819A;
  text-decoration: underline;
}

.add-patients__container {
  font-family: "Nimbus Sans L";
}
.add-patients__container .add-patients__form .overlay-users-add {
  border-top: 1px solid #777777;
}
.add-patients__container .add-patients__form .overlay-users-add .overlay-users-add__title {
  color: #606060;
}
.add-patients__container .add-patients__form .overlay-users-add .overlay-users-add__message {
  color: #4d6670;
}
.add-patients__container .add-patients__form .overlay-users-add input {
  color: #777777;
}
.add-patients__container .add-patients__form .patients-form__item .input-label {
  text-transform: capitalize;
  color: #4d6670;
}
.add-patients__container .add-patients__form .patients-form__item label[for=birth_date] {
  margin-bottom: 13px;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__single-value {
  color: #777777;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__control {
  height: 40px;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__control--is-focused {
  box-shadow: none;
  border-color: inherit;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__placeholder {
  color: #777777;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper span {
  display: none;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__control--menu-is-open .react-select__dropdown-indicator {
  background-color: transparent;
  background-image: url("/select-chevron-up.png");
  background-image: -webkit-linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-image: linear-gradient(transparent, transparent), url("/assets/select-chevron-up-2fc61aee.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  margin-right: 8px;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__control--menu-is-open .react-select__dropdown-indicator svg {
  display: none;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__dropdown-indicator svg {
  fill: #777777;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__menu {
  border: 1px solid #777777;
  border-bottom: none;
  border-radius: 0;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__menu .react-select__menu-list {
  padding: 0;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__menu .react-select__menu-list .react-select__option {
  border-bottom: 1px solid #777777;
}
.add-patients__container .add-patients__form .patients-form__item .select-wrapper .react-select__menu .react-select__menu-list .react-select__option--is-focused {
  background-color: #E2F1F3;
}
@media only screen and (min-width: 1024px) {
  .add-patients__container .add-patients__form .patients-form__item {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .add-patients__container .add-patients__form .patients-form__item:nth-child(even) {
    padding-left: 10px;
  }
  .add-patients__container .add-patients__form .patients-form__item:nth-child(odd) {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1200px) {
  .add-patients__container .add-patients__form .patients-form__item:nth-child(even) {
    padding-left: 12px;
  }
  .add-patients__container .add-patients__form .patients-form__item:nth-child(odd) {
    padding-right: 12px;
  }
}
.add-patients__container .add-patients__form .overlay-users-submit {
  border-top: none;
}

#enterprise-dashboard {
  color: #4D4D4D;
}

.enterprise-dashboard-header__buttons {
  flex: 1 1 0;
}

.enterprise-dashboard-header__title {
  flex: 2 1 1;
  text-align: center;
}

.enterprise-dashboard-header__info {
  flex: 1 1 0;
  text-align: end;
}

#home {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  color: #4D4D4D;
}

.home-header {
  display: flex;
}

.home-header__title {
  color: #03697D;
  text-align: start;
  font-size: x-large;
}

.home-header__statuses {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: end;
}

.home__buttons {
  display: flex;
  justify-content: space-between;
}
.home__buttons > * {
  width: 25%;
}
.home__buttons > * > button {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .home__buttons {
    flex-direction: column;
    align-items: center;
  }
  .home__buttons > * {
    width: 100%;
  }
}

.import-patients__container {
  font-family: "Nimbus Sans L";
  display: flex;
  align-items: center;
  flex-direction: column;
}
.import-patients__container .import-patients-example-table__container .import-table__header {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #4d6670;
}
.import-patients__container .import-patients-example-table__container table {
  color: #606060;
}
.import-patients__container .import-patients-example-table__container table th {
  color: inherit;
  background-color: #F5F5F5;
}
.import-patients__container .import-patients-example-table__container table th:last-child {
  text-align: left;
}
.import-patients__container .import-patients-example-table__container table td:last-child {
  text-align: left;
}
.import-patients__container .import-patients-csv {
  width: 100%;
}
.import-patients__container .import-patients-csv .overlay-users-submit {
  border-top: none;
}
.import-patients__container .import-patients-csv .overlay-users-submit .button-primary, .import-patients__container .import-patients-csv .overlay-users-submit .button-secondary {
  width: 150px;
  height: 40px;
}
.import-patients__container .import-patients-csv .overlay-users-submit .button-primary {
  margin-left: 10px;
  background: #50B0C7;
}
.no-ios .import-patients__container .import-patients-csv .overlay-users-submit .button-primary:hover {
  background: #B6DEE7;
}
.no-ios .import-patients__container .import-patients-csv .overlay-users-submit .button-primary:active {
  background: #05819A;
}

.inventory-manage .reordering-general-settings .accusite-carousel .tabs-carousel .tabs-carousel__item {
  margin-top: 0;
}
.inventory-manage .reordering-defaults .tab-header .title-bar,
.inventory-manage .reordering-formularies .tab-header .title-bar,
.inventory-manage .reordering-overrides .tab-header .title-bar {
  border-bottom: 0;
  margin: 0;
}

.formulary-details .formulary-name,
.formulary-details .formulary-site {
  border-bottom: 1px solid;
  padding: 15px 0;
}
.formulary-details .formulary-name {
  padding-top: 0;
}
.formulary-details .no-sites {
  padding-top: 20px;
}

.formulary-site-selector {
  display: flex;
  gap: 20px;
  align-items: center;
}
.formulary-site-selector .formulary-remove-icon {
  height: 30px;
}
.formulary-site-selector .formulary-remove-icon:hover {
  cursor: pointer;
}

.formulary-modal {
  min-height: 400px;
  display: flex;
  flex-flow: column;
  width: 80%;
  right: 10%;
  left: 10%;
  margin: auto;
  max-width: 1000px;
}
.formulary-modal .formulary-item-search {
  padding: 10px 20px;
}
.formulary-modal .formulary-item-search .filter-label {
  padding: 5px 0;
}
.formulary-modal .formulary-item-search label {
  font-size: 14px;
}
.formulary-modal .formulary-item-search .table-wrapper-accusite {
  padding-top: 10px;
}
.formulary-modal .formulary-item-search .modal-button-group {
  padding-top: 20px;
}
.formulary-modal .formulary-item-search .quick-filters__item.search-field {
  padding-right: 0;
}
.formulary-modal .formulary-item-search table label.select-formulary-item-checkbox {
  margin-left: 35px;
  line-height: 20px;
  width: 100px;
}
.formulary-modal .formulary-item-search table label.select-formulary-item-checkbox:before {
  left: -30px;
  border-color: #0eb2ca;
}
.formulary-modal .formulary-item-search table label.select-formulary-item-checkbox:after {
  left: -26px;
  color: #0eb2ca;
}
.formulary-modal .formulary-item-search .heading-main-search {
  position: relative;
  display: block;
  top: inherit;
  left: inherit;
  width: 100%;
  margin: 10px 0;
}
.formulary-modal .formulary-item-search .heading-main-search input {
  width: 100%;
}
.formulary-modal .error {
  margin: 5px 0 0 0;
}

.formulary-actions button {
  width: 55px;
  height: 25px;
}

.edit-formularies .quick-filters.accusite-quick-filters .quick-filters__list {
  flex-direction: column-reverse;
  gap: 20px;
}
.edit-formularies .quick-filters.accusite-quick-filters .quick-filters__list .quick-filters__item {
  padding: 0;
}
.edit-formularies .actions {
  align-items: flex-end;
}
.edit-formularies .print-export .actions {
  flex-direction: column;
  gap: 20px;
  align-items: flex-end;
}

.task-due-date-picker {
  display: inline-block;
}

.patients-list {
  font-family: "Nimbus Sans L";
}
.patients-list .patients-list__header {
  display: flex;
  flex-direction: column;
}
.patients-list .patients-list__header span {
  color: #4D4D4D;
  align-self: flex-end;
}
.patients-list .patients-list__header h2 {
  color: #03697D;
  align-self: center;
}
.patients-list .patients-list__carousel .tabs-carousel {
  background: inherit;
}
.patients-list .patients-list__carousel .tabs-carousel .slick-track {
  display: flex;
  justify-content: center;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  .patients-list .patients-list__carousel .tabs-carousel .slick-track {
    width: 100% !important;
  }
}
@media only screen and (min-width: 1200px) {
  .patients-list .patients-list__carousel .tabs-carousel .slick-track .slick-slide {
    width: 565px !important;
  }
}
.patients-list .patients-list__carousel .tabs-carousel .slick-track::after {
  display: none;
}
.patients-list .patients-list__carousel .tabs-carousel .tabs-carousel__item {
  height: 175px;
  background: #F5F5F5;
  border-radius: 20px;
  box-shadow: none;
}
.patients-list .patients-list__carousel .tabs-carousel .tabs-carousel__item .tabs-carousel__title {
  text-align: center;
  margin-bottom: 0px;
  color: #606060;
  border-bottom: none;
}
.patients-list .patients-list__carousel .metric__container .metric__item,
.patients-list .patients-list__carousel .metric__container .metric__item--divided {
  display: inline-block;
  text-align: center;
  width: 33%;
  height: 90px;
  padding: 15px 0;
}
.patients-list .patients-list__carousel .metric__container .metric__item .metric__description,
.patients-list .patients-list__carousel .metric__container .metric__item--divided .metric__description {
  font-size: 10px;
  color: #777777;
  margin-bottom: 10px;
}
.patients-list .patients-list__carousel .metric__container .metric__item .metric__value,
.patients-list .patients-list__carousel .metric__container .metric__item--divided .metric__value {
  font-size: 25px;
  color: #05819A;
}
.patients-list .patients-list__carousel .metric__container .metric__item--divided {
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
}
.patients-list .patients-list__carousel .imported__container .imported__item,
.patients-list .patients-list__carousel .imported__container .imported__item--divided {
  display: inline-block;
  text-align: center;
  width: 50%;
  padding: 15px 0;
}
.patients-list .patients-list__carousel .imported__container .imported__item .imported__description,
.patients-list .patients-list__carousel .imported__container .imported__item--divided .imported__description {
  font-size: 10px;
  color: #777777;
  margin-bottom: 10px;
}
.patients-list .patients-list__carousel .imported__container .imported__item .imported__value,
.patients-list .patients-list__carousel .imported__container .imported__item--divided .imported__value {
  font-size: 25px;
  color: #05819A;
}
.patients-list .patients-list__carousel .imported__container .imported__item--divided {
  border-left: 1px solid #e2e2e2;
}
.patients-list .patients-list__content {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .patients-list .patients-list__content {
    padding-bottom: 20px;
  }
}
.patients-list .patients-list__content .patients-table {
  height: 100%;
}
.patients-list .patients-list__content .patients-table .table-general {
  height: 100%;
  overflow-y: auto;
}
.patients-list .patients-list__content .patients-table .title-bar {
  border-bottom: 0;
  margin: 0;
}
.patients-list .patients-list__content .patients-table .quick-filters .quick-filters__input {
  border-color: #606060;
  color: #777777;
}
.patients-list .patients-list__content .patients-table .quick-filters li:nth-child(2) button {
  color: #606060;
  text-decoration: underline;
  border: none;
}
.patients-list .patients-list__content .patients-table .quick-filters li:last-child {
  border: none;
}
.patients-list .patients-list__content .patients-table .quick-filters li:last-child button {
  color: #05819A;
}
.patients-list .patients-list__content .print_and_export_buttons__item .button-icon {
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
  border-radius: 19px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.05rem;
  overflow: visible;
  padding: 0 18px;
  text-align: center;
  transition: background-color 0.25s;
  line-height: 30px;
  width: auto;
  white-space: nowrap;
  padding: 0 18px !important;
  background: transparent;
  border: 1px solid #50B0C7;
  color: #50B0C7;
}
.no-ios .patients-list .patients-list__content .print_and_export_buttons__item .button-icon:disabled, .no-ios .patients-list .patients-list__content .print_and_export_buttons__item .button-icon:disabled:hover, .no-ios .patients-list .patients-list__content .print_and_export_buttons__item .button-icon:disabled:active {
  background: #CDCDCD !important;
  color: #F9F9F9 !important;
  border-color: transparent;
}
.macos .patients-list .patients-list__content .print_and_export_buttons__item .button-icon {
  padding-top: 2px;
}
.no-ios .patients-list .patients-list__content .print_and_export_buttons__item .button-icon:hover {
  background: #B6DEE7;
  border: 1px solid #B6DEE7;
  color: white;
}
.no-ios .patients-list .patients-list__content .print_and_export_buttons__item .button-icon:active {
  background: #05819A;
  border: 1px solid #05819A;
  color: white;
}
.patients-list .patients-list__content .actionables__list .actionables__item {
  padding: 0 5px;
  display: inline-block;
}
.patients-list .patients-list__content .actionables__list .actionables__item .button-icon {
  padding: 0 18px !important;
}
.patients-list .patients-list__content th.sortable {
  cursor: pointer;
}
.patients-list .patients-list__content tfoot,
.patients-list .patients-list__content tfoot tr td {
  position: sticky;
  bottom: 0;
}
.patients-list .patients-list__content .table-checkbox-left {
  position: relative;
}
.patients-list .patients-list__content .table-checkbox-left tfoot button {
  color: #4d6670;
  font-size: 13px;
  padding-top: 5px;
  transition: color 0.3s;
}
.no-ios .patients-list .patients-list__content .table-checkbox-left tfoot button:hover {
  color: #035063;
}
.patients-list .patients-list__content .table-checkbox-left tfoot td {
  font-size: 13px;
  text-align: center;
}
.patients-list .patients-list__content .table-checkbox-left th {
  color: #606060;
  font-size: 13px;
}
.patients-list .patients-list__content .table-checkbox-left th .table-checkbox-left-check-all__holder {
  width: auto;
}
.patients-list .patients-list__content .table-checkbox-left th .table-checkbox-left-check-all__holder label {
  line-height: 1.4;
  color: inherit;
  margin: 0;
  width: auto;
}
.patients-list .patients-list__content .table-checkbox-left th .table-checkbox-left-check-all__holder input[type=checkbox] + label:before,
.patients-list .patients-list__content .table-checkbox-left th .table-checkbox-left-check-all__holder label:after {
  display: none;
}
.patients-list .patients-list__content .table-checkbox-left th .button-icon__icon {
  font-size: 20px;
}
.patients-list .patients-list__content .table-checkbox-left tr td {
  color: #606060;
}
.patients-list .patients-list__content .table-checkbox-left tr td input[type=checkbox] + label:before {
  left: -25px;
  top: -4px;
  border: 1px solid #606060;
  border-radius: 5px;
}
.patients-list .patients-list__content .table-checkbox-left tr td input[type=checkbox] + label:after {
  left: -21px;
  top: 1px;
}
.patients-list .patients-list__content .table-checkbox-left tr td label {
  color: inherit;
  margin-left: 30px;
  width: 50px;
}
.patients-list .patients-list__content .table-checkbox-left .table-row__details {
  text-align: left;
}
.patients-list .patients-list__content .table-checkbox-left .table-row__details .table-checkbox-left__link {
  color: #05819A;
}
.patients-list .patients-list__content .report-table {
  border: 1px solid #606060;
}
.patients-list .patients-list__content .report-table thead th {
  background-color: #F5F5F5;
}
.patients-list .patients-list__content .report-table th,
.patients-list .patients-list__content .report-table td {
  border-bottom: 1px solid #606060 !important;
}
.patients-list .patients-list__content .report-table thead,
.patients-list .patients-list__content .report-table tfoot {
  background: #F5F5F5;
}
.patients-list .patients-list__content .report-table tfoot tr td .pagination {
  color: #777777;
}
.patients-list .patients-list__content .report-table tfoot tr td .pagination div {
  align-content: center;
}
.patients-list .patients-list__content .report-table tfoot tr td .pagination button {
  color: #777777;
}

@media only screen and (min-width: 480px) {
  .patients .table-checkbox-left tfoot button {
    padding-top: 0;
  }
  .patients .table-checkbox-left tfoot p {
    display: inline-block;
    padding-right: 5px;
  }
}
@media only screen and (min-width: 768px) {
  .patients .table-checkbox-left {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .patients .table-checkbox-left {
    padding-bottom: 55px;
  }
}
@media only screen and (min-width: 1200px) {
  .patients .table-checkbox-left {
    padding-bottom: 95px;
  }
}

#patients-content {
  padding-top: 0;
}

.patient-details {
  margin: 0;
  overflow: scroll;
  height: 100%;
}

.temperature_monthly .temperature-monthly__actions {
  display: flex;
  justify-content: flex-end;
}
.temperature_monthly .pdf-object__container .pdfobject-container {
  height: 1000px;
}

.temperature-overview .overview__carousel {
  background-color: #ffffff !important;
}
.temperature-overview .overview__carousel .bordered--red .tabs-carousel__item {
  border-width: 3px;
  border-color: #E18484;
}
@media only screen and (max-width: 767px) {
  .temperature-overview .overview__carousel .bordered--red .tabs-carousel__item {
    border: 1px solid #E18484;
    box-shadow: none;
    margin: 30px 10px;
  }
}
.temperature-overview .overview__carousel .tabs-carousel__title {
  border-bottom: none;
  color: #606060;
}
.temperature-overview .overview__carousel .tabs-carousel__item {
  border: 2px solid #03697D;
  background-color: #F5F5F5;
  border-radius: 25px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .temperature-overview .overview__carousel .tabs-carousel__item {
    box-shadow: none;
    margin: 30px 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .temperature-overview .overview__carousel .tabs-carousel__item {
    box-shadow: none;
    margin: 30px 15px;
  }
}
@media only screen and (min-width: 1200px) {
  .temperature-overview .overview__carousel .tabs-carousel__item {
    box-shadow: none;
    padding: 25px;
  }
}
.temperature-overview .overview__carousel .tabs-carousel__item .top-right {
  position: absolute;
  right: 25px;
  top: 25px;
}
@media only screen and (max-width: 767px) {
  .temperature-overview .overview__carousel .tabs-carousel__item .top-right {
    position: initial;
  }
}
.temperature-overview .overview__carousel .tabs-carousel__item .top-right .temp-card-reported {
  font-size: 12px;
  color: #8D8D8D;
}
.temperature-overview .overview__carousel .kiosk-temp-card {
  display: flex;
  height: 200px;
}
@media only screen and (max-width: 767px) {
  .temperature-overview .overview__carousel .kiosk-temp-card {
    height: auto;
  }
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge, .temperature-overview .overview__carousel .kiosk-temp-card .freezer {
  flex: 1 100%;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .temp-card-name, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .temp-card-name {
  text-align: center;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .temp-block, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .temp-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .temp-block .current-temp, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .temp-block .current-temp {
  color: #05819A;
  font-size: 50px;
  line-height: 1em;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations {
  color: #606060;
  display: flex;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration .temp-card-clock-icon path, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration .temp-card-clock-icon path {
  fill: #606060;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .min-temp, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .max-temp, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .min-temp, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .max-temp, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration {
  display: flex;
  flex: 1 100%;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .min-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .min-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .max-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .max-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .min-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .min-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .max-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .max-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration .min-max-value {
  margin-top: 15px;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .min-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .max-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .min-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .max-temp .clock-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration .clock-label {
  font-size: 12px;
  font-weight: lighter;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .min-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .max-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .min-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .max-temp .min-max-value, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration .min-max-value {
  font-size: 20px;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .min-temp .min-max-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .max-temp .min-max-label, .temperature-overview .overview__carousel .kiosk-temp-card .fridge .configurations .duration .min-max-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .min-temp .min-max-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .max-temp .min-max-label, .temperature-overview .overview__carousel .kiosk-temp-card .freezer .configurations .duration .min-max-label {
  font-weight: normal;
  font-size: 13px;
}
.temperature-overview .overview__carousel .kiosk-temp-card .fridge {
  border-right: 1px solid #606060;
}
.temperature-overview .overview__carousel .temp-arrow {
  position: absolute;
  height: 50px;
  width: 50px;
  cursor: pointer;
  color: #C1C1C1;
}
.temperature-overview .overview__carousel .temp-next::before,
.temperature-overview .overview__carousel .temp-prev::before {
  font-size: 55px;
}
.temperature-overview .overview__carousel .temp-next {
  right: -35px;
  top: 43%;
}
.temperature-overview .overview__carousel .temp-prev {
  left: -35px;
  bottom: 43%;
  z-index: 2;
}
.temperature-overview .overview-temp-graph__container .tab-header .title-bar {
  border-bottom: none;
}
.temperature-overview .overview-temp-graph__container .tab-header .title-bar .title {
  color: #03697D;
}
.temperature-overview .overview-temp-graph__container .tab-header .graph-chart-filters__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style-type: none;
}
@media only screen and (max-width: 767px) {
  .temperature-overview .overview-temp-graph__container .tab-header .graph-chart-filters__list {
    flex-direction: column;
    align-items: flex-start;
  }
  .temperature-overview .overview-temp-graph__container .tab-header .graph-chart-filters__list .graph-chart-filters__item {
    margin-bottom: 5px;
  }
}
.temperature-overview .overview-temp-graph__container .tab-header .graph-chart-filters__list .graph-chart-filters__item {
  display: inline-block;
}
.temperature-overview .overview-temp-graph__container .tab-header .graph-chart-filters__list .button-secondary {
  margin-top: 5px;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper {
  padding-top: 0;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper svg {
  font: 14px "Open Sans";
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper text {
  fill: #777777;
  color: #777777;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .axis path,
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .axis line {
  fill: none;
  stroke: #606060;
  shape-rendering: crispEdges;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .axis .tick line {
  stroke: rgba(0, 0, 0, 0.1);
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .y.axis {
  font-size: 14px;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .area {
  stroke-width: 1;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .area.outer {
  fill: rgba(193, 193, 193, 0.8);
  stroke: rgba(193, 193, 193, 0.8);
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .legend .outer {
  fill: #D9D9D9;
  stroke: #D9D9D9;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .area.inner {
  fill: rgba(14, 178, 202, 0.8);
  stroke: rgba(14, 178, 202, 0.8);
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .legend .inner {
  fill: #65C4D1;
  stroke: #65C4D1;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .median-line {
  fill: none;
  stroke: #03697D;
  stroke-width: 3;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .legend .median-line {
  fill: #03697D;
  stroke: #03697D;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .legend .legend-bg {
  fill: none;
  stroke: none;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker.client .marker-bg,
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker.client path {
  fill: rgba(255, 127, 0, 0.8);
  stroke: rgba(255, 127, 0, 0.8);
  stroke-width: 3;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker.server .marker-bg,
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker.server path {
  fill: rgba(0, 153, 51, 0.8);
  stroke: rgba(0, 153, 51, 0.8);
  stroke-width: 3;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker path {
  fill: none;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker text {
  fill: #ffffff;
  font-weight: bold;
}
.temperature-overview .overview-temp-graph__container .metrics-chart-wrapper .marker text {
  text-anchor: middle;
}

.customer-support main {
  flex: 1 0 auto;
  min-height: 80vh;
  margin-top: 80px;
}

/* Portal (AccuSite) Design System — component classes
   Ported from the claude.ai/design "TruMed / Portal (AccuSite) Design System" project,
   scoped to what POR-195/POR-208 use (button, pill, card, hero, empty-state, alert,
   form field/input, and the microlabel/num utilities). Nested under .portal-design-system
   so it only ever applies inside components that opt in, never globally — see the design
   system's own docs/spec.md for the full, not-yet-built component inventory and
   rollout plan.

   NOTES FOR THE NEXT TICKET (POR-198, POR-199, POR-200, ...) — layout patterns
   this file's consumers should reuse rather than reinvent, worked out while
   building the adopt page (POR-195/POR-208) against the reference prototype
   (Custom Item Creation v1.dc.html):

   1. Two-column page shape: `.portal-form-layout` with a
      `.portal-form-layout__main` column and a `.portal-form-layout__rail`
      (POR-222 — this used to be prose here and an inline style object in every
      consumer, which is how two pages built from the same tokens drifted into
      looking unrelated). The rail ALWAYS gets wrapped in a .portal-card, even
      when it holds nothing but action buttons — a bare button sitting in open
      whitespace reads as broken, not as "intentionally minimal."
   2. A simple field (text, disabled/locked text) is a `.portal-field-row`:
      label + caption in a fixed 170px left column, the input filling the
      remaining width on the SAME row — confirmed straight from the
      prototype's markup (`grid-template-columns:170px 1fr`). It is NOT a
      stacked label-above-input block, and it is NOT a multi-column grid of
      small boxes either — one row per field, each row full width. Reserve
      the plain stacked `.portal-field` (label above input) for a field
      whose control isn't a single-line input — search boxes, textareas,
      anything the row grid doesn't fit.
   3. Every locked/inherited field needs a caption between the label and the
      input explaining *why* it's inert — "Belongs to the shared record.",
      "Inherited — not editable here." A disabled input with no caption just
      looks broken, not intentional.
   4. `.portal-hero` (below) is the elevated identity box for the record's
      primary name + reference identifier — use it once per form, above the
      ordinary field rows, not as another field among equals. A locked value
      with a small, known option set (item kind, storage temperature) is
      NEITHER a `.portal-field-row` NOR the hero — it's `.portal-option-cards`
      (below): every option rendered as a dimmed card, the label sitting
      above the row of cards, and the one that applies highlighted. The same
      question asked EDITABLY is the same component, not a radio list or a
      <select>: add `.portal-option-card--selectable` (POR-222) and wrap a real
      radio in each card.
   5. `.portal-contract-rail` (POR-188 review item 3) is the dark "before you
      can use this item" card — eyebrow, headline, progress bar, checklist
      rows — currently rendered only in its all-✓, nothing-outstanding form
      on the adopt page. POR-199's own create-flow completeness bar still
      renders as the plain light `CompletenessRail` card today, not this
      class; a future create-flow pass that wants the same dark treatment
      for real (unmet) rows should reuse this class rather than build a
      second one — see this class's own `&__row` comment below for what that
      reuse would still need. A genuine save/identifier refusal on adopt
      falls back to the same light `CompletenessRail` card create already
      uses, so the existing problems/steer/correction behavior there stays
      untouched.
   6. A modal that needs to be wider than the app-wide default 45%-of-viewport
      `.modal` gets a dedicated modifier class next to `.modal` in
      `truview/modules/_modal.scss` (see `.add-item-search-modal`) rather than
      changing `.modal` itself, which every other modal in the app also uses. */
.portal-design-system {
  /* The .portal-form-layout rail. A token rather than a literal because
     anything rendering below the two-column form has to line up with the main
     column, and that means knowing the rail's width from outside it. */
  --portal-rail-width: 320px;
  box-sizing: border-box;
  color: var(--portal-color-ink);
  font-family: var(--portal-font-ui);
  font-size: var(--portal-text-md);
  line-height: var(--portal-leading-md);
  /* ---------- utilities ---------- */
  /* ---------- Layout ----------
     Note 1 above described the two-column page shape in prose and left every
     consumer to re-type it as an inline style object. That is exactly why the
     adopt page (POR-195/POR-208) and the create page (POR-199) ended up looking
     like two different apps despite sharing this whole token vocabulary: the
     atoms were shared, the composition never was. These two classes are that
     composition, so a second form gets the shape by naming it rather than by
     copying a style object out of adopt.js. */
  /* A vertical run of children with one gap between them — the single most
     repeated inline style object across these forms, almost always on a
     .portal-card__body. Default gap is space-4 because that is what the card
     bodies use; the two modifiers cover the tighter runs. */
  /* ---------- Button ---------- */
  /* ---------- StatusPill ---------- */
  /* ---------- Card / EmptyState ---------- */
  /* ---------- Packaging ----------
     The "what does one scan take off the shelf" panel and the arithmetic that
     follows from it (POR-222 — extracted from adopt.js, which held both as
     inline style objects, so the create shape can render the same package
     rather than a flat list of boxed fields).

     The adopt shape states the sentence; the create shape asks it, with the
     controls sitting inline in the same sentence. Same panel either way, which
     is the point: an admin who has adopted an item should recognise the package
     they are now authoring. */
  /* A small either/or, rendered as two pills rather than a select: there are
     exactly two answers, both matter, and neither should be hidden behind a
     closed control. Wraps a real radio, for the same reasons
     .portal-option-card--selectable does. */
  /* Sits under the row it belongs to, indented past the type column so it
     reads as attached to that code rather than to the list.

     Both insets are the row's own track maths, so the block starts and ends
     exactly where the value input does: 132px type + 8px gap on the left, 80px
     action + 8px gap on the right. Left alone, the right edge ran on under the
     Remove button and the message read as belonging to the whole row rather
     than to the field it is about. Keep these in step with
     .portal-identifier-row's grid-template-columns. */
  /* States the consequence of the choice above in the admin's own nouns. */
  /* 1 package = N units = M doses. The arithmetic the shelf will do, shown
     before the save so a wrong number is caught by the person who typed it. */
  /* ---------- Alerts ---------- */
  /* ---------- Hero ----------
     Not a page heading — a preview of the physical shelf label (POR-188
     follow-up: "the hero is not a header, it's a preview of the physical
     shelf label"). Name on the left (the alias if one is set, falling back
     to the item name, so it updates live as the admin types), an optional
     reference-identifier cell on the right, a footer strip below for the
     kind + codes + shape. The heavy 2px ink border, the tight radius, and
     the mist footer are what make it read as a label rather than a heading
     — matched exactly rather than reusing lighter card/border tokens. One
     per form, above the ordinary field rows — not a field among equals. */
  /* ---------- Page header ----------
     The frame above the cards on an authoring page: title + kind badge, a
     tertiary exit action top right, and a meta row of small secondary facts
     (POR-188 review item 1). */
  /* ---------- Contract rail ----------
     The dark "before you can use this item" card: eyebrow, headline + body,
     a progress bar, and checklist rows in the same shape a manual create's
     completeness bar could show — all ✓ here, since nothing on an adoption
     is ever incomplete (POR-188 review item 3). Only the adopt page renders
     this class today; see the file-header note above for what create would
     still need before reusing it for its own (currently unmet-capable)
     rows. */
  /* ---------- Forms ---------- */
  /* A simple single-line field: label + caption in a fixed left column,
     the input filling the rest of the row — see note 2 above. Each row is
     a full-width grid line inside its card, divided by a bottom border, the
     way the reference's Identity/Packaging card field lists render. */
  /* ---------- Toggle (ported verbatim from the design system's own
     assets/components.css — POR-208 needed it for Capture-at-load switches).
     Unlike .portal-choice, this one WANTS its input invisible (it's replaced
     by the __track's painted circle), so the legacy unscoped
     `input[type="checkbox"]` hide rule causes no conflict here — no override
     needed the way .portal-choice required one. */
  /* ---------- Locked option cards ----------
     For a locked value with a small, known option set (item kind, storage
     temperature) — never collapse it to one disabled text input. Render
     every option as a dimmed, inert card and highlight the one that applies,
     per the spec's own rule: "Locked storage renders dimmed and inert rather
     than collapsed to a sentence. The dimmed cards show the user which value
     applies; a sentence only asserts it." (POR-188 spec, "One form,
     per-field locking"). Reusable for any future locked small-option-set
     field — not just the two POR-208 needed it for. */
  /* The stacked layout's wrapper: a microlabel heading above a full-width card
     grid, as opposed to the 'row' layout which is an ordinary .portal-field-row
     with the cards in its control column. */
  /* ---------- Identifier row ----------
     A type-select + value-input pair, one row per code the package carries
     — the "Barcodes on this package" repeater (POR-198 follow-up fix 2).
     Per-row grid, not a shared grid across the whole list with the rows set
     to `display:contents`: a locked row's action column is genuinely empty
     (issue A — no disabled Remove, just a blank track), and an empty cell is
     only ever safe to omit when each row owns its own grid context. Flatten
     to one list-wide grid later only if an explicit placeholder cell comes
     with it — otherwise the next row's select auto-places into column 3 and
     the whole list shears. */
  /* Where a locked code came from (POR-223): a shared record's, or one this
     account added. Sits under the row and indented to the value column, so it
     reads as a caption on the code rather than on the type beside it. The row's
     6px bottom margin already separates it from the next row, so this only
     needs to close the gap upward. */
}
.portal-design-system * {
  box-sizing: border-box;
}
.portal-design-system h1,
.portal-design-system h2,
.portal-design-system h3,
.portal-design-system p {
  margin: 0;
}
.portal-design-system .portal-microlabel {
  font-size: 10px;
  font-weight: var(--portal-weight-bold);
  letter-spacing: var(--portal-label-tracking);
  text-transform: uppercase;
  color: var(--portal-color-text-secondary);
}
.portal-design-system .portal-num {
  font-variant-numeric: tabular-nums;
}
.portal-design-system .portal-form-layout {
  display: flex;
  gap: var(--portal-space-5);
  align-items: flex-start;
  /* min-width:0 is load-bearing, not defensive: a flex item defaults to
     min-width:auto, so one long unbreakable string (a package NDC list, a
     product name) inside the main column pushes the whole row wider than
     the page instead of ellipsing inside it. */
  /* 88px clears the app's own sticky header. align-self:flex-start is what
     makes `position:sticky` do anything at all here — a flex item stretches
     to the row's full height by default, and a box that is already as tall
     as its container has nothing to stick within. */
}
.portal-design-system .portal-form-layout__main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--portal-space-4);
}
.portal-design-system .portal-form-layout__rail {
  width: var(--portal-rail-width);
  flex: none;
  display: flex;
  flex-direction: column;
  gap: var(--portal-space-4);
  position: sticky;
  top: 88px;
  align-self: flex-start;
}
.portal-design-system .portal-stack {
  display: flex;
  flex-direction: column;
  gap: var(--portal-space-4);
}
.portal-design-system .portal-stack--gap-2 {
  gap: var(--portal-space-2);
}
.portal-design-system .portal-stack--gap-3 {
  gap: var(--portal-space-3);
}
.portal-design-system .portal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--portal-space-2);
  border: 1px solid transparent;
  border-radius: var(--portal-radius-md);
  font-family: var(--portal-font-ui);
  font-size: var(--portal-text-sm);
  font-weight: var(--portal-weight-semibold);
  line-height: 1;
  padding: 9px 16px;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
.portal-design-system .portal-button:focus-visible {
  outline: none;
  box-shadow: var(--portal-focus-ring);
}
.portal-design-system .portal-button--sm {
  padding: 6px 12px;
  font-size: var(--portal-text-xs);
}
.portal-design-system .portal-button--lg {
  padding: 12px 20px;
  font-size: var(--portal-text-md);
}
.portal-design-system .portal-button--primary {
  background: var(--portal-color-primary);
  color: #fff;
}
.portal-design-system .portal-button--primary:hover {
  background: var(--portal-color-primary-hover);
}
.portal-design-system .portal-button--secondary {
  background: var(--portal-color-surface);
  color: var(--portal-color-primary);
  border-color: var(--portal-neutral-300);
}
.portal-design-system .portal-button--secondary:hover {
  background: var(--portal-color-mist);
}
.portal-design-system .portal-button--tertiary {
  background: transparent;
  color: var(--portal-color-primary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.portal-design-system .portal-button--tertiary:hover {
  background: var(--portal-color-mist);
  text-decoration: none;
}
.portal-design-system .portal-button--destructive {
  background: var(--portal-status-critical);
  color: #fff;
}
.portal-design-system .portal-button--destructive:hover {
  background: #9a1717;
}
.portal-design-system .portal-button:disabled {
  background: var(--portal-neutral-200);
  border-color: transparent;
  color: var(--portal-neutral-500);
  cursor: not-allowed;
  text-decoration: none;
}
.portal-design-system .portal-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: var(--portal-radius-pill);
  border: 1px solid transparent;
  padding: 2px 9px;
  font-size: 10px;
  font-weight: var(--portal-weight-bold);
  letter-spacing: var(--portal-label-tracking);
  text-transform: uppercase;
}
.portal-design-system .portal-pill--critical {
  color: var(--portal-status-critical);
  background: var(--portal-status-critical-bg);
  border-color: color-mix(in srgb, var(--portal-status-critical) 28%, #ffffff);
}
.portal-design-system .portal-pill--warning {
  color: var(--portal-status-warning-deep);
  background: var(--portal-status-warning-bg);
  border-color: color-mix(in srgb, var(--portal-status-warning) 28%, #ffffff);
}
.portal-design-system .portal-pill--healthy {
  color: var(--portal-status-healthy);
  background: var(--portal-status-healthy-bg);
  border-color: color-mix(in srgb, var(--portal-status-healthy) 28%, #ffffff);
}
.portal-design-system .portal-pill--info {
  color: var(--portal-status-info);
  background: var(--portal-status-info-bg);
  border-color: color-mix(in srgb, var(--portal-status-info) 28%, #ffffff);
}
.portal-design-system .portal-card {
  background: var(--portal-color-surface);
  border: 1px solid var(--portal-color-border);
  border-radius: var(--portal-radius-lg);
  box-shadow: var(--portal-shadow-sm);
  /* The middle step of the hierarchy. At 13px/600 it was almost the same as
     a field label at 12px/600, so a section did not read as containing its
     fields. */
  /* A card nested inside another card — one physical package inside the
     Packaging section. Sunk against the page ground rather than raised, so it
     reads as a compartment of its parent and not as a second peer card. */
}
.portal-design-system .portal-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--portal-space-3) var(--portal-space-4);
  border-bottom: 1px solid var(--portal-color-mist);
  font-weight: var(--portal-weight-bold);
  font-size: 15px;
}
.portal-design-system .portal-card__body {
  padding: var(--portal-space-4);
}
.portal-design-system .portal-card--sunken {
  background: var(--portal-color-bg);
}
.portal-design-system .portal-scannable-level {
  border: 1px solid var(--portal-color-border);
  border-radius: var(--portal-radius-md);
  padding: var(--portal-space-3);
  display: flex;
  flex-direction: column;
  gap: 6px;
  /* A value stated rather than asked: the locked shape's bold nouns. */
  /* An inline control standing where a noun would. Sized to its content so
     the sentence stays a sentence rather than becoming a form row. */
  /* A second question inside the same panel, divided from the sentence by a
     dashed rule rather than a solid one — it is a continuation of the same
     thought, not a new section. */
}
.portal-design-system .portal-scannable-level__sentence {
  font-size: 13.5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  /* The sentence reads as a sentence even when its nouns are controls, so
     the line box has to accommodate an input without the words jumping. */
  min-height: 34px;
}
.portal-design-system .portal-scannable-level__value {
  font-weight: var(--portal-weight-bold);
}
.portal-design-system .portal-scannable-level__control {
  width: auto;
  min-width: 0;
  margin: 0;
}
.portal-design-system .portal-scannable-level__detail {
  font-size: var(--portal-text-sm);
  color: var(--portal-color-text-secondary);
}
.portal-design-system .portal-scannable-level__section {
  border-top: 1px dashed var(--portal-color-border);
  padding-top: var(--portal-space-3);
  margin-top: var(--portal-space-1);
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}
.portal-design-system .portal-pill-group {
  display: flex;
  gap: var(--portal-space-2);
  flex-wrap: wrap;
}
.portal-design-system .portal-pill-toggle {
  position: relative;
  border: 1px solid var(--portal-neutral-300);
  background: var(--portal-color-surface);
  border-radius: var(--portal-radius-md);
  padding: 7px 15px;
  font-size: var(--portal-text-sm);
  font-weight: var(--portal-weight-semibold);
  color: var(--portal-color-primary);
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
  /* Same override the option cards need: the app-wide radio rule hides every
     radio with visibility:hidden, which is not focusable and not in the
     accessibility tree. */
  /* The adopt shape states this answer rather than asking it, so the pills
     are dimmed and inert and only the one that applies is lit — the same
     treatment .portal-option-card gives a locked small-option-set field. */
}
.portal-design-system .portal-pill-toggle:hover {
  background: var(--portal-color-mist);
}
.portal-design-system .portal-pill-toggle.is-selected {
  background: var(--portal-color-primary);
  border-color: var(--portal-color-primary);
  color: #fff;
}
.portal-design-system .portal-pill-toggle input {
  position: absolute;
  left: auto;
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.portal-design-system .portal-pill-toggle:has(input:focus-visible) {
  box-shadow: var(--portal-focus-ring);
}
.portal-design-system .portal-pill-toggle--locked {
  cursor: default;
  opacity: 0.55;
}
.portal-design-system .portal-pill-toggle--locked:hover {
  background: var(--portal-color-surface);
}
.portal-design-system .portal-pill-toggle--locked.is-selected {
  opacity: 1;
}
.portal-design-system .portal-identifier-warning {
  margin: 0 88px 6px 140px;
  font-size: var(--portal-text-sm);
}
.portal-design-system .portal-dispense-note {
  background: var(--portal-color-mist);
  border-radius: var(--portal-radius-sm);
  padding: 9px 12px;
  font-size: var(--portal-text-sm);
  align-self: stretch;
}
.portal-design-system .portal-package-totals {
  font-size: var(--portal-text-sm);
  color: var(--portal-color-text-secondary);
  border-top: 1px solid var(--portal-color-border);
  padding-top: var(--portal-space-2);
}
.portal-design-system .portal-empty-state {
  text-align: center;
  padding: var(--portal-space-10) var(--portal-space-6);
  color: var(--portal-color-text-secondary);
}
.portal-design-system .portal-empty-state__title {
  font-size: var(--portal-text-lg);
  font-weight: var(--portal-weight-semibold);
  color: var(--portal-color-ink);
  margin-bottom: var(--portal-space-2);
}
.portal-design-system .portal-alert {
  display: flex;
  gap: var(--portal-space-3);
  align-items: flex-start;
  border-radius: var(--portal-radius-md);
  border: 1px solid var(--portal-color-border);
  padding: var(--portal-space-3) var(--portal-space-4);
  background: var(--portal-color-surface);
  font-size: var(--portal-text-sm);
  line-height: var(--portal-leading-sm);
}
.portal-design-system .portal-alert__title {
  font-weight: var(--portal-weight-semibold);
  margin-bottom: 2px;
}
.portal-design-system .portal-alert--critical {
  border-color: color-mix(in srgb, var(--portal-status-critical) 28%, #ffffff);
  background: var(--portal-status-critical-bg);
}
.portal-design-system .portal-alert--critical .portal-alert__title {
  color: var(--portal-status-critical);
}
.portal-design-system .portal-alert--warning {
  border-color: color-mix(in srgb, var(--portal-status-warning) 28%, #ffffff);
  background: var(--portal-status-warning-bg);
}
.portal-design-system .portal-alert--warning .portal-alert__title {
  color: var(--portal-status-warning-deep);
}
.portal-design-system .portal-alert--healthy {
  border-color: color-mix(in srgb, var(--portal-status-healthy) 28%, #ffffff);
  background: var(--portal-status-healthy-bg);
}
.portal-design-system .portal-alert--healthy .portal-alert__title {
  color: var(--portal-status-healthy);
}
.portal-design-system .portal-alert--info {
  border-color: color-mix(in srgb, var(--portal-status-info) 28%, #ffffff);
  background: var(--portal-status-info-bg);
}
.portal-design-system .portal-alert--info .portal-alert__title {
  color: var(--portal-status-info);
}
.portal-design-system .portal-hero {
  border: 2px solid var(--portal-color-ink);
  border-radius: 4px;
  overflow: hidden;
  /* Pushed to the far end and allowed to ellipse: it is the least important
     fact on the strip and the only one of variable length, so it is the one
     that gives way when the label is narrow. */
}
.portal-design-system .portal-hero__row {
  display: flex;
  align-items: stretch;
}
.portal-design-system .portal-hero__main {
  flex: 1;
  min-width: 0;
  padding: 11px 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.portal-design-system .portal-hero__title {
  margin: 0;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.15;
  /* Nothing named yet: the create shape opens here and stays here until
     the admin types a name. */
}
.portal-design-system .portal-hero__title.is-placeholder {
  color: var(--portal-neutral-400);
}
.portal-design-system .portal-hero__alias-note {
  font-size: 11px;
  color: var(--portal-color-text-secondary);
  margin-top: 3px;
}
.portal-design-system .portal-hero__meta {
  flex: none;
  padding: 9px 14px;
  border-left: 2px solid var(--portal-color-ink);
  text-align: right;
}
.portal-design-system .portal-hero__meta-value {
  font-weight: var(--portal-weight-bold);
  margin-top: 2px;
}
.portal-design-system .portal-hero__footer {
  border-top: 2px solid var(--portal-color-ink);
  background: var(--portal-color-mist);
  padding: 7px 14px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 11px;
}
.portal-design-system .portal-hero__footer-kind {
  font-weight: var(--portal-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.portal-design-system .portal-hero__footer-codes {
  white-space: nowrap;
}
.portal-design-system .portal-hero__footer-source {
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--portal-color-text-secondary);
}
.portal-design-system .portal-page-header {
  margin-bottom: var(--portal-space-4);
  /* Two controls where the exit used to stand alone (POR-223): the view/edit
     page offers Edit beside the way out. Its own row rather than a wider gap
     on __row, so the pair stays together against the right edge instead of
     spreading across the header. */
  /* A page title, not a section header. At 18px it sat level with the card
     headers it is supposed to sit above, so the hierarchy had two steps
     where it needs three: page title, section header, field label. */
}
.portal-design-system .portal-page-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--portal-space-3);
}
.portal-design-system .portal-page-header__heading {
  display: flex;
  align-items: center;
  gap: var(--portal-space-3);
}
.portal-design-system .portal-page-header__actions {
  display: flex;
  align-items: center;
  gap: var(--portal-space-2);
  flex-shrink: 0;
}
.portal-design-system .portal-page-header__title {
  font-size: 29px;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.portal-design-system .portal-page-header__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: var(--portal-space-2);
  font-size: 12.5px;
  color: var(--portal-color-text-secondary);
}
.portal-design-system .portal-contract-rail {
  background: var(--portal-color-ink);
  border-radius: var(--portal-radius-lg);
  padding: var(--portal-space-4);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: var(--portal-space-3);
  /* "Not done yet", not "error". Drawn rather than typed so it centres
     predictably at this size. */
  /* --portal-status-warning-fill rather than the status amber: this mark sits
     on the ink background, where the on-white text amber goes muddy. */
}
.portal-design-system .portal-contract-rail__eyebrow {
  font-size: 10.5px;
  font-weight: var(--portal-weight-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}
.portal-design-system .portal-contract-rail__headline {
  font-size: 15px;
  font-weight: 700;
}
.portal-design-system .portal-contract-rail__progress {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.portal-design-system .portal-contract-rail__progress-track {
  height: 6px;
  border-radius: var(--portal-radius-pill);
  background: rgba(255, 255, 255, 0.18);
  overflow: hidden;
}
.portal-design-system .portal-contract-rail__progress-fill {
  height: 100%;
  background: #5eead4;
  transition: width 160ms ease;
}
.portal-design-system .portal-contract-rail__count {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
}
.portal-design-system .portal-contract-rail__rows {
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: var(--portal-space-3) 0 0;
  /* Separates the header block from the checklist, so the progress figures
     read as a summary of the list rather than the first item in it. */
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.portal-design-system .portal-contract-rail__row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  width: 100%;
  text-align: left;
  background: none;
  border: 0;
  padding: 4px 0;
  cursor: pointer;
}
.portal-design-system .portal-contract-rail__row:hover .portal-contract-rail__row-text {
  color: #fff;
}
.portal-design-system .portal-contract-rail__row:focus-visible {
  outline: none;
  box-shadow: var(--portal-focus-ring);
}
.portal-design-system .portal-contract-rail__row-mark {
  flex: none;
  width: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Matches the row text's own line box, so a ✓ and a dot sit on the same
     line rather than one riding high. */
  height: calc(12.5px * 1.45);
  color: #5eead4;
}
.portal-design-system .portal-contract-rail__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--portal-status-warning-fill);
}
.portal-design-system .portal-contract-rail__row-text {
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
}
.portal-design-system .portal-contract-rail__row.is-unmet .portal-contract-rail__row-mark {
  color: var(--portal-status-warning-fill);
}
.portal-design-system .portal-contract-rail__row.is-unmet .portal-contract-rail__row-text {
  font-weight: var(--portal-weight-semibold);
  color: #fff;
}
.portal-design-system .portal-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-width: 320px;
}
.portal-design-system .portal-field__label {
  font-size: var(--portal-text-sm);
  font-weight: var(--portal-weight-semibold);
  margin-bottom: 5px;
}
.portal-design-system .portal-field__help {
  font-size: var(--portal-text-xs);
  color: var(--portal-color-text-secondary);
}
.portal-design-system .portal-field-row {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: var(--portal-space-3);
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid var(--portal-color-mist);
  /* The right-hand column. A row's control is not always a lone input: an
     editable field can carry help text under it that is too long to read in
     the 170px label column (POR-222, porting create.js's field help into
     this shape). */
  /* For a row whose control is taller than one line (the option-card sets),
     so the label sits at the top rather than floating in the vertical middle
     of a card grid. The padding nudges the label's cap-height onto the first
     card's title instead of the card's top border. */
}
.portal-design-system .portal-field-row:first-child {
  border-top: 1px solid var(--portal-color-mist);
}
.portal-design-system .portal-field-row__label {
  font-size: var(--portal-text-sm);
  font-weight: var(--portal-weight-semibold);
}
.portal-design-system .portal-field-row__caption {
  font-size: var(--portal-text-xs);
  color: var(--portal-color-text-secondary);
  margin-top: 2px;
}
.portal-design-system .portal-field-row__control {
  display: flex;
  flex-direction: column;
  gap: var(--portal-space-1);
  min-width: 0;
  /* truview/modules/_forms.scss's bare `select`/`input[type=text]` rules
     carry an 18px bottom margin meant for stacked fields, and .portal-input
     never overrides it — the same leak .portal-identifier-row documents.
     While the input was a direct grid child, `align-items:center` absorbed
     it into the row height and it merely made every row 18px taller than it
     looks. In this column it would land as a visible gap between a field
     and its own help text. Zeroed here; every other .portal-input still
     needs that margin for its own stacked spacing. */
}
.portal-design-system .portal-field-row__control > .portal-input {
  width: 100%;
  margin: 0;
}
.portal-design-system .portal-field-row--top {
  align-items: start;
}
.portal-design-system .portal-field-row--top > :first-child {
  padding-top: 9px;
}
.portal-design-system .portal-input {
  font-family: var(--portal-font-ui);
  font-size: var(--portal-text-md);
  color: var(--portal-color-ink);
  background: var(--portal-color-surface);
  border: 1px solid var(--portal-neutral-300);
  border-radius: var(--portal-radius-sm);
  padding: 8px 12px;
  transition: border-color 120ms ease;
}
.portal-design-system .portal-input:is(select) {
  line-height: normal;
}
.portal-design-system .portal-input::placeholder {
  color: var(--portal-neutral-400);
}
.portal-design-system .portal-input:hover {
  border-color: var(--portal-neutral-400);
}
.portal-design-system .portal-input:focus-visible {
  outline: none;
  border-color: var(--portal-color-primary);
  box-shadow: var(--portal-focus-ring);
}
.portal-design-system .portal-input.is-invalid {
  border-color: var(--portal-status-critical);
}
.portal-design-system .portal-input:disabled {
  background: var(--portal-color-mist);
  color: var(--portal-neutral-500);
  cursor: not-allowed;
}
.portal-design-system .portal-choice {
  display: inline-flex;
  align-items: center;
  gap: var(--portal-space-2);
  font-size: var(--portal-text-sm);
  cursor: pointer;
}
.portal-design-system .portal-choice input {
  accent-color: var(--portal-color-primary);
  width: 16px;
  height: 16px;
  position: static;
  opacity: 1;
  visibility: visible;
  left: auto;
}
.portal-design-system .portal-toggle {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.portal-design-system .portal-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.portal-design-system .portal-toggle__track {
  position: absolute;
  inset: 0;
  border-radius: var(--portal-radius-pill);
  background: var(--portal-neutral-300);
  transition: background 120ms ease;
}
.portal-design-system .portal-toggle__track::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  transition: transform 120ms ease;
  box-shadow: var(--portal-shadow-sm);
}
.portal-design-system .portal-toggle input:checked + .portal-toggle__track {
  background: var(--portal-color-primary);
}
.portal-design-system .portal-toggle input:checked + .portal-toggle__track::after {
  transform: translateX(16px);
}
.portal-design-system .portal-toggle input:focus-visible + .portal-toggle__track {
  box-shadow: var(--portal-focus-ring);
}
.portal-design-system .portal-option-group__label {
  margin-bottom: var(--portal-space-2);
}
.portal-design-system .portal-option-cards {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.portal-design-system .portal-option-cards--grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--portal-space-2);
}
.portal-design-system .portal-option-card {
  flex: 1 1 0;
  border: 1.5px solid var(--portal-color-border);
  border-radius: var(--portal-radius-md);
  padding: 11px 13px;
  background: var(--portal-color-mist);
  opacity: 0.55;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  /* Holds one or two glyphs — cold intensity is encoded by how many there
     are. Colour lives here rather than on the glyph so an unselected icon
     recedes instead of competing with the card's title, which is the weight
     it had while it inherited ink. */
  /* Selected: the icon takes the card's own emphasis, matching the title. */
  /* The editable counterpart of the dimmed locked card above. Same card, same
     selected treatment; it is simply not dimmed, and it answers to a pointer
     and a keyboard. POR-199's create form asks the same two small-option-set
     questions the adopt page locks (item kind, storage temperature) and today
     answers them with a radio list and a <select> — this is what lets the two
     shapes render one component with one style instead of three controls that
     happen to collect the same value.

     Markup is a <label> wrapping a real <input type="radio">, never a div with
     an onClick: the radio is what carries the role, the group semantics and
     arrow-key navigation, and it keeps existing getByRole('radio') specs
     working across the swap. */
}
.portal-design-system .portal-option-card__icon {
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 1px;
  color: var(--portal-neutral-400);
  transition: color 120ms ease;
}
.portal-design-system .portal-option-card__icon > svg {
  flex: none;
}
.portal-design-system .portal-option-card__body {
  min-width: 0;
}
.portal-design-system .portal-option-card__title {
  font-weight: var(--portal-weight-semibold);
  font-size: var(--portal-text-sm);
}
.portal-design-system .portal-option-card__subtitle {
  font-size: var(--portal-text-xs);
  color: var(--portal-color-text-secondary);
  margin-top: 3px;
}
.portal-design-system .portal-option-card.is-selected {
  border-color: var(--portal-color-primary);
  background: var(--portal-color-surface);
  opacity: 1;
}
.portal-design-system .portal-option-card.is-selected .portal-option-card__icon {
  color: var(--portal-color-primary);
}
.portal-design-system .portal-option-card--selectable {
  opacity: 1;
  background: var(--portal-color-surface);
  position: relative;
  cursor: pointer;
  transition: border-color 120ms ease, background-color 120ms ease;
  /* truview/modules/_forms.scss hides every radio app-wide with
     `visibility:hidden; position:absolute; left:-999em` and expects a
     SIBLING label to paint a custom glyph. The input is nested inside the
     label here, so that glyph never matches (same situation .portal-choice
     documents). visibility has to come back regardless of the glyph: a
     visibility:hidden control is not focusable and is not in the
     accessibility tree at all, so leaving it would make these cards
     unreachable by keyboard and invisible to a screen reader. Kept
     visually absent by opacity/size instead, which loses neither. */
  /* The focus ring belongs on the card, because the input it actually
     lands on is a 1px box nobody can see. */
}
.portal-design-system .portal-option-card--selectable:hover {
  border-color: var(--portal-neutral-400);
  background: var(--portal-color-mist);
}
.portal-design-system .portal-option-card--selectable input {
  position: absolute;
  left: auto;
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.portal-design-system .portal-option-card--selectable:has(input:focus-visible) {
  box-shadow: var(--portal-focus-ring);
}
.portal-design-system .portal-identifier-row {
  display: grid;
  grid-template-columns: 132px 1fr 80px;
  gap: 8px;
  align-items: center;
  margin-bottom: 6px;
  /* The create shape authors exactly one code and has nothing to remove it
     with (POR-222) — its row is the same type-beside-value pairing without
     the action track, rather than a differently-shaped control that collects
     the same answer. Drop this modifier when that form gains the repeater. */
}
.portal-design-system .portal-identifier-row:last-child {
  margin-bottom: 0;
}
.portal-design-system .portal-identifier-row--no-action {
  grid-template-columns: 132px 1fr;
  margin-bottom: 0;
}
.portal-design-system .portal-identifier-row .portal-input {
  margin: 0;
}
.portal-design-system .portal-identifier-row__origin {
  margin: -4px 0 8px 140px;
  font-size: 11.5px;
  color: var(--portal-color-text-secondary);
}