.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.text-field input:focus ~ label.floating,
.text-field .text-field-multi:focus ~ label.floating, .text-field.filled label.floating {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  padding: 0;
  font-size: 10px;
  color: var(--primary-color, #24aba1);
  bottom: calc(100% - 12px);
}

.text-field {
  border-bottom: 1px solid var(--text-color-disabled, rgba(96, 124, 138, 0.4));
  display: flex;
  align-items: flex-end;
  height: fit-content;
  position: relative;
  width: 100%;
  color: var(--text-color, #677074);
  min-height: 40px;
  margin: 25px 0;
}
.text-field.disabled {
  border-bottom: 2px dotted var(--text-color-disabled, rgba(96, 124, 138, 0.4));
}
.text-field label.floating {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  cursor: text;
  padding: 8px 0;
  color: var(--text-color-disabled, rgba(96, 124, 138, 0.4));
  pointer-events: none;
}
.text-field label {
  user-select: none;
}
.text-field label.error {
  color: red;
  position: absolute;
  top: 100%;
  left: 0;
  font-size: 11px;
}
.text-field input,
.text-field .text-field-multi {
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  color: var(--text-color, #677074);
  padding: 8px 0 0 0;
  font-size: 16px;
  margin-bottom: 5px;
  cursor: text;
}
.text-field input:invalid,
.text-field .text-field-multi:invalid {
  color: red !important;
}
.text-field input::-webkit-input-placeholder,
.text-field .text-field-multi::-webkit-input-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: transparent;
}
.text-field input:-moz-placeholder,
.text-field .text-field-multi:-moz-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: transparent;
}
.text-field input::-moz-placeholder,
.text-field .text-field-multi::-moz-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: transparent;
}
.text-field input:-ms-input-placeholder,
.text-field .text-field-multi:-ms-input-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: transparent;
}
.text-field input:focus::-webkit-input-placeholder,
.text-field .text-field-multi:focus::-webkit-input-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: var(--text-color-disabled, rgba(96, 124, 138, 0.4));
}
.text-field input:focus:-moz-placeholder,
.text-field .text-field-multi:focus:-moz-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: var(--text-color-disabled, rgba(96, 124, 138, 0.4));
}
.text-field input:focus::-moz-placeholder,
.text-field .text-field-multi:focus::-moz-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: var(--text-color-disabled, rgba(96, 124, 138, 0.4));
}
.text-field input:focus:-ms-input-placeholder,
.text-field .text-field-multi:focus:-ms-input-placeholder {
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: var(--text-color-disabled, rgba(96, 124, 138, 0.4));
}
.text-field input:focus + div,
.text-field .text-field-multi:focus + div {
  transform: scaleX(1);
}
.text-field input + div,
.text-field .text-field-multi + div {
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  border-bottom: 2px solid var(--primary-color, #24aba1);
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transform: scaleX(0);
}
.text-field.error {
  text-align: left !important;
}
.text-field.error input + div,
.text-field.error .text-field-multi + div {
  border-bottom: 2px solid red;
  transform: scaleX(1);
}
.text-field.error input ~ label.floating,
.text-field.error .text-field-multi ~ label.floating {
  color: red;
}.password-confirm-field {
  position: relative;
}
.password-confirm-field .visibility {
  position: absolute;
  right: 0;
  top: 0;
}.tooltip-container {
  display: inline-block;
  position: relative;
}
.tooltip-container .tooltip {
  display: none;
}
.tooltip-container:hover .tooltip {
  position: absolute;
  display: flex;
  align-items: center;
  background-color: #677074;
  color: white;
  padding: 4px 14px 6px 14px;
  top: -30px;
  right: 20px;
  font-size: 0.6em;
  text-align: center;
  border-radius: 1em;
  white-space: nowrap;
}

.tooltip-right .tooltip {
  right: 0 !important;
  transform: translate(0, -50%);
}

.tooltip-center .tooltip {
  right: 50%;
  transform: translate(50%, 0);
}.action-box a, .boxes .box, .action-box .box {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.dash {
  min-height: calc(100vh - 180px);
  padding: 60px 50px;
}

.disp-info {
  color: white;
  font-size: 1.8em;
  margin: 0 0 40px 15px;
}

.boxes, .action-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 10px;
  row-gap: 20px;
}
.boxes .box, .action-box .box {
  display: inline-block;
  width: 200px;
  height: 200px;
  padding: 0;
  color: white;
  font-size: 1.4em;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  border-radius: var(--border-radius);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18), 0 2px 4px rgba(0, 0, 0, 0.18);
}
.boxes .box:link, .action-box .box:link {
  color: inherit;
}
.boxes .box:visited, .action-box .box:visited {
  color: inherit;
}
.boxes .box.fake, .action-box .box.fake {
  background-color: transparent;
  border: none;
  box-shadow: none;
  height: 1px;
}
.boxes .box .box-wrapper, .action-box .box .box-wrapper {
  height: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.action-box {
  display: flex;
  align-items: center;
  position: relative;
  margin: 50px 15px;
  height: 115px;
}
.action-box a {
  width: 100%;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0;
  background-color: #24aba1;
  border: none;
  height: 100%;
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5em;
}
.action-box a .box-wrapper {
  text-align: center;
  height: 100%;
}

.box-title {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: #677074;
}

.box-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
.box-icon svg {
  margin-top: -15px;
  width: 40% !important;
  height: 40% !important;
}

.rec-home-icon svg {
  color: #007a71 !important;
}

.med-home-icon svg {
  color: rgb(1.7411167513, 117.5253807107, 169.7588832487) !important;
}

.online-badge-container {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 10;
}
.online-badge-container .online-badge {
  position: relative;
  display: flex;
  padding: 6px;
  font-size: 0.7em;
  background-color: #be0009;
  color: white;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.9;
  width: 16px;
  height: 16px;
}.dialog-container footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.dialog-container {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
}
.dialog-container.closed {
  display: none;
}
.dialog-container header {
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
  padding: 20px;
}
.dialog-container header h2 {
  margin: 0;
}
.dialog-container footer {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  margin: 0;
  box-sizing: border-box;
}
.dialog-container footer button {
  display: flex;
  align-items: center;
}
.dialog-container main {
  padding: 20px;
}
.dialog-container .dialog-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 401;
}
.dialog-container .dialog-inner {
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  width: 70%;
  position: relative;
  z-index: 402;
  max-height: 95vh;
  border-radius: var(--border-radius);
}
.dialog-container.dialog-alert .dialog-inner {
  width: 40%;
}

.dialog-enter {
  transform: translateY(100%);
}

.dialog-enter.dialog-enter-active {
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.dialog-leave {
  transform: translateY(0);
}

.dialog-leave.dialog-leave-active {
  transform: translateY(100%);
  transition: transform 300ms cubic-bezier(0.4, 0, 1, 1);
}.barcode-print .item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.barcode-print .item .actions-icons button, .barcode-print .item .actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.barcode-print .item .actions-icons button:hover, .barcode-print .item .actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.barcode-print .item .actions-icons button:disabled, .barcode-print .item .actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.barcode-print {
  padding: 50px;
}
.barcode-print h1 small {
  display: block;
  font-size: 0.6em;
}
.barcode-print .print-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.barcode-print .print-custom-container {
  display: flex;
  justify-content: space-between;
}
.barcode-print .print-custom-container .print-barcode {
  width: 47%;
}
.barcode-print .print-custom-container .custom-barcode {
  width: 47%;
}
.barcode-print .item {
  padding: 0;
  margin-bottom: 20px;
}
.barcode-print .item .success-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.barcode-print .item .container {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}
.barcode-print .item .details, .barcode-print .item .print {
  flex: 1;
}
.barcode-print .item .field {
  width: 5em;
  float: right;
}
.barcode-print .item .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-top: 1px solid rgb(242.25, 242.25, 242.25);
  padding: 5px 20px;
}
.barcode-print .item .actions button {
  margin: 0;
}
.barcode-print .item .actions-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.barcode-print .item .actions-icons button {
  margin: 0;
}
.barcode-print .custom-sku-dialog h2 {
  margin: 5px;
}
.barcode-print .custom-sku-dialog .dialog-inner {
  width: 50%;
}
.barcode-print .custom-sku-dialog .barcode-scan {
  width: 25%;
  margin-left: 30px;
}.bar-code-input {
  position: relative;
}
.bar-code-input svg {
  position: absolute;
  right: 0;
  top: 5px;
}.receive-landing {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.receive-landing .unreceived-list .unreceived-package, .receive-landing form {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.receive-landing {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.receive-landing h2 {
  margin-bottom: 10px;
}
.receive-landing form {
  width: 960px;
  box-sizing: border-box;
}
.receive-landing footer {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.receive-landing footer button:first-of-type {
  margin-right: 20px;
}
.receive-landing .pkg-error {
  color: #be0009;
}
.receive-landing .loader {
  margin-bottom: 20px !important;
}
.receive-landing .unreceived-list {
  width: 960px;
}
.receive-landing .unreceived-list .unreceived-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 10px 0;
}
.receive-landing .unreceived-list .unreceived-package {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.receive-landing .unreceived-list .unreceived-package button {
  margin: 0;
}
.receive-landing .unreceived-list .left {
  display: flex;
  align-items: center;
}
.receive-landing .unreceived-list .left .pkg-qty {
  text-align: center;
  margin-right: 20px;
  font-size: 0.8em;
}
.receive-landing .package-search {
  display: flex;
  justify-content: center;
}
.receive-landing .package-search > input {
  width: 330px;
  border: none;
  color: #677074;
  font-size: 1.25em;
  padding: 5px;
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
  outline: none;
}.cancel-x {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cancel-x svg {
  width: 18px;
  height: 18px;
  fill: #be0009 !important;
}

.item-special {
  font-style: italic;
  font-weight: bold;
}.autocomplete {
  position: relative;
}
.autocomplete.focused .click-away {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}
.autocomplete .field {
  position: relative;
  z-index: 11;
}
.autocomplete .field .icon {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
}
.autocomplete .field .icon svg {
  fill: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
}
.autocomplete .suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  max-height: 300px;
  overflow: auto;
}
.autocomplete .suggestions .empty {
  padding: 20px;
}
.autocomplete .suggestions .empty.has-action {
  cursor: pointer;
}
.autocomplete .suggestions .menu-item {
  padding: 20px;
  cursor: pointer;
}
.autocomplete .suggestions .menu-item:hover {
  background-color: rgb(229.5, 229.5, 229.5);
}
.autocomplete .suggestions .menu-item.focused {
  background-color: rgb(229.5, 229.5, 229.5);
}
.autocomplete .suggestions .menu-item .name-loyalty {
  display: flex;
  align-items: center;
}
.autocomplete .suggestions .menu-item .name-loyalty .type-icon {
  margin-right: 10px;
}
.autocomplete .suggestions .menu-item .name-loyalty button {
  height: 22px !important;
  padding: 0 !important;
}
.autocomplete .suggestions .menu-item .name-loyalty .loyalty-icon svg {
  height: 18px !important;
}
.autocomplete .suggestions .menu-item .name-loyalty .loyalty-icon button {
  width: 30px !important;
}.markdown-explainer {
  background-color: rgba(245, 245, 245, 0.8);
  padding: 2rem;
}
.markdown-explainer h4 {
  margin-top: 0;
}
.markdown-explainer table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: auto;
  width: 80%;
}
.markdown-explainer table .custom-hr {
  margin-top: 2rem;
}
.markdown-explainer table .normal-font {
  font-family: "Roboto", sans-serif;
}
.markdown-explainer table td,
.markdown-explainer table th {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
}
.markdown-explainer table td:first-child,
.markdown-explainer table th:first-child {
  padding-left: 0;
}
.markdown-explainer table td:first-child {
  font-family: "Roboto Mono", "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
}
.markdown-explainer table th:last-child,
.markdown-explainer table td:last-child {
  padding-right: 0;
}

.supports-markdown {
  background: none;
  border: none;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-family: inherit;
  font-size: 0.9em;
  margin: auto;
  padding-top: 3px;
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.supports-markdown p {
  margin: 0;
}.product-tag {
  position: relative;
  display: inline-block;
  z-index: 7;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  margin-right: 25px;
}
.product-tag .tag-body {
  display: inline-block;
  padding: 4px 6px;
  background-color: #24aba1;
  color: white;
  border-radius: 2px;
  z-index: 1;
}
.product-tag .tag-edge {
  position: absolute;
  right: -9px;
  top: 4px;
  border-radius: 2px;
  background-color: #24aba1;
  width: 20px;
  height: 20px;
  transform: rotate(-45deg);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  z-index: -1;
}
.product-tag .tag-hole {
  background-color: white;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  position: absolute;
  right: -4px;
  top: 12px;
  box-shadow: inset 0 0 1px #aaaaaa;
}
.product-tag .remove-tag {
  position: absolute;
  right: -21px;
  top: -10px;
  z-index: 100000;
  color: red;
  width: 10px;
  height: 10px;
}
.product-tag .remove-tag svg {
  fill: #be0009 !important;
}
.product-tag .remove-tag:hover {
  cursor: pointer;
}
.product-tag .remove-tag:hover svg {
  fill: rgb(139, 0, 6.5842105263) !important;
}

.small-product-tag {
  font-size: 6pt;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 12px;
}
.small-product-tag .tag-body {
  padding: 2px 4px;
}
.small-product-tag .tag-edge {
  right: -4px;
  top: 2px;
  width: 10px;
  height: 10px;
}
.small-product-tag .tag-hole {
  width: 3px;
  height: 3px;
  top: 6px;
}.weave-alert .dialog-inner {
  width: 50%;
}
.weave-alert .alert-footer {
  margin: 0 !important;
  padding: 6px 10px !important;
}.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.picker-container {
  position: relative;
}
.picker-container .picker-title {
  min-width: 140px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  border-bottom: solid;
  border-bottom-width: thin;
  border-bottom-color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  padding-bottom: 3px;
}
.picker-container .picker-title:hover {
  cursor: pointer;
}
.picker-container .pt-for-short {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picker-container .picker-drop-down {
  max-height: 300px;
  width: 100%;
  top: 35px;
  left: 2px;
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  overflow-y: scroll;
  padding: 10px 0;
  z-index: 4000;
}
.picker-container .picker-drop-down svg {
  margin-bottom: -2px;
}
.picker-container .picker-option {
  padding: 6px 15px;
}
.picker-container .picker-option:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}.upload-image-container {
  width: 100%;
  display: flex;
}

.attachment-dialog-hidden {
  display: none;
}

.add-attachment-body {
  padding: 20px;
}
.add-attachment-body .flex-child {
  margin-right: 25px;
}
.add-attachment-body .img-container {
  margin-right: 25px;
  display: flex;
}
.add-attachment-body .img-container .default {
  opacity: 1;
  box-shadow: #007a71 0px 1px 6px, #007a71 0px 1px 4px !important;
}
.add-attachment-body .img-container .img-box {
  position: relative;
  margin-left: 40px;
}
.add-attachment-body .img-container .img-box:first-of-type {
  margin-left: 0px;
}
.add-attachment-body .img-container .img-box:hover {
  cursor: pointer;
}
.add-attachment-body .img-container .img-box .highlight-off-button {
  position: absolute;
  top: -13px;
  right: -20px;
  fill: #be0009 !important;
  color: #be0009 !important;
  height: 18px !important;
  width: 18px !important;
}
.add-attachment-body .img-container .existing-img {
  height: 100px;
}
.add-attachment-body .text-field {
  margin: 0;
}
.add-attachment-body h4 {
  margin-bottom: 0;
}
.add-attachment-body h3 {
  margin-top: 35px;
  margin-bottom: 20px;
}
.add-attachment-body .picker-container {
  margin-top: 13px;
}
.add-attachment-body .file-upload {
  position: relative;
  cursor: pointer;
}
.add-attachment-body .file-upload input {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.add-attachment-body .attachment-error {
  color: #be0009;
}
.add-attachment-body .enter-url-media {
  width: 74%;
}.product-form-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.product-form-container {
  padding: 20px 0 0 0;
  max-width: 960px;
  width: 100%;
  box-sizing: border-box;
}
.product-form-container .product-form {
  padding: 0 40px;
}
.product-form-container .add-product-header {
  margin: 0 0 0 40px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-form-container .add-product-header .add-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  outline: none;
  border: 0;
  margin-right: 15px;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
  background-color: white;
}
.product-form-container .add-product-header .add-photo img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.product-form-container .add-product-header .add-photo:hover {
  cursor: pointer;
}
.product-form-container .add-product-header .add-photo svg {
  width: 30px !important;
  height: 30px !important;
  color: inherit !important;
}
.product-form-container .add-product-header button#toggle-product-preview {
  font-size: 0.8rem;
  margin: 0 1rem;
}
.product-form-container .add-product-header .left {
  display: flex;
  align-items: center;
}
.product-form-container .add-product-header .product-overview {
  color: #03a9f4;
  margin: 0;
}
.product-form-container .add-product-header .product-overview .sub-text {
  color: rgba(36, 170, 242, 0.75);
}
.product-form-container .form-row {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
}
.product-form-container .form-row .checkboxes {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.product-form-container .form-row.description {
  flex-direction: column;
  margin: 0 40px 2rem;
}
.product-form-container .taxable-price-field {
  width: calc(50% - 20px);
}
.product-form-container .product-thc {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr;
  grid-column-gap: 20px;
}
.product-form-container .pricing-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}
.product-form-container .checkbox {
  margin: 10px 0 20px 0;
  flex: 1;
}
.product-form-container .form-actions {
  display: flex;
  justify-content: flex-end;
  margin: 0 40px;
}
.product-form-container .markdown-explainer {
  margin: 1rem 0;
}
.product-form-container .text-field {
  margin-top: 0;
}
.product-form-container textarea {
  color: var(--text-color, #677074);
  font-family: inherit;
  margin-top: 0.5rem;
  min-height: 4rem;
  padding: 0.5rem;
  width: calc(100% - 20px);
}
.product-form-container h4 {
  margin-bottom: 3px;
  margin-top: 5px;
}
.product-form-container .variant-field {
  width: 31%;
}
.product-form-container form footer {
  font-size: 1.1em;
  width: calc(100% + 80px);
  margin-left: -40px;
  padding: 10px 12px;
  background-color: rgb(242.25, 242.25, 242.25);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
}
.product-form-container .disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411) !important;
}
.product-form-container .disabled input {
  color: rgb(181.904109589, 187.5753424658, 190.095890411) !important;
}
.product-form-container .product-tags {
  flex-grow: 1;
  margin-top: 5px;
}
.product-form-container .product-tags .autocomplete {
  width: 100%;
}
.product-form-container .add-attachment-body {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-form-container .add-attachment-body .text-field {
  margin: 0;
}
.product-form-container .add-attachment-body h4 {
  margin-bottom: 0;
}
.product-form-container .add-attachment-body .picker-container {
  margin-top: 13px;
}
.product-form-container .add-attachment-body .file-upload {
  position: relative;
  cursor: pointer;
}
.product-form-container .add-attachment-body .file-upload input {
  cursor: inherit;
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.product-form-container .add-attachment-body .attachment-error {
  width: 100%;
  color: #be0009;
}
.product-form-container .image-container {
  display: flex;
}
.product-form-container .image-container .add-image {
  margin-top: 1px;
  margin-left: 10px;
  position: relative;
  border: none;
  outline: none;
  background-color: #03a9f4;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
}
.product-form-container .image-container .add-image svg {
  width: 15px !important;
  height: 15px !important;
  color: white !important;
  cursor: pointer;
}
.product-form-container .flex-category {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-form-container .no-wrap {
  flex-wrap: nowrap;
}

.product-preview-container .dialog-inner {
  border-radius: 12px;
}
@media (max-width: 1024px) {
  .product-preview-container .dialog-inner {
    width: auto;
  }
}
.product-preview-container weave-product-detail {
  background-color: var(--background-color);
  border-radius: 12px;
  box-shadow: var(--box-shadow-hover);
  display: block;
  position: sticky;
  top: 120px;
  width: 480px;
}
@media (min-width: 1000px) {
  .product-preview-container weave-product-detail {
    margin-left: 4rem;
  }
}
@media (max-width: 600px) {
  .product-preview-container weave-product-detail {
    border-radius: initial;
    width: 100vw;
  }
}.variant-form {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.variant-form {
  display: flex;
  justify-content: space-between;
}
.variant-form .type {
  flex: 1;
  border-right: 1px solid #f2f2f2;
  padding-right: 10px;
  margin-right: 10px;
}
.variant-form .details {
  flex: 2;
}
.variant-form .details .cost {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.variant-form .details .cost .cost-field {
  flex: 1;
  margin: 0 10px;
}
.variant-form .details .button {
  position: absolute;
  top: 28px;
  right: -1px;
}
.variant-form .checkbox-cont {
  width: 100%;
  display: flex;
}
.variant-form .preferred-checkbox {
  width: 33%;
  margin-left: 8px;
}.testing-cont h3 {
  margin: 0;
  padding: 0;
  text-align: center;
}
.testing-cont .no-test-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  color: #be0009;
  font-size: 1em;
}
.testing-cont .no-test-warning svg {
  padding-bottom: 0px !important;
}
.testing-cont .testing-results {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 20px;
}
.testing-cont .field {
  width: 100%;
}
.testing-cont .field .range {
  display: flex;
  justify-content: center;
  align-items: center;
}
.testing-cont .field .range .text-field {
  width: 4em;
  margin-right: 4px;
}
.testing-cont .field .range .text-field:last-of-type {
  margin-right: 0;
  margin-left: 7px;
}
.testing-cont .top-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 40px;
}
.testing-cont .top-container .tested-on-lab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.testing-cont .top-container .text-field {
  max-width: 250px;
}.package-verify .package-testing, .package-verify .vendor-card, .package-verify .available-products, .package-verify .available-products .product, .package-verify .available-products .add-product-item, .package-verify .product-list .product, .package-verify .product-list .add-product-item, .package-verify .pkg-product-list .product, .package-verify .pkg-product-list .add-product-item, .package-verify .variant-list .variant-item, .package-verify .variant-list .add-variant-item, .package-verify .pkg-info-container .pricing-options {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.package-verify .vendor-card .metrc-data-block {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.package-verify .form-actions, .package-verify .pkg-info-submit {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.package-verify h3 {
  font-weight: normal;
}
.package-verify h2 {
  margin: 0;
}
.package-verify h2 span.sub-text {
  margin-left: 5px;
}
.package-verify .pkg-info-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.package-verify .pkg-info-submit button {
  display: flex;
  align-items: center;
}
.package-verify .pkg-info-container {
  padding: 0 20px;
}
.package-verify .pkg-info-container h4 {
  margin-bottom: 0;
}
.package-verify .pkg-info-container .pesticide-checked {
  margin-top: -5px;
  margin-bottom: 40px;
}
.package-verify .pkg-info-container .pesticide-checked > div {
  width: 400px;
}
.package-verify .pkg-info-container .clear-btn {
  display: inline-block;
  margin-top: 20px;
}
.package-verify .pkg-info-container .pricing-options {
  margin: 20px 0;
  min-width: 400px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0;
}
.package-verify .pkg-info-container .pricing-options h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #24aba1;
}
.package-verify .pkg-info-container .pricing-options .flex-container.price-group {
  align-items: center;
  font-size: 14px;
}
.package-verify .pkg-info-container .pricing-options .price-field-group {
  flex: 2;
}
.package-verify .pkg-info-container .pricing-options .price-field {
  flex: 1;
}
.package-verify .pkg-info-container .pricing-options .price-field {
  padding-right: 10px;
}
.package-verify .pkg-info-container .pricing-options .price-field:last-of-type {
  padding-right: 0;
}
.package-verify .pkg-info-container .pricing-options .price-field .text-field {
  margin-top: 0;
}
.package-verify .pkg-info-container .msrp-cost-warning {
  margin-top: 15px;
  color: #be0009;
  font-size: 0.8em;
}
.package-verify .pkg-info-container .no-test-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  color: #be0009;
  font-size: 0.9em;
}
.package-verify .pkg-item-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.package-verify .pkg-item-info .pkg-item-field {
  flex: 1;
  margin-right: 3%;
}
.package-verify .pkg-item-info .pkg-item-field:last-of-type {
  margin-right: 0;
}
.package-verify .pkg-item-info .pkg-item-field .pkg-item-picker {
  margin-top: 18px;
}
.package-verify .pkg-item-info .pkg-item-field .pkg-item-picker .ingredients-text {
  font-size: 0.7em;
  color: #24aba1;
}
.package-verify .pkg-item-info .picker-title {
  margin-top: 0;
  border-bottom-color: rgba(96, 124, 138, 0.4);
}
.package-verify .variant-list .variant-item, .package-verify .variant-list .add-variant-item {
  cursor: pointer;
  position: relative;
}
.package-verify .variant-list .variant-item.selected, .package-verify .variant-list .add-variant-item.selected {
  background-color: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-verify .variant-list .variant-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.package-verify .variant-list .add-variant-item {
  max-height: 100px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.package-verify .variant-list .add-variant-item .add-variant-message {
  font-style: italic;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.package-verify .variant-list .add-variant-item .add-variant-message svg {
  margin-right: 10px;
}
.package-verify .variant-list .add-variant-item.active {
  max-height: 1000px;
  cursor: auto;
  margin: 20px -25px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
}
.package-verify .variant-list .add-variant-item .form-actions {
  margin: 20px -20px -20px -20px;
}
.package-verify .available-products {
  padding: 20px 0;
}
.package-verify .available-products h3 {
  margin: 10px 0 15px 40px;
}
.package-verify .package-testing h3 {
  margin: auto;
}
.package-verify .product-list {
  height: calc(100vh - 309px);
  min-height: 300px;
  overflow-y: auto;
  padding: 10px 40px 20px 40px;
  position: relative;
}
.package-verify .product-list .bottom-shadow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10px;
  color: lime;
}
.package-verify .pkg-product-list {
  padding: 20px 0;
}
.package-verify .available-products .product, .package-verify .available-products .add-product-item, .package-verify .product-list .product, .package-verify .product-list .add-product-item, .package-verify .pkg-product-list .product, .package-verify .pkg-product-list .add-product-item {
  cursor: pointer;
  max-height: 100px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  margin-bottom: 5px;
}
.package-verify .available-products .product .product-details, .package-verify .available-products .add-product-item .product-details, .package-verify .product-list .product .product-details, .package-verify .product-list .add-product-item .product-details, .package-verify .pkg-product-list .product .product-details, .package-verify .pkg-product-list .add-product-item .product-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.package-verify .available-products .product .product-details .qty, .package-verify .available-products .product .product-details .cost, .package-verify .available-products .add-product-item .product-details .qty, .package-verify .available-products .add-product-item .product-details .cost, .package-verify .product-list .product .product-details .qty, .package-verify .product-list .product .product-details .cost, .package-verify .product-list .add-product-item .product-details .qty, .package-verify .product-list .add-product-item .product-details .cost, .package-verify .pkg-product-list .product .product-details .qty, .package-verify .pkg-product-list .product .product-details .cost, .package-verify .pkg-product-list .add-product-item .product-details .qty, .package-verify .pkg-product-list .add-product-item .product-details .cost {
  text-align: center;
}
.package-verify .available-products .product .product-details .qty h4, .package-verify .available-products .product .product-details .cost h4, .package-verify .available-products .add-product-item .product-details .qty h4, .package-verify .available-products .add-product-item .product-details .cost h4, .package-verify .product-list .product .product-details .qty h4, .package-verify .product-list .product .product-details .cost h4, .package-verify .product-list .add-product-item .product-details .qty h4, .package-verify .product-list .add-product-item .product-details .cost h4, .package-verify .pkg-product-list .product .product-details .qty h4, .package-verify .pkg-product-list .product .product-details .cost h4, .package-verify .pkg-product-list .add-product-item .product-details .qty h4, .package-verify .pkg-product-list .add-product-item .product-details .cost h4 {
  margin: 0;
  font-size: 12px;
}
.package-verify .available-products .product .product-details .qty, .package-verify .available-products .add-product-item .product-details .qty, .package-verify .product-list .product .product-details .qty, .package-verify .product-list .add-product-item .product-details .qty, .package-verify .pkg-product-list .product .product-details .qty, .package-verify .pkg-product-list .add-product-item .product-details .qty {
  margin-right: 20px;
}
.package-verify .available-products .product .product-details .remove-icon, .package-verify .available-products .add-product-item .product-details .remove-icon, .package-verify .product-list .product .product-details .remove-icon, .package-verify .product-list .add-product-item .product-details .remove-icon, .package-verify .pkg-product-list .product .product-details .remove-icon, .package-verify .pkg-product-list .add-product-item .product-details .remove-icon {
  margin-right: -10px;
  margin-left: 15px;
  display: flex;
  justify-content: center;
}
.package-verify .available-products .product.active, .package-verify .available-products .add-product-item.active, .package-verify .product-list .product.active, .package-verify .product-list .add-product-item.active, .package-verify .pkg-product-list .product.active, .package-verify .pkg-product-list .add-product-item.active {
  max-height: 1000px;
  cursor: auto;
  margin: 20px -25px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
}
.package-verify .available-products .add-product-item, .package-verify .product-list .add-product-item, .package-verify .pkg-product-list .add-product-item {
  font-style: italic;
  display: flex;
  align-items: center;
}
.package-verify .available-products .add-product-item .collapsed, .package-verify .product-list .add-product-item .collapsed, .package-verify .pkg-product-list .add-product-item .collapsed {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.package-verify .available-products .add-product-item svg, .package-verify .product-list .add-product-item svg, .package-verify .pkg-product-list .add-product-item svg {
  margin-right: 10px;
}
.package-verify .available-products .add-product-item.active, .package-verify .product-list .add-product-item.active, .package-verify .pkg-product-list .add-product-item.active {
  font-style: normal;
}
.package-verify .preferred {
  display: flex;
  align-items: center;
}
.package-verify .preferred svg {
  color: #0287c3 !important;
}
.package-verify .preferred button {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.package-verify .preferred-text {
  color: #0287c3;
  font-weight: 700;
}
.package-verify .product-collapsed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-verify .product-collapsed .collapsed-text {
  display: flex;
  align-items: center;
}
.package-verify .product-collapsed .collapsed-right {
  display: flex;
  align-items: flex-end;
}
.package-verify .product-collapsed .product-exclusive {
  color: #0287c3;
  font-weight: 700;
}
.package-verify .available-products {
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  min-width: 425px;
}
.package-verify .available-products.adding {
  background-color: rgb(216.75, 216.75, 216.75);
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.package-verify .available-products h2 {
  margin: 0;
}
.package-verify .available-products form {
  box-shadow: none;
}
.package-verify .available-products form .row {
  display: flex;
  justify-content: space-between;
  margin: 0 5px;
}
.package-verify .available-products form .row > div {
  flex: 1;
  margin: 0 10px;
}
.package-verify .form-actions {
  display: flex;
  justify-content: flex-end;
}
.package-verify .form-actions button {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-verify .form-actions button svg {
  margin-left: 10px;
}
.package-verify .vendor-card header main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.package-verify .vendor-card header main h2 {
  display: flex;
  justify-content: space-between;
}
.package-verify .vendor-card header aside {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  margin-bottom: 20px;
}
.package-verify .vendor-card h1 {
  margin: 0 0 20px 0;
}
.package-verify .add-variant-form {
  z-index: 11;
}
.package-verify .package-testing {
  padding: 10px 0;
  margin-top: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin-bottom: 5px;
}
.package-verify .adding-product {
  padding: 20px;
  overflow-y: auto;
  max-height: calc(75vh - 140px);
}

.dialog-scroll {
  overflow-y: auto;
  max-height: calc(75vh - 100px);
}

.receive-room-qr {
  display: flex;
  align-items: center;
}

.flex-container-receive {
  display: flex;
}
.flex-container-receive .flex-child-qr {
  width: 50%;
}
.flex-container-receive .flex-child-qr .qr-url {
  overflow-wrap: anywhere;
  font-size: 0.9em;
}
.flex-container-receive .flex-child-qr .qr-button {
  min-width: 110px;
  margin-left: 10px;
}
.flex-container-receive .clear-btn {
  margin-top: -3px !important;
}
.flex-container-receive .room-selector {
  width: 40%;
}

.receive-container .flex-child {
  min-width: 425px;
}
.receive-container .product-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 40px;
}
.receive-container .product-search h3 {
  margin: 0;
}
.receive-container .product-search .available-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.receive-container .product-search .product-search-bar {
  position: relative;
  margin-top: -12px;
  width: 30%;
  max-width: 300px;
}
.receive-container .product-search .product-search-bar .text-field {
  margin: 0;
}
.receive-container .product-search .product-search-bar svg {
  position: absolute !important;
  top: 15px;
  right: 0;
  color: #0287c3 !important;
}
.receive-container .product-search .preferred-label {
  display: inline-flex;
  align-items: center;
  width: 120px;
  margin-left: -6px;
}

.receive-room-qr button {
  font-size: 0.7em;
  margin-left: 5px;
}.updated-receive-flow .metrc-data-block {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.updated-receive-flow section footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.updated-receive-flow section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.updated-receive-flow section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.updated-receive-flow section header h1,
.updated-receive-flow section header h2,
.updated-receive-flow section header h3 {
  padding: 0;
  margin: 0;
}
.updated-receive-flow section main {
  padding: 20px;
}
.updated-receive-flow section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.updated-receive-flow {
  padding: 50px;
}
.updated-receive-flow section {
  width: 930px !important;
  margin: auto auto;
  margin-bottom: 30px;
}
.updated-receive-flow section h2 {
  padding: 0;
  margin: 0;
}
.updated-receive-flow section footer {
  width: auto;
  margin: 0;
  position: relative;
}
.updated-receive-flow section footer .loader {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
}
.updated-receive-flow .metrc-data-block h3 {
  margin-top: 0;
}

.package-info .errors {
  color: #be0009;
}
.package-info main .action-required {
  color: #be0009;
}
.package-info main .package-label {
  text-align: center;
  width: 200px;
}
.package-info main .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}
.package-info main .row .text-field {
  margin-top: 0px;
}
.package-info main .row .prod-code-cont {
  max-height: 118px;
}
.package-info main .row .info-block {
  width: 27%;
  margin-right: 40px;
}
.package-info main .row .autocomplete {
  text-align: left !important;
}
.package-info main .row .sub-text {
  font-size: 0.7em;
}

.vendor-option .vendor-option-name {
  display: flex;
  align-items: center;
}
.vendor-option svg {
  color: #03a9f4 !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: -10px;
  margin-right: 4px;
  margin-top: 1px;
}.receive-infused button {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.receive-infused button:hover {
  cursor: pointer;
}
.receive-infused button:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.receive-infused .row .field > label {
  margin-bottom: 10px;
  font-size: 1.17em;
  display: block;
  font-weight: bold;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.receive-infused .actions {
  text-align: right;
}
.receive-infused .actions button {
  margin-right: 45px;
}
.receive-infused .actions button:last-child {
  margin-right: 0;
}

.testing-form, .receive-infused {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.updated-receive-flow section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.updated-receive-flow section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.updated-receive-flow section header h1,
.updated-receive-flow section header h2,
.updated-receive-flow section header h3 {
  padding: 0;
  margin: 0;
}
.updated-receive-flow section main {
  padding: 20px;
}
.updated-receive-flow section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.updated-receive-flow {
  padding: 50px;
}
.updated-receive-flow .auto-complete-container {
  width: 200px;
  text-align: center;
}
.updated-receive-flow section {
  width: 930px !important;
  margin: auto auto;
  margin-bottom: 30px;
}
.updated-receive-flow section h2 {
  padding: 0;
  margin: 0;
}
.updated-receive-flow section footer {
  position: relative;
}
.updated-receive-flow section footer .loader {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
}
.updated-receive-flow .package-info .errors {
  color: #be0009;
}
.updated-receive-flow .package-info main .package-label {
  text-align: center;
  width: 200px;
}
.updated-receive-flow .package-info main .columns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.updated-receive-flow .package-info main .columns > div {
  text-align: left;
  margin-right: 20px;
}
.updated-receive-flow .package-info main .columns .autocomplete {
  text-align: left !important;
}

.receive-infused {
  width: 95%;
}
.receive-infused .row {
  width: 100%;
  display: flex;
}
.receive-infused .row.single::after {
  content: "";
  flex: 1;
  margin: 10px;
}
.receive-infused .row .field {
  flex: 1;
  margin: 10px;
}
.receive-infused .testing-results > div {
  width: 30%;
}
.receive-form {
  padding: 0 10px;
}

.testing-form {
  padding: 20px;
  position: relative;
}

.testing-btn {
  width: 29%;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.exit-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.exit-icon svg {
  fill: #677074;
}
.exit-icon:hover {
  cursor: pointer;
}
.exit-icon:hover svg {
  fill: #24aba1 !important;
}

.new-product-icon {
  display: flex;
  align-items: center;
  margin: 5px 0 -3px 0;
}
.new-product-icon > button {
  padding: 0 !important;
}
.new-product-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: #677074 !important;
}
.new-product-icon svg:hover {
  fill: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
  cursor: pointer;
}

.package-verify {
  width: 100%;
  display: flex;
  padding: 50px;
  flex-flow: row wrap;
}
.package-verify .receive-btn {
  width: 100%;
}
.package-verify .verify-title {
  margin: 20px 0 60px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.package-verify .verify-title .package-tag {
  font-size: 0.7em;
}
.package-verify .verify-title .package-vendor {
  font-size: 1.1em;
}
.package-verify .verify-title h1 {
  margin: 0 20px 0 0;
}
.package-verify .verify-title button {
  margin: 20px 0 0 0;
}

.package-receive {
  padding: 50px;
}
.package-receive .receive-btn-cont {
  width: 100%;
  height: 60px;
}

.package-vendor-drop {
  margin-top: 3px !important;
}.receive-infused button {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.receive-infused button:hover {
  cursor: pointer;
}
.receive-infused button:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.receive-infused .row .field > label {
  margin-bottom: 10px;
  font-size: 1.17em;
  display: block;
  font-weight: bold;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.receive-infused .actions {
  text-align: right;
}
.receive-infused .actions button {
  margin-right: 45px;
}
.receive-infused .actions button:last-child {
  margin-right: 0;
}

.package-receive .package-info-form, .testing-form, .receive-infused {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.updated-receive-flow section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.updated-receive-flow section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.updated-receive-flow section header h1,
.updated-receive-flow section header h2,
.updated-receive-flow section header h3 {
  padding: 0;
  margin: 0;
}
.updated-receive-flow section main {
  padding: 20px;
}
.updated-receive-flow section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.updated-receive-flow {
  padding: 50px;
}
.updated-receive-flow .auto-complete-container {
  width: 200px;
  text-align: center;
}
.updated-receive-flow .auto-complete-container-wide {
  width: 400px;
}
.updated-receive-flow section {
  width: 930px !important;
  margin: auto auto;
  margin-bottom: 30px;
}
.updated-receive-flow section h2 {
  padding: 0;
  margin: 0;
}
.updated-receive-flow section footer {
  position: relative;
}
.updated-receive-flow section footer .loader {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
}
.updated-receive-flow .package-info .errors {
  color: #be0009;
}
.updated-receive-flow .package-info main .package-label {
  text-align: center;
  width: 200px;
}
.updated-receive-flow .package-info main .columns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.updated-receive-flow .package-info main .columns > div {
  text-align: left;
  margin-right: 20px;
}
.updated-receive-flow .package-info main .columns .autocomplete {
  text-align: left !important;
}
.updated-receive-flow .package-info main .dropdown-style {
  height: 119px;
  display: flex;
  flex-direction: column;
}

.receive-infused {
  width: 95%;
}
.receive-infused .row {
  width: 100%;
  display: flex;
}
.receive-infused .row.single::after {
  content: "";
  flex: 1;
  margin: 10px;
}
.receive-infused .row .field {
  flex: 1;
  margin: 10px;
}
.receive-infused .testing-results > div {
  width: 30%;
}
.receive-form {
  padding: 0 10px;
}

.testing-form {
  padding: 20px;
  position: relative;
}

.testing-btn {
  width: 29%;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.exit-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.exit-icon svg {
  fill: #677074;
}
.exit-icon:hover {
  cursor: pointer;
}
.exit-icon:hover svg {
  fill: #24aba1 !important;
}

.new-product-icon {
  display: flex;
  align-items: center;
  margin: 5px 0 -3px 0;
}
.new-product-icon > button {
  padding: 0 !important;
}
.new-product-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: #677074 !important;
}
.new-product-icon svg:hover {
  fill: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
  cursor: pointer;
}

.package-verify {
  width: 100%;
  display: flex;
  padding: 50px;
  flex-flow: row wrap;
}
.package-verify .receive-btn {
  width: 100%;
}
.package-verify .verify-title {
  margin: 20px 0 60px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.package-verify .verify-title .package-tag {
  font-size: 0.7em;
}
.package-verify .verify-title .package-vendor {
  font-size: 1.1em;
}
.package-verify .verify-title h1 {
  margin: 0 20px 0 0;
}
.package-verify .verify-title button {
  margin: 20px 0 0 0;
}

.package-receive {
  padding: 50px;
}
.package-receive .package-info-form {
  height: 300px;
}
.package-receive .receive-btn-cont {
  width: 100%;
  height: 60px;
}

.package-vendor-drop {
  margin-top: 3px !important;
}.weave-product .rooms-footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.weave-product {
  margin-bottom: 10px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  border-radius: var(--border-radius);
}
.weave-product .product-row {
  width: calc(100% - 40px);
  padding: 20px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--border-radius);
}
.weave-product .product-row .product-left {
  flex: 1;
}
.weave-product .product-row .product-left .product {
  display: flex;
  align-items: center;
}
.weave-product .product-row .product-left .product button,
.weave-product .product-row .product-left .product svg {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
}
.weave-product .product-row .product-left .product button {
  margin-left: 8px !important;
}
.weave-product .product-row .product-left .product-details {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  margin-top: 2px;
  margin-right: 15px;
}
.weave-product .product-row .product-left .product-name {
  font-size: 1.1em;
}
.weave-product .product-row .product-vendor {
  font-size: 0.9em;
}
.weave-product .product-row .product-qty {
  text-align: center;
  margin-right: 30px;
}
.weave-product .product-row .product-right {
  flex: 2;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 55px;
}
.weave-product .product-row .product-right .reconcile-btn {
  font-weight: normal;
  font-size: 0.8em;
  margin-left: 10px;
  margin-top: 0px;
}
.weave-product .product-row .product-right .edit-exp {
  display: flex;
  justify-content: space-between;
  width: 220px;
}
.weave-product .product-row .product-right .edit-exp .dollar-sign {
  margin-top: 11px;
  margin-right: -9px;
}
.weave-product .product-row .product-right .excise-block {
  display: flex;
}
.weave-product .product-row .product-right .product-price {
  text-align: center;
  margin-right: 30px;
}
.weave-product .product-row .product-right .product-price .product-cost {
  display: flex;
  align-items: center;
  justify-content: center;
}
.weave-product .product-row .product-right .product-price .price-head {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.weave-product .product-row .product-right .product-price:last-child {
  margin-right: 10px;
}
.weave-product .product-row .product-expiration {
  display: flex;
  align-items: center;
  justify-content: center;
}
.weave-product .rooms-footer {
  margin: 0;
  width: calc(100% - 40px);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.weave-product .rooms-footer .rooms-list {
  width: 80%;
  display: flex;
  align-items: center;
}
.weave-product .rooms-footer .footer-room {
  margin-right: 40px;
}
.weave-product .rooms-footer button {
  margin: 0;
}

.terminal-product {
  font-size: 0.9em;
  border-radius: var(--border-radius);
}

.weave-product-selected {
  background-color: rgba(245, 245, 245, 0.8);
  box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
  border-bottom: 5px solid #03a9f4;
  width: calc(100% - 20px);
  margin: 12px -10px;
}

.product-highlight {
  box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
  border-bottom: 5px solid #24aba1;
  width: calc(100% - 20px);
  margin: 12px -10px;
}.spinner-container {
  font-size: 3em;
  font-weight: bold;
  animation: opacity 1.25s;
  animation-iteration-count: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spinner-container > div {
  text-align: center;
}
.spinner-container img {
  width: 1em;
  height: 1em;
  margin-bottom: -10px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}.package-info-cont .error-message {
  margin-top: 15px;
  color: #be0009;
  font-size: 1.2em;
}
.package-info-cont .flex-row {
  display: flex;
  margin-left: 40px;
  margin-bottom: -10px;
}
.package-info-cont .flex-row .field-container {
  width: 47%;
}
.package-info-cont .flex-row .field-container h4 {
  margin-bottom: 4px !important;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
  margin-top: 6px;
}
.package-info-cont .flex-row .field-container .auto-complete {
  width: 250px;
}
.package-info-cont .flex-row .field-container .info-field {
  font-size: 1.2em;
}
.package-info-cont .flex-row .field-container .info-field .text-field {
  margin-top: -20px;
  width: 250px !important;
}.package-event .event-expand .transaction-banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.package-event .event-expand .transaction-banner > h3,
.package-event .event-expand .transaction-banner h2,
.package-event .event-expand .transaction-banner h1 {
  width: 100%;
}

.package-event .event-expand .transaction-banner {
  font-size: 1.25em;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  width: 100%;
  padding: 20px 50px;
  margin-left: -50px;
  justify-content: center;
}

.package-event {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.package-event:last-of-type {
  margin: 0;
}
.package-event:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.package-event {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.package-event .event-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: -20px;
  padding: 14px 20px;
}
.package-event .event-header .event-left {
  display: flex;
  align-items: center;
}
.package-event .event-header .event-left .event-date {
  width: 115px;
}
.package-event .event-header .event-left .event-product {
  font-size: 1.2em;
  margin-bottom: 1px;
}
.package-event .event-header .event-left .event-employee {
  display: flex;
  font-size: 0.9em;
}
.package-event .event-header .event-left .event-employee .bud-tender-trans {
  margin-left: 6px;
}
.package-event .event-header .event-right {
  display: flex;
  justify-content: flex-end;
}
.package-event .event-header .event-right > div {
  text-align: center;
  width: 80px;
}
.package-event .event-header .event-right > div:last-of-type {
  margin-right: 0;
}
.package-event .event-expand {
  width: 100%;
}
.package-event .event-expand .transaction-banner {
  margin-top: 50px;
}
.package-event .event-expand .reconcile-highlight {
  box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
  border-bottom: 5px solid #24aba1;
  width: calc(100% - 20px);
  margin: 12px -10px;
}
.package-event .event-expand .expand-patient {
  margin-top: 0;
}
.package-event .package-transaction-banner {
  width: calc(100% - 60px) !important;
  margin-left: -20px !important;
}.room-history {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.room-history:last-of-type {
  margin: 0;
}
.room-history:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.room-history {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 400px;
  margin-bottom: 10px;
  padding: 14px 20px !important;
}
.room-history:hover {
  cursor: default;
}
.room-history .history-left {
  display: flex;
  align-items: center;
}
.room-history .history-left .item-name {
  font-size: 1.1em;
}
.room-history .history-left .item-name .item-name-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.room-history .history-left .item-name .item-name-flex .product-sku {
  margin-bottom: 4px !important;
}
.room-history .history-left .item-name .product-name {
  margin-bottom: 5px;
  font-size: 1.1em;
}
.room-history .history-left .item-name .product-name .sub-text {
  margin-right: 5px;
  font-size: 0.8em;
}
.room-history .history-left .item-name .sub-text {
  font-size: 0.75em;
}
.room-history .history-left .timestamp {
  width: 115px;
}
.room-history .history-left .room-action {
  color: #0287c3;
}
.room-history .history-left .room-action svg {
  fill: #0287c3 !important;
  color: #0287c3;
  width: 30px !important;
  height: 30px !important;
  margin-right: 5px;
}
.room-history .history-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.room-history .history-right .history-amt {
  text-align: center;
  width: 76px;
  margin-left: 20px;
}
.room-history .history-right .history-amt svg {
  margin-bottom: -7px;
}
.room-history .package-transfer {
  display: flex;
  justify-content: flex-end;
}.packages {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.packages .package-details .flex-right .information-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.packages .package-content {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.packages .package-content:last-of-type {
  margin: 0;
}
.packages .package-content:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.packages .package-overview-sub, .packages .info-quantity {
  background-color: #007a71;
  color: white;
  width: 100%;
  padding: 0px 50px;
  margin-left: -50px;
  min-height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.packages .package-overview-sub .overview-title, .packages .info-quantity .overview-title {
  font-size: 1.75em;
}
.packages .package-overview-sub .overview-breakdown, .packages .info-quantity .overview-breakdown {
  margin-left: 30px;
}
.packages .package-overview-sub .overview-breakdown .breakdown-title, .packages .info-quantity .overview-breakdown .breakdown-title {
  font-size: 1.5em;
}

.clear-btn, .packages .package-details .flex-right .buttons .package-buttons-delete, .packages .package-details .flex-right .buttons .package-buttons-finish, .packages .overview-title .package-buttons-edit, .packages .resume-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover, .packages .package-details .flex-right .buttons .package-buttons-delete:hover, .packages .package-details .flex-right .buttons .package-buttons-finish:hover, .packages .overview-title .package-buttons-edit:hover, .packages .resume-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus, .packages .package-details .flex-right .buttons .package-buttons-delete:focus, .packages .package-details .flex-right .buttons .package-buttons-finish:focus, .packages .overview-title .package-buttons-edit:focus, .packages .resume-btn:focus {
  outline: none;
}
.clear-btn:disabled, .packages .package-details .flex-right .buttons .package-buttons-delete:disabled, .packages .package-details .flex-right .buttons .package-buttons-finish:disabled, .packages .overview-title .package-buttons-edit:disabled, .packages .resume-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.packages .enter-url {
  padding-left: 20px;
  width: 75%;
}
.packages .reconcile-dialog-title {
  display: flex;
  justify-content: space-between;
  margin-left: 5px;
  margin-right: 5px;
}
.packages .reconcile-info-dialog .reconcile-err {
  margin-left: 40px;
  margin-top: 25px;
  color: #be0009;
}
.packages .reconcile-info-dialog .reconcile-row {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-left: 40px;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-note {
  width: 50%;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-note .text-field {
  margin-top: -10px;
  width: 60%;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-sku {
  width: 33%;
  flex: 1;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-sku .formatted-sku {
  margin-top: 8px;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-sku .text-field {
  margin-top: -10px;
  width: 55%;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-sku .reconcile-select-field {
  margin-top: -9px;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-sku .reconcile-select-field .autocomplete {
  width: 60%;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-sku .reconcile-select-field .text-field {
  width: 100%;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-qty {
  flex: 1;
}
.packages .reconcile-info-dialog .reconcile-row .reconcile-qty .text-field {
  margin-top: -10px;
  width: 60%;
}
.packages .edit-info-dialog {
  padding: 20px;
  display: flex;
}
.packages .edit-info-dialog .edit-info-item {
  width: 20%;
  margin-right: 40px;
}
.packages .edit-info-dialog .edit-info-item h4 {
  margin-bottom: 0;
}
.packages .edit-info-dialog .edit-info-item .text-field {
  margin-top: 0;
}
.packages .button-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.packages .resume-btn {
  font-size: 0.65em;
  text-align: center;
  margin: 0 0px;
  padding: 10px 20px;
  border-radius: 3px;
}
.packages .info-quantity .breakdown-info {
  color: #ccc;
  margin-right: 6px;
}
.packages .info-quantity .breakdown-stuff {
  display: flex;
  align-items: center;
}
.packages .overview-title {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.packages .overview-title .package-buttons-edit {
  font-size: 0.4em;
  margin-top: 5px;
  margin-left: 10px;
}
.packages .breakdown-title .breakdown-excise-total {
  color: #ccc;
}
.packages .breakdown-title .breakdown-excise-paid {
  color: #ccc;
}
.packages .info-title {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.packages .package-overview {
  margin-bottom: 40px;
}
.packages .package-overview h1 {
  margin-top: 0;
}
.packages .package-details {
  font-size: 1.2em;
  margin-top: -4px;
}
.packages .package-details .tag {
  font-size: 1.2em;
}
.packages .package-details .package-tag {
  color: #677074;
}
.packages .package-details .flex-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.packages .package-details .flex-right .information-container {
  flex: 1;
  width: 100%;
}
.packages .package-details .flex-right .information-container h1 {
  margin: 0;
}
.packages .package-details .flex-right .information-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-bottom: 50px;
  width: 350px;
}
.packages .package-details .flex-right .edit-button {
  position: absolute;
  right: 0;
  top: 0;
}
.packages .package-details .flex-right .testing-results-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.packages .package-details .flex-right .testing-results-container .no-test-warning {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 15px;
  color: #be0009;
  font-size: 0.9em;
}
.packages .package-details .flex-right .testing-results-container .no-test-warning svg {
  margin-top: 2px;
  padding-bottom: 0px !important;
}
.packages .package-details .flex-right .single-result {
  width: 45%;
  min-width: 100px;
}
.packages .package-details .flex-right .test-fields {
  margin-bottom: 10px;
  font-size: 0.8em;
}
.packages .package-details .flex-right .tested-on-date {
  width: 100%;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.packages .package-details .flex-right .tess-ting {
  width: 100%;
  font-size: 0.8em;
  margin-bottom: 15px;
}
.packages .package-details .flex-right .info-category {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.packages .package-details .flex-right .buttons .package-buttons-finish {
  font-size: 0.8em;
  margin-top: 0px;
  margin-right: 10px;
}
.packages .package-details .flex-right .buttons .package-buttons-delete {
  font-size: 0.8em;
  margin-top: 0px;
  color: red;
  border: 2px solid red;
}
.packages .package-content .package-content-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.packages .package-content .content-info {
  display: flex;
  justify-content: flex-end;
}
.packages .package-content .content-info > div {
  width: 70px;
  text-align: center;
}
.packages .package-overview-sub {
  background-color: #24aba1;
}
.packages .package-contents {
  padding-bottom: 40px;
}
.packages .package-contents .weave-product:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}
.packages .history-events-container {
  display: flex;
  justify-content: space-between;
}
.packages .history-events-container .package-history {
  width: 100%;
}
.packages .history-events-container .package-history .package-history-head {
  display: flex;
  justify-content: space-between;
}
.packages .history-events-container .package-history .package-history-title {
  display: flex;
  align-items: center;
}
.packages .history-events-container .package-history .package-history-title .radio-filters {
  font-size: 0.7em;
  display: flex;
  margin-top: 6px;
  margin-left: 20px;
}
.packages .history-events-container .package-history .package-history-title .radio-filters .showing {
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
.packages .history-events-container .package-history .package-history-title .radio-filters .radio-button {
  margin-left: 12px;
  font-size: 0.75em;
  display: flex;
  align-items: center;
}
.packages .history-events-container .package-history .package-history-revenue {
  font-size: 0.65em;
  font-weight: normal;
  text-align: right;
}
.packages .package-finished {
  color: #be0009;
}
.packages .package-expiration {
  display: flex;
  align-items: center;
}
.packages .pkg-deets {
  margin-top: 10px;
  display: flex;
}
.packages .pkg-deets .column-one {
  margin-right: 15px;
}
.packages .package-qr-code {
  display: flex;
  align-items: center;
}
.packages .qr-deets {
  display: flex;
  align-items: center;
}
.packages .qr-edit-icon {
  display: flex;
  align-items: center;
  margin-left: 7px;
}
.packages .qr-edit-icon button {
  padding: 0px !important;
  height: 20px !important;
}
.packages .qr-edit-icon svg {
  height: 20px !important;
  width: 20px !important;
  margin: 0px !important;
  padding: 0px !important;
  color: var(--primary-color) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.packages .pkg-info-title {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}

.adjust-rooms-dialog {
  width: calc(100% - 80px);
  padding: 20px 40px;
}
.adjust-rooms-dialog .rooms-overview {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 40px;
}
.adjust-rooms-dialog .rooms-overview h4 {
  width: 100%;
}
.adjust-rooms-dialog .rooms-overview .room-overview {
  width: 150px;
  text-align: center;
}
.adjust-rooms-dialog .rooms-overview .room-overview .sub-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adjust-rooms-dialog .rooms-transfer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
.adjust-rooms-dialog .rooms-transfer-container .transfer-fields {
  display: flex;
  justify-content: space-between;
  width: 80%;
}
.adjust-rooms-dialog .rooms-transfer-container button {
  margin-bottom: 32px;
}
.adjust-rooms-dialog .rooms-transfer-container h4 {
  margin-bottom: 10px;
}
.adjust-rooms-dialog .rooms-transfer-container .room-transfer {
  width: 30%;
}
.adjust-rooms-dialog .rooms-transfer-container .room-transfer .room-option {
  display: flex;
  justify-content: space-between;
}
.adjust-rooms-dialog .rooms-transfer-container .room-transfer .room-option .option-qty {
  font-weight: bold;
}
.adjust-rooms-dialog .rooms-transfer-container .text-field {
  margin-top: -13px;
}

.add-qr {
  font-size: 0.65em !important;
  margin-right: 10px;
}

.rooms-title {
  display: flex;
  justify-content: space-between;
}

.transfer-error {
  width: 100%;
  color: #be0009;
  font-style: italic;
}

.transfer-success {
  width: 100%;
  color: #24aba1;
  font-style: italic;
}.cols {
  width: 100%;
  padding: 0 6px;
}
.cols > div {
  display: inline-block;
  width: 33.33%;
}
.cols .in-state {
  text-align: center;
}
.cols .progress-total {
  text-align: right;
  margin-top: -20px;
  font-size: 0.9em;
}
.cols .previous-text {
  margin-top: -20px;
  font-size: 0.9em;
}
.cols .previous-text svg {
  fill: #be0009 !important;
  margin-bottom: -2px !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 4px !important;
}
.cols .warning {
  color: #be0009;
}

.progress-bar {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: #DBDBDB;
  padding-top: 18px;
}
.progress-bar .progress {
  position: relative;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
  width: 100%;
  height: 25px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.progress-bar .progress .bar-wrapper, .progress-bar .progress .previous-thc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  overflow: hidden;
  -webkit-transition: width 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: width 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.progress-bar .progress .bar-wrapper .bar-label, .progress-bar .progress .previous-thc .bar-label {
  z-index: 2;
  position: absolute;
  right: 10px;
  font-size: 0.9em;
  margin-top: 3px;
  color: white;
}
.progress-bar .progress .bar-wrapper .bar-med, .progress-bar .progress .bar-wrapper .bar-rec, .progress-bar .progress .previous-thc .bar-med, .progress-bar .progress .previous-thc .bar-rec {
  position: absolute;
  height: 25px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: background-color 0.2s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: background-color 0.2s cubic-bezier(0.23, 1, 0.32, 1), transform 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.progress-bar .progress .bar-wrapper .bar-rec, .progress-bar .progress .previous-thc .bar-rec {
  background-color: #007a71;
}
.progress-bar .progress .bar-wrapper .bar-med, .progress-bar .progress .previous-thc .bar-med {
  background-color: rgb(2, 135, 195);
}
.progress-bar .progress .previous-thc {
  height: 25px;
  color: white;
  font-size: 0.7em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 0, 0, 0.3) 10px, rgba(0, 0, 0, 0.3) 20px);
  z-index: 1;
}
.progress-bar .progress .full {
  background-color: #be0009 !important;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.progress-bar .progress .warning {
  background-color: #c66400 !important;
}.label-line {
  padding: 12px 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E6E6E6;
}
.label-line:last-of-type {
  margin-bottom: 0;
}
.label-line .label-line-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.label-line .label-line-right .text-field {
  margin: 0 30px 0 0;
  height: 32px;
  width: 40px;
}.labels-container .labels-footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn, .labels-container .label-list .save-btn, .labels-container .label-list .cancel-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover, .labels-container .label-list .save-btn:hover, .labels-container .label-list .cancel-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus, .labels-container .label-list .save-btn:focus, .labels-container .label-list .cancel-btn:focus {
  outline: none;
}
.clear-btn:disabled, .labels-container .label-list .save-btn:disabled, .labels-container .label-list .cancel-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.labels-container {
  width: 800px;
  background-color: white;
  padding: 20px;
  border-radius: var(--border-radius);
}
.labels-container h3 {
  margin-top: 0 !important;
  margin-bottom: 5px !important;
  margin-right: 10px !important;
}
.labels-container .label-list .custom-label-field {
  display: flex;
  align-items: center;
}
.labels-container .label-list .custom-label-field .text-field {
  margin: 8px 0 0 0;
}
.labels-container .label-list .cancel-btn {
  font-size: 0.6em;
  margin-left: 10px;
  color: red;
  border: 2px solid red;
}
.labels-container .label-list .save-btn {
  font-size: 0.6em;
  margin-left: 20px;
}
.labels-container .label-list .label-line-custom {
  padding: 12px 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  font-style: italic;
  color: var(--primary-color);
}
.labels-container .label-list .label-line-custom:hover {
  cursor: pointer;
}
.labels-container .label-list .label-line-custom svg {
  fill: var(--primary-color) !important;
  margin-right: 10px;
}
.labels-container .label-list .label-line-custom:last-of-type {
  margin-bottom: 0;
}
.labels-container .labels-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 4px 10px 4px;
  border-bottom: 1px solid #f2f2f2;
}
.labels-container .labels-head .label-left {
  display: flex;
  align-items: center;
}
.labels-container .labels-head .label-left * {
  box-sizing: border-box;
}
.labels-container .labels-head .small-label-checkbox {
  display: block;
}
.labels-container .labels-head .small-label-checkbox label + div {
  margin-left: 0 !important;
}
.labels-container .select-all {
  display: flex;
  justify-content: flex-end;
  padding-right: 6px;
}
.labels-container .labels-footer {
  display: flex;
  justify-content: flex-end;
}
.labels-container .finished-check svg {
  width: 20px !important;
  height: 20px !important;
  margin-bottom: -3px;
  margin-left: 7px;
}.loyalty-icon {
  display: flex;
  align-items: center;
}
.loyalty-icon svg {
  color: #007a71 !important;
}.type-icon {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.type-icon svg, .type-icon button {
  padding: 0 !important;
  width: 30px !important;
  height: 30px !important;
}
.type-icon .choice {
  font-size: 0.6em;
}.cart .line-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.cart .line-item .line-item-actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.cart .line-item .line-item-actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.cart .line-item .line-item-actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.cart .line-item {
  padding: 0;
  margin-bottom: 10px;
}
.cart .line-item .qty-edit {
  width: 3em;
}
.cart .line-item .line-item-container {
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart .line-item .modifiers {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-left: 3px solid var(--primary-color);
  color: var(--primary-color);
  border-bottom-left-radius: var(--border-radius);
}
.cart .line-item .modifiers .sub-text {
  color: var(--primary-color);
}
.cart .line-item .modifiers h3 {
  font-size: 16px;
}
.cart .line-item .modifiers button {
  padding: 4px 10px;
  font-size: 0.8em;
  margin-top: 0;
}
.cart .line-item .line-item-actions {
  border-top: 1px solid rgb(242.25, 242.25, 242.25);
  padding: 5px 20px;
  text-align: right;
}
.cart .line-item .line-item-actions button {
  margin: 0;
}
.cart .line-item .product-left {
  flex: 2;
  display: flex;
  align-items: center;
}
.cart .line-item .product-left .product-details {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  margin-top: 2px;
  margin-right: 15px;
}
.cart .line-item .product-left .product-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cart .line-item .product-left .product-tags {
  font-size: 0.7em;
  margin-top: 5px;
}
.cart .line-item .product-left .product-tags .tag-edge {
  right: -7px;
  top: 3px;
  width: 16px;
  height: 16px;
}
.cart .line-item .product-left .product-tags .tag-hole {
  top: 9px;
}
.cart .line-item .product-qty {
  text-align: center;
  margin-right: 30px;
}
.cart .line-item .product-right {
  flex: 2;
  display: flex;
  justify-content: flex-end;
}
.cart .line-item .product-right .product-price {
  text-align: center;
  margin-right: 30px;
}
.cart .line-item .product-right .product-price .price-head {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.cart .line-item .product-right .product-price:last-child() {
  margin-right: 0;
}
.cart .terminal-product {
  font-size: 0.9em;
  border-radius: var(--border-radius);
}
.cart .filled-product {
  width: 40px;
}
.cart .filled-product svg,
.cart .filled-product path {
  fill: #007a71;
}
.cart .partial-product {
  width: 40px;
}
.cart .partial-product svg,
.cart .partial-product path {
  fill: #c66400;
}

.cart-modifier .product-left {
  display: block !important;
}
.cart-modifier .line-item-container {
  border-left: 6px solid var(--primary-color);
  color: var(--primary-color);
  border-radius: 3px;
}
.cart-modifier .line-item-container .sub-text {
  color: var(--primary-color);
}
.cart-modifier .line-item-container .product-left-group {
  font-weight: bold;
}
.cart-modifier .line-item-container .discount-amt {
  padding: 0 20px 0 0;
}
.cart-modifier .line-item-container .modifier-left {
  display: flex;
  align-items: center;
}
.cart-modifier .line-item-container button {
  padding: 4px 10px;
  font-size: 0.8em;
  margin-top: 0;
}.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.online-product {
  padding: 12px 20px;
  background-color: #f2f2f2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin-bottom: 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.online-product button.cpc.sub-text {
  border: none;
  padding: 0;
}
.online-product .product-left, .online-product .product-right {
  display: flex;
  align-items: center;
}
.online-product .product-right {
  justify-content: flex-end;
}
.online-product .right-block {
  text-align: center;
  margin-right: 30px;
}
.online-product .right-block .edit-title {
  margin-bottom: 4px;
}
.online-product .right-block .edit-qty-action-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.online-product .right-block .edit-qty-action-buttons input {
  width: 35px;
  margin-right: 12px;
  padding: 3px;
}
.online-product .right-block .edit-qty-action-buttons button {
  margin-top: 0px;
  font-size: 0.9em;
  height: 26px;
  display: flex;
  align-items: center;
}
.online-product .right-block:last-of-type {
  margin-right: 0;
}
.online-product .right-block .loyalty-points-button {
  margin-left: 20px;
}
.online-product .right-block .loyalty-points-button button {
  margin-top: 0 !important;
  width: 30px !important;
  padding: 0 !important;
  height: 30px !important;
}
.online-product .right-block .loyalty-points-button svg {
  width: 15px !important;
  height: 15px !important;
  color: #24aba1 !important;
}
.online-product .right-block .loyalty-points-button:hover svg {
  color: #007a71 !important;
}
.online-product .check-icon {
  width: 40px;
}
.online-product .check-icon .circle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.online-product .check-icon .partial {
  height: 8px;
  border-radius: 0px;
  border-bottom-right-radius: 32px;
  border-bottom-left-radius: 32px;
  border-color: #007a71;
  background-color: #007a71;
}
.online-product .online-ordered {
  display: flex;
}.qty-selector-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.qty-selector-container .icons-input {
  display: flex;
  border: 0px;
}
.qty-selector-container .icons-input .remove-qty-icon, .qty-selector-container .icons-input .add-qty-icon {
  border: 0px;
  font-size: 1.7em;
  margin: 0px;
  padding: 0px;
  display: flex;
  align-items: center;
}
.qty-selector-container .icons-input .remove-qty-icon svg, .qty-selector-container .icons-input .add-qty-icon svg {
  background-color: var(--primary-color) !important;
  color: white !important;
  height: 32px !important;
}
.qty-selector-container .icons-input .add-qty-icon svg {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.qty-selector-container .icons-input .remove-qty-icon svg {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.qty-selector-container .icons-input .input-qty-field {
  border-right: none;
  border-left: none;
  border-image: initial;
  border-bottom: 1px solid #e2e2e2;
  border-radius: 0px;
  border-top: 1px solid #e2e2e2;
  font-size: 1.1em;
  margin: 0px;
  outline: none;
  text-align: center;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}.product-search-container .search-result {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.product-search-container {
  background: white;
  max-width: 860px;
}
.product-search-container * {
  box-sizing: border-box;
}
.product-search-container h2 {
  margin-top: 0;
  margin-bottom: 5px;
}
.product-search-container .product-search-field {
  position: relative;
  width: 400px;
}
.product-search-container .product-search-field .product-search-icon {
  position: absolute;
  right: 0;
  top: 12px;
}
.product-search-container .search-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  overflow: scroll;
}
.product-search-container .search-result .result-title {
  font-size: 1.1em;
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.product-search-container .search-result button {
  margin: 0;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.product-search-container .search-result .search-result-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.product-search-container .search-result .search-result-right form {
  margin-right: 20px;
}.preset {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.preset:hover {
  background-color: #007a71;
  cursor: pointer;
}
.preset:last-of-type {
  margin-right: 0;
}
.preset .preset-label {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.preset-selected {
  background-color: #007a71;
}.page-terminal aside div button, .weave-btn {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.page-terminal aside div button:hover, .weave-btn:hover {
  cursor: pointer;
}
.page-terminal aside div button:disabled, .weave-btn:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.page-terminal .right-column .process-button-container button, .page-terminal .right-column .totals-container .adjust-btn, .page-terminal .right-column .totals-container, .page-terminal .right-column .illinois-stage-button button, .page-terminal > main .list .sale-type, .page-terminal > main .list .header-container .actions > button, .payment-body .donation-body .amount-option, .payment-body .donation-body .donation-list .donation-type {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.payment-dialog .payment-options .payment-option {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.page-terminal .more-info-dialog .name-dialog .group-picker {
  font-size: 0.8em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}

.payment-body .option-footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn, .page-terminal > main .list .header-container .actions > button.print-labels, .page-terminal > main .list .header-container .actions > button.cancel, .page-terminal > main .list .header-container .actions > button.suspend, .page-terminal.processing .icon button, .page-terminal.completed .icon button, .payment-body .loyalty-points .redeem-button, .payment-body .donation-button, .payment-body .remove-points, .payment-body .redeem-button {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover, .page-terminal > main .list .header-container .actions > button.print-labels:hover, .page-terminal > main .list .header-container .actions > button.cancel:hover, .page-terminal > main .list .header-container .actions > button.suspend:hover, .page-terminal.processing .icon button:hover, .page-terminal.completed .icon button:hover, .payment-body .donation-button:hover, .payment-body .remove-points:hover, .payment-body .redeem-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus, .page-terminal > main .list .header-container .actions > button.print-labels:focus, .page-terminal > main .list .header-container .actions > button.cancel:focus, .page-terminal > main .list .header-container .actions > button.suspend:focus, .page-terminal.processing .icon button:focus, .page-terminal.completed .icon button:focus, .payment-body .donation-button:focus, .payment-body .remove-points:focus, .payment-body .redeem-button:focus {
  outline: none;
}
.clear-btn:disabled, .page-terminal > main .list .header-container .actions > button.print-labels:disabled, .page-terminal > main .list .header-container .actions > button.cancel:disabled, .page-terminal > main .list .header-container .actions > button.suspend:disabled, .page-terminal.processing .icon button:disabled, .page-terminal.completed .icon button:disabled, .payment-body .donation-button:disabled, .payment-body .remove-points:disabled, .payment-body .redeem-button:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.modify-price-dialog .form-actions button, .cart-adjustment-dialog .form-actions button, .page-terminal .add-item-btn-quepon, .page-terminal .add-item-btn, .dialog .form-actions button, .modify-price-dialog .form-actions button[type=submit], .cart-adjustment-dialog .form-actions button[type=submit], .dialog .form-actions button[type=submit], .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.modify-price-dialog .form-actions button:hover, .cart-adjustment-dialog .form-actions button:hover, .page-terminal .add-item-btn-quepon:hover, .page-terminal .add-item-btn:hover, .dialog .form-actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.modify-price-dialog .form-actions button:disabled, .cart-adjustment-dialog .form-actions button:disabled, .page-terminal .add-item-btn-quepon:disabled, .page-terminal .add-item-btn:disabled, .dialog .form-actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.modify-price-dialog .form-actions button[type=submit], .cart-adjustment-dialog .form-actions button[type=submit], .dialog .form-actions button[type=submit] {
  color: #24aba1;
}

button {
  cursor: pointer;
}

.debit-cash-dialog {
  display: flex;
  justify-content: space-around;
  margin-top: -72px;
}

.selling-negative-buttons {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.selling-negative-buttons .first-button-nope {
  margin-right: 50px;
}

.dialog {
  border-radius: var(--border-radius);
}
.invalid-payment {
  padding: 20px;
}

.manual-add-product-dialog .dialog-inner {
  overflow: scroll;
  width: 50%;
}
.manual-add-product-dialog .manual-add-body {
  padding: 20px;
}
.manual-add-product-dialog .manual-add-field {
  width: 60%;
}

.terminal-loading-message {
  background-color: var(--primary-color);
  margin-top: -16px;
  text-align: center;
  opacity: 0;
  transition: 0.3s all cubic-bezier(0.4, 0, 0.6, 1);
  height: 0;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.terminal-loading-message .loader {
  opacity: 0;
  transition: 0.3s opacity cubic-bezier(0.4, 0, 0.6, 1);
}
.terminal-loading-message.active {
  opacity: 1;
  height: 60px;
}
.terminal-loading-message.active .loader.active {
  opacity: 1;
  transition: 0.3s opacity cubic-bezier(0.4, 0, 0.6, 1);
  transition-delay: 0.3s;
}
.terminal-loading-message.error {
  background-color: #be0009;
}
.terminal-loading-message.error .inner p:first-of-type:after {
  content: ":";
}
.terminal-loading-message .inner {
  transition: 0.3s all cubic-bezier(0.4, 0, 0.6, 1);
  margin-top: 16px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: white;
}
.terminal-loading-message .inner .error {
  margin-left: 10px;
}
.terminal-loading-message p {
  padding: 0;
  margin: 0;
}

.manual-add-field {
  width: 60%;
}

.dialog .dialog-error {
  font-size: 0.8em;
  color: #be0009;
}

.product-weight-dialog-wrapper > .dialog-inner {
  max-width: 768px;
}

.product-weight-dialog {
  padding: 24px;
}
.product-weight-dialog .preset-container {
  width: 320px;
  height: 45px;
  position: relative;
  overflow: hidden;
}
.product-weight-dialog .presets {
  position: absolute;
  left: 0;
  display: flex;
  align-items: flex-start;
}
.product-weight-dialog .preset-slide {
  left: -275px;
}
.product-weight-dialog .custom-weight {
  width: 265px;
}
.product-weight-dialog .custom-weight .text-field {
  margin: 0;
}
.product-weight-dialog .top-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
.product-weight-dialog .top-row .product-weight {
  margin-left: 10px;
  color: #007a71;
}
.product-weight-dialog .weight-title {
  font-size: 1.4em;
  color: #677074;
  margin-right: 30px;
}
.product-weight-dialog .weight-inputs > div {
  width: 28%;
}
.product-weight-dialog .weight-form-actions button {
  margin-right: 10px;
}
.product-weight-dialog .weight-form-actions button:last-of-type {
  margin-right: 0;
}

.sub-sku {
  font-size: 0.6em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}

.floating-action-enter {
  opacity: 0.01;
}

.floating-action-enter.floating-action-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}

.floating-action-leave {
  opacity: 1;
}

.floating-action-leave.floating-action-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}

.payment-dialog .dialog-inner {
  max-width: 800px;
}
.payment-dialog header {
  padding: 10px 20px 5px 20px;
}
.payment-dialog header h1 {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.payment-dialog header h1 .sub-text {
  color: #007a71;
}
.payment-dialog .text-field {
  margin: 10px 0;
}
.payment-dialog .digital-prepay {
  margin-bottom: 10px;
  margin-left: 20px;
  font-style: italic;
  color: #007a71;
}
.payment-dialog .payment-header {
  flex-wrap: nowrap !important;
}
.payment-dialog .payment-header .debit-toggle {
  margin-top: 5px !important;
}
.payment-dialog .digital-success {
  color: #007a71;
}
.payment-dialog .process-payment {
  width: auto;
  white-space: nowrap;
  margin: 0;
}
.payment-dialog .payment-error {
  color: #be0009;
}
.payment-dialog .secondary-payment {
  display: flex;
}
.payment-dialog .secondary-payment .add-secondary {
  display: flex;
  align-items: center;
  color: #007a71;
  font-weight: bold;
  margin-top: 10px;
}
.payment-dialog .secondary-payment .add-secondary .add-bubble {
  margin-top: -2px;
  margin-right: 10px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  background-color: #007a71;
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-dialog .secondary-payment .add-secondary svg {
  color: white !important;
}
.payment-dialog .secondary-payment .add-secondary:hover {
  cursor: pointer;
  color: rgb(0, 96.5, 89.381147541);
}
.payment-dialog .secondary-payment .add-secondary:hover .add-bubble {
  background-color: rgb(0, 96.5, 89.381147541);
}
.payment-dialog .secondary-payment .secondary-field {
  width: 100%;
}
.payment-dialog .secondary-payment .interfacing-with-terminal {
  text-align: left;
}
.payment-dialog .secondary-payment .and {
  width: 30%;
  min-width: 180px;
  color: #007a71;
  font-weight: bold;
  font-size: 1.4em;
}
.payment-dialog .secondary-payment .secondary-options {
  width: 30%;
  min-width: 180px;
  display: flex;
  justify-content: space-between;
}
.payment-dialog .secondary-payment .secondary-options .secondary-option {
  padding: 6px 10px;
  background-color: #0287c3;
  border: 2px solid #0287c3;
  color: white;
  border-radius: var(--border-radius);
  font-size: 1em;
  margin-top: 10px;
  outline: none;
  width: 45%;
}
.payment-dialog .secondary-payment .secondary-options .secondary-option:hover {
  background-color: rgb(1.7411167513, 117.5253807107, 169.7588832487);
  border-color: rgb(1.7411167513, 117.5253807107, 169.7588832487);
}
.payment-dialog .secondary-payment .secondary-options .secondary-cash {
  border: 2px solid #007a71;
  background-color: #007a71;
}
.payment-dialog .secondary-payment .secondary-options .secondary-cash:hover {
  background-color: rgb(0, 96.5, 89.381147541);
  border-color: rgb(1.7411167513, 117.5253807107, 169.7588832487);
}
.payment-dialog .payment-options {
  width: 100%;
  margin: 20px 0;
}
.payment-dialog .payment-options .payment-option {
  padding: 0;
  margin-bottom: 10px;
}
.payment-dialog .payment-options .payment-option .option-label {
  padding: 10px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.payment-dialog .payment-options .payment-option .option-label svg {
  margin-right: 10px;
}
.payment-dialog .payment-options .payment-option .option-label > div {
  display: flex;
  align-items: center;
}
.payment-dialog .payment-options .payment-option .option-label:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}
.payment-dialog .payment-options .payment-option .option-body {
  padding: 20px;
}
.payment-dialog .eligible-tiers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: max-content;
}
.payment-dialog .eligible-tiers .loyalty-tier {
  padding: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.payment-dialog .eligible-tiers .loyalty-tier:hover {
  background-color: rgba(245, 245, 245, 0.8);
}
.payment-dialog .eligible-tiers .selected-tier {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}
.payment-dialog .eligible-tiers .selected-tier .sub-text {
  color: var(--primary-color);
}

.payment-body {
  padding: 24px;
  padding-top: 40px !important;
  text-align: center;
}
.payment-body .points-applied {
  display: inline-flex;
  padding: 3px 8px;
  text-align: left;
  color: white;
  margin-bottom: 20px;
  background-color: #24aba1;
  border-radius: 12px;
}
.payment-body .points-applied .delete-button {
  height: 1em;
  border: none;
  background-color: transparent;
  font-size: 1em;
  margin: 1px 0 0 13px;
  padding: 0;
  outline: none;
}
.payment-body .points-applied .delete-button svg {
  fill: rgb(234.6, 234.6, 234.6);
  width: 0.9em;
  height: 0.9em;
}
.payment-body .points-applied .delete-button svg:hover {
  cursor: pointer;
}
.payment-body .loyalty-warning {
  margin-bottom: 20px;
}
.payment-body .error-msg {
  font-size: 0.8em;
  color: #be0009;
  text-align: left;
  margin-bottom: 10px;
}
.payment-body .redeem-points {
  display: flex;
  width: 100%;
  margin: 15px 0 0 0;
  color: #677074;
}
.payment-body .redeem-points .text-field {
  margin: 0 !important;
  margin-top: -20px !important;
  width: 100px;
  text-align: left;
  margin-left: 5px !important;
}
.payment-body .option-footer {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  box-sizing: border-box;
}
.payment-body .redeem-button {
  margin-top: 0px;
  font-size: 0.7em;
  margin-left: 10px;
}
.payment-body .remove-points {
  color: #be0009;
  border-color: #be0009;
  margin: 0;
  font-size: 0.7em;
}
.payment-body .donation-button {
  margin-top: 0px;
  font-size: 0.8em;
}
.payment-body .donation-body {
  text-align: left;
  box-sizing: border-box;
}
.payment-body .donation-body .donation-list {
  display: flex;
  flex-wrap: wrap;
}
.payment-body .donation-body .donation-list .donation-type {
  width: 80px;
  height: 34px;
  margin: 10px;
  border-radius: 6px;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
}
.payment-body .donation-body .donation-list .donation-type:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}
.payment-body .donation-body .selected-donation {
  border-bottom: 6px solid #007a71 !important;
}
.payment-body .donation-body .donation-amount {
  display: flex;
  flex-wrap: wrap;
  font-weight: bold;
}
.payment-body .donation-body .amount-option {
  width: 40px;
  height: 26px;
  border-radius: 6px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  padding-bottom: 14px;
}
.payment-body .donation-body .amount-option:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}
.payment-body .donation-body .custom-amount {
  width: 200px;
}
.payment-body .loyalty-points {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #677074;
  margin-bottom: 15px;
}
.payment-body .loyalty-points .redeem-button {
  margin-top: 0px;
  font-size: 0.7em;
  margin-left: 10px;
}
.payment-body .loyalty-subtotal {
  margin-bottom: 15px;
}
.payment-body .payment-button,
.payment-body .preset-button {
  width: 33%;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-body .payment-button > div,
.payment-body .preset-button > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-body .preset-button {
  flex: 1;
  border-radius: var(--border-radius);
}
.payment-body .preset-button:first-of-type {
  margin-left: 0 !important;
}
.payment-body .preset-button:last-of-type {
  margin-right: 0 !important;
}
.payment-body .flex-container {
  margin-top: 10px;
}
.payment-body .payment-presets {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-body .payment-presets .preset-button {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: var(--border-radius) !important;
  width: 111px;
  height: 40px;
  font-size: 1.5em;
}
.payment-body .payment-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  margin-top: 10px;
  height: 175px;
}
.payment-body .payment-info {
  margin-top: 20px;
  width: 100%;
  text-align: left;
}
.payment-body .payment-info .digital-prepay {
  color: #be0009;
  margin: 0;
}
.payment-body .payment-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 10px 0;
}
.payment-body .payment-actions .manual-mode {
  background-color: white;
  color: #677074;
  padding: 8px;
  margin: 0;
  font-size: 16px;
}
.payment-body .payment-actions .manual-mode:hover {
  background-color: #f2f2f2;
}

.payment-body .generate-new-qr-btn,
.secondary-payment .generate-new-qr-btn {
  margin: 0;
}
.payment-body .cash-field,
.secondary-payment .cash-field {
  width: 30%;
  min-width: 180px;
}
.payment-body .charge-fields,
.payment-body .digital-fields,
.secondary-payment .charge-fields,
.secondary-payment .digital-fields {
  display: flex;
  width: 100%;
}
.payment-body .charge-fields .text-field,
.payment-body .digital-fields .text-field,
.secondary-payment .charge-fields .text-field,
.secondary-payment .digital-fields .text-field {
  width: 30%;
  min-width: 180px;
  margin-right: 30px;
}
.payment-body .payment-body-info,
.secondary-payment .payment-body-info {
  width: 300px;
  margin: auto;
}
.payment-body .payment-body-info > div,
.secondary-payment .payment-body-info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-body .payment-digital-icons,
.secondary-payment .payment-digital-icons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.payment-body .digital-fields-wrapper,
.secondary-payment .digital-fields-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "qrHeader actionsHeader" "qrImage  actionsFields" "qrRegen  actionsStatus";
  grid-template-rows: 24px 1fr auto;
  width: 100%;
}
.payment-body .digital-fields-wrapper p,
.secondary-payment .digital-fields-wrapper p {
  margin: 0;
  padding: 0;
  color: #677074;
}
.payment-body .digital-fields-wrapper .digital-fields-qr-header,
.secondary-payment .digital-fields-wrapper .digital-fields-qr-header {
  grid-area: qrHeader;
  align-self: start;
  justify-self: center;
}
.payment-body .digital-fields-wrapper .digital-fields-qr-image,
.secondary-payment .digital-fields-wrapper .digital-fields-qr-image {
  grid-area: qrImage;
  align-self: start;
}
.payment-body .digital-fields-wrapper .digital-fields-qr-regen,
.secondary-payment .digital-fields-wrapper .digital-fields-qr-regen {
  grid-area: qrRegen;
  align-self: start;
  justify-self: center;
}
.payment-body .digital-fields-wrapper .digital-fields-actions-header,
.secondary-payment .digital-fields-wrapper .digital-fields-actions-header {
  grid-area: actionsHeader;
  align-self: start;
  justify-self: center;
}
.payment-body .digital-fields-wrapper .digital-fields-actions-fields,
.secondary-payment .digital-fields-wrapper .digital-fields-actions-fields {
  grid-area: actionsFields;
  align-self: start;
}
.payment-body .digital-fields-wrapper .digital-fields-actions-status,
.secondary-payment .digital-fields-wrapper .digital-fields-actions-status {
  grid-area: actionsStatus;
  align-self: start;
  justify-self: center;
}
.payment-body .digital-fields-wrapper .weave-btn,
.secondary-payment .digital-fields-wrapper .weave-btn {
  margin: 0;
}
.payment-body .digital-fields-wrapper .digital-qr-code,
.secondary-payment .digital-fields-wrapper .digital-qr-code {
  flex: 1;
  text-align: center;
}
.payment-body .digital-fields-wrapper .digital-fields-auto,
.secondary-payment .digital-fields-wrapper .digital-fields-auto {
  flex: 1;
}
.payment-body .digital-fields-wrapper .digital-fields-auto .digital-field-row,
.secondary-payment .digital-fields-wrapper .digital-fields-auto .digital-field-row {
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.payment-body .digital-fields-wrapper .digital-fields-auto .digital-field-row .digital-field-text,
.secondary-payment .digital-fields-wrapper .digital-fields-auto .digital-field-row .digital-field-text {
  flex: 2;
}
.payment-body .digital-fields-wrapper .digital-fields-auto .digital-field-row .send-button-container,
.secondary-payment .digital-fields-wrapper .digital-fields-auto .digital-field-row .send-button-container {
  flex: 1;
  margin-left: 24px;
}
.payment-body .digital-fields-wrapper .digital-fields-auto .digital-field-row .send-button-container button,
.secondary-payment .digital-fields-wrapper .digital-fields-auto .digital-field-row .send-button-container button {
  margin: 0;
}
.payment-body .digital-fields-wrapper .digital-field-row,
.secondary-payment .digital-fields-wrapper .digital-field-row {
  width: 100%;
}

.available-discount-headers {
  margin-bottom: 0px;
  color: #677074;
}

.page-terminal {
  overflow: hidden;
  width: 100%;
  min-width: 860px;
  color: #677074;
}
.page-terminal .more-info-blocks {
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}
.page-terminal .more-info-dialog .dialog-body {
  max-height: 400px;
  overflow: scroll;
}
.page-terminal .more-info-dialog .name-dialog {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-terminal .more-info-dialog .name-dialog .header-left {
  display: flex;
  align-items: center;
}
.page-terminal .more-info-dialog .name-dialog .header-left .clear-btn, .page-terminal > main .more-info-dialog .name-dialog .header-left .list .header-container .actions > button.print-labels, .page-terminal > main .list .header-container .more-info-dialog .name-dialog .header-left .actions > button.print-labels, .page-terminal > main .more-info-dialog .name-dialog .header-left .list .header-container .actions > button.cancel, .page-terminal > main .list .header-container .more-info-dialog .name-dialog .header-left .actions > button.cancel, .page-terminal > main .more-info-dialog .name-dialog .header-left .list .header-container .actions > button.suspend, .page-terminal > main .list .header-container .more-info-dialog .name-dialog .header-left .actions > button.suspend, .page-terminal.processing .more-info-dialog .name-dialog .header-left .icon button, .page-terminal.processing .icon .more-info-dialog .name-dialog .header-left button, .page-terminal.completed .more-info-dialog .name-dialog .header-left .icon button, .page-terminal.completed .icon .more-info-dialog .name-dialog .header-left button, .page-terminal .more-info-dialog .name-dialog .header-left .payment-body .redeem-button, .payment-body .page-terminal .more-info-dialog .name-dialog .header-left .redeem-button, .page-terminal .more-info-dialog .name-dialog .header-left .payment-body .remove-points, .payment-body .page-terminal .more-info-dialog .name-dialog .header-left .remove-points, .page-terminal .more-info-dialog .name-dialog .header-left .payment-body .donation-button, .payment-body .page-terminal .more-info-dialog .name-dialog .header-left .donation-button {
  font-size: 0.6em;
  margin-top: 0;
  margin-left: 10px;
  padding: 4px 8px;
}
.page-terminal .more-info-dialog .name-dialog .group-picker {
  margin-left: 10px;
}
.page-terminal .more-info-dialog .name-dialog .loyalty-points {
  display: flex;
  font-size: 0.8em;
}
.page-terminal .more-info-dialog .name-dialog .loyalty-points .points-display {
  color: #677074;
  margin-left: 20px;
}
.page-terminal .recent-orders-terminal {
  margin: 20px;
  width: 100%;
}
.page-terminal .recent-orders-terminal .recent-orders-title {
  display: inline-block;
  margin-bottom: 20px;
}
.page-terminal .membership {
  margin-left: 10px;
}
.page-terminal .add-item-btn {
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 0;
}
.page-terminal .add-item-btn-quepon {
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 0;
}
.page-terminal .add-item-btn-quepon svg {
  width: 20px !important;
  height: 20px !important;
}
.page-terminal .print-dialog header {
  border-bottom: 0;
}
.page-terminal .print-dialog .dialog-body {
  padding: 10px 20px;
}
.page-terminal.processing, .page-terminal.completed {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-terminal.processing .icon, .page-terminal.completed .icon {
  text-align: center;
  width: 420px;
  margin: auto;
}
.page-terminal.processing .icon h1, .page-terminal.completed .icon h1 {
  margin-top: 5px;
}
.page-terminal.processing .icon p, .page-terminal.completed .icon p {
  font-size: 1.5em;
}
.page-terminal .title {
  display: flex;
  padding: 0;
  padding-bottom: 0px;
  justify-content: space-between;
  align-items: center;
  height: 63px;
  width: 100%;
  margin-top: -8px;
}
.page-terminal .title .group {
  display: flex;
}
.page-terminal .title .print-labels {
  background-color: lime;
}
.page-terminal .total-items-display {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 0.8em;
  margin-left: 2px;
  margin-top: -5px;
}
.page-terminal .item-list {
  padding-bottom: 20px;
}
.page-terminal .terminal-left {
  height: 100%;
}
.page-terminal > main {
  height: calc(100vh - 135px);
  min-height: 800px;
  padding: 25px 50px;
  position: relative;
  justify-content: space-between;
  background: linear-gradient(#f2f2f2, rgb(216.5, 216.5, 216.5));
  display: flex;
}
.page-terminal > main .list {
  width: 63%;
  position: relative;
}
.page-terminal > main .list .items {
  overflow-y: auto;
  height: calc(100% - 190px);
}
.page-terminal > main .list .bud-tender {
  margin-top: 10px;
}
.page-terminal > main .list .header-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page-terminal > main .list .header-container div {
  display: inline-flex;
}
.page-terminal > main .list .header-container .actions > button {
  margin-left: 20px;
  margin-right: 0;
  border: none;
  padding: 10px;
  width: 100px;
  justify-content: center;
}
.page-terminal > main .list .header-container .actions > button.suspend {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.page-terminal > main .list .header-container .actions > button.cancel {
  color: #ff5722;
  border-color: #ff5722;
}
.page-terminal > main .list .header-container .actions > button.print-labels {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.page-terminal > main .list .header-container .render-order-name {
  align-items: center;
}
.page-terminal > main .list .header-container .render-order-name .loy-icon {
  height: 22px;
}
.page-terminal > main .list .header-container .render-order-name .loy-icon button {
  padding: 0px !important;
  height: 22px !important;
  margin-top: 16px !important;
}
.page-terminal > main .list .header-container .render-order-name .name {
  display: inline-block;
  margin-top: 15px;
}
.page-terminal > main .list .header-container .render-order-name .name:hover {
  cursor: pointer;
}
.page-terminal > main .list .sale-type {
  width: auto;
  display: inline;
  padding: 0 20px;
  font-size: 0.75em;
  color: white;
}
.page-terminal > main .list .recreational {
  background-color: #03a9f4;
  border-bottom: 3px solid white;
}
.page-terminal > main .list .medical {
  background-color: #607d8b;
  border-bottom: 3px solid #24aba1;
}
.page-terminal > main .list .title-label {
  width: 100%;
  padding: 5px;
  justify-content: center;
  align-items: center;
  border: none;
}
.page-terminal > main .list .order-id {
  width: 100%;
  padding: 5px;
  justify-content: center;
  align-items: center;
  display: block;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  background-color: white;
}
.page-terminal > main .item-enter {
  opacity: 0.01;
}
.page-terminal > main .item-enter.item-enter-active {
  opacity: 1;
  transition: opacity 500ms ease-in;
}
.page-terminal > main .item-leave {
  opacity: 1;
}
.page-terminal > main .item-leave.item-leave-active {
  opacity: 0.01;
  transition: opacity 300ms ease-in;
}
.page-terminal .right-column {
  width: 33%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}
.page-terminal .right-column .illinois-stage-button {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.page-terminal .right-column .illinois-stage-button button {
  width: 100%;
  justify-content: center;
  color: white;
  border: none;
  background-color: var(--primary-color);
  font-size: 1.5em;
  border-bottom: 3px solid #607d8b;
}
.page-terminal .right-column .illinois-stage-button button:disabled {
  opacity: 0.4;
}
.page-terminal .right-column .totals-container {
  border: none;
  margin-bottom: 10px;
  height: 75%;
  padding: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.page-terminal .right-column .totals-container .discount-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.page-terminal .right-column .totals-container .discount-options button {
  padding: 10px 0;
  font-size: 1em;
  color: white;
  border: none;
  outline: none;
  background-color: #24aba1;
  cursor: pointer;
  width: 29%;
  min-width: 50px;
  text-align: center;
  border-radius: 3px;
}
.page-terminal .right-column .totals-container .discount-options button.selected-discount {
  background-color: #607d8b;
  color: white;
}
.page-terminal .right-column .totals-container .discount-options .buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.page-terminal .right-column .totals-container .discount-options .clear {
  display: flex;
  margin-top: 15px;
  width: 100%;
}
.page-terminal .right-column .totals-container .discount-options .clear button {
  flex: 1;
}
.page-terminal .right-column .totals-container .title {
  padding: 0;
  margin: 0;
  height: auto;
  margin-bottom: 15px;
}
.page-terminal .right-column .totals-container .title h2 {
  margin-bottom: 0;
}
.page-terminal .right-column .totals-container .adjust-btn {
  font-size: 1em;
  padding: 8px 12px;
  outline: none;
  border: none;
}
.page-terminal .right-column .totals-container .adjust-btn:hover {
  background-color: #f2f2f2;
}
.page-terminal .right-column .totals-container .adjust-btn svg {
  margin-left: 8px;
}
.page-terminal .right-column .totals-container .total-med,
.page-terminal .right-column .totals-container .total-rec {
  box-sizing: border-box;
  width: 100%;
  padding: 14px;
  color: white;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.page-terminal .right-column .totals-container .total-med .total-value,
.page-terminal .right-column .totals-container .total-rec .total-value {
  font-size: 2.5em;
  text-align: right;
  margin-bottom: -5px;
}
.page-terminal .right-column .totals-container .total-rec {
  background-color: #007a71;
}
.page-terminal .right-column .totals-container .total-med {
  background-color: rgb(2, 135, 195);
}
.page-terminal .right-column .totals-container .order-summary {
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}
.page-terminal .right-column .totals-container .order-summary hr {
  width: calc(100% + 38px);
  margin-left: -20px;
  color: rgba(96, 124, 138, 0.4);
}
.page-terminal .right-column .totals-container .order-summary .order-type {
  display: flex;
  align-items: center;
}
.page-terminal .right-column .totals-container .order-summary .order-type .order-type-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  margin-left: -4px;
  height: 30px;
}
.page-terminal .right-column .totals-container .order-summary .order-type .order-type-icon .button-surround {
  margin: 0 -5px;
}
.page-terminal .right-column .totals-container .taxes {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-height: 5em;
}
.page-terminal .right-column .totals-container .taxes > li {
  font-size: 0.75em;
  width: 45%;
  padding: 5px;
}
.page-terminal .right-column .totals-container .taxes > li .tax-rate {
  float: right;
}
.page-terminal .right-column .process-button-container {
  width: 100%;
}
.page-terminal .right-column .process-button-container .tooltip-container {
  flex: 2;
  margin-right: 15px;
}
.page-terminal .right-column .process-button-container .tooltip-container:last-of-type {
  margin-right: 0;
}
.page-terminal .right-column .process-button-container .tooltip-cash {
  width: 100%;
}
.page-terminal .right-column .process-button-container button {
  width: 100%;
  justify-content: center;
  color: white;
  border: none;
  background-color: #03a9f4;
  font-size: 1.5em;
  border-bottom: 3px solid #607d8b;
}
.page-terminal .right-column .process-button-container button:disabled {
  opacity: 0.4;
}
.page-terminal .right-column .process-button-container .process {
  display: flex;
  justify-content: space-between;
}
.page-terminal .right-column .process-button-container .process .card-button,
.page-terminal .right-column .process-button-container .process .digital-button {
  background-color: #0287c3 !important;
}
.page-terminal .right-column .process-button-container .cash-button {
  width: 100%;
  background-color: #007a71 !important;
  margin-top: 10px;
}
.page-terminal .right-column .digital-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-terminal .right-column .prepaid,
.page-terminal .right-column .prepaid-fail {
  width: 100%;
}
.page-terminal .right-column .prepaid button,
.page-terminal .right-column .prepaid-fail button {
  width: 100%;
}
.page-terminal .right-column .prepaid-fail svg {
  fill: #be0009 !important;
  margin-right: 6px;
  width: 30px !important;
}
.page-terminal .right-column .prepaid-message {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.page-terminal .right-column .prepaid-message p {
  width: calc(100% - 36px);
}
.page-terminal .right-column .prepaid svg {
  fill: #007a71 !important;
  margin-right: 6px;
  width: 30px !important;
}
.page-terminal .right-column i {
  margin-bottom: 5px;
}
.page-terminal .right-column .split-announcement {
  display: flex;
  align-items: center;
}
.page-terminal .right-column .split-announcement svg {
  color: #c66400 !important;
}
.page-terminal .toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-terminal h2,
.page-terminal h3 {
  margin: 0;
  padding: 0;
}
.page-terminal h2 .sub-text,
.page-terminal h3 .sub-text {
  margin-left: 10px;
}
.page-terminal .progress-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page-terminal .progress-container .faded {
  height: 20px;
  width: 100%;
  background: linear-gradient(rgba(219, 219, 219, 0.05), #dbdbdb);
}
.page-terminal .add-item-manual {
  text-align: center;
}
.page-terminal aside {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  left: 0;
  right: 0;
  bottom: 0;
  height: 56px;
  position: fixed;
  z-index: 10;
  background-color: red;
  padding: 0 30px;
  color: #677074;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-terminal aside div {
  display: flex;
}
.page-terminal aside div button {
  flex: 1;
  margin: 0;
  margin-left: 40px;
}
.page-terminal aside div button:first-child {
  margin-left: 0;
}
.page-terminal .totals {
  height: calc(100% - 60px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-terminal .totals ul {
  margin: 6px 0 0 0;
  padding: 0;
  list-style: none;
}
.page-terminal .totals li {
  padding: 6px 0;
  list-style: none;
}
.page-terminal .totals li .items {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-terminal .totals li .items.payment {
  color: #24aba1;
}
.page-terminal .totals li .items .edit-sales-person {
  margin-right: -8px;
}
.page-terminal .totals li .items .edit-sales-person .autocomplete {
  width: 150px;
  margin-top: -18px;
}
.page-terminal .totals li .items .edit-sales-person .autocomplete .text-field {
  margin: 0;
  height: 38px;
}
.page-terminal .totals li .items .edit-sales-person svg {
  height: 15px !important;
  width: 15px !important;
  color: #24aba1 !important;
}
.page-terminal .totals li .items .edit-sales-person:hover svg {
  color: #007a71 !important;
}
.page-terminal .totals li .items .edit-sales-person button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 30px !important;
  padding: 0 !important;
  height: 20px !important;
}
.page-terminal .totals li:first-of-type {
  padding-top: 0;
}
.page-terminal .totals .add-note-field {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.page-terminal .totals .add-note-field .text-field {
  width: 100%;
}
.page-terminal .totals .add-note-field .clear-btn, .page-terminal .totals .add-note-field .payment-body .redeem-button, .payment-body .page-terminal .totals .add-note-field .redeem-button, .page-terminal .totals .add-note-field .payment-body .remove-points, .payment-body .page-terminal .totals .add-note-field .remove-points, .page-terminal .totals .add-note-field .payment-body .donation-button, .payment-body .page-terminal .totals .add-note-field .donation-button, .page-terminal.processing .totals .add-note-field .icon button, .page-terminal.processing .icon .totals .add-note-field button, .page-terminal.completed .totals .add-note-field .icon button, .page-terminal.completed .icon .totals .add-note-field button, .page-terminal > main .totals .add-note-field .list .header-container .actions > button.suspend, .page-terminal > main .list .header-container .totals .add-note-field .actions > button.suspend, .page-terminal > main .totals .add-note-field .list .header-container .actions > button.cancel, .page-terminal > main .list .header-container .totals .add-note-field .actions > button.cancel, .page-terminal > main .totals .add-note-field .list .header-container .actions > button.print-labels, .page-terminal > main .list .header-container .totals .add-note-field .actions > button.print-labels {
  height: 34px;
  margin-bottom: 7px;
}
.page-terminal .totals ul ul {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.page-terminal .totals ul ul li {
  padding: 0;
}

.modify-price-fields {
  margin-bottom: 20px;
}

.modify-error {
  color: #be0009 !important;
}

.adjust-subtotal-fields > div {
  width: 30%;
}

.adjustment-name {
  margin-bottom: 0;
}

.more-info-transactions {
  width: 60%;
  padding: 20px;
}
.more-info-transactions h3 {
  margin-bottom: 10px;
}

.more-info {
  width: 35%;
}
.more-info .notes-flex {
  display: flex;
  justify-content: space-between;
}
.more-info .info-notes .actual-note {
  color: #be0009;
}
.more-info .info-notes .new-note {
  margin-top: -19px;
  margin-bottom: -1px;
  width: 80%;
}
.more-info .info-notes svg {
  height: 15px !important;
  width: 15px !important;
  color: #24aba1 !important;
}
.more-info .info-notes:hover svg {
  color: #007a71 !important;
}
.more-info .info-notes button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 40px !important;
  padding: 0 !important;
  height: 25px !important;
  font-size: 0.8em;
}

.adjustment-warning {
  color: #be0009;
  font-size: 1.25em;
  display: flex;
}
.adjustment-warning svg {
  margin-right: 10px;
}

.payment-total {
  display: flex;
  align-items: center;
}
.payment-total .payment-change {
  margin-left: 8px;
  font-size: 0.6em;
}
.payment-total .totes {
  display: flex;
  align-items: center;
}
.payment-total .vertical-line {
  margin-top: -5px;
  margin-left: 8px;
}

.into-negative-add {
  text-align: right;
  margin-bottom: 5px;
}

.active-labels .dialog-inner {
  width: 800px;
}

.inventory-warning-title {
  font-size: 1.5em;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.inventory-warning-title svg {
  width: 30px !important;
  height: 30px !important;
  color: #be0009 !important;
  margin-right: 10px;
}

.inventory-warning-body {
  padding: 20px;
  padding-bottom: 0;
}

.validate-patient-dialog footer {
  display: none;
}
.validate-patient-dialog .validate-dialog-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px;
}
.validate-patient-dialog .group-error {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  color: #be0009 !important;
}
.validate-patient-dialog .group-error svg {
  fill: #be0009 !important;
}

.metrc-license-warning .metrc-warning-header {
  font-weight: bold;
  margin-bottom: 10px;
}
.metrc-license-warning .metrc-warning-info {
  margin-left: 30px;
  margin-bottom: 3px;
}

.dialog-patient-form {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: calc(75vh - 92px);
}
.dialog-patient-form main {
  background: white;
}
.dialog-patient-form footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
}

table.online-payment th {
  text-align: left;
  padding: 0.25rem 1rem;
}

.cart-adjustment-dialog {
  padding: 24px;
}
.cart-discount-dialog {
  padding: 24px;
  width: 60%;
}

.line-promotion-dialog {
  padding: 24px;
  width: 60%;
}

.modify-price-dialog {
  padding: 24px;
}
.remove-product-dialog {
  padding: 24px;
}.transaction-push-status {
  width: 44px !important;
  position: relative;
}
.transaction-push-status .transaction-push-progress {
  position: absolute;
  top: 4px;
  left: 4px;
}
.transaction-push-status .transaction-push-button {
  position: absolute;
  left: 0;
  top: 0;
}.state-info-error .pending {
  font-style: italic;
}

.repush-order-dialog main {
  overflow: auto;
  max-height: calc(75vh - 121px);
}
.repush-order-dialog .dialog-inner {
  max-width: 500px;
}
.repush-order-dialog .cancel-btn {
  color: var(--warning-color);
}
.repush-order-dialog .error-breakdown {
  margin-left: 16px;
  padding: 0;
}
.repush-order-dialog .error-breakdown li {
  list-style: none;
  margin-bottom: 12px;
}
.repush-order-dialog .error-breakdown li strong {
  display: block;
}
.repush-order-dialog .correction-row {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.repush-order-dialog .correction-row .text-field {
  width: 90px;
  margin: 0;
}

.pmp-caregiver-dialog .dialog-inner {
  max-width: 500px;
}
.pmp-caregiver-dialog ul {
  margin-top: 28px !important;
}
.pmp-caregiver-dialog li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 18px 0;
  transition: 0.2s color cubic-bezier(0.4, 0, 0.6, 1);
}
.pmp-caregiver-dialog li.selected {
  color: var(--primary-color);
  transition: 0.2s color cubic-bezier(0.4, 0, 0.6, 1);
}
.pmp-caregiver-dialog li button {
  display: flex;
  align-items: center;
}
.pmp-caregiver-dialog li button svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px;
}
.pmp-caregiver-dialog li:last-of-type {
  margin-bottom: 0;
}
.pmp-caregiver-dialog .state-info-actions {
  display: flex;
  justify-content: flex-start;
}
.pmp-caregiver-dialog .cancel-btn {
  color: var(--warning-color);
}.edit-order-dialog .dialog-inner {
  max-width: 500px;
}
.edit-order-dialog h4 {
  margin: 32px 0 8px 0;
  padding: 0;
}
.edit-order-dialog ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.edit-order-dialog li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.edit-order-dialog li.selected {
  color: var(--primary-color);
  font-weight: 700;
}
.edit-order-dialog header {
  display: flex;
  align-items: center;
}
.edit-order-dialog header svg {
  margin-right: 12px;
}
.edit-order-dialog header.with-icon {
  margin: 0;
  padding: 6px;
}
.edit-order-dialog .edit-order-main {
  display: flex;
  align-items: center;
  justify-content: center;
}
.edit-order-dialog button.clear-btn {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.edit-order-dialog button.clear-btn svg {
  margin-right: 8px;
  color: var(--primary-color);
  fill: var(--primary-color);
}
.edit-order-dialog button.clear-btn:last-of-type {
  margin-right: 0;
}.transaction-line .resume-btn button {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.transaction-line .resume-btn button:hover {
  cursor: pointer;
}
.transaction-line .resume-btn button:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.transaction-line .transaction-banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.transaction-line .transaction-banner > h3,
.transaction-line .transaction-banner h2,
.transaction-line .transaction-banner h1 {
  width: 100%;
}

.transaction-line .transaction-banner {
  font-size: 1.25em;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  width: 100%;
  padding: 20px 50px;
  margin-left: -50px;
  justify-content: center;
}

.transaction-line {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.transaction-line:last-of-type {
  margin: 0;
}
.transaction-line:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.delete-transaction-dialog .dialog-inner {
  max-width: 500px;
}

.discount-container {
  width: calc(100% - 40px);
  padding: 20px;
  margin-bottom: 20px;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  border-radius: var(--border-radius);
  border-bottom: 5px solid #03a9f4;
}
.discount-container .product-left {
  flex: 1;
}
.discount-container .product-left .product-left-group {
  font-size: 1.1em;
}
.discount-container .product-left .sub-text {
  font-size: 0.9em;
}
.discount-container .product-right {
  flex: 2;
  display: flex;
  justify-content: flex-end;
}

.transaction-clickaway-modal {
  position: absolute;
  z-index: 2;
  top: -120px;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.transaction-clickaway-modal.active {
  display: block;
}

.transaction-line-container {
  display: flex;
  margin-bottom: 10px;
  position: relative;
  z-index: 3;
}
.transaction-line-container .push-icon {
  display: flex;
  align-items: flex-start;
  margin-top: 21px;
  margin-left: 15px;
}

.transaction-line {
  position: relative;
  margin-bottom: 0px;
  width: calc(100% - 40px);
  flex-wrap: wrap;
  min-width: 560px;
}
.transaction-line .name-display:hover {
  color: var(--primary-color);
  font-weight: bold;
}
.transaction-line .re-push-dialog-header {
  font-size: 1.2em !important;
}
.transaction-line .re-push-container {
  padding: 20px;
}
.transaction-line .re-push-container .error-messages {
  display: flex;
}
.transaction-line .re-push-container .error-messages .error-block {
  width: 33%;
  margin-right: 20px;
}
.transaction-line .re-push-container .error-header {
  margin-bottom: 30px;
}
.transaction-line .re-push-container .error-message {
  color: #be0009;
  margin-bottom: 20px;
}
.transaction-line:hover {
  background-color: white;
}
.transaction-line .date {
  margin: 0 20px 0 8px;
  text-align: center;
}
.transaction-line .transaction-right {
  display: flex;
  align-items: center;
}
.transaction-line .transaction-right > div {
  text-align: center;
  width: 100px;
}
.transaction-line .transaction-right .points,
.transaction-line .transaction-right .thc-weight-warning {
  font-size: 0.85em;
}
.transaction-line .transaction-right .thc-weight-yellow {
  font-size: 0.85em;
  color: #c66400;
}
.transaction-line .transaction-right .thc-weight-red {
  font-size: 0.85em;
  color: #be0009;
}
.transaction-line .caregiver {
  font-size: 0.8em;
}
.transaction-line .transaction-expand {
  margin-top: 30px;
  position: relative;
}
.transaction-line .transaction-expand .time-information {
  margin-bottom: 10px;
}
.transaction-line .transaction-expand .note-group-time {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transaction-line .transaction-expand .note-group-time h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.transaction-line .transaction-expand .note-customer-group {
  display: flex;
}
.transaction-line .transaction-expand .customer-group-pricing {
  margin-right: 50px;
}
.transaction-line .transaction-expand .wait-time {
  text-align: center;
  margin-left: 40px;
}
.transaction-line .transaction-expand .order-times {
  display: flex;
  justify-content: flex-end;
}
.transaction-line .transaction-btns {
  display: flex;
  justify-content: center;
}
.transaction-line .resume-btn {
  text-align: center;
  margin: 0 20px;
}
.transaction-line .resume-btn button {
  padding: 10px 20px;
  border-radius: 3px;
}
.transaction-line .resume-btn .hide-button {
  display: none;
}
.transaction-line .delete-btn button {
  background-color: #be0009;
}
.transaction-line .transaction-banner {
  margin-top: 50px;
  flex-wrap: nowrap;
}
.transaction-line .transaction-banner .split-payment-footnote {
  font-size: 0.6em;
  color: #cccccc;
}
.transaction-line .order-id {
  display: flex;
  align-items: center;
  margin: -10px -24px;
}
.transaction-line .order-id .order-id-label {
  margin-right: 8px;
}
.transaction-line .order-id svg {
  width: 16px !important;
  height: 16px !important;
}
.transaction-line .transaction-employee:nth-child(2) {
  margin-left: 10px;
}
.transaction-line .order-type-icon > svg {
  margin-bottom: -6px;
  margin-right: 8px;
}
.transaction-line .order-type-icon > svg > path {
  fill: #be0009;
}
.transaction-line .push-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  display: block;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.transaction-line .backup-action {
  width: 44px !important;
  position: relative;
  margin-top: -40px;
}
.transaction-line .backup-action .backup-progress {
  position: absolute;
  top: 4px;
  left: 4px;
}
.transaction-line .backup-action .backup-button-button {
  position: absolute;
  left: 0;
  top: 0;
}
.transaction-line .state-info-reporting {
  margin-bottom: 32px;
}
.transaction-line .state-info-reporting h3 {
  padding: 0;
  margin: 0;
}
.transaction-line .state-info-reporting h4 {
  padding: 0;
  margin: 8px 0 12px 0;
}
.transaction-line .state-info-reporting ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.transaction-line .state-info-reporting .state-info {
  display: flex;
}
.transaction-line .state-info-reporting .state-info > div {
  margin-right: 24px;
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.transaction-line .state-info-reporting .state-info > div:last-of-type {
  margin-right: 0;
}
.transaction-line .state-info-reporting ul li {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.transaction-line .state-info-reporting ul li div {
  display: inline-block;
}
.transaction-line .state-info-reporting ul li span {
  margin-left: 8px;
  display: inline-block;
}
.transaction-line .state-info-reporting .state-info-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.transaction-line .state-info-reporting .state-info-actions button {
  margin: 0 8px;
}.order-info-card .order-item-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.order-info-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.no-hover:hover {
  cursor: default;
}

.order-info-card {
  padding: 15px 15px 0 15px;
  font-size: 0.85em;
  margin-bottom: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.order-info-card:last-of-type {
  margin-bottom: 0;
}
.order-info-card:hover {
  cursor: pointer;
}
.order-info-card h3 {
  margin-top: 0;
}
.order-info-card .order-info-date {
  display: flex;
  justify-content: space-between;
}
.order-info-card .order-info-date h3 {
  margin-bottom: 0;
}
.order-info-card .points-earned {
  margin-bottom: 10px;
}
.order-info-card .order-info-note {
  margin-bottom: 6px;
}
.order-info-card strong {
  margin-bottom: 5px;
}
.order-info-card .order-info-products {
  font-size: 0.9em;
  display: flex;
  flex-wrap: wrap;
}
.order-info-card .order-info-totals {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  background-color: #007a71;
  color: white;
  width: 100%;
  padding: 5px 15px;
  margin-left: -15px;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.order-info-card .order-info-totals .order-info-total {
  text-align: center;
  flex: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.8);
}
.order-info-card .order-info-totals .order-info-total:last-of-type {
  border-right: none;
}
.order-info-card .order-info-totals .order-info-total .sub-text {
  color: rgba(255, 255, 255, 0.8);
}
.order-info-card .order-item-card {
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.order-info-dialog {
  font-size: 0.8em;
  overflow-y: auto;
  max-height: 60vh;
}
.order-info-dialog .no-test-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  color: #be0009;
  font-size: 1em;
}.state-selector {
  display: flex;
  align-items: flex-end;
  position: relative;
}.address-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.address-container .address-field {
  width: 47%;
}
.address-container .address-state-zip {
  width: 47%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.address-container .address-zip {
  width: 59%;
}.add-patient-form .row label.prescriber, .add-patient-form .row label.top {
  margin-bottom: 10px;
  font-size: 1.17em;
  display: block;
  font-weight: bold;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.add-patient-form .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.add-patient-form .row > h3,
.add-patient-form .row h2,
.add-patient-form .row h1 {
  width: 100%;
}

.add-patient-form {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.add-patient-form .row .field, .add-patient-form .two-field {
  width: 45%;
}

.add-patient-form {
  color: #677074;
  padding: 0;
  width: 930px !important;
  margin-top: 50px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.add-patient-form .title {
  margin-bottom: 20px;
}
.add-patient-form .confirm {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.add-patient-form .confirm .confirm-section {
  width: 40%;
  margin-bottom: 20px;
}
.add-patient-form h2 {
  margin-bottom: 0;
  margin-top: 80px;
  font-size: 2em;
}
.add-patient-form h2:first-of-type {
  margin-top: 0;
}
.add-patient-form .found-patient {
  background-color: #fefefe;
  border-radius: var(--border-radius);
  width: 300px;
  padding: 12px;
}
.add-patient-form .found-patient h3 {
  padding: 0;
  margin: 0;
}
.add-patient-form .found-patient h3 small {
  display: block;
  font-size: 12px;
}
.add-patient-form .caregiver-patient-add {
  margin-top: 24px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0 20px;
  border-radius: var(--border-radius);
}
.add-patient-form .patient-caregiver-row {
  margin-top: 24px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 12px 20px;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-patient-form .patient-caregiver-row th {
  font-size: 10px;
}
.add-patient-form .patient-caregiver-row td,
.add-patient-form .patient-caregiver-row th {
  padding: 0 20px;
  width: 100px;
  text-align: center;
}
.add-patient-form .patient-caregiver-row tr td:first-of-type,
.add-patient-form .patient-caregiver-row tr th:first-of-type {
  width: 250px;
  text-align: left;
  padding: 0;
}
.add-patient-form .patient-caregiver-row .patient-caregiver-data {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-patient-form .patient-caregiver-row .patient-caregiver-data > div, .add-patient-form .patient-caregiver-row .patient-caregiver-data > h3 {
  margin: 0 20px;
}
.add-patient-form .patient-caregiver-row .patient-caregiver-data > h3 {
  margin-left: 0;
  font-size: 14px;
}
.add-patient-form .patient-caregiver-row h3 {
  margin: 0;
}
.add-patient-form .row.caregiver header {
  margin-top: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-patient-form .row.caregiver header label {
  padding: 0;
  margin: 0;
}
.add-patient-form .row.caregiver .patient-license-lookup {
  width: 200px;
}
.add-patient-form .row.caregiver .patient-lookup-name {
  flex: 1;
  margin-left: 16px;
}
.add-patient-form .two-field {
  display: flex;
  width: 45%;
  justify-content: space-between;
}
.add-patient-form .two-field .field {
  width: 100% !important;
}
.add-patient-form .two-field .gov-id-expires {
  width: 45% !important;
}
.add-patient-form .two-field .gov-id {
  width: 45%;
}
.add-patient-form .two-field .text-field {
  margin-top: 0px;
}
.add-patient-form .two-field .anon {
  display: flex;
  align-items: flex-end;
  margin-bottom: 25px;
}
.add-patient-form .add-id-dialog {
  overflow: hidden;
}
.add-patient-form .prescriber-header {
  margin-bottom: 10px !important;
}
.add-patient-form .multi-checkbox {
  justify-content: flex-start;
}
.add-patient-form .multi-checkbox .field {
  margin-top: 5px;
  width: 25% !important;
}
.add-patient-form .rec-checkbox .field {
  margin-top: 30px;
  width: 30% !important;
  margin-bottom: 5px;
}
.add-patient-form .checkbox {
  margin-top: 20px;
}
.add-patient-form .row.toggle {
  width: 220px;
  align-items: center;
}
.add-patient-form .row label.top {
  margin-bottom: -5px;
}
.add-patient-form .row label.prescriber {
  margin-bottom: -5px;
  font-size: 1em;
  font-weight: bold;
}
.add-patient-form .row .group-error {
  display: block;
  margin-bottom: -15px;
  color: #be0009;
}
.add-patient-form .row .birthday-warning {
  color: #be0009;
  font-size: 0.9em;
  font-style: italic;
}
.add-patient-form .row .details {
  width: 100% !important;
}
.add-patient-form .row .field {
  width: 45%;
}
.add-patient-form .row .field .autocomplete {
  width: 50%;
}
.add-patient-form .row .field .autocomplete .field {
  width: 100%;
}
.add-patient-form .row .field.member {
  -webkit-margin-before: 1em;
  font-weight: bold;
}
.add-patient-form .row .field .text-field {
  margin-top: 0px;
}
.add-patient-form .row .field .birthday-warning {
  color: #be0009;
  font-size: 0.9em;
  font-style: italic;
}
.add-patient-form .row .field .dob-warning {
  display: flex;
  justify-content: space-between;
}
.add-patient-form .row .info-field {
  width: 22%;
}
.add-patient-form .row .info-field .autocomplete {
  width: 100%;
}
.add-patient-form .row .info-field .info-display {
  margin-top: 20px;
}
.add-patient-form .row .double-field {
  display: flex;
}
.add-patient-form .row .double-field .auto-complete-fields {
  width: 50%;
}
.add-patient-form .row .double-field .auto-complete-fields .field {
  width: 75%;
}
.add-patient-form .row.address .field {
  width: 100%;
}
.add-patient-form .row.address .field label {
  margin-bottom: 10px;
}
.add-patient-form .row.license {
  display: flex;
  justify-content: space-between;
}
.add-patient-form .row.license .field {
  width: 22%;
}
.add-patient-form .license-msg {
  margin-bottom: 15px;
}
.add-patient-form .barcode-message {
  margin-bottom: 10px;
}
.add-patient-form .scan-id-title {
  font-size: 1.3em;
}
.add-patient-form form main {
  padding: 10px 20px 20px 20px;
  flex-wrap: wrap;
}
.add-patient-form form footer {
  padding: 10px 20px;
  background-color: rgb(242.25, 242.25, 242.25);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-patient-form form .scan-id-footer {
  padding: 10px;
  margin-top: 0px;
}
.add-patient-form .customer-group-card {
  margin-top: 13px;
}

.exists-dialog {
  margin-top: 0;
}.unfilled-header {
  margin-bottom: 5px !important;
}

.updating-cart {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #faa957;
  margin-bottom: 20px;
  border-radius: 6px;
  color: white;
  font-weight: bold;
}.select-package-dialog .error-boxes .error-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.select-package-dialog .dialog-inner {
  width: 61%;
}
.select-package-dialog .error-boxes .error-line {
  margin: 20px 20px 0 20px;
  display: flex;
  justify-content: space-between;
}
.select-package-dialog .error-boxes .error-line .info-block {
  min-width: 15%;
  text-align: center;
  overflow-wrap: break-word;
}
.select-package-dialog .error-boxes .error-line:hover {
  cursor: pointer;
  box-shadow: #007a71 0px 1px 6px, #007a71 0px 1px 4px;
}.online-peek-dialog {
  padding: 20px;
}
.online-peek-dialog .peek-info {
  margin-left: 8px;
}
.online-peek-dialog .peek-row {
  display: flex;
  justify-content: space-between;
}
.online-peek-dialog .peek-items, .online-peek-dialog .peek-deets {
  width: 45%;
}
.online-peek-dialog .peek-cancel {
  color: #be0009;
}
.online-peek-dialog header {
  font-weight: bold;
  font-size: 1.2em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.online-peek-dialog header .peek-title-left {
  display: flex;
}
.online-peek-dialog header svg {
  margin-right: 20px;
}
.online-peek-dialog header svg path {
  fill: #9C0034;
}
.online-peek-dialog h4 {
  margin-bottom: 10px;
}
.online-peek-dialog .pre-paid {
  display: flex;
  align-items: center;
  margin-left: -10px;
}
.online-peek-dialog .pre-paid svg {
  fill: #007a71 !important;
  margin: 0 5px;
  width: 20px !important;
}
.online-peek-dialog .peek-placed {
  margin-left: 20px;
}
.online-peek-dialog .order-type {
  cursor: pointer;
}.registers {
  display: flex;
  flex-wrap: wrap;
}

.register-box {
  width: 150px;
  height: 150px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  position: relative;
  padding: 20px;
  box-sizing: border-box;
  margin-right: 30px;
  margin-bottom: 20px;
}
.register-box:last-of-type {
  margin-right: 0px;
}
.register-box:hover {
  cursor: pointer;
  background-color: rgba(240, 240, 240, 0.9);
}
.register-box .register-name {
  text-align: center;
}
.register-box .register-user {
  text-align: center;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.8em;
}
.register-box .register-status {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: var(--primary-color);
  color: white;
  padding: 5px 0;
}

.active-register .register-status {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  color: white;
  padding: 5px 0;
}header.new-toolbar {
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
  padding: 5px 20px;
  min-height: 48px;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
header.new-toolbar h2 {
  padding: 0;
  margin: 0;
  font-size: 20px;
}
header.new-toolbar .new-toolbar-group {
  display: flex;
  justify-content: space-between;
}
header.new-toolbar .new-toolbar-search {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.6, 1);
  width: 48px;
  position: relative;
}
header.new-toolbar .new-toolbar-search .search-field {
  position: absolute;
  left: 48px;
  right: 0;
  top: -33px;
}
header.new-toolbar .new-toolbar-search button {
  height: 45px !important;
}
header.new-toolbar .new-toolbar-search.open {
  width: 250px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}.time-warning {
  color: #BE0009;
}.online-order {
  background-color: white;
  border-radius: 0px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px 20px 20px 10px;
  display: flex;
  justify-content: space-between;
}
.online-order:hover {
  background-color: #f8f8f8;
}
.online-order.pointer {
  cursor: pointer;
}
.online-order .customer-group-picker-container {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.online-order .customer-group-picker-container h5 {
  color: #9ba3a6;
  margin: 0;
}
.online-order .order-left {
  display: flex;
  align-items: center;
}
.online-order .order-left .order-type {
  width: 50px;
  text-align: center;
  margin-right: 10px;
}
.online-order .order-left .order-pending svg,
.online-order .order-left .order-pending path {
  fill: #9c0034;
}
.online-order .order-left .order-pending .sub-text {
  margin-top: -6px;
  color: #9c0034;
}
.online-order .order-left .order-ready svg,
.online-order .order-left .order-ready path {
  fill: #007a71;
}
.online-order .order-left .order-ready .sub-text {
  margin-top: -6px;
  color: #007a71;
}
.online-order .order-right {
  text-align: right;
}
.online-order .order-right button {
  margin: 0;
}
.online-order .name {
  font-weight: bold;
}
.online-order .start-order-btn {
  font-size: 0.8em;
  margin: auto 0;
  min-width: 5.5em;
}
.online-order .cancel-ready-order-btn {
  color: #be0009;
  border-color: #be0009;
  margin-right: 10px;
}.checkbox input:checked + label::after, .checkbox input + label::after {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.checkbox {
  display: flex;
  align-items: center;
}
.checkbox input {
  left: -9999em;
  position: absolute;
}
.checkbox label {
  user-select: none;
  cursor: pointer;
}
.checkbox input + label::after {
  content: "\E835";
  cursor: pointer;
  transition: 0.2s color cubic-bezier(0.4, 0, 0.6, 1);
  vertical-align: middle;
}
.checkbox input:checked + label::after {
  transition: 0.2s color cubic-bezier(0.4, 0, 0.6, 1);
  content: "\E834";
  color: var(--primary-color);
}.selected-patient .notes, .selected-patient, .order-landing .order .info, .order-landing .order .action, .order-landing .no-order, .order-landing aside .queue-list .queue-item,
.order-landing aside .queue-list .no-queue-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.registers-container .select-register-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.registers-container .select-register-container header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.registers-container .select-register-container header h1,
.registers-container .select-register-container header h2,
.registers-container .select-register-container header h3 {
  padding: 0;
  margin: 0;
}
.registers-container .select-register-container main {
  padding: 20px;
}
.registers-container .select-register-container footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.order-landing-container .notification-renable-dialog .dialog-inner {
  max-width: 600px;
  width: 80%;
}
.order-landing-container .notification-renable-dialog header {
  font-size: 1.1em;
  font-weight: bold;
}
.order-landing-container .notification-renable-dialog .dialog-body {
  padding: 0 20px;
}
.order-landing-container .notification-renable-dialog .dialog-body svg {
  vertical-align: bottom;
}
.order-landing-container .metrc-license-warning .metrc-warning-header {
  font-weight: bold;
  margin-bottom: 10px;
}
.order-landing-container .metrc-license-warning .metrc-warning-info {
  margin-left: 30px;
  margin-bottom: 3px;
}
.order-landing-container .terminal-notification-info {
  box-sizing: border-box;
  padding: 16px 20px;
  margin: auto auto 20px auto;
  max-width: 1400px;
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  position: relative;
}
.order-landing-container .terminal-notification-info main {
  display: flex;
  align-items: center;
  font-size: 1.1em;
}
.order-landing-container .terminal-notification-info footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.order-landing-container .terminal-notification-info .dismiss {
  position: absolute;
  top: 6px;
  right: 6px;
}
.order-landing-container .terminal-notification-info h3 {
  margin: 0 0 10px 0;
  padding: 0;
}
.order-landing-container .terminal-notification-info p {
  margin: 3px 0 0 0;
  padding: 0;
}
.order-landing-container .terminal-notification-info .warning-icon {
  width: 65px;
  height: 37px;
  float: right;
}
.order-landing-container .terminal-notification-info .warning-icon svg {
  color: #faa957 !important;
  fill: #faa957 !important;
  width: 40px !important;
  height: 40px !important;
  margin: auto;
}
.order-landing-container .online-order-toolbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-landing-container .online-order-toolbar .notification-toggle {
  width: 160px;
  display: block;
}

.order-landing {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1400px;
  margin: auto;
}
.order-landing header button {
  display: flex;
  align-items: center;
}
.order-landing header button svg {
  margin-right: 10px;
  fill: #be0009;
}
.order-landing .suspended-orders {
  margin-top: 30px;
}
.order-landing .online {
  width: 42%;
  min-width: 400px;
}
.order-landing .online .orders {
  margin-bottom: 30px;
}
.order-landing .live {
  width: 55%;
  min-width: 400px;
}
.order-landing aside {
  color: #677074;
  padding-bottom: 30px;
}
.order-landing aside .queue-list {
  max-height: 420px;
  overflow-y: scroll;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.order-landing aside .queue-list .queue-item,
.order-landing aside .queue-list .no-queue-item {
  border-radius: 0;
  padding: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  display: flex;
  justify-content: space-between;
}
.order-landing aside .queue-list .queue-item .list-action-buttons,
.order-landing aside .queue-list .no-queue-item .list-action-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  font-size: 0.8em;
}
.order-landing aside .queue-list .queue-item .list-action-buttons button,
.order-landing aside .queue-list .no-queue-item .list-action-buttons button {
  margin-top: 0px;
}
.order-landing aside .queue-list .queue-item .list-action-buttons .first-order-btn,
.order-landing aside .queue-list .no-queue-item .list-action-buttons .first-order-btn {
  padding: 2px 10px;
}
.order-landing aside .queue-list .queue-item .list-action-buttons .remove,
.order-landing aside .queue-list .no-queue-item .list-action-buttons .remove {
  margin-right: 10px;
  color: #be0009;
  border-color: #be0009;
}
.order-landing aside .queue-list .queue-item .list-action-buttons .first-order-button,
.order-landing aside .queue-list .no-queue-item .list-action-buttons .first-order-button {
  display: flex;
  align-items: center;
}
.order-landing aside .queue-list .queue-item .list-action-buttons .first-order-button i,
.order-landing aside .queue-list .no-queue-item .list-action-buttons .first-order-button i {
  margin-right: 5px;
}
.order-landing aside .queue-list .queue-item .no-media,
.order-landing aside .queue-list .no-queue-item .no-media {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-landing aside .queue-list .queue-item .no-media .queue-container,
.order-landing aside .queue-list .no-queue-item .no-media .queue-container {
  display: flex;
  align-items: center;
}
.order-landing aside .queue-list .queue-item .no-media .queue-container .type-icon,
.order-landing aside .queue-list .no-queue-item .no-media .queue-container .type-icon {
  margin-right: 15px;
}
.order-landing aside .queue-list .queue-item .no-media .name-header,
.order-landing aside .queue-list .no-queue-item .no-media .name-header {
  padding: 0;
  margin: 0;
  font-size: 18px;
  display: flex;
}
.order-landing aside .queue-list .queue-item .no-media .group-picker,
.order-landing aside .queue-list .no-queue-item .no-media .group-picker {
  margin-left: 16px;
}
.order-landing aside .queue-list .queue-item .no-media .time-since,
.order-landing aside .queue-list .no-queue-item .no-media .time-since {
  margin-top: -2px;
}
.order-landing aside .queue-list .queue-item .media-att,
.order-landing aside .queue-list .no-queue-item .media-att {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.order-landing aside .queue-list .queue-item .media-att .queue-container,
.order-landing aside .queue-list .no-queue-item .media-att .queue-container {
  display: flex;
  align-items: center;
}
.order-landing aside .queue-list .queue-item .media-att .queue-container img,
.order-landing aside .queue-list .no-queue-item .media-att .queue-container img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
}
.order-landing aside .queue-list .queue-item .media-att .queue-container .type-icon,
.order-landing aside .queue-list .no-queue-item .media-att .queue-container .type-icon {
  margin-right: 15px;
}
.order-landing aside .queue-list .queue-item footer,
.order-landing aside .queue-list .no-queue-item footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: rgb(242.25, 242.25, 242.25);
  padding: 5px 20px;
}
.order-landing aside .queue-list .no-queue-item em {
  padding: 20px;
  display: block;
}
.order-landing .no-order {
  border-radius: 0px;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.order-landing .order {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-landing .order .current-order-header {
  display: flex;
  align-items: center;
}
.order-landing .order .current-order-header button {
  padding: 0px 12px !important;
  height: 22px !important;
}
.order-landing .order .action {
  border-radius: 0px;
  text-align: right;
  align-self: stretch;
  display: flex;
  align-items: center;
  width: 75px;
  justify-content: center;
  outline: 0;
  position: relative;
  z-index: 1;
  background-color: #f2f2f2;
}
.order-landing .order .info {
  border-radius: 0px;
  position: relative;
  z-index: 2;
  flex: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.order-landing .order .info .type-icon {
  margin-right: 10px;
}
.order-landing .order .info p {
  margin: 0;
}
.order-landing .order .info h4 {
  margin-top: 0;
  margin-bottom: 5px;
}
.order-landing .orders-scroll {
  max-height: 420px;
  overflow-y: scroll;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.rec-form .field-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.med-form .banned-banner,
.rec-form .banned-banner {
  margin: 0 -20px 20px;
  background-color: #be0009;
  color: white;
  font-size: 1.2em;
  text-align: center;
}
.med-form .delivery-address,
.rec-form .delivery-address {
  width: 100%;
}
.med-form .delivery-address .delivery-header,
.rec-form .delivery-address .delivery-header {
  display: flex;
  align-items: center;
}
.med-form .delivery-address .delivery-header .clear-btn,
.rec-form .delivery-address .delivery-header .clear-btn {
  margin-left: 20px;
  margin-top: 0;
  font-size: 0.8em;
  padding: 4px 6px;
}
.med-form .delivery-address .delivery-header .cancel,
.rec-form .delivery-address .delivery-header .cancel {
  color: #be0009;
  border-color: #be0009;
}
.med-form .delivery-address .delivery-header .address,
.rec-form .delivery-address .delivery-header .address {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.med-form .delivery-address .delivery-address-fields,
.rec-form .delivery-address .delivery-address-fields {
  width: 100%;
  max-width: 800px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
  margin-bottom: 20px;
}
.med-form .delivery-address .delivery-address-fields .text-field,
.rec-form .delivery-address .delivery-address-fields .text-field {
  margin: 12px 0;
}

.new-order-dialog .dialog-body .field-row .autocomplete-container .text-field.filled input ~ label.floating,
.new-waiting-list-dialog .dialog-body .field-row .autocomplete-container .text-field.filled input ~ label.floating, .new-order-dialog .dialog-body .field-row .autocomplete-container input:focus ~ label.floating,
.new-waiting-list-dialog .dialog-body .field-row .autocomplete-container input:focus ~ label.floating {
  transform: scale(0.75) translate(-8px, -28px);
  top: 13px;
}

.new-order-dialog,
.new-waiting-list-dialog {
  z-index: 1000;
}
.new-order-dialog .dialog-body,
.new-waiting-list-dialog .dialog-body {
  padding: 20px;
}
.new-order-dialog .dialog-body header,
.new-waiting-list-dialog .dialog-body header {
  margin: -20px -20px 0 -20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-order-dialog .dialog-body header .checkbox label,
.new-waiting-list-dialog .dialog-body header .checkbox label {
  margin-right: 15px;
}
.new-order-dialog .dialog-body .loyalty-points,
.new-waiting-list-dialog .dialog-body .loyalty-points {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
  margin-right: 10px;
}
.new-order-dialog .dialog-body .field-row,
.new-waiting-list-dialog .dialog-body .field-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-order-dialog .dialog-body .field-row .delivery-checkbox,
.new-order-dialog .dialog-body .field-row .rec-checkbox,
.new-waiting-list-dialog .dialog-body .field-row .delivery-checkbox,
.new-waiting-list-dialog .dialog-body .field-row .rec-checkbox {
  width: 27%;
}
.new-order-dialog .dialog-body .field-row .autocomplete-container,
.new-waiting-list-dialog .dialog-body .field-row .autocomplete-container {
  width: 27%;
}
.new-order-dialog .dialog-body .field-row .autocomplete-container label.floating,
.new-waiting-list-dialog .dialog-body .field-row .autocomplete-container label.floating {
  color: #24aba1;
  font-size: 12px;
  line-height: 22px;
  padding: 3px 0;
}
.new-order-dialog .dialog-body .field-row .autocomplete-container input,
.new-waiting-list-dialog .dialog-body .field-row .autocomplete-container input {
  line-height: 31px;
}
.new-order-dialog .dialog-body .field-row .autocomplete-container .text-field,
.new-waiting-list-dialog .dialog-body .field-row .autocomplete-container .text-field {
  border-bottom: 1px solid #9e9e9e;
}
.new-order-dialog .dialog-body .field-row .group-container,
.new-waiting-list-dialog .dialog-body .field-row .group-container {
  width: 27%;
  margin-bottom: 15px;
}
.new-order-dialog .med-selector-container,
.new-waiting-list-dialog .med-selector-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.new-order-dialog .med-selector-container .checkbox-header label,
.new-waiting-list-dialog .med-selector-container .checkbox-header label {
  margin-right: 10px;
}
.new-order-dialog .med-selector-container .patient-selector-form,
.new-waiting-list-dialog .med-selector-container .patient-selector-form {
  width: 27%;
}
.new-order-dialog .med-selector-container .patient-group-selector,
.new-waiting-list-dialog .med-selector-container .patient-group-selector {
  margin-top: -5px;
  width: 27%;
}
.new-order-dialog .med-selector-container .patient-group-selector .fake-floating-label,
.new-waiting-list-dialog .med-selector-container .patient-group-selector .fake-floating-label {
  display: block;
  font-size: 0.7em;
  margin-bottom: -15px;
  color: var(--primary-color);
}
.new-order-dialog .med-selector-container .patient-group-selector .picker-container,
.new-waiting-list-dialog .med-selector-container .patient-group-selector .picker-container {
  margin-top: 18px;
}
.new-order-dialog .med-selector-container .patient-group-selector .picker-title,
.new-waiting-list-dialog .med-selector-container .patient-group-selector .picker-title {
  border-bottom: 1px solid rgba(96, 124, 138, 0.4);
}

.selected-patient {
  max-height: calc(95vh - 284px);
  overflow-y: scroll;
}
.selected-patient .banned-banner {
  background-color: #be0009;
  font-size: 1.2em;
  color: white;
  text-align: center;
  margin: -20px -20px 20px;
}
.selected-patient .order-form-header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px 0;
}
.selected-patient .order-form-header .header-left button {
  font-size: 0.6em;
  padding: 3px 5px;
  margin-left: 10px;
}
.selected-patient .right-container {
  width: 47%;
}
.selected-patient .notes {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.selected-patient .notes .note-title {
  color: #be0009;
}
.selected-patient .selected-patient-info-block {
  margin-bottom: 6px;
}
.selected-patient .selected-patient-info-block .selected-patient-expiration {
  margin-left: 10px;
}
.selected-patient .selected-patient-basic-info {
  width: 35%;
}

.selected-patient-info-container {
  display: flex;
  justify-content: space-between;
}

.rec-form-footer {
  margin: 0px -20px -20px -20px !important;
  width: calc(100% + 20px) !important;
}

.waiting-name {
  display: flex;
}

.waiting-type {
  margin-right: 16px;
  display: flex;
  align-items: center;
}

.waiting-toolbar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.waiting-toolbar .wl-walkouts {
  font-size: 0.8em;
  color: #be0009;
}
.waiting-toolbar .wl-walkouts:hover {
  cursor: pointer;
  color: #0287c3;
}

.registers-container {
  margin: 60px;
}
.registers-container .select-register-container {
  margin-bottom: 16px;
  max-width: 1000px;
  width: 100%;
  margin: auto;
}
.registers-container .select-register-container .register-select-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.registers-container .select-register-container .register-select-header .header-info {
  font-size: 1.3em;
  font-weight: bold;
}
.registers-container .select-register-container .register-select-header button {
  margin-top: 0px;
}
.registers-container .select-register-container p {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
.registers-container .select-register-container header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.registers-container .select-register-container header h2 {
  margin: 0;
  padding: 0;
}
.registers-container .select-register-container main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 10px;
}

.new-order-title {
  display: flex;
  align-items: center;
}
.new-order-title .type-icon {
  margin-right: 10px;
}

.suspended-line {
  display: flex;
  align-items: center;
  justify-content: center;
}
.suspended-line .suspended-icon {
  margin-left: 10px;
  margin-top: 6px;
}
.suspended-line .suspended-icon svg path {
  fill: var(--primary-color) !important;
}.search-container {
  position: relative;
  width: 450px;
  display: flex;
  align-items: flex-end;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  padding: 5px;
}
.search-container .search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.88%;
  height: 40px;
  margin-bottom: -4px;
}
.search-container .search-icon:hover {
  cursor: pointer;
}
.search-container .search-icon:hover svg {
  color: #03a9f4 !important;
}
.search-container input {
  border: none;
  color: #677074;
  font-size: 1.25em;
  padding: 5px;
  background-color: transparent;
  width: 90%;
}
.search-container input:focus {
  outline: none;
}

.suggestion-box {
  background-color: #24aba1;
  border-radius: 3px;
  position: absolute;
  margin-top: 45px;
  right: 0;
  left: 0;
  max-height: 200px;
  overflow-y: scroll;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.suggestion-box .suggestion-item {
  width: calc(100% - 40px);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  border-radius: var(--border-radius);
  color: white;
}
.suggestion-box .suggestion-item span {
  max-width: calc(50% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.suggestion-box .suggestion-item:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.1);
}
.suggestion-box .suggestion-item:nth-child(even):hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.suggestion-box .suggestion-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.suggestion-box .suggestion-item .suggestion-type {
  color: #cccccc;
}.fab-cont {
  position: relative;
}
.fab-cont button {
  position: relative;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  outline: none;
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
  background-color: #03A9F4;
}
.fab-cont button div.icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fab-cont button .tooltip {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.fab-cont button .tooltip span {
  display: block;
  margin-right: 10px;
  background-color: rgba(66, 66, 66, 0.75);
  border-radius: 3px;
  padding: 3px 7px;
  color: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
}
.fab-cont .items .item {
  margin-bottom: 10px;
}

.fab-icons-enter {
  transform: translateY(50%);
  opacity: 0.01;
}

.fab-icons-enter.fab-icons-enter-active {
  transform: translateY(0);
  opacity: 1;
  transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
}

.fab-icons-leave {
  transform: translateY(0);
  opacity: 1;
}

.fab-icons-leave.fab-icons-leave-active {
  transform: translateY(50%);
  opacity: 0.01;
  transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
}

.fab-icon-enter {
  opacity: 0.01;
}

.fab-icon-enter.fab-icon-enter-active {
  opacity: 1;
  transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
}

.fab-icon-leave {
  opacity: 1;
}

.fab-icon-leave.fab-icon-leave-active {
  opacity: 0.01;
  transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
}

.fab-tooltip-enter {
  opacity: 0.01;
}

.fab-tooltip-enter.fab-tooltip-enter-active {
  opacity: 1;
  transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
}

.fab-tooltip-leave {
  opacity: 1;
}

.fab-tooltip-leave.fab-tooltip-leave-active {
  opacity: 0.01;
  transition: all 200ms cubic-bezier(0.4, 0, 0.6, 1);
}.receive-inv-btns {
  position: fixed;
  bottom: 50px;
  right: 50px;
}.inventory-landing .inventory-tiles .inventory-tile {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.inventory-landing {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inventory-landing h3 {
  margin: 10px 0;
}
.inventory-landing .landing-search {
  margin: 100px 0 0 0;
  display: flex;
  align-items: center;
}
.inventory-landing .landing-search .search-container {
  margin-right: 10px;
}
.inventory-landing .landing-search .inventory-export:hover svg {
  color: #03a9f4 !important;
}
.inventory-landing .search-buttons {
  display: flex;
  justify-content: space-between;
  margin-right: 55px;
  margin-top: 10px;
}
.inventory-landing .search-buttons .left-button {
  margin-right: 13px;
}
.inventory-landing .inventory-tiles {
  display: flex;
  width: 60%;
  max-width: 900px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}
.inventory-landing .inventory-tiles .inventory-tile {
  width: 150px;
  height: 150px;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35em;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
}
.inventory-landing .inventory-tiles .inventory-tile svg {
  margin-top: -10px;
  color: #0287c3 !important;
}
.inventory-landing .inventory-tiles .inventory-tile:hover {
  cursor: pointer;
  background-color: rgba(240, 240, 240, 0.9);
}
.inventory-landing .inventory-tiles .tile-name {
  position: absolute;
  bottom: 10px;
}.product-page .package-more-btn button {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.product-page .package-more-btn button:hover {
  cursor: pointer;
}
.product-page .package-more-btn button:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.product-page {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.product-page .package-line > div:first-of-type {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.product-page .package-line > div:first-of-type > h3,
.product-page .package-line > div:first-of-type h2,
.product-page .package-line > div:first-of-type h1 {
  width: 100%;
}

.pricing-fields, .product-page .ingredients-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.pricing-options-container .more-options-window {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.product-page .ingredients-header {
  width: 45%;
}

.product-page .warning-item, .product-page .package-line {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.product-page .warning-item:last-of-type, .product-page .package-line:last-of-type {
  margin: 0;
}
.product-page .warning-item:hover, .product-page .package-line:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.product-page .variant-overview {
  background-color: #007a71;
  color: white;
  width: 100%;
  padding: 0px 50px;
  margin-left: -50px;
  min-height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.product-page .variant-overview .overview-title {
  font-size: 1.75em;
}
.product-page .variant-overview .overview-breakdown {
  margin-left: 30px;
}
.product-page .variant-overview .overview-breakdown .breakdown-title {
  font-size: 1.5em;
}

.pricing-fields .pricing-form-actions, .product-page .ingredients-container .submit-ingredients-button {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.product-page .Label-print-selector, .product-page .testing-results-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.product-page .Label-print-selector header, .product-page .testing-results-container header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.product-page .Label-print-selector header h1, .product-page .testing-results-container header h1,
.product-page .Label-print-selector header h2,
.product-page .testing-results-container header h2,
.product-page .Label-print-selector header h3,
.product-page .testing-results-container header h3 {
  padding: 0;
  margin: 0;
}
.product-page .Label-print-selector main, .product-page .testing-results-container main {
  padding: 20px;
}
.product-page .Label-print-selector footer, .product-page .testing-results-container footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.product-page .product-info {
  padding: 20px 50px;
  width: 100%;
  margin: -20px 0 0 -50px;
}
.product-page .product-info h1 {
  margin: 0px auto 0 auto;
}
.product-page .product-info .product-header-container {
  display: flex;
  align-items: center;
}
.product-page .product-info .product-header-container .add-photo {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  outline: none;
  border: 0;
  margin-right: 10px;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
  background-color: white;
}
.product-page .product-info .product-header-container .add-photo img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.product-page .product-info .product-header-container .add-photo:hover {
  cursor: pointer;
}
.product-page .product-info .product-header-container .add-photo svg {
  width: 35px !important;
  height: 35px !important;
  color: inherit !important;
}
.product-page .variant-info {
  margin-top: 0;
}
.product-page .variant-info h2 {
  margin-bottom: 35px;
}
.product-page .package-more-btn {
  text-align: center;
  font-size: 0.9em;
}
.product-page .package-more-btn button {
  margin: 0 !important;
  padding: 10px 20px !important;
  border-radius: 3px;
}
.product-page .package-more-btn button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.product-page .package-line {
  align-items: center;
  position: relative;
}
.product-page .package-line > div:first-of-type > div {
  display: flex;
  align-items: center;
}
.product-page .package-line .package-expiration {
  display: flex;
}
.product-page .package-line .package-expiration button,
.product-page .package-line .package-expiration svg {
  padding: 0 !important;
  width: 18px !important;
  height: 18px !important;
}
.product-page .package-line .locked-inv {
  color: #bd4d5a;
}
.product-page .package-line .sellable-inv {
  color: #24aba1;
}
.product-page .ingredients-desc .product-tags {
  margin-top: 15px;
}
.product-page .ingredients-desc > div > p {
  max-height: 75px;
  overflow: hidden;
  font-size: 0.9em;
}
.product-page .warning-item {
  border-bottom: 5px solid #ff5722;
  display: flex;
}
.product-page .warning-item > div:first-of-type {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.product-page .warning-item > div > svg > path {
  fill: #ff5722;
}
.product-page .product-edit-btn {
  position: absolute;
  top: 100px;
  right: 50px;
}
.product-page .product-edit-btn .edit-button {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
}
.product-page .product-edit-btn .delete-prod {
  color: #be0009;
  border: 2px solid #be0009;
  margin-right: 10px;
}
.product-page .variant-overview {
  margin: 0 0 25px -50px;
}
.product-page .flex-container .what-in-tarnation {
  width: 100%;
  display: flex;
  align-items: center;
}
.product-page .flex-container .what-in-tarnation .button-flex {
  width: 49%;
  display: flex;
  justify-content: flex-end;
}
.product-page .ingredients-header {
  align-self: flex-end;
}
.product-page .ingredients-header h3 {
  margin-bottom: 0;
  color: #677074;
  font-weight: 700;
}
.product-page .list-container {
  margin: 30px 0;
}
.product-page .product-details > div {
  font-size: 1.25em;
}
.product-page .edit-form {
  width: 960px;
  margin: 0 auto 40px auto;
}
.product-page .Label-print-selector {
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 10px;
  padding-right: 10px;
}
.product-page .Label-print-selector .submit-ingredients-button {
  text-align: right;
}
.product-page .variant-card, .product-page .add-variant {
  width: 70px;
  height: 70px;
  font-size: 0.9em;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.product-page .variant-card > div, .product-page .add-variant > div {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 6px;
}
.product-page .variant-card:hover, .product-page .add-variant:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !important;
  cursor: pointer;
}
.product-page .variant-card .preferred, .product-page .add-variant .preferred {
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 1;
}
.product-page .variant-card .preferred svg, .product-page .add-variant .preferred svg {
  color: #03a9f4 !important;
}
.product-page .variant-card .preferred .white-back, .product-page .add-variant .preferred .white-back {
  position: absolute;
  background-color: white;
  width: 12px;
  height: 13px;
  top: 5px;
  right: 12px;
  z-index: -2;
}
.product-page .variant-selected {
  background-color: #007a71;
  color: white;
}
.product-page .add-variant {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-page .add-variant svg {
  width: 30px !important;
  height: 30px !important;
  color: inherit !important;
}
.product-page .add-variant:hover {
  color: #24aba1 !important;
}
.product-page .product-variants {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.product-page .product-variants h3 {
  width: 100%;
  margin-bottom: 15px;
}
.product-page .product-variants > div {
  margin-right: 10px;
}
.product-page .product-variants > div:last-of-type {
  margin-right: 0;
}
.product-page .inventory-panel {
  min-width: 400px;
}
.product-page .inventory-panel .active-package-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-page .inventory-panel .active-package-header .active-package-excise {
  font-size: 0.8em;
}
.product-page .inventory-warning {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.product-page .expiration-warning {
  margin-right: 10px;
}
.product-page .ingredients-container h3 {
  margin-top: 0;
  margin-bottom: -14px;
}
.product-page .ingredients-container .submit-ingredients-button {
  text-align: right;
}
.product-page .preferred-product svg {
  color: #03a9f4 !important;
}

.pricing-options-container {
  position: relative;
}
.pricing-options-container h4 {
  margin-bottom: 10px;
}
.pricing-options-container .pricing-group-options {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.pricing-options-container .pricing-group-options .option {
  margin-right: 20px;
  text-align: center;
}
.pricing-options-container .pricing-group-options .option-bold {
  border-bottom: 2px solid #24aba1;
}
.pricing-options-container .more-options {
  margin-top: -5px;
  margin-bottom: 10px;
  color: #03a9f4;
}
.pricing-options-container .more-options:hover {
  cursor: pointer;
  color: rgb(2.2566801619, 127.1263157895, 183.5433198381);
}
.pricing-options-container .more-options-window {
  width: 300px;
  min-height: 100px;
  position: absolute;
  z-index: 1;
  left: -87px;
  top: 55px;
  padding-top: 0px;
}
.pricing-options-container .more-options-window .pricing-triangle {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 75px;
  top: -7px;
  transform: rotate(-45deg);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
  background-color: white;
}
.pricing-options-container .more-options-window .triangle-cover-up {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 15px;
  width: 100%;
  background-color: white;
  border-radius: var(--border-radius);
}
.pricing-options-container .more-options-window .all-pricing-options {
  width: 100%;
}
.pricing-options-container .more-options-window .all-pricing-options h4 {
  margin-bottom: 0px;
}
.pricing-options-container .more-options-window .all-pricing-options .option-row {
  display: flex;
  flex-wrap: wrap;
}
.pricing-options-container .more-options-window .option {
  margin-right: 20px;
  text-align: center;
  margin-top: 5px;
}
.pricing-options-container .more-options-window .option:last-of-type {
  margin-right: 0px;
}

.multi-price-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 15px;
}
.multi-price-button .pricing-header {
  font-size: 1.6em;
}

.pricing-dialog-title {
  font-size: 1.2em;
}

.pricing-dialog {
  padding: 30px 30px 0 30px;
}

.price-dialog-container {
  display: flex;
}
.price-dialog-container .default-price {
  width: 20%;
}
.price-dialog-container .default-price-after {
  width: 20%;
  margin-left: 30px;
}

.pricing-fields {
  margin: 0;
  box-sizing: border-box;
  padding: 20px;
}
.pricing-fields .text-field {
  margin-top: 0;
}
.pricing-fields .pricing-form-actions {
  text-align: right;
  margin: 20px -20px -20px -20px;
}
.pricing-fields .price-field {
  width: 15%;
  margin-right: 15px;
}
.pricing-fields .price-field:last-of-type {
  padding-right: 0;
}
.pricing-fields .price-field-group {
  width: 30%;
  margin-bottom: 10px;
  flex: 2;
}
.pricing-fields .price-group {
  align-items: center;
  justify-content: flex-end;
}
.pricing-fields .button-group {
  margin-bottom: 20px;
}
.pricing-fields .button-group .un-follow-default {
  font-size: 0.9em;
  margin-top: 0px;
  padding-right: 10px;
}
.pricing-fields .button-group .price-field-group {
  margin-bottom: 0px;
}
.pricing-fields .med-rec-price {
  display: flex;
  flex-direction: column;
  width: 15%;
}
.pricing-fields .med-rec-price .price-field {
  width: 100%;
}.edit-product {
  height: 100%;
  margin: 60px auto;
  padding: 0 4rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .edit-product {
    margin: 1rem auto;
    padding: 0 1rem;
  }
}
@media (max-width: 600px) {
  .edit-product {
    margin: 0;
    padding: 0;
  }
}.facet-container {
  display: flex;
  font-size: 0.9em;
}
.facet-container:hover {
  cursor: pointer;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.045);
}
.facet-container .facet {
  display: flex;
  align-items: center;
  padding: 3px 8px;
  margin-bottom: 2px;
}
.facet-container .facet-title {
  display: flex;
  align-items: center;
}
.facet-container .facet-name {
  max-width: 116px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.facet-container .facet-amount {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.facet-container .facet-remove {
  height: 1em;
  border: none;
  background-color: transparent;
  font-size: 1em;
  margin: 0 0 0 10px;
  padding: 0;
  outline: none;
}
.facet-container .facet-remove svg {
  fill: rgba(0, 0, 0, 0.38);
  width: 0.9em;
  height: 0.9em;
}
.facet-container .facet-remove:hover {
  cursor: pointer;
}
.facet-container .facet-remove:hover svg {
  fill: rgba(0, 0, 0, 0.65);
}

.selected-container:hover {
  background-color: white;
}

.facet-selected {
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.075);
  margin-top: -10px;
  margin-bottom: 12px !important;
}
.facet-selected:hover {
  background-color: rgba(0, 0, 0, 0.075) !important;
}.sidebar-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sidebar-container .sidebar-section {
  padding: 20px 0;
  width: 85%;
  border-bottom: 1px solid rgb(208.9178082192, 212.4931506849, 214.0821917808);
}
.sidebar-container .sidebar-section h4 {
  margin: 0 0 15px 0;
}
.sidebar-container .sidebar-section:last-of-type {
  border: none;
}
.sidebar-container .category-name {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(0, #f8f8f8, #fafafa);
}
.sidebar-container .category-name svg {
  color: #24aba1 !important;
  width: 20px !important;
  height: 20px !important;
  margin-bottom: -3px;
  margin-left: 5px;
}
.sidebar-container .sidebar-subcat {
  font-size: 0.8em;
  padding: 4px 60px 4px 35px !important;
  display: flex;
  justify-content: space-between;
}
.sidebar-container .sidebar-subcat svg {
  color: #24aba1 !important;
  width: 16px !important;
  height: 16px !important;
}
.sidebar-container .sidebar-divider {
  width: 94%;
  margin: 10px 0 10px 3%;
  height: 1px;
  background-color: rgb(208.9178082192, 212.4931506849, 214.0821917808);
}
.sidebar-container .more-facets {
  color: #03a9f4;
}
.sidebar-container .more-facets:hover {
  color: rgb(1.7611336032, 99.2105263158, 143.2388663968);
  cursor: pointer;
}
.sidebar-container .no-click:hover {
  color: #03a9f4;
  cursor: default;
}.inventory-search-bar {
  display: flex;
  align-items: center;
  position: relative;
}
.inventory-search-bar > div {
  margin-right: 10px;
}
.inventory-search-bar > div:last-of-type {
  margin-right: 0;
}

.inventory-search-filter {
  position: relative;
}
.inventory-search-filter:hover {
  cursor: pointer;
}
.inventory-search-filter:hover svg {
  color: #03a9f4 !important;
}

.download-menu {
  position: absolute;
  top: 60px;
  padding: 5px 0;
  right: 0;
  margin: 0;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  z-index: 10;
}
.download-menu li {
  list-style: none;
  padding: 5px 10px;
}
.download-menu li:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

.inventory-sort {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 75px;
}
.inventory-sort .sort-label {
  font-size: 0.5em;
  color: #03a9f4;
  margin-top: -10px;
}.package-card {
  width: 400px;
  min-width: 400px;
  max-width: 400px;
  height: 180px;
  margin-right: 10px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  transition: 200ms;
  display: flex;
  flex-wrap: wrap;
  border-radius: var(--border-radius);
}
.package-card > section {
  width: 100%;
  align-self: flex-end;
  display: flex;
  justify-content: space-between;
}
.package-card:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  background-color: #f5f5f5;
}
.package-card .package-head {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1.2em;
}
.package-card .package-head .package-received {
  text-align: right;
  font-size: 0.9em;
}
.package-card .package-head .received-by {
  font-size: 0.96em;
}
.package-card .package-vendor {
  font-size: 0.8em;
}
.package-card .package-qtys {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: flex-end;
  font-size: 0.9em;
  height: 33px;
}
.package-card .package-qtys .package-qty {
  text-align: center;
  margin-right: 20px;
}
.package-card .package-qtys .package-qty .qty-negative {
  font-weight: bold;
  color: #be0009;
}
.package-card .package-qtys .package-qty:last-of-type {
  margin: 0;
}
.package-card .package-qtys .disabled-qty {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.package-card .contents-container {
  flex: 2;
}
.package-card .package-contents {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 0.85em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  overflow: hidden;
  height: 36px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.package-card footer {
  align-self: flex-end;
}
.package-card .package-warnings {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.package-card .package-warnings .package-expiration button,
.package-card .package-warnings .package-expiration svg {
  width: 20px !important;
  height: 20px !important;
  padding: 0 !important;
}
.package-card .package-warnings .finish-pkg {
  font-size: 0.8em;
  padding: 3px 4px;
}
.package-card .package-warnings .clear-btn {
  color: #be0009;
  border-color: #be0009;
}.packages-section {
  width: calc(100% + 20px);
  min-width: 580px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding-left: 10px;
}
.packages-section .package-header {
  display: flex;
  align-items: flex-end;
  color: #03a9f4;
  width: 100%;
  margin-bottom: 15px;
  margin-left: -10px;
}
.packages-section .package-header > div {
  height: 25px;
  margin-right: 7px;
}
.packages-section .package-header > div:last-of-type {
  margin: 0 0 -1px 0;
}
.packages-section .package-header svg {
  color: inherit !important;
  width: 20px !important;
  height: 20px !important;
  margin-bottom: -3px;
}
.packages-section .package-header:hover {
  cursor: pointer;
  color: rgb(2.3805668016, 134.1052631579, 193.6194331984);
}
.packages-section .package-list-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 10px;
  margin-left: -10px;
}
.packages-section .package-list-container .list-fade-left {
  height: 220px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  left: 0px;
  top: 0;
  bottom: 0;
  width: 60px;
  background: linear-gradient(-86deg, #E7E7E7, rgba(232, 232, 232, 0));
  transform: rotate(180deg);
}
.packages-section .package-list-container .list-fade-left svg {
  width: 50px !important;
  height: 50px !important;
  margin-right: 0px;
}
.packages-section .package-list-container .list-fade-left svg:hover {
  color: #03a9f4 !important;
  cursor: pointer;
}
.packages-section .package-list-container .list-fade-right {
  height: 220px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  background: linear-gradient(-86deg, #E7E7E7, rgba(232, 232, 232, 0));
}
.packages-section .package-list-container .list-fade-right svg {
  width: 50px !important;
  height: 50px !important;
  margin-right: -12px;
}
.packages-section .package-list-container .list-fade-right svg:hover {
  color: #03a9f4 !important;
  cursor: pointer;
}
.packages-section .package-list {
  display: flex;
  padding: 0;
  transition-duration: 400ms;
}
.packages-section .collapse-msg {
  margin: -5px 0 0 15px;
}
.packages-section .sub-text-blue {
  color: rgba(36, 170, 242, 0.75);
  font-size: 0.8em;
}.paginator {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.paginator div:first-of-type {
  margin-right: 10px;
}
.paginator .paginator-tile {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #03a9f4;
  border-radius: 4px;
  margin-right: 10px;
  color: #03a9f4;
}
.paginator .paginator-tile:hover {
  background-color: rgb(2.3805668016, 134.1052631579, 193.6194331984);
  border: 1px solid rgb(2.3805668016, 134.1052631579, 193.6194331984);
  cursor: pointer;
  color: white;
  transition: background-color 200ms;
}
.paginator .active-tile {
  background-color: #03a9f4;
  color: white;
}
.paginator .paginator-dots {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #03a9f4;
  margin-right: 10px;
  font-size: 1.5em;
}
.paginator .page-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #03a9f4;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 1px;
}
.paginator .page-arrow svg {
  color: inherit !important;
  width: 45px !important;
  height: 45px !important;
}
.paginator .page-arrow:hover {
  color: rgb(2.3805668016, 134.1052631579, 193.6194331984);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
  transition: background-color 200ms, border 200ms;
}
.paginator .holder:hover {
  cursor: default;
  background: rgba(0, 0, 0, 0);
}.inventory-item {
  width: 22%;
  margin-right: 1.75%;
  margin-bottom: 1.75%;
  min-width: 230px;
  max-width: 300px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms, color 200ms, background-color 200ms;
  position: relative;
  border-radius: var(--border-radius);
}
.inventory-item:after {
  content: "";
  display: block;
  padding-bottom: 80%;
}
.inventory-item:hover {
  cursor: pointer;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #f5f5f5;
}
.inventory-item .item-content {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  padding: 10px;
}
.inventory-item .item-content > div {
  width: 100%;
}
.inventory-item .inventory-left {
  display: flex;
  justify-content: flex-start;
}
.inventory-item .inventory-left .inv-variant {
  margin: 0 20px 0 0;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inventory-item .inventory-left .inv-category {
  display: flex;
  align-items: center;
}
.inventory-item .inventory-left .inv-category > span {
  margin-right: 20px;
}
.inventory-item .inventory-left .inv-body > div {
  margin-bottom: 2px;
}
.inventory-item .inventory-left .inv-body > div:last-of-type {
  margin: 0;
}
.inventory-item .inventory-right > div {
  margin: 0;
  text-align: center;
  width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-item .inventory-right > div:last-of-type {
  margin-right: 0;
}
.inventory-item .inventory-card-header {
  margin: 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}
.inventory-item .inventory-card-header .card-header-right {
  text-align: right;
  max-width: 33%;
}
.inventory-item .inventory-card-header .card-header-right .variant {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inventory-item .inventory-card-header .card-header-left {
  max-width: 60%;
}
.inventory-item .inventory-card-header .card-brand {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75em;
  color: #03a9f4;
}
.inventory-item .inventory-card-header .card-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9em;
  color: rgb(114.9931506849, 125.0410958904, 129.5068493151);
}
.inventory-item .inventory-card-header .inventory-badge {
  position: absolute;
  right: 9px;
  top: 38px;
}
.inventory-item .inventory-card-header .inventory-badge .in-stock-badge {
  position: absolute;
  right: 0;
  top: 0;
}
.inventory-item .inventory-card-header .inventory-badge .in-stock-badge svg {
  color: #0287c3 !important;
}
.inventory-item .inventory-card-header .inventory-badge .medical-badge {
  position: absolute;
  right: 26px;
  top: 0;
}
.inventory-item .inventory-card-header .inventory-badge .medical-badge svg {
  color: #007a71 !important;
}
.inventory-item .inventory-card-header .inventory-badge button {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.inventory-item .card-info {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.9em;
}
.inventory-item .bottom-card-info {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-weight: bold;
  margin-top: 2px;
}
.inventory-item .bottom-card-info .sub-text {
  font-weight: normal;
  font-size: 0.7em;
}
.inventory-item .bottom-card-info .retail-text {
  text-align: right;
}
.inventory-item .inv-warning {
  color: #be0009;
}
.inventory-item .inv-good {
  color: #24aba1;
}
.inventory-item .item-expiration {
  margin-top: 2px;
}
.inventory-item .item-expiration button {
  width: 20px !important;
  height: 20px !important;
}
.inventory-item .item-expiration svg {
  width: 20px !important;
  height: 20px !important;
}
.inventory-item .preferred-product button {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.inventory-item .preferred-product svg {
  color: #0287c3 !important;
}
.inventory-item .item-icons {
  display: flex;
  justify-content: flex-end;
}
.inventory-item .item-icons > div:nth-child(2) {
  margin-left: 3px;
}.inventory-list {
  width: calc(100% + 20px);
  position: relative;
}
.inventory-list .inventory-header {
  color: #03a9f4;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.inventory-list .inventory-header .vendor-page-btn {
  font-size: 0.9em !important;
  color: #03a9f4 !important;
  font-weight: normal !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.inventory-list .inventory-header h3 {
  margin-top: 0;
}
.inventory-list .inventory-vendor {
  display: flex;
}
.inventory-list .inventory-results {
  display: flex;
  flex-wrap: wrap;
}
.inventory-list .inventory-pages {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.inventory-list .inventory-pages .page-number {
  width: 25px;
  height: 25px;
  background-color: #607d8b;
  color: white;
  border-radius: var(--border-radius);
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inventory-list .inventory-pages .page-number:last-of-type {
  margin: 0;
}
.inventory-list .inventory-pages .page-number:hover {
  background-color: #24aba1;
  cursor: pointer;
}
.inventory-list .inventory-pages .page-number-active {
  background-color: #24aba1;
}
.inventory-list .inventory-paginator {
  margin-top: 60px;
}
.inventory-list .clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.inventory-list .clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.inventory-list .clear-btn:focus {
  outline: none;
}
.inventory-list .up-down-arrows {
  display: flex;
}
.inventory-list .up-down-arrows svg:first-of-type() {
  margin-right: -3px;
}
.inventory-list .up-down-arrows svg {
  width: 20px !important;
  height: 20px !important;
}.vendor-line {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.vendor-line:last-of-type {
  margin: 0;
}
.vendor-line:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.vendor-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vendor-line h4 {
  margin: 0;
  display: flex;
  align-items: center;
}
.vendor-line h4 svg {
  width: 18px !important;
  height: 18px !important;
  color: #03a9f4 !important;
  margin-left: 4px;
  margin-bottom: -1px;
}
.vendor-line .vendor-line-right {
  width: 92px;
  text-align: center;
}
.vendor-line .vendor-products {
  display: inline-flex;
  align-items: center;
}
.vendor-line .preferred {
  display: inline-flex;
  align-items: center;
}.add-vendor-box {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.add-vendor-box:last-of-type {
  margin: 0;
}
.add-vendor-box:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.catalog-list {
  width: calc(100% + 20px);
  position: relative;
}
.catalog-list .catalog-header {
  width: 100%;
  color: #03a9f4;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.catalog-list .catalog-header .vendor-page-btn {
  font-size: 0.9em !important;
  color: #03a9f4 !important;
  font-weight: normal !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.catalog-list .catalog-header .clear-btn {
  font-size: 0.8em;
}
.catalog-list .catalog-vendor {
  display: flex;
}
.catalog-list .catalog-results {
  display: flex;
  flex-wrap: wrap;
}
.catalog-list .catalog-pages {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
.catalog-list .catalog-pages .page-number {
  width: 25px;
  height: 25px;
  background-color: #607d8b;
  color: white;
  border-radius: var(--border-radius);
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.catalog-list .catalog-pages .page-number:last-of-type {
  margin: 0;
}
.catalog-list .catalog-pages .page-number:hover {
  background-color: #24aba1;
  cursor: pointer;
}
.catalog-list .catalog-pages .page-number-active {
  background-color: #24aba1;
}
.catalog-list .catalog-paginator {
  margin-top: 60px;
}
.catalog-list .clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.catalog-list .clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.catalog-list .clear-btn:focus {
  outline: none;
}
.catalog-list .show-more-vendors {
  margin-top: 15px;
  text-align: center;
}

.vendor-products {
  display: flex;
  flex-wrap: wrap;
}

.add-product-box {
  width: 22%;
  margin-right: 1.75%;
  margin-bottom: 1.75%;
  min-width: 230px;
  max-width: 300px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  transition: box-shadow 200ms, color 200ms, background-color 200ms;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-product-box:after {
  content: "";
  display: block;
  padding-bottom: 80%;
}
.add-product-box svg {
  width: 40% !important;
  height: 40% !important;
  margin-top: -15px;
}
.add-product-box .add-product-text {
  position: absolute;
  bottom: 10px;
  font-size: 1.4em;
}
.add-product-box:hover {
  cursor: pointer;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  background-color: #f5f5f5;
}
.add-product-box:hover svg {
  color: #24aba1 !important;
}

.add-vendor-box {
  width: 100%;
  display: flex;
  align-items: center;
}
.add-vendor-box h4 {
  margin: 0;
}
.add-vendor-box .add-vendor-icon {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-right: 15px;
}
.add-vendor-box .add-vendor-icon svg {
  width: 30px !important;
  height: 30px !important;
}
.add-vendor-box:hover svg {
  color: #24aba1 !important;
}.inventory-page {
  padding: 0;
  display: flex;
  overflow: hidden;
  min-width: 1080px;
}
.inventory-page .inventory-sidebar {
  background-color: white;
  min-width: 200px;
  width: 12%;
  margin-top: -15px;
  padding: 20px 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  z-index: 9;
}
.inventory-page main {
  width: calc(100% - 200px);
  max-width: 1500px;
  min-width: 580px;
  position: relative;
  padding: 60px;
  flex-wrap: wrap;
  background: linear-gradient(#F2F2F2, #d9d9d9);
}
.inventory-page .add-inv-btns {
  position: fixed;
  bottom: 50px;
  right: 50px;
}
.inventory-page .inventory-search {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
}
.inventory-page .inventory-search .refresh {
  position: absolute;
  right: 0;
}
.inventory-page .inventory-search .refresh .metrc-loading {
  margin-right: 6px;
  margin-top: 1px;
}
.inventory-page .inventory-section {
  width: 100%;
  max-width: 1400px;
  margin-bottom: 40px;
}
.inventory-page .inventory-section:last-of-type {
  margin-bottom: 0;
}
.inventory-page .inventory-loading {
  position: fixed;
  top: 80px;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}.new-vendor-form {
  padding: 0 30px;
  display: block;
}
.new-vendor-form h4 {
  margin: 30px 0 0 0;
}
.new-vendor-form .vendor-field-container {
  padding: 0 20px;
}
.new-vendor-form .basic-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.new-vendor-form .basic-info > div {
  width: 47%;
}
.new-vendor-form .basic-info h4 {
  margin-bottom: -20px;
  margin-top: 5px;
}
.new-vendor-form .basic-info .vendor-address {
  width: 100%;
}
.new-vendor-form .basic-info .vendor-address h4 {
  margin-bottom: -14px;
}
.new-vendor-form .medical-check {
  margin-bottom: 20px;
  width: 100% !important;
}
.new-vendor-form .form-actions {
  margin: 25px -30px 0 -30px;
  border-top: 1px solid rgb(242.25, 242.25, 242.25);
  text-align: right;
  padding: 10px;
}.add-vendor {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.add-vendor {
  padding: 10px 0 0 0;
}
.add-vendor h2 {
  margin-left: 20px;
  margin-bottom: 10px;
}
.add-vendor .cannabis-check {
  margin-left: 30px;
  margin-bottom: 20px;
}.add-product-page {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.add-product-page .add-product-form {
  width: 930px;
  margin: 0 auto;
}.inventory-metrics {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.inventory-metrics .basic-metrics {
  display: flex;
  align-items: stretch;
}
.inventory-metrics .basic-metrics .pkg-header {
  width: 310px;
  display: flex;
  justify-content: space-between;
}
.inventory-metrics .basic-metrics .pkg-count {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.inventory-metrics .basic-metrics .package-metrics {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5px 10px;
  transition: 200ms;
}
.inventory-metrics .basic-metrics .package-metrics:last-of-type {
  margin-bottom: 0;
}
.inventory-metrics .basic-metrics .package-metrics:hover {
  color: rgb(2.3805668016, 134.1052631579, 193.6194331984);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.04);
}
.inventory-metrics .basic-metrics .inventory-landing-info {
  width: 600px;
  margin-left: 20px;
}
.inventory-metrics .basic-metrics .package-landing-info {
  width: 300px;
}
.inventory-metrics .basic-metrics .package-landing-info, .inventory-metrics .basic-metrics .inventory-landing-info {
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  transition: 200ms;
}
.inventory-metrics .basic-metrics .package-landing-info:hover, .inventory-metrics .basic-metrics .inventory-landing-info:hover {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
  background-color: #f5f5f5;
}
.inventory-metrics .basic-metrics table {
  width: 100%;
}
.inventory-metrics .basic-metrics td, .inventory-metrics .basic-metrics th {
  text-align: left;
  padding: 6px;
}
.inventory-metrics .basic-metrics .click-data:hover {
  color: rgb(2.3805668016, 134.1052631579, 193.6194331984);
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.04);
}.room-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.room-card {
  width: 250px;
  height: 250px;
  background-color: white;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-right: 30px;
  margin-bottom: 30px;
  border-radius: 3px;
}
.room-card:hover {
  transition: box-shadow 0.25s;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
  cursor: pointer;
}
.room-card:hover .sellable > svg {
  transition: fill 0.75s;
  color: #007a71 !important;
  fill: #007a71 !important;
}
.room-card:hover .non-sellable > svg {
  transition: fill 0.75s;
  color: #bd4d5a !important;
  fill: #bd4d5a !important;
}
.room-card .room-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.room-card .room-info .skus {
  text-align: right;
}
.room-card .room-info .sku-qty {
  color: #24aba1;
  font-weight: bold;
}
.room-card .room-card-name {
  font-size: 1.4em;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 2;
}
.room-card .room-card-name .room-name {
  flex: 2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.room-card .room-card-name .room-name:hover {
  overflow: visible;
  white-space: normal;
}
.room-card .room-card-name .sub-text {
  flex: 1;
  text-align: right;
}
.room-card .room-card-name .room-menu {
  margin-right: -12px;
  margin-left: 12px;
}
.room-card .non-sellable, .room-card .sellable {
  position: absolute;
  top: 60px;
  bottom: 60px;
  right: 60px;
  left: 60px;
  z-index: 100;
}
.room-card .non-sellable svg, .room-card .sellable svg {
  width: 100% !important;
  height: 100% !important;
}
.room-card .room-card-sellable {
  z-index: 1;
}
.room-card .sku-qty {
  color: #007a71;
}
.room-card .room-default {
  color: #0287c3;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-left: -2px;
}
.room-card .room-default svg {
  color: #0287c3 !important;
  width: 20px !important;
  height: 20px !important;
  margin-right: 3px;
}.rooms .target-room {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.rooms {
  padding: 50px;
}
.rooms .add-new-room-title {
  font-size: 1.1em;
  font-weight: bold;
}
.rooms .add-new-room-body {
  padding: 20px;
}
.rooms .add-new-room-body label {
  position: relative;
}
.rooms .add-new-room-body label button {
  position: absolute !important;
  top: -5px !important;
  right: -36px !important;
  z-index: 100;
  padding: 0 !important;
  width: 16px !important;
  height: 16px !important;
}
.rooms .add-new-room-body label button svg {
  width: 16px !important;
  height: 16px !important;
}
.rooms .add-new-room-body label button:hover svg {
  fill: #24aba1 !important;
}
.rooms .room-name {
  width: 40%;
}
.rooms .room-name h3 {
  margin-bottom: -21px;
}
.rooms .room-cards {
  display: flex;
  flex-wrap: wrap;
}
.rooms .target-room {
  width: 100px;
  height: 100px;
  margin-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.rooms .target-room:hover {
  overflow: visible;
  white-space: normal;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
}
.rooms .target-room:last-of-type {
  margin-right: 0;
}
.rooms .selected {
  box-shadow: #007a71 0px 1px 6px, #007a71 0px 1px 4px !important;
}.SingleDatePicker {
  position: relative;
  display: inline-block;
}

.SingleDatePicker_picker {
  z-index: 1;
  background-color: #fff;
  position: absolute;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__openDown {
  top: 72px;
}

.SingleDatePicker_picker__openUp {
  bottom: 72px;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: rgb(175.7572815534, 178.7475728155, 180.2427184466);
  text-decoration: none;
}

.SingleDatePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.SingleDatePickerInput {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  height: 34px;
  justify-content: space-between;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput_clearDate {
  border: none;
  outline: none;
  width: 26px;
  height: 26px;
  padding: 0;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius);
}

.SingleDatePickerInput_clearDate:focus,
.SingleDatePickerInput_clearDate:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateRangePicker {
  position: relative;
  display: inline-block;
}

.DateRangePicker_picker {
  z-index: 4;
  background-color: #fff;
  position: absolute;
  border-radius: 6px;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__openDown {
  top: 72px;
}

.DateRangePicker_picker__openUp {
  bottom: 72px;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2;
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: rgb(175.7572815534, 178.7475728155, 180.2427184466);
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 6px;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker_portal__horizontal {
  box-shadow: none;
  position: absolute;
  left: 50%;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 13px;
  text-align: left;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  top: 0;
  display: table-row;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
  margin-left: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.DayPicker_weekHeader_ul {
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}

.DayPicker_transitionContainer {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.DayPicker_transitionContainer__horizontal {
  -webkit-transition: height 0.2s ease-in-out;
  -moz-transition: height 0.2s ease-in-out;
  transition: height 0.2s ease-in-out;
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  padding-top: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow-y: scroll;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  width: 22px;
  position: absolute;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  border-top: 26px solid transparent;
  border-right: 33px solid #00a699;
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topRight {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  top: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__topRight:hover {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topLeft {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  top: 0;
  left: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft:hover {
  border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: -28px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  top: 1px;
  right: -28px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  top: 1px;
  left: -28px;
}

.DayPickerKeyboardShortcuts_panel {
  overflow: auto;
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: var(--border-radius);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 22px;
  margin: 33px;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  list-style: none;
  padding: 0;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  height: 15px;
  width: 15px;
  fill: #cacccd;
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}

.KeyboardShortcutRow {
  list-style: none;
  margin: 6px 0;
}

.KeyboardShortcutRow__block {
  margin-bottom: 16px;
}

.KeyboardShortcutRow_keyContainer {
  display: inline-block;
  white-space: nowrap;
  text-align: right;
  margin-right: 6px;
}

.KeyboardShortcutRow_keyContainer__block {
  width: auto;
  text-align: left;
  display: inline;
}

.KeyboardShortcutRow_key {
  font-family: monospace;
  font-size: 12px;
  text-transform: uppercase;
  background: #f2f2f2;
  padding: 2px 6px;
}

.KeyboardShortcutRow_action {
  display: inline;
  word-break: break-word;
  margin-left: 8px;
}

.DayPickerNavigation_container {
  position: relative;
  z-index: 2;
}

.DayPickerNavigation_container__vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
}

.DayPickerNavigation_container__verticalScrollable {
  position: relative;
}

.DayPickerNavigation_button {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DayPickerNavigation_button__default {
  border: 1px solid #e4e7e7;
  background-color: #fff;
  color: #757575;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}

.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__horizontal {
  border-radius: 3px;
  padding: 6px 9px;
  top: 18px;
  position: absolute;
}

.DayPickerNavigation_leftButton__horizontal {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontal {
  right: 22px;
}

.DayPickerNavigation_button__vertical {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 50%;
}

.DayPickerNavigation_button__vertical__default {
  padding: 5px;
}

.DayPickerNavigation_nextButton__vertical__default {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollable {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  height: 19px;
  width: 19px;
  fill: #82888a;
}

.DayPickerNavigation_svg__vertical {
  height: 42px;
  width: 42px;
  fill: #565a5c;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  position: absolute;
  left: 9px;
}

.CalendarMonthGrid__vertical {
  margin: 0 auto;
}

.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
  overflow-y: scroll;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  vertical-align: top;
  min-height: 100%;
}

.CalendarMonthGrid_month__hideForAnimation {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_caption {
  color: #565a5c;
  font-size: 18px;
  text-align: center;
  padding-top: 22px;
  padding-bottom: 37px;
  caption-side: initial;
}

.CalendarMonth_caption__verticalScrollable {
  padding-top: 12px;
  padding-bottom: 7px;
}

.CalendarDay_container {
  border: 1px solid #e4e7e7;
  padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #565a5c;
  background: #fff;
}

.CalendarDay_container:hover {
  background: #e4e7e7;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay_button {
  position: relative;
  height: 100%;
  width: 100%;
  text-align: center;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.CalendarDay_button:active {
  outline: 0;
}

.CalendarDay_button__default {
  cursor: default;
}

.CalendarDay__outside {
  border: 0;
  background: #fff;
  color: #565a5c;
}

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #565a5c;
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #565a5c;
}

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px solid #33dacd;
  color: #fff;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px solid #33dacd;
  color: #fff;
}

.CalendarDay__last_in_range {
  border-right: #00a699;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px solid #00a699;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px solid #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px solid #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}

.DateRangePickerInput {
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
  height: 44px;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput_arrow_svg {
  fill: #677074;
  height: 24px;
  width: 24px;
}

.DateRangePickerInput_arrow {
  display: flex;
  align-items: center;
  margin: 0 12px;
}

.DateRangePickerInput_clearDates {
  border: none;
  outline: none;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-left: 5px;
  margin-top: -2px;
}

.DateRangePickerInput_clearDates:focus,
.DateRangePickerInput_clearDates:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #677074;
  height: 12px;
  width: 18px;
  vertical-align: middle;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px;
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  width: 14px;
  vertical-align: middle;
}

.DateInput {
  font-weight: 200;
  font-size: 18px;
  color: #677074;
  margin: 0;
  padding: 0;
  background: #fff;
  width: 100px;
  height: 30px;
  display: flex;
  align-items: center;
}

.DateInput__withCaret:after,
.DateInput__withCaret:before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 10px solid transparent;
  left: 22px;
  z-index: 2;
}

.DateInput__openUp:before {
  border-bottom: 0;
  top: -24px;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.DateInput__openUp:after {
  border-bottom: 0;
  top: -25px;
  border-top-color: #fff;
}

.DateInput__openDown:before {
  border-top: 0;
  top: 62px;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.DateInput__openDown:after {
  border-top: 0;
  top: 63px;
  border-bottom-color: #fff;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  font-weight: 200;
  font-size: 18px;
  color: #677074;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  height: 30px;
  cursor: pointer;
}

.DateInput_input__readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DateInput_input__focused {
  outline: 0;
  background: #fff;
  border: 0;
  border-top: 0;
  border-right: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}.room-page {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.room-page .register-cards .register-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.room-page h1 {
  margin-bottom: 3px;
}
.room-page .room-main {
  display: flex;
  justify-content: space-between;
}
.room-page .room-main .room-left {
  width: 45%;
}
.room-page .room-main .room-left .left-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0 20px 0;
}
.room-page .room-main .room-left .left-header h2 {
  margin: 0;
}
.room-page .room-main .room-left .left-header button {
  margin-left: 10px;
  margin-top: 0;
}
.room-page .room-main .room-right {
  width: 51%;
}
.room-page .room-main .room-right .history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}
.room-page .room-main .room-right .history-header .room-date-picker {
  font-size: 0.65em;
}
.room-page .room-main .room-right .history-header h2 {
  margin: 0;
}
.room-page .register-cards {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  padding: 5px;
  margin-left: -5px;
}
.room-page .register-cards .room-message {
  margin-top: 15px;
  font-size: 0.9em;
  font-style: italic;
  color: #0287c3;
  margin-bottom: -10px;
}
.room-page .register-cards .register-card {
  width: 150px;
  height: 150px;
  margin: 0 20px 0 0;
  font-size: 1.25em;
}
.room-page .register-cards .register-card:hover {
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 10px, rgba(0, 0, 0, 0.23) 0px 3px 10px;
}
.room-page .register-cards .selected {
  box-shadow: #007a71 0px 1px 6px, #007a71 0px 1px 4px !important;
}

.dialog-inner .register-cards {
  padding: 10px 20px;
}#inventory-settings-page {
  margin-top: 40px;
  display: flex;
}
#inventory-settings-page aside {
  width: 200px;
  padding: 0 20px;
}
#inventory-settings-page main.location {
  padding: 0 40px;
  width: 100%;
}
#inventory-settings-page main.location h2 {
  padding: 0;
  margin: 20px 0;
}
#inventory-settings-page main.location h2:first-of-type {
  margin-top: 0;
}.cat-box .add-subcat-card, .cat-box .subcat-card, .cat-box {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.cat-box {
  margin: 5px 0;
}
.cat-box h4 {
  margin: 0;
}
.cat-box .button-actions .delete {
  margin-left: 15px;
  color: #be0009;
  border-color: #be0009;
}
.cat-box:hover {
  cursor: pointer;
  background-color: rgb(249.9, 249.9, 249.9);
}
.cat-box .text-field {
  margin: 0;
}
.cat-box .group-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.cat-box .group-text {
  width: 70%;
}
.cat-box .category-details {
  font-size: 1.2em;
}
.cat-box .custom-cat-header {
  margin-top: 0px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cat-box .custom-cat-header .icon-container {
  display: flex;
  align-items: center;
}
.cat-box .custom-cat-header .category-details {
  margin-left: 10px;
}
.cat-box .weave-cat-display {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.cat-box .subcat-head {
  margin: 20px 0px 10px 10px;
}
.cat-box .subcat-head .subcat-count {
  font-size: 0.8em;
}
.cat-box .subcat-card {
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 25px;
  margin-bottom: 8px;
}
.cat-box .subcat-card:hover {
  cursor: default;
}
.cat-box .subcat-card .subcat-icon {
  display: flex;
  align-items: center;
}
.cat-box .subcat-card .subcat-icon .subcat-name {
  margin-left: 6px;
}
.cat-box .add-subcat-card {
  margin-left: 20px;
  margin-right: 20px;
  font-style: italic;
  display: flex;
  align-items: center;
}
.cat-box .add-subcat-card svg {
  margin-right: 6px;
}
.cat-box .dialog-body {
  padding: 30px;
  width: 100%;
}
.cat-box .dialog-body .body-container {
  display: flex;
  flex-wrap: wrap;
}
.cat-box .dialog-body .body-container .data-fields {
  width: 17em;
  margin-top: 30px;
  margin-right: 40px;
}
.cat-box .dialog-body .message {
  margin-right: 30px;
}.group-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.group-line .group-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.group-line {
  margin: 5px 0;
}
.group-line h4 {
  margin: 0;
}
.group-line .group-actions {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.group-line .group-actions button {
  margin: 0;
}
.group-line .group-actions button:last-of-type {
  margin-left: 10px;
}
.group-line:hover {
  cursor: pointer;
  background-color: rgb(249.9, 249.9, 249.9);
}
.group-line .text-field {
  margin: 0;
}
.group-line .group-line-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.group-line .group-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.group-line .group-text {
  width: 70%;
}
.group-line .group-check {
  width: 134px;
}.inventory-settings-container .inventory-help-message {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.inventory-settings-container {
  width: 55%;
  min-width: 480px;
}
.inventory-settings-container .inventory-help-message {
  margin-bottom: 20px;
}
.inventory-settings-container .inventory-settings-flex .category-container, .inventory-settings-container .inventory-settings-flex .subcategory-container-test {
  margin-bottom: 40px;
  width: 100%;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4em;
  margin-bottom: 20px;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header button, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header button, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header button, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header button {
  height: 30px !important;
  width: 30px !important;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .filter-options, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .filter-options, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .filter-options, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .filter-options {
  max-height: 300px;
  position: absolute;
  width: 50px;
  right: 475px;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  overflow-y: scroll;
  padding: 10px 0;
  z-index: 4000;
  min-width: 200px;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .filter-options svg, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .filter-options svg, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .filter-options svg, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .filter-options svg {
  margin-bottom: -2px;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .filter-options .single-filter, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .filter-options .single-filter, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .filter-options .single-filter, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .filter-options .single-filter {
  font-size: 0.8em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  padding: 6px 15px;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .filter-options .single-filter:hover, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .filter-options .single-filter:hover, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .filter-options .single-filter:hover, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .filter-options .single-filter:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .showing-filter, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .showing-filter, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .showing-filter, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .showing-filter {
  margin-left: 10px;
  font-size: 0.8em;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .showing-filter:hover, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .showing-filter:hover, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .showing-filter:hover, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .showing-filter:hover {
  cursor: pointer;
}
.inventory-settings-container .inventory-settings-flex .category-container .category-header .showing-filter .filter-name, .inventory-settings-container .inventory-settings-flex .category-container .subcategory-header .showing-filter .filter-name, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .category-header .showing-filter .filter-name, .inventory-settings-container .inventory-settings-flex .subcategory-container-test .subcategory-header .showing-filter .filter-name {
  color: var(--primary-color);
}
.inventory-settings-container .inventory-settings-flex .subcategory-container-test {
  margin-left: 80px;
}.upload-image-container {
  width: 100%;
  display: flex;
}

.add-attachment-body {
  padding: 20px;
}
.add-attachment-body .flex-child {
  margin-right: 25px;
}
.add-attachment-body .img-container {
  margin-right: 25px;
  display: flex;
}
.add-attachment-body .img-container .default {
  opacity: 1;
  box-shadow: #007a71 0px 1px 6px, #007a71 0px 1px 4px !important;
}
.add-attachment-body .img-container .img-box {
  position: relative;
  margin-left: 40px;
}
.add-attachment-body .img-container .img-box:first-of-type {
  margin-left: 0px;
}
.add-attachment-body .img-container .img-box:hover {
  cursor: pointer;
}
.add-attachment-body .img-container .img-box .highlight-off-button {
  position: absolute;
  top: -13px;
  right: -20px;
  fill: #be0009 !important;
  color: #be0009 !important;
  height: 18px !important;
  width: 18px !important;
}
.add-attachment-body .img-container .existing-img {
  height: 100px;
}
.add-attachment-body .text-field {
  margin: 0;
}
.add-attachment-body h4 {
  margin-bottom: 0;
}
.add-attachment-body h3 {
  margin-top: 35px;
  margin-bottom: 20px;
}
.add-attachment-body .picker-container {
  margin-top: 13px;
}
.add-attachment-body .file-upload {
  position: relative;
  cursor: pointer;
}
.add-attachment-body .file-upload input {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.add-attachment-body .attachment-error {
  color: #be0009;
}
.add-attachment-body .enter-url-media {
  width: 74%;
}
.add-attachment-body .url-display {
  margin-top: 10px;
}.detail-dialog .card-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.detail-dialog {
  padding: 20px;
  min-height: 75vh;
  min-width: 550px;
}
.detail-dialog .card-container {
  border-radius: var(--border-radius);
}
.detail-dialog .dialog-tabs {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 20px;
}
.detail-dialog .dialog-tabs .dialog-tab {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  border-bottom: 2px solid rgb(154.8904109589, 162.6575342466, 166.1095890411);
  background-color: #f8f8f8;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 10px 10px 0 0;
  cursor: pointer;
}
.detail-dialog .dialog-tabs .dialog-tab svg {
  fill: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 10px;
}
.detail-dialog .dialog-tabs .good {
  color: #007a71;
  border-bottom: 2px solid #007a71;
}
.detail-dialog .dialog-tabs .good svg {
  fill: #007a71 !important;
}
.detail-dialog .dialog-tabs .not-selected {
  border-bottom: none;
}.package-item .package-testing, .package-item .pkg-info-container .pricing-options, .package-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.package-item .pkg-info-submit {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.package-item {
  border-radius: var(--border-radius);
  margin-top: 20px;
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
}
.package-item .delete-product {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 6px;
  cursor: pointer;
  border-radius: 6px;
}
.package-item .delete-product svg {
  fill: #be0009 !important;
  width: 20px !important;
  height: 20px !important;
}
.package-item .package-item-top {
  display: grid;
  grid-template-columns: 335px auto 300px;
  grid-column-gap: 20px;
}
.package-item .detail-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  margin-right: -20px;
  margin-left: -20px;
}
.package-item .detail-tabs .package-item-check {
  background-color: #f8f8f8;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 10px 10px 0 0;
}
.package-item .detail-tabs .package-item-check:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.package-item .detail-tabs .package-item-check svg {
  margin-right: 4px;
  width: 16px !important;
  height: 16px !important;
}
.package-item .detail-tabs .good {
  color: #007a71;
}
.package-item .detail-tabs .good svg {
  fill: #007a71 !important;
}
.package-item .detail-tabs .not-good {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.package-item .detail-tabs .not-good svg {
  fill: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
}
.package-item .item-details {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.package-item .item-details .text-field {
  margin-right: 10px;
  width: 100px;
}
.package-item .package-item-qty-cost {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 100px 100px;
  grid-column-gap: 20px;
}
.package-item .dialog-scroll {
  overflow-y: auto;
  max-height: calc(75vh - 100px);
}
.package-item .pkg-info-container {
  padding: 0 20px;
}
.package-item .pkg-info-container h4 {
  margin-bottom: 0;
}
.package-item .pkg-info-container .pesticide-checked {
  margin-top: -5px;
  margin-bottom: 40px;
}
.package-item .pkg-info-container .pesticide-checked > div {
  width: 400px;
}
.package-item .pkg-info-container .clear-btn {
  display: inline-block;
  margin-top: 20px;
}
.package-item .pkg-info-container .pricing-options {
  margin: 20px 0;
  min-width: 400px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 0;
}
.package-item .pkg-info-container .pricing-options h2 {
  font-size: 18px;
  margin: 0;
  padding: 0;
  color: #24aba1;
}
.package-item .pkg-info-container .pricing-options .flex-container.price-group {
  margin-bottom: 15px;
  align-items: center;
  font-size: 14px;
}
.package-item .pkg-info-container .pricing-options .price-field-group {
  flex: 2;
}
.package-item .pkg-info-container .pricing-options .price-field {
  flex: 1;
}
.package-item .pkg-info-container .pricing-options .price-field {
  padding-right: 10px;
}
.package-item .pkg-info-container .pricing-options .price-field:last-of-type {
  padding-right: 0;
}
.package-item .pkg-info-container .pricing-options .price-field .text-field {
  margin-top: 0;
}
.package-item .pkg-info-container .msrp-cost-warning {
  margin-top: 15px;
  color: #be0009;
  font-size: 0.8em;
}
.package-item .pkg-info-container .no-test-warning {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  color: #be0009;
  font-size: 0.9em;
}
.package-item .pkg-item-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.package-item .pkg-item-info .pkg-item-field {
  flex: 1;
  margin-right: 3%;
}
.package-item .pkg-item-info .pkg-item-field:last-of-type {
  margin-right: 0;
}
.package-item .pkg-item-info .pkg-item-field .pkg-item-picker {
  margin-top: 18px;
}
.package-item .pkg-item-info .pkg-item-field .pkg-item-picker .ingredients-text {
  font-size: 0.7em;
  color: #24aba1;
}
.package-item .pkg-item-info .picker-title {
  margin-top: 0;
  border-bottom-color: rgba(96, 124, 138, 0.4);
}
.package-item .pkg-info-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.package-item .pkg-info-submit button {
  display: flex;
  align-items: center;
}
.package-item .package-testing {
  padding: 10px 0;
  margin-top: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin-bottom: 5px;
}
.package-item .package-testing h3 {
  margin: auto;
}
.package-item .package-testing .field {
  margin-top: 20px;
}
.package-item .package-item-name {
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.package-item .ingredients-picker {
  margin-top: -7px;
}
.package-item .ingredients-label {
  font-size: 0.7em;
  color: var(--primary-color);
}
.package-item .picker-title {
  margin-top: 0;
  border-bottom-color: rgba(96, 124, 138, 0.4);
}
.package-item .edit-icon {
  position: absolute;
  top: 3px;
  right: 3px;
  border: none;
  background-color: rgba(255, 255, 255, 0);
}
.package-item .edit-icon svg {
  fill: var(--primary-color) !important;
  color: var(--primary-color) !important;
}.package-full .available-products, .package-full .available-products .product,
.package-full .available-products .add-product-item,
.package-full .product-list .product,
.package-full .product-list .add-product-item,
.package-full .pkg-product-list .product,
.package-full .pkg-product-list .add-product-item, .package-full .variant-list .variant-item,
.package-full .variant-list .add-variant-item, .package-full .package-products .product-search-container .product-search-results {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.package-full {
  padding: 20px;
}
.package-full .full-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.package-full .full-top > div {
  width: 20%;
  min-width: 100px;
}
.package-full .full-top .picker-title {
  min-width: 100px;
}
.package-full .text-field {
  margin: 0;
}
.package-full .package-products {
  margin-top: 40px;
  position: relative;
}
.package-full .package-products .product-search-container .product-search-results {
  width: 600px;
  max-height: 300px;
  overflow-y: scroll;
}
.package-full .variant-list .variant-item,
.package-full .variant-list .add-variant-item {
  cursor: pointer;
  position: relative;
}
.package-full .variant-list .variant-item.selected,
.package-full .variant-list .add-variant-item.selected {
  background-color: #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-full .variant-list .variant-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.package-full .variant-list .add-variant-item {
  max-height: 100px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.package-full .variant-list .add-variant-item .add-variant-message {
  font-style: italic;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.package-full .variant-list .add-variant-item .add-variant-message svg {
  margin-right: 10px;
}
.package-full .variant-list .add-variant-item.active {
  max-height: 1000px;
  cursor: auto;
  margin: 20px -25px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
}
.package-full .variant-list .add-variant-item .form-actions {
  margin: 20px -20px -20px -20px;
}
.package-full .available-products {
  padding: 20px 0;
}
.package-full .available-products h3 {
  margin: 10px 0 15px 40px;
}
.package-full .package-testing h3 {
  margin: auto;
}
.package-full .product-list {
  height: calc(100vh - 309px);
  min-height: 300px;
  overflow-y: auto;
  padding: 10px 40px 20px 40px;
  position: relative;
}
.package-full .product-list .bottom-shadow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10px;
  color: lime;
}
.package-full .pkg-product-list {
  padding: 20px 0;
}
.package-full .available-products .product,
.package-full .available-products .add-product-item,
.package-full .product-list .product,
.package-full .product-list .add-product-item,
.package-full .pkg-product-list .product,
.package-full .pkg-product-list .add-product-item {
  cursor: pointer;
  max-height: 100px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  align-items: center;
  margin-bottom: 5px;
}
.package-full .available-products .product .product-details,
.package-full .available-products .add-product-item .product-details,
.package-full .product-list .product .product-details,
.package-full .product-list .add-product-item .product-details,
.package-full .pkg-product-list .product .product-details,
.package-full .pkg-product-list .add-product-item .product-details {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.package-full .available-products .product .product-details .qty,
.package-full .available-products .product .product-details .cost,
.package-full .available-products .add-product-item .product-details .qty,
.package-full .available-products .add-product-item .product-details .cost,
.package-full .product-list .product .product-details .qty,
.package-full .product-list .product .product-details .cost,
.package-full .product-list .add-product-item .product-details .qty,
.package-full .product-list .add-product-item .product-details .cost,
.package-full .pkg-product-list .product .product-details .qty,
.package-full .pkg-product-list .product .product-details .cost,
.package-full .pkg-product-list .add-product-item .product-details .qty,
.package-full .pkg-product-list .add-product-item .product-details .cost {
  text-align: center;
}
.package-full .available-products .product .product-details .qty h4,
.package-full .available-products .product .product-details .cost h4,
.package-full .available-products .add-product-item .product-details .qty h4,
.package-full .available-products .add-product-item .product-details .cost h4,
.package-full .product-list .product .product-details .qty h4,
.package-full .product-list .product .product-details .cost h4,
.package-full .product-list .add-product-item .product-details .qty h4,
.package-full .product-list .add-product-item .product-details .cost h4,
.package-full .pkg-product-list .product .product-details .qty h4,
.package-full .pkg-product-list .product .product-details .cost h4,
.package-full .pkg-product-list .add-product-item .product-details .qty h4,
.package-full .pkg-product-list .add-product-item .product-details .cost h4 {
  margin: 0;
  font-size: 12px;
}
.package-full .available-products .product .product-details .qty,
.package-full .available-products .add-product-item .product-details .qty,
.package-full .product-list .product .product-details .qty,
.package-full .product-list .add-product-item .product-details .qty,
.package-full .pkg-product-list .product .product-details .qty,
.package-full .pkg-product-list .add-product-item .product-details .qty {
  margin-right: 20px;
}
.package-full .available-products .product .product-details .remove-icon,
.package-full .available-products .add-product-item .product-details .remove-icon,
.package-full .product-list .product .product-details .remove-icon,
.package-full .product-list .add-product-item .product-details .remove-icon,
.package-full .pkg-product-list .product .product-details .remove-icon,
.package-full .pkg-product-list .add-product-item .product-details .remove-icon {
  margin-right: -10px;
  margin-left: 15px;
  display: flex;
  justify-content: center;
}
.package-full .available-products .product.active,
.package-full .available-products .add-product-item.active,
.package-full .product-list .product.active,
.package-full .product-list .add-product-item.active,
.package-full .pkg-product-list .product.active,
.package-full .pkg-product-list .add-product-item.active {
  max-height: 1000px;
  cursor: auto;
  margin: 20px -25px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
}
.package-full .available-products .add-product-item,
.package-full .product-list .add-product-item,
.package-full .pkg-product-list .add-product-item {
  font-style: italic;
  display: flex;
  align-items: center;
}
.package-full .available-products .add-product-item .collapsed,
.package-full .product-list .add-product-item .collapsed,
.package-full .pkg-product-list .add-product-item .collapsed {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.package-full .available-products .add-product-item svg,
.package-full .product-list .add-product-item svg,
.package-full .pkg-product-list .add-product-item svg {
  margin-right: 10px;
}
.package-full .available-products .add-product-item.active,
.package-full .product-list .add-product-item.active,
.package-full .pkg-product-list .add-product-item.active {
  font-style: normal;
}
.package-full .preferred {
  display: flex;
  align-items: center;
}
.package-full .preferred svg {
  color: #0287c3 !important;
}
.package-full .preferred button {
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
}
.package-full .preferred-text {
  color: #0287c3;
  font-weight: 700;
}
.package-full .product-collapsed {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.package-full .product-collapsed .collapsed-text {
  display: flex;
  align-items: center;
}
.package-full .product-collapsed .collapsed-right {
  display: flex;
  align-items: flex-end;
}
.package-full .product-collapsed .product-exclusive {
  color: #0287c3;
  font-weight: 700;
}
.package-full .available-products {
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.6, 1);
  min-width: 425px;
}
.package-full .available-products.adding {
  background-color: rgb(216.75, 216.75, 216.75);
  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.6, 1);
}
.package-full .available-products h2 {
  margin: 0;
}
.package-full .available-products form {
  box-shadow: none;
}
.package-full .available-products form .row {
  display: flex;
  justify-content: space-between;
  margin: 0 5px;
}
.package-full .available-products form .row > div {
  flex: 1;
  margin: 0 10px;
}
.package-full .product-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 40px;
}
.package-full .product-search h3 {
  margin: 0;
}
.package-full .product-search .available-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.package-full .product-search .product-search-bar {
  position: relative;
  margin-top: -12px;
  width: 30%;
  max-width: 300px;
}
.package-full .product-search .product-search-bar .text-field {
  margin: 0;
}
.package-full .product-search .product-search-bar svg {
  position: absolute !important;
  top: 8px;
  right: 0;
  color: #0287c3 !important;
}
.package-full .product-search .preferred-label {
  display: inline-flex;
  align-items: center;
  width: 120px;
  margin-left: -6px;
}
.package-full .add-product-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.package-full .adding-product {
  padding: 20px;
  overflow-y: auto;
  max-height: calc(75vh - 140px);
}.package-collapsed-container .manifest-package,
.package-collapsed-container .manifest-package-expanded {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.vendor-option .sub-text {
  text-align: left !important;
}

.manifest-package-line {
  display: grid;
  grid-template-columns: 60px auto;
}
.manifest-package-line .package-status {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  margin-left: -35px;
  align-items: center;
}
.manifest-package-line .package-status .package-status-label {
  font-size: 0.7em;
  margin-bottom: 2px;
}
.manifest-package-line .received > svg {
  fill: #007a71 !important;
}
.manifest-package-line .in-progress > svg {
  fill: #c66400 !important;
}

.package-collapsed-container {
  position: relative;
}
.package-collapsed-container .manifest-package,
.package-collapsed-container .manifest-package-expanded {
  border-radius: var(--border-radius);
  margin-bottom: 20px;
  margin-top: 10px;
  max-height: 92px;
  transition: max-height 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.package-collapsed-container .manifest-package-left {
  margin-top: -6px;
  font-size: 1.1em;
}
.package-collapsed-container .top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.package-collapsed-container .bottom-row {
  display: grid;
  grid-template-columns: 65px 20px 300px auto;
  grid-column-gap: 10px;
  align-items: end;
}
.package-collapsed-container .manifest-package-expanded {
  max-height: 1000px;
  overflow-y: scroll;
}
.package-collapsed-container .manifest-package-center {
  max-width: 500px;
}
.package-collapsed-container .manifest-package-center .sub-text {
  text-align: center;
}
.package-collapsed-container .manifest-package-center .text-field {
  margin: 0;
  width: 100;
}
.package-collapsed-container .manifest-package-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.package-collapsed-container .manifest-package-right .receive-package-button {
  margin-left: 10px;
}
.package-collapsed-container .expanded-package {
  grid-column: 1/-1;
  margin-top: 20px;
  overflow: scroll;
}
.package-collapsed-container .expanded-package h2 {
  margin-top: 0;
  margin-bottom: 20px;
}
.package-collapsed-container .receive-package-btn {
  display: flex;
  justify-content: flex-end;
  grid-column: 1/-1;
  margin-top: 20px;
}
.package-collapsed-container .weave-brand-autocomplete {
  width: 250px;
  margin-left: 10px;
}
.package-collapsed-container .weave-brand-autocomplete .text-field {
  margin: 0;
}
.package-collapsed-container .package-edit {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
}
.package-collapsed-container .package-edit > div {
  width: 75px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  height: 10px;
  cursor: pointer;
}
.package-collapsed-container .package-edit svg {
  width: 24px !important;
  height: 24px !important;
  margin-top: 3px;
  margin-left: -5px;
}
.package-collapsed-container .package-edit .expand-text {
  overflow: visible;
  height: 24px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -15px;
  width: 100%;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}.manifests {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.manifests .manifest-main .manifest-list .manifest {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.manifests {
  display: flex;
  justify-content: center;
}
.manifests button {
  margin: 0;
  border-radius: 6px;
}
.manifests .manifest-main {
  width: 100%;
}
.manifests .manifest-main .manifest-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.manifests .manifest-main .manifest-list .manifest-expanded {
  width: 80% !important;
  max-width: auto;
}
.manifests .manifest-main .manifest-list .manifest-h3 {
  width: 60%;
  min-width: 675px;
}
.manifests .manifest-main .manifest-list .manifest {
  width: 60%;
  min-width: 900px;
  border-radius: var(--border-radius);
  margin-bottom: 10px;
  transition: width 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  box-sizing: border-box;
}
.manifests .manifest-main .manifest-list .manifest .error-manifest {
  color: #be0009;
  padding-bottom: 10px;
}
.manifests .manifest-main .manifest-list .manifest .manifest-min {
  display: grid;
  grid-template-columns: min-content auto 150px;
  grid-template-rows: auto;
  align-items: center;
  cursor: pointer;
}
.manifests .manifest-main .manifest-list .manifest .manifest-min .manifest-facility {
  display: flex;
  align-items: center;
  font-size: 1.2em;
}
.manifests .manifest-main .manifest-list .manifest .manifest-min .manifest-facility .sub-text {
  margin-left: 5px;
}
.manifests .manifest-main .manifest-list .manifest .manifest-min .received-date {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.manifests .manifest-main .manifest-list .manifest .manifest-min .received-date > div {
  white-space: nowrap;
}
.manifests .manifest-main .manifest-list .manifest .manifest-min .manifest-products {
  font-size: 0.6em;
}
.manifests .manifest-main .manifest-list .manifest .expanded-manifest {
  max-height: 1000px;
  padding: 20px 20px 0 20px;
  position: relative;
  overflow-y: scroll;
  transition: max-height 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.manifests .manifest-main .manifest-list .manifest .expanded-manifest .expanded-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.manifests .manifest-main .manifest-list .manifest .expanded-manifest .expanded-info .sub-text {
  text-align: center;
}
.manifests .manifest-main .manifest-list .manifest .expanded-manifest .expanded-info .weave-vendor-autocomplete {
  width: 33%;
}
.manifests .manifest-main .manifest-list .manifest .expanded-manifest .manifest-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  margin-right: -20px;
}
.manifests .manifest-main .manifest-list .manifest .expanded-manifest .manifest-footer button {
  padding: 6px 14px;
}
.manifests .manifest-main .manifest-list .manifest .collapsed-manifest {
  max-height: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.manifests .manifest-main .manifest-list .manifest .cancel-btn {
  color: #be0009;
  border-color: #be0009;
  margin-right: 20px;
}.received-manifest {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.received-manifest .manifest-package,
.received-manifest .manifest-package-expanded {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.received-manifest {
  border-radius: var(--border-radius);
  margin-bottom: 10px;
}
.received-manifest .manifest-min {
  display: grid;
  grid-template-columns: 100px auto 150px;
  grid-template-rows: auto;
  align-items: center;
}
.received-manifest .manifest-min .manifest-facility {
  display: flex;
  align-items: center;
  font-size: 1.2em;
}
.received-manifest .manifest-min .received-date {
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.received-manifest .manifest-min .manifest-products {
  font-size: 0.6em;
}
.received-manifest .expanded-manifest {
  height: auto;
  padding: 20px 20px 0 20px;
  position: relative;
}
.received-manifest .expanded-manifest .expanded-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.received-manifest .expanded-manifest .expanded-info .sub-text {
  text-align: center;
}
.received-manifest .expanded-manifest .expanded-info .weave-vendor-autocomplete {
  width: 33%;
}
.received-manifest .expanded-manifest .manifest-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
  margin-right: -20px;
}
.received-manifest .expanded-manifest .manifest-footer button {
  padding: 6px 14px;
}
.received-manifest .collapsed-manifest {
  height: 0;
  overflow: hidden;
}
.received-manifest .cancel-btn {
  color: #be0009;
  border-color: #be0009;
  margin-right: 20px;
}
.received-manifest .manifest-package,
.received-manifest .manifest-package-expanded {
  border-radius: var(--border-radius);
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: auto 92px;
  grid-column-gap: 20px;
  align-items: center;
}
.received-manifest .manifest-package-expanded {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.received-manifest .manifest-package-center {
  max-width: 500px;
}
.received-manifest .manifest-package-center .sub-text {
  text-align: center;
}
.received-manifest .manifest-package-center .text-field {
  margin: 0;
  width: 200px;
}.manifests-landing .received-manifests {
  width: 45%;
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}.reconcile-product:hover {
  cursor: default !important;
  background-color: white !important;
}
.reconcile-product .reconcile-left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.reconcile-product .reconcile-right {
  align-items: center;
}
.reconcile-product .reconcile-right > div {
  text-align: center;
  margin: 0 15px;
}
.reconcile-product .reconcile-right > div:last-of-type {
  margin-right: 0;
}
.reconcile-product .reconcile-right .note-btn {
  margin-left: 20px;
  font-size: 0.8em;
}
.reconcile-product .add-note {
  width: 100%;
  margin-top: 20px;
  display: flex;
}
.reconcile-product .add-note .flex-button {
  display: flex;
  margin-left: 20px;
  align-items: flex-end;
  margin-bottom: 10px;
}
.reconcile-product .add-note .flex-button .clear-btn {
  font-size: 0.8em;
  margin-right: 10px;
}
.reconcile-product .add-note .label-text-field {
  width: 44%;
}
.reconcile-product .add-note .label-text-field .text-field {
  margin-bottom: 10px;
  margin-top: -3px;
  margin-right: 0px;
}
.reconcile-product .reconcile-discrepancy {
  width: 300px;
  height: 36px;
  text-align: left !important;
}
.reconcile-product .remove {
  outline: 0;
  margin-left: 20px;
  position: relative;
  z-index: 0;
  padding: 0;
  background-color: white;
  border: none;
}
.reconcile-product .vendor {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.9em;
  margin-bottom: 5px;
}.reconcile-item-container .reconcile-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.reconcile-item-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.reconcile-item-container .reconcile-item {
  width: 100%;
}
.reconcile-item-container .reconcile-item:hover {
  cursor: pointer;
  background-color: rgba(240, 240, 240, 0.9);
}
.reconcile-item-container .reconcile-item .reconcile-head {
  display: flex;
  align-items: center;
  margin: -20px;
  padding: 20px;
}
.reconcile-item-container .reconcile-item .item-left .item-date {
  display: inline-block;
  margin-right: 30px;
  font-size: 1.1em;
}
.reconcile-item-container .reconcile-item .item-right {
  font-size: 1.5em;
}
.reconcile-item-container .reconcile-item .item-right .products {
  font-size: 0.7em;
}
.reconcile-item-container .reconcile-item .item-right .item-details {
  font-size: 0.7em;
}
.reconcile-item-container .reconcile-item .reconcile-items {
  margin-top: 20px;
}
.reconcile-item-container .reconcile-item .export-btn {
  display: flex;
  justify-content: center;
}
.reconcile-item-container .reconcile-item .export-btn button:first-of-type {
  margin-right: 20px;
}.start-reconcile-dialog {
  margin: 40px;
}
.start-reconcile-dialog .flex-child {
  width: 27%;
}
.start-reconcile-dialog .flex-child .autocomplete {
  margin-top: -15px;
}
.start-reconcile-dialog .flex-child .reconcile-labels {
  margin-bottom: -15px;
}.reconcile-select {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.reconcile-select {
  height: 100%;
}

.button-container-outer {
  width: 100%;
}

.active-reconciles {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.reconcile-btn {
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0px 0;
  background-color: rgba(255, 255, 255, 0);
  font-size: 1.25em;
  border: none;
  font-weight: bold;
  color: white;
}
.reconcile-btn:hover {
  cursor: pointer;
}

.button-text {
  padding-top: 50px;
}

.reconcile-history {
  min-height: 400px;
  margin-bottom: 40px;
}

.reconcile-landing-header {
  display: flex;
  justify-content: space-between;
}
.reconcile-landing-header .cancel-btn {
  border-color: #be0009;
  color: #be0009;
  margin-right: 10px;
}
.reconcile-landing-header .det-button {
  margin-right: 10px;
}.reconcile-prod-container .action {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.reconcile-prod-container {
  display: flex;
  width: 100%;
  position: relative;
}
.reconcile-prod-container .action {
  text-align: right;
  align-self: stretch;
  display: flex;
  align-items: center;
  width: 75px;
  justify-content: center;
  outline: 0;
  position: relative;
  z-index: 0;
  background-color: #f2f2f2;
}
.reconcile-prod-container .reconcile-prod {
  position: relative;
  z-index: 1;
}
.reconcile-prod-container .reconcile-prod:last-of-type {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.reconcile-prod-container .clickaway {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.reconcile-prod-container.expanded {
  margin: 5px 0;
}
.reconcile-prod-container.expanded .reconcile-prod {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  z-index: 2;
}
.reconcile-prod-container.expanded .clickaway {
  z-index: 0;
  display: block;
}
.reconcile-prod-container.completed .main-line .item-left svg {
  color: #007a71 !important;
}

.reconcile-prod {
  background-color: white;
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #eeeeee;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}
@media print {
  .reconcile-prod {
    padding: 7px 15px;
  }
}
.reconcile-prod:hover {
  cursor: pointer;
}
.reconcile-prod .text-field {
  margin: 0;
  height: 20px;
}
.reconcile-prod .text-field input {
  padding-top: 0;
}
.reconcile-prod .main-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reconcile-prod .main-line .item-left {
  width: 40%;
  display: flex;
  align-items: center;
}
.reconcile-prod .main-line .item-left .item-remove-rec {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.reconcile-prod .main-line .item-left .item-remove-rec:hover {
  cursor: pointer;
  color: #be0009;
}
.reconcile-prod .main-line .item-left .item-check {
  margin: 0 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reconcile-prod .main-line .item-left .item-error {
  color: #be0009;
}
.reconcile-prod .main-line .item-left .item-tag {
  font-size: 0.8em;
  font-weight: bold;
}
.reconcile-prod .main-line .item-left .not-bold {
  font-weight: normal;
}
.reconcile-prod .main-line .item-left svg {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
}
.reconcile-prod .main-line .item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
}
.reconcile-prod .main-line .item-right .diff-red {
  color: #bd4d5a;
}
.reconcile-prod .main-line .item-right .diff-green {
  color: #007a71;
}
.reconcile-prod .main-line .item-right .diff-blue {
  color: #0287c3;
}
.reconcile-prod .main-line .item-right .item-qty {
  width: 10%;
  margin-right: 8px;
  min-width: 92px;
  display: flex;
  justify-content: center;
}
.reconcile-prod .main-line .item-right .item-qty:last-of-type {
  margin-right: 0;
}
.reconcile-prod .expanded-line {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin-top: 15px;
}
.reconcile-prod .expanded-line .item-header {
  color: #007a71;
  font-weight: bold;
  font-size: 0.8em;
}
.reconcile-prod .expanded-line button {
  margin-left: 20px;
  padding: 3px 10px;
}
.reconcile-prod .expanded-line .item-reason,
.reconcile-prod .expanded-line .item-notes {
  width: 25%;
  margin-right: 20px;
  min-width: 200px;
}
.reconcile-prod .expanded-line .item-reason:last-of-type,
.reconcile-prod .expanded-line .item-notes:last-of-type {
  margin-right: 0;
}

.trash {
  position: absolute;
  right: -35px;
  top: 15px;
}
.trash svg {
  color: #bd4d5a !important;
}
.trash:hover {
  cursor: pointer;
}
.trash:hover svg {
  color: #be0009 !important;
}.dialog-manual-entry .sku-dialog-error {
  color: #be0009;
}
.dialog-manual-entry .manual-sku-dialog {
  padding: 20px;
  box-sizing: border-box;
}
.dialog-manual-entry .manual-sku-dialog .product-information .product-qty {
  color: rgb(103, 112, 116);
}
.dialog-manual-entry .manual-sku-dialog .flex-container-manual {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.dialog-manual-entry .manual-sku-dialog .flex-container-manual .flex-child-manual {
  width: 47%;
}@media print {
  #root {
    height: 100% !important;
  }
  header.top {
    display: none !important;
  }
  #container,
  .page-container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .reconcile-active .reconcile-list {
    max-width: 7.5in !important;
    margin: 0 !important;
  }
}
.reconcile-active .dialog-inner header h2 {
  margin: 0px;
}
.reconcile-active .item-right .sku,
.reconcile-active .item-right .package-tag {
  display: none !important;
}
.reconcile-active .header-qty.package-tag, .reconcile-active .header-qty.sku {
  display: none !important;
}
.reconcile-active .reconcile-header-actions {
  display: flex;
  align-items: center;
}
.reconcile-active .reconcile-header-actions .clear-btn {
  margin-left: 16px !important;
}
@media print {
  .reconcile-active {
    font-size: 9pt;
  }
  .reconcile-active > * {
    box-shadow: none !important;
  }
  .reconcile-active .item-left .item-tag {
    display: none;
  }
  .reconcile-active .item-left .item-tag.item-pkg {
    display: block;
    font-weight: normal;
    font-size: 9px;
  }
  .reconcile-active .item-name,
  .reconcile-active .header-left {
    width: 300px;
    text-align: left;
  }
  .reconcile-active .item-right .sku {
    display: block !important;
  }
  .reconcile-active .header-qty,
  .reconcile-active .item-qty {
    min-width: 55px !important;
  }
  .reconcile-active .header-qty {
    font-size: 7pt;
    white-space: nowrap;
  }
  .reconcile-active .header-left {
    font-size: 7pt;
  }
  .reconcile-active .header-qty.sku,
  .reconcile-active .item-qty.sku {
    white-space: nowrap;
    min-width: 80px !important;
  }
  .reconcile-active button,
  .reconcile-active .trash,
  .reconcile-active .item-check,
  .reconcile-active .diff {
    display: none !important;
  }
  .reconcile-active .reconcile-prod-container:nth-child(22n) {
    page-break-after: always;
  }
  .reconcile-active .header-qty.sku {
    display: block !important;
  }
  .reconcile-active .reconcile-list {
    margin: 0 !important;
  }
}
.reconcile-active > * {
  box-sizing: border-box;
}
.reconcile-active table {
  width: 100%;
  border-collapse: collapse;
}
.reconcile-active th {
  font-size: 12px;
  font-weight: normal;
}
.reconcile-active th,
.reconcile-active td {
  text-align: right;
  padding: 8px 16px;
}
.reconcile-active th {
  padding: 8px 16px;
}
.reconcile-active thead tr,
.reconcile-active tbody tr {
  border-bottom: 1px solid #f5f5f5;
}
.reconcile-active tbody tr:hover {
  background-color: #f5f5f5;
}
.reconcile-active tbody tr:last-of-type {
  border-bottom: 0;
}
.reconcile-active .reconcile-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #f5f5f5;
  background-color: white;
  font-size: 0.8em;
  font-weight: bold;
  color: #007a71;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
}
.reconcile-active .reconcile-header .header-left {
  width: 40%;
  padding-left: 45px;
}
.reconcile-active .reconcile-header .header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
}
.reconcile-active .reconcile-header .header-right .header-reason,
.reconcile-active .reconcile-header .header-right .header-notes {
  width: 30%;
  margin-right: 8px;
}
.reconcile-active .reconcile-header .header-right .header-reason:last-of-type,
.reconcile-active .reconcile-header .header-right .header-notes:last-of-type {
  margin-right: 0;
}
.reconcile-active .reconcile-header .header-right .header-qty {
  width: 10%;
  margin-right: 8px;
  min-width: 92px;
  display: flex;
  justify-content: center;
}
.reconcile-active .reconcile-header .header-right .header-qty:last-of-type {
  margin-right: 0;
}
.reconcile-active thead th:first-of-type,
.reconcile-active tbody td:first-of-type {
  text-align: left;
}
.reconcile-active .reconcile-list {
  max-width: 1000px;
  margin: auto;
}
.reconcile-active .reconcile-list .reconcile-header-container {
  position: sticky;
  top: 80px;
  z-index: 200;
  width: 100%;
}
@media print {
  .reconcile-active .reconcile-list .reconcile-header-container {
    position: static;
    top: 0;
  }
}
.reconcile-active .reconcile-list header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border-bottom: 1px solid #f5f5f5;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
@media print {
  .reconcile-active .reconcile-list header {
    padding: 10px;
    font-size: 9pt;
  }
}
.reconcile-active .reconcile-list header .clear-btn {
  margin: 0;
}
.reconcile-active .reconcile-list header .room-name {
  display: inline;
  font-size: 1.2em;
}
.reconcile-active .reconcile-list header .cancel {
  color: red;
  border: 2px solid red;
  margin-right: 20px;
}
.reconcile-active .reconcile-list td.input-container {
  width: 120px;
  text-align: left;
}.scan-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 16px 0 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
}

.item-vendor, .item-prod {
  width: 20%;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item-sku {
  width: 20%;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item-variant, .item-scanned, .item-inv {
  width: 10%;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.item-remove {
  text-align: right;
  width: 10%;
  margin-top: -4px;
}
.item-remove:hover {
  cursor: pointer;
}
.item-remove:hover svg {
  fill: rgba(255, 255, 255, 0.8) !important;
}.clear-btn, .complete-review-button {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover, .complete-review-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus, .complete-review-button:focus {
  outline: none;
}
.clear-btn:disabled, .complete-review-button:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.cleared-title {
  padding-top: 50px;
}

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

.discrepancy-item {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 10px 0 5px 0;
  vertical-align: bottom;
}

.disc-vendor, .disc-prod, .disc-sku, .disc-scanned, .disc-inv {
  width: 15%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
  display: flex;
  align-items: flex-end;
}

.disc-variant {
  width: 10%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
  display: flex;
  align-items: flex-end;
}

.disc-reason {
  width: 15%;
}

.reason-dropdown {
  margin-top: -4px;
  height: 40px;
}

.review-container {
  min-height: 100%;
  position: relative;
}

.cleared-items {
  padding-bottom: 10px;
}

.footer {
  position: relative;
}

.complete-review-button {
  margin-top: 20px;
  position: absolute;
  right: 0;
}.api-clients .client, .api-integration {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.api-clients .client header, .api-integration header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.api-clients .client header h1, .api-integration header h1,
.api-clients .client header h2,
.api-integration header h2,
.api-clients .client header h3,
.api-integration header h3 {
  padding: 0;
  margin: 0;
}
.api-clients .client main, .api-integration main {
  padding: 20px;
}
.api-clients .client footer, .api-integration footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.api-integration {
  margin-bottom: 20px;
}
.api-integration h1, .api-integration h2, .api-integration h3 {
  padding: 0 !important;
  margin: 0 !important;
}
.api-integration .api-box-flex {
  display: flex;
  align-items: center;
}
.api-integration .api-box-flex > :first-child {
  flex: 3;
}
.api-integration .api-box-flex > :last-child {
  flex: 1;
}
.api-integration header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.api-integration header .toggle {
  width: 90px;
  text-align: right;
}
.api-integration main .text-field {
  width: 60%;
  margin-top: 0;
  min-width: 400px;
}

.api-clients .client {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.api-clients .client .contact {
  margin-top: 8px;
  font-size: 12px;
}
.api-clients .client .contact a {
  color: #677074;
  text-decoration: none;
}
.api-clients .client h3 {
  font-weight: normal;
}
.api-clients .client .toggle {
  width: 40%;
}
.api-clients .client .sub-text {
  text-align: right;
}
.api-clients .client .copy-key {
  cursor: pointer;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.api-clients .client .copy-key textarea {
  cursor: pointer;
  border: 0;
  outline: 0;
  font-family: "Muli", sans-serif;
  font-size: 14px;
  resize: none;
  color: #677074;
  text-align: right;
  white-space: nowrap;
  overflow: visible;
  height: 20px;
}
.api-clients .client .connection-key {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.api-clients .client:not(.enabled) .copy-key {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  cursor: default;
}
.api-clients .client.enabled .copy-key:hover {
  color: #007a71 !important;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  cursor: pointer;
}
.api-clients .client.enabled .copy-key:hover .sub-text {
  color: #24aba1;
}

.api-key {
  width: 60%;
}.payments-donations .donation-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.payments-donations .donation-line .donation-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.payments-donations .accepted-payments section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.payments-donations .accepted-payments section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.payments-donations .accepted-payments section header h1,
.payments-donations .accepted-payments section header h2,
.payments-donations .accepted-payments section header h3 {
  padding: 0;
  margin: 0;
}
.payments-donations .accepted-payments section main {
  padding: 20px;
}
.payments-donations .accepted-payments section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.payments-donations {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.payments-donations .accepted-payments section {
  margin-top: 20px;
}
.payments-donations .accepted-payments section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payments-donations .accepted-payments section label {
  margin-right: 16px;
}
.payments-donations .accepted-payments section header h2 {
  margin: 0 !important;
}
.payments-donations .accepted-payments section main {
  display: flex;
  justify-content: space-between;
}
.payments-donations .accepted-payments section .aeropay-merchant {
  width: 60%;
  min-width: 400px;
}
.payments-donations .accepted-payments .rounding {
  display: flex;
  justify-content: space-between;
}
.payments-donations .accepted-payments .rounding .rounding-option {
  width: 35%;
}
.payments-donations .accepted-payments .rounding h4 {
  margin-bottom: -22px !important;
}
.payments-donations .accepted-payments .rounding-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #bdbdbd;
  font-size: 11px;
  color: #6f6f6f;
  cursor: default;
  position: relative;
}
.payments-donations .accepted-payments .rounding-tooltip {
  display: none;
  position: absolute;
  bottom: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  padding: 8px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  color: #6f6f6f;
  line-height: 1.4;
  text-align: center;
  z-index: 5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.payments-donations .accepted-payments .rounding-info:hover .rounding-tooltip {
  display: block;
}
.payments-donations .failed-aeropay-dialog .dialog-body {
  padding: 0 20px 10px;
}
.payments-donations .failed-aeropay-dialog.aeropay-credentials .dialog-inner {
  width: 450px;
}
.payments-donations .failed-aeropay-dialog.aeropay-credentials .dialog-inner h3 {
  padding: 0;
  margin: 0;
}
.payments-donations .payment-methods,
.payments-donations .donations {
  width: 45%;
  min-width: 500px;
  padding-bottom: 40px;
}
.payments-donations .donation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payments-donations .donation-header button {
  height: 30px !important;
  width: 30px !important;
}
.payments-donations .donation-line {
  margin: 5px 0;
}
.payments-donations .donation-line:hover {
  cursor: pointer;
  background-color: rgb(249.9, 249.9, 249.9);
}
.payments-donations .donation-line h4 {
  margin: 0;
}
.payments-donations .donation-line .donation-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payments-donations .donation-line .donation-edit .donation-text {
  width: 70%;
}
.payments-donations .donation-line .donation-edit .donation-check {
  width: 145px;
  min-width: 145px;
}
.payments-donations .donation-line .donation-actions {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.payments-donations .donation-line .donation-actions button {
  margin: 0;
}
.payments-donations .donation-line .donation-actions button:last-of-type {
  margin-left: 10px;
}.online-order-container section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.online-order-container section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.online-order-container section header h1,
.online-order-container section header h2,
.online-order-container section header h3 {
  padding: 0;
  margin: 0;
}
.online-order-container section main {
  padding: 20px;
}
.online-order-container section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.online-order-container section {
  margin-bottom: 20px;
}
.online-order-container section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.online-order-container section > header .toggle {
  width: 235px;
}
.online-order-container section main {
  display: flex;
  justify-content: space-between;
}
.online-order-container section main > div {
  flex: 1;
}#printing-page {
  margin-top: 40px;
  display: flex;
  width: 100%;
}
#printing-page aside {
  width: 200px;
  padding: 0 20px;
}
#printing-page main.location {
  padding: 0 40px;
  width: 100%;
}
#printing-page main.location h2 {
  padding: 0;
  margin: 20px 0;
}
#printing-page main.location h2:first-of-type {
  margin-top: 0;
}.location-settings {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.license-dates {
  display: flex;
}
.license-dates > div {
  flex: 1;
  justify-content: space-between;
}

.location-settings {
  max-width: 890px;
}
.location-settings .settings-left, .location-settings .settings-right {
  width: 45%;
}
.location-settings h3 {
  margin-bottom: -14px;
}
.location-settings .flex-container {
  width: 100%;
}
.location-settings .contact h3 {
  margin-bottom: 10px;
}

.location-field {
  width: 100%;
  margin-bottom: 40px;
}

.loc-address {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.loc-address h3 {
  width: 100%;
}
.loc-address .nested-field {
  width: 45%;
}#employee-page {
  margin-top: 40px;
  display: flex;
}
#employee-page aside {
  width: 200px;
  padding: 0 20px;
}
#employee-page main.location {
  padding: 0 40px;
  width: 100%;
}
#employee-page main.location h2 {
  padding: 0;
  margin: 20px 0;
}
#employee-page main.location h2:first-of-type {
  margin-top: 0;
}.add-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.add-container footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.add-container h4 {
  margin: 0;
  font-style: normal;
}
.add-container .employee-flex {
  display: flex;
}
.add-container .employee-flex .info-container {
  width: 33%;
}
.add-container .employee-flex .info-container:last-of-type {
  margin-left: 35px;
}
.add-container footer {
  display: flex;
  justify-content: flex-end;
}.permissions-component-container .template-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: -45px;
}
.permissions-component-container .permissions {
  margin-top: 25px;
}
.permissions-component-container .update-perm-button {
  text-align: right;
}.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.user-permissions {
  padding-bottom: 40px;
}
.user-permissions .name-bold {
  font-size: 2em;
}
.user-permissions .template-names-header {
  font-size: 2em;
  margin-top: 20px;
}
.user-permissions .user-permissions-header {
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
}
.user-permissions .permissions-header-info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.user-permissions .permission-group {
  margin-top: 40px;
}
.user-permissions .permission-group:first-of-type {
  margin-top: 0;
}
.user-permissions .permission-group h2 {
  margin-bottom: 10px;
}
.user-permissions .permission-checkboxes {
  display: flex;
}
.user-permissions .permission-checkboxes > div {
  width: 120px;
  text-align: left;
}
.user-permissions .uncheck-all {
  margin-right: 10px;
  color: #be0009;
  border-color: #be0009;
}
.user-permissions .update-btn {
  margin-left: 10px;
}
.user-permissions .dialog-title {
  padding: 40px 40px 0 40px;
  margin: 0;
}
.user-permissions .add-template-dialog .dialog-body {
  padding: 20px;
}
.user-permissions .add-template-dialog .dialog-body .info-picker-container {
  width: 26%;
}.my-first-input-field {
  border: 2px solid var(--primary-color);
  border-radius: 4px;
  outline: none;
  padding: 8px;
  font-size: 1.2em;
}
.my-first-input-field:focus {
  border: 3px solid var(--primary-color);
  border-radius: 4px;
  outline: none;
}.fab-tip {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  width: 200px;
  z-index: 10;
}
.fab-tip .tooltip {
  margin-right: 10px;
  font-size: 0.75em;
  background-color: rgba(66, 66, 66, 0.875);
  border-radius: 3px;
  padding: 2px 5px 0 5px;
  color: rgba(255, 255, 255, 0.9);
}
.fab-tip .fab-new {
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 10;
  width: 20px;
  height: 20px;
  font-size: 7px;
  font-weight: bold;
  background-color: #c66400;
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}.ingredients-setup {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.ingredients-setup header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.ingredients-setup header h1,
.ingredients-setup header h2,
.ingredients-setup header h3 {
  padding: 0;
  margin: 0;
}
.ingredients-setup main {
  padding: 20px;
}
.ingredients-setup footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.ingredients-setup h2 {
  margin: 0 !important;
}
.ingredients-setup .ingredients-textfield {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.ingredients-setup .ingredients-textfield .ingredients-name-textfield {
  width: 25%;
}
.ingredients-setup .ingredients-textfield .ingredients-ingredient-textfield {
  width: 70%;
}

.ingredients-panels {
  margin-top: 20px;
}
.ingredients-panels:last-of-type {
  margin-bottom: 20px;
}

.delete-button-footer {
  display: flex;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

.delete-confirm-dialog .dialog-body {
  padding: 20px;
}.receipt-page-container .add-image-container, .receipt-page-container .receipt-message {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.receipt-page-container .add-image-container header, .receipt-page-container .receipt-message header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.receipt-page-container .add-image-container header h1, .receipt-page-container .receipt-message header h1,
.receipt-page-container .add-image-container header h2,
.receipt-page-container .receipt-message header h2,
.receipt-page-container .add-image-container header h3,
.receipt-page-container .receipt-message header h3 {
  padding: 0;
  margin: 0;
}
.receipt-page-container .add-image-container main, .receipt-page-container .receipt-message main {
  padding: 20px;
}
.receipt-page-container .add-image-container footer, .receipt-page-container .receipt-message footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.receipt-page-container h2 {
  margin: 0 !important;
}
.receipt-page-container footer {
  justify-content: space-between;
}
.receipt-page-container .receipt-message {
  margin-bottom: 40px;
}
.receipt-page-container .img-container {
  display: flex;
  position: relative;
  justify-content: flex-start;
}
.receipt-page-container .img-container .img-box {
  position: relative;
  width: 150px;
  margin-right: 30px;
}
.receipt-page-container .img-container .img-box .image-display {
  width: 150px;
}
.receipt-page-container .img-container .img-box .highlight-off-button {
  position: absolute;
  top: -21px;
  right: -17px;
  height: 28px !important;
  width: 18px !important;
}
.receipt-page-container .img-container .img-box .highlight-off-button:hover {
  cursor: pointer;
  color: #be0009 !important;
}.auto-print-toggle section, .label-size-setup {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.auto-print-toggle section header, .label-size-setup header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.auto-print-toggle section header h1, .label-size-setup header h1,
.auto-print-toggle section header h2,
.label-size-setup header h2,
.auto-print-toggle section header h3,
.label-size-setup header h3 {
  padding: 0;
  margin: 0;
}
.auto-print-toggle section main, .label-size-setup main {
  padding: 20px;
}
.auto-print-toggle section footer, .label-size-setup footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.label-size-setup h2 {
  margin: 0 !important;
}
.label-size-setup .label-config-main {
  display: flex;
}
.label-size-setup .small-label-option, .label-size-setup .normal-label-option {
  display: flex;
}
.label-size-setup .small-label-option .info, .label-size-setup .normal-label-option .info {
  margin-left: 5px;
  margin-top: -5px;
  position: relative;
  z-index: 50;
  cursor: pointer;
}
.label-size-setup .small-label-option .info svg, .label-size-setup .normal-label-option .info svg {
  height: 15px !important;
  width: 15px !important;
}
.label-size-setup .small-label-option .info svg:hover, .label-size-setup .normal-label-option .info svg:hover {
  fill: var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.label-size-setup .small-label-option .label-small, .label-size-setup .normal-label-option .label-small {
  height: 60px;
  width: 120px;
}
.label-size-setup .small-label-option .label-normal, .label-size-setup .normal-label-option .label-normal {
  height: 120px;
  width: 240px;
}
.label-size-setup .small-label-option .label-diagram, .label-size-setup .normal-label-option .label-diagram {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  outline: 1px solid #677074;
}
.label-size-setup .small-label-option .label-diagram .dimensions, .label-size-setup .normal-label-option .label-diagram .dimensions {
  background-color: white;
  z-index: 1;
  font-size: 0.8em;
}

.auto-print-toggle section {
  margin-top: 20px;
}
.auto-print-toggle section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.auto-print-toggle section > header .toggle {
  width: 235px;
}
.auto-print-toggle section header h2 {
  margin: 0 !important;
}
.auto-print-toggle section main {
  display: flex;
  justify-content: space-between;
}
.auto-print-toggle section main > div {
  flex: 1;
}.receipt-container {
  display: flex;
  justify-content: space-between;
}
.receipt-container .receipt-inputs, .receipt-container .receipt-preview {
  width: 40%;
}
.receipt-container .preview {
  margin: 0 60px;
  border: 1px solid white;
  height: 400px;
}
.receipt-container .upload-image {
  position: relative;
  height: 88px;
}
.receipt-container .upload-image img {
  display: block;
  margin-top: 10px;
  max-width: 75px;
  max-height: 75px;
}

#printing-page {
  margin-top: 40px;
  display: flex;
}
#printing-page aside {
  width: 200px;
  padding: 0 20px;
}
#printing-page main.printing {
  padding: 0 20px;
  width: 100%;
}
#printing-page main.printing h2 {
  padding: 0;
  margin: 20px 0;
}
#printing-page main.printing h2:first-of-type {
  margin-top: 0;
}.group-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.group-form > h3,
.group-form h2,
.group-form h1 {
  width: 100%;
}

.group-form {
  width: 250px;
  margin-left: 20px;
}
.group-form .amount {
  width: 30%;
}
.group-form > form {
  display: flex;
  width: 60%;
}
.group-form .add-button {
  display: flex;
  align-items: flex-end;
}
.group-form h4 {
  margin-bottom: -10px;
  margin-top: 5px;
}.edit-pricing-group .prices .existing-groups, .edit-pricing-group {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.edit-pricing-group .pricing-group-footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.edit-pricing-group {
  margin: 60px auto;
  width: 980px;
}
.edit-pricing-group .price-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  min-width: 100px;
  margin-bottom: 10px;
}
.edit-pricing-group .price-container > div {
  display: inline-block;
  text-align: center;
  position: relative;
}
.edit-pricing-group .price-container .highlight-off-button {
  height: 14px !important;
  width: 14px !important;
  position: absolute;
  top: -3px;
  right: -16px;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
}
.edit-pricing-group .price-container .highlight-off-button:hover {
  cursor: pointer;
  color: red !important;
}
.edit-pricing-group .prices {
  margin-top: 20px;
}
.edit-pricing-group .prices .customer-group-line {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(216.5, 216.5, 216.5);
}
.edit-pricing-group .prices .existing-groups {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px 0 20px;
  min-height: 53px;
  width: calc(100% - 350px);
}
.edit-pricing-group .pricing-group-footer {
  display: flex;
  justify-content: space-between;
}
.edit-pricing-group .new-cgpg {
  margin-top: 20px;
}
.edit-pricing-group .new-cgpg h4 {
  margin-bottom: 0;
}.pricing-group {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.pricing-group > h3,
.pricing-group h2,
.pricing-group h1 {
  width: 100%;
}

.pricing-group {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.pricing-group:last-of-type {
  margin: 0;
}
.pricing-group:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.pricing-group {
  width: calc(100% - 40px);
}
.pricing-group > div:last-of-type {
  display: flex;
  overflow: hidden;
}
.pricing-group .group-name {
  font-size: 1.2em;
}
.pricing-group .group-name > span:last-of-type {
  margin-left: 5px;
}
.pricing-group .group-name .others {
  font-size: 0.6em;
}.pricing-page {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.pricing-page {
  padding-bottom: 120px;
  min-height: auto;
}
.pricing-page .pricing-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pricing-page .price-item {
  width: 100px;
  text-align: center;
}
.pricing-page .new-group {
  position: fixed;
  bottom: 50px;
  right: 50px;
}
.pricing-page .strict-checkbox {
  white-space: nowrap;
  position: relative;
}
.pricing-page .strict-checkbox .strict-info {
  position: absolute;
  top: -2px;
  right: -20px;
}
.pricing-page .strict-checkbox .strict-info svg {
  width: 16px !important;
  height: 16px !important;
}
.pricing-page .strict-checkbox .strict-info svg:hover {
  color: #24aba1 !important;
  cursor: pointer;
}
.pricing-page .strict-info-text {
  padding: 20px;
}
.pricing-page .strict-info-text p {
  margin-top: 0;
}.location-page .list {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.location-page {
  box-sizing: border-box;
}
.location-page .list {
  background-color: white;
}

.user-email {
  margin: 0;
  padding: 0;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.95em;
}.password-form {
  width: 67%;
  padding-left: 50px;
}
.password-form .password-fields {
  display: flex;
  gap: 3em;
  align-items: center;
  justify-content: flex-start;
}
.password-form .user-field {
  width: 33%;
}
.password-form .user-field .confirm-header {
  display: flex;
  align-items: center;
}
.password-form .user-field .confirm-header svg {
  margin-left: 10px !important;
}.user-form .user-form-panel {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.user-form .user-form-panel .form-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.user-form {
  display: flex;
  width: 100%;
  max-width: 1000px;
}
.user-form .user-form-panel {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.user-form .user-form-panel .settings-left,
.user-form .user-form-panel .settings-right {
  width: 50%;
  min-width: 250px;
}
.user-form .user-form-panel .single-field {
  width: 92%;
}
.user-form .user-form-panel .single-field .info-field {
  width: 42%;
}
.user-form .user-form-panel .single-field .info-field h3 {
  margin-bottom: -18px;
}
.user-form .user-form-panel .double-field {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
}
.user-form .user-form-panel .double-field .info-field {
  width: 42%;
}
.user-form .user-form-panel .double-field .info-field h3 {
  margin-bottom: -18px;
}
.user-form .user-form-panel .double-field .info-field-double {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.user-form .user-form-panel .form-actions {
  padding: 8px;
  margin-right: -20px;
}.user-settings {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto !important;
  box-sizing: border-box;
  padding: 40px;
}.edit-loyalty .dialog-inner {
  width: 50%;
}
.edit-loyalty .loyalty-header {
  font-size: 1.2em;
}
.edit-loyalty .loyalty-body {
  display: flex;
  align-items: center;
  padding: 20px;
}
.edit-loyalty .loyalty-body .text-field {
  margin: -18px 0 0 15px;
  width: 25%;
}
.edit-loyalty .alert-footer {
  margin: 0 !important;
  padding: 6px 10px !important;
}.attachment-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.attachment-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  text-decoration: none;
}
.attachment-line:hover {
  cursor: pointer;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.attachment-line .attachment-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.attachment-line .delete-attachment {
  height: 100%;
  width: 100%;
  background-color: white;
  outline: none;
  border: none;
  padding: 0;
  margin-left: 15px;
}.patient-landing .patient-page-container .bottom-section-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.patient-landing .patient-page-container .bottom-section-info > h3,
.patient-landing .patient-page-container .bottom-section-info h2,
.patient-landing .patient-page-container .bottom-section-info h1 {
  width: 100%;
}

.patient-landing .patient-page-container .information-card, .patient-landing .patient-page-container .bottom-section-info .customer-group-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.patient-landing .patient-page-container .bottom-section-info .patient-transactions, .patient-landing .patient-page-container .bottom-section-info .patient-stuff {
  width: 45%;
}

.patient-landing .patient-page-container .banned-banner, .patient-landing .patient-page-container .green-bar-thing {
  background-color: #007a71;
  color: white;
  width: 100%;
  padding: 0px 50px;
  margin-left: -50px;
  min-height: 100px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.patient-landing .patient-page-container .banned-banner .overview-title, .patient-landing .patient-page-container .green-bar-thing .overview-title {
  font-size: 1.75em;
}
.patient-landing .patient-page-container .banned-banner .overview-breakdown, .patient-landing .patient-page-container .green-bar-thing .overview-breakdown {
  margin-left: 30px;
}
.patient-landing .patient-page-container .banned-banner .overview-breakdown .breakdown-title, .patient-landing .patient-page-container .green-bar-thing .overview-breakdown .breakdown-title {
  font-size: 1.5em;
}

.patient-landing .patient-page-container .bottom-section-info .customer-group-card .form-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn, .patient-landing .patient-page-container .checkin-button, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-cancel, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-cancel, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-button, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-button, .patient-landing .patient-page-container .information-container .patient-loyalty .add-loyalty-card, .patient-landing .patient-page-container .information-container .patient-points .add-loyalty-card {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover, .patient-landing .patient-page-container .checkin-button:hover, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-cancel:hover, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-cancel:hover, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-button:hover, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-button:hover, .patient-landing .patient-page-container .information-container .patient-loyalty .add-loyalty-card:hover, .patient-landing .patient-page-container .information-container .patient-points .add-loyalty-card:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus, .patient-landing .patient-page-container .checkin-button:focus, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-cancel:focus, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-cancel:focus, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-button:focus, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-button:focus, .patient-landing .patient-page-container .information-container .patient-loyalty .add-loyalty-card:focus, .patient-landing .patient-page-container .information-container .patient-points .add-loyalty-card:focus {
  outline: none;
}
.clear-btn:disabled, .patient-landing .patient-page-container .checkin-button:disabled, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-cancel:disabled, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-cancel:disabled, .patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-button:disabled, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-button:disabled, .patient-landing .patient-page-container .information-container .patient-loyalty .add-loyalty-card:disabled, .patient-landing .patient-page-container .information-container .patient-points .add-loyalty-card:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.patient-toolbar {
  width: 100%;
}

.dob-selectors {
  display: flex;
  justify-content: space-between;
}

.dialog-title {
  padding: 40px 40px 0 40px;
  margin: 0;
}

.add-patient-dialog .dialog-body {
  padding: 20px;
}
.add-patient-dialog .dialog-body .info-picker-container {
  width: 26%;
}

.remove-attachment {
  position: absolute;
  right: 20px;
  top: 17px;
}
.remove-attachment:hover {
  cursor: pointer;
}
.remove-attachment:hover svg {
  fill: rgba(255, 255, 255, 0.8) !important;
}

.patient-landing .patient-page-container {
  padding: 50px;
  width: 100%;
}
.patient-landing .patient-page-container .green-bar-thing {
  margin: 0 0 25px -50px;
}
.patient-landing .patient-page-container .green-bar-thing .visit-since {
  font-size: 0.85em;
  color: rgba(255, 255, 255, 0.8);
}
.patient-landing .patient-page-container .banned-banner {
  z-index: 100;
  position: fixed;
  top: 100px;
  font-size: 1.2em;
  min-height: 40px;
  background-color: #be0009;
}
.patient-landing .patient-page-container .bottom-section-info .customer-group-card .form-actions {
  padding: 0;
}
.patient-landing .patient-page-container .patient-transactions .p-t-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patient-landing .patient-page-container .patient-transactions .p-t-header .thc-text {
  font-size: 0.7em;
  color: #0287c3;
}
.patient-landing .patient-page-container .patient-transactions .p-t-header .warning-orange {
  color: #c66400;
}
.patient-landing .patient-page-container .patient-transactions .p-t-header .warning-red {
  color: #be0009;
}
.patient-landing .patient-page-container .flex-containers {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.patient-landing .patient-page-container .patient-license {
  font-size: 0.6em;
}
.patient-landing .patient-page-container .patient-expiration {
  font-size: 1.1em;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.patient-landing .patient-page-container .patient-expiration .icons {
  height: 34px;
  margin-top: -16px;
}
.patient-landing .patient-page-container .patient-notes {
  font-size: 1.1em;
  margin-top: 15px;
}
.patient-landing .patient-page-container .patient-notes .patient-data {
  color: #be0009;
}
.patient-landing .patient-page-container .information-container {
  width: 45%;
  font-size: 1.1em;
}
.patient-landing .patient-page-container .information-container .banned-checkbox {
  width: 175px;
}
.patient-landing .patient-page-container .information-container .banned-checkbox label {
  margin-left: -10px;
  font-size: 0.8em;
}
.patient-landing .patient-page-container .information-container .banned-style svg {
  fill: #be0009 !important;
}
.patient-landing .patient-page-container .information-container .header-checkbox {
  display: flex;
  align-items: center;
}
.patient-landing .patient-page-container .information-container .header-checkbox .convert-button {
  font-size: 0.75em;
  margin-left: 15px;
}
.patient-landing .patient-page-container .information-container h1 {
  margin: 0;
}
.patient-landing .patient-page-container .information-container .patient-points {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.patient-landing .patient-page-container .information-container .patient-loyalty, .patient-landing .patient-page-container .information-container .patient-points {
  margin-bottom: 40px;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .patient-loyalty-id, .patient-landing .patient-page-container .information-container .patient-points .patient-loyalty-id {
  display: flex;
  align-items: center;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-points-button button, .patient-landing .patient-page-container .information-container .patient-points .loyalty-points-button button {
  margin-top: 0 !important;
  width: 30px !important;
  padding: 0 !important;
  height: 30px !important;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-points-button svg, .patient-landing .patient-page-container .information-container .patient-points .loyalty-points-button svg {
  width: 15px !important;
  height: 15px !important;
  color: #24aba1 !important;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-points-button:hover svg, .patient-landing .patient-page-container .information-container .patient-points .loyalty-points-button:hover svg {
  color: #007a71 !important;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .add-loyalty-card, .patient-landing .patient-page-container .information-container .patient-points .add-loyalty-card {
  margin: 10px 0 0 0;
  width: 125px;
  font-size: 0.7em;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container {
  display: flex;
  align-items: center;
  width: 100%;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-sub, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-sub {
  margin-left: 10px;
  margin-bottom: -1px;
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-textfield, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-textfield {
  margin-top: -17px;
  width: 10%;
  margin-left: 10px;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .text-field, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .text-field {
  margin: 0;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons button, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons button {
  margin-top: 0 !important;
  width: 50px !important;
  margin-left: 20px;
  padding: 0 !important;
  height: 30px !important;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-button, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-button {
  font-size: 0.6em;
}
.patient-landing .patient-page-container .information-container .patient-loyalty .loyalty-container .loyalty-buttons .edit-points-cancel, .patient-landing .patient-page-container .information-container .patient-points .loyalty-container .loyalty-buttons .edit-points-cancel {
  font-size: 0.6em;
  margin-left: 10px;
  color: red;
  border: 2px solid red;
}
.patient-landing .patient-page-container .information-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  margin-bottom: 50px;
  margin-top: 15px;
}
.patient-landing .patient-page-container .customer-attachment-container {
  margin-top: 30px;
}
.patient-landing .patient-page-container .customer-attachment-container .customer-attachments {
  margin-top: 20px;
}
.patient-landing .patient-page-container .customer-attachment-container header {
  display: flex;
  justify-content: center;
  align-items: center;
}
.patient-landing .patient-page-container .customer-attachment-container header h2 {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patient-landing .patient-page-container .edit-button {
  position: absolute;
  right: 0;
  top: 0;
}
.patient-landing .patient-page-container .info-blocks {
  flex: 1;
}
.patient-landing .patient-page-container .patient-data {
  margin-bottom: 10px;
}
.patient-landing .patient-page-container .gov-expired {
  display: flex;
  align-items: center;
  margin-top: -10px;
  margin-bottom: -7px;
}
.patient-landing .patient-page-container .recent-purchases {
  font-size: 0.7em !important;
}
.patient-landing .patient-page-container .info-catagory {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.patient-landing .patient-page-container .checkin-button {
  color: white;
  border-color: white;
  position: absolute;
  right: 0;
  margin-right: 50px;
  margin-top: 0px;
}
.patient-landing .patient-page-container .checkin-button:disabled {
  opacity: 55%;
}
.patient-landing .patient-page-container .checkin-button:disabled:hover {
  cursor: default;
  background-color: inherit;
}
.patient-landing .patient-page-container .in-queue {
  font-size: 1.15em;
  display: flex;
  position: absolute;
  right: 0;
  margin-right: 50px;
  margin-top: 0px;
}
.patient-landing .patient-page-container .in-queue:hover {
  cursor: pointer;
}
.patient-landing .patient-page-container .in-queue svg {
  color: white !important;
}
.patient-landing .patient-page-container .add-new-attachment {
  margin-left: 10px;
  position: relative;
  border: none;
  outline: none;
  background-color: #03a9f4;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
}
.patient-landing .patient-page-container .add-new-attachment svg {
  width: 20px !important;
  height: 20px !important;
  color: white !important;
  cursor: pointer;
}
.patient-landing .patient-page-container .add-attachment-body {
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.patient-landing .patient-page-container .add-attachment-body .text-field {
  margin: 0;
}
.patient-landing .patient-page-container .add-attachment-body h4 {
  margin-bottom: 0;
}
.patient-landing .patient-page-container .add-attachment-body .picker-container {
  margin-top: 13px;
}
.patient-landing .patient-page-container .add-attachment-body .file-upload {
  position: relative;
  cursor: pointer;
}
.patient-landing .patient-page-container .add-attachment-body .file-upload input {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.patient-landing .patient-page-container .add-attachment-body .attachment-error {
  color: #be0009;
}

.convert-customer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}.patient-toolbar {
  width: 100%;
}

.dob-selectors {
  display: flex;
  justify-content: space-between;
}

.dialog-title {
  padding: 40px 40px 0 40px;
  margin: 0;
}

.remove-attachment {
  position: absolute;
  right: 20px;
  top: 17px;
}
.remove-attachment:hover {
  cursor: pointer;
}
.remove-attachment:hover svg {
  fill: rgba(255, 255, 255, 0.8) !important;
}.patient-groups .patient-warnings, .patient-groups .group-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.patient-groups .group-line .group-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.patient-groups {
  margin-bottom: 20px;
}
.patient-groups .configure-page-headers {
  display: flex;
  justify-content: space-between;
  font-size: 1.4em;
  margin-bottom: 20px;
}
.patient-groups .configure-page-headers button {
  height: 30px !important;
  width: 30px !important;
}
.patient-groups .group-line {
  margin: 5px 0;
}
.patient-groups .group-line h4 {
  margin: 0;
}
.patient-groups .group-line .group-actions {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.patient-groups .group-line .group-actions button {
  margin: 0;
}
.patient-groups .group-line .group-actions button:last-of-type {
  margin-left: 10px;
}
.patient-groups .group-line:hover {
  cursor: pointer;
  background-color: rgb(249.9, 249.9, 249.9);
}
.patient-groups .group-line .text-field {
  margin: 0;
}
.patient-groups .group-line .group-line-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patient-groups .group-line .group-edit {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.patient-groups .group-line .group-text {
  width: 70%;
}
.patient-groups .group-line .group-check {
  width: 134px;
}
.patient-groups .group-type {
  display: flex;
  align-items: center;
}
.patient-groups .group-type .group-name {
  margin-left: 16px;
}.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.patient-stats {
  position: relative;
  margin-left: 20px;
  white-space: nowrap;
}
.patient-stats .filter-options {
  max-height: 300px;
  width: 100%;
  top: 28px;
  left: -3px;
  position: absolute;
  background-color: white;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  overflow-y: scroll;
  padding: 10px 0;
  z-index: 4000;
}
.patient-stats .filter-options svg {
  margin-bottom: -2px;
}
.patient-stats .filter-options .single-filter {
  padding: 6px 15px;
}
.patient-stats .filter-options .single-filter:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.patient-stats .filter-name {
  color: var(--primary-color) !important;
}

.member-count:hover {
  cursor: pointer;
}

.member-filter {
  color: #24aba1 !important;
  font-weight: 700 !important;
}

.patient-toolbar-title {
  display: flex;
}

.download-patient-list {
  padding-left: 10px;
  padding-top: 10px;
}
.download-patient-list svg {
  color: white !important;
}

.patients-toolbar-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.patients-toolbar-container button {
  font-size: 0.7em;
  margin-top: 0px !important;
  margin-left: 16px;
}.patient-list-container .note-field, .patient-list-container .members-only, .patient-list-container .patient-list .patient section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.patient-list-container {
  min-height: calc(100vh - 120px);
  width: 930px !important;
  margin: 0 auto;
}
.patient-list-container .patient-list {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border-radius: var(--border-radius);
}
.patient-list-container .patient-list h2 small {
  display: block;
}
.patient-list-container .patient-list button div {
  display: flex;
  align-items: center;
}
.patient-list-container .patient-list .patient-cont {
  width: 100%;
}
.patient-list-container .patient-list .patient-cont:last-of-type section {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.patient-list-container .patient-list .patient {
  position: relative;
  width: 100%;
  transition: all 0.2s ease-out;
}
.patient-list-container .patient-list .patient * {
  box-sizing: border-box;
}
.patient-list-container .patient-list .patient.active h2 {
  margin: 0;
  padding: 0;
}
.patient-list-container .patient-list .patient section {
  border-radius: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.patient-list-container .patient-list .patient main {
  width: 100%;
  padding: 20px;
}
.patient-list-container .patient-list .patient main .flex-2 {
  flex: 2;
}
.patient-list-container .patient-list .patient main .patient-expanded-column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info {
  flex: 1;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info .show-order-patient {
  margin-top: 6px;
  padding: 5px 6px;
  font-size: 1em;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info .small-info-block {
  margin-bottom: 20px;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info strong {
  display: block;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info .birthday span {
  margin-right: 10px;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info .order-bold {
  font-weight: bold;
}
.patient-list-container .patient-list .patient main .patient-expanded-column .info .sub-info {
  margin-top: 20px;
}
.patient-list-container .patient-list .patient header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.patient-list-container .patient-list .patient footer {
  background-color: rgb(242.25, 242.25, 242.25);
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patient-list-container .patient-list .patient.active {
  margin: 10px -10px;
}
.patient-list-container .patient-list .patient.active main {
  min-height: 55px;
}
.patient-list-container .patient-list .patient.active section {
  box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px;
}
.patient-list-container .patient-list .patient.active header main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.patient-list-container .patient-list .patient.active header aside {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  margin-top: -10px;
  margin-bottom: 20px;
}
.patient-list-container .patient-list .patient:not(.active) {
  cursor: pointer;
}
.patient-list-container .patient-list .patient:not(.active) h2 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.patient-list-container .patient-list .patient:not(.active) h2 small {
  color: #9ba3a6;
  font-size: 0.85em;
  font-weight: normal;
  display: block;
}
.patient-list-container .patient-list .patient:not(.active) header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.patient-list-container .patient-list .expiration-line {
  display: flex;
  align-items: center;
}
.patient-list-container .patient-list .patient-icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.patient-list-container .patient-list-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.patient-list-container .patient-list-footer .show-more-patients {
  width: 150px;
  margin: auto;
}
.patient-list-container .patient-list-footer .no-results-message {
  text-align: center;
}
.patient-list-container .members-only {
  font-weight: bold;
}
.patient-list-container .note-field {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  margin-bottom: 10px;
}
.patient-list-container .note-field .information-catagory {
  color: #be0009;
}.walkout-picker {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.walkouts-container {
  margin-top: 40px;
}
.walkouts-container .walkout-card {
  width: calc(100% - 40px);
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  border-radius: var(--border-radius);
}
.walkouts-container .walkout-card .walkout-left {
  display: flex;
}
.walkouts-container .walkout-card .walkout-left .walkout-name {
  font-size: 1.1em;
}
.walkouts-container .walkout-card .walkout-left .walkout-time {
  width: 100px;
}
.walkouts-container .walkout-card .wait-time {
  text-align: center;
}.merge-account-container section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.merge-account-container section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.merge-account-container section header h1,
.merge-account-container section header h2,
.merge-account-container section header h3 {
  padding: 0;
  margin: 0;
}
.merge-account-container section main {
  padding: 20px;
}
.merge-account-container section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.merge-account-container {
  width: 930px;
}
.merge-account-container .searches {
  display: flex;
  justify-content: space-between;
}
.merge-account-container .searches .arrow-logo {
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.merge-account-container .searches .arrow-logo svg {
  width: 35px !important;
  height: 35px !important;
  fill: #007a71 !important;
}
.merge-account-container .searches .master-account,
.merge-account-container .searches .duplicate-account {
  width: 47%;
}
.merge-account-container .searches .master-account .search-header,
.merge-account-container .searches .duplicate-account .search-header {
  margin-left: 15px;
  margin-bottom: 20px;
}
.merge-account-container .searches .master-account .search-box,
.merge-account-container .searches .duplicate-account .search-box {
  display: flex;
  margin-top: -40px;
}
.merge-account-container .searches .master-account .search-box button,
.merge-account-container .searches .duplicate-account .search-box button {
  margin-top: 28px !important;
  margin-right: -32px !important;
}
.merge-account-container .searches .master-account .search-box button svg,
.merge-account-container .searches .duplicate-account .search-box button svg {
  width: 20px !important;
  height: 20px !important;
}
.merge-account-container .searches .master-account .search-box .text-field-multi,
.merge-account-container .searches .duplicate-account .search-box .text-field-multi {
  width: 75% !important;
  margin-left: 25px;
}
.merge-account-container .searches .master-account .search-box .text-field,
.merge-account-container .searches .duplicate-account .search-box .text-field {
  width: 75% !important;
}
.merge-account-container .searches .master-account .search-box .text-field input,
.merge-account-container .searches .duplicate-account .search-box .text-field input {
  margin-left: 25px;
}
.merge-account-container .searches .master-search-results,
.merge-account-container .searches .duplicate-search-results {
  width: 91%;
  margin-left: 15px;
  position: relative;
}
.merge-account-container .searches .master-search-results h3,
.merge-account-container .searches .duplicate-search-results h3 {
  padding: 0;
  margin: 0;
}
.merge-account-container .searches .master-search-results h3 small,
.merge-account-container .searches .duplicate-search-results h3 small {
  display: block;
  font-size: 12px;
}
.merge-account-container .searches .master-search-results .remove-icon,
.merge-account-container .searches .duplicate-search-results .remove-icon {
  width: 16px;
  position: absolute;
  right: -8px;
  top: -8px;
  fill: #be0009;
}
.merge-account-container .searches .master-search-results .remove-icon:hover,
.merge-account-container .searches .duplicate-search-results .remove-icon:hover {
  cursor: pointer;
}
.merge-account-container .searches .master-search-results .search-results-container,
.merge-account-container .searches .duplicate-search-results .search-results-container {
  opacity: 1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: #fefefe;
  border-radius: var(--border-radius);
  padding: 12px;
  margin-bottom: 20px;
}
.merge-account-container .searches .master-search-results .search-results-container .patient-name,
.merge-account-container .searches .duplicate-search-results .search-results-container .patient-name {
  font-size: 1.2em;
}
.merge-account-container .searches .master-search-results .search-results-container .info-container,
.merge-account-container .searches .duplicate-search-results .search-results-container .info-container {
  margin-top: 5px;
  display: flex;
}
.merge-account-container .searches .master-search-results .search-results-container .info-container .column,
.merge-account-container .searches .duplicate-search-results .search-results-container .info-container .column {
  width: 50%;
}
.merge-account-container .searches .master-search-results .search-results-container .info-container .column .labels,
.merge-account-container .searches .duplicate-search-results .search-results-container .info-container .column .labels {
  font-size: 0.9em;
}
.merge-account-container .searches .master-search-results .search-results-container .info-container .column .patient-data,
.merge-account-container .searches .duplicate-search-results .search-results-container .info-container .column .patient-data {
  margin-bottom: 5px;
}
.merge-account-container .searches .master-search-results .search-results-container:hover,
.merge-account-container .searches .duplicate-search-results .search-results-container:hover {
  cursor: pointer;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.merge-account-container .header-info {
  margin-bottom: 0px !important;
}
.merge-account-container section {
  margin-bottom: 20px;
}
.merge-account-container section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.merge-account-container section > header .toggle {
  width: 235px;
}.prescriber-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.prescriber-line .prescriber-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.prescriber-line {
  margin: 5px 0;
}
.prescriber-line h4 {
  margin: 0;
}
.prescriber-line .editing-adding-prescriber {
  display: flex;
  justify-content: space-between;
}
.prescriber-line .editing-adding-prescriber .prescriber-info {
  width: 22%;
}
.prescriber-line .prescriber-name {
  font-size: 1.1em;
  font-weight: bold;
}
.prescriber-line .dea-number {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.prescriber-line .license-number {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.prescriber-line .prescriber-actions {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.prescriber-line .prescriber-actions button {
  margin: 0;
}
.prescriber-line .prescriber-actions button:last-of-type {
  margin-left: 10px;
}
.prescriber-line:hover {
  cursor: pointer;
  background-color: rgb(249.9, 249.9, 249.9);
}
.prescriber-line .text-field {
  margin: 0;
}.clear-btn, .patient-landing .patient-card-logos .check-in-button {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover, .patient-landing .patient-card-logos .check-in-button:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus, .patient-landing .patient-card-logos .check-in-button:focus {
  outline: none;
}
.clear-btn:disabled, .patient-landing .patient-card-logos .check-in-button:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.patient-landing-flex {
  display: flex;
}

.patient-landing {
  position: relative;
  margin-top: 20px;
}
.patient-landing > aside {
  width: 200px;
  padding: 0 20px;
}
.patient-landing > main {
  width: 860px;
}
.patient-landing .expiration {
  display: flex;
  align-items: center;
}
.patient-landing .expired-warning-date {
  font-size: 0.8em;
  display: flex;
  align-items: center;
  text-align: center;
}
.patient-landing .patient-card-logos {
  display: flex;
}
.patient-landing .patient-card-logos .check-in-button {
  width: 77px;
  height: 35px;
  margin-top: 6px;
  font-size: 0.75em;
}
.patient-landing .patient-card-logos .check-in-button:last-of-type {
  margin-left: 20px;
}
.patient-landing .patient-left {
  display: flex;
  align-items: center;
}
.patient-landing .patient-left h2 {
  display: flex;
  align-items: center;
}
.patient-landing .patient-left h2 button {
  padding: 0px 12px !important;
  height: 22px !important;
}
.patient-landing .patient-left .patient-left-info {
  color: #be0009;
}
.patient-landing .the-cake-is-a-lie {
  margin-right: 17px;
  height: 24px;
}
.patient-landing .the-cake-is-a-lie button {
  height: 24px !important;
  padding: 0 12px !important;
}
.patient-landing .rec-med-icons {
  margin-right: 17px;
}
.patient-landing .banned-banner {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;
  height: 40px;
  background-color: #be0009;
  color: white;
  display: flex;
  align-items: center;
  font-size: 1.1em;
  padding: 0 20px;
  margin-bottom: 20px;
}
.patient-landing .dialog-inner-information {
  display: flex;
  justify-content: space-between;
  max-height: calc(95vh - 184px);
}
.patient-landing .dialog-inner-information .info-picker-container .picker-container {
  width: 40%;
  margin-bottom: 20px;
}
.patient-landing .patient-dialog-header {
  font-size: 1.3em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patient-landing .patient-dialog-header button {
  height: 24px !important;
}
.patient-landing .patient-dialog-header .left-header {
  display: flex;
  align-items: center;
}
.patient-landing .patient-dialog-header .left-header .type-icon {
  margin-right: 15px;
}
.patient-landing .patient-dialog-header .left-header .thc-totals {
  font-size: 0.7em;
}
.patient-landing .patient-dialog-header .left-header .warning-orange {
  color: #c66400;
}
.patient-landing .patient-dialog-header .left-header .warning-red {
  color: #be0009;
}
.patient-landing .membership-stuff {
  margin-bottom: 10px;
}
.patient-landing .information-catagory {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.patient-landing .information-catagory .group-error {
  font-size: 0.8em;
  color: #be0009;
}.register-overview .expand-banner, .register-overview .register-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.register-overview .expand-banner > h3, .register-overview .register-info > h3,
.register-overview .expand-banner h2,
.register-overview .register-info h2,
.register-overview .expand-banner h1,
.register-overview .register-info h1 {
  width: 100%;
}

.register-overview .history-container, .closeout .weave-message {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.register-overview .expand-banner, .register-overview .register-info {
  font-size: 1.25em;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  width: 100%;
  padding: 20px 50px;
  margin-left: -50px;
  justify-content: center;
}

.closeout .weave-message {
  border-bottom: 5px solid #ff5722;
  width: 100%;
  margin: 20px -20px 0 -20px;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.closeout .weave-message > div:first-of-type {
  width: 100%;
}
.closeout .weave-message .focus-msg {
  font-size: 1.3em;
}
.closeout .weave-message .msg-details {
  font-size: 0.8em;
}

.register-overview {
  min-width: 700px;
  padding-bottom: 80px;
}
.register-overview .register-info {
  margin-bottom: 50px;
}
.register-overview .register-info .payment-info-type {
  font-size: 0.7em;
}
.register-overview .register-actions-footer {
  display: flex;
  justify-content: center;
}
.register-overview .col-sm {
  width: 8%;
}
.register-overview .col-md {
  width: 15%;
}
.register-overview .history-head {
  border-bottom: 1px solid white;
  padding: 10px 0;
  font-weight: bold;
  display: flex;
  align-items: flex-end;
}
.register-overview .history-head span:last-of-type {
  text-align: right;
}
.register-overview .expand-container {
  margin-top: 10px;
}
.register-overview .clickaway {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: none;
}
.register-overview .clickaway:hover {
  cursor: pointer;
}
.register-overview .clickaway.expanded {
  display: block;
}
.register-overview .history-item {
  text-align: bottom;
  display: flex;
  align-items: center;
}
.register-overview .history-item .item-left,
.register-overview .history-item .item-right {
  display: flex;
  align-items: center;
}
.register-overview .history-item .item-date {
  display: inline-block;
  margin-right: 30px;
  font-size: 1.1em;
}
.register-overview .history-item .item-amt {
  font-size: 0.8em;
}
.register-overview .history-item .item-amt > div {
  margin-right: 5px;
}
.register-overview .history-item .amt-type {
  display: flex;
  justify-content: center;
}
.register-overview .history-item .item-user {
  display: inline-block;
  font-size: 1.1em;
}
.register-overview .history-item .item-balance {
  font-size: 1.25em;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.register-overview .history-item .balance-breakdown {
  text-align: center;
  font-size: 1em;
  margin-left: 30px;
}
.register-overview .history-item .type {
  font-size: 0.8em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.register-overview .history-item span:last-of-type {
  text-align: right;
}
.register-overview .history-container {
  margin-bottom: 10px;
  padding: 20px;
  z-index: 3;
  position: relative;
}
.register-overview .history-container.expanded {
  z-index: 4;
}
.register-overview .history-container:hover {
  cursor: pointer;
  background-color: white;
}
.register-overview .history-container .transaction-line {
  margin-top: 10px;
}
.register-overview .expand-banner {
  margin-top: 20px;
  width: calc(100% - 60px);
  margin-left: -20px;
  background-color: white;
  box-shadow: none;
  border-bottom: 5px solid #24aba1;
}
.register-overview .expand-banner .banner-block {
  width: 20%;
  min-width: 150px;
  border-right: 1px solid #677074;
  text-align: center;
  color: #677074;
}
.register-overview .expand-banner .banner-block .banner-block-type {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.register-overview .expand-banner .banner-block:last-of-type {
  border-right: none;
}
.register-overview .overview-banner {
  width: calc(100% - 60px) !important;
  margin-left: -20px !important;
  font-size: 0.9em !important;
  margin-top: 20px;
}

.transaction-expand {
  margin-top: 40px;
  padding: 0 30px;
}
.transaction-expand .product-list {
  margin-top: 20px;
}

.banner-block {
  width: 196px;
  border-right: 1px solid white;
  text-align: center;
}
.banner-block .banner-block-type {
  font-size: 0.9em;
  color: #cccccc;
}
.banner-block:last-of-type {
  border-right: none;
}

.closeout {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.closeout .weave-message {
  width: 80%;
}
.closeout .close-breakdown {
  margin: 20px 0;
}
.closeout .close-item {
  width: 350px;
  display: flex;
  justify-content: space-between;
}
.closeout .equals {
  width: 15px;
  height: 4px;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
  margin: 10px 2px;
}.close-register-panel .denom-field {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.close-register-panel body {
  background: #f8f9fa;
  padding: 40px;
}
.close-register-panel .panel {
  max-width: 1000px;
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.close-register-panel h2 {
  margin-bottom: 10px;
}
.close-register-panel .section {
  margin-top: 20px;
}
.close-register-panel table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}
.close-register-panel th,
.close-register-panel td {
  text-align: center;
  padding: 10px 8px;
  border-bottom: 1px solid #ddd;
}
.close-register-panel tr {
  height: 50px;
}
.close-register-panel .money-align {
  text-align: right;
}
.close-register-panel .cash-input-field .cash-input {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: right;
}
.close-register-panel .cash-input-field input {
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.close-register-panel textarea {
  width: 97%;
  height: 50px;
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  margin-top: 10px;
  resize: none;
}
.close-register-panel .button-container {
  display: flex;
  justify-content: flex-end;
}
.close-register-panel .note {
  font-size: 0.85em;
  color: #555;
  margin-top: 10px;
}
.close-register-panel .footer {
  margin-top: 12px;
  font-size: 0.9em;
  color: #666;
}
.close-register-panel .icon {
  margin-right: 6px;
}
.close-register-panel .dash-placeholder {
  text-align: center;
  color: #888;
}
.close-register-panel .register-header {
  display: flex;
  justify-content: space-between;
}
.close-register-panel .register-header button {
  height: 35px;
}
.close-register-panel .dialog-scroll {
  padding: 30px;
}
.close-register-panel .denom-title {
  margin: 0px;
}
.close-register-panel .denom-field {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  overflow: scroll;
}
.close-register-panel .denom-field .denom-title {
  font-size: 1.1em;
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.close-register-panel .denom-field button {
  margin: 0;
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.close-register-panel .denom-field .denom-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.close-register-panel .denom-field .denom-right .text-field {
  margin: 0px !important;
  display: flex;
  align-items: center;
}
.close-register-panel .denom-field .denom-right form {
  margin-right: 20px;
}.transfer-banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.transfer-banner > h3,
.transfer-banner h2,
.transfer-banner h1 {
  width: 100%;
}

.transfer-banner {
  font-size: 1.25em;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  width: 100%;
  padding: 20px 50px;
  margin-left: -50px;
  justify-content: center;
}

.transfer-selector {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.transfer-selector header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.transfer-selector header h1,
.transfer-selector header h2,
.transfer-selector header h3 {
  padding: 0;
  margin: 0;
}
.transfer-selector main {
  padding: 20px;
}
.transfer-selector footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.transfer-banner {
  margin-bottom: 50px;
}

.transfer-selector {
  width: 60%;
}.add-register-form {
  padding: 30px;
}
.add-register-form .checkbox {
  margin-bottom: 20px;
}
.add-register-form .reg-info-container {
  display: flex;
  justify-content: space-between;
}
.add-register-form .reg-info-container .data-entry {
  width: 35%;
  flex: 1;
}
.add-register-form .reg-info-container .data-entry .text-field {
  width: 60%;
  margin-top: 0px;
  margin-bottom: 0px;
}
.add-register-form .reg-info-container .data-entry .reg-name {
  font-size: 1.1em;
}
.add-register-form .reg-info-container .data-entry .reg-start-cash {
  font-size: 1.1em;
}.accounting-page .overview-banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.accounting-page .overview-banner > h3,
.accounting-page .overview-banner h2,
.accounting-page .overview-banner h1 {
  width: 100%;
}

.accounting-page .overview-banner {
  font-size: 1.25em;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  width: 100%;
  padding: 20px 50px;
  margin-left: -50px;
  justify-content: center;
}

.accounting-page {
  color: #677074;
}
.accounting-page .overview-banner {
  width: 100%;
  background-color: #007a71;
  color: white;
  padding: 10px 50px;
  justify-content: flex-start;
}
.accounting-page .overview-banner .banner-block {
  width: 200px;
  min-width: 150px;
  margin-left: 0;
}

.tax-container {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: var(--border-radius);
  padding: 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.tax-container .tax-item {
  width: 15%;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  margin-right: 1%;
}
.tax-container .tax-item h4 {
  margin: 0;
}
.tax-container .tax-item:last-of-type {
  margin-right: 0;
  border-right: none;
}

.register-container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 20px;
  display: relative;
}
.register-container .register-cards {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.register-container .register-card {
  width: 350px;
  height: 350px;
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  margin-right: 30px;
  margin-bottom: 30px;
  border-radius: var(--border-radius);
  text-align: center;
  position: relative;
}
.register-container .register-card:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}
.register-container .register-more {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 10;
}
.register-container .register-more:hover svg {
  color: #24aba1 !important;
}
.register-container .register-filler {
  height: 0px;
  padding: 0 20px;
}
.register-container .register-name {
  font-size: 1.4em;
  margin-bottom: 30px;
  text-align: left;
}
.register-container .register-name .sub-text {
  font-size: 0.7em;
}
.register-container .safe-main {
  padding: 20px;
  border: 10px solid #007a71;
  border-radius: var(--border-radius);
  height: 290px;
}
.register-container .safe-main .safe-name {
  font-size: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.register-container .safe-main .safe-name .safe-lock svg {
  width: 30px;
  height: 30px;
  color: #007a71 !important;
}
.register-container .register-state {
  margin-top: 10px;
}
.register-container .register-state .register-action {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.8em;
}
.register-container .register-state .locked-to {
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-container .register-state .locked-to .lock-symbol {
  display: flex;
  align-items: center;
  justify-content: center;
}
.register-container .register-state .locked-to .lock-symbol svg {
  height: 20px !important;
  width: 20px !important;
  margin-right: 6px;
}
.register-container .register-main {
  padding: 20px;
  border-radius: var(--border-radius);
  height: calc(80% - 40px);
}
.register-container .register-balance {
  height: 20%;
  display: flex;
  align-items: center;
  background-color: #007a71;
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.register-container .register-balance .balance {
  width: 49%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-right: 1px solid white;
}
.register-container .register-balance .balance:last-of-type {
  border-right: none;
}
.register-container .register-balance .balance div {
  color: white;
  width: 100%;
  font-weight: bold;
}
.register-container .register-balance .balance .balance-name {
  color: rgb(229.5, 229.5, 229.5);
  font-weight: normal;
  font-size: 0.8em;
}

.dup-reg {
  margin-left: 30px;
  margin-top: 20px;
  margin-bottom: -10px;
  font-size: 0.9em;
  color: #be0009;
}

.add-new-reg-title {
  font-size: 1.1em;
  font-weight: bold;
}

.assign-user-dialog-body {
  padding: 20px;
  width: 33%;
}

.weave-avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: rgb(0, 154.7, 143);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.weave-avatar span {
  font-size: 2em;
}.tax-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.tax-form > h3,
.tax-form h2,
.tax-form h1 {
  width: 100%;
}

.tax-rate-container .tax,
.customer-group-taxes-container .tax {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.tax-form .form-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.customer-group-taxes-container .taxes {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.customer-group-taxes-container .taxes header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.customer-group-taxes-container .taxes header h1,
.customer-group-taxes-container .taxes header h2,
.customer-group-taxes-container .taxes header h3 {
  padding: 0;
  margin: 0;
}
.customer-group-taxes-container .taxes main {
  padding: 20px;
}
.customer-group-taxes-container .taxes footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.customer-group-taxes-container .taxes {
  margin-bottom: 16px;
}
.customer-group-taxes-container .taxes p {
  padding: 0;
  margin: 0;
}
.customer-group-taxes-container .taxes header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.customer-group-taxes-container .taxes header h2 {
  margin: 0;
  padding: 0;
}
.customer-group-taxes-container .taxes header button.clear-btn {
  min-width: 94px;
  margin-top: 0;
}
.customer-group-taxes-container .taxes main {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.customer-group-taxes-container .taxes .warning-container {
  display: flex;
  align-items: center;
}
.customer-group-taxes-container .taxes .default-warning {
  color: #be0009;
  margin: 0 0 0 6px;
}
.customer-group-taxes-container .taxes .tax-group-left {
  display: flex;
  align-items: center;
}
.customer-group-taxes-container .taxes .tax-group-left .type-icon {
  padding: 0 20px 0 0;
}
.customer-group-taxes-container .hybrid-groups {
  max-width: 930px;
  width: 100%;
}

.tax-form h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.tax-form .zips {
  padding: 8px;
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tax-form .zips .group-field {
  width: 45%;
  margin-bottom: 20px;
}
.tax-form .zips .group-field .sub-text {
  font-size: 0.7em;
  margin-bottom: -12px;
}
.tax-form .zips h4 {
  color: #677074;
  margin: 0;
}
.tax-form .zips .text-field {
  width: 100%;
  margin: -10px 0 0 0;
}
.tax-form .tax-assign-boxes {
  display: flex;
  flex-wrap: wrap;
}
.tax-form .tax-assign-box {
  padding: 12px;
  box-sizing: border-box;
  margin: 8px;
  cursor: pointer;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.4;
  width: 150px;
  height: 90px;
}
.tax-form .tax-assign-box h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
}
.tax-form .tax-assign-box .cannabis {
  font-size: 0.8em;
}
.tax-form .tax-assign-box.selected {
  opacity: 1;
  box-shadow: #007a71 0px 1px 6px, #007a71 0px 1px 4px !important;
}
.tax-form .another-rate {
  margin-top: 10px;
  margin-bottom: -10px;
  color: #03a9f4;
}
.tax-form .another-rate:hover {
  cursor: pointer;
  color: #0287c3;
}

.customer-group-taxes-container {
  justify-content: space-around;
}

.tax-rate-container {
  justify-content: flex-start;
}

.tax-rate-container,
.customer-group-taxes-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tax-rate-container .tax,
.customer-group-taxes-container .tax {
  border: none;
  margin: 15px;
  width: 175px;
  height: 175px;
  padding: 0;
  position: relative;
}
.tax-rate-container .tax:first-of-type,
.customer-group-taxes-container .tax:first-of-type {
  margin-left: 0;
}
.tax-rate-container .tax .tax-main,
.customer-group-taxes-container .tax .tax-main {
  display: flex;
  justify-content: center;
  height: 80%;
}
.tax-rate-container .tax .tax-main .tax-wrapper,
.customer-group-taxes-container .tax .tax-main .tax-wrapper {
  max-height: 140px;
  text-align: center;
  padding: 20px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.tax-rate-container .tax .tax-main .tax-wrapper .cannabis,
.customer-group-taxes-container .tax .tax-main .tax-wrapper .cannabis {
  font-size: 0.8em;
}
.tax-rate-container .tax .tax-main .tax-wrapper .tax-item,
.customer-group-taxes-container .tax .tax-main .tax-wrapper .tax-item {
  width: 100%;
  align-self: flex-start;
}
.tax-rate-container .tax .tax-main .tax-wrapper .tax-item:first-of-type,
.customer-group-taxes-container .tax .tax-main .tax-wrapper .tax-item:first-of-type {
  max-height: 42px;
  width: 95px;
  overflow-wrap: break-word;
  overflow: hidden;
  margin: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tax-rate-container .tax .tax-main:hover,
.customer-group-taxes-container .tax .tax-main:hover {
  cursor: pointer;
}
.tax-rate-container .tax .tax-main:hover .tax-item:first-of-type,
.customer-group-taxes-container .tax .tax-main:hover .tax-item:first-of-type {
  overflow: visible;
  max-height: 200px;
  -webkit-line-clamp: 4;
}
.tax-rate-container .tax .tax-remove,
.customer-group-taxes-container .tax .tax-remove {
  width: 100%;
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #007a71;
  color: white;
  position: relative;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.tax-rate-container .tax .tax-remove h2,
.customer-group-taxes-container .tax .tax-remove h2 {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
}
.tax-rate-container .tax .remove-tax,
.customer-group-taxes-container .tax .remove-tax {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
}
.tax-rate-container .tax .remove-tax svg,
.customer-group-taxes-container .tax .remove-tax svg {
  color: #be0009 !important;
  width: 20px !important;
  height: 20px !important;
}
.tax-rate-container .tax .remove-tax:hover,
.customer-group-taxes-container .tax .remove-tax:hover {
  cursor: pointer;
  transform: rotate(90deg);
  transform-origin: center center;
  transition: 0.3s all;
}
.tax-rate-container .tax .use-tax,
.customer-group-taxes-container .tax .use-tax {
  background-color: #0287c3 !important;
}
.tax-rate-container .tax .excise-tax,
.customer-group-taxes-container .tax .excise-tax {
  background-color: #24aba1 !important;
}

.tax-header {
  margin-bottom: 5px;
}

.all-rates .tax,
.customer-group .tax,
.taxes.default .tax {
  width: 175px;
  height: 175px;
  margin: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}

.tax-form {
  padding: 24px;
  box-sizing: border-box;
}
.tax-form h4 {
  width: 100%;
  margin-bottom: -24px;
  color: rgb(103, 112, 116);
}
.tax-form .form-actions {
  margin: 40px -24px -24px -24px;
  width: calc(100% + 48px);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.tax-form .form-actions button {
  margin: 0;
}
.tax-form .form-actions .delete-group {
  color: #be0009;
}

.all-rates {
  margin-top: 40px;
}

.customer-specific {
  width: 100%;
  max-width: 930px;
}
.customer-specific .customer-tax-breakdown .view-add-button {
  margin-bottom: 15px;
  margin-left: 2px;
  font-size: 0.7em;
  color: #03a9f4;
  font-style: italic;
}
.customer-specific .customer-tax-breakdown .view-add-button:hover {
  cursor: pointer;
  color: #0287c3;
}

.tax-checkboxes {
  width: 47%;
}

.tax-type-info {
  display: inline;
  margin-top: -2px;
  margin-left: 2px;
}
.tax-type-info svg {
  width: 14px !important;
  height: 14px !important;
}
.tax-type-info svg:hover {
  color: #0287c3 !important;
}
.tax-type-info:hover {
  cursor: pointer;
}

.tax-info-dialog header {
  font-size: 1.25em;
}
.tax-info-dialog .tax-info-text {
  padding: 20px;
}
.tax-info-dialog .tax-info-text p {
  margin-top: 0;
}

.use-tax-seperator {
  height: 115px;
  border-right: 2px solid #e8e8e8;
  margin-right: 20px;
  margin-left: 10px;
}

.use-tax-rates {
  display: block;
  margin-bottom: 2px;
}

.tax-rate-divider {
  margin: 0 6px;
}

.tax-groups {
  width: 100%;
  max-width: 930px;
}
.tax-groups > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 60px 0 40px 0;
}
.tax-groups > header button {
  width: 30px;
  height: 30px;
}
.tax-groups > header h2 {
  margin: 0;
}
.tax-groups .group-keys {
  width: 100%;
  margin-bottom: 10px;
}.date-range-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.date-range {
  display: flex;
}
.date-range .date-picker {
  width: 110px;
  display: flex;
  flex-direction: column;
}
.date-range .date-to {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
}
.date-range .date-hint {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.8em;
  margin-bottom: -10px;
}.acc-exports {
  display: flex;
  justify-content: space-between;
}
.acc-exports .tax-btn {
  margin-top: 20px;
}
.acc-exports .tax-header {
  margin-bottom: 4px;
}.patient-queue {
  align-items: center;
  color: #677074;
}
.patient-queue .queue-line {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.1);
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 3px;
}
.patient-queue .queue-line:last-of-type {
  margin: 0;
}
.patient-queue .box {
  font-size: 1.2em !important;
  cursor: pointer;
}
.patient-queue .box h3 {
  font-size: 1.3em;
}
.patient-queue .box h3 small {
  display: block;
  font-size: 0.8;
}
.patient-queue .box.primary small {
  color: rgb(0, 119, 110) !important;
}.checkin-done {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.checkin-done:hover {
  cursor: pointer;
}
.checkin-done:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.checkin-done {
  float: right;
}

.waiting-list .person, .checkin-page .selected-patient {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.checkin-done {
  margin-bottom: -10px;
}

.checkin-state {
  margin-top: 20px;
}
.checkin-state .state-title {
  font-size: 12px;
  margin-bottom: -5px;
  color: rgba(255, 255, 255, 0.5);
}

.checkin-page .dialog-body {
  padding: 20px;
}
.waiting-list {
  width: 100%;
  max-width: 930px;
  margin: auto;
}
.waiting-list .person {
  padding: 0;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.waiting-list .person.active {
  margin: 10px -10px;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.waiting-list .person .person-collapsed {
  padding: 20px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.waiting-list .person .person-expanded header {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.waiting-list .person .person-expanded header h1, .waiting-list .person .person-expanded header h2, .waiting-list .person .person-expanded header h3 {
  margin: 0;
  padding: 0;
}
.waiting-list .person .person-expanded main {
  padding: 20px;
}
.waiting-list .person .person-expanded footer {
  padding: 5px 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #f2f2f2;
}.filter-expand .filter-checks, .filter-trans {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.filter-trans {
  padding: 10px 30px;
  padding-right: 20px;
  background-color: white;
  display: flex;
  align-items: center;
  position: relative;
}
.filter-trans svg {
  margin-left: 10px;
}
.filter-trans:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}

.filter-expand .click-away {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.filter-expand .filter-checks {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  width: 180px;
}
.filter-expand .filter-checks > div {
  margin-bottom: 10px;
}.transactions-page {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

.transactions-page .failed-metrc, .transactions-page .transaction-banner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.transactions-page .failed-metrc > h3, .transactions-page .transaction-banner > h3,
.transactions-page .failed-metrc h2,
.transactions-page .transaction-banner h2,
.transactions-page .failed-metrc h1,
.transactions-page .transaction-banner h1 {
  width: 100%;
}

.transactions-page .failed-metrc, .transactions-page .transaction-banner {
  font-size: 1.25em;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  width: 100%;
  padding: 20px 50px;
  margin-left: -50px;
  justify-content: center;
}

.transactions-page {
  width: calc(100vw - 100px);
  padding-bottom: 100px;
}
.transactions-page .transaction-banner {
  margin-bottom: 40px;
}
.transactions-page .failed-metrc {
  background-color: #be0009;
  margin-top: -40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.transactions-page .date-range-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transactions-page .date-range-container .date-picker .new-toolbar {
  padding: 0px 20px !important;
  min-height: 44px !important;
  height: 44px !important;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.transactions-page .date-range-container > div {
  margin-bottom: 20px;
}
.transactions-page .date-range-container .trans-toolbar-container .new-toolbar {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0px 6px 0px 20px !important;
}
.transactions-page .date-range-container .trans-toolbar-container .new-toolbar h2 {
  position: relative;
}
.transactions-page .date-range-container .trans-toolbar-container .new-toolbar h2 .trans-search-click {
  position: absolute;
  left: -20px;
  top: -10px;
  bottom: -10px;
  width: 90px;
}
.transactions-page .date-range-container .trans-toolbar-container .new-toolbar h2 .trans-search-click:hover {
  cursor: pointer;
}
.transactions-page .date-range-container .trans-toolbar-container .new-toolbar .search-field {
  padding-right: 20px;
}
.transactions-page .date-range-container .type-list-picker {
  margin-right: 20px;
}
.transactions-page .date-range-container .type-list-picker h3 {
  padding: 0;
  margin: 0;
  margin-right: 25px;
  font-size: 25px;
}
.transactions-page .date-range-container .type-list-picker .transaction-type-list {
  max-width: 475px;
}
.transactions-page .date-range-container .type-list-picker .transaction-type-list,
.transactions-page .date-range-container .type-list-picker .check-boxes {
  display: flex;
  align-items: flex-end;
}
.transactions-page .date-range-container .type-list-picker .check-boxes > div {
  margin-right: 20px;
}
.transactions-page .dialog-container .dialog-inner {
  max-width: 500px;
}
.transactions-page .dialog-container .cancel-btn {
  color: var(--warning-color);
}

.transactions-container {
  margin-top: 80px;
}

.transactions-overview {
  margin: 15px 0;
  font-weight: bold;
}

.transaction-filter {
  display: flex;
}
.transaction-filter .filter-trans {
  margin-right: 20px;
}

.label-dialog .dialog-inner {
  overflow-y: scroll;
  width: auto;
  max-width: none !important;
}.discounts {
  display: flex;
  margin-top: 20px;
}
.discounts aside {
  width: 200px;
  padding: 0 20px;
}.loyalty-list .loyalty-container .loyalty-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.loyalty-list .loyalty-container .loyalty-item .loyalty-item-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.loyalty-list .loyalty-container .loyalty-item .loyalty-item-actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.loyalty-list .loyalty-container .loyalty-item .loyalty-item-actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.loyalty-list .loyalty-container .loyalty-item .loyalty-item-actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.loyalty-list .auto-enroll section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.loyalty-list .auto-enroll section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.loyalty-list .auto-enroll section header h1,
.loyalty-list .auto-enroll section header h2,
.loyalty-list .auto-enroll section header h3 {
  padding: 0;
  margin: 0;
}
.loyalty-list .auto-enroll section main {
  padding: 20px;
}
.loyalty-list .auto-enroll section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.loyalty-list {
  width: 100%;
  max-width: 960px;
}
.loyalty-list .auto-enroll {
  max-width: 44%;
  margin-bottom: 20px;
}
.loyalty-list .auto-enroll section {
  margin-top: 20px;
}
.loyalty-list .auto-enroll section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.loyalty-list .auto-enroll section > header .toggle {
  width: 235px;
}
.loyalty-list .loyalty-container {
  display: flex;
  justify-content: space-between;
}
.loyalty-list .loyalty-container .loyalty-item {
  width: 40%;
  min-width: 100px;
}
.loyalty-list .loyalty-container .loyalty-item h3 {
  margin-top: 0px;
}
.loyalty-list .loyalty-container .loyalty-item .flex-container {
  width: 80%;
  min-width: 100px;
  flex-wrap: nowrap;
}
.loyalty-list .loyalty-container .loyalty-item .flex-container .flex-child-to {
  width: 47%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 4px;
}
.loyalty-list .loyalty-container .loyalty-item .flex-container h4 {
  margin-bottom: 0px;
}
.loyalty-list .loyalty-container .loyalty-item .loyalty-item-actions {
  padding: 5px 0;
  text-align: right;
}
.loyalty-list .loyalty-container .loyalty-item .loyalty-item-actions button {
  margin: 0;
}
.loyalty-list .loyalty-tiers {
  padding: 20px 0;
}
.loyalty-list .loyalty-tiers .tier-header h2 {
  margin: 0;
}
.loyalty-list .tier-container {
  background-color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  display: flex;
  padding: 20px;
  align-items: center;
}
.loyalty-list .tier-container .loyalty-tiers {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: max-content;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.loyalty-list .tier-container .loyalty-tiers .loyalty-tier {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 1.25em;
  box-sizing: border-box;
  height: 87px;
}
.loyalty-list .tier-container .remove-tier {
  height: 20px !important;
  width: 20px !important;
  position: absolute;
  top: -7px;
  right: -7px;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411) !important;
}
.loyalty-list .tier-container .remove-tier:hover {
  cursor: pointer;
  color: red !important;
}
.loyalty-list .tier-container .tier-add {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  padding: 10px 20px;
  width: 140px;
  position: relative;
}
.loyalty-list .tier-container .tier-add .tier-data {
  display: flex;
  flex-direction: column;
}
.loyalty-list .tier-container .tier-add .tier-data-field {
  display: flex;
  align-items: center;
}
.loyalty-list .tier-container .tier-add .tier-data-field:first-of-type {
  margin-bottom: 10px;
}
.loyalty-list .tier-container .tier-add .text-field {
  width: 60px;
  margin: 0;
  margin-top: -10px;
  min-height: 35px;
}
.loyalty-list .tier-container .tier-add button {
  position: absolute !important;
  top: calc(50% - 26px);
  right: -22px;
}
.loyalty-list .tier-container .tier-add svg {
  fill: var(--primary-color) !important;
  width: 28px !important;
  height: 28px !important;
}
.loyalty-list header h2 {
  margin: 0;
}.message-preview {
  width: 300px;
  border: 1px solid #677074;
  border-radius: 6px;
  padding: 10px;
  box-sizing: border-box;
}
.message-preview .preview-link {
  text-decoration: underline;
  color: blue;
}.landing-preview {
  width: 400px;
  border: 1px solid #677074;
  border-radius: 6px;
  padding: 10px;
  box-sizing: border-box;
  min-height: 182px;
  display: flex;
  justify-content: center;
}
.landing-preview .landing-preview-section {
  width: 600px;
  text-align: center;
}
.landing-preview .landing-preview-section img {
  width: 100%;
  margin-bottom: 20px;
}.campaigns .campaign-lists .campaign {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.campaigns .campaign-lists .campaign .campaign-footer {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.campaigns {
  max-width: 1000px;
  cursor: pointer;
}
.campaigns h1 {
  margin-bottom: 10px;
}
.campaigns .campaigns-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campaigns .campaign-lists {
  padding: 20px;
}
.campaigns .campaign-lists h2 {
  margin-bottom: 10px;
}
.campaigns .campaign-lists .campaign {
  padding: 20px 5px;
  margin-bottom: 20px;
  min-width: 400px;
  position: relative;
}
.campaigns .campaign-lists .campaign .campaign-collapsed {
  display: grid;
  grid-template-columns: 90px auto 80px 100px 100px;
  grid-column-gap: 10px;
  align-items: center;
}
.campaigns .campaign-lists .campaign .campaign-expanded {
  padding: 0 40px;
}
.campaigns .campaign-lists .campaign .campaign-created {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.9em;
}
.campaigns .campaign-lists .campaign .winbacks {
  color: #007a71;
}
.campaigns .campaign-lists .campaign .campaign-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.campaigns .campaign-lists .campaign .campaign-name {
  font-size: 1.2em;
}
.campaigns .campaign-lists .campaign .delivered {
  color: #007a71;
}
.campaigns .campaign-lists .campaign .errors {
  color: #be0009;
}
.campaigns .campaign-lists .campaign .campaign-status {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.campaigns .campaign-lists .campaign .campaign-status .sub-text {
  margin-bottom: 5px;
}
.campaigns .campaign-lists .campaign .campaign-complete svg {
  fill: #007a71 !important;
}
.campaigns .campaign-lists .campaign .campaign-running svg {
  fill: #c66400 !important;
}
.campaigns .campaign-lists .campaign .campaign-footer {
  width: calc(100% + 90px);
  grid-column: 1/3;
  margin-left: -45px;
  margin-bottom: -20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 20px;
}
.campaigns .campaign-lists .campaign .campaign-footer button {
  margin-left: 10px;
}
.campaigns .schedule-label {
  font-size: 10px;
  color: var(--primary-color, #24aba1);
  margin-bottom: 5px;
}
.campaigns .date-and-time {
  margin-top: 12px;
}
.campaigns .campaign-start-date {
  display: grid;
  grid-template-columns: 1fr 15px 0.75fr;
  grid-column-gap: 10px;
  align-items: center;
}
.campaigns .campaign-start-date > input[type=time i] {
  cursor: pointer;
  padding: 2px 10px;
  height: 30px;
  font-family: "Roboto", sans-serif;
  color: #677074;
  font-size: 18px;
  outline: none;
  border: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: 6px !important;
}
.campaigns .campaign-start-date > input[type=time]::-webkit-inner-spin-button {
  cursor: pointer;
}
.campaigns .test-message {
  width: 300px;
  display: grid;
  grid-template-columns: auto 80px;
  grid-column-gap: 20px;
  align-items: center;
}
.campaigns .test-message button {
  font-size: 0.75em;
}
.campaigns .campaign-form {
  padding: 20px;
  overflow-y: scroll;
  max-height: calc(100vh - 200px);
}
.campaigns .campaign-form .autocomplete {
  height: 70px;
}
.campaigns .add-new-campaign-title {
  font-size: 1.1em;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campaigns .campaign-audience {
  color: #007a71;
}
.campaigns .campaign-first-row {
  display: grid;
  grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
  grid-column-gap: 3%;
}
.campaigns .campaign-second-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 6%;
}
.campaigns .campaign-second-row .button-container {
  display: flex;
  align-items: center;
}
.campaigns .campaign-stats {
  margin: 2em 0;
}
.campaigns .text-field.filled label.floating {
  bottom: 100%;
}
.campaigns .text-field input:focus ~ label.floating,
.campaigns .text-field textarea:focus ~ label.floating {
  bottom: 100%;
}
.campaigns .preview-section {
  margin: 1em 0;
  display: grid;
  grid-template-columns: 3fr 4fr;
}.add-discount,
.add-discount-form > section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.add-discount-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.confirm-cancel-conditions .dialog-inner {
  width: 400px;
}

.add-discount,
.add-discount-form > section {
  width: 960px;
  margin: 0 auto;
}
.add-discount h4,
.add-discount-form > section h4 {
  margin-bottom: -24px;
}
.add-discount .conditions *,
.add-discount-form > section .conditions * {
  box-sizing: border-box;
}
.add-discount .conditions > main,
.add-discount-form > section .conditions > main {
  display: none;
  padding: 10px 20px;
}
.add-discount .conditions > main,
.add-discount-form > section .conditions > main {
  display: block;
}
.add-discount .add-expanded.expanded,
.add-discount-form > section .add-expanded.expanded {
  padding: 0 16px;
}
.add-discount .add-triggers-start,
.add-discount-form > section .add-triggers-start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
}
.add-discount .rule-list-container,
.add-discount .action-list-container,
.add-discount-form > section .rule-list-container,
.add-discount-form > section .action-list-container {
  display: flex;
  flex-wrap: wrap;
}
.add-discount .rule-list-container .rule-list-item,
.add-discount .rule-list-container .action-list-item,
.add-discount .action-list-container .rule-list-item,
.add-discount .action-list-container .action-list-item,
.add-discount-form > section .rule-list-container .rule-list-item,
.add-discount-form > section .rule-list-container .action-list-item,
.add-discount-form > section .action-list-container .rule-list-item,
.add-discount-form > section .action-list-container .action-list-item {
  margin-right: 12px;
}
.add-discount .rule-list-container .rule-list-item .schedule-timing,
.add-discount .rule-list-container .action-list-item .schedule-timing,
.add-discount .action-list-container .rule-list-item .schedule-timing,
.add-discount .action-list-container .action-list-item .schedule-timing,
.add-discount-form > section .rule-list-container .rule-list-item .schedule-timing,
.add-discount-form > section .rule-list-container .action-list-item .schedule-timing,
.add-discount-form > section .action-list-container .rule-list-item .schedule-timing,
.add-discount-form > section .action-list-container .action-list-item .schedule-timing {
  font-size: 14px;
  margin-top: 8px;
}
.add-discount .rule-add,
.add-discount .action-add,
.add-discount-form > section .rule-add,
.add-discount-form > section .action-add {
  display: none;
  background-color: #007a71;
  color: white;
  padding: 0 16px;
}
.add-discount .rule-add .suggestions,
.add-discount .action-add .suggestions,
.add-discount-form > section .rule-add .suggestions,
.add-discount-form > section .action-add .suggestions {
  color: #677074;
}
.add-discount .rule-add button,
.add-discount .action-add button,
.add-discount-form > section .rule-add button,
.add-discount-form > section .action-add button {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid white;
  color: white;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.add-discount .rule-add button:hover,
.add-discount .action-add button:hover,
.add-discount-form > section .rule-add button:hover,
.add-discount-form > section .action-add button:hover {
  background-color: rgba(255, 255, 255, 0.07);
  cursor: pointer;
}
.add-discount .rule-add button:focus,
.add-discount .action-add button:focus,
.add-discount-form > section .rule-add button:focus,
.add-discount-form > section .action-add button:focus {
  outline: none;
}
.add-discount .add-new-form,
.add-discount-form > section .add-new-form {
  position: relative;
}
.add-discount .add-new-form .add-expanded,
.add-discount-form > section .add-new-form .add-expanded {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin-top: 50px;
  margin-bottom: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-discount .add-new-form .add-expanded .text-field,
.add-discount-form > section .add-new-form .add-expanded .text-field {
  margin: 0;
}
.add-discount .add-new-form .add-expanded > div,
.add-discount-form > section .add-new-form .add-expanded > div {
  flex: 1;
}
.add-discount .add-new-form .add-expanded > div:first-of-type,
.add-discount-form > section .add-new-form .add-expanded > div:first-of-type {
  margin-right: 12px;
}
.add-discount .add-new-form .add-expanded.expanded,
.add-discount-form > section .add-new-form .add-expanded.expanded {
  opacity: 1;
  z-index: 1;
}
.add-discount .rule-list-item,
.add-discount .action-list-item,
.add-discount-form > section .rule-list-item,
.add-discount-form > section .action-list-item {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  padding: 12px 14px;
  margin: 8px 0;
  width: 200px;
  height: 200px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.add-discount .rule-list-item .rule-package-tag,
.add-discount .action-list-item .rule-package-tag,
.add-discount-form > section .rule-list-item .rule-package-tag,
.add-discount-form > section .action-list-item .rule-package-tag {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.add-discount .rule-list-item:hover:not(.expanded),
.add-discount .action-list-item:hover:not(.expanded),
.add-discount-form > section .rule-list-item:hover:not(.expanded),
.add-discount-form > section .action-list-item:hover:not(.expanded) {
  cursor: pointer;
  box-shadow: 0 1px 6px var(--primary-color), 0 1px 4px var(--primary-color);
}
.add-discount .rule-list-item h3,
.add-discount .action-list-item h3,
.add-discount-form > section .rule-list-item h3,
.add-discount-form > section .action-list-item h3 {
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: normal;
  border: 0;
}
.add-discount .rule-list-item header,
.add-discount .action-list-item header,
.add-discount-form > section .rule-list-item header,
.add-discount-form > section .action-list-item header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  border: 0;
}
.add-discount .rule-list-item.add-new,
.add-discount .action-list-item.add-new,
.add-discount-form > section .rule-list-item.add-new,
.add-discount-form > section .action-list-item.add-new {
  user-select: none;
  position: relative;
  overflow: hidden;
}
.add-discount .rule-list-item.add-new .add-rule-header-initial,
.add-discount .action-list-item.add-new .add-rule-header-initial,
.add-discount-form > section .rule-list-item.add-new .add-rule-header-initial,
.add-discount-form > section .action-list-item.add-new .add-rule-header-initial {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-discount .rule-list-item.add-new .add-rule-header-initial .icon svg,
.add-discount .action-list-item.add-new .add-rule-header-initial .icon svg,
.add-discount-form > section .rule-list-item.add-new .add-rule-header-initial .icon svg,
.add-discount-form > section .action-list-item.add-new .add-rule-header-initial .icon svg {
  width: 50px !important;
  height: 50px !important;
}
.add-discount .rule-list-item.add-new .add-rule-header-expanded,
.add-discount .action-list-item.add-new .add-rule-header-expanded,
.add-discount-form > section .rule-list-item.add-new .add-rule-header-expanded,
.add-discount-form > section .action-list-item.add-new .add-rule-header-expanded {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-discount .rule-list-item.add-new .add-rule-header-initial,
.add-discount .action-list-item.add-new .add-rule-header-initial,
.add-discount-form > section .rule-list-item.add-new .add-rule-header-initial,
.add-discount-form > section .action-list-item.add-new .add-rule-header-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.add-discount .rule-list-item.add-new .add-rule-header-expanded,
.add-discount .action-list-item.add-new .add-rule-header-expanded,
.add-discount-form > section .rule-list-item.add-new .add-rule-header-expanded,
.add-discount-form > section .action-list-item.add-new .add-rule-header-expanded {
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transform: translateY(-100%);
  padding: 0 14px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.add-discount .rule-list-item.add-new .add-rule-header-expanded .title,
.add-discount .action-list-item.add-new .add-rule-header-expanded .title,
.add-discount-form > section .rule-list-item.add-new .add-rule-header-expanded .title,
.add-discount-form > section .action-list-item.add-new .add-rule-header-expanded .title {
  font-size: 18px;
}
.add-discount .rule-list-item.add-new footer,
.add-discount .action-list-item.add-new footer,
.add-discount-form > section .rule-list-item.add-new footer,
.add-discount-form > section .action-list-item.add-new footer {
  transform: translateY(100%);
  opacity: 0;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  padding-right: 16px;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-discount .rule-list-item.add-new.expanded,
.add-discount .action-list-item.add-new.expanded,
.add-discount-form > section .rule-list-item.add-new.expanded,
.add-discount-form > section .action-list-item.add-new.expanded {
  width: 500px;
  height: 200px;
  position: relative;
}
.add-discount .rule-list-item.add-new.expanded .add-rule-header-initial,
.add-discount .action-list-item.add-new.expanded .add-rule-header-initial,
.add-discount-form > section .rule-list-item.add-new.expanded .add-rule-header-initial,
.add-discount-form > section .action-list-item.add-new.expanded .add-rule-header-initial {
  opacity: 0;
  z-index: 1;
}
.add-discount .rule-list-item.add-new.expanded.done .add-rule-header-initial,
.add-discount .action-list-item.add-new.expanded.done .add-rule-header-initial,
.add-discount-form > section .rule-list-item.add-new.expanded.done .add-rule-header-initial,
.add-discount-form > section .action-list-item.add-new.expanded.done .add-rule-header-initial {
  display: none;
}
.add-discount .rule-list-item.add-new.expanded .add-rule-header-expanded,
.add-discount .action-list-item.add-new.expanded .add-rule-header-expanded,
.add-discount-form > section .rule-list-item.add-new.expanded .add-rule-header-expanded,
.add-discount-form > section .action-list-item.add-new.expanded .add-rule-header-expanded {
  opacity: 1;
  transition: 0.2s 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  transform: translateY(0);
}
.add-discount .rule-list-item.add-new.expanded footer,
.add-discount .action-list-item.add-new.expanded footer,
.add-discount-form > section .rule-list-item.add-new.expanded footer,
.add-discount-form > section .action-list-item.add-new.expanded footer {
  transform: translateY(0);
  opacity: 1;
  transition: 0.2s 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-discount .rule-list-item.add-new.expanded main,
.add-discount .action-list-item.add-new.expanded main,
.add-discount-form > section .rule-list-item.add-new.expanded main,
.add-discount-form > section .action-list-item.add-new.expanded main {
  z-index: 2;
  opacity: 1;
}
.add-discount .rule-list-item,
.add-discount-form > section .rule-list-item {
  position: relative;
  border-radius: var(--border-radius);
  padding: 20px;
}
.add-discount .rule-list-item .delete-trigger,
.add-discount-form > section .rule-list-item .delete-trigger {
  position: absolute;
  right: -2px;
  top: -8px;
}
.add-discount .rule-list-item .delete-trigger button,
.add-discount-form > section .rule-list-item .delete-trigger button {
  width: 40px !important;
}
.add-discount .rule-add .type,
.add-discount-form > section .rule-add .type {
  margin-right: 24px;
  flex: 1;
  --primary-color: white;
  --text-color: white;
  --text-color-disabled: white;
}
.add-discount .rule-add .data,
.add-discount-form > section .rule-add .data {
  display: none;
  margin-right: 24px;
  flex: 1;
  --primary-color: white;
  --text-color: white;
  --text-color-disabled: white;
}
.add-discount .rule-add.subtotal .subtotal,
.add-discount-form > section .rule-add.subtotal .subtotal {
  display: block;
}
.add-discount .rule-add.category .category,
.add-discount-form > section .rule-add.category .category {
  display: block;
}
.add-discount .rule-add.subcategory .subcategory,
.add-discount-form > section .rule-add.subcategory .subcategory {
  display: block;
}
.add-discount .rule-add.product .product,
.add-discount-form > section .rule-add.product .product {
  display: block;
}
.add-discount .rule-add.brand .brand,
.add-discount-form > section .rule-add.brand .brand {
  display: block;
}
.add-discount .rule-add.tags .tags,
.add-discount-form > section .rule-add.tags .tags {
  display: block;
}
.add-discount .rule-add.item .item,
.add-discount-form > section .rule-add.item .item {
  display: block;
}
.add-discount .rule-add.date .date,
.add-discount-form > section .rule-add.date .date {
  display: block;
}
.add-discount .time,
.add-discount-form > section .time {
  margin-top: 24px;
}
.add-discount .time .duration-toggle,
.add-discount-form > section .time .duration-toggle {
  margin-bottom: 16px;
}
.add-discount .time .time-range,
.add-discount-form > section .time .time-range {
  display: flex;
  align-items: center;
}
.add-discount .time .time-range > *,
.add-discount-form > section .time .time-range > * {
  margin-left: 12px;
  margin-right: 12px;
}
.add-discount .time .time-range > :first-of-type,
.add-discount-form > section .time .time-range > :first-of-type {
  margin-left: 0;
}
.add-discount .time .time-range > :last-of-type,
.add-discount-form > section .time .time-range > :last-of-type {
  margin-right: 0;
}
.add-discount .time .time-difference,
.add-discount-form > section .time .time-difference {
  margin-top: 12px;
}
.add-discount .repeat-on .repeat-on-label,
.add-discount-form > section .repeat-on .repeat-on-label {
  margin-bottom: 14px;
}
.add-discount .repeat-on button,
.add-discount-form > section .repeat-on button {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  border: 0;
  outline: 0;
  margin-right: 8px;
  font-size: 14px;
  text-align: center;
  background-color: #f5f5f5;
  color: #677074;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-discount .repeat-on button.selected,
.add-discount-form > section .repeat-on button.selected {
  background-color: #0287c3;
  color: white;
}
.add-discount .schedule-dialog .dialog-inner,
.add-discount-form > section .schedule-dialog .dialog-inner {
  width: 400px;
}
.add-discount .product-search-dialog .dialog-inner,
.add-discount-form > section .product-search-dialog .dialog-inner {
  width: 650px;
}
.add-discount .product-search-dialog .dialog-inner main,
.add-discount-form > section .product-search-dialog .dialog-inner main {
  max-height: 250px;
}
.add-discount .dialog-container footer,
.add-discount-form > section .dialog-container footer {
  width: 100%;
}
.add-discount .repeat-every,
.add-discount-form > section .repeat-every {
  display: flex;
  align-items: flex-end;
  margin-bottom: 16px;
}
.add-discount .repeat-every > span,
.add-discount-form > section .repeat-every > span {
  margin-right: 12px;
}
.add-discount .repeat-every .repeat-label,
.add-discount-form > section .repeat-every .repeat-label {
  display: inline-block;
}
.add-discount .repeat-every .repeat-value,
.add-discount-form > section .repeat-every .repeat-value {
  display: inline-block;
}
.add-discount .repeat-every .repeat-value input,
.add-discount-form > section .repeat-every .repeat-value input {
  width: 4em;
}
.add-discount .repeat-every .repeat-unit,
.add-discount-form > section .repeat-every .repeat-unit {
  display: inline-block;
  width: 100px;
}
.add-discount .repeat-every .repeat-unit .text-field,
.add-discount-form > section .repeat-every .repeat-unit .text-field {
  margin: 0;
}
.add-discount .form-header,
.add-discount-form > section .form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.add-discount .form-header h1,
.add-discount-form > section .form-header h1 {
  margin-top: 0;
}

.add-discount {
  margin-bottom: 20px;
}

.form-fields {
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
}

.discount-date-range > .active-dates {
  margin-bottom: 10px;
}

.add-discount-form .dialog-container .dialog-inner {
  max-height: initial !important;
}
.add-discount-form .add-rule {
  border-radius: var(--border-radius);
  background-color: #007a71;
  color: white !important;
  padding: 0 16px;
}
.add-discount-form .dialog-container main {
  max-height: 375px;
  overflow: auto;
}
.add-discount-form .dialog-container header {
  display: flex;
  align-items: center;
}
.add-discount-form .dialog-container header input {
  outline: none;
  border: 0;
  font-size: 18px;
  flex: 1;
}
.add-discount-form .discount-target {
  width: 100%;
}
.add-discount-form .discount-target .select-target {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-discount-form .discount-target .select-target h2 {
  flex: 1;
}
.add-discount-form .discount-target .select-target .field-discount {
  flex: 1;
  margin-left: 20px;
  margin-right: 20px;
}

.add-discount-form .add-condition-form * {
  box-sizing: border-box;
}
.add-discount-form .add-condition-form .condition-add-line {
  padding: 16px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-discount-form .add-condition-form .condition-add-line h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.add-discount-form .add-condition-form h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;
}
.add-discount-form .add-condition-form h2 button {
  font-size: 16px;
}

.add-discount-form section {
  margin-top: 16px;
}
.add-discount-form section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-discount-form section h2,
.add-discount-form section h3 {
  margin: 0;
}
.add-discount-form section .discount-condition {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px;
  margin: 0 -16px;
  border-bottom: 1px solid #f5f5f5;
}
.add-discount-form section .discount-condition:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
}

.discount-tab-bar {
  box-sizing: border-box;
  margin: 0 -20px;
  margin-top: -20px;
  height: 56px;
  background-color: #007a71;
  color: white;
  display: flex;
  align-items: center;
}
.discount-tab-bar p {
  margin: 0;
  padding: 0;
}

.type-container .autocomplete {
  flex: 1;
}
.type-container .per-gram-toggle {
  width: 215px;
  margin-left: 56px;
}
.type-container .per-gram-toggle label {
  width: calc(100% - 40px) !important;
}

.per-gram-toggle {
  position: relative;
}
.per-gram-toggle .checkbox {
  width: 215px;
}
.per-gram-toggle label {
  position: relative;
}
.per-gram-toggle label button {
  position: absolute !important;
  top: -5px !important;
  right: 0px !important;
  z-index: 100;
  padding: 0 !important;
  width: 16px !important;
  height: 16px !important;
}
.per-gram-toggle label button svg {
  width: 16px !important;
  height: 16px !important;
}
.per-gram-toggle label button:hover svg {
  fill: #24aba1 !important;
}

.double {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 60px;
  padding: 0 20px;
}

.add-discount-actions {
  display: flex;
  justify-content: flex-end;
}
.add-discount-actions button {
  margin-right: 20px !important;
}

.trigger-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bogo-fields {
  padding-left: 20px;
  width: 200px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
}

.brand-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand-line svg {
  width: 18px;
  height: 18px;
  fill: #2196f3;
  color: #2196f3;
}.discount-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.discount-line .coupon-item-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.discount-line .coupon-item-actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.discount-line .coupon-item-actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.discount-line .coupon-item-actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.discount-line {
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: min-height 0.2s ease-out;
  margin-bottom: 20px;
  min-height: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 920px;
  position: relative;
}
.discount-line h2 {
  font-size: 1.25em;
  margin: 0 0 5px 0;
  padding: 0;
}
.discount-line .coupon-expand {
  margin-top: 10px;
  margin-left: 80px;
  font-size: 0.9em;
}
.discount-line .coupon-expand span {
  margin-right: 20px;
}
.discount-line .target-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.discount-line .target-price .sub-text {
  font-size: 0.5em;
}
.discount-line .coupon-item-actions {
  padding: 5px 0;
  text-align: right;
}
.discount-line .coupon-item-actions button {
  margin: 0;
}
.discount-line .discount-details {
  font-size: 0.9em;
}
.discount-line .expired-warning-date {
  display: flex;
  align-items: center;
}
.discount-line .font {
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.discount-line .icons {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 80px);
}
.discount-line .coupon-amt {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.discount-line .percent {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #677074;
  color: white;
  width: 21px;
  height: 21px;
  font-size: 0.95em;
  font-weight: bold;
}
.discount-line .coupon-promo,
.discount-line .loyalty-promo {
  position: absolute;
  top: -10px;
  left: -10px;
}
.discount-line .coupon-promo svg,
.discount-line .loyalty-promo svg {
  width: 20px !important;
  height: 20px !important;
}
.discount-line .auto-promo {
  position: absolute;
  top: -10px;
  left: -10px;
}
.discount-line .auto-promo svg {
  width: 20px !important;
  height: 20px !important;
  fill: #88498f !important;
  color: #88498f !important;
}

.inactive-discount {
  background-color: #f1f1f1;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}.discounts-list .discount-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.discounts-list .discount-item .discount-item-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.discounts-list .discount-item .discount-item-actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.discounts-list .discount-item .discount-item-actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.discounts-list .discount-item .discount-item-actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.discounts-list {
  min-width: 960px;
}
.discounts-list .header-spacer {
  width: 953px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.discounts-list .header-spacer .filter-checkboxes {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: -32px;
}
.discounts-list h1 {
  margin: 0 0 40px 0;
}
.discounts-list .font {
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.discounts-list .icons {
  display: flex;
  justify-content: space-between;
}
.discounts-list .percent {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #677074;
  color: white;
  width: 21px;
  height: 21px;
  font-size: 0.95em;
  font-weight: bold;
}
.discounts-list .discount-item {
  cursor: pointer;
  transition: min-height 0.2s ease-out;
  margin-bottom: 20px;
  min-height: 30px;
  width: 920px;
}
.discounts-list .discount-item h2 {
  font-size: 1.25em;
  margin: 0;
  padding: 0;
}
.discounts-list .discount-item .discount-item-actions {
  padding: 5px 0;
  text-align: right;
}
.discounts-list .discount-item .discount-item-actions button {
  margin: 0;
}.package-line-container .package-line .package-line-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.package-line-container .package-line .package-line-inner > h3,
.package-line-container .package-line .package-line-inner h2,
.package-line-container .package-line .package-line-inner h1 {
  width: 100%;
}

.package-line-container .package-line {
  padding: 20px;
  background-color: white;
  margin-bottom: 10px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border-radius: var(--border-radius);
}
.package-line-container .package-line:last-of-type {
  margin: 0;
}
.package-line-container .package-line:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.package-line-container .package-line .actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.package-line-container .package-line .actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.package-line-container .package-line .actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.package-line-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.package-line-container .package-line {
  width: 100%;
}
.package-line-container .package-line .more-btn {
  display: flex;
  justify-content: center;
  font-size: 0.9em;
}
.package-line-container .package-line .more-btn button {
  padding: 10px 20px;
  border-radius: 3px;
}
.package-line-container .package-line .more-btn button:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.package-line-container .package-line .package-line-inner {
  flex-wrap: nowrap;
}
.package-line-container .package-line .package-line-inner > div {
  display: flex;
  align-items: center;
}
.package-line-container .package-line .package-vendor {
  font-size: 1.25em;
}
.package-line-container .package-line .archive-icon {
  width: 30px;
}
.package-line-container .package-line .actions {
  border-top: 1px solid rgb(242.25, 242.25, 242.25);
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
}
.package-line-container .package-line .actions .delete-btn {
  color: #be0009;
}
.package-line-container .package-line .actions button {
  margin: 0;
}
.package-line-container .package-line .package-right-item {
  text-align: center;
  width: 100px;
}
.package-line-container .package-line .package-right-item > div:first-of-type {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.8em;
}.api-sale {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.api-sale {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.api-sale > div {
  display: flex;
  align-items: center;
}
.api-sale .api-metric {
  width: 100px;
  text-align: center;
}
.api-sale .reason {
  width: 200px;
}.api-push {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.api-push {
  margin-bottom: 10px;
  width: 960px;
  cursor: pointer;
}
.api-push .collapsed-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.api-push .push-left {
  display: flex;
}
.api-push .push-right {
  display: flex;
  align-items: center;
}
.api-push .push-date {
  width: 100px;
}
.api-push .push-type {
  font-size: 1.25em;
}
.api-push .push-type .push-date-range {
  font-size: 0.9em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.api-push .push-error {
  color: #be0009;
}
.api-push .push-error .err-msg {
  font-size: 0.7em;
}
.api-push .push-success {
  color: #007a71;
}
.api-push .push-expand {
  padding: 15px 40px;
}
.api-push .push-expand .error-messages {
  color: #be0009;
  margin-bottom: 20px;
}
.api-push .push-expand .error-messages .actual-message {
  margin-bottom: 5px;
  font-size: 0.9em;
}.pushes-container .new-push-message {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.pushes-container {
  min-width: 960px;
}
.pushes-container .date-range-container {
  margin: 20px 0px;
}
.pushes-container .new-push-message {
  width: 80vw;
  margin-bottom: 20px;
}.compliance-exports-container .date-picker {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  margin-top: 17px;
}
.compliance-exports-container .compliance-exports {
  display: flex;
  width: 100%;
  min-width: 960px;
}
.compliance-exports-container .compliance-exports .aggregate {
  width: 25%;
}
.compliance-exports-container .compliance-exports .aggregate .metrc-loading {
  margin-right: 6px;
  margin-top: 1px;
}.compliance {
  display: flex;
  margin-top: 20px;
}
.compliance aside {
  width: 200px;
  padding: 0 20px;
}
.compliance .finish-container {
  min-width: 960px;
}
.compliance .finish-container .finish-packages-btn {
  margin-bottom: 10px;
}
.compliance .finished-container .finished-packages-search {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.compliance .finished-container .finished-packages {
  min-width: 960px;
}
.compliance .action-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0 10px 40px;
}.locations .location {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.locations .location {
  position: relative;
  margin: 10px;
}
.locations .location:first-of-type {
  margin-left: 0;
}#hardware-page {
  display: flex;
  margin-top: 20px;
}
#hardware-page > aside {
  width: 200px;
  padding: 0 20px;
}
#hardware-page > main {
  width: 930px;
}.software-printer-page section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.software-printer-page section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.software-printer-page section header h1,
.software-printer-page section header h2,
.software-printer-page section header h3 {
  padding: 0;
  margin: 0;
}
.software-printer-page section main {
  padding: 20px;
}
.software-printer-page section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.software-printer-page .windows-download {
  margin-bottom: 20px;
  cursor: pointer;
  color: rgb(36, 171, 161);
}
.software-printer-page .apple-download {
  cursor: pointer;
  color: rgb(36, 171, 161);
}
.software-printer-page section {
  margin-bottom: 20px;
}
.software-printer-page section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.software-printer-page section > header .toggle {
  width: 235px;
}
.software-printer-page section main {
  display: flex;
  justify-content: space-between;
}
.software-printer-page section main > div {
  flex: 1;
}.terminals-hardware-page section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.terminals-hardware-page section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.terminals-hardware-page section header h1,
.terminals-hardware-page section header h2,
.terminals-hardware-page section header h3 {
  padding: 0;
  margin: 0;
}
.terminals-hardware-page section main {
  padding: 20px;
}
.terminals-hardware-page section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.tips-warning-dialog .dialog-inner {
  max-width: 400px;
}

.terminals-hardware-page > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.terminals-hardware-page > header h1 {
  margin: 0;
  padding: 0;
}
.terminals-hardware-page section {
  margin-bottom: 32px;
}
.terminals-hardware-page section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.terminals-hardware-page form .short {
  width: 30%;
}
.terminals-hardware-page form .warning {
  color: #be0009;
}
.terminals-hardware-page form .row h3 {
  margin-bottom: -14px;
}
.terminals-hardware-page form .form-cols {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.terminals-hardware-page form .form-cols .row {
  flex: 1;
  margin-right: 12px;
}
.terminals-hardware-page form .form-cols .row:last-of-type {
  margin-right: 0;
}.screens-list-page section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.screens-list-page section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.screens-list-page section header h1,
.screens-list-page section header h2,
.screens-list-page section header h3 {
  padding: 0;
  margin: 0;
}
.screens-list-page section main {
  padding: 20px;
}
.screens-list-page section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.screens-list-page .screen-displays {
  position: relative;
}
.screens-list-page .screen-displays .screen-display {
  position: absolute;
  border: 1px solid #ccc;
  background-color: rgba(255, 255, 255, 0.5);
}
.screens-list-page .screen-visualization {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  background-color: #eee;
  min-height: 300px;
}
.screens-list-page section {
  margin-bottom: 20px;
}
.screens-list-page section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screens-list-page section header button {
  margin: 0;
  color: #BE0009;
  border-color: #BE0009;
}
.screens-list-page section .screen-list {
  margin-top: 46px;
}
.screens-list-page section .screen-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.screens-list-page section .screen-option > div {
  width: 250px;
}
.screens-list-page section .screen {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 36px;
}
.screens-list-page section .screen button {
  margin: 0;
}
.screens-list-page section .screen button:first-child {
  margin-bottom: 10px;
}.preferences-page section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.preferences-page section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.preferences-page section header h1,
.preferences-page section header h2,
.preferences-page section header h3 {
  padding: 0;
  margin: 0;
}
.preferences-page section main {
  padding: 20px;
}
.preferences-page section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.preferences-page section {
  margin-bottom: 20px;
}
.preferences-page section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preferences-page section header button {
  margin: 0;
  color: #BE0009;
  border-color: #BE0009;
}
.preferences-page section .screen-list {
  margin-top: 46px;
}
.preferences-page section .screen-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.preferences-page section .screen-option > div {
  width: 250px;
}
.preferences-page section .screen {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 36px;
}
.preferences-page section .screen button {
  margin: 0;
}
.preferences-page section .screen button:first-child {
  margin-bottom: 10px;
}#label-printers-page section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
#label-printers-page section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
#label-printers-page section header h1,
#label-printers-page section header h2,
#label-printers-page section header h3 {
  padding: 0;
  margin: 0;
}
#label-printers-page section main {
  padding: 20px;
}
#label-printers-page section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.no-print-app {
  margin-bottom: 32px;
}

.weave-dymo .no-native-printers {
  text-align: center;
}
.weave-dymo .clear-btn.cancel {
  margin-right: 16px;
  color: #be0009;
  border-color: #be0009;
}
.weave-dymo .device {
  transition: 0.2s color cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 16px;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 16px;
}
.weave-dymo .device:last-of-type {
  margin-bottom: 0;
  border-bottom: 0;
}
.weave-dymo .device .clear-btn.cancel {
  color: #be0009;
  border: 2px solid #be0009;
}
.weave-dymo .device .device-row-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.weave-dymo .device h4 {
  padding: 0;
  margin: 0;
  font-weight: normal;
}
.weave-dymo .device h3 {
  font-weight: normal;
}
.weave-dymo .device .product-info, .weave-dymo .device .product-actions {
  display: flex;
  align-items: center;
}
.weave-dymo .device h3 {
  font-size: 17px;
  margin: 24px 0 0 0;
}
.weave-dymo .device footer {
  box-shadow: none !important;
  background-color: transparent !important;
}
.weave-dymo .device .label-types {
  margin-right: 12px;
}
.weave-dymo .device .product-actions button {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.weave-dymo .device .product-actions button svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 12px;
  fill: var(--primary-color) !important;
  color: var(--primary-color) !important;
}
.weave-dymo .device .product-actions button:first-of-type {
  margin-left: 0;
}
.weave-dymo .device .product-info::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  background-color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 50%;
  margin-right: 12px;
}
.weave-dymo .device.active .product-info::before {
  background-color: var(--primary-color);
}
.weave-dymo .device.inactive {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}

#label-printers-page > header, #label-printers-page header.top-level {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#label-printers-page > header h1, #label-printers-page > header h2, #label-printers-page header.top-level h1, #label-printers-page header.top-level h2 {
  margin: 0;
  padding: 0;
}
#label-printers-page aside.problems {
  background-color: #be0009;
  color: white;
  padding: 10px;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#label-printers-page aside.problems main {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#label-printers-page aside.problems button {
  white-space: nowrap;
  color: white;
}
#label-printers-page aside.problems button:hover {
  color: #be0009;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
}
#label-printers-page aside.problems svg {
  margin: 0 20px 0 10px;
}
#label-printers-page section {
  margin-bottom: 20px;
}
#label-printers-page section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#label-printers-page section > header .toggle {
  width: 235px;
}
#label-printers-page section main {
  display: flex;
  justify-content: space-between;
}
#label-printers-page section main > div {
  flex: 1;
}.inbox-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.inbox-item {
  width: 100%;
  padding: 14px 20px;
}
.inbox-item:hover {
  cursor: pointer;
  background-color: #f2f2f2;
}
.inbox-item .item-left {
  display: flex;
  align-items: center;
}
.inbox-item .item-left .message-date {
  width: 90px;
  font-size: 0.9em;
}
.inbox-item .item-left svg {
  color: #0287c3 !important;
}

.unread .message-title {
  font-weight: bold;
}
.unread .sub-text {
  color: #0287c3;
}.inbox .inbox-container header {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.inbox {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 50px;
}
.inbox .inbox-container {
  width: 70%;
  min-width: 600px;
  max-width: 900px;
}
.inbox .inbox-container header {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inbox .inbox-container header h2 {
  margin: 0;
}
.inbox .message-dialog-title h2 {
  margin: 0;
}
.inbox .refreshing-inbox {
  width: calc(100% + 10px);
  padding: 6px 15px;
  background-color: #0287c3;
  color: white;
  font-size: 1.1em;
}
.inbox .inbox-refresh:hover {
  cursor: pointer;
}
.inbox .inbox-refresh:hover svg {
  color: #0287c3 !important;
}#support-page {
  display: flex;
  padding: 40px 0;
  width: 100%;
}
#support-page > aside {
  width: 200px;
  min-width: 168px;
  padding: 0 20px;
}
#support-page > main {
  width: 100%;
  min-width: 930px;
}
#support-page .contact-info {
  box-sizing: border-box;
  position: absolute;
  top: 260px;
  left: 20px;
  padding: 16px 0;
  width: 168px;
  text-align: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  background-color: white;
}
#support-page .contact-info div {
  font-size: 0.85em;
  font-weight: bold;
  margin-bottom: 8px;
}
#support-page .contact-info h4 {
  margin: 0 0 12px 0;
}
#support-page .contact-info a {
  text-decoration: none;
  color: #0287c3;
}
#support-page .contact-info a:hover {
  color: rgb(1.4822335025, 100.0507614213, 144.5177664975);
}.support-component {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.support-component header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.support-component header h1,
.support-component header h2,
.support-component header h3 {
  padding: 0;
  margin: 0;
}
.support-component main {
  padding: 20px;
}
.support-component footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.support-component {
  max-width: none;
  padding: 15px;
  padding-left: 0px;
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.support-component:hover {
  cursor: pointer;
}
.support-component .support-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.support-component .support-flex .support-description {
  display: flex;
  align-items: center;
}
.support-component .support-flex .support-description .icon-text-container {
  text-align: center;
  width: 60px;
  margin: 0 10px;
}
.support-component .support-flex .support-description .icon-type {
  font-size: 0.7em;
  font-style: italic;
  margin-top: -4px;
}
.support-component .support-flex .support-name {
  font-weight: bold;
  font-size: 1.2em;
}
.support-component .support-flex .support-type {
  font-size: 0.8em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}
.support-component .support-flex .support-click {
  color: #0287c3;
  font-style: italic;
}.resources {
  width: 66%;
  box-sizing: border-box;
}

.support-toolbar {
  width: 100%;
  margin-bottom: 15px;
  box-sizing: border-box;
}
.support-toolbar .toolbar-checkbox {
  display: flex;
  font-size: 0.8em;
}
.support-toolbar h3 {
  margin: 0 0 2px 0;
}.suggestions-page {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.suggestions-page .group-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.suggestions-page {
  width: 66%;
  box-sizing: border-box;
}
.suggestions-page h4 {
  margin: 0;
}
.suggestions-page .suggestion-send {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.suggestions-page .suggestion-text {
  width: 100%;
}
.suggestions-page .group-actions {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.suggestions-page .group-actions button {
  margin: 0;
}.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info, .online-order-container section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info header, .online-order-container section header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info header h1, .online-order-container section header h1,
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info header h2,
.online-order-container section header h2,
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info header h3,
.online-order-container section header h3 {
  padding: 0;
  margin: 0;
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info main, .online-order-container section main {
  padding: 20px;
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info footer, .online-order-container section footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.online-order-container table tbody th,
.online-order-container td {
  padding: 8px;
}
.online-order-container table tbody th {
  text-align: right;
  padding-right: 16px;
}
.online-order-container table tbody td.checkbox {
  padding-left: 16px;
}
.online-order-container .deliveries-toggle,
.online-order-container .pick-up-instructions {
  min-width: 67%;
}
.online-order-container .deliveries-toggle .toggle,
.online-order-container .pick-up-instructions .toggle {
  width: 190px;
}
.online-order-container .default-prices {
  margin-bottom: 200px;
}
.online-order-container .default-prices .rec-default {
  margin-right: 60px;
}
.online-order-container .display-limits {
  width: 47%;
}
.online-order-container .display-limits main {
  display: block;
}
.online-order-container .display-limits main .categories-container {
  padding: 10px;
}
.online-order-container .display-limits main .categories-container .category-line {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.online-order-container .display-limits main .categories-container .category-line .category-limit {
  width: 27%;
}
.online-order-container .display-limits main .categories-container .category-line .category-limit .text-field {
  width: 100%;
}
.online-order-container .pick-up-instructions {
  margin-bottom: 30px;
}
.online-order-container .header-info {
  margin-bottom: 0px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.online-order-container .header-info h2 {
  margin: 0 !important;
}
.online-order-container .header-info .enable-check {
  width: 90px;
  text-align: right;
}
.online-order-container section {
  margin-bottom: 20px;
}
.online-order-container section > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.online-order-container section > header .toggle {
  width: 235px;
}
.online-order-container section main {
  display: flex;
  justify-content: space-between;
}
.online-order-container section main > div {
  flex: 1;
}
.online-order-container .order-deadline label,
.online-order-container .order-fee label {
  font-weight: 500;
  margin-right: 16px;
}
.online-order-container .order-deadline input,
.online-order-container .order-fee input {
  width: 3rem;
  padding: 6px;
  margin: 0 4px;
}
.online-order-container .store-hours table {
  margin-top: 12px;
}
.online-order-container .store-hours thead th {
  font-size: 14px;
}
.online-order-container .store-hours section {
  min-width: 47%;
}
.online-order-container .store-hours section header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.online-order-container .store-hours section main {
  display: block;
}
.online-order-container .store-hours section main input[type=time] {
  padding: 6px;
}
.online-order-container .aeropay-merchant {
  width: 60%;
  min-width: 400px;
}
.online-order-container .order-type-instructions {
  margin-top: 1rem;
}
.online-order-container .order-type-instructions .instructions-header-container {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  width: 100%;
}
.online-order-container .order-type-instructions .instructions-header-container button.supports-markdown {
  margin-right: 0;
}
.online-order-container .order-type-instructions .instructions-header-container h4 {
  margin: auto 0;
}
.online-order-container .order-type-instructions p {
  margin: 0;
}
.online-order-container .order-type-instructions textarea {
  color: var(--text-color, #677074);
  font-family: inherit;
  margin-top: 0.5rem;
  min-height: 4rem;
  padding: 0.5rem;
  width: calc(100% - 1rem);
}
.online-order-container .menu-display-settings main {
  display: flex;
  flex-direction: column;
}
.online-order-container .menu-display-settings main #item-display-style h3 {
  margin-bottom: 1em;
}
.online-order-container .menu-display-settings main #item-display-style .layout-container {
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 600px) {
  .online-order-container .menu-display-settings main #item-display-style .layout-container {
    flex-wrap: wrap;
  }
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .radio-btn-group {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info {
  border: 1px solid #ccc;
  /* Blue highlight */
  border-left: 4px solid var(--primary-color);
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: -0.5rem 2rem 1rem;
  min-width: 20rem;
  display: flex;
  flex-direction: column;
}
@media (max-width: 600px) {
  .online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info {
    margin: 2rem 0;
  }
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info main {
  flex-grow: 1;
  justify-content: initial;
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info p {
  margin: 0.5em 0;
}
.online-order-container .menu-display-settings main #item-display-style .layout-container .search-index-info .time-warning {
  color: inherit;
}
.online-order-container .menu-display-settings main .post-tax-pricing {
  margin-bottom: 1rem;
}.online-menu-item {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.menu-item-list {
  width: 700px;
  text-align: center;
}
.menu-item-list > input {
  border: none;
  color: #677074;
  font-size: 1.25em;
  padding: 5px;
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  margin-bottom: 20px;
  outline: none;
}

.online-menu-item {
  padding: 10px 14px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.online-menu-item .item-left {
  display: flex;
  align-items: center;
}
.online-menu-item .item-left .image-slot {
  width: 70px;
  margin-right: 10px;
}
.online-menu-item .menu-image-upload {
  position: relative;
  cursor: pointer;
  display: block;
  width: 60px;
  height: 60px;
}
.online-menu-item .menu-image-upload input {
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.online-menu-item .menu-image-upload button,
.online-menu-item .menu-image-upload input {
  text-align: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.online-menu-item .image {
  margin-right: 10px;
}
.online-menu-item img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: var(--border-radius);
}
.online-menu-item button {
  margin: 0;
}
.online-menu-item .menu-item-check {
  display: flex;
  align-items: center;
  font-size: 0.7em;
  margin-right: 8px;
}
.online-menu-item .menu-item-check svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 2px;
}
.online-menu-item .item-details {
  display: flex;
  align-items: center;
  font-size: 0.8em;
  margin-right: 8px;
}
.online-menu-item .item-details svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 2px;
}
.online-menu-item .good {
  color: #007a71;
}
.online-menu-item .good svg {
  fill: #007a71 !important;
}
.online-menu-item .not-good {
  color: #be0009;
}
.online-menu-item .not-good svg {
  fill: #be0009 !important;
}

.show-more-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
  margin-left: -50px;
}.kiosk-page .kiosk-card {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.kiosk-page .auth-code-generated-body {
  padding: 10px 20px 20px;
}
.kiosk-page .auth-code-generated-body p.auth-code {
  font-size: 1.5em;
  letter-spacing: 0.1em;
  margin-left: 3em;
}
.kiosk-page .kiosk-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 240px);
  column-gap: 40px;
  row-gap: 40px;
  width: 100%;
}
.kiosk-page .kiosk-card {
  width: 200px;
  height: 200px;
  font-size: 1.4em;
  position: relative;
  display: flex;
  flex-direction: column;
}
.kiosk-page .kiosk-card button {
  margin: 0 auto;
  font-size: 0.8em;
}
.kiosk-page .kiosk-card .kiosk-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.kiosk-page .kiosk-card::before {
  font-size: 0.65em;
  font-weight: bold;
  letter-spacing: 0.075em;
  margin-bottom: 0.45em;
  text-transform: uppercase;
}
.kiosk-page .kiosk-card[data-active=true]::before {
  color: #24aba1;
  content: "active";
}
.kiosk-page .kiosk-card[data-active=false]::before {
  color: #bd4d5a;
  content: "inactive";
}
.kiosk-page .kiosk-form {
  padding: 20px;
}
.kiosk-page .kiosk-form label {
  margin-bottom: -5px;
  font-weight: bold;
}
.kiosk-page .kiosk-form .kiosk-name {
  font-size: 1.1em;
}
.kiosk-page .kiosk-form .text-field {
  width: 40%;
  margin-top: 0;
}
.kiosk-page .kiosk-more {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 10;
}
.kiosk-page .kiosk-more::before {
  background-color: transparent;
  content: "";
  transition: 0.2s background-color cubic-bezier(0.4, 0, 0.2, 1);
}
.kiosk-page .kiosk-more:hover {
  cursor: pointer;
}
.kiosk-page .kiosk-more:hover::before {
  aspect-ratio: 1;
  background-color: lightgrey;
  border-radius: 50%;
  content: "";
  height: 100%;
  position: absolute;
  bottom: 0;
  left: -3px;
  right: 0;
  top: -3px;
}.add-section-form .search-result, .add-section {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.add-section {
  width: min(90%, 960px);
}

.add-section-form .add-discount-actions button {
  padding: 8px 16px;
}
.add-section-form .schedule-dialog .dialog-inner {
  width: 400px;
}
.add-section-form .product-search-dialog .dialog-inner {
  width: 650px;
}
.add-section-form .product-search-dialog .dialog-inner main {
  max-height: 250px;
}
.add-section-form .dialog-container footer {
  width: 100%;
}
.add-section-form .display-selector {
  margin-left: 20px;
}
.add-section-form .display-selector .dialog-inner {
  overflow: scroll;
}
.add-section-form .rule-list-container,
.add-section-form .action-list-container {
  display: flex;
  flex-wrap: wrap;
}
.add-section-form .rule-list-container .rule-list-item,
.add-section-form .rule-list-container .action-list-item,
.add-section-form .action-list-container .rule-list-item,
.add-section-form .action-list-container .action-list-item {
  margin-right: 12px;
}
.add-section-form .rule-list-container .rule-list-item .schedule-timing,
.add-section-form .rule-list-container .action-list-item .schedule-timing,
.add-section-form .action-list-container .rule-list-item .schedule-timing,
.add-section-form .action-list-container .action-list-item .schedule-timing {
  font-size: 14px;
  margin-top: 8px;
}
.add-section-form .add-new-form {
  position: relative;
}
.add-section-form .add-new-form .add-expanded {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin-top: 50px;
  margin-bottom: 58px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-section-form .add-new-form .add-expanded .text-field {
  margin: 0;
}
.add-section-form .add-new-form .add-expanded > div {
  flex: 1;
}
.add-section-form .add-new-form .add-expanded > div:first-of-type {
  margin-right: 12px;
}
.add-section-form .add-new-form .add-expanded.expanded {
  opacity: 1;
  z-index: 1;
}
.add-section-form .rule-list-item,
.add-section-form .action-list-item {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  padding: 12px 14px;
  margin: 8px 0;
  width: 175px;
  height: 200px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.add-section-form .rule-list-item .rule-package-tag,
.add-section-form .action-list-item .rule-package-tag {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.add-section-form .rule-list-item:hover:not(.expanded),
.add-section-form .action-list-item:hover:not(.expanded) {
  cursor: pointer;
  box-shadow: 0 1px 6px var(--primary-color), 0 1px 4px var(--primary-color);
}
.add-section-form .rule-list-item h3,
.add-section-form .action-list-item h3 {
  margin: 0;
  padding: 0;
  font-size: 19px;
  font-weight: normal;
  border: 0;
}
.add-section-form .rule-list-item header,
.add-section-form .action-list-item header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  border: 0;
}
.add-section-form .rule-list-item.add-new,
.add-section-form .action-list-item.add-new {
  user-select: none;
  position: relative;
  overflow: hidden;
}
.add-section-form .rule-list-item.add-new .add-rule-header-initial,
.add-section-form .action-list-item.add-new .add-rule-header-initial {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-section-form .rule-list-item.add-new .add-rule-header-initial .icon svg,
.add-section-form .action-list-item.add-new .add-rule-header-initial .icon svg {
  width: 50px !important;
  height: 50px !important;
}
.add-section-form .rule-list-item.add-new .add-rule-header-expanded,
.add-section-form .action-list-item.add-new .add-rule-header-expanded {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-section-form .rule-list-item.add-new .add-rule-header-initial,
.add-section-form .action-list-item.add-new .add-rule-header-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.add-section-form .rule-list-item.add-new .add-rule-header-expanded,
.add-section-form .action-list-item.add-new .add-rule-header-expanded {
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0;
  transform: translateY(-100%);
  padding: 0 14px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.add-section-form .rule-list-item.add-new .add-rule-header-expanded .title,
.add-section-form .action-list-item.add-new .add-rule-header-expanded .title {
  font-size: 18px;
}
.add-section-form .rule-list-item.add-new footer,
.add-section-form .action-list-item.add-new footer {
  transform: translateY(100%);
  opacity: 0;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 45px;
  padding-right: 16px;
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.add-section-form .rule-list-item.add-new.expanded,
.add-section-form .action-list-item.add-new.expanded {
  width: 500px;
  height: 200px;
  position: relative;
}
.add-section-form .rule-list-item.add-new.expanded .add-rule-header-initial,
.add-section-form .action-list-item.add-new.expanded .add-rule-header-initial {
  opacity: 0;
  z-index: 1;
}
.add-section-form .rule-list-item.add-new.expanded.done .add-rule-header-initial,
.add-section-form .action-list-item.add-new.expanded.done .add-rule-header-initial {
  display: none;
}
.add-section-form .rule-list-item.add-new.expanded .add-rule-header-expanded,
.add-section-form .action-list-item.add-new.expanded .add-rule-header-expanded {
  opacity: 1;
  transition: 0.2s 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  transform: translateY(0);
}
.add-section-form .rule-list-item.add-new.expanded footer,
.add-section-form .action-list-item.add-new.expanded footer {
  transform: translateY(0);
  opacity: 1;
  transition: 0.2s 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
}
.add-section-form .rule-list-item.add-new.expanded main,
.add-section-form .action-list-item.add-new.expanded main {
  z-index: 2;
  opacity: 1;
}
.add-section-form .double-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.add-section-form .double-section .section-name {
  margin-left: 20px;
  margin-right: 20px;
}
.add-section-form .double-section .section-name h4 {
  margin-bottom: 5px;
}
.add-section-form .double-section .section-name .text-field {
  margin-top: 0px;
  min-width: 20em;
}
.add-section-form .double-section .section-name .product-search-results {
  max-height: 350px;
  margin: 0px -10px;
  overflow-y: scroll;
  padding: 0px 10px;
}
.add-section-form .search-result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  overflow: scroll;
}
.add-section-form .search-result .result-title {
  font-size: 1.1em;
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.add-section-form button.add-icon {
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px;
  background-color: white;
  margin: 10px 10px 0 0;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 4px;
}
.add-section-form button.add-icon img {
  height: 3em;
  padding: 4px;
}
.add-section-form button.name-includes-info {
  background: none;
  border: none;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-family: inherit;
  font-size: 0.9em;
  margin: auto;
  padding-top: 3px;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  column-gap: 0.25rem;
}
.add-section-form button.name-includes-info p {
  margin: 0;
}
.add-section-form .explainer-name-includes {
  background-color: rgba(245, 245, 245, 0.8);
  padding: 2rem;
}
.add-section-form .explainer-name-includes h4 {
  margin-top: 0;
}
.add-section-form .explainer-name-includes header {
  font-size: 1.25rem;
}
.add-section-form .explainer-name-includes main {
  line-height: 1.4em;
}.section-line {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.section-line .coupon-item-actions {
  width: calc(100% + 40px);
  padding: 5px 0;
  background-color: #f2f2f2;
  margin: 20px 0 -20px -20px;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

.clear-btn {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #0287c3;
  color: #0287c3;
  border-radius: 3px;
  font-size: 1em;
  margin-top: 10px;
  outline: none;
}
.clear-btn:hover {
  background-color: rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
.clear-btn:focus {
  outline: none;
}
.clear-btn:disabled {
  border-color: rgba(96, 124, 138, 0.4);
  color: rgba(96, 124, 138, 0.4);
}

.section-line .coupon-item-actions button, .flat-button {
  transition: 0.2s all cubic-bezier(0.4, 0, 0.6, 1);
  margin: 0;
  padding: 10px 15px;
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: none;
  font-size: 1em;
  color: #677074;
  position: relative;
}
.section-line .coupon-item-actions button:hover, .flat-button:hover {
  cursor: pointer;
  background-color: rgb(229.5, 229.5, 229.5);
}
.section-line .coupon-item-actions button:disabled, .flat-button:disabled {
  color: rgba(255, 255, 255, 0.4);
}

.flat-button:disabled {
  color: rgb(181.904109589, 187.5753424658, 190.095890411);
}

.section-line {
  cursor: pointer;
  transition: min-height 0.2s ease-out;
  margin-bottom: 20px;
  min-height: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
.section-line h2 {
  font-size: 1.25em;
  margin: 0 0 5px 0;
  padding: 0;
}
.section-line .coupon-item-actions {
  padding: 5px 0;
  text-align: right;
}
.section-line .coupon-item-actions button {
  margin: 0;
}
.section-line .section-details {
  font-size: 0.9em;
}
.section-line .expired-warning-date {
  display: flex;
  align-items: center;
}
.section-line .font {
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.section-line .section-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.section-line .section-info h2 {
  margin-bottom: 0px !important;
}
.section-line .section-info .drag-drop {
  display: flex;
  align-items: center;
  font-size: 0.9em;
  color: var(--primary-color);
  font-style: italic;
}
.section-line .section-info .section-summary {
  display: flex;
  align-items: center;
}
.section-line .section-info .section-summary .display-section-icon-container {
  margin-right: 1em;
  width: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-line .section-info .section-summary .display-section-icon-container img {
  max-width: 100%;
}

.inactive-section {
  background-color: #f1f1f1;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}.display-section-container .info-box {
  margin-top: -10px;
  margin-left: 2px;
  margin-bottom: 30px;
  width: min(90%, 65ch);
  font-style: italic;
}
.display-section-container .display-section-list-container {
  width: min(90%, 40em);
}.onboarding-page {
  max-width: 960px;
  margin: 0 auto;
  padding: 30px 20px 60px;
}
.onboarding-page h1 {
  font-size: 32px;
  margin: 0 0 8px;
  color: #2e3c54;
}
.onboarding-page p {
  color: #6c788f;
  line-height: 1.4;
  margin: 0;
}

.onboarding-page__header {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(46, 60, 84, 0.08);
  padding: 24px 28px;
  margin-bottom: 24px;
}
.onboarding-page__header p {
  margin-top: 6px;
}

.onboarding-page__actions {
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.onboarding-page__actions .mui-checkbox {
  margin-right: 16px;
}
.onboarding-page__actions .clear-btn {
  width: 100px !important;
}

.onboarding-page__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.onboarding-task {
  display: flex;
  align-items: flex-start;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(46, 60, 84, 0.08);
  padding: 18px 20px;
}
.onboarding-task h3 {
  margin: 0 0 6px;
  font-size: 18px;
  color: #2e3c54;
}
.onboarding-task p {
  margin: 0;
  color: #6c788f;
  font-size: 14px;
}

.onboarding-task__checkbox {
  margin-right: 16px;
  line-height: 1;
}

.onboarding-task__content {
  flex: 1;
}.inline-pin {
  width: 350px;
  margin-top: 30px;
}
.inline-pin input {
  outline: none;
  border: 0;
  margin: auto;
  background-color: white;
  padding: 10px 15px;
  color: #212121;
  width: 8em;
  flex: 1;
}
.inline-pin .inline-pin-input {
  display: flex;
}
.inline-pin .inline-pin-input button {
  flex: 1;
}
.inline-pin .inline-pin-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.lock-screen {
  background-color: #212121;
  transition: 0.2s all ease-in-out;
}
.lock-screen .lock-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
}
.lock-screen .lock-container .lock-content {
  min-height: 200px;
}
.lock-screen .lock-container h1 {
  font-size: 3em;
}
.lock-screen .lock-container h1 small {
  font-size: 0.4em;
  display: block;
}
.lock-screen .lock-actions {
  display: flex;
  justify-content: space-between;
}.header-location .location-option {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.header-location .location-panel {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

.logo-container {
  position: relative;
}
.logo-container .logo-warning {
  position: absolute;
  top: -17px;
  right: -24px;
}
.logo-container .logo-warning svg {
  fill: #be0009 !important;
  width: 28px !important;
  height: 28px !important;
}
.logo-container .logo-warning::after {
  content: "";
  display: block;
  background-color: white;
  width: 5px;
  height: 10px;
  position: absolute;
  top: 23px;
  left: 23px;
  z-index: -1;
}

.header-root {
  background-color: var(--primary-color);
  height: 80px;
  max-height: 80px;
  padding: 0 50px;
  position: fixed;
  color: white;
  left: 0;
  right: 0;
  top: 0;
  z-index: 15;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 80px;
  align-items: center;
}

.app-embedded .header-root {
  top: var(--app-header-height, 0px);
}

.header-logo {
  justify-content: center;
  align-items: center;
  align-self: center;
  cursor: pointer;
}
.header-logo img {
  height: 35px;
}

.header-location-wrapper {
  display: flex;
  align-items: center;
}
.header-location-wrapper button {
  margin-left: 5px;
  text-align: left;
}
.header-location-wrapper button h2, .header-location-wrapper button address {
  white-space: nowrap;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-nav-enter {
  opacity: 0.01;
}

.header-nav-enter.header-nav-enter-active {
  opacity: 1;
  transition: opacity 50ms ease-in;
}

.header-nav-leave {
  opacity: 1;
}

.header-nav-appear {
  opacity: 0.01;
}

.header-nav-appear.header-nav-appear-active {
  opacity: 1;
  transition: opacity 50ms ease-in;
}

.header-nav-leave.header-nav-leave-active {
  opacity: 0.01;
  transition: opacity 50ms ease-in;
}

.header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-right .header-user-icon {
  cursor: pointer;
  color: white;
  margin-right: -15px;
  position: relative;
}

.header-location {
  color: white;
  font-size: 1.1em;
  display: flex;
  align-items: center;
  margin-right: 40px;
  position: relative;
}
.header-location:hover {
  cursor: pointer;
}
.header-location svg {
  color: rgb(242.25, 242.25, 242.25) !important;
  margin-bottom: -4px;
  margin-left: 8px;
  width: 28px !important;
  height: 28px !important;
}
.header-location .header-location-deets {
  font-size: 0.6em;
  color: rgb(229.5, 229.5, 229.5);
}
.header-location .header-medical {
  font-size: 0.75em;
}
.header-location .location-panel {
  position: absolute;
  padding: 0;
  top: 52px;
  right: -80px;
  min-width: 350px;
}
.header-location .location-option {
  position: relative;
  box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
  z-index: 100;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.header-location .location-option:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.header-location .location-option .option-name {
  text-align: left;
  padding-right: 40px;
}
.header-location .location-triangle {
  position: absolute;
  background-color: white;
  top: -8px;
  right: 72px;
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
}
.header-location .location-triangle-mask {
  position: absolute;
  background-color: white;
  top: 0;
  right: 0;
  left: 0;
  height: 15px;
}
.header-location .click-away {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

.weave-header-msg {
  position: fixed;
  right: 0;
  left: 0;
  top: 80px;
  height: 30px;
  padding: 0 20px;
  background-color: #007a71;
  color: white;
  z-index: 9;
  display: flex;
  align-items: center;
}
.weave-header-msg .actual-msg {
  margin-left: 10px;
}
.weave-header-msg button {
  width: 20px;
  height: 20px;
  border: 1px solid white;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.weave-header-msg button:hover {
  border: 1px solid #be0009;
}
.weave-header-msg button:hover svg {
  color: #be0009 !important;
}
.weave-header-msg svg {
  color: white !important;
  width: 16px !important;
  height: 16px !important;
}

.avatar-notification {
  position: absolute;
  top: -2px;
  right: -4px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  background-color: red;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8em;
}

.header-tab-bar {
  position: fixed;
  top: 79px;
  left: 0;
  right: 0;
  z-index: 9;
}

.header-logo {
  height: 55px;
  margin-top: 3px;
}.input-pin {
  --primary-color: var(--weave-primary-color, #0287c3);
}
.input-pin .login-row-actions {
  text-align: center;
  margin: 24px auto 0 auto;
}
.input-pin .login-row {
  margin-top: 24px;
}
.input-pin iframe {
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.input-pin .override-iframe {
  height: 230px;
  padding: 0 24px;
}
.input-pin .dialog-container {
  z-index: 2001;
}
.input-pin .dialog-container header {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.input-pin .dialog-container header p {
  padding: 0 20px;
}
.input-pin .dialog-inner {
  width: 350px;
  max-height: 70vh;
  overflow-y: scroll;
}
.input-pin .login-inner {
  padding: 0 20px 20px 20px;
}
.input-pin .login-dialog header {
  display: flex;
  align-items: center;
  padding: 6px;
}
.input-pin .errors {
  color: red;
}
.input-pin .user-switch-inner {
  padding: 20px 0;
  overflow-y: scroll;
  max-height: 500px;
}
.input-pin .user-select {
  position: relative;
  padding: 10px;
  cursor: pointer;
  opacity: 0.4;
}
.input-pin .user-select.online {
  opacity: 1;
}
.input-pin .user-select .user-select-inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.input-pin .user-select .user-select-inner .avatar {
  margin: 0 10px !important;
}
.input-pin .pin-pad-inner {
  padding: 20px;
}
.input-pin .pin-pad-inner .pin-pad-text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-pin .pin-pad-inner .pin-pad-text .pin-input {
  width: 4em;
  -webkit-text-security: disc;
  text-security: disc;
  -moz-text-security: disc;
}
.input-pin .pin-pad-inner .pad {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.input-pin .pin-pad-inner .pad button,
.input-pin .pin-pad-inner .pad .icon {
  width: 33%;
  text-align: center;
}
.input-pin .error {
  color: #be0009;
  text-align: center;
}body.location-selector-open {
  overflow: hidden;
}

.location-selector-container {
  transition: all 0.2s ease-in;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  display: flex;
  justify-content: center;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.8);
}
.location-selector-container.entering {
  opacity: 0;
}
.location-selector-container.leaving {
  opacity: 0;
}
.location-selector-container::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
}
.location-selector-container .location-selector-content {
  display: flex;
  flex-direction: column;
}
.location-selector-container .location-selector-content .title {
  margin-top: 60px;
}
.location-selector-container .location-selector-content .title > h1 {
  text-align: center;
  color: white;
}
.location-selector-container .location-selector-content .location-panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
}
.location-selector-container .location-selector-content .location-panels button {
  border: none;
  width: 600px;
  margin: 8px;
  border-radius: 6px;
  padding: 12px 4px 12px 0px;
}
.location-selector-container .location-selector-content .location-panels button .box-wrapper {
  display: grid;
  grid-template-columns: 72px auto;
  grid-template-rows: 24px 6px 18px;
  grid-column-gap: 8px;
}
.location-selector-container .location-selector-content .location-panels button .box-wrapper h3 {
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  grid-column: 2;
  font-weight: 500;
  grid-row: 1;
  margin: 0;
  padding: 0px;
  text-align: left;
}
.location-selector-container .location-selector-content .location-panels button .box-wrapper address {
  grid-column: 2;
  grid-row: 3;
  font-size: 1.2em;
  font-style: normal;
  text-align: left;
  text-transform: capitalize;
}
.location-selector-container .location-selector-content .location-panels button .box-wrapper .location-icons {
  justify-self: center;
  grid-column: 1;
  grid-row: 1/span 3;
  transform: scale(2.5);
  align-self: center;
  height: 24px;
  width: 24px;
}
.location-selector-container .location-selector-content .location-panels button .box-wrapper .location-icons svg {
  border-radius: 1px;
}
.location-selector-container .location-selector-content .location-panels button .box-wrapper canvas {
  display: none;
}
.location-selector-container .location-selector-content .location-panels button:hover .box-wrapper h3 {
  color: rgba(255, 255, 255, 0.9) !important;
}
.location-selector-container .location-selector-content .location-panels button:hover .box-wrapper address {
  color: rgba(255, 255, 255, 0.9) !important;
}.warning-btn, .weave-btn {
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 10px 25px;
  background-color: #007a71;
  color: white;
  outline: none;
  border: none;
  border-radius: 3px;
  font-size: 1.25em;
  text-decoration: none;
}
.warning-btn:hover, .weave-btn:hover {
  cursor: pointer;
}
.warning-btn:disabled, .weave-btn:disabled {
  color: rgba(96, 124, 138, 0.4);
  background-color: rgba(37, 173, 163, 0.4);
}

.filled-btn, .filled-btn-short {
  background-color: #007a71;
  width: 150px;
  border-radius: var(--border-radius);
}
.filled-btn:hover, .filled-btn-short:hover {
  background-color: #24aba1;
}

.page-container {
  width: calc(100% - 100px);
  color: #677074;
  min-height: calc(100% - 120px);
  padding: 50px;
}

:-ms-input-placeholder, ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder {
  color: rgba(96, 124, 138, 0.4);
  font-weight: 300;
}

.weave-msg {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border: none;
  border-radius: var(--border-radius);
}

:root {
  --app-header-height: 0px;
}

html {
  height: 100%;
}

body.app-embedded {
  --app-header-height: 30px;
}

body.app-embedded {
  display: grid;
  grid-template-rows: var(--app-header-height) auto;
  height: 100vh;
  overflow: hidden;
}

.app-titlebar {
  height: 30px;
  /*background: var(--primary-color);*/
  background-color: lime;
  background-color: color-mix(in srgb, var(--primary-color) 80%, black 20%);
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  app-region: drag;
  grid-row: 1 !important;
  grid-column: 1 !important;
  width: 100%; /* Ensure it spans full width */
  z-index: 100; /* Keep it above content if necessary */
}

body.app-embedded #root {
  grid-row: 2;
  grid-row: 2;
  grid-column: 1;
  overflow-y: auto; /* Makes this section scrollable */
  height: 100%; /* Ensures it fills the remaining space */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 5000s;
  -webkit-text-fill-color: #677074;
}

@media print {
  iframe .page {
    page-break-after: always;
  }
}

.header-bottom-warning {
  position: absolute;
  background-color: #be0009 !important;
  top: 80px;
  width: 100%;
  height: 40px;
  color: black !important;
}

body {
  height: 100%;
  background-color: #f2f2f2;
  margin: 0;
  padding: 0;
  color: #677074;
  font-family: "Muli", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#container.top-error {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}
#container.top-error .page-error {
  width: 450px;
  text-align: center;
}
#container.top-error .page-error h1 {
  padding: 0;
  margin: 0;
}

#container {
  padding-top: 80px;
  min-height: 100%;
  position: relative;
  color: #677074;
  background: linear-gradient(#f2f2f2, rgb(216.5, 216.5, 216.5));
  display: flex;
}
#container > div {
  width: 100%;
  min-height: calc(100% - 120px);
}

header.top {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16), 0 1px 4px rgba(0, 0, 0, 0.16);
  color: white;
}

.has-tab-bar {
  height: calc(100% - 95px);
}
.has-tab-bar #root {
  min-height: calc(100% - 20px);
}
.has-tab-bar #container {
  margin-top: 95px;
  padding-top: 20px;
}
.has-tab-bar header.top {
  box-shadow: none;
}

:-moz-placeholder {
  /* Firefox 18- */
}

::-moz-placeholder {
  /* Firefox 19+ */
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

h1 {
  font-size: 1.8em;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 40px;
}
h1 .sub-header {
  font-size: 0.7em;
  color: #677074;
  font-weight: normal;
  margin-left: 10px;
}

h2 {
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 40px;
}

h3 {
  margin-bottom: 10px;
}

.spinner {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.fab {
  margin-top: 0;
  margin-bottom: 0;
}

.fab-container {
  position: fixed;
  bottom: 50px;
  right: 50px;
}

h1 small,
h2 small,
h3 small {
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
  font-size: 0.85em;
  font-weight: normal;
}
h1 small.block,
h2 small.block,
h3 small.block {
  display: block;
}
h1 small.inline,
h2 small.inline,
h3 small.inline {
  margin-left: 6px;
  display: inline-block;
}

.header-item button svg {
  fill: white !important;
}

.list-item h3 {
  margin: 0;
}

.menu-item {
  position: relative;
}
.menu-item:hover {
  cursor: pointer;
}

.loading-spinner {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 10000;
}

.weave-h1 {
  font-size: 1.8em;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 40px;
}

#root {
  height: calc(100% - 80px);
}
#root > div {
  height: 100%;
}

.app-embedded #root {
  height: auto;
}

.action-btn {
  margin: 0 24px 16px 0;
}

.warning-btn {
  background-color: #be0009;
}

.btn-right {
  float: right;
}

.filled-btn, .filled-btn-short {
  width: 150px;
}

.filled-btn-short {
  width: 100px;
}

.form-actions {
  text-align: right;
}
.form-actions button {
  margin-right: 45px;
}
.form-actions button:last-child {
  margin-right: 0;
}

.search-bar {
  display: flex;
  width: 100%;
  justify-content: space-around;
  margin: 20px 0 40px 0;
}

.flex-container, .banner-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex-container > h3, .banner-container > h3,
.flex-container h2,
.banner-container h2,
.flex-container h1,
.banner-container h1 {
  width: 100%;
}

.flex-child {
  width: 47%;
}

.overview-banner {
  background-color: #007a71;
  color: white;
  width: 100%;
  padding: 0 50px;
  margin-left: -50px;
  margin-bottom: 50px;
  min-height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.overview-banner .overview-title {
  font-size: 1.75em;
}
.overview-banner .overview-breakdown {
  margin-left: 30px;
}
.overview-banner .overview-breakdown .breakdown-title {
  font-size: 1.5em;
}
.overview-banner .overview-breakdown .breakdown-info {
  color: #cccccc;
}
.overview-banner .warning-icon {
  display: flex;
  align-items: center;
}
.overview-banner .warning-icon svg {
  color: #be0009 !important;
  width: 45px !important;
  height: 45px !important;
}
.overview-banner .check-icon {
  display: flex;
  align-items: center;
}
.overview-banner .check-icon svg {
  color: rgb(21, 210, 1) !important;
  width: 45px !important;
  height: 45px !important;
}

.date-range-container {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.sub-text {
  font-size: 0.8em;
  color: rgb(154.8904109589, 162.6575342466, 166.1095890411);
}

.no-hover:hover {
  background-color: inherit;
  cursor: default;
}

.header-bar-leave {
  transform: translateY(0);
}

.header-bar-leave.header-bar-leave-active {
  transform: translateY(-100%);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}

.header-bar-enter {
  transform: translateY(-100%);
}

.header-bar-enter.header-bar-enter-active {
  transform: translateY(0);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1);
}

.right-nav .nav-header {
  height: 60px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: #007a71;
  color: white;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  position: relative;
}
.right-nav .nav-header .avatar {
  background-color: white;
}
.right-nav .nav-header h3 {
  margin: 0 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 2;
  white-space: nowrap;
  color: white;
}
.right-nav .logout {
  transform: scale(-1);
}
.right-nav .nav-header-medical {
  background-color: #0287c3;
}

.floating-action-btn {
  position: fixed;
  bottom: 50px;
  right: 50px;
}

.fixed-selector {
  height: 102px;
}

.line-item {
  padding: 20px;
  background-color: white;
  margin-bottom: 5px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.08);
  border-radius: var(--border-radius);
}
.line-item:last-of-type {
  margin: 0;
}
.line-item:hover {
  cursor: pointer;
  background-color: rgba(245, 245, 245, 0.8);
}

.dialog-close {
  position: fixed;
  top: 20px;
  right: 20px;
}

.weave-message {
  background-color: #007a71;
  width: 100%;
  margin: 20px -20px 0 -20px;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.weave-message > div:first-of-type {
  width: 100%;
}
.weave-message .focus-msg {
  font-size: 1.3em;
}
.weave-message .msg-details {
  font-size: 0.8em;
}

.banner-container {
  width: 100%;
  justify-content: center;
}

.right-nav h2 {
  margin: 0;
  padding: 0;
}

.show-more {
  width: 100%;
  display: flex;
  justify-content: center;
}

.spinner-page {
  margin: auto;
}

.dialog-file-style {
  margin-top: 35px;
  margin-bottom: 35px;
}

.weave-msg {
  background-color: rgba(255, 255, 255, 0.8);
  position: fixed;
  bottom: 27px;
  left: 27px;
  width: 400px;
  z-index: 10;
  padding: 0;
}
.weave-msg .msg-header {
  padding: 7px 15px;
  background-color: rgba(190, 0, 9, 0.75);
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.weave-msg .msg-header button {
  background-color: rgba(255, 255, 255, 0);
  outline: none;
  border: 1px solid white;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.weave-msg .msg-header button:hover {
  background-color: #be0009;
}
.weave-msg .msg-header button svg {
  width: 12px !important;
  height: 12px !important;
  color: white !important;
}
.weave-msg .msg-title {
  max-width: calc(100% - 30px);
  font-size: 1.2em;
}
.weave-msg .msg-body {
  padding: 15px;
}

.msg-link {
  margin-top: 10px;
}
.msg-link a {
  text-decoration: none;
  color: #03a9f4;
  font-size: 1.1em;
  font-weight: bold;
}
.msg-link a:hover {
  color: rgb(1.7611336032, 99.2105263158, 143.2388663968);
}

.mail-icon {
  display: flex !important;
  align-items: center;
}
.mail-icon .unread-icon {
  position: absolute;
  top: -2px;
  right: -4px;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: red;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7em;
}

.disabled-location-message {
  margin-top: 125px;
  color: #be0009;
  text-align: center;
}

.disabled-soon-message {
  position: fixed;
  padding: 7px;
  width: 100%;
  top: 80px;
  color: white;
  background-color: #be0009;
  z-index: 1;
  display: flex;
  justify-content: center;
}

.material-dialog {
  border-radius: var(--border-radius);
}

.grecaptcha-badge {
  visibility: hidden !important;
}.company-selector .company-list-container {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.company-selector .company-list-container header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.company-selector .company-list-container header h1,
.company-selector .company-list-container header h2,
.company-selector .company-list-container header h3 {
  padding: 0;
  margin: 0;
}
.company-selector .company-list-container main {
  padding: 20px;
}
.company-selector .company-list-container footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.company-selector {
  width: 650px;
  margin: auto;
  margin-top: 100px;
  text-align: center;
}
.company-selector .company-list-container header {
  margin-bottom: 1em;
  padding: 1em 0 0;
  display: flex;
  flex-direction: column;
}
.company-selector .company-list {
  text-align: left;
  font-size: 20px;
}
.company-selector .company-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  cursor: pointer;
  transition: 0.2s all cubic-bezier(0.4, 0, 0.2, 1);
}
.company-selector .company-list .item:hover {
  background-color: #f5f5f5;
}
.company-selector .search-container {
  margin: 1em 0 0;
  width: auto;
}.login-background {
  width: 100%;
  display: flex;
  align-items: center;
}
.login-background .ready .login-content .password .login-button svg {
  fill: #677074 !important;
}

.login-content {
  margin: auto;
  width: 50%;
}
.login-content .error {
  text-align: center;
  color: 5px solid #ff5722;
}
.login-content .logo-container {
  text-align: center;
}
.login-content .logo-container img {
  height: 60px;
  display: inline-block;
  margin: auto;
}
.login-content input {
  color: #677074 !important;
}
.login-content input:-webkit-autofill,
.login-content input:-webkit-autofill:hover,
.login-content input:-webkit-autofill:focus,
.login-content input:-webkit-autofill:active {
  -webkit-text-fill-color: #677074;
}
.login-content .password {
  position: relative;
}
.login-content .password .login-button {
  display: inline;
  position: absolute;
  top: 0;
  right: -12px;
}
.login-content .password .login-button svg {
  fill: rgb(127.8767123288, 137.7397260274, 142.1232876712) !important;
}
.login-content .forgot-pass {
  font-size: 0.65em;
  text-align: left;
  margin-top: 2px;
  position: relative;
  z-index: 2;
}
.login-content .forgot-pass a {
  text-decoration: none;
  color: #677074;
}
.login-content .forgot-pass a:hover {
  color: #24aba1;
}
.login-content .eula {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-content .eula a {
  color: #24aba1;
  text-decoration: none;
}
.login-content .eula a:hover {
  color: #007a71;
}.forgot-password-success {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.forgot-password-success header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.forgot-password-success header h1,
.forgot-password-success header h2,
.forgot-password-success header h3 {
  padding: 0;
  margin: 0;
}
.forgot-password-success main {
  padding: 20px;
}
.forgot-password-success footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.forgot-password-success main {
  padding-top: 0;
}.forgot-password form {
  background-color: white;
  color: #677074;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  border: none;
  max-width: 930px;
  width: 100%;
  border-radius: var(--border-radius);
}
.forgot-password form header {
  padding: 10px 20px;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
}
.forgot-password form header h1,
.forgot-password form header h2,
.forgot-password form header h3 {
  padding: 0;
  margin: 0;
}
.forgot-password form main {
  padding: 20px;
}
.forgot-password form footer {
  padding: 10px;
  background-color: #f2f2f2;
  box-shadow: inset 0 8px 6px -8px rgba(0, 0, 0, 0.16);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  display: flex;
  justify-content: flex-end;
}

.forgot-password form main {
  padding-top: 0;
}.signup-page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto !important;
  box-sizing: border-box;
}

.invite-error {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.invite-error img {
  width: 50px;
  height: 50px;
}
.invite-error h3 {
  max-width: 600px;
  text-align: center;
}