@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Oswald:300,400,500,700|Roboto Condensed:400|Archivo Black:400&display=swap);
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700&display=swap");
:root {
  --primary-color: #333399;
  --secondary-color: #BF1B28;
  --success-color: #007531;
  --info-color: #17a2b8;
  --warning-color: #f08a24;
  --danger-color: #f04124;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --body-bg: #f5f7fc;
  --body-color: #1b1f2a;
  --text-muted: #5a6475;
  --link-color: #333399;
  --link-hover-color: #22226b;
  --font-family-base: Roboto, Helvetica Neue, Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.5;
  --border-radius: 0.375rem;
  --box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --transition-base: all 0.2s ease-in-out;
}

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

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: left;
  background-color: #f5f7fc;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-weight: 500;
  line-height: 1.2;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 14px;
}

mark {
  padding: 0.1875em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #333399;
  text-decoration: none;
}
a:hover {
  color: #22226b;
  text-decoration: underline;
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 14px;
  color: #000;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 14px;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 14px;
  color: #fff;
  background-color: #212529;
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #5a6475;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=time]):not([type=week])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
  appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
  appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
  appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

.sr_only, .sr_only_focusable:not(:focus):not(:focus-within),
.visually_hidden_focusable:not(:focus):not(:focus-within),
.visually_hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
}
h1, .h1 {
  font-size: 40px;
}

h2, .h2 {
  font-size: 32px;
}

h3, .h3 {
  font-size: 28px;
}

h4, .h4 {
  font-size: 24px;
}

h5, .h5 {
  font-size: 20px;
}

h6, .h6 {
  font-size: 16px;
}

.display_1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

.display_2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

.display_3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

.display_4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

.display_5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

.display_6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

.lead {
  font-size: 18px;
  font-weight: 300;
}

.fs_1 {
  font-size: 40px;
}

.fs_2 {
  font-size: 32px;
}

.fs_3 {
  font-size: 28px;
}

.fs_4 {
  font-size: 24px;
}

.fs_5 {
  font-size: 20px;
}

.fs_6 {
  font-size: 16px;
}

.fs_xs {
  font-size: 12px;
}

.fs_sm {
  font-size: 14px;
}

.fs_base {
  font-size: 16px;
}

.fs_lg {
  font-size: 18px;
}

.fs_xl {
  font-size: 24px;
}

.fs_xxl {
  font-size: 28px;
}

.fw_light {
  font-weight: 300;
}

.fw_lighter {
  font-weight: lighter;
}

.fw_normal {
  font-weight: 400;
}

.fw_medium {
  font-weight: 500;
}

.fw_semibold {
  font-weight: 600;
}

.fw_bold {
  font-weight: 700;
}

.fw_bolder {
  font-weight: bolder;
}

.fst_italic {
  font-style: italic;
}

.fst_normal {
  font-style: normal;
}

.lh_1 {
  line-height: 1;
}

.lh_sm {
  line-height: 1.25;
}

.lh_base {
  line-height: 1.5;
}

.lh_lg {
  line-height: 2;
}

.font_monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.font_sans_serif {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.font_serif {
  font-family: Georgia, "Times New Roman", Times, serif;
}

.font_condensed {
  font-family: "Oswald", "Arial Narrow", sans-serif;
}

.text_start {
  text-align: left;
}

.text_end {
  text-align: right;
}

.text_center {
  text-align: center;
}

.text_justify {
  text-align: justify;
}

.text_start {
  text-align: left;
}

.text_end {
  text-align: right;
}

.text_center {
  text-align: center;
}

.text_justify {
  text-align: justify;
}

@media (min-width: 640px) {
  .text_medium_start {
    text-align: left;
  }
  .text_medium_end {
    text-align: right;
  }
  .text_medium_center {
    text-align: center;
  }
  .text_medium_justify {
    text-align: justify;
  }
}
@media (min-width: 1024px) {
  .text_large_start {
    text-align: left;
  }
  .text_large_end {
    text-align: right;
  }
  .text_large_center {
    text-align: center;
  }
  .text_large_justify {
    text-align: justify;
  }
}
@media (min-width: 1200px) {
  .text_xlarge_start {
    text-align: left;
  }
  .text_xlarge_end {
    text-align: right;
  }
  .text_xlarge_center {
    text-align: center;
  }
  .text_xlarge_justify {
    text-align: justify;
  }
}
@media (min-width: 1400px) {
  .text_xxlarge_start {
    text-align: left;
  }
  .text_xxlarge_end {
    text-align: right;
  }
  .text_xxlarge_center {
    text-align: center;
  }
  .text_xxlarge_justify {
    text-align: justify;
  }
}
.text_lowercase {
  text-transform: lowercase;
}

.text_uppercase {
  text-transform: uppercase;
}

.text_capitalize {
  text-transform: capitalize;
}

.text_decoration_none {
  text-decoration: none;
}

.text_decoration_underline {
  text-decoration: underline;
}

.text_decoration_line_through {
  text-decoration: line-through;
}

.text_wrap {
  white-space: normal;
}

.text_nowrap {
  white-space: nowrap;
}

.text_truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text_break {
  word-wrap: break-word;
  word-break: break-word;
}

.text_primary {
  color: #333399;
}

.text_secondary {
  color: #BF1B28;
}

.text_success {
  color: #007531;
}

.text_info {
  color: #17a2b8;
}

.text_warning {
  color: #f08a24;
}

.text_danger {
  color: #f04124;
}

.text_light {
  color: #f8f9fa;
}

.text_dark {
  color: #343a40;
}

.text_body {
  color: #1b1f2a;
}

.text_muted {
  color: #5a6475;
}

.text_white {
  color: #fff;
}

.text_black {
  color: #000;
}

.text_gray_100 {
  color: #f8f9fa;
}

.text_gray_200 {
  color: #e9ecef;
}

.text_gray_300 {
  color: #dee2e6;
}

.text_gray_400 {
  color: #ced4da;
}

.text_gray_500 {
  color: #adb5bd;
}

.text_gray_600 {
  color: #6c757d;
}

.text_gray_700 {
  color: #495057;
}

.text_gray_800 {
  color: #343a40;
}

.text_gray_900 {
  color: #212529;
}

.mark,
mark {
  padding: 0.1875em;
  background-color: #fcf8e3;
}

.small {
  font-size: 14px;
}

.initialism {
  font-size: 14px;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 18px;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote_footer {
  margin-bottom: 1rem;
  font-size: 14px;
  color: #5a6475;
}
.blockquote_footer::before {
  content: "— ";
}

.list_unstyled {
  padding-left: 0;
  list-style: none;
}

.list_inline {
  padding-left: 0;
  list-style: none;
}

.list_inline_item {
  display: inline-block;
}
@media (max-width: 639.98px) {
  h1, .h1 {
    font-size: 34px;
  }
  h2, .h2 {
    font-size: 27.2px;
  }
  h3, .h3 {
    font-size: 25.2px;
  }
  h4, .h4 {
    font-size: 21.6px;
  }
  .display_1 {
    font-size: 48px;
  }
  .display_2 {
    font-size: 44px;
  }
  .display_3 {
    font-size: 40px;
  }
  .display_4 {
    font-size: 32px;
  }
  .display_5 {
    font-size: 28px;
  }
  .display_6 {
    font-size: 24px;
  }
}
.container,
.container_fluid,
.container_xxlarge,
.container_xlarge,
.container_large,
.container_medium,
.container_small {
  width: 100%;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
}

.container {
  max-width: 100%;
}
@media (min-width: 640px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1140px;
  }
}

.container_small {
  max-width: 100%;
}

@media (min-width: 640px) {
  .container_medium {
    max-width: 540px;
  }
}

@media (min-width: 1024px) {
  .container_large {
    max-width: 720px;
  }
}

@media (min-width: 1200px) {
  .container_xlarge {
    max-width: 960px;
  }
}

@media (min-width: 1400px) {
  .container_xxlarge {
    max-width: 1140px;
  }
}

.row, .row_lg, .row_sm, .row_no_gutters {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
  width: 100%;
}

.row_no_gutters {
  gap: 0;
}

.row_sm {
  gap: 0.5rem;
}

.row_lg {
  gap: 1.5rem;
}

.columns,
.col {
  grid-column: span 12;
  min-width: 0;
}

.col_auto {
  grid-column: auto;
  width: auto;
}

.row_cols_1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
}
.row_cols_1 > * {
  grid-column: span 1;
}

.row_cols_2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.row_cols_2 > * {
  grid-column: span 1;
}

.row_cols_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.row_cols_3 > * {
  grid-column: span 1;
}

.row_cols_4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
.row_cols_4 > * {
  grid-column: span 1;
}

.row_cols_5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}
.row_cols_5 > * {
  grid-column: span 1;
}

.row_cols_6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
}
.row_cols_6 > * {
  grid-column: span 1;
}

.row_cols_7 {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1rem;
}
.row_cols_7 > * {
  grid-column: span 1;
}

.row_cols_8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 1rem;
}
.row_cols_8 > * {
  grid-column: span 1;
}

.row_cols_9 {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 1rem;
}
.row_cols_9 > * {
  grid-column: span 1;
}

.row_cols_10 {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 1rem;
}
.row_cols_10 > * {
  grid-column: span 1;
}

.row_cols_11 {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 1rem;
}
.row_cols_11 > * {
  grid-column: span 1;
}

.row_cols_12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}
.row_cols_12 > * {
  grid-column: span 1;
}

.small_1,
.col_1 {
  grid-column: span 1;
}

.small_2,
.col_2 {
  grid-column: span 2;
}

.small_3,
.col_3 {
  grid-column: span 3;
}

.small_4,
.col_4 {
  grid-column: span 4;
}

.small_5,
.col_5 {
  grid-column: span 5;
}

.small_6,
.col_6 {
  grid-column: span 6;
}

.small_7,
.col_7 {
  grid-column: span 7;
}

.small_8,
.col_8 {
  grid-column: span 8;
}

.small_9,
.col_9 {
  grid-column: span 9;
}

.small_10,
.col_10 {
  grid-column: span 10;
}

.small_11,
.col_11 {
  grid-column: span 11;
}

.small_12,
.col_12 {
  grid-column: span 12;
}

@media (min-width: 640px) {
  .medium_1 {
    grid-column: span 1;
  }
  .medium_2 {
    grid-column: span 2;
  }
  .medium_3 {
    grid-column: span 3;
  }
  .medium_4 {
    grid-column: span 4;
  }
  .medium_5 {
    grid-column: span 5;
  }
  .medium_6 {
    grid-column: span 6;
  }
  .medium_7 {
    grid-column: span 7;
  }
  .medium_8 {
    grid-column: span 8;
  }
  .medium_9 {
    grid-column: span 9;
  }
  .medium_10 {
    grid-column: span 10;
  }
  .medium_11 {
    grid-column: span 11;
  }
  .medium_12 {
    grid-column: span 12;
  }
  .medium_auto {
    grid-column: auto;
    width: auto;
  }
  .row_cols_medium_1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .row_cols_medium_1 > * {
    grid-column: span 1;
  }
  .row_cols_medium_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .row_cols_medium_2 > * {
    grid-column: span 1;
  }
  .row_cols_medium_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .row_cols_medium_3 > * {
    grid-column: span 1;
  }
  .row_cols_medium_4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .row_cols_medium_4 > * {
    grid-column: span 1;
  }
  .row_cols_medium_5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .row_cols_medium_5 > * {
    grid-column: span 1;
  }
  .row_cols_medium_6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .row_cols_medium_6 > * {
    grid-column: span 1;
  }
  .row_cols_medium_7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .row_cols_medium_7 > * {
    grid-column: span 1;
  }
  .row_cols_medium_8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .row_cols_medium_8 > * {
    grid-column: span 1;
  }
  .row_cols_medium_9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .row_cols_medium_9 > * {
    grid-column: span 1;
  }
  .row_cols_medium_10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .row_cols_medium_10 > * {
    grid-column: span 1;
  }
  .row_cols_medium_11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .row_cols_medium_11 > * {
    grid-column: span 1;
  }
  .row_cols_medium_12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .row_cols_medium_12 > * {
    grid-column: span 1;
  }
}
@media (min-width: 1024px) {
  .large_1 {
    grid-column: span 1;
  }
  .large_2 {
    grid-column: span 2;
  }
  .large_3 {
    grid-column: span 3;
  }
  .large_4 {
    grid-column: span 4;
  }
  .large_5 {
    grid-column: span 5;
  }
  .large_6 {
    grid-column: span 6;
  }
  .large_7 {
    grid-column: span 7;
  }
  .large_8 {
    grid-column: span 8;
  }
  .large_9 {
    grid-column: span 9;
  }
  .large_10 {
    grid-column: span 10;
  }
  .large_11 {
    grid-column: span 11;
  }
  .large_12 {
    grid-column: span 12;
  }
  .large_auto {
    grid-column: auto;
    width: auto;
  }
  .row_cols_large_1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .row_cols_large_1 > * {
    grid-column: span 1;
  }
  .row_cols_large_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .row_cols_large_2 > * {
    grid-column: span 1;
  }
  .row_cols_large_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .row_cols_large_3 > * {
    grid-column: span 1;
  }
  .row_cols_large_4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .row_cols_large_4 > * {
    grid-column: span 1;
  }
  .row_cols_large_5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .row_cols_large_5 > * {
    grid-column: span 1;
  }
  .row_cols_large_6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .row_cols_large_6 > * {
    grid-column: span 1;
  }
  .row_cols_large_7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .row_cols_large_7 > * {
    grid-column: span 1;
  }
  .row_cols_large_8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .row_cols_large_8 > * {
    grid-column: span 1;
  }
  .row_cols_large_9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .row_cols_large_9 > * {
    grid-column: span 1;
  }
  .row_cols_large_10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .row_cols_large_10 > * {
    grid-column: span 1;
  }
  .row_cols_large_11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .row_cols_large_11 > * {
    grid-column: span 1;
  }
  .row_cols_large_12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .row_cols_large_12 > * {
    grid-column: span 1;
  }
}
@media (min-width: 1200px) {
  .xlarge_1 {
    grid-column: span 1;
  }
  .xlarge_2 {
    grid-column: span 2;
  }
  .xlarge_3 {
    grid-column: span 3;
  }
  .xlarge_4 {
    grid-column: span 4;
  }
  .xlarge_5 {
    grid-column: span 5;
  }
  .xlarge_6 {
    grid-column: span 6;
  }
  .xlarge_7 {
    grid-column: span 7;
  }
  .xlarge_8 {
    grid-column: span 8;
  }
  .xlarge_9 {
    grid-column: span 9;
  }
  .xlarge_10 {
    grid-column: span 10;
  }
  .xlarge_11 {
    grid-column: span 11;
  }
  .xlarge_12 {
    grid-column: span 12;
  }
  .xlarge_auto {
    grid-column: auto;
    width: auto;
  }
  .row_cols_xlarge_1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .row_cols_xlarge_1 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .row_cols_xlarge_2 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .row_cols_xlarge_3 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .row_cols_xlarge_4 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .row_cols_xlarge_5 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .row_cols_xlarge_6 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .row_cols_xlarge_7 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .row_cols_xlarge_8 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .row_cols_xlarge_9 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .row_cols_xlarge_10 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .row_cols_xlarge_11 > * {
    grid-column: span 1;
  }
  .row_cols_xlarge_12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .row_cols_xlarge_12 > * {
    grid-column: span 1;
  }
}
@media (min-width: 1400px) {
  .xxlarge_1 {
    grid-column: span 1;
  }
  .xxlarge_2 {
    grid-column: span 2;
  }
  .xxlarge_3 {
    grid-column: span 3;
  }
  .xxlarge_4 {
    grid-column: span 4;
  }
  .xxlarge_5 {
    grid-column: span 5;
  }
  .xxlarge_6 {
    grid-column: span 6;
  }
  .xxlarge_7 {
    grid-column: span 7;
  }
  .xxlarge_8 {
    grid-column: span 8;
  }
  .xxlarge_9 {
    grid-column: span 9;
  }
  .xxlarge_10 {
    grid-column: span 10;
  }
  .xxlarge_11 {
    grid-column: span 11;
  }
  .xxlarge_12 {
    grid-column: span 12;
  }
  .xxlarge_auto {
    grid-column: auto;
    width: auto;
  }
  .row_cols_xxlarge_1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .row_cols_xxlarge_1 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .row_cols_xxlarge_2 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .row_cols_xxlarge_3 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .row_cols_xxlarge_4 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .row_cols_xxlarge_5 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .row_cols_xxlarge_6 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .row_cols_xxlarge_7 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .row_cols_xxlarge_8 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .row_cols_xxlarge_9 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .row_cols_xxlarge_10 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .row_cols_xxlarge_11 > * {
    grid-column: span 1;
  }
  .row_cols_xxlarge_12 {
    grid-template-columns: repeat(12, 1fr);
  }
  .row_cols_xxlarge_12 > * {
    grid-column: span 1;
  }
}
.order_1 {
  order: 1;
}

.order_2 {
  order: 2;
}

.order_3 {
  order: 3;
}

.order_4 {
  order: 4;
}

.order_5 {
  order: 5;
}

.order_6 {
  order: 6;
}

.order_7 {
  order: 7;
}

.order_8 {
  order: 8;
}

.order_9 {
  order: 9;
}

.order_10 {
  order: 10;
}

.order_11 {
  order: 11;
}

.order_12 {
  order: 12;
}

.order_first {
  order: -1;
}

.order_last {
  order: 13;
}

.order_1 {
  order: 1;
}

.order_2 {
  order: 2;
}

.order_3 {
  order: 3;
}

.order_4 {
  order: 4;
}

.order_5 {
  order: 5;
}

.order_6 {
  order: 6;
}

.order_7 {
  order: 7;
}

.order_8 {
  order: 8;
}

.order_9 {
  order: 9;
}

.order_10 {
  order: 10;
}

.order_11 {
  order: 11;
}

.order_12 {
  order: 12;
}

.order_first {
  order: -1;
}

.order_last {
  order: 13;
}

@media (min-width: 640px) {
  .order_medium_1 {
    order: 1;
  }
  .order_medium_2 {
    order: 2;
  }
  .order_medium_3 {
    order: 3;
  }
  .order_medium_4 {
    order: 4;
  }
  .order_medium_5 {
    order: 5;
  }
  .order_medium_6 {
    order: 6;
  }
  .order_medium_7 {
    order: 7;
  }
  .order_medium_8 {
    order: 8;
  }
  .order_medium_9 {
    order: 9;
  }
  .order_medium_10 {
    order: 10;
  }
  .order_medium_11 {
    order: 11;
  }
  .order_medium_12 {
    order: 12;
  }
  .order_medium_first {
    order: -1;
  }
  .order_medium_last {
    order: 13;
  }
}
@media (min-width: 1024px) {
  .order_large_1 {
    order: 1;
  }
  .order_large_2 {
    order: 2;
  }
  .order_large_3 {
    order: 3;
  }
  .order_large_4 {
    order: 4;
  }
  .order_large_5 {
    order: 5;
  }
  .order_large_6 {
    order: 6;
  }
  .order_large_7 {
    order: 7;
  }
  .order_large_8 {
    order: 8;
  }
  .order_large_9 {
    order: 9;
  }
  .order_large_10 {
    order: 10;
  }
  .order_large_11 {
    order: 11;
  }
  .order_large_12 {
    order: 12;
  }
  .order_large_first {
    order: -1;
  }
  .order_large_last {
    order: 13;
  }
}
@media (min-width: 1200px) {
  .order_xlarge_1 {
    order: 1;
  }
  .order_xlarge_2 {
    order: 2;
  }
  .order_xlarge_3 {
    order: 3;
  }
  .order_xlarge_4 {
    order: 4;
  }
  .order_xlarge_5 {
    order: 5;
  }
  .order_xlarge_6 {
    order: 6;
  }
  .order_xlarge_7 {
    order: 7;
  }
  .order_xlarge_8 {
    order: 8;
  }
  .order_xlarge_9 {
    order: 9;
  }
  .order_xlarge_10 {
    order: 10;
  }
  .order_xlarge_11 {
    order: 11;
  }
  .order_xlarge_12 {
    order: 12;
  }
  .order_xlarge_first {
    order: -1;
  }
  .order_xlarge_last {
    order: 13;
  }
}
@media (min-width: 1400px) {
  .order_xxlarge_1 {
    order: 1;
  }
  .order_xxlarge_2 {
    order: 2;
  }
  .order_xxlarge_3 {
    order: 3;
  }
  .order_xxlarge_4 {
    order: 4;
  }
  .order_xxlarge_5 {
    order: 5;
  }
  .order_xxlarge_6 {
    order: 6;
  }
  .order_xxlarge_7 {
    order: 7;
  }
  .order_xxlarge_8 {
    order: 8;
  }
  .order_xxlarge_9 {
    order: 9;
  }
  .order_xxlarge_10 {
    order: 10;
  }
  .order_xxlarge_11 {
    order: 11;
  }
  .order_xxlarge_12 {
    order: 12;
  }
  .order_xxlarge_first {
    order: -1;
  }
  .order_xxlarge_last {
    order: 13;
  }
}
.offset_0 {
  grid-column-start: 1;
}

.offset_1 {
  grid-column-start: 2;
}

.offset_2 {
  grid-column-start: 3;
}

.offset_3 {
  grid-column-start: 4;
}

.offset_4 {
  grid-column-start: 5;
}

.offset_5 {
  grid-column-start: 6;
}

.offset_6 {
  grid-column-start: 7;
}

.offset_7 {
  grid-column-start: 8;
}

.offset_8 {
  grid-column-start: 9;
}

.offset_9 {
  grid-column-start: 10;
}

.offset_10 {
  grid-column-start: 11;
}

.offset_11 {
  grid-column-start: 12;
}

.offset_0 {
  grid-column-start: 1;
}

.offset_1 {
  grid-column-start: 2;
}

.offset_2 {
  grid-column-start: 3;
}

.offset_3 {
  grid-column-start: 4;
}

.offset_4 {
  grid-column-start: 5;
}

.offset_5 {
  grid-column-start: 6;
}

.offset_6 {
  grid-column-start: 7;
}

.offset_7 {
  grid-column-start: 8;
}

.offset_8 {
  grid-column-start: 9;
}

.offset_9 {
  grid-column-start: 10;
}

.offset_10 {
  grid-column-start: 11;
}

.offset_11 {
  grid-column-start: 12;
}

@media (min-width: 640px) {
  .offset_medium_0 {
    grid-column-start: 1;
  }
  .offset_medium_1 {
    grid-column-start: 2;
  }
  .offset_medium_2 {
    grid-column-start: 3;
  }
  .offset_medium_3 {
    grid-column-start: 4;
  }
  .offset_medium_4 {
    grid-column-start: 5;
  }
  .offset_medium_5 {
    grid-column-start: 6;
  }
  .offset_medium_6 {
    grid-column-start: 7;
  }
  .offset_medium_7 {
    grid-column-start: 8;
  }
  .offset_medium_8 {
    grid-column-start: 9;
  }
  .offset_medium_9 {
    grid-column-start: 10;
  }
  .offset_medium_10 {
    grid-column-start: 11;
  }
  .offset_medium_11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1024px) {
  .offset_large_0 {
    grid-column-start: 1;
  }
  .offset_large_1 {
    grid-column-start: 2;
  }
  .offset_large_2 {
    grid-column-start: 3;
  }
  .offset_large_3 {
    grid-column-start: 4;
  }
  .offset_large_4 {
    grid-column-start: 5;
  }
  .offset_large_5 {
    grid-column-start: 6;
  }
  .offset_large_6 {
    grid-column-start: 7;
  }
  .offset_large_7 {
    grid-column-start: 8;
  }
  .offset_large_8 {
    grid-column-start: 9;
  }
  .offset_large_9 {
    grid-column-start: 10;
  }
  .offset_large_10 {
    grid-column-start: 11;
  }
  .offset_large_11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1200px) {
  .offset_xlarge_0 {
    grid-column-start: 1;
  }
  .offset_xlarge_1 {
    grid-column-start: 2;
  }
  .offset_xlarge_2 {
    grid-column-start: 3;
  }
  .offset_xlarge_3 {
    grid-column-start: 4;
  }
  .offset_xlarge_4 {
    grid-column-start: 5;
  }
  .offset_xlarge_5 {
    grid-column-start: 6;
  }
  .offset_xlarge_6 {
    grid-column-start: 7;
  }
  .offset_xlarge_7 {
    grid-column-start: 8;
  }
  .offset_xlarge_8 {
    grid-column-start: 9;
  }
  .offset_xlarge_9 {
    grid-column-start: 10;
  }
  .offset_xlarge_10 {
    grid-column-start: 11;
  }
  .offset_xlarge_11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1400px) {
  .offset_xxlarge_0 {
    grid-column-start: 1;
  }
  .offset_xxlarge_1 {
    grid-column-start: 2;
  }
  .offset_xxlarge_2 {
    grid-column-start: 3;
  }
  .offset_xxlarge_3 {
    grid-column-start: 4;
  }
  .offset_xxlarge_4 {
    grid-column-start: 5;
  }
  .offset_xxlarge_5 {
    grid-column-start: 6;
  }
  .offset_xxlarge_6 {
    grid-column-start: 7;
  }
  .offset_xxlarge_7 {
    grid-column-start: 8;
  }
  .offset_xxlarge_8 {
    grid-column-start: 9;
  }
  .offset_xxlarge_9 {
    grid-column-start: 10;
  }
  .offset_xxlarge_10 {
    grid-column-start: 11;
  }
  .offset_xxlarge_11 {
    grid-column-start: 12;
  }
}
.row_flex, .row_flex_no_gutters {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.row_flex > *, .row_flex_no_gutters > * {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.row_flex_no_gutters {
  margin-right: 0;
  margin-left: 0;
}
.row_flex_no_gutters > * {
  padding-right: 0;
  padding-left: 0;
}

.flex_fill {
  flex: 1 1 auto;
}

.flex_grow_0 {
  flex-grow: 0;
}

.flex_grow_1 {
  flex-grow: 1;
}

.flex_shrink_0 {
  flex-shrink: 0;
}

.flex_shrink_1 {
  flex-shrink: 1;
}

.align_items_start {
  align-items: start;
}

.align_items_end {
  align-items: end;
}

.align_items_center {
  align-items: center;
}

.align_items_stretch {
  align-items: stretch;
}

.justify_content_start {
  justify-content: start;
}

.justify_content_end {
  justify-content: end;
}

.justify_content_center {
  justify-content: center;
}

.justify_content_between {
  justify-content: space-between;
}

.justify_content_around {
  justify-content: space-around;
}

.justify_content_evenly {
  justify-content: space-evenly;
}

.align_self_start {
  align-self: start;
}

.align_self_end {
  align-self: end;
}

.align_self_center {
  align-self: center;
}

.align_self_stretch {
  align-self: stretch;
}

.justify_self_start {
  justify-self: start;
}

.justify_self_end {
  justify-self: end;
}

.justify_self_center {
  justify-self: center;
}

.justify_self_stretch {
  justify-self: stretch;
}

.align_items_start {
  align-items: start;
}

.align_items_end {
  align-items: end;
}

.align_items_center {
  align-items: center;
}

.align_items_stretch {
  align-items: stretch;
}

.justify_content_start {
  justify-content: start;
}

.justify_content_end {
  justify-content: end;
}

.justify_content_center {
  justify-content: center;
}

.justify_content_between {
  justify-content: space-between;
}

.justify_content_around {
  justify-content: space-around;
}

.justify_content_evenly {
  justify-content: space-evenly;
}

@media (min-width: 640px) {
  .align_items_medium_start {
    align-items: start;
  }
  .align_items_medium_end {
    align-items: end;
  }
  .align_items_medium_center {
    align-items: center;
  }
  .align_items_medium_stretch {
    align-items: stretch;
  }
  .justify_content_medium_start {
    justify-content: start;
  }
  .justify_content_medium_end {
    justify-content: end;
  }
  .justify_content_medium_center {
    justify-content: center;
  }
  .justify_content_medium_between {
    justify-content: space-between;
  }
  .justify_content_medium_around {
    justify-content: space-around;
  }
  .justify_content_medium_evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1024px) {
  .align_items_large_start {
    align-items: start;
  }
  .align_items_large_end {
    align-items: end;
  }
  .align_items_large_center {
    align-items: center;
  }
  .align_items_large_stretch {
    align-items: stretch;
  }
  .justify_content_large_start {
    justify-content: start;
  }
  .justify_content_large_end {
    justify-content: end;
  }
  .justify_content_large_center {
    justify-content: center;
  }
  .justify_content_large_between {
    justify-content: space-between;
  }
  .justify_content_large_around {
    justify-content: space-around;
  }
  .justify_content_large_evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1200px) {
  .align_items_xlarge_start {
    align-items: start;
  }
  .align_items_xlarge_end {
    align-items: end;
  }
  .align_items_xlarge_center {
    align-items: center;
  }
  .align_items_xlarge_stretch {
    align-items: stretch;
  }
  .justify_content_xlarge_start {
    justify-content: start;
  }
  .justify_content_xlarge_end {
    justify-content: end;
  }
  .justify_content_xlarge_center {
    justify-content: center;
  }
  .justify_content_xlarge_between {
    justify-content: space-between;
  }
  .justify_content_xlarge_around {
    justify-content: space-around;
  }
  .justify_content_xlarge_evenly {
    justify-content: space-evenly;
  }
}
@media (min-width: 1400px) {
  .align_items_xxlarge_start {
    align-items: start;
  }
  .align_items_xxlarge_end {
    align-items: end;
  }
  .align_items_xxlarge_center {
    align-items: center;
  }
  .align_items_xxlarge_stretch {
    align-items: stretch;
  }
  .justify_content_xxlarge_start {
    justify-content: start;
  }
  .justify_content_xxlarge_end {
    justify-content: end;
  }
  .justify_content_xxlarge_center {
    justify-content: center;
  }
  .justify_content_xxlarge_between {
    justify-content: space-between;
  }
  .justify_content_xxlarge_around {
    justify-content: space-around;
  }
  .justify_content_xxlarge_evenly {
    justify-content: space-evenly;
  }
}
.gap_0 {
  gap: 0;
}

.gap_1 {
  gap: 0.25rem;
}

.gap_2 {
  gap: 0.5rem;
}

.gap_3 {
  gap: 0.75rem;
}

.gap_4 {
  gap: 1rem;
}

.gap_5 {
  gap: 1.25rem;
}

.gap_6 {
  gap: 1.5rem;
}

.row_gap_0 {
  row-gap: 0;
}

.row_gap_1 {
  row-gap: 0.25rem;
}

.row_gap_2 {
  row-gap: 0.5rem;
}

.row_gap_3 {
  row-gap: 0.75rem;
}

.row_gap_4 {
  row-gap: 1rem;
}

.row_gap_5 {
  row-gap: 1.25rem;
}

.row_gap_6 {
  row-gap: 1.5rem;
}

.column_gap_0 {
  column-gap: 0;
}

.column_gap_1 {
  column-gap: 0.25rem;
}

.column_gap_2 {
  column-gap: 0.5rem;
}

.column_gap_3 {
  column-gap: 0.75rem;
}

.column_gap_4 {
  column-gap: 1rem;
}

.column_gap_5 {
  column-gap: 1.25rem;
}

.column_gap_6 {
  column-gap: 1.5rem;
}

.m_0 {
  margin: 0;
}

.mt_0,
.my_0 {
  margin-top: 0;
}

.mr_0,
.mx_0 {
  margin-right: 0;
}

.mb_0,
.my_0 {
  margin-bottom: 0;
}

.ml_0,
.mx_0 {
  margin-left: 0;
}

.m_1 {
  margin: 0.25rem;
}

.mt_1,
.my_1 {
  margin-top: 0.25rem;
}

.mr_1,
.mx_1 {
  margin-right: 0.25rem;
}

.mb_1,
.my_1 {
  margin-bottom: 0.25rem;
}

.ml_1,
.mx_1 {
  margin-left: 0.25rem;
}

.m_2 {
  margin: 0.5rem;
}

.mt_2,
.my_2 {
  margin-top: 0.5rem;
}

.mr_2,
.mx_2 {
  margin-right: 0.5rem;
}

.mb_2,
.my_2 {
  margin-bottom: 0.5rem;
}

.ml_2,
.mx_2 {
  margin-left: 0.5rem;
}

.m_3 {
  margin: 0.75rem;
}

.mt_3,
.my_3 {
  margin-top: 0.75rem;
}

.mr_3,
.mx_3 {
  margin-right: 0.75rem;
}

.mb_3,
.my_3 {
  margin-bottom: 0.75rem;
}

.ml_3,
.mx_3 {
  margin-left: 0.75rem;
}

.m_4 {
  margin: 1rem;
}

.mt_4,
.my_4 {
  margin-top: 1rem;
}

.mr_4,
.mx_4 {
  margin-right: 1rem;
}

.mb_4,
.my_4 {
  margin-bottom: 1rem;
}

.ml_4,
.mx_4 {
  margin-left: 1rem;
}

.m_5 {
  margin: 1.25rem;
}

.mt_5,
.my_5 {
  margin-top: 1.25rem;
}

.mr_5,
.mx_5 {
  margin-right: 1.25rem;
}

.mb_5,
.my_5 {
  margin-bottom: 1.25rem;
}

.ml_5,
.mx_5 {
  margin-left: 1.25rem;
}

.m_6 {
  margin: 1.5rem;
}

.mt_6,
.my_6 {
  margin-top: 1.5rem;
}

.mr_6,
.mx_6 {
  margin-right: 1.5rem;
}

.mb_6,
.my_6 {
  margin-bottom: 1.5rem;
}

.ml_6,
.mx_6 {
  margin-left: 1.5rem;
}

.m_8 {
  margin: 2rem;
}

.mt_8,
.my_8 {
  margin-top: 2rem;
}

.mr_8,
.mx_8 {
  margin-right: 2rem;
}

.mb_8,
.my_8 {
  margin-bottom: 2rem;
}

.ml_8,
.mx_8 {
  margin-left: 2rem;
}

.m_10 {
  margin: 2.5rem;
}

.mt_10,
.my_10 {
  margin-top: 2.5rem;
}

.mr_10,
.mx_10 {
  margin-right: 2.5rem;
}

.mb_10,
.my_10 {
  margin-bottom: 2.5rem;
}

.ml_10,
.mx_10 {
  margin-left: 2.5rem;
}

.m_12 {
  margin: 3rem;
}

.mt_12,
.my_12 {
  margin-top: 3rem;
}

.mr_12,
.mx_12 {
  margin-right: 3rem;
}

.mb_12,
.my_12 {
  margin-bottom: 3rem;
}

.ml_12,
.mx_12 {
  margin-left: 3rem;
}

.m_16 {
  margin: 4rem;
}

.mt_16,
.my_16 {
  margin-top: 4rem;
}

.mr_16,
.mx_16 {
  margin-right: 4rem;
}

.mb_16,
.my_16 {
  margin-bottom: 4rem;
}

.ml_16,
.mx_16 {
  margin-left: 4rem;
}

.m_20 {
  margin: 5rem;
}

.mt_20,
.my_20 {
  margin-top: 5rem;
}

.mr_20,
.mx_20 {
  margin-right: 5rem;
}

.mb_20,
.my_20 {
  margin-bottom: 5rem;
}

.ml_20,
.mx_20 {
  margin-left: 5rem;
}

.m_24 {
  margin: 6rem;
}

.mt_24,
.my_24 {
  margin-top: 6rem;
}

.mr_24,
.mx_24 {
  margin-right: 6rem;
}

.mb_24,
.my_24 {
  margin-bottom: 6rem;
}

.ml_24,
.mx_24 {
  margin-left: 6rem;
}

.p_0 {
  padding: 0;
}

.pt_0,
.py_0 {
  padding-top: 0;
}

.pr_0,
.px_0 {
  padding-right: 0;
}

.pb_0,
.py_0 {
  padding-bottom: 0;
}

.pl_0,
.px_0 {
  padding-left: 0;
}

.p_1 {
  padding: 0.25rem;
}

.pt_1,
.py_1 {
  padding-top: 0.25rem;
}

.pr_1,
.px_1 {
  padding-right: 0.25rem;
}

.pb_1,
.py_1 {
  padding-bottom: 0.25rem;
}

.pl_1,
.px_1 {
  padding-left: 0.25rem;
}

.p_2 {
  padding: 0.5rem;
}

.pt_2,
.py_2 {
  padding-top: 0.5rem;
}

.pr_2,
.px_2 {
  padding-right: 0.5rem;
}

.pb_2,
.py_2 {
  padding-bottom: 0.5rem;
}

.pl_2,
.px_2 {
  padding-left: 0.5rem;
}

.p_3 {
  padding: 0.75rem;
}

.pt_3,
.py_3 {
  padding-top: 0.75rem;
}

.pr_3,
.px_3 {
  padding-right: 0.75rem;
}

.pb_3,
.py_3 {
  padding-bottom: 0.75rem;
}

.pl_3,
.px_3 {
  padding-left: 0.75rem;
}

.p_4 {
  padding: 1rem;
}

.pt_4,
.py_4 {
  padding-top: 1rem;
}

.pr_4,
.px_4 {
  padding-right: 1rem;
}

.pb_4,
.py_4 {
  padding-bottom: 1rem;
}

.pl_4,
.px_4 {
  padding-left: 1rem;
}

.p_5 {
  padding: 1.25rem;
}

.pt_5,
.py_5 {
  padding-top: 1.25rem;
}

.pr_5,
.px_5 {
  padding-right: 1.25rem;
}

.pb_5,
.py_5 {
  padding-bottom: 1.25rem;
}

.pl_5,
.px_5 {
  padding-left: 1.25rem;
}

.p_6 {
  padding: 1.5rem;
}

.pt_6,
.py_6 {
  padding-top: 1.5rem;
}

.pr_6,
.px_6 {
  padding-right: 1.5rem;
}

.pb_6,
.py_6 {
  padding-bottom: 1.5rem;
}

.pl_6,
.px_6 {
  padding-left: 1.5rem;
}

.p_8 {
  padding: 2rem;
}

.pt_8,
.py_8 {
  padding-top: 2rem;
}

.pr_8,
.px_8 {
  padding-right: 2rem;
}

.pb_8,
.py_8 {
  padding-bottom: 2rem;
}

.pl_8,
.px_8 {
  padding-left: 2rem;
}

.p_10 {
  padding: 2.5rem;
}

.pt_10,
.py_10 {
  padding-top: 2.5rem;
}

.pr_10,
.px_10 {
  padding-right: 2.5rem;
}

.pb_10,
.py_10 {
  padding-bottom: 2.5rem;
}

.pl_10,
.px_10 {
  padding-left: 2.5rem;
}

.p_12 {
  padding: 3rem;
}

.pt_12,
.py_12 {
  padding-top: 3rem;
}

.pr_12,
.px_12 {
  padding-right: 3rem;
}

.pb_12,
.py_12 {
  padding-bottom: 3rem;
}

.pl_12,
.px_12 {
  padding-left: 3rem;
}

.p_16 {
  padding: 4rem;
}

.pt_16,
.py_16 {
  padding-top: 4rem;
}

.pr_16,
.px_16 {
  padding-right: 4rem;
}

.pb_16,
.py_16 {
  padding-bottom: 4rem;
}

.pl_16,
.px_16 {
  padding-left: 4rem;
}

.p_20 {
  padding: 5rem;
}

.pt_20,
.py_20 {
  padding-top: 5rem;
}

.pr_20,
.px_20 {
  padding-right: 5rem;
}

.pb_20,
.py_20 {
  padding-bottom: 5rem;
}

.pl_20,
.px_20 {
  padding-left: 5rem;
}

.p_24 {
  padding: 6rem;
}

.pt_24,
.py_24 {
  padding-top: 6rem;
}

.pr_24,
.px_24 {
  padding-right: 6rem;
}

.pb_24,
.py_24 {
  padding-bottom: 6rem;
}

.pl_24,
.px_24 {
  padding-left: 6rem;
}

.m_n1 {
  margin: -0.25rem;
}

.mt_n1,
.my_n1 {
  margin-top: -0.25rem;
}

.mr_n1,
.mx_n1 {
  margin-right: -0.25rem;
}

.mb_n1,
.my_n1 {
  margin-bottom: -0.25rem;
}

.ml_n1,
.mx_n1 {
  margin-left: -0.25rem;
}

.m_n2 {
  margin: -0.5rem;
}

.mt_n2,
.my_n2 {
  margin-top: -0.5rem;
}

.mr_n2,
.mx_n2 {
  margin-right: -0.5rem;
}

.mb_n2,
.my_n2 {
  margin-bottom: -0.5rem;
}

.ml_n2,
.mx_n2 {
  margin-left: -0.5rem;
}

.m_n3 {
  margin: -0.75rem;
}

.mt_n3,
.my_n3 {
  margin-top: -0.75rem;
}

.mr_n3,
.mx_n3 {
  margin-right: -0.75rem;
}

.mb_n3,
.my_n3 {
  margin-bottom: -0.75rem;
}

.ml_n3,
.mx_n3 {
  margin-left: -0.75rem;
}

.m_n4 {
  margin: -1rem;
}

.mt_n4,
.my_n4 {
  margin-top: -1rem;
}

.mr_n4,
.mx_n4 {
  margin-right: -1rem;
}

.mb_n4,
.my_n4 {
  margin-bottom: -1rem;
}

.ml_n4,
.mx_n4 {
  margin-left: -1rem;
}

.m_n5 {
  margin: -1.25rem;
}

.mt_n5,
.my_n5 {
  margin-top: -1.25rem;
}

.mr_n5,
.mx_n5 {
  margin-right: -1.25rem;
}

.mb_n5,
.my_n5 {
  margin-bottom: -1.25rem;
}

.ml_n5,
.mx_n5 {
  margin-left: -1.25rem;
}

.m_n6 {
  margin: -1.5rem;
}

.mt_n6,
.my_n6 {
  margin-top: -1.5rem;
}

.mr_n6,
.mx_n6 {
  margin-right: -1.5rem;
}

.mb_n6,
.my_n6 {
  margin-bottom: -1.5rem;
}

.ml_n6,
.mx_n6 {
  margin-left: -1.5rem;
}

.m_n8 {
  margin: -2rem;
}

.mt_n8,
.my_n8 {
  margin-top: -2rem;
}

.mr_n8,
.mx_n8 {
  margin-right: -2rem;
}

.mb_n8,
.my_n8 {
  margin-bottom: -2rem;
}

.ml_n8,
.mx_n8 {
  margin-left: -2rem;
}

.m_n10 {
  margin: -2.5rem;
}

.mt_n10,
.my_n10 {
  margin-top: -2.5rem;
}

.mr_n10,
.mx_n10 {
  margin-right: -2.5rem;
}

.mb_n10,
.my_n10 {
  margin-bottom: -2.5rem;
}

.ml_n10,
.mx_n10 {
  margin-left: -2.5rem;
}

.m_n12 {
  margin: -3rem;
}

.mt_n12,
.my_n12 {
  margin-top: -3rem;
}

.mr_n12,
.mx_n12 {
  margin-right: -3rem;
}

.mb_n12,
.my_n12 {
  margin-bottom: -3rem;
}

.ml_n12,
.mx_n12 {
  margin-left: -3rem;
}

.m_n16 {
  margin: -4rem;
}

.mt_n16,
.my_n16 {
  margin-top: -4rem;
}

.mr_n16,
.mx_n16 {
  margin-right: -4rem;
}

.mb_n16,
.my_n16 {
  margin-bottom: -4rem;
}

.ml_n16,
.mx_n16 {
  margin-left: -4rem;
}

.m_n20 {
  margin: -5rem;
}

.mt_n20,
.my_n20 {
  margin-top: -5rem;
}

.mr_n20,
.mx_n20 {
  margin-right: -5rem;
}

.mb_n20,
.my_n20 {
  margin-bottom: -5rem;
}

.ml_n20,
.mx_n20 {
  margin-left: -5rem;
}

.m_n24 {
  margin: -6rem;
}

.mt_n24,
.my_n24 {
  margin-top: -6rem;
}

.mr_n24,
.mx_n24 {
  margin-right: -6rem;
}

.mb_n24,
.my_n24 {
  margin-bottom: -6rem;
}

.ml_n24,
.mx_n24 {
  margin-left: -6rem;
}

.m_auto {
  margin: auto;
}

.mt_auto,
.my_auto {
  margin-top: auto;
}

.mr_auto,
.mx_auto {
  margin-right: auto;
}

.mb_auto,
.my_auto {
  margin-bottom: auto;
}

.ml_auto,
.mx_auto {
  margin-left: auto;
}

.m_0 {
  margin: 0;
}

.mt_0,
.my_0 {
  margin-top: 0;
}

.mr_0,
.mx_0 {
  margin-right: 0;
}

.mb_0,
.my_0 {
  margin-bottom: 0;
}

.ml_0,
.mx_0 {
  margin-left: 0;
}

.m_1 {
  margin: 0.25rem;
}

.mt_1,
.my_1 {
  margin-top: 0.25rem;
}

.mr_1,
.mx_1 {
  margin-right: 0.25rem;
}

.mb_1,
.my_1 {
  margin-bottom: 0.25rem;
}

.ml_1,
.mx_1 {
  margin-left: 0.25rem;
}

.m_2 {
  margin: 0.5rem;
}

.mt_2,
.my_2 {
  margin-top: 0.5rem;
}

.mr_2,
.mx_2 {
  margin-right: 0.5rem;
}

.mb_2,
.my_2 {
  margin-bottom: 0.5rem;
}

.ml_2,
.mx_2 {
  margin-left: 0.5rem;
}

.m_3 {
  margin: 0.75rem;
}

.mt_3,
.my_3 {
  margin-top: 0.75rem;
}

.mr_3,
.mx_3 {
  margin-right: 0.75rem;
}

.mb_3,
.my_3 {
  margin-bottom: 0.75rem;
}

.ml_3,
.mx_3 {
  margin-left: 0.75rem;
}

.m_4 {
  margin: 1rem;
}

.mt_4,
.my_4 {
  margin-top: 1rem;
}

.mr_4,
.mx_4 {
  margin-right: 1rem;
}

.mb_4,
.my_4 {
  margin-bottom: 1rem;
}

.ml_4,
.mx_4 {
  margin-left: 1rem;
}

.m_5 {
  margin: 1.25rem;
}

.mt_5,
.my_5 {
  margin-top: 1.25rem;
}

.mr_5,
.mx_5 {
  margin-right: 1.25rem;
}

.mb_5,
.my_5 {
  margin-bottom: 1.25rem;
}

.ml_5,
.mx_5 {
  margin-left: 1.25rem;
}

.m_6 {
  margin: 1.5rem;
}

.mt_6,
.my_6 {
  margin-top: 1.5rem;
}

.mr_6,
.mx_6 {
  margin-right: 1.5rem;
}

.mb_6,
.my_6 {
  margin-bottom: 1.5rem;
}

.ml_6,
.mx_6 {
  margin-left: 1.5rem;
}

.m_8 {
  margin: 2rem;
}

.mt_8,
.my_8 {
  margin-top: 2rem;
}

.mr_8,
.mx_8 {
  margin-right: 2rem;
}

.mb_8,
.my_8 {
  margin-bottom: 2rem;
}

.ml_8,
.mx_8 {
  margin-left: 2rem;
}

.m_10 {
  margin: 2.5rem;
}

.mt_10,
.my_10 {
  margin-top: 2.5rem;
}

.mr_10,
.mx_10 {
  margin-right: 2.5rem;
}

.mb_10,
.my_10 {
  margin-bottom: 2.5rem;
}

.ml_10,
.mx_10 {
  margin-left: 2.5rem;
}

.m_12 {
  margin: 3rem;
}

.mt_12,
.my_12 {
  margin-top: 3rem;
}

.mr_12,
.mx_12 {
  margin-right: 3rem;
}

.mb_12,
.my_12 {
  margin-bottom: 3rem;
}

.ml_12,
.mx_12 {
  margin-left: 3rem;
}

.m_16 {
  margin: 4rem;
}

.mt_16,
.my_16 {
  margin-top: 4rem;
}

.mr_16,
.mx_16 {
  margin-right: 4rem;
}

.mb_16,
.my_16 {
  margin-bottom: 4rem;
}

.ml_16,
.mx_16 {
  margin-left: 4rem;
}

.m_20 {
  margin: 5rem;
}

.mt_20,
.my_20 {
  margin-top: 5rem;
}

.mr_20,
.mx_20 {
  margin-right: 5rem;
}

.mb_20,
.my_20 {
  margin-bottom: 5rem;
}

.ml_20,
.mx_20 {
  margin-left: 5rem;
}

.m_24 {
  margin: 6rem;
}

.mt_24,
.my_24 {
  margin-top: 6rem;
}

.mr_24,
.mx_24 {
  margin-right: 6rem;
}

.mb_24,
.my_24 {
  margin-bottom: 6rem;
}

.ml_24,
.mx_24 {
  margin-left: 6rem;
}

.p_0 {
  padding: 0;
}

.pt_0,
.py_0 {
  padding-top: 0;
}

.pr_0,
.px_0 {
  padding-right: 0;
}

.pb_0,
.py_0 {
  padding-bottom: 0;
}

.pl_0,
.px_0 {
  padding-left: 0;
}

.p_1 {
  padding: 0.25rem;
}

.pt_1,
.py_1 {
  padding-top: 0.25rem;
}

.pr_1,
.px_1 {
  padding-right: 0.25rem;
}

.pb_1,
.py_1 {
  padding-bottom: 0.25rem;
}

.pl_1,
.px_1 {
  padding-left: 0.25rem;
}

.p_2 {
  padding: 0.5rem;
}

.pt_2,
.py_2 {
  padding-top: 0.5rem;
}

.pr_2,
.px_2 {
  padding-right: 0.5rem;
}

.pb_2,
.py_2 {
  padding-bottom: 0.5rem;
}

.pl_2,
.px_2 {
  padding-left: 0.5rem;
}

.p_3 {
  padding: 0.75rem;
}

.pt_3,
.py_3 {
  padding-top: 0.75rem;
}

.pr_3,
.px_3 {
  padding-right: 0.75rem;
}

.pb_3,
.py_3 {
  padding-bottom: 0.75rem;
}

.pl_3,
.px_3 {
  padding-left: 0.75rem;
}

.p_4 {
  padding: 1rem;
}

.pt_4,
.py_4 {
  padding-top: 1rem;
}

.pr_4,
.px_4 {
  padding-right: 1rem;
}

.pb_4,
.py_4 {
  padding-bottom: 1rem;
}

.pl_4,
.px_4 {
  padding-left: 1rem;
}

.p_5 {
  padding: 1.25rem;
}

.pt_5,
.py_5 {
  padding-top: 1.25rem;
}

.pr_5,
.px_5 {
  padding-right: 1.25rem;
}

.pb_5,
.py_5 {
  padding-bottom: 1.25rem;
}

.pl_5,
.px_5 {
  padding-left: 1.25rem;
}

.p_6 {
  padding: 1.5rem;
}

.pt_6,
.py_6 {
  padding-top: 1.5rem;
}

.pr_6,
.px_6 {
  padding-right: 1.5rem;
}

.pb_6,
.py_6 {
  padding-bottom: 1.5rem;
}

.pl_6,
.px_6 {
  padding-left: 1.5rem;
}

.p_8 {
  padding: 2rem;
}

.pt_8,
.py_8 {
  padding-top: 2rem;
}

.pr_8,
.px_8 {
  padding-right: 2rem;
}

.pb_8,
.py_8 {
  padding-bottom: 2rem;
}

.pl_8,
.px_8 {
  padding-left: 2rem;
}

.p_10 {
  padding: 2.5rem;
}

.pt_10,
.py_10 {
  padding-top: 2.5rem;
}

.pr_10,
.px_10 {
  padding-right: 2.5rem;
}

.pb_10,
.py_10 {
  padding-bottom: 2.5rem;
}

.pl_10,
.px_10 {
  padding-left: 2.5rem;
}

.p_12 {
  padding: 3rem;
}

.pt_12,
.py_12 {
  padding-top: 3rem;
}

.pr_12,
.px_12 {
  padding-right: 3rem;
}

.pb_12,
.py_12 {
  padding-bottom: 3rem;
}

.pl_12,
.px_12 {
  padding-left: 3rem;
}

.p_16 {
  padding: 4rem;
}

.pt_16,
.py_16 {
  padding-top: 4rem;
}

.pr_16,
.px_16 {
  padding-right: 4rem;
}

.pb_16,
.py_16 {
  padding-bottom: 4rem;
}

.pl_16,
.px_16 {
  padding-left: 4rem;
}

.p_20 {
  padding: 5rem;
}

.pt_20,
.py_20 {
  padding-top: 5rem;
}

.pr_20,
.px_20 {
  padding-right: 5rem;
}

.pb_20,
.py_20 {
  padding-bottom: 5rem;
}

.pl_20,
.px_20 {
  padding-left: 5rem;
}

.p_24 {
  padding: 6rem;
}

.pt_24,
.py_24 {
  padding-top: 6rem;
}

.pr_24,
.px_24 {
  padding-right: 6rem;
}

.pb_24,
.py_24 {
  padding-bottom: 6rem;
}

.pl_24,
.px_24 {
  padding-left: 6rem;
}

@media (min-width: 640px) {
  .m_medium_0 {
    margin: 0;
  }
  .mt_medium_0,
  .my_medium_0 {
    margin-top: 0;
  }
  .mr_medium_0,
  .mx_medium_0 {
    margin-right: 0;
  }
  .mb_medium_0,
  .my_medium_0 {
    margin-bottom: 0;
  }
  .ml_medium_0,
  .mx_medium_0 {
    margin-left: 0;
  }
  .m_medium_1 {
    margin: 0.25rem;
  }
  .mt_medium_1,
  .my_medium_1 {
    margin-top: 0.25rem;
  }
  .mr_medium_1,
  .mx_medium_1 {
    margin-right: 0.25rem;
  }
  .mb_medium_1,
  .my_medium_1 {
    margin-bottom: 0.25rem;
  }
  .ml_medium_1,
  .mx_medium_1 {
    margin-left: 0.25rem;
  }
  .m_medium_2 {
    margin: 0.5rem;
  }
  .mt_medium_2,
  .my_medium_2 {
    margin-top: 0.5rem;
  }
  .mr_medium_2,
  .mx_medium_2 {
    margin-right: 0.5rem;
  }
  .mb_medium_2,
  .my_medium_2 {
    margin-bottom: 0.5rem;
  }
  .ml_medium_2,
  .mx_medium_2 {
    margin-left: 0.5rem;
  }
  .m_medium_3 {
    margin: 0.75rem;
  }
  .mt_medium_3,
  .my_medium_3 {
    margin-top: 0.75rem;
  }
  .mr_medium_3,
  .mx_medium_3 {
    margin-right: 0.75rem;
  }
  .mb_medium_3,
  .my_medium_3 {
    margin-bottom: 0.75rem;
  }
  .ml_medium_3,
  .mx_medium_3 {
    margin-left: 0.75rem;
  }
  .m_medium_4 {
    margin: 1rem;
  }
  .mt_medium_4,
  .my_medium_4 {
    margin-top: 1rem;
  }
  .mr_medium_4,
  .mx_medium_4 {
    margin-right: 1rem;
  }
  .mb_medium_4,
  .my_medium_4 {
    margin-bottom: 1rem;
  }
  .ml_medium_4,
  .mx_medium_4 {
    margin-left: 1rem;
  }
  .m_medium_5 {
    margin: 1.25rem;
  }
  .mt_medium_5,
  .my_medium_5 {
    margin-top: 1.25rem;
  }
  .mr_medium_5,
  .mx_medium_5 {
    margin-right: 1.25rem;
  }
  .mb_medium_5,
  .my_medium_5 {
    margin-bottom: 1.25rem;
  }
  .ml_medium_5,
  .mx_medium_5 {
    margin-left: 1.25rem;
  }
  .m_medium_6 {
    margin: 1.5rem;
  }
  .mt_medium_6,
  .my_medium_6 {
    margin-top: 1.5rem;
  }
  .mr_medium_6,
  .mx_medium_6 {
    margin-right: 1.5rem;
  }
  .mb_medium_6,
  .my_medium_6 {
    margin-bottom: 1.5rem;
  }
  .ml_medium_6,
  .mx_medium_6 {
    margin-left: 1.5rem;
  }
  .m_medium_8 {
    margin: 2rem;
  }
  .mt_medium_8,
  .my_medium_8 {
    margin-top: 2rem;
  }
  .mr_medium_8,
  .mx_medium_8 {
    margin-right: 2rem;
  }
  .mb_medium_8,
  .my_medium_8 {
    margin-bottom: 2rem;
  }
  .ml_medium_8,
  .mx_medium_8 {
    margin-left: 2rem;
  }
  .m_medium_10 {
    margin: 2.5rem;
  }
  .mt_medium_10,
  .my_medium_10 {
    margin-top: 2.5rem;
  }
  .mr_medium_10,
  .mx_medium_10 {
    margin-right: 2.5rem;
  }
  .mb_medium_10,
  .my_medium_10 {
    margin-bottom: 2.5rem;
  }
  .ml_medium_10,
  .mx_medium_10 {
    margin-left: 2.5rem;
  }
  .m_medium_12 {
    margin: 3rem;
  }
  .mt_medium_12,
  .my_medium_12 {
    margin-top: 3rem;
  }
  .mr_medium_12,
  .mx_medium_12 {
    margin-right: 3rem;
  }
  .mb_medium_12,
  .my_medium_12 {
    margin-bottom: 3rem;
  }
  .ml_medium_12,
  .mx_medium_12 {
    margin-left: 3rem;
  }
  .m_medium_16 {
    margin: 4rem;
  }
  .mt_medium_16,
  .my_medium_16 {
    margin-top: 4rem;
  }
  .mr_medium_16,
  .mx_medium_16 {
    margin-right: 4rem;
  }
  .mb_medium_16,
  .my_medium_16 {
    margin-bottom: 4rem;
  }
  .ml_medium_16,
  .mx_medium_16 {
    margin-left: 4rem;
  }
  .m_medium_20 {
    margin: 5rem;
  }
  .mt_medium_20,
  .my_medium_20 {
    margin-top: 5rem;
  }
  .mr_medium_20,
  .mx_medium_20 {
    margin-right: 5rem;
  }
  .mb_medium_20,
  .my_medium_20 {
    margin-bottom: 5rem;
  }
  .ml_medium_20,
  .mx_medium_20 {
    margin-left: 5rem;
  }
  .m_medium_24 {
    margin: 6rem;
  }
  .mt_medium_24,
  .my_medium_24 {
    margin-top: 6rem;
  }
  .mr_medium_24,
  .mx_medium_24 {
    margin-right: 6rem;
  }
  .mb_medium_24,
  .my_medium_24 {
    margin-bottom: 6rem;
  }
  .ml_medium_24,
  .mx_medium_24 {
    margin-left: 6rem;
  }
  .p_medium_0 {
    padding: 0;
  }
  .pt_medium_0,
  .py_medium_0 {
    padding-top: 0;
  }
  .pr_medium_0,
  .px_medium_0 {
    padding-right: 0;
  }
  .pb_medium_0,
  .py_medium_0 {
    padding-bottom: 0;
  }
  .pl_medium_0,
  .px_medium_0 {
    padding-left: 0;
  }
  .p_medium_1 {
    padding: 0.25rem;
  }
  .pt_medium_1,
  .py_medium_1 {
    padding-top: 0.25rem;
  }
  .pr_medium_1,
  .px_medium_1 {
    padding-right: 0.25rem;
  }
  .pb_medium_1,
  .py_medium_1 {
    padding-bottom: 0.25rem;
  }
  .pl_medium_1,
  .px_medium_1 {
    padding-left: 0.25rem;
  }
  .p_medium_2 {
    padding: 0.5rem;
  }
  .pt_medium_2,
  .py_medium_2 {
    padding-top: 0.5rem;
  }
  .pr_medium_2,
  .px_medium_2 {
    padding-right: 0.5rem;
  }
  .pb_medium_2,
  .py_medium_2 {
    padding-bottom: 0.5rem;
  }
  .pl_medium_2,
  .px_medium_2 {
    padding-left: 0.5rem;
  }
  .p_medium_3 {
    padding: 0.75rem;
  }
  .pt_medium_3,
  .py_medium_3 {
    padding-top: 0.75rem;
  }
  .pr_medium_3,
  .px_medium_3 {
    padding-right: 0.75rem;
  }
  .pb_medium_3,
  .py_medium_3 {
    padding-bottom: 0.75rem;
  }
  .pl_medium_3,
  .px_medium_3 {
    padding-left: 0.75rem;
  }
  .p_medium_4 {
    padding: 1rem;
  }
  .pt_medium_4,
  .py_medium_4 {
    padding-top: 1rem;
  }
  .pr_medium_4,
  .px_medium_4 {
    padding-right: 1rem;
  }
  .pb_medium_4,
  .py_medium_4 {
    padding-bottom: 1rem;
  }
  .pl_medium_4,
  .px_medium_4 {
    padding-left: 1rem;
  }
  .p_medium_5 {
    padding: 1.25rem;
  }
  .pt_medium_5,
  .py_medium_5 {
    padding-top: 1.25rem;
  }
  .pr_medium_5,
  .px_medium_5 {
    padding-right: 1.25rem;
  }
  .pb_medium_5,
  .py_medium_5 {
    padding-bottom: 1.25rem;
  }
  .pl_medium_5,
  .px_medium_5 {
    padding-left: 1.25rem;
  }
  .p_medium_6 {
    padding: 1.5rem;
  }
  .pt_medium_6,
  .py_medium_6 {
    padding-top: 1.5rem;
  }
  .pr_medium_6,
  .px_medium_6 {
    padding-right: 1.5rem;
  }
  .pb_medium_6,
  .py_medium_6 {
    padding-bottom: 1.5rem;
  }
  .pl_medium_6,
  .px_medium_6 {
    padding-left: 1.5rem;
  }
  .p_medium_8 {
    padding: 2rem;
  }
  .pt_medium_8,
  .py_medium_8 {
    padding-top: 2rem;
  }
  .pr_medium_8,
  .px_medium_8 {
    padding-right: 2rem;
  }
  .pb_medium_8,
  .py_medium_8 {
    padding-bottom: 2rem;
  }
  .pl_medium_8,
  .px_medium_8 {
    padding-left: 2rem;
  }
  .p_medium_10 {
    padding: 2.5rem;
  }
  .pt_medium_10,
  .py_medium_10 {
    padding-top: 2.5rem;
  }
  .pr_medium_10,
  .px_medium_10 {
    padding-right: 2.5rem;
  }
  .pb_medium_10,
  .py_medium_10 {
    padding-bottom: 2.5rem;
  }
  .pl_medium_10,
  .px_medium_10 {
    padding-left: 2.5rem;
  }
  .p_medium_12 {
    padding: 3rem;
  }
  .pt_medium_12,
  .py_medium_12 {
    padding-top: 3rem;
  }
  .pr_medium_12,
  .px_medium_12 {
    padding-right: 3rem;
  }
  .pb_medium_12,
  .py_medium_12 {
    padding-bottom: 3rem;
  }
  .pl_medium_12,
  .px_medium_12 {
    padding-left: 3rem;
  }
  .p_medium_16 {
    padding: 4rem;
  }
  .pt_medium_16,
  .py_medium_16 {
    padding-top: 4rem;
  }
  .pr_medium_16,
  .px_medium_16 {
    padding-right: 4rem;
  }
  .pb_medium_16,
  .py_medium_16 {
    padding-bottom: 4rem;
  }
  .pl_medium_16,
  .px_medium_16 {
    padding-left: 4rem;
  }
  .p_medium_20 {
    padding: 5rem;
  }
  .pt_medium_20,
  .py_medium_20 {
    padding-top: 5rem;
  }
  .pr_medium_20,
  .px_medium_20 {
    padding-right: 5rem;
  }
  .pb_medium_20,
  .py_medium_20 {
    padding-bottom: 5rem;
  }
  .pl_medium_20,
  .px_medium_20 {
    padding-left: 5rem;
  }
  .p_medium_24 {
    padding: 6rem;
  }
  .pt_medium_24,
  .py_medium_24 {
    padding-top: 6rem;
  }
  .pr_medium_24,
  .px_medium_24 {
    padding-right: 6rem;
  }
  .pb_medium_24,
  .py_medium_24 {
    padding-bottom: 6rem;
  }
  .pl_medium_24,
  .px_medium_24 {
    padding-left: 6rem;
  }
}
@media (min-width: 1024px) {
  .m_large_0 {
    margin: 0;
  }
  .mt_large_0,
  .my_large_0 {
    margin-top: 0;
  }
  .mr_large_0,
  .mx_large_0 {
    margin-right: 0;
  }
  .mb_large_0,
  .my_large_0 {
    margin-bottom: 0;
  }
  .ml_large_0,
  .mx_large_0 {
    margin-left: 0;
  }
  .m_large_1 {
    margin: 0.25rem;
  }
  .mt_large_1,
  .my_large_1 {
    margin-top: 0.25rem;
  }
  .mr_large_1,
  .mx_large_1 {
    margin-right: 0.25rem;
  }
  .mb_large_1,
  .my_large_1 {
    margin-bottom: 0.25rem;
  }
  .ml_large_1,
  .mx_large_1 {
    margin-left: 0.25rem;
  }
  .m_large_2 {
    margin: 0.5rem;
  }
  .mt_large_2,
  .my_large_2 {
    margin-top: 0.5rem;
  }
  .mr_large_2,
  .mx_large_2 {
    margin-right: 0.5rem;
  }
  .mb_large_2,
  .my_large_2 {
    margin-bottom: 0.5rem;
  }
  .ml_large_2,
  .mx_large_2 {
    margin-left: 0.5rem;
  }
  .m_large_3 {
    margin: 0.75rem;
  }
  .mt_large_3,
  .my_large_3 {
    margin-top: 0.75rem;
  }
  .mr_large_3,
  .mx_large_3 {
    margin-right: 0.75rem;
  }
  .mb_large_3,
  .my_large_3 {
    margin-bottom: 0.75rem;
  }
  .ml_large_3,
  .mx_large_3 {
    margin-left: 0.75rem;
  }
  .m_large_4 {
    margin: 1rem;
  }
  .mt_large_4,
  .my_large_4 {
    margin-top: 1rem;
  }
  .mr_large_4,
  .mx_large_4 {
    margin-right: 1rem;
  }
  .mb_large_4,
  .my_large_4 {
    margin-bottom: 1rem;
  }
  .ml_large_4,
  .mx_large_4 {
    margin-left: 1rem;
  }
  .m_large_5 {
    margin: 1.25rem;
  }
  .mt_large_5,
  .my_large_5 {
    margin-top: 1.25rem;
  }
  .mr_large_5,
  .mx_large_5 {
    margin-right: 1.25rem;
  }
  .mb_large_5,
  .my_large_5 {
    margin-bottom: 1.25rem;
  }
  .ml_large_5,
  .mx_large_5 {
    margin-left: 1.25rem;
  }
  .m_large_6 {
    margin: 1.5rem;
  }
  .mt_large_6,
  .my_large_6 {
    margin-top: 1.5rem;
  }
  .mr_large_6,
  .mx_large_6 {
    margin-right: 1.5rem;
  }
  .mb_large_6,
  .my_large_6 {
    margin-bottom: 1.5rem;
  }
  .ml_large_6,
  .mx_large_6 {
    margin-left: 1.5rem;
  }
  .m_large_8 {
    margin: 2rem;
  }
  .mt_large_8,
  .my_large_8 {
    margin-top: 2rem;
  }
  .mr_large_8,
  .mx_large_8 {
    margin-right: 2rem;
  }
  .mb_large_8,
  .my_large_8 {
    margin-bottom: 2rem;
  }
  .ml_large_8,
  .mx_large_8 {
    margin-left: 2rem;
  }
  .m_large_10 {
    margin: 2.5rem;
  }
  .mt_large_10,
  .my_large_10 {
    margin-top: 2.5rem;
  }
  .mr_large_10,
  .mx_large_10 {
    margin-right: 2.5rem;
  }
  .mb_large_10,
  .my_large_10 {
    margin-bottom: 2.5rem;
  }
  .ml_large_10,
  .mx_large_10 {
    margin-left: 2.5rem;
  }
  .m_large_12 {
    margin: 3rem;
  }
  .mt_large_12,
  .my_large_12 {
    margin-top: 3rem;
  }
  .mr_large_12,
  .mx_large_12 {
    margin-right: 3rem;
  }
  .mb_large_12,
  .my_large_12 {
    margin-bottom: 3rem;
  }
  .ml_large_12,
  .mx_large_12 {
    margin-left: 3rem;
  }
  .m_large_16 {
    margin: 4rem;
  }
  .mt_large_16,
  .my_large_16 {
    margin-top: 4rem;
  }
  .mr_large_16,
  .mx_large_16 {
    margin-right: 4rem;
  }
  .mb_large_16,
  .my_large_16 {
    margin-bottom: 4rem;
  }
  .ml_large_16,
  .mx_large_16 {
    margin-left: 4rem;
  }
  .m_large_20 {
    margin: 5rem;
  }
  .mt_large_20,
  .my_large_20 {
    margin-top: 5rem;
  }
  .mr_large_20,
  .mx_large_20 {
    margin-right: 5rem;
  }
  .mb_large_20,
  .my_large_20 {
    margin-bottom: 5rem;
  }
  .ml_large_20,
  .mx_large_20 {
    margin-left: 5rem;
  }
  .m_large_24 {
    margin: 6rem;
  }
  .mt_large_24,
  .my_large_24 {
    margin-top: 6rem;
  }
  .mr_large_24,
  .mx_large_24 {
    margin-right: 6rem;
  }
  .mb_large_24,
  .my_large_24 {
    margin-bottom: 6rem;
  }
  .ml_large_24,
  .mx_large_24 {
    margin-left: 6rem;
  }
  .p_large_0 {
    padding: 0;
  }
  .pt_large_0,
  .py_large_0 {
    padding-top: 0;
  }
  .pr_large_0,
  .px_large_0 {
    padding-right: 0;
  }
  .pb_large_0,
  .py_large_0 {
    padding-bottom: 0;
  }
  .pl_large_0,
  .px_large_0 {
    padding-left: 0;
  }
  .p_large_1 {
    padding: 0.25rem;
  }
  .pt_large_1,
  .py_large_1 {
    padding-top: 0.25rem;
  }
  .pr_large_1,
  .px_large_1 {
    padding-right: 0.25rem;
  }
  .pb_large_1,
  .py_large_1 {
    padding-bottom: 0.25rem;
  }
  .pl_large_1,
  .px_large_1 {
    padding-left: 0.25rem;
  }
  .p_large_2 {
    padding: 0.5rem;
  }
  .pt_large_2,
  .py_large_2 {
    padding-top: 0.5rem;
  }
  .pr_large_2,
  .px_large_2 {
    padding-right: 0.5rem;
  }
  .pb_large_2,
  .py_large_2 {
    padding-bottom: 0.5rem;
  }
  .pl_large_2,
  .px_large_2 {
    padding-left: 0.5rem;
  }
  .p_large_3 {
    padding: 0.75rem;
  }
  .pt_large_3,
  .py_large_3 {
    padding-top: 0.75rem;
  }
  .pr_large_3,
  .px_large_3 {
    padding-right: 0.75rem;
  }
  .pb_large_3,
  .py_large_3 {
    padding-bottom: 0.75rem;
  }
  .pl_large_3,
  .px_large_3 {
    padding-left: 0.75rem;
  }
  .p_large_4 {
    padding: 1rem;
  }
  .pt_large_4,
  .py_large_4 {
    padding-top: 1rem;
  }
  .pr_large_4,
  .px_large_4 {
    padding-right: 1rem;
  }
  .pb_large_4,
  .py_large_4 {
    padding-bottom: 1rem;
  }
  .pl_large_4,
  .px_large_4 {
    padding-left: 1rem;
  }
  .p_large_5 {
    padding: 1.25rem;
  }
  .pt_large_5,
  .py_large_5 {
    padding-top: 1.25rem;
  }
  .pr_large_5,
  .px_large_5 {
    padding-right: 1.25rem;
  }
  .pb_large_5,
  .py_large_5 {
    padding-bottom: 1.25rem;
  }
  .pl_large_5,
  .px_large_5 {
    padding-left: 1.25rem;
  }
  .p_large_6 {
    padding: 1.5rem;
  }
  .pt_large_6,
  .py_large_6 {
    padding-top: 1.5rem;
  }
  .pr_large_6,
  .px_large_6 {
    padding-right: 1.5rem;
  }
  .pb_large_6,
  .py_large_6 {
    padding-bottom: 1.5rem;
  }
  .pl_large_6,
  .px_large_6 {
    padding-left: 1.5rem;
  }
  .p_large_8 {
    padding: 2rem;
  }
  .pt_large_8,
  .py_large_8 {
    padding-top: 2rem;
  }
  .pr_large_8,
  .px_large_8 {
    padding-right: 2rem;
  }
  .pb_large_8,
  .py_large_8 {
    padding-bottom: 2rem;
  }
  .pl_large_8,
  .px_large_8 {
    padding-left: 2rem;
  }
  .p_large_10 {
    padding: 2.5rem;
  }
  .pt_large_10,
  .py_large_10 {
    padding-top: 2.5rem;
  }
  .pr_large_10,
  .px_large_10 {
    padding-right: 2.5rem;
  }
  .pb_large_10,
  .py_large_10 {
    padding-bottom: 2.5rem;
  }
  .pl_large_10,
  .px_large_10 {
    padding-left: 2.5rem;
  }
  .p_large_12 {
    padding: 3rem;
  }
  .pt_large_12,
  .py_large_12 {
    padding-top: 3rem;
  }
  .pr_large_12,
  .px_large_12 {
    padding-right: 3rem;
  }
  .pb_large_12,
  .py_large_12 {
    padding-bottom: 3rem;
  }
  .pl_large_12,
  .px_large_12 {
    padding-left: 3rem;
  }
  .p_large_16 {
    padding: 4rem;
  }
  .pt_large_16,
  .py_large_16 {
    padding-top: 4rem;
  }
  .pr_large_16,
  .px_large_16 {
    padding-right: 4rem;
  }
  .pb_large_16,
  .py_large_16 {
    padding-bottom: 4rem;
  }
  .pl_large_16,
  .px_large_16 {
    padding-left: 4rem;
  }
  .p_large_20 {
    padding: 5rem;
  }
  .pt_large_20,
  .py_large_20 {
    padding-top: 5rem;
  }
  .pr_large_20,
  .px_large_20 {
    padding-right: 5rem;
  }
  .pb_large_20,
  .py_large_20 {
    padding-bottom: 5rem;
  }
  .pl_large_20,
  .px_large_20 {
    padding-left: 5rem;
  }
  .p_large_24 {
    padding: 6rem;
  }
  .pt_large_24,
  .py_large_24 {
    padding-top: 6rem;
  }
  .pr_large_24,
  .px_large_24 {
    padding-right: 6rem;
  }
  .pb_large_24,
  .py_large_24 {
    padding-bottom: 6rem;
  }
  .pl_large_24,
  .px_large_24 {
    padding-left: 6rem;
  }
}
@media (min-width: 1200px) {
  .m_xlarge_0 {
    margin: 0;
  }
  .mt_xlarge_0,
  .my_xlarge_0 {
    margin-top: 0;
  }
  .mr_xlarge_0,
  .mx_xlarge_0 {
    margin-right: 0;
  }
  .mb_xlarge_0,
  .my_xlarge_0 {
    margin-bottom: 0;
  }
  .ml_xlarge_0,
  .mx_xlarge_0 {
    margin-left: 0;
  }
  .m_xlarge_1 {
    margin: 0.25rem;
  }
  .mt_xlarge_1,
  .my_xlarge_1 {
    margin-top: 0.25rem;
  }
  .mr_xlarge_1,
  .mx_xlarge_1 {
    margin-right: 0.25rem;
  }
  .mb_xlarge_1,
  .my_xlarge_1 {
    margin-bottom: 0.25rem;
  }
  .ml_xlarge_1,
  .mx_xlarge_1 {
    margin-left: 0.25rem;
  }
  .m_xlarge_2 {
    margin: 0.5rem;
  }
  .mt_xlarge_2,
  .my_xlarge_2 {
    margin-top: 0.5rem;
  }
  .mr_xlarge_2,
  .mx_xlarge_2 {
    margin-right: 0.5rem;
  }
  .mb_xlarge_2,
  .my_xlarge_2 {
    margin-bottom: 0.5rem;
  }
  .ml_xlarge_2,
  .mx_xlarge_2 {
    margin-left: 0.5rem;
  }
  .m_xlarge_3 {
    margin: 0.75rem;
  }
  .mt_xlarge_3,
  .my_xlarge_3 {
    margin-top: 0.75rem;
  }
  .mr_xlarge_3,
  .mx_xlarge_3 {
    margin-right: 0.75rem;
  }
  .mb_xlarge_3,
  .my_xlarge_3 {
    margin-bottom: 0.75rem;
  }
  .ml_xlarge_3,
  .mx_xlarge_3 {
    margin-left: 0.75rem;
  }
  .m_xlarge_4 {
    margin: 1rem;
  }
  .mt_xlarge_4,
  .my_xlarge_4 {
    margin-top: 1rem;
  }
  .mr_xlarge_4,
  .mx_xlarge_4 {
    margin-right: 1rem;
  }
  .mb_xlarge_4,
  .my_xlarge_4 {
    margin-bottom: 1rem;
  }
  .ml_xlarge_4,
  .mx_xlarge_4 {
    margin-left: 1rem;
  }
  .m_xlarge_5 {
    margin: 1.25rem;
  }
  .mt_xlarge_5,
  .my_xlarge_5 {
    margin-top: 1.25rem;
  }
  .mr_xlarge_5,
  .mx_xlarge_5 {
    margin-right: 1.25rem;
  }
  .mb_xlarge_5,
  .my_xlarge_5 {
    margin-bottom: 1.25rem;
  }
  .ml_xlarge_5,
  .mx_xlarge_5 {
    margin-left: 1.25rem;
  }
  .m_xlarge_6 {
    margin: 1.5rem;
  }
  .mt_xlarge_6,
  .my_xlarge_6 {
    margin-top: 1.5rem;
  }
  .mr_xlarge_6,
  .mx_xlarge_6 {
    margin-right: 1.5rem;
  }
  .mb_xlarge_6,
  .my_xlarge_6 {
    margin-bottom: 1.5rem;
  }
  .ml_xlarge_6,
  .mx_xlarge_6 {
    margin-left: 1.5rem;
  }
  .m_xlarge_8 {
    margin: 2rem;
  }
  .mt_xlarge_8,
  .my_xlarge_8 {
    margin-top: 2rem;
  }
  .mr_xlarge_8,
  .mx_xlarge_8 {
    margin-right: 2rem;
  }
  .mb_xlarge_8,
  .my_xlarge_8 {
    margin-bottom: 2rem;
  }
  .ml_xlarge_8,
  .mx_xlarge_8 {
    margin-left: 2rem;
  }
  .m_xlarge_10 {
    margin: 2.5rem;
  }
  .mt_xlarge_10,
  .my_xlarge_10 {
    margin-top: 2.5rem;
  }
  .mr_xlarge_10,
  .mx_xlarge_10 {
    margin-right: 2.5rem;
  }
  .mb_xlarge_10,
  .my_xlarge_10 {
    margin-bottom: 2.5rem;
  }
  .ml_xlarge_10,
  .mx_xlarge_10 {
    margin-left: 2.5rem;
  }
  .m_xlarge_12 {
    margin: 3rem;
  }
  .mt_xlarge_12,
  .my_xlarge_12 {
    margin-top: 3rem;
  }
  .mr_xlarge_12,
  .mx_xlarge_12 {
    margin-right: 3rem;
  }
  .mb_xlarge_12,
  .my_xlarge_12 {
    margin-bottom: 3rem;
  }
  .ml_xlarge_12,
  .mx_xlarge_12 {
    margin-left: 3rem;
  }
  .m_xlarge_16 {
    margin: 4rem;
  }
  .mt_xlarge_16,
  .my_xlarge_16 {
    margin-top: 4rem;
  }
  .mr_xlarge_16,
  .mx_xlarge_16 {
    margin-right: 4rem;
  }
  .mb_xlarge_16,
  .my_xlarge_16 {
    margin-bottom: 4rem;
  }
  .ml_xlarge_16,
  .mx_xlarge_16 {
    margin-left: 4rem;
  }
  .m_xlarge_20 {
    margin: 5rem;
  }
  .mt_xlarge_20,
  .my_xlarge_20 {
    margin-top: 5rem;
  }
  .mr_xlarge_20,
  .mx_xlarge_20 {
    margin-right: 5rem;
  }
  .mb_xlarge_20,
  .my_xlarge_20 {
    margin-bottom: 5rem;
  }
  .ml_xlarge_20,
  .mx_xlarge_20 {
    margin-left: 5rem;
  }
  .m_xlarge_24 {
    margin: 6rem;
  }
  .mt_xlarge_24,
  .my_xlarge_24 {
    margin-top: 6rem;
  }
  .mr_xlarge_24,
  .mx_xlarge_24 {
    margin-right: 6rem;
  }
  .mb_xlarge_24,
  .my_xlarge_24 {
    margin-bottom: 6rem;
  }
  .ml_xlarge_24,
  .mx_xlarge_24 {
    margin-left: 6rem;
  }
  .p_xlarge_0 {
    padding: 0;
  }
  .pt_xlarge_0,
  .py_xlarge_0 {
    padding-top: 0;
  }
  .pr_xlarge_0,
  .px_xlarge_0 {
    padding-right: 0;
  }
  .pb_xlarge_0,
  .py_xlarge_0 {
    padding-bottom: 0;
  }
  .pl_xlarge_0,
  .px_xlarge_0 {
    padding-left: 0;
  }
  .p_xlarge_1 {
    padding: 0.25rem;
  }
  .pt_xlarge_1,
  .py_xlarge_1 {
    padding-top: 0.25rem;
  }
  .pr_xlarge_1,
  .px_xlarge_1 {
    padding-right: 0.25rem;
  }
  .pb_xlarge_1,
  .py_xlarge_1 {
    padding-bottom: 0.25rem;
  }
  .pl_xlarge_1,
  .px_xlarge_1 {
    padding-left: 0.25rem;
  }
  .p_xlarge_2 {
    padding: 0.5rem;
  }
  .pt_xlarge_2,
  .py_xlarge_2 {
    padding-top: 0.5rem;
  }
  .pr_xlarge_2,
  .px_xlarge_2 {
    padding-right: 0.5rem;
  }
  .pb_xlarge_2,
  .py_xlarge_2 {
    padding-bottom: 0.5rem;
  }
  .pl_xlarge_2,
  .px_xlarge_2 {
    padding-left: 0.5rem;
  }
  .p_xlarge_3 {
    padding: 0.75rem;
  }
  .pt_xlarge_3,
  .py_xlarge_3 {
    padding-top: 0.75rem;
  }
  .pr_xlarge_3,
  .px_xlarge_3 {
    padding-right: 0.75rem;
  }
  .pb_xlarge_3,
  .py_xlarge_3 {
    padding-bottom: 0.75rem;
  }
  .pl_xlarge_3,
  .px_xlarge_3 {
    padding-left: 0.75rem;
  }
  .p_xlarge_4 {
    padding: 1rem;
  }
  .pt_xlarge_4,
  .py_xlarge_4 {
    padding-top: 1rem;
  }
  .pr_xlarge_4,
  .px_xlarge_4 {
    padding-right: 1rem;
  }
  .pb_xlarge_4,
  .py_xlarge_4 {
    padding-bottom: 1rem;
  }
  .pl_xlarge_4,
  .px_xlarge_4 {
    padding-left: 1rem;
  }
  .p_xlarge_5 {
    padding: 1.25rem;
  }
  .pt_xlarge_5,
  .py_xlarge_5 {
    padding-top: 1.25rem;
  }
  .pr_xlarge_5,
  .px_xlarge_5 {
    padding-right: 1.25rem;
  }
  .pb_xlarge_5,
  .py_xlarge_5 {
    padding-bottom: 1.25rem;
  }
  .pl_xlarge_5,
  .px_xlarge_5 {
    padding-left: 1.25rem;
  }
  .p_xlarge_6 {
    padding: 1.5rem;
  }
  .pt_xlarge_6,
  .py_xlarge_6 {
    padding-top: 1.5rem;
  }
  .pr_xlarge_6,
  .px_xlarge_6 {
    padding-right: 1.5rem;
  }
  .pb_xlarge_6,
  .py_xlarge_6 {
    padding-bottom: 1.5rem;
  }
  .pl_xlarge_6,
  .px_xlarge_6 {
    padding-left: 1.5rem;
  }
  .p_xlarge_8 {
    padding: 2rem;
  }
  .pt_xlarge_8,
  .py_xlarge_8 {
    padding-top: 2rem;
  }
  .pr_xlarge_8,
  .px_xlarge_8 {
    padding-right: 2rem;
  }
  .pb_xlarge_8,
  .py_xlarge_8 {
    padding-bottom: 2rem;
  }
  .pl_xlarge_8,
  .px_xlarge_8 {
    padding-left: 2rem;
  }
  .p_xlarge_10 {
    padding: 2.5rem;
  }
  .pt_xlarge_10,
  .py_xlarge_10 {
    padding-top: 2.5rem;
  }
  .pr_xlarge_10,
  .px_xlarge_10 {
    padding-right: 2.5rem;
  }
  .pb_xlarge_10,
  .py_xlarge_10 {
    padding-bottom: 2.5rem;
  }
  .pl_xlarge_10,
  .px_xlarge_10 {
    padding-left: 2.5rem;
  }
  .p_xlarge_12 {
    padding: 3rem;
  }
  .pt_xlarge_12,
  .py_xlarge_12 {
    padding-top: 3rem;
  }
  .pr_xlarge_12,
  .px_xlarge_12 {
    padding-right: 3rem;
  }
  .pb_xlarge_12,
  .py_xlarge_12 {
    padding-bottom: 3rem;
  }
  .pl_xlarge_12,
  .px_xlarge_12 {
    padding-left: 3rem;
  }
  .p_xlarge_16 {
    padding: 4rem;
  }
  .pt_xlarge_16,
  .py_xlarge_16 {
    padding-top: 4rem;
  }
  .pr_xlarge_16,
  .px_xlarge_16 {
    padding-right: 4rem;
  }
  .pb_xlarge_16,
  .py_xlarge_16 {
    padding-bottom: 4rem;
  }
  .pl_xlarge_16,
  .px_xlarge_16 {
    padding-left: 4rem;
  }
  .p_xlarge_20 {
    padding: 5rem;
  }
  .pt_xlarge_20,
  .py_xlarge_20 {
    padding-top: 5rem;
  }
  .pr_xlarge_20,
  .px_xlarge_20 {
    padding-right: 5rem;
  }
  .pb_xlarge_20,
  .py_xlarge_20 {
    padding-bottom: 5rem;
  }
  .pl_xlarge_20,
  .px_xlarge_20 {
    padding-left: 5rem;
  }
  .p_xlarge_24 {
    padding: 6rem;
  }
  .pt_xlarge_24,
  .py_xlarge_24 {
    padding-top: 6rem;
  }
  .pr_xlarge_24,
  .px_xlarge_24 {
    padding-right: 6rem;
  }
  .pb_xlarge_24,
  .py_xlarge_24 {
    padding-bottom: 6rem;
  }
  .pl_xlarge_24,
  .px_xlarge_24 {
    padding-left: 6rem;
  }
}
@media (min-width: 1400px) {
  .m_xxlarge_0 {
    margin: 0;
  }
  .mt_xxlarge_0,
  .my_xxlarge_0 {
    margin-top: 0;
  }
  .mr_xxlarge_0,
  .mx_xxlarge_0 {
    margin-right: 0;
  }
  .mb_xxlarge_0,
  .my_xxlarge_0 {
    margin-bottom: 0;
  }
  .ml_xxlarge_0,
  .mx_xxlarge_0 {
    margin-left: 0;
  }
  .m_xxlarge_1 {
    margin: 0.25rem;
  }
  .mt_xxlarge_1,
  .my_xxlarge_1 {
    margin-top: 0.25rem;
  }
  .mr_xxlarge_1,
  .mx_xxlarge_1 {
    margin-right: 0.25rem;
  }
  .mb_xxlarge_1,
  .my_xxlarge_1 {
    margin-bottom: 0.25rem;
  }
  .ml_xxlarge_1,
  .mx_xxlarge_1 {
    margin-left: 0.25rem;
  }
  .m_xxlarge_2 {
    margin: 0.5rem;
  }
  .mt_xxlarge_2,
  .my_xxlarge_2 {
    margin-top: 0.5rem;
  }
  .mr_xxlarge_2,
  .mx_xxlarge_2 {
    margin-right: 0.5rem;
  }
  .mb_xxlarge_2,
  .my_xxlarge_2 {
    margin-bottom: 0.5rem;
  }
  .ml_xxlarge_2,
  .mx_xxlarge_2 {
    margin-left: 0.5rem;
  }
  .m_xxlarge_3 {
    margin: 0.75rem;
  }
  .mt_xxlarge_3,
  .my_xxlarge_3 {
    margin-top: 0.75rem;
  }
  .mr_xxlarge_3,
  .mx_xxlarge_3 {
    margin-right: 0.75rem;
  }
  .mb_xxlarge_3,
  .my_xxlarge_3 {
    margin-bottom: 0.75rem;
  }
  .ml_xxlarge_3,
  .mx_xxlarge_3 {
    margin-left: 0.75rem;
  }
  .m_xxlarge_4 {
    margin: 1rem;
  }
  .mt_xxlarge_4,
  .my_xxlarge_4 {
    margin-top: 1rem;
  }
  .mr_xxlarge_4,
  .mx_xxlarge_4 {
    margin-right: 1rem;
  }
  .mb_xxlarge_4,
  .my_xxlarge_4 {
    margin-bottom: 1rem;
  }
  .ml_xxlarge_4,
  .mx_xxlarge_4 {
    margin-left: 1rem;
  }
  .m_xxlarge_5 {
    margin: 1.25rem;
  }
  .mt_xxlarge_5,
  .my_xxlarge_5 {
    margin-top: 1.25rem;
  }
  .mr_xxlarge_5,
  .mx_xxlarge_5 {
    margin-right: 1.25rem;
  }
  .mb_xxlarge_5,
  .my_xxlarge_5 {
    margin-bottom: 1.25rem;
  }
  .ml_xxlarge_5,
  .mx_xxlarge_5 {
    margin-left: 1.25rem;
  }
  .m_xxlarge_6 {
    margin: 1.5rem;
  }
  .mt_xxlarge_6,
  .my_xxlarge_6 {
    margin-top: 1.5rem;
  }
  .mr_xxlarge_6,
  .mx_xxlarge_6 {
    margin-right: 1.5rem;
  }
  .mb_xxlarge_6,
  .my_xxlarge_6 {
    margin-bottom: 1.5rem;
  }
  .ml_xxlarge_6,
  .mx_xxlarge_6 {
    margin-left: 1.5rem;
  }
  .m_xxlarge_8 {
    margin: 2rem;
  }
  .mt_xxlarge_8,
  .my_xxlarge_8 {
    margin-top: 2rem;
  }
  .mr_xxlarge_8,
  .mx_xxlarge_8 {
    margin-right: 2rem;
  }
  .mb_xxlarge_8,
  .my_xxlarge_8 {
    margin-bottom: 2rem;
  }
  .ml_xxlarge_8,
  .mx_xxlarge_8 {
    margin-left: 2rem;
  }
  .m_xxlarge_10 {
    margin: 2.5rem;
  }
  .mt_xxlarge_10,
  .my_xxlarge_10 {
    margin-top: 2.5rem;
  }
  .mr_xxlarge_10,
  .mx_xxlarge_10 {
    margin-right: 2.5rem;
  }
  .mb_xxlarge_10,
  .my_xxlarge_10 {
    margin-bottom: 2.5rem;
  }
  .ml_xxlarge_10,
  .mx_xxlarge_10 {
    margin-left: 2.5rem;
  }
  .m_xxlarge_12 {
    margin: 3rem;
  }
  .mt_xxlarge_12,
  .my_xxlarge_12 {
    margin-top: 3rem;
  }
  .mr_xxlarge_12,
  .mx_xxlarge_12 {
    margin-right: 3rem;
  }
  .mb_xxlarge_12,
  .my_xxlarge_12 {
    margin-bottom: 3rem;
  }
  .ml_xxlarge_12,
  .mx_xxlarge_12 {
    margin-left: 3rem;
  }
  .m_xxlarge_16 {
    margin: 4rem;
  }
  .mt_xxlarge_16,
  .my_xxlarge_16 {
    margin-top: 4rem;
  }
  .mr_xxlarge_16,
  .mx_xxlarge_16 {
    margin-right: 4rem;
  }
  .mb_xxlarge_16,
  .my_xxlarge_16 {
    margin-bottom: 4rem;
  }
  .ml_xxlarge_16,
  .mx_xxlarge_16 {
    margin-left: 4rem;
  }
  .m_xxlarge_20 {
    margin: 5rem;
  }
  .mt_xxlarge_20,
  .my_xxlarge_20 {
    margin-top: 5rem;
  }
  .mr_xxlarge_20,
  .mx_xxlarge_20 {
    margin-right: 5rem;
  }
  .mb_xxlarge_20,
  .my_xxlarge_20 {
    margin-bottom: 5rem;
  }
  .ml_xxlarge_20,
  .mx_xxlarge_20 {
    margin-left: 5rem;
  }
  .m_xxlarge_24 {
    margin: 6rem;
  }
  .mt_xxlarge_24,
  .my_xxlarge_24 {
    margin-top: 6rem;
  }
  .mr_xxlarge_24,
  .mx_xxlarge_24 {
    margin-right: 6rem;
  }
  .mb_xxlarge_24,
  .my_xxlarge_24 {
    margin-bottom: 6rem;
  }
  .ml_xxlarge_24,
  .mx_xxlarge_24 {
    margin-left: 6rem;
  }
  .p_xxlarge_0 {
    padding: 0;
  }
  .pt_xxlarge_0,
  .py_xxlarge_0 {
    padding-top: 0;
  }
  .pr_xxlarge_0,
  .px_xxlarge_0 {
    padding-right: 0;
  }
  .pb_xxlarge_0,
  .py_xxlarge_0 {
    padding-bottom: 0;
  }
  .pl_xxlarge_0,
  .px_xxlarge_0 {
    padding-left: 0;
  }
  .p_xxlarge_1 {
    padding: 0.25rem;
  }
  .pt_xxlarge_1,
  .py_xxlarge_1 {
    padding-top: 0.25rem;
  }
  .pr_xxlarge_1,
  .px_xxlarge_1 {
    padding-right: 0.25rem;
  }
  .pb_xxlarge_1,
  .py_xxlarge_1 {
    padding-bottom: 0.25rem;
  }
  .pl_xxlarge_1,
  .px_xxlarge_1 {
    padding-left: 0.25rem;
  }
  .p_xxlarge_2 {
    padding: 0.5rem;
  }
  .pt_xxlarge_2,
  .py_xxlarge_2 {
    padding-top: 0.5rem;
  }
  .pr_xxlarge_2,
  .px_xxlarge_2 {
    padding-right: 0.5rem;
  }
  .pb_xxlarge_2,
  .py_xxlarge_2 {
    padding-bottom: 0.5rem;
  }
  .pl_xxlarge_2,
  .px_xxlarge_2 {
    padding-left: 0.5rem;
  }
  .p_xxlarge_3 {
    padding: 0.75rem;
  }
  .pt_xxlarge_3,
  .py_xxlarge_3 {
    padding-top: 0.75rem;
  }
  .pr_xxlarge_3,
  .px_xxlarge_3 {
    padding-right: 0.75rem;
  }
  .pb_xxlarge_3,
  .py_xxlarge_3 {
    padding-bottom: 0.75rem;
  }
  .pl_xxlarge_3,
  .px_xxlarge_3 {
    padding-left: 0.75rem;
  }
  .p_xxlarge_4 {
    padding: 1rem;
  }
  .pt_xxlarge_4,
  .py_xxlarge_4 {
    padding-top: 1rem;
  }
  .pr_xxlarge_4,
  .px_xxlarge_4 {
    padding-right: 1rem;
  }
  .pb_xxlarge_4,
  .py_xxlarge_4 {
    padding-bottom: 1rem;
  }
  .pl_xxlarge_4,
  .px_xxlarge_4 {
    padding-left: 1rem;
  }
  .p_xxlarge_5 {
    padding: 1.25rem;
  }
  .pt_xxlarge_5,
  .py_xxlarge_5 {
    padding-top: 1.25rem;
  }
  .pr_xxlarge_5,
  .px_xxlarge_5 {
    padding-right: 1.25rem;
  }
  .pb_xxlarge_5,
  .py_xxlarge_5 {
    padding-bottom: 1.25rem;
  }
  .pl_xxlarge_5,
  .px_xxlarge_5 {
    padding-left: 1.25rem;
  }
  .p_xxlarge_6 {
    padding: 1.5rem;
  }
  .pt_xxlarge_6,
  .py_xxlarge_6 {
    padding-top: 1.5rem;
  }
  .pr_xxlarge_6,
  .px_xxlarge_6 {
    padding-right: 1.5rem;
  }
  .pb_xxlarge_6,
  .py_xxlarge_6 {
    padding-bottom: 1.5rem;
  }
  .pl_xxlarge_6,
  .px_xxlarge_6 {
    padding-left: 1.5rem;
  }
  .p_xxlarge_8 {
    padding: 2rem;
  }
  .pt_xxlarge_8,
  .py_xxlarge_8 {
    padding-top: 2rem;
  }
  .pr_xxlarge_8,
  .px_xxlarge_8 {
    padding-right: 2rem;
  }
  .pb_xxlarge_8,
  .py_xxlarge_8 {
    padding-bottom: 2rem;
  }
  .pl_xxlarge_8,
  .px_xxlarge_8 {
    padding-left: 2rem;
  }
  .p_xxlarge_10 {
    padding: 2.5rem;
  }
  .pt_xxlarge_10,
  .py_xxlarge_10 {
    padding-top: 2.5rem;
  }
  .pr_xxlarge_10,
  .px_xxlarge_10 {
    padding-right: 2.5rem;
  }
  .pb_xxlarge_10,
  .py_xxlarge_10 {
    padding-bottom: 2.5rem;
  }
  .pl_xxlarge_10,
  .px_xxlarge_10 {
    padding-left: 2.5rem;
  }
  .p_xxlarge_12 {
    padding: 3rem;
  }
  .pt_xxlarge_12,
  .py_xxlarge_12 {
    padding-top: 3rem;
  }
  .pr_xxlarge_12,
  .px_xxlarge_12 {
    padding-right: 3rem;
  }
  .pb_xxlarge_12,
  .py_xxlarge_12 {
    padding-bottom: 3rem;
  }
  .pl_xxlarge_12,
  .px_xxlarge_12 {
    padding-left: 3rem;
  }
  .p_xxlarge_16 {
    padding: 4rem;
  }
  .pt_xxlarge_16,
  .py_xxlarge_16 {
    padding-top: 4rem;
  }
  .pr_xxlarge_16,
  .px_xxlarge_16 {
    padding-right: 4rem;
  }
  .pb_xxlarge_16,
  .py_xxlarge_16 {
    padding-bottom: 4rem;
  }
  .pl_xxlarge_16,
  .px_xxlarge_16 {
    padding-left: 4rem;
  }
  .p_xxlarge_20 {
    padding: 5rem;
  }
  .pt_xxlarge_20,
  .py_xxlarge_20 {
    padding-top: 5rem;
  }
  .pr_xxlarge_20,
  .px_xxlarge_20 {
    padding-right: 5rem;
  }
  .pb_xxlarge_20,
  .py_xxlarge_20 {
    padding-bottom: 5rem;
  }
  .pl_xxlarge_20,
  .px_xxlarge_20 {
    padding-left: 5rem;
  }
  .p_xxlarge_24 {
    padding: 6rem;
  }
  .pt_xxlarge_24,
  .py_xxlarge_24 {
    padding-top: 6rem;
  }
  .pr_xxlarge_24,
  .px_xxlarge_24 {
    padding-right: 6rem;
  }
  .pb_xxlarge_24,
  .py_xxlarge_24 {
    padding-bottom: 6rem;
  }
  .pl_xxlarge_24,
  .px_xxlarge_24 {
    padding-left: 6rem;
  }
}
.d_none {
  display: none;
}

.d_inline {
  display: inline;
}

.d_inline_block {
  display: inline-block;
}

.d_block {
  display: block;
}

.d_grid {
  display: grid;
}

.d_table {
  display: table;
}

.d_table_row {
  display: table-row;
}

.d_table_cell {
  display: table-cell;
}

.d_flex {
  display: flex;
}

.d_inline_flex {
  display: inline-flex;
}

.d_none {
  display: none;
}

.d_inline {
  display: inline;
}

.d_inline_block {
  display: inline-block;
}

.d_block {
  display: block;
}

.d_grid {
  display: grid;
}

.d_table {
  display: table;
}

.d_table_row {
  display: table-row;
}

.d_table_cell {
  display: table-cell;
}

.d_flex {
  display: flex;
}

.d_inline_flex {
  display: inline-flex;
}

@media (min-width: 640px) {
  .d_medium_none {
    display: none;
  }
  .d_medium_inline {
    display: inline;
  }
  .d_medium_inline_block {
    display: inline-block;
  }
  .d_medium_block {
    display: block;
  }
  .d_medium_grid {
    display: grid;
  }
  .d_medium_table {
    display: table;
  }
  .d_medium_table_row {
    display: table-row;
  }
  .d_medium_table_cell {
    display: table-cell;
  }
  .d_medium_flex {
    display: flex;
  }
  .d_medium_inline_flex {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .d_large_none {
    display: none;
  }
  .d_large_inline {
    display: inline;
  }
  .d_large_inline_block {
    display: inline-block;
  }
  .d_large_block {
    display: block;
  }
  .d_large_grid {
    display: grid;
  }
  .d_large_table {
    display: table;
  }
  .d_large_table_row {
    display: table-row;
  }
  .d_large_table_cell {
    display: table-cell;
  }
  .d_large_flex {
    display: flex;
  }
  .d_large_inline_flex {
    display: inline-flex;
  }
}
@media (min-width: 1200px) {
  .d_xlarge_none {
    display: none;
  }
  .d_xlarge_inline {
    display: inline;
  }
  .d_xlarge_inline_block {
    display: inline-block;
  }
  .d_xlarge_block {
    display: block;
  }
  .d_xlarge_grid {
    display: grid;
  }
  .d_xlarge_table {
    display: table;
  }
  .d_xlarge_table_row {
    display: table-row;
  }
  .d_xlarge_table_cell {
    display: table-cell;
  }
  .d_xlarge_flex {
    display: flex;
  }
  .d_xlarge_inline_flex {
    display: inline-flex;
  }
}
@media (min-width: 1400px) {
  .d_xxlarge_none {
    display: none;
  }
  .d_xxlarge_inline {
    display: inline;
  }
  .d_xxlarge_inline_block {
    display: inline-block;
  }
  .d_xxlarge_block {
    display: block;
  }
  .d_xxlarge_grid {
    display: grid;
  }
  .d_xxlarge_table {
    display: table;
  }
  .d_xxlarge_table_row {
    display: table-row;
  }
  .d_xxlarge_table_cell {
    display: table-cell;
  }
  .d_xxlarge_flex {
    display: flex;
  }
  .d_xxlarge_inline_flex {
    display: inline-flex;
  }
}
.flex_row {
  flex-direction: row;
}

.flex_column {
  flex-direction: column;
}

.flex_row_reverse {
  flex-direction: row-reverse;
}

.flex_column_reverse {
  flex-direction: column-reverse;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_nowrap {
  flex-wrap: nowrap;
}

.flex_wrap_reverse {
  flex-wrap: wrap-reverse;
}

.justify_content_start {
  justify-content: flex-start;
}

.justify_content_end {
  justify-content: flex-end;
}

.justify_content_center {
  justify-content: center;
}

.justify_content_between {
  justify-content: space-between;
}

.justify_content_around {
  justify-content: space-around;
}

.justify_content_evenly {
  justify-content: space-evenly;
}

.align_items_start {
  align-items: flex-start;
}

.align_items_end {
  align-items: flex-end;
}

.align_items_center {
  align-items: center;
}

.align_items_baseline {
  align-items: baseline;
}

.align_items_stretch {
  align-items: stretch;
}

.align_content_start {
  align-content: flex-start;
}

.align_content_end {
  align-content: flex-end;
}

.align_content_center {
  align-content: center;
}

.align_content_between {
  align-content: space-between;
}

.align_content_around {
  align-content: space-around;
}

.align_content_stretch {
  align-content: stretch;
}

.align_self_auto {
  align-self: auto;
}

.align_self_start {
  align-self: flex-start;
}

.align_self_end {
  align-self: flex-end;
}

.align_self_center {
  align-self: center;
}

.align_self_baseline {
  align-self: baseline;
}

.align_self_stretch {
  align-self: stretch;
}

.flex_fill {
  flex: 1 1 auto;
}

.flex_grow_0 {
  flex-grow: 0;
}

.flex_grow_1 {
  flex-grow: 1;
}

.flex_shrink_0 {
  flex-shrink: 0;
}

.flex_shrink_1 {
  flex-shrink: 1;
}

.position_static {
  position: static;
}

.position_relative {
  position: relative;
}

.position_absolute {
  position: absolute;
}

.position_fixed {
  position: fixed;
}

.position_sticky {
  position: sticky;
}

.top_0 {
  top: 0;
}

.top_50 {
  top: 50%;
}

.top_100 {
  top: 100%;
}

.bottom_0 {
  bottom: 0;
}

.bottom_50 {
  bottom: 50%;
}

.bottom_100 {
  bottom: 100%;
}

.start_0 {
  left: 0;
}

.start_50 {
  left: 50%;
}

.start_100 {
  left: 100%;
}

.end_0 {
  right: 0;
}

.end_50 {
  right: 50%;
}

.end_100 {
  right: 100%;
}

.translate_middle {
  transform: translate(-50%, -50%);
}

.translate_middle_x {
  transform: translateX(-50%);
}

.translate_middle_y {
  transform: translateY(-50%);
}

.w_25 {
  width: 25%;
}

.w_50 {
  width: 50%;
}

.w_75 {
  width: 75%;
}

.w_100 {
  width: 100%;
}

.w_auto {
  width: auto;
}

.mw_100 {
  max-width: 100%;
}

.vw_100 {
  width: 100vw;
}

.min_vw_100 {
  min-width: 100vw;
}

.h_25 {
  height: 25%;
}

.h_50 {
  height: 50%;
}

.h_75 {
  height: 75%;
}

.h_100 {
  height: 100%;
}

.h_auto {
  height: auto;
}

.mh_100 {
  max-height: 100%;
}

.vh_100 {
  height: 100vh;
}

.min_vh_100 {
  min-height: 100vh;
}

.overflow_auto {
  overflow: auto;
}

.overflow_hidden {
  overflow: hidden;
}

.overflow_visible {
  overflow: visible;
}

.overflow_scroll {
  overflow: scroll;
}

.overflow_x_auto {
  overflow-x: auto;
}

.overflow_x_hidden {
  overflow-x: hidden;
}

.overflow_x_visible {
  overflow-x: visible;
}

.overflow_x_scroll {
  overflow-x: scroll;
}

.overflow_y_auto {
  overflow-y: auto;
}

.overflow_y_hidden {
  overflow-y: hidden;
}

.overflow_y_visible {
  overflow-y: visible;
}

.overflow_y_scroll {
  overflow-y: scroll;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hide_small {
  display: none !important;
}

.show_small {
  display: block !important;
}

.show_small_inline {
  display: inline !important;
}

.show_small_inline_block {
  display: inline-block !important;
}

.show_small_flex {
  display: flex !important;
}

.show_small_inline_flex {
  display: inline-flex !important;
}

.show_small_grid {
  display: grid !important;
}

@media (min-width: 640px) {
  .hide_medium {
    display: none !important;
  }
  .show_medium {
    display: block !important;
  }
  .show_medium_inline {
    display: inline !important;
  }
  .show_medium_inline_block {
    display: inline-block !important;
  }
  .show_medium_flex {
    display: flex !important;
  }
  .show_medium_inline_flex {
    display: inline-flex !important;
  }
  .show_medium_grid {
    display: grid !important;
  }
}
@media (min-width: 1024px) {
  .hide_large {
    display: none !important;
  }
  .show_large {
    display: block !important;
  }
  .show_large_inline {
    display: inline !important;
  }
  .show_large_inline_block {
    display: inline-block !important;
  }
  .show_large_flex {
    display: flex !important;
  }
  .show_large_inline_flex {
    display: inline-flex !important;
  }
  .show_large_grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .hide_xlarge {
    display: none !important;
  }
  .show_xlarge {
    display: block !important;
  }
  .show_xlarge_inline {
    display: inline !important;
  }
  .show_xlarge_inline_block {
    display: inline-block !important;
  }
  .show_xlarge_flex {
    display: flex !important;
  }
  .show_xlarge_inline_flex {
    display: inline-flex !important;
  }
  .show_xlarge_grid {
    display: grid !important;
  }
}
@media (min-width: 1400px) {
  .hide_xxlarge {
    display: none !important;
  }
  .show_xxlarge {
    display: block !important;
  }
  .show_xxlarge_inline {
    display: inline !important;
  }
  .show_xxlarge_inline_block {
    display: inline-block !important;
  }
  .show_xxlarge_flex {
    display: flex !important;
  }
  .show_xxlarge_inline_flex {
    display: inline-flex !important;
  }
  .show_xxlarge_grid {
    display: grid !important;
  }
}
@media (min-width: 640px) {
  .visible_small_only {
    display: none !important;
  }
}

.visible_medium_only {
  display: none !important;
}
@media (min-width: 640px) {
  .visible_medium_only {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .visible_medium_only {
    display: none !important;
  }
}

.visible_large_only {
  display: none !important;
}
@media (min-width: 1024px) {
  .visible_large_only {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible_large_only {
    display: none !important;
  }
}

.visible_xlarge_only {
  display: none !important;
}
@media (min-width: 1200px) {
  .visible_xlarge_only {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .visible_xlarge_only {
    display: none !important;
  }
}

.visible_xxlarge_only {
  display: none !important;
}
@media (min-width: 1400px) {
  .visible_xxlarge_only {
    display: block !important;
  }
}

@media (min-width: 640px) {
  .hidden_small_only {
    display: block !important;
  }
}

.hidden_medium_only {
  display: block !important;
}
@media (min-width: 640px) {
  .hidden_medium_only {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .hidden_medium_only {
    display: block !important;
  }
}

.hidden_large_only {
  display: block !important;
}
@media (min-width: 1024px) {
  .hidden_large_only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden_large_only {
    display: block !important;
  }
}

.hidden_xlarge_only {
  display: block !important;
}
@media (min-width: 1200px) {
  .hidden_xlarge_only {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden_xlarge_only {
    display: block !important;
  }
}

.hidden_xxlarge_only {
  display: block !important;
}
@media (min-width: 1400px) {
  .hidden_xxlarge_only {
    display: none !important;
  }
}

.sr_only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.sr_only_focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media print {
  .d_print_none {
    display: none !important;
  }
  .d_print_inline {
    display: inline !important;
  }
  .d_print_inline_block {
    display: inline-block !important;
  }
  .d_print_block {
    display: block !important;
  }
  .d_print_grid {
    display: grid !important;
  }
  .d_print_table {
    display: table !important;
  }
  .d_print_table_row {
    display: table-row !important;
  }
  .d_print_table_cell {
    display: table-cell !important;
  }
  .d_print_flex {
    display: flex !important;
  }
  .d_print_inline_flex {
    display: inline-flex !important;
  }
}
.bg_primary {
  background-color: #333399;
}

.bg_secondary {
  background-color: #BF1B28;
}

.bg_success {
  background-color: #007531;
}

.bg_info {
  background-color: #17a2b8;
}

.bg_warning {
  background-color: #f08a24;
}

.bg_danger {
  background-color: #f04124;
}

.bg_light {
  background-color: #f8f9fa;
}

.bg_dark {
  background-color: #343a40;
}

.bg_body {
  background-color: #f5f7fc;
}

.bg_white {
  background-color: #fff;
}

.bg_transparent {
  background-color: transparent;
}

.bg_gray_100 {
  background-color: #f8f9fa;
}

.bg_gray_200 {
  background-color: #e9ecef;
}

.bg_gray_300 {
  background-color: #dee2e6;
}

.bg_gray_400 {
  background-color: #ced4da;
}

.bg_gray_500 {
  background-color: #adb5bd;
}

.bg_gray_600 {
  background-color: #6c757d;
}

.bg_gray_700 {
  background-color: #495057;
}

.bg_gray_800 {
  background-color: #343a40;
}

.bg_gray_900 {
  background-color: #212529;
}

.testback_01 {
  background-color: #EBEBEB;
}

.testback_02 {
  background-color: #7BCE7B;
}

.testback_03 {
  background-color: #B5B5E1;
}

.border {
  border: 1px solid #dee2e6;
}

.border_0 {
  border: 0;
}

.border_top {
  border-top: 1px solid #dee2e6;
}

.border_top_0 {
  border-top: 0;
}

.border_end {
  border-right: 1px solid #dee2e6;
}

.border_end_0 {
  border-right: 0;
}

.border_bottom {
  border-bottom: 1px solid #dee2e6;
}

.border_bottom_0 {
  border-bottom: 0;
}

.border_start {
  border-left: 1px solid #dee2e6;
}

.border_start_0 {
  border-left: 0;
}

.border_primary {
  border-color: #333399;
}

.border_secondary {
  border-color: #BF1B28;
}

.border_success {
  border-color: #007531;
}

.border_info {
  border-color: #17a2b8;
}

.border_warning {
  border-color: #f08a24;
}

.border_danger {
  border-color: #f04124;
}

.border_light {
  border-color: #f8f9fa;
}

.border_dark {
  border-color: #343a40;
}

.border_white {
  border-color: #fff;
}

.rounded {
  border-radius: 0.375rem;
}

.rounded_0 {
  border-radius: 0;
}

.rounded_1 {
  border-radius: 0.25rem;
}

.rounded_2 {
  border-radius: 0.375rem;
}

.rounded_3 {
  border-radius: 0.5rem;
}

.rounded_4 {
  border-radius: 1rem;
}

.rounded_circle {
  border-radius: 50%;
}

.rounded_pill {
  border-radius: 50rem;
}

.rounded_top {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.rounded_end {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.rounded_bottom {
  border-bottom-right-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.rounded_start {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.shadow_none {
  box-shadow: none;
}

.shadow_sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.shadow_lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

.opacity_0 {
  opacity: 0;
}

.opacity_25 {
  opacity: 0.25;
}

.opacity_50 {
  opacity: 0.5;
}

.opacity_75 {
  opacity: 0.75;
}

.opacity_100 {
  opacity: 1;
}

.cursor_auto {
  cursor: auto;
}

.cursor_pointer {
  cursor: pointer;
}

.cursor_wait {
  cursor: wait;
}

.cursor_text {
  cursor: text;
}

.cursor_move {
  cursor: move;
}

.cursor_help {
  cursor: help;
}

.cursor_not_allowed {
  cursor: not-allowed;
}

.user_select_all {
  user-select: all;
}

.user_select_auto {
  user-select: auto;
}

.user_select_none {
  user-select: none;
}

.pe_none {
  pointer-events: none;
}

.pe_auto {
  pointer-events: auto;
}

.z_0 {
  z-index: 0;
}

.z_1 {
  z-index: 1;
}

.z_2 {
  z-index: 2;
}

.z_3 {
  z-index: 3;
}

.z_auto {
  z-index: auto;
}

.z_dropdown {
  z-index: 1000;
}

.z_sticky {
  z-index: 1020;
}

.z_fixed {
  z-index: 1030;
}

.z_modal_backdrop {
  z-index: 1040;
}

.z_modal {
  z-index: 1050;
}

.z_popover {
  z-index: 1070;
}

.z_tooltip {
  z-index: 1080;
}

body.dark_mode,
html.dark_mode body {
  background-color: #1a1a1a;
  color: #e4e4e4;
}
body.dark_mode a,
html.dark_mode body a {
  color: #6666cc;
}
body.dark_mode a:hover,
html.dark_mode body a:hover {
  color: rgb(140.25, 140.25, 216.75);
}
body.dark_mode .text_muted,
html.dark_mode body .text_muted {
  color: #808080 !important;
}
body.dark_mode .card,
html.dark_mode body .card {
  background-color: #2d2d2d;
  border-color: #404040;
  color: #e4e4e4;
}
body.dark_mode .card_header,
body.dark_mode .card_footer,
html.dark_mode body .card_header,
html.dark_mode body .card_footer {
  background-color: #2d2d2d;
  border-color: #404040;
}
body.dark_mode .form_control,
body.dark_mode .form_select,
html.dark_mode body .form_control,
html.dark_mode body .form_select {
  background-color: #2d2d2d;
  border-color: #404040;
  color: #e4e4e4;
}
body.dark_mode .form_control:focus,
body.dark_mode .form_select:focus,
html.dark_mode body .form_control:focus,
html.dark_mode body .form_select:focus {
  background-color: #2d2d2d;
  border-color: #6666cc;
  color: #e4e4e4;
}
body.dark_mode .form_control::placeholder,
body.dark_mode .form_select::placeholder,
html.dark_mode body .form_control::placeholder,
html.dark_mode body .form_select::placeholder {
  color: #808080;
}
body.dark_mode .form_label,
html.dark_mode body .form_label {
  color: #e4e4e4;
}
body.dark_mode .form_text,
html.dark_mode body .form_text {
  color: #b0b0b0;
}
body.dark_mode .input_group_text,
html.dark_mode body .input_group_text {
  background-color: #2d2d2d;
  border-color: #404040;
  color: #e4e4e4;
}
body.dark_mode .alert_primary,
html.dark_mode body .alert_primary {
  background-color: rgb(12.75, 12.75, 38.25);
  border-color: rgb(25.5, 25.5, 76.5);
  color: rgb(178.5, 178.5, 229.5);
}
body.dark_mode .alert_success,
html.dark_mode body .alert_success {
  background-color: hsl(145.1282051282, 100%, -7.0588235294%);
  border-color: rgb(0, 15, 6.2820512821);
  color: rgb(66, 255, 145.1538461538);
}
body.dark_mode .alert_info,
html.dark_mode body .alert_info {
  background-color: rgb(6, 42.2608695652, 48);
  border-color: rgb(11.6666666667, 82.1739130435, 93.3333333333);
  color: rgb(167, 233.4782608696, 244);
}
body.dark_mode .alert_warning,
html.dark_mode body .alert_warning {
  background-color: rgb(115.1153846154, 61.5, 7.8846153846);
  border-color: rgb(162.8461538462, 87, 11.1538461538);
  color: rgb(115.1153846154, 61.5, 7.8846153846);
}
body.dark_mode .alert_danger,
html.dark_mode body .alert_danger {
  background-color: rgb(115.1153846154, 23.1282051282, 7.8846153846);
  border-color: rgb(162.8461538462, 32.7179487179, 11.1538461538);
  color: rgb(253.0769230769, 230.641025641, 226.9230769231);
}
body.dark_mode .navbar,
html.dark_mode body .navbar {
  background-color: #2d2d2d;
  border-color: #404040;
}
body.dark_mode .navbar_light,
html.dark_mode body .navbar_light {
  background-color: #2d2d2d;
  border-color: #404040;
}
body.dark_mode .navbar_light .navbar_brand,
body.dark_mode .navbar_light .navbar_nav .nav_link,
html.dark_mode body .navbar_light .navbar_brand,
html.dark_mode body .navbar_light .navbar_nav .nav_link {
  color: #e4e4e4;
}
body.dark_mode .navbar_light .navbar_brand:hover,
body.dark_mode .navbar_light .navbar_nav .nav_link:hover,
html.dark_mode body .navbar_light .navbar_brand:hover,
html.dark_mode body .navbar_light .navbar_nav .nav_link:hover {
  color: #6666cc;
}
body.dark_mode .navbar_light .navbar_toggler,
html.dark_mode body .navbar_light .navbar_toggler {
  color: #e4e4e4;
  border-color: #404040;
}
body.dark_mode table,
html.dark_mode body table {
  color: #e4e4e4;
  border-color: #404040;
}
body.dark_mode .border,
html.dark_mode body .border {
  border-color: #404040 !important;
}
body.dark_mode .border_top,
html.dark_mode body .border_top {
  border-top-color: #404040 !important;
}
body.dark_mode .border_bottom,
html.dark_mode body .border_bottom {
  border-bottom-color: #404040 !important;
}
body.dark_mode .border_start,
html.dark_mode body .border_start {
  border-left-color: #404040 !important;
}
body.dark_mode .border_end,
html.dark_mode body .border_end {
  border-right-color: #404040 !important;
}
body.dark_mode .demo_column,
html.dark_mode body .demo_column {
  background: black;
  border-color: #003366;
  color: #e4e4e4;
}
body.dark_mode .demo_row,
html.dark_mode body .demo_row {
  background: #2d2d2d;
}
body.dark_mode .section_title,
html.dark_mode body .section_title {
  background: #3a3a3a;
  color: #e4e4e4;
}
body.dark_mode .breakpoint_info,
html.dark_mode body .breakpoint_info {
  background: rgb(58, 43.5, 0);
  border-color: rgb(109, 81.75, 0);
  color: #e4e4e4;
}
body.dark_mode .hero,
html.dark_mode body .hero {
  background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 100%);
  color: #e4e4e4;
}
body.dark_mode .breadcrumb_item.active,
html.dark_mode body .breadcrumb_item.active {
  color: #808080;
}
body.dark_mode .breadcrumb_item::before,
html.dark_mode body .breadcrumb_item::before {
  color: #808080;
}
body.dark_mode .pagination_container,
html.dark_mode body .pagination_container {
  background: #2d2d2d;
  border-color: #404040;
}
body.dark_mode .pagination_container .page_item,
html.dark_mode body .pagination_container .page_item {
  color: #e4e4e4;
  border-right-color: #404040;
}
body.dark_mode .pagination_container .page_item:hover:not(.page_item_disabled):not(.page_item_active),
html.dark_mode body .pagination_container .page_item:hover:not(.page_item_disabled):not(.page_item_active) {
  background-color: #3a3a3a;
}
body.dark_mode .pagination_container .page_item.page_item_active,
html.dark_mode body .pagination_container .page_item.page_item_active {
  background-color: #2d2d2d;
  color: #e4e4e4;
}
body.dark_mode .pagination_container .page_item.page_item_disabled,
html.dark_mode body .pagination_container .page_item.page_item_disabled {
  color: #808080;
}
body.dark_mode .bg_white,
html.dark_mode body .bg_white {
  background-color: #2d2d2d !important;
}
body.dark_mode .bg_light,
html.dark_mode body .bg_light {
  background-color: #3a3a3a !important;
}
body.dark_mode .bg_gray_100,
html.dark_mode body .bg_gray_100 {
  background-color: #2d2d2d !important;
}
body.dark_mode .bg_gray_200,
html.dark_mode body .bg_gray_200 {
  background-color: #3a3a3a !important;
}
body.dark_mode footer,
html.dark_mode body footer {
  background-color: #3a3a3a !important;
  color: #e4e4e4 !important;
}
body.dark_mode footer .footer_text,
html.dark_mode body footer .footer_text {
  color: #e4e4e4;
}
body.dark_mode footer .footer_text a,
html.dark_mode body footer .footer_text a {
  color: #b0b0b0;
}
body.dark_mode footer .footer_text a:hover,
html.dark_mode body footer .footer_text a:hover {
  color: #e4e4e4;
}
body.dark_mode .footer_main,
html.dark_mode body .footer_main {
  background-color: #1a1a1a !important;
  color: #e4e4e4 !important;
}
body.dark_mode .footer_main_light,
html.dark_mode body .footer_main_light {
  background-color: #2d2d2d !important;
  color: #e4e4e4 !important;
}
body.dark_mode .footer_main_light .footer_title,
html.dark_mode body .footer_main_light .footer_title {
  color: #e4e4e4 !important;
}
body.dark_mode .footer_main_light .footer_business_info .footer_business_name,
html.dark_mode body .footer_main_light .footer_business_info .footer_business_name {
  color: #e4e4e4 !important;
}
body.dark_mode .footer_main_light .footer_business_info .footer_address,
html.dark_mode body .footer_main_light .footer_business_info .footer_address {
  color: #b0b0b0 !important;
}
body.dark_mode .footer_main_light .footer_business_info .footer_contact_item,
html.dark_mode body .footer_main_light .footer_business_info .footer_contact_item {
  color: #b0b0b0 !important;
}
body.dark_mode .footer_main_light .footer_business_info .footer_contact_item a,
html.dark_mode body .footer_main_light .footer_business_info .footer_contact_item a {
  color: #b0b0b0 !important;
}
body.dark_mode .footer_main_light .footer_business_info .footer_contact_item a:hover,
html.dark_mode body .footer_main_light .footer_business_info .footer_contact_item a:hover {
  color: #6666cc !important;
}
body.dark_mode .footer_main_light .footer_menu a,
html.dark_mode body .footer_main_light .footer_menu a {
  color: #b0b0b0 !important;
}
body.dark_mode .footer_main_light .footer_menu a:hover,
html.dark_mode body .footer_main_light .footer_menu a:hover {
  color: #6666cc !important;
}
body.dark_mode .footer_main_light .footer_hours .footer_hours_item,
html.dark_mode body .footer_main_light .footer_hours .footer_hours_item {
  border-bottom-color: #404040 !important;
}
body.dark_mode .footer_main_light .footer_hours .footer_hours_item .hours_day,
html.dark_mode body .footer_main_light .footer_hours .footer_hours_item .hours_day {
  color: #e4e4e4 !important;
}
body.dark_mode .footer_main_light .footer_hours .footer_hours_item .hours_time,
html.dark_mode body .footer_main_light .footer_hours .footer_hours_item .hours_time {
  color: #b0b0b0 !important;
}
body.dark_mode .footer_main_light .footer_hours .footer_hours_item.hours_current .hours_day,
body.dark_mode .footer_main_light .footer_hours .footer_hours_item.hours_current .hours_time,
html.dark_mode body .footer_main_light .footer_hours .footer_hours_item.hours_current .hours_day,
html.dark_mode body .footer_main_light .footer_hours .footer_hours_item.hours_current .hours_time {
  color: #e4e4e4 !important;
}
body.dark_mode .footer_main_light .footer_social .social_icon,
html.dark_mode body .footer_main_light .footer_social .social_icon {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #b0b0b0 !important;
}
body.dark_mode .footer_main_light .footer_bottom,
html.dark_mode body .footer_main_light .footer_bottom {
  border-top-color: #404040 !important;
}
body.dark_mode .footer_bottom .footer_copyright,
body.dark_mode .footer_bottom .footer_credits,
html.dark_mode body .footer_bottom .footer_copyright,
html.dark_mode body .footer_bottom .footer_credits {
  color: #808080 !important;
}
body.dark_mode .footer_bottom .footer_copyright a,
body.dark_mode .footer_bottom .footer_credits a,
html.dark_mode body .footer_bottom .footer_copyright a,
html.dark_mode body .footer_bottom .footer_credits a {
  color: #b0b0b0 !important;
}
body.dark_mode .footer_bottom .footer_copyright a:hover,
body.dark_mode .footer_bottom .footer_credits a:hover,
html.dark_mode body .footer_bottom .footer_copyright a:hover,
html.dark_mode body .footer_bottom .footer_credits a:hover {
  color: #e4e4e4 !important;
}
body.dark_mode .vehicle_card,
html.dark_mode body .vehicle_card {
  background-color: #2d2d2d;
  border-color: #404040;
  color: #e4e4e4;
}
body.dark_mode .vehicle_title,
html.dark_mode body .vehicle_title {
  color: #e4e4e4;
}
body.dark_mode .vehicle_payment .payment_amount,
html.dark_mode body .vehicle_payment .payment_amount {
  color: #e4e4e4;
}
body.dark_mode .vehicle_stock strong,
body.dark_mode .vehicle_mileage strong,
html.dark_mode body .vehicle_stock strong,
html.dark_mode body .vehicle_mileage strong {
  color: #e4e4e4;
}
body.dark_mode .vehicle_dealer,
html.dark_mode body .vehicle_dealer {
  background-color: #3a3a3a;
  border-top-color: #404040;
  color: #b0b0b0;
}
body.dark_mode .vehicle_dealer .dealer_name,
html.dark_mode body .vehicle_dealer .dealer_name {
  color: #e4e4e4;
}
body.dark_mode .vehicle_dealer .dealer_location,
html.dark_mode body .vehicle_dealer .dealer_location {
  color: #808080;
}
body.dark_mode .vehicle_details,
html.dark_mode body .vehicle_details {
  border-top-color: #404040;
}
body.dark_mode .vehicle_card_horizontal,
html.dark_mode body .vehicle_card_horizontal {
  background-color: #2d2d2d;
  border-color: rgb(145.6551724138, 118.3448275862, 8.3448275862);
}
body.dark_mode .vehicle_horizontal_title,
html.dark_mode body .vehicle_horizontal_title {
  color: #e4e4e4;
}
body.dark_mode .vehicle_horizontal_payment .payment_value,
html.dark_mode body .vehicle_horizontal_payment .payment_value {
  color: #e4e4e4;
}
body.dark_mode .vehicle_specs_container,
html.dark_mode body .vehicle_specs_container {
  background-color: #2d2d2d;
}
body.dark_mode .vehicle_specs_table tr:nth-child(odd),
html.dark_mode body .vehicle_specs_table tr:nth-child(odd) {
  background-color: #2d2d2d;
}
body.dark_mode .vehicle_specs_table tr:nth-child(even),
html.dark_mode body .vehicle_specs_table tr:nth-child(even) {
  background-color: #3a3a3a;
}
body.dark_mode .vehicle_specs_table td:first-child, body.dark_mode .vehicle_specs_table td:nth-child(3),
html.dark_mode body .vehicle_specs_table td:first-child,
html.dark_mode body .vehicle_specs_table td:nth-child(3) {
  color: #b0b0b0;
}
body.dark_mode .vehicle_specs_table td:nth-child(2), body.dark_mode .vehicle_specs_table td:nth-child(4),
html.dark_mode body .vehicle_specs_table td:nth-child(2),
html.dark_mode body .vehicle_specs_table td:nth-child(4) {
  color: #e4e4e4;
}
body.dark_mode .vehicle_horizontal_features,
html.dark_mode body .vehicle_horizontal_features {
  background-color: #3a3a3a;
  border-left-color: rgb(246.5384615385, 147.8205128205, 131.4615384615);
  color: #e4e4e4;
}
body.dark_mode .top_info_bar,
html.dark_mode body .top_info_bar {
  background-color: #3a3a3a;
  border-bottom-color: #404040;
}
body.dark_mode .top_info_bar_light,
html.dark_mode body .top_info_bar_light {
  background-color: #2d2d2d;
  color: #e4e4e4;
  border-bottom-color: #404040;
}
body.dark_mode .top_info_bar_light .top_info_day .day_name,
html.dark_mode body .top_info_bar_light .top_info_day .day_name {
  color: #e4e4e4;
}
body.dark_mode .top_info_bar_light .top_info_day .day_hours,
html.dark_mode body .top_info_bar_light .top_info_day .day_hours {
  color: #b0b0b0;
}
body.dark_mode .top_info_bar_light .top_info_day.current_day .day_name,
html.dark_mode body .top_info_bar_light .top_info_day.current_day .day_name {
  font-weight: 900;
}
body.dark_mode .top_info_bar_light .top_info_day.current_day .day_hours,
html.dark_mode body .top_info_bar_light .top_info_day.current_day .day_hours {
  color: #e4e4e4;
  font-weight: 700;
}
body.dark_mode .top_info_bar_light .top_info_day.closed .day_hours,
html.dark_mode body .top_info_bar_light .top_info_day.closed .day_hours {
  color: #808080;
}
body.dark_mode .top_info_bar_light .top_info_contact,
html.dark_mode body .top_info_bar_light .top_info_contact {
  color: #e4e4e4;
}
body.dark_mode .top_info_bar_light .top_info_contact .contact_item i,
html.dark_mode body .top_info_bar_light .top_info_contact .contact_item i {
  color: #b0b0b0;
}
body.dark_mode .top_info_bar_light .top_info_contact .contact_item a,
html.dark_mode body .top_info_bar_light .top_info_contact .contact_item a {
  color: #e4e4e4;
}
body.dark_mode .top_info_bar_light .top_info_contact .contact_item a:hover,
html.dark_mode body .top_info_bar_light .top_info_contact .contact_item a:hover {
  color: #6666cc;
}

.vehicle_grid, .vehicle_grid_4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .vehicle_grid, .vehicle_grid_4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .vehicle_grid, .vehicle_grid_4 {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .vehicle_grid_4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.vehicle_card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  overflow: hidden;
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
}
.vehicle_card:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  transform: translateY(-4px);
  text-decoration: none;
}

.vehicle_image {
  position: relative;
  width: 100%;
  padding-top: 66.67%;
  overflow: hidden;
  background-color: #e9ecef;
}
.vehicle_image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.vehicle_card:hover .vehicle_image img {
  transform: scale(1.1);
}

.vehicle_badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
}

.vehicle_badge_new {
  background-color: #28a745;
  color: #fff;
}

.vehicle_badge_lower_price {
  background-color: #dc3545;
  color: #fff;
}

.vehicle_badge_sold_badge {
  background-color: #6c757d;
  color: #fff;
}

.vehicle_sold_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vehicle_sold_overlay::before {
  content: "SOLD";
  font-size: 4rem;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0px;
  transform: rotate(-15deg);
  text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.6);
  line-height: 1;
}
@media (min-width: 640px) {
  .vehicle_sold_overlay::before {
    font-size: 5rem;
    letter-spacing: 0px;
  }
}

.vehicle_content {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.vehicle_title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #343a40;
  margin-bottom: 0.75rem;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-height: 2.6rem;
}

.vehicle_listed {
  font-size: 0.875rem;
  color: #f04124;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.vehicle_payment {
  min-height: 2.5rem;
  margin-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.vehicle_payment .payment_label {
  font-size: 0.75rem;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 500;
}
.vehicle_payment .payment_amount {
  font-size: 1.25rem;
  font-weight: 700;
  color: #343a40;
  line-height: 1;
}
.vehicle_payment .payment_amount sup {
  font-size: 0.7em;
  top: -0.5em;
}

.vehicle_price {
  margin-bottom: 0.25rem;
}
.vehicle_price .price_amount {
  font-size: 2.25rem;
  font-weight: 700;
  color: #f04124;
  line-height: 1;
}
.vehicle_price .price_amount sup {
  font-size: 0.6em;
  top: -0.8em;
}

.vehicle_price_subtitle {
  font-size: 0.6875rem;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 0.75rem;
}

.vehicle_details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.75rem;
  border-top: 1px solid #e9ecef;
  font-size: 0.8125rem;
  margin-top: auto;
}

.vehicle_stock {
  color: #6c757d;
}
.vehicle_stock strong {
  color: #f04124;
  font-weight: 600;
}

.vehicle_mileage {
  color: #6c757d;
  text-align: right;
}
.vehicle_mileage strong {
  color: #343a40;
  font-weight: 700;
}
.vehicle_mileage .mileage_unit {
  font-size: 0.75rem;
  color: #adb5bd;
  font-weight: 400;
}

.vehicle_dealer {
  padding: 0.5rem 1rem;
  background-color: #212529;
  color: #fff;
  text-align: center;
  font-size: 0.8125rem;
  border-top: 1px solid #dee2e6;
}
.vehicle_dealer .dealer_name {
  font-weight: 700;
  color: #fff;
  display: block;
  margin-bottom: 0.125rem;
}
.vehicle_dealer .dealer_location {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.75rem;
}

.vehicle_card_horizontal {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #f4d03f;
  border: 3px solid #f4d03f;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  text-decoration: none;
  color: inherit;
  margin-bottom: 1.25rem;
  padding: 20px;
}
.vehicle_card_horizontal:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  transform: translateY(-2px);
  text-decoration: none;
}

.vehicle_horizontal_content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .vehicle_horizontal_content {
    flex-direction: row;
    gap: 1.25rem;
  }
}

.vehicle_horizontal_image {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  flex-shrink: 0;
  border: 2px solid #dee2e6;
  border-radius: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .vehicle_horizontal_image {
    width: 45%;
  }
}
.vehicle_horizontal_image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
  transition: transform 0.5s ease;
}
.vehicle_card_horizontal:hover .vehicle_horizontal_image img {
  transform: scale(1.05);
}

.vehicle_horizontal_title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #343a40;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
@media (min-width: 640px) {
  .vehicle_horizontal_title {
    font-size: 1.75rem;
  }
}

.vehicle_horizontal_details {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.vehicle_horizontal_badge {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0.5rem 1.25rem;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  white-space: nowrap;
  z-index: 10;
}
.vehicle_horizontal_badge.badge_new {
  background-color: #28a745;
  color: #fff;
}
.vehicle_horizontal_badge.badge_lower_price {
  background-color: #dc3545;
  color: #fff;
}

.vehicle_horizontal_pricing {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 0.75rem;
  gap: 1rem;
}

.vehicle_horizontal_payment {
  text-align: right;
}
.vehicle_horizontal_payment .payment_frequency {
  font-size: 0.875rem;
  color: #495057;
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.vehicle_horizontal_payment .payment_value {
  font-size: 1.5rem;
  font-weight: 700;
  color: #343a40;
  line-height: 1;
}
.vehicle_horizontal_payment .payment_value sup {
  font-size: 0.7em;
}

.vehicle_horizontal_price {
  text-align: right;
}
.vehicle_horizontal_price .price_value {
  font-size: 3rem;
  font-weight: 700;
  color: #dc3545;
  line-height: 1;
  margin-bottom: 0.25rem;
}
.vehicle_horizontal_price .price_value sup {
  font-size: 0.6em;
}
@media (min-width: 640px) {
  .vehicle_horizontal_price .price_value {
    font-size: 3.25rem;
  }
}
.vehicle_horizontal_price .price_label {
  font-size: 0.75rem;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.vehicle_specs_container {
  background-color: #fff;
  border-radius: 0.375rem;
  padding: 0.5rem;
  margin-bottom: 0.75rem;
}

.vehicle_specs_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.vehicle_specs_table tr:nth-child(odd) {
  background-color: #fff;
}
.vehicle_specs_table tr:nth-child(even) {
  background-color: #e8e8e8;
}
.vehicle_specs_table td {
  padding: 0.25rem 0.5rem;
  border: none;
  vertical-align: middle;
  line-height: 1.3;
}
.vehicle_specs_table td:first-child {
  font-weight: 600;
  color: #495057;
  white-space: nowrap;
  width: 20%;
  font-size: 0.6875rem;
}
.vehicle_specs_table td:nth-child(2) {
  color: #343a40;
  font-weight: 500;
  width: 30%;
}
.vehicle_specs_table td:nth-child(3) {
  font-weight: 600;
  color: #495057;
  white-space: nowrap;
  width: 20%;
  font-size: 0.6875rem;
}
.vehicle_specs_table td:nth-child(4) {
  color: #343a40;
  font-weight: 500;
  width: 30%;
}

.vehicle_horizontal_features {
  font-size: 0.875rem;
  color: #343a40;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem;
  background-color: #e8e8e8;
  border-left: 4px solid #f04124;
  line-height: 1.4;
  font-weight: 700;
  border-radius: 0.375rem;
}

.vehicle_horizontal_actions {
  display: flex;
  gap: 0.75rem;
  margin-top: auto;
  flex-wrap: wrap;
}
.vehicle_horizontal_actions .btn {
  flex: 1;
  min-width: 180px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
  line-height: 1.2;
}
.vehicle_horizontal_actions .btn i {
  font-size: 1.125rem;
}

.btn_vehicle_photos {
  background-color: #ff6b35;
  border-color: #ff6b35;
  color: #fff;
}
.btn_vehicle_photos:hover {
  background-color: rgb(255, 69.6336633663, 2);
  border-color: rgb(255, 69.6336633663, 2);
}

.btn_vehicle_info {
  background-color: #343a40;
  border-color: #343a40;
  color: #fff;
}
.btn_vehicle_info:hover {
  background-color: #000;
  border-color: #000;
}

.btn {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}

.btn_primary {
  color: #fff;
  background-color: #333399;
  border-color: #333399;
}
.btn_primary:hover {
  color: #fff;
  background-color: rgb(41.4375, 41.4375, 124.3125);
  border-color: rgb(38.25, 38.25, 114.75);
}
.btn_primary:focus, .btn_primary.focus {
  color: #fff;
  background-color: rgb(41.4375, 41.4375, 124.3125);
  border-color: rgb(38.25, 38.25, 114.75);
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.5);
}
.btn_primary.disabled, .btn_primary:disabled {
  color: #fff;
  background-color: #333399;
  border-color: #333399;
}
.btn_primary:not(:disabled):not(.disabled):active, .btn_primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(38.25, 38.25, 114.75);
  border-color: rgb(35.0625, 35.0625, 105.1875);
}
.btn_primary:not(:disabled):not(.disabled):active:focus, .btn_primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.5);
}

.btn_secondary {
  color: #fff;
  background-color: #BF1B28;
  border-color: #BF1B28;
}
.btn_secondary:hover {
  color: #fff;
  background-color: rgb(157.4873853211, 22.2626146789, 32.9816513761);
  border-color: rgb(146.3165137615, 20.6834862385, 30.6422018349);
}
.btn_secondary:focus, .btn_secondary.focus {
  color: #fff;
  background-color: rgb(157.4873853211, 22.2626146789, 32.9816513761);
  border-color: rgb(146.3165137615, 20.6834862385, 30.6422018349);
  box-shadow: 0 0 0 0.2rem rgba(191, 27, 40, 0.5);
}
.btn_secondary.disabled, .btn_secondary:disabled {
  color: #fff;
  background-color: #BF1B28;
  border-color: #BF1B28;
}
.btn_secondary:not(:disabled):not(.disabled):active, .btn_secondary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(146.3165137615, 20.6834862385, 30.6422018349);
  border-color: rgb(135.1456422018, 19.1043577982, 28.3027522936);
}
.btn_secondary:not(:disabled):not(.disabled):active:focus, .btn_secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(191, 27, 40, 0.5);
}

.btn_success {
  color: #fff;
  background-color: #007531;
  border-color: #007531;
}
.btn_success:hover {
  color: #fff;
  background-color: rgb(0, 78.75, 32.9807692308);
  border-color: rgb(0, 66, 27.641025641);
}
.btn_success:focus, .btn_success.focus {
  color: #fff;
  background-color: rgb(0, 78.75, 32.9807692308);
  border-color: rgb(0, 66, 27.641025641);
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.5);
}
.btn_success.disabled, .btn_success:disabled {
  color: #fff;
  background-color: #007531;
  border-color: #007531;
}
.btn_success:not(:disabled):not(.disabled):active, .btn_success:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(0, 66, 27.641025641);
  border-color: rgb(0, 53.25, 22.3012820513);
}
.btn_success:not(:disabled):not(.disabled):active:focus, .btn_success:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.5);
}

.btn_info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn_info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn_info:focus, .btn_info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn_info.disabled, .btn_info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn_info:not(:disabled):not(.disabled):active, .btn_info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn_info:not(:disabled):not(.disabled):active:focus, .btn_info:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn_warning {
  color: #343a40;
  background-color: #f08a24;
  border-color: #f08a24;
}
.btn_warning:hover {
  color: #343a40;
  background-color: rgb(222.5096153846, 118.875, 15.2403846154);
  border-color: rgb(210.5769230769, 112.5, 14.4230769231);
}
.btn_warning:focus, .btn_warning.focus {
  color: #343a40;
  background-color: rgb(222.5096153846, 118.875, 15.2403846154);
  border-color: rgb(210.5769230769, 112.5, 14.4230769231);
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 36, 0.5);
}
.btn_warning.disabled, .btn_warning:disabled {
  color: #343a40;
  background-color: #f08a24;
  border-color: #f08a24;
}
.btn_warning:not(:disabled):not(.disabled):active, .btn_warning:not(:disabled):not(.disabled).active {
  color: #343a40;
  background-color: rgb(210.5769230769, 112.5, 14.4230769231);
  border-color: rgb(198.6442307692, 106.125, 13.6057692308);
}
.btn_warning:not(:disabled):not(.disabled):active:focus, .btn_warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 36, 0.5);
}

.btn_danger {
  color: #fff;
  background-color: #f04124;
  border-color: #f04124;
}
.btn_danger:hover {
  color: #fff;
  background-color: rgb(222.5096153846, 44.7051282051, 15.2403846154);
  border-color: rgb(210.5769230769, 42.3076923077, 14.4230769231);
}
.btn_danger:focus, .btn_danger.focus {
  color: #fff;
  background-color: rgb(222.5096153846, 44.7051282051, 15.2403846154);
  border-color: rgb(210.5769230769, 42.3076923077, 14.4230769231);
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.5);
}
.btn_danger.disabled, .btn_danger:disabled {
  color: #fff;
  background-color: #f04124;
  border-color: #f04124;
}
.btn_danger:not(:disabled):not(.disabled):active, .btn_danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(210.5769230769, 42.3076923077, 14.4230769231);
  border-color: rgb(198.6442307692, 39.9102564103, 13.6057692308);
}
.btn_danger:not(:disabled):not(.disabled):active:focus, .btn_danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.5);
}

.btn_light {
  color: #343a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn_light:hover {
  color: #343a40;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn_light:focus, .btn_light.focus {
  color: #343a40;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn_light.disabled, .btn_light:disabled {
  color: #343a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn_light:not(:disabled):not(.disabled):active, .btn_light:not(:disabled):not(.disabled).active {
  color: #343a40;
  background-color: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn_light:not(:disabled):not(.disabled):active:focus, .btn_light:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn_dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn_dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn_dark:focus, .btn_dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn_dark.disabled, .btn_dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn_dark:not(:disabled):not(.disabled):active, .btn_dark:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn_dark:not(:disabled):not(.disabled):active:focus, .btn_dark:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn_outline_primary {
  color: #333399;
  background-color: transparent;
  border-color: #333399;
}
.btn_outline_primary:hover {
  color: #fff;
  background-color: #333399;
  border-color: #333399;
}
.btn_outline_primary:focus, .btn_outline_primary.focus {
  color: #fff;
  background-color: #333399;
  border-color: #333399;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.5);
}
.btn_outline_primary.disabled, .btn_outline_primary:disabled {
  color: #333399;
  background-color: transparent;
  border-color: #333399;
}
.btn_outline_primary:not(:disabled):not(.disabled):active, .btn_outline_primary:not(:disabled):not(.disabled).active {
  color: #333399;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(35.0625, 35.0625, 105.1875);
}
.btn_outline_primary:not(:disabled):not(.disabled):active:focus, .btn_outline_primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.5);
}

.btn_outline_secondary {
  color: #BF1B28;
  background-color: transparent;
  border-color: #BF1B28;
}
.btn_outline_secondary:hover {
  color: #fff;
  background-color: #BF1B28;
  border-color: #BF1B28;
}
.btn_outline_secondary:focus, .btn_outline_secondary.focus {
  color: #fff;
  background-color: #BF1B28;
  border-color: #BF1B28;
  box-shadow: 0 0 0 0.2rem rgba(191, 27, 40, 0.5);
}
.btn_outline_secondary.disabled, .btn_outline_secondary:disabled {
  color: #BF1B28;
  background-color: transparent;
  border-color: #BF1B28;
}
.btn_outline_secondary:not(:disabled):not(.disabled):active, .btn_outline_secondary:not(:disabled):not(.disabled).active {
  color: #BF1B28;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(135.1456422018, 19.1043577982, 28.3027522936);
}
.btn_outline_secondary:not(:disabled):not(.disabled):active:focus, .btn_outline_secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(191, 27, 40, 0.5);
}

.btn_outline_success {
  color: #007531;
  background-color: transparent;
  border-color: #007531;
}
.btn_outline_success:hover {
  color: #fff;
  background-color: #007531;
  border-color: #007531;
}
.btn_outline_success:focus, .btn_outline_success.focus {
  color: #fff;
  background-color: #007531;
  border-color: #007531;
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.5);
}
.btn_outline_success.disabled, .btn_outline_success:disabled {
  color: #007531;
  background-color: transparent;
  border-color: #007531;
}
.btn_outline_success:not(:disabled):not(.disabled):active, .btn_outline_success:not(:disabled):not(.disabled).active {
  color: #007531;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(0, 53.25, 22.3012820513);
}
.btn_outline_success:not(:disabled):not(.disabled):active:focus, .btn_outline_success:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.5);
}

.btn_outline_info {
  color: #17a2b8;
  background-color: transparent;
  border-color: #17a2b8;
}
.btn_outline_info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn_outline_info:focus, .btn_outline_info.focus {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn_outline_info.disabled, .btn_outline_info:disabled {
  color: #17a2b8;
  background-color: transparent;
  border-color: #17a2b8;
}
.btn_outline_info:not(:disabled):not(.disabled):active, .btn_outline_info:not(:disabled):not(.disabled).active {
  color: #17a2b8;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn_outline_info:not(:disabled):not(.disabled):active:focus, .btn_outline_info:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn_outline_warning {
  color: #f08a24;
  background-color: transparent;
  border-color: #f08a24;
}
.btn_outline_warning:hover {
  color: #343a40;
  background-color: #f08a24;
  border-color: #f08a24;
}
.btn_outline_warning:focus, .btn_outline_warning.focus {
  color: #343a40;
  background-color: #f08a24;
  border-color: #f08a24;
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 36, 0.5);
}
.btn_outline_warning.disabled, .btn_outline_warning:disabled {
  color: #f08a24;
  background-color: transparent;
  border-color: #f08a24;
}
.btn_outline_warning:not(:disabled):not(.disabled):active, .btn_outline_warning:not(:disabled):not(.disabled).active {
  color: #f08a24;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(198.6442307692, 106.125, 13.6057692308);
}
.btn_outline_warning:not(:disabled):not(.disabled):active:focus, .btn_outline_warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 36, 0.5);
}

.btn_outline_danger {
  color: #f04124;
  background-color: transparent;
  border-color: #f04124;
}
.btn_outline_danger:hover {
  color: #fff;
  background-color: #f04124;
  border-color: #f04124;
}
.btn_outline_danger:focus, .btn_outline_danger.focus {
  color: #fff;
  background-color: #f04124;
  border-color: #f04124;
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.5);
}
.btn_outline_danger.disabled, .btn_outline_danger:disabled {
  color: #f04124;
  background-color: transparent;
  border-color: #f04124;
}
.btn_outline_danger:not(:disabled):not(.disabled):active, .btn_outline_danger:not(:disabled):not(.disabled).active {
  color: #f04124;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(198.6442307692, 39.9102564103, 13.6057692308);
}
.btn_outline_danger:not(:disabled):not(.disabled):active:focus, .btn_outline_danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.5);
}

.btn_outline_light {
  color: #f8f9fa;
  background-color: transparent;
  border-color: #f8f9fa;
}
.btn_outline_light:hover {
  color: #343a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn_outline_light:focus, .btn_outline_light.focus {
  color: #343a40;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn_outline_light.disabled, .btn_outline_light:disabled {
  color: #f8f9fa;
  background-color: transparent;
  border-color: #f8f9fa;
}
.btn_outline_light:not(:disabled):not(.disabled):active, .btn_outline_light:not(:disabled):not(.disabled).active {
  color: #f8f9fa;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn_outline_light:not(:disabled):not(.disabled):active:focus, .btn_outline_light:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn_outline_dark {
  color: #343a40;
  background-color: transparent;
  border-color: #343a40;
}
.btn_outline_dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn_outline_dark:focus, .btn_outline_dark.focus {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn_outline_dark.disabled, .btn_outline_dark:disabled {
  color: #343a40;
  background-color: transparent;
  border-color: #343a40;
}
.btn_outline_dark:not(:disabled):not(.disabled):active, .btn_outline_dark:not(:disabled):not(.disabled).active {
  color: #343a40;
  background-color: hsla(0, 0%, -10%, 0);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn_outline_dark:not(:disabled):not(.disabled):active:focus, .btn_outline_dark:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn_sm {
  font-size: 14px;
  border-radius: 0.25rem;
}

.btn_lg {
  font-size: 18px;
  border-radius: 0.5rem;
}

.btn_block {
  display: block;
  width: 100%;
}

.btn_link {
  font-weight: 400;
  color: #333399;
  text-decoration: none;
}
.btn_link:hover {
  color: #22226b;
  text-decoration: underline;
}
.btn_link:focus {
  text-decoration: underline;
}
.btn_link:disabled, .btn_link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.form_control, .form_control_lg, .form_control_sm {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form_control:focus, .form_control_lg:focus, .form_control_sm:focus {
  color: #1b1f2a;
  background-color: #fff;
  border-color: rgb(121.125, 121.125, 210.375);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.form_control::placeholder, .form_control_lg::placeholder, .form_control_sm::placeholder {
  color: #1b1f2a;
  opacity: 0.5;
}
.form_control:disabled, .form_control_lg:disabled, .form_control_sm:disabled, .form_control[readonly], [readonly].form_control_lg, [readonly].form_control_sm {
  background-color: #e9ecef;
  opacity: 1;
}

.form_control_sm {
  font-size: 14px;
  border-radius: 0.25rem;
}

.form_control_lg {
  font-size: 18px;
  border-radius: 0.5rem;
}

.complex_form_textbox,
.complex_form_dropdown {
  display: block;
  width: 100%;
  height: 2rem;
  padding: 0 0.5rem;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.complex_form_textbox:focus,
.complex_form_dropdown:focus {
  border-color: #333399;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.complex_form_textbox:disabled, .complex_form_textbox[readonly],
.complex_form_dropdown:disabled,
.complex_form_dropdown[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.complex_form_textbox::placeholder {
  color: #1b1f2a;
  opacity: 0.5;
}

.complex_form_dropdown {
  padding-right: 1.625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 12px 10px;
  appearance: none;
}

.complex_form_textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.5rem;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: #1b1f2a;
  background-color: #fff;
  border: 1px solid #ced4da;
  resize: vertical;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.complex_form_textarea:focus {
  border-color: #333399;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.complex_form_textarea:disabled, .complex_form_textarea[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

.form_label, .form_label_lg, .form_label_sm {
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-weight: 500;
  color: #1b1f2a;
}

.form_label_sm {
  font-size: 14px;
}

.form_label_lg {
  font-size: 18px;
}

.form_text {
  margin-top: 0.25rem;
  font-size: 14px;
  color: #5a6475;
}

.form_group {
  margin-bottom: 1rem;
}

.form_check, .form_switch, .form_check_inline {
  position: relative;
  display: block;
  padding-left: 1.75rem;
  margin-bottom: 0.75rem;
  min-height: 1.5rem;
}

.form_check_input {
  position: absolute;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.form_check_input[type=checkbox] + .form_check_label {
  position: relative;
  padding-left: 0;
  cursor: pointer;
  user-select: none;
}
.form_check_input[type=checkbox] + .form_check_label::before {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: 0.125rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 2px solid #ced4da;
  border-radius: 0.375rem;
  transition: all 0.2s ease;
}
.form_check_input[type=checkbox] + .form_check_label::after {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: 0.125rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.2s ease;
}
.form_check_input[type=checkbox]:checked + .form_check_label::before {
  background-color: #333399;
  border-color: #333399;
}
.form_check_input[type=checkbox]:checked + .form_check_label::after {
  opacity: 1;
  transform: scale(1);
}
.form_check_input[type=checkbox]:focus + .form_check_label::before {
  border-color: #333399;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.form_check_input[type=checkbox]:disabled + .form_check_label {
  opacity: 0.5;
  cursor: not-allowed;
}
.form_check_input[type=checkbox]:disabled + .form_check_label::before {
  background-color: #e9ecef;
}
.form_check_input[type=checkbox]:not(:disabled):not(:checked):hover + .form_check_label::before {
  border-color: #333399;
}
.form_check_input[type=radio] + .form_check_label {
  position: relative;
  padding-left: 0;
  cursor: pointer;
  user-select: none;
}
.form_check_input[type=radio] + .form_check_label::before {
  content: "";
  position: absolute;
  left: -1.75rem;
  top: 0.125rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 2px solid #ced4da;
  border-radius: 50%;
  transition: all 0.2s ease;
}
.form_check_input[type=radio] + .form_check_label::after {
  content: "";
  position: absolute;
  left: -1.4375rem;
  top: 0.4375rem;
  display: block;
  width: 0.625rem;
  height: 0.625rem;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
}
.form_check_input[type=radio]:checked + .form_check_label::before {
  background-color: #333399;
  border-color: #333399;
}
.form_check_input[type=radio]:checked + .form_check_label::after {
  opacity: 1;
  transform: scale(1);
}
.form_check_input[type=radio]:focus + .form_check_label::before {
  border-color: #333399;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.form_check_input[type=radio]:disabled + .form_check_label {
  opacity: 0.5;
  cursor: not-allowed;
}
.form_check_input[type=radio]:disabled + .form_check_label::before {
  background-color: #e9ecef;
}
.form_check_input[type=radio]:not(:disabled):not(:checked):hover + .form_check_label::before {
  border-color: #333399;
}

.form_check_label {
  margin-bottom: 0;
  cursor: pointer;
  user-select: none;
}

.form_check_inline {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 0;
}

.form_switch {
  padding-left: 4rem;
}
.form_switch .form_check_input {
  width: 3.5rem;
  height: 1.75rem;
  margin-left: -4rem;
  margin-top: 0;
  border-radius: 2rem;
  background-color: #ced4da;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 1;
  z-index: 1;
  position: relative;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.form_switch .form_check_input::before, .form_switch .form_check_input::after {
  display: none !important;
}
.form_switch .form_check_input::before {
  content: "";
  display: block !important;
  position: absolute;
  top: 0.125rem;
  left: 0.125rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: 50%;
  transition: transform 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.form_switch .form_check_input::after {
  content: "OFF" !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0.625rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.5px;
  padding-right: 0.375rem;
  pointer-events: none;
}
.form_switch .form_check_input:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
  outline: none;
}
.form_switch .form_check_input:checked {
  background-color: #333399;
}
.form_switch .form_check_input:checked::before {
  transform: translateX(1.75rem);
}
.form_switch .form_check_input:checked::after {
  content: "ON" !important;
  justify-content: flex-start;
  padding-right: 0;
  padding-left: 0.375rem;
}
.form_switch .form_check_input:checked:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.form_switch .form_check_input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.form_switch .form_check_label::before, .form_switch .form_check_label::after {
  display: none !important;
}

.input_group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
}
.input_group .form_control, .input_group .form_control_sm, .input_group .form_control_lg {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input_group > .form_control:not(:last-child), .input_group > .form_control_sm:not(:last-child), .input_group > .form_control_lg:not(:last-child),
.input_group > .input_group_text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input_group > .form_control:not(:first-child), .input_group > .form_control_sm:not(:first-child), .input_group > .form_control_lg:not(:first-child),
.input_group > .input_group_text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input_group > .form_control:not(:first-child):not(:last-child), .input_group > .form_control_sm:not(:first-child):not(:last-child), .input_group > .form_control_lg:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input_group_text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  white-space: nowrap;
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input_group_prepend,
.input_group_append {
  display: flex;
}
.input_group_prepend .btn,
.input_group_append .btn {
  position: relative;
  z-index: 2;
}
.input_group_prepend .btn:focus,
.input_group_append .btn:focus {
  z-index: 3;
}

.input_group_sm .form_control, .input_group_sm .form_control_sm, .input_group_sm .form_control_lg,
.input_group_sm .input_group_text {
  font-size: 14px;
  border-radius: 0.25rem;
}

.input_group_lg .form_control, .input_group_lg .form_control_sm, .input_group_lg .form_control_lg,
.input_group_lg .input_group_text {
  font-size: 18px;
  border-radius: 0.5rem;
}

.form_floating {
  position: relative;
}
.form_floating .form_control, .form_floating .form_control_sm, .form_floating .form_control_lg {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
}
.form_floating .form_control::placeholder, .form_floating .form_control_sm::placeholder, .form_floating .form_control_lg::placeholder {
  color: transparent;
}
.form_floating .form_control:focus, .form_floating .form_control_sm:focus, .form_floating .form_control_lg:focus, .form_floating .form_control:not(:placeholder-shown), .form_floating .form_control_sm:not(:placeholder-shown), .form_floating .form_control_lg:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form_floating .form_control:focus ~ label, .form_floating .form_control_sm:focus ~ label, .form_floating .form_control_lg:focus ~ label, .form_floating .form_control:not(:placeholder-shown) ~ label, .form_floating .form_control_sm:not(:placeholder-shown) ~ label, .form_floating .form_control_lg:not(:placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form_floating label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form_floating textarea.form_control, .form_floating textarea.form_control_sm, .form_floating textarea.form_control_lg {
  height: auto;
  min-height: calc(3.5rem + 2px);
}

.form_range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form_range:focus {
  outline: 0;
}
.form_range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f5f7fc, 0 0 0 0.25rem rgba(51, 51, 153, 0.25);
}
.form_range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f5f7fc, 0 0 0 0.25rem rgba(51, 51, 153, 0.25);
}
.form_range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #333399;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
.form_range::-webkit-slider-thumb:active {
  background-color: #6666cc;
}
.form_range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form_range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #333399;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
.form_range::-moz-range-thumb:active {
  background-color: #6666cc;
}
.form_range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form_range:disabled {
  pointer-events: none;
}
.form_range:disabled::-webkit-slider-thumb {
  background-color: #ced4da;
}
.form_range:disabled::-moz-range-thumb {
  background-color: #ced4da;
}

.form_file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.5rem + 2px);
  margin-bottom: 0;
}

.form_file_input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.form_file_input:focus ~ .form_file_label {
  border-color: #333399;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.form_file_input:disabled ~ .form_file_label {
  background-color: #e9ecef;
  opacity: 0.5;
  cursor: not-allowed;
}

.form_file_label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: all 0.15s ease;
}
.form_file_label::after {
  content: "Browse";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #1b1f2a;
  background-color: #f8f9fa;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.375rem 0.375rem 0;
}

.valid_feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 14px;
  color: #007531;
}

.invalid_feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 14px;
  color: #f04124;
}

.was_validated .form_control:valid, .was_validated .form_control_sm:valid, .was_validated .form_control_lg:valid,
.was_validated .form_select:valid,
.was_validated .form_select_lg:valid,
.was_validated .form_select_sm:valid {
  border-color: #007531;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was_validated .form_control:valid:focus, .was_validated .form_control_sm:valid:focus, .was_validated .form_control_lg:valid:focus,
.was_validated .form_select:valid:focus,
.was_validated .form_select_lg:valid:focus,
.was_validated .form_select_sm:valid:focus {
  border-color: #007531;
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.25);
}
.was_validated .form_control:valid ~ .valid_feedback, .was_validated .form_control_sm:valid ~ .valid_feedback, .was_validated .form_control_lg:valid ~ .valid_feedback,
.was_validated .form_select:valid ~ .valid_feedback,
.was_validated .form_select_lg:valid ~ .valid_feedback,
.was_validated .form_select_sm:valid ~ .valid_feedback {
  display: block;
}
.was_validated .form_control:invalid, .was_validated .form_control_sm:invalid, .was_validated .form_control_lg:invalid,
.was_validated .form_select:invalid,
.was_validated .form_select_lg:invalid,
.was_validated .form_select_sm:invalid {
  border-color: #f04124;
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was_validated .form_control:invalid:focus, .was_validated .form_control_sm:invalid:focus, .was_validated .form_control_lg:invalid:focus,
.was_validated .form_select:invalid:focus,
.was_validated .form_select_lg:invalid:focus,
.was_validated .form_select_sm:invalid:focus {
  border-color: #f04124;
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.25);
}
.was_validated .form_control:invalid ~ .invalid_feedback, .was_validated .form_control_sm:invalid ~ .invalid_feedback, .was_validated .form_control_lg:invalid ~ .invalid_feedback,
.was_validated .form_select:invalid ~ .invalid_feedback,
.was_validated .form_select_lg:invalid ~ .invalid_feedback,
.was_validated .form_select_sm:invalid ~ .invalid_feedback {
  display: block;
}

.is_valid {
  border-color: #007531 !important;
}
.is_valid:focus {
  border-color: #007531 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.25) !important;
}
.is_valid ~ .valid_feedback {
  display: block;
}

.is_invalid {
  border-color: #f04124 !important;
}
.is_invalid:focus {
  border-color: #f04124 !important;
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.25) !important;
}
.is_invalid ~ .invalid_feedback {
  display: block;
}

.form_select, .form_select_lg, .form_select_sm {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
.form_select:focus, .form_select_lg:focus, .form_select_sm:focus {
  border-color: #333399;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.form_select:disabled, .form_select_lg:disabled, .form_select_sm:disabled {
  background-color: #e9ecef;
  opacity: 0.5;
  cursor: not-allowed;
}
.form_select[multiple], [multiple].form_select_lg, [multiple].form_select_sm, .form_select[size]:not([size="1"]), [size].form_select_lg:not([size="1"]), [size].form_select_sm:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form_select_sm {
  font-size: 14px;
  border-radius: 0.25rem;
}

.form_select_lg {
  font-size: 18px;
  border-radius: 0.5rem;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.card_body {
  flex: 1 1 auto;
  padding: 1rem;
}

.card_title {
  margin-bottom: 0.5rem;
  font-size: 20px;
  font-weight: 500;
}

.card_subtitle {
  margin-bottom: 0;
  font-size: 14px;
  color: #5a6475;
}

.card_text:last-child {
  margin-bottom: 0;
}

.card_link:hover {
  text-decoration: none;
}
.card_link + .card_link {
  margin-left: 0.75rem;
}

.card_header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  border-radius: 0.375rem 0.375rem 0 0;
}
.card_header:first-child {
  border-radius: 0.375rem;
}

.card_footer {
  padding: 0.5rem 1rem;
  background-color: #f8f9fa;
  border-top: 1px solid #dee2e6;
  border-radius: 0 0 0.375rem 0.375rem;
}
.card_footer:last-child {
  border-radius: 0.375rem;
}

.card_img,
.card_img_top,
.card_img_bottom {
  width: 100%;
}

.card_img,
.card_img_top {
  border-radius: 0.375rem 0.375rem 0 0;
}

.card_img,
.card_img_bottom {
  border-radius: 0 0 0.375rem 0.375rem;
}

.alert {
  position: relative;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}

.alert_primary {
  color: hsl(240, 50%, -10%);
  background-color: rgb(197.625, 197.625, 235.875);
  border-color: rgb(159.375, 159.375, 223.125);
}

.alert_secondary {
  color: hsl(355.243902439, 75.2293577982%, -7.2549019608%);
  background-color: rgb(247.2591743119, 200.2408256881, 203.9678899083);
  border-color: rgb(240.9426605505, 155.5573394495, 162.3256880734);
}

.alert_success {
  color: hsl(145.1282051282, 100%, -27.0588235294%);
  background-color: rgb(91.5, 255, 159.9743589744);
  border-color: rgb(40.5, 255, 130.3333333333);
}

.alert_info {
  color: hsl(188.198757764, 77.7777777778%, -9.4117647059%);
  background-color: rgb(189.6666666667, 239.0217391304, 246.8333333333);
  border-color: rgb(144.3333333333, 227.9347826087, 241.1666666667);
}

.alert_warning {
  color: rgb(19.6538461538, 10.5, 1.3461538462);
  background-color: rgb(254.7115384615, 252.75, 250.7884615385);
  border-color: rgb(251.4423076923, 227.25, 203.0576923077);
}

.alert_danger {
  color: rgb(19.6538461538, 3.9487179487, 1.3461538462);
  background-color: rgb(254.7115384615, 251.3461538462, 250.7884615385);
  border-color: rgb(251.4423076923, 209.9358974359, 203.0576923077);
}

.alert_light {
  color: rgb(101.25, 121.5, 141.75);
  background-color: #f8f9fa;
  border-color: rgb(203.375, 210.75, 218.125);
}

.alert_dark {
  color: rgb(178.3103448276, 185.5, 192.6896551724);
  background-color: #343a40;
  border-color: rgb(86.2931034483, 96.25, 106.2068965517);
}

.alert_link {
  font-weight: 700;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}

.badge_primary {
  background-color: #333399;
}

.badge_secondary {
  background-color: #BF1B28;
}

.badge_success {
  background-color: #007531;
}

.badge_info {
  background-color: #17a2b8;
}

.badge_warning {
  background-color: #f08a24;
  color: #343a40;
}

.badge_danger {
  background-color: #f04124;
}

.badge_light {
  background-color: #f8f9fa;
  color: #343a40;
}

.badge_dark {
  background-color: #343a40;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.375rem;
}

.breadcrumb_item + .breadcrumb_item {
  padding-left: 0.5rem;
}
.breadcrumb_item + .breadcrumb_item::before {
  float: left;
  padding-right: 0.5rem;
  color: #5a6475;
  content: "/";
}
.breadcrumb_item.active {
  color: #5a6475;
}

.pagination_container, .pagination_container_lg, .pagination_container_sm {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem 0;
  list-style: none;
  margin: 0;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  overflow: hidden;
}
.pagination_container .page_item, .pagination_container_lg .page_item, .pagination_container_sm .page_item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  background-color: transparent;
  color: #1b1f2a;
  text-decoration: none;
  border: none;
  border-right: 1px solid #dee2e6;
  transition: all 0.15s ease;
  position: relative;
}
.pagination_container .page_item:last-child, .pagination_container_lg .page_item:last-child, .pagination_container_sm .page_item:last-child {
  border-right: none;
}
.pagination_container .page_item a, .pagination_container_lg .page_item a, .pagination_container_sm .page_item a, .pagination_container .page_item span, .pagination_container_lg .page_item span, .pagination_container_sm .page_item span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  padding: 0.25rem 0.5rem;
}
.pagination_container .page_item:hover:not(.page_item_disabled):not(.page_item_active), .pagination_container_lg .page_item:hover:not(.page_item_disabled):not(.page_item_active), .pagination_container_sm .page_item:hover:not(.page_item_disabled):not(.page_item_active) {
  background-color: #f8f9fa;
  color: #1b1f2a;
}
.pagination_container .page_item.page_item_active, .pagination_container_lg .page_item.page_item_active, .pagination_container_sm .page_item.page_item_active {
  background-color: #fff;
  color: #1b1f2a;
  font-weight: 600;
  box-shadow: inset 0 0 0 2px #000;
  z-index: 1;
}
.pagination_container .page_item.page_item_active a, .pagination_container_lg .page_item.page_item_active a, .pagination_container_sm .page_item.page_item_active a, .pagination_container .page_item.page_item_active span, .pagination_container_lg .page_item.page_item_active span, .pagination_container_sm .page_item.page_item_active span {
  color: #1b1f2a;
}
.pagination_container .page_item.page_item_disabled, .pagination_container_lg .page_item.page_item_disabled, .pagination_container_sm .page_item.page_item_disabled {
  color: #5a6475;
  cursor: not-allowed;
  background-color: transparent;
}
.pagination_container .page_item.page_item_disabled a, .pagination_container_lg .page_item.page_item_disabled a, .pagination_container_sm .page_item.page_item_disabled a, .pagination_container .page_item.page_item_disabled span, .pagination_container_lg .page_item.page_item_disabled span, .pagination_container_sm .page_item.page_item_disabled span {
  color: #5a6475;
  cursor: not-allowed;
}
.pagination_container .page_item.page_item_disabled:hover, .pagination_container_lg .page_item.page_item_disabled:hover, .pagination_container_sm .page_item.page_item_disabled:hover {
  background-color: transparent;
  color: #5a6475;
}

.pagination_container_sm {
  border-radius: 0.375rem;
}
.pagination_container_sm .page_item {
  min-width: 1.75rem;
  height: 1.75rem;
  font-size: 0.75rem;
}
.pagination_container_sm .page_item a, .pagination_container_sm .page_item span {
  padding: 0.125rem 0.25rem;
}

.pagination_container_lg {
  border-radius: 0.625rem;
}
.pagination_container_lg .page_item {
  min-width: 2.75rem;
  height: 2.75rem;
  font-size: 1rem;
}
.pagination_container_lg .page_item a, .pagination_container_lg .page_item span {
  padding: 0.375rem 0.75rem;
}

.text_left {
  text-align: left !important;
}

.text_right {
  text-align: right !important;
}

.text_center,
.text_centre {
  text-align: center !important;
}

.text_justify {
  text-align: justify !important;
}

.text_lowercase,
.lcase {
  text-transform: lowercase !important;
}

.text_uppercase,
.ucase {
  text-transform: uppercase !important;
}

.text_capitalize,
.capitalize {
  text-transform: capitalize !important;
}

.text_normal {
  font-weight: 400 !important;
}

.text_medium {
  font-weight: 500 !important;
}

.text_bold {
  font-weight: 700 !important;
}

.text_muted {
  color: #5a6475 !important;
}

.text_primary {
  color: #333399 !important;
}

.text_secondary {
  color: #BF1B28 !important;
}

.text_success {
  color: #007531 !important;
}

.text_danger {
  color: #f04124 !important;
}

.text_warning {
  color: #f08a24 !important;
}

.text_info {
  color: #17a2b8 !important;
}

.text_light {
  color: #f8f9fa !important;
}

.text_dark {
  color: #343a40 !important;
}

.text_white {
  color: #fff !important;
}

.bg_primary {
  background-color: #333399 !important;
}

.bg_secondary {
  background-color: #BF1B28 !important;
}

.bg_success {
  background-color: #007531 !important;
}

.bg_danger {
  background-color: #f04124 !important;
}

.bg_warning {
  background-color: #f08a24 !important;
}

.bg_info {
  background-color: #17a2b8 !important;
}

.bg_light {
  background-color: #f8f9fa !important;
}

.bg_dark {
  background-color: #343a40 !important;
}

.bg_white {
  background-color: #fff !important;
}

.bg_transparent {
  background-color: transparent !important;
}

.no_margin,
.m_0 {
  margin: 0 !important;
}

.no_padding,
.p_0 {
  padding: 0 !important;
}

.mt_1 {
  margin-top: 0.25rem !important;
}

.mt_2 {
  margin-top: 0.5rem !important;
}

.mt_3 {
  margin-top: 0.75rem !important;
}

.mt_4 {
  margin-top: 1rem !important;
}

.mt_5 {
  margin-top: 1.25rem !important;
}

.mt_6 {
  margin-top: 1.5rem !important;
}

.mb_1 {
  margin-bottom: 0.25rem !important;
}

.mb_2 {
  margin-bottom: 0.5rem !important;
}

.mb_3 {
  margin-bottom: 0.75rem !important;
}

.mb_4 {
  margin-bottom: 1rem !important;
}

.mb_5 {
  margin-bottom: 1.25rem !important;
}

.mb_6 {
  margin-bottom: 1.5rem !important;
}

.ml_1 {
  margin-left: 0.25rem !important;
}

.ml_2 {
  margin-left: 0.5rem !important;
}

.ml_3 {
  margin-left: 0.75rem !important;
}

.ml_4 {
  margin-left: 1rem !important;
}

.ml_5 {
  margin-left: 1.25rem !important;
}

.ml_6 {
  margin-left: 1.5rem !important;
}

.mr_1 {
  margin-right: 0.25rem !important;
}

.mr_2 {
  margin-right: 0.5rem !important;
}

.mr_3 {
  margin-right: 0.75rem !important;
}

.mr_4 {
  margin-right: 1rem !important;
}

.mr_5 {
  margin-right: 1.25rem !important;
}

.mr_6 {
  margin-right: 1.5rem !important;
}

.pt_1 {
  padding-top: 0.25rem !important;
}

.pt_2 {
  padding-top: 0.5rem !important;
}

.pt_3 {
  padding-top: 0.75rem !important;
}

.pt_4 {
  padding-top: 1rem !important;
}

.pt_5 {
  padding-top: 1.25rem !important;
}

.pt_6 {
  padding-top: 1.5rem !important;
}

.pb_1 {
  padding-bottom: 0.25rem !important;
}

.pb_2 {
  padding-bottom: 0.5rem !important;
}

.pb_3 {
  padding-bottom: 0.75rem !important;
}

.pb_4 {
  padding-bottom: 1rem !important;
}

.pb_5 {
  padding-bottom: 1.25rem !important;
}

.pb_6 {
  padding-bottom: 1.5rem !important;
}

.pl_1 {
  padding-left: 0.25rem !important;
}

.pl_2 {
  padding-left: 0.5rem !important;
}

.pl_3 {
  padding-left: 0.75rem !important;
}

.pl_4 {
  padding-left: 1rem !important;
}

.pl_5 {
  padding-left: 1.25rem !important;
}

.pl_6 {
  padding-left: 1.5rem !important;
}

.pr_1 {
  padding-right: 0.25rem !important;
}

.pr_2 {
  padding-right: 0.5rem !important;
}

.pr_3 {
  padding-right: 0.75rem !important;
}

.pr_4 {
  padding-right: 1rem !important;
}

.pr_5 {
  padding-right: 1.25rem !important;
}

.pr_6 {
  padding-right: 1.5rem !important;
}

.d_none,
.hidden,
.nix_display {
  display: none !important;
}

.d_block {
  display: block !important;
}

.d_inline {
  display: inline !important;
}

.d_inline_block {
  display: inline-block !important;
}

.d_flex {
  display: flex !important;
}

.d_inline_flex {
  display: inline-flex !important;
}

.d_grid {
  display: grid !important;
}

.invisible {
  visibility: hidden !important;
}

.visible {
  visibility: visible !important;
}

.float_left {
  float: left !important;
}

.float_right {
  float: right !important;
}

.float_none {
  float: none !important;
}

.clear_left {
  clear: left !important;
}

.clear_right {
  clear: right !important;
}

.clear_both,
.clearfix {
  clear: both !important;
}

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

.border {
  border: 1px solid #dee2e6 !important;
}

.border_0 {
  border: 0 !important;
}

.border_top {
  border-top: 1px solid #dee2e6 !important;
}

.border_right {
  border-right: 1px solid #dee2e6 !important;
}

.border_bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border_left {
  border-left: 1px solid #dee2e6 !important;
}

.bordered {
  border: 1px solid #dee2e6 !important;
}

.rounded {
  border-radius: 0.375rem !important;
}

.rounded_sm {
  border-radius: 0.25rem !important;
}

.rounded_lg {
  border-radius: 0.5rem !important;
}

.rounded_circle {
  border-radius: 50% !important;
}

.rounded_pill {
  border-radius: 50rem !important;
}

.rounded_0 {
  border-radius: 0 !important;
}

.radius {
  border-radius: 0.375rem !important;
}

.shadow_none {
  box-shadow: none !important;
}

.shadow_sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow_lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.cursor_pointer,
.clickable,
.clickable_div_box {
  cursor: pointer !important;
}

.cursor_default {
  cursor: default !important;
}

.cursor_not_allowed {
  cursor: not-allowed !important;
}

.cursor_move {
  cursor: move !important;
}

.cursor_grab {
  cursor: grab !important;
}

.cursor_grabbing {
  cursor: grabbing !important;
}

.position_static {
  position: static !important;
}

.position_relative {
  position: relative !important;
}

.position_absolute {
  position: absolute !important;
}

.position_fixed {
  position: fixed !important;
}

.position_sticky {
  position: sticky !important;
}

.w_25 {
  width: 25% !important;
}

.w_50 {
  width: 50% !important;
}

.w_75 {
  width: 75% !important;
}

.w_100 {
  width: 100% !important;
}

.w_auto {
  width: auto !important;
}

.h_25 {
  height: 25% !important;
}

.h_50 {
  height: 50% !important;
}

.h_75 {
  height: 75% !important;
}

.h_100 {
  height: 100% !important;
}

.h_auto {
  height: auto !important;
}

.flex_row {
  flex-direction: row !important;
}

.flex_column {
  flex-direction: column !important;
}

.flex_wrap {
  flex-wrap: wrap !important;
}

.flex_nowrap {
  flex-wrap: nowrap !important;
}

.justify_start {
  justify-content: flex-start !important;
}

.justify_end {
  justify-content: flex-end !important;
}

.justify_center {
  justify-content: center !important;
}

.justify_between {
  justify-content: space-between !important;
}

.justify_around {
  justify-content: space-around !important;
}

.align_start {
  align-items: flex-start !important;
}

.align_end {
  align-items: flex-end !important;
}

.align_center {
  align-items: center !important;
}

.align_baseline {
  align-items: baseline !important;
}

.align_stretch {
  align-items: stretch !important;
}

.overflow_auto {
  overflow: auto !important;
}

.overflow_hidden {
  overflow: hidden !important;
}

.overflow_visible {
  overflow: visible !important;
}

.overflow_scroll {
  overflow: scroll !important;
}

.user_select_none {
  user-select: none !important;
}

.user_select_all {
  user-select: all !important;
}

.user_select_auto {
  user-select: auto !important;
}

.pointer_events_none {
  pointer-events: none !important;
}

.pointer_events_auto {
  pointer-events: auto !important;
}

.responsive_img, .img_fluid,
.img_responsive {
  max-width: 100%;
  height: auto;
  display: block;
}

.img_thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.sticky_header_wrapper {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: transparent;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  background-color: #fff;
  border-bottom: 1px solid #dee2e6;
}
.navbar .container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.navbar .navbar_brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: inherit;
  text-decoration: none;
  color: #343a40;
  order: 1;
}
.navbar .navbar_brand:hover, .navbar .navbar_brand:focus {
  text-decoration: none;
  color: #333399;
}
.navbar .navbar_toggler {
  padding: 0.5rem;
  font-size: 1.5rem;
  line-height: 1;
  background: none !important;
  border: none;
  color: inherit;
  cursor: pointer;
  margin-left: auto;
  order: 3;
  align-self: flex-start;
}
@media (min-width: 1024px) {
  .navbar .navbar_toggler {
    display: none;
  }
}
.navbar .navbar_toggler:hover, .navbar .navbar_toggler:focus {
  color: rgba(255, 255, 255, 0.8);
  outline: none;
  background: none !important;
}
.navbar .navbar_toggler:active, .navbar .navbar_toggler:focus {
  box-shadow: none;
  background: none !important;
}
.navbar .navbar_toggler i {
  font-size: inherit;
  color: inherit;
}
.navbar .navbar_collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
  order: 4;
  display: none;
}
@media (min-width: 1024px) {
  .navbar .navbar_collapse {
    display: flex !important;
    flex-basis: auto;
    order: 2;
    margin-left: auto;
  }
}
.navbar .navbar_collapse.show {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
}
.navbar .navbar_nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 1024px) {
  .navbar .navbar_nav {
    flex-direction: row;
  }
}
.navbar .navbar_nav .nav_item {
  margin-bottom: 0;
}
.navbar .navbar_nav .nav_link {
  display: block;
  padding: 0.5rem 1rem;
  color: #1b1f2a;
  text-decoration: none;
  transition: color 0.15s ease-in-out;
}
.navbar .navbar_nav .nav_link:hover, .navbar .navbar_nav .nav_link:focus {
  color: #333399;
  text-decoration: none;
}
.navbar .navbar_nav .nav_link.active {
  color: #333399;
  font-weight: 500;
}
.navbar .navbar_nav .nav_link.disabled {
  color: #5a6475;
  pointer-events: none;
  cursor: default;
}
.navbar .navbar_text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #1b1f2a;
}

.navbar_light {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}
.navbar_light .navbar_brand {
  color: #343a40;
}
.navbar_light .navbar_brand:hover, .navbar_light .navbar_brand:focus {
  color: #333399;
}
.navbar_light .navbar_toggler {
  color: #343a40;
  border-color: #dee2e6;
}
.navbar_light .navbar_nav .nav_link {
  color: #1b1f2a;
}
.navbar_light .navbar_nav .nav_link:hover, .navbar_light .navbar_nav .nav_link:focus {
  color: #333399;
}
.navbar_light .navbar_nav .nav_link.active {
  color: #333399;
}

.navbar_dark {
  background-color: #343a40;
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar_dark .navbar_brand {
  color: #fff;
}
.navbar_dark .navbar_brand:hover, .navbar_dark .navbar_brand:focus {
  color: rgba(255, 255, 255, 0.9);
}
.navbar_dark .navbar_toggler {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar_dark .navbar_nav .nav_link {
  color: rgba(255, 255, 255, 0.8);
}
.navbar_dark .navbar_nav .nav_link:hover, .navbar_dark .navbar_nav .nav_link:focus {
  color: #fff;
}
.navbar_dark .navbar_nav .nav_link.active {
  color: #fff;
}

.navbar_primary {
  background-color: #333399;
  border-color: rgb(38.25, 38.25, 114.75);
}
.navbar_primary .navbar_brand {
  color: #fff;
}
.navbar_primary .navbar_brand:hover, .navbar_primary .navbar_brand:focus {
  color: rgba(255, 255, 255, 0.9);
}
.navbar_primary .navbar_toggler {
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.2);
}
.navbar_primary .navbar_nav .nav_link {
  color: rgba(255, 255, 255, 0.8);
}
.navbar_primary .navbar_nav .nav_link:hover, .navbar_primary .navbar_nav .nav_link:focus {
  color: #fff;
}
.navbar_primary .navbar_nav .nav_link.active {
  color: #fff;
}

@media (min-width: 640px) {
  html {
    height: 100%;
  }
  body {
    height: auto;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex !important;
    flex-direction: column !important;
  }
  .main_content {
    flex: 1 0 auto !important;
    display: flex;
    flex-direction: column;
  }
  footer {
    flex-shrink: 0 !important;
    margin-top: auto !important;
  }
}
.footer_text {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}
.footer_text a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
}
.footer_text a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer_logo {
  height: 20px;
  margin: -4px 4px 0px 0px;
  vertical-align: middle;
  filter: brightness(0) invert(1);
}

.footer_leaf_icon {
  height: 18px;
  margin: -2px 4px 0px 0px;
  vertical-align: middle;
}

.footer_main, .footer_main_light {
  background-color: #343a40;
  color: rgba(255, 255, 255, 0.9);
  padding: 2rem 0 1rem 0;
}
@media (min-width: 640px) {
  .footer_main, .footer_main_light {
    padding: 2.5rem 0 1.5rem 0;
  }
}

.footer_content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 640px) {
  .footer_content {
    grid-template-columns: 1.5fr 1fr;
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .footer_content {
    grid-template-columns: 2fr 1.25fr 1.25fr 1fr;
    gap: 1.5rem;
  }
}

.footer_column {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.footer_title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.footer_business_info .footer_business_name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0.75rem;
  line-height: 1.2;
}
.footer_business_info .footer_address {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0.5rem;
}
.footer_business_info .footer_address i {
  margin-right: 0.5rem;
  color: rgba(255, 255, 255, 0.6);
}
.footer_business_info .footer_contact_item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.8);
}
.footer_business_info .footer_contact_item i {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1rem;
}
.footer_business_info .footer_contact_item a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  transition: color 0.2s ease;
}
.footer_business_info .footer_contact_item a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer_menu li {
  margin-bottom: 0.5rem;
}
.footer_menu a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 0.9375rem;
  transition: all 0.2s ease;
  display: inline-block;
}
.footer_menu a:hover {
  color: #fff;
  text-decoration: underline;
  transform: translateX(4px);
}
.footer_menu a::before {
  content: "›";
  margin-right: 0.5rem;
  color: rgba(255, 255, 255, 0.4);
}

.footer_hours .footer_hours_list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer_hours .footer_hours_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9375rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer_hours .footer_hours_item:last-child {
  border-bottom: none;
}
.footer_hours .footer_hours_item .hours_day {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  min-width: 80px;
}
.footer_hours .footer_hours_item .hours_time {
  color: rgba(255, 255, 255, 0.7);
  text-align: right;
}
.footer_hours .footer_hours_item.hours_closed .hours_time {
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}
.footer_hours .footer_hours_item.hours_current {
  background-color: rgba(51, 51, 153, 0.1);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.375rem;
  border-bottom-color: #333399;
}
.footer_hours .footer_hours_item.hours_current .hours_day {
  color: #fff;
  font-weight: 700;
}
.footer_hours .footer_hours_item.hours_current .hours_time {
  color: #fff;
  font-weight: 600;
}

.footer_social .footer_social_icons {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.footer_social .social_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  text-decoration: none;
  font-size: 1.125rem;
  transition: all 0.3s ease;
}
.footer_social .social_icon:hover {
  background-color: #333399;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(51, 51, 153, 0.4);
}
.footer_social .social_icon.social_facebook:hover {
  background-color: #1877f2;
}
.footer_social .social_icon.social_twitter:hover {
  background-color: #1da1f2;
}
.footer_social .social_icon.social_instagram:hover {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
.footer_social .social_icon.social_linkedin:hover {
  background-color: #0077b5;
}
.footer_social .social_icon.social_youtube:hover {
  background-color: #ff0000;
}
.footer_social .social_icon.social_tiktok:hover {
  background-color: #000000;
}

.footer_bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 1rem;
  margin-top: 1rem;
}
.footer_bottom .footer_bottom_content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
  text-align: center;
}
@media (min-width: 640px) {
  .footer_bottom .footer_bottom_content {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}
.footer_bottom .footer_copyright {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.6);
}
.footer_bottom .footer_copyright a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
.footer_bottom .footer_copyright a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer_bottom .footer_credits {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.6);
}
.footer_bottom .footer_credits a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  font-weight: 600;
}
.footer_bottom .footer_credits a:hover {
  color: #fff;
  text-decoration: underline;
}

.footer_main_light {
  background-color: #f8f9fa;
  color: #1b1f2a;
}
.footer_main_light .footer_title {
  color: #343a40;
}
.footer_main_light .footer_business_info .footer_business_name {
  color: #343a40;
}
.footer_main_light .footer_business_info .footer_address {
  color: #495057;
}
.footer_main_light .footer_business_info .footer_address i {
  color: #6c757d;
}
.footer_main_light .footer_business_info .footer_contact_item {
  color: #495057;
}
.footer_main_light .footer_business_info .footer_contact_item i {
  color: #6c757d;
}
.footer_main_light .footer_business_info .footer_contact_item a {
  color: #495057;
}
.footer_main_light .footer_business_info .footer_contact_item a:hover {
  color: #333399;
}
.footer_main_light .footer_menu a {
  color: #495057;
}
.footer_main_light .footer_menu a:hover {
  color: #333399;
}
.footer_main_light .footer_menu a::before {
  color: #ced4da;
}
.footer_main_light .footer_hours .footer_hours_item {
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.footer_main_light .footer_hours .footer_hours_item .hours_day {
  color: #343a40;
}
.footer_main_light .footer_hours .footer_hours_item .hours_time {
  color: #6c757d;
}
.footer_main_light .footer_hours .footer_hours_item.hours_closed .hours_time {
  color: #ced4da;
}
.footer_main_light .footer_hours .footer_hours_item.hours_current {
  background-color: rgba(51, 51, 153, 0.1);
  border-bottom-color: #333399;
}
.footer_main_light .footer_hours .footer_hours_item.hours_current .hours_day,
.footer_main_light .footer_hours .footer_hours_item.hours_current .hours_time {
  color: #343a40;
  font-weight: 700;
}
.footer_main_light .footer_social .social_icon {
  background-color: rgba(0, 0, 0, 0.05);
  color: #495057;
}
.footer_main_light .footer_social .social_icon:hover {
  color: #fff;
}
.footer_main_light .footer_bottom {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.footer_main_light .footer_bottom .footer_copyright,
.footer_main_light .footer_bottom .footer_credits {
  color: #6c757d;
}
.footer_main_light .footer_bottom .footer_copyright a,
.footer_main_light .footer_bottom .footer_credits a {
  color: #495057;
}
.footer_main_light .footer_bottom .footer_copyright a:hover,
.footer_main_light .footer_bottom .footer_credits a:hover {
  color: #333399;
}

.hero {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #333399 0%, rgb(31.875, 31.875, 95.625) 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero.hero_overlay::before {
  opacity: 1;
}
.hero .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero .hero_text {
    max-width: 100%;
  }
}
.hero .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.hero_large {
  position: relative;
  min-height: 120vh;
  background: linear-gradient(135deg, #333399 0%, rgb(31.875, 31.875, 95.625) 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 2rem 0;
  overflow: hidden;
}
.hero_large::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero_large.hero_overlay::before {
  opacity: 1;
}
.hero_large .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero_large .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero_large .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero_large .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero_large .hero_text {
    max-width: 100%;
  }
}
.hero_large .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero_large .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero_large .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero_large .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero_large .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero_large .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero_large .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.hero_compact {
  position: relative;
  min-height: 80vh;
  background: linear-gradient(135deg, #333399 0%, rgb(31.875, 31.875, 95.625) 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1rem 0;
  overflow: hidden;
}
.hero_compact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero_compact.hero_overlay::before {
  opacity: 1;
}
.hero_compact .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero_compact .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero_compact .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero_compact .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero_compact .hero_text {
    max-width: 100%;
  }
}
.hero_compact .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero_compact .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero_compact .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero_compact .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero_compact .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero_compact .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero_compact .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.hero_dark {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #343a40 0%, #000 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  overflow: hidden;
}
.hero_dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero_dark.hero_overlay::before {
  opacity: 1;
}
.hero_dark .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero_dark .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero_dark .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero_dark .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero_dark .hero_text {
    max-width: 100%;
  }
}
.hero_dark .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero_dark .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero_dark .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero_dark .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero_dark .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero_dark .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero_dark .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.hero_light {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #f8f9fa 0%, #fff 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #343a40;
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  overflow: hidden;
}
.hero_light::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero_light.hero_overlay::before {
  opacity: 1;
}
.hero_light .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero_light .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero_light .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero_light .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero_light .hero_text {
    max-width: 100%;
  }
}
.hero_light .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero_light .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero_light .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero_light .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero_light .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero_light .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero_light .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.hero_primary {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #333399 0%, rgb(25.5, 25.5, 76.5) 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  overflow: hidden;
}
.hero_primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero_primary.hero_overlay::before {
  opacity: 1;
}
.hero_primary .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero_primary .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero_primary .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero_primary .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero_primary .hero_text {
    max-width: 100%;
  }
}
.hero_primary .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero_primary .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero_primary .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero_primary .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero_primary .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero_primary .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero_primary .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.hero_secondary {
  position: relative;
  min-height: 100vh;
  background: linear-gradient(135deg, #BF1B28 0%, rgb(101.6330275229, 14.3669724771, 21.2844036697) 100%);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  overflow: hidden;
}
.hero_secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(52, 58, 64, 0.3);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.hero_secondary.hero_overlay::before {
  opacity: 1;
}
.hero_secondary .container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}
.hero_secondary .hero_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 639.98px) {
  .hero_secondary .hero_content {
    flex-direction: column;
    text-align: center;
    gap: 1rem;
  }
}
.hero_secondary .hero_text {
  flex: 1;
  max-width: 60%;
}
@media (max-width: 639.98px) {
  .hero_secondary .hero_text {
    max-width: 100%;
  }
}
.hero_secondary .hero_title {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}
.hero_secondary .hero_subtitle {
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  opacity: 0.9;
}
.hero_secondary .hero_actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 639.98px) {
  .hero_secondary .hero_actions {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
  }
}
.hero_secondary .hero_btn {
  min-width: 200px;
  padding: 0.75rem 1.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.hero_secondary .hero_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}
@media (max-width: 639.98px) {
  .hero_secondary .hero_btn {
    min-width: auto;
    padding: 0.5rem 1rem;
  }
}

.gallery {
  width: 100%;
}
.gallery .gallery_main {
  position: relative;
  margin-bottom: 0.5rem;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: box-shadow 0.3s ease;
}
.gallery .gallery_main:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.gallery .gallery_main img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}
.gallery .gallery_main:hover img {
  transform: scale(1.02);
}
.gallery .gallery_main::after {
  content: "🔍";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(52, 58, 64, 0.7);
  color: #fff;
  padding: 0.5rem;
  border-radius: 50%;
  font-size: 1.2rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.gallery .gallery_main:hover::after {
  opacity: 1;
}
.gallery .gallery_thumbs {
  display: flex;
  gap: 0.5rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(51, 51, 153, 0.3) transparent;
}
.gallery .gallery_thumbs::-webkit-scrollbar {
  height: 4px;
}
.gallery .gallery_thumbs::-webkit-scrollbar-track {
  background: rgba(222, 226, 230, 0.3);
  border-radius: 2px;
}
.gallery .gallery_thumbs::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 153, 0.5);
  border-radius: 2px;
}
.gallery .gallery_thumbs::-webkit-scrollbar-thumb:hover {
  background: rgba(51, 51, 153, 0.7);
}
.gallery .gallery_thumbs .gallery_thumb {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.25rem;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.gallery .gallery_thumbs .gallery_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery .gallery_thumbs .gallery_thumb:hover {
  border-color: rgba(51, 51, 153, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.gallery .gallery_thumbs .gallery_thumb.active {
  border-color: #333399;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 639.98px) {
  .gallery .gallery_thumbs {
    gap: 0.25rem;
  }
  .gallery .gallery_thumbs .gallery_thumb {
    width: 64px;
    height: 64px;
  }
}
@media (max-width: -0.02) {
  .gallery .gallery_thumbs .gallery_thumb {
    width: 56px;
    height: 56px;
  }
}

.gallery_large {
  width: 100%;
}
.gallery_large .gallery_main {
  position: relative;
  margin-bottom: 0.75rem;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: box-shadow 0.3s ease;
}
.gallery_large .gallery_main:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.gallery_large .gallery_main img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}
.gallery_large .gallery_main:hover img {
  transform: scale(1.02);
}
.gallery_large .gallery_main::after {
  content: "🔍";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(52, 58, 64, 0.7);
  color: #fff;
  padding: 0.5rem;
  border-radius: 50%;
  font-size: 1.2rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.gallery_large .gallery_main:hover::after {
  opacity: 1;
}
.gallery_large .gallery_thumbs {
  display: flex;
  gap: 0.75rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(51, 51, 153, 0.3) transparent;
}
.gallery_large .gallery_thumbs::-webkit-scrollbar {
  height: 4px;
}
.gallery_large .gallery_thumbs::-webkit-scrollbar-track {
  background: rgba(222, 226, 230, 0.3);
  border-radius: 2px;
}
.gallery_large .gallery_thumbs::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 153, 0.5);
  border-radius: 2px;
}
.gallery_large .gallery_thumbs::-webkit-scrollbar-thumb:hover {
  background: rgba(51, 51, 153, 0.7);
}
.gallery_large .gallery_thumbs .gallery_thumb {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.25rem;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.gallery_large .gallery_thumbs .gallery_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery_large .gallery_thumbs .gallery_thumb:hover {
  border-color: rgba(51, 51, 153, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.gallery_large .gallery_thumbs .gallery_thumb.active {
  border-color: #333399;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 639.98px) {
  .gallery_large .gallery_thumbs {
    gap: 0.25rem;
  }
  .gallery_large .gallery_thumbs .gallery_thumb {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: -0.02) {
  .gallery_large .gallery_thumbs .gallery_thumb {
    width: 70px;
    height: 70px;
  }
}

.gallery_compact {
  width: 100%;
}
.gallery_compact .gallery_main {
  position: relative;
  margin-bottom: 0.25rem;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.375rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transition: box-shadow 0.3s ease;
}
.gallery_compact .gallery_main:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.gallery_compact .gallery_main img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}
.gallery_compact .gallery_main:hover img {
  transform: scale(1.02);
}
.gallery_compact .gallery_main::after {
  content: "🔍";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(52, 58, 64, 0.7);
  color: #fff;
  padding: 0.5rem;
  border-radius: 50%;
  font-size: 1.2rem;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.gallery_compact .gallery_main:hover::after {
  opacity: 1;
}
.gallery_compact .gallery_thumbs {
  display: flex;
  gap: 0.25rem;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: rgba(51, 51, 153, 0.3) transparent;
}
.gallery_compact .gallery_thumbs::-webkit-scrollbar {
  height: 4px;
}
.gallery_compact .gallery_thumbs::-webkit-scrollbar-track {
  background: rgba(222, 226, 230, 0.3);
  border-radius: 2px;
}
.gallery_compact .gallery_thumbs::-webkit-scrollbar-thumb {
  background: rgba(51, 51, 153, 0.5);
  border-radius: 2px;
}
.gallery_compact .gallery_thumbs::-webkit-scrollbar-thumb:hover {
  background: rgba(51, 51, 153, 0.7);
}
.gallery_compact .gallery_thumbs .gallery_thumb {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0.25rem;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.gallery_compact .gallery_thumbs .gallery_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery_compact .gallery_thumbs .gallery_thumb:hover {
  border-color: rgba(51, 51, 153, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.gallery_compact .gallery_thumbs .gallery_thumb.active {
  border-color: #333399;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 639.98px) {
  .gallery_compact .gallery_thumbs {
    gap: 0.25rem;
  }
  .gallery_compact .gallery_thumbs .gallery_thumb {
    width: 48px;
    height: 48px;
  }
}
@media (max-width: -0.02) {
  .gallery_compact .gallery_thumbs .gallery_thumb {
    width: 42px;
    height: 42px;
  }
}

.top_info_bar, .top_info_bar_light, .top_info_bar_secondary, .top_info_bar_primary {
  background-color: #343a40;
  color: #fff;
  font-size: 0.75rem;
  padding: 0.375rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top_info_bar .container, .top_info_bar_light .container, .top_info_bar_secondary .container, .top_info_bar_primary .container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.top_info_hours {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: stretch;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 640px) {
  .top_info_hours {
    gap: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: visible;
  }
}

.day_label,
.day_label_long,
.day_label_short {
  display: inline;
}

.day_label_short {
  display: none;
}

@media (max-width: 639.98px) {
  .day_label_long {
    display: none;
  }
  .day_label_short {
    display: inline;
  }
}
.top_info_day {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 0.25rem 0.5rem;
  border-left: 4px solid rgba(255, 255, 255, 0.2);
  flex: 1;
  min-width: 0;
  transition: all 0.2s ease;
}
@media (min-width: 640px) {
  .top_info_day {
    align-items: flex-start;
    text-align: left;
    padding: 0.25rem 0.75rem;
  }
}
.top_info_day .day_name {
  font-weight: 700;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 0.125rem;
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 640px) {
  .top_info_day .day_name {
    font-size: 0.6875rem;
    line-height: 1.3;
  }
}
.top_info_day .day_hours {
  font-size: 0.625rem;
  color: rgba(255, 255, 255, 0.7);
  white-space: normal;
  line-height: 1.1;
}
@media (min-width: 640px) {
  .top_info_day .day_hours {
    font-size: 0.6875rem;
    line-height: 1.3;
  }
}
.top_info_day.current_day {
  border-left-color: #BF1B28;
  background-color: rgba(191, 27, 40, 0.15);
}
.top_info_day.current_day .day_name {
  color: #fff;
  font-weight: 900;
}
.top_info_day.current_day .day_hours {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 700;
}
.top_info_day.closed .day_hours {
  color: rgba(255, 255, 255, 0.4);
}

.top_info_contact {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  font-size: 0.6875rem;
  color: rgba(255, 255, 255, 0.9);
  width: 100%;
}
@media (min-width: 640px) {
  .top_info_contact {
    flex-wrap: nowrap;
    justify-content: flex-end;
    gap: 1.5rem;
    font-size: 0.75rem;
  }
}
.top_info_contact .contact_item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
}
.top_info_contact .contact_item i {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.7);
}
.top_info_contact .contact_item a {
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: color 0.2s ease;
}
.top_info_contact .contact_item a:hover {
  color: #fff;
  text-decoration: underline;
}
.top_info_contact .contact_item:first-child {
  flex-basis: 100%;
}
@media (min-width: 640px) {
  .top_info_contact .contact_item:first-child {
    flex-basis: auto;
  }
}

.top_info_bar_primary {
  background-color: #333399;
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

.top_info_bar_secondary {
  background-color: #BF1B28;
  border-bottom-color: rgba(255, 255, 255, 0.15);
}

.top_info_bar_light {
  background-color: #e9ecef;
  color: #343a40;
  border-bottom-color: #dee2e6;
}
.top_info_bar_light .top_info_day {
  border-left-color: rgba(52, 58, 64, 0.2);
}
.top_info_bar_light .top_info_day .day_name {
  color: #343a40;
}
.top_info_bar_light .top_info_day .day_hours {
  color: #6c757d;
}
.top_info_bar_light .top_info_day.current_day {
  border-left-color: #BF1B28;
  background-color: rgba(191, 27, 40, 0.15);
}
.top_info_bar_light .top_info_day.current_day .day_name {
  color: #343a40;
  font-weight: 900;
}
.top_info_bar_light .top_info_day.current_day .day_hours {
  color: #1b1f2a;
  font-weight: 700;
}
.top_info_bar_light .top_info_day.closed .day_hours {
  color: #ced4da;
}
.top_info_bar_light .top_info_contact {
  color: #343a40;
}
.top_info_bar_light .top_info_contact .contact_item i {
  color: #6c757d;
}
.top_info_bar_light .top_info_contact .contact_item a {
  color: #343a40;
}
.top_info_bar_light .top_info_contact .contact_item a:hover {
  color: #333399;
}

/*
// Old inline code commented out - now in separate files
.vehicle_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: spacing(4);
  margin-bottom: spacing(6);

  @include media_up(medium) {
    grid-template-columns: repeat(2, 1fr);
    gap: spacing(5);
  }

  @include media_up(large) {
    grid-template-columns: repeat(3, 1fr);
    gap: spacing(6);
  }
}

// 4-column variant
.vehicle_grid_4 {
  @extend .vehicle_grid;

  @include media_up(xlarge) {
    grid-template-columns: repeat(4, 1fr);
  }
}

// Vehicle Card Component
.vehicle_card {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: $white;
  border: 1px solid $border_color;
  @include border_radius($border_radius);
  @include box_shadow($box_shadow_sm);
  overflow: hidden;
  @include transition(all 0.3s ease);
  text-decoration: none;
  color: inherit;

  &:hover {
    @include box_shadow($box_shadow_lg);
    transform: translateY(-4px);
    text-decoration: none;
  }
}

// Vehicle Image Container
.vehicle_image {
  position: relative;
  width: 100%;
  padding-top: 66.67%; // 3:2 aspect ratio
  overflow: hidden;
  background-color: $gray_200;

  img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    @include transition(transform 0.5s ease);
  }

  // Image zoom on hover
  .vehicle_card:hover & img {
    transform: scale(1.1);
  }
}

// Status Badges (New Listing, Lower Price, SOLD badge)
.vehicle_badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba($black, 0.3);
  line-height: 1.2;
}

.vehicle_badge_new {
  background-color: #28a745;
  color: $white;
}

.vehicle_badge_lower_price {
  background-color: #dc3545;
  color: $white;
}

.vehicle_badge_sold_badge {
  background-color: #6c757d;
  color: $white;
}

// SOLD Overlay (diagonal text across image)
.vehicle_sold_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba($black, 0.4);
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;

  &::before {
    content: 'SOLD';
    font-size: 4rem;
    font-weight: 900;
    color: rgba($white, 0.6);
    text-transform: uppercase;
    letter-spacing: 0px;
    transform: rotate(-15deg);
    text-shadow: 3px 3px 12px rgba($black, 0.6);
    line-height: 1;

    @include media_up(medium) {
      font-size: 5rem;
      letter-spacing: 0px;
    }
  }
}

// Vehicle Card Content
.vehicle_content {
  padding: spacing(4);
  display: flex;
  flex-direction: column;
  flex: 1;
}

.vehicle_title {
  font-size: 1.125rem;
  font-weight: 700;
  color: $dark_color;
  margin-bottom: spacing(3);
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-height: 2.6rem; // Hold space for 2 lines
}

// Listed date (optional)
.vehicle_listed {
  font-size: 0.875rem;
  color: $danger_color;
  font-weight: 600;
  margin-bottom: spacing(2);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

// Payment info (bi-weekly)
.vehicle_payment {
  min-height: 2.5rem; // Hold space even if empty
  margin-bottom: spacing(1);
  display: flex;
  flex-direction: column;
  gap: spacing(1);

  .payment_label {
    font-size: 0.75rem;
    color: $gray_600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 500;
  }

  .payment_amount {
    font-size: 1.25rem;
    font-weight: 700;
    color: $dark_color;
    line-height: 1;

    sup {
      font-size: 0.7em;
      top: -0.5em;
    }
  }
}

// Main price
.vehicle_price {
  margin-bottom: spacing(1);

  .price_amount {
    font-size: 2.25rem;
    font-weight: 700;
    color: $danger_color;
    line-height: 1;

    sup {
      font-size: 0.6em;
      top: -0.8em;
    }
  }
}

.vehicle_price_subtitle {
  font-size: 0.6875rem;
  color: $gray_600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: spacing(3);
}

// Vehicle details (stock, mileage)
.vehicle_details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: spacing(3);
  border-top: 1px solid $gray_200;
  font-size: 0.8125rem;
  margin-top: auto; // Push to bottom of card
}

.vehicle_stock {
  color: $gray_600;

  strong {
    color: $danger_color;
    font-weight: 600;
  }
}

.vehicle_mileage {
  color: $gray_600;
  text-align: right;

  strong {
    color: $dark_color;
    font-weight: 700;
  }

  .mileage_unit {
    font-size: 0.75rem;
    color: $gray_500;
    font-weight: 400;
  }
}

// Dealer info (optional at bottom) - only shows if present
.vehicle_dealer {
  padding: spacing(2) spacing(4);
  background-color: $gray_900;
  color: $white;
  text-align: center;
  font-size: 0.8125rem;
  border-top: 1px solid $gray_300;

  .dealer_name {
    font-weight: 700;
    color: $white;
    display: block;
    margin-bottom: 0.125rem;
  }

  .dealer_location {
    color: rgba($white, 0.7);
    font-size: 0.75rem;
  }
}

// ===== VEHICLE HORIZONTAL CARD (Format #2) =====
// Landscape/horizontal layout with image on left, details on right
.vehicle_card_horizontal {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #f4d03f; // Gold/yellow background
  border: 3px solid #f4d03f; // Gold/yellow border
  @include border_radius($border_radius_lg);
  @include box_shadow($box_shadow);
  @include transition(all 0.3s ease);
  text-decoration: none;
  color: inherit;
  margin-bottom: spacing(5);
  padding: 20px; // 20px padding on outer container

  &:hover {
    @include box_shadow($box_shadow_lg);
    transform: translateY(-2px);
    text-decoration: none;
  }
}

// Wrapper for horizontal layout
.vehicle_horizontal_content {
  display: flex;
  flex-direction: column;
  gap: spacing(4);

  @include media_up(large) {
    flex-direction: row;
    gap: spacing(5);
  }
}

// Vehicle Image Container
.vehicle_horizontal_image {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: $white;
  flex-shrink: 0;
  border: 2px solid $gray_300;
  @include border_radius($border_radius);
  display: flex;
  align-items: center;
  justify-content: center;

  @include media_up(large) {
    width: 45%;
  }

  img {
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
    @include transition(transform 0.5s ease);
  }

  // Image zoom on hover
  .vehicle_card_horizontal:hover & img {
    transform: scale(1.05);
  }
}

// Title at the very top (above image)
.vehicle_horizontal_title {
  font-size: 1.5rem;
  font-weight: 700;
  color: $dark_color;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.2;
  margin-bottom: spacing(2);

  @include media_up(medium) {
    font-size: 1.75rem;
  }
}

// Vehicle Details Container
.vehicle_horizontal_details {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

// Badge in top right (absolute positioned)
.vehicle_horizontal_badge {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0.5rem 1.25rem;
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 50px;
  box-shadow: 0 2px 8px rgba($black, 0.3);
  white-space: nowrap;
  z-index: 10;

  &.badge_new {
    background-color: #28a745;
    color: $white;
  }

  &.badge_lower_price {
    background-color: #dc3545;
    color: $white;
  }
}

// Pricing Section (payment left, price right)
.vehicle_horizontal_pricing {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: spacing(3);
  gap: spacing(4);
}

.vehicle_horizontal_payment {
  text-align: right;

  .payment_frequency {
    font-size: 0.875rem;
    color: $gray_700;
    font-weight: 500;
    margin-bottom: spacing(1);
  }

  .payment_value {
    font-size: 1.5rem;
    font-weight: 700;
    color: $dark_color;
    line-height: 1;

    sup {
      font-size: 0.7em;
    }
  }
}

.vehicle_horizontal_price {
  text-align: right;

  .price_value {
    font-size: 3rem;
    font-weight: 700;
    color: #dc3545;
    line-height: 1;
    margin-bottom: spacing(1);

    sup {
      font-size: 0.6em;
    }

    @include media_up(medium) {
      font-size: 3.25rem;
    }
  }

  .price_label {
    font-size: 0.75rem;
    color: $gray_600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
}

// Specifications Table Container
.vehicle_specs_container {
  background-color: $white;
  @include border_radius($border_radius);
  padding: spacing(2);
  margin-bottom: spacing(3);
}

// Specifications Table
.vehicle_specs_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;

  tr {
    &:nth-child(odd) {
      background-color: $white;
    }

    &:nth-child(even) {
      background-color: #e8e8e8;
    }
  }

  td {
    padding: spacing(1) spacing(2);
    border: none;
    vertical-align: middle;
    line-height: 1.3;

    &:first-child {
      font-weight: 600;
      color: $gray_700;
      white-space: nowrap;
      width: 20%;
      font-size: 0.6875rem;
    }

    &:nth-child(2) {
      color: $dark_color;
      font-weight: 500;
      width: 30%;
    }

    &:nth-child(3) {
      font-weight: 600;
      color: $gray_700;
      white-space: nowrap;
      width: 20%;
      font-size: 0.6875rem;
    }

    &:nth-child(4) {
      color: $dark_color;
      font-weight: 500;
      width: 30%;
    }
  }
}

// Features text
.vehicle_horizontal_features {
  font-size: 0.875rem;
  color: $dark_color;
  margin-bottom: spacing(3);
  padding: spacing(2) spacing(3);
  background-color: #e8e8e8;
  border-left: 4px solid $danger_color;
  line-height: 1.4;
  font-weight: 700;
  @include border_radius($border_radius);
}

// Action Buttons
.vehicle_horizontal_actions {
  display: flex;
  gap: spacing(3);
  margin-top: auto;
  flex-wrap: wrap;

  .btn {
    flex: 1;
    min-width: 180px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: spacing(2);
    padding: 0.625rem spacing(4);
    font-size: 0.875rem;
    line-height: 1.2;

    i {
      font-size: 1.125rem;
    }
  }
}

// Button specific styles for vehicle cards
.btn_vehicle_photos {
  background-color: #ff6b35;
  border-color: #ff6b35;
  color: $white;

  &:hover {
    background-color: color.adjust(#ff6b35, $lightness: -10%);
    border-color: color.adjust(#ff6b35, $lightness: -10%);
  }
}

.btn_vehicle_info {
  background-color: $dark_color;
  border-color: $dark_color;
  color: $white;

  &:hover {
    background-color: $black;
    border-color: $black;
  }
}
*/
.ei_tooltip {
  position: absolute;
  z-index: 10200;
  display: block;
  background: #333333;
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  max-width: 340px;
  padding: 0.75rem;
  border-radius: 4px;
  pointer-events: none;
  white-space: pre-line;
  overflow-wrap: anywhere;
}
.ei_tooltip b,
.ei_tooltip strong {
  font-weight: 700;
}
.ei_tooltip > .nub {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent #333333 transparent;
  top: -10px;
  left: 10px;
  pointer-events: none;
}
.ei_tooltip.ei_tip_top > .nub {
  border-color: #333333 transparent transparent transparent;
  top: auto;
  bottom: -10px;
}

.my_sidebar {
  grid-column: span 12;
}
@media (min-width: 640px) {
  .my_sidebar {
    grid-column: span 8;
  }
}
@media (min-width: 1024px) {
  .my_sidebar {
    grid-column: span 4;
  }
}

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes sonar {
  0% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .has-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#close-sidebar {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.page-content {
  padding: 20px 40px 60px 40px;
}

.page-wrapper {
  height: 100vh;
  padding-top: 60px;
}
.page-wrapper .sidebar-wrapper {
  left: -320px;
}
.page-wrapper .theme {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 4px;
  margin: 2px;
}
.page-wrapper .theme.blueRanger-theme {
  background: #1e2229;
}

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 320px;
  }
}
@media only screen and (max-width: 25.875em) {
  .page-wrapper .sidebar-wrapper {
    left: -320px !important;
  }
  .page-wrapper.toggled .sidebar-wrapper {
    left: -320px !important;
  }
  .page-wrapper.mobile-menu-open .sidebar-wrapper {
    left: 0px !important;
    z-index: 1000;
  }
  .page-wrapper .page-content {
    padding: 10px !important;
    width: 100%;
  }
  .page-wrapper.mobile-menu-open .page-content {
    padding: 10px !important;
  }
  .page-wrapper.mobile-menu-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
  }
}
@media only screen and (min-width: 25.9375em) and (max-width: 40em) {
  .page-wrapper .sidebar-wrapper {
    left: -320px !important;
  }
  .page-wrapper.toggled .sidebar-wrapper {
    left: -320px !important;
  }
  .page-wrapper.mobile-menu-open .sidebar-wrapper {
    left: 0px !important;
    z-index: 1000;
  }
  .page-wrapper .page-content {
    padding: 10px !important;
    width: 100%;
  }
  .page-wrapper.mobile-menu-open .page-content {
    padding: 10px !important;
  }
  .page-wrapper.mobile-menu-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 998;
  }
}
@media only screen and (max-width: 25.875em) {
  .top_bar_lr {
    padding: 6px 6px 0px 0px !important;
  }
  .ai_menu_top {
    padding: 4px 0px 0px 6px !important;
  }
  .ai_logo_menu {
    margin: 0px 0px 0px -2px !important;
  }
}
@media only screen and (min-width: 25.9375em) and (max-width: 40em) {
  .top_bar_lr {
    padding: 6px 6px 0px 0px !important;
  }
  .ai_menu_top {
    padding: 4px 0px 0px 6px !important;
  }
  .ai_logo_menu {
    margin: 0px 0px 0px -2px !important;
  }
}
.top_bar_lr {
  position: fixed; /* Sticks the bar to the viewport */
  top: 0px;
  right: 0px;
  left: 0px;
  padding: 6px 20px 0px 0px;
  height: 52px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12), inset 0 -1px 0 0 #dadce0;
  z-index: 100; /* Ensures it appears above other content */
}

.sidebar_head_logo {
  width: 200px;
  margin: 0px 0px 0px 14px;
}

#show-sidebar {
  position: fixed;
  left: -50px; /* Start hidden */
  top: 0;
  border-radius: 0 8px 8px 0;
  width: 50px;
  height: 50px;
  background-color: #343a40;
  padding: 10px 10px 0 10px;
  z-index: 999;
  cursor: pointer;
  transition: transform 0.5s ease, left 0.5s ease; /* Smooth transition for sliding */
}
#show-sidebar.visible {
  transform: translateX(0px); /* Slide into view */
  left: 0; /* Adjust position to align with the viewport */
}
#show-sidebar:hover {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}

.fa-solid.fa-bars {
  font-size: 32px;
  font-weight: 900;
  color: #EBEBEB;
}

/*.page-wrapper.toggled #show-sidebar {
	left: -40px;
}
*/
.page-wrapper.toggled {
  /* Sidebar open state */
}
.page-wrapper.not-toggled {
  /* Sidebar closed state, if necessary */
}

.sidebar-wrapper {
  width: 280px;
  height: 100%;
  position: fixed;
  top: 0;
  left: -320px;
  z-index: 999;
  background: #384859;
  display: flex;
  flex-direction: column;
  transform: translateX(0);
  transition: left 0.3s ease;
}
.sidebar-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidebar-wrapper a {
  text-decoration: none;
  color: #EBEBEB;
}

.sidebar-content {
  flex: 1;
  overflow-y: auto;
  position: relative;
  padding-bottom: 150px;
}
.sidebar-content.desktop {
  overflow-y: auto;
}

.sidebar-wrapper .sidebar-brand {
  padding: 10px 12px 6px 4px;
  display: flex;
  align-items: center;
  background-color: #222222;
}
.sidebar-wrapper .sidebar-brand > a {
  font-weight: bold;
  flex-grow: 1;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-brand > a:hover {
  color: #FFFF6B;
}
.sidebar-wrapper .sidebar-brand #close-sidebar {
  cursor: pointer;
  font-size: 20px;
  color: #EBEBEB;
  width: 40px;
  height: 48px;
  text-align: center;
  margin: 0px -12px 0px 21px;
  padding: 9px 0px 0px 0px;
  float: right;
}
.sidebar-wrapper .sidebar-brand #close-sidebar:hover {
  color: #FFFF6B;
}

.sidebar-wrapper .sidebar-menu {
  padding-bottom: 10px;
  border-top: 1px solid #464a52;
  box-shadow: 0px -1px 5px #282c33;
}
.sidebar-wrapper .sidebar-menu .header-menu span {
  font-weight: bold;
  font-size: 14px;
  padding: 15px 20px 5px 20px;
  display: inline-block;
  color: #6c7b88;
}
.sidebar-wrapper .sidebar-menu ul li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 30px 8px 20px;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-menu ul li a i {
  margin-right: 10px;
  font-size: 18px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 4px;
  background: #222222;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-menu ul li a:hover {
  color: #FFFF6B;
}
.sidebar-wrapper .sidebar-menu ul li a:hover i {
  color: #16c7ff;
  text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}
.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
  display: inline-block;
  animation: swing ease-in-out 0.5s 1 alternate;
}
.sidebar-wrapper .sidebar-menu .has-dropdown > a:after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: "\f105";
  font-style: normal;
  display: inline-block;
  text-align: center;
  background: 0 0;
  position: absolute;
  right: 15px;
  top: 14px;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-menu .has-dropdown.active > a {
  color: #FFFF6B;
}
.sidebar-wrapper .sidebar-menu .has-dropdown.active > a:after {
  transform: rotate(90deg);
  right: 17px;
  color: #FFFF6B;
}
.sidebar-wrapper .sidebar-menu .has-dropdown.active > a i {
  color: #EBEBEB;
  text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu {
  display: none;
  background: rgba(0, 0, 0, 0.2);
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu ul {
  padding: 5px 0;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li.submenu_no_access_note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 15px 8px 25px;
  color: #EBEBEB;
  font-size: 12px;
  line-height: 1.4;
  cursor: default;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li.submenu_no_access_note i {
  margin-top: 2px;
  font-size: 11px;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li {
  padding-left: 25px;
  font-size: 13px;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a {
  color: #EBEBEB;
  transition: all 0.3s ease;
  border-radius: 10px 0px 0px 10px;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a:before {
  font-family: "Font Awesome 7 Pro";
  content: "\f111";
  font-weight: 900;
  font-style: bold;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  margin-right: 10px;
  font-size: 8px;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a:hover {
  color: #FFFF6B;
  background-color: #1A222A;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a:hover:before {
  color: #16c7ff;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a.has_submenu_icon {
  display: flex;
  align-items: center;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a.has_submenu_icon:before {
  display: none;
}
.sidebar-wrapper .sidebar-menu .has-dropdown .has-submenu li a.has_submenu_icon i {
  width: 16px;
  height: auto;
  margin-right: 8px;
  line-height: 1;
  font-size: 13px;
  background: transparent;
  border-radius: 0;
  color: inherit;
}

.sidebar-wrapper .sidebar-footer {
  position: fixed;
  bottom: 0;
  width: 280px;
  background: #222222;
  box-shadow: 0px -1px 5px #282c33;
  border-top: 1px solid #464a52;
  z-index: 2;
  height: auto;
}
.sidebar-wrapper .sidebar-footer .user_info_container {
  padding: 10px 0px 0px 0px;
  margin-top: 45px;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-pic {
  float: left;
  width: 80px;
  border-radius: 50px;
  margin: 0px 0px 20px 8px;
  overflow: hidden;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-info {
  float: left;
  margin-top: 4px;
  color: #EBEBEB;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-info > span {
  display: block;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-info .user-role {
  font-size: 12px;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-info .user-status {
  font-size: 11px;
  margin-top: 4px;
}
.sidebar-wrapper .sidebar-footer .user_info_container .user-info .user-status i {
  font-size: 8px;
  margin-right: 4px;
  color: #5cb85c;
}
.sidebar-wrapper .sidebar-footer .badge_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: right;
  background-color: #384859;
  padding: 8px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-evenly;
}

.user_icon_stack {
  float: left;
  margin: 0px 0px 0px -8px;
}

.user_foot_icon {
  font-size: 1.5rem;
  color: #EBEBEB;
  transition: transform 0.15s ease, color 0.15s ease;
}
.user_foot_icon:hover {
  color: #FFFF6B;
  transform: scale(1.1);
}

.sidebar-footer .badge_container a.disabled {
  cursor: not-allowed;
}
.sidebar-footer .badge_container a.disabled .user_foot_icon {
  opacity: 0.35;
}
.sidebar-footer .badge_container a.disabled .user_foot_icon:hover {
  color: #EBEBEB;
  transform: none;
}

.NewMenuBubble {
  border-radius: 4px;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: bold;
  padding: 2px;
  color: #222222;
  background-color: #FCFED4;
}

::-webkit-scrollbar {
  width: 10px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #606060;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(70.5, 70.5, 70.5);
}
::-webkit-scrollbar-thumb:active {
  background: rgb(57.75, 57.75, 57.75);
}
::-webkit-scrollbar-track {
  background: #C7C7C7;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: rgb(186.25, 186.25, 186.25);
}
::-webkit-scrollbar-track:active {
  background: rgb(173.5, 173.5, 173.5);
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.blueRanger-theme .sidebar-wrapper {
  background: #384859;
}

.foot_bar_dashb {
  height: 24px !important;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: #B6B6B6;
  background-color: #EBEBEB;
  border-top: 1px #B6B6B6 solid;
}

@media screen and (max-width: 64em) {
  .page-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .page-wrapper.toggled .page-content {
    padding-left: 10px;
  }
}
.custom-nav-menu,
.custom-nav-dropdown {
  list-style: none;
  padding: 0;
  margin: 0;
}

.custom-nav-menu--right {
  float: right;
}

.custom-nav-menu__item {
  position: relative;
  display: inline-block;
}
.custom-nav-menu__item--dropdown:hover > .custom-nav-dropdown, .custom-nav-menu__item--dropdown.is-active > .custom-nav-dropdown {
  display: block;
  opacity: 1;
  visibility: visible;
}

.custom-nav-menu__button {
  color: #384859;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: transparent;
  border: none;
  min-height: 52px;
  margin-top: -6px;
}
.custom-nav-menu__button:hover {
  color: #007531;
}
.custom-nav-menu__button:hover .custom-nav-menu__icon {
  transform: scale(1.1);
}

.custom-nav-menu__icon {
  transition: transform 0.15s ease;
  margin: 0px -10px 0px 0px;
}

.custom-nav-menu__arrow {
  font-size: 0.8rem;
  margin-left: 0.3rem;
}

.custom-nav-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 200px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  margin-top: 0;
  padding: 0.5rem 0;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-in-out;
}
.custom-nav-dropdown::before {
  content: "";
  position: absolute;
  left: -8px;
  right: -8px;
  top: -10px;
  height: 12px;
}
.custom-nav-dropdown:hover, .is-active > .custom-nav-dropdown {
  display: block;
  opacity: 1;
  visibility: visible;
}

.custom-nav-dropdown__item {
  position: relative;
  display: block;
  width: 100%;
}
.custom-nav-dropdown__item--nested:hover > .custom-nav-dropdown, .custom-nav-dropdown__item--nested.is-active > .custom-nav-dropdown {
  display: block;
  opacity: 1;
  visibility: visible;
}
.custom-nav-dropdown__item--active > .custom-nav-dropdown__link {
  font-weight: bold;
}

.custom-nav-dropdown--nested {
  top: -0.5rem;
  right: 100%;
  margin-top: 0;
  margin-right: 0;
}
.custom-nav-dropdown--nested::before {
  left: 0;
  right: -14px;
  top: 0;
  bottom: 0;
  height: auto;
}

.custom-nav-dropdown__link {
  display: block;
  padding: 0.7rem 1rem;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
.custom-nav-dropdown__link:hover {
  background: #f5f5f5;
}
.custom-nav-dropdown__link--selected {
  background-color: #f8f8f8;
}
.custom-nav-dropdown__link--disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.7;
}

.custom-nav-dropdown__divider {
  height: 1px;
  background: #e5e5e5;
  margin: 0.5rem 0;
}

@media only screen and (max-width: 25.875em) {
  .custom-nav-menu__button {
    padding: 0 !important;
  }
  .custom-nav-menu__item--dropdown {
    position: static;
  }
  .custom-nav-dropdown {
    width: 100%;
    position: absolute;
    left: 0;
    right: auto;
  }
  .custom-nav-dropdown--nested {
    top: 0;
    left: 0;
    right: auto;
    position: fixed;
    height: 100vh;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (min-width: 25.9375em) and (max-width: 40em) {
  .custom-nav-menu__button {
    padding: 0 !important;
  }
}
.dashb_head_icon_container_large {
  float: right;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

.dashb_head_icon {
  float: right;
  padding: 8px 8px 8px 8px;
  color: #384859;
  font-size: 1.5rem;
  transition: transform 0.15s ease, color 0.15s ease;
}
.dashb_head_icon:HOVER {
  color: #007531;
  transform: scale(1.1);
}

.dashb_icon_light {
  float: right;
  margin: 12px 6px 0px 14px;
  color: #384859;
  font-size: 1.5rem;
}

.dashb_head_icon.message-head,
.dashb_head_icon.conversations-head {
  font-size: 2.1rem;
  margin: -5px 0px 0px 8px;
}
.dashb_head_icon.message-head:HOVER,
.dashb_head_icon.conversations-head:HOVER {
  color: #007531;
}

.dashb_head_icon.dealer-conversations-head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1;
  margin: -5px 0 0 8px;
}

.dashb_head_dealer_conv_icon {
  display: block;
  width: 42px;
  height: 32px;
  background-color: currentColor;
  -webkit-mask: url(../images/icon/icon_dealer_conversations.svg) center/contain no-repeat;
  mask: url(../images/icon/icon_dealer_conversations.svg) center/contain no-repeat;
}

.dashb_head_icon.customer-conversations-head,
.dashb_head_icon.rangerline-head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  line-height: 1;
  padding: 8px 4px;
}

.dashb_head_icon.customer-conversations-head {
  margin: -5px 0 0 5px;
}

.dashb_head_icon.message-head {
  margin: -5px 0 0 5px;
}

.dashb_head_customer_conv_icon {
  display: block;
  width: 36px;
  height: 36px;
  background-color: currentColor;
  -webkit-mask: url(../images/icon/icon_customer_conversations.svg) center/contain no-repeat;
  mask: url(../images/icon/icon_customer_conversations.svg) center/contain no-repeat;
}

.dashb_head_rangerline_icon {
  display: block;
  width: 36px;
  height: 36px;
  background-color: currentColor;
  -webkit-mask: url(../images/icon/icon_rangerline_astronaut.svg) center/contain no-repeat;
  mask: url(../images/icon/icon_rangerline_astronaut.svg) center/contain no-repeat;
}

.dashb_head_icon.dashb_head_icon--admin {
  color: #333399;
}

.dashb_head_icon.dashb_head_icon--admin_first {
  margin: -5px 18px 0 8px;
}

.dashb_head_icon--dashboard {
  padding: 3px 6px;
  line-height: 0;
  margin: 0px 0px 0px 4px;
}

.dashb_head_compass {
  display: block;
  width: 34px;
  height: 34px;
}

@media only screen and (max-width: 25.875em) {
  .dashb_head_icon {
    padding: 10px 4px 8px 4px !important;
  }
  .dashb_icon_light {
    margin: 6px 6px 0px 6px !important;
    font-size: 1.75rem !important;
  }
}
@media only screen and (min-width: 25.9375em) and (max-width: 40em) {
  .dashb_head_icon {
    padding: 10px 4px 8px 4px !important;
  }
  .dashb_icon_light {
    margin: 6px 6px 0px 6px !important;
    font-size: 1.75rem !important;
  }
}
.item_type_head_icon {
  float: left;
  margin: 4px 8px 0px 0px;
}

.lr_fa_customer_status_icon {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-size: 20px;
  font-weight: bold;
  margin: 0px 5px 0px 0px;
}

.lr_fa_customer_status_icon_customer_list {
  font-family: "Font Awesome 7 Pro";
  font-size: 32px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
}

.lr_fa_customer_status_1:before {
  content: "\f671";
}

.lr_fa_customer_status_2:before {
  content: "\f515";
}

.lr_fa_customer_status_3:before {
  content: "\f643";
}

.lr_fa_customer_status_4:before {
  content: "\f086";
}

.lr_fa_customer_status_5:before {
  content: "\f2b5";
}

.lr_fa_customer_status_6:before {
  content: "\f5e4";
}

.lr_fa_customer_status_7:before {
  content: "\f4fc";
}

.lr_fa_customer_status_8:before {
  content: "\f118";
}

.lr_fa_customer_status_9:before {
  content: "\f119";
}

.customer_status_label {
  font-size: 0.75rem;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  line-height: 0.75rem;
  color: #A5A5A5;
}

.lr_fa_customer_type_icon {
  font-family: "Font Awesome 7 Pro";
  font-style: normal;
  font-size: 32px;
  font-weight: bold;
}

.lr_fa_customer_type_0:before {
  content: "\f11c";
}

.lr_fa_customer_type_1:before {
  content: "\f11c";
}

.lr_fa_customer_type_2:before {
  content: "\f19c";
}

.lr_fa_customer_type_3:before {
  content: "\f4c0";
}

.lr_fa_customer_type_4:before {
  content: "\f128";
}

.lr_fa_customer_type_5:before {
  content: "\f81b";
}

.lr_fa_customer_type_6:before {
  content: "\f234";
}

.lr_fa_customer_type_7:before {
  content: "\f1b9";
}

.lr_fa_customer_type_8:before {
  content: "\f0e0";
}

.lr_fa_customer_type_9:before {
  content: "\f3a5";
}

.lr_fa_customer_type_10:before {
  content: "\f002";
}

.lr_fa_customer_type_19:before {
  content: "\f0ad";
}

.lr_fa_customer_type_22:before {
  content: "\f0a1";
}

.lr_fa_customer_type_24:before {
  content: "\f3e5";
}

.lr_fa_customer_type_28:before {
  content: "\f3ce";
}

.nexusiq_icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../images/logo/icon_NexusIQ_head_colour.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle;
}

.nexusiq_icon:hover {
  background-image: url(../images/logo/icon_NexusIQ_head_colour-HOVER.svg);
}

.nexusiq_icon_2x {
  font-size: 2em;
}

.nexusiq_icon_3x {
  font-size: 3em;
}

.nexusiq_icon_4x {
  font-size: 4em;
}

.nexusiq_icon_6x {
  font-size: 6em;
}

.nexusiq_icon.disabled {
  opacity: 0.35;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.dashboard_main_heading_container {
  margin: 0px 10px 0px 70px;
  white-space: nowrap;
  overflow: hidden;
}

.page-wrapper.toggled .dashboard_main_heading_container {
  margin-left: 300px;
}

.large_heading {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  color: #384859;
  font-size: 2.25rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 2.25rem;
  display: inline-block;
}

.large_heading_secondary {
  font-size: 1.5rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 1.5rem;
  color: #A5A5A5;
  display: inline-block;
  margin: 0px 0px 10px 10px;
}

.dynamic_page_subheading {
  display: inline;
  font-size: 1.25rem;
  font-weight: bold;
  color: rgb(111.45, 111.45, 111.45);
}

.dashboard_multi_dealer_name {
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  color: #A5A5A5;
  letter-spacing: -0.01em;
  margin: 4px 0px 0px 10px;
  vertical-align: baseline;
}

.admin_dashboard_dealer_name {
  font-size: 2rem;
  font-weight: 700;
  color: #A5A5A5;
  letter-spacing: -0.01em;
  float: right;
  margin: -2px 15px 0px 0px;
}

.main_page_container {
  min-height: 650px;
}

.foot_bar_text {
  display: block;
  text-align: center;
  font-size: 0.625rem;
  line-height: 24px;
  color: #B6B6B6;
  padding: 0px 90px 0px 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.foot_bar_dashb .lr_phase_badge {
  float: right;
  font-size: 0.625rem;
  line-height: 1;
  padding: 0.2rem 0.4rem;
  margin: 3px 8px 0px 0px;
}

@media only screen and (max-width: 40em) {
  .dashboard_main_heading_container {
    display: none;
  }
  .dashb_icon_light {
    display: none;
  }
  .page-content,
  main.lr_page_body {
    overflow-x: clip;
  }
}
body.lr_embed_mode {
  margin: 0;
  background: #ffffff;
}

.lr_embed_body {
  min-height: 100vh;
  padding: 12px 16px;
  box-sizing: border-box;
}

a[class*=fa-]:hover,
a[class*=fa-]:focus,
a:has(> i[class*=fa-]:only-child):hover,
a:has(> i[class*=fa-]:only-child):focus,
a:has(> svg:only-child):hover,
a:has(> svg:only-child):focus {
  text-decoration: none;
}

.lr_tool_rail_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--lr_tool_rail_w, 210px);
  gap: 24px;
  align-items: start;
}
@media (max-width: 64em) {
  .lr_tool_rail_layout {
    grid-template-columns: minmax(0, 1fr);
    padding-right: 64px;
  }
}
@media (max-width: 48em) {
  .lr_tool_rail_layout {
    padding-right: 0px;
  }
}

.lr_tool_rail {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  text-align: center;
  padding-top: 6px;
}
@media (max-width: 64em) {
  .lr_tool_rail {
    position: fixed;
    top: 64px;
    right: 0px;
    z-index: 60;
    width: 60px;
    max-height: calc(100vh - 76px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    gap: 4px;
    padding: 8px 0px;
    background-color: #FCFED4;
    border: 2px solid #777B7F;
    border-right: 0px;
    border-radius: 8px 0px 0px 8px;
  }
  .lr_tool_rail::-webkit-scrollbar {
    display: none;
  }
  .lr_tool_rail .fa-3x {
    font-size: 1.6em;
  }
  .lr_tool_rail .fa-4x {
    font-size: 2em;
  }
  .lr_tool_rail .fa-2x {
    font-size: 1em;
  }
  .lr_tool_rail .fa-stack.fa-2x {
    font-size: 1.4em;
  }
  .lr_tool_rail img {
    max-width: 36px;
    height: auto;
  }
  .lr_tool_rail .lr_tool_rail_label,
  .lr_tool_rail .lr_tool_rail_text {
    display: none;
  }
  .lr_tool_rail .lr_tool_rail_drop {
    position: static;
    flex-direction: column;
  }
}
@media (max-width: 48em) {
  .lr_tool_rail {
    transform: translateX(100%);
    transition: transform 0.25s ease;
  }
  .lr_tool_rail.is_open {
    transform: translateX(0px);
  }
}

@media (max-width: 64em) {
  .lr_tool_rail_clearance {
    padding-right: 64px;
  }
}
@media (max-width: 48em) {
  .lr_tool_rail_clearance {
    padding-right: 0px;
  }
}

.lr_tool_rail_toggle {
  display: none;
}

@media (max-width: 48em) {
  .lr_tool_rail_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 45%;
    right: 0px;
    z-index: 61;
    width: 34px;
    height: 56px;
    border: 0px;
    border-radius: 10px 0px 0px 10px;
    background-color: #333399;
    color: #fffec3;
    font-size: 1.1rem;
    cursor: pointer;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.25);
    transition: right 0.25s ease;
  }
  .lr_tool_rail_toggle.is_open {
    right: 60px;
  }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCCCCC;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #CCCCCC;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #CCCCCC;
}

:-moz-placeholder { /* Firefox 18- */
  color: #CCCCCC;
}

:placeholder-shown { /* Standard one last! */
  color: #CCCCCC;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  20%, 60% {
    transform: translateX(-15px); /* Large move left */
  }
  40%, 80% {
    transform: translateX(15px); /* Large move right */
  }
}
.shake {
  animation: shake 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  transform-origin: center;
}

.form_separator {
  border-top: 2px #BF1B28 solid;
  margin: 20px 0px 30px 0px;
}

.form_section_heading {
  background-color: rgb(24.225, 24.225, 72.675);
  font-size: 1.25rem;
  font-weight: 700;
  padding: 15px 20px 15px 20px;
  margin: 20px 0px 20px 0px;
  color: #fffec3;
  border-radius: 10px;
}

.form_large_heading {
  float: left;
  color: #333399;
  font-size: 2.25rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 2.25rem;
  white-space: nowrap;
  margin: 0px 0px 10px 0px;
}

.form_large_heading.with_radio {
  margin: 24px 0px 10px 0px;
}

.form_section_container {
  padding: 20px !important;
  border: #999999 2px solid;
  border-radius: 5px;
}

.form_terms {
  font-size: 0.625rem;
  line-height: 0.6875rem;
}

.dollar_input_icon_large {
  position: relative;
  left: 8px;
  bottom: -16px;
  width: 12px;
  height: 0px;
  font-size: 2rem;
  font-weight: 700;
  color: #333399;
}

.math_input_icon_large {
  position: relative;
  left: -18px;
  bottom: -18px;
  width: 12px;
  height: 0px;
  font-size: 2rem;
  font-weight: 700;
}

input.dollar_input {
  padding-left: 20px;
}

.calc_icon {
  position: relative;
  right: -160px;
  top: 20px;
  width: 12px;
  height: 0px;
  font-size: 2rem;
  font-weight: 700;
  color: #3D3D3D;
}

.counter {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0px 20px 0px 0px;
  font-size: 1rem;
  font-weight: bold;
  color: #ccc;
}

.percent_input_icon {
  background-color: #FFCCFF;
  position: relative;
  left: 70px;
  bottom: -28px;
  width: 12px;
  height: 0px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
}

.percent_input_icon.qualiflyer_icon {
  bottom: -34px;
  left: 65px;
  color: #333399;
  width: 200px;
}

.side_button {
  float: left;
}

input.uber_form_textbox, select.uber_form_dropdown {
  font-size: 1.25rem;
  font-weight: 700;
  height: 2.75rem;
  color: #3D3D3D;
}

select.uber_form_dropdown.side_selector {
  float: left;
  margin: 12px 0px 0px 0px;
  border-radius: 0px 12px 12px 0px;
}

textarea.uber_form_textarea {
  font-size: 1.25rem;
  font-weight: 700;
  color: #3D3D3D;
  min-height: 200px;
}

textarea.uber_form_textarea.medium_textarea {
  min-height: 88px;
}

textarea.uber_form_textarea.small_textarea {
  min-height: 68px;
}

.lrSmsEmbedSection {
  margin-top: 10px;
}
.lrSmsEmbedSection .small_text {
  font-size: 1.25rem;
}
.lrSmsEmbedSection .ultra_small_text {
  font-size: 0.875rem;
  color: #777;
}
.lrSmsEmbedSection .lrSmsEmbedMeta {
  margin: 0px 0px 12px 0px;
}
.lrSmsEmbedSection .lrSmsEmbedActionsRow {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin: 0px 0px 10px 0px;
}
.lrSmsEmbedSection .lrSmsEmbedTable {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
}
.lrSmsEmbedSection .lrSmsEmbedTable th {
  font-size: 1.25rem;
}
.lrSmsEmbedSection .lrSmsEmbedTable td {
  font-size: 0.875rem;
  vertical-align: top;
}
.lrSmsEmbedSection .lrSmsEmbedColExpiry {
  width: 90px;
}
.lrSmsEmbedSection .lrSmsEmbedColActions {
  width: 130px;
}
.lrSmsEmbedSection .lrSmsEmbedLoading {
  color: #777;
}
.lrSmsEmbedSection .lrSmsEmbedAdmin {
  margin: 0px 0px 12px 0px;
}
.lrSmsEmbedSection .lrSmsAdminHeaderRow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}
.lrSmsEmbedSection .lrSmsAdminHeaderLeft {
  flex: 1 1 auto;
  min-width: 320px;
}
.lrSmsEmbedSection .lrSmsAdminTitle {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 0px 0px 0px 0px;
}
.lrSmsEmbedSection .lrSmsAdminHelp {
  margin: 0px 0px 10px 0px;
}
.lrSmsEmbedSection .lrSmsAdminHeaderRight {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
}
.lrSmsEmbedSection .lrSmsAdminTokenRow {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  flex-wrap: nowrap;
}
.lrSmsEmbedSection .lrSmsAdminTokenInput {
  width: 100%;
}
.lrSmsEmbedSection .lrSmsAdminStatusRow {
  margin-top: 6px;
}
.lrSmsEmbedSection .lrSmsSecretResults {
  margin-top: 10px;
}
.lrSmsEmbedSection .lrSmsAdminTextarea {
  width: 100%;
  min-height: 55px;
  font-size: 0.875rem;
}
.lrSmsEmbedSection .lrSmsAdminWarn {
  margin-top: 8px;
  color: #B00020;
}
.lrSmsEmbedSection .lrSmsIconButton {
  min-width: 40px;
  text-align: center;
}

.lrSmsEmbedModalTitle {
  margin-bottom: 10px;
}

.lrSmsEmbedTextarea {
  width: 100%;
  min-height: 90px;
}

.lrSmsEmbedTextareaSmall {
  width: 100%;
  min-height: 55px;
  height: auto;
  overflow: hidden;
  resize: none;
  padding: 10px 12px 18px 12px;
}

.lrSmsModalCopyRow {
  display: flex;
  gap: 10px;
  align-items: center;
}

.lrSmsEmbedModalActions {
  margin-top: 14px;
}
.lrSmsEmbedModalActions #lrSmsEmbedModalStatus {
  margin-left: 10px;
  color: #777;
}

.radio_button_bar_small {
  float: left;
  margin: 0px 20px 0px 0px;
}

input.small_form_textbox, select.small_form_dropdown {
  font-size: 0.875rem;
  font-weight: 700;
  height: 2rem;
  color: #3D3D3D;
}

textarea.small_form_textarea {
  font-size: 0.875rem;
  font-weight: 700;
  color: #3D3D3D;
  min-height: 60px;
}

input.tiny_form_textbox, select.tiny_form_dropdown {
  font-size: 0.875rem;
  font-weight: 700;
  height: 2rem;
  color: #3D3D3D;
  margin: 0px 0px 0px 0px;
}

select.tiny_form_dropdown_colour {
  font-size: 0.875rem;
  font-weight: 700;
  height: 2rem;
  color: #3D3D3D;
  margin: 0px 0px 0px 0px;
  display: inline-block;
  width: 40%;
}

textarea.tiny_form_textarea {
  font-size: 0.875rem;
  font-weight: 700;
  color: #3D3D3D;
  min-height: 60px;
  margin: 0px 0px 0px 0px;
}

td.tiny_td {
  padding: 0px 0px 0px 0px;
}

input.tiny_form_textbox.vin_textbox {
  margin: -6px 0px 0px 0px;
}

.button.add_item_tiny_go {
  font-size: 0.75rem;
  font-weight: bold;
  float: right;
  margin: 7px 10px 0px 0px;
  padding: 3px 6px 3px 6px;
}

.button.add_item_tiny_reset {
  font-size: 0.75rem;
  font-weight: bold;
  float: left;
  background-color: #f08a24;
  margin: 7px 0px 0px 4px;
  padding: 3px 6px 3px 6px;
}

.button.test_vin_tiny {
  font-size: 0.625rem;
  font-weight: bold;
  float: left;
  margin: 7px 4px 0px 20px;
  padding: 3px 6px 3px 6px;
  clear: both;
  clear: both;
}

.uber_form_prefix {
  font-size: 1.25rem;
  height: 2.75rem;
  padding: 0px 50px 0px 5px;
}

span.postfix.uber_form_postfix_button {
  height: 2.75rem;
  background: none;
  border: none;
}

.postfix_button {
  margin: 3px 0px 0px 0px;
}

.textbox_label {
  text-align: left;
  font-weight: 700;
  margin: 0px 8px 0px 0px !important;
}

.textbox_label_right {
  text-align: right;
  font-weight: 700;
  margin: 0px 14px -2px 0px;
}

.textbox_label_below {
  text-align: left;
  font-weight: 700;
  margin: -14px 8px 0px 0px !important;
}

.textbox_label_explainer {
  float: left;
  margin: -16px 0px 0px 0px;
  font-size: 0.625rem;
  font-weight: normal;
  color: #007531;
}

.form_checkbox {
  float: left;
}

.form_acknowledge_text {
  float: left;
  font-size: 0.875rem;
  position: absolute;
  margin: -5px 0px 10px 20px;
  width: auto;
}

.form_acknowledge_sub_text {
  clear: left;
  font-size: 0.625rem;
}

.trade_in_container {
  padding-left: 40px;
  margin-bottom: 15px;
}

input.textbox_invisible:read-only {
  font-size: 2.5rem;
  font-weight: 700;
  height: 2.75rem;
  color: #007531;
  background-color: #FFFFFF;
  border: none;
  box-shadow: none;
}

input.textbox_invisible_right:read-only {
  font-size: 2.5rem;
  font-weight: 700;
  height: 2.75rem;
  color: #007531;
  background-color: #FFFFFF;
  border: none;
  box-shadow: none;
  text-align: right;
}

input.new_format_currency:read-only {
  font-size: 2.5rem;
  font-weight: 700;
  height: 2.75rem;
  color: #007531;
  background-color: #FFFFFF;
  border: none;
  box-shadow: none;
  text-align: right;
}

.form_social_icon {
  float: left;
  margin: 0px 10px 0px 0px;
}

.social_media_heading {
  font-weight: bold;
  margin: 20px 0px 0px 0px;
}

.button.extra_tiny {
  font-size: 0.75rem;
  font-weight: bold;
  margin: 14px 5px 0px 10px;
  padding: 3px 6px 3px 6px;
  background-color: #f08a24;
}

/* Canadian Postal Code Formatter Styles */
.postal-code-error {
  box-shadow: 0 0 5px rgba(255, 0, 0, 0.5) !important;
  transition: all 0.3s ease;
}

.postal-code-error-msg {
  animation: fadeIn 0.3s ease-in;
  font-family: inherit;
  font-weight: normal;
  line-height: 1.2;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Optional: Style for valid postal codes */
.postal-code-valid {
  background-color: #e8f5e8 !important;
  border-color: #28a745 !important;
}

/* Optional: Placeholder styling */
input[data-postal-code=true]::placeholder,
.postal-code::placeholder {
  color: #999;
  font-style: italic;
}

input.capslock_on {
  outline: 2px solid rgba(191, 27, 40, 0.35);
  outline-offset: 2px;
}

.capslock_warning {
  margin-top: -10px;
  line-height: 1.25;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 6px;
  background: rgba(191, 27, 40, 0.08);
  border: 1px solid rgba(191, 27, 40, 0.18);
  color: rgba(51, 51, 51, 0.75);
}

.capslock_text {
  white-space: pre-line;
}

.capslock_icon {
  margin: 0px 6px 0px 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: #007531;
}

input[type=checkbox] + label, input[type=radio] + label {
  margin-right: 0rem;
}

.radio_toolbar_tiny input[type=radio] {
  display: none;
}

.radio_toolbar_tiny label {
  text-align: center;
  display: inline-block;
  background-color: #17a2b8;
  margin: 0px 0px 0px 0px !important;
  padding: 4px 0px 3px 0px;
  font-size: 1.25rem;
}

.radio_toolbar_tiny input[type=radio]:checked + label {
  color: #f5f5f5;
  font-weight: bold;
  background-color: #333399;
  border-radius: 12px;
  padding: 8px 0px 6px 0px;
}

.radio_toolbar input[type=radio] {
  display: none;
}

.radio_toolbar label {
  color: #636363;
  text-align: center;
  display: inline-block;
  background-color: #A0D3E8;
  margin: 0px 6px 5px 0px !important;
  padding: 4px 15px 3px 15px;
  font-size: 1.25rem;
}

.radio_toolbar input[type=radio]:checked + label {
  color: #f5f5f5;
  font-weight: bold;
  background-color: #007531;
  border-radius: 12px;
}

.radio_toolbar_small input[type=radio] {
  display: none;
}

.radio_toolbar_small label {
  color: #636363;
  text-align: center;
  display: inline-block;
  margin: 0px 6px 5px 0px !important;
  padding: 5px 10px 5px 10px;
  background-color: #A0D3E8;
  border-radius: 12px;
}

.radio_toolbar_small input[type=radio]:checked + label {
  color: #f5f5f5;
  font-weight: bold;
  background-color: #007531;
  border-radius: 12px;
}

.radio_toolbar_large input[type=radio] {
  display: none;
}

.radio_toolbar_large label {
  color: #636363;
  text-align: center;
  display: inline-block;
  margin: 0px 6px 5px 0px !important;
  padding: 5px 15px 5px 15px;
  background-color: #A0D3E8;
  font-size: 1.275rem;
  border-radius: 12px;
}

.radio_toolbar_large label.item_button.radius {
  border-radius: 12px !important;
}

.radio_toolbar_large input[type=radio]:checked + label {
  color: #f5f5f5;
  font-weight: bold;
  background-color: #007531;
  border-radius: 12px;
}

.radio_toolbar_large_row {
  margin: 0px 0px 0px 0px;
}

.radio_toolbar_large_side_label {
  float: left;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 2rem;
  margin: 3px 0px 20px 10px;
  overflow: hidden;
  white-space: nowrap;
}

.trade_inspection_panel {
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 12px;
}

.trade_inspection_panel_inactive {
  padding: 10px;
  background-color: #F7F7F7;
  border-radius: 12px;
}

.form-button-radio {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 0.75rem;
  vertical-align: middle;
}
.form-button-radio__option {
  cursor: pointer;
  display: inline-flex;
  margin: 0;
  position: relative;
}
.form-button-radio__option + .form-button-radio__option {
  margin-left: 0.2rem;
}
.form-button-radio__option input[type=radio] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.form-button-radio__button {
  background: #b9e1f2;
  border: 0;
  border-radius: 0;
  color: #5a5a5a;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  min-width: 3.15rem;
  padding: 0.55rem 0.85rem;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease;
  user-select: none;
}
.form-button-radio__option:first-child .form-button-radio__button {
  border-bottom-left-radius: 0.55rem;
  border-top-left-radius: 0.55rem;
}
.form-button-radio__option:nth-last-of-type(1) .form-button-radio__button {
  border-bottom-right-radius: 0.55rem;
  border-top-right-radius: 0.55rem;
}
.form-button-radio__option input[type=radio]:checked + .form-button-radio__button, .form-button-radio__option.is-active .form-button-radio__button {
  background: #008a3d;
  color: #fff;
}
.form-button-radio__option input[type=radio]:focus + .form-button-radio__button, .form-button-radio__option input[type=radio]:focus-visible + .form-button-radio__button {
  box-shadow: 0 0 0 0.18rem rgba(0, 140, 186, 0.45);
  outline: 0;
  position: relative;
  z-index: 1;
}
.form-button-radio__option input[type=radio]:disabled + .form-button-radio__button {
  background: #e7e7e7;
  color: #999;
  cursor: not-allowed;
  opacity: 0.8;
}
.form-button-radio__label {
  color: inherit;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  margin-left: 0.65rem;
}
.form-button-radio--stacked {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 0.45rem;
}
.form-button-radio--stacked .form-button-radio__label {
  margin-left: 0;
}
.form-button-radio--full {
  display: flex;
}
.form-button-radio--full .form-button-radio__option,
.form-button-radio--full .form-button-radio__button {
  flex: 1 1 auto;
}
.form-button-radio--small .form-button-radio__button {
  font-size: 0.75rem;
  min-width: 2.65rem;
  padding: 0.42rem 0.65rem;
}
.form-button-radio--small .form-button-radio__label {
  font-size: 0.8rem;
}

.form-button-radio-list {
  display: grid;
  gap: 0.55rem;
}
.form-button-radio-list .form-button-radio {
  margin-bottom: 0;
}

.photo_placeholder {
  width: 100%;
  padding-bottom: 75%;
  background: #e9ecef;
}

.invoice_buttons {
  margin: 31px 0px 0px 0px;
}

.form_button_group {
  float: right;
  text-align: right;
  margin: 30px 0px 0px 0px;
}

.form_button_group.bill_of_sale {
  margin: 20px 0px 0px 0px;
}

.recalculate_button {
  float: right;
  text-align: right;
  margin: 18px 40px 0px 0px;
  background-color: #007531;
}

#financing_tbl {
  width: 100%;
}

.financing_table {
  width: 100%;
}

.financing_button {
  margin: -20px 0px 40px 0px;
}

.blockGrid_form_row_selector {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.blockGrid_form_row_selector > li {
  display: block;
  height: auto;
  float: none;
  padding: 0;
}

.blockGrid_form_selector_container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.blockGrid_form_selector_container > li {
  display: block;
  height: auto;
  float: none;
  padding: 0;
}

.blockGrid_form_selector_label {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.blockGrid_form_selector_label > li {
  display: block;
  height: auto;
  float: none;
  padding: 0;
}

.blockGrid_form_row_button {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.blockGrid_form_row_button > li {
  display: block;
  height: auto;
  float: none;
  padding: 0;
}

.form_row_container {
  width: 100%;
  border: 1px solid #bf1b28;
  margin: 0px 0px 20px 0px;
  padding: 0px 10px 0px 10px;
  background-color: #ebebeb;
}

.form_row_display_selector_button {
  width: 100%;
}

.form_selector_container {
  width: 100%;
  border: 1px solid #bf1b28;
  margin: 0px 0px 20px 0px;
  padding: 10px;
  background-color: #ffffff;
}

.form_selector_label {
  font-size: 0.75rem;
  font-weight: bold;
  border: 1px solid #bf1b28;
  padding: 0px 0px 0px 5px;
  color: #ffffff;
  background-color: #bf1b28;
}

label.form_setup_radio_button_label {
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 0.75rem;
  padding: 8px 0px 6px 0px;
  border-radius: 12px;
}

.email_head_container {
  padding: 0px 0px 20px 0px;
  overflow: visible;
}

.email_from_to_cc_container {
  padding: 0;
  margin: 0;
}

.email_from_to_cc_row {
  clear: both;
  padding: 0;
  margin: 0;
}

select.email_from_panel {
  clear: both;
  float: left;
  font-size: 0.75rem;
  padding: 0px 20px 0px 20px;
  margin: 0px 0px 10px 0px;
  border: #B3B0AD 1px solid;
  border-radius: 8px;
  height: 30px;
  background-color: #FFFFFF;
}

.email_from_to_cc_panel {
  clear: both;
  float: left;
  text-align: center;
  font-size: 0.75rem;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  border: #B3B0AD 1px solid;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.email_from_to_cc_panel.docurocket_panel {
  border: none;
}
.email_from_to_cc_panel.docurocket_heading {
  font-weight: bold;
  font-size: 22px;
  margin: 3px 0px 0px 0px;
  border: none;
}
.email_from_to_cc_panel.docurocket_panel--role-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background-color: #eef3fb;
  border: 1px solid #c8d6ec;
  border-radius: 999px;
  color: #2a4365;
  font-weight: 600;
  font-size: 0.8125rem;
  text-align: left;
  cursor: default;
}
.email_from_to_cc_panel.docurocket_panel--role-chip .docurocket_panel__lock {
  font-size: 12px;
  color: #6b7d99;
}
.email_from_to_cc_panel.docurocket_panel--role-chip .docurocket_panel__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.docurocket-missing-banner {
  background-color: #fff8e6;
  border-left: 4px solid #f0ad4e;
  padding: 10px 14px;
  margin: 0 0 12px 0;
  border-radius: 4px;
  color: #5a4500;
}
.docurocket-missing-banner__heading {
  font-weight: 700;
  margin-bottom: 4px;
}
.docurocket-missing-banner__heading i {
  color: #f0ad4e;
  margin-right: 6px;
}
.docurocket-missing-banner__body {
  font-size: 0.875rem;
  line-height: 1.4;
}

.email_send_button.email_send_button--disabled {
  opacity: 0.5;
  cursor: not-allowed;
  filter: grayscale(0.4);
}
.email_send_button.email_send_button--disabled:hover {
  opacity: 0.5;
}

.email_subject_panel {
  clear: both;
  float: left;
  text-align: center;
  font-size: 0.75rem;
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 10px 0px;
  background-color: #FFFFFF;
}

.email-header-title .message_send_icon {
  font-size: 2rem;
}

.docurocket_email_send_heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #A5A5A5;
  margin: 5px 0px 0px 0px;
}

#EmailDocument {
  border-radius: 8px;
  box-sizing: border-box;
}

.email_address_row {
  padding: 2px 0px 6px 10px;
  margin: 0px 0px 0px 10px;
  border-bottom: #B3B0AD 1px solid;
  font-size: 0.875rem;
  font-weight: 700;
}
.email_address_row.docurocket_heading {
  font-weight: bold;
  font-size: 22px;
  margin: 7px 0px 0px 10px;
}

.email_subject_row {
  padding: 2px 0px 6px 10px;
  font-size: 0.875rem;
  font-weight: 700;
}

input.email_address_textbox {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  height: 24px;
  font-size: 0.875rem;
  font-weight: 700;
}

.email_send_button {
  float: left;
  text-align: center;
  font-size: 0.75rem;
  padding: 8px 10px;
  margin: 0px 0px 10px 0px;
  border: #B3B0AD 1px solid !important;
  min-height: 75px;
  min-width: 80px;
  width: auto !important;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.email_send_button:HOVER {
  background-color: #EBEBEB;
}

.email_send_icon {
  position: relative;
  margin: 2px 0px 8px 0px;
}

.email_tool_icon {
  float: right;
  margin: 8px 0px 0px 0px;
}

.icon_edit_signature {
  float: left;
  margin: 10px 0px 0px 20px;
}

.email_tools_container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 10px 0;
}

.email_header_tool_icon {
  font-size: 1.75rem;
  color: #007531;
  cursor: pointer;
  transition: color 0.2s ease;
}
.email_header_tool_icon:hover {
  color: #005522;
}
.email_header_tool_icon.email_tool_disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.5;
}
.email_header_tool_icon.email_tool_disabled:hover {
  color: #999;
}

.email_header_ai_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 6px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.email_header_ai_button:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}
.email_header_ai_button .ai_logo_header {
  width: 22px;
  height: 22px;
  filter: brightness(0) invert(1);
}

.file_attachment_container_header {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 200px;
}

.sending_attachment_row {
  display: none;
  width: 100%;
  min-height: 0;
  margin: 8px 0;
  padding: 0 10px;
}

#sending_attachment_container,
.sending_attachment_container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 8px 0;
}
#sending_attachment_container:empty,
.sending_attachment_container:empty {
  display: none;
}

.sending_attachment_thumb_wrapper {
  width: 48px;
  height: 36px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #ddd;
  cursor: pointer;
  background: #f5f5f5;
}
.sending_attachment_thumb_wrapper:hover {
  border-color: #0a0;
}

.sending_attachment_thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sending_attachment_file {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4px 8px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: default;
}
.sending_attachment_file i {
  font-size: 18px;
  color: #666;
  margin-bottom: 2px;
}
.sending_attachment_file:hover {
  border-color: #0a0;
}

.sending_attachment_filename {
  font-size: 9px;
  color: #666;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sending_attachment_item {
  display: flex;
  align-items: center;
  gap: 2px;
}

.sending_attachment_cancel_btn {
  margin-left: 4px;
  border: none;
  background: #f3f3f3;
  color: #a00;
  font-weight: 700;
  cursor: pointer;
  line-height: 1;
  padding: 2px 6px;
  border-radius: 3px;
}

.email_signature_edit_row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
}
.email_signature_edit_row i {
  color: #666;
  cursor: pointer;
  transition: color 0.2s ease;
}
.email_signature_edit_row i:hover {
  color: #007531;
}

.email_signature_edit_label {
  font-size: 0.875rem;
  color: #666;
}

.tox-tinymce {
  border: 1px solid #B3B0AD !important;
  border-radius: 4px !important;
}
.tox-tinymce:focus-within {
  border-color: #007531 !important;
  box-shadow: none !important;
  outline: none !important;
}

.tox .tox-edit-area {
  outline: none !important;
}
.tox .tox-edit-area:focus {
  outline: none !important;
}

.tox .tox-edit-area__iframe {
  outline: none !important;
  border: none !important;
}
.tox .tox-edit-area__iframe:focus {
  outline: none !important;
  border: none !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
  box-shadow: none !important;
}

.tox .tox-toolbar-overlord {
  background: none !important;
}

#CustomerMessageDocumentSend .tox-tinymce {
  margin-top: 10px;
}
#CustomerMessageDocumentSend {
  overflow: visible;
}
#CustomerMessageDocumentSend .close-reveal-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #B3B0AD;
  border-radius: 4px;
  background-color: #fff;
  color: #666;
  font-size: 1.5rem;
  line-height: 1;
  top: 15px;
  right: 15px;
}
#CustomerMessageDocumentSend .close-reveal-modal:hover {
  background-color: #f5f5f5;
  color: #333;
}

.reveal-modal .has-tip + .tooltip,
.tooltip {
  z-index: 10200 !important;
}

.tox-tinymce-aux {
  z-index: 10100 !important;
}

.tox .tox-dialog-wrap {
  z-index: 10100 !important;
}

.tox .tox-dialog-wrap__backdrop {
  z-index: 10099 !important;
}

.email-modal-draggable.reveal-modal {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

.email-modal-draggable.is-dragging, .email-modal-draggable.is-resizing {
  user-select: none;
  transition: none !important;
}
.email-modal-draggable.is-dragging *, .email-modal-draggable.is-resizing * {
  user-select: none;
}
.email-modal-draggable.is-positioned {
  margin: 0 !important;
}
.email-modal-draggable.is-maximized {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}
.email-modal-draggable.is-minimized {
  height: auto !important;
  min-height: 50px !important;
}
.email-modal-draggable.is-minimized .email-modal-body,
.email-modal-draggable.is-minimized .email-resize-handle {
  display: none !important;
}

.email-modal-header-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  border-bottom: 1px solid #ddd;
  height: 44px;
  border-radius: 4px 4px 0 0;
  position: relative;
}

.email-header-drag-area {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 16px;
  cursor: move;
  user-select: none;
  height: 100%;
  min-height: 44px;
}
.email-header-drag-area:hover {
  background: rgba(0, 0, 0, 0.03);
}
.email-header-drag-area:active {
  background: rgba(0, 0, 0, 0.06);
  cursor: grabbing;
}

.email-header-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.email-header-title i {
  color: #007531;
  font-size: 16px;
}

.email-header-controls {
  display: flex;
  align-items: center;
  padding-right: 10px;
}

.email-control-btn {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 4px;
  margin: 0 3px;
  transition: all 0.2s ease;
  color: #666;
}
.email-control-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
}
.email-control-btn.close-btn:hover {
  background: #dc3545;
  color: #fff;
}
.email-control-btn.maximize-btn.is-maximized i:before {
  content: "\f066";
}
.email-control-btn i {
  font-size: 12px;
}

.email-resize-handle {
  position: absolute;
  z-index: 10;
}

.email-resize-e {
  top: 44px;
  right: 0;
  width: 8px;
  height: calc(100% - 44px);
  cursor: ew-resize;
}
.email-resize-e:hover {
  background: rgba(0, 117, 49, 0.1);
}

.email-resize-s {
  bottom: 0;
  left: 0;
  width: calc(100% - 16px);
  height: 8px;
  cursor: ns-resize;
}
.email-resize-s:hover {
  background: rgba(0, 117, 49, 0.1);
}

.email-resize-se {
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  cursor: nwse-resize;
}
.email-resize-se:hover {
  background: rgba(0, 117, 49, 0.2);
}
.email-resize-se::after {
  content: "";
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
}

.email-modal-body {
  overflow-y: auto;
  max-height: calc(100% - 60px);
}

.form-select-calendar {
  max-width: 15rem;
  width: 100%;
}
.form-select-calendar__input {
  background: #fff;
  border: 1px solid #9f9f9f;
  border-radius: 0.35rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  color: #4a4a4a;
  font-size: 1.05rem;
  font-weight: 700;
  height: 2.45rem;
  line-height: 1.2;
  max-width: 15rem;
  padding: 0.45rem 0.7rem;
  width: 100%;
}
.form-select-calendar__input::placeholder {
  color: #7d7d7d;
  font-weight: 400;
}
.form-select-calendar__input:focus {
  border-color: #777;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(0, 0, 0, 0.12);
  outline: 0;
}

.ui-datepicker.form-select-calendar__calendar {
  background: #efefef;
  border: 1px solid #8e8e8e;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
  font-family: inherit;
  padding: 0.25rem;
  width: 16.75rem;
  z-index: 10050 !important;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-header {
  background: #c9c9c9;
  border: 1px solid #aaa;
  border-radius: 0.25rem;
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.35rem 2rem;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-title {
  line-height: 1.25;
  margin: 0;
  text-align: center;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-prev,
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-next {
  background: #333;
  border-radius: 50%;
  cursor: pointer;
  height: 0.8rem;
  top: 0.55rem;
  width: 0.8rem;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-prev {
  left: 0.75rem;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-next {
  right: 0.75rem;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-prev span,
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-next span {
  display: none;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-prev::before,
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-next::before {
  color: #fff;
  display: block;
  font-size: 0.65rem;
  line-height: 0.8rem;
  text-align: center;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-prev::before {
  content: "‹";
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-next::before {
  content: "›";
}
.ui-datepicker.form-select-calendar__calendar table {
  background: #f9f9f9;
  border-collapse: collapse;
  font-size: 0.82rem;
  margin: 0.35rem 0 0;
  width: 100%;
}
.ui-datepicker.form-select-calendar__calendar th {
  background: #fff;
  border: 0;
  color: #000;
  font-weight: 700;
  padding: 0.35rem 0.2rem;
  text-align: center;
}
.ui-datepicker.form-select-calendar__calendar td {
  border: 1px solid #c8c8c8;
  padding: 0;
}
.ui-datepicker.form-select-calendar__calendar td a,
.ui-datepicker.form-select-calendar__calendar td span {
  background: #f5f5f5;
  border: 0;
  color: #555;
  display: block;
  padding: 0.25rem 0.35rem;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker.form-select-calendar__calendar td a:hover,
.ui-datepicker.form-select-calendar__calendar td a.ui-state-hover {
  background: #e6f2f8;
  color: #222;
}
.ui-datepicker.form-select-calendar__calendar td .ui-state-active,
.ui-datepicker.form-select-calendar__calendar td .ui-state-highlight {
  background: #fff6be;
  color: #000;
  font-weight: 700;
}
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-other-month span,
.ui-datepicker.form-select-calendar__calendar .ui-datepicker-other-month a {
  background: #e8e8e8;
  color: #999;
}

.success {
  color: #007531;
}

.alert {
  color: #f04124;
}

.btn_primary {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_primary:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn_primary:focus, .btn_primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_primary.disabled, .btn_primary:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn_primary:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn_primary:not(:disabled):not(.disabled):active, .btn_primary:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_primary:not(:disabled):not(.disabled):active:focus, .btn_primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_primary {
  color: #fff;
  background-color: #333399;
  border-color: #333399;
}
.btn_primary:hover {
  color: #fff;
  background-color: rgb(41.4375, 41.4375, 124.3125);
  border-color: rgb(38.25, 38.25, 114.75);
}
.btn_primary:focus, .btn_primary.focus {
  color: #fff;
  background-color: rgb(41.4375, 41.4375, 124.3125);
  border-color: rgb(38.25, 38.25, 114.75);
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.5);
}
.btn_primary.disabled, .btn_primary:disabled {
  color: #fff;
  background-color: #333399;
  border-color: #333399;
}
.btn_primary:not(:disabled):not(.disabled):active, .btn_primary:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(38.25, 38.25, 114.75);
  border-color: rgb(35.0625, 35.0625, 105.1875);
}
.btn_primary:not(:disabled):not(.disabled):active:focus, .btn_primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.5);
}

.btn_secondary {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_secondary:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn_secondary:focus, .btn_secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_secondary.disabled, .btn_secondary:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn_secondary:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn_secondary:not(:disabled):not(.disabled):active, .btn_secondary:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_secondary:not(:disabled):not(.disabled):active:focus, .btn_secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_secondary {
  color: #333333;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
}
.btn_secondary:hover {
  color: #333333;
  background-color: rgb(211.875, 211.875, 211.875);
  border-color: rgb(205.5, 205.5, 205.5);
}
.btn_secondary:focus, .btn_secondary.focus {
  color: #333333;
  background-color: rgb(211.875, 211.875, 211.875);
  border-color: rgb(205.5, 205.5, 205.5);
  box-shadow: 0 0 0 0.2rem rgba(231, 231, 231, 0.5);
}
.btn_secondary.disabled, .btn_secondary:disabled {
  color: #333333;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
}
.btn_secondary:not(:disabled):not(.disabled):active, .btn_secondary:not(:disabled):not(.disabled).active {
  color: #333333;
  background-color: rgb(205.5, 205.5, 205.5);
  border-color: rgb(199.125, 199.125, 199.125);
}
.btn_secondary:not(:disabled):not(.disabled):active:focus, .btn_secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(231, 231, 231, 0.5);
}

.btn_success {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_success:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn_success:focus, .btn_success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_success.disabled, .btn_success:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn_success:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn_success:not(:disabled):not(.disabled):active, .btn_success:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_success:not(:disabled):not(.disabled):active:focus, .btn_success:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_success {
  color: #fff;
  background-color: #007531;
  border-color: #007531;
}
.btn_success:hover {
  color: #fff;
  background-color: rgb(0, 78.75, 32.9807692308);
  border-color: rgb(0, 66, 27.641025641);
}
.btn_success:focus, .btn_success.focus {
  color: #fff;
  background-color: rgb(0, 78.75, 32.9807692308);
  border-color: rgb(0, 66, 27.641025641);
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.5);
}
.btn_success.disabled, .btn_success:disabled {
  color: #fff;
  background-color: #007531;
  border-color: #007531;
}
.btn_success:not(:disabled):not(.disabled):active, .btn_success:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(0, 66, 27.641025641);
  border-color: rgb(0, 53.25, 22.3012820513);
}
.btn_success:not(:disabled):not(.disabled):active:focus, .btn_success:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 117, 49, 0.5);
}

.btn_info {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_info:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn_info:focus, .btn_info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_info.disabled, .btn_info:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn_info:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn_info:not(:disabled):not(.disabled):active, .btn_info:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_info:not(:disabled):not(.disabled):active:focus, .btn_info:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn_info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn_info:focus, .btn_info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn_info.disabled, .btn_info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn_info:not(:disabled):not(.disabled):active, .btn_info:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.btn_info:not(:disabled):not(.disabled):active:focus, .btn_info:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn_warning {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_warning:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn_warning:focus, .btn_warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_warning.disabled, .btn_warning:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn_warning:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn_warning:not(:disabled):not(.disabled):active, .btn_warning:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_warning:not(:disabled):not(.disabled):active:focus, .btn_warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_warning {
  color: #343a40;
  background-color: #f08a24;
  border-color: #f08a24;
}
.btn_warning:hover {
  color: #343a40;
  background-color: rgb(222.5096153846, 118.875, 15.2403846154);
  border-color: rgb(210.5769230769, 112.5, 14.4230769231);
}
.btn_warning:focus, .btn_warning.focus {
  color: #343a40;
  background-color: rgb(222.5096153846, 118.875, 15.2403846154);
  border-color: rgb(210.5769230769, 112.5, 14.4230769231);
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 36, 0.5);
}
.btn_warning.disabled, .btn_warning:disabled {
  color: #343a40;
  background-color: #f08a24;
  border-color: #f08a24;
}
.btn_warning:not(:disabled):not(.disabled):active, .btn_warning:not(:disabled):not(.disabled).active {
  color: #343a40;
  background-color: rgb(210.5769230769, 112.5, 14.4230769231);
  border-color: rgb(198.6442307692, 106.125, 13.6057692308);
}
.btn_warning:not(:disabled):not(.disabled):active:focus, .btn_warning:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 138, 36, 0.5);
}

.btn_danger {
  display: inline-block;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #1b1f2a;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 16px;
  border-radius: 0.375rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn_danger:hover {
  color: #1b1f2a;
  text-decoration: none;
}
.btn_danger:focus, .btn_danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_danger.disabled, .btn_danger:disabled {
  opacity: 0.65;
  pointer-events: none;
}
.btn_danger:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn_danger:not(:disabled):not(.disabled):active, .btn_danger:not(:disabled):not(.disabled).active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn_danger:not(:disabled):not(.disabled):active:focus, .btn_danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(51, 51, 153, 0.25);
}
.btn_danger {
  color: #fff;
  background-color: #f04124;
  border-color: #f04124;
}
.btn_danger:hover {
  color: #fff;
  background-color: rgb(222.5096153846, 44.7051282051, 15.2403846154);
  border-color: rgb(210.5769230769, 42.3076923077, 14.4230769231);
}
.btn_danger:focus, .btn_danger.focus {
  color: #fff;
  background-color: rgb(222.5096153846, 44.7051282051, 15.2403846154);
  border-color: rgb(210.5769230769, 42.3076923077, 14.4230769231);
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.5);
}
.btn_danger.disabled, .btn_danger:disabled {
  color: #fff;
  background-color: #f04124;
  border-color: #f04124;
}
.btn_danger:not(:disabled):not(.disabled):active, .btn_danger:not(:disabled):not(.disabled).active {
  color: #fff;
  background-color: rgb(210.5769230769, 42.3076923077, 14.4230769231);
  border-color: rgb(198.6442307692, 39.9102564103, 13.6057692308);
}
.btn_danger:not(:disabled):not(.disabled):active:focus, .btn_danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(240, 65, 36, 0.5);
}

form label {
  font-size: 0.875rem;
  font-weight: 700;
  color: #4D4D4D;
}

input.form_control,
select.form_select,
textarea.form_control {
  font-size: 1.25rem;
  font-weight: 700;
  color: #3D3D3D;
}

input.form_control,
select.form_select {
  height: 2.75rem;
}

.uber_form_textbox,
.uber_form_textarea {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
  padding: 8px;
  margin: 0px 0px 16px 0px;
  transition: border-color 0.15s linear, background 0.15s linear;
}
.uber_form_textbox:focus,
.uber_form_textarea:focus {
  outline: none;
  border-color: #999999;
  background-color: #FAFAFA;
}

select.uber_form_dropdown {
  background-color: #FAFAFA;
  border: 1px solid #CCCCCC;
  border-radius: 12px;
  padding: 4px 32px 4px 8px;
  margin: 0px 0px 16px 0px;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' fill='%23333333'/></svg>");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 9px 6px;
}
select.uber_form_dropdown:focus {
  outline: none;
  border-color: #999999;
}

.uber_form_textbox:disabled,
select.uber_form_dropdown:disabled,
.uber_form_textarea:disabled {
  background-color: #DDDDDD;
  cursor: not-allowed;
}

label small {
  font-size: 60%;
  text-transform: capitalize;
  color: #676767;
}

.no_label {
  display: block;
  margin: 21px 0px 0px 0px;
}

.lr_field_error {
  display: block;
  margin: -12px 0px 12px 0px;
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #f04124;
}

.radio_toolbar a {
  color: #636363;
  text-align: center;
  display: inline-block;
  background-color: #A0D3E8;
  margin: 0px 0px 5px 0px !important;
  padding: 4px 15px 3px 15px;
  font-size: 1.25rem;
  text-decoration: none;
  border: none;
  border-radius: 0;
}
.radio_toolbar a:hover {
  color: #333333;
}

.radio_toolbar a.is_active {
  color: #f5f5f5;
  font-weight: bold;
  background-color: #007531;
  border-radius: 12px;
}

.radio_toolbar label:has(input[type=radio]:checked) {
  color: #f5f5f5;
  font-weight: bold;
  background-color: #007531;
  border-radius: 12px;
}

.admin_only {
  background-color: #FFFFD5;
  border: 1px solid #A5A5A5;
  border-radius: 8px;
  padding: 5px;
  margin: 0px 0px 10px 0px;
}

.radio_toolbar label,
.radio_toolbar_small label,
.radio_toolbar_large label,
.radio_toolbar_tiny label {
  display: inline-block !important;
  width: auto !important;
}

label .radio_toolbar,
label .radio_toolbar_small,
label .radio_toolbar_large {
  display: block;
  margin: 2px 0px 0px 0px;
}

.lr_autofill_trap {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  font-size: 20px;
  background-color: hsl(59, 100%, 109.2352941176%);
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  height: 44px;
  font-size: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 42px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 6px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #222222 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #222222 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.lr_toast_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
}

.lr_toast {
  position: fixed;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 20px 40px;
  border-radius: 4px;
  z-index: 9999;
  cursor: pointer;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.lr_toast__success {
  background: #4BB543;
}

.lr_toast__error {
  background: #d81e05;
}

.lr_toast__warning {
  background: #d49b00;
}

.lr_toast__wait {
  background: #333399;
  cursor: default;
}
.lr_toast__wait i {
  margin-right: 10px;
}

.lr_toast__confirm {
  cursor: default;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  max-width: 460px;
  width: calc(100% - 32px);
  box-sizing: border-box;
}

.lr_toast__message {
  font-size: 1.125rem;
  line-height: 1.4;
}

.lr_toast__actions {
  display: flex;
  justify-content: center;
  gap: 14px;
}

.lr_toast__btn {
  border: none;
  border-radius: 4px;
  padding: 12px 22px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
}

.lr_toast__btn_confirm {
  background: #d81e05;
  color: #fff;
}

.lr_toast__btn_cancel {
  background: #f0f0f0;
  color: #222;
}

.itemPhotoBackgroundErrorLog {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid #e0b4b4;
  border-radius: 4px;
  background: #fff5f5;
  color: #7f1d1d;
  font-size: 0.875rem;
  line-height: 1.45;
  max-height: 240px;
  overflow-y: auto;
  user-select: text;
}

.itemPhotoBackgroundErrorLog__title {
  font-weight: 700;
  margin-bottom: 6px;
}

.itemPhotoBackgroundErrorLog__item {
  margin-bottom: 8px;
}

.itemPhotoBackgroundErrorLog__item:last-child {
  margin-bottom: 0;
}

.itemPhotoBackgroundErrorLog__message {
  word-break: break-word;
  white-space: pre-wrap;
}

.lr_live_users {
  max-width: 96rem;
}
.lr_live_users .lr_live_users_intro {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.lr_live_users .lr_live_users_summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.lr_live_users .lr_live_users_card {
  border: 1px solid #adb5bd;
  border-radius: 12px;
  padding: 1.25rem;
}
.lr_live_users .lr_live_users_card span {
  display: block;
}
.lr_live_users .lr_live_users_card strong {
  display: block;
  font-size: 2rem;
  font-variant-numeric: tabular-nums;
}
.lr_live_users .lr_live_users_toolbar {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.lr_live_users .lr_live_users_toolbar label:first-child {
  flex: 1 1 18rem;
}
.lr_live_users .lr_live_users_toolbar label {
  min-width: 10rem;
}
.lr_live_users .lr_live_users_toolbar input,
.lr_live_users .lr_live_users_toolbar select {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
.lr_live_users .lr_live_users_notice {
  border-inline-start: 3px solid #333399;
  padding: 0.75rem 1rem;
}
.lr_live_users .lr_live_users_table_wrap {
  overflow-x: auto;
}
.lr_live_users .lr_live_users_table_wrap table {
  width: 100%;
}
.lr_live_users .lr_live_users_table_wrap th,
.lr_live_users .lr_live_users_table_wrap td {
  text-align: start;
  padding: 0.75rem;
  border-bottom: 1px solid #adb5bd;
}
.lr_live_users .lr_live_users_table_wrap .is_active {
  font-weight: 700;
}
.lr_live_users.is_stale .lr_live_users_summary, .lr_live_users.is_stale .lr_live_users_table_wrap {
  opacity: 0.6;
}

@media (max-width: 40rem) {
  .lr_live_users .lr_live_users_summary {
    grid-template-columns: 1fr;
  }
}
.swift_scan_preview {
  position: relative;
  max-width: 40rem;
  margin-inline: auto;
}

.swift_scan_guide {
  position: absolute;
  width: 86%;
  aspect-ratio: 3.5;
  max-height: 65%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0 2px #000;
  pointer-events: none;
}

#swiftDock {
  min-width: 0;
  overflow-wrap: anywhere;
}
#swiftDock #status {
  padding: 1rem;
  border-inline-start: 4px solid #333399;
  background: #f8f9fa;
  border-radius: 0.375rem;
  line-height: 1.5;
  scroll-margin-block-start: 1rem;
}
#swiftDock #scanner,
#swiftDock .swift_form_section,
#swiftDock .swift_intake_finish {
  min-width: 0;
  margin: 1.25rem 0;
  padding: clamp(1rem, 3vw, 1.5rem);
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  background: #fff;
}
#swiftDock .swift_form_section legend {
  width: auto;
  max-width: 100%;
  box-sizing: border-box;
  float: none;
  padding-inline: 0.5rem;
  margin: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #333333;
}
#swiftDock .swift_fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 1rem;
}
#swiftDock .swift_field {
  min-width: 0;
}
#swiftDock .swift_intake_sections {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-block: 1rem;
}
#swiftDock .swift_intake_sections button {
  flex: 1 1 12rem;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
}
#swiftDock .swift_form_section {
  scroll-margin-block-start: 1rem;
}
#swiftDock .swift_intake_feedback {
  padding: 0.75rem;
  margin-block: 0.75rem 0;
  background: #f8f9fa;
  border-inline-start: 3px solid #333399;
  line-height: 1.5;
}
#swiftDock #intakeFinish {
  border-color: #333399;
}
#swiftDock #intake[aria-busy=true] .swift_actions {
  cursor: progress;
}
#swiftDock .swift_fields label {
  display: block;
  margin-block-end: 0.35rem;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.4;
}
#swiftDock .swift_fields input,
#swiftDock .swift_fields select {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  margin: 0;
  font-size: 1rem;
}
#swiftDock .swift_fields input[readonly] {
  background: #f8f9fa;
}
#swiftDock .swift_intake_start {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
  margin-block: 1rem;
}
#swiftDock .swift_intake_start p,
#swiftDock .swift_confirm {
  margin: 0;
}
#swiftDock[data-intake-stage=choice] #intake > :not(#intakeStart) {
  display: none;
}
#swiftDock[data-intake-stage=choice] .swift_intake_start {
  max-width: 36rem;
  margin: clamp(2rem, 10vh, 6rem) auto;
}
#swiftDock[data-intake-stage=choice] .swift_intake_start p {
  flex-basis: 100%;
  line-height: 1.6;
  margin-bottom: 1rem;
}
#swiftDock[data-intake-stage=choice] .swift_intake_start button {
  flex: 1 1 12rem;
  min-height: 4rem;
}
#swiftDock[data-intake-stage=form] #intakeManual {
  display: none;
}
#swiftDock .swift_entry_policy {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #5a6475;
}
#swiftDock .swift_confirm {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  min-height: 3rem;
  padding-block: 0.5rem;
  line-height: 1.5;
  cursor: pointer;
}
#swiftDock .swift_confirm input {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  min-height: 1.5rem;
  margin: 0;
  accent-color: #333399;
}
#swiftDock .swift_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}
#swiftDock button {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  min-height: 3rem;
  margin: 0;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  white-space: normal;
}
#swiftDock #submit {
  flex: 1 1 14rem;
}
#swiftDock #scanTitle {
  font-size: 1.25rem;
  margin-block: 0 0.75rem;
}
@media (max-width: 36rem) {
  #swiftDock .swift_fields {
    grid-template-columns: minmax(0, 1fr);
  }
  #swiftDock #intakeFinish .swift_actions button {
    width: 100%;
  }
}

.swift_customer_page #swiftDock[data-intake-stage=choice] > :not(#intake) {
  display: none;
}

.swift_camera_active {
  overflow: hidden;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active {
  position: fixed;
  inset: 0;
  z-index: 10000;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #000;
  color: #fff;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active #scanTitle,
.swift_camera_active #swiftDock #scanner.swift_capture_active #scanConsent,
.swift_camera_active #swiftDock #scanner.swift_capture_active #scanAim,
.swift_camera_active #swiftDock #scanner.swift_capture_active #scanReview {
  display: none;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_scan_preview {
  position: absolute;
  inset: 0;
  max-width: none;
  margin: 0;
  overflow: hidden;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active #scanVideo {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_scan_guide {
  width: min(72vw, 200vh);
  max-height: 50%;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_capture_left,
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_capture_right {
  position: absolute;
  bottom: max(1rem, env(safe-area-inset-bottom));
  min-height: 4rem;
  min-width: 5rem;
  max-width: 30%;
  border: 2px solid #fff;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_capture_left {
  left: max(1rem, env(safe-area-inset-left));
}
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_capture_right {
  right: max(1rem, env(safe-area-inset-right));
}
.swift_camera_active #swiftDock #scanner.swift_capture_active #scanManual {
  position: absolute;
  left: 50%;
  bottom: max(1rem, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  max-width: 30%;
  color: #fff;
  background: #000;
  border-color: #fff;
}
.swift_camera_active #swiftDock #scanner.swift_capture_active .swift_scan_rotate {
  display: none;
  position: absolute;
  top: max(1rem, env(safe-area-inset-top));
  left: 1rem;
  right: 1rem;
  padding: 1rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 1.25rem;
}
@media (orientation: portrait) {
  .swift_camera_active #swiftDock #scanner.swift_capture_active #scanVideo,
  .swift_camera_active #swiftDock #scanner.swift_capture_active .swift_scan_guide,
  .swift_camera_active #swiftDock #scanner.swift_capture_active .swift_capture_left,
  .swift_camera_active #swiftDock #scanner.swift_capture_active .swift_capture_right {
    display: none;
  }
  .swift_camera_active #swiftDock #scanner.swift_capture_active .swift_scan_rotate {
    display: block;
  }
}

.lr_swiftdock_staff {
  max-width: 72rem;
  overflow-wrap: anywhere;
}
.lr_swiftdock_staff [hidden] {
  display: none !important;
}
.lr_swiftdock_staff .lr_swiftdock_choices {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: 1rem;
  margin-block: 1.5rem;
}
.lr_swiftdock_staff .lr_swiftdock_choices button {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 5rem;
  margin: 0;
  padding: 1.25rem;
  border-radius: 0.5rem;
  text-align: start;
  font-size: 1rem;
}
.lr_swiftdock_staff .lr_swiftdock_choices i {
  font-size: 1.5rem;
}
.lr_swiftdock_staff .lr_swiftdock_review_heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2rem;
}
.lr_swiftdock_staff .lr_swiftdock_review_heading h3 {
  margin: 0;
}
.lr_swiftdock_staff #swiftDockRemote,
.lr_swiftdock_staff #swiftDockOnSite {
  padding: 1.5rem;
  margin-block: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  background: #fff;
}
.lr_swiftdock_staff .swift_fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
  gap: 1rem;
}
.lr_swiftdock_staff .swift_fields input, .lr_swiftdock_staff .swift_fields select {
  width: 100%;
  min-width: 0;
  min-height: 2.75rem;
}
.lr_swiftdock_staff .swift_fields label {
  display: block;
}
.lr_swiftdock_staff .swift_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1rem;
}
.lr_swiftdock_staff .swift_scan_video {
  display: block;
  width: 100%;
  max-width: 40rem;
  max-height: 60vh;
  object-fit: contain;
  background: #111;
}
.lr_swiftdock_staff .swift_confirm {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1rem;
}
.lr_swiftdock_staff details {
  margin: 1.25rem 0;
}
.lr_swiftdock_staff summary {
  cursor: pointer;
  min-height: 2.75rem;
}
.lr_swiftdock_staff button {
  margin: 0.25rem 0.5rem 0.25rem 0;
  min-height: 2.75rem;
  white-space: normal;
}
.lr_swiftdock_staff #swiftDockRequests > section,
.lr_swiftdock_staff #swiftDockReview {
  border-top: 1px solid #adb5bd;
  margin-top: 1rem;
  padding-top: 1rem;
}
.lr_swiftdock_staff #swiftDockReviewFields:not([hidden]) {
  display: grid;
  grid-template-columns: minmax(7rem, 1fr) minmax(0, 3fr);
  gap: 0.5rem 1rem;
}
.lr_swiftdock_staff #swiftDockApproval fieldset {
  min-width: 0;
  padding: 1rem;
  border: 1px solid #adb5bd;
  margin: 1rem 0;
}
.lr_swiftdock_staff #swiftDockApproval label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  min-height: 2.75rem;
}
.lr_swiftdock_staff #swiftDockApproval input[type=checkbox] {
  min-width: 1.25rem;
  min-height: 1.25rem;
}
.lr_swiftdock_staff #swiftDockApproval select,
.lr_swiftdock_staff #swiftDockApproval input:not([type=checkbox]) {
  width: min(65%, 30rem);
  min-width: 0;
}
.lr_swiftdock_staff .lr_swiftdock_field_choice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  align-items: baseline;
  border-bottom: 1px solid #adb5bd;
  padding: 0.5rem 0;
}
@media (max-width: 40rem) {
  .lr_swiftdock_staff .lr_swiftdock_field_choice {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }
}

.lr_swiftdock_modal {
  position: fixed;
  inset: 0;
  z-index: 2400;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 70px 1rem 1rem;
}
.lr_swiftdock_modal[hidden] {
  display: none;
}

.lr_swiftdock_modal_box {
  width: min(54rem, 100%);
  max-height: calc(100dvh - 86px);
  background: var(--body-bg);
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.lr_swiftdock_modal_box.is_swiftdock_expanded {
  width: min(76rem, 100%);
}
.lr_swiftdock_modal_box > .lr_modal_head,
.lr_swiftdock_modal_box > .lr_modal_foot {
  flex: 0 0 auto;
}

.lr_swiftdock_modal_body {
  flex: 0 1 auto;
  height: var(--lr-swiftdock-content-height, 12rem);
  min-height: 0;
}
.lr_swiftdock_modal_body iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

.lr_embed_body:has(> .lr_swiftdock_staff) {
  min-height: 0;
  display: flow-root;
}

.lr_account_swiftdock_devices {
  width: 100%;
  height: max(36rem, 100dvh - 17rem);
  border: 0;
}

@media (max-width: 900px) {
  .lr_swiftdock_modal {
    padding: 70px 8px 8px;
  }
  .lr_swiftdock_modal_box {
    max-height: calc(100dvh - 78px);
  }
}
.lr_guest_bare {
  margin: 0;
  padding: 0;
}

.lr_login_hero {
  position: relative;
  min-height: 100vh;
  background: #f5f7fc no-repeat center center;
  background-size: cover;
  overflow-x: hidden;
}
.lr_login_hero--spng {
  background-image: url("/images/background/lotranger_login_spng_01.webp");
}
.lr_login_hero--sumr {
  background-image: url("/images/background/lotranger_login_sumr_01.webp");
}
.lr_login_hero--fall {
  background-image: url("/images/background/lotranger_login_fall_01.webp");
}
.lr_login_hero--wntr {
  background-image: url("/images/background/lotranger_login_wntr_01.webp");
}

.lr_login_qr {
  position: fixed;
  top: 40px;
  right: 40px;
  max-width: 300px;
  width: auto;
  height: auto;
  z-index: 10;
}

@media (max-width: 1280px) {
  .lr_login_qr {
    max-width: 180px;
    right: 20px;
  }
}
@media (max-width: 999px) {
  .lr_login_qr {
    display: none;
  }
}
.lr_login_container {
  width: 90%;
  max-width: 560px;
  margin: 40px auto 0;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
}

.lr_login_logo {
  display: block;
  width: 100%;
  height: auto;
}

.lr_login_tagline {
  margin: 20px 0 0;
  text-align: center;
  font-size: 1.625rem;
  font-weight: 700;
  color: #808080;
}
.lr_login_tagline span {
  color: #B22222;
}

.lr_login_error {
  margin: 10px 0 0;
  font-weight: 700;
  color: #f04124;
  text-align: center;
}

.lr_login_fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 16px;
}

input.lr_login_input {
  width: 100%;
  margin: 20px 0 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #5B5B5B;
}

.lr_login_pass_wrap {
  position: relative;
}
.lr_login_pass_wrap input.lr_login_input {
  padding-right: 44px;
}

.lr_login_pass_toggle {
  position: absolute;
  right: 9px;
  bottom: 12px;
  font-size: 1.25rem;
  color: #808080;
  cursor: pointer;
  z-index: 2;
}
.lr_login_pass_toggle:hover {
  color: #333399;
}

.lr_login_notice {
  margin: 10px 0 0;
  font-weight: 700;
  color: #007531;
  text-align: center;
}

.lr_login_forgot {
  margin: 8px 0 0;
  text-align: right;
}
.lr_login_forgot a {
  font-weight: 700;
  color: #333399;
}

.lr_login_actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
}
.lr_login_actions .lr_login_signup,
.lr_login_actions .lr_login_submit {
  margin: 0;
  font-weight: 700;
}

.lr_login_foot {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 150;
  min-height: 35px;
  padding: 0.5rem 1rem 0.4rem;
  background-color: #080A84;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.lr_login_foot p {
  margin: 0;
  font-size: 0.75rem;
  color: #FFFFFF;
}
.lr_login_foot a {
  color: #FFFFFF;
  text-decoration: underline;
}
.lr_login_foot a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.lr_login_leaf {
  height: 20px;
  margin: -4px 4px 0 0;
  vertical-align: middle;
}

@media (max-width: 639.98px) {
  .lr_login_fields {
    grid-template-columns: 1fr;
  }
  .lr_login_foot {
    display: none;
  }
}
.lr_login_methods {
  margin-top: 8px;
}

.lr_login_method {
  position: relative;
}

.lr_login_last {
  display: none;
  width: max-content;
  margin: 14px auto 0;
  padding: 2px 10px;
  border-radius: 999px;
  background: #333399;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.lr_login_methods[data-last=google] .lr_login_method--google .lr_login_last,
.lr_login_methods[data-last=link] .lr_login_method--link .lr_login_last,
.lr_login_methods[data-last=password] .lr_login_method--password .lr_login_last {
  display: block;
}

.lr_login_google {
  display: flex;
  justify-content: center;
  min-height: 44px;
  margin-top: 16px;
}

.lr_login_method_heading {
  display: block;
  margin: 16px 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #5B5B5B;
}

.lr_login_help {
  margin: 4px 0 0;
  font-size: 0.875rem;
  color: #6B6B6B;
}
.lr_login_help--center {
  text-align: center;
}

.lr_login_link_row {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 12px;
  align-items: end;
}
.lr_login_link_row input.lr_login_input {
  margin-top: 12px;
}
.lr_login_link_row .lr_login_link_submit {
  margin: 0;
  font-weight: 700;
  white-space: nowrap;
}

.lr_login_status {
  min-height: 1.25rem;
  margin: 8px 0 0;
  font-weight: 700;
  color: #007531;
  text-align: center;
}
.lr_login_status--error {
  color: #f04124;
}

.lr_login_divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 20px 0 4px;
  color: #808080;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.lr_login_divider::before, .lr_login_divider::after {
  content: "";
  flex: 1;
  border-top: 1px solid #C9C9C9;
}

@media (max-width: 639.98px) {
  .lr_login_link_row {
    grid-template-columns: 1fr;
  }
  .lr_login_link_row .lr_login_link_submit {
    margin-top: 12px;
  }
}
.lr_login_resend {
  display: block;
  margin: 6px auto 0;
  padding: 0;
  border: 0;
  background: none;
  color: #333399;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
}
.lr_login_resend:disabled {
  color: #808080;
  cursor: default;
}

.lr_facebook_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 240px;
  margin: 0;
  padding: 10px 18px;
  border: 0;
  border-radius: 4px;
  background: #1877F2;
  color: #FFFFFF;
  font-size: 0.9375rem;
  font-weight: 700;
  cursor: pointer;
}
.lr_facebook_button:hover {
  background: #166FE5;
  color: #FFFFFF;
}
.lr_facebook_button:disabled {
  opacity: 0.6;
  cursor: default;
}

.lr_select_language_heading {
  margin: 20px 0 16px 0;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.25;
  color: #333399;
}

.lr_select_language_choices {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.lr_select_language_choice {
  appearance: none;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
  padding: 10px 18px;
  background-color: #A0D3E8;
  color: #636363;
  font-family: inherit;
  font-size: 1.125rem;
  font-weight: 700;
}

.lr_select_language_choice:hover {
  background-color: #007531;
  color: #ffffff;
}

.lr_select_language.is_busy .lr_select_language_choice {
  pointer-events: none;
  opacity: 0.65;
}

.lr_hd {
  max-width: 1400px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.lr_hd_intro {
  margin: 0 0 10px;
}

.lr_hd_tabs {
  display: flex;
  gap: 4px;
  border-bottom: 1px solid #e3e6f0;
  margin-bottom: 12px;
}

.lr_hd_tab {
  padding: 8px 14px;
  border-radius: 8px 8px 0 0;
  font-weight: 700;
  font-size: 0.9rem;
  color: #1b1f2a;
  text-decoration: none;
}
.lr_hd_tab.is_active {
  background: #333399;
  color: #ffffff;
}

.lr_hd_flash {
  margin: 0 0 10px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #e8f7f3;
  color: #1a5c43;
  font-weight: 700;
}

.lr_hd_filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  align-items: flex-end;
  margin-bottom: 12px;
}
.lr_hd_filters label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #6b7684;
}

.lr_hd_table {
  width: 100%;
  font-size: 0.88rem;
}
.lr_hd_table th {
  text-align: start;
}
.lr_hd_table td {
  vertical-align: top;
}
.lr_hd_table pre {
  max-width: 480px;
}

.lr_hd_pill {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 999px;
  background: #eef1f8;
  font-size: 0.78rem;
  font-weight: 700;
  white-space: nowrap;
}
.lr_hd_pill--new {
  background: #ffe9a8;
}
.lr_hd_pill--needs_info {
  background: #ffd6cc;
}
.lr_hd_pill--triaged {
  background: #dbe4ff;
}
.lr_hd_pill--in_progress {
  background: #cfe8ff;
}
.lr_hd_pill--fixed_pending_release {
  background: #d7f5e5;
}
.lr_hd_pill--released {
  background: #bdeccf;
}
.lr_hd_pill--wont_fix, .lr_hd_pill--duplicate {
  background: #e4e4e4;
  color: #6b7684;
}
.lr_hd_pill--known {
  background: #f3e2ff;
}

.lr_hd_sev--high {
  background: #ffd1b3;
}

.lr_hd_sev--critical {
  background: #ffb3b3;
  color: #7a1010;
}

.lr_hd_ticket_head {
  margin-bottom: 14px;
}

.lr_hd_ticket_title {
  margin: 0 0 6px;
  font-size: 1.35rem;
}

.lr_hd_no {
  color: #333399;
  margin-inline-end: 8px;
}

.lr_hd_meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 0;
  font-size: 0.85rem;
  color: #6b7684;
  align-items: center;
}

.lr_hd_cols {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 1fr);
  gap: 24px;
}
.lr_hd_cols h3 {
  margin: 14px 0 6px;
  font-size: 0.95rem;
}

.lr_hd_pre {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  background: #f8f9fc;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  font-size: 0.88rem;
  line-height: 1.45;
}
.lr_hd_pre--code {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.78rem;
  max-height: 420px;
  overflow: auto;
}

.lr_hd_details summary {
  cursor: pointer;
  font-weight: 700;
  margin: 14px 0 6px;
}

.lr_hd_shots {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.lr_hd_shot {
  max-width: 320px;
  max-height: 240px;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
}

.lr_hd_form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lr_hd_label {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.8rem;
  font-weight: 700;
  color: #6b7684;
}

.lr_hd_actions {
  display: flex;
  justify-content: flex-end;
}

.lr_hd_events {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.85rem;
}
.lr_hd_events li {
  padding: 6px 0;
  border-bottom: 1px solid #e3e6f0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
}

.lr_hd_when {
  color: #6b7684;
  white-space: nowrap;
}

.lr_hd_event_note {
  flex-basis: 100%;
  white-space: pre-wrap;
}

.lr_hd_transcript {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 900px;
}

.lr_hd_msg--user .lr_hd_pre {
  background: #eef1f8;
}
.lr_hd_msg--assistant .lr_hd_pre {
  background: #ffffff;
}
.lr_hd_msg--meta {
  font-size: 0.8rem;
  color: #6b7684;
}

.lr_hd_msg_role {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #6b7684;
  margin-bottom: 3px;
}

@media (max-width: 900px) {
  .lr_hd_cols {
    grid-template-columns: 1fr;
  }
}
.lr_hd_h3 {
  margin: 18px 0 6px;
  font-size: 0.95rem;
}

.lr_hd_note {
  margin: 6px 0 10px;
  font-size: 0.85rem;
}

.lr_hd_small {
  font-size: 0.78rem;
}

.lr_hd_num {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.lr_hd_kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px;
  margin: 4px 0 14px;
}

.lr_hd_kpi {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  background: #ffffff;
}

.lr_hd_kpi_label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7684;
}

.lr_hd_kpi_value {
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}

.lr_hd_kpi_sub {
  font-size: 0.78rem;
  color: #6b7684;
}

.lr_hd_table--compact {
  font-size: 0.84rem;
  margin-bottom: 8px;
}
.lr_hd_table--compact td,
.lr_hd_table--compact th {
  padding-top: 4px;
  padding-bottom: 4px;
}

.lr_hd_bar_col {
  min-width: 180px;
}

.lr_hd_bar_wrap {
  display: inline-block;
  width: 120px;
  height: 10px;
  margin-inline-end: 6px;
  border-radius: 5px;
  background: #eef1f8;
  vertical-align: middle;
  overflow: hidden;
}

.lr_hd_bar {
  display: block;
  height: 100%;
  background: #333399;
  border-radius: 5px;
}

.lr_hd_settings {
  max-width: 1000px;
}

.lr_hd_section {
  padding: 12px 14px 14px;
  margin-bottom: 14px;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  background: #ffffff;
}
.lr_hd_section .lr_hd_h3:first-child {
  margin-top: 0;
}

.lr_hd_check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0;
  font-size: 0.9rem;
  cursor: pointer;
}
.lr_hd_check input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.lr_hd_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 16px;
  margin: 8px 0;
}
.lr_hd_grid--4 {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.lr_hd_label--wide {
  grid-column: 1/-1;
}

.lr_hd_inline_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 6px;
}

.lr_hd_inline_form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 14px;
  margin: 8px 0;
}

.lr_hd_budget {
  width: 140px;
}

.lr_hd_btn_small {
  padding: 3px 10px;
  font-size: 0.8rem;
}

.lr_hd_row--new td {
  background: #f7f8fc;
}

.lr_hd_danger {
  border-color: #e9b4b4;
  background: #fff7f7;
}

.lr_hd_btn_danger {
  background: #b42318;
  border-color: #b42318;
}
.lr_hd_btn_danger:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.lr_hd_purge_preview {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px dashed #e9b4b4;
  border-radius: 8px;
}
.lr_hd_purge_preview ul {
  margin: 4px 0 10px 18px;
}

.lr_hd_pill--sent,
.lr_hd_pill--file {
  background: #bdeccf;
}

.lr_hd_pill--failed {
  background: #ffb3b3;
  color: #7a1010;
}

.lr_hd_pill--skipped,
.lr_hd_pill--claimed {
  background: #ffe9a8;
}

.lr_hd_filter_note {
  align-self: center;
  font-size: 0.82rem;
  max-width: 620px;
}

.lr_hd_draft {
  padding-bottom: 10px;
}

.lr_hd_draft_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin-bottom: 8px;
  font-size: 0.85rem;
}

.lr_hd_draft_form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.lr_hd_draft_form textarea {
  width: 100%;
}

.lr_hd_label--wide2 {
  grid-column: span 2;
}

.lr_hd_actions--row {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.lr_hd_draft_q {
  margin: 0 0 4px;
}

.lr_hd_pill--draft_proposed {
  background: #ffe9a8;
}

.lr_hd_pill--draft_approved {
  background: #bdeccf;
}

.lr_hd_pill--draft_merged {
  background: #dbe4ff;
}

.lr_hd_pill--draft_rejected,
.lr_hd_pill--draft_expired {
  background: #e4e4e4;
  color: #6b7684;
}

.lr_hd_pill--similar {
  background: #f3e2ff;
}

.lr_hd_pill--article {
  background: #d7f5e5;
}

.lr_forgot_password_heading {
  margin: 20px 0 12px 0;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.25;
  color: #333399;
}

.lr_forgot_password_intro,
.lr_forgot_password_sent p {
  margin: 0 0 12px 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #4a4a4a;
}
.lr_forgot_password_intro span[lang=fr],
.lr_forgot_password_sent p span[lang=fr] {
  display: block;
  margin-top: 6px;
  color: #6c6c6c;
}

.lr_forgot_password_no_email {
  padding: 12px 14px;
  border-left: 4px solid #f08a24;
  border-radius: 12px;
  background-color: rgba(255, 255, 255, 0.85);
}

.lr_forgot_password_back {
  font-weight: 700;
  color: #333399;
}

.lr_forgot_password_sent_actions {
  justify-content: flex-end;
}

.lr_reset_password_heading {
  margin: 20px 0 12px 0;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 900;
  line-height: 1.25;
  color: #333399;
}

.lr_reset_password_user {
  margin: 0 0 12px 0;
  text-align: center;
  font-size: 1.125rem;
  color: #4a4a4a;
}

.lr_reset_password_text {
  margin: 0 0 4px 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #4a4a4a;
}
.lr_reset_password_text span[lang=fr] {
  display: block;
  margin-top: 6px;
  color: #6c6c6c;
}

.lr_reset_password_error {
  white-space: pre-line;
}

.lr_reset_password_back {
  font-weight: 700;
  color: #333399;
}

.lr_unsubscribe .lr_unsubscribe_dealer {
  margin: 0 0 18px 0;
  font-size: 1.375rem;
  font-weight: 700;
  text-align: center;
  color: #17334d;
}
.lr_unsubscribe .lr_reset_password_text {
  margin: 0 0 12px 0;
  text-align: center;
}
.lr_unsubscribe .lr_unsubscribe_note {
  font-size: 0.875rem;
  color: #6c6c6c;
}
.lr_unsubscribe .lr_unsubscribe_actions {
  justify-content: center;
}
.lr_unsubscribe a {
  font-weight: 700;
  color: #333399;
}

.lr_getting_started {
  max-width: 40rem;
}

.lr_getting_started_intro {
  margin: 0 0 16px 0;
  line-height: 1.5;
}
.lr_getting_started_intro span[lang=fr] {
  display: block;
  margin-top: 6px;
  color: #6c6c6c;
}

.lr_getting_started_list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lr_getting_started_item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px 0;
  padding: 14px 16px;
  border: 1px solid #adb5bd;
  border-radius: 12px;
  background-color: #ffffff;
}

.lr_getting_started_item_title {
  margin: 0 0 6px 0;
  font-weight: 700;
  color: #333399;
}

a.lr_getting_started_item_title {
  text-decoration: underline;
}

.lr_getting_started_item_desc,
.lr_getting_started_item_status {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.4;
}

.lr_getting_started_item_status {
  margin-top: 6px;
  color: #6c6c6c;
}

.lr_getting_started_item_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

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

.lr_page_toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0px 0px 10px 0px;
}
.lr_page_toolbar > p.lr_filter_group:last-of-type + * {
  margin-left: auto;
}

.lr_toolbar_tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-left: auto;
}

.lr_list_container {
  margin-top: 20px;
  padding: 5px 5px 5px 5px;
  border: 1px solid #A5A5A5;
  border-radius: 8px;
  overflow-x: auto;
}

table.lr_item_table {
  width: 100%;
  border-collapse: collapse;
}
table.lr_item_table th {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  padding: 8px;
  white-space: nowrap;
}
table.lr_item_table thead th a {
  color: #FFFFFF;
  text-decoration: none;
}
table.lr_item_table thead th a:hover {
  text-decoration: underline;
}
table.lr_item_table thead th a i {
  margin-left: 3px;
}
table.lr_item_table td {
  font-weight: 700;
  padding: 6px 8px;
  white-space: nowrap;
}
table.lr_item_table td a {
  color: #1b1f2a;
  font-weight: 700;
  text-decoration: none;
}
table.lr_item_table td a:hover {
  color: #333399;
  text-decoration: underline;
}
table.lr_item_table tbody tr:nth-child(odd) {
  background-color: #e7e7e7;
}
table.lr_item_table tbody tr:nth-child(even) {
  background-color: #ffffff;
}
table.lr_item_table tbody tr.new_listing {
  background-color: #92EE92;
}
table.lr_item_table tbody tr.lower_price {
  background-color: #FFFFCC;
}
table.lr_item_table tbody tr.sorry_sold {
  background-color: #A0D3E8;
}
table.lr_item_table tbody tr.archived {
  background-color: #f5ead4;
}
table.lr_item_table tbody tr:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}
table.lr_item_table td.lr_list_empty_row {
  color: #5a6475;
  font-weight: 400;
  padding: 14px 10px;
  white-space: normal;
}
table.lr_item_table .text_right {
  text-align: right;
}
table.lr_item_table .lr_go_photo {
  width: 72px;
  min-width: 72px;
  padding: 4px 6px;
}
table.lr_item_table .lr_go_photo img {
  display: block;
  width: 64px;
  max-width: none;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
}
table.lr_item_table .lr_go_actions {
  white-space: nowrap;
  text-align: right;
}
table.lr_item_table .lr_go_action_btn {
  display: inline-block;
  border: 0;
  background: none;
  padding: 6px 8px;
  border-radius: 6px;
  font-size: 1.2rem;
  color: #333399;
  text-decoration: none;
  cursor: pointer;
}
table.lr_item_table .lr_go_action_btn:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
  text-decoration: none;
}

.dashboard_filter_container {
  background-color: #EBEBEB;
  width: 100%;
}

.lr_list_filter.lr_list_search {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px 0px 10px auto;
}
.lr_list_filter.lr_list_search input.form_control {
  width: 300px;
  height: auto;
  font-size: 1.25rem;
  font-weight: 700;
  color: #3D3D3D;
  margin: 0;
}
.lr_list_filter.lr_list_search .lr_search_glyph {
  position: absolute;
  top: 50%;
  left: 0.7rem;
  transform: translateY(-50%);
  color: #adb5bd;
  font-size: 1.05rem;
  line-height: 1;
  pointer-events: none;
  z-index: 1;
}
.lr_list_filter.lr_list_search .lr_pick_wrap input.form_control {
  padding-left: 2.3rem;
}

.lr_visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.lr_list_result_line {
  font-size: 0.875rem;
  color: #5a6475;
  margin: 0px 0px 5px 0px;
}

.lr_filter_actions {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding-bottom: 2px;
}

table.lr_item_table select.form_select {
  width: auto;
  height: auto;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 2px 6px;
}

.lr_filter_group {
  display: inline-flex;
  margin: 0px 0px 10px 0px;
}
.lr_filter_group button {
  border: 0;
  font-family: inherit;
  cursor: pointer;
}
.lr_filter_group a,
.lr_filter_group button {
  background-color: #181849;
  color: #FFFFFF;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 10px 20px 11px 20px;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 0;
}
.lr_filter_group a:first-child,
.lr_filter_group button:first-child {
  border-radius: 6px 0px 0px 6px;
}
.lr_filter_group a:last-child,
.lr_filter_group button:last-child {
  border-radius: 0px 6px 6px 0px;
}
.lr_filter_group a:hover,
.lr_filter_group button:hover {
  background-color: #333399;
  color: #FFFFFF;
}
.lr_filter_group a.is_active,
.lr_filter_group button.is_active {
  background-color: #007531;
  color: #FFFFFF;
}

.lr_list_topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.lr_scope_cluster {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.lr_status_dropdown {
  display: inline-flex;
  align-items: center;
  margin: 0px 0px 10px 0px;
}
.lr_status_dropdown .lr_sort_menu {
  right: auto;
  left: 0;
}

.lr_status_button {
  width: 38px;
  height: 38px;
  border: 2px solid #333399;
  border-radius: 20%;
  background-color: #FFFFFF;
  color: #333399;
  font-size: 1.05rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.lr_status_button:hover {
  border-color: #007531;
  color: #007531;
}
.lr_status_button.is_active {
  background-color: #333399;
  color: #FFFFFF;
}
.lr_status_button.is_active:hover {
  background-color: #007531;
  border-color: #007531;
}

.lr_filter_glyph {
  display: inline-block;
  width: 1.35rem;
  height: 1.35rem;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.lr_filter_glyph--make {
  mask-image: url("/images/icon/icon_search_make.svg");
  -webkit-mask-image: url("/images/icon/icon_search_make.svg");
}

.lr_filter_glyph--model {
  mask-image: url("/images/icon/icon_search_model_01.svg");
  -webkit-mask-image: url("/images/icon/icon_search_model_01.svg");
}

.lr_scope_cluster .lr_make_model_filter + .lr_make_model_filter,
.lr_scope_cluster .lr_make_model_filter + .lr_status_dropdown {
  margin-left: -0.5rem;
}

.lr_scope_cluster .lr_quick_filter_clear {
  font-size: 2.375rem;
  line-height: 1;
  margin: 0 0 10px -0.5rem;
}

.lr_sort_menu.lr_make_model_menu {
  max-height: min(60vh, 26rem);
  overflow-y: auto;
  min-width: 220px;
}
.lr_sort_menu.lr_make_model_menu a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.lr_sort_menu.lr_make_model_menu .lr_mm_sub {
  font-weight: 400;
  color: #8C8C8C;
}
.lr_sort_menu.lr_make_model_menu .lr_mm_count {
  font-size: 0.75rem;
  font-weight: 700;
  color: #8C8C8C;
  font-variant-numeric: tabular-nums;
}
.lr_sort_menu.lr_make_model_menu .lr_mm_note {
  margin: 0;
  padding: 8px 16px;
  color: #8C8C8C;
}
.lr_sort_menu.lr_make_model_menu .lr_mm_note.is_error {
  color: #c62828;
}

.lr_list_topbar.lr_facet_bar {
  justify-content: flex-start;
}

.lr_list_top_icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin: 0px 0px 10px auto;
}
.lr_list_top_icons .fa-print.action_icon {
  margin-left: 18px;
}

.icon_heading_filter,
.action_icon {
  font-size: 2.25rem;
  color: #333399;
  text-decoration: none;
}
.icon_heading_filter:hover,
.action_icon:hover {
  color: #007531;
}

.icon_heading_filter.is_fresh {
  color: #007531;
}
.icon_heading_filter.is_fresh:hover {
  color: #333399;
}

.icon_clear_button {
  font-size: 2rem;
  color: #333333;
  text-decoration: none;
}
.icon_clear_button:hover {
  color: #f04124;
}

.lr_sort_dropdown {
  position: relative;
}

.sort_button {
  appearance: none;
  border: none;
  cursor: pointer;
  background-color: #333399;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
  padding: 6px 10px;
  line-height: 1.2;
  border-radius: 6px;
}
.sort_button:hover {
  background-color: rgb(24.225, 24.225, 72.675);
}

.lr_sold_date_sort_toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  border: 1px solid #333399;
  border-radius: 999px;
  background-color: #fff;
  color: #333399;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}
.lr_sold_date_sort_toggle:hover {
  border-color: #007531;
  color: #007531;
}
.lr_sold_date_sort_toggle.is_active {
  border-color: #007531;
  background-color: #007531;
  color: #fff;
}

.lr_sold_date_sort_toggle_track {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 14px;
  border-radius: 999px;
  background-color: rgba(51, 51, 153, 0.2);
}

.lr_sold_date_sort_toggle_thumb {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333399;
  transition: transform 120ms ease;
}

.lr_sold_date_sort_toggle.is_active .lr_sold_date_sort_toggle_track {
  background-color: rgba(255, 255, 255, 0.55);
}
.lr_sold_date_sort_toggle.is_active .lr_sold_date_sort_toggle_thumb {
  background-color: #fff;
  transform: translateX(11px);
}

.lr_sort_menu,
.lr_date_filter_panel {
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 4px;
  background: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
  z-index: 60;
  min-width: 190px;
  padding: 6px 0;
}

.lr_sort_menu .lr_menu_divider {
  height: 1px;
  margin: 6px 0px;
  background-color: #DDDDDD;
}

.lr_sort_menu a {
  display: block;
  padding: 8px 16px;
  font-weight: 700;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
}
.lr_sort_menu a:hover {
  background-color: #f5f5f5;
}
.lr_sort_menu a.is_active {
  color: #007531;
}

.lr_date_filter_panel {
  padding: 12px;
  min-width: 230px;
}
.lr_date_filter_panel label {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #4D4D4D;
  margin: 6px 0 2px;
}
.lr_date_filter_panel input {
  width: 100%;
}
.lr_date_filter_panel .lr_date_filter_actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  margin-top: 10px;
}
.lr_date_filter_panel .lr_date_filter_presets {
  display: flex;
  gap: 6px;
  margin-top: 10px;
}
.lr_date_filter_panel .lr_date_filter_presets .btn_secondary {
  flex: 1 1 0;
  font-size: 0.8125rem;
  padding: 6px 8px;
  white-space: nowrap;
}

.lr_mobile_only {
  display: none !important;
}

.lr_facet_selects {
  display: none;
}

@media only screen and (max-width: 40em) {
  .lr_mobile_only {
    display: inline-flex !important;
  }
  .lr_hide_mobile {
    display: none !important;
  }
  .lr_facet_selects {
    display: flex;
    gap: 8px;
    margin: 0px 0px 8px 0px;
  }
  .lr_facet_selects select.form_select {
    flex: 1 1 50%;
    min-width: 0;
    height: 2.5rem;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #3D3D3D;
  }
  .lr_list_top_icons > .lr_sort_dropdown:first-child .lr_sort_menu {
    right: auto;
    left: 0;
  }
  .lr_sort_menu,
  .lr_date_filter_panel {
    max-width: calc(100vw - 20px);
  }
  .lr_filter_group.lr_scope_row {
    grid-template-columns: repeat(5, 1fr);
  }
  .lr_filter_group.lr_scope_row a {
    font-size: 0.625rem;
    padding: 11px 2px;
    letter-spacing: 0;
  }
  .lr_filter_group {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 1px;
    width: 100%;
    background-color: #181849;
    border-radius: 8px;
    overflow: hidden;
    margin: 0px 0px 6px 0px;
  }
  .lr_filter_group a {
    text-align: center;
    padding: 11px 6px;
    font-size: 0.6875rem;
  }
  .lr_filter_group a:first-child, .lr_filter_group a:last-child {
    border-radius: 0;
  }
  .lr_list_topbar {
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
  }
  .lr_list_top_icons {
    margin-left: 0;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 4px;
  }
  .lr_list_top_icons .icon_heading_filter,
  .lr_list_top_icons .action_icon {
    font-size: 1.75rem;
  }
  .lr_list_top_icons .icon_clear_button {
    font-size: 1.6rem;
  }
  .lr_list_top_icons .sort_button {
    padding: 8px 10px;
    white-space: nowrap;
  }
  .lr_list_filter.lr_list_search {
    display: none;
  }
  .lr_list_filter.lr_list_search.is_open {
    display: flex;
    width: 100%;
    margin: 0px 0px 8px 0px;
  }
  .lr_list_filter.lr_list_search.is_open .lr_pick_wrap {
    flex: 1 1 auto;
    min-width: 0;
  }
  .lr_list_filter.lr_list_search.is_open input.form_control {
    width: 100%;
    min-width: 0;
  }
  .lr_list_result_line {
    margin: 4px 0px 8px 0px;
  }
}
.lr_scope_pills {
  display: inline-flex;
  margin: 0px 0px 10px 0px;
}
.lr_scope_pills a {
  background-color: #333399;
  color: #FFFFFF;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: normal;
  padding: 14px 28px 15px 28px;
  text-decoration: none;
}
.lr_scope_pills a:first-child {
  border-radius: 1000px 0px 0px 1000px;
}
.lr_scope_pills a:last-child {
  border-radius: 0px 1000px 1000px 0px;
}
.lr_scope_pills a:hover {
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
}
.lr_scope_pills a.is_active {
  background-color: #007531;
}

.lr_pagination {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 1rem;
  font-weight: 700;
}
.lr_pagination .lr_page_label {
  color: #4D4D4D;
  margin-right: 4px;
}
.lr_pagination a,
.lr_pagination strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0px 6px;
  border-radius: 50%;
}
.lr_pagination a {
  color: #999999;
  text-decoration: none;
}
.lr_pagination a:hover {
  background-color: #e7e7e7;
  color: #333399;
}
.lr_pagination strong {
  background-color: #333399;
  color: #FFFFFF;
}

.lr_compact_list {
  margin-top: 15px;
}

.lr_compact_head {
  display: grid;
  grid-template-columns: 90px minmax(140px, 4fr) minmax(120px, 3fr) minmax(100px, 3fr) minmax(150px, 1.6fr);
  column-gap: 10px;
  align-items: center;
  min-height: 30px;
  padding: 5px 10px;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 700;
}
.lr_compact_head > span,
.lr_compact_head > a {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lr_compact_head .lr_cc_vehicle a {
  margin-right: 8px;
}
.lr_compact_head a.compact_heading {
  color: #FFFFFF;
  text-decoration: none;
}
.lr_compact_head a.compact_heading:hover {
  color: hsl(59, 100%, 109.2352941176%);
  text-decoration: underline;
}
.lr_compact_head a.compact_heading.is_sorted_asc::after {
  content: " ▲";
  font-size: 0.6875rem;
}
.lr_compact_head a.compact_heading.is_sorted_desc::after {
  content: " ▼";
  font-size: 0.6875rem;
}
.lr_compact_head .lr_cc_invoice {
  text-align: right;
}

a.lr_compact_row {
  position: relative;
  display: grid;
  grid-template-columns: 90px minmax(140px, 4fr) minmax(120px, 3fr) minmax(100px, 3fr) minmax(150px, 1.6fr);
  grid-template-areas: "photo vehicle customer staff invoice" "photo vinstk  city     .     updated";
  column-gap: 10px;
  row-gap: 2px;
  padding: 10px 10px 6px 10px;
  border-bottom: 2px #9C9C9C solid;
  color: #1b1f2a;
  text-decoration: none;
}
a.lr_compact_row span {
  min-width: 0;
  font-size: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 1px;
}
a.lr_compact_row .lr_cc_photo {
  grid-area: photo;
  align-self: center;
}
a.lr_compact_row .lr_cc_photo img,
a.lr_compact_row .lr_cc_photo .lr_cc_photo_empty {
  display: block;
  width: 80px;
  height: 60px;
  border-radius: 3px;
  object-fit: cover;
}
a.lr_compact_row .lr_cc_photo .lr_cc_photo_empty {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.08);
  color: #888888;
  font-size: 1.5rem;
}
a.lr_compact_row:hover .lr_cc_photo img {
  box-shadow: 0 0 6px 1px rgba(51, 51, 153, 0.5);
}
a.lr_compact_row .lr_cc_vehicle {
  grid-area: vehicle;
  font-weight: 700;
}
a.lr_compact_row .lr_cc_customer {
  grid-area: customer;
}
a.lr_compact_row .lr_cc_staff {
  grid-area: staff;
}
a.lr_compact_row .lr_cc_invoice {
  grid-area: invoice;
  text-align: right;
}
a.lr_compact_row .lr_cc_vinstk {
  grid-area: vinstk;
  display: flex;
  align-items: baseline;
  gap: 24px;
}
a.lr_compact_row .lr_cc_vinstk span {
  font-size: 0.875rem;
}
a.lr_compact_row .lr_cc_vinstk .lr_cc_vin {
  flex: 0 1 auto;
}
a.lr_compact_row .lr_cc_city {
  grid-area: city;
}
a.lr_compact_row .lr_cc_updated {
  grid-area: updated;
  text-align: right;
  font-size: 0.875rem;
}
a.lr_compact_row:nth-of-type(odd) {
  background-color: #e7e7e7;
}
a.lr_compact_row:nth-of-type(even) {
  background-color: #FFFFFF;
}
a.lr_compact_row.is_closed {
  background-color: #92EE92;
}
a.lr_compact_row:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}

.lr_compact_list.is_appraisal .lr_compact_head {
  grid-template-columns: 90px minmax(140px, 4fr) minmax(120px, 3fr) minmax(70px, 1.2fr) minmax(70px, 1fr) minmax(80px, 1.2fr);
}
.lr_compact_list.is_appraisal .lr_compact_head .lr_cc_km,
.lr_compact_list.is_appraisal .lr_compact_head .lr_cc_offer {
  text-align: right;
}
.lr_compact_list.is_appraisal a.lr_compact_row {
  grid-template-columns: 90px minmax(140px, 4fr) minmax(120px, 3fr) minmax(70px, 1.2fr) minmax(70px, 1fr) minmax(80px, 1.2fr);
  grid-template-areas: "photo vehicle customer colour km offer" "photo vinstk  city     .      .  updated";
}
.lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_colour {
  grid-area: colour;
}
.lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_km {
  grid-area: km;
  text-align: right;
}
.lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_offer {
  grid-area: offer;
  text-align: right;
  font-weight: 700;
}

a.lr_compact_row .list_icon_docurocket {
  position: absolute;
  top: 5px;
  right: 160px;
  z-index: 20;
  height: 60px;
}

a.lr_compact_row .list_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  font-size: 2.25rem;
  line-height: 2.25rem;
  font-weight: 900;
  text-transform: uppercase;
  opacity: 0.25;
  z-index: 10;
  overflow: visible;
  pointer-events: none;
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .lr_compact_head {
    grid-template-columns: 90px minmax(0, 1.4fr) minmax(0, 1fr) auto;
  }
  .lr_compact_head .lr_cc_staff {
    display: none;
  }
  a.lr_compact_row {
    grid-template-columns: 90px minmax(0, 1.4fr) minmax(0, 1fr) auto;
    grid-template-areas: "photo vehicle customer invoice" "photo vinstk  staff    updated";
  }
  a.lr_compact_row .lr_cc_city {
    display: none;
  }
  a.lr_compact_row .lr_cc_staff {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 40em) {
  .lr_compact_head {
    display: none;
  }
  a.lr_compact_row {
    grid-template-columns: 72px 1fr auto;
    grid-template-areas: "photo   vehicle  vehicle" "photo   customer invoice" "vinstk  vinstk   vinstk" "updated updated  updated";
  }
  a.lr_compact_row .lr_cc_vehicle {
    white-space: normal;
  }
  a.lr_compact_row .lr_cc_city,
  a.lr_compact_row .lr_cc_staff {
    display: none;
  }
  a.lr_compact_row .lr_cc_photo img,
  a.lr_compact_row .lr_cc_photo .lr_cc_photo_empty {
    width: 64px;
    height: 48px;
  }
  a.lr_compact_row .lr_cc_vinstk {
    flex-wrap: wrap;
    gap: 2px 16px;
  }
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .lr_compact_list.is_appraisal .lr_compact_head {
    grid-template-columns: 90px minmax(0, 1.4fr) minmax(0, 1fr) auto auto;
  }
  .lr_compact_list.is_appraisal .lr_compact_head .lr_cc_colour {
    display: none;
  }
  .lr_compact_list.is_appraisal a.lr_compact_row {
    grid-template-columns: 90px minmax(0, 1.4fr) minmax(0, 1fr) auto auto;
    grid-template-areas: "photo vehicle customer km offer" "photo vinstk  city     .  updated";
  }
  .lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_colour {
    display: none;
  }
  .lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_city {
    display: block;
  }
}
@media only screen and (max-width: 40em) {
  .lr_compact_list.is_appraisal a.lr_compact_row {
    grid-template-columns: 72px 1fr auto;
    grid-template-areas: "photo   vehicle  vehicle" "photo   customer offer" "vinstk  vinstk   vinstk" "updated updated  updated";
  }
  .lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_colour,
  .lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_km,
  .lr_compact_list.is_appraisal a.lr_compact_row .lr_cc_city {
    display: none;
  }
}
.lr_inline_panel {
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px solid #A5A5A5;
  border-radius: 8px;
  background-color: #FFFFFF;
}

.msg_dialog.lr_share_dialog {
  width: min(560px, 100%);
}
@media (min-width: 64em) {
  .msg_dialog.lr_share_dialog {
    width: min(760px, 100%);
  }
}

.lr_share_create_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 16px;
}
@media (min-width: 40em) {
  .lr_share_create_grid {
    grid-template-columns: 1fr 1fr;
  }
}

.lr_share_create_action {
  display: flex;
  align-items: flex-end;
}
.lr_share_create_action .btn_primary {
  margin: 0px 0px 16px 0px;
}

@media (min-width: 40em) {
  .lr_share_dialog #lrShareTo,
  .lr_share_dialog #lrShareToMobile {
    width: calc(50% - 20px);
  }
}

.lr_list_search .lr_pick_wrap input {
  padding-right: 38px;
}

.lr_q_clear {
  position: absolute;
  top: 0;
  right: 8px;
  height: 42px;
  display: flex;
  align-items: center;
  border: none;
  background: none;
  padding: 0px 4px;
  cursor: pointer;
  color: #333333;
  font-size: 1.25rem;
}
.lr_q_clear:hover {
  color: #f04124;
}

.lr_share_vehicle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
  padding: 10px;
  border: 1px solid #E4E7EC;
  border-radius: 10px;
  background: #F5F6F8;
}
.lr_share_vehicle img {
  display: none;
  width: 88px;
  height: 62px;
  object-fit: cover;
  border-radius: 8px;
  background: #1C222B;
  flex-shrink: 0;
}
.lr_share_vehicle img.is_visible {
  display: block;
}

.lr_share_vehicle_copy {
  flex: 1;
  min-width: 0;
}

.lr_share_channel {
  flex-shrink: 0;
  margin-left: auto;
  white-space: nowrap;
}
.lr_share_channel label {
  margin-bottom: 0px !important;
}
@media (max-width: 40em) {
  .lr_share_channel {
    width: 100%;
    margin-left: 0px;
  }
}

.lr_share_vehicle_title {
  margin: 0 0 4px 0;
  font-size: 1rem;
  font-weight: 800;
  color: #14181F;
}

.lr_share_vehicle_hint {
  margin: 0;
  font-size: 0.8125rem;
}

.lr_compact_list.is_deals .lr_compact_head {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas: "photo vehicle vehicle vehicle vehicle customer customer customer staff staff staff invoice";
  column-gap: 0;
  min-height: 30px;
  padding: 5px 0px 0px 0px;
}
.lr_compact_list.is_deals .lr_compact_head .lr_cc_photo {
  grid-area: photo;
}
.lr_compact_list.is_deals .lr_compact_head .lr_cc_vehicle {
  grid-area: vehicle;
  padding-left: 8px;
}
.lr_compact_list.is_deals .lr_compact_head .lr_cc_customer {
  grid-area: customer;
  padding-left: 10px;
}
.lr_compact_list.is_deals .lr_compact_head .lr_cc_staff {
  grid-area: staff;
  padding-left: 10px;
}
.lr_compact_list.is_deals .lr_compact_head .lr_cc_invoice {
  grid-area: invoice;
  padding-right: 5px;
}
.lr_compact_list.is_deals a.lr_compact_row {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-areas: "photo vehicle  vehicle  vehicle  vehicle  customer customer customer staff staff staff invoice" "photo .    .    .    .    city city city .     .     .     ." "photo vin  vin  vin  stk  stk  .    .    .     docu  added added";
  grid-template-rows: 24px 24px 24px;
  column-gap: 0;
  row-gap: 0;
  padding: 10px 0px 6px 0px;
}
.lr_compact_list.is_deals a.lr_compact_row span {
  line-height: 24px;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_photo {
  align-self: start;
  margin-top: 5px;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_photo img,
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_photo .lr_cc_photo_empty {
  width: 100%;
  max-width: 80px;
  height: auto;
  aspect-ratio: 4/3;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_vehicle {
  padding: 0px 5px 0px 8px;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_customer,
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_staff,
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_city {
  padding-left: 10px;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_city {
  grid-area: city;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_invoice {
  padding-right: 5px;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_vin,
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_stk,
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_added {
  font-size: 0.875rem;
  padding-left: 10px;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_vin {
  grid-area: vin;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_stk {
  grid-area: stk;
}
.lr_compact_list.is_deals a.lr_compact_row .lr_cc_added {
  grid-area: added;
  text-align: right;
  padding-right: 5px;
}
.lr_compact_list.is_deals a.lr_compact_row:hover {
  background-color: #FFFFFF;
}
.lr_compact_list.is_deals a.lr_compact_row.is_closed {
  background-color: #92EE92;
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .lr_compact_list.is_deals .lr_compact_head {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: "photo vehicle vehicle vehicle vehicle vehicle customer customer customer customer invoice invoice";
  }
  .lr_compact_list.is_deals .lr_compact_head .lr_cc_staff {
    display: none;
  }
  .lr_compact_list.is_deals a.lr_compact_row {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: "photo vehicle  vehicle  vehicle  vehicle  vehicle  customer  customer  customer  customer  invoice   invoice" "photo city city city city city staff staff staff staff .     ." "photo vin  vin  vin  vin  stk  stk   stk   added added added added";
  }
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_city {
    display: block;
  }
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_staff {
    font-size: 0.875rem;
  }
}
@media only screen and (max-width: 40em) {
  .lr_compact_list.is_deals a.lr_compact_row {
    grid-template-columns: 72px 1fr auto;
    grid-template-rows: auto;
    grid-template-areas: "photo vehicle   vehicle" "photo customer  invoice" "vin   vin   vin" "stk   stk   added";
    column-gap: 10px;
    padding: 10px 10px 6px 10px;
  }
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_city,
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_staff {
    display: none;
  }
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_vehicle {
    white-space: normal;
    line-height: 1.3;
    padding-left: 0;
  }
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_customer,
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_vin,
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_stk,
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_added {
    padding-left: 0;
  }
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_photo img,
  .lr_compact_list.is_deals a.lr_compact_row .lr_cc_photo .lr_cc_photo_empty {
    max-width: 64px;
  }
  .lr_compact_list.is_deals a.lr_compact_row .list_icon_docurocket {
    display: none;
  }
}
.lr_archived_banner {
  clear: both;
  flex-basis: 100%;
  width: 100%;
  font-size: 1.25rem;
  padding: 10px 14px;
  margin: 10px 0px 10px 0px;
  background-color: #f5ead4;
  border-radius: 10px;
}
.lr_archived_banner ul {
  margin: 6px 0px 10px 0px;
}
.lr_archived_banner li {
  margin: 2px 0px 2px 0px;
}
.lr_archived_banner .lr_archived_banner_explainer {
  font-size: 0.75rem;
  margin: 0px 0px 6px 0px;
}
.lr_archived_banner .lr_archived_banner_link {
  font-weight: 700;
  font-size: 1rem;
}

.lr_item_card {
  position: relative;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  margin: 0px 0px 30px 0px;
  background-color: #FFFFFF;
  cursor: pointer;
}
.lr_item_card:hover {
  z-index: 20;
  background-color: hsl(59, 100%, 109.2352941176%);
}
.lr_item_card.odd {
  background-color: #e7e7e7;
}
.lr_item_card.sorry_sold {
  background-color: #A0D3E8;
}
.lr_item_card.archived {
  background-color: #f5ead4;
}

.lr_item_card_head {
  padding: 8px 12px 0px 12px;
}

.lr_item_card .itemList_YearMakeModelName {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lr_item_card .itemList_YearMakeModelName .lr_card_sold_date {
  float: right;
  font-size: 1.5rem;
  font-weight: 900;
  color: #1b1f2a;
}
.lr_item_card .itemList_YearMakeModelName .lr_share_in_title {
  border: none;
  background: none;
  cursor: pointer;
  color: #333399;
  font-size: 1.75rem;
  padding: 0px;
  vertical-align: baseline;
}
.lr_item_card .itemList_YearMakeModelName .lr_share_in_title:hover {
  color: #007531;
}
.lr_item_card .itemList_YearMakeModelName a {
  color: #1b1f2a;
  text-decoration: none;
}
.lr_item_card .itemList_YearMakeModelName a:hover {
  color: #333399;
}

.lr_item_card_price {
  font-size: 1.25rem;
  font-weight: 700;
  white-space: nowrap;
}
.lr_item_card_price.ask_for_price {
  color: #007531;
}

.lr_item_card_body {
  display: flex;
  gap: 12px;
  padding: 6px 12px 10px 12px;
  align-items: flex-start;
}

.lr_item_card_photo {
  flex: 0 0 160px;
  position: relative;
}
.lr_item_card_photo picture img {
  width: 160px;
  min-height: 120px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.lr_photo_status_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-family: "Archivo Black", "Arial Black", sans-serif;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: -0.06em;
  color: #FFFFFF;
  opacity: 0.6;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  z-index: 2;
  pointer-events: none;
}
.lr_photo_status_overlay.is_long {
  font-size: 1.9rem;
}

.lr_photo_price_overlay {
  display: none;
}

.lr_sticker_mobile {
  display: none;
}

.aux_photo_icon_container {
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: block;
  background-color: #FFFFFF;
  border: 1px solid #bbbbbb;
  text-decoration: none;
  z-index: 1;
  cursor: pointer;
}

.aux_photo_icon_container.lr_aux_badge_inline {
  position: static;
  display: inline-block;
}

.aux_photo_icon {
  width: 26px;
  height: 20px;
  background-color: #d6d6d6;
  border: 2px solid #FFFFFF;
  color: #000000;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-align: center;
  padding: 1px 0px 0px 0px;
}

.lr_item_card_photo_placeholder {
  width: 160px;
  height: 120px;
  border-radius: 4px;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 0.75rem;
}
.lr_item_card_photo_placeholder i {
  font-size: 2.5rem;
  opacity: 0.75;
}

.lr_item_card_specs {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  font-size: 0.875rem;
}
.lr_item_card_specs .spec_label {
  font-size: 0.75rem;
  color: #333399;
}
.lr_item_card_specs .spec_muted {
  color: #6F6F6F;
}
.lr_item_card_specs .spec_km {
  margin: 0px 0px 0px 10px;
}
.lr_item_card_specs > div {
  margin: 0px 0px 3px 0px;
}

.lr_item_card_features {
  color: #333399;
  font-size: 0.75rem;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_item_toolbox {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px 5px 12px;
  border-top: 1px solid #CCCCCC;
  border-radius: 0px 0px 10px 10px;
}
.lr_item_toolbox .item_list_toolbox_status_text {
  font-size: 1.5rem;
  font-weight: 900;
  min-width: 164px;
}
.lr_item_toolbox.toolbox_available {
  background-color: #FFFEC3;
  color: #222222;
}
.lr_item_toolbox.toolbox_incoming {
  background-color: #00E05E;
  color: #222222;
}
.lr_item_toolbox.toolbox_enroute {
  background-color: #A0D3E8;
  color: #222222;
}
.lr_item_toolbox.toolbox_hold {
  background-color: rgb(24.225, 24.225, 72.675);
  color: #fffec3;
}
.lr_item_toolbox.toolbox_sold, .lr_item_toolbox.toolbox_scrapped {
  background-color: #222222;
  color: #fffec3;
}
.lr_item_toolbox.toolbox_archived {
  background-color: #958261;
  color: #FFFFFF;
}

.lr_item_toolbox_icons {
  display: flex;
  align-items: center;
  gap: 4px;
}
.lr_item_toolbox_icons a,
.lr_item_toolbox_icons i {
  color: #333399;
  font-size: 2rem;
  line-height: 1;
  padding: 0px 5px;
  text-decoration: none;
}
.lr_item_toolbox_icons a:hover,
.lr_item_toolbox_icons i:hover {
  color: #007531;
}
.toolbox_sold .lr_item_toolbox_icons a,
.toolbox_sold .lr_item_toolbox_icons i, .toolbox_scrapped .lr_item_toolbox_icons a,
.toolbox_scrapped .lr_item_toolbox_icons i, .toolbox_hold .lr_item_toolbox_icons a,
.toolbox_hold .lr_item_toolbox_icons i {
  color: inherit;
}
.toolbox_sold .lr_item_toolbox_icons a:hover, .toolbox_scrapped .lr_item_toolbox_icons a:hover, .toolbox_hold .lr_item_toolbox_icons a:hover {
  color: #00E05E;
}

.lr_item_toolbox_tasks {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}

.lr_item_history_icon,
.lr_item_share_icon {
  color: #333399;
  font-size: 2rem;
  line-height: 1;
  padding: 0px 2px 0px 8px;
  text-decoration: none;
}
.lr_item_history_icon:hover,
.lr_item_share_icon:hover {
  color: #007531;
}
.toolbox_sold .lr_item_history_icon, .toolbox_scrapped .lr_item_history_icon, .toolbox_hold .lr_item_history_icon,
.toolbox_sold .lr_item_share_icon,
.toolbox_scrapped .lr_item_share_icon,
.toolbox_hold .lr_item_share_icon {
  color: inherit;
}
.toolbox_sold .lr_item_history_icon:hover, .toolbox_scrapped .lr_item_history_icon:hover, .toolbox_hold .lr_item_history_icon:hover,
.toolbox_sold .lr_item_share_icon:hover,
.toolbox_scrapped .lr_item_share_icon:hover,
.toolbox_hold .lr_item_share_icon:hover {
  color: #00E05E;
}

.lr_item_share_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 1;
}
.lr_item_share_icon i {
  pointer-events: none;
}

.icon_status_colour_true {
  color: #333399 !important;
  opacity: 1;
}

.icon_status_colour_false {
  opacity: 0.3;
}

.lr_item_toolbox_icons .card_star_group {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.fa_star_item_list_left,
.fa_star_item_list_right {
  opacity: 0.5;
  font-size: 0.7em !important;
  padding: 0px !important;
  margin: 0px -2px;
}

.lr_item_toolbox_tasks .task_btn {
  min-width: 58px;
  border: none;
  border-radius: 8px;
  padding: 9px 8px;
  font-size: 0.6875rem;
  line-height: 1.2;
  font-weight: 700;
  color: #FFFFFF;
  cursor: pointer;
  background-color: #B7B7B7;
}
.lr_item_toolbox_tasks .task_btn.task_status_1 {
  background-color: #f04124;
}
.lr_item_toolbox_tasks .task_btn.task_status_2, .lr_item_toolbox_tasks .task_btn.task_status_4 {
  background-color: #007531;
}
.lr_item_toolbox_tasks .task_btn.task_status_3 {
  background-color: #333333;
}
.lr_item_toolbox_tasks .task_btn.task_status_5 {
  background-color: #B7B7B7;
}
.lr_item_toolbox_tasks .task_btn:hover {
  background-color: #222222;
  color: #FFFFFF;
}

.lr_item_card_specs .lr_colour_swatch {
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: none;
  border: 1px solid #999999;
  border-radius: 3px;
  vertical-align: -5px;
  margin: 0px 2px 0px 106px;
}

.lr_item_card_tagline {
  font-size: 1rem;
  font-weight: 700;
  color: #BF1B28;
  margin: 4px 0px 0px 0px;
}

.lr_item_card_pricing {
  text-align: right;
  margin-left: auto;
  flex: 0 0 auto;
  min-width: 170px;
}

.itemList_payment_container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 5px;
}

.itemList_payment_label {
  font-size: 0.625rem;
  font-weight: 400;
  color: #222222;
  margin-top: 14px;
  white-space: nowrap;
  text-transform: capitalize;
}

.itemList_payment_amount {
  font-weight: 900;
  font-size: 2rem;
  line-height: 2rem;
  color: #222222;
  white-space: nowrap;
}

.itemList_price_payment_asterisk {
  color: #BF1B28;
  font-size: 20px;
  font-weight: 700;
  vertical-align: 6px;
  margin: 0px 0px 0px 1px;
}

.lr_item_card_price.with_payment {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 2px;
}

.itemList_item_sticker {
  position: absolute;
  top: -6px;
  right: 8px;
  max-width: 65px;
  transform: rotate(8deg);
  z-index: 2;
}

.itemList_ItemGrossPrice {
  font-size: 0.875rem;
  font-weight: 400;
  color: #BF1B28;
}

.itemList_ItemPrice_label {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333399;
  margin: 0px 4px 0px 0px;
}

.lr_item_card_price.with_was {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 0px;
}

.disclaimer_heading {
  color: #999999;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0px 5px 0px;
}

.disclaimer_container {
  width: 100%;
  background: #FCFBE3;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  gap: 8px;
}

.disclaimer_asterisk {
  color: #BF1B28;
  font-size: 18px;
  font-weight: 700;
}

.disclaimer {
  color: #222222;
  font-size: 18px;
  font-weight: 700;
}

.language_select_icon_manage_inventory {
  position: relative;
  display: inline-flex;
  justify-content: center;
}
.language_select_icon_manage_inventory > i {
  font-size: 1.5rem;
  padding: 0px 5px;
  cursor: pointer;
}
.language_select_icon_manage_inventory .language_select_container {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 106px;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
  text-align: center;
  z-index: 5;
}
.language_select_icon_manage_inventory:hover .language_select_container, .language_select_icon_manage_inventory:focus-within .language_select_container, .language_select_icon_manage_inventory.is-open .language_select_container {
  display: flex;
  gap: 4px;
  justify-content: center;
}
.language_select_icon_manage_inventory > i {
  cursor: pointer;
}

.lr_photo_lightbox_overlay {
  position: fixed;
  inset: 0;
  background: rgba(27, 31, 42, 0.75);
  z-index: 9500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.75rem;
  cursor: pointer;
}
.lr_photo_lightbox_overlay img {
  max-width: 90vw;
  max-height: 80vh;
  border-radius: 6px;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.5);
}
.lr_photo_lightbox_overlay .lr_photo_lightbox_count {
  color: #FFFFFF;
  font-weight: 700;
}

@media only screen and (max-width: 40em) {
  .lr_item_card .itemList_YearMakeModelName {
    white-space: normal;
    font-family: "Oswald", "Arial Narrow", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .lr_item_card_body {
    flex-wrap: wrap;
    row-gap: 0;
  }
  .lr_item_card_photo {
    flex: 1 1 calc(100% + 24px);
    order: 1;
    margin: 0px -12px;
  }
  .lr_item_card_photo picture img {
    width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: cover;
    border-radius: 0;
  }
  .lr_item_card_photo_placeholder {
    width: 100%;
    border-radius: 0;
  }
  .lr_photo_price_overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 10px;
    overflow: hidden;
    background: linear-gradient(to top, rgba(10, 12, 20, 0.85) 0%, rgba(10, 12, 20, 0.55) 60%, rgba(10, 12, 20, 0) 100%);
    padding: 30px 56px 8px 12px;
    color: #FFFFFF;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    pointer-events: none;
  }
  .lr_photo_price_overlay .itemList_ItemGrossPrice {
    color: #FFB3B3;
    white-space: nowrap;
  }
  .lr_photo_price_overlay .lr_item_card_price {
    font-size: 1.4rem;
    color: #FFFFFF;
    margin: 0;
  }
  .lr_photo_price_overlay .lr_item_card_price.ask_for_price {
    color: #8FE7B2;
  }
  .lr_photo_price_overlay .itemList_ItemPrice_label {
    color: #C9D4FF;
  }
  .lr_photo_price_overlay .itemList_price_payment_asterisk {
    color: #FF8A8A;
    font-size: 16px;
    vertical-align: 4px;
  }
  .lr_photo_price_overlay .itemList_payment_container {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-left: 0;
  }
  .lr_photo_price_overlay .itemList_payment_amount {
    font-size: 1.15rem;
    line-height: 1.15rem;
    color: #FFFFFF;
    font-weight: 700;
  }
  .lr_photo_price_overlay .itemList_payment_label {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.625rem;
  }
  .lr_sticker_mobile {
    display: block;
    top: 8px;
    right: 8px;
    z-index: 3;
  }
  .aux_photo_icon_container {
    top: auto;
    bottom: 10px;
    right: 10px;
    z-index: 3;
  }
  .aux_photo_icon {
    width: 42px;
    height: 32px;
    font-size: 16px;
    line-height: 26px;
    padding: 1px 0px 0px 0px;
  }
  .lr_item_card_photo_placeholder {
    height: 200px;
  }
  .lr_item_card_photo_placeholder span,
  .lr_item_card_photo_placeholder i {
    position: relative;
    top: -28px;
  }
  .lr_item_card_specs {
    flex: 1 1 100%;
    order: 3;
    padding-top: 6px;
  }
  .lr_item_card_specs > div {
    margin: 0px 0px 2px 0px;
    overflow-wrap: anywhere;
  }
  .lr_item_card_features {
    white-space: normal;
  }
  .lr_item_toolbox {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .lr_item_toolbox .item_list_toolbox_status_text {
    min-width: 100%;
    font-size: 1.25rem;
  }
  .lr_item_toolbox_icons {
    flex-wrap: wrap;
    row-gap: 6px;
  }
  .lr_item_toolbox_tasks {
    margin-left: 0;
  }
  .language_select_icon_manage_inventory .language_select_container {
    left: auto;
    right: -10px;
    transform: none;
  }
}
@media only screen and (max-width: 25.875em) {
  .lr_item_toolbox_icons a,
  .lr_item_toolbox_icons i {
    font-size: 1.35rem;
    padding: 0px 4px;
  }
}
.lr_item_toolbox_icons .chooser_button {
  width: 40px;
  font-size: 1rem;
  line-height: 1rem;
  text-align: center;
  padding: 6px;
  margin: 0px 0px 0px 2px;
  color: #FFFFFF;
  background-color: #333399;
  border-radius: 8px;
}
.lr_item_toolbox_icons .chooser_button:hover {
  background-color: #007531;
  color: #FFFFFF;
}

.lr_add_item .select_button_heading {
  display: block;
  float: none;
  font-size: 1.625rem;
  font-weight: 700;
  color: #222222;
  margin: 4px 0px 8px 0px;
}
.lr_add_item .lr_heading_note {
  font-size: 0.875rem;
  font-weight: 400;
  color: #5a6475;
}
.lr_add_item label:not(.item_button) {
  display: block;
  font-weight: 700;
  font-size: 0.875rem;
  color: #4d4d4d;
  margin: 10px 0px 4px 0px;
}
.lr_add_item hr {
  border: 0;
  border-top: 2px solid #dddddd;
  margin: 18px 0px;
}
.lr_add_item .row {
  margin: 0;
}
.lr_add_item .lr_vin_row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0px 0px 0px;
}
.lr_add_item .lr_vin_input {
  font-size: 1.75rem;
  flex: 1 1 auto;
  min-width: 0;
}
.lr_add_item .lr_vin_lookup_btn {
  flex: 0 0 auto;
  white-space: nowrap;
  background-color: #333399;
  color: #FFFFFF;
  font-size: 0.8125rem;
  padding: 14px 28px 15px 28px;
  border-radius: 6px;
  line-height: normal;
}
.lr_add_item .lr_vin_lookup_btn b {
  font-weight: 700;
}
.lr_add_item .lr_vin_lookup_btn:hover {
  background-color: #181849;
}
.lr_add_item .lr_vin_actions {
  margin: 10px 0px 4px 0px;
}
.lr_add_item .reset_button {
  background-color: #f08a24;
  border-color: #f08a24;
  color: #ffffff;
}
.lr_add_item .reset_button:hover {
  background-color: #f04124;
  border-color: #f04124;
}
.lr_add_item .lr_inline_toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}
.lr_add_item .lr_wear_input {
  max-width: 170px;
}
.lr_add_item .lr_condition_shield .fa-shield-blank.success {
  color: #007531;
}
.lr_add_item .lr_condition_shield .fa-shield-blank.disabled {
  color: #c3c3c3;
}
.lr_add_item .icon_status_colour_true {
  color: #007531;
}
.lr_add_item .icon_status_colour_false {
  color: #c3c3c3;
}
.lr_add_item .lr_future_box {
  border: 2px solid #c3c3c3;
  border-radius: 6px;
  background-color: #f5f5f5;
  height: 160px;
  text-align: center;
  padding: 28px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}
.lr_add_item .lr_future_box h3 {
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0px 0px 6px 0px;
}
.lr_add_item .lr_future_box_label {
  font-size: 1.5rem;
  font-weight: 700;
}

.lr_add_item .lr_add_spec_info {
  margin-left: 4px;
  color: #333399;
  cursor: help;
}
.lr_add_item .lr_add_spec_info[hidden] {
  display: none;
}

.lr_add_item .lr_source_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0px 8px 0px;
}

.lr_add_item .lr_source_head .select_button_heading {
  margin: 0;
}

.lr_add_item .select_button_container {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #c3c3c3;
  border-radius: 6px;
  padding: 5px 10px 5px 10px;
}

.lr_add_item .select_button_side_label {
  font-size: 0.875rem;
  font-weight: 700;
  margin-right: 5px;
}

.lr_add_item .button_select_button {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 2px 8px 3px 8px;
  line-height: normal;
}

.lr_add_item .lr_source_pick {
  margin: 8px 0px 0px 0px;
  max-width: 520px;
}

.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_row__stripe_a {
  background-color: #DBFFDB;
}
.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_row__stripe_b {
  background-color: #FFFDDD;
}
.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_row__stripe_a:hover,
.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_row__stripe_a:focus,
.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_row__stripe_b:hover,
.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_row__stripe_b:focus {
  background-color: hsl(59, 100%, 109.2352941176%);
}
.lr_add_item .lr_source_pick .lr_cpick_results .lr_pick_group_break {
  height: 0px;
  margin: 0px;
  border-top: 2px solid #1b1f2a;
}

.lr_modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1rem;
  overflow: auto;
}

.lr_modal.nix_display {
  display: none;
}

.lr_modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(32, 33, 36, 0.45);
}

.lr_modal__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 36rem;
  max-height: calc(100vh - 4rem);
  background: #ffffff;
  border-radius: 6px;
  padding: 0px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

.lr_modal__body {
  flex: 1 1 auto;
  min-height: 0px;
  overflow: auto;
  padding: 1.25rem 1.35rem 1.25rem;
}

.lr_modal__body .large_heading_secondary {
  display: block;
  margin: 0px 0px 12px 0px;
}

.lr_modal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 1.25rem;
}

.lr_modal__panel > .lr_modal__actions {
  flex: 0 0 auto;
  margin: 0px;
  padding: 0px 1.35rem 1.25rem;
}

.text_error {
  color: #f04124;
  font-weight: 700;
}

.lr_modal__panel--wide {
  max-width: 56rem;
}

.lr_modal_section {
  background-color: rgb(24.225, 24.225, 72.675);
  color: #fffec3;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 10px 16px;
  margin: 18px 0px 14px 0px;
  border-radius: 10px;
}

.lr_modal .textbox_label {
  display: block;
  font-size: 1rem;
  color: #1b1f2a;
  margin: 0px 0px 2px 0px !important;
}

.lr_ws_search_row {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 8px 0px 4px 0px;
}

.lr_ws_search_row .uber_form_textbox {
  flex: 1 1 auto;
  margin: 0;
}

.lr_ws_search_row .btn_success {
  flex: 0 0 auto;
  white-space: nowrap;
}

.lr_ws_results {
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 4px 10px;
  margin: 0px 0px 6px 0px;
  max-height: 180px;
  overflow-y: auto;
}

.lr_ws_result {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 6px 0px;
  border-bottom: 1px solid #eeeeee;
}

.lr_ws_result:last-child {
  border-bottom: 0;
}

.lr_ws_list {
  max-height: 340px;
  overflow-y: auto;
}

.lr_confirm_ws_details {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 20px;
  background-color: #e9ecef;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 14px 16px;
}

.lr_confirm_ws_cell {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.lr_confirm_ws_label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #5a6475;
}

.lr_confirm_ws_value {
  font-size: 1rem;
  color: #1b1f2a;
  overflow-wrap: break-word;
}

.lr_confirm_ws_note {
  margin: 8px 0px 0px 0px;
  font-size: 0.875rem;
}

.lr_confirm_ws_edit_row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 12px 0px 0px 0px;
}
.lr_confirm_ws_edit_row .text_muted {
  font-size: 0.875rem;
}

.lr_confirm_ws_or {
  margin: 4px 0px 6px 0px;
}

.lr_confirm_ws_btn_cell {
  display: flex;
  align-items: flex-end;
}
.lr_confirm_ws_btn_cell .btn_secondary {
  margin-bottom: 2px;
}

@media only screen and (max-width: 40em) {
  .lr_confirm_ws_details {
    grid-template-columns: minmax(0, 1fr);
  }
}
.lr_ws_row {
  display: grid;
  grid-template-columns: 2fr 1fr 1.4fr 1.4fr auto;
  gap: 10px;
  align-items: center;
  padding: 8px 6px;
  border-bottom: 2px solid #cccccc;
  font-size: 0.875rem;
}

.lr_ws_row:nth-child(odd) {
  background-color: #f2f2f2;
}

.lr_ws_sub {
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_ws_col_actions {
  white-space: nowrap;
}

.lr_ws_col_actions .btn_primary,
.lr_ws_col_actions .btn_secondary {
  padding: 4px 10px;
  font-size: 0.8125rem;
}

@media only screen and (max-width: 40em) {
  .lr_ws_row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}
.radio_toolbar_large input:disabled + label.item_button,
.radio_toolbar_large label.item_button.disabled {
  background-color: #EBEBEB;
  color: #999999;
  cursor: not-allowed;
}

.lr_dup_panel {
  border: 1px solid #dddddd;
  border-left: 6px solid #b23b3b;
  border-radius: 4px;
  background-color: #fbfbfb;
  padding: 14px 16px;
  margin: 10px 0px 16px 0px;
}

.lr_dup_panel_title {
  font-size: 1.125rem;
  font-weight: 800;
  margin: 0px 0px 4px 0px;
}

.lr_dup_panel_title .fa-triangle-exclamation {
  color: #b23b3b;
}

.lr_dup_panel_intro {
  font-size: 0.95rem;
  color: #666666;
  margin: 0px 0px 14px 0px;
}

.lr_dup_card {
  border: 1px solid #dddddd;
  border-left: 6px solid #b23b3b;
  border-radius: 4px;
  padding: 12px 14px;
  margin: 0px 0px 12px 0px;
  background-color: #ffffff;
  overflow: hidden;
}

.lr_dup_card_photo {
  float: left;
  width: 110px;
  margin: 0px 14px 8px 0px;
  border-radius: 3px;
}

.lr_dup_card_title {
  font-size: 1.125rem;
  font-weight: 800;
  color: #222222;
  margin: 0px 0px 8px 0px;
  word-break: break-word;
}

.lr_dup_card_status {
  display: inline-block;
  background-color: #b23b3b;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 3px;
  padding: 3px 9px;
  margin-left: 8px;
  vertical-align: middle;
}

.lr_dup_card_grid {
  overflow: hidden;
  margin: 0px 0px 10px 0px;
}

.lr_dup_card_cell {
  float: left;
  min-width: 110px;
  margin: 0px 20px 8px 0px;
}

.lr_dup_card_label {
  display: block;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #999999;
}

.lr_dup_card_value {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  color: #333333;
  word-break: break-word;
}

.lr_dup_card_actions {
  clear: both;
  text-align: right;
}

.lr_dup_panel_footer {
  border-top: 1px solid #eeeeee;
  padding-top: 12px;
  text-align: right;
}

.lr_dup_panel_footer .btn_secondary {
  margin-left: 8px;
}

.item_standard_colour_container {
  position: relative;
  padding: 8px;
  line-height: 120%;
  text-align: center;
  width: 100%;
  max-width: 250px;
  height: 90px;
  z-index: 0;
  border: 2px solid #C3C3C3;
  border-radius: 16px;
  margin: 12px 0px 4px 0px;
  font-size: 0.8125rem;
}

.item_standard_colour_container .lr_swatch_note {
  font-size: 0.6875rem;
}

.item_standard_material_overlay_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 90px;
  z-index: 5;
  border: 2px solid #C3C3C3;
  border-radius: 16px;
  margin: -2px -2px 0px 0px;
  opacity: 0.55;
  pointer-events: none;
}

.material_1 {
  background: url(../images/colour_swatch/cloth.png) center center;
}

.material_2 {
  background: url(../images/colour_swatch/leather.png) center center;
}

.material_3 {
  background: url(../images/colour_swatch/velour.png) center center;
}

.material_4 {
  background: url(../images/colour_swatch/vinyl.png) center center;
}

.material_5 {
  background: url(../images/colour_swatch/leather.png) center center;
}

.material_6 {
  background: url(../images/colour_swatch/leatherette-cloth.png) center center;
}

.material_7 {
  background: url(../images/colour_swatch/leatherette-cloth.png) center center;
}

.material_8 {
  background: url(../images/colour_swatch/vinyl.png) center center;
}

.material_9 {
  background: url(../images/colour_swatch/velour.png) center center;
}

.material_10 {
  background: url(../images/colour_swatch/leather.png) center center;
}

.material_11 {
  background: url(../images/colour_swatch/leatherette-cloth.png) center center;
}

.item_standard_colour.standard_colour_1 {
  background-color: #EBEBEB;
}

.item_standard_colour.standard_colour_2 {
  background-color: #F5F5DC;
}

.item_standard_colour.standard_colour_3 {
  background-color: #808080;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_4 {
  background-color: #FFD700;
}

.item_standard_colour.standard_colour_5 {
  background-color: #800080;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_6 {
  background-color: #785027;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_7 {
  background-color: #FFFFFF;
}

.item_standard_colour.standard_colour_8 {
  background-color: #0000FF;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_9 {
  background-color: #E60000;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_10 {
  background-color: #000000;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_11 {
  background-color: #008000;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_12 {
  background-color: #C0C0C0;
}

.item_standard_colour.standard_colour_13 {
  background-color: #FFA500;
}

.item_standard_colour.standard_colour_14 {
  background-color: #FFFF00;
}

.item_standard_colour.standard_colour_15 {
  background-color: #800020;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_16 {
  background-color: #D2B48C;
}

.item_standard_colour.standard_colour_17 {
  background-color: #36454F;
  color: #FFFFFF;
}

.item_standard_colour.standard_colour_18 {
  background-color: #E8DED1;
}

.lr_item_add_features.container {
  max-width: none;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
.lr_item_add_features h1.large_heading {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #A5A5A5;
  margin: 0px 0px 5px 0px;
}
.lr_item_add_features h1.large_heading .large_heading_secondary {
  font-size: inherit;
  color: inherit;
}
.lr_item_add_features .lr_af_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin: 0px 0px 5px 0px;
}
.lr_item_add_features .lr_af_head h1.large_heading {
  margin: 0px;
}
.lr_item_add_features .lr_af_head_tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}
.lr_item_add_features .lr_af_clear {
  border: 0px;
  border-radius: 0.375rem;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 3px 6px;
  background-color: #f08a24;
  color: #FFFFFF;
}
.lr_item_add_features .lr_af_clear:hover {
  background-color: #333399;
}
.lr_item_add_features .lr_af_option_info {
  font-size: 1.25rem;
  background-color: #fffec3;
  padding: 0px 8px;
  text-decoration: none;
}
.lr_item_add_features .lr_af_option_info:hover {
  color: #007531;
}
.lr_item_add_features .lr_af_disclosures {
  border: 0px;
  border-radius: 0.375rem;
  cursor: pointer;
  font-size: 0.8125rem;
  padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
  background-color: #BF1B28;
  color: #FFFFFF;
}
.lr_item_add_features .lr_af_disclosures:hover {
  background-color: #333399;
}
.lr_item_add_features .lr_af_disclosures:disabled {
  opacity: 0.6;
  cursor: default;
}
.lr_item_add_features .lr_af_stock {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 0.875rem;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 8px 0px;
  background-color: #EBEBEB;
  color: #222222;
}
.lr_item_add_features .item_feature_selector_blocks_container {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 0px 5px;
  margin: 0px;
  padding: 0px;
}
.lr_item_add_features .item_feature_selector_blocks_container > li {
  min-width: 0;
  max-width: 180px;
  padding: 0px 0px 5px 0px;
}
.lr_item_add_features .item_feature_selector {
  display: block;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0px 0px 30px 0px;
  padding: 5px 4px 8px 4px;
  background-color: #EBEBEB;
  color: #222222;
  width: 100%;
  border-radius: 10px;
}
.lr_item_add_features .item_feature_selector.standard {
  background-color: #24AC57;
  color: #FFFFFF;
}
.lr_item_add_features .item_feature_selector.defective {
  background-color: #BF1B28;
  color: #FFFFFF;
}
.lr_item_add_features .item_feature_selector.optional {
  background-color: #FF8A3C;
  color: #222222;
}
.lr_item_add_features .item_feature_selector.optionalselected,
.lr_item_add_features .item_feature_selector.included {
  background-color: #FFFF4B;
  color: #222222;
}
.lr_item_add_features .item_feature_selector.selected {
  background-color: #181849;
  color: #FFFFFF;
}
.lr_item_add_features .item_feature_status {
  margin: 5px 0px 0px 0px;
  min-height: 1.25em;
  text-transform: uppercase;
}
.lr_item_add_features .item_feature_selector .radio_toolbar_large {
  margin: 4px 0px 0px 0px;
  white-space: nowrap;
}
.lr_item_add_features .radio_toolbar_large label.item_feature_selector_button {
  width: 46% !important;
  padding: 5px 0px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  margin: 0px 4px 5px 0px !important;
}
.lr_item_add_features .radio_toolbar_large input + label.item_feature_selector_button + input + label.item_feature_selector_button {
  margin-right: 0px !important;
}
.lr_item_add_features .radio_toolbar_large label.item_feature_selector_button.radius {
  border-radius: 12px !important;
}
.lr_item_add_features .lr_step2_section {
  margin: 0px;
}
.lr_item_add_features .lr_step2_section > summary.item_feature_group {
  display: block;
  list-style: none;
  cursor: pointer;
  background-color: #333399;
  color: #FFFFFF;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 0.625rem;
}
.lr_item_add_features .lr_step2_section > summary.item_feature_group::-webkit-details-marker {
  display: none;
}
.lr_item_add_features .lr_step2_section > summary.item_feature_group::after {
  content: "\f055";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  float: right;
  margin: 0px 10px 0px 0px;
  font-size: 20px;
  line-height: 1;
}
.lr_item_add_features .lr_step2_section > summary.item_feature_group:hover {
  background-color: #29297A;
}
.lr_item_add_features .lr_step2_section[open] > summary.item_feature_group {
  background-color: #29297A;
  color: #fffec3;
}
.lr_item_add_features .lr_step2_section[open] > summary.item_feature_group::after {
  content: "\f056";
  color: #FFFFFF;
}
.lr_item_add_features .lr_step2_section_body {
  background-color: #FFFFFF;
  padding: 0px;
  overflow: hidden;
}
.lr_item_add_features .item_feature_group_name {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 15px 0px 10px 0px;
}
.lr_item_add_features .lr_af_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.lr_item_add_features .lr_af_actions .text_error {
  flex: 1 1 100%;
}
.lr_item_add_features .lr_af_actions .lr_af_disclosures {
  order: 1;
}
.lr_item_add_features .lr_af_actions #lrStep2Next {
  order: 2;
}

.lr_add_item .lr_add_next {
  font-size: 1rem;
  font-weight: 400;
  padding: 16px 32px 17px 32px;
  border-radius: 6px;
  line-height: normal;
}

.lr_modal .row {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.lr_item_edit {
  float: none;
  clear: both;
}

.lr_page_h2 {
  font-size: 2.25rem;
  font-weight: 700;
  color: #222222;
  margin: 0px 0px 8px 0px;
  letter-spacing: -0.02em;
}

.lr_item_edit_header {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0px 0px 6px 0px;
}
.lr_item_edit_header .form_large_heading {
  float: none;
  margin: 0px;
  white-space: normal;
}
.lr_item_edit_header .lr_item_edit_context {
  margin: 0px 0px 8px 0px;
  flex-shrink: 0;
}

.lr_item_edit_condition {
  font-size: 1.25rem;
  font-weight: 700;
  color: rgb(111.45, 111.45, 111.45);
  padding-bottom: 4px;
}
.lr_item_edit_condition.is_new {
  color: #007531;
}
.lr_item_edit_condition.is_asis {
  color: #BF1B28;
}

.lr_prev_next {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 8px;
}
.lr_prev_next a,
.lr_prev_next > span {
  font-size: 1.5rem;
  line-height: 1;
  color: #333399;
  text-decoration: none;
}
.lr_prev_next a:hover {
  color: #007531;
}
.lr_prev_next > span.text_muted {
  color: #B1B1B1;
}

.lr_item_edit_context {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 0.875rem;
  color: rgb(111.45, 111.45, 111.45);
  margin: 0px 0px 12px 0px;
}
.lr_item_edit_context strong {
  color: #1b1f2a;
}

.lr_status_chip {
  display: inline-block;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 3px 12px;
  border-radius: 12px;
}

.lr_archived_panel {
  background-color: #f5ead4;
  border-radius: 10px;
  padding: 12px 16px;
  margin: 0px 0px 16px 0px;
}
.lr_archived_panel ul {
  margin: 8px 0px 8px 24px;
}
.lr_archived_panel a {
  font-weight: 700;
  color: #333399;
}

.lr_gallery_row {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  margin: 0px 0px 20px 0px;
}
@media (max-width: 48em) {
  .lr_gallery_row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.lr_iv {
  position: relative;
  display: inline;
}
.lr_iv:not(.is_editing) > :not(.lr_iv_value) {
  display: none !important;
}
.lr_iv.is_editing > .lr_iv_value {
  display: none;
}

.lr_iv_value {
  color: #333399;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.lr_iv_value:hover {
  color: #007531;
}
.lr_iv_value.is_empty {
  color: #A5A5A5;
  font-weight: 400;
}

.lr_iv_block {
  display: block;
  margin: 2px 0px 10px 0px;
}
.lr_iv_block > .lr_iv_value {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  white-space: pre-wrap;
  min-height: 1.5em;
}
.lr_iv_block > .lr_iv_value.is_empty {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #B1B1B1;
  padding: 12px 0px;
}
.lr_iv_block.is_editing {
  display: block;
}
.lr_iv_block textarea,
.lr_iv_block input {
  width: 100%;
}

.lr_tagline_field_label {
  display: block;
  position: relative;
  max-width: 400px;
  padding-right: 3rem;
}

.lr_tagline_edit_count {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #A5A5A5;
}

.lr_tagline_edit_count.is_tagline_low {
  color: #BF1B28;
}

.lr_iv_tagline {
  background-color: #FFFEDD;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 0px 0px 6px 0px;
  max-width: 400px;
  box-sizing: border-box;
}

.lr_iv_tagline.is_tagline_low {
  background-color: #f8d0cc;
  border-color: #BF1B28;
}

.lr_iv_tagline > .lr_iv_value {
  font-weight: 700;
}

.lr_ymm {
  font-size: 2rem;
  line-height: 2.8rem;
  font-weight: 900;
}
.lr_ymm .lr_ymm_seg {
  color: #333399;
  text-decoration: none;
}
.lr_ymm .lr_ymm_seg:hover {
  color: #007531;
}
.lr_ymm .lr_ymm_seg.is_placeholder {
  color: #EBEBEB;
}
.lr_ymm .lr_ymm_seg.is_placeholder:hover {
  color: #A5A5A5;
}

.lr_ymm .lr_share_in_heading {
  border: none;
  background: none;
  cursor: pointer;
  color: #333399;
  font-size: 1.75rem;
  padding: 0px;
  vertical-align: baseline;
}
.lr_ymm .lr_share_in_heading:hover {
  color: #007531;
}

.lr_gallery_main {
  position: relative;
  container-type: inline-size;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #6f6f6f;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.lr_gallery_main img#galleryMainImg {
  display: block;
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.lr_gallery_main:hover img#galleryMainImg {
  transform: scale(1.02);
}
.lr_gallery_main {
  transition: box-shadow 0.3s ease;
}
.lr_gallery_main:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);
}
.lr_gallery_main::after {
  content: "🔍";
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.72);
  color: #FFFFFF;
  font-size: 1.2rem;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
}
.lr_gallery_main:hover::after {
  opacity: 1;
}

.lr_gallery_status_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-8deg);
  font-family: "Archivo Black", "Arial Black", sans-serif;
  font-size: 20.5cqw;
  line-height: 1;
  letter-spacing: -0.06em;
  color: #FFFFFF;
  opacity: 0.5;
  text-shadow: 0 5px 14px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
  pointer-events: none;
  z-index: 2;
}
.lr_gallery_status_overlay.is_long {
  font-size: 16.5cqw;
}

.lr_gallery_tagline {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.92);
  color: #333399;
  font-weight: 700;
  text-align: center;
  padding: 6px 10px;
  z-index: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.lr_gallery_tagline:hover {
  color: #007531;
}

.lr_photo_grid.lr_gallery_thumbs {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 16px 0px 6px 0px;
  margin: 0px;
  list-style: none;
  scrollbar-width: thin;
}
.lr_photo_grid.lr_gallery_thumbs li {
  flex: 0 0 96px;
  position: relative;
  border: none;
  border-radius: 4px;
  overflow: hidden;
  background-color: #e9ecef;
}
.lr_photo_grid.lr_gallery_thumbs .lr_photo_thumb {
  display: block;
  width: 100%;
  height: 96px;
  object-fit: cover;
  cursor: pointer;
}
.lr_photo_grid.lr_gallery_thumbs .lr_photo_thumb.is_active {
  outline: 2px solid #0D6EFD;
  outline-offset: -2px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.16);
}
.lr_photo_grid.lr_gallery_thumbs .lr_photo_meta {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.92);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.lr_photo_grid.lr_gallery_thumbs .lr_photo_order {
  opacity: 0;
  transition: opacity 0.15s ease;
}
.lr_photo_grid.lr_gallery_thumbs li:hover .lr_photo_meta {
  opacity: 1;
  pointer-events: auto;
}
.lr_photo_grid.lr_gallery_thumbs li:hover .lr_photo_order {
  opacity: 1;
}

.lr_unit_info {
  text-align: right;
}
.lr_unit_info .lr_price_hero {
  margin: 0px 0px 4px 0px;
  text-align: right;
}
.lr_unit_info .lr_iv.is_editing input,
.lr_unit_info .lr_iv.is_editing select {
  width: 100%;
  max-width: 220px;
  text-align: right;
}

.lr_ui_label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #333399;
}

.lr_price_main_row {
  margin: 0px 0px 8px 0px;
}

.lr_price_main {
  font-size: 2.25rem;
  font-weight: 900;
  color: #333399;
  text-decoration: none;
}
.lr_price_main:hover {
  color: #007531;
}
.lr_price_main.is_unset {
  font-size: 1rem;
  font-weight: 700;
  color: rgb(111.45, 111.45, 111.45);
}
.lr_price_main .lr_price_asterisk {
  font-size: 1.25rem;
  color: #BF1B28;
  vertical-align: super;
}

.lr_ui_wear {
  margin: 8px 0px 0px 0px;
  font-size: 1.25rem;
}
.lr_ui_wear .lr_iv_wear > .lr_iv_value {
  font-size: 1.25rem;
  font-weight: 700;
}
.lr_ui_wear .lr_iv_gauge > .lr_iv_value {
  font-size: 0.75rem;
}

.lr_ui_colour_name {
  margin: 6px 0px 0px 0px;
  font-size: 0.75rem;
  color: rgb(111.45, 111.45, 111.45);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lr_ui_colour_std {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 2px 0px 6px 0px;
}
.lr_ui_colour_std .lr_iv_std > .lr_iv_value {
  font-size: 1.5rem;
  font-weight: 700;
}

.lr_ui_stock {
  border-top: 2px solid #A5A5A5;
  padding-top: 6px;
  margin-top: 8px;
}
.lr_ui_stock .lr_iv_stock > .lr_iv_value {
  font-size: 1rem;
  font-weight: 700;
}

.lr_ui_vin {
  margin: 6px 0px 0px 0px;
}
.lr_ui_vin .lr_iv_vin > .lr_iv_value {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333333;
  word-break: break-all;
}
.lr_ui_vin .lr_iv_vin > .lr_iv_value:hover {
  color: #007531;
}
.lr_ui_vin .lr_iv_vin > .lr_iv_value.is_empty {
  color: #A5A5A5;
  font-weight: 400;
}
.lr_ui_vin .btn_secondary {
  margin-top: 4px;
}

.lr_ui_key {
  margin: 6px 0px 0px 0px;
}
.lr_ui_key .lr_iv > .lr_iv_value {
  font-size: 1rem;
}

.lr_ui_hint {
  text-align: right;
  margin: 2px 0px 0px 0px;
  min-height: 1.1em;
}

.lr_ui_photo_icons {
  margin: 14px 0px 0px 0px;
  text-align: right;
}
.lr_ui_photo_icons a {
  color: #333399;
}
.lr_ui_photo_icons a:hover {
  color: #007531;
}

.lr_ui_defect_icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 18px;
  border-bottom: 2px solid #A5A5A5;
  padding: 10px 10px 16px 0px;
  margin: 6px 0px 0px 0px;
}
.lr_ui_defect_icons a {
  color: #333399;
}
.lr_ui_defect_icons a:hover {
  color: #007531;
}
.lr_ui_defect_icons a.is_disabled {
  color: #B7B7B7;
  cursor: default;
}

.lr_edit_modal .lr_photo_grid.is_managing {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  overflow-x: visible;
  padding: 0px;
  counter-reset: lrph;
}
.lr_edit_modal .lr_photo_grid.is_managing li {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  counter-increment: lrph;
  border: none;
  border-radius: 10px;
  background-color: #DDDDDD;
  padding: 2px 4px 6px 4px;
  overflow: visible;
  cursor: move;
}
.lr_edit_modal .lr_photo_grid.is_managing li::before {
  content: "";
  width: 30px;
  height: 3px;
  margin: 5px 0px 7px 0px;
  border-radius: 2px;
  background-color: #666666;
  box-shadow: 0px 5px 0px #666666;
}
.lr_edit_modal .lr_photo_grid.is_managing li::after {
  content: "Photo " counter(lrph);
  order: 5;
  font-size: 0.6875rem;
  color: #555555;
  margin: 4px 0px 2px 0px;
}
.lr_edit_modal .lr_photo_grid.is_managing li:first-child::after {
  content: "Primary";
  color: #8a6d3b;
}
.lr_edit_modal .lr_photo_grid.is_managing .lr_photo_thumb {
  height: 105px;
  width: 100%;
  border-radius: 4px;
  cursor: move;
}
.lr_edit_modal .lr_photo_grid.is_managing .lr_photo_meta {
  order: 10;
  position: static;
  opacity: 1;
  pointer-events: auto;
  background: none;
  padding: 0px;
}
.lr_edit_modal .lr_photo_grid.is_managing .btn_photo_up,
.lr_edit_modal .lr_photo_grid.is_managing .btn_photo_down,
.lr_edit_modal .lr_photo_grid.is_managing .btn_defect_up,
.lr_edit_modal .lr_photo_grid.is_managing .btn_defect_down {
  display: none;
}
.lr_edit_modal .lr_photo_grid.is_managing .btn_photo_delete,
.lr_edit_modal .lr_photo_grid.is_managing .btn_defect_delete {
  border: none;
  background: none;
  color: #333399;
  font-size: 1.125rem;
  padding: 2px 0px;
}
.lr_edit_modal .lr_photo_grid.is_managing .btn_photo_delete:hover,
.lr_edit_modal .lr_photo_grid.is_managing .btn_defect_delete:hover {
  background: none;
  color: #BF1B28;
}
.lr_edit_modal .lr_photo_grid.is_managing .lr_photo_order {
  display: none;
}

#defectPhotoList.is_managing li::after {
  content: "Defect " counter(lrph);
}

.lr_photo_name,
.lr_photo_select_mark {
  display: none;
}

.lr_edit_modal #photoList.is_managing li::after {
  content: none;
  display: none;
}
.lr_edit_modal #photoList.is_managing .lr_photo_meta {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 4px;
  margin: 4px 0px 0px 0px;
}
.lr_edit_modal #photoList.is_managing .lr_photo_ctrls {
  flex: none;
}
.lr_edit_modal #photoList.is_managing .lr_photo_name {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 0.6875rem;
  color: #555555;
}
.lr_edit_modal #photoList.is_managing .lr_photo_name::before {
  content: attr(data-name-prefix) counter(lrph) attr(data-name-suffix);
}
.lr_edit_modal #photoList.is_managing li:first-child .lr_photo_name {
  color: #8a6d3b;
}
.lr_edit_modal #photoList.is_managing li:first-child .lr_photo_name::before {
  content: attr(data-name-primary);
}
.lr_edit_modal #photoList.is_managing .lr_photo_select_mark {
  display: block;
  flex: none;
  padding: 2px 0px;
  font-size: 1.125rem;
  color: #B5B5B5;
}

.lr_edit_modal #photoList.is_managing.is_selecting li,
.lr_edit_modal #photoList.is_managing.is_selecting .lr_photo_thumb {
  cursor: pointer;
}
.lr_edit_modal #photoList.is_managing.is_selecting .btn_photo_delete:disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}
.lr_edit_modal #photoList.is_managing.is_selecting li.is_selected {
  box-shadow: 0px 0px 0px 2px #BF1B28;
}
.lr_edit_modal #photoList.is_managing.is_selecting li.is_selected .lr_photo_select_mark {
  color: #BF1B28;
}

.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool.lr_photo_select_toggle.is_active {
  opacity: 1;
  background: #BF1B28;
}

.lr_edit_modal.is_photo_empty .lr_modal_head .lr_modal_tool.lr_modal_tool.lr_photo_select_toggle {
  display: none;
}

.lr_edit_modal_box .lr_modal_head .lr_photo_head_btn {
  margin: 0px 4px 0px 0px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 6px;
  background: transparent;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.2;
}
.lr_edit_modal_box .lr_modal_head .lr_photo_head_btn:hover, .lr_edit_modal_box .lr_modal_head .lr_photo_head_btn:focus-visible {
  background: rgba(255, 255, 255, 0.14);
  color: #FFFFFF;
}
.lr_edit_modal_box .lr_modal_head .lr_photo_head_btn[hidden] {
  display: none;
}

.lr_upload_controls {
  display: none;
}

.lr_photo_upload_btn {
  display: none;
}

.lr_edit_modal.is_photo_empty .lr_photo_add_icon {
  display: none;
}
.lr_edit_modal.is_photo_empty #btnPhotoBackground {
  display: none;
}
.lr_edit_modal.is_photo_empty .lr_photo_upload_btn {
  display: inline-flex;
}
.lr_edit_modal.is_photo_empty .lr_photo_modal_footer {
  display: none;
}

.lr_photo_dropzone {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 320px;
  padding: 28px 20px;
  border-radius: 10px;
  cursor: pointer;
}
.lr_photo_dropzone[hidden] {
  display: none;
}

.lr_photo_dropzone_text {
  margin: 0px 0px 22px 0px;
  color: #BBBBBB;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.65;
  text-align: center;
}
.lr_photo_dropzone_text:last-child {
  margin-bottom: 0px;
}

.lr_edit_modal.is_dragover .lr_edit_modal_box {
  outline: 3px dashed #333399;
  outline-offset: -8px;
}

.lr_edit_modal.is_dragover .lr_photo_dropzone_text {
  color: #333399;
}

.lr_photo_upload_tray {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
  margin: 0px 0px 16px 0px;
  padding: 12px;
  list-style: none;
  border: 1px dashed #A5A5A5;
  border-radius: 10px;
  background-color: #e9ecef;
}
.lr_photo_upload_tray[hidden] {
  display: none;
}

.lr_upload_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  margin: 0px;
  padding: 8px 6px;
  border-radius: 10px;
  background-color: #fff;
}

.lr_upload_thumb_wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 96px;
  border-radius: 6px;
  overflow: hidden;
  background-color: #e9ecef;
}

.lr_upload_thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lr_upload_card[data-state=queued] .lr_upload_thumb,
.lr_upload_card[data-state=uploading] .lr_upload_thumb,
.lr_upload_card[data-state=processing] .lr_upload_thumb {
  opacity: 0.55;
}

.lr_upload_badge {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 54px;
  height: 54px;
  margin: -27px 0px 0px -27px;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: #007531;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 1.5rem;
  line-height: 48px;
  text-align: center;
}

.lr_upload_card[data-state=done] .lr_upload_badge,
.lr_upload_card[data-state=error] .lr_upload_badge {
  display: block;
  animation: lr_upload_badge_pop 0.35s ease-out;
}

.lr_upload_card[data-state=error] .lr_upload_badge {
  background-color: #BF1B28;
}

@keyframes lr_upload_badge_pop {
  from {
    opacity: 0;
    transform: scale(0.4);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.lr_upload_bar {
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  background-color: #DDDDDD;
}

.lr_upload_bar_fill {
  display: block;
  width: 0%;
  height: 100%;
  background-color: #333399;
  transition: width 0.15s linear;
}

.lr_upload_card[data-state=done] .lr_upload_bar_fill {
  background-color: #007531;
}

.lr_upload_card[data-state=error] .lr_upload_bar_fill {
  background-color: #BF1B28;
}

.lr_upload_card[data-state=processing] .lr_upload_bar_fill {
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.45) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0.45) 75%, transparent 75%);
  background-size: 16px 16px;
  animation: lr_upload_stripe 0.7s linear infinite;
}

@keyframes lr_upload_stripe {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 16px 0px;
  }
}
.lr_upload_name {
  display: block;
  width: 100%;
  font-size: 0.75rem;
  color: #1b1f2a;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_upload_msg {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #A5A5A5;
  text-align: center;
}

.lr_upload_card[data-state=done] .lr_upload_msg {
  color: #007531;
}

.lr_upload_card[data-state=error] .lr_upload_msg {
  color: #BF1B28;
  white-space: normal;
}

.lr_photo_delete_all {
  color: #333399;
}
.lr_photo_delete_all:hover {
  color: #BF1B28;
}
.lr_photo_delete_all[aria-disabled=true] {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
}

#btnDeleteSelectedPhotos.btn_secondary:not(:disabled) {
  background-color: #007531;
  border-color: #007531;
  color: #fff;
}
#btnDeleteSelectedPhotos.btn_secondary:not(:disabled) i {
  color: #fff;
}
#btnDeleteSelectedPhotos.btn_secondary:not(:disabled):hover, #btnDeleteSelectedPhotos.btn_secondary:not(:disabled):focus-visible {
  filter: brightness(0.92);
}

.lr_save_order_btn i {
  margin-right: 6px;
}

.lr_photo_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
  margin: 12px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}
.lr_photo_grid li {
  position: relative;
  margin: 0px;
  border: 1px solid #6f6f6f;
  border-radius: 6px;
  overflow: hidden;
  background-color: #e9ecef;
}

.lr_photo_thumb {
  display: block;
  width: 100%;
  height: 105px;
  object-fit: cover;
}

.lr_photo_meta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 3px 5px;
  font-size: 0.6875rem;
  color: rgb(111.45, 111.45, 111.45);
  background-color: #FFFFFF;
}

.lr_photo_grid.is_remote_legacy li {
  cursor: default;
}
.lr_photo_grid.is_remote_legacy .lr_photo_ctrls {
  display: none;
}

.lr_photo_ctrls {
  display: flex;
  gap: 2px;
}
.lr_photo_ctrls button {
  border: 1px solid #A5A5A5;
  background-color: #f5f5f5;
  color: #333399;
  font-size: 0.75rem;
  font-weight: 700;
  border-radius: 4px;
  padding: 1px 6px;
  cursor: pointer;
}
.lr_photo_ctrls button:hover {
  background-color: #fffec3;
}
.lr_photo_ctrls button.btn_photo_delete, .lr_photo_ctrls button.btn_defect_delete {
  color: #BF1B28;
}

.lr_photo_order {
  position: absolute;
  top: 4px;
  left: 4px;
  background-color: rgba(24, 24, 73, 0.85);
  color: #FFFFFF;
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 10px;
  pointer-events: none;
}

.lr_photo_upload_row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 8px 0px 0px 0px;
}

.lr_item_edit_section {
  position: relative;
  border: 2px solid #B1B1B1;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 16px 20px 20px 20px;
  margin: 0px 0px 20px 0px;
}
.lr_item_edit_section > .form_section_heading {
  background-color: transparent;
  color: #333399;
  font-size: 1.25rem;
  font-weight: 900;
  padding: 0px;
  margin: 0px 0px 12px 0px;
  border-radius: 0px;
}
.lr_item_edit_section > .form_section_heading i {
  color: #333399;
  font-size: 2rem;
  margin-right: 8px;
  vertical-align: middle;
}
.lr_item_edit_section > .form_section_heading i.fa-youtube {
  font-size: 3rem;
}
.lr_item_edit_section > .form_section_heading .text_muted {
  color: rgb(111.45, 111.45, 111.45);
  font-weight: 400;
  font-size: 1rem;
}

.lr_item_edit label:not(.item_button) {
  display: block;
  font-size: 0.875rem;
  color: rgb(111.45, 111.45, 111.45);
  margin: 10px 0px 2px 0px;
}

.lr_section_rule {
  border: none;
  border-top: 1px solid #DDDDDD;
  margin: 20px 0px;
}

.lr_toolbar_section {
  margin: 0px 0px 8px 0px;
}

.lr_item_edit .radio_toolbar label {
  display: inline-block;
  font-size: 1.25rem;
  color: #636363;
  margin: 0px 6px 5px 0px;
}

.lr_item_edit .radio_toolbar_large label,
.lr_item_edit .radio_toolbar_large input[type=radio]:disabled + label.item_button {
  background-color: #D4D4D4;
  color: #636363;
}

.lr_item_edit .radio_toolbar_large input[type=radio]:checked + label,
.lr_item_edit .radio_toolbar_large input[type=radio]:checked:disabled + label.item_button {
  background-color: #333399;
  color: #f5f5f5;
  font-weight: 700;
}

.lr_item_edit.is_sales_mode .lr_toolbar_section .radio_toolbar_large,
.lr_item_edit.is_display_only .lr_toolbar_section .radio_toolbar_large {
  pointer-events: none;
}
.lr_item_edit.is_sales_mode .lr_toolbar_section .radio_toolbar_large label,
.lr_item_edit.is_display_only .lr_toolbar_section .radio_toolbar_large label {
  cursor: default;
}

.lr_section_h3 {
  font-size: 1.6875rem;
  font-weight: 700;
  color: #222222;
  margin: 0px 0px 10px 0px;
}

.lr_condition_row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.lr_condition_row .lr_condition_shield {
  flex: 0 0 auto;
}

.lr_shield_ok {
  color: #007531;
}

.lr_shield_no {
  color: #B7B7B7;
}

.lr_vin_row {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.lr_vin_row .uber_form_textbox {
  flex: 1 1 auto;
  margin: 0px;
}
.lr_vin_row .btn_secondary {
  flex: 0 0 auto;
}

.lr_colour_row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.lr_colour_row .form_control,
.lr_colour_row .form_select {
  flex: 1 1 110px;
}

.lr_colour_swatch {
  width: 36px;
  height: 36px;
  border: 1px solid #A5A5A5;
  border-radius: 4px;
  flex: 0 0 36px;
}

.lr_colour_swatch.standard_colour_1 {
  background-color: #EBEBEB;
}

.lr_colour_swatch.standard_colour_2 {
  background-color: #F5F5DC;
}

.lr_colour_swatch.standard_colour_3 {
  background-color: #808080;
}

.lr_colour_swatch.standard_colour_4 {
  background-color: #FFD700;
}

.lr_colour_swatch.standard_colour_5 {
  background-color: #800080;
}

.lr_colour_swatch.standard_colour_6 {
  background-color: #785027;
}

.lr_colour_swatch.standard_colour_7 {
  background-color: #FFFFFF;
}

.lr_colour_swatch.standard_colour_8 {
  background-color: #0000FF;
}

.lr_colour_swatch.standard_colour_9 {
  background-color: #E60000;
}

.lr_colour_swatch.standard_colour_10 {
  background-color: #000000;
}

.lr_colour_swatch.standard_colour_11 {
  background-color: #008000;
}

.lr_colour_swatch.standard_colour_12 {
  background-color: #C0C0C0;
}

.lr_colour_swatch.standard_colour_13 {
  background-color: #FFA500;
}

.lr_colour_swatch.standard_colour_14 {
  background-color: #FFFF00;
}

.lr_colour_swatch.standard_colour_15 {
  background-color: #800020;
}

.lr_colour_swatch.standard_colour_16 {
  background-color: #D2B48C;
}

.lr_colour_swatch.standard_colour_17 {
  background-color: #36454F;
}

.lr_colour_swatch.standard_colour_18 {
  background-color: #E8DED1;
}

.lr_spec_edit {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 12px 20px;
  margin-top: 4px;
}

.lr_spec_field {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0px;
  border-top: solid 1px #BF1B28;
  padding-top: 5px;
}
.lr_spec_field .lr_spec_label {
  font-size: 0.6875rem;
  color: #1b1f2a;
  flex: 0 0 auto;
}
.lr_spec_field .lr_spec_value_row {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0px;
  flex: 1 1 auto;
}
.lr_spec_field .lr_spec_info {
  color: #333399;
  cursor: help;
  flex: 0 0 auto;
}
.lr_spec_field .lr_spec_iv {
  text-align: right;
  min-width: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_spec_field .lr_spec_iv > .lr_iv_value {
  font-size: 0.875rem;
  font-weight: 700;
}
.lr_spec_field .lr_spec_iv.is_editing {
  flex: 1 1 100%;
  white-space: normal;
}
.lr_spec_field .form_control,
.lr_spec_field .form_select {
  width: 100%;
  font-weight: 700;
}

.lr_identity_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 0px 16px;
}

.lr_price_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0px 16px;
}

.lr_price_actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.lr_price_hero {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 8px;
  margin: 0px 0px 12px 0px;
}
.lr_price_hero .lr_price_freq {
  font-size: 0.625rem;
  text-transform: capitalize;
  color: #333399;
  padding-bottom: 12px;
}
.lr_price_hero .lr_price_amount {
  font-size: 2.875rem;
  font-weight: 900;
  color: #222222;
  line-height: 1.1;
}
.lr_price_hero .lr_price_asterisk {
  color: #BF1B28;
  font-size: 1.25rem;
  vertical-align: super;
}

.lr_features_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0px 0px 12px 0px;
}

.lr_features_edit_link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #333399;
  text-decoration: none;
}
.lr_features_edit_link i {
  font-size: 2rem;
}
.lr_features_edit_link:hover {
  color: #007531;
}
.lr_features_edit_link:hover .lr_features_title {
  color: #007531;
}

.lr_features_title {
  font-size: 1.25rem;
  font-weight: 900;
  color: #333399;
  margin: 0px;
}
.lr_features_title .text_muted {
  font-weight: 400;
  font-size: 0.875rem;
  color: rgb(111.45, 111.45, 111.45);
}

.lr_features_pull {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: none;
  background: none;
  padding: 0px;
  color: #333399;
  cursor: pointer;
}
.lr_features_pull i {
  font-size: 2rem;
}
.lr_features_pull i.lr_pull_arrow {
  font-size: 1rem;
  margin: 0px 2px;
}
.lr_features_pull:hover {
  color: #007531;
}

.lr_feature_display {
  cursor: pointer;
}

.lr_feature_display_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px 0px;
}

.lr_feature_disp {
  font-size: 0.875rem;
  color: #333399;
  border-top: solid 1px #BF1B28;
  padding: 6px 20px 2px 0px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lr_feature_display_empty {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  color: #B1B1B1;
  padding: 14px 0px;
}

.lr_feature_group_heading {
  clear: both;
  font-size: 1.25rem;
  font-weight: 900;
  margin: 18px 0px 10px 0px;
  color: #1b1f2a;
}
.lr_feature_group_heading:first-child {
  margin-top: 4px;
}

.lr_feature_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 6px 20px;
}

.lr_feature_chip {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  border-top: solid 1px #BF1B28;
  padding: 6px 0px 2px 0px;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  color: rgb(111.45, 111.45, 111.45);
}
.lr_feature_chip input {
  flex: 0 0 auto;
  margin: 0px;
}
.lr_feature_chip.is_on {
  color: #1b1f2a;
  font-weight: 700;
}
.lr_feature_chip .lr_feature_state {
  font-size: 0.6875rem;
  color: #007531;
  font-weight: 400;
}

.lr_task_add {
  max-width: 40rem;
}

.lr_task_actions {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.lr_task_actions .uber_form_dropdown {
  flex: 1 1 240px;
  margin: 0px;
}
.lr_task_actions .btn_secondary {
  flex: 0 0 auto;
}

.lr_disc_required_toolbar {
  display: inline-flex;
  margin: 0px 0px 4px 0px;
}

#disclosureFormBody {
  max-width: none;
  margin-top: 20px;
}

.lr_disc_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px 0px 6px 0px;
}

.lr_disc_toolbar {
  display: inline-flex;
  flex: 0 0 auto;
}
.lr_disc_toolbar label {
  margin-bottom: 0px !important;
}

.lr_disc_check_label {
  font-size: 1.125rem;
  font-weight: 700;
  color: #222222;
  line-height: 2rem;
}

#disclosureChecks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 18px;
}
@media (max-width: 48em) {
  #disclosureChecks {
    grid-template-columns: minmax(0, 1fr);
  }
}

.lr_task_list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  max-width: 52rem;
  border-top: 1px solid #DDDDDD;
}

.lr_task_row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 4px;
  border-bottom: 1px solid #DDDDDD;
  flex-wrap: wrap;
}

.lr_task_main {
  flex: 1 1 220px;
  display: flex;
  flex-direction: column;
}

.lr_task_label {
  font-size: 1rem;
  font-weight: 700;
  color: #222222;
}

.lr_task_dept {
  font-size: 0.75rem;
  color: rgb(111.45, 111.45, 111.45);
}

.lr_task_status {
  flex: 0 0 auto;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 2px 12px;
  border-radius: 999px;
  background-color: #EFEFEF;
  color: #636363;
}

.lr_task_status_1 {
  background-color: #fffec3;
  color: #222222;
}

.lr_task_status_2 {
  background-color: #007531;
  color: #FFFFFF;
}

.lr_task_status_3 {
  background-color: #A5A5A5;
  color: #FFFFFF;
}

.lr_task_btns {
  display: inline-flex;
}

.lr_task_btn {
  border: 0px;
  cursor: pointer;
  background-color: #A0D3E8;
  color: #636363;
  font-size: 0.875rem;
  padding: 4px 14px 3px 14px;
  margin: 0px 6px 0px 0px;
}
.lr_task_btn.is_active {
  background-color: #007531;
  color: #f5f5f5;
  font-weight: bold;
  border-radius: 12px;
}

.lr_edit_subpanel {
  border: 2px solid #A5A5A5;
  border-radius: 8px;
  padding: 14px 16px;
  margin: 10px 0px 0px 0px;
  max-width: 48rem;
  background-color: #f5f5f5;
}

.lr_item_edit .lr_section_note {
  font-size: 0.75rem;
  color: rgb(111.45, 111.45, 111.45);
  margin: 0px 0px 10px 0px;
}

.lr_item_disclaimer,
.itemInfo_page_disclaimer {
  width: 100%;
  background: none;
  color: #6F6F6F;
  font-size: 0.75rem;
  line-height: 1.5;
  text-align: left;
  border-top: 2px solid #BF1B28;
  border-bottom: 2px solid #BF1B28;
  padding: 10px 0px;
  margin: 40px 0px;
}
.lr_item_disclaimer .lr_disclaimer_asterisk,
.lr_item_disclaimer .itemInfo_disclaimer_asterisk,
.itemInfo_page_disclaimer .lr_disclaimer_asterisk,
.itemInfo_page_disclaimer .itemInfo_disclaimer_asterisk {
  float: right;
  color: #BF1B28;
  font-size: 1.25rem;
  font-weight: 400;
  height: 24px;
  margin: 6px 8px 0px 0px;
}

@media (max-width: 64em) {
  .lr_item_edit_rail .lr_rail_item {
    min-height: 40px;
  }
  .lr_item_edit_rail #carFaxLogo {
    width: 36px;
    height: 36px;
  }
}

.lr_item_edit .lr_item_edit_rail label {
  margin: 0px;
}

.lr_rail_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 64px;
  margin: 0px;
  text-align: center;
}
.lr_rail_item a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #333399;
  text-decoration: none;
}
.lr_rail_item a:hover {
  color: #007531;
}
.lr_rail_item i {
  line-height: 1;
}
.lr_rail_item .fa-stack i {
  line-height: inherit;
}
.lr_rail_item > i {
  color: #333399;
}

.lr_rail_label {
  display: block;
  font-size: 0.625rem;
  color: #1b1f2a;
  margin-top: 2px;
}

.lr_rail_item > i.lr_rail_status_on {
  color: #007531;
}

.lr_rail_item > i.lr_rail_status_off {
  color: #A5A5A5;
}

.lr_rail_item > i.lr_rail_status_warn {
  color: #f08a24;
}

.lr_rail_item > i.lr_rail_status_hold {
  color: #333333;
}

.lr_rail_chooser {
  position: relative;
  width: auto;
}
.lr_rail_chooser > i {
  cursor: pointer;
}
.lr_rail_chooser .lr_rail_chooser_links {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 106px;
  padding: 5px;
  background-color: #FFFFFF;
  border: 1px solid #EBEBEB;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4);
  text-align: center;
  z-index: 6;
  gap: 6px;
  justify-content: center;
  margin-top: 0px;
}
.lr_rail_chooser .lr_rail_chooser_links a {
  font-size: 0.75rem;
  font-weight: 700;
  padding: 2px 8px;
  border: 1px solid #A5A5A5;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.lr_rail_chooser .lr_rail_chooser_links a:hover {
  background-color: #fffec3;
  color: #333399;
}
.lr_rail_chooser:hover .lr_rail_chooser_links, .lr_rail_chooser:focus-within .lr_rail_chooser_links {
  display: flex;
}

.lr_rail_star_icon {
  display: inline-flex;
  align-items: center;
  color: #333399;
}
.lr_rail_star_icon i {
  opacity: 0.3;
}
.lr_rail_star_icon.is_on i {
  opacity: 1;
}
.lr_rail_star_icon:hover i {
  opacity: 0.7;
}

.lr_rail_star_cluster .lr_star_side {
  font-size: 1.125rem;
  opacity: 1;
  color: #333399;
}
.lr_rail_star_cluster .lr_star_side:first-child {
  margin-right: -10px;
}
.lr_rail_star_cluster .lr_star_side:last-child {
  margin-left: -10px;
}
.lr_rail_star_cluster .lr_star_centre {
  position: relative;
  z-index: 1;
}
.lr_rail_star_cluster:not(.is_on) .lr_star_centre {
  opacity: 0.3;
}
.lr_rail_star_cluster.is_on .lr_star_centre {
  opacity: 1;
}

.lr_rail_text_link {
  display: block;
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 700;
  color: #333399;
  text-decoration: none;
}
.lr_rail_text_link:hover {
  color: #007531;
}

.lr_rail_toggle {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  cursor: pointer;
}
.lr_rail_toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lr_rail_toggle .fa-stack {
  color: #1b1f2a;
}
.lr_rail_toggle .lr_ring_on {
  display: none;
  color: #007531;
}
.lr_rail_toggle .lr_ring_off {
  display: inline-block;
  color: #f04124;
}
.lr_rail_toggle input:checked + .fa-stack .lr_ring_on {
  display: inline-block;
}
.lr_rail_toggle input:checked + .fa-stack .lr_ring_off {
  display: none;
}

.lr_rail_multi {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.lr_item_edit .lr_inline_toolbar {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.lr_item_edit .lr_heading_note {
  font-size: 0.75rem;
  font-weight: 400;
  color: #A5A5A5;
}

.lr_status_archived {
  background-color: #958261 !important;
  color: #ffffff !important;
  font-weight: 700;
  pointer-events: none;
}

.lr_rail_item.is_disabled {
  opacity: 0.35;
  pointer-events: none;
}

.lr_rail_icon_toggle {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: auto;
  cursor: pointer;
}
.lr_rail_icon_toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lr_rail_icon_toggle input:checked ~ i {
  color: #333399 !important;
  opacity: 1 !important;
}
.lr_rail_icon_toggle input:not(:checked) ~ i {
  color: #1b1f2a !important;
  opacity: 0.3 !important;
}

.lr_edit_modal {
  position: fixed;
  inset: 0;
  z-index: 80;
  background-color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.lr_edit_modal[hidden] {
  display: none;
}

.lr_edit_modal_box {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 6px;
  max-width: 36rem;
  width: 100%;
  max-height: 94vh;
  overflow: hidden;
}
.lr_edit_modal_box h3 {
  display: block;
  margin: 0px 0px 12px 0px;
}
.lr_edit_modal_box .btn_primary,
.lr_edit_modal_box .btn_secondary {
  margin: 12px 8px 0px 0px;
}

.lr_edit_modal_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 20px 24px;
}

#itemYmmEditModal input.lr_ymm_filter {
  display: block;
  width: 100%;
  margin: 0px 0px 16px 0px;
}
#itemYmmEditModal select.uber_form_dropdown {
  width: 100%;
}
#itemYmmEditModal select.uber_form_dropdown.is_filtering {
  height: auto;
  padding: 4px 8px;
  background-image: none;
}

.lr_edit_modal_box > .lr_edit_modal_foot {
  flex: none;
  margin: 0px;
  padding: 12px 24px 14px 24px;
  border-top: 1px solid #E2E2E2;
}
.lr_edit_modal_box > .lr_edit_modal_foot .btn_primary,
.lr_edit_modal_box > .lr_edit_modal_foot .btn_secondary,
.lr_edit_modal_box > .lr_edit_modal_foot .lr_hist_btn {
  margin: 0px;
}

#itemTaglineModal .lr_tagline_edit_label {
  display: block;
  width: 100%;
  position: relative;
  margin-right: 0px !important;
}

#itemTaglineModal .lr_tagline_edit_heading {
  display: block;
  position: relative;
  padding-right: 3rem;
  margin-bottom: 6px;
}

#itemTaglineModal #itemTagLineEdit {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

#itemTaglineModal #itemTagLineEdit.is_tagline_low,
.lr_iv_tagline.is_editing #itemTagLineInline.is_tagline_low {
  background-color: #f8d0cc;
  border-color: #BF1B28;
}

.lr_lead_list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.lr_lead_list li {
  border-bottom: 1px solid #A5A5A5;
  padding: 8px 0px;
}

.lr_photo_grid li.is_dragging {
  opacity: 0.45;
}

.lr_price_was {
  margin: 0px 0px 6px 0px;
  color: #BF1B28;
  font-size: 0.875rem;
}

.lr_price_was_label {
  font-weight: 700;
  margin-right: 6px;
  display: inline-block;
}

.lr_price_now_label {
  display: block;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  color: #333399;
}

.lr_price_cash {
  margin: 4px 0px 10px 0px;
  font-size: 1.25rem;
}

.lr_price_cash_label {
  font-weight: 700;
  margin-right: 6px;
}

.lr_edit_modal_box--wide {
  max-width: 52rem;
}

.lr_ai_copy_actions {
  position: absolute;
  top: 12px;
  right: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.panel_button_LR {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0px;
  border-radius: 8px;
  background-color: #ECECF1;
  padding: 10px 10px 8px 10px;
  cursor: pointer;
  color: #333399;
}

.panel_button_LR:hover {
  background-color: #fffec3;
}

.panel_button_LR_text {
  font-weight: 700;
  font-size: 1rem;
  color: #333399;
  text-align: left;
}

.lr_unit_ai {
  margin: 20px 0px 0px auto;
}
.lr_unit_ai .panel_button_LR_text {
  font-size: 0.875rem;
  line-height: 1.2;
}

.chatgpt_icon_box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.chatgpt_icon_box .ai_logo {
  display: block;
  flex: 0 0 22px;
}

.chatgpt_icon_box.ai_cta,
.chatgpt_icon_box.ai_box {
  background-color: #10A37F;
  padding-top: 2px;
}

.ai_logo {
  width: 22px;
  height: 22px;
}

.lr_chatgpt_response_row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin: 0px 0px 12px 0px;
}

.lr_chatgpt_response {
  flex: 1;
  min-height: 4rem;
  max-height: 40vh;
  overflow-y: auto;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 6px;
  white-space: pre-wrap;
}

.lr_chatgpt_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0px 0px 10px 0px;
  max-height: 16vh;
  overflow-y: auto;
}
.lr_chatgpt_chips input[type=checkbox] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lr_chatgpt_chips label {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 14px;
  background-color: #ECECF1;
  cursor: pointer;
  font-size: 0.75rem;
}
.lr_chatgpt_chips input[type=checkbox]:checked + label {
  background-color: #10A37F;
  color: #FFFFFF;
}

.lr_price_modal_fields {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}

.lr_price_modal_field {
  flex: 0 1 10rem;
}

.lr_price_modal_admin {
  margin: 16px 0px;
}

.lr_price_modal_admin_flags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-size: 0.75rem;
}

.lr_price_modal_results {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}

.lr_price_modal_result {
  flex: 1 1 14rem;
  border: 1px solid #222222;
  border-radius: 8px;
  background-color: #fff;
  padding: 10px;
}

.lr_price_modal_result .textbox_invisible {
  font-size: 2.5rem;
  font-weight: 700;
  width: 100%;
  border: none;
  background-color: #fff;
  box-shadow: none;
}

.lr_carfax_banner_link {
  display: block;
  max-width: 657px;
  margin: 0px 0px 12px 0px;
}
.lr_carfax_banner_link:not(.is_inactive) {
  cursor: pointer;
}
.lr_carfax_banner_link.is_inactive {
  pointer-events: none;
  cursor: default;
}

.lr_carfax_banner {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
}

.lr_carfax_update_link {
  font-size: 1rem;
  font-weight: 700;
  color: #333399;
  text-decoration: none;
}
.lr_carfax_update_link:hover {
  color: #007531;
}

.lr_ui_vin_value {
  font-weight: 700;
  color: #333333;
}

.lr_universal_open {
  display: block;
  color: inherit;
  text-decoration: none;
}
.lr_universal_open:hover .form_section_heading {
  color: #FFFFFF;
}

.lr_universal_display {
  min-height: 3em;
  padding: 8px 0px;
  white-space: pre-wrap;
}
.lr_universal_display.is_empty {
  color: #A5A5A5;
  font-style: italic;
}

.lr_universal_notice {
  background-color: #FFFF6B;
  padding: 24px;
  border-radius: 8px;
  margin: 0px 0px 16px 0px;
}

.lr_video_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0px 0px 10px 0px;
}

.lr_video_heading_link {
  display: flex;
  align-items: flex-start;
  color: #333399;
  text-decoration: none;
}
.lr_video_heading_link i.fa-youtube {
  font-size: 3rem;
  line-height: 1;
  flex: 0 0 auto;
}
.lr_video_heading_link:hover .lr_video_title {
  color: #007531;
}

.lr_video_title {
  font-size: 1.25rem;
  font-weight: 900;
  color: #333399;
  margin: 10px 0px 0px 10px;
}

.lr_video_delete {
  color: #333399;
  text-decoration: none;
  flex: 0 0 auto;
}
.lr_video_delete:hover {
  color: #f04124;
}
.lr_video_delete.is_disabled {
  opacity: 0.35;
  cursor: default;
}

.lr_video_embed {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  aspect-ratio: 16/9;
  border: none;
}

.lr_edit_modal_box--xl {
  max-width: 72rem;
}

#carFaxLogo {
  display: block;
  width: 48px;
  height: 48px;
}

.lr_lead_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
}
.lr_lead_table th,
.lr_lead_table td {
  text-align: left;
  padding: 8px 6px;
  border-bottom: 1px solid #A5A5A5;
  vertical-align: top;
}
.lr_lead_table th {
  font-weight: 700;
}

.lr_item_edit.is_sales_mode #btnAddVehiclePhotos,
.lr_item_edit.is_sales_mode #btnDeleteAllPhotos,
.lr_item_edit.is_sales_mode #btnSavePhotoOrder,
.lr_item_edit.is_sales_mode #btnAddDefectPhotos,
.lr_item_edit.is_sales_mode #btnDeleteAllDefects,
.lr_item_edit.is_sales_mode #btnSaveDefectOrder,
.lr_item_edit.is_sales_mode .lr_upload_controls {
  display: none;
}

.lr_item_edit.is_display_only .lr_iv_value,
.lr_item_edit.is_display_only .lr_price_main,
.lr_item_edit.is_display_only .lr_ymm_seg,
.lr_item_edit.is_display_only .lr_gallery_tagline,
.lr_item_edit.is_display_only .lr_feature_display,
.lr_item_edit.is_display_only .lr_video_heading_link,
.lr_item_edit.is_display_only .lr_carfax_update_link,
.lr_item_edit.is_display_only .lr_universal_open,
.lr_item_edit.is_display_only .lr_features_edit_link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}
.lr_item_edit.is_display_only .lr_iv_value:hover,
.lr_item_edit.is_display_only .lr_price_main:hover,
.lr_item_edit.is_display_only .lr_ymm_seg:hover,
.lr_item_edit.is_display_only .lr_gallery_tagline:hover,
.lr_item_edit.is_display_only .lr_feature_display:hover,
.lr_item_edit.is_display_only .lr_video_heading_link:hover,
.lr_item_edit.is_display_only .lr_carfax_update_link:hover,
.lr_item_edit.is_display_only .lr_universal_open:hover,
.lr_item_edit.is_display_only .lr_features_edit_link:hover {
  color: inherit;
}
.lr_item_edit.is_display_only .lr_iv_value {
  cursor: default;
}
.lr_item_edit.is_display_only .lr_iv_value:hover {
  color: #333399;
}
.lr_item_edit.is_display_only .lr_iv_value.is_empty:hover {
  color: #A5A5A5;
}
.lr_item_edit.is_display_only .lr_ymm_seg {
  cursor: default;
}
.lr_item_edit.is_display_only .lr_ymm_seg:hover {
  color: #333399;
}
.lr_item_edit.is_display_only .lr_ymm_seg.is_placeholder:hover {
  color: #EBEBEB;
}
.lr_item_edit.is_display_only .lr_price_main {
  cursor: default;
}
.lr_item_edit.is_display_only .lr_price_main:hover {
  color: #333399;
}
.lr_item_edit.is_display_only .lr_price_main.is_unset:hover {
  color: rgb(111.45, 111.45, 111.45);
}
.lr_item_edit.is_display_only .lr_gallery_tagline {
  pointer-events: none;
  cursor: default;
}
.lr_item_edit.is_display_only .lr_gallery_tagline:hover {
  color: #333399;
}
.lr_item_edit.is_display_only .lr_feature_display {
  cursor: default;
}
.lr_item_edit.is_display_only #photoList li {
  cursor: default;
}

@media (min-width: 48.0625em) and (max-width: 64em) {
  .lr_item_edit_header {
    padding-right: 64px;
  }
}
.lr_item_edit_header .lr_prev_next {
  width: 210px;
  justify-content: center;
  gap: 8px;
  padding-bottom: 4px;
}
@media (min-width: 48.0625em) and (max-width: 64em) {
  .lr_item_edit_header .lr_prev_next {
    width: auto;
    justify-content: flex-end;
  }
}
.lr_item_edit_header .lr_prev_next a,
.lr_item_edit_header .lr_prev_next > span {
  font-size: 2rem;
}
.lr_item_edit_header .lr_prev_next > span.lr_prev_next_off {
  color: #B7B7B7;
  cursor: default;
}

.lr_rail_status_item {
  cursor: pointer;
}

@keyframes lr_status_pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 117, 49, 0.55);
    background-color: rgba(255, 254, 195, 0.9);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(0, 117, 49, 0);
    background-color: rgba(255, 254, 195, 0.9);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 117, 49, 0);
    background-color: transparent;
  }
}
.lr_toolbar_section.is_pulse {
  border-radius: 12px;
  animation: lr_status_pulse 1.4s ease-out 1;
}

@media (max-width: 48em) {
  .lr_ai_copy_actions {
    position: static;
    justify-content: flex-start;
    margin: 0px 0px 10px 0px;
  }
}
.lr_quick_copy {
  max-width: 72rem;
}

.lr_qc_head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0px 0px 16px 0px;
}

.lr_qc_back {
  color: #007531;
  font-size: 3rem;
  line-height: 1;
  text-decoration: none;
}
.lr_qc_back:hover {
  color: #333399;
}

.lr_qc_ymm {
  font-size: 1.25rem;
  font-weight: 900;
  color: #222222;
}

.lr_qc_top {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin: 0px 0px 24px 0px;
}
@media (max-width: 48em) {
  .lr_qc_top {
    grid-template-columns: minmax(0, 1fr);
  }
}

.lr_qc_info {
  text-align: right;
}
.lr_qc_info .lr_qc_price {
  font-size: 2.5rem;
  font-weight: 700;
  color: #222222;
  cursor: default;
}
.lr_qc_info .lr_qc_price:hover {
  color: #222222;
}
.lr_qc_info .lr_qc_wear {
  font-size: 1.25rem;
  font-weight: 700;
  color: rgb(111.45, 111.45, 111.45);
}
.lr_qc_info .lr_qc_gauge {
  font-size: 0.75rem;
  color: #333399;
}
.lr_qc_info .lr_qc_colour {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333399;
  margin: 4px 0px 6px 0px;
}
.lr_qc_info .lr_qc_stock {
  font-size: 1rem;
  font-weight: 700;
  color: #222222;
}
.lr_qc_info .lr_qc_vin {
  font-size: 0.875rem;
  color: #A5A5A5;
  word-break: break-all;
}

.lr_qc_print {
  margin-top: 16px;
}
.lr_qc_print a {
  color: #BF1B28;
}
.lr_qc_print a:hover {
  color: #333399;
}

.lr_photo_grid.lr_gallery_thumbs.lr_qc_thumbs li {
  cursor: pointer;
}

.lr_quick_copy_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  gap: 12px 16px;
  margin: 0px 0px 20px 0px;
}

.lr_quick_copy_field--wide {
  grid-column: span 2;
}
@media (max-width: 48em) {
  .lr_quick_copy_field--wide {
    grid-column: auto;
  }
}

.lr_quick_copy_block {
  margin: 0px 0px 16px 0px;
}

.lr_quick_copy label {
  display: block;
  font-size: 1.25rem;
  font-weight: 900;
  color: #222222;
  margin: 0px 0px 6px 0px;
}

.lr_quick_copy_row {
  display: flex;
  align-items: stretch;
  gap: 0px;
}

.lr_quick_copy_row .uber_form_textbox,
.lr_quick_copy_row .uber_form_textarea {
  flex: 1;
  margin: 0px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px 0px 0px 6px;
  color: #3D3D3D;
  font-weight: 700;
}

.lr_quick_copy_row .uber_form_textbox {
  font-size: 1.25rem;
}

.lr_quick_copy_row .uber_form_textarea {
  font-size: 0.875rem;
}

.lr_quick_copy_cut {
  width: 44px;
  min-height: 0px;
  height: auto;
  align-self: stretch;
  padding: 0px;
  margin: 0px;
  line-height: 1;
  border: 1px solid #333399;
  border-left: 0px;
  background-color: #333399;
  color: #fffec3;
  cursor: pointer;
  border-radius: 0px 6px 6px 0px;
}
.lr_quick_copy_cut:hover {
  background-color: rgb(24.225, 24.225, 72.675);
}
.lr_quick_copy_cut .fa-scissors {
  color: #fffec3;
  font-size: 0.875rem;
}

.lr_qc_rule {
  border: none;
  border-top: 1px solid #DDDDDD;
  margin: 20px 0px;
}

body:has(.lr_item_history),
main.lr_page_body:has(.lr_item_history) {
  background-color: #ffffc9;
}

.lr_item_history {
  float: none;
  clear: both;
}
.lr_item_history .textbox_label input.uber_form_textbox,
.lr_item_history .textbox_label select.uber_form_dropdown,
.lr_item_history .textbox_label textarea.uber_form_textarea {
  width: 100%;
}

.lr_hist_header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin: 0px 0px 10px 0px;
}

.lr_hist_return {
  color: #333399;
  font-size: 2.25rem;
  line-height: 1;
  padding: 4px 2px 0px 0px;
  display: inline-flex;
  align-items: center;
}
.lr_hist_return .fa-car {
  font-size: 2.5rem;
}
.lr_hist_return .fa-circle-arrow-left {
  font-size: 1.75rem;
  margin-left: -10px;
}
.lr_hist_return:hover {
  color: #007531;
}

.lr_hist_ymm {
  display: inline-block;
  font-size: 2rem;
  font-weight: 900;
  line-height: 1.4;
  color: #333399;
  text-decoration: none;
}
.lr_hist_ymm:hover {
  color: rgb(24.225, 24.225, 72.675);
  text-decoration: underline;
}

.lr_hist_gallery_tagline {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(255, 255, 255, 0.92);
  color: #333399;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  padding: 6px 10px;
  z-index: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lr_hist_info {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  align-items: flex-start;
}

.lr_hist_info_left {
  flex: 1 1 520px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lr_hist_fields {
  flex: none;
  width: 100%;
  display: grid;
  grid-template-columns: 84px repeat(11, minmax(0, 1fr));
  column-gap: 10px;
  row-gap: 14px;
}
.lr_hist_fields .lr_hist_f_year {
  grid-column: 1;
}
.lr_hist_fields .lr_hist_f_make {
  grid-column: 2/span 3;
}
.lr_hist_fields .lr_hist_f_model {
  grid-column: 5/span 4;
}
.lr_hist_fields .lr_hist_f_trim {
  grid-column: 9/span 4;
}
.lr_hist_fields .lr_hist_f_colour {
  grid-column: 1/span 3;
}
.lr_hist_fields .lr_hist_f_stock {
  grid-column: 4/span 2;
}
.lr_hist_fields .lr_hist_f_vin {
  grid-column: 6/span 5;
}
.lr_hist_fields.is_vinless .lr_hist_f_colour {
  grid-column: 1/span 2;
}
.lr_hist_fields.is_vinless .lr_hist_f_stock {
  grid-column: 3/span 2;
}
.lr_hist_fields.is_vinless .lr_hist_f_vin {
  grid-column: 5/span 6;
}

.lr_hist_vin_row {
  display: flex;
  align-items: flex-start;
  gap: 6px;
}
.lr_hist_vin_row input.uber_form_textbox {
  flex: 1 1 auto;
  min-width: 0;
}

.lr_hist_vin_btn {
  flex: none;
  margin-top: 2px;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
}

.lr_hist_gallery {
  flex: 1 1 300px;
  max-width: 380px;
  position: relative;
}
.lr_hist_gallery > .aux_photo_icon_container {
  right: 6px;
  bottom: 6px;
}
.lr_hist_gallery:has(.lr_hist_gallery_tagline) > .aux_photo_icon_container {
  bottom: 39px;
}
.lr_hist_gallery .aux_photo_icon {
  width: 39px;
  height: 30px;
  font-size: 18px;
  line-height: 26px;
}
.lr_hist_gallery img {
  display: block;
  width: 100%;
  max-height: 285px;
  object-fit: cover;
  border-radius: 4px;
}
.lr_hist_gallery a:not(.aux_photo_icon_container) {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.lr_hist_rule {
  border: 0;
  border-top: 1px solid #DDDDDD;
  margin: 22px 0px;
}

.lr_hist_h3 {
  font-size: 1.6875rem;
  font-weight: 700;
  color: #222222;
  margin: 0px 0px 14px 0px;
}

.lr_hist_h3_sub {
  font-size: 1rem;
  font-weight: 400;
  color: rgb(111.45, 111.45, 111.45);
}

.lr_hist_big_heading {
  font-size: 2rem;
  font-weight: 900;
  line-height: 2.8rem;
  margin: 0px 0px 10px 0px;
}

.lr_hist_warranty {
  margin-top: 4px;
  position: relative;
}
.lr_hist_warranty .lr_hist_h3 {
  font-size: 1.25rem;
  margin: 0px 0px 8px 0px;
}
.lr_hist_warranty .lr_hist_btn_row {
  margin-top: 6px;
}

.lr_hist_warranty_fields {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: flex-end;
}
.lr_hist_warranty_fields .lr_hist_w_date {
  flex: 0 0 170px;
}
.lr_hist_warranty_fields .lr_hist_w_details {
  flex: 1 1 120px;
  min-width: 0;
}
.lr_hist_warranty_fields .lr_hist_w_btn {
  flex: 0 0 auto;
  margin-bottom: 18px;
  white-space: nowrap;
}

.lr_hist_btn {
  display: inline-block;
  background-color: #007531;
  color: #FFFFFF;
  font-size: 0.8125rem;
  font-weight: 400;
  font-family: inherit;
  border: none;
  border-radius: 6px;
  padding: 10px 20px 11px 20px;
  cursor: pointer;
}
.lr_hist_btn:hover {
  background-color: rgb(0, 86.4, 36.1846153846);
  color: #FFFFFF;
}

.lr_hist_btn_row {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px 0px 0px;
}

.lr_hist_autosave_row {
  display: flex;
  justify-content: flex-end;
  min-height: 1.5rem;
  margin: 6px 0px 0px 0px;
}

.lr_hist_autosave {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
  color: rgb(111.45, 111.45, 111.45);
  white-space: nowrap;
}
.lr_hist_autosave i {
  margin-right: 4px;
}
.lr_hist_autosave.is_saving {
  font-weight: 400;
}
.lr_hist_autosave.is_saved {
  color: #007531;
}
.lr_hist_autosave.is_error {
  color: #b00020;
}

.lr_hist_w_status,
.lr_hist_gr_status {
  align-self: flex-end;
  margin-bottom: 28px;
  min-width: 5.5rem;
}

#tab_repairs .lr_hist_btn_row .lr_hist_btn,
#tab_disclosures .lr_hist_btn_row .lr_hist_btn,
#tab_searches .lr_hist_btn_row .lr_hist_btn,
#tab_checks .lr_hist_btn_row .lr_hist_btn,
#tab_defects .lr_hist_btn_row .lr_hist_btn {
  font-size: 1rem;
  padding: 16px 32px 17px 32px;
}

.lr_hist_tabs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 26px 0px 0px 0px;
  padding: 0px;
}
.lr_hist_tabs li {
  margin: 0px;
}
.lr_hist_tabs .lr_hist_tab_extra:nth-child(7) {
  border-left: 1px solid #CCCCCC;
  margin-left: 16px;
  padding-left: 16px;
}
.lr_hist_tabs .hist_tab {
  background-color: #FFFFFF;
  color: #333399;
  font-size: 1rem;
  font-weight: 700;
  font-family: inherit;
  border: none;
  padding: 8px 16px;
  cursor: pointer;
}
.lr_hist_tabs .hist_tab:hover {
  background-color: #f5f5f5;
}
.lr_hist_tabs .hist_tab.is_active {
  background-color: #333399;
  color: #FFFFFF;
}

.lr_hist_panels {
  padding: 24px 0px 40px 0px;
  min-height: 420px;
}

.lr_hist_note_head_bar {
  background-color: #333399;
  border-color: #BBBBBB;
  border-style: solid;
  border-width: 2px 0px 1px 1px;
  padding: 5px 0px 5px 10px;
}

.lr_hist_note_head {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.05em;
}

.lr_hist_note_entry {
  margin: 16px 0px 20px 0px;
}
.lr_hist_note_entry textarea.uber_form_textarea {
  min-height: 200px;
}

.lr_hist_note_date {
  color: #FFFFFF;
  background-color: rgb(73.7754237288, 171.0644067797, 211.1245762712);
  font-weight: 700;
  letter-spacing: -0.05em;
  border: #BBBBBB 1px solid;
  padding: 6px 0px 6px 10px;
  margin-top: 10px;
}

.lr_hist_note_divider {
  border: 0;
  border-top: 1px solid #DDDDDD;
  margin: 0px;
}

.lr_hist_note {
  background-color: #FFFFFF;
  padding: 0px 0px 18px 10px;
}

.lr_hist_note_name {
  font-weight: 700;
  letter-spacing: -0.05em;
  margin: 10px 10px 0px 0px;
}

.lr_hist_note_time {
  color: rgb(111.45, 111.45, 111.45);
  font-weight: 700;
  font-style: italic;
  margin-left: 6px;
}

.lr_hist_note_body {
  white-space: pre-wrap;
  padding: 4px 30px 0px 0px;
}

.lr_hist_note_extra {
  margin-top: 4px;
  font-size: 0.875rem;
}

.lr_hist_note_tools {
  float: right;
  margin: 8px 0px 0px 10px;
}

.lr_hist_note_tool {
  background: none;
  border: none;
  color: #333399;
  font-size: 1.25rem;
  padding: 4px 6px;
  cursor: pointer;
}
.lr_hist_note_tool:hover {
  color: #007531;
}

.lr_hist_note_reply {
  background-color: #EBEBEB;
  padding: 0px 10px 10px 10px;
  margin: 8px 0px 4px 0px;
}

.lr_hist_note_empty {
  padding: 14px 0px 0px 2px;
}

.lr_hist_error {
  color: #f04124;
}

.lr_hist_refresh {
  margin-bottom: 4px;
}

.lr_hist_table {
  width: 100%;
  margin-top: 12px;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.lr_hist_table th {
  text-align: left;
  background-color: #f5f5f5;
  border-bottom: 2px solid #CCCCCC;
  padding: 8px 10px;
  font-weight: 700;
}
.lr_hist_table td {
  padding: 6px 10px;
  border-bottom: 1px solid #E4E4E4;
}
.lr_hist_table tbody tr:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}
.lr_hist_table .lr_num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.lr_hist_required_toolbar {
  display: inline-flex;
  margin-bottom: 6px;
}
.lr_hist_required_toolbar.is_locked {
  cursor: not-allowed;
}
.lr_hist_required_toolbar.is_locked label {
  opacity: 0.55;
  cursor: not-allowed;
}

.lr_hist_checklist {
  margin: 10px 0px 20px 0px;
  padding: 20px 20px 6px 20px;
  border-radius: 20px;
  background-color: #FFFFFF;
}

.lr_hist_task {
  border-top: 1px solid #ECECEC;
  padding: 14px 0px;
}
.lr_hist_task:first-child {
  border-top: none;
  padding-top: 0px;
}

.lr_hist_task_label {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 8px;
}

.lr_hist_task_fields {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.repair_row .lr_hist_task_toolbar {
  margin-top: 25px;
}

.lr_hist_check_row .lr_hist_task_fields {
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}

#searchesList,
#checksList,
#defectsList,
.lr_hist_disc_checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  row-gap: 0px;
}

.lr_hist_check_row {
  border-top: 0;
  padding: 10px 0px;
}
.lr_hist_check_row:nth-child(n+3) {
  border-top: 1px solid #DDDDDD;
}
.lr_hist_check_row:last-child:nth-child(odd) {
  grid-column: 1/-1;
}

.lr_hist_check_label {
  font-size: 1.125rem;
  font-weight: 700;
  color: #222222;
  line-height: 2rem;
}

.lr_hist_money {
  position: relative;
  width: 160px;
}

.lr_hist_task_notes {
  flex: 1 1 240px;
  min-width: 220px;
}

.lr_hist_disc_summary {
  font-size: 1rem;
}

.lr_hist_link {
  color: #333399;
  font-weight: 700;
}
.lr_hist_link:hover {
  color: #007531;
}

.lr_hist_gr_box {
  padding: 0px 8px;
  margin: 5px 0px 22px 0px;
}

.lr_hist_gr_head {
  font-weight: 900;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0px 0px 14px 4px;
}

.lr_hist_gr_sub {
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: none;
  color: rgb(111.45, 111.45, 111.45);
  margin-left: 8px;
}

.lr_hist_gr_row {
  display: flex;
  gap: 16px;
  align-items: flex-end;
  flex-wrap: wrap;
}
.lr_hist_gr_row .textbox_label {
  flex: 0 0 240px;
}
.lr_hist_gr_row .lr_hist_btn {
  margin-bottom: 2px;
}

.lr_hist_party_block {
  position: relative;
  margin-top: 6px;
}

.lr_hist_party_rows {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 14px;
  row-gap: 0px;
}
.lr_hist_party_rows .textbox_label {
  margin: 0px;
}
.lr_hist_party_rows .lr_hist_pr_name {
  grid-column: 1/span 9;
}
.lr_hist_party_rows .lr_hist_pr_address {
  grid-column: 1/span 12;
}
.lr_hist_party_rows .lr_hist_pr_city {
  grid-column: 1/span 6;
}
.lr_hist_party_rows .lr_hist_pr_prov {
  grid-column: 7/span 3;
}
.lr_hist_party_rows .lr_hist_pr_postal {
  grid-column: 10/span 3;
}
.lr_hist_party_rows .lr_hist_pr_phone {
  grid-column: 1/span 4;
}
.lr_hist_party_rows .lr_hist_pr_mobile {
  grid-column: 5/span 4;
}
.lr_hist_party_rows .lr_hist_pr_email {
  grid-column: 1/span 12;
}

.lr_hist_party_id {
  float: right;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgb(111.45, 111.45, 111.45);
  padding-top: 4px;
}

.lr_hist_btn--tiny {
  font-size: 0.6875rem;
  padding: 10px 20px 11px 20px;
}

.lr_hist_party_add {
  position: absolute;
  right: 0px;
  top: 26px;
  max-width: 22%;
  white-space: normal;
  line-height: 1.25;
  text-align: center;
}

.lr_hist_picker_note {
  font-size: 0.875rem;
  color: #555555;
  margin: -6px 0px 16px 0px;
  line-height: 1.5;
}

.lr_hist_party_picker {
  padding: 0px;
  max-width: none;
}

.lr_hist_party_type {
  display: block;
  max-width: 260px;
  margin-bottom: 12px;
}

.lr_hist_search_row {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
.lr_hist_search_row .textbox_label {
  flex: 1 1 auto;
}
.lr_hist_search_row .btn_secondary {
  margin-bottom: 2px;
}

.lr_hist_results {
  margin-top: 8px;
}

.lr_hist_result_row {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid #E4E4E4;
}
.lr_hist_result_row:hover {
  background-color: #E1E1E1;
}

.lr_hist_result_name {
  font-weight: 700;
}

.lr_hist_create {
  margin-top: 14px;
}
.lr_hist_create summary {
  cursor: pointer;
  color: #333399;
  font-weight: 700;
}

.lr_hist_create_body {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 14px;
}
.lr_hist_create_body .lr_hist_btn {
  grid-column: 1/-1;
  justify-self: start;
  margin-top: 4px;
}

.lr_hist_vin_hint {
  grid-column: 1/-1;
  margin: -8px 0px 0px 0px;
  font-size: 0.75rem;
}
.lr_hist_vin_hint:empty {
  display: none;
}

.lr_hist_gallery_icons {
  grid-column: 11/span 2;
  align-self: end;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.lr_hist_gallery_icons .fa-3x {
  font-size: 2.5em;
}
.lr_hist_gallery_icons {
  margin: 0px 0px 8px 0px;
}
.lr_hist_gallery_icons a {
  color: #333399;
}
.lr_hist_gallery_icons a:hover {
  color: #007531;
}
.lr_hist_gallery_icons i {
  color: #333399;
}

.lr_hist_warranty_fields .lr_hist_w_icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: flex-end;
  align-self: flex-end;
  margin: 0px 0px 1rem 0px;
  font-size: 0.85em;
}
.lr_hist_warranty_fields .lr_hist_w_icon i {
  line-height: 1;
}
.lr_hist_warranty_fields .lr_hist_w_icon #PrintConsumerContact {
  color: #333399;
}

a#PrintConsumerContact:hover {
  color: #007531;
}

.lr_hist_tab_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  margin-top: 26px;
}
.lr_hist_tab_row .lr_hist_tabs {
  margin-top: 0px;
}

@media (min-width: 64.0625em) {
  .lr_hist_widgets {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 22px;
    padding-top: 0px;
    margin: 0px 0px 0px auto;
  }
}
.lr_hist_carfax_mini {
  display: none;
}

@media (max-width: 64em) {
  #histCarfaxBanner {
    display: none;
  }
  .lr_hist_carfax_mini {
    display: block;
    margin: 0px auto;
  }
  .lr_hist_carfax {
    text-align: center;
  }
}
.lr_hist_widget {
  color: #333399;
  text-decoration: none;
}
.lr_hist_widget:hover {
  color: #007531;
}
.lr_hist_widget.disabled {
  color: #B7B7B7;
  cursor: default;
  pointer-events: none;
}
.lr_hist_widget.disabled:hover {
  color: #B7B7B7;
}

.lr_hist_carfax {
  text-align: right;
}
.lr_hist_carfax #histCarfaxOpen {
  display: block;
}
.lr_hist_carfax .lr_carfax_banner {
  max-width: 260px;
  margin: 0px 0px 4px auto;
}
.lr_hist_carfax .lr_hist_link {
  font-size: 0.75rem;
}

.lr_hist_price_form {
  margin-bottom: 30px;
}

.lr_hist_price_fields {
  display: flex;
  gap: 14px 10px;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.lr_hist_price_fields .textbox_label {
  margin: 0px;
  margin-right: 0px !important;
}
.lr_hist_price_fields .lr_hist_money {
  width: 165px;
}

.lr_hist_price_op {
  font-size: 2rem;
  font-weight: 700;
  color: #3D3D3D;
  line-height: 1;
  margin-top: 32px;
}

.lr_hist_explainer {
  float: none;
  display: block;
  margin: 4px 0px 0px 0px;
  line-height: 1.35;
}

.lr_hist_price_fields .lr_hist_profit_box {
  width: 230px;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 6px 10px 8px 10px;
}

.lr_hist_price_fields .lr_hist_sell_box {
  width: 240px;
  margin-left: auto;
}

.lr_hist_price_footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-top: 12px;
}

.lr_hist_sell_box {
  display: block;
  position: relative;
  width: 300px;
  border: 1px solid #222222;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 10px;
  margin: 0px;
}
.lr_hist_sell_box input.textbox_invisible {
  background-color: #FFFFFF;
}

.lr_hist_price_admin .lr_hist_sell_box {
  margin-left: 0px;
}

.lr_hist_price_admin {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  padding: 14px 0px;
  margin: 16px 0px;
}
.lr_hist_price_admin > div:first-child {
  font-size: 1.75rem;
  font-weight: 700;
}
.lr_hist_price_admin > div:nth-child(2) {
  font-size: 0.75rem;
  margin-top: 6px;
}
.lr_hist_price_admin > div:nth-child(2) i {
  margin: 0px 5px 0px 20px;
}
.lr_hist_price_admin > div:nth-child(2) i:first-child {
  margin-left: 0px;
}
.lr_hist_price_admin > div:nth-child(2) .fa-circle-check {
  color: #007531;
}
.lr_hist_price_admin > div:nth-child(2) .fa-circle-xmark {
  color: #B7B7B7;
}

.lr_hist_repair_totals {
  display: flex;
  justify-content: flex-end;
  gap: 18px 26px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.lr_hist_repair_totals .lr_hist_total_box {
  position: relative;
  width: 200px;
  margin: 0px;
}
.lr_hist_repair_totals .lr_hist_total_box--diff {
  width: 260px;
}
.lr_hist_repair_totals .lr_hist_totals_note {
  flex-basis: 100%;
  text-align: right;
  margin: -8px 0px 0px 0px;
}

.lr_hist_repair_totals--top {
  margin: 4px 0px 6px 0px;
}

textarea.lr_hist_rep_notes {
  min-height: 68px;
}

#histDisclosureFormBody {
  margin-top: 12px;
}

.lr_hist_disc_field {
  display: block;
  max-width: 330px;
  margin: 0px 0px 6px 0px;
}

.lr_hist_disc_panel {
  padding-bottom: 16px;
}

.lr_hist_disc_hr {
  border: 0;
  border-top: 1px solid #DDDDDD;
  margin: 14px 0px 16px 0px;
}

.lr_hist_disc_prov_row {
  display: flex;
  align-items: flex-end;
  gap: 12px 28px;
}
.lr_hist_disc_prov_row > * {
  flex: 1 1 0;
  min-width: 0;
}
.lr_hist_disc_prov_row .lr_hist_disc_row {
  margin: 0px 0px 18px 0px;
}
.lr_hist_disc_prov_row .lr_hist_disc_prov {
  margin: 0px;
}

.lr_hist_disc_wide {
  display: block;
  margin: 0px;
}

.lr_hist_side_label {
  font-size: 1.125rem;
  font-weight: 700;
  color: #222222;
  margin: 14px 0px 12px 0px;
}

.lr_hist_disc_row {
  margin: 8px 0px;
  align-items: center;
}

.lr_hist_ministry {
  flex: 0 0 auto;
  margin-right: 10px;
}

.lr_hist_province_logo {
  display: block;
  width: 120px;
  height: auto;
}

.lr_hist_ministry_text {
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 4px;
}

.lr_hist_note_name > i {
  color: #333399;
  margin-right: 4px;
}

@media (max-width: 980px) {
  .lr_hist_gallery {
    flex: 0 0 auto;
    width: 100%;
    max-width: 420px;
  }
}
@media (max-width: 700px) {
  .lr_hist_fields {
    grid-template-columns: repeat(6, 1fr);
  }
  .lr_hist_fields .lr_hist_f_year {
    grid-column: span 2;
  }
  .lr_hist_fields .lr_hist_f_make {
    grid-column: span 4;
  }
  .lr_hist_fields .lr_hist_f_model {
    grid-column: span 3;
  }
  .lr_hist_fields .lr_hist_f_trim {
    grid-column: span 3;
  }
  .lr_hist_fields .lr_hist_f_colour {
    grid-column: span 3;
  }
  .lr_hist_fields .lr_hist_f_stock {
    grid-column: span 3;
  }
  .lr_hist_fields .lr_hist_f_vin {
    grid-column: 1/span 6;
  }
  .lr_hist_ymm {
    font-size: 1.625rem;
  }
  .lr_hist_create_body {
    grid-template-columns: 1fr;
  }
  .lr_hist_vin_hint,
  .lr_hist_gallery_icons {
    grid-column: 1/-1;
  }
  .lr_hist_sell_box {
    width: 100%;
  }
  .lr_hist_repair_totals {
    justify-content: flex-start;
  }
}
.lr_item_history #btnAddHistNote {
  font-size: 0.6875rem;
  padding: 10px 20px 11px 20px;
  line-height: normal;
}

.lr_embed_mode .lr_item_history[data-from=appraisal] .lr_hist_from_appraisal,
.lr_embed_mode .lr_item_history[data-from=appraisal] .lr_hist_header,
.lr_embed_mode .lr_item_history[data-from=appraisal] .lr_hist_info,
.lr_embed_mode .lr_item_history[data-from=appraisal] .lr_hist_rule,
.lr_embed_mode .lr_item_history[data-from=appraisal] .lr_hist_tab_row {
  display: none;
}

.lr_iph_modal_box {
  max-width: 62rem;
}

.lr_iph_edit {
  margin: 0px 0px 1.25rem 0px;
  padding: 0.85rem 1rem 1rem 1rem;
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  background: #F5F5F5;
}

.lr_iph_edit--below {
  margin: 1.25rem 0px 0px 0px;
}

.lr_iph_edit_heading {
  margin: 0px 0px 0.75rem 0px;
  font-size: 1rem;
  font-weight: 700;
}

.lr_iph_grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.75rem 10px;
  margin-bottom: 0.75rem;
}

.lr_iph_field {
  display: block;
  min-width: 96px;
  max-width: 132px;
  flex: 1 1 96px;
  margin: 0px;
  position: relative;
}

.lr_iph_op {
  font-size: 1.5rem;
  font-weight: 700;
  color: #3D3D3D;
  line-height: 1;
  margin-top: 30px;
}

.lr_iph_grid--classic .lr_iph_field {
  max-width: none;
}

.lr_iph_grid--secondary {
  margin-top: 2px;
  padding-top: 10px;
  border-top: 1px dashed #DDDDDD;
}

.lr_iph_sub {
  display: block;
  margin: 4px 0px 0px 0px;
  font-size: 0.625rem;
  font-weight: 400;
  color: #007531;
  line-height: 1.35;
  text-transform: none;
  letter-spacing: normal;
}

.lr_iph_label {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 0.25rem;
}

.lr_iph_dollar {
  position: absolute;
  left: 0.55rem;
  top: 33px;
  color: #666666;
  font-weight: 700;
  pointer-events: none;
}

input.uber_form_textbox.lr_iph_input {
  width: 100%;
  padding-left: 1.35rem;
  margin: 0px;
}

input.uber_form_textbox.lr_iph_input--readonly {
  background: #FFFFFF;
  font-weight: 700;
}

.lr_iph_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
}

.lr_iph_field--cash .lr_iph_label i {
  margin-left: 6px;
}
.lr_iph_field--cash .lr_iph_label i.success {
  color: #007531;
}
.lr_iph_field--cash .lr_iph_label i.disabled {
  color: #B7B7B7;
}

.lr_iph_field--admin {
  max-width: 240px;
  margin-top: 10px;
}

.lr_iph_save_status {
  font-size: 0.85rem;
  color: #666666;
  order: -1;
}
.lr_iph_save_status.is_ok {
  color: #1a8a3f;
  font-weight: 600;
}
.lr_iph_save_status.is_err {
  color: #b00020;
  font-weight: 600;
}

.lr_iph_status {
  margin: 10px 0px 16px 0px;
  color: #666666;
}

.lr_iph_table_wrap {
  max-height: 280px;
  overflow: auto;
  margin-top: 20px;
}

.lr_iph_modal_box > .lr_edit_modal_body,
.lr_iph_modal_box > .item_analytics_modal_body {
  padding-top: 0px;
}

.lr_iph_table {
  width: 100%;
  border-collapse: collapse;
}
.lr_iph_table th,
.lr_iph_table td {
  padding: 8px 10px;
  border-bottom: 1px solid #E2E2E2;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  font-weight: normal;
}
.lr_iph_table th {
  background-color: #F5F5F5;
  font-weight: 700;
}

.lr_iph_value--changed {
  font-weight: 700;
  background: rgba(255, 193, 7, 0.18);
}

.lr_iph_changed_cell {
  min-width: 180px;
}

.lr_iph_change_flag {
  display: block;
  margin: 0px 0px 6px 0px;
  padding: 4px 8px;
  border-radius: 3px;
  background: #f4f7fb;
  border-left: 3px solid #008cba;
  line-height: 1.35;
}
.lr_iph_change_flag:last-child {
  margin-bottom: 0px;
}

.lr_iph_change_flag__label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #666666;
}

.lr_iph_change_flag__values {
  display: block;
  font-size: 13px;
  color: #222222;
  white-space: nowrap;
}

.lr_iph_change_flag__arrow {
  color: #008cba;
  font-weight: 700;
}

.lr_iph_change_flag--initial {
  border-left-color: #8a8a8a;
  background: #f5f5f5;
  font-size: 13px;
  color: #666666;
}

.lr_iph_change_flag--none {
  border-left-color: #c5c5c5;
  background: #fafafa;
  font-size: 12px;
  color: #888888;
}

/* Classic manage-0280 Vehicle Analytics */
.page-content.lr_page_item_analytics {
  background-color: #DBFFDB;
}

.item_analytics_page {
  clear: both;
  margin-top: 10px;
}

.item_analytics_aux_cell {
  width: 40px;
  text-align: center;
}

.item_analytics_pricing_cell {
  white-space: nowrap;
}

.item_analytics_pricing_link {
  display: inline-block;
  line-height: 1.3;
}
.item_analytics_pricing_link:hover {
  text-decoration: none;
}

.item_analytics_price_now {
  display: block;
  font-weight: 700;
}

.item_analytics_price_changes {
  display: block;
  font-size: 12px;
  color: #666666;
}

.item_analytics_leads_cell {
  white-space: nowrap;
  text-align: center;
}

.item_analytics_lead_icon {
  font-size: 18px;
  margin-right: 6px;
  border-bottom: none;
  color: #333399;
}
.item_analytics_lead_icon.disabled {
  opacity: 0.35;
  cursor: default;
  color: #888888;
}

.item_analytics_lead_count {
  font-size: 13px;
}

.item_analytics_repairs_cell {
  min-width: 70px;
}

.item_analytics_empty {
  text-align: center;
  color: #666666;
  padding: 24px 10px;
}

.item_analytics_modal {
  position: fixed;
  inset: 0;
  z-index: 10040;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item_analytics_modal.nix_display {
  display: none !important;
}

.item_analytics_modal_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.item_analytics_modal_panel {
  position: relative;
  z-index: 1;
  width: min(720px, 92vw);
  max-height: 85vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

.item_analytics_modal_panel.lr_iph_modal_box {
  width: min(62rem, 92vw);
}

.item_analytics_modal_foot {
  flex: none;
  padding: 12px 24px 14px 24px;
  border-top: 1px solid #E2E2E2;
}
.item_analytics_modal_foot .btn_primary,
.item_analytics_modal_foot .btn_secondary {
  margin: 0px;
}
.item_analytics_modal_foot .lr_iph_save_status {
  order: 0;
  text-align: right;
}

.item_analytics_modal_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 0.25rem 1.5rem 1.5rem;
}

.item_price_history_status,
.item_lead_summary_status {
  margin: 10px 0 16px 0;
  color: #666666;
}

.item_price_history_table_wrap,
.item_lead_summary_table_wrap {
  max-height: 320px;
  overflow: auto;
}

.item_price_history_table,
.item_lead_summary_table {
  width: 100%;
  border-collapse: collapse;
}
.item_price_history_table th,
.item_price_history_table td,
.item_lead_summary_table th,
.item_lead_summary_table td {
  padding: 8px 10px;
  border-bottom: 1px solid #E2E2E2;
  text-align: left;
  vertical-align: top;
  font-size: 13px;
  font-weight: normal;
}
.item_price_history_table th,
.item_lead_summary_table th {
  background-color: #F5F5F5;
  font-weight: 700;
}

.item_lead_summary_row_clickable {
  cursor: pointer;
}
.item_lead_summary_row_clickable:hover {
  background: #FCFED4;
}

.item_lead_summary_nexus_cell {
  width: 36px;
  text-align: center;
}

.item_lead_summary_crm_icon {
  color: #333399;
  font-size: 1.1rem;
}

.item_lead_summary_message {
  max-width: 240px;
}

.lr_manage {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 4px 0 60px 0;
}

.lr_manage_section {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.lr_manage_section_head h2 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.625rem;
  letter-spacing: -0.02em;
  color: #1b1f2a;
  margin: 0;
}

.lr_manage_date {
  color: #A5A5A5;
  font-size: 1rem;
  font-weight: 400;
  margin-left: 6px;
}

.lr_manage_kpi_row {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, 1fr));
  gap: 12px;
}
@media (max-width: 860px) {
  .lr_manage_kpi_row {
    grid-template-columns: repeat(2, 1fr);
  }
}

.lr_kpi_tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background-color: #FFFFFF;
  border: 1px solid #dfe3ee;
  border-radius: 10px;
  padding: 16px 10px 12px 10px;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.07);
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.lr_kpi_tile::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #007531;
}
.lr_kpi_tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(27, 31, 42, 0.14);
  text-decoration: none;
}
.lr_kpi_tile .lr_kpi_value {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  color: #007531;
}
.lr_kpi_tile .lr_kpi_label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgb(111.45, 111.45, 111.45);
}
.lr_kpi_tile.is_enroute::before {
  background-color: #a5a5a5;
}
.lr_kpi_tile.is_enroute .lr_kpi_value {
  color: #a5a5a5;
}
.lr_kpi_tile.is_incoming::before {
  background-color: #f08a24;
}
.lr_kpi_tile.is_incoming .lr_kpi_value {
  color: #f08a24;
}
.lr_kpi_tile.is_hold::before {
  background-color: #BF1B28;
}
.lr_kpi_tile.is_hold .lr_kpi_value {
  color: #BF1B28;
}
.lr_kpi_tile.is_available::before {
  background-color: #007531;
}
.lr_kpi_tile.is_available .lr_kpi_value {
  color: #007531;
}
.lr_kpi_tile.is_total {
  background-color: #008000;
  border-color: rgb(0, 87.2, 0);
}
.lr_kpi_tile.is_total::before {
  background-color: rgb(0, 66.8, 0);
}
.lr_kpi_tile.is_total .lr_kpi_value,
.lr_kpi_tile.is_total .lr_kpi_label {
  color: #FFFFFF;
}

.lr_manage_panel {
  background-color: #FFFFFF;
  border: 1px solid #dfe3ee;
  border-radius: 10px;
  padding: 14px 16px 16px 16px;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.07);
}

.lr_manage_panel_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
}
.lr_manage_panel_head h3 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  color: #1b1f2a;
  margin: 0;
}

.lr_age_risk {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 12px;
}
.lr_age_risk.is_ok {
  background-color: rgb(208.8, 255, 228.1487179487);
  color: #007531;
}
.lr_age_risk.is_warn {
  background-color: #fdf3d7;
  color: #9a6a00;
}
.lr_age_risk.is_danger {
  background-color: #fdeae7;
  color: #C0392B;
}

.lr_age_empty {
  font-weight: 700;
  color: #A5A5A5;
  border: 2px solid #d8d8d8;
  border-radius: 10px;
  background-color: #f4f4f4;
  padding: 14px;
  margin: 0;
  text-align: center;
}

.lr_age_bar {
  display: flex;
  width: 100%;
  height: 34px;
  border-radius: 8px;
  overflow: hidden;
}

.lr_age_seg {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4px;
  color: #FFFFFF;
  font-weight: 900;
  font-size: 0.875rem;
  text-decoration: none;
  transition: filter 0.15s ease;
}
.lr_age_seg:hover {
  filter: brightness(1.12);
  text-decoration: none;
}
.lr_age_seg.age_30 {
  background-color: #008000;
}
.lr_age_seg.age_60 {
  background-color: #2ECC71;
  color: #1b3a28;
}
.lr_age_seg.age_90 {
  background-color: #F7DC6F;
  color: #5c4d00;
}
.lr_age_seg.age_120 {
  background-color: #E74C3C;
}
.lr_age_seg.age_120_plus {
  background-color: #C0392B;
}

.lr_age_legend {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 0.875rem;
  color: rgb(111.45, 111.45, 111.45);
}
.lr_age_legend li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lr_age_legend strong {
  color: #1b1f2a;
}

.lr_age_legend_pct {
  color: #A5A5A5;
}

.lr_age_swatch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 3px;
}
.lr_age_swatch.age_30 {
  background-color: #008000;
}
.lr_age_swatch.age_60 {
  background-color: #2ECC71;
}
.lr_age_swatch.age_90 {
  background-color: #F7DC6F;
}
.lr_age_swatch.age_120 {
  background-color: #E74C3C;
}
.lr_age_swatch.age_120_plus {
  background-color: #C0392B;
}

.lr_insight_row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 10px;
}

.lr_insight_chip {
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #f7f8fc;
  border: 1px solid #e3e7f2;
  border-radius: 8px;
  padding: 10px 12px;
  text-decoration: none;
}
.lr_insight_chip > i {
  font-size: 2rem;
  line-height: 1;
  color: #A5A5A5;
}
.lr_insight_chip .lr_insight_body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0px;
}
.lr_insight_chip .lr_insight_value {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: #333399;
}
.lr_insight_chip .lr_insight_label {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgb(111.45, 111.45, 111.45);
}
.lr_insight_chip .lr_insight_label small {
  font-weight: 400;
  color: #A5A5A5;
}
.lr_insight_chip.is_warn {
  background-color: #fdf3d7;
  border-color: #f0dca4;
}
.lr_insight_chip.is_warn > i {
  color: #9a6a00;
}
.lr_insight_chip.is_warn .lr_insight_value {
  color: #9a6a00;
}

a.lr_insight_chip:hover {
  border-color: #b9c0d6;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
}
a.lr_insight_chip:hover.is_warn {
  border-color: #d9b964;
}
a.lr_insight_chip:hover .lr_insight_label {
  text-decoration: underline;
}

.lr_reports_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
  margin: 16px 0px 0px 0px;
}

.lr_report_links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lr_report_links li + li {
  border-top: 1px solid #edf0f6;
}
.lr_report_links a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 4px;
  font-weight: 700;
  color: #333399;
  text-decoration: none;
}
.lr_report_links a i {
  width: 1.4em;
  font-size: 1.15rem;
  text-align: center;
}
.lr_report_links a:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
  text-decoration: none;
}
.lr_report_links.is_exports a i {
  color: #007531;
}

.lr_activity_scroll {
  overflow-x: auto;
}

.lr_activity_matrix {
  width: 100%;
  border-collapse: collapse;
}
.lr_activity_matrix thead th {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgb(111.45, 111.45, 111.45);
  text-align: center;
  padding: 6px 10px;
  border-bottom: 2px solid #e3e7f2;
  white-space: nowrap;
}
.lr_activity_matrix tbody th {
  text-align: left;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 10px;
  white-space: nowrap;
}
.lr_activity_matrix tbody th i {
  width: 1.3em;
  font-size: 1.5rem;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
  margin-right: 6px;
}
.lr_activity_matrix tbody tr {
  border-bottom: 1px solid #eef0f7;
}
.lr_activity_matrix tbody tr:last-child {
  border-bottom: 0;
}
.lr_activity_matrix tbody tr.is_added th i {
  color: #007531;
}
.lr_activity_matrix tbody tr.is_appraisal th i {
  color: #f08a24;
}
.lr_activity_matrix tbody tr.is_sold th i {
  color: #BF1B28;
}
.lr_activity_matrix td {
  text-align: center;
  padding: 8px 10px;
}
.lr_activity_matrix td a {
  display: inline-block;
  min-width: 2.4em;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
  text-decoration: none;
  border-radius: 6px;
  padding: 1px 6px;
}
.lr_activity_matrix td a:hover {
  background-color: #fffec3;
  text-decoration: none;
}
.lr_activity_matrix td .is_zero {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.25rem;
  color: #c9cdd8;
}

.lr_group_table {
  width: 100%;
  border-collapse: collapse;
}
.lr_group_table thead th {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgb(111.45, 111.45, 111.45);
  text-align: center;
  padding: 6px 10px;
  border-bottom: 2px solid #e3e7f2;
  white-space: nowrap;
}
.lr_group_table thead th:first-child {
  text-align: left;
}
.lr_group_table tbody tr {
  border-bottom: 1px solid #eef0f7;
}
.lr_group_table tbody tr:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}
.lr_group_table tbody tr.is_current_location {
  background-color: #fcfed4;
}
.lr_group_table td {
  padding: 6px 10px;
  text-align: center;
}
.lr_group_table .lr_group_location {
  text-align: left;
  font-weight: 700;
  color: #007531;
  white-space: nowrap;
}
.lr_group_table .lr_group_num {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}
.lr_group_table .lr_group_num.is_enroute {
  color: #a5a5a5;
}
.lr_group_table .lr_group_num.is_incoming {
  color: #f08a24;
}
.lr_group_table .lr_group_num.is_hold {
  color: #BF1B28;
}
.lr_group_table .lr_group_num.is_available {
  color: #007531;
}
.lr_group_table .lr_group_num.is_total {
  color: #222222;
}
.lr_group_table tfoot tr {
  background-color: #000000;
}
.lr_group_table tfoot tr th {
  color: #FFFFFF;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  padding: 8px 10px;
  text-align: center;
}
.lr_group_table tfoot tr th:first-child {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-align: left;
}

.lr_group_switch {
  white-space: nowrap;
}
.lr_group_switch i,
.lr_group_switch .lr_group_switch_btn {
  font-size: 1.25rem;
  color: #333399;
}
.lr_group_switch i.is_disabled {
  color: #B7B7B7;
}
tr.is_current_location .lr_group_switch i {
  color: #A5A5A5;
}

.lr_group_icon_strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lr_group_icon_strip a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #FFFFFF;
  border: 1px solid #dfe3ee;
  border-radius: 12px;
  padding: 9px 13px;
  color: #333399;
  text-decoration: none;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.07);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.lr_group_icon_strip a i {
  font-size: 1.5rem;
  line-height: 1;
}
.lr_group_icon_strip a:hover {
  transform: translateY(-1px);
  box-shadow: 0 3px 8px rgba(27, 31, 42, 0.14);
  background-color: hsl(59, 100%, 109.2352941176%);
  text-decoration: none;
}
.lr_group_icon_strip a.is_push_right {
  margin-left: auto;
}

.lr_go_datebar {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
}
.lr_go_datebar input[type=date] {
  width: 150px;
  margin: 0;
  padding: 6px 8px;
}

.lr_go_datebar_sep {
  color: #A5A5A5;
}

.lr_go_datebar_clear i {
  font-size: 1rem;
}

.lr_group_overview_table .lr_go_location strong {
  color: #007531;
}
.lr_group_overview_table .lr_go_city {
  display: block;
  font-weight: 400;
  font-size: 0.75rem;
  color: #A5A5A5;
}

.lr_aged_table tbody tr.is_incoming_row td {
  background-color: #fdeedd;
}
.lr_aged_table tbody tr.is_hold_row td {
  background-color: #fbe3e5;
}
.lr_aged_table td.lr_aged_aux_photo {
  text-align: center;
}

.lr_group_overview_table td.lr_go_aux_photo {
  text-align: center;
}

.lr_breadcrumbs {
  margin: 2px 0px 10px 0px;
}
.lr_breadcrumbs ol {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0px;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}
.lr_breadcrumbs li {
  display: inline-flex;
  align-items: center;
}
.lr_breadcrumbs li + li::before {
  content: "/";
  color: #c9cdd8;
  margin: 0px 8px;
}
.lr_breadcrumbs a {
  color: #333399;
  text-decoration: none;
  font-weight: 700;
}
.lr_breadcrumbs a:hover {
  text-decoration: underline;
}
.lr_breadcrumbs li[aria-current=page] {
  color: rgb(111.45, 111.45, 111.45);
  font-weight: 700;
}

.lr_period_table .text_right {
  text-align: right;
}
.lr_period_table .text_centre {
  text-align: center;
}

.lr_period_open a {
  font-size: 1.5rem;
  text-decoration: none;
}
.lr_period_open a.is_in_progress {
  color: #f08a24;
}
.lr_period_open a.is_complete {
  color: #007531;
}
.lr_period_open a:hover {
  color: #333399;
}

.lr_activity_report_table .text_centre {
  text-align: center;
}
.lr_activity_report_table .lr_band_row th {
  padding: 4px 8px;
}
.lr_activity_report_table .lr_sold_band {
  background-color: #BF1B28;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: 0.15em;
}
.lr_activity_report_table .lr_sold_edge {
  border-left: 2px solid #000000;
}
.lr_activity_report_table td.is_zero,
.lr_activity_report_table td.is_zero a {
  color: #c9cdd8;
}
.lr_activity_report_table td a {
  font-weight: 700;
  color: #333399;
  text-decoration: none;
  border-radius: 6px;
  padding: 1px 6px;
}
.lr_activity_report_table td a:hover {
  background-color: #fffec3;
}
.lr_activity_report_table .lr_week_ending {
  vertical-align: top;
  white-space: nowrap;
}
.lr_activity_report_table tbody.lr_week_band {
  border-top: 3px solid rgb(24.225, 24.225, 72.675);
}
.lr_activity_report_table .lr_week_total th,
.lr_activity_report_table tfoot th {
  background-color: #000000;
  color: #FFFFFF;
  padding: 6px 8px;
}

.lr_period_open i.is_disabled {
  font-size: 1.5rem;
  color: #B7B7B7;
  cursor: help;
}

.lr_period_open i.is_pending {
  font-size: 1.5rem;
  color: #f08a24;
  cursor: help;
}

.lr_cost_table .text_right {
  text-align: right;
}
.lr_cost_table .text_centre {
  text-align: center;
}
.lr_cost_table .lr_cost_meta th {
  background-color: #FFFFFF;
  color: #1b1f2a;
  font-size: 1.25rem;
  text-transform: none;
  letter-spacing: 0;
}
.lr_cost_table .lr_cost_location_band td {
  background-color: #0b4888;
  color: #FFFFFF;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 8px 10px;
}
.lr_cost_table .lr_cost_dealer_id {
  font-size: 0.75rem;
  font-weight: 700;
  margin-left: 10px;
  opacity: 0.8;
}
.lr_cost_table .lr_cost_info_line td {
  color: #A5A5A5;
  font-style: italic;
}
.lr_cost_table .lr_cost_subtotal td {
  border-top: 1px solid #c9cdd8;
  padding: 8px 10px;
}
.lr_cost_table tfoot td {
  padding: 8px 10px;
  font-size: 1.25rem;
}
.lr_cost_table .lr_cost_grand td {
  background-color: #000000;
  color: #FFFFFF;
}

.lr_group_age {
  min-width: 130px;
}

.lr_group_age_bar {
  display: flex;
  width: 100%;
  min-width: 120px;
  height: 14px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #eef0f7;
}

.lr_group_age_seg {
  display: inline-block;
  min-width: 2px;
  cursor: help;
}
.lr_group_age_seg.age_30 {
  background-color: #008000;
}
.lr_group_age_seg.age_60 {
  background-color: #2ECC71;
}
.lr_group_age_seg.age_90 {
  background-color: #F7DC6F;
}
.lr_group_age_seg.age_120 {
  background-color: #E74C3C;
}
.lr_group_age_seg.age_120_plus {
  background-color: #C0392B;
}

.lr_group_age_none {
  color: #c9cdd8;
  font-weight: 700;
}

.lr_group_table tfoot .lr_group_age_bar {
  background-color: #333333;
}

.lr_group_switch_btn {
  background: none;
  border: 0;
  padding: 2px 6px;
  cursor: pointer;
  border-radius: 6px;
  transition: transform 0.15s ease;
}
.lr_group_switch_btn:hover {
  background-color: #fffec3;
  transform: scale(1.15);
}

.lr_infeed {
  max-width: 72rem;
}

.lr_infeed_processed_heading {
  margin-top: 1.5rem;
}

.lr_infeed_processed td {
  color: #888888;
}

.lr_garage_register_setup {
  max-width: 44rem;
  margin: 0 auto;
  text-align: center;
}

.lr_garage_register_logo {
  max-width: 13rem;
  margin: 1rem auto 0.5rem auto;
  display: block;
}

.lr_garage_register_setup .form_large_heading {
  float: none;
  white-space: normal;
  font-size: 2.25rem;
  line-height: 1.1;
  margin: 0 0 4px 0;
}

.lr_garage_register_setup_issued {
  font-size: 1.625rem;
  line-height: 1.2;
}

.lr_garage_register_setup_lead {
  font-size: 2rem;
  line-height: 1.15;
  font-weight: 700;
  color: #333399;
}

.lr_garage_register_setup .textbox_label {
  display: inline-block;
  text-align: left;
  min-width: 14rem;
}

.lr_garage_register_setup .uber_form_textbox {
  width: 100%;
}

.lr_garage_register_setup .text_success {
  font-size: 1.25rem;
  color: #007531;
}

.lr_garage_register_header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}

.province_logo_garage_register {
  width: 260px;
  height: auto;
}

.ministry_text_garage_register {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25;
  max-width: 26rem;
  margin-top: 0.75rem;
}

.lr_garage_register_export {
  font-size: 1.75rem;
  color: #333399;
  margin-left: auto;
  margin-top: 0.5rem;
  padding: 6px;
}

.lr_garage_register_export:hover {
  color: #22226b;
}

.lr_garage_register_start {
  min-width: 11rem;
}

.lr_garage_register_start .uber_form_textbox {
  width: 100%;
}

.lr_garage_register_pages {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0.25rem 0 1rem 0;
}

.lr_garage_register_step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  color: #333399;
  text-decoration: none;
}

a.lr_garage_register_step:hover {
  background-color: #fffec3;
  text-decoration: none;
}

.lr_garage_register_step.is_disabled {
  opacity: 0.35;
}

.lr_garage_register_jump {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  font-weight: 700;
}

.lr_garage_register_jump .uber_form_dropdown {
  width: auto;
  min-width: 4.5rem;
  margin: 0;
}

.lr_garage_register_data {
  overflow-x: auto;
}

.garage_register_table {
  border-collapse: collapse;
  width: 100%;
}

.garage_register_heading {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  border-left: 2px solid #FFFFFF;
  text-align: left;
  padding: 6px 8px;
  white-space: nowrap;
}

.garage_register_table_row {
  height: 50px;
  vertical-align: top;
}

.table_row_even {
  background-color: #CDCDCD;
}

.table_row_odd {
  background-color: #FFFFFF;
}

.data_required_table_row_even {
  color: #FFFFFF;
  font-weight: 700;
}

.data_required_table_row_odd {
  color: #CDCDCD;
  font-weight: 700;
}

.garage_register_text {
  font-weight: 400;
  font-size: 0.75rem;
  white-space: nowrap;
  letter-spacing: 0.04em;
}

td.garage_register {
  padding: 4px 8px 4px 5px;
  border-left: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  vertical-align: top;
}

td.garage_register_model {
  max-width: 140px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.garage_register_table .text_muted {
  padding: 16px;
}

.lr_garage_register_history {
  display: inline-block;
  font-size: 1.75rem;
  color: #333399;
  padding: 6px 10px;
}

.lr_garage_register_history:hover {
  color: #22226b;
}

.lr_finance_rates {
  max-width: 72rem;
}
.lr_finance_rates .form_large_heading {
  float: none;
  white-space: normal;
}

.lr_finance_rates_header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0 0 12px 0;
}
.lr_finance_rates_header h2 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.625rem;
  font-weight: 700;
  color: #333399;
  margin: 0;
}
.lr_finance_rates_header h2 .text_muted {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #4D4D4D;
}

.lr_finance_rates_pick_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 16px 0;
}
.lr_finance_rates_pick_row .textbox_label {
  flex: 0 1 22rem;
  margin: 0;
}
.lr_finance_rates_pick_row .uber_form_dropdown {
  width: 100%;
}
.lr_finance_rates_pick_row #lrFinanceRatesAdd {
  margin: 0 0 2px 0;
}

.lr_finance_rates .large_heading {
  float: none;
  display: block;
  margin: 0 0 8px 0;
}

.lr_finance_rates .lr_item_table td {
  vertical-align: middle;
  text-align: center;
}

.lr_finance_rates .lr_item_table td:first-child {
  text-align: left;
}

.lr_finance_rate_edit,
.lr_finance_rate_delete {
  font-size: 0.75rem;
  padding: 3px 10px;
  margin: 0 2px;
}

.lr_finance_rates .empty_page_reminder_box {
  display: block;
  margin: 20px 0 0 0;
  padding: 40px 20px;
  border: 4px solid #C5C5C5;
  background-color: #FFFFFF;
  text-align: center;
  color: #222222;
}
.lr_finance_rates .empty_page_reminder_box p {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6875rem;
  font-weight: 400;
  margin: 0 0 28px 0;
}

#lrFinanceRateForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 14px;
}
#lrFinanceRateForm .textbox_label {
  margin: 0 0 6px 0;
}
#lrFinanceRateForm .uber_form_textbox,
#lrFinanceRateForm .uber_form_dropdown {
  width: 100%;
}
#lrFinanceRateForm > label:first-of-type,
#lrFinanceRateForm #lrFinanceRateError {
  grid-column: 1/-1;
}

#lrFinanceDefaultForm label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 700;
  padding: 7px 4px;
  border-bottom: 1px solid #EEEEEE;
  cursor: pointer;
}
#lrFinanceDefaultForm label:hover {
  background-color: #fffec3;
}
#lrFinanceDefaultForm input[type=radio] {
  accent-color: #333399;
}
#lrFinanceDefaultForm br {
  display: none;
}

.lr_testimonials {
  max-width: 56rem;
}
.lr_testimonials .form_large_heading {
  float: none;
  white-space: normal;
}

.lr_testimonials_jump {
  display: flex;
  gap: 8px;
  margin: 0 0 16px 0;
}
.lr_testimonials_jump a {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #333399;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 4px 12px;
}
.lr_testimonials_jump a:hover {
  background-color: #fffec3;
  text-decoration: none;
}

#lrTestimonialForm {
  margin: 0 0 24px 0;
}
#lrTestimonialForm .textbox_label {
  display: block;
  margin: 0 0 10px 0;
}
#lrTestimonialForm .uber_form_textbox,
#lrTestimonialForm .uber_form_textarea,
#lrTestimonialForm .uber_form_dropdown {
  width: 100%;
}
#lrTestimonialForm > p {
  margin: 4px 0 0 0;
}

.lr_testimonials h2.form_large_heading {
  font-size: 1.5rem;
  margin: 20px 0 10px 0;
}

.lr_testimonial_card {
  border-radius: 12px;
  padding: 16px 20px;
  margin: 0 0 14px 0;
  background-color: rgb(221.5889830508, 239.5254237288, 246.9110169492);
}

.lr_testimonial_card p {
  margin: 0.35rem 0;
  overflow-wrap: anywhere;
}

.lr_testimonial_card p:first-of-type {
  font-size: 1rem;
}

.lr_testimonial_stars {
  color: #E5A50A;
  margin-left: 6px;
  font-size: 0.875rem;
  letter-spacing: 1px;
}

.lr_testimonial_card .btn_secondary,
.lr_testimonial_card .btn_success {
  font-size: 0.75rem;
  padding: 4px 12px;
  margin-right: 4px;
}

.lr_testimonials .lr_list_container > .text_muted {
  padding: 8px 4px;
}

.lr_wholesalers {
  max-width: 64rem;
}
.lr_wholesalers .form_large_heading {
  float: none;
  white-space: normal;
  margin-bottom: 2px;
}
.lr_wholesalers > .text_muted {
  margin: 0 0 14px 0;
}

.lr_wholesalers_actions {
  margin: 0 0 14px 0;
}

.lr_wholesalers_empty h3 {
  margin-bottom: 12px;
}
.lr_wholesalers_empty p {
  margin: 0;
}

.lr_accountant_access {
  max-width: 1100px;
}
.lr_accountant_access .form_large_heading {
  float: none;
  white-space: normal;
}

.lr_accountant_access .bk_toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
  margin: 0 0 1rem 0;
}

.lr_accountant_access .bk_toolbar_field {
  min-width: 240px;
  max-width: 26rem;
  flex: 1 1 240px;
}

.lr_accountant_access .bk_toolbar_field .bk_input {
  width: 100%;
  margin: 0;
}

.lr_accountant_access .bk_toolbar .bk_btn {
  margin: 0 0 2px 0;
}

.lr_accountant_access .bk_note {
  margin: 0 0 14px 0;
}

.lr_accountant_access h5.bk_card_title {
  margin-top: 22px;
}

@media only screen and (max-width: 40em) {
  .lr_accountant_access .bk_toolbar_field {
    max-width: none;
    flex-basis: 100%;
  }
  .lr_accountant_access .bk_toolbar .bk_btn {
    width: 100%;
    justify-content: center;
  }
}
.lr_dealer_groups {
  max-width: 64rem;
}
.lr_dealer_groups .form_large_heading {
  float: none;
  white-space: normal;
}
.lr_dealer_groups .textbox_label {
  display: block;
  margin: 0 0 10px 0;
}
.lr_dealer_groups .uber_form_textbox,
.lr_dealer_groups .uber_form_dropdown {
  width: 100%;
}
.lr_dealer_groups h3 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333399;
  margin: 26px 0 10px 0;
}

.lr_dealer_groups_actions {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0 0 12px 0;
}

.lr_dealer_group_members {
  margin-top: 0.5rem;
}

.lr_dealer_group_block {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  padding: 0 0 4px 0;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.lr_dealer_group_block h4 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  padding: 8px 14px;
  margin: 0;
}
.lr_dealer_group_block h4 .text_muted {
  color: #C9C9E5;
}
.lr_dealer_group_block .bk_table {
  margin: 0;
}

.lr_vonage_pricing {
  max-width: 960px;
}
.lr_vonage_pricing .form_large_heading {
  float: none;
  white-space: normal;
}
.lr_vonage_pricing h5 {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #333399;
  margin: 22px 0 8px 0;
}
.lr_vonage_pricing h5 a {
  font-size: 0.75rem;
  font-weight: 400;
  margin-left: 8px;
}
.lr_vonage_pricing code {
  font-size: 0.9em;
  background: #F2F2F2;
  border-radius: 4px;
  padding: 1px 5px;
}
.lr_vonage_pricing .textbox_label {
  display: block;
  max-width: 26rem;
  margin: 0 0 12px 0;
}
.lr_vonage_pricing .uber_form_textbox {
  width: 100%;
}
.lr_vonage_pricing #VonagePricingStatusTable td:first-child {
  font-family: "Consolas", "Menlo", monospace;
  font-size: 0.813rem;
}

.vonage_pricing_quickpick {
  margin: 0 4px 6px 0;
}

.vonage_pricing_quickpick.is_selected {
  background-color: #333399;
  color: #FFFFFF;
}

#VonagePricingSelectedSource {
  margin: 0 0 14px 0;
  font-weight: 700;
}

#VonagePricingActionButtons {
  display: flex;
  gap: 8px;
  margin: 4px 0 0 0;
}

#VonagePricingResult {
  margin-top: 1rem;
  padding: 12px 16px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-left: 5px solid #333399;
  border-radius: 6px;
}
#VonagePricingResult h5 {
  margin: 0 0 6px 0;
}
#VonagePricingResult table {
  font-size: 0.813rem;
}

.lr_admin_ai_settings {
  max-width: 60rem;
}
.lr_admin_ai_settings .form_large_heading {
  float: none;
  white-space: normal;
}
.lr_admin_ai_settings .textbox_label {
  display: block;
  margin: 0 0 12px 0;
}
.lr_admin_ai_settings .uber_form_textbox,
.lr_admin_ai_settings .uber_form_dropdown {
  width: 100%;
}
.lr_admin_ai_settings .form_section_heading {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  margin: 24px 0 14px 0;
}
.lr_admin_ai_settings #aiCredentialNote {
  font-weight: 700;
  color: #007531;
}
.lr_admin_ai_settings #aiCredentialNote:empty {
  display: none;
}

.lr_dealer_communications {
  max-width: 1400px;
}
.lr_dealer_communications .form_large_heading {
  float: none;
  white-space: normal;
}
.lr_dealer_communications > .text_muted {
  margin: 0 0 12px 0;
}

.lr_admin_section h5 {
  margin: 18px 0 8px 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  color: rgb(24.225, 24.225, 72.675);
}

.lr_page_toolbar > .form_section_heading {
  flex: 1 1 auto;
  margin: 0;
}

.lr_page_toolbar .lr_toolbar_spacer,
.lr_toolbar_spacer {
  flex: 1 1 auto;
}

.lr_page_toolbar .uber_form_textbox,
.lr_page_toolbar .uber_form_dropdown,
.lr_page_toolbar .uber_form_textarea,
.lr_page_toolbar .complex_form_textbox,
.lr_page_toolbar .complex_form_dropdown,
.adc_filters .uber_form_textbox,
.adc_filters .uber_form_dropdown,
.adc_filters .uber_form_textarea,
.adc_filters .complex_form_textbox,
.adc_filters .complex_form_dropdown,
.adc_filter_row .uber_form_textbox,
.adc_filter_row .uber_form_dropdown,
.adc_filter_row .uber_form_textarea,
.adc_filter_row .complex_form_textbox,
.adc_filter_row .complex_form_dropdown {
  margin: 0;
}

.lr_page_toolbar .uber_form_dropdown,
.lr_page_toolbar .complex_form_dropdown {
  width: auto;
  flex: 0 1 auto;
  max-width: 220px;
}

.lr_dealer_communications .btn_primary,
.lr_dealer_communications .btn_secondary,
.lr_dealer_communications .btn_warning {
  margin: 0;
}
.lr_dealer_communications [hidden] {
  display: none !important;
}
.lr_dealer_communications table.lr_item_table th,
.lr_dealer_communications table.lr_item_table td {
  white-space: normal;
}

.adc_badge {
  display: inline-block;
  min-width: 18px;
  padding: 1px 6px;
  border-radius: 10px;
  background: #b9032b;
  color: #FFFFFF;
  font-size: 0.688rem;
  font-weight: 700;
  text-align: center;
}

.adc_badge--warn {
  background: #e8a33d;
}

.adc_kb_status {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 9px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #e3e8ee;
  color: #6b7684;
}

.adc_kb_status--1 {
  color: #e8a33d;
  border-color: #e8a33d;
}

.adc_kb_status--2 {
  color: #2f9e63;
  border-color: #2f9e63;
}

.adc_kb_status--3 {
  color: #6b7684;
}

.adc_flag_pill {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 9px;
  font-size: 0.625rem;
  font-weight: 700;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  color: #6b7684;
  margin-right: 3px;
}

.adc_flag_pill--on {
  background: #eaf3fa;
  border-color: #1779ba;
  color: #1779ba;
}

.lr_admin_section .textbox_label {
  display: block;
  margin: 0 0 6px 0;
}

.lr_admin_section .uber_form_textbox,
.lr_admin_section .uber_form_textarea,
.lr_admin_section .uber_form_dropdown {
  width: 100%;
  margin: 0 0 12px 0;
}

.adc_form_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}

.adc_form_grid .adc_form_full {
  grid-column: 1/-1;
}

.adc_editor_field .uber_form_textarea {
  min-height: 260px;
  font-family: "Consolas", "Menlo", monospace;
  font-size: 0.875rem;
  line-height: 1.45;
}

#adcRoutingPanel .textbox_label {
  max-width: 24rem;
}

#adcRoutingPanel .uber_form_dropdown {
  max-width: 24rem;
  margin: 0 0 10px 0;
}

#adcAnalyticsBody pre {
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 0.813rem;
  line-height: 1.5;
  overflow-x: auto;
  margin: 0;
}

.adc_dev_note {
  background: #fff8e6;
  border: 1px solid #edd9a3;
  border-radius: 6px;
  color: #2c3440;
  font-size: 0.813rem;
  padding: 8px 12px;
}

@media only screen and (max-width: 40em) {
  .adc_form_grid {
    grid-template-columns: 1fr;
  }
}
.adc_check_label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 0.813rem;
  color: #2c3440;
  white-space: nowrap;
}
.adc_check_label input {
  margin: 0;
}

.adc_page {
  display: flex;
  gap: 16px;
  align-items: stretch;
  min-height: 640px;
}

.adc_left_col {
  flex: 0 0 380px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  overflow: hidden;
}

.adc_right_col {
  flex: 1 1 auto;
  min-width: 0;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  display: flex;
  flex-direction: column;
}

@media (max-width: 900px) {
  .adc_page {
    flex-direction: column;
  }
  .adc_left_col {
    flex: 1 1 auto;
    max-width: none;
  }
}
.adc_new_msg_btn {
  margin-left: auto;
}

.adc_filters {
  padding: 10px;
  border-bottom: 1px solid #e3e8ee;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.adc_filter_row {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.adc_filter_row .uber_form_dropdown,
.adc_filter_row .complex_form_dropdown {
  flex: 1 1 auto;
  min-width: 0;
}

.adc_conversation_list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  flex: 1 1 auto;
  max-height: 70vh;
}

.adc_list_empty {
  padding: 24px 16px;
  text-align: center;
  color: #6b7684;
  font-size: 0.875rem;
}

.adc_conv_item {
  padding: 10px 12px;
  border-bottom: 1px solid #e3e8ee;
  cursor: pointer;
  transition: background 0.1s ease;
}

.adc_conv_item:hover {
  background: #f5f8fa;
}

.adc_conv_item--active {
  background: #eaf3fa;
  border-left: 3px solid #1779ba;
}

.adc_conv_item--unread .adc_conv_who,
.adc_conv_item--unread .adc_conv_subject {
  font-weight: 700;
}

.adc_conv_item--unread .adc_conv_who::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #1779ba;
  margin-right: 6px;
}

.adc_conv_top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
}

.adc_conv_who {
  font-size: 0.875rem;
  color: #17334d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adc_conv_date {
  font-size: 0.688rem;
  color: #6b7684;
  white-space: nowrap;
}

.adc_conv_subject {
  font-size: 0.813rem;
  color: #2c3440;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adc_conv_subject i {
  color: #6b7684;
  margin-right: 4px;
  font-size: 1em;
}

.adc_conv_bottom {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 4px;
  flex-wrap: wrap;
}

.adc_conv_staff {
  font-size: 0.688rem;
  color: #6b7684;
}

.adc_conv_status {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1px 7px;
  border-radius: 9px;
  background: #f5f8fa;
  color: #6b7684;
  border: 1px solid #e3e8ee;
}

.adc_conv_status--1 {
  color: #2f9e63;
  border-color: #2f9e63;
}

.adc_conv_status--3 {
  color: #e8a33d;
  border-color: #e8a33d;
}

.adc_conv_status--4 {
  color: #1779ba;
  border-color: #1779ba;
}

.adc_conv_status--7 {
  color: #b9032b;
  border-color: #b9032b;
}

.adc_conv_tags {
  font-size: 0.688rem;
  color: #1779ba;
}

.adc_conv_preview {
  font-size: 0.75rem;
  color: #6b7684;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adc_thread_placeholder {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6b7684;
  padding: 40px;
}
.adc_thread_placeholder i {
  font-size: 42px;
  margin-bottom: 12px;
  color: #e3e8ee;
}

.adc_thread {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.adc_thread_header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid #e3e8ee;
  background: #f5f8fa;
  flex-wrap: wrap;
}

.adc_thread_header_main {
  min-width: 0;
}
.adc_thread_header_main h4 {
  margin: 0 0 4px 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  color: #17334d;
}

.adc_thread_meta {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 0.75rem;
  color: #6b7684;
}
.adc_thread_meta .adc_thread_dealer {
  font-weight: 700;
  color: #2c3440;
}

.adc_thread_tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.adc_tag_chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #eaf3fa;
  color: #1779ba;
  font-size: 0.688rem;
  font-weight: 700;
}

.adc_tag_remove {
  border: none;
  background: none;
  color: #1779ba;
  cursor: pointer;
  font-size: 0.813rem;
  padding: 0 2px;
  line-height: 1;
}

.adc_thread_header_controls {
  display: flex;
  gap: 6px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.adc_role_chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #eaf3fa;
  color: #1779ba;
  font-size: 0.688rem;
  font-weight: 700;
  margin: 1px 3px 1px 0;
}
.adc_role_chip button {
  border: none;
  background: none;
  color: inherit;
  cursor: pointer;
  padding: 0 1px;
  line-height: 1;
}

.adc_role_chip--primary {
  background: #17334d;
  color: #FFFFFF;
}

.adc_optout_chip {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  background: #fdf3f4;
  color: #b9032b;
  border: 1px solid #f0c8ce;
  font-size: 0.688rem;
  font-weight: 700;
  margin: 1px 3px 1px 0;
}

.adc_unresolved_banner {
  padding: 10px 16px;
  background: #fdf3f4;
  border-bottom: 1px solid #f0c8ce;
}

.adc_unresolved_banner_text {
  font-size: 0.813rem;
  color: #b9032b;
  font-weight: 700;
  margin-bottom: 8px;
}
.adc_unresolved_banner_text i {
  margin-right: 6px;
  font-size: 1em;
}

.adc_attach_row {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}

.adc_dealer_results {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  box-shadow: 0 6px 18px rgba(14, 35, 56, 0.18);
  max-height: 220px;
  overflow-y: auto;
  min-width: 260px;
}

.adc_dealer_result {
  padding: 8px 12px;
  font-size: 0.813rem;
  cursor: pointer;
}

.adc_dealer_result:hover {
  background: #eaf3fa;
}

.adc_summary_box {
  margin: 10px 16px 0 16px;
  padding: 10px 12px;
  background: #f4f0fb;
  border: 1px solid #ddd0f0;
  border-radius: 6px;
  font-size: 0.813rem;
  color: #4a3d66;
  line-height: 1.5;
}
.adc_summary_box i {
  color: #7c5cbf;
  margin-right: 6px;
  font-size: 1em;
}

.adc_messages {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 200px;
  max-height: 46vh;
}

.adc_msg {
  max-width: 82%;
  border-radius: 8px;
  padding: 10px 14px;
  border: 1px solid #e3e8ee;
  font-size: 0.875rem;
  line-height: 1.5;
}

.adc_msg--inbound {
  align-self: flex-start;
  background: #f5f8fa;
}

.adc_msg--outbound {
  align-self: flex-end;
  background: #eaf3fa;
  border-color: #cfe3f2;
}

.adc_msg--note {
  align-self: stretch;
  max-width: none;
  background: #fff8e6;
  border-color: #edd9a3;
  border-left: 4px solid #e8a33d;
}

.adc_msg_head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.688rem;
  color: #6b7684;
  margin-bottom: 6px;
  font-weight: 700;
}

.adc_msg_channel {
  display: inline-block;
  padding: 0 6px;
  border-radius: 8px;
  border: 1px solid #e3e8ee;
  background: #FFFFFF;
  font-size: 0.625rem;
}

.adc_msg_delivery {
  font-weight: 400;
  font-size: 0.625rem;
  padding: 0 6px;
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
}

.adc_msg_delivery--failed,
.adc_msg_delivery--blocked_optout {
  color: #b9032b;
  border-color: #b9032b;
}

.adc_msg_subject {
  font-weight: 700;
  font-size: 0.813rem;
  margin-bottom: 4px;
  color: #17334d;
}

.adc_msg_html {
  overflow-x: auto;
}
.adc_msg_html img {
  max-width: 100%;
  height: auto;
}

.adc_ai_panel {
  margin: 0 16px 10px 16px;
  padding: 12px;
  background: #f4f0fb;
  border: 1px solid #ddd0f0;
  border-radius: 8px;
}

.adc_ai_panel_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 0.813rem;
  font-weight: 700;
  color: #4a3d66;
  margin-bottom: 6px;
}
.adc_ai_panel_head i {
  color: #7c5cbf;
  font-size: 1em;
}

.adc_ai_review_flag {
  color: #b9032b;
  font-size: 0.75rem;
}

.adc_ai_meta {
  font-size: 0.688rem;
  color: #6b5d8a;
  margin-bottom: 6px;
}

.adc_ai_panel_actions {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.adc_composer {
  border-top: 1px solid #e3e8ee;
  padding: 12px 16px;
  background: #f5f8fa;
}

.adc_composer_row {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.adc_compose_subject {
  flex: 1 1 auto;
  min-width: 160px;
}

.adc_composer_actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}

.adc_note_hint {
  font-size: 0.75rem;
  color: #e8a33d;
  font-weight: 700;
}

.adc_modal_overlay {
  position: fixed;
  inset: 0;
  background: rgba(14, 35, 56, 0.55);
  z-index: 9000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 48px 16px;
  overflow-y: auto;
}

.adc_modal {
  background: #FFFFFF;
  border-radius: 8px;
  width: 100%;
  max-width: 640px;
  box-shadow: 0 16px 48px rgba(14, 35, 56, 0.3);
}

.adc_modal_body {
  padding: 14px 18px;
  position: relative;
}

.adc_modal_foot {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border-top: 1px solid #e3e8ee;
}

.adcc_form_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 18px;
}

.adcc_form_field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.adcc_form_field label {
  font-size: 0.8125rem;
  font-weight: bold;
  color: #17334d;
}

.adcc_form_field--wide {
  grid-column: 1/-1;
}

.adcc_form_field input.uber_form_textbox,
.adcc_form_field select.uber_form_dropdown {
  max-width: 420px;
}

.adcc_hint {
  color: #6b7684;
  font-size: 0.75rem;
  font-weight: normal;
}

.adcc_ai_writer {
  margin-top: 14px;
  padding: 12px 14px;
  background: #FBF7EE;
  border: 1px solid #E8DCC2;
  border-radius: 8px;
}
.adcc_ai_writer .textbox_label i {
  color: #B9860B;
}

.adcc_ai_writer_row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 6px;
}
.adcc_ai_writer_row textarea.uber_form_textarea {
  flex: 1;
  min-height: 54px;
}
.adcc_ai_writer_row .btn_primary,
.adcc_ai_writer_row .btn_secondary {
  flex: 0 0 auto;
}

.adcc_audience_box {
  margin-top: 16px;
  padding: 14px 16px;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
}
.adcc_audience_box h5 {
  margin: 0 0 10px;
  font-size: 0.9375rem;
  color: #17334d;
}
.adcc_audience_box h5 i {
  color: #1779ba;
  margin-right: 6px;
}

.adcc_audience_options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
}

.adcc_radio {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.875rem;
  color: #2c3440;
  cursor: pointer;
}
.adcc_radio input {
  margin: 0;
}

.adcc_dealer_results {
  max-height: 180px;
  overflow-y: auto;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
}
.adcc_dealer_results:empty {
  display: none;
}

.adcc_dealer_result_row {
  padding: 7px 12px;
  font-size: 0.875rem;
  cursor: pointer;
  border-bottom: 1px solid #e3e8ee;
}
.adcc_dealer_result_row:last-child {
  border-bottom: none;
}
.adcc_dealer_result_row:hover {
  background: #eaf3fa;
}
.adcc_dealer_result_row i {
  color: #2f9e63;
  margin-right: 4px;
}

.adcc_dealer_selected {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.adcc_dealer_chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #eaf3fa;
  border: 1px solid #1779ba;
  border-radius: 14px;
  color: #1779ba;
  font-size: 0.8125rem;
  cursor: pointer;
}
.adcc_dealer_chip i {
  font-size: 0.6875rem;
}
.adcc_dealer_chip:hover {
  background: rgb(254.0936170213, 199.1063829787, 211.1914893617);
  border-color: #b9032b;
  color: #b9032b;
}

.adcc_status_pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: bold;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  color: #6b7684;
}

.adcc_status_pill--draft {
  background: #f5f8fa;
  border-color: #e3e8ee;
  color: #6b7684;
}

.adcc_status_pill--scheduled {
  background: rgb(250.3788018433, 236.5152073733, 216.0211981567);
  border-color: #e8a33d;
  color: rgb(179.8746543779, 115.8986175115, 21.3253456221);
}

.adcc_status_pill--sending {
  background: #eaf3fa;
  border-color: #1779ba;
  color: #1779ba;
}

.adcc_status_pill--sent {
  background: rgb(208.6019512195, 241.1980487805, 223.872195122);
  border-color: #2f9e63;
  color: #2f9e63;
}

.adcc_row_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.adcc_results_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.adcc_stat {
  min-width: 110px;
  padding: 10px 16px;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  text-align: center;
}

.adcc_stat_value {
  font-size: 1.25rem;
  font-weight: bold;
  color: #17334d;
}

.adcc_stat_label {
  font-size: 0.75rem;
  color: #6b7684;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.adcs_sig_layout {
  display: grid;
  grid-template-columns: minmax(380px, 1fr) minmax(380px, 1fr);
  gap: 18px;
  align-items: start;
}
@media (max-width: 1100px) {
  .adcs_sig_layout {
    grid-template-columns: 1fr;
  }
}

.adcs_sig_left {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.adcs_design_pop_wrap {
  position: relative;
  display: inline-flex;
}

.adcs_design_pop {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 30;
  padding: 6px;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(14, 35, 56, 0.14);
}

.adcs_design_palette:not([hidden]) {
  display: grid;
  grid-template-columns: repeat(6, 24px);
  gap: 6px;
}

.adcs_design_swatch {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  cursor: pointer;
}
.adcs_design_swatch:hover, .adcs_design_swatch:focus-visible {
  outline: 2px solid #1779ba;
  outline-offset: 1px;
}

.adcs_design_pop_item {
  display: block;
  width: 100%;
  padding: 5px 12px;
  border: 0;
  border-radius: 4px;
  background: none;
  text-align: left;
  white-space: nowrap;
  font-size: 0.8125rem;
  cursor: pointer;
}
.adcs_design_pop_item:hover, .adcs_design_pop_item:focus-visible {
  background: #F2F4F6;
}

.adcs_sig_mode_status {
  font-size: 0.75rem;
  color: #6b7684;
}

.adcs_sig_preview_frame {
  width: 100%;
  min-height: 560px;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  background: #f2f4f6;
}

.adckb_code {
  display: inline-block;
  font-family: monospace;
  font-size: 0.6875rem;
  color: #6b7684;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 4px;
  padding: 0 5px;
  margin-right: 4px;
}

.adckb_scope {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 9px;
  font-size: 0.625rem;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #e3e8ee;
  color: #6b7684;
}

.adckb_scope--PUBLIC_PROSPECT {
  color: #2f9e63;
  border-color: #2f9e63;
}

.adckb_scope--AUTHENTICATED_DEALER {
  color: #1779ba;
  border-color: #1779ba;
}

.adckb_scope--INTERNAL_ADMIN {
  color: #b9032b;
  border-color: #b9032b;
}

.adckb_question_list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.adckb_question_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 10px;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
}

.adckb_question_text {
  flex: 1;
  font-size: 0.8125rem;
}

#adckb_list_card,
#adckb_facts_card {
  max-width: 100%;
  overflow-x: hidden;
}
#adckb_list_card .lr_item_table,
#adckb_facts_card .lr_item_table {
  table-layout: fixed;
}
#adckb_list_card .lr_item_table th,
#adckb_list_card .lr_item_table td,
#adckb_facts_card .lr_item_table th,
#adckb_facts_card .lr_item_table td {
  overflow-wrap: break-word;
  word-break: break-word;
}
#adckb_list_card .lr_item_table td,
#adckb_facts_card .lr_item_table td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px;
}
#adckb_list_card .adc_conv_preview,
#adckb_facts_card .adc_conv_preview {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow: hidden;
  margin-top: 7px;
  line-height: 1.45;
}

textarea.lr_textarea_autosize {
  field-sizing: content;
  min-height: 70px;
  max-height: 65vh;
  resize: vertical;
  overflow-y: auto;
}

.adcd_head_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.adcd_tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.adcd_tile {
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  padding: 12px 14px;
}
.adcd_tile.adcd_tile--warn {
  border-color: #E8B84B;
  background: #FDF6E3;
}
.adcd_tile.adcd_tile--clickable {
  cursor: pointer;
  transition: box-shadow 0.12s ease, border-color 0.12s ease;
}
.adcd_tile.adcd_tile--clickable:hover {
  border-color: #1779ba;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.adcd_drill_body {
  max-height: 62vh;
  overflow-y: auto;
}
.adcd_drill_body .lr_item_table {
  table-layout: fixed;
}
.adcd_drill_body .lr_item_table th,
.adcd_drill_body .lr_item_table td {
  overflow-wrap: break-word;
  word-break: break-word;
  vertical-align: top;
}

.adcd_drill_detail {
  font-size: 0.75rem;
  color: #6b7684;
}

.adcd_tile_value {
  font-size: 1.5rem;
  font-weight: bold;
  color: #17334d;
  line-height: 1.2;
}

.adcd_tile_label {
  font-size: 0.75rem;
  color: #6b7684;
  margin-top: 2px;
}
.adcd_tile_label i {
  margin-right: 3px;
}

.adcd_tile_sub {
  font-size: 0.6875rem;
  color: #1779ba;
  margin-top: 2px;
}

.adcd_legend {
  font-size: 0.6875rem;
  font-weight: normal;
  color: #6b7684;
  margin-left: 10px;
}

.adcd_legend_swatch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin: 0 3px 0 8px;
  vertical-align: middle;
}
.adcd_legend_swatch.adcd_legend_swatch--in {
  background: #1779ba;
}
.adcd_legend_swatch.adcd_legend_swatch--out {
  background: #17334d;
}

.adcd_chart {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 160px;
  padding: 6px 2px 0;
  border-bottom: 1px solid #e3e8ee;
}

.adcd_bar_group {
  flex: 1;
  display: flex;
  align-items: flex-end;
  gap: 1px;
  height: 100%;
  min-width: 0;
}

.adcd_bar {
  flex: 1;
  border-radius: 2px 2px 0 0;
  min-width: 2px;
}
.adcd_bar.adcd_bar--in {
  background: #1779ba;
}
.adcd_bar.adcd_bar--out {
  background: #17334d;
}

.adcd_grid_2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 900px) {
  .adcd_grid_2 {
    grid-template-columns: 1fr;
  }
}

.adcd_hbar_row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.adcd_hbar_label {
  flex: 0 0 130px;
  font-size: 0.75rem;
  color: #2c3440;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.adcd_hbar_track {
  flex: 1;
  height: 14px;
  background: #f5f8fa;
  border-radius: 7px;
  overflow: hidden;
}

.adcd_hbar_fill {
  display: block;
  height: 100%;
  border-radius: 7px;
  background: #1779ba;
}
.adcd_hbar_fill.adcd_hbar_fill--sent, .adcd_hbar_fill.adcd_hbar_fill--edited, .adcd_hbar_fill.adcd_hbar_fill--approved {
  background: #4CAF7D;
}
.adcd_hbar_fill.adcd_hbar_fill--rejected {
  background: #C96B6B;
}
.adcd_hbar_fill.adcd_hbar_fill--pending {
  background: #E8B84B;
}

.adcd_hbar_value {
  flex: 0 0 70px;
  font-size: 0.75rem;
  color: #6b7684;
  text-align: right;
  white-space: nowrap;
}

.adcd_muted_note {
  font-size: 0.6875rem;
  font-weight: normal;
  color: #6b7684;
}

.adcd_row_dim {
  opacity: 0.55;
}

.adcd_question_cell {
  overflow-wrap: break-word;
  word-break: break-word;
}

.adcd_badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: bold;
}
.adcd_badge.adcd_badge--prospect {
  background: #eaf3fa;
  color: #1779ba;
}

.adcp_row {
  cursor: pointer;
  transition: background 0.1s ease;
}
.adcp_row:hover {
  background: #f5f8fa;
}

.adcp_conv_count {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  font-size: 0.6875rem;
  color: #1779ba;
  white-space: nowrap;
}
.adcp_conv_count i {
  font-size: 0.625rem;
}

.adcp_attention_card {
  border-left: 4px solid #E67E22;
}
.adcp_attention_card .form_section_heading i {
  color: #E67E22;
}

.adcp_attention_count {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 9px;
  border-radius: 10px;
  background: #E67E22;
  color: #FFFFFF;
  font-size: 0.75rem;
}

.adcp_reason {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: bold;
  white-space: nowrap;
}
.adcp_reason.adcp_reason--demo_overdue {
  background: #FDECEA;
  color: #C0392B;
}
.adcp_reason.adcp_reason--demo_followup {
  background: #FEF5E7;
  color: #B9770E;
}
.adcp_reason.adcp_reason--stale {
  background: #EBF0F5;
  color: #5D6D7E;
}

.adckb_review_due {
  display: inline-block;
  margin-left: 4px;
  padding: 2px 7px;
  border-radius: 10px;
  background: #FDF6E3;
  border: 1px solid #E8B84B;
  color: #8A6D1A;
  font-size: 0.6875rem;
  font-weight: bold;
  white-space: nowrap;
}

.adckb_version_meta {
  font-size: 0.75rem;
  color: #6b7684;
}

.adckb_version_snapshot {
  white-space: pre-wrap;
  font-size: 0.8125rem;
  line-height: 1.5;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  padding: 10px 12px;
  overflow-wrap: break-word;
  word-break: break-word;
}
.adckb_version_snapshot.adckb_version_snapshot--body {
  max-height: 320px;
  overflow-y: auto;
}

.adckb_feat_status {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.6875rem;
  font-weight: bold;
  background: #f5f8fa;
  color: #6b7684;
}
.adckb_feat_status.adckb_feat_status--1 {
  background: #E4F3EB;
  color: #2E7D53;
}
.adckb_feat_status.adckb_feat_status--2 {
  background: #eaf3fa;
  color: #1779ba;
}
.adckb_feat_status.adckb_feat_status--3 {
  background: #FDF6E3;
  color: #8A6D1A;
}
.adckb_feat_status.adckb_feat_status--4, .adckb_feat_status.adckb_feat_status--5 {
  background: #F7E7E7;
  color: #A34747;
}

.adckb_preview_terms {
  font-family: monospace;
  font-size: 0.75rem;
  color: #6b7684;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  padding: 5px 10px;
}

.adckb_preview_article_row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  background: #f5f8fa;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  margin-bottom: 4px;
}

.adckb_preview_article_title {
  flex: 1;
  font-size: 0.8125rem;
  overflow-wrap: break-word;
  word-break: break-word;
  min-width: 0;
}

.adckb_preview_score {
  font-size: 0.6875rem;
  color: #6b7684;
  white-space: nowrap;
}

.adckb_preview_reply {
  white-space: pre-wrap;
  font-size: 0.8125rem;
  line-height: 1.55;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-left: 3px solid #1779ba;
  border-radius: 6px;
  padding: 12px 14px;
}

.adcc_staff_results_wrap {
  max-height: 340px;
  overflow-y: auto;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  background: #FFFFFF;
}
.adcc_staff_results_wrap .lr_item_table {
  table-layout: fixed;
}
.adcc_staff_results_wrap .lr_item_table th,
.adcc_staff_results_wrap .lr_item_table td {
  overflow-wrap: break-word;
  word-break: break-word;
}

.adcs_logo_row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ee;
}

.adcs_logo_thumb {
  max-width: 160px;
  max-height: 64px;
  object-fit: contain;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  padding: 4px;
  background: #FFFFFF;
}

.adca_filter_bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 0 0 10px;
  padding: 8px 12px;
  background: #F7F7FB;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
}
.adca_filter_bar .adca_role_label {
  font-weight: 600;
  color: #2c3440;
  white-space: nowrap;
}
.adca_filter_bar .adca_role_label i.fa-circle-question {
  font-size: 1em;
  color: #8a94a6;
  cursor: help;
}
.adca_filter_bar #adca_role_checks {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}
.adca_filter_bar .adca_role_check {
  white-space: nowrap;
}
.adca_filter_bar select.uber_form_dropdown.adca_filter_select,
.adca_filter_bar select.complex_form_dropdown.adca_filter_select {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  flex-shrink: 0;
}
.adca_filter_bar input[type=text].uber_form_textbox.adca_search_input {
  flex: 1;
  min-width: 200px;
  max-width: 320px;
  margin-left: auto;
}

.adca_view_toggle {
  display: inline-flex;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  overflow: hidden;
}

.adca_view_btn {
  padding: 8px 16px;
  background: #FFFFFF;
  border: none;
  font-size: 0.813rem;
  font-weight: bold;
  color: #6b7684;
  cursor: pointer;
}
.adca_view_btn + .adca_view_btn {
  border-left: 1px solid #e3e8ee;
}
.adca_view_btn:hover {
  background: #f5f8fa;
}

.adca_view_btn--active {
  background: #17334d;
  color: #FFFFFF;
}
.adca_view_btn--active:hover {
  background: #17334d;
}

.adca_table_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 8px;
}
.adca_table_meta .adca_edit_hint {
  margin-left: auto;
  text-align: right;
  flex-shrink: 0;
}

.adca_table_wrap {
  max-height: 124vh;
  overflow-x: auto;
  overflow-y: auto;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
}

.adca_table {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}
.adca_table th,
.adca_table td {
  vertical-align: middle;
}
.adca_table thead th {
  position: sticky;
  top: 0;
  padding: 5px 8px;
  background: #17334d;
  color: #FFFFFF;
  font-size: 0.625rem;
  line-height: 1.2;
  border-bottom: none;
  z-index: 1;
  vertical-align: middle;
}
.adca_table .adca_col_check {
  width: 30px;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  padding: 8px 4px;
}
.adca_table td.adca_col_check,
.adca_table th.adca_col_check {
  vertical-align: middle;
}
.adca_table .adca_check_wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 18px;
  line-height: 1;
}
.adca_table .adca_check_wrap input[type=checkbox] {
  margin: 0;
  float: none;
  vertical-align: middle;
  position: relative;
  top: 0;
}
.adca_table input[type=checkbox].adca_row_check,
.adca_table #adca_check_all {
  margin: 0;
}
.adca_table .adca_col_name {
  width: 8%;
  white-space: nowrap;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adca_table .adca_col_title {
  width: 14%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adca_table .adca_col_dealer {
  width: 30%;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.adca_table .adca_col_dealer .adca_dealer_name {
  font-weight: 600;
}
.adca_table .adca_col_city {
  width: 8%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adca_table .adca_col_prov {
  width: 4%;
  white-space: nowrap;
}
.adca_table .adca_col_email {
  width: 16%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.adca_table .adca_col_mobile {
  width: 11%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adca_sort_th {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  color: #FFFFFF;
}
.adca_sort_th:hover {
  background: rgb(15.962, 35.394, 53.438);
}
.adca_sort_th::after {
  content: "";
  display: inline-block;
  width: 0.85em;
  margin-left: 4px;
  opacity: 0.45;
  color: #FFFFFF;
}
.adca_sort_th.adca_sort_th--asc::after {
  content: "▲";
  opacity: 1;
}
.adca_sort_th.adca_sort_th--desc::after {
  content: "▼";
  opacity: 1;
}

.adca_referral_inline {
  font-size: 0.72rem;
  color: #6b7684;
  font-weight: 400;
}
.adca_referral_inline i {
  font-size: 1em;
  line-height: 1;
  vertical-align: baseline;
}

.adca_cell_edit {
  cursor: pointer;
}
.adca_cell_edit:hover {
  background: #eaf3fa;
}

.adca_cell_edit--missing {
  background: #fff8e6;
}

.adca_cell_add {
  color: #6b7684;
  font-style: italic;
  border-bottom: 1px dashed #6b7684;
}

.adca_cell_edit--editing {
  padding: 2px !important;
  background: #FFFFFF;
  cursor: default;
  overflow: visible;
}

input.complex_form_textbox.adca_cell_input,
select.complex_form_dropdown.adca_cell_input {
  width: 100%;
  margin: 0;
}

.adca_table .adca_col_dealer {
  white-space: normal;
  overflow: hidden;
}

.adca_referral_inline {
  display: block;
}

.lr_tab_bar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0px 0px 20px 0px;
  border-bottom: 3px solid rgb(24.225, 24.225, 72.675);
}
.lr_tab_bar .bos_tab_btn {
  border: none;
  border-radius: 8px 8px 0px 0px;
  font-size: 1rem;
  font-weight: 700;
  padding: 10px 22px;
  cursor: pointer;
}
.lr_tab_bar .bos_tab_btn.btn_secondary {
  background-color: #DDDDDD;
  color: #333333;
}
.lr_tab_bar .bos_tab_btn.btn_secondary:hover {
  background-color: #CCCCCC;
  color: #333333;
}
.lr_tab_bar .bos_tab_btn.btn_primary {
  background-color: rgb(24.225, 24.225, 72.675);
  color: #fffec3;
}

.page-content.lr_page_bos {
  background-color: #DBFFDB;
  min-height: calc(100vh - 60px);
}

.lr_build_notice {
  margin: 0px 0px 12px 0px;
  padding: 10px 14px;
  background-color: #FFFFBF;
  border: 1px solid #E0D98A;
  border-radius: 6px;
  font-size: 0.875rem;
}
.lr_build_notice .fa-solid {
  color: #333399;
  margin-right: 4px;
}
.lr_build_notice a {
  font-weight: 700;
}

.lr_action_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 1.25rem 0px 0px 0px;
  padding: 12px;
  background-color: #EBEBEB;
  border-radius: 8px;
}

.lr_deal_add {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0px 0px 5px 0px;
}

.lr_licence_check {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.lr_licence_check .icon_heading_filter {
  font-size: 3rem;
}
.lr_licence_check .lr_licence_help {
  color: #007531;
  font-size: 1rem;
  text-decoration: none;
}
.lr_licence_check .lr_licence_help:hover {
  color: #333399;
}

.lr_deal_centre {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0px auto 5px auto;
}
.lr_deal_centre .lr_licence_check .icon_heading_filter {
  font-size: 2.25rem;
}

.lr_deal_toolbar .lr_list_filter.lr_list_search {
  margin: 0px 0px 5px auto;
}
.lr_deal_toolbar .lr_list_filter.lr_list_search input.form_control {
  width: 190px;
}
@media only screen and (min-width: 100.0625em) {
  .lr_deal_toolbar .lr_list_filter.lr_list_search input.form_control {
    width: 300px;
  }
}
.lr_deal_toolbar .lr_list_filter.lr_list_search .lr_search_wrap {
  position: relative;
  display: inline-block;
}
.lr_deal_toolbar .lr_list_filter.lr_list_search .lr_search_wrap input.form_control {
  padding-right: 38px;
}
.lr_deal_toolbar .lr_list_filter.lr_list_search .lr_search_clear {
  position: absolute;
  top: 0;
  right: 8px;
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0px 4px;
  color: #333333;
  font-size: 1.25rem;
  text-decoration: none;
}
.lr_deal_toolbar .lr_list_filter.lr_list_search .lr_search_clear:hover {
  color: #f04124;
}

.lr_empty_reminder {
  display: block;
  margin: 20px 0px 0px 0px;
  padding: 40px 20px;
  border: 4px solid #C5C5C5;
  background-color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  color: #222222;
}
.lr_empty_reminder h3 {
  margin: 0px 0px 40px 0px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6875rem;
  font-weight: 400;
  line-height: 1.4;
  color: #222222;
}
.lr_empty_reminder h3 b {
  font-weight: 700;
}
.lr_empty_reminder i {
  font-size: 4.5rem;
  line-height: 1;
  color: #007531;
}
.lr_empty_reminder:hover {
  color: #222222;
}
.lr_empty_reminder:hover i {
  color: #333399;
}

.lr_deal_filter_row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0px 10px 0px;
}
.lr_deal_filter_row .lr_alpha_menu {
  flex: 0 1 auto;
  flex-wrap: wrap;
  min-width: 0;
  margin: 0;
  padding: 0px 4px;
  min-height: 26px;
  background-color: #EBEBEB;
}
.lr_deal_filter_row .lr_alpha_menu a {
  color: #222222;
  font-size: 0.875rem;
}
.lr_deal_filter_row .lr_alpha_menu a.letter_selected {
  color: #333399;
}
.lr_deal_filter_row .lr_deal_filter_icons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-left: auto;
}
.lr_deal_filter_row .lr_deal_filter_icons .icon_heading_filter {
  font-size: 3rem;
}
.lr_deal_filter_row .lr_deal_filter_icons .icon_heading_filter.is_active {
  color: #007531;
}
.lr_deal_filter_row .lr_deal_filter_icons .lr_sort_menu a.is_active {
  background-color: #FFFFBF;
  color: #333399;
}
.lr_deal_filter_row .lr_deal_filter_icons .lr_date_filter_panel {
  min-width: 260px;
}
.lr_deal_filter_row .lr_deal_filter_icons .lr_date_filter_hint {
  margin: 8px 0px 0px 0px;
  font-size: 0.75rem;
  color: #666666;
}

.page-content.lr_page_bos:has(.lr_deal_page.is_wholesale) {
  background-color: #CCFFFF;
}

.page-content.lr_page_bos:has(.lr_deal_page.is_lease) {
  background-color: #FFE1F0;
}

.lr_deal_date_heading {
  display: block;
  margin: 0px 0px 6px 0px;
}

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .lr_deal_filter_row .lr_alpha_menu a {
    padding: 4px 5px;
  }
}
@media only screen and (max-width: 40em) {
  .lr_deal_centre {
    width: 100%;
    justify-content: center;
    margin: 0px 0px 8px 0px;
  }
  .lr_deal_toolbar .lr_list_filter.lr_list_search {
    display: flex;
    width: 100%;
    margin: 0px 0px 8px 0px;
  }
  .lr_deal_toolbar .lr_list_filter.lr_list_search .lr_search_wrap {
    flex: 1 1 auto;
    min-width: 0;
  }
  .lr_deal_toolbar .lr_list_filter.lr_list_search input.form_control {
    width: 100%;
    min-width: 0;
  }
  .lr_empty_reminder {
    padding: 24px 12px;
  }
  .lr_empty_reminder h3 {
    font-size: 1.25rem;
    margin-bottom: 24px;
  }
  .lr_empty_reminder i {
    font-size: 3.5rem;
  }
  .lr_deal_filter_row {
    flex-wrap: wrap;
  }
  .lr_deal_filter_row .lr_alpha_menu {
    flex-wrap: wrap;
  }
}
.lr_deal_new .lr_bos_header {
  margin: 0px 0px 12px 0px;
}

.lr_bos .lr_deal_new_step,
.lr_list_search .lr_deal_new_step,
.lr_source_pick .lr_deal_new_step,
.eink_dirx_search .lr_deal_new_step {
  font-size: 1.5rem;
  margin: 0px 0px 8px 0px;
}
.lr_bos .lr_pick_row,
.lr_list_search .lr_pick_row,
.lr_source_pick .lr_pick_row,
.eink_dirx_search .lr_pick_row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.lr_bos .lr_pick_row .lr_pick_wrap,
.lr_list_search .lr_pick_row .lr_pick_wrap,
.lr_source_pick .lr_pick_row .lr_pick_wrap,
.eink_dirx_search .lr_pick_row .lr_pick_wrap {
  flex: 1 1 auto;
  min-width: 0;
}
.lr_bos .lr_pick_row .btn_primary,
.lr_list_search .lr_pick_row .btn_primary,
.lr_source_pick .lr_pick_row .btn_primary,
.eink_dirx_search .lr_pick_row .btn_primary {
  flex: 0 0 auto;
  white-space: nowrap;
  height: 44px;
}
.lr_bos .lr_pick_wrap,
.lr_list_search .lr_pick_wrap,
.lr_source_pick .lr_pick_wrap,
.eink_dirx_search .lr_pick_wrap {
  position: relative;
}
.lr_bos .lr_pick_wrap input.form_control,
.lr_list_search .lr_pick_wrap input.form_control,
.lr_source_pick .lr_pick_wrap input.form_control,
.eink_dirx_search .lr_pick_wrap input.form_control {
  margin-bottom: 0;
}
.lr_bos .lr_pick_results,
.lr_list_search .lr_pick_results,
.lr_source_pick .lr_pick_results,
.eink_dirx_search .lr_pick_results {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 4px;
  z-index: 60;
  max-height: 320px;
  overflow-y: auto;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
}
.lr_bos .lr_pick_row.lr_pick_results,
.lr_bos .lr_pick_results .lr_pick_row,
.lr_list_search .lr_pick_row.lr_pick_results,
.lr_list_search .lr_pick_results .lr_pick_row,
.lr_source_pick .lr_pick_row.lr_pick_results,
.lr_source_pick .lr_pick_results .lr_pick_row,
.eink_dirx_search .lr_pick_row.lr_pick_results,
.eink_dirx_search .lr_pick_results .lr_pick_row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  row-gap: 1px;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #E4E4E4;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: #1b1f2a;
}
.lr_bos .lr_pick_row.lr_pick_results:last-child,
.lr_bos .lr_pick_results .lr_pick_row:last-child,
.lr_list_search .lr_pick_row.lr_pick_results:last-child,
.lr_list_search .lr_pick_results .lr_pick_row:last-child,
.lr_source_pick .lr_pick_row.lr_pick_results:last-child,
.lr_source_pick .lr_pick_results .lr_pick_row:last-child,
.eink_dirx_search .lr_pick_row.lr_pick_results:last-child,
.eink_dirx_search .lr_pick_results .lr_pick_row:last-child {
  border-bottom: 0;
}
.lr_bos .lr_pick_row.lr_pick_results:hover, .lr_bos .lr_pick_row.lr_pick_results:focus,
.lr_bos .lr_pick_results .lr_pick_row:hover,
.lr_bos .lr_pick_results .lr_pick_row:focus,
.lr_list_search .lr_pick_row.lr_pick_results:hover,
.lr_list_search .lr_pick_row.lr_pick_results:focus,
.lr_list_search .lr_pick_results .lr_pick_row:hover,
.lr_list_search .lr_pick_results .lr_pick_row:focus,
.lr_source_pick .lr_pick_row.lr_pick_results:hover,
.lr_source_pick .lr_pick_row.lr_pick_results:focus,
.lr_source_pick .lr_pick_results .lr_pick_row:hover,
.lr_source_pick .lr_pick_results .lr_pick_row:focus,
.eink_dirx_search .lr_pick_row.lr_pick_results:hover,
.eink_dirx_search .lr_pick_row.lr_pick_results:focus,
.eink_dirx_search .lr_pick_results .lr_pick_row:hover,
.eink_dirx_search .lr_pick_results .lr_pick_row:focus {
  background-color: hsl(59, 100%, 109.2352941176%);
  outline: none;
}
.lr_bos .lr_pick_row.lr_pick_results .lr_pick_name,
.lr_bos .lr_pick_results .lr_pick_row .lr_pick_name,
.lr_list_search .lr_pick_row.lr_pick_results .lr_pick_name,
.lr_list_search .lr_pick_results .lr_pick_row .lr_pick_name,
.lr_source_pick .lr_pick_row.lr_pick_results .lr_pick_name,
.lr_source_pick .lr_pick_results .lr_pick_row .lr_pick_name,
.eink_dirx_search .lr_pick_row.lr_pick_results .lr_pick_name,
.eink_dirx_search .lr_pick_results .lr_pick_row .lr_pick_name {
  grid-column: 1;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_bos .lr_pick_row.lr_pick_results .lr_pick_id,
.lr_bos .lr_pick_results .lr_pick_row .lr_pick_id,
.lr_list_search .lr_pick_row.lr_pick_results .lr_pick_id,
.lr_list_search .lr_pick_results .lr_pick_row .lr_pick_id,
.lr_source_pick .lr_pick_row.lr_pick_results .lr_pick_id,
.lr_source_pick .lr_pick_results .lr_pick_row .lr_pick_id,
.eink_dirx_search .lr_pick_row.lr_pick_results .lr_pick_id,
.eink_dirx_search .lr_pick_results .lr_pick_row .lr_pick_id {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  font-size: 0.875rem;
  color: #5a6475;
}
.lr_bos .lr_pick_row.lr_pick_results .lr_pick_meta,
.lr_bos .lr_pick_results .lr_pick_row .lr_pick_meta,
.lr_list_search .lr_pick_row.lr_pick_results .lr_pick_meta,
.lr_list_search .lr_pick_results .lr_pick_row .lr_pick_meta,
.lr_source_pick .lr_pick_row.lr_pick_results .lr_pick_meta,
.lr_source_pick .lr_pick_results .lr_pick_row .lr_pick_meta,
.eink_dirx_search .lr_pick_row.lr_pick_results .lr_pick_meta,
.eink_dirx_search .lr_pick_results .lr_pick_row .lr_pick_meta {
  grid-column: 1;
  font-size: 0.875rem;
  color: #5a6475;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_bos .lr_pick_empty,
.lr_list_search .lr_pick_empty,
.lr_source_pick .lr_pick_empty,
.eink_dirx_search .lr_pick_empty {
  margin: 0;
  padding: 10px 12px;
  color: #5a6475;
}
.lr_bos .lr_deal_new_price_label,
.lr_list_search .lr_deal_new_price_label,
.lr_source_pick .lr_deal_new_price_label,
.eink_dirx_search .lr_deal_new_price_label {
  display: block;
  margin-top: 12px;
}
.lr_bos .lr_deal_new_price,
.lr_list_search .lr_deal_new_price,
.lr_source_pick .lr_deal_new_price,
.eink_dirx_search .lr_deal_new_price {
  max-width: 200px;
}
.lr_bos .lr_pick_selected,
.lr_list_search .lr_pick_selected,
.lr_source_pick .lr_pick_selected,
.eink_dirx_search .lr_pick_selected {
  margin: 6px 0px 0px 0px;
  font-size: 0.875rem;
  min-height: 1.25rem;
}
.lr_bos .lr_pick_selected.is_set,
.lr_list_search .lr_pick_selected.is_set,
.lr_source_pick .lr_pick_selected.is_set,
.eink_dirx_search .lr_pick_selected.is_set {
  color: #1b1f2a;
}
.lr_bos .lr_pick_selected.is_set .fa-circle-check,
.lr_list_search .lr_pick_selected.is_set .fa-circle-check,
.lr_source_pick .lr_pick_selected.is_set .fa-circle-check,
.eink_dirx_search .lr_pick_selected.is_set .fa-circle-check {
  color: #007531;
}

@media only screen and (max-width: 40em) {
  .lr_deal_new .lr_pick_row {
    flex-wrap: wrap;
  }
  .lr_deal_new .lr_pick_row .btn_primary {
    width: 100%;
  }
}
.lr_deal_add_icon {
  color: #007531;
  font-size: 2.25rem;
  line-height: 1;
  text-decoration: none;
  margin: 0px 0px 0px 0px;
}
.lr_deal_add_icon:hover {
  color: #333399;
}

@media only screen and (min-width: 90.0625em) {
  .lr_deal_toolbar:has(.lr_deal_centre) .lr_list_filter.lr_list_search {
    margin-left: 0;
  }
}
.lr_swiftdock_dealer_signing canvas {
  display: block;
  width: min(100%, 800px);
  height: auto;
  aspect-ratio: 8/3;
  border: 1px solid #adb5bd;
  background: #fff;
  touch-action: none;
}
.lr_swiftdock_dealer_signing img {
  max-width: 100%;
  max-height: 300px;
}
.lr_swiftdock_dealer_signing .lr_swiftdock_dealer_consent {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.lr_bos hr {
  border: 0;
  border-top: 2px solid #DDDDDD;
  clear: both;
  height: 0;
  margin: 1.25rem 0px 1.1875rem 0px;
}
.lr_bos .small_text {
  font-size: 0.75rem;
}
.lr_bos .large_text {
  font-size: 1.25rem;
}
.lr_bos .bold {
  font-weight: 700;
}
.lr_bos .text_right {
  text-align: right;
}
.lr_bos .text_centre {
  text-align: center;
}
.lr_bos .row {
  row-gap: 0;
  column-gap: 16px;
}
.lr_bos input.uber_form_textbox,
.lr_bos select.uber_form_dropdown,
.lr_bos textarea.uber_form_textarea {
  width: 100%;
}
.lr_bos input.uber_form_textbox[readonly] {
  background-color: #DDDDDD;
}
.lr_bos label.textbox_label {
  display: block;
}
.lr_bos label.textbox_label.right {
  float: none !important;
  text-align: right;
}
.lr_bos .lr_bos_right_3.text_right .radio_toolbar_large {
  display: block;
}
.lr_bos label .fa-question-circle {
  color: #333399;
  font-size: 0.875rem;
}
.lr_bos .lr_btn_tiny,
.lr_bos .lr_btn_small {
  border: 0;
  border-radius: 6px;
  line-height: normal;
  font-weight: 400;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}
.lr_bos .lr_btn_tiny {
  font-size: 0.6875rem;
  padding: 10px 20px 11px 20px;
}
.lr_bos .lr_btn_small {
  font-size: 0.8125rem;
  padding: 14px 28px 15px 28px;
}
.lr_bos .lr_btn_tiny.bold,
.lr_bos .lr_btn_small.bold {
  font-weight: 700;
}
.lr_bos .btn_info {
  background-color: #A0D3E8;
  border-color: #A0D3E8;
  color: #333333;
}
.lr_bos .btn_info:hover {
  background-color: #61B6D9;
  border-color: #61B6D9;
  color: #333333;
}
.lr_bos .btn_warning {
  color: #FFFFFF;
}
.lr_bos .btn_warning:hover {
  color: #FFFFFF;
}
.lr_bos .lr_bos_header {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0px 0px 0px;
}
.lr_bos .lr_bos_header_icons {
  display: flex;
  align-items: flex-start;
  gap: 0px;
}
.lr_bos .lr_bos_return {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 64px;
  margin: 0px 0px 0px 10px;
  color: #333399;
  font-size: 2rem;
  line-height: 64px;
  text-decoration: none;
}
.lr_bos .lr_bos_return .icon_return_to_bos_icon {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 3.5rem;
  line-height: 56px;
  color: #222222;
}
.lr_bos .lr_bos_return .icon_return_to_bos_arrow_circle,
.lr_bos .lr_bos_return .icon_return_to_bos_arrow_arrow {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 80px;
  text-align: center;
  line-height: 64px;
}
.lr_bos .lr_bos_return .icon_return_to_bos_arrow_circle {
  font-size: 2rem;
  color: #333399;
}
.lr_bos .lr_bos_return .icon_return_to_bos_arrow_arrow {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.lr_bos .lr_bos_return:hover .icon_return_to_bos_arrow_circle {
  color: #007531;
}
.lr_bos .lr_bos_header_icon {
  display: inline-block;
  margin: 5px 0px 0px 10px;
  font-size: 3rem;
  line-height: 1;
  color: #333399;
  text-decoration: none;
}
.lr_bos .lr_bos_header_icon:hover {
  color: #007531;
}
.lr_bos .lr_bos_header_icon.disabled {
  color: #B7B7B7;
  pointer-events: none;
}
.lr_bos .lr_bos_header_right {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap-reverse;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
  flex: 1 1 0%;
  min-width: 0;
}
.lr_bos .lr_bos_actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 4px;
  margin: 20px 0px 18px 0px;
}
.lr_bos .lr_bos_actions_icons {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -8px 10px 0px 0px;
}
.lr_bos .lr_bos_docu_icon {
  height: 72px;
  margin: -12px 0px 0px 0px;
  cursor: pointer;
}
.lr_bos .lr_bos_docu_icon.is_static {
  cursor: default;
}
.lr_bos .lr_bos_docu_info_head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0px 0px 12px 0px;
}
.lr_bos .lr_bos_docu_info_logo {
  height: 140px;
  flex: 0 0 auto;
}
.lr_bos .lr_bos_docu_info_agree {
  display: block;
  margin: 12px 0px 0px 0px;
  cursor: pointer;
}
.lr_bos .lr_bos_docu_info_agree input[type=checkbox] {
  margin-right: 6px;
}
.lr_bos .lr_bos_icon_btn {
  color: #333399;
  font-size: 3rem;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.lr_bos .lr_bos_icon_btn:hover {
  color: #007531;
}
.lr_bos .lr_bos_vehicle_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0px 0px 16px 0px;
}
.lr_bos .lr_bos_vehicle_row > input.uber_form_textbox {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0px;
}
.lr_bos .lr_bos_vehicle_row > .lr_bos_icon_btn {
  flex: 0 0 auto;
  font-size: 2rem;
}
.lr_bos .lr_bos_docu_status {
  position: absolute;
  right: 0px;
  bottom: -18px;
  white-space: nowrap;
  text-align: right;
  font-size: 0.75rem;
  color: #4D4D4D;
}
.lr_bos .lr_bos_invoice {
  width: 190px;
  padding: 0px 15px;
}
.lr_bos .lr_bos_invoice label {
  display: block;
  text-align: right;
}
.lr_bos .lr_bos_invoice input.uber_form_textbox {
  text-align: right;
}
.lr_bos .lr_bos_status {
  margin: 0px 0px 0px 0px;
}
.lr_bos .lr_bos_status input.uber_form_textbox {
  font-weight: 700;
}
.lr_bos .lr_bos_status.is_in_progress input.uber_form_textbox {
  background-color: #ffa500;
}
.lr_bos .lr_bos_status.is_finalised input.uber_form_textbox {
  background-color: #00ff00;
}
.lr_bos .lr_bos_status.is_build input.uber_form_textbox {
  background-color: #e8e8e8;
}
.lr_bos .lr_bos_tabs_row {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.lr_bos .lr_bos_date {
  margin-left: auto;
  width: 278px;
  padding: 0px 15px;
}
.lr_bos .lr_bos_date input.uber_form_textbox {
  text-align: right;
}
.lr_bos .lr_bos_date label {
  display: block;
  text-align: right;
  margin: -14px 8px 0px 0px;
}
.lr_bos .lr_tab_bar {
  gap: 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 0;
}
.lr_bos .lr_tab_bar .bos_tab_btn {
  border: 0;
  border-radius: 0px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  padding: 8px 16px;
  cursor: pointer;
}
.lr_bos .lr_tab_bar .bos_tab_btn.btn_secondary {
  background-color: #FFFFFF;
  color: #333399;
}
.lr_bos .lr_tab_bar .bos_tab_btn.btn_secondary:hover {
  background-color: #F0F0F0;
  color: #333399;
}
.lr_bos .lr_tab_bar .bos_tab_btn.btn_primary {
  background-color: #333399;
  color: #FFFFFF;
}
.lr_bos .lr_bos_tabs_content {
  margin: 24px 0px 24px 0px;
}
.lr_bos .bos_tab_panel {
  padding: 15px 0px;
}
.lr_bos .lr_bos_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.lr_bos .lr_bos_nav_spacer {
  flex: 1 1 auto;
}
.lr_bos .lr_bos_photo {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 75%;
  background-color: #E7E7E7;
  border-radius: 4px;
  overflow: hidden;
}
.lr_bos .lr_bos_photo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lr_bos .lr_bos_view_vehicle {
  display: block;
  text-align: right;
  font-weight: 700;
  color: #333399;
  text-decoration: none;
  margin: 0px 8px 0px 0px;
}
.lr_bos .lr_bos_view_vehicle:hover {
  color: #007531;
}
.lr_bos .lr_bos_view_vehicle.disabled {
  color: #B7B7B7;
  pointer-events: none;
}
.lr_bos .lr_bos_row_success {
  background-color: #9FE6B8;
  padding: 8px 8px 0px 8px;
  border-radius: 4px;
}
.lr_bos .lr_bos_staff_box {
  background-color: #FFFFC2;
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0px 50px 0px;
}
.lr_bos .lr_bos_staff_box .lr_bos_staff_link {
  float: right;
  margin: 9px 0px 20px 20px;
  font-size: 0.75rem;
  font-weight: 700;
}
.lr_bos .lr_bos_staff_box .lr_bos_staff_heading {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0px 0px 14px 0px;
}
.lr_bos .lr_bos_or {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 21px 0px 0px 0px;
}
.lr_bos .lr_bos_or .small_text {
  display: block;
  font-weight: 700;
}
.lr_bos .lr_bos_trade_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0px 0px 16px 0px;
}
.lr_bos .lr_bos_tape_col {
  position: relative;
}
.lr_bos .lr_bos_tape_col .textbox_label_right {
  display: block;
  margin: 0px 14px -2px 0px;
}
.lr_bos .dollar_input_icon_large,
.lr_bos .math_input_icon_large,
.lr_bos .percent_input_icon {
  pointer-events: none;
}
.lr_bos input.textbox_invisible_right[readonly] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 0;
  box-shadow: none;
  padding: 8px 8px 8px 20px;
  text-align: right;
}
.lr_bos input[type=number].uber_form_textbox {
  appearance: textfield;
  -moz-appearance: textfield;
}
.lr_bos input[type=number].uber_form_textbox::-webkit-outer-spin-button, .lr_bos input[type=number].uber_form_textbox::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.lr_bos .lr_bos_heading_row {
  display: flow-root;
  margin: 0px 0px 4px 0px;
}
.lr_bos .lr_bos_heading_note {
  font-size: 0.875rem;
  letter-spacing: 0;
  color: #222222;
  font-weight: 700;
  margin-left: 6px;
}
.lr_bos .lr_bos_heading_note .warning {
  color: #f08a24;
}
.lr_bos .lr_bos_footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px 0px 0px 0px;
}
.lr_bos .lr_bos_footer_left,
.lr_bos .lr_bos_footer_right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.lr_bos .lr_bos_footer_right {
  margin-left: auto;
  justify-content: flex-end;
}
.lr_bos .lr_bos_panel {
  max-width: 640px;
  margin: 16px 0px 0px 0px;
  padding: 16px 20px 6px 20px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
}
.lr_bos .lr_bos_panel .lr_bos_panel_actions {
  display: flex;
  gap: 6px;
  margin: 0px 0px 10px 0px;
}
.lr_bos .lr_bos_docu_caption {
  font-size: 0.75rem;
  color: #4D4D4D;
}

@media only screen and (max-width: 64em) {
  .lr_bos .lr_bos_header_right {
    margin-left: 0;
    flex: 1 1 100%;
    min-width: 100%;
  }
  .lr_bos .lr_bos_actions {
    justify-content: flex-start;
    margin-top: 10px;
  }
  .lr_bos .lr_bos_invoice {
    padding: 0px;
  }
  .lr_bos .lr_bos_date {
    margin-left: 0;
    padding: 0px;
    width: 100%;
    max-width: 278px;
  }
  .lr_bos .lr_bos_date label {
    text-align: left;
  }
}
@media only screen and (max-width: 40em) {
  .lr_bos .lr_bos_return {
    width: 64px;
    height: 52px;
  }
  .lr_bos .lr_bos_return .icon_return_to_bos_icon {
    font-size: 2.75rem;
    line-height: 46px;
  }
  .lr_bos .lr_bos_return .icon_return_to_bos_arrow_circle,
  .lr_bos .lr_bos_return .icon_return_to_bos_arrow_arrow {
    width: 64px;
    line-height: 52px;
  }
  .lr_bos .lr_bos_header_icon {
    font-size: 2.25rem;
  }
  .lr_bos .lr_tab_bar .bos_tab_btn {
    flex: 1 1 auto;
    padding: 8px 10px;
    font-size: 0.875rem;
  }
  .lr_bos .lr_bos_footer_left,
  .lr_bos .lr_bos_footer_right {
    width: 100%;
  }
  .lr_bos .lr_bos_footer_right {
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 64em) {
  .lr_bos .lr_bos_right_2 {
    grid-column: 11/span 2;
  }
  .lr_bos .lr_bos_right_3,
  .lr_bos .lr_bos_tape_col {
    grid-column: 10/span 3;
  }
  .lr_bos .lr_bos_right_4 {
    grid-column: 9/span 4;
  }
  .lr_bos .lr_bos_right_6 {
    grid-column: 7/span 6;
  }
  .lr_bos .lr_bos_photo_col {
    grid-column: 9/span 4;
    grid-row: 1/span 3;
  }
}
.lr_bos input[type=number].textbox_invisible_right {
  appearance: textfield;
  -moz-appearance: textfield;
}

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

@media only screen and (max-width: 63.9375em) {
  .lr_bos .lr_bos_tape_col {
    padding-left: 20px;
  }
}
.lr_bos {
  container-type: inline-size;
}

@container (max-width: 1100px) {
  .lr_bos_tape_col input.textbox_invisible_right {
    font-size: 2rem;
  }
}
@container (max-width: 860px) {
  .lr_bos_tape_col input.textbox_invisible_right {
    font-size: 1.625rem;
  }
}
.page-content.lr_page_bos:has(.lr_bos.lr_bos_lease) {
  background-color: #FFE1F0;
}

.page-content.lr_page_bos:has(.lr_bos.lr_bos_wholesale) {
  background-color: #CCFFFF;
}

.page-content.lr_page_bos:has(.lr_bos.lr_bos_appraisal) {
  background-color: #FFFFC9;
}

.lr_bos.lr_bos_appraisal .lr_appraisal_step {
  margin: 10px 0px 0px 0px;
}
.lr_bos.lr_bos_appraisal .lr_btn_next {
  border: 0;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  padding: 16px 32px 17px 32px;
  cursor: pointer;
  text-decoration: none;
}
.lr_bos.lr_bos_appraisal .lr_appraisal_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0px 0px 0px;
}
.lr_bos.lr_bos_appraisal .lr_appraisal_meta {
  font-size: 0.875rem;
  color: #4D4D4D;
  margin: 0px 0px 10px 0px;
}
.lr_bos.lr_bos_appraisal .lr_add_item .lr_wear_input {
  max-width: 220px;
}

.lr_bos.lr_bos_appraisal.lr_appraisal_setup label.textbox_label {
  font-size: 0.875rem;
  font-weight: 700;
  color: #4D4D4D;
  line-height: 1.5;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_toolbar {
  margin: 10px 0px 0px 0px;
  align-items: start;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_tombstone {
  float: right;
  margin: 17px 10px 0px 0px;
  color: #333399;
  text-decoration: none;
  line-height: 1;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_tombstone i {
  font-size: 3rem;
  line-height: 48px;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_tombstone:hover {
  color: #007531;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup select#tradeInFormCustomer.uber_form_dropdown {
  width: 100%;
  height: 44px;
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 4px;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_col {
  text-align: left;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_col .no_label {
  display: block;
  margin: 21px 0px 0px 0px;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_btn {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  color: #222222;
  cursor: pointer;
  line-height: 1;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_btn i {
  font-size: 3.5rem;
  line-height: 56px;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_btn:hover {
  color: #333399;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup > hr {
  margin: 44px 0px 19px 0px;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 0px;
  padding: 0px;
  border-top: 0;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_btn_next {
  font-size: 0.8125rem;
  padding: 14px 28px 15px 28px;
  border-radius: 6px;
  line-height: normal;
}
.lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_btn_next.is_disabled {
  opacity: 0.55;
  pointer-events: none;
}

@media only screen and (max-width: 64em) {
  .lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_col .no_label {
    margin-top: 0px;
  }
  .lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_tombstone {
    margin-top: 0px;
  }
}
.lr_bos .lr_bos_explainer {
  background-color: #FFFFFF;
  padding: 5px 0px 5px 20px;
  margin: 0px 40px 0px 10px;
  font-size: 1rem;
  color: #222222;
}
.lr_bos .lr_bos_icon_row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lr_bos .lr_bos_icon_btn.success {
  color: #007531;
}
.lr_bos .lr_bos_icon_btn.success:hover {
  color: #00B84D;
}
.lr_bos #wearEstimateWrap {
  display: contents;
}
.lr_bos .lr_bos_padlock {
  border: 0;
  background: transparent;
  color: #c0392b;
  cursor: pointer;
  padding: 0px 4px;
  font-size: 16px;
}
.lr_bos .lr_bos_padlock.is_open {
  color: #007531;
}
.lr_bos .lr_bos_sig_preview {
  min-height: 48px;
  border: 1px dashed #cccccc;
  background-color: #ffffff;
  padding: 4px;
  border-radius: 4px;
}
.lr_bos .lr_bos_sig_preview svg,
.lr_bos .lr_bos_sig_preview img {
  max-width: 100%;
  max-height: 64px;
  display: block;
}
.lr_bos .lr_bos_print_choices {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-top: 16px;
}
.lr_bos .lr_bos_print_choice {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #333399;
  font-weight: 700;
}
.lr_bos .lr_bos_print_choice:hover {
  color: #007531;
}

#lrBosFinaliseModal .lr_bos_finalise_stock_label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 6px 0px 2px 0px;
}
#lrBosFinaliseModal .lr_bos_finalise_stock_label .textbox_label {
  margin: 0px;
}
#lrBosFinaliseModal .lr_bos_finalise_stock_label .small_text {
  white-space: nowrap;
  text-align: right;
}

.lr_bos .small_text.warning {
  color: #EE0000;
  font-weight: 700;
}
.lr_bos .lr_bos_sig_preview {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 10px 0px 0px 0px;
  background-color: #D1E7EE;
  border: 0;
  border-radius: 0;
}

@media only screen and (min-width: 64em) {
  .lr_bos .lr_bos_new_line {
    grid-column-start: 1;
  }
}
.lr_bos .lr_bos_field_note {
  margin: -10px 0px 14px 0px;
  font-size: 0.75rem;
  color: #4D4D4D;
}

.lr_bos .lr_bos_off input.uber_form_textbox,
.lr_bos .lr_bos_off select.uber_form_dropdown,
.lr_bos .lr_bos_off textarea.uber_form_textarea {
  background-color: #DDDDDD;
  color: #6A6A6A;
  pointer-events: none;
}
.lr_bos .lr_bos_off .radio_toolbar_large label,
.lr_bos .lr_bos_off .radio_toolbar label {
  opacity: 0.5;
  pointer-events: none;
}
.lr_bos .lr_bos_off.lr_bos_or {
  opacity: 0.5;
}

.lr_bos .lr_bos_tape_col .lr_bos_padlock {
  margin: 0px 0px 0px 6px;
  vertical-align: middle;
  font-size: 1.125rem;
  color: #333399;
}
.lr_bos .lr_bos_tape_col input.textbox_invisible_right:not([readonly]) {
  font-size: 1.25rem !important;
  color: #3D3D3D;
  text-align: right;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.lr_bos #wsWearEstimateWrap {
  display: contents;
}

.lr_bos .lr_bos_checklist .lr_hist_check_label {
  font-size: 1.125rem;
  line-height: 2rem;
}
@media (min-width: 64em) {
  .lr_bos .lr_bos_checklist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0px;
  }
  .lr_bos .lr_bos_checklist .lr_hist_task {
    border-top: 2px solid #DDDDDD;
    padding-top: 14px;
    padding-right: 24px;
  }
  .lr_bos .lr_bos_checklist .lr_hist_task:nth-child(-n+2) {
    border-top: none;
    padding-top: 0px;
  }
}

@media (min-width: 64em) {
  .lr_bos .lr_bos_checklist_mixed .lr_hist_task:nth-child(n+7) {
    grid-column: 1/-1;
  }
}

.lr_bos .lr_bos_side_label {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 2rem;
  margin: 3px 0px 6px 0px;
}

.lr_bos .lr_bos_email_attach {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.lr_bos .lr_bos_email_attach .fa-stack {
  font-size: 1.5rem;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
.lr_bos .lr_bos_email_attach .fa-paperclip {
  font-size: 0.8em;
  margin-top: -2px;
}

.lr_bos .lr_bos_pdf_import_btn {
  height: 50px;
  position: relative;
  margin: -10px 0px 0px 10px;
  cursor: pointer;
}

.lr_bos_pdf_import_modal .lr_modal__panel--wide {
  max-width: 1100px;
}

.bill_of_sale_pdf_import_status {
  min-height: 3rem;
  padding: 0.8rem 0;
}

.bill_of_sale_pdf_import_status:empty {
  min-height: 0;
  padding: 0;
}

.bill_of_sale_pdf_import_status.is_error {
  color: #b42318;
  font-weight: 700;
}

.bill_of_sale_pdf_import_progress {
  align-items: center;
  display: flex;
  font-size: 2rem;
  gap: 0.8rem;
  justify-content: center;
  min-height: 5rem;
  padding: 0.5rem 0 1.25rem;
}

.lr_bos_pdf_import_progress_logo {
  height: 100px;
  position: relative;
  margin: -10px 20px 0px 0px;
}

.bill_of_sale_pdf_import_source {
  align-items: baseline;
  border-bottom: 1px solid #d0d5dd;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 14px 0 0.75rem;
}

.bill_of_sale_pdf_import_section {
  border-bottom: 1px solid #d0d5dd;
  padding: 1rem 0 0.4rem;
}

.bill_of_sale_pdf_import_section_heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.bill_of_sale_pdf_import_match {
  border-radius: 4px;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.5rem;
}

.bill_of_sale_pdf_import_match.is_existing {
  background: #d1fadf;
  color: #05603a;
}

.bill_of_sale_pdf_import_match.is_new {
  background: #fef0c7;
  color: #7a2e0e;
}

.lr_bos_pdf_import_modal label.textbox_label {
  font-size: 0.75rem;
  font-weight: 700;
}

.lr_bos_pdf_import_modal input.uber_form_textbox {
  margin-bottom: 0.75rem;
}

.bill_of_sale_pdf_import_warnings {
  background: #fffaeb;
  border-left: 4px solid #f79009;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
}

.bill_of_sale_pdf_import_warnings ul {
  margin-bottom: 0;
}

.bill_of_sale_pdf_import_actions {
  display: flex;
  flex: 0 0 auto;
  gap: 0.5rem;
  justify-content: flex-end;
  padding: 0px 1.35rem 1.25rem;
}

@media only screen and (max-width: 640px) {
  .bill_of_sale_pdf_import_source,
  .bill_of_sale_pdf_import_section_heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.35rem;
  }
}
@media (min-width: 64em) and (max-width: 79.9375em) {
  .lr_bos.lr_bos_appraisal.lr_appraisal_setup .lr_appraisal_setup_print_btn i {
    font-size: 2rem;
    line-height: 44px;
  }
}
.lr_bos .lr_btn_small.lr_btn_wrap {
  white-space: normal;
  text-align: center;
  line-height: 1.2;
  max-width: 100%;
}

.lr_bos_appraisal .lr_appraisal_form .lr_appraisal_meta {
  margin: 0px 0px 12px 0px;
  color: #4D4D4D;
}
.lr_bos_appraisal .lr_appraisal_form .lr_bos_reminder_box {
  margin: 10px 0px 20px 0px;
  padding: 16px 20px;
  border: 2px dashed #CCCCCC;
  border-radius: 12px;
  background-color: #FFFFFF;
}
.lr_bos_appraisal .lr_appraisal_form .lr_bos_reminder_box h3 {
  margin: 0px 0px 6px 0px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #A5A5A5;
}
.lr_bos_appraisal .lr_appraisal_form .lr_bos_reminder_box p {
  margin: 0px;
  color: #4D4D4D;
}
.lr_bos_appraisal .lr_appraisal_form .lr_appraisal_actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: 0px 0px 20px 0px;
}

.lr_bos_sig_preview.is_clickable {
  cursor: pointer;
}

.lr_staff_print_sig_scope {
  color: #5a6475;
  margin: 0px 0px 12px 0px;
  line-height: 1.4;
}

.lr_staff_print_sig_name {
  margin: 0px 0px 8px 0px;
  font-weight: 700;
}

.lr_staff_print_sig_pad {
  width: 100%;
  max-width: 480px;
  aspect-ratio: 6/1;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.lr_staff_print_sig_pad canvas {
  width: 100%;
  height: 100%;
  display: block;
  cursor: crosshair;
}

.lr_staff_print_sig_tools {
  margin: 8px 0px 0px 0px;
}

.lr_staff_print_sig_consent {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin: 12px 0px;
}

.lr_staff_print_sig_icon {
  appearance: none;
  border: 0;
  background: transparent;
  color: #a5a5a5;
  cursor: pointer;
  padding: 0px 0px 0px 8px;
  line-height: 1;
}
.lr_staff_print_sig_icon.is_on {
  color: #333399;
}
.lr_staff_print_sig_icon:hover {
  color: #007531;
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  .lr_bos .row > .large_2.columns:has(> input[type=date]) {
    grid-column: span 3;
  }
  .lr_bos .row > .large_2.columns:has(> input[type=date]) + .large_10.columns {
    grid-column: span 9;
  }
}
.lr_customer_lists_modal_box.lr_docu_send_box {
  width: 640px;
}

.lr_docu_send_intro {
  margin: 0 0 12px 0;
  font-size: 0.875rem;
  color: #495057;
}

.lr_docu_send_missing {
  margin: 0 0 12px 0;
  padding: 10px 12px;
  border-left: 3px solid #f08a24;
  border-radius: 4px;
  background: #fff8e1;
  font-size: 0.875rem;
  color: #212529;
}
.lr_docu_send_missing[hidden] {
  display: none;
}

.lr_docu_send_rows {
  margin: 0 0 8px 0;
}

.lr_docu_send_row {
  display: grid;
  grid-template-columns: 190px 1fr;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid #e9ecef;
}
.lr_docu_send_row:last-child {
  border-bottom: 0;
}

.lr_docu_send_role {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
  padding: 8px 10px;
  border-radius: 4px;
  background: #f8f9fa;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #181849;
  cursor: default;
}
.lr_docu_send_role .fa-lock {
  font-size: 0.75rem;
  color: #6c757d;
}

.lr_docu_send_name {
  flex-basis: 100%;
  font-weight: 400;
  color: #495057;
}

.lr_docu_send_fields .uber_form_textbox {
  width: 100%;
  margin: 0 0 6px 0;
}
.lr_docu_send_fields .uber_form_textbox:last-child {
  margin-bottom: 0;
}
.lr_docu_send_fields .uber_form_textbox[aria-invalid=true] {
  border-color: #b9032b;
}

.lr_docu_send_loading {
  margin: 8px 0;
  color: #6c757d;
}

.lr_docu_send_box .uber_form_textarea {
  width: 100%;
}

@media only screen and (max-width: 640px) {
  .lr_docu_send_row {
    grid-template-columns: 1fr;
  }
}
.lr_sales_appraisal_toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0px 0px 16px 0px;
}

.lr_dead_appraisal_icon {
  font-size: 2.25rem;
  margin: 0px 0px 10px 4px;
}

.lr_sales_appraisal_layout {
  display: grid;
  width: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 280px);
  gap: 24px;
  align-items: start;
}

.lr_appraisal_status_line {
  margin: 0px 0px 16px 0px;
}

.lr_appraisal_status_chip {
  display: inline-block;
  background-color: #007531;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 2px 10px;
  border-radius: 10px;
  margin-left: 6px;
  vertical-align: middle;
}

.lr_appraisal_row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 0px 14px;
}

.lr_span_1 {
  grid-column: span 1;
}

.lr_span_2 {
  grid-column: span 2;
}

.lr_span_3 {
  grid-column: span 3;
}

.lr_span_4 {
  grid-column: span 4;
}

.lr_span_6 {
  grid-column: span 6;
}

.lr_span_8 {
  grid-column: span 8;
}

.lr_span_12 {
  grid-column: span 12;
}

.lr_sales_appraisal_photo img,
.lr_sales_appraisal_photo .lr_cc_photo_empty {
  width: 100%;
  max-width: 280px;
  border-radius: 4px;
  object-fit: cover;
}

.lr_sales_appraisal_photo .lr_cc_photo_empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  background-color: rgba(0, 0, 0, 0.06);
  color: #888888;
  font-size: 3rem;
}

.lr_sales_appraisal_form .textbox_label {
  display: block;
  margin: 0px 0px 12px 0px;
}
.lr_sales_appraisal_form .uber_form_textbox,
.lr_sales_appraisal_form .uber_form_textarea {
  width: 100%;
}

.lr_sales_advertised_card {
  max-width: 40rem;
  margin-top: 16px;
  padding: 24px;
  border: 1px solid #A5A5A5;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.lr_sales_advertised_card > i {
  color: #333399;
  margin-bottom: 12px;
}
.lr_sales_advertised_card h3 {
  margin: 0px 0px 8px 0px;
}

@media only screen and (max-width: 64em) {
  .lr_sales_appraisal_layout {
    grid-template-columns: 1fr;
  }
  .lr_sales_appraisal_photo {
    order: -1;
  }
  .lr_appraisal_row .lr_span_2,
  .lr_appraisal_row .lr_span_3,
  .lr_appraisal_row .lr_span_4 {
    grid-column: span 6;
  }
  .lr_appraisal_row .lr_span_6,
  .lr_appraisal_row .lr_span_8 {
    grid-column: span 12;
  }
}
@media print {
  .lr_sales_appraisal_toolbar,
  .lr_appraisal_manage_toolbar,
  .dashb_head,
  #menu_dashb,
  .menu_dashb {
    display: none !important;
  }
}
.lr_appraisal_manage_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0px 0px 16px 0px;
}

.lr_appraisal_manage_toolbar_bottom {
  margin-top: 24px;
}

.lr_appraisal_manage_return {
  font-size: 1.75rem;
  color: #333399;
  line-height: 1;
}

.lr_appraisal_manage_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-left: auto;
}

.lr_appraisal_manage .uber_form_textbox.is_accepted {
  background-color: #d4edda;
}

.lr_appraisal_manage .uber_form_textbox.is_dead {
  background-color: #f8d7da;
}

.lr_appraisal_last_stock {
  color: #f08a24;
  font-size: 0.875rem;
  margin: 0px 0px 12px 0px;
}

.lr_appraisal_photo_icons {
  display: flex;
  gap: 16px;
  margin: 0px 0px 16px 0px;
}

.lr_appraisal_photo_btn {
  border: none;
  background: transparent;
  color: #333399;
  cursor: pointer;
  padding: 0px;
}

.lr_appraisal_edit_item {
  display: flex;
  align-items: flex-end;
  padding-bottom: 12px;
}
.lr_appraisal_edit_item a {
  color: #333399;
}

.lr_appraisal_features {
  margin: 16px 0px;
}
.lr_appraisal_features a {
  color: #333399;
  font-weight: 700;
}

.lr_appraisal_feature_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.lr_appraisal_feature_chip {
  border: 1px solid #d8d8d8;
  background-color: #f3f3f3;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.875rem;
}

.lr_appraisal_hybrid {
  margin: 0px 0px 16px 0px;
}

.lr_appraisal_panel {
  margin-bottom: 16px;
}

.lr_hist_from_appraisal {
  margin: 0px 0px 8px 0px;
}

.lr_appraisal_manage .textbox_label {
  display: block;
}

.lr_appraisal_manage .uber_form_textbox,
.lr_appraisal_manage .uber_form_textarea,
.lr_appraisal_manage .uber_form_dropdown {
  width: 100%;
}

.lr_appraisal_row:has(#TradeInFormItemWear),
.lr_appraisal_row:has(input[name=TradeInFormItemWearKnown]) {
  background-color: #DFF5E7;
  padding: 10px 12px 4px 12px;
  border-radius: 6px;
  margin: 0px 0px 8px 0px;
}

.lr_appraisal_carfax {
  margin: 0px 0px 16px 0px;
  font-size: 0.875rem;
}
.lr_appraisal_carfax p {
  margin: 0px 0px 4px 0px;
}

.lr_appraisal_manage_toolbar_bottom {
  justify-content: flex-end;
  border-top: 1px solid #DDDDDD;
  padding-top: 16px;
}
.lr_appraisal_manage_toolbar_bottom #btnDeadDealBottom {
  order: -1;
  margin-right: auto;
}

.lr_appraisal_photo_btn:hover {
  color: #22226b;
}

.lr_hist_embed_frame {
  display: block;
  width: 100%;
  height: calc(100vh - 300px);
  min-height: 480px;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  background-color: #FFFFFF;
  margin: 0px 0px 8px 0px;
}

.page-content:has(.msg_page_wrapper) {
  padding: 0px 0px 0px 10px;
}

.inbox_list_loading_overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}
.inbox_list_loading_overlay.is_visible {
  display: flex;
}

.inbox_list_loading_box {
  min-width: 280px;
  max-width: 90vw;
  padding: 28px 32px;
  border-radius: 6px;
  background: #ffffff;
  text-align: center;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

.inbox_list_loading_message {
  font-size: 1.35rem;
  font-weight: 700;
  color: #2d3a47;
  margin-bottom: 16px;
}

.inbox_list_loading_gears {
  margin: 12px 0 16px;
}
.inbox_list_loading_gears .fa-gear {
  color: #6d6d6d;
  margin: 0 4px;
}

.inbox_list_loading_submessage {
  font-size: 1rem;
  font-weight: 700;
  color: #2d3a47;
}

.msg_page_wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: calc(100vh - 108px);
  min-height: 480px;
}

.msg_left_column {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 400px;
  max-width: 60%;
  border-right: 1px solid #cccccc;
}

.msg_tab_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #dddddd;
}

.msg_tab_group {
  display: inline-flex;
  flex-wrap: wrap;
}
.msg_tab_group .btn_primary,
.msg_tab_group .btn_secondary {
  position: relative;
  margin: 0;
  padding: 6px 10px;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 700;
  text-decoration: none;
  color: #666666;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  border-bottom: none;
  border-radius: 0;
  transition: all 0.2s ease;
  cursor: pointer;
  user-select: none;
  outline: none;
}
.msg_tab_group .btn_primary:not(:first-child),
.msg_tab_group .btn_secondary:not(:first-child) {
  border-left: none;
}
.msg_tab_group .btn_primary:hover,
.msg_tab_group .btn_secondary:hover {
  background: #ebebeb;
  color: #333333;
}
.msg_tab_group .btn_primary:focus,
.msg_tab_group .btn_secondary:focus {
  outline: none;
}
.msg_tab_group .btn_primary:focus-visible,
.msg_tab_group .btn_secondary:focus-visible {
  box-shadow: inset 0 0 0 2px #3adb76;
  z-index: 1;
}
.msg_tab_group .btn_primary {
  background: #ffffff;
  color: #333399;
}
.msg_tab_group .btn_primary:hover {
  background: #ffffff;
  color: #333399;
}
.msg_tab_group .btn_primary::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: #3adb76;
}

.msg_view_group {
  margin-left: 10px;
}

.msg_tab_tools {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}

.msg_stack_button {
  display: grid;
  grid-template-columns: 34px auto;
  grid-template-rows: auto auto;
  align-items: center;
  column-gap: 3px;
  margin: 0;
  padding: 0 5px;
  min-height: 39px;
  border: none;
  border-left: 1px solid #A5A5A5;
  background: transparent;
  text-align: left;
  text-decoration: none;
  color: #333399;
  cursor: pointer;
  white-space: nowrap;
}
.msg_stack_button:hover, .msg_stack_button:focus {
  background-color: #ebebeb;
  border-radius: 6px;
  outline: none;
  text-decoration: none;
}
.msg_stack_button i {
  grid-row: 1/span 2;
  justify-self: center;
  font-size: 1.75em;
}

.msg_stack_button_text {
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.05;
}

.msg_stack_button_sub_text {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 0.6875rem;
  line-height: 1.05;
  min-height: 12px;
}

.msg_stack_button_sms {
  color: #007531;
}

.msg_tool_icon_slot {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 6px 0 10px;
  border-left: 1px solid #A5A5A5;
}

.msg_round_tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  text-decoration: none;
  cursor: pointer;
}
.msg_round_tool i {
  font-size: 24px;
}
.msg_round_tool:hover {
  background-color: #ebebeb;
  text-decoration: none;
}

#btnAiReplyToggle {
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  font-size: 0;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
#btnAiReplyToggle::before {
  content: "\f890";
  font-family: "Font Awesome 7 Pro";
  font-size: 24px;
  font-weight: 900;
  color: #333399;
}
#btnAiReplyToggle:hover {
  background-color: #ebebeb;
}
#btnAiReplyToggle.btn_primary {
  background-color: #FFFFBF;
  border-color: #cccccc;
}
#btnAiReplyToggle.btn_primary:hover {
  background-color: #f0f0a8;
}

.msg_filter_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #cccccc;
  flex-shrink: 0;
  gap: 8px;
}

.msg_filter_group {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.msg_filter_group .btn_primary,
.msg_filter_group .btn_secondary {
  margin: 10px 8px;
  padding: 0 0 1px 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 1rem;
  font-weight: 400;
  color: #202020;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.msg_filter_group .btn_secondary:hover {
  color: #007531;
  background: transparent;
}
.msg_filter_group .btn_primary {
  font-weight: 700;
  color: #333399;
  border-bottom: 2px solid #333399;
}

.msg_email_list {
  display: flex;
  flex-direction: column;
  font-size: 0.75rem;
  color: #222222;
  flex: 1;
  min-height: 0;
}

.msg_list_header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  font-weight: 700;
}
.msg_list_header .msg_col_icon,
.msg_list_header .msg_col_from,
.msg_list_header .msg_col_subject,
.msg_list_header .msg_col_received {
  min-height: 30px;
  padding: 5px;
  border-left: 1px solid #cccccc;
  display: flex;
  align-items: center;
}
.msg_list_header .msg_col_icon {
  color: #565656;
}

.msg_list {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #cccccc;
  border-bottom: none;
  min-height: 0;
  background-color: #ffffff;
}

.msg_list_item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #cccccc;
  background: #ffffff;
  font-size: 0.75rem;
  color: inherit;
  cursor: pointer;
}
.msg_list_item:hover {
  background-color: #E1E1E1;
}
.msg_list_item.is_active {
  background-color: #E1E1E1;
}
.msg_list_item.is_open {
  background-color: #c8f3ba;
  font-weight: 700;
}
.msg_list_item.is_open:hover {
  background-color: #FFFFCC;
}
.msg_list_item.message_reply_sent {
  background-color: #E1F9FF;
  font-weight: 700;
}
.msg_list_item.ai_spam_row {
  background-color: #fff3cd;
  border-left: 4px solid #c0392b;
}
.msg_list_item.ai_spam_row:hover {
  background-color: #ffe8a3;
}
.msg_list_item.ai_spam_row .msg_col_from,
.msg_list_item.ai_spam_row .msg_col_subject {
  color: #7a1f1f;
}

.msg_col_reply,
.msg_col_icon {
  flex: 0 0 20px;
  width: 20px;
  padding: 7px 0 0 4px;
  min-height: 30px;
}

.msg_col_from {
  flex: 2;
  position: relative;
  min-width: 0;
  min-height: 30px;
  padding: 7px 30px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msg_col_from .msg_list_from_name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.msg_col_from i.msg_list_customer_status {
  font-style: normal;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  color: #333333;
  cursor: default;
  pointer-events: auto;
  z-index: 3;
}
.msg_col_from i.msg_list_customer_status.lr_fa_customer_status_icon {
  font-size: 16px;
}
.msg_col_from i.msg_list_new_contact {
  font-style: normal;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  font-size: 16px;
  line-height: 1;
  color: #007531;
  z-index: 3;
}

.msg_col_subject {
  flex: 6;
  min-width: 0;
  min-height: 30px;
  padding: 3px 0 0 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.msg_list_item .msg_col_subject {
  display: flex;
  align-items: center;
}
.msg_list_item .msg_col_subject .msg_subject_text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.msg_list_item .msg_col_subject .msg_list_pill,
.msg_list_item .msg_col_subject .msg_list_spam_badge,
.msg_list_item .msg_col_subject .msg_list_badge {
  flex-shrink: 0;
}

.msg_col_received {
  flex: 2;
  min-height: 30px;
  padding: 7px 8px 0 8px;
  white-space: nowrap;
}

.msg_list_badge {
  color: #5a6475;
  font-weight: 400;
  margin-left: 6px;
}

.msg_list_pill {
  display: inline-block;
  margin-left: 6px;
  padding: 1px 8px;
  border-radius: 9px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #ffffff;
  vertical-align: 1px;
}

.msg_pill_draft {
  background-color: #007531;
}

.msg_pill_ai_sent {
  background-color: #663399;
}
.msg_pill_ai_sent i {
  font-size: 0.6875rem;
}

.msg_list_spam_badge {
  color: #c0392b;
  margin-left: 6px;
  font-size: 0.95rem;
  vertical-align: middle;
}

.msg_unread_bar {
  padding: 6px;
  margin: 0;
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #565656;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

.msg_window {
  margin-top: 12px;
  position: relative;
  flex: 1;
  min-width: 0;
  padding: 10px;
  overflow-y: auto;
}

.msg_detail {
  position: relative;
  min-height: 320px;
}

.msg_subject_header {
  width: 100%;
  padding: 4px 10px 2px 10px;
  margin: -10px 0 10px 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #333333;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dddddd;
  border-radius: 4px 4px 0 0;
  overflow-x: hidden;
}

.msg_sender_identity {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 12px;
  margin: 5px 0;
}
.msg_sender_identity .msg_email_name {
  font-weight: 700;
}

.msg_body {
  margin: 20px 0 40px 0;
  padding: 20px;
  border: 4px solid #C0C0C0;
  overflow-x: auto;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.msg_body .msg_body_text {
  margin: 0;
  white-space: pre-wrap;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.9375rem;
  color: inherit;
  overflow-wrap: anywhere;
}

.msg_compose {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid #A5A5A5;
  border-radius: 8px;
  background-color: #ffffff;
  display: none;
}

.msg_compose_signature {
  margin-top: 8px;
  padding: 8px 0 0 0;
  border-top: 1px solid #d8d8e8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #555555;
}
.msg_compose_signature[hidden] {
  display: none;
}
.msg_compose_signature p {
  margin: 0 0 0.35em 0;
}
.msg_compose_signature img {
  max-width: 100%;
  height: auto;
}
.msg_compose_signature table {
  max-width: 100%;
}

.msg_toolbar_group {
  display: inline-flex;
  flex-wrap: wrap;
}

.msg_empty_state {
  position: absolute;
  text-align: center;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 400px;
}
.msg_empty_state img {
  max-width: 300px;
  width: 80%;
  opacity: 0.5;
  margin: 0 0 1rem 0;
}
.msg_empty_state p {
  font-size: 1.4rem;
  line-height: 1.4rem;
  font-weight: 900;
  color: #B2B2B2;
}

.msg_tool_container {
  float: right;
  margin: 0 20px 0 0;
  padding: 0;
}
.msg_tool_container .msg_tool_icon {
  float: right;
  font-size: 2rem;
  margin: 0 0 0 10px;
  padding: 0;
  border: none;
  background: transparent;
  line-height: 1;
  color: #333399;
  cursor: pointer;
}
.msg_tool_container .msg_tool_icon_reply:hover i {
  color: #007531;
}

.disabled_icon {
  opacity: 0.3;
  cursor: default !important;
  pointer-events: none;
}

.message_read {
  font-family: "Font Awesome 7 Pro";
  font-weight: bold;
}
.message_read:before {
  content: "\f658";
  color: #333399;
}
.message_read:hover:before {
  content: "\f0e0";
  color: #007531;
}

.message_un_read {
  font-family: "Font Awesome 7 Pro";
  font-weight: bold;
}
.message_un_read:before {
  content: "\f0e0";
  color: #007531;
}

.msg_assign_button {
  float: left;
  display: inline-block;
  margin: 5px 0px 5px 4px;
  padding: 5px !important;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  border: none;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}
.msg_assign_button.not_assigned {
  color: #FFFFFF;
  background-color: #f04124;
}
.msg_assign_button.not_assigned:hover {
  color: yellow;
}
.msg_assign_button.assigned {
  color: #FFFFFF;
  background-color: #007531;
}
.msg_assign_button.assigned:hover {
  color: yellow;
}

.email_list_header_sorting_desc:before {
  float: left;
  font-family: "Font Awesome 7 Pro";
  font-size: 16px;
  font-weight: bold;
  content: "\f0dd";
  margin: -8px 0px 0px 8px;
}

.email_list_header_sorting_asc:before {
  float: left;
  font-family: "Font Awesome 7 Pro";
  font-size: 16px;
  font-weight: bold;
  content: "\f0de";
  margin: 0px 0px -8px 8px;
}

.msg_attachment_container {
  width: 100%;
  padding: 8px 0;
}
.msg_attachment_container .attachment_file_list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border-top: 1px solid #e0e0e0;
  padding-top: 8px;
  margin-top: 4px;
}
.msg_attachment_container .attachment_file_item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.msg_attachment_container .attachment_file_item:hover {
  background-color: #e8e8e8;
  border-color: #007531;
}
.msg_attachment_container .attachment_file_icon {
  font-size: 1rem;
  color: #666666;
}
.msg_attachment_container .attachment_file_icon.fa-file-pdf {
  color: #e74c3c;
}
.msg_attachment_container .attachment_file_icon.fa-file-word {
  color: #2b579a;
}
.msg_attachment_container .attachment_file_icon.fa-file-excel {
  color: #217346;
}
.msg_attachment_container .attachment_file_icon.fa-file-zipper {
  color: #f39c12;
}
.msg_attachment_container .attachment_file_name {
  color: #333333;
  white-space: nowrap;
}

.msg_phone_row {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 20px;
  vertical-align: middle;
}
.msg_phone_row .msg_phone {
  font-weight: 700;
  margin: 0;
  display: inline-block;
}
.msg_phone_row .msg_phone_label {
  font-weight: 700;
  color: #565656;
  margin-right: 2px;
}

.msg_date_filter {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px 12px;
  margin: 0 0 6px 0;
}

.msg_date_filter_heading {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #A5A5A5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.msg_date_filter_controls {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
}

.msg_date_filter_chips {
  display: inline-flex;
  gap: 2px;
}

.msg_date_chip {
  margin: 0;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #202020;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}
.msg_date_chip:hover {
  border-color: #cccccc;
  background-color: #f0f0f0;
}
.msg_date_chip.is_active {
  border-color: #cccccc;
  font-weight: 700;
  color: #333399;
  background-color: #FFFFBF;
}

input[type=date].msg_date_input {
  width: 132px;
  height: 28px;
  margin: 0;
  padding: 0 6px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 0.8125rem;
  line-height: 26px;
  color: #222222;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: none;
}
input[type=date].msg_date_input:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 1px rgba(51, 51, 153, 0.2);
}

button.msg_date_apply {
  margin: 0;
  height: 28px;
  padding: 0 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #f5f5f5;
  font-size: 0.8125rem;
  color: #222222;
  white-space: nowrap;
  cursor: pointer;
}
button.msg_date_apply:hover {
  background: #ebebeb;
}

.msg_alpha_menu {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 2px 8px;
  min-height: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  overflow: visible;
  border: 1px solid #e0e0e0;
  background: #ffffff;
  box-sizing: border-box;
}

.msg_alpha_btn {
  margin: 0;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 400;
  color: #222222;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-block;
}
.msg_alpha_btn:hover {
  border-color: #cccccc;
  background-color: #f0f0f0;
  text-shadow: 0 0 0.5px currentColor, 0 0 0.5px currentColor;
  transform: scale(1.15);
}
.msg_alpha_btn.is_active {
  border-color: #cccccc;
  font-size: 1rem;
  font-weight: 700;
  color: #333399;
  background-color: #FFFFBF;
  transform: scale(1.15);
}

.msg_filter_row input[type=search].msg_list_search {
  width: 190px;
  max-width: 28vw;
  height: 28px;
  margin: 6px 10px 6px auto;
  padding: 0 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 0.875rem;
  line-height: 28px;
  color: #222222;
  background-color: #ffffff;
  box-sizing: border-box;
  box-shadow: none;
}
.msg_filter_row input[type=search].msg_list_search:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 1px rgba(51, 51, 153, 0.2);
}

.msg_assign_filter_group {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.msg_assign_filter_group .btn_primary,
.msg_assign_filter_group .btn_secondary {
  margin: 10px 8px;
  padding: 0 0 1px 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 1rem;
  font-weight: 400;
  color: #202020;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.msg_assign_filter_group .btn_primary:hover,
.msg_assign_filter_group .btn_secondary:hover {
  color: #007531;
  background: transparent;
}
.msg_assign_filter_group .btn_primary.is_active,
.msg_assign_filter_group .btn_secondary.is_active {
  font-weight: 700;
  color: #333399;
  border-bottom: 2px solid #333399;
}

.msg_list_header .msg_sort {
  margin: 0;
  border: 0;
  border-left: 1px solid #cccccc;
  background: transparent;
  font: inherit;
  font-weight: 700;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.msg_list_header .msg_sort:hover {
  background-color: #f5f5f5;
}

.msg_sort.email_list_header_sorting_desc:before,
.msg_sort.email_list_header_sorting_asc:before {
  content: none;
}

.msg_list_header .msg_sort::after {
  content: "\f0dd";
  font-family: "Font Awesome 7 Pro";
  font-size: 13px;
  font-weight: 900;
  color: #333399;
  margin-left: 6px;
  position: relative;
  top: -3px;
}

.msg_list_header .msg_sort.email_list_header_sorting_asc::after {
  content: "\f0de";
  top: 3px;
}

#btnCheckEmail {
  color: #007531;
}
#btnCheckEmail.is_busy i {
  animation: fa-spin 0.8s infinite linear;
}
#btnCheckEmail:disabled {
  cursor: default;
}

.msg_icon_container {
  float: left;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.msg_icon_container .msg_customer_status_stack {
  width: 2.2em;
  height: 2.2em;
  line-height: 2.2em;
  cursor: pointer;
}
.msg_icon_container .msg_customer_status_circle {
  color: #1f1f1f;
}
.msg_icon_container .msg_customer_status_glyph.lr_fa_customer_status_icon {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-size: 0.95em;
  color: #ffffff;
  display: inline-block;
  margin: 0;
  margin-top: -2px;
}

.msg_address_container {
  float: left;
  margin: 0;
  padding: 0;
}
.msg_address_container .msg_sender_identity {
  margin: 5px 0;
}
.msg_address_container .msg_assign_button {
  margin: 5px 0 5px 4px;
}
.msg_address_container .msg_phone_row {
  margin: 6px 0 0 20px;
}

.msg_tool_container .msg_tool_icon_nexusiq {
  margin: 0 40px 0 10px;
  text-decoration: none;
}
.msg_tool_container .msg_tool_icon_nexusiq:hover {
  text-decoration: none;
}

.msg_overlay {
  position: fixed;
  inset: 0;
  z-index: 10010;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(27, 31, 42, 0.45);
  box-sizing: border-box;
}

.msg_dialog {
  width: min(420px, 100%);
  max-height: calc(100vh - 36px);
  background: #ffffff;
  border-radius: 6px;
  overflow: auto;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
}

.msg_dialog_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #181849;
}
.msg_dialog_header h3 {
  margin: 0;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
}

.msg_dialog_close {
  margin: 0;
  padding: 0 6px;
  border: none;
  background: transparent;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}
.msg_dialog_close:hover {
  opacity: 0.75;
}

.msg_dialog_body {
  padding: 14px;
}
.msg_dialog_body label {
  display: block;
  margin-bottom: 4px;
  font-size: 0.875rem;
  font-weight: 700;
}

.msg_dialog_error {
  margin: 8px 0 0 0;
  color: #f04124;
  font-weight: 700;
  font-size: 0.875rem;
}

.msg_dialog_actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid #e4e6ee;
}
.msg_dialog_actions .btn_primary,
.msg_dialog_actions .btn_secondary {
  margin: 0;
}

.msg_compose_results:not(:empty) {
  margin: 10px 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  max-height: 220px;
  overflow-y: auto;
}

.msg_compose_match_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.msg_compose_match_list li {
  margin: 0;
}
.msg_compose_match_list .btn_secondary {
  display: block;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  border-bottom: 1px solid #eeeeee;
  border-radius: 0;
  background: #ffffff;
  color: #222222;
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
}
.msg_compose_match_list .btn_secondary:hover {
  background-color: #E1E1E1;
}
.msg_compose_match_list .btn_secondary strong {
  display: block;
  font-weight: 700;
}
.msg_compose_match_list .btn_secondary span {
  display: block;
  font-size: 0.75rem;
  color: #565656;
}
.msg_compose_match_list li:last-child .btn_secondary {
  border-bottom: none;
}

.msg_compose_empty {
  padding: 8px 10px;
  margin: 0;
  color: #565656;
  font-size: 0.875rem;
}

.msg_compose_picked {
  margin: 4px 0 8px 0;
  font-size: 0.875rem;
}
.msg_compose_picked:empty {
  display: none;
}

.message_thread_container {
  margin-top: 10px;
  padding-top: 14px;
  border-top: 2px solid #dddddd;
}

.message_thread_heading {
  font-size: 0.9rem;
  font-weight: 700;
  color: #555555;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding-bottom: 8px;
  margin-bottom: 6px;
  border-bottom: 1px solid #e0e0e0;
}

.message_thread_loading,
.message_thread_empty {
  font-size: 0.85rem;
  color: #999999;
  font-style: italic;
  padding: 12px 0;
}

.message_thread_messages {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.thread_message {
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fafafa;
  overflow: hidden;
}

.message_thread_item {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  background: #f0f0f0;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s;
}
.message_thread_item:hover {
  background: #e6e6e6;
}

.thread_message_direction {
  flex-shrink: 0;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 2px 6px;
  border-radius: 3px;
  line-height: 1.4;
}

.thread_direction_in {
  background: #d4edda;
  color: #155724;
}

.thread_direction_out {
  background: #cce5ff;
  color: #004085;
}

.thread_message_subject {
  flex: 1;
  font-size: 0.85rem;
  font-weight: 600;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.thread_message_date {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: #888888;
  white-space: nowrap;
}

.thread_message_chevron {
  flex-shrink: 0;
  padding: 2px 4px;
  font-size: 0.7rem;
  color: #999999;
  transition: transform 0.2s;
}
.thread_message_chevron.rotated {
  transform: rotate(180deg);
}

.message_thread_preview {
  display: block;
  padding: 6px 10px;
  font-size: 0.8rem;
  color: #666666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.thread_message.is_expanded .message_thread_preview {
  display: none;
}

.thread_message_body {
  display: none;
  padding: 10px 12px;
  border-top: 1px solid #e0e0e0;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #444444;
  max-height: 400px;
  overflow-y: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: #ffffff;
}
.thread_message_body.expanded {
  display: block;
}
.thread_message_body pre {
  white-space: pre-wrap;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  margin: 0;
}

.msg_ai_draft_panel {
  margin-top: 1rem;
  padding: 14px 16px;
  border: 1px solid #d8d8e8;
  border-radius: 6px;
  background: #f4f4fb;
}
.msg_ai_draft_panel label {
  display: block;
  margin: 10px 0 4px 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
}

.msg_ai_draft_head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.msg_ai_draft_head h3 {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #333399;
}

.msg_ai_draft_status {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333399;
  white-space: nowrap;
}

textarea#aiDraftBody {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  background: #ffffff;
  resize: vertical;
}

select#aiDraftFrom {
  width: 100%;
  max-width: 36rem;
}

.msg_ai_draft_signature {
  margin-top: 8px;
  padding: 8px 0 0 0;
  border-top: 1px solid #d8d8e8;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #555555;
}
.msg_ai_draft_signature p {
  margin: 0 0 0.35em 0;
}

@supports (field-sizing: content) {
  textarea#aiDraftBody {
    field-sizing: content;
    min-height: 10em;
    overflow: hidden;
  }
}
.msg_ai_draft_actions {
  margin: 14px 0 0 0;
}
.msg_ai_draft_actions #btnAiDraftReject {
  background-color: #f04124;
  border-color: #f04124;
  color: #ffffff;
}
.msg_ai_draft_actions #btnAiDraftReject:hover {
  background-color: #c0392b;
  border-color: #c0392b;
}

@media (max-width: 900px) {
  .msg_page_wrapper {
    display: block;
    height: auto;
    min-height: 0;
  }
  .msg_left_column {
    max-width: 100%;
    min-width: 0;
    border-right: none;
  }
  .msg_list {
    max-height: 60vh;
  }
  .msg_page_wrapper.is_reading .msg_list_wrap {
    display: none;
  }
  .msg_page_wrapper:not(.is_reading) .msg_detail_wrap {
    display: none;
  }
  .msg_subject_header {
    margin-top: 0;
  }
  .msg_date_filter,
  .msg_date_filter_controls {
    flex-wrap: wrap;
  }
}
@media (max-width: 720px) {
  .msg_date_filter {
    gap: 6px 8px;
    margin-bottom: 8px;
  }
  .msg_date_filter_heading {
    flex: 0 0 auto;
    font-size: 1.25rem;
  }
  .msg_date_filter_controls {
    display: contents;
  }
  .msg_date_filter_chips {
    flex: 1 0 auto;
    justify-content: flex-end;
  }
  .msg_date_chip {
    min-height: 36px;
    padding: 6px 8px;
    font-size: 0.875rem;
  }
  input[type=date].msg_date_input {
    flex: 1 1 36%;
    width: auto;
    min-width: 0;
    height: 38px;
    font-size: 0.9375rem;
  }
  button.msg_date_apply {
    height: 38px;
    padding: 0 14px;
    font-size: 0.875rem;
  }
  .msg_alpha_menu {
    display: none;
  }
  .msg_tab_row {
    flex-direction: column;
    align-items: stretch;
    border-bottom: none;
  }
  .msg_tab_group {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #dddddd;
  }
  .msg_tab_group .btn_primary,
  .msg_tab_group .btn_secondary {
    flex: 1 1 0;
    min-height: 42px;
    padding: 8px 4px;
    font-size: 0.9375rem;
    text-align: center;
    white-space: nowrap;
  }
  .msg_view_group {
    margin: 6px 0 0 0;
  }
  .msg_tab_tools {
    margin: 6px 0 0 0;
    padding: 2px 0;
    justify-content: space-around;
    border-bottom: 1px solid #dddddd;
  }
  .msg_stack_button {
    grid-template-columns: 44px;
    column-gap: 0;
    min-height: 44px;
    padding: 0;
    border-left: none;
  }
  .msg_stack_button i {
    font-size: 1.5rem;
  }
  .msg_stack_button_text,
  .msg_stack_button_sub_text {
    display: none;
  }
  .msg_tab_tools .msg_tool_icon_slot {
    padding: 0;
    border-left: none;
    gap: 8px;
  }
  .msg_filter_row {
    gap: 0;
  }
  .msg_filter_group,
  .msg_assign_filter_group {
    display: contents;
  }
  .msg_filter_group .btn_primary,
  .msg_filter_group .btn_secondary,
  .msg_assign_filter_group .btn_primary,
  .msg_assign_filter_group .btn_secondary {
    margin: 8px 3px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
  .msg_staff_filter_wrap {
    flex: 1 1 100%;
    margin: 0 0 6px 0;
  }
  .msg_filter_row label.msg_staff_filter_wrap select.msg_staff_filter {
    flex: 1 1 auto;
    height: 38px;
    font-size: 0.9375rem;
  }
  .msg_filter_row input[type=search].msg_list_search {
    flex: 1 1 100%;
    width: 100%;
    max-width: none;
    height: 38px;
    margin: 2px 0 8px 0;
  }
  .msg_list_header {
    display: none;
  }
  .msg_list {
    max-height: none;
    border-top: 1px solid #cccccc;
  }
  .msg_list_item {
    display: grid;
    grid-template-columns: 18px 18px 1fr auto;
    grid-template-areas: "reply attach from date" "reply attach subject subject";
    gap: 2px 8px;
    padding: 10px 10px;
  }
  .msg_list_item .msg_col_reply,
  .msg_list_item .msg_col_icon {
    width: auto;
    min-height: 0;
    padding: 0;
    margin-top: 2px;
    align-self: start;
  }
  .msg_list_item .msg_col_reply {
    grid-area: reply;
  }
  .msg_list_item .msg_col_icon {
    grid-area: attach;
  }
  .msg_list_item .msg_col_from {
    grid-area: from;
    min-height: 0;
    padding: 0 26px 0 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #222222;
  }
  .msg_list_item .msg_col_subject {
    grid-area: subject;
    min-height: 0;
    padding: 0;
    font-size: 0.875rem;
    color: #555555;
  }
  .msg_list_item .msg_col_received {
    grid-area: date;
    min-height: 0;
    padding: 0;
    font-size: 0.75rem;
    color: #888888;
    text-align: right;
  }
  .msg_list_item.is_open {
    background-color: #fffdf0;
  }
  .msg_list_item.is_open:hover {
    background-color: #fffdf0;
  }
  .msg_list_item.is_active {
    background-color: #eef0ff;
  }
  .msg_unread_bar {
    padding: 8px;
    font-size: 0.875rem;
  }
  .msg_page_wrapper.is_reading #btnBackListWrap {
    display: block;
  }
  .msg_window {
    margin-top: 0;
    padding: 0 0 24px 0;
  }
  .msg_subject_header {
    margin: 0 0 8px 0;
    border-radius: 0;
  }
  .msg_tool_container {
    float: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 2px;
    margin: 0 0 6px 0;
    padding: 6px 2px;
    border-bottom: 1px solid #e5e5e5;
  }
  .msg_tool_container .msg_tool_icon {
    float: none;
    margin: 0;
  }
  .msg_tool_container .msg_tool_icon_nexusiq {
    margin: 0;
  }
  .msg_icon_container {
    font-size: 0.75rem;
    margin: 6px 10px 0 0;
  }
  .msg_address_container {
    float: none;
    overflow: hidden;
    padding-top: 6px;
  }
  .msg_body {
    margin: 12px 0 24px 0;
    padding: 12px;
    border-width: 2px;
  }
  .msg_compose {
    padding: 12px;
  }
  .msg_empty_state img {
    max-width: 200px;
  }
  .msg_dialog {
    width: 100%;
  }
}
#btnBackListWrap {
  display: none;
  margin: 0 0 0.5rem 0;
}
#btnBackListWrap .btn_secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #333399;
  font-size: 1rem;
  font-weight: 700;
}

.msg_staff_filter_wrap {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 0 8px;
  font-weight: 400;
}

.msg_staff_filter_label {
  font-size: 0.875rem;
  color: #202020;
}

.msg_filter_row select.msg_staff_filter {
  min-width: 140px;
  height: 28px;
  margin: 0;
  padding: 0 6px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 0.875rem;
  color: #222222;
  background-color: #ffffff;
  box-sizing: border-box;
}
.msg_filter_row select.msg_staff_filter:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 1px rgba(51, 51, 153, 0.2);
}

.msg_compose_create {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fafafa;
}

.msg_compose_create_divider {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px 0;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 700;
}
.msg_compose_create_divider::before, .msg_compose_create_divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #dddddd;
}

.msg_compose_search_status,
.msg_compose_create_status {
  margin: 8px 0 0 0;
  color: #565656;
  font-size: 0.875rem;
}
.msg_compose_search_status:empty,
.msg_compose_create_status:empty {
  display: none;
}

.msg_dup_matches {
  border: 1px solid #dddddd;
  border-radius: 4px;
  max-height: 220px;
  overflow-y: auto;
}

.msg_dup_match {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  border-bottom: 1px solid #eeeeee;
  border-radius: 0;
  background: #ffffff;
  font-size: 0.875rem;
  color: #222222;
  cursor: pointer;
  text-align: left;
}
.msg_dup_match:hover {
  background-color: #E1E1E1;
}
.msg_dup_match:last-child {
  border-bottom: none;
}
.msg_dup_match em {
  font-style: normal;
  font-weight: 700;
  color: #007531;
  margin-top: 4px;
}

.inbox_nexusiq_modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10020;
  align-items: stretch;
  justify-content: center;
  padding: 18px;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}

.inbox_nexusiq_modal.is_visible {
  display: flex;
}

.inbox_nexusiq_modal_panel {
  display: flex;
  flex-direction: column;
  width: min(1400px, 100%);
  height: 100%;
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
}

.inbox_nexusiq_modal_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 0 0 auto;
  padding: 10px 14px;
  border-bottom: 1px solid #cccccc;
  background: #f5f5f5;
}

.inbox_nexusiq_modal_title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #2d3a47;
}

.inbox_nexusiq_modal_actions {
  display: flex;
  align-items: center;
  gap: 14px;
}

.inbox_nexusiq_open_full {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333399;
  text-decoration: underline;
  cursor: pointer;
}

.inbox_nexusiq_close {
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #333333;
  font-size: 1.75rem;
  line-height: 1;
  cursor: pointer;
}
.inbox_nexusiq_close:hover {
  background: #e8e8e8;
}

.inbox_nexusiq_loading {
  display: none;
  padding: 12px 14px;
  font-weight: 700;
  color: #2d3a47;
  background: #fff8e1;
  border-bottom: 1px solid #e0b04a;
}

.inbox_nexusiq_loading.is_visible {
  display: block;
}

.inbox_nexusiq_frame {
  flex: 1 1 auto;
  width: 100%;
  border: 0;
  background: #ffffff;
}

body.inbox_nexusiq_modal_open {
  overflow: hidden;
}

.page-content:has(.lr_conversations_root) {
  padding: 0px 0px 0px 10px;
}

.lr_conversations_root {
  color: #1b1f2a;
}

.lr_conversations_gate {
  max-width: 520px;
  margin: 4rem auto;
  padding: 2rem;
  text-align: center;
  background: #ffffff;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
}
.lr_conversations_gate img {
  width: 220px;
  max-width: 70%;
  opacity: 0.45;
  margin-bottom: 1.25rem;
}
.lr_conversations_gate h2 {
  margin: 0 0 0.5rem 0;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.5rem;
  color: #333399;
}
.lr_conversations_gate p {
  margin: 0 0 0.5rem 0;
  color: #4a5163;
}

.lr_conversations_gate_note {
  font-size: 0.875rem;
  color: #5a6475;
}

.lr_conversations_shell {
  --lr_conv_nav_w: 212px;
  --lr_conv_list_w: 330px;
  --lr_conv_context_w: 300px;
  display: grid;
  grid-template-columns: var(--lr_conv_nav_w) 5px var(--lr_conv_list_w) 5px minmax(200px, 1fr) 5px var(--lr_conv_context_w);
  grid-template-rows: auto minmax(0, 1fr);
  min-height: max(520px, 100vh - 108px);
  margin: 8px 10px 0 0;
  background: #ffffff;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  overflow: clip;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.06);
}

.lr_conversations_top_bar {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  grid-column: 1/6;
  grid-row: 1;
  z-index: 3;
  min-width: 0;
  background: #ffffff;
  border-bottom: 1px solid #e3e6f0;
}

.lr_conversations_date_filter {
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
  padding: 8px 12px 6px 14px;
  border-bottom: none;
  background: transparent;
}
.lr_conversations_date_filter .msg_date_filter_controls {
  flex-shrink: 0;
}
.lr_conversations_date_filter input[type=date].msg_date_input {
  width: 106px;
}
.lr_conversations_date_filter .lr_conversations_new_wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.lr_conversations_date_filter .lr_conversations_new_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 1.2rem;
}
.lr_conversations_date_filter .lr_conversations_new_menu {
  left: 0;
  right: auto;
}

.lr_conversations_detail_col {
  grid-column: 5;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #ffffff;
}

.lr_conversations_detail_col > .lr_conversations_detail {
  flex: 1 1 auto;
  min-height: 0;
}

.lr_conversations_customer_tabs {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: 4px 12px 0 0;
  background: transparent;
}

.lr_conversations_nexusiq_mark {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-left: auto;
  height: 28px;
  margin-bottom: 4px;
}

.lr_conversations_shell.is_context_open .lr_conversations_nexusiq_mark {
  display: none;
}

.lr_conversations_shell.is_context_open .lr_conversations_customer_tab_bar {
  margin-left: auto;
}

.lr_conversations_nexusiq_logo {
  display: block;
  height: 28px;
  width: auto;
}

.lr_conversations_nexusiq_logo_link,
.lr_conversations_nexusiq_logo_disabled {
  display: inline-flex;
  align-items: center;
  line-height: 0;
}

.lr_conversations_nexusiq_logo_link[hidden],
.lr_conversations_nexusiq_logo_disabled[hidden] {
  display: none;
}

.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
  margin: 0;
  border-bottom: none;
  min-width: 0;
  flex: 0 1 auto;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 6px;
  padding: 6px 12px;
  font-size: 0.75rem;
  white-space: nowrap;
  border-radius: 6px 6px 0 0;
  line-height: 1.2;
}
.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .lr_conversations_tab_icon {
  flex-shrink: 0;
  font-size: 0.95rem;
  line-height: 1;
}
.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .lr_conversations_tab_label {
  white-space: nowrap;
}
.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar.is_icon_only .lr_conversations_tab_label {
  display: none;
}
.lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar.is_icon_only .bos_tab_btn {
  padding: 6px 8px;
}

.lr_conversations_resizer {
  position: relative;
  background: #e3e6f0;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
}
.lr_conversations_resizer::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 26px;
  transform: translate(-50%, -50%);
  border-radius: 1px;
  background: #b9bfd2;
  opacity: 0;
  transition: opacity 0.12s ease;
}
.lr_conversations_resizer:hover, .lr_conversations_resizer:focus-visible, .lr_conversations_resizer.is_dragging {
  background: #333399;
}
.lr_conversations_resizer:hover::after, .lr_conversations_resizer:focus-visible::after, .lr_conversations_resizer.is_dragging::after {
  opacity: 0.55;
  background: #ffffff;
}
.lr_conversations_resizer:focus-visible {
  outline: 2px solid #333399;
  outline-offset: -2px;
}

body.lr_conversations_is_resizing {
  cursor: col-resize;
  user-select: none;
}

.lr_conversations_nav {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #f5f6fb;
  border-right: 1px solid #e3e6f0;
}

@media (min-width: 901px) {
  .lr_conversations_nav > .lr_conversations_tools,
  .lr_conversations_nav > .lr_admin_conversations_tools {
    position: sticky;
    bottom: 24px;
    z-index: 2;
    background-color: inherit;
  }
}
.lr_conversations_nav_toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 6px 12px 0 12px;
  border: none;
  background: transparent;
  font-size: 0.8rem;
  line-height: 1;
  color: #9aa1b4;
  cursor: pointer;
}
.lr_conversations_nav_toggle:hover, .lr_conversations_nav_toggle:focus-visible {
  color: #333399;
}

.lr_conversations_nav_head {
  padding: 8px 16px 12px 16px;
  border-bottom: 1px solid #e3e6f0;
}

.lr_conversations_title_row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.lr_conversations_new_btn {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 1.35rem;
  line-height: 1;
  color: #333399;
  cursor: pointer;
}
.lr_conversations_new_btn:hover, .lr_conversations_new_btn:focus-visible {
  color: rgb(38.25, 38.25, 114.75);
}

.lr_conversations_new_menu {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  min-width: 190px;
  padding: 4px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.14);
}

.lr_conversations_new_menu_item {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  border-radius: 4px;
  background: transparent;
  font-size: 0.75rem;
  text-align: left;
  color: #1b1f2a;
  cursor: pointer;
}
.lr_conversations_new_menu_item:hover, .lr_conversations_new_menu_item:focus-visible {
  background: #f4f6fb;
}
.lr_conversations_new_menu_item i {
  width: 16px;
  text-align: center;
  color: #333399;
}

.lr_conversations_title {
  margin: 0;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.1;
  color: #333399;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.lr_conversations_tag {
  display: inline-block;
  margin-top: 5px;
  padding: 1px 7px;
  border-radius: 9px;
  background: #e5e7f5;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #4b4ba5;
}

.lr_conversations_nav_list {
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  flex: 1 0 auto;
}

.lr_conversations_queue_btn {
  display: grid;
  grid-template-columns: 20px 1fr auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 9px 14px 9px 13px;
  border: none;
  border-left: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  text-align: left;
  color: #3a4254;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.lr_conversations_queue_btn i {
  justify-self: center;
  font-size: 0.95rem;
  color: #7b839a;
}
.lr_conversations_queue_btn:hover {
  background: #f4f6fb;
  color: #333399;
}
.lr_conversations_queue_btn.is_active {
  background: #e8f0fd;
  border-left-color: #333399;
  font-weight: 700;
  color: #333399;
}
.lr_conversations_queue_btn.is_active i {
  color: #333399;
}

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

.lr_conversations_queue_count {
  min-width: 20px;
  padding: 1px 6px;
  border-radius: 9px;
  background: #dfe3ef;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.6;
  text-align: center;
  color: #4a5163;
}
.lr_conversations_queue_count.is_empty {
  display: none;
}

.lr_conversations_queue_btn.is_active .lr_conversations_queue_count {
  background: #333399;
  color: #ffffff;
}

.lr_conversations_auto_reply {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 14px;
  border-top: 1px solid #e3e6f0;
}

.lr_conversations_auto_reply_btn {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  box-sizing: border-box;
  width: 140px;
  height: 38px;
  margin: 10px 0 0 0;
  padding: 0 8px;
  border: 2px solid #B7B7B7;
  border-radius: 0.375rem;
  background: #ffffff;
  color: #B7B7B7;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
}
.lr_conversations_auto_reply_btn i {
  flex: 0 0 auto;
  font-size: 0.95rem;
  color: #B7B7B7;
}
.lr_conversations_auto_reply_btn .lr_conversations_btn_label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.lr_conversations_auto_reply_btn.is_on {
  background: #007531;
  border-color: #007531;
  color: #ffffff;
  box-shadow: 0 0 6px 1px rgba(0, 117, 49, 0.85), 0 0 14px 4px rgba(0, 117, 49, 0.4);
}
.lr_conversations_auto_reply_btn.is_on i {
  color: #ffffff;
}

.lr_conversations_channel_filter {
  padding: 12px 14px;
  border-top: 1px solid #e3e6f0;
}

.lr_conversations_filter_label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7b839a;
}

.lr_conversations_channel_btns {
  display: inline-flex;
  border: 1px solid #d5d9e6;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
}

.lr_conversations_channel_btn {
  margin: 0;
  padding: 4px 11px;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.6;
  color: #3a4254;
  cursor: pointer;
}
.lr_conversations_channel_btn + .lr_conversations_channel_btn {
  border-left: 1px solid #d5d9e6;
}
.lr_conversations_channel_btn:hover:not(:disabled) {
  background: #f4f6fb;
}
.lr_conversations_channel_btn.is_active {
  background: #333399;
  font-weight: 700;
  color: #ffffff;
}
.lr_conversations_channel_btn:disabled {
  color: #a8aec0;
  cursor: not-allowed;
}
.lr_conversations_channel_btn i {
  display: none;
}

.lr_conversations_nav_foot {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px 12px 14px;
  border-top: 1px solid #e3e6f0;
  font-size: 0.75rem;
}

.lr_conversations_nav_settings {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px 12px 14px;
  border-top: 1px solid #e3e6f0;
  color: #5a6475;
  font-size: 0.75rem;
  text-decoration: none;
}
.lr_conversations_nav_settings i {
  width: 14px;
  text-align: center;
}
.lr_conversations_nav_settings:hover {
  background: #f4f6fb;
  color: #27408b;
}

.lr_conversations_channel_state {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #5a6475;
}
.lr_conversations_channel_state i {
  width: 14px;
  text-align: center;
}
.lr_conversations_channel_state.is_live {
  color: #007531;
  font-weight: 700;
}
.lr_conversations_channel_state.is_off {
  color: #b0344a;
}

.lr_conversations_nav.is_collapsed .lr_conversations_nav_toggle {
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
}
.lr_conversations_nav.is_collapsed .lr_conversations_nav_head,
.lr_conversations_nav.is_collapsed .lr_conversations_nav_foot,
.lr_conversations_nav.is_collapsed .lr_conversations_queue_label,
.lr_conversations_nav.is_collapsed .lr_conversations_filter_label,
.lr_conversations_nav.is_collapsed .lr_conversations_btn_label {
  display: none;
}
.lr_conversations_nav.is_collapsed .lr_conversations_nav_settings {
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
}
.lr_conversations_nav.is_collapsed .lr_conversations_nav_settings i {
  width: auto;
  font-size: 1.5rem;
}
.lr_conversations_nav.is_collapsed .lr_conversations_queue_btn {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 2px;
  padding: 12px 4px;
}
.lr_conversations_nav.is_collapsed .lr_conversations_queue_btn i {
  font-size: 1.5rem;
}
.lr_conversations_nav.is_collapsed .lr_conversations_queue_count {
  min-width: 0;
  padding: 0 5px;
  font-size: 0.5625rem;
  line-height: 1.5;
}
.lr_conversations_nav.is_collapsed .lr_conversations_auto_reply {
  align-items: center;
  padding: 10px 8px;
}
.lr_conversations_nav.is_collapsed .lr_conversations_auto_reply_btn {
  width: 38px;
  height: 38px;
  padding: 0;
  justify-content: center;
}
.lr_conversations_nav.is_collapsed .lr_conversations_channel_filter {
  padding: 10px 8px;
}
.lr_conversations_nav.is_collapsed .lr_conversations_channel_btns {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.lr_conversations_nav.is_collapsed .lr_conversations_channel_btn {
  padding: 7px 4px;
  text-align: center;
}
.lr_conversations_nav.is_collapsed .lr_conversations_channel_btn + .lr_conversations_nav.is_collapsed .lr_conversations_channel_btn {
  border-left: none;
  border-top: 1px solid #d5d9e6;
}
.lr_conversations_nav.is_collapsed .lr_conversations_channel_btn i {
  display: inline-block;
  font-size: 1.5rem;
}

.lr_conversations_nav.is_collapsed + .lr_conversations_resizer[data-resize-target=nav] {
  pointer-events: none;
}
.lr_conversations_nav.is_collapsed + .lr_conversations_resizer[data-resize-target=nav]:hover {
  background: #e3e6f0;
}

.lr_conversations_list {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #ffffff;
  border-right: 1px solid #e3e6f0;
  container-type: inline-size;
  container-name: lr-conv-list;
}

.lr_conversations_list_head {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid #e3e6f0;
}

label.lr_conversations_staff_filter_wrap,
.lr_conversations_staff_filter_wrap {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-shrink: 0;
  gap: 6px;
  margin: 0 0 0 16px;
  font-weight: 400;
}

.lr_conversations_staff_filter_wrap[hidden] {
  display: none;
}

.lr_conversations_staff_filter_label {
  font-size: 0.8125rem;
  color: #202020;
  white-space: nowrap;
}

.lr_conversations_date_filter select.lr_conversations_staff_filter {
  width: auto;
  min-width: 120px;
  max-width: 180px;
  height: 28px;
  margin: 0;
  padding: 0 6px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  font-size: 0.8125rem;
  color: #222222;
  background-color: #ffffff;
  box-sizing: border-box;
}

.lr_conversations_list_sort {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  gap: 4px;
  min-width: 0;
  margin-left: 2px;
}

.lr_conversations_list_sort[hidden] {
  display: none;
}

.lr_conversations_sort_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 0 0 auto;
  height: 34px;
  margin: 0;
  padding: 0 8px;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1;
  color: #3a4254;
  white-space: nowrap;
  cursor: pointer;
}
.lr_conversations_sort_btn i {
  font-size: 0.7rem;
  color: #333399;
}
.lr_conversations_sort_btn:hover:not(.is_active) {
  background: #f5f5f5;
}
.lr_conversations_sort_btn.is_active {
  background: #e8f0fd;
  font-weight: 700;
  color: #333399;
}

.lr_conversations_sort_compact {
  display: none;
  align-items: center;
  gap: 2px;
  flex: 0 0 auto;
}

.lr_conversations_list_sort select.lr_conversations_sort_select {
  width: auto;
  max-width: 120px;
  height: 28px;
  margin: 0;
  padding: 0 22px 0 8px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  color: #333399;
  box-sizing: border-box;
}

.lr_conversations_sort_dir {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 26px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #ffffff;
  color: #333399;
  font-size: 0.8rem;
  line-height: 1;
  cursor: pointer;
}
.lr_conversations_sort_dir:hover, .lr_conversations_sort_dir:focus-visible {
  background: #e8f0fd;
}

.lr_conversations_sort_clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 28px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 0.95rem;
  line-height: 1;
  color: #9aa1b4;
  cursor: pointer;
}
.lr_conversations_sort_clear[hidden] {
  display: none;
}
.lr_conversations_sort_clear:hover, .lr_conversations_sort_clear:focus-visible {
  color: #5a6076;
}

.lr_conversations_list_head .lr_conversations_list_toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin: 0 0 0 auto;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 0.9rem;
  line-height: 1;
  color: #9aa1b4;
  cursor: pointer;
}
.lr_conversations_list_head .lr_conversations_list_toggle:hover, .lr_conversations_list_head .lr_conversations_list_toggle:focus-visible {
  color: #333399;
}

.lr_conversations_list_tools {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 4px;
}

.lr_conversations_list_tool {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 50%;
  background: transparent;
  font-size: 1rem;
  line-height: 1;
  color: #9aa1b4;
  cursor: pointer;
}
.lr_conversations_list_tool:hover, .lr_conversations_list_tool:focus-visible {
  color: #333399;
  background: #f4f6fb;
}
.lr_conversations_list_tool:disabled {
  cursor: default;
  opacity: 0.65;
}

.lr_conversations_check_email {
  color: #007531;
}
.lr_conversations_check_email:hover, .lr_conversations_check_email:focus-visible {
  color: #007531;
}
.lr_conversations_check_email.is_busy i {
  animation: fa-spin 0.8s infinite linear;
}

@container lr-conv-list (max-width: 519px) {
  .lr_conversations_list_head {
    gap: 3px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .lr_conversations_list_tools {
    gap: 2px;
  }
  .lr_conversations_list_tool {
    width: 28px;
  }
  .lr_conversations_list_sort {
    gap: 1px;
    margin-left: 0;
  }
  .lr_conversations_sort_btn {
    gap: 2px;
    padding: 0 4px;
    font-size: 11px;
  }
  .lr_conversations_sort_clear {
    width: 22px;
  }
  .lr_conversations_list_head .lr_conversations_list_toggle {
    width: 28px;
  }
}
@container lr-conv-list (max-width: 399px) {
  .lr_conversations_list_sort .lr_conversations_sort_btn {
    display: none;
  }
  .lr_conversations_sort_compact {
    display: inline-flex;
  }
}
.lr_conversations_search_wrap {
  position: relative;
  flex: 1 1 160px;
  width: 180px;
  max-width: 200px;
  min-width: 120px;
}

.lr_conversations_search_clear {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  margin: 0;
  padding: 0 2px;
  border: none;
  background: transparent;
  font-size: 0.85rem;
  line-height: 1;
  color: #9aa1b4;
  cursor: pointer;
}
.lr_conversations_search_clear:hover, .lr_conversations_search_clear:focus-visible {
  color: #5a6076;
}

.lr_conversations_search_go {
  flex: 0 0 auto;
  margin: 0;
  padding: 0 14px;
  height: 34px;
  border: 1px solid #333399;
  border-radius: 17px;
  background: #333399;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 32px;
  color: #ffffff;
  cursor: pointer;
}
.lr_conversations_search_go:hover, .lr_conversations_search_go:focus-visible {
  background: rgb(43.35, 43.35, 130.05);
  border-color: rgb(43.35, 43.35, 130.05);
}

.lr_conversations_search_icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  font-size: 0.8rem;
  color: #9aa1b4;
  pointer-events: none;
}

.lr_conversations_search_wrap input[type=search].lr_conversations_search {
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0 28px 0 30px;
  border: 1px solid #d5d9e6;
  border-radius: 6px;
  background: #f8f9fc;
  font-size: 0.875rem;
  line-height: 32px;
  color: #222222;
  box-sizing: border-box;
  box-shadow: none;
}
.lr_conversations_search_wrap input[type=search].lr_conversations_search:focus {
  outline: none;
  border-color: #333399;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(51, 51, 153, 0.2);
}
.lr_conversations_search_wrap input[type=search].lr_conversations_search::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.lr_conversations_list_body {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-bottom: none;
}

.lr_conversations_list_foot {
  flex-shrink: 0;
  margin: 0;
  padding: 7px 12px;
  border-top: 1px solid #e3e6f0;
  background: #f8f9fc;
  font-size: 0.75rem;
  color: #5a6475;
}
.lr_conversations_list_foot:empty {
  display: none;
}

.lr_conversations_load_more {
  margin-left: 8px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 0.75rem;
  font-weight: 600;
  color: #333399;
  cursor: pointer;
}
.lr_conversations_load_more:HOVER, .lr_conversations_load_more:FOCUS {
  text-decoration: underline;
}

.lr_conversations_list_item {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 11px 12px 11px 9px;
  border: none;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  background: #ffffff;
  text-align: left;
  font: inherit;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.15s ease;
}
.lr_conversations_list_item:hover {
  background-color: #E1E1E1;
}
.lr_conversations_list_item.is_active {
  background-color: #E1E1E1;
  border-left-color: #333399;
}
.lr_conversations_list_item.is_replied {
  background-color: #E1F9FF;
  font-weight: 700;
}
.lr_conversations_list_item.has_unread {
  background-color: #c8f3ba;
  font-weight: 700;
}
.lr_conversations_list_item.has_unread:hover {
  background-color: #FFFFCC;
}
.lr_conversations_list_item.is_closed .lr_conversations_list_avatar {
  background: #7c8296;
}
.lr_conversations_list_item.is_closed .lr_conversations_list_name {
  color: #5a6172;
}

.lr_conversations_list_item--spam {
  border-left-color: #c8963c;
}
.lr_conversations_list_item--spam.is_active {
  border-left-color: #c8963c;
}

.lr_conversations_list_body_text {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  grid-row: 1;
  gap: 3px;
  min-width: 0;
}

.lr_conversations_list_name_row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.lr_conversations_list_name_cluster {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

.lr_conversations_list_name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1b1f2a;
}

.lr_conversations_list_new_contact {
  flex-shrink: 0;
  font-size: 0.85rem;
  color: #007531;
}

.lr_conversations_list_avatar_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-column: 1;
  grid-row: 1;
  gap: 2px;
  width: 38px;
}

.lr_conversations_list_marks {
  width: 100%;
  margin-top: 4px;
}
.lr_conversations_list_marks::after {
  content: "";
  display: block;
  clear: both;
}

.lr_conversations_list_replied,
.lr_conversations_list_attach {
  font-size: 0.8rem;
  color: #333399;
  line-height: 1;
}

.lr_conversations_list_replied {
  float: left;
}

.lr_conversations_list_attach {
  float: right;
}

.lr_conversations_list_item.has_unread .lr_conversations_list_name {
  font-weight: 700;
  color: #333399;
}

.lr_conversations_list_time {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: #9aa1b4;
  white-space: nowrap;
}

.lr_conversations_list_preview {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  line-height: 1.45;
  color: #6b7285;
}

.lr_conversations_list_tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}

.lr_conversations_list_assigned {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 130px;
  font-size: 0.625rem;
  color: #8a90a3;
}

.lr_conversations_list_avatar,
.lr_conversations_avatar {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #333399;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #ffffff;
  user-select: none;
}

.lr_conversations_avatar--tone1 {
  background: #333399;
}

.lr_conversations_avatar--tone2 {
  background: #007531;
}

.lr_conversations_avatar--tone3 {
  background: #16697a;
}

.lr_conversations_avatar--tone4 {
  background: #b4610f;
}

.lr_conversations_avatar--tone5 {
  background: #663399;
}

.lr_conversations_avatar--tone6 {
  background: #9e2a3f;
}

.lr_conversations_unread {
  min-width: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #BF1B28;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  color: #ffffff;
}

.lr_conversations_chip {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 9px;
  background: #e7e9f2;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #50586c;
}

.lr_conversations_chip--sms {
  background: #dcefe3;
  color: #0f5c33;
}

.lr_conversations_chip--email {
  background: #dde6f8;
  color: #27408b;
}

.lr_conversations_chip--needs_reply {
  background: #fdeaea;
  color: #a52a2a;
}

.lr_conversations_chip--spam {
  background: rgba(200, 150, 60, 0.16);
  color: #8a5f14;
}

.lr_conversations_chip--draft {
  background: #007531;
  color: #ffffff;
}

.lr_conversations_chip--ai_sent {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  padding: 1px 6px;
  background: #663399;
  color: #ffffff;
}
.lr_conversations_chip--ai_sent i {
  font-size: 0.6875rem;
}

.lr_conversations_chip--lead {
  background: #fbf0d9;
  color: #8a5a00;
}

.lr_conversations_chip--offer {
  background: #e7f6ec;
  color: #007531;
}

.lr_conversations_detail {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #f8f9fc;
}

.lr_conversations_detail > .lr_conversations_tab_panel:not([hidden]) {
  grid-row: 2;
  min-height: 0;
  min-width: 0;
}

.lr_conversations_tab_activity:not([hidden]) {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto auto;
  overflow: hidden;
}

.lr_conversations_tab_form:not([hidden]) {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 16px 18px;
  background: #ffffff;
}

.lr_conversations_tab_panel[hidden] {
  display: none;
}

.lr_conversations_note_composer {
  margin: 0 0 18px 0;
}

.lr_conversations_note_label {
  display: block;
  margin: 0 0 6px 0;
  font-size: 0.75rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_conversations_note_clock {
  margin-left: 8px;
  font-weight: 700;
}

.lr_conversations_note_input {
  display: block;
  width: 100%;
  min-height: 200px;
  margin: 0;
  resize: vertical;
}

.lr_conversations_note_actions {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 0 0;
}

.lr_conversations_note_save {
  background-color: #007531;
  border-color: #007531;
}

.lr_conversations_note_day {
  margin: 12px 0 0 0;
  padding: 6px 10px;
  background-color: #A0D3E8;
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.lr_conversations_note_item {
  position: relative;
  padding: 10px 12px 14px 12px;
}

.lr_conversations_note_item.is_alt {
  background-color: #EBEBEB;
}

.lr_conversations_note_thread {
  border-bottom: 2px solid #999999;
}

.lr_conversations_note_item_name {
  font-weight: 700;
  letter-spacing: -0.03em;
}

.lr_conversations_note_item_time {
  margin-left: 6px;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 700;
  color: #5a6475;
}

.lr_conversations_note_item.is_own .lr_conversations_note_item_time {
  margin-left: 0;
}

.lr_conversations_note_item_you_replied {
  font-weight: 700;
  letter-spacing: -0.03em;
}

.lr_conversations_note_item_body {
  margin: 0;
  padding: 0 30px 10px 10px;
  white-space: pre-wrap;
}

.lr_conversations_note_item_body.lr_conv_dismiss {
  white-space: normal;
}

.lr_conv_dismiss_head {
  margin: 2px 0px 6px 0px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #333399;
}
.lr_conv_dismiss_head i {
  margin-right: 4px;
  color: #5a6475;
}

.lr_conv_dismiss_row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0px 8px;
  margin: 0px 0px 3px 0px;
}

.lr_conv_dismiss_label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7b839a;
}

.lr_conv_dismiss_value {
  font-size: 1rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_conversations_note_reply {
  margin: 0;
  padding: 0;
}

.lr_conversations_note_item_tools {
  position: absolute;
  top: 8px;
  right: 8px;
}

.lr_conversations_note_tool {
  margin: 0;
  padding: 4px 6px;
  border: none;
  background: transparent;
  color: #333399;
  cursor: pointer;
}
.lr_conversations_note_tool:hover {
  color: #007531;
}

.lr_conversations_note_inline {
  margin: 10px 0 0 0;
}

.lr_conversations_note_inline_input {
  width: 100%;
  min-height: 72px;
}

.lr_conversations_note_inline_actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin: 8px 0 0 0;
}

.lr_conversations_detail_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 18px;
  background: #ffffff;
  border-bottom: 1px solid #e3e6f0;
}

.lr_conversations_identity {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.lr_conversations_identity_text {
  min-width: 0;
}
.lr_conversations_identity_text h3 {
  margin: 0;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: #1b1f2a;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_conversations_identity_name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.lr_conversations_identity_who {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  flex: 1 1 auto;
}
.lr_conversations_identity_who h3 {
  flex: 0 1 auto;
}

.lr_conversations_customer_email {
  max-width: 100%;
  min-width: 0;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 400;
  color: #5a6475;
}
.lr_conversations_customer_email:empty {
  display: none;
}

.lr_conversations_detail_meta {
  margin: 2px 0 0 0;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #5a6475;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_conversations_detail_meta:empty {
  display: none;
}

.lr_conversations_detail_actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  align-self: stretch;
  gap: 8px;
  flex-shrink: 0;
}
.lr_conversations_detail_actions .lr_conversations_assign_staff {
  float: none;
  flex: 0 0 auto;
  margin: 0 0 auto 0;
}

@media (min-width: 901px) {
  .lr_conversations_shell .lr_conversations_detail_head {
    position: relative;
    height: 80px;
    max-height: 80px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
  }
  .lr_conversations_shell .lr_conversations_identity {
    flex: 1 1 auto;
    max-width: 100%;
  }
  .lr_conversations_shell .lr_conversations_detail_actions {
    position: absolute;
    top: 14px;
    right: 18px;
    z-index: 2;
    width: 160px;
    height: 52px;
    gap: 4px;
    background: #ffffff;
  }
  .lr_conversations_shell .lr_conversations_detail.is_spam .lr_conversations_detail_actions {
    width: auto;
    min-width: 160px;
    height: auto;
    min-height: 52px;
  }
}
.lr_conversations_assign_staff.assigned {
  margin-top: 0;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #5a6475;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
}
.lr_conversations_assign_staff.assigned:hover, .lr_conversations_assign_staff.assigned:focus-visible {
  background: transparent;
  color: #333399;
  text-decoration: underline;
}

.lr_conversations_channel_badge {
  padding: 3px 9px;
  border: 1px solid #e3e6f0;
  border-radius: 9px;
  background: #f8f9fc;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #50586c;
}
.lr_conversations_channel_badge:empty {
  display: none;
}

.lr_conversations_channel_switch {
  display: inline-flex;
  border: 1px solid #d5d9e6;
  border-radius: 6px;
  overflow: hidden;
  background: #ffffff;
}

.lr_conversations_channel_switch_btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 5px 12px;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: #3a4254;
  cursor: pointer;
}
.lr_conversations_channel_switch_btn + .lr_conversations_channel_switch_btn {
  border-left: 1px solid #d5d9e6;
}
.lr_conversations_channel_switch_btn:hover:not(:disabled) {
  background: #f4f6fb;
}
.lr_conversations_channel_switch_btn.is_active {
  background: #333399;
  font-weight: 700;
  color: #ffffff;
}
.lr_conversations_channel_switch_btn:disabled {
  color: #a8aec0;
  cursor: not-allowed;
}
.lr_conversations_channel_switch_btn i {
  font-size: 0.95em;
}

.lr_conversations_back_btn {
  display: none;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 6px 8px;
  border: none;
  border-radius: 6px;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333399;
  cursor: pointer;
}
.lr_conversations_back_btn:hover {
  background: #f4f6fb;
}

.lr_conversations_timeline {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px 20px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
}
.lr_conversations_timeline > * {
  flex-shrink: 0;
}

.lr_conversations_timeline > *:first-child {
  margin-top: auto;
}

.lr_conversations_day {
  position: relative;
  margin: 10px 0 4px 0;
  text-align: center;
  font-size: 0.75rem;
  color: #9aa1b4;
}
.lr_conversations_day::before, .lr_conversations_day::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 36%;
  border-top: 1px dashed #d9dde8;
}
.lr_conversations_day::before {
  left: 0;
}
.lr_conversations_day::after {
  right: 0;
}

.lr_conversations_message {
  display: flex;
  max-width: 100%;
}

.lr_conversations_bubble {
  max-width: 72%;
  min-width: 0;
  padding: 10px 14px;
  border-radius: 16px;
  font-size: 0.875rem;
  line-height: 1.45;
  box-shadow: 0 1px 2px rgba(27, 31, 42, 0.08);
}

.lr_conversations_message_body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.lr_conversations_message_kind {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 6px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #fbf0d9;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8a5a00;
}

.lr_conversations_message_subject {
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.lr_conversations_message_attach {
  display: inline-flex;
  align-items: center;
}

.lr_conversations_email {
  margin: 0 0 10px 0;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background: #fafafa;
  overflow: hidden;
}

.lr_conversations_email_bar {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 10px;
  background: #f0f0f0;
  cursor: pointer;
}
.lr_conversations_email_bar:hover {
  background: #e6e6e6;
}
.lr_conversations_email_bar:focus-visible {
  outline: 2px solid #333399;
  outline-offset: -2px;
}

.lr_conversations_email_dir {
  flex-shrink: 0;
  padding: 1px 7px;
  border-radius: 9px;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.lr_conversations_email_dir.lr_conversations_email_dir--in {
  background: #d4edda;
  color: #155724;
}
.lr_conversations_email_dir.lr_conversations_email_dir--out {
  background: #cce5ff;
  color: #004085;
}

.lr_conversations_email_subject {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 600;
  color: #333333;
}

.lr_conversations_email_kind {
  flex-shrink: 0;
  padding: 1px 7px;
  border-radius: 9px;
  background: #fdf1d6;
  font-size: 0.625rem;
  font-weight: 700;
  color: #8a6100;
}
.lr_conversations_email_kind.lr_conversations_email_kind--ai {
  background: #efe6ff;
  color: #5b3d9c;
}

.lr_conversations_email_date {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: #6b7285;
  white-space: nowrap;
}

.lr_conversations_email_chevron {
  flex-shrink: 0;
  font-size: 0.75rem;
  color: #8a90a2;
  transition: transform 0.15s ease;
}

.lr_conversations_email.is_open .lr_conversations_email_chevron {
  transform: rotate(180deg);
}

.lr_conversations_email_panel {
  display: none;
  padding: 12px 14px 14px 14px;
  border-top: 1px solid #e0e0e0;
  background: #ffffff;
}

.lr_conversations_email.is_open .lr_conversations_email_panel {
  display: block;
}

.lr_conversations_email_tools {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-bottom: 8px;
  font-size: 1.5rem;
}
.lr_conversations_email_tools i {
  font-size: 1.5rem;
}

.lr_conversations_email_tool {
  margin: 0;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  font-size: 1.5rem;
  line-height: 1;
  color: #333399;
  cursor: pointer;
}
.lr_conversations_email_tool:hover:not(:disabled) {
  border-color: #d5d9e6;
  background: #f4f6fb;
}
.lr_conversations_email_tool.is_disabled, .lr_conversations_email_tool:disabled {
  opacity: 0.3;
  cursor: default;
}
.lr_conversations_email_tool[data-tool=delete] {
  color: #b0344a;
}
.lr_conversations_email_tool.msg_tool_icon {
  float: none;
  margin: 0;
  padding: 0 4px;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
}
.lr_conversations_email_tool.msg_tool_icon:hover:not(:disabled) {
  border-color: transparent;
  background: transparent;
}

.lr_conversations_email_identity {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededf2;
}

.lr_conversations_email_who {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
}

.lr_conversations_email_label {
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7b839a;
}

.lr_conversations_email_name {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_conversations_email_addr {
  font-size: 0.75rem;
  color: #6b7285;
  word-break: break-all;
}

.lr_conversations_email_phones {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
  margin-top: 5px;
}

.lr_conversations_email_phone {
  font-size: 0.75rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_conversations_email_body {
  margin: 0;
  overflow-x: auto;
  font-size: 1rem;
  line-height: 1.5;
  color: #1b1f2a;
}
.lr_conversations_email_body img {
  max-width: 100%;
  height: auto;
}
.lr_conversations_email_body table {
  max-width: 100%;
}

pre.lr_conversations_email_body {
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
}

.lr_conversations_email_body--html p {
  margin: 0 0 0.8em;
}
.lr_conversations_email_body--html a {
  color: #333399;
}

.lr_conversations_ai_draft {
  margin: 0 0 16px 0;
  padding: 14px 16px;
  border: 1px solid #d6c8f2;
  border-radius: 8px;
  background: #f7f3ff;
}
.lr_conversations_ai_draft label.lr_conversations_ai_draft_label {
  display: block;
  margin: 10px 0 4px 0;
  font-size: 0.875rem;
  font-weight: 400;
  color: #333333;
}
.lr_conversations_ai_draft .lr_conversations_ai_draft_from {
  width: 100%;
  max-width: 36rem;
}
.lr_conversations_ai_draft .lr_conversations_ai_draft_body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222222;
  background: #ffffff;
  resize: vertical;
}

.lr_conversations_ai_draft_head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.lr_conversations_ai_draft_head h3 {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
}

.lr_conversations_ai_draft_status {
  font-size: 0.875rem;
  font-weight: 400;
  color: #333399;
  white-space: nowrap;
}

.lr_conversations_ai_draft_meta {
  margin: 4px 0 0 0;
  font-size: 0.75rem;
  color: #6b7285;
}

.lr_conversations_ai_draft_signature {
  margin-top: 8px;
  padding: 8px 0 0 0;
  border-top: 1px solid #d6c8f2;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  color: #555555;
}
.lr_conversations_ai_draft_signature p {
  margin: 0 0 0.35em 0;
}

@supports (field-sizing: content) {
  .lr_conversations_ai_draft_body {
    field-sizing: content;
    min-height: 10em;
    overflow: hidden;
  }
}
.lr_conversations_ai_draft_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0 0;
}
.lr_conversations_ai_draft_actions .lr_conversations_ai_draft_reject {
  background-color: #f04124;
  border-color: #f04124;
  color: #ffffff;
}
.lr_conversations_ai_draft_actions .lr_conversations_ai_draft_reject:hover {
  background-color: #c0392b;
  border-color: #c0392b;
}
.lr_conversations_ai_draft_actions .lr_conversations_ai_draft_approve {
  background-color: #007531;
  border-color: #007531;
  color: #ffffff;
}
.lr_conversations_ai_draft_actions .lr_conversations_ai_draft_approve:hover {
  filter: brightness(0.92);
}

.lr_conversations_message_media {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.lr_conversations_message_media:first-child {
  margin-top: 0;
}

.lr_conversations_media_link {
  display: block;
  max-width: 100%;
  line-height: 0;
}

.lr_conversations_media_image {
  max-width: 100%;
  max-height: 260px;
  width: auto;
  height: auto;
  border-radius: 10px;
  background: #f8f9fc;
  object-fit: cover;
}

.lr_conversations_media_file {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 5px 10px;
  border: 1px solid rgba(27, 31, 42, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.55);
  font-size: 0.75rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.lr_conversations_media_file:hover {
  background: rgba(255, 255, 255, 0.9);
}

.lr_conversations_message--lead .lr_conversations_message_body {
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lr_conversations_message_stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 72%;
  min-width: 0;
}
.lr_conversations_message_stack > .lr_conversations_bubble {
  max-width: 100%;
}

.lr_conversations_message--outbound .lr_conversations_message_stack {
  align-items: flex-end;
}

.lr_conversations_message_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 4px 0;
  padding: 0 4px;
  line-height: 1.3;
}

.lr_conversations_message_sender {
  font-size: 13px;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_conversations_message_source {
  font-size: 16px;
  color: #333399;
}

.lr_conversations_message_attach {
  font-size: 11px;
  color: #1b1f2a;
  opacity: 0.55;
}

.lr_conversations_message_source,
.lr_conversations_message_attach {
  position: relative;
  top: -1px;
}

.lr_conversations_message_time {
  font-size: 11px;
  color: #A5A5A5;
  white-space: nowrap;
}

.lr_conversations_message--inbound {
  justify-content: flex-start;
}
.lr_conversations_message--inbound .lr_conversations_bubble {
  background: #ffffff;
  border: 1px solid #333399;
  border-bottom-left-radius: 4px;
  color: #1b1f2a;
}

.lr_conversations_message--outbound {
  justify-content: flex-end;
}
.lr_conversations_message--outbound .lr_conversations_bubble {
  background: #333399;
  border: 1px solid #333399;
  border-bottom-right-radius: 4px;
  color: #ffffff;
}

.lr_conversations_message--ai .lr_conversations_bubble {
  background: #eef4fd;
  border-color: #cfe0f6;
  color: #1b1f2a;
}

.lr_conversations_composer {
  padding: 12px 18px 14px 18px;
  background: #ffffff;
  border-top: 1px solid #e3e6f0;
}

.lr_conversations_composer_banner {
  display: none;
}

.lr_conversations_composer textarea.lr_conversations_composer_input {
  width: 100%;
  min-height: 62px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid #d5d9e6;
  border-radius: 8px;
  background: #f8f9fc;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #222222;
  resize: vertical;
  box-sizing: border-box;
  box-shadow: none;
}
.lr_conversations_composer textarea.lr_conversations_composer_input:focus {
  outline: none;
  border-color: #333399;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(51, 51, 153, 0.2);
}

.lr_conversations_sms_ai {
  display: none;
  margin: 0 0 12px 0;
  padding: 12px 14px;
  border: 1px solid #d1e7dd;
  border-radius: 8px;
  background: linear-gradient(135deg, #f0f8ff, #e6f3ff);
}
.lr_conversations_sms_ai.is_active {
  display: block;
}

.lr_conversations_sms_ai_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.lr_conversations_sms_ai_head_left {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem;
  font-weight: 700;
  color: #333399;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.lr_conversations_sms_ai_head_left i {
  color: #333399;
}

.lr_conversations_sms_ai_icon {
  margin: 0;
  padding: 4px 6px;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: #A5A5A5;
  cursor: pointer;
}
.lr_conversations_sms_ai_icon:hover:not(:disabled) {
  background: rgba(51, 51, 153, 0.08);
  color: #333399;
}
.lr_conversations_sms_ai_icon:disabled {
  opacity: 0.45;
  cursor: default;
}

.lr_conversations_sms_ai_body {
  width: 100%;
  min-height: 72px;
  margin: 0;
  resize: vertical;
  cursor: default;
}

.lr_conversations_sms_ai_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 8px;
}

.lr_conversations_sms_ai_use {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.lr_conversations_composer_tools {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.lr_conversations_sms_ai_toggle,
.lr_conversations_sms_bot_mute {
  margin: 0;
  padding: 4px 7px;
  border: 1px solid #d5d9e6;
  border-radius: 6px;
  background: #f8f9fc;
  color: #333399;
  cursor: pointer;
}
.lr_conversations_sms_ai_toggle.is_active,
.lr_conversations_sms_bot_mute.is_active {
  border-color: #333399;
  background: #eef0ff;
}
.lr_conversations_sms_ai_toggle.is_muted,
.lr_conversations_sms_bot_mute.is_muted {
  border-color: #b42318;
  color: #b42318;
}

.lr_conversations_composer_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}

.lr_conversations_composer_channel {
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_conversations_composer .lr_conversations_send_btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 7px 16px;
  border-radius: 18px;
  font-size: 0.875rem;
  font-weight: 700;
}
.lr_conversations_composer .lr_conversations_send_btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.lr_conversations_simulate_status {
  margin: 8px 0 0 0;
  font-size: 0.75rem;
  color: #5a6475;
}
.lr_conversations_simulate_status:empty {
  display: none;
}

.lr_conversations_detail.is_empty .lr_conversations_composer,
.lr_conversations_detail.is_empty .lr_conversations_offer_bar,
.lr_conversations_detail.is_empty .lr_conversations_channel_badge,
.lr_conversations_detail.is_empty .lr_conversations_channel_switch,
.lr_conversations_detail.is_empty .lr_conversations_avatar,
.lr_conversations_detail.is_empty .lr_conversations_assign_staff,
.lr_conversations_detail.is_empty .lr_conversations_customer_email,
.lr_conversations_detail.is_empty .lr_conversations_spam_actions {
  display: none;
}
.lr_conversations_detail.is_empty .lr_conversations_identity_text h3 {
  font-size: 1rem;
  font-weight: 400;
  color: #5a6475;
}

.lr_conversations_detail.is_spam .lr_conversations_composer,
.lr_conversations_detail.is_spam .lr_conversations_offer_bar,
.lr_conversations_detail.is_spam .lr_conversations_assign_staff {
  display: none;
}

.lr_conversations_detail:not(.is_spam) .lr_conversations_spam_actions {
  display: none;
}

.lr_conversations_spam_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.lr_conversations_spam_actions[hidden] {
  display: none;
}

.lr_conversations_spam_btn {
  display: inline-block;
  margin: 0;
  padding: 10px 20px 11px;
  border: 0;
  border-radius: 6px;
  appearance: none;
  background: transparent;
  font: inherit;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}

.lr_conversations_spam_not_spam {
  background-color: #007531;
}
.lr_conversations_spam_not_spam:hover {
  background-color: #005a25;
  color: #ffffff;
}

.lr_conversations_spam_purge_btn {
  background-color: #BF1B28;
  color: #ffffff;
}
.lr_conversations_spam_purge_btn:hover {
  background-color: #9a1620;
  color: #ffffff;
}

.lr_conversations_empty {
  margin: auto;
  padding: 2rem 1rem;
  text-align: center;
}
.lr_conversations_empty img {
  width: 260px;
  max-width: 70%;
  opacity: 0.4;
  margin-bottom: 1rem;
}
.lr_conversations_empty p {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.4;
  color: #b2b8c6;
}

.lr_conversations_empty--deal .lr_conversations_empty_icon {
  display: block;
  margin: 0 auto 16px auto;
  font-size: 76px;
  line-height: 1;
  color: #333399;
  opacity: 0.8;
}
.lr_conversations_empty--deal .lr_conversations_empty_deal {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1b1f2a;
}
.lr_conversations_empty--deal .lr_conversations_empty_vehicle {
  margin-top: 4px;
  font-size: 1rem;
  font-weight: 600;
  color: #5a6475;
}
.lr_conversations_empty--deal .lr_conversations_empty_sub {
  margin-top: 16px;
  font-size: 0.9rem;
  font-weight: 400;
  color: #b2b8c6;
}

.lr_conversations_context {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  min-height: 0;
  overflow-y: auto;
  background: #f5f6fb;
  border-left: 1px solid #e3e6f0;
}

.lr_conversations_context_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  width: 100%;
  gap: 8px;
}

.lr_conversations_context_head_start {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.lr_conversations_context_nexusiq {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  margin: 0;
  line-height: 0;
}
.lr_conversations_context_nexusiq .lr_conversations_context_nexusiq_img {
  display: block;
  height: 28px;
  width: auto;
}
.lr_conversations_context_nexusiq .lr_conversations_context_nexusiq_img--disabled {
  display: none;
}
.lr_conversations_context_nexusiq.is_disabled {
  pointer-events: none;
}
.lr_conversations_context_nexusiq.is_disabled .lr_conversations_context_nexusiq_img--colour {
  display: none;
}
.lr_conversations_context_nexusiq.is_disabled .lr_conversations_context_nexusiq_img--disabled {
  display: block;
}

#lrConversationsContextToggle {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 0.9rem;
  line-height: 1;
  color: #9aa1b4;
  cursor: pointer;
}
#lrConversationsContextToggle:hover, #lrConversationsContextToggle:focus-visible {
  color: #333399;
}

.lr_conversations_context_card {
  position: relative;
  padding: 11px 13px;
  background: #ffffff;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
}

#lrConversationsContextCustomer {
  padding-bottom: 44px;
}

.lr_conversations_context_customer_head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px 0;
}

#lrConversationsContextCustomer .lr_conversations_context_title {
  margin: 0;
  flex: 1;
  min-width: 0;
}

#lrConversationsContextCustomer .lr_conversations_customer_name {
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #1b1f2a;
  word-break: break-word;
}

.lr_conversations_customer_id {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.45;
  color: #7b839a;
}

.lr_conversations_customer_phone_block {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 8px;
  align-items: stretch;
}
.lr_conversations_customer_phone_block:not(:has(.lr_conversations_fact)) {
  display: none;
}
.lr_conversations_customer_phone_block > .lr_conversations_facts,
.lr_conversations_customer_phone_block .lr_conversations_fact {
  display: contents;
}
.lr_conversations_customer_phone_block .lr_conversations_fact dt,
.lr_conversations_customer_phone_block .lr_conversations_fact dd {
  padding: 3px 0;
}
.lr_conversations_customer_phone_block .lr_conversations_fact dd {
  grid-column: 2/4;
}
.lr_conversations_customer_phone_block .lr_conversations_customer_edit_btn {
  grid-column: 4;
  grid-row: 1/span 2;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  height: auto;
  margin: 0;
}

.lr_conversations_customer_edit_btn {
  flex: 0 0 auto;
  margin: 0;
  margin-left: auto;
  padding: 0;
  border: none;
  background: transparent;
  color: #333399;
  cursor: pointer;
  line-height: 1;
}
.lr_conversations_customer_edit_btn[hidden] {
  display: none;
}
.lr_conversations_customer_edit_btn:hover {
  color: #22226b;
}
.lr_conversations_customer_edit_btn:disabled {
  color: #b4bac9;
  cursor: not-allowed;
}
.lr_conversations_customer_edit_btn:disabled:hover {
  color: #b4bac9;
}

.lr_conversations_customer_add_btn {
  margin-left: auto;
}

.lr_conversations_context_head_end {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
.lr_conversations_context_head_end .lr_conversations_customer_add_btn {
  margin-left: 0;
}

.lr_conversations_customer_email_btn {
  position: absolute;
  left: 10px;
  bottom: 8px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #333399;
  cursor: pointer;
  line-height: 1;
}
.lr_conversations_customer_email_btn[hidden] {
  display: none;
}
.lr_conversations_customer_email_btn:hover {
  color: #22226b;
}

.lr_conversations_customer_sms_btn {
  position: absolute;
  left: 54px;
  bottom: 8px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #333399;
  cursor: pointer;
  line-height: 1;
}
.lr_conversations_customer_sms_btn[hidden] {
  display: none;
}
.lr_conversations_customer_sms_btn:hover {
  color: #22226b;
}

.lr_conversations_customer_nexusiq {
  position: absolute;
  right: 10px;
  bottom: 8px;
  margin: 0;
}
.lr_conversations_customer_nexusiq[hidden] {
  display: none;
}
.lr_conversations_customer_nexusiq.is_disabled {
  opacity: 0.35;
  filter: grayscale(1);
  pointer-events: none;
}

.lr_conversations_contact_na {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #333399;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
.lr_conversations_contact_na:hover {
  color: #22226b;
}

.lr_conversations_compose_grid .lr_conversations_compose_field_wide {
  grid-column: 1/-1;
}

.lr_conversations_context_title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 8px 0;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #333399;
}
.lr_conversations_context_title i {
  font-size: 0.8rem;
  color: #7b839a;
}

.lr_conversations_context_note {
  margin: 0 0 8px 0;
  font-size: 0.75rem;
  line-height: 1.4;
  color: #5a6475;
}

.lr_conversations_facts {
  margin: 0;
}

.lr_conversations_fact {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 3px 0;
  font-size: 0.75rem;
  line-height: 1.45;
}
.lr_conversations_fact dt {
  grid-column: 1;
  margin: 0;
  font-weight: 700;
  color: #7b839a;
}
.lr_conversations_fact dd {
  grid-column: 2/-1;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #1b1f2a;
}

#lrConversationsThreadFacts {
  display: grid;
  grid-template-columns: fit-content(50%) minmax(0, 1fr);
  column-gap: 8px;
}
#lrConversationsThreadFacts > .lr_conversations_fact {
  display: contents;
}
#lrConversationsThreadFacts > .lr_conversations_placeholder {
  grid-column: 1/-1;
}
#lrConversationsThreadFacts dt,
#lrConversationsThreadFacts dd {
  padding: 3px 0;
}
#lrConversationsThreadFacts dt {
  overflow-wrap: break-word;
}

.lr_conv_crm_panels {
  display: contents;
}
.lr_conv_crm_panels[hidden] {
  display: none;
}

.lr_conv_crm_card[hidden],
.lr_conv_crm_contact[hidden] {
  display: none;
}

.lr_conv_crm_head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 8px 0;
}
.lr_conv_crm_head .lr_conversations_context_title {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.lr_conv_crm_btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 3px 9px;
  border: 1px solid #333399;
  border-radius: 4px;
  background: #ffffff;
  color: #333399;
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.02em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.lr_conv_crm_btn:hover, .lr_conv_crm_btn:focus-visible {
  background: #333399;
  color: #ffffff;
}
.lr_conv_crm_btn:disabled {
  border-color: #c9cede;
  color: #a3a9bb;
  background: #ffffff;
  cursor: not-allowed;
}
.lr_conv_crm_btn--soft {
  border-color: transparent;
  background: rgba(51, 51, 153, 0.1);
  text-transform: none;
  font-size: 0.75rem;
}

.lr_conv_crm_help {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #333399;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.lr_conv_crm_help:hover {
  color: #22226b;
}

#lrConversationsCrmStatus {
  container-type: inline-size;
}

.lr_customer_status_bar.lr_conv_crm_status_bar {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  justify-items: center;
  gap: 0;
}
.lr_customer_status_bar.lr_conv_crm_status_bar .lr_fa_customer_status_icon {
  font-size: min(24px, 8.5cqi);
}

.lr_conv_crm_muted {
  margin: 0;
  font-size: 0.75rem;
  color: #9aa1b4;
  text-align: center;
}

.lr_conv_crm_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0 0;
}

.lr_conv_crm_contact {
  margin: 2px 0 0 0;
}
.lr_conv_crm_contact .lr_conversations_fact dd {
  position: relative;
}

.lr_conv_crm_since {
  display: block;
  font-size: 0.7rem;
  font-weight: 700;
  color: #007531;
}

.lr_conv_crm_delete {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 2px 4px;
  border: none;
  background: transparent;
  color: #9aa1b4;
  cursor: pointer;
}
.lr_conv_crm_delete:hover {
  color: #f04124;
}

.lr_conv_crm_trade {
  margin: 8px 0 0 0;
  padding: 7px 9px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #f9fafd;
  font-size: 0.75rem;
}
.lr_conv_crm_trade p {
  margin: 0;
}

.lr_conv_crm_trade_head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 3px 0;
  font-weight: 700;
  color: #7b839a;
}

.lr_conv_crm_trade_vin {
  color: #007531;
  overflow-wrap: anywhere;
}

.lr_conv_crm_trade_title {
  font-weight: 700;
  color: #1b1f2a;
}

.lr_conv_crm_trade_meta,
.lr_conv_crm_trade_rating {
  color: #5f6780;
}

.lr_conv_crm_item {
  display: block;
  margin: 0 0 6px 0;
  padding: 6px 8px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
  color: #1b1f2a;
  font-size: 0.75rem;
  line-height: 1.4;
  text-decoration: none;
}
.lr_conv_crm_item:hover {
  border-color: #333399;
}
.lr_conv_crm_item.is_sold {
  opacity: 0.6;
}

.lr_conv_crm_item_title {
  display: block;
  font-weight: 700;
}

.lr_conv_crm_item_meta,
.lr_conv_crm_item_source {
  display: block;
  color: #5f6780;
}

.lr_conv_crm_item_source {
  color: #007531;
  font-weight: 700;
}

.lr_conv_crm_sold {
  font-style: normal;
  color: #f04124;
  text-transform: uppercase;
}

.lr_conv_crm_suggestion {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.lr_conv_crm_suggestion.is_rejected .lr_conv_crm_item_body {
  opacity: 0.5;
  text-decoration: line-through;
}

.lr_conv_crm_item_body {
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.lr_conv_crm_item_toggle,
.lr_conv_crm_item_remove {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}

.lr_conv_crm_item_toggle {
  color: #007531;
}
.is_rejected .lr_conv_crm_item_toggle {
  color: #9aa1b4;
}
.lr_conv_crm_item_toggle:disabled {
  color: #c9cede;
  cursor: not-allowed;
}

.lr_conv_crm_item_remove {
  color: #9aa1b4;
}
.lr_conv_crm_item_remove:hover {
  color: #f04124;
}

.lr_conv_crm_connections {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.lr_conv_crm_link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #b4bac9;
  font-family: inherit;
  cursor: pointer;
}
.lr_conv_crm_link .lr_fa_customer_type_icon {
  font-size: 22px;
}
.lr_conv_crm_link.is_linked {
  color: #007531;
}
.lr_conv_crm_link:hover {
  color: #333399;
}

.lr_conv_crm_link_name {
  min-width: 0;
  overflow: hidden;
  font-size: 0.75rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_conv_crm_assign {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin: 0 0 0 auto;
  padding: 5px 10px;
  border: none;
  border-radius: 4px;
  background: #f04124;
  color: #ffffff;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.lr_conv_crm_assign i {
  font-size: 1rem;
}
.lr_conv_crm_assign span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_conv_crm_assign.is_other {
  background: #007531;
  text-transform: none;
}
.lr_conv_crm_assign:hover {
  filter: brightness(1.1);
}

.lr_conv_crm_dialog_intro {
  margin: 0 0 10px 0;
  line-height: 1.45;
  white-space: pre-line;
}

.msg_dialog.lr_conv_crm_dialog--wide {
  width: min(560px, 100%);
}

.lr_conv_crm_filter {
  position: relative;
  margin: 0 0 8px 0;
}
.lr_conv_crm_filter i {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  color: #9aa1b4;
  pointer-events: none;
}
.lr_conv_crm_filter input.uber_form_textbox {
  width: 100%;
  margin: 0;
  padding-left: 36px;
}

.lr_conv_crm_pick_list {
  max-height: min(52vh, 420px);
  overflow-y: auto;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
}
.lr_conv_crm_pick_list > .lr_conv_crm_muted {
  padding: 14px 10px;
}

.lr_conv_crm_pick_list .lr_conv_crm_pick_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 7px 10px;
  border-bottom: 1px solid #eef0f6;
  font-weight: 400;
  cursor: pointer;
}
.lr_conv_crm_pick_list .lr_conv_crm_pick_row[hidden] {
  display: none;
}
.lr_conv_crm_pick_list .lr_conv_crm_pick_row:last-of-type {
  border-bottom: 0;
}
.lr_conv_crm_pick_list .lr_conv_crm_pick_row:hover {
  background: #f4f6fb;
}
.lr_conv_crm_pick_list .lr_conv_crm_pick_row input[type=checkbox] {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #333399;
}
.lr_conv_crm_pick_list .lr_conv_crm_pick_row.is_taken {
  cursor: default;
  opacity: 0.6;
}

.lr_conv_crm_pick_text {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.75rem;
  line-height: 1.4;
}

.lr_conv_crm_pick_tag {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(0, 128, 0, 0.1);
  color: #007531;
  font-size: 0.7rem;
  font-weight: 700;
  white-space: nowrap;
}

.lr_conv_crm_link_current {
  margin: 0 0 10px 0;
  padding: 6px 9px;
  border-radius: 6px;
  background: rgba(51, 51, 153, 0.08);
  font-weight: 700;
}

.lr_conv_crm_guide {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.lr_conv_crm_guide_row {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
  color: #1b1f2a;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}
.lr_conv_crm_guide_row .lr_fa_customer_status_icon {
  flex: 0 0 32px;
  font-size: 24px;
  color: #B7B7B7;
  text-align: center;
}
.lr_conv_crm_guide_row.is_active {
  border-color: #007531;
}
.lr_conv_crm_guide_row.is_active .lr_fa_customer_status_icon {
  color: #007531;
}
.lr_conv_crm_guide_row:hover {
  border-color: #333399;
}

.lr_conv_crm_guide_text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 0.75rem;
}
.lr_conv_crm_guide_text strong {
  font-size: 0.9rem;
}

.lr_conversations_diagnostics {
  margin-top: auto;
  background: #fbfbfd;
  border-style: dashed;
}

.lr_conversations_diagnostics .lr_conversations_compare_btn {
  margin: 0;
  padding: 5px 12px;
  font-size: 0.75rem;
}
.lr_conversations_diagnostics .lr_conversations_compare_btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.lr_conversations_compare_output {
  margin: 8px 0 0 0;
  max-height: 220px;
  overflow: auto;
  font-family: "Courier New", Courier, monospace;
  font-size: 0.625rem;
  line-height: 1.4;
  color: #3a4254;
  white-space: pre-wrap;
  word-break: break-word;
}
.lr_conversations_compare_output:empty {
  display: none;
}

.lr_conversations_placeholder {
  margin: 0;
  padding: 16px 14px;
  font-size: 0.875rem;
  color: #5a6475;
}
.lr_conversations_placeholder.is_error {
  color: #a52a2a;
}

.lr_conversations_spam_item {
  display: block;
  padding: 11px 12px;
  border-bottom: 1px solid #eef0f6;
  border-left: 3px solid #c8963c;
  background: #ffffff;
  cursor: pointer;
}

.lr_conversations_spam_item.is_open .lr_conversations_spam_preview {
  display: none;
}

.lr_conversations_spam_head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

.lr_conversations_spam_name {
  font-weight: 600;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_conversations_spam_reason {
  flex: none;
  padding: 1px 7px;
  border-radius: 9px;
  background: rgba(200, 150, 60, 0.16);
  color: #8a5f14;
  font-size: 0.75rem;
  white-space: nowrap;
}

.lr_conversations_spam_sender {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #5a6475;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_conversations_spam_subject {
  margin-top: 4px;
  font-size: 0.875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_conversations_spam_preview {
  margin-top: 2px;
  font-size: 0.75rem;
  color: #5a6475;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.lr_conversations_spam_full {
  display: none;
  margin-top: 8px;
  font-size: 0.75rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.lr_conversations_spam_item.is_open .lr_conversations_spam_full {
  display: block;
}

.lr_conversations_spam_foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 7px;
}

.lr_conversations_spam_date {
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_conversations_spam_release {
  padding: 3px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 4px;
  background: #ffffff;
  font: inherit;
  font-size: 0.75rem;
  color: inherit;
  cursor: pointer;
}
.lr_conversations_spam_release:hover {
  background: #f4f6fb;
  border-color: #333399;
  color: #333399;
}

.lr_conversations_spam_purge {
  padding: 3px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 4px;
  background: #ffffff;
  font: inherit;
  font-size: 0.75rem;
  color: #BF1B28;
  cursor: pointer;
}
.lr_conversations_spam_purge:hover {
  background: #f4f6fb;
  border-color: #BF1B28;
}

.lr_conversations_queue_btn--spam.is_active {
  border-left-color: #c8963c;
}

.lr_tel {
  color: #333399;
  font-weight: 600;
  text-decoration: none;
}
.lr_tel.is_disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.lr_conversations_compose_modal {
  position: fixed;
  inset: 0;
  z-index: 10200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.lr_conversations_compose_modal[hidden] {
  display: none;
}

.lr_conversations_compose_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 20, 30, 0.55);
}

.lr_conversations_compose_box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 620px;
  max-height: 90vh;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

.lr_conversations_compose_body {
  flex: 1;
  min-height: 0;
  padding: 14px 16px;
  overflow-y: auto;
}

.lr_conversations_compose_channels {
  display: inline-flex;
  margin-bottom: 14px;
  border: 1px solid #d5d9e6;
  border-radius: 6px;
  overflow: hidden;
}
.lr_conversations_compose_channels[hidden] {
  display: none;
}

.lr_conversations_compose_channel_btn {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 6px 14px;
  border: none;
  border-radius: 0;
  background: transparent;
  font-size: 0.75rem;
  color: #3a4254;
  cursor: pointer;
}
.lr_conversations_compose_channel_btn + .lr_conversations_compose_channel_btn {
  border-left: 1px solid #d5d9e6;
}
.lr_conversations_compose_channel_btn:hover:not(:disabled) {
  background: #f4f6fb;
}
.lr_conversations_compose_channel_btn.is_active {
  background: #333399;
  font-weight: 700;
  color: #ffffff;
}
.lr_conversations_compose_channel_btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.lr_conversations_compose_step {
  margin-bottom: 14px;
}
.lr_conversations_compose_step[hidden] {
  display: none;
}

.lr_conversations_compose_step_title {
  margin: 0 0 8px 0;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7b839a;
}

.lr_conversations_compose_search_row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lr_conversations_compose_box input[type=text].lr_conversations_compose_input,
.lr_conversations_compose_box input[type=email].lr_conversations_compose_input {
  width: 100%;
  height: 34px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #d5d9e6;
  border-radius: 4px;
  background: #f8f9fc;
  font-size: 0.875rem;
  line-height: 32px;
  color: #222222;
  box-sizing: border-box;
  box-shadow: none;
}
.lr_conversations_compose_box input[type=text].lr_conversations_compose_input:focus,
.lr_conversations_compose_box input[type=email].lr_conversations_compose_input:focus {
  outline: none;
  border-color: #333399;
  background: #ffffff;
}

.lr_conversations_compose_search_btn {
  flex: 0 0 auto;
  height: 34px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #333399;
  border-radius: 4px;
  background: #333399;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 32px;
  color: #ffffff;
  cursor: pointer;
}

.lr_conversations_compose_hint {
  margin: 6px 0 0 0;
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_conversations_compose_results {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}

.lr_conversations_compose_result {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
}
.lr_conversations_compose_result:hover, .lr_conversations_compose_result:focus-visible {
  background: #f4f6fb;
  border-color: #c6cbdd;
}

.lr_conversations_compose_result_avatar,
.lr_conversations_compose_picked_avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #dfe3ef;
  font-size: 0.625rem;
  font-weight: 700;
  color: #4a5163;
}

.lr_conversations_compose_result_text,
.lr_conversations_compose_picked_text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.lr_conversations_compose_result_text strong,
.lr_conversations_compose_picked_text strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  color: #1b1f2a;
}
.lr_conversations_compose_result_text span,
.lr_conversations_compose_picked_text span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_conversations_compose_link {
  margin: 8px 0 0 0;
  padding: 0;
  border: none;
  background: transparent;
  font-size: 0.75rem;
  color: #333399;
  text-decoration: underline;
  cursor: pointer;
}
.lr_conversations_compose_link[hidden] {
  display: none;
}

.lr_conversations_compose_new {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #f8f9fc;
}
.lr_conversations_compose_new[hidden] {
  display: none;
}

.lr_conversations_compose_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.lr_conversations_compose_field {
  display: block;
}
.lr_conversations_compose_field[hidden] {
  display: none;
}
.lr_conversations_compose_field > span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7b839a;
}
.lr_conversations_compose_field + .lr_conversations_compose_field {
  margin-top: 10px;
}

.lr_conversations_compose_grid .lr_conversations_compose_field + .lr_conversations_compose_field {
  margin-top: 0;
}

.lr_conversations_compose_create {
  margin-top: 10px;
}

.lr_conversations_compose_dupe {
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #e3c96f;
  border-radius: 6px;
  background: #fdf6dd;
}
.lr_conversations_compose_dupe[hidden] {
  display: none;
}

.lr_conversations_compose_dupe_card {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
  padding: 8px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
}

.lr_conversations_compose_dupe_actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
}
.lr_conversations_compose_dupe_actions .lr_conversations_compose_link {
  margin: 0;
}

.lr_conversations_compose_picked_row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.lr_conversations_compose_picked_row[hidden] {
  display: none;
}

.lr_conversations_compose_picked {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
  padding: 10px;
  border: 1px solid #c9d7c9;
  border-radius: 6px;
  background: #f2f8f2;
}
.lr_conversations_compose_picked[hidden] {
  display: none;
}
.lr_conversations_compose_picked .lr_conversations_compose_picked_text {
  flex: 1;
  min-width: 0;
}
.lr_conversations_compose_picked .lr_conversations_compose_link {
  margin: 0;
  flex-shrink: 0;
}

.lr_conversations_compose_attach {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.lr_conversations_compose_attach[hidden] {
  display: none;
}
.lr_conversations_compose_attach .email_header_tool_icon {
  margin: 0;
}

.lr_conversations_compose_box textarea.lr_conversations_compose_textarea {
  width: 100%;
  margin: 0;
  padding: 9px 10px;
  border: 1px solid #d5d9e6;
  border-radius: 4px;
  background: #f8f9fc;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #222222;
  box-sizing: border-box;
  resize: vertical;
}
.lr_conversations_compose_box textarea.lr_conversations_compose_textarea:focus {
  outline: none;
  border-color: #333399;
  background: #ffffff;
}

.lr_conversations_compose_signature {
  margin-top: 10px;
  padding: 10px 0 0 0;
  border-top: 1px solid #d5d9e6;
}
.lr_conversations_compose_signature[hidden] {
  display: none;
}

.lr_conversations_compose_signature_label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #7b839a;
}

.lr_conversations_compose_signature_html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.45;
  color: #555555;
}
.lr_conversations_compose_signature_html p {
  margin: 0 0 0.35em 0;
}
.lr_conversations_compose_signature_html img {
  max-width: 100%;
  height: auto;
}
.lr_conversations_compose_signature_html table {
  max-width: 100%;
}

.lr_conversations_compose_counter {
  margin: 6px 0 0 0;
  text-align: right;
  font-size: 0.75rem;
  color: #5a6475;
}
.lr_conversations_compose_counter[hidden] {
  display: none;
}
.lr_conversations_compose_counter.is_over {
  font-weight: 700;
  color: #b0344a;
}

.lr_conversations_compose_foot {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-top: 1px solid #e3e6f0;
  background: #f8f9fc;
}

.lr_conversations_compose_status {
  flex: 1;
  margin: 0;
  min-width: 0;
  font-size: 0.75rem;
  color: #5a6475;
}

body.lr_conversations_compose_open {
  overflow: hidden;
}

@media (max-width: 1500px) {
  .lr_conversations_shell {
    --lr_conv_nav_w: 190px;
    --lr_conv_list_w: 290px;
    --lr_conv_context_w: 280px;
  }
  .lr_conversations_bubble,
  .lr_conversations_message_stack {
    max-width: 82%;
  }
}
@media (max-width: 1240px) {
  .lr_conversations_shell {
    --lr_conv_nav_w: 62px;
    --lr_conv_list_w: 260px;
    --lr_conv_context_w: 280px;
  }
  .lr_conversations_resizer[data-resize-target=nav] {
    pointer-events: none;
  }
  .lr_conversations_resizer[data-resize-target=nav]:hover {
    background: #e3e6f0;
  }
  .lr_conversations_context {
    padding: 10px 9px;
  }
  .lr_conversations_fact {
    gap: 6px;
  }
}
@media (min-width: 901px) and (max-width: 1240px) {
  .lr_conversations_shell:has(.lr_conversations_nav.is_expanded) {
    --lr_conv_nav_w: 190px;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_nav_toggle {
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_nav_head,
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_nav_foot,
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_queue_label {
    display: none;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_nav_settings {
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_nav_settings .lr_conversations_btn_label {
    display: none;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_admin_conversations_tools {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_queue_btn {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 2px;
    padding: 12px 4px;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_queue_count {
    min-width: 0;
    padding: 0 5px;
    font-size: 0.5625rem;
    line-height: 1.5;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_auto_reply {
    align-items: center;
    padding: 10px 8px;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_auto_reply_btn {
    width: 38px;
    height: 38px;
    padding: 0;
    justify-content: center;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_auto_reply_btn .lr_conversations_btn_label {
    display: none;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_filter {
    display: block;
    padding: 10px 8px;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_filter .lr_conversations_filter_label,
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_filter .lr_conversations_btn_label {
    display: none;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_btns {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_btn {
    padding: 7px 4px;
    text-align: center;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_btn + .lr_conversations_channel_btn {
    border-left: none;
    border-top: 1px solid #d5d9e6;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_channel_btn i {
    display: inline-block;
    font-size: 1.5rem;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_queue_btn i {
    font-size: 1.5rem;
  }
  .lr_conversations_nav:not(.is_expanded) .lr_conversations_nav_settings i {
    width: auto;
    font-size: 1.5rem;
  }
}
.lr_conversations_context_toggle,
.lr_conversations_context_strip,
.lr_conversations_list > .lr_conversations_list_toggle,
.lr_conversations_list_foot_compact {
  display: none;
}

.lr_conversations_context_strip_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 9px;
  background: #ffffff;
  color: #333399;
  font-size: 1.5rem;
  cursor: pointer;
}
.lr_conversations_context_strip_btn:hover, .lr_conversations_context_strip_btn:focus-visible {
  color: #22226b;
  border-color: #c3c9dd;
}
.lr_conversations_context_strip_btn:disabled {
  color: #b4bac9;
  border-color: #e8ebf3;
  background: #f8f9fc;
  cursor: not-allowed;
}
.lr_conversations_context_strip_btn:disabled .lr_conversations_strip_nexusiq {
  opacity: 0.35;
  filter: grayscale(1);
}

.lr_conversations_strip_nexusiq {
  width: 24px;
  height: 24px;
}

@media (min-width: 901px) {
  .lr_conversations_shell > .lr_conversations_top_bar {
    grid-column: 1/6;
    grid-row: 1;
  }
  .lr_conversations_shell > .lr_conversations_nav {
    grid-column: 1;
    grid-row: 2;
  }
  .lr_conversations_shell > .lr_conversations_resizer[data-resize-target=nav] {
    grid-column: 2;
    grid-row: 2;
  }
  .lr_conversations_shell > .lr_conversations_list {
    grid-column: 3;
    grid-row: 2;
  }
  .lr_conversations_shell > .lr_conversations_resizer[data-resize-target=list] {
    grid-column: 4;
    grid-row: 2;
  }
  .lr_conversations_shell > .lr_conversations_detail_col {
    grid-column: 5;
    grid-row: 2;
  }
  .lr_conversations_shell > .lr_conversations_resizer[data-resize-target=context] {
    grid-column: 6;
    grid-row: 1/-1;
  }
  .lr_conversations_shell > .lr_conversations_context {
    grid-column: 7;
    grid-row: 1/-1;
  }
  .lr_conversations_shell > .lr_conversations_list,
  .lr_conversations_shell > .lr_conversations_detail_col,
  .lr_conversations_shell > .lr_conversations_context {
    contain: size;
  }
}
@media (min-width: 901px) and (max-width: 1338px) {
  .lr_conversations_shell:has(#lrAdminConversationsContext) {
    --lr_conv_context_w: 56px;
    position: relative;
  }
  .lr_conversations_shell:has(#lrAdminConversationsContext) .lr_conversations_resizer[data-resize-target=context] {
    pointer-events: none;
  }
  .lr_conversations_shell:has(#lrAdminConversationsContext) .lr_conversations_resizer[data-resize-target=context]:hover {
    background: #e3e6f0;
  }
  #lrAdminConversationsContext {
    align-items: center;
    gap: 10px;
    padding: 8px 6px;
  }
  #lrAdminConversationsContext .lr_conversations_context_card,
  #lrAdminConversationsContext .lr_conversations_diagnostics {
    display: none;
  }
  #lrAdminConversationsContext .lr_conversations_context_head {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    gap: 8px;
  }
  #lrAdminConversationsContext .lr_conversations_context_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px 8px 2px;
    border: none;
    background: transparent;
    font-size: 0.8rem;
    line-height: 1;
    color: #9aa1b4;
    cursor: pointer;
  }
  #lrAdminConversationsContext .lr_conversations_context_toggle:hover, #lrAdminConversationsContext .lr_conversations_context_toggle:focus-visible {
    color: #333399;
  }
  #lrAdminConversationsContext .lr_conversations_context_strip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  #lrAdminConversationsContext.is_overlay_open {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    width: min(340px, 70vw);
    align-items: stretch;
    gap: 10px;
    padding: 12px;
    background: #f5f6fb;
    border-left: 1px solid #e3e6f0;
    border-radius: 0 10px 10px 0;
    box-shadow: -14px 0 28px rgba(16, 24, 64, 0.18);
  }
  #lrAdminConversationsContext.is_overlay_open .lr_conversations_context_card,
  #lrAdminConversationsContext.is_overlay_open .lr_conversations_diagnostics {
    display: block;
  }
  #lrAdminConversationsContext.is_overlay_open .lr_conversations_context_strip {
    display: none;
  }
  #lrAdminConversationsContext.is_overlay_open .lr_conversations_context_toggle {
    align-self: flex-end;
    padding: 0 0 2px;
  }
}
@media (min-width: 901px) and (max-width: 1278px) {
  .lr_conversations_shell:has(.lr_conversations_list > .lr_conversations_list_toggle) {
    --lr_conv_list_w: 64px;
  }
  .lr_conversations_shell:has(.lr_conversations_list > .lr_conversations_list_toggle) .lr_conversations_resizer[data-resize-target=list] {
    pointer-events: none;
  }
  .lr_conversations_shell:has(.lr_conversations_list > .lr_conversations_list_toggle) .lr_conversations_resizer[data-resize-target=list]:hover {
    background: #e3e6f0;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_head {
    display: none;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_item {
    grid-template-columns: 38px;
    justify-content: center;
    padding: 10px 0;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_item .lr_conversations_list_body_text {
    display: none;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_item.has_unread .lr_conversations_list_avatar {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #BF1B28;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_body {
    scrollbar-width: none;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_body::-webkit-scrollbar {
    display: none;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_foot {
    padding: 6px 2px;
    text-align: center;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_foot .lr_conversations_list_foot_full {
    display: none;
  }
  .lr_conversations_list:has(> .lr_conversations_list_toggle):not(.is_overlay_open) .lr_conversations_list_foot .lr_conversations_list_foot_compact {
    display: block;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }
  .lr_conversations_list > .lr_conversations_list_toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 6px 8px 2px;
    border: none;
    background: transparent;
    font-size: 0.8rem;
    line-height: 1;
    color: #9aa1b4;
    cursor: pointer;
  }
  .lr_conversations_list > .lr_conversations_list_toggle:hover, .lr_conversations_list > .lr_conversations_list_toggle:focus-visible {
    color: #333399;
  }
  .lr_conversations_list.is_overlay_open {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 60;
    width: 480px;
    border-right: 1px solid #e3e6f0;
    box-shadow: 14px 0 28px rgba(16, 24, 64, 0.18);
  }
  .lr_conversations_list.is_overlay_open .lr_conversations_list_head {
    display: flex;
  }
  .lr_conversations_list.is_overlay_open .lr_conversations_list_item {
    grid-template-columns: 38px minmax(0, 1fr);
    justify-content: stretch;
    padding: 11px 12px 11px 9px;
  }
  .lr_conversations_list.is_overlay_open .lr_conversations_list_item .lr_conversations_list_body_text {
    display: flex;
  }
  .lr_conversations_list.is_overlay_open .lr_conversations_search_wrap {
    display: block;
  }
  .lr_conversations_list.is_overlay_open .lr_conversations_list_head {
    justify-content: stretch;
    padding: 10px 12px;
  }
  .lr_conversations_list.is_overlay_open .lr_conversations_list > .lr_conversations_list_toggle {
    align-self: flex-end;
    padding: 6px 10px 2px;
  }
}
@media (min-width: 901px) {
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_head {
    display: flex;
    justify-content: center;
    padding: 6px 4px;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_search_wrap,
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_tools,
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_sort {
    display: none;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_item {
    grid-template-columns: 38px;
    justify-content: center;
    padding: 10px 0;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_item .lr_conversations_list_body_text {
    display: none;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_item.has_unread .lr_conversations_list_avatar {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #BF1B28;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_body {
    scrollbar-width: none;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_body::-webkit-scrollbar {
    display: none;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_foot {
    padding: 6px 2px;
    text-align: center;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_foot .lr_conversations_list_foot_full {
    display: none;
  }
  .lr_conversations_list.is_rail:not(.is_overlay_open) .lr_conversations_list_foot .lr_conversations_list_foot_compact {
    display: block;
    font-size: 0.72rem;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }
  .lr_conversations_shell:has(.lr_conversations_list.is_rail:not(.is_overlay_open)) {
    --lr_conv_list_w: 64px;
  }
  .lr_conversations_shell:has(.lr_conversations_list.is_rail:not(.is_overlay_open)) .lr_conversations_resizer[data-resize-target=list] {
    pointer-events: none;
  }
  .lr_conversations_shell:has(.lr_conversations_list.is_rail:not(.is_overlay_open)) .lr_conversations_resizer[data-resize-target=list]:hover {
    background: #e3e6f0;
  }
  #lrConversationsContext.is_rail {
    align-items: center;
    gap: 10px;
    padding: 8px 6px;
  }
  #lrConversationsContext.is_rail .lr_conversations_context_card,
  #lrConversationsContext.is_rail .lr_conversations_diagnostics {
    display: none;
  }
  #lrConversationsContext.is_rail .lr_conversations_context_strip {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  #lrConversationsContext.is_rail .lr_conversations_context_head {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    gap: 8px;
  }
  #lrConversationsContext.is_rail #lrConversationsContextToggle {
    align-self: center;
    width: 28px;
    height: 28px;
  }
  #lrConversationsContext.is_rail .lr_conversations_context_nexusiq {
    display: none;
  }
  #lrConversationsContext.is_rail .lr_conversations_context_head_end {
    flex-direction: column;
    gap: 8px;
    margin-left: 0;
  }
  #lrConversationsContext.is_rail .lr_conversations_customer_add_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin: 0;
    border: 1px solid #e3e6f0;
    border-radius: 9px;
    background: #ffffff;
  }
  #lrConversationsContext.is_rail .lr_conversations_customer_add_btn i {
    font-size: 1.5rem;
  }
  .lr_conversations_shell:has(#lrConversationsContext.is_rail) {
    --lr_conv_context_w: 56px;
  }
  .lr_conversations_shell:has(#lrConversationsContext.is_rail) .lr_conversations_resizer[data-resize-target=context] {
    pointer-events: none;
  }
  .lr_conversations_shell:has(#lrConversationsContext.is_rail) .lr_conversations_resizer[data-resize-target=context]:hover {
    background: #e3e6f0;
  }
}
@media (max-width: 900px) {
  .page-content:has(.lr_conversations_root) {
    padding: 0;
  }
  .lr_conversations_shell {
    display: block;
    height: auto;
    min-height: 0;
    margin: 6px 6px 0 6px;
    border-radius: 8px;
  }
  .lr_conversations_resizer {
    display: none;
  }
  .lr_conversations_nav {
    border-right: none;
    border-bottom: 1px solid #e3e6f0;
  }
  .lr_conversations_nav_toggle {
    display: none;
  }
  .lr_conversations_nav_settings {
    justify-content: center;
    padding-right: 0;
    padding-left: 0;
  }
  .lr_conversations_nav_settings .lr_conversations_btn_label {
    display: none;
  }
  .lr_admin_conversations_tools {
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .lr_conversations_queue_count {
    min-width: 0;
    padding: 0 5px;
    font-size: 0.5625rem;
    line-height: 1.5;
  }
  .lr_conversations_nav_head {
    display: block;
    padding: 10px 12px 8px 12px;
  }
  .lr_conversations_nav_list {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 6px 8px;
  }
  .lr_conversations_queue_btn {
    grid-template-columns: auto auto auto;
    justify-items: start;
    gap: 6px;
    width: auto;
    flex: 0 0 auto;
    min-height: 40px;
    padding: 6px 12px;
    border-left: none;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
  }
  .lr_conversations_queue_btn i {
    font-size: 0.95rem;
  }
  .lr_conversations_queue_btn.is_active {
    border-left-color: transparent;
    border-bottom-color: #333399;
  }
  .lr_conversations_queue_label {
    display: inline;
  }
  .lr_conversations_channel_filter {
    display: block;
    padding: 8px 12px;
  }
  .lr_conversations_nav_foot {
    display: flex;
    flex-direction: row;
    gap: 14px;
  }
  .lr_conversations_list {
    border-right: none;
    height: auto;
  }
  .lr_conversations_list_head .lr_conversations_list_toggle,
  #lrConversationsContextToggle {
    display: none;
  }
  .lr_conversations_detail_col {
    display: flex;
    flex-direction: column;
    grid-column: auto;
    grid-row: auto;
  }
  .lr_conversations_customer_tabs {
    display: none;
  }
  .lr_conversations_list_body {
    max-height: none;
    overflow-y: visible;
  }
  .lr_conversations_detail {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 130px);
    min-height: 400px;
  }
  .lr_conversations_tab_activity:not([hidden]) {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
  }
  .lr_conversations_tab_form:not([hidden]) {
    flex: 1;
    min-height: 0;
  }
  .lr_conversations_timeline {
    flex: 1;
    min-height: 0;
    padding: 14px 12px;
  }
  .lr_conversations_composer {
    flex-shrink: 0;
  }
  .lr_conversations_bubble,
  .lr_conversations_message_stack {
    max-width: 88%;
  }
  .lr_conversations_back_btn {
    display: inline-flex;
  }
  .lr_conversations_shell.is_reading .lr_conversations_top_bar,
  .lr_conversations_shell.is_reading .lr_conversations_date_filter,
  .lr_conversations_shell.is_reading .lr_conversations_list,
  .lr_conversations_shell.is_reading .lr_conversations_nav {
    display: none;
  }
  .lr_conversations_shell:not(.is_reading) .lr_conversations_detail_col,
  .lr_conversations_shell:not(.is_reading) .lr_conversations_detail {
    display: none;
  }
  .lr_conversations_context {
    display: flex;
    border-left: none;
    border-top: 1px solid #e3e6f0;
    overflow-y: visible;
  }
  .lr_conversations_shell:not(.is_reading) .lr_conversations_context {
    display: none;
  }
  .lr_conversations_empty img {
    width: 180px;
  }
}
.lr_conversations_offer_bar {
  padding: 12px 18px;
  border-top: 1px solid #e3e6f0;
  background: #f3faf5;
}

.lr_conversations_offer_bar_summary {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 16px;
  margin-bottom: 8px;
}

.lr_conversations_offer_bar_finance {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 0 0 10px;
}

.lr_conversations_offer_bar_chip {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid #cfe8d6;
  border-radius: 999px;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 600;
  color: #5a6475;
}

.lr_conversations_offer_bar_vehicle {
  font-weight: 700;
}

.lr_conversations_offer_bar_amount {
  font-size: 1.35rem;
  font-weight: 800;
  color: #007531;
}

.lr_conversations_offer_bar_status {
  font-size: 0.75rem;
  color: #5a6475;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.lr_conversations_offer_bar_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.lr_conversations_offer_amount_input {
  max-width: 180px;
}

.lr_conversations_offer_note_input {
  display: block;
  width: 100%;
  margin: 10px 0 0;
  min-height: 5.5rem;
  resize: vertical;
}

.lr_conversations_offer_bar_msg {
  margin: 8px 0 0 0;
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_conversations_offer {
  margin: 10px 0;
  padding: 10px 12px;
  border: 1px solid #b7e0c4;
  border-radius: 8px;
  background: #f3faf5;
}

.lr_conversations_offer_amount {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.2;
  color: #007531;
}

.lr_conversations_offer_kind {
  margin-top: 2px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5a6475;
}

.lr_conversations_offer_vehicle,
.lr_conversations_offer_stock {
  margin-top: 2px;
}

.lr_conversations_offer_finance {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 16px;
  margin: 10px 0 0;
  padding: 8px 0 0;
  border-top: 1px solid #cfe8d6;
}

.lr_conversations_offer_finance_row {
  display: contents;
}

.lr_conversations_offer_finance dt {
  margin: 0;
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_conversations_offer_finance dd {
  margin: 0;
  font-weight: 700;
  text-align: right;
}

.lr_conversations_offer_finance_value--up,
.lr_conversations_offer_bar_chip.lr_conversations_offer_finance_value--up {
  color: #007531;
}

.lr_conversations_offer_finance_value--down,
.lr_conversations_offer_bar_chip.lr_conversations_offer_finance_value--down {
  color: #b42318;
}

.lr_conversations_email--offer .lr_conversations_email_kind--offer {
  font-weight: 800;
  color: #007531;
}

.lr_crm_conv_shell {
  --lr_conv_context_w: 320px;
  --lr_crm_my_w: 44px;
  --lr_crm_my_open_w: 250px;
  display: grid;
  grid-template-columns: var(--lr_crm_my_w) 5px minmax(0, 1fr) 5px var(--lr_conv_context_w);
  grid-template-rows: auto minmax(0, 1fr);
  height: max(520px, 100vh - 108px);
  margin: 8px 10px 0 0;
  background: #ffffff;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  overflow: clip;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.06);
}
.lr_crm_conv_shell:has(.lr_crm_my_customers.is_open) {
  --lr_crm_my_w: var(--lr_crm_my_open_w);
}
.lr_crm_conv_shell > .lr_crm_my_customers {
  grid-column: 1;
  grid-row: 1/-1;
}
.lr_crm_conv_shell > .lr_conversations_resizer[data-resize-target=my] {
  grid-column: 2;
  grid-row: 1/-1;
}
.lr_crm_conv_shell > .lr_conversations_resizer[data-resize-target=context] {
  grid-column: 4;
  grid-row: 1/-1;
}
.lr_crm_conv_shell:not(:has(.lr_crm_my_customers.is_open)) > .lr_conversations_resizer[data-resize-target=my] {
  pointer-events: none;
}
.lr_crm_conv_shell:has(#lrConversationsContext.is_rail) > .lr_conversations_resizer[data-resize-target=context] {
  pointer-events: none;
}
.lr_crm_conv_shell > .lr_conversations_top_bar {
  grid-column: 3;
  grid-row: 1;
  align-items: center;
  padding: 0 0 0 10px;
}
.lr_crm_conv_shell > .lr_conversations_detail_col {
  grid-column: 3;
  grid-row: 2;
}
.lr_crm_conv_shell > .lr_conversations_context {
  grid-column: 5;
  grid-row: 1/-1;
}
.lr_crm_conv_shell .lr_conversations_back_btn {
  display: none;
}

.lr_crm_my_customers .lr_crm_conv_search {
  flex: 0 0 auto;
  margin: 0;
  padding: 8px;
  border-bottom: 1px solid #e3e6f0;
}
.lr_crm_my_customers .lr_crm_conv_search .lr_cpick_input {
  min-height: 2.25rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.875rem;
}
.lr_crm_my_customers .lr_crm_conv_search .lr_cpick_results .lr_pick_stamp_label {
  display: none;
}
.lr_crm_my_customers .lr_crm_conv_search .lr_cpick_results .lr_pick_stamp {
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_crm_my_customers {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #f5f6fb;
  border-right: 1px solid #e3e6f0;
}

.lr_crm_my_customers_head {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
  min-height: 48px;
  padding: 0 6px;
  border-bottom: 1px solid #e3e6f0;
}

.lr_crm_my_customers_toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  background: #ffffff;
  color: #333399;
  font-size: 1rem;
  cursor: pointer;
}
.lr_crm_my_customers_toggle:hover, .lr_crm_my_customers_toggle:focus-visible {
  color: #22226b;
  border-color: #c3c9dd;
}

.lr_crm_my_customers_body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.lr_crm_my_customers_body[hidden] {
  display: none;
}

.lr_crm_my_customers_filters {
  display: flex;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
}

.lr_crm_my_customers:not(.is_open) .lr_crm_my_customers_filters {
  display: none;
}

.lr_crm_my_customers:not(.is_open) .lr_crm_my_customers_head {
  justify-content: center;
}

.lr_crm_my_customers_filter {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  height: 34px;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  background: #ffffff;
  color: #4a5163;
  font-size: 1rem;
  cursor: pointer;
}
.lr_crm_my_customers_filter:hover, .lr_crm_my_customers_filter:focus-visible {
  color: #333399;
  border-color: #c3c9dd;
}
.lr_crm_my_customers_filter.is_active {
  border-color: #333399;
  background: #333399;
  color: #ffffff;
}

.lr_crm_my_customers_scope.is_everyone {
  border-color: #333399;
  color: #333399;
  box-shadow: inset 0 0 0 1px #333399;
}

.lr_crm_my_customers_count {
  position: absolute;
  top: -6px;
  right: -4px;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: #c62828;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}
.lr_crm_my_customers_count[hidden] {
  display: none;
}

.lr_crm_my_customers_list {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
  background: #ffffff;
}

.lr_crm_my_customer {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  border-bottom: 1px solid #eef0f6;
  background: transparent;
  color: #1b1f2a;
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.lr_crm_my_customer:hover, .lr_crm_my_customer:focus-visible {
  background: #f4f6fb;
  color: #1b1f2a;
  text-decoration: none;
}
.lr_crm_my_customer.is_current {
  background: #e8f0fd;
  box-shadow: inset 3px 0 0 #333399;
}

.lr_crm_my_customer_line {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.lr_crm_my_customer_meta {
  overflow: hidden;
  font-size: 0.6875rem;
  font-weight: 400;
  line-height: 1.35;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5a6475;
}

.lr_crm_my_customer_name {
  min-width: 0;
  overflow: hidden;
  font-size: 0.875rem;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_crm_my_customer_time {
  flex: 0 0 auto;
  font-size: 0.75rem;
  white-space: nowrap;
  color: #5a6475;
}

.lr_crm_my_customers_empty {
  padding: 14px 10px;
  font-size: 0.75rem;
  text-align: center;
  color: #5a6475;
}

.lr_crm_conversation_switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 12px;
  background: #ffffff;
  border-bottom: 1px solid #e3e6f0;
}
.lr_crm_conversation_switcher[hidden] {
  display: none;
}

.lr_crm_conversation_switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 14px;
  background: #f8f9fc;
  color: #1b1f2a;
  font-size: 0.75rem;
  cursor: pointer;
}
.lr_crm_conversation_switch.is_active {
  border-color: #333399;
  background: #e8f0fd;
  font-weight: 700;
}

.lr_crm_conversation_switch_unread {
  min-width: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: #333399;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}

.lr_conversations_detail.is_customer_only .lr_conversations_channel_switch,
.lr_conversations_detail.is_customer_only .lr_conversations_composer,
.lr_conversations_detail.is_customer_only .lr_conversations_offer_bar {
  display: none;
}

.lr_conversations_customer_comments {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 1240px) {
  .lr_crm_conv_shell {
    --lr_conv_context_w: 270px;
  }
}
@media (max-width: 900px) {
  .lr_crm_conv_shell {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    height: auto;
    margin-right: 0;
  }
  .lr_crm_conv_shell > .lr_conversations_resizer {
    display: none;
  }
  .lr_crm_conv_shell > .lr_crm_my_customers {
    grid-column: 1;
    grid-row: 1;
    border-right: none;
    border-bottom: 1px solid #e3e6f0;
  }
  .lr_crm_conv_shell .lr_crm_my_customers_list {
    max-height: 50vh;
  }
  .lr_crm_conv_shell .lr_crm_my_customers:not(.is_open) .lr_crm_my_customers_head {
    justify-content: flex-end;
  }
  .lr_crm_conv_shell > .lr_conversations_top_bar {
    grid-column: 1;
    grid-row: 2;
    flex-wrap: wrap;
  }
  .lr_crm_conv_shell .lr_conversations_customer_tabs {
    display: flex;
    padding-right: 6px;
  }
  .lr_crm_conv_shell .lr_conversations_nexusiq_mark {
    display: none;
  }
  .lr_crm_conv_shell .lr_conversations_detail_head {
    flex-wrap: wrap;
    padding: 10px 12px;
  }
  .lr_crm_conv_shell .lr_conversations_identity_name {
    flex-wrap: wrap;
  }
  .lr_crm_conv_shell .lr_conversations_detail_actions {
    flex-direction: row;
    align-items: center;
    align-self: auto;
    margin-left: auto;
  }
  .lr_crm_conv_shell .lr_conversations_detail_actions .lr_conversations_assign_staff {
    margin: 0;
  }
  .lr_crm_conv_shell > .lr_conversations_detail_col {
    grid-column: 1;
    grid-row: 3;
  }
  .lr_crm_conv_shell > .lr_conversations_context {
    grid-column: 1;
    grid-row: 4;
    overflow-y: visible;
    border-top: 1px solid #e3e6f0;
    border-left: none;
  }
}
.lr_optional_flag {
  margin-left: 2px;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: lowercase;
  color: #5a6475;
}

.lr_cmatch[hidden] {
  display: none;
}

.lr_cmatch_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0 10px 0;
}

.lr_cmatch_card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 6px;
  background: #ffffff;
}

.lr_cmatch_avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #333399;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
}

.lr_cmatch_text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  gap: 1px;
}

.lr_cmatch_name {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_cmatch_id {
  font-size: 0.75rem;
  font-weight: 400;
  color: #5a6475;
}

.lr_cmatch_meta {
  overflow: hidden;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4a5163;
}

.lr_cmatch_owner {
  font-size: 0.75rem;
  font-weight: 700;
}
.lr_cmatch_owner--mine {
  color: #007531;
}
.lr_cmatch_owner--unassigned {
  color: #4a5163;
}
.lr_cmatch_owner--other {
  color: #b42318;
}

.lr_cmatch_btn {
  flex: 0 0 auto;
  margin: 0;
}

html:has(.lr_convph_root),
body:has(.lr_convph_root) {
  overflow: hidden;
}

.page-content:has(.lr_convph) {
  padding: 0 !important;
  overflow: hidden;
}
.page-content:has(.lr_convph) .foot_bar_dashb {
  display: none;
}

.lr_convph {
  position: fixed;
  top: 52px;
  left: 0;
  right: 0;
  height: calc(100vh - 52px);
  height: calc(100dvh - 52px);
  overflow: hidden;
  background: #f8f9fc;
  color: #1b1f2a;
  z-index: 1;
}

.lr_convph_screen {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: #ffffff;
}

.lr_convph_thread {
  display: none;
}

.lr_convph.is_reading .lr_convph_inbox {
  display: none;
}
.lr_convph.is_reading .lr_convph_thread {
  display: flex;
}

.lr_convph_head {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding: 8px 10px;
  border-bottom: 1px solid #e3e6f0;
  background: #ffffff;
}

.lr_convph .lr_convph_search_wrap {
  position: relative;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  margin: 0;
}

.lr_convph .lr_conversations_search_icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a93a6;
  font-size: 0.9rem;
  pointer-events: none;
}

.lr_convph .lr_convph_search_wrap input.lr_convph_search {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 40px 0 36px;
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  background: #f8f9fc;
  color: #1b1f2a;
  font-size: 16px;
  line-height: 1.2;
}
.lr_convph .lr_convph_search_wrap input.lr_convph_search:focus {
  border-color: #333399;
  background: #ffffff;
  outline: none;
}
.lr_convph .lr_convph_search_wrap input.lr_convph_search::-webkit-search-cancel-button {
  display: none;
}

.lr_convph .lr_conversations_search_clear {
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #8a93a6;
  font-size: 1.1rem;
  cursor: pointer;
}
.lr_convph .lr_conversations_search_clear[hidden] {
  display: none;
}

.lr_convph .lr_convph_iconbtn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  background: #ffffff;
  color: #333399;
  font-size: 1.15rem;
  cursor: pointer;
}
.lr_convph .lr_convph_iconbtn:active {
  background: #f4f6fb;
}

.lr_convph_dot {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 9px;
  height: 9px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #d85a30;
}
.lr_convph_dot[hidden] {
  display: none;
}

.lr_convph_queues {
  flex: 0 0 auto;
  border-bottom: 1px solid #e3e6f0;
  background: #ffffff;
}

.lr_convph .lr_convph_chips {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 0;
  padding: 8px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-padding: 0 10px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.lr_convph .lr_convph_chips::-webkit-scrollbar {
  display: none;
}

.lr_convph .lr_convph_chips--wrap {
  flex-wrap: wrap;
  overflow: visible;
  padding: 0;
  scroll-snap-type: none;
}

.lr_convph .lr_convph_chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  width: auto;
  min-height: 38px;
  margin: 0;
  padding: 0 13px;
  border: 1px solid #e3e6f0;
  border-radius: 19px;
  background: #ffffff;
  color: #3b4252;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  scroll-snap-align: start;
  cursor: pointer;
}
.lr_convph .lr_convph_chip i {
  font-size: 0.85rem;
  color: #8a93a6;
}
.lr_convph .lr_convph_chip .lr_conversations_queue_label {
  display: inline;
}
.lr_convph .lr_convph_chip .lr_conversations_queue_count {
  display: inline-block;
  min-width: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: #eef0f6;
  color: #3b4252;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.lr_convph .lr_convph_chip .lr_conversations_queue_count:empty {
  display: none;
}
.lr_convph .lr_convph_chip[data-queue=needs_reply] .lr_conversations_queue_count {
  background: #fdecec;
  color: #8f1d1d;
}
.lr_convph .lr_convph_chip.is_active {
  border-color: #333399;
  background: #333399;
  color: #ffffff;
}
.lr_convph .lr_convph_chip.is_active i {
  color: #ffffff;
}
.lr_convph .lr_convph_chip.is_active .lr_conversations_queue_count {
  background: #ffffff;
  color: #333399;
}

.lr_convph_list {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  background: #ffffff;
}

.lr_convph .lr_convph_list_body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.lr_convph .lr_convph_list_foot {
  flex: 0 0 auto;
  margin: 0;
  padding: 8px 84px 8px 12px;
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  border-top: 1px solid #eef0f6;
  font-size: 0.75rem;
  color: #8a93a6;
  text-align: left;
}
.lr_convph .lr_convph_list_foot:empty {
  display: none;
}
.lr_convph .lr_convph_list_foot .lr_conversations_list_foot_compact {
  display: none;
}
.lr_convph .lr_convph_list_foot .lr_conversations_load_more {
  margin-left: 6px;
  padding: 4px 10px;
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  background: #ffffff;
  color: #333399;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 700;
}

.lr_convph .lr_conversations_placeholder {
  margin: 0;
  padding: 36px 16px;
  color: #8a93a6;
  font-size: 0.875rem;
  text-align: center;
}

.lr_convph .lr_conversations_list_item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 10px 12px 10px 9px;
  border: 0;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #eef0f6;
  border-radius: 0;
  background: #ffffff;
  color: #1b1f2a;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.lr_convph .lr_conversations_list_item.has_unread {
  border-left-color: #333399;
  background: #f3f5fc;
}
.lr_convph .lr_conversations_list_item.has_unread .lr_conversations_list_name {
  font-weight: 700;
}
.lr_convph .lr_conversations_list_item.has_unread .lr_conversations_list_preview {
  color: #1b1f2a;
}
.lr_convph .lr_conversations_list_item.is_active {
  background: #e8f0fd;
}
.lr_convph .lr_conversations_list_item.is_closed {
  opacity: 0.7;
}

.lr_convph .lr_conversations_list_avatar_wrap {
  position: relative;
  width: 40px;
  height: 40px;
}

.lr_convph .lr_conversations_list_avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0.8125rem;
  font-weight: 700;
}

.lr_convph .lr_conversations_list_marks {
  position: absolute;
  right: -5px;
  bottom: -3px;
  display: flex;
  gap: 2px;
}
.lr_convph .lr_conversations_list_marks i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border: 1px solid #e3e6f0;
  border-radius: 50%;
  background: #ffffff;
  color: #1d9e75;
  font-size: 0.5rem;
}
.lr_convph .lr_conversations_list_marks .lr_conversations_list_attach {
  color: #5b6372;
}

.lr_convph .lr_conversations_list_body_text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.lr_convph .lr_conversations_list_name_row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.lr_convph .lr_conversations_list_name_cluster {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.lr_convph .lr_conversations_list_name {
  overflow: hidden;
  font-size: 0.9375rem;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_convph .lr_conversations_list_new_contact {
  flex: 0 0 auto;
  color: #1d9e75;
  font-size: 0.75rem;
}

.lr_convph .lr_conversations_list_time {
  flex: 0 0 auto;
  color: #8a93a6;
  font-size: 0.75rem;
  white-space: nowrap;
}

.lr_convph .lr_conversations_list_preview {
  overflow: hidden;
  color: #5b6372;
  font-size: 0.8125rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_convph .lr_conversations_list_tags {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  min-height: 18px;
  overflow: hidden;
}

.lr_convph .lr_conversations_chip {
  flex: 0 0 auto;
  margin: 0;
  padding: 2px 6px;
  border: 0;
  border-radius: 4px;
  background: #eef0f6;
  color: #3b4252;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
  white-space: nowrap;
}
.lr_convph .lr_conversations_chip.lr_conversations_chip--needs_reply {
  background: #fdecec;
  color: #8f1d1d;
}
.lr_convph .lr_conversations_chip.lr_conversations_chip--draft {
  background: #fff4dc;
  color: #7a5a12;
}
.lr_convph .lr_conversations_chip.lr_conversations_chip--lead {
  background: #eaf3fa;
  color: #17334d;
}
.lr_convph .lr_conversations_chip.lr_conversations_chip--ai_sent {
  background: #eef4fd;
  color: #333399;
}

.lr_convph .lr_conversations_list_assigned {
  min-width: 0;
  overflow: hidden;
  color: #8a93a6;
  font-size: 0.6875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_convph .lr_conversations_unread {
  flex: 0 0 auto;
  min-width: 20px;
  margin-left: auto;
  padding: 0 6px;
  border-radius: 10px;
  background: #333399;
  color: #ffffff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.lr_convph .lr_conversations_list_item--spam .lr_conversations_list_tags {
  flex-wrap: wrap;
}

.lr_convph_fab_wrap {
  position: absolute;
  right: 16px;
  bottom: calc(16px + env(safe-area-inset-bottom));
  z-index: 5;
}

.lr_convph .lr_convph_fab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #333399;
  color: #ffffff;
  font-size: 1.35rem;
  box-shadow: 0 6px 16px rgba(27, 31, 42, 0.28);
  cursor: pointer;
}
.lr_convph .lr_convph_fab:active {
  transform: scale(0.96);
}

.lr_convph .lr_convph_fab_menu {
  position: absolute;
  top: auto;
  left: auto;
  right: 0;
  bottom: 66px;
  min-width: 230px;
  margin: 0;
  padding: 6px;
  border: 1px solid #e3e6f0;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(27, 31, 42, 0.22);
}
.lr_convph .lr_convph_fab_menu[hidden] {
  display: none;
}

.lr_convph .lr_convph_fab_item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #1b1f2a;
  font: inherit;
  font-size: 0.9375rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
}
.lr_convph .lr_convph_fab_item i {
  width: 22px;
  color: #333399;
  font-size: 1.05rem;
  text-align: center;
}
.lr_convph .lr_convph_fab_item:active {
  background: #f4f6fb;
}

.lr_convph_sheet {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.lr_convph_sheet[hidden] {
  display: none;
}

.lr_convph_sheet_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(27, 31, 42, 0.45);
}

.lr_convph_sheet_panel {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 88%;
  border-radius: 18px 18px 0 0;
  background: #ffffff;
  box-shadow: 0 -8px 30px rgba(27, 31, 42, 0.25);
  animation: lr_convph_rise 0.22s ease-out;
}

@keyframes lr_convph_rise {
  from {
    transform: translateY(28px);
    opacity: 0.5;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lr_convph_sheet_panel {
    animation: none;
  }
}
.lr_convph_sheet_handle {
  width: 40px;
  height: 4px;
  margin: 8px auto 0 auto;
  border-radius: 2px;
  background: #d5d9e6;
}

.lr_convph_sheet_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 10px 4px 18px;
}

.lr_convph_sheet_title {
  margin: 0;
  color: #17334d;
  font-size: 1.0625rem;
  font-weight: 700;
}

.lr_convph_sheet_body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 16px 16px 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.lr_convph_sheet_foot {
  flex: 0 0 auto;
  padding: 10px 16px;
  padding-bottom: calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid #e3e6f0;
}

.lr_convph .lr_convph_sheet_done {
  width: 100%;
  min-height: 48px;
  margin: 0;
  font-size: 1rem;
}

.lr_convph_sheet_label {
  margin: 14px 0 8px 0;
  color: #6b7684;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lr_convph .lr_convph_dates {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  align-items: end;
  padding: 0;
}
.lr_convph .lr_convph_dates .msg_date_filter_chips {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lr_convph .lr_convph_dates .msg_date_chip {
  height: auto;
  line-height: 1.2;
}

.lr_convph .lr_convph_field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  margin: 0;
  color: #6b7684;
  font-size: 0.75rem;
  font-weight: 600;
}
.lr_convph .lr_convph_field span {
  display: block;
}
.lr_convph .lr_convph_field input,
.lr_convph .lr_convph_field select {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 10px;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  background: #ffffff;
  color: #1b1f2a;
  font-size: 16px;
}
.lr_convph .lr_convph_field[hidden] {
  display: none;
}

.lr_convph .lr_convph_field.lr_conversations_staff_filter_wrap {
  grid-column: 1/-1;
  align-items: stretch;
  margin: 0;
  text-align: left;
}

.lr_convph .lr_convph_field select.lr_conversations_staff_filter {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 44px;
  padding: 0 10px;
  font-size: 16px;
  color: #1b1f2a;
}

.lr_convph .lr_convph_apply {
  grid-column: 1/-1;
  min-height: 44px;
  margin: 0;
}

.lr_convph .lr_convph_channel {
  display: block;
  padding: 0;
  border: 0;
}

.lr_convph .lr_convph_segment {
  display: flex;
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.lr_convph .lr_convph_segment[hidden] {
  display: none;
}
.lr_convph .lr_convph_segment > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  margin: 0;
  padding: 0 8px;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  background: #ffffff;
  color: #3b4252;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
}
.lr_convph .lr_convph_segment > button i {
  font-size: 0.9rem;
}
.lr_convph .lr_convph_segment > button .lr_conversations_btn_label {
  display: inline;
}
.lr_convph .lr_convph_segment > button.is_active {
  border-color: #333399;
  background: #333399;
  color: #ffffff;
}
.lr_convph .lr_convph_segment > button[hidden] {
  display: none;
}
.lr_convph .lr_convph_segment .lr_conversations_sort_clear {
  flex: 0 0 44px;
}

.lr_convph_rows {
  display: flex;
  flex-direction: column;
  margin: 8px 0;
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  overflow: hidden;
}

.lr_convph .lr_convph_row {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-bottom: 1px solid #eef0f6;
  border-radius: 0;
  background: #ffffff;
  color: #1b1f2a;
  font: inherit;
  font-size: 0.9375rem;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.lr_convph .lr_convph_row:last-child {
  border-bottom: 0;
}
.lr_convph .lr_convph_row > i {
  flex: 0 0 auto;
  width: 24px;
  color: #333399;
  font-size: 1.05rem;
  text-align: center;
}
.lr_convph .lr_convph_row > span {
  flex: 1 1 auto;
  min-width: 0;
}
.lr_convph .lr_convph_row .lr_conversations_btn_label {
  display: inline;
}
.lr_convph .lr_convph_row:active {
  background: #f4f6fb;
}

.lr_convph_switch {
  position: relative;
  flex: 0 0 auto !important;
  width: 44px !important;
  min-width: 44px;
  height: 26px;
  border-radius: 13px;
  background: #cfd4e0;
  transition: background 0.15s ease;
}
.lr_convph_switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(27, 31, 42, 0.3);
  transition: transform 0.15s ease;
}

.lr_convph .lr_convph_row--switch.is_on .lr_convph_switch,
.lr_convph .lr_convph_row--switch[aria-pressed=true] .lr_convph_switch {
  background: #1d9e75;
}
.lr_convph .lr_convph_row--switch.is_on .lr_convph_switch::after,
.lr_convph .lr_convph_row--switch[aria-pressed=true] .lr_convph_switch::after {
  transform: translateX(18px);
}

.lr_convph_states {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 4px 2px 2px 2px;
  font-size: 0.75rem;
}

.lr_convph .lr_conversations_tools {
  position: static;
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 8px 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 12px;
  background: #ffffff;
  overflow: hidden;
}
.lr_convph .lr_conversations_tools a {
  display: flex;
  align-items: center;
  gap: 14px;
  width: auto;
  min-height: 52px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-bottom: 1px solid #eef0f6;
  border-radius: 0;
  background: transparent;
  color: #1b1f2a;
  font-size: 0.9375rem;
  text-decoration: none;
}
.lr_convph .lr_conversations_tools a:last-child {
  border-bottom: 0;
}
.lr_convph .lr_conversations_tools a i {
  width: 24px;
  color: #333399;
  font-size: 1.05rem;
  text-align: center;
}
.lr_convph .lr_conversations_tools a .lr_conversations_btn_label {
  display: inline;
}
.lr_convph .lr_conversations_tools a:active {
  background: #f4f6fb;
}

.lr_convph_detail_col {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.lr_convph .lr_conversations_detail {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: #f8f9fc;
}

.lr_convph_detail_col:has(> .lr_convph_customer_panel:not([hidden])) .lr_conversations_detail {
  flex: 0 0 auto;
}

.lr_convph .lr_conversations_detail_head {
  display: grid;
  grid-template-columns: 44px 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 56px;
  margin: 0;
  padding: 6px 8px 6px 2px;
  border-bottom: 1px solid #e3e6f0;
  background: #ffffff;
}

.lr_convph .lr_conversations_back_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #333399;
  font-size: 0;
  cursor: pointer;
}
.lr_convph .lr_conversations_back_btn i {
  font-size: 1.25rem;
}

.lr_convph .lr_conversations_identity {
  display: contents;
}

.lr_convph .lr_conversations_avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #ffffff;
}

.lr_convph .lr_conversations_identity_text {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 6px;
  align-items: center;
  min-width: 0;
}

.lr_convph .lr_conversations_identity_name {
  display: contents;
}

.lr_convph .lr_conversations_identity_who {
  grid-column: 1/-1;
  display: block;
  min-width: 0;
}
.lr_convph .lr_conversations_identity_who h3 {
  margin: 0;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_convph .lr_conversations_customer_email {
  display: none;
}

.lr_convph .lr_conversations_assign_staff {
  display: none;
}

.lr_convph .lr_conversations_detail_meta {
  grid-column: 1/-1;
  margin: 0;
  overflow: hidden;
  color: #8a93a6;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_convph .lr_conversations_detail_actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  justify-content: flex-start;
  gap: 6px;
}

.lr_convph .lr_conversations_channel_switch {
  display: flex;
  border: 1px solid #333399;
  border-radius: 10px;
  overflow: hidden;
}
.lr_convph .lr_conversations_channel_switch .lr_conversations_channel_switch_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  color: #333399;
  font-size: 1rem;
  cursor: pointer;
}
.lr_convph .lr_conversations_channel_switch .lr_conversations_channel_switch_btn span {
  display: none;
}
.lr_convph .lr_conversations_channel_switch .lr_conversations_channel_switch_btn[aria-pressed=true] {
  background: #333399;
  color: #ffffff;
}
.lr_convph .lr_conversations_channel_switch .lr_conversations_channel_switch_btn:disabled {
  opacity: 0.35;
}

.lr_convph .lr_conversations_spam_actions:not([hidden]) {
  grid-column: 1/-1;
  display: flex;
  gap: 8px;
  padding: 4px 6px 2px 6px;
}
.lr_convph .lr_conversations_spam_actions:not([hidden]) button {
  flex: 1 1 0;
  min-height: 44px;
  margin: 0;
}

.lr_convph .lr_convph_tabs {
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e3e6f0;
  background: #ffffff;
}

.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar {
  display: flex;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0 4px;
  border: 0;
  background: transparent;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar::-webkit-scrollbar {
  display: none;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: 1 1 0;
  min-width: 56px;
  min-height: 52px;
  margin: 0;
  padding: 6px 4px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #6b7684;
  font: inherit;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.1;
  white-space: nowrap;
  cursor: pointer;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn .lr_conversations_tab_icon {
  font-size: 1.1rem;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn .lr_conversations_tab_label {
  display: inline;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn.btn_primary {
  border-bottom-color: #333399;
  background: transparent;
  color: #333399;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn .lr_crm_tab_count {
  position: absolute;
  top: 4px;
  right: 8px;
  min-width: 16px;
  margin: 0;
  padding: 0 4px;
  border-radius: 8px;
  background: #333399;
  color: #ffffff;
  font-size: 0.5625rem;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}
.lr_convph .lr_tab_bar.lr_crm_tab_bar.lr_conversations_customer_tab_bar .bos_tab_btn .lr_crm_tab_count[hidden] {
  display: none;
}

.lr_convph .lr_conversations_tab_panel:not([hidden]) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.lr_convph .lr_conversations_tab_activity:not([hidden]) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

.lr_convph .lr_conversations_timeline {
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.lr_convph .lr_conversations_bubble,
.lr_convph .lr_conversations_message_stack {
  max-width: 88%;
}

.lr_convph .lr_conversations_empty img {
  width: 150px;
}

.lr_convph #lrConversationsTabNotes:not([hidden]),
.lr_convph #lrConversationsTabInfo:not([hidden]),
.lr_convph #lrConversationsTabCredit:not([hidden]),
.lr_convph #lrConversationsTabService:not([hidden]) {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  padding: 12px 12px;
  padding-bottom: calc(16px + env(safe-area-inset-bottom));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  background: #ffffff;
}

.lr_convph .lr_convph_customer_panel:not([hidden]) {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  background: #f8f9fc;
}

.lr_convph .lr_conversations_context {
  display: block;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  min-height: 0;
  padding: 10px 10px calc(16px + env(safe-area-inset-bottom)) 10px;
  border: 0;
  background: transparent;
  overflow: visible;
}

.lr_convph .lr_conversations_composer {
  flex: 0 0 auto;
  padding: 8px 10px;
  padding-bottom: calc(10px + env(safe-area-inset-bottom));
  border-top: 1px solid #e3e6f0;
  background: #ffffff;
}

.lr_convph textarea.lr_conversations_composer_input {
  width: 100%;
  min-height: 44px;
  max-height: 30vh;
  margin: 0 0 8px 0;
  padding: 10px 14px;
  border: 1px solid #e3e6f0;
  border-radius: 14px;
  background: #f8f9fc;
  font-size: 16px;
  line-height: 1.35;
  resize: none;
}
.lr_convph textarea.lr_conversations_composer_input:focus {
  border-color: #333399;
  background: #ffffff;
  outline: none;
}

.lr_convph .lr_conversations_composer_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.lr_convph .lr_conversations_composer_tools {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.lr_convph .lr_conversations_composer_tools button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 10px;
  background: #ffffff;
  font-size: 1rem;
}
.lr_convph .lr_conversations_composer_tools button[hidden] {
  display: none;
}

.lr_convph .lr_conversations_composer_channel {
  overflow: hidden;
  color: #8a93a6;
  font-size: 0.6875rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_convph .lr_conversations_send_btn {
  flex: 0 0 auto;
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  border-radius: 22px;
  font-size: 0.875rem;
  font-weight: 700;
}

.lr_convph .lr_conversations_simulate_status {
  margin: 6px 0 0 0;
  font-size: 0.75rem;
}
.lr_convph .lr_conversations_simulate_status:empty {
  display: none;
}

.lr_convph .lr_conversations_offer_bar:not([hidden]) {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #e3e6f0;
  background: #ffffff;
}
.lr_convph .lr_conversations_offer_bar:not([hidden]) .lr_conversations_offer_bar_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.lr_convph .lr_conversations_offer_bar:not([hidden]) .lr_conversations_offer_bar_actions button {
  flex: 1 1 auto;
  min-height: 40px;
  margin: 0;
}
.lr_convph .lr_conversations_offer_bar:not([hidden]) .lr_conversations_offer_bar_actions .lr_conversations_offer_amount_input {
  width: 100%;
  height: 44px;
  font-size: 16px;
}

.lr_convph .lr_conversations_email {
  max-width: 100%;
}

.lr_convph .lr_conversations_email_tools {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.lr_convph .lr_conversations_email_tools button {
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
}

.lr_convph .lr_conversations_ai_draft {
  margin: 0 0 12px 0;
  padding: 10px 12px;
}
.lr_convph .lr_conversations_ai_draft label.lr_conversations_ai_draft_label {
  margin: 8px 0 3px 0;
  font-size: 0.75rem;
}
.lr_convph .lr_conversations_ai_draft select.lr_conversations_ai_draft_from,
.lr_convph .lr_conversations_ai_draft input.lr_conversations_ai_draft_subject {
  width: 100%;
  max-width: none;
  height: 32px;
  min-height: 0;
  margin: 0 0 4px 0;
  padding: 0 8px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
}
.lr_convph .lr_conversations_ai_draft select.lr_conversations_ai_draft_from {
  padding-right: 28px;
}
.lr_convph .lr_conversations_ai_draft textarea.lr_conversations_ai_draft_body {
  min-height: 140px;
  padding: 8px;
  border-radius: 8px;
  font-size: 14px;
}
.lr_convph .lr_conversations_ai_draft .lr_conversations_ai_draft_signature {
  font-size: 0.8125rem;
}

.lr_convph .lr_conversations_ai_draft_actions {
  gap: 6px;
  margin: 10px 0 0 0;
}
.lr_convph .lr_conversations_ai_draft_actions button {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 30px;
  margin: 0;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: normal;
  white-space: nowrap;
}

.lr_convph_root .lr_conversations_compose_modal {
  padding: 0;
}

.lr_convph_root .lr_conversations_compose_box {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-height: 100dvh;
  margin: 0;
  border-radius: 0;
}

.lr_convph_root .lr_conversations_compose_box input,
.lr_convph_root .lr_conversations_compose_box textarea {
  font-size: 16px;
}

.lr_conversations_phone_view_link {
  display: none;
}

@media (max-width: 900px) {
  .lr_conversations_shell .lr_conversations_phone_view_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 6px 10px 10px 10px;
    padding: 8px 12px;
    border: 1px solid #e3e6f0;
    border-radius: 10px;
    color: #333399;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
  }
}
#lrAdminConversationsShell > .lr_conversations_top_bar {
  grid-column: 1/6;
  grid-row: 1;
}

#lrAdminConversationsShell > .lr_conversations_nav {
  grid-column: 1;
  grid-row: 2;
}

#lrAdminConversationsShell > .lr_conversations_resizer[data-resize-target=nav] {
  grid-column: 2;
  grid-row: 2;
}

#lrAdminConversationsShell > .lr_conversations_list {
  grid-column: 3;
  grid-row: 2;
}

#lrAdminConversationsShell > .lr_conversations_resizer[data-resize-target=list] {
  grid-column: 4;
  grid-row: 2;
}

#lrAdminConversationsShell > .lr_conversations_detail {
  grid-column: 5;
  grid-row: 2;
}

#lrAdminConversationsShell > .lr_conversations_resizer[data-resize-target=context] {
  grid-column: 6;
  grid-row: 1/-1;
}

#lrAdminConversationsShell > .lr_conversations_context {
  grid-column: 7;
  grid-row: 1/-1;
}

.lr_conversations_compose_check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 8px 0;
  font-size: 0.75rem;
  color: #1b1f2a;
}

.lr_conversations_compose_new_recipient {
  display: grid;
  gap: 8px;
  margin: 0 0 8px 0;
}

#lrAdminConversationsList .lr_conversations_list_head {
  flex-wrap: wrap;
}

#lrAdminConversationsContextDealer .lr_admin_conversations_dealer_name {
  margin: 0;
  flex: 1;
  min-width: 0;
  text-transform: none;
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
  color: #1b1f2a;
  word-break: break-word;
}

.lr_admin_conversations_tools {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e3e6f0;
  padding: 4px 0 8px 0;
}
.lr_admin_conversations_tools .lr_conversations_nav_settings {
  border-top: none;
  padding: 7px 14px;
}

.lr_conversations_nav.is_collapsed .lr_admin_conversations_tools .lr_conversations_nav_settings,
.lr_conversations_nav.is_collapsed .lr_conversations_tools .lr_conversations_nav_settings {
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
}

#lrAdminConversationsShell.lr_admin_conversations_shell--tools,
#lrCustomerCommunicationsShell.lr_conversations_shell--tools {
  grid-template-columns: var(--lr_conv_nav_w) 5px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
}
#lrAdminConversationsShell.lr_admin_conversations_shell--tools > .lr_conversations_nav,
#lrCustomerCommunicationsShell.lr_conversations_shell--tools > .lr_conversations_nav {
  grid-column: 1;
  grid-row: 1;
}
#lrAdminConversationsShell.lr_admin_conversations_shell--tools > .lr_conversations_resizer[data-resize-target=nav],
#lrCustomerCommunicationsShell.lr_conversations_shell--tools > .lr_conversations_resizer[data-resize-target=nav] {
  grid-column: 2;
  grid-row: 1;
}
#lrAdminConversationsShell.lr_admin_conversations_shell--tools > .lr_admin_conversations_tool_body,
#lrAdminConversationsShell.lr_admin_conversations_shell--tools > .lr_conversations_tool_body,
#lrCustomerCommunicationsShell.lr_conversations_shell--tools > .lr_admin_conversations_tool_body,
#lrCustomerCommunicationsShell.lr_conversations_shell--tools > .lr_conversations_tool_body {
  grid-column: 3;
  grid-row: 1;
  min-height: 0;
}

.lr_conversations_tools {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e3e6f0;
  padding: 4px 0 8px 0;
}
.lr_conversations_tools .lr_conversations_nav_settings {
  border-top: none;
  padding: 7px 14px;
}

.lr_customer_comm_intro {
  margin: 0 0 14px 0;
}

#lrCustomerCommunicationsRoot,
#lrAdminConversationsRoot:has(> .lr_admin_conversations_shell--tools) {
  padding-bottom: 44px;
}

@media (min-width: 901px) {
  #lrCustomerCommunicationsShell,
  #lrAdminConversationsShell.lr_admin_conversations_shell--tools {
    min-height: max(520px, 100vh - 128px);
  }
}
.lr_customer_comm_section,
.lr_admin_section {
  margin: 0 0 28px 0;
}
.lr_customer_comm_section > .form_section_heading,
.lr_admin_section > .form_section_heading {
  margin: 0 0 14px 0;
}
.lr_customer_comm_section > .form_section_heading i,
.lr_admin_section > .form_section_heading i {
  margin-right: 8px;
}
.lr_customer_comm_section .lr_page_toolbar,
.lr_admin_section .lr_page_toolbar {
  margin: 0 0 12px 0;
}
.lr_customer_comm_section .lr_page_toolbar .btn_primary,
.lr_customer_comm_section .lr_page_toolbar .btn_secondary,
.lr_admin_section .lr_page_toolbar .btn_primary,
.lr_admin_section .lr_page_toolbar .btn_secondary {
  margin: 0;
}

.lr_customer_comm_stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 20px 0;
}

.lr_customer_comm_stat {
  position: relative;
  flex: 1 1 140px;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 16px 10px 12px 10px;
  background-color: #FFFFFF;
  border: 1px solid #dfe3ee;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.07);
  overflow: hidden;
}
.lr_customer_comm_stat::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #333399;
}

.lr_customer_comm_stat_value {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1;
  color: #333399;
}

.lr_customer_comm_stat_label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
  color: rgb(111.45, 111.45, 111.45);
}

.lr_customer_comm_chart {
  overflow-x: auto;
  padding: 4px 0 2px 0;
}

.lr_customer_comm_chart_row {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  min-width: max-content;
  padding: 0 4px;
}
.lr_customer_comm_chart_row::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  height: 2px;
  background-color: #A5A5A5;
}

.lr_customer_comm_bar_col {
  display: flex;
  flex: 0 0 48px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  min-height: 160px;
}

.lr_customer_comm_bar_count {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  color: #333399;
}

.lr_customer_comm_bar {
  width: 28px;
  background-color: #333399;
  border-radius: 3px 3px 0 0;
}

.lr_customer_comm_bar_label {
  height: 16px;
  margin-top: 6px;
  font-size: 0.6875rem;
  line-height: 16px;
  white-space: nowrap;
  color: #5a6475;
}

.lr_customer_comm_knowledge {
  display: grid;
  gap: 14px;
  max-width: 64rem;
}

.lr_customer_comm_knowledge_row {
  display: grid;
  grid-template-columns: minmax(160px, 220px) minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: center;
}
.lr_customer_comm_knowledge_row .textbox_label {
  margin: 0 !important;
}
.lr_customer_comm_knowledge_row .uber_form_textbox {
  width: 100%;
  margin: 0;
}
.lr_customer_comm_knowledge_row .btn_primary {
  margin: 0;
  white-space: nowrap;
}

.lr_customer_comm_save_status {
  min-width: 5.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #007531;
}
.lr_customer_comm_save_status.is_saving {
  color: #5a6475;
}
.lr_customer_comm_save_status.is_error {
  color: #b9032b;
}

@media (max-width: 800px) {
  .lr_customer_comm_knowledge_row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .lr_customer_comm_knowledge_row .textbox_label,
  .lr_customer_comm_knowledge_row .lr_customer_comm_save_status {
    grid-column: 1/-1;
  }
}
#lrCustomerCommunicationsBody table.lr_item_table .lr_customer_lists_sub {
  font-weight: 400;
  white-space: normal;
}
#lrCustomerCommunicationsBody table.lr_item_table tbody tr.lr_campaign_row.is_open td {
  background-color: #eaf3fa;
}
#lrCustomerCommunicationsBody table.lr_item_table tbody tr.lr_campaign_detail_row td,
#lrCustomerCommunicationsBody table.lr_item_table tbody tr.lr_campaign_detail_row:hover td {
  background-color: #fafbfc;
  white-space: normal;
}

.lr_campaign_detail_actions .btn_primary,
.lr_campaign_detail_actions .btn_secondary {
  margin: 0;
}

.btn_secondary.lr_customer_lists_danger {
  color: #b9032b;
}

.lr_customer_comm_section.lr_email_signature_tab_head {
  margin-bottom: 16px;
}

.lr_customer_comm_note,
.lr_admin_note {
  margin: 12px 0 0 0;
  color: #5a6475;
}

#lrCustomerCommunicationsShell .lr_email_signature_title {
  display: none;
}

.lr_admin_conversations_tool_body {
  min-width: 0;
  overflow: auto;
  padding: 12px 16px 20px 12px;
}

.lr_admin_conversations_tool_body .lr_dealer_communications {
  max-width: none;
}

.lr_admin_conversations_title_link {
  color: inherit;
  text-decoration: none;
}
.lr_admin_conversations_title_link:hover {
  color: #333399;
}

a.lr_conversations_queue_btn,
a.lr_conversations_channel_btn {
  text-decoration: none;
  box-sizing: border-box;
}

.lr_conversations_nav_settings.is_active {
  background: #e8f0fd;
  color: #333399;
  font-weight: 700;
}

.lr_admin_conversations_attach {
  margin: 0 1rem 0.75rem 1rem;
  padding: 0.85rem 1rem;
  border: 1px solid #edd9a3;
  background: #fff8e6;
  border-radius: 8px;
}

.lr_admin_conversations_attach_text {
  margin: 0 0 0.6rem 0;
}

.lr_admin_conversations_attach_row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  position: relative;
}

.lr_admin_conversations_results {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  min-width: 260px;
  background: #fff;
  border: 1px solid #dee2e6;
  box-shadow: 0 8px 20px rgba(23, 51, 77, 0.12);
}

.lr_admin_conversations_composer_row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.lr_admin_news_letters {
  padding: 1.25rem;
  max-width: 1100px;
}

.lr_admin_news_letters_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.lr_admin_news_letters_heading {
  margin: 0;
  font-size: 1.25rem;
}

.lr_admin_news_letters_hint {
  color: #adb5bd;
  margin: 0 0 1rem 0;
}

.lr_admin_news_letters_table {
  width: 100%;
  border-collapse: collapse;
}

.lr_admin_news_letters_table th,
.lr_admin_news_letters_table td {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid #dee2e6;
  text-align: left;
}

.lr_admin_news_letters_editor {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.lr_admin_news_letters_editor_tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.lr_admin_news_letters_body {
  min-height: 220px;
  padding: 0.75rem;
  background: #fff;
  overflow: auto;
}

.lr_admin_news_letters_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.lr_customer_routing_subhead {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 16px 0 8px 0;
  font-size: 0.9375rem;
  font-weight: 700;
  color: rgb(24.225, 24.225, 72.675);
}

.lr_customer_routing_status {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #007531;
}

.lr_customer_routing_hint {
  display: block;
  margin-top: 2px;
  font-size: 0.8125rem;
  color: #6b7684;
}

.lr_customer_routing_all {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
}

select.uber_form_dropdown.lr_customer_routing_staff {
  width: auto;
  min-width: 220px;
  margin: 0;
}

.lr_customer_routing_note {
  margin: 4px 0 0 0;
  font-size: 0.8125rem;
  color: #6b7684;
}

.lr_customer_routing_address {
  white-space: nowrap;
  user-select: all;
}

.lr_customer_routing_email {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #6b7684;
}

.lr_customer_routing_table td.is_routed {
  font-weight: 700;
}

.lr_customer_lists_presets {
  display: grid;
  gap: 10px;
  margin: 0 0 14px 0;
}

.lr_customer_lists_preset_group {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 6px 12px;
  align-items: baseline;
}

.lr_customer_lists_group_label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7684;
}
.lr_customer_lists_group_label i {
  width: 16px;
  margin-right: 4px;
  color: #1779ba;
  text-align: center;
}

.lr_customer_lists_preset_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.lr_customer_lists_preset {
  margin: 0;
  padding: 4px 10px;
  border: 1px solid #d5dce4;
  border-radius: 14px;
  background: #ffffff;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: #17334d;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.lr_customer_lists_preset:hover {
  border-color: #1779ba;
  background-color: #eaf3fa;
}
.lr_customer_lists_preset.is_active {
  border-color: #cccccc;
  font-weight: 700;
  color: #333399;
  background-color: #ffffbf;
}

.lr_customer_lists_saved {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ee;
}
.lr_customer_lists_saved .lr_customer_lists_label {
  min-width: 0;
}

select.uber_form_dropdown.lr_customer_lists_saved_select {
  width: auto;
  min-width: 240px;
  max-width: 100%;
  margin: 0;
}

.lr_customer_lists_danger {
  color: #b9032b;
}

.lr_customer_lists_filter_card {
  margin-bottom: 16px;
}

.lr_customer_lists_saved .btn_primary,
.lr_customer_lists_saved .btn_secondary,
.lr_customer_lists_filter_head .btn_primary,
.lr_customer_lists_filter_head .btn_secondary,
.lr_customer_lists_toolbar .btn_primary,
.lr_customer_lists_toolbar .btn_secondary,
.lr_customer_lists_pager .btn_primary,
.lr_customer_lists_pager .btn_secondary {
  margin: 0;
}

#lrCustomerListsRoot [hidden] {
  display: none !important;
}

.lr_customer_lists_filter_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.lr_customer_lists_pills {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

.lr_customer_lists_pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px 2px 10px;
  border-radius: 12px;
  background: #eaf3fa;
  font-size: 0.75rem;
  color: #17334d;
}

.lr_customer_lists_pill_x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #6b7684;
  cursor: pointer;
}
.lr_customer_lists_pill_x:hover {
  background: #d5e6f3;
  color: #b9032b;
}

.lr_customer_lists_filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.lr_customer_lists_filters[hidden] {
  display: none;
}

.lr_customer_lists_section {
  min-width: 0;
  margin: 0;
  padding: 10px 14px 12px 14px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
}

.lr_customer_lists_section_title {
  padding: 0 6px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #17334d;
}
.lr_customer_lists_section_title i {
  margin-right: 4px;
  color: #1779ba;
}

.lr_customer_lists_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 6px 0;
}

.lr_customer_lists_label {
  min-width: 140px;
  font-size: 0.8125rem;
  color: #2c3440;
}

.lr_customer_lists_radios .form_check_label {
  font-size: 0.8125rem;
}

.lr_customer_lists_chips {
  flex-wrap: wrap;
}

.lr_customer_lists_range {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.lr_customer_lists_range[hidden] {
  display: none;
}

select.complex_form_dropdown.lr_customer_lists_select {
  width: auto;
  min-width: 160px;
  max-width: 100%;
}

input.complex_form_textbox.lr_customer_lists_year {
  width: 90px;
}

.lr_customer_lists_checks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 2px 12px;
  margin-top: 6px;
}

.lr_customer_lists_check,
.lr_customer_lists_stage_list .form_check {
  margin: 0;
  font-size: 0.8125rem;
}

.lr_customer_lists_stage_list {
  display: flex;
  flex: 1 1 260px;
  flex-wrap: wrap;
  gap: 2px 12px;
}

.lr_customer_lists_hint {
  margin: 8px 0 0 0;
  font-size: 0.75rem;
  color: #6b7684;
}

.lr_customer_lists_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-bottom: 12px;
}

.lr_customer_lists_counts {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  font-size: 0.875rem;
  color: #2c3440;
}
.lr_customer_lists_counts strong {
  font-size: 1rem;
  color: #17334d;
}

.lr_customer_lists_count_part {
  color: #6b7684;
}
.lr_customer_lists_count_part i {
  color: #1779ba;
}

input.complex_form_textbox.lr_customer_lists_search {
  width: 260px;
  max-width: 100%;
}

.lr_customer_lists_table_wrap {
  overflow-x: auto;
  transition: opacity 0.15s ease;
}
.lr_customer_lists_table_wrap.is_loading {
  opacity: 0.45;
  pointer-events: none;
}

.lr_customer_lists_table th {
  white-space: nowrap;
}
.lr_customer_lists_table .lr_customer_lists_name a {
  font-weight: 700;
}

.lr_customer_lists_sort {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  color: inherit;
  cursor: pointer;
}
.lr_customer_lists_sort:hover {
  text-decoration: underline;
}
.lr_customer_lists_sort i {
  font-size: 0.875em;
}

.lr_customer_lists_sub {
  display: block;
  font-size: 0.75rem;
  color: #6b7684;
}

.lr_customer_lists_keydate {
  white-space: nowrap;
}

.lr_customer_lists_contacts {
  white-space: nowrap;
}

.lr_customer_lists_contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-right: 4px;
  border-radius: 50%;
  font-size: 0.875rem;
}
.lr_customer_lists_contact.is_in {
  background: #e3f4ea;
  color: #2f9e63;
}
.lr_customer_lists_contact.is_ok {
  background: #eaf3fa;
  color: #1779ba;
}
.lr_customer_lists_contact.is_out {
  background: #fbe5ea;
  color: #b9032b;
}
.lr_customer_lists_contact.is_none {
  background: transparent;
  color: #c3cad3;
}

.lr_customer_lists_pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
.lr_customer_lists_pager:empty {
  display: none;
}
.lr_customer_lists_pager .btn_secondary i {
  font-size: 1em;
}

.lr_customer_lists_page_info {
  font-size: 0.8125rem;
  color: #6b7684;
}

.lr_customer_lists_modal {
  position: fixed;
  inset: 0;
  z-index: 1050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.lr_customer_lists_modal[hidden] {
  display: none;
}

.lr_customer_lists_modal_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 35, 56, 0.45);
}

.lr_customer_lists_modal_box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 460px;
  max-width: 100%;
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 40px rgba(14, 35, 56, 0.25);
}

.lr_customer_lists_modal_body {
  padding: 16px 18px;
  overflow-y: auto;
}
.lr_customer_lists_modal_body .uber_form_textbox {
  width: 100%;
  margin: 0 0 12px 0;
}

.lr_customer_lists_modal_foot {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid #e3e8ee;
}

.lr_customer_lists_modal_error {
  margin: 8px 0 0 0;
  font-size: 0.8125rem;
  color: #b9032b;
}
.lr_customer_lists_modal_error[hidden] {
  display: none;
}

.lr_customer_lists_interval_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 1100px) {
  .lr_customer_lists_filters {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 700px) {
  .lr_customer_lists_preset_group {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_customer_lists_label {
    min-width: 100%;
  }
  input.complex_form_textbox.lr_customer_lists_search,
  select.uber_form_dropdown.lr_customer_lists_saved_select {
    width: 100%;
    min-width: 0;
  }
}
.lr_customer_lists_modal_box.lr_campaign_compose_box {
  width: 1100px;
  height: min(860px, 100vh - 32px);
}

.lr_campaign_compose_body {
  display: grid;
  flex: 1 1 auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 18px;
  min-height: 0;
}
.lr_campaign_compose_body .uber_form_textbox,
.lr_campaign_compose_body .uber_form_textarea {
  width: 100%;
  margin: 0 0 12px 0;
}

.lr_campaign_compose_form,
.lr_campaign_compose_side {
  min-width: 0;
}

.lr_campaign_compose_side {
  transition: opacity 0.15s ease;
}
.lr_campaign_compose_side.is_loading {
  opacity: 0.5;
}

.lr_campaign_compose_list {
  margin: 0 0 12px 0;
  font-weight: 700;
  color: #17334d;
}
.lr_campaign_compose_list i {
  color: #1779ba;
}

.lr_campaign_compose_purpose {
  margin: 0 0 12px 0;
  padding: 0;
  border: 0;
}
.lr_campaign_compose_purpose .form_check {
  margin: 0 0 6px 0;
}

.lr_campaign_compose_channel,
.lr_campaign_compose_schedule {
  margin: 0 0 12px 0;
  padding: 0;
  border: 0;
}

.lr_campaign_compose_channel i {
  color: #1779ba;
}

.lr_campaign_compose_inline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
  margin: 0 0 4px 0;
}
.lr_campaign_compose_inline .form_check {
  margin: 0;
}
.lr_campaign_compose_inline select.uber_form_dropdown {
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
}
.lr_campaign_compose_inline .uber_form_textbox.lr_campaign_compose_number {
  width: 6.5rem;
  margin: 0;
}

.lr_campaign_compose_unit {
  font-size: 0.8125rem;
  color: #4b5563;
}

.lr_campaign_compose_on {
  margin: 6px 0 8px 0;
}

.lr_campaign_compose_hint {
  display: block;
  margin: 2px 0 8px 0;
  font-size: 0.75rem;
  color: #6b7684;
}

.lr_campaign_compose_langs {
  display: flex;
  gap: 4px;
  margin: 4px 0 8px 0;
  border-bottom: 1px solid #e3e8ee;
}

.lr_campaign_compose_lang {
  margin: 0 0 -1px 0;
  padding: 6px 14px;
  border: 1px solid transparent;
  border-radius: 6px 6px 0 0;
  background: transparent;
  font-size: 0.8125rem;
  color: #6b7684;
  cursor: pointer;
}
.lr_campaign_compose_lang.is_active {
  border-color: #e3e8ee;
  border-bottom-color: #ffffff;
  background: #ffffff;
  font-weight: 700;
  color: #17334d;
}

.lr_campaign_compose_optional {
  font-size: 0.6875rem;
  font-weight: 400;
  color: #8d96a9;
}

textarea.lr_campaign_compose_textarea {
  min-height: 220px;
  resize: vertical;
}
textarea.lr_campaign_compose_textarea.is_sms {
  min-height: 120px;
}

.lr_campaign_compose_merge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 6px;
}

.lr_campaign_compose_merge_label {
  font-size: 0.75rem;
  color: #6b7684;
}

.lr_campaign_compose_chip {
  margin: 0;
  padding: 2px 8px;
  border: 1px solid #d5dce4;
  border-radius: 12px;
  background: #ffffff;
  font-size: 0.75rem;
  color: #17334d;
  cursor: pointer;
}
.lr_campaign_compose_chip:hover {
  border-color: #1779ba;
  background: #eaf3fa;
}

.lr_campaign_compose_card {
  margin: 0 0 14px 0;
  padding: 12px 14px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #fafbfc;
}

.lr_campaign_compose_card_title {
  margin: 0 0 8px 0;
  font-size: 0.875rem;
  color: #17334d;
}
.lr_campaign_compose_card_title i {
  margin-right: 4px;
  color: #1779ba;
}

.lr_campaign_compose_count {
  margin: 0 0 6px 0;
  font-size: 0.9375rem;
}

.lr_campaign_compose_bases {
  margin: 0 0 6px 0;
  padding-left: 18px;
  font-size: 0.8125rem;
  color: #2c3440;
}

.lr_campaign_compose_reasons {
  font-size: 0.8125rem;
}
.lr_campaign_compose_reasons summary {
  cursor: pointer;
  color: #1779ba;
}
.lr_campaign_compose_reasons ul {
  margin: 6px 0 0 0;
  padding-left: 18px;
}
.lr_campaign_compose_reasons li {
  margin-bottom: 4px;
}

.lr_campaign_compose_names {
  display: block;
  font-size: 0.75rem;
  color: #6b7684;
}

.lr_campaign_compose_warn {
  margin: 8px 0 0 0;
  padding: 6px 10px;
  border-radius: 6px;
  background: #fff8e6;
  font-size: 0.8125rem;
  color: #7a5a12;
}

select.uber_form_dropdown.lr_campaign_compose_preview_as {
  width: 100%;
  margin: 0 0 10px 0;
}

.lr_campaign_compose_subject {
  margin: 0 0 8px 0;
  font-size: 0.875rem;
}
.lr_campaign_compose_subject span {
  color: #6b7684;
}

.lr_campaign_compose_frame {
  width: 100%;
  height: 420px;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  background: #ffffff;
}

.lr_campaign_compose_sms {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
  border-radius: 8px;
  background: #f0f2f5;
}

.lr_campaign_compose_sms_bubble {
  max-width: 85%;
  padding: 8px 12px;
  border-radius: 14px 14px 4px 14px;
  background: #1779ba;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #ffffff;
  white-space: normal;
  word-break: break-word;
}

.lr_campaign_compose_status {
  margin: 0;
  font-size: 0.8125rem;
  color: #6b7684;
}
.lr_campaign_compose_status.is_ok {
  color: #2f9e63;
}
.lr_campaign_compose_status.is_error {
  color: #b9032b;
}

.lr_campaign_row {
  cursor: pointer;
}
.lr_campaign_row.is_open td {
  background: #eaf3fa;
}

.lr_campaign_channel {
  color: #1779ba;
}

.lr_campaign_status {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  background: #f0f2f5;
  font-size: 0.75rem;
  font-weight: 700;
  color: #4a5563;
  white-space: nowrap;
}
.lr_campaign_status.is_queued {
  background: #eaf3fa;
  color: #1779ba;
}
.lr_campaign_status.is_sent {
  background: #e3f4ea;
  color: #1e6b43;
}
.lr_campaign_status.is_waiting {
  background: #fff8e6;
  color: #7a5a12;
}
.lr_campaign_status.is_cancelled {
  background: #f0f2f5;
  color: #8d96a9;
}

.lr_customer_lists_sub.is_error {
  color: #b9032b;
}

.lr_campaign_detail_row td,
.lr_campaign_detail_row:hover td {
  background: #fafbfc;
}

.lr_campaign_detail {
  padding: 6px 4px 10px 4px;
}

.lr_campaign_detail_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 8px 0;
}

.lr_campaign_detail_content {
  position: relative;
  margin: 0 0 10px 0;
  padding: 10px 12px;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  background: #ffffff;
}

.lr_campaign_detail_lang {
  position: absolute;
  top: 6px;
  right: 8px;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #8d96a9;
}

.lr_campaign_detail_body {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.lr_campaign_detail_head {
  margin: 12px 0 6px 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7684;
}

.lr_campaign_detail_reasons {
  margin: 0;
  padding-left: 18px;
  font-size: 0.8125rem;
}

@media (max-width: 900px) {
  .lr_campaign_compose_body {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_customer_lists_modal_box.lr_campaign_compose_box {
    height: calc(100vh - 32px);
  }
}
.dashboard_multi_dealer_name--decode {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  color: #A5A5A5;
  letter-spacing: -0.01em;
  margin: 4px 0px 0px 10px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}
.dashboard_multi_dealer_name--decode:hover, .dashboard_multi_dealer_name--decode:focus-visible {
  color: #BF1B28;
  text-decoration: none;
}

.lr_admin_decode_dealer_name {
  display: none;
}

@media (min-width: 64em) {
  .lr_admin_decode_dealer_name {
    display: inline;
  }
}
.lr_admin_quick_decode .large_heading_secondary {
  display: block;
  margin: 0 0 16px 0;
}

.lr_admin_quick_decode_input {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin: 18px 0 12px 0;
}
.lr_admin_quick_decode_input .uber_form_textbox {
  flex: 1 1 12rem;
  max-width: 20rem;
}
.lr_admin_quick_decode_input .btn_primary {
  margin-top: 0;
}

.lr_admin_quick_decode_data {
  margin-top: 12px;
}

.lr_admin_quick_decode_result {
  cursor: pointer;
  text-align: left;
}

.lr_admin_quick_decode_hit {
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0;
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  color: #BF1B28;
  cursor: pointer;
  text-align: left;
}

.lr_admin_quick_decode_fact {
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
  color: #BF1B28;
  margin: 4px 0;
}

.lr_admin_quick_decode_fact_label {
  font-weight: 600;
  text-decoration: none;
  color: #A5A5A5;
}

.lr_admin_quick_decode_company {
  display: inline-block;
  color: #BF1B28;
  font-weight: 700;
  text-decoration: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.lr_admin_quick_decode_company i {
  margin-right: 6px;
}

.lr_admin_quick_decode_match {
  margin: 16px 0 0 0;
  padding: 0 0 14px 0;
  border-bottom: 1px solid #adb5bd;
}

.lr_admin_quick_decode_match_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.lr_admin_quick_decode_match_type {
  font-weight: 700;
}

.lr_admin_quick_decode_match_name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #BF1B28;
  margin: 4px 0;
}

.lr_admin_quick_decode_match_phone {
  font-weight: 700;
}

.lr_admin_quick_decode_empty {
  color: #A5A5A5;
  font-weight: 700;
}

.lr_dotca_adoption {
  max-width: 96rem;
}
.lr_dotca_adoption .lr_dotca_adoption_intro {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.lr_dotca_adoption .lr_dotca_adoption_intro p {
  flex: 1 1 30rem;
  margin: 0;
}
.lr_dotca_adoption .lr_dotca_adoption_summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.lr_dotca_adoption .lr_dotca_adoption_card {
  border: 1px solid #adb5bd;
  border-radius: 12px;
  padding: 1.25rem;
}
.lr_dotca_adoption .lr_dotca_adoption_card span,
.lr_dotca_adoption .lr_dotca_adoption_card small {
  display: block;
}
.lr_dotca_adoption .lr_dotca_adoption_card strong {
  display: block;
  font-size: 2rem;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
  color: #333399;
}
.lr_dotca_adoption .lr_dotca_adoption_card small {
  margin-top: 0.25rem;
  font-size: 0.85rem;
  color: #495057;
}
.lr_dotca_adoption .lr_dotca_adoption_toolbar {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.lr_dotca_adoption .lr_dotca_adoption_toolbar label:first-child {
  flex: 1 1 18rem;
}
.lr_dotca_adoption .lr_dotca_adoption_toolbar label {
  min-width: 10rem;
}
.lr_dotca_adoption .lr_dotca_adoption_toolbar input,
.lr_dotca_adoption .lr_dotca_adoption_toolbar select {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
.lr_dotca_adoption .lr_dotca_adoption_table_wrap {
  overflow-x: auto;
}
.lr_dotca_adoption .lr_dotca_adoption_table_wrap table {
  width: 100%;
}
.lr_dotca_adoption .lr_dotca_adoption_table_wrap th,
.lr_dotca_adoption .lr_dotca_adoption_table_wrap td {
  text-align: start;
  padding: 0.75rem;
  border-bottom: 1px solid #adb5bd;
  white-space: nowrap;
}
.lr_dotca_adoption .lr_dotca_adoption_table_wrap .is_started {
  font-weight: 700;
  color: #007531;
}
.lr_dotca_adoption .lr_dotca_adoption_table_wrap .is_not_yet {
  color: #495057;
}
.lr_dotca_adoption .lr_dotca_adoption_inactive {
  display: inline-block;
  margin-inline-start: 0.5rem;
  padding: 0.05rem 0.4rem;
  border: 1px solid #adb5bd;
  border-radius: 12px;
  font-size: 0.75rem;
  color: #495057;
  vertical-align: middle;
}
.lr_dotca_adoption.is_stale .lr_dotca_adoption_summary, .lr_dotca_adoption.is_stale .lr_dotca_adoption_table_wrap {
  opacity: 0.6;
}

@media (max-width: 40rem) {
  .lr_dotca_adoption .lr_dotca_adoption_summary {
    grid-template-columns: 1fr;
  }
}
.customer_manage_heading_container {
  background-color: #333399;
  border-color: #BBBBBB;
  border-style: solid;
  border-width: 2px 0px 1px 1px;
  padding: 7px 10px 7px 10px;
  width: 100%;
  margin: 20px 0px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

.customer_manage_heading {
  color: #FFFFFF;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.05em;
}

.customer_manage_button {
  background-color: #FFFFFF;
  color: #333399;
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 5px 10px 5px 10px;
  border-radius: 12px;
  text-decoration: none;
  white-space: nowrap;
}
.customer_manage_button:hover {
  background-color: #007531;
  color: #FFFFFF;
}

.customer_manage_body {
  border-color: #BBBBBB;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  padding: 10px;
  background-color: #F6FBFD;
  margin: 0px 0px 10px 0px;
}

table.lr_item_table.customer_list_table {
  margin: 10px 0px 0px 0px;
}
table.lr_item_table.customer_list_table td {
  vertical-align: middle;
}
table.lr_item_table.customer_list_table .text_centre {
  text-align: center;
}

.lr_customer_row_info {
  color: #333399;
  font-size: 0.875rem;
  margin: 0px 4px 0px 0px;
}

.customer_list_table .lr_fa_customer_status_icon_customer_list,
.customer_list_table .lr_fa_customer_type_icon {
  color: #007531;
  font-style: normal;
  text-decoration: none;
}
.customer_list_table .lr_fa_customer_status_icon_customer_list:hover,
.customer_list_table .lr_fa_customer_type_icon:hover {
  color: #333399;
}

.fni_customer_phone {
  font-family: Oswald, "Arial Narrow", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 1px;
  font-size: 0.875rem;
  line-height: 1.35;
}

.fni_customer_label {
  color: #8C8C8C;
  display: inline-block;
  min-width: 1.1em;
}

.lr_staff_assign_cell {
  white-space: nowrap;
}
.lr_staff_assign_cell .lr_staff_assign_icon {
  font-size: 1.25rem;
  margin: 0px 4px 0px 0px;
  vertical-align: middle;
}
.lr_staff_assign_cell.is_assigned .lr_staff_assign_icon {
  color: #007531;
}
.lr_staff_assign_cell.is_unassigned .lr_staff_assign_icon {
  color: #f04124;
}
.lr_staff_assign_cell select.dir_assign {
  display: inline-block;
  vertical-align: middle;
}

.customer_list_table .nexusiq_icon {
  text-decoration: none;
}

.lr_crm_topbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0px 0px 10px 0px;
}

.lr_crm_clear_filters {
  display: inline-flex;
  align-items: center;
  padding: 0px 4px;
  font-size: 2rem;
  line-height: 1;
  color: #333333;
  text-decoration: none;
}
.lr_crm_clear_filters:hover {
  color: #f04124;
}

.lr_crm_toolbar_search {
  margin-left: auto;
  flex: 1 1 264px;
  max-width: 374px;
}

.lr_crm_filter_row {
  display: flex;
  align-items: center;
  align-self: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin: 0px 0px 0px auto;
}

.dashboard_sub_heading {
  font-weight: 900;
  font-size: 1.625rem;
  margin: 0px 0px 0px 0px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.02em;
}

.sub_text_colour {
  color: #A5A5A5;
}

.lr_alpha_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0px 10px 0px;
}
.lr_alpha_row .lr_alpha_menu {
  margin: 0;
}
.lr_alpha_row .lr_alpha_by_group {
  margin: 0px 0px 0px auto;
}

.lr_alpha_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2px;
  align-items: center;
  margin: 10px 0px 10px 0px;
  padding: 0;
}
.lr_alpha_menu a {
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: inline-block;
  color: #333399;
  text-decoration: none;
  font-weight: 400;
}
.lr_alpha_menu a:hover {
  border-color: #ccc;
  background-color: #f0f0f0;
  transform: scale(1.15);
}
.lr_alpha_menu a.letter_selected {
  border-color: #ccc;
  font-weight: 700;
  color: #333399;
  background-color: #FFFFBF;
  transform: scale(1.15);
}

.customer_heading_container {
  padding: 2px 0px 0px 0px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

a.icon_back_to_customer_list {
  width: 0;
  height: 0;
  border-top: 34px solid transparent;
  border-bottom: 34px solid transparent;
  border-right: 18px solid #333399;
  flex: 0 0 auto;
  margin: 0px 10px 0px 0px;
}
a.icon_back_to_customer_list:hover {
  border-right-color: #007531;
}

.heading_customer_name_container {
  flex: 1 1 auto;
  min-width: 0;
}

.heading_customer_name {
  color: #333399;
  font-size: 2.25rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  line-height: 1.1;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.heading_customer_id {
  color: #333399;
  font-size: 0.75rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  display: inline-block;
  margin: 0px 10px 0px 10px;
  vertical-align: super;
}

.customer_occupation {
  color: #333399;
  font-size: 0.75rem;
  margin: 5px 0px 0px 2px;
  min-height: 18px;
}

.lr_customer_head_icon {
  flex: 0 0 auto;
  margin: 0px 10px 0px 10px;
}

.lr_customer_status_bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 6px 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.lr_customer_status_bar li {
  margin: 0;
  padding: 0;
}
.lr_customer_status_bar a {
  text-decoration: none;
  color: #B7B7B7;
  cursor: pointer;
}
.lr_customer_status_bar a.success {
  color: #007531;
}
.lr_customer_status_bar a:hover {
  color: #333399;
}
.lr_customer_status_bar .lr_fa_customer_status_icon {
  font-size: 26px;
  margin: 0;
}

.customer_manage_details {
  font-size: 0.75rem;
  font-weight: 900;
  color: #1b1f2a;
  margin: 0px 0px 8px 0px;
}
.customer_manage_details .not_entered {
  color: #A5A5A5;
  font-weight: 400;
}

.customer_manage_detail_label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #A5A5A5;
}

.lr_contact_fact_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px 10px;
}
.lr_contact_fact_grid .span_2 {
  grid-column: span 2;
}

.lr_contact_actions {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 6px 0px 6px 0px;
}
.lr_contact_actions a,
.lr_contact_actions i,
.lr_contact_actions button.lr_contact_send {
  font-size: 2rem;
  color: #007531;
  cursor: pointer;
  text-decoration: none;
}
.lr_contact_actions a.disabled,
.lr_contact_actions i.disabled,
.lr_contact_actions button.lr_contact_send.disabled {
  color: #B7B7B7;
  cursor: not-allowed;
  pointer-events: none;
}
.lr_contact_actions a:hover,
.lr_contact_actions i:hover,
.lr_contact_actions button.lr_contact_send:hover {
  color: #333399;
}
.lr_contact_actions button.lr_contact_send {
  background: none;
  border: 0;
  padding: 0;
  line-height: 1;
}

.lr_crm_page_grid {
  display: grid;
  padding: 0px 10px 0px 10px;
  grid-template-columns: var(--lr-crm-rail, 300px) 8px minmax(0, 1fr);
  gap: 0px 8px;
  align-items: start;
}
@media (max-width: 900px) {
  .lr_crm_page_grid {
    grid-template-columns: 1fr;
  }
  .lr_crm_page_grid .lr_crm_rail_resizer {
    display: none;
  }
}

.lr_crm_rail_resizer {
  align-self: stretch;
  cursor: col-resize;
  border-radius: 4px;
  background: linear-gradient(to right, transparent 2px, #D5D8E4 3px, #D5D8E4 5px, transparent 6px);
  touch-action: none;
}
.lr_crm_rail_resizer:hover, .lr_crm_rail_resizer.is_dragging {
  background: linear-gradient(to right, transparent 1px, #333399 2px, #333399 6px, transparent 7px);
}

.lr_crm_left_rail,
.lr_crm_main_col {
  min-width: 0;
}

.lr_pref_checks {
  margin: 10px 0px 0px 0px;
}
.lr_pref_checks label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0px 12px 4px 0px;
  font-weight: 400;
  font-size: 0.875rem;
}

.lr_manage_edit_panel {
  display: none;
}
.lr_manage_edit_panel.is_open {
  display: block;
}

.customer_manage_body label {
  font-size: 0.75rem;
  font-weight: 700;
  margin: 6px 0px 1px 0px;
  display: block;
}
.customer_manage_body .form_control,
.customer_manage_body .form_select,
.customer_manage_body .uber_form_textbox {
  margin: 0px 0px 4px 0px;
}

.lr_activity_feed {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 34rem;
  overflow: auto;
}
.lr_activity_feed li {
  background-color: #FFFFFF;
  border: #BBBBBB 1px solid;
  border-radius: 4px;
  padding: 8px 10px 8px 10px;
  margin: 0px 0px 8px 0px;
}

.customer_note_name {
  font-weight: 700;
  letter-spacing: -0.05em;
  margin: 0px 10px 0px 0px;
}

.customer_note_time {
  color: rgb(146.3165137615, 20.6834862385, 30.6422018349);
  font-weight: 700;
  letter-spacing: -0.05em;
  font-style: italic;
  font-size: 0.75rem;
}

.lr_activity_body {
  white-space: pre-wrap;
  font-size: 0.875rem;
  margin: 4px 0px 6px 0px;
}

.lr_activity_actions {
  display: flex;
  gap: 6px;
}
.lr_activity_actions .btn_secondary {
  font-size: 0.75rem;
  padding: 2px 10px;
}

.lr_activity_dir {
  display: inline-block;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding: 1px 6px;
  border-radius: 12px;
  color: #FFFFFF;
  background-color: #333399;
}
.lr_activity_dir.is_in {
  background-color: #007531;
}

.lr_customer_comments {
  white-space: pre-wrap;
  background-color: #FFFFFF;
  border: #BBBBBB 1px solid;
  border-width: 0px 1px 1px 1px;
  padding: 10px;
  margin: 0px 0px 10px 0px;
  font-size: 0.875rem;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

table.lr_item_table.customer_list_table {
  width: 100%;
}
table.lr_item_table.customer_list_table td {
  white-space: normal;
}
table.lr_item_table.customer_list_table td.text_centre,
table.lr_item_table.customer_list_table td.lr_staff_assign_cell {
  white-space: nowrap;
}
table.lr_item_table.customer_list_table .nexusiq_icon_3x {
  font-size: 2.625rem;
}

.lr_alpha_menu a {
  font-size: 0.875rem;
  color: #222222;
}

.lr_crm_filter_row .icon_heading_filter {
  font-size: 2.25rem;
}

table.lr_item_table.customer_list_table .fni_customer_phone {
  white-space: normal;
  overflow-wrap: normal;
}
table.lr_item_table.customer_list_table .lr_staff_assign_cell select {
  max-width: 130px;
}

table.lr_item_table.customer_list_table th,
table.lr_item_table.customer_list_table td {
  padding-left: 6px;
  padding-right: 6px;
}

.lr_crm_return {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 80px;
  height: 64px;
  margin: 0px 10px 0px 0px;
  color: #333399;
  font-size: 2rem;
  line-height: 64px;
  text-decoration: none;
}
.lr_crm_return .icon_return_to_bos_icon {
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 3.5rem;
  line-height: 56px;
  color: #222222;
}
.lr_crm_return .icon_return_to_bos_arrow_circle,
.lr_crm_return .icon_return_to_bos_arrow_arrow {
  position: absolute;
  left: 10px;
  top: 0px;
  width: 80px;
  text-align: center;
  line-height: 64px;
}
.lr_crm_return .icon_return_to_bos_arrow_circle {
  font-size: 2rem;
  color: #333399;
}
.lr_crm_return .icon_return_to_bos_arrow_arrow {
  font-size: 1.5rem;
  color: #FFFFFF;
}
.lr_crm_return:hover .icon_return_to_bos_arrow_circle {
  color: #007531;
}

.customer_list_table .lr_status_open {
  cursor: pointer;
}

.lr_status_modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}

.lr_status_modal[hidden] {
  display: none;
}

.lr_status_modal_card {
  display: flex;
  flex-direction: column;
  width: 92%;
  max-width: 36rem;
  max-height: 86vh;
  overflow: hidden;
  padding: 0px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

.lr_status_modal_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px 0px 24px;
}

.lr_status_modal_sub {
  font-size: 1rem;
  font-weight: 700;
  margin: 0px 0px 6px 0px;
}

.lr_status_modal_hint {
  font-size: 0.75rem;
  color: #5a6475;
  margin: 0px 0px 14px 0px;
}

.lr_status_modal_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
  gap: 8px;
}

.lr_status_opt {
  appearance: none;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  background: #FAFAFA;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 6px 10px 6px;
}
.lr_status_opt .lr_fa_customer_status_icon {
  font-size: 36px;
  color: #B7B7B7;
  font-style: normal;
}
.lr_status_opt:hover {
  border-color: #333399;
}
.lr_status_opt:hover .lr_fa_customer_status_icon {
  color: #333399;
}

.lr_status_opt_name {
  font-size: 0.75rem;
  font-weight: 700;
  color: #4D4D4D;
  text-align: center;
  line-height: 1.2;
}

.lr_status_opt.is_current {
  border-color: #007531;
  background: #F1F8F3;
}
.lr_status_opt.is_current .lr_fa_customer_status_icon,
.lr_status_opt.is_current .lr_status_opt_name {
  color: #007531;
}

.lr_status_modal_actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin: 0px;
  padding: 14px 24px 24px 24px;
}

.lr_crm_tab_bar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0px 0px 12px 0px;
}

.lr_crm_tab_count {
  display: inline-block;
  min-width: 20px;
  padding: 0px 6px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.25);
  font-weight: 700;
}

.lr_crm_tab_panel[hidden] {
  display: none;
}

.lr_crm_conv_root .lr_conversations_assign_staff {
  display: none;
}

.lr_crm_deal {
  margin: 0px 0px 18px 0px;
}

.lr_crm_deal_heading {
  margin-top: 0px;
}

.lr_crm_deal_title {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #FFFFFF;
  text-decoration: none;
}
.lr_crm_deal_title i {
  font-size: 1.25em;
}
.lr_crm_deal_title:hover, .lr_crm_deal_title:focus-visible {
  color: #FFFFFF;
  text-decoration: underline;
}
.lr_crm_deal_title.is_disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.lr_crm_deal_title.is_disabled:hover, .lr_crm_deal_title.is_disabled:focus-visible {
  text-decoration: none;
}

.lr_crm_deal_open {
  flex: 0 0 auto;
  white-space: nowrap;
}
.lr_crm_deal_open.is_disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.lr_crm_deal_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 16px;
  margin: 8px 0px 10px 0px;
  font-size: 0.875rem;
  color: #3c4356;
}
.lr_crm_deal_meta .lr_crm_deal_kind {
  font-weight: 700;
  color: #333399;
}
.lr_crm_deal_meta .lr_crm_deal_vehicle {
  font-weight: 600;
}

.lr_crm_deal_preview {
  display: block;
  width: 100%;
  min-height: 420px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background: #FFFFFF;
}

.lr_crm_activity_thread {
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 0px;
  padding: 16px 18px;
  background-color: #F2F4FA;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
  max-height: 44rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.lr_crm_activity_thread > li {
  margin: 0px;
}

li.lr_crm_activity_day {
  list-style: none;
}

.lr_crm_activity_empty {
  text-align: center;
  padding: 24px 0px;
}

.lr_crm_msg_actions {
  display: inline-flex;
  gap: 4px;
  margin-left: auto;
}

.lr_crm_msg_btn {
  border: 0px;
  background: transparent;
  color: inherit;
  font-size: 0.625rem;
  font-weight: 700;
  cursor: pointer;
  padding: 0px 4px;
  opacity: 0.85;
}
.lr_crm_msg_btn:hover {
  opacity: 1;
  text-decoration: underline;
}

.lr_crm_activity_composer {
  margin: 10px 0px 0px 0px;
  padding: 12px 14px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
}
.lr_crm_activity_composer .lr_crm_composer_label {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0px 0px 4px 0px;
}
.lr_crm_activity_composer textarea {
  width: 100%;
  margin: 0px 0px 8px 0px;
}

.lr_nexusiq_wordmark {
  color: #333399;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.lr_nexusiq_wordmark_iq {
  color: #007531;
}

.page-content:has(#lrCustomerRoot) {
  padding: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content:has(#lrCustomerRoot) {
    padding-left: 280px;
  }
}
.lr_crm_form .form_section_heading {
  clear: both;
  margin: 18px 0px 14px 0px;
}
.lr_crm_form h5.form_section_heading {
  font-size: 0.75rem;
  margin: 8px 0px 10px 0px;
}
.lr_crm_form .form_section_heading:first-of-type {
  margin-top: 0px;
}
.lr_crm_form label {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0px;
}
.lr_crm_form .form_control,
.lr_crm_form .form_select,
.lr_crm_form .uber_form_textbox {
  width: 100%;
  margin: 2px 0px 0px 0px;
}

.lr_crm_form_row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 10px 16px;
  margin: 0px 0px 12px 0px;
}

.lr_crm_form_actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  margin: 4px 0px 0px 0px;
}
.lr_crm_form_actions .text_muted {
  margin: 0px auto 0px 0px;
}

.lr_crm_form_minilabel {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 0px 0px 6px 0px;
}

.lr_pref_chiprow {
  padding: 2px 0px;
}

.lr_pref_chip,
.lr_crm_form label.lr_pref_chip {
  display: inline-flex;
  margin: 0px 6px 0px 0px;
  cursor: pointer;
}
.lr_pref_chip input,
.lr_crm_form label.lr_pref_chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lr_pref_chip span,
.lr_crm_form label.lr_pref_chip span {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 6px;
  background-color: #A0D3E8;
  color: #FFFFFF;
  font-weight: 700;
}
.lr_pref_chip:has(input:checked) span,
.lr_crm_form label.lr_pref_chip:has(input:checked) span {
  background-color: #007531;
}

.lr_crm_form_row .lr_col_9 {
  grid-column: 9/span 4;
}

@media only screen and (max-width: 64em) {
  .lr_crm_form_row .lr_span_2,
  .lr_crm_form_row .lr_span_3,
  .lr_crm_form_row .lr_span_4 {
    grid-column: span 6;
  }
  .lr_crm_form_row .lr_span_6,
  .lr_crm_form_row .lr_span_8 {
    grid-column: span 12;
  }
}
@media only screen and (max-width: 40em) {
  .lr_crm_form_row .lr_span_2,
  .lr_crm_form_row .lr_span_3,
  .lr_crm_form_row .lr_span_4 {
    grid-column: span 12;
  }
}
[data-crm-postal] {
  text-transform: uppercase;
}

.lr_crm_service_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  margin: 0px 0px 12px 0px;
}

.lr_crm_service_summary {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 4px 18px;
  font-size: 0.875rem;
}

.lr_crm_service_overdue {
  color: #b9032b;
}

.lr_crm_service_muted {
  display: block;
  font-size: 0.75rem;
  color: #6b7684;
}

.lr_crm_service_summary .lr_crm_service_muted {
  display: inline;
}

.lr_crm_service_vehicles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin: 0px 0px 16px 0px;
}

.lr_crm_service_vehicle {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 8px;
}

.lr_crm_service_vehicle_head i {
  color: #1779ba;
}

.lr_crm_service_vehicle_meta {
  font-size: 0.8125rem;
  color: #6b7684;
}

.lr_crm_service_badge {
  padding: 1px 8px;
  border-radius: 10px;
  background-color: #eaf3fa;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #17334d;
}

.lr_crm_service_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.lr_crm_service_chip {
  padding: 2px 8px;
  border-radius: 10px;
  background-color: #e3f4ea;
  font-size: 0.75rem;
  color: #1e6b43;
}
.lr_crm_service_chip.is_past {
  background-color: #f0f2f5;
  color: #6b7684;
}

.lr_crm_service_vehicle_btn {
  align-self: flex-start;
  margin-top: auto;
}

.lr_crm_service_table {
  background-color: #FFFFFF;
}
.lr_crm_service_table .lr_crm_service_muted {
  font-weight: 400;
}
.lr_crm_service_table .lr_crm_service_notes {
  max-width: 360px;
  white-space: pre-wrap;
}
.lr_crm_service_table .lr_crm_service_actions {
  white-space: nowrap;
  text-align: right;
}
.lr_crm_service_table .lr_crm_service_actions .lr_crm_msg_btn {
  min-width: 30px;
  min-height: 30px;
  padding: 4px 8px;
  font-size: 0.875rem;
  color: #17334d;
}

.lr_service_log_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0px 12px;
}

.lr_customer_lists_modal_box.lr_service_log_box {
  width: 540px;
}

.lr_service_log_box .uber_form_dropdown,
.lr_service_log_box .uber_form_textarea {
  width: 100%;
  margin: 0px 0px 12px 0px;
}

button.customer_manage_button {
  appearance: none;
  border: 0px;
  margin: 0px;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
}

.lr_crm_addon_modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  justify-content: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.45);
  overflow-y: auto;
}

.lr_crm_addon_modal[hidden] {
  display: none;
}

body.lr_crm_addon_modal_open {
  overflow: hidden;
}

.lr_crm_addon_modal_card {
  width: 100%;
  max-width: 42rem;
  margin: auto 0;
  padding: 0px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

.lr_crm_addon_modal_body {
  padding: 20px 24px 0px 24px;
}

.lr_crm_addon_modal_sub {
  font-size: 1rem;
  font-weight: 700;
  color: #4D4D4D;
  text-align: center;
  margin: 0px 0px 16px 0px;
}

.lr_crm_addon_status {
  min-height: 18px;
  font-size: 0.875rem;
  color: #555555;
  text-align: center;
  margin-bottom: 8px;
}

.lr_crm_addon_status.is_error {
  color: #A40E26;
  font-weight: 700;
}

.lr_crm_addon_field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 7px 10px;
}

.lr_crm_addon_field:nth-of-type(even) {
  background-color: #F2F2F2;
}

.lr_crm_addon_label {
  font-weight: 700;
  color: #333333;
  margin: 0px;
}

.lr_crm_addon_label small {
  display: block;
  font-weight: 400;
  color: #777777;
}

.lr_crm_addon_field input,
.lr_crm_addon_field select {
  width: 100%;
  margin: 0px;
}

.lr_crm_addon_actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin: 0px;
  padding: 18px 24px 24px 24px;
}

.lr_crm_addon_control {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}

.lr_required_flag {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #f04124;
  margin: 0px 0px 4px 2px;
}

.lr_crm_addon_explainer {
  display: block;
  font-size: 0.75rem;
  line-height: 1.25;
  font-weight: 400;
  color: #777777;
  margin-top: 2px;
  padding-right: 4px;
}

.lr_crm_addon_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 14px 16px;
}

.lr_crm_addon_cell {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.lr_crm_addon_cell .lr_crm_addon_label {
  display: block;
  margin: 0px 0px 3px 0px;
}

.lr_crm_addon_cell .lr_required_flag {
  margin: 0px 0px 0px 4px;
}

.lr_crm_addon_cell select,
.lr_crm_addon_cell input {
  width: 100%;
  margin: 0px;
}

.lr_crm_addon_cell > select,
.lr_crm_addon_cell > .lr_money_wrap {
  margin-top: auto;
}

.lr_crm_addon_divider {
  border: 0px;
  border-top: 1px solid #CCCCCC;
  margin: 20px 0px 12px 0px;
}

.lr_crm_addon_section_heading {
  display: block;
  margin: 0px 0px 4px 0px;
}

.lr_crm_addon_section_explainer {
  font-size: 0.75rem;
  line-height: 1.3;
  color: #777777;
  margin: 0px 0px 12px 0px;
}

.lr_crm_addon_section_explainer:empty {
  display: none;
}

.lr_crm_addon_grid_financial {
  grid-template-columns: repeat(3, 1fr);
}

.lr_staff_on_deck__error {
  color: #f04124;
}

.lr_staff_on_deck__tracker,
.lr_staff_on_deck__intro {
  display: block;
  clear: both;
  margin-bottom: 0.5rem;
}

.lr_staff_on_deck__tracker .primary {
  color: #333399;
}

.lr_staff_on_deck__table .text_centre {
  text-align: center;
}

.lr_staff_on_deck__table tbody td {
  height: 64px;
}

.lr_staff_on_deck__table tbody tr:hover td {
  background-color: #FFFEC3;
}

.lr_staff_on_deck__label {
  font-weight: 600;
  margin-right: 0.25rem;
}

.lr_staff_on_deck__missing {
  display: inline-block;
  padding: 0.35rem 0.6rem;
  background: #f04124;
  color: #ffffff;
  border-radius: 0.25rem;
  font-size: 0.85rem;
  cursor: help;
}

.lr_staff_on_deck__readonly {
  display: inline-block;
  min-width: 3.25rem;
  padding: 0.35rem 0.7rem;
  border-radius: 0.25rem;
  font-weight: 700;
  color: #ffffff;
}

.lr_staff_on_deck__readonly.is_yes {
  background: #007531;
}

.lr_staff_on_deck__readonly.is_no {
  background: #f04124;
}

.lr_staff_on_deck__up_next {
  font-weight: 700;
  color: #333399;
}

.lr_staff_on_deck__override.tiny {
  padding: 0.35rem 0.65rem;
  font-size: 0.85rem;
}

.lr_staff_on_deck__override,
.lr_staff_on_deck__override.btn_secondary {
  background-color: #333399;
  border-color: #333399;
  color: #FFFFFF;
}

.lr_staff_on_deck__override:hover,
.lr_staff_on_deck__override.btn_secondary:hover {
  background-color: #22226b;
  border-color: #22226b;
  color: #FFFFFF;
}

@media (max-width: 640px) {
  .lr_staff_on_deck__table .hide_for_small {
    display: none;
  }
}
.lr_reception_form {
  max-width: 1100px;
}

.lr_reception_search {
  margin-bottom: 1rem;
}

.lr_reception_photo {
  display: block;
  width: 100%;
  max-width: 280px;
  min-height: 140px;
  object-fit: cover;
  border: 1px solid #bbbbbb;
  border-radius: 12px;
  background-color: #f5f5f5;
  margin-top: 1.5rem;
}
.lr_reception_photo.photo_placeholder {
  background-image: linear-gradient(135deg, #eee 25%, #f8f8f8 25%, #f8f8f8 50%, #eee 50%, #eee 75%, #f8f8f8 75%);
  background-size: 24px 24px;
}

.lr_reception_actions {
  margin: 1rem 0;
}

.lr_reception_overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9000;
  padding: 1rem;
}

.lr_reception_modal {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 12px;
  padding: 0;
  width: min(560px, 100%);
  max-height: 90vh;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}
.lr_reception_modal label {
  display: block;
  margin-top: 0.75rem;
}

.lr_reception_modal_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 1.25rem 1.25rem 0 1.25rem;
}
.lr_reception_modal_body > label:first-child {
  margin-top: 0;
}

.lr_reception_modal_actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
  margin: 0;
  padding: 1rem 1.25rem 1.25rem 1.25rem;
}

.lr_reception_dup_card {
  border: 1px solid #cccccc;
  border-radius: 12px;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  background: #fafafa;
}
.lr_reception_dup_card .btn_use_existing {
  margin-top: 0.5rem;
}

.lr_reception_strength {
  font-size: 0.75rem;
  font-weight: 700;
  color: #333399;
  margin-left: 0.35rem;
}

#contactPrefToolbar,
#customerSourceToolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
#contactPrefToolbar input[type=radio],
#customerSourceToolbar input[type=radio] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#contactPrefToolbar label,
#customerSourceToolbar label {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  border: 1px solid #bbbbbb;
  border-radius: 12px;
  background: #ffffff;
  cursor: pointer;
  font-weight: 600;
}
#contactPrefToolbar input[type=radio]:checked + label,
#customerSourceToolbar input[type=radio]:checked + label {
  background: #333399;
  border-color: #333399;
  color: #ffffff;
}

.lr_my_day {
  padding-bottom: 2rem;
}

.lr_my_day__brief_wrap {
  position: relative;
  background-color: #181849;
  border-radius: 4px;
  margin-bottom: 1rem;
}

.lr_my_day__brief {
  background: none;
  padding: 1.15rem 1.4rem 1.25rem;
  margin-bottom: 0;
  min-height: 5.5rem;
  color: rgba(255, 255, 255, 0.78);
  overflow-wrap: break-word;
}

.lr_my_day__quick_tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0 1.4rem 1.15rem;
}

.lr_my_day__quick_search {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 0.5rem;
  flex: 1 1 12rem;
}

.lr_my_day__quick_field {
  position: relative;
  flex: 1 1 10rem;
  min-width: 0;
}
.lr_my_day__quick_field > .uber_form_textbox {
  width: 100%;
  min-height: 2.5rem;
  margin: 0;
  padding: 0.4rem 2rem 0.4rem 2.3rem;
  font-size: 0.85rem;
}

.lr_my_day__quick_search > .lr_my_day__quick_cpick {
  flex: 1 1 100%;
  min-width: 0;
}
.lr_my_day__quick_search > .lr_my_day__quick_cpick .lr_cpick_input {
  min-height: 2.5rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-size: 0.85rem;
}

.lr_my_day__quick_clear {
  position: absolute;
  top: 1.25rem;
  right: 0.4rem;
  transform: translateY(-50%);
  background: none;
  border: 0;
  padding: 0.2rem;
  border-radius: 50%;
  color: #adb5bd;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.lr_my_day__quick_clear:hover {
  color: #f04124;
}

.lr_my_day__quick_scope {
  display: flex;
  flex: 0 0 auto;
  gap: 0.3rem;
}
.lr_my_day__quick_scope label {
  position: relative;
}
.lr_my_day__quick_scope input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.lr_my_day__quick_scope span {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
}
.lr_my_day__quick_scope input:checked + span {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #181849;
}
.lr_my_day__quick_scope input:focus-visible + span {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.lr_my_day__quick_selected {
  flex-basis: 100%;
  margin: 6px 0 0;
  min-height: 1.25rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.55);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_my_day__quick_selected.is_set {
  color: #ffffff;
}
.lr_my_day__quick_selected.is_set .fa-circle-check {
  color: #5fd38a;
}
.lr_my_day__quick_selected.is_set span {
  color: rgba(255, 255, 255, 0.7);
}

.lr_my_day__quick_dates {
  display: flex;
  flex-basis: 100%;
  gap: 0.3rem;
  margin-top: 0.35rem;
}
.lr_my_day__quick_dates .uber_form_textbox {
  flex: 1 1 50%;
  min-width: 0;
  margin: 0;
  padding: 0.25rem 0.4rem;
  font-size: 0.75rem;
}

.lr_my_day__quick_icon {
  position: absolute;
  top: 1.25rem;
  left: 0.7rem;
  transform: translateY(-50%);
  color: #adb5bd;
  font-size: 1.05rem;
  line-height: 1;
  pointer-events: none;
}

.lr_my_day__quick_results {
  position: absolute;
  top: 2.75rem;
  right: 0;
  left: auto;
  width: max-content;
  min-width: min(24rem, 100vw - 2rem);
  max-width: min(620px, 100vw - 2rem);
  margin-top: 4px;
  z-index: 60;
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
}
.lr_my_day__quick_results .lr_pick_row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 10px;
  row-gap: 1px;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: #1b1f2a;
}
.lr_my_day__quick_results .lr_pick_row:last-child {
  border-bottom: 0;
}
.lr_my_day__quick_results .lr_pick_row:hover, .lr_my_day__quick_results .lr_pick_row:focus {
  background-color: hsl(59, 100%, 109.2352941176%);
  outline: none;
}
.lr_my_day__quick_results .lr_pick_name {
  grid-column: 1;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_my_day__quick_results .lr_pick_id {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  font-size: 0.875rem;
  color: #5a6475;
}
.lr_my_day__quick_results .lr_pick_meta {
  grid-column: 1;
  font-size: 0.875rem;
  color: #5a6475;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_my_day__quick_results .lr_pick_empty {
  margin: 0;
  padding: 10px 12px;
  color: #5a6475;
}

@media (min-width: 1024px) {
  .lr_my_day__brief_wrap {
    display: flex;
    align-items: flex-start;
  }
  .lr_my_day__brief {
    flex: 1 1 auto;
    min-width: 0;
  }
  .lr_my_day__quick_tools {
    flex: 0 1 38rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 1.1rem 1.1rem 1.1rem 0;
  }
  .lr_my_day__quick_search {
    flex: 1 1 0;
    min-width: 0;
  }
  .lr_my_day__quick_search:last-child {
    flex: 1.6 1 0;
  }
}
.lr_my_day__brief_header h1 {
  margin: 0 0 0.3rem;
  font-size: clamp(1.3rem, 2.2vw, 1.6rem);
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
}

.lr_my_day__brief_body {
  margin: 0;
  font-size: 0.9rem;
  max-width: 66ch;
}

.lr_my_day__brief_recommendation {
  margin: 0.55rem 0 0;
  font-size: 1rem;
  max-width: 66ch;
  color: #ffffff;
}
.lr_my_day__brief_recommendation strong {
  font-weight: 600;
}

.lr_my_day__brief_actions {
  margin-top: 0.85rem;
}
.lr_my_day__brief_actions .btn_primary {
  margin: 0;
  background-color: #007531;
  border-color: #007531;
}
.lr_my_day__brief_actions .btn_primary:hover, .lr_my_day__brief_actions .btn_primary:focus {
  background-color: rgb(0, 86.4, 36.1846153846);
  border-color: rgb(0, 76.2, 31.9128205128);
}

.lr_my_day__brief .lr_my_day__loading {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
}

.lr_my_day__loading {
  margin: 0;
  color: #5a6475;
}

.lr_my_day__updated {
  display: inline;
  margin: 0 0 0 0.6rem;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.55);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.lr_my_day__updated.lr_my_day__stale {
  color: #f2b26b;
  font-style: italic;
}

.lr_my_day__quick_tools input:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.lr_my_day__setup {
  background-color: #fdf0e3;
  border: 1px solid #f08a24;
  border-radius: 4px;
  color: #8a4b0f;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}

.lr_my_day__error {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  background-color: #fdeae6;
  border: 1px solid rgba(240, 65, 36, 0.45);
  border-radius: 4px;
  color: #7f1d0d;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
}
.lr_my_day__error .btn_secondary {
  margin: 0;
}

.lr_my_day__columns {
  --lr_my_day_side_w: 300px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.lr_my_day__main,
.lr_my_day__side {
  min-width: 0;
}

.lr_my_day__resizer {
  display: none;
  position: relative;
  align-self: stretch;
  cursor: col-resize;
  touch-action: none;
  user-select: none;
}
.lr_my_day__resizer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1.25rem;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: #d8d8d8;
}
.lr_my_day__resizer::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 50%;
  width: 3px;
  height: 32px;
  transform: translateX(-50%);
  border-radius: 2px;
  background: #b9bfd2;
  opacity: 0;
  transition: opacity 0.12s ease;
}
.lr_my_day__resizer:hover::before, .lr_my_day__resizer:focus-visible::before, .lr_my_day__resizer.is_dragging::before {
  background: #333399;
}
.lr_my_day__resizer:hover::after, .lr_my_day__resizer:focus-visible::after, .lr_my_day__resizer.is_dragging::after {
  opacity: 0.9;
  background: #333399;
}
.lr_my_day__resizer:focus-visible {
  outline: 2px solid #333399;
  outline-offset: -2px;
}

@media (min-width: 1024px) {
  .lr_my_day__columns {
    grid-template-columns: minmax(0, 1fr) 12px var(--lr_my_day_side_w);
  }
  .lr_my_day__resizer {
    display: block;
  }
}
body.lr_my_day_is_resizing {
  cursor: col-resize;
  user-select: none;
}

.lr_my_day__section {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1.25rem;
}

.lr_my_day__section_header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.5rem;
  background-color: #181849;
  padding: 0.45rem 0.9rem 0.5rem;
}

.lr_my_day__section_icon {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.85rem;
}

.lr_my_day__section_title {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #ffffff;
}

.lr_my_day__section_count {
  display: inline-block;
  min-width: 1.5rem;
  text-align: center;
  padding: 0.05rem 0.45rem;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.16);
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__section_help {
  grid-column: 1/-1;
  margin: 0.1rem 0 0;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.66);
}

.lr_my_day__subhead {
  margin: 0.75rem 0.9rem 0.35rem;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a6475;
}

.lr_my_day__card {
  background-color: #ffffff;
  border-top: 1px solid #e4e6ee;
  border-left: 4px solid #ced4da;
  padding: 0.6rem 0.9rem 0.7rem;
  overflow-wrap: break-word;
}
.lr_my_day__card:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}

.lr_my_day__card:first-child {
  border-top: 0;
}

#lrMyDayDoNext,
#lrMyDayIntervention {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
  gap: 10px;
  padding: 10px;
}
#lrMyDayDoNext > .lr_my_day__card,
#lrMyDayIntervention > .lr_my_day__card {
  min-width: 0;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 8px;
}
#lrMyDayDoNext > .lr_my_day__empty,
#lrMyDayIntervention > .lr_my_day__empty {
  grid-column: 1/-1;
}

#lrMyDayWatch {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
  gap: 10px;
  padding: 10px;
}
#lrMyDayWatch > .lr_my_day__group_card {
  min-width: 0;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
}
#lrMyDayWatch > .lr_my_day__empty {
  grid-column: 1/-1;
}

.lr_my_day__card_header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.lr_my_day__card_header .lr_my_day__group_count {
  margin-left: auto;
}

.lr_my_day__band {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  border-radius: 2px;
  background-color: #e9ecef;
  color: #495057;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.lr_my_day__timer {
  font-size: 0.78rem;
  font-weight: 600;
  color: #5a6475;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__card--critical {
  border-left-color: #f04124;
}
.lr_my_day__card--critical .lr_my_day__band {
  background-color: #fdeae6;
  color: #9c2c1c;
}

.lr_my_day__card--high {
  border-left-color: #f08a24;
}
.lr_my_day__card--high .lr_my_day__band {
  background-color: #fdf0e3;
  color: #8a4b0f;
}

.lr_my_day__card--normal {
  border-left-color: #333399;
}
.lr_my_day__card--normal .lr_my_day__band {
  background-color: #eceef8;
  color: #333399;
}

.lr_my_day__card--low {
  border-left-color: #adb5bd;
}

.lr_my_day__card--stale {
  border-left-color: #c9b458;
}
.lr_my_day__card--stale .lr_my_day__band {
  background-color: #f7f3e3;
  color: #79652a;
}

.lr_my_day__card--age-overdue .lr_my_day__timer {
  color: #a3300f;
}

.lr_my_day__card--age-escalate .lr_my_day__timer {
  color: #7f1d0d;
  font-weight: 700;
}

.lr_my_day__card--age-stale .lr_my_day__timer {
  color: #79652a;
}

.lr_my_day__card_identity h3,
.lr_my_day__card > h3 {
  margin: 0.3rem 0 0.1rem;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1f2a;
}

.lr_my_day__card_context {
  margin: 0.1rem 0;
  font-size: 0.78rem;
  color: #5a6475;
}

.lr_my_day__assign {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  margin: 0.2rem 0;
}

.lr_my_day__assign_btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  padding: 3px 8px;
  border: none;
  border-radius: 3px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
  white-space: nowrap;
  cursor: pointer;
}
.lr_my_day__assign_btn.is_assigned {
  background-color: #007531;
}
.lr_my_day__assign_btn.is_unassigned {
  background-color: #f04124;
}
.lr_my_day__assign_btn:hover, .lr_my_day__assign_btn:focus-visible {
  color: yellow;
}

.lr_my_day__card_reason {
  margin: 0.2rem 0 0;
  font-size: 0.85rem;
  line-height: 1.4;
  color: #3c4356;
}

.lr_my_day__card_footer {
  margin-top: 0.6rem;
}

.lr_my_day__actions_primary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
}
.lr_my_day__actions_primary .btn_primary,
.lr_my_day__actions_primary .btn_secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin: 0;
  padding: 0.2rem 0.55rem;
  font-size: 0.75rem;
  line-height: 1.4;
}

.lr_my_day__actions_primary .btn_secondary.is_disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: none;
}
.lr_my_day__actions_primary .btn_secondary.is_disabled:hover, .lr_my_day__actions_primary .btn_secondary.is_disabled:focus {
  opacity: 0.5;
}

.lr_my_day__actions_secondary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.45rem;
}
.lr_my_day__actions_secondary .btn_secondary {
  margin: 0;
  padding: 0.2rem 0.55rem;
  font-size: 0.75rem;
  background-color: transparent;
  border: 1px solid #dee2e6;
  color: #5a6475;
  box-shadow: none;
}
.lr_my_day__actions_secondary .btn_secondary:hover {
  background-color: #f8f9fa;
  border-color: #ced4da;
  color: #1b1f2a;
}
.lr_my_day__actions_secondary .lr_my_day__action_more {
  border-color: transparent;
}
.lr_my_day__actions_secondary .lr_my_day__action_more:hover {
  border-color: #dee2e6;
}

.lr_my_day__action_pending {
  opacity: 0.55;
  cursor: progress;
}

.lr_my_day__group_card {
  background-color: #ffffff;
  border-top: 1px solid #e4e6ee;
  padding: 0.6rem 0.9rem 0.7rem;
  overflow-wrap: break-word;
}
.lr_my_day__group_card:first-child {
  border-top: 0;
}
.lr_my_day__group_card:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}

.lr_my_day__group_summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.lr_my_day__group_summary h3 {
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1f2a;
}
.lr_my_day__group_summary .lr_my_day__card_reason {
  flex-basis: 100%;
  margin: 0.1rem 0 0;
}

.lr_my_day__group_count {
  display: inline-block;
  min-width: 1.5rem;
  text-align: center;
  padding: 0.05rem 0.4rem;
  border-radius: 3px;
  background-color: #eceef8;
  color: #333399;
  font-size: 0.72rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__group_details {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0.35rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.78rem;
  line-height: 1.45;
  color: #5a6475;
}
.lr_my_day__group_details li {
  display: inline;
  margin: 0;
}
.lr_my_day__group_details li:not(:last-child)::after {
  content: " · ";
  color: #ced4da;
}

.lr_my_day__timeline {
  padding: 0.35rem 0.9rem 0.5rem;
}

.lr_my_day__timeline_item {
  display: grid;
  grid-template-columns: 3.6rem 0.875rem minmax(0, 1fr) auto;
  column-gap: 0.7rem;
  padding: 0.5rem 0;
}

.lr_my_day__timeline_time {
  grid-column: 1;
  grid-row: 1;
  padding-top: 0.1rem;
  text-align: right;
  font-size: 0.78rem;
  font-weight: 600;
  color: #5a6475;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__timeline_marker {
  grid-column: 2;
  grid-row: 1/-1;
  position: relative;
}
.lr_my_day__timeline_marker::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background-color: #e9ecef;
}
.lr_my_day__timeline_marker::after {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 50%;
  width: 0.625rem;
  height: 0.625rem;
  margin-left: -0.3125rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #ced4da;
}

.lr_my_day__timeline_item:first-child .lr_my_day__timeline_marker::before {
  top: 0.55rem;
}

.lr_my_day__timeline_item:last-child .lr_my_day__timeline_marker::before {
  bottom: calc(100% - 0.55rem);
}

.lr_my_day__timeline_content {
  grid-column: 3;
}
.lr_my_day__timeline_content .lr_my_day__card_context {
  margin: 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #adb5bd;
}
.lr_my_day__timeline_content h3 {
  margin: 0.1rem 0;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1b1f2a;
}
.lr_my_day__timeline_content .lr_my_day__card_reason {
  margin: 0.1rem 0 0;
  font-size: 0.8rem;
  color: #5a6475;
}

.lr_my_day__timeline_actions {
  grid-column: 4;
  align-self: center;
}
.lr_my_day__timeline_actions .btn_primary,
.lr_my_day__timeline_actions .btn_secondary {
  margin: 0;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
}

.lr_my_day__timeline_item--soon .lr_my_day__timeline_time {
  color: #333399;
}
.lr_my_day__timeline_item--soon .lr_my_day__timeline_marker::after {
  background-color: #333399;
  border-color: #333399;
}

.lr_my_day__timeline_item--past .lr_my_day__timeline_time {
  color: #ced4da;
}
.lr_my_day__timeline_item--past .lr_my_day__timeline_marker::after {
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.lr_my_day__timeline_item--past .lr_my_day__timeline_content h3 {
  color: #5a6475;
}
.lr_my_day__timeline_item--past .lr_my_day__timeline_content .lr_my_day__card_context {
  color: #ced4da;
}

.lr_my_day__pulse_summary {
  margin: 0.6rem 0.9rem 0.5rem;
  font-size: 0.875rem;
}

.lr_my_day__pulse_metrics {
  display: flex;
  margin: 0 0.9rem 0.6rem;
}

.lr_my_day__metric {
  flex: 1 1 0;
  min-width: 0;
  padding: 0.1rem 0.75rem;
  border-left: 1px solid #e9ecef;
}
.lr_my_day__metric:first-child {
  border-left: 0;
  padding-left: 0;
}

.lr_my_day__metric_label {
  display: block;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #5a6475;
}

.lr_my_day__metric_value {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  color: #1b1f2a;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__team {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
}

.lr_my_day__team_row {
  padding: 0.35rem 0.9rem;
  border-top: 1px solid #e4e6ee;
  border-left: 3px solid transparent;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__team_row.lr_my_day__team_exception {
  border-left-color: #f08a24;
  background-color: #fdf6ec;
}

.lr_my_day__stats {
  margin: 0.6rem 0.9rem 0.5rem;
  padding-left: 1.1rem;
  font-size: 0.8rem;
  color: #3c4356;
}
.lr_my_day__stats li {
  margin: 0.1rem 0;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__listing_rows {
  list-style: none;
  margin: 0;
  padding: 0;
}
.lr_my_day__listing_rows li {
  padding: 0.4rem 0.9rem;
  border-top: 1px solid #e4e6ee;
  font-size: 0.8rem;
  color: #5a6475;
}
.lr_my_day__listing_rows li:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}
.lr_my_day__listing_rows a {
  font-weight: 700;
}

.lr_my_day__listing_stock {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.72rem;
  color: #adb5bd;
  letter-spacing: 0.02em;
  font-variant-numeric: tabular-nums;
}

.lr_my_day__group_summary .lr_my_day__listing_stock {
  flex-basis: 100%;
  margin-top: 0;
}

#lrMyDayListing > p {
  margin: 0.6rem 0.9rem 0.8rem;
}
#lrMyDayListing > p .btn_secondary {
  margin: 0;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
}

#lrMyDayService > p {
  margin: 0.5rem 0.9rem 0.8rem;
  font-size: 0.78rem;
}

#lrMyDayReceptionWrap {
  overflow: visible;
}
#lrMyDayReceptionWrap .lr_my_day__section_header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.lr_my_day__snapshot {
  background-color: #f5f5f5;
  border-top: 1px solid #e4e6ee;
  padding: 0.7rem 0.9rem 0.85rem;
}
.lr_my_day__snapshot label {
  display: block;
  margin-bottom: 0.3rem;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5a6475;
}
.lr_my_day__snapshot .uber_form_textbox {
  margin-bottom: 0.5rem;
}
.lr_my_day__snapshot #lrMyDayReceptionPickWrap {
  position: relative;
  margin-bottom: 0.5rem;
}
.lr_my_day__snapshot #lrMyDayReceptionPickWrap > .uber_form_textbox {
  margin-bottom: 0;
}
.lr_my_day__snapshot .btn_secondary,
.lr_my_day__snapshot .btn_primary {
  margin: 0;
  padding: 0.3rem 0.75rem;
  font-size: 0.8rem;
}
.lr_my_day__snapshot .lr_my_day__card {
  margin: 0.6rem 0 0;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #ffffff;
}
.lr_my_day__snapshot .lr_my_day__card:hover {
  background-color: #ffffff;
}
.lr_my_day__snapshot .lr_my_day__card p {
  margin: 0.2rem 0;
  font-size: 0.8rem;
}

.lr_my_day__snapshot_matches {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  margin: 0.6rem 0 0;
  padding: 0;
}
.lr_my_day__snapshot_matches li {
  margin: 0;
}
.lr_my_day__snapshot_matches .btn_secondary {
  width: 100%;
  margin: 0;
  text-align: left;
}

.lr_my_day__empty {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 0.9rem;
  margin: 0;
  border-top: 1px solid #e4e6ee;
  color: #5a6475;
  font-size: 0.85rem;
}
.lr_my_day__empty:first-child {
  border-top: 0;
}
.lr_my_day__empty p {
  margin: 0;
}

.lr_my_day__empty_icon {
  color: #007531;
  font-size: 0.95rem;
  line-height: 1;
}

.lr_my_day__overlay {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-color: rgba(24, 24, 73, 0.5);
  z-index: 9000;
}

.lr_my_day__dialog {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 8px;
  width: min(30rem, 100%);
  max-height: calc(100vh - 2rem);
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}
.lr_my_day__dialog > .lr_modal_head,
.lr_my_day__dialog > .lr_my_day__dialog_actions {
  flex: 0 0 auto;
}
.lr_my_day__dialog > .lr_my_day__dialog_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
}

.lr_my_day__dialog_phone {
  flex: 0 0 auto;
  margin-right: 0.5rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.lr_my_day__dialog_phone a {
  color: #ffffff;
  text-decoration: none;
}
.lr_my_day__dialog_phone a:hover {
  text-decoration: underline;
}
.lr_my_day__dialog_phone a .fa-phone {
  margin-right: 0.25rem;
  color: #5fd38a;
}
.lr_my_day__dialog_phone.is_empty {
  font-weight: 400;
  font-style: italic;
  color: rgba(255, 255, 255, 0.6);
}

.lr_my_day__fact_empty {
  color: #5a6475;
  font-style: italic;
  font-weight: 400;
}

.lr_my_day__dialog_body {
  padding: 1rem 1.25rem;
}
.lr_my_day__dialog_body label {
  display: block;
  margin: 0.75rem 0 0.3rem;
  font-size: 0.85rem;
  font-weight: 600;
}
.lr_my_day__dialog_body label:first-child {
  margin-top: 0;
}
.lr_my_day__dialog_body .uber_form_textbox,
.lr_my_day__dialog_body .uber_form_dropdown {
  margin-bottom: 0;
}

.lr_my_day__dialog_error {
  margin: 0.75rem 0 0;
  padding: 0.5rem 0.75rem;
  background-color: #fdeae6;
  border-radius: 4px;
  color: #7f1d0d;
  font-size: 0.85rem;
}

.lr_my_day__dialog_actions {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.9rem 1.25rem 1.1rem;
  border-top: 1px solid #e9ecef;
}
.lr_my_day__dialog_actions .btn_primary,
.lr_my_day__dialog_actions .btn_secondary {
  margin: 0;
}

.lr_my_day__prepare_facts {
  margin: 0;
}
.lr_my_day__prepare_facts > div {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  column-gap: 0.75rem;
  padding: 0.45rem 0;
  border-top: 1px solid #f8f9fa;
}
.lr_my_day__prepare_facts > div:first-child {
  border-top: 0;
  padding-top: 0;
}
.lr_my_day__prepare_facts dt {
  padding-top: 0.1rem;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #5a6475;
}
.lr_my_day__prepare_facts dd {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
  overflow-wrap: break-word;
}

.lr_my_day a:focus-visible,
.lr_my_day button:focus-visible,
.lr_my_day input:focus-visible,
.lr_my_day select:focus-visible,
.lr_my_day__overlay a:focus-visible,
.lr_my_day__overlay button:focus-visible,
.lr_my_day__overlay input:focus-visible,
.lr_my_day__overlay select:focus-visible {
  outline: 2px solid #333399;
  outline-offset: 2px;
}

.lr_my_day__brief a:focus-visible,
.lr_my_day__brief button:focus-visible,
.lr_my_day__section_header a:focus-visible,
.lr_my_day__dialog_phone a:focus-visible {
  outline-color: #ffffff;
}

@media (max-width: 639.98px) {
  .lr_my_day__brief {
    padding: 1rem 1.1rem 1.1rem;
  }
  .lr_my_day .btn_primary,
  .lr_my_day .btn_secondary,
  .lr_my_day__overlay .btn_primary,
  .lr_my_day__overlay .btn_secondary,
  .lr_my_day__brief .btn_primary,
  .lr_my_day__brief .btn_secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 30px;
    margin: 0;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
  }
  .lr_my_day__actions_primary {
    gap: 6px;
  }
  .lr_my_day__actions_primary .btn_primary,
  .lr_my_day__actions_primary .btn_secondary {
    flex: 1 1 auto;
  }
  .lr_my_day__actions_secondary {
    gap: 4px;
  }
  .lr_my_day__actions_secondary .btn_secondary {
    min-height: 26px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 600;
  }
  .lr_my_day__timeline_item {
    grid-template-columns: 3.25rem 0.875rem minmax(0, 1fr);
  }
  .lr_my_day__timeline_actions {
    grid-column: 3;
    justify-self: start;
    align-self: auto;
    margin-top: 0.4rem;
  }
  .lr_my_day__dialog_actions {
    gap: 6px;
  }
  .lr_my_day__pulse_metrics {
    flex-wrap: wrap;
    row-gap: 0.4rem;
  }
  .lr_my_day__metric {
    flex: 1 1 30%;
  }
  .lr_my_day__prepare_facts > div {
    grid-template-columns: 6.25rem minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lr_my_day *,
  .lr_my_day__overlay * {
    transition: none !important;
    animation: none !important;
  }
}
.lr_my_day__lot_header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}

.lr_my_day__lot_fold {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #ffffff;
  text-align: left;
  cursor: pointer;
}
.lr_my_day__lot_fold:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.8);
  outline-offset: 2px;
}
.lr_my_day__lot_fold .lr_my_day__section_title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lr_my_day__lot_chevron {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.85);
  transition: transform 0.15s ease;
}

.lr_my_day__lot.is_folded .lr_my_day__lot_chevron {
  transform: rotate(-90deg);
}

.lr_my_day__lot_pick.lr_filter_group {
  flex: none;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 6px;
}
.lr_my_day__lot_pick.lr_filter_group a {
  padding: 5px 14px 6px;
}

.lr_my_day__lot_open {
  flex: none;
  padding: 2px 4px;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.85);
}
.lr_my_day__lot_open:hover, .lr_my_day__lot_open:focus {
  color: #ffffff;
}

.lr_my_day__lot_body {
  padding: 0.75rem 0.9rem 0.85rem;
}

.lr_my_day__lot .lr_manage_kpi_row {
  gap: 8px;
}

.lr_my_day__lot .lr_kpi_tile {
  flex-direction: row;
  align-items: baseline;
  gap: 0.5rem;
  padding: 9px 10px 7px;
  border-radius: 6px;
  box-shadow: none;
}
.lr_my_day__lot .lr_kpi_tile::before {
  height: 3px;
}
.lr_my_day__lot .lr_kpi_tile .lr_kpi_value {
  font-size: 1.6rem;
}
.lr_my_day__lot .lr_kpi_tile .lr_kpi_label {
  font-size: 0.7rem;
}

.lr_my_day__lot_age {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 0.75rem;
  margin-top: 0.6rem;
}
.lr_my_day__lot_age .lr_age_bar {
  flex: 1 1 18rem;
  height: 22px;
  border-radius: 5px;
}
.lr_my_day__lot_age .lr_age_seg {
  font-size: 0.75rem;
}
.lr_my_day__lot_age .lr_age_risk {
  flex: none;
  padding: 3px 10px;
  font-size: 0.8rem;
  white-space: nowrap;
}
.lr_my_day__lot_age .lr_age_empty {
  flex: 1 1 auto;
  padding: 6px;
  font-size: 0.85rem;
}

.lr_my_day__lot_pad {
  padding: 0.75rem 0.9rem;
}

.lr_my_day__lot_insights .lr_insight_row {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
}

.lr_my_day__lot_insights .lr_insight_chip {
  gap: 10px;
  padding: 8px 10px;
}
.lr_my_day__lot_insights .lr_insight_chip > i {
  width: 1.75rem;
  font-size: 1.5rem;
  text-align: center;
}
.lr_my_day__lot_insights .lr_insight_chip .lr_insight_value {
  font-size: 1.2rem;
}

.lr_my_day__lot_group .lr_group_icon_strip {
  margin-bottom: 0.75rem;
}

.lr_account_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  margin: 0px 0px 16px 0px;
  padding: 4px 0px 0px 0px;
  background: #ffffff;
  border-bottom: 1px solid #d8d8d8;
  position: sticky;
  top: 52px;
  z-index: 90;
}

.lr_account_tabs li {
  list-style: none;
  margin: 0;
}

.lr_account_tabs li:has(button[data-tab=admin]) {
  margin-left: auto;
}

.lr_account_tabs li.lr_account_tab_admin:not(li.lr_account_tab_admin + li) {
  margin-left: auto;
}

.lr_account_tabs li.lr_account_tab_admin + li:has(button[data-tab=admin]) {
  margin-left: 0;
}

.lr_account_tabs li.lr_account_tab_admin button:not(.is_active) {
  background: #FFFFD5;
}

.lr_account_tabs button {
  appearance: none;
  cursor: pointer;
  font: inherit;
  display: block;
  background: #f3f3f3;
  border: 1px solid #d8d8d8;
  border-bottom: 0;
  border-radius: 4px 4px 0px 0px;
  color: #333333;
  padding: 9px 12px;
}

.lr_account_tabs button.is_active {
  background: #ffffff;
  color: #111111;
  font-weight: 700;
}

.lr_account_tabs button[data-tab=admin],
.lr_account_tabs button[data-tab=admin].is_active {
  background: #243b53;
  border-color: #243b53;
  color: #ffffff;
  font-weight: 700;
}

.lr_account_tabs button[data-tab=admin]:hover {
  background: #1b2f45;
  border-color: #1b2f45;
}

.lr_account_panel {
  display: none;
}

.lr_account_panel.is_active {
  display: block;
}

.lr_account_section {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  margin: 0px 0px 16px 0px;
  padding: 14px;
}

.lr_account_section h3 {
  margin: 0 0 0.75rem;
}

.lr_account_summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  margin: 12px 0px;
}

.lr_account_metric {
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 10px;
}

.lr_account_metric__label {
  color: #666666;
  font-size: 11px;
  text-transform: uppercase;
}

.lr_account_metric__value {
  color: #222222;
  font-size: 16px;
  font-weight: 700;
  margin-top: 4px;
}

.lr_account_field {
  margin-bottom: 1rem;
}

.lr_account_compact {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem 1rem;
  align-items: start;
}

.lr_account_compact > .lr_account_field,
.lr_account_compact > .lr_account_row {
  margin-bottom: 0;
  min-width: 0;
}

.lr_account_compact > .lr_account_row {
  flex-direction: column;
  align-items: stretch;
  padding: 0.35rem 0;
  border-bottom: none;
}

.lr_account_compact > .lr_account_row .lr_account_row__label,
.lr_account_compact > .lr_account_row .lr_account_row__control {
  flex: 0 0 auto;
  min-width: 0;
  width: 100%;
  padding-top: 0;
}

.lr_account_compact > .lr_account_field--wide,
.lr_account_compact > .lr_account_row--wide,
.lr_account_compact > .lr_account_compact__actions {
  grid-column: 1/-1;
}

.lr_account_compact > .lr_account_field--span2,
.lr_account_compact > .lr_account_row--span2 {
  grid-column: span 2;
}

.lr_account_compact .uber_form_textbox,
.lr_account_compact select.form_control,
.lr_account_compact input.form_control:not([type=radio]):not([type=checkbox]) {
  width: 100%;
  max-width: 100%;
}

.lr_account_compact textarea.form_control {
  width: 100%;
}

@media (max-width: 1200px) {
  .lr_account_compact {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .lr_account_compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .lr_account_compact {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_account_compact > .lr_account_field--span2,
  .lr_account_compact > .lr_account_row--span2,
  .lr_account_compact > .lr_account_field--wide,
  .lr_account_compact > .lr_account_row--wide {
    grid-column: auto;
  }
}
.lr_account_field__title {
  display: block;
  font-weight: 600;
  margin-bottom: 0.4rem;
}

.lr_account_field .text_muted {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.9rem;
}

.lr_account_radios {
  margin-bottom: 0;
}

.lr_account_radios .form-button-radio__button {
  text-transform: none;
  min-width: 0;
  white-space: nowrap;
}

.lr_account_row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-start;
  padding: 0.85rem 0;
  border-bottom: 1px solid #eceff1;
}

.lr_account_row--stack {
  flex-direction: column;
  align-items: stretch;
}

.lr_account_bos_attachments {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.lr_account_bos_attachments .lr_account_row {
  min-width: 0;
  border-bottom: 0;
}

.lr_account_bos_attachments .lr_account_row__control {
  min-width: 0;
}

.lr_account_bos_attachments .btn_secondary {
  align-self: flex-start;
}

.lr_account_row--stack .lr_account_row__label {
  flex: 0 0 auto;
  min-width: 0;
  padding-top: 0;
}

.lr_account_row--stack .lr_account_row__control {
  flex: 1 1 auto;
  width: 100%;
}

.lr_account_row:last-child {
  border-bottom: none;
}

.lr_account_row__label {
  flex: 1 1 12rem;
  min-width: 10rem;
  padding-top: 0.35rem;
}

.lr_account_row__control {
  flex: 2 1 18rem;
  min-width: 14rem;
}

.lr_account_field.is_saving,
.lr_account_row.is_saving {
  opacity: 0.65;
}

.lr_account_field.is_saving .form-button-radio__button,
.lr_account_row.is_saving .form-button-radio__button {
  cursor: wait;
}

.lr_account_section--card_grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.lr_account_section--card_grid h3,
.lr_account_section--card_grid .lr_account_empty {
  grid-column: 1/-1;
  margin: 0;
}

.lr_account_addon_head {
  align-items: center;
  display: flex;
  gap: 1rem;
  grid-column: 1/-1;
  justify-content: space-between;
}

.lr_account_addon_search {
  flex: 0 1 24rem;
  min-width: 16rem;
}

.lr_account_addon_search__field {
  position: relative;
}

.lr_account_addon_search__field input.uber_form_textbox {
  margin: 0;
  padding-left: 2.4rem;
  padding-right: 2.5rem;
  width: 100%;
}

.lr_account_addon_search__icon,
.lr_account_addon_search__clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.lr_account_addon_search__icon {
  color: #66727d;
  left: 0.8rem;
  pointer-events: none;
}

.lr_account_addon_search__clear {
  background: none;
  border: 0;
  border-radius: 50%;
  color: #66727d;
  cursor: pointer;
  line-height: 1;
  padding: 0.25rem;
  right: 0.55rem;
}

.lr_account_addon_search__clear:hover,
.lr_account_addon_search__clear:focus {
  color: #c62828;
}

.lr_account_addon_layout {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(11rem, 20%) minmax(0, 1fr);
}

.lr_account_addon_menu {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
}

.lr_account_addon_menu button {
  align-items: flex-start;
  appearance: none;
  background: #f7f7f7;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  color: #222222;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font: inherit;
  font-size: 0.8rem;
  justify-content: center;
  min-height: 60px;
  padding: 9px 8px;
  text-align: left;
  width: 100%;
}

.lr_account_addon_menu button:last-child {
  border-bottom: 0;
}

.lr_account_addon_menu button:hover {
  background: #fffbdc;
}

.lr_account_addon_menu button.is_active {
  background: #ffffff;
  border-left: 4px solid #333333;
  font-weight: 700;
  padding-left: 6px;
}

.lr_account_addon_menu small {
  color: #666666;
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  margin-top: 2px;
}

.lr_account_addon_panels {
  min-width: 0;
}

.lr_account_addon_panel {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  display: none;
  overflow: hidden;
}

.lr_account_addon_panel.is_active {
  display: block;
}

.lr_account_addon_panel h4 {
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0.9rem;
  font-weight: 700;
  margin: 0;
  padding: 9px 10px;
}

.lr_account_addon_card {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(10rem, 0.8fr) minmax(18rem, 2fr);
  padding: 9px 10px;
}

.lr_account_addon_card:nth-child(even) {
  background: #f1f1f1;
}

.lr_account_addon_card.lr_account_addon_card--setting {
  grid-template-columns: minmax(0, 1fr) auto;
}

.lr_account_addon_card + .lr_account_addon_card {
  border-top: 1px solid #e5e5e5;
}

.lr_account_addon_card .lr_account_row__label,
.lr_account_addon_card .lr_account_row__control {
  min-width: 0;
  padding: 0;
  width: auto;
}

.lr_account_addon_card .form-button-radio {
  margin-bottom: 0;
  row-gap: 3px;
}

.lr_account_addon_card .form-button-radio__button {
  font-size: 0.75rem;
  min-width: 2.4rem;
  padding: 0.42rem 0.6rem;
}

.lr_account_addon_card.is_saving {
  opacity: 0.65;
}

.lr_account_addon_card.is_saving .form-button-radio__button {
  cursor: wait;
}

.lr_account_section--card_grid .lr_account_row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: 1fr auto;
  gap: 8px 10px;
  margin: 0;
  padding: 10px 12px;
  background: #fbfbfb;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}

.lr_account_section--card_grid .lr_account_row__label {
  grid-column: 1/-1;
  min-width: 0;
  padding-top: 0;
}

.lr_account_section--card_grid .lr_account_row__label .text_muted {
  font-size: 0.85rem;
  line-height: 1.35;
  margin-top: 2px;
}

.lr_account_section--card_grid .lr_account_row__control {
  align-self: center;
  min-width: 0;
  width: auto;
  max-width: 100%;
}

.lr_account_section--card_grid .setting-int,
.lr_account_section--card_grid .setting-text {
  max-width: 10rem;
}

.lr_account_section--card_grid .lr_account_row--autosave .lr_account_row__control {
  grid-column: 1/-1;
}

.lr_account_section--card_grid .lr_account_row--wide {
  grid-column: 1/-1;
}

.lr_account_section--card_grid .lr_account_row--wide .form-button-radio {
  max-width: 100%;
  width: max-content;
}

.lr_account_section--card_grid .lr_account_row > .btn_secondary {
  align-self: center;
  justify-self: end;
  white-space: nowrap;
}

.lr_account_section--card_grid .form-button-radio {
  margin-bottom: 0;
  row-gap: 3px;
}

.lr_account_section--card_grid .form-button-radio__button {
  font-size: 0.75rem;
  min-width: 2.4rem;
  padding: 0.42rem 0.6rem;
}

@media (max-width: 1100px) {
  .lr_account_section--card_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lr_account_addon_card {
    grid-template-columns: minmax(10rem, 0.7fr) minmax(14rem, 2fr);
  }
}
@media (max-width: 800px) {
  .lr_account_addon_layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_account_addon_menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lr_account_addon_menu button:nth-last-child(2) {
    border-bottom: 0;
  }
  .lr_account_addon_card {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 680px) {
  .lr_account_section--card_grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_account_addon_head {
    align-items: stretch;
    flex-direction: column;
  }
  .lr_account_addon_search {
    flex: 1 1 auto;
    min-width: 0;
    width: 100%;
  }
}
@media (max-width: 460px) {
  .lr_account_addon_card.lr_account_addon_card--setting {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_account_addon_menu {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_account_addon_menu button {
    border-bottom: 1px solid #e5e5e5;
  }
  .lr_account_addon_menu button:last-child {
    border-bottom: 0;
  }
}
.lr_account_table {
  width: 100%;
  border-collapse: collapse;
}

.lr_account_table th,
.lr_account_table td {
  border-bottom: 1px solid #eceff1;
  padding: 0.5rem 0.4rem;
  text-align: left;
  vertical-align: top;
}

.lr_account_empty {
  color: #5f6368;
  font-style: italic;
}

.lr_account_admin_subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 0 1rem;
}

.lr_account_admin_subtab {
  appearance: none;
  border: 1px solid #d8d8d8;
  background: #f3f3f3;
  border-radius: 4px;
  cursor: pointer;
  font: inherit;
  padding: 0.45rem 0.85rem;
  color: #333;
}

.lr_account_admin_subtab.is_active {
  background: #243b53;
  border-color: #243b53;
  color: #fff;
  font-weight: 700;
}

.lr_account_admin_subpanel {
  display: none;
}

.lr_account_admin_subpanel.is_active {
  display: block;
}

.lr_account_admin_section_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.lr_account_admin_muted {
  color: #5f6368;
  font-size: 0.9rem;
}

.lr_account_admin_summary {
  margin: 0.75rem 0;
}

.lr_account_admin_summary_bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.lr_account_admin_pill {
  display: inline-block;
  background: #eef2f6;
  border-radius: 999px;
  padding: 0.25rem 0.65rem;
  font-size: 0.85rem;
}

.lr_account_admin_pill--warn {
  background: #fff4e5;
  color: #8a4b00;
}

.lr_account_admin_sms_import {
  margin: 0.75rem 0 1.25rem 0;
}

.lr_account_admin_sms_import h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
}

.lr_account_admin_sms_dropzone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 0.5rem;
  padding: 1.25rem 1rem;
  border: 2px dashed #ced4da;
  border-radius: 12px;
  background: #f8f9fa;
  color: #495057;
  text-align: center;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.lr_account_admin_sms_dropzone .fa-file-csv {
  font-size: 1.25rem;
  color: #6c757d;
}

.lr_account_admin_sms_dropzone.is_dragover {
  border-color: #333399;
  background: #fffec3;
}

.lr_account_admin_sms_dropzone.is_busy {
  opacity: 0.6;
  pointer-events: none;
}

.lr_account_admin_sms_import_result {
  margin-top: 0.75rem;
}

.lr_account_admin_sms_import_result .lr_account_admin_summary_bar {
  margin-bottom: 0.5rem;
}

.lr_account_admin_sms_import_file {
  margin: 0 0 0.5rem 0;
}

.lr_account_admin_sms_import_table td {
  vertical-align: top;
}

.lr_account_admin_sms_import_badge {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  background: #e9ecef;
  color: #343a40;
}

.lr_account_admin_sms_import_badge--new {
  background: #92EE92;
}

.lr_account_admin_sms_import_badge--updated {
  background: #fffec3;
}

.lr_account_admin_sms_import_badge--invalid {
  background: #fff;
  border: 1px solid #b00020;
  color: #b00020;
}

.lr_account_admin_sms_import_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.lr_account_admin_filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  margin-top: 0.35rem;
}

.lr_account_admin_table_wrap {
  overflow: auto;
  max-width: 100%;
}

.lr_account_admin_matrix_wrap {
  max-height: none;
  overflow-y: visible;
}

.lr_account_admin_matrix th,
.lr_account_admin_matrix td {
  padding: 0.35rem;
  white-space: nowrap;
}

.lr_account_admin_matrix thead {
  position: relative;
  z-index: 1;
}

.lr_account_admin_matrix thead th {
  background: #fff;
  box-shadow: inset 0 -1px #dee2e6;
  font-size: 0.75rem;
}

.lr_account_admin_matrix thead th:not(:first-child),
.lr_account_admin_matrix td {
  text-align: center;
}

.lr_account_admin_matrix .lr_account_admin_dealer_link {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}

.lr_account_admin_dealer_id {
  flex: 0 0 7ch;
  font-variant-numeric: tabular-nums;
}

.lr_account_admin_sort {
  appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0;
  text-align: left;
}

.lr_account_admin_dealer_link {
  appearance: none;
  background: transparent;
  border: 0;
  color: #333399;
  cursor: pointer;
  font: inherit;
  padding: 0;
  text-align: left;
}

.lr_account_admin_dealer_link:hover {
  text-decoration: underline;
}

.lr_account_admin_dealer_name {
  display: block;
  font-weight: 700;
}

.lr_account_admin_bubble {
  appearance: none;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 2.75rem;
  padding: 0.25rem 0.55rem;
}

.lr_account_admin_bubble.is_enabled {
  background: #007531;
  color: #fff;
}

.lr_account_admin_bubble.is_disabled {
  background: #dadce0;
  color: #3c4043;
}

.lr_account_admin_sms_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.lr_account_admin_table input.lr_account_admin_sms_dealer {
  margin-top: 0.4rem;
  width: 100%;
  min-width: 16rem;
  max-width: 22rem;
  font-size: 0.875rem;
}

.lr_account_admin_table input.lr_account_admin_sms_dealer:first-child {
  margin-top: 0;
}

.lr_account_admin_table .lr_account_admin_sms_state_col {
  width: 2rem;
  padding-right: 0;
  text-align: center;
}

.lr_account_admin_sms_dealer_id {
  font-weight: 400;
  color: #6c757d;
}

.lr_account_admin_table .lr_account_admin_sms_caps,
.lr_account_admin_table .lr_account_admin_sms_updated {
  font-size: 0.75rem;
}

.lr_account_admin_table .lr_account_radios {
  flex-wrap: nowrap;
}

.lr_account_admin_sms_state {
  font-size: 1.25rem;
  color: #B7B7B7;
}

.lr_account_admin_sms_state.is_assigned {
  color: #007531;
}

.lr_account_ai_schedule_status {
  background: #f5f6fa;
  border-left: 4px solid #333399;
  margin-bottom: 0.75rem;
  padding: 0.75rem 1rem;
}

.lr_account_ai_schedule_status.is_auto {
  border-left-color: #007531;
}

.lr_account_ai_schedule_status small {
  display: block;
  margin-top: 0.35rem;
  opacity: 0.85;
}

.lr_account_ai_schedule_warning {
  color: #f04124;
  font-weight: 600;
  margin: 0 0 0.75rem;
}

.lr_account_ai_schedule_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.lr_account_ai_schedule_meta {
  color: #555;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.lr_account_table_wrap {
  overflow-x: auto;
}

.lr_api_clients {
  margin-top: 14px;
}
.lr_api_clients .lr_item_table td {
  vertical-align: middle;
}
.lr_api_clients .lr_item_table tr.is_revoked td {
  color: #8C8C8C;
}

.lr_api_status.is_active {
  background-color: #1a8a3f;
}

.lr_api_status.is_revoked {
  background-color: #9E9E9E;
}

.lr_api_key_tail {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.85rem;
  font-weight: 400;
  color: #333399;
  background-color: rgba(51, 51, 153, 0.08);
  border-radius: 4px;
  padding: 2px 6px;
}

.lr_api_usage {
  font-variant-numeric: tabular-nums;
}

.lr_api_actions {
  text-align: right;
}

.lr_api_row_btn {
  font-size: 0.75rem;
  padding: 3px 10px;
  margin: 0 0 0 4px;
  background-color: #FFFFFF;
  border: 1px solid #C8C8C8;
}
.lr_api_row_btn:hover {
  background-color: #F0F0F8;
  border-color: #333399;
}
.lr_api_row_btn.is_danger {
  color: #c62828;
}
.lr_api_row_btn.is_danger:hover {
  background-color: #FDECEA;
  border-color: #c62828;
}

.lr_account_ai_schedule_table th,
.lr_account_ai_schedule_table td {
  vertical-align: middle;
}

.lr_account_error_text {
  color: #f04124;
}

.lr_account_embed_editor td {
  vertical-align: top;
}

.lr_account_hint {
  color: #555555;
  margin: 0 0 0.75rem;
}

.lr_api_key_reveal {
  background: #fff8e6;
  border: 1px solid #e6d48a;
  margin: 0 0 1rem;
  padding: 0.75rem 1rem;
}

.lr_api_key_reveal code {
  display: block;
  font-size: 1rem;
  margin: 0.5rem 0;
  word-break: break-all;
}

.lr_api_key_reveal_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.lr_api_key_reveal_row .lr_copy_group {
  flex: 1 1 28rem;
  min-width: 0;
}
.lr_api_key_reveal_row .lr_copy_group code {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 2.75rem;
  margin: 0;
  padding: 4px 12px;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95rem;
  color: #333399;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-right: 0;
  border-radius: 6px 0 0 6px;
}
.lr_api_key_reveal_row .lr_copy_group button {
  height: auto;
  min-height: 2.75rem;
}

.lr_api_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px 16px;
  margin: 0 0 4px 0;
}

.lr_api_toolbar_language {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 !important;
}
.lr_api_toolbar_language select.uber_form_dropdown {
  width: 14rem;
  margin: 0;
}

.lr_api_toolbar_buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.lr_api_toolbar_buttons button {
  height: 2.75rem;
  margin: 0;
  padding: 0 18px;
}

.lr_api_key_copy {
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  background: none;
  border: 0;
  color: #333399;
  font: inherit;
  cursor: pointer;
}
.lr_api_key_copy i {
  font-size: 0.8rem;
  opacity: 0.55;
}
.lr_api_key_copy:hover .lr_api_key_tail {
  background-color: rgba(51, 51, 153, 0.18);
}
.lr_api_key_copy:hover i {
  opacity: 1;
}
.lr_api_key_copy:focus-visible {
  outline: 2px solid #333399;
  outline-offset: 2px;
  border-radius: 4px;
}

.lr_api_field_groups {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-bottom: 1rem;
}

.lr_api_field_group {
  border: 1px solid #d8d8d8;
  margin: 0;
  padding: 0.5rem 0.75rem 0.75rem;
}

.lr_api_field_group legend {
  font-weight: 700;
  padding: 0 0.25rem;
}

.lr_api_field_group label {
  display: block;
  font-size: 0.9rem;
  margin: 0.2rem 0;
}

.lr_company_tabs,
.lr_staff_tabs,
.lr_admin_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  list-style: none;
  margin: 14px 0px 20px 0px;
  padding: 0;
}

.lr_company_tabs li,
.lr_staff_tabs li,
.lr_admin_tabs li {
  list-style: none;
  margin: 0;
}

.lr_company_tabs button,
.lr_staff_tabs button,
.lr_admin_tabs a {
  appearance: none;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 700;
  color: #333399;
  background: #efefef;
  border: 0;
  border-radius: 0;
  padding: 8px 16px;
}

.lr_company_tabs button:hover,
.lr_staff_tabs button:hover,
.lr_admin_tabs a:hover {
  background: #e2e2e2;
}

.lr_company_tabs button.is_active,
.lr_staff_tabs button.is_active,
.lr_admin_tabs a.is_active {
  background: #333399;
  color: #ffffff;
}

.lr_company_tabs button.is_pending {
  color: #9a9a9a;
  cursor: not-allowed;
}

.lr_company_panel {
  display: none;
}

.lr_company_panel.is_active {
  display: block;
}

.lr_company label {
  display: block;
  margin: 0px 0px 4px 0px;
}

.lr_company .form_control,
.lr_company .form_select,
.lr_company textarea.form_control {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0px 0px 16px 0px;
}

.lr_company_field_action {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0px 0px 16px 0px;
}
.lr_company_field_action .form_select,
.lr_company_field_action .form_control {
  flex: 1 1 12rem;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin-bottom: 0;
}
.lr_company_field_action .lr_btn_add_staff,
.lr_company_field_action .btn_primary {
  flex: 0 0 auto;
}

.lr_company hr {
  border: 0;
  border-top: 1px solid #dddddd;
  margin: 4px 0px 20px 0px;
}

.lr_label_hint {
  font-size: 0.75rem;
  font-weight: 400;
  color: #808080;
  text-transform: uppercase;
}

.lr_company .form_control:disabled,
.lr_company .form_control[readonly] {
  background: #f2f2f2;
  color: #6a6a6a;
  cursor: not-allowed;
}

.lr_prefix_group {
  display: flex;
  align-items: stretch;
}

.lr_prefix_group .lr_prefix {
  display: flex;
  align-items: center;
  height: 2.75rem;
  padding: 0px 12px;
  background: #f2f2f2;
  border: 1px solid #cccccc;
  border-right: 0;
  border-radius: 6px 0px 0px 6px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
  white-space: nowrap;
}

.lr_prefix_group .form_control {
  border-radius: 0px 6px 6px 0px;
  flex: 1 1 auto;
}

.lr_copy_group {
  display: flex;
  align-items: stretch;
}

.lr_copy_group .form_control {
  border-radius: 6px 0px 0px 6px;
  flex: 1 1 auto;
  margin: 0;
}

.lr_copy_group button {
  cursor: pointer;
  height: 2.75rem;
  padding: 0px 14px;
  background: #333399;
  color: #ffffff;
  border: 1px solid #333399;
  border-radius: 0px 6px 6px 0px;
  font-size: 1rem;
}

.lr_copy_group button:hover {
  background: #22226b;
}

.lr_company_actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  margin: 8px 0px 0px 0px;
}
.lr_company_actions .btn_primary {
  font-size: 0.8125rem;
  padding: 14px 28px 15px 28px;
  border-radius: 6px;
}

.lr_btn_tiny {
  display: inline-block;
  appearance: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #FFFFFF;
  padding: 10px 20px 11px 20px;
  border-radius: 6px;
  text-decoration: none;
  text-align: center;
}

.lr_btn_tiny_navy {
  background-color: #333399;
}
.lr_btn_tiny_navy:hover {
  background-color: #22226b;
  color: #FFFFFF;
}

.lr_btn_tiny_green {
  background-color: #007531;
}
.lr_btn_tiny_green:hover {
  background-color: #005A25;
  color: #FFFFFF;
}

.lr_btn_tiny_red {
  background-color: #f04124;
}
.lr_btn_tiny_red:hover {
  background-color: #C22F1B;
  color: #FFFFFF;
}

.lr_btn_tiny_dark {
  background-color: #222222;
}
.lr_btn_tiny_dark:hover {
  background-color: #444444;
  color: #FFFFFF;
}

.lr_company .lr_btn_add_staff {
  display: inline-block;
  font-size: 0.8125rem;
  white-space: nowrap;
  padding: 12px 16px;
  border-radius: 6px;
  text-align: center;
}

.lr_website_open {
  display: flex;
  align-items: center;
  color: #333399;
  margin: 0px 0px 16px 10px;
}
.lr_website_open:hover {
  color: #22226b;
}

.lr_website_open.is_disabled {
  color: #BBBBBB;
  cursor: not-allowed;
}

.lr_company_cookie_tools {
  text-align: right;
}

.lr_company_cookie_readout {
  white-space: pre-line;
  word-break: break-all;
  text-align: left;
  font-size: 0.75rem;
  color: #4D4D4D;
  margin: 8px 0px 0px 0px;
  max-height: 140px;
  overflow: auto;
}

.lr_company_anniversary {
  display: inline-block;
  font-style: italic;
  font-weight: 700;
  color: #007531;
  margin: 0px 0px 16px 0px;
}

.lr_company textarea.form_control {
  min-height: 8rem;
  resize: vertical;
}

.lr_company_dept {
  margin: 0px 0px 8px 0px;
}

.lr_company_dept_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0px 0px 12px 0px;
}

.lr_company_dept_head .form_large_heading {
  float: none;
  margin: 0;
}

.lr_company_dept_head .radio_toolbar {
  margin-left: auto;
}

.lr_company_map {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}
@media (min-width: 64em) {
  .lr_company_map {
    grid-template-columns: minmax(240px, 1fr) minmax(0, 3fr);
  }
}

.lr_company_map_embed iframe {
  width: 100%;
  min-height: 420px;
  border: 0;
}

.lr_company_map_address {
  margin: 16px 0px 0px 0px;
}

.lr_company_map_address .icon_page_heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333333;
}

.lr_company_map_address .icon_page_subheading {
  font-size: 1rem;
  color: #4d4d4d;
  margin: 0px 0px 8px 0px;
}

.lr_company .radio_toolbar_small {
  margin: 0px 0px 16px 0px;
}

.lr_company_admin_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin: 0px 0px 10px 0px;
}

.lr_company_partner_assign {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.lr_company_admin_bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  width: fit-content;
}

.lr_company_assign_modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}

.lr_company_assign_modal[hidden] {
  display: none;
}

.lr_company_assign_card {
  width: 90%;
  max-width: 28rem;
  padding: 0px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}
.lr_company_assign_card label {
  display: block;
  margin: 12px 0px 4px 0px;
}

.lr_company_assign_body {
  padding: 20px 24px 0px 24px;
}

.lr_company_assign_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px;
  padding: 16px 24px 24px 24px;
}

.lr_company_admin_tools {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  width: fit-content;
  margin-left: auto;
  padding: 5px 12px;
}

.lr_company_admin_icon {
  color: #333399;
  font-size: 1.5rem;
}

.lr_company_admin_icon:hover {
  color: #22226b;
}

.lr_company_admin_flags {
  margin: 0px 0px 16px 0px;
  padding: 4px 10px 0px 10px;
}

.lr_company_flag {
  display: inline-block;
  vertical-align: top;
  margin: 0px 24px 6px 0px;
}

.lr_company_flag > label {
  display: block;
  font-weight: 700;
  margin: 0px 0px 2px 0px;
}

.lr_company_demo {
  background: #fff8e6;
  border: 1px solid #e0c36c;
  border-radius: 8px;
  padding: 20px;
  margin: 0px 0px 20px 0px;
}

.lr_company_demo h5 {
  margin: 0px 0px 8px 0px;
}

.lr_company_demo_results {
  max-height: 160px;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #dddddd;
  margin: 0px 0px 12px 0px;
}

.lr_company_demo_hit {
  display: block;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #eeeeee;
  padding: 8px 10px;
  cursor: pointer;
}

.lr_company_demo_hit:hover {
  background: #f5f5f5;
}

.lr_company_demo_selected,
.lr_company_demo_status {
  font-weight: 700;
  margin: 8px 0px 0px 0px;
}

.lr_company_demo_wipe {
  background: #7a1010;
  color: #ffffff;
  border-color: #7a1010;
}

.lr_company_demo_report {
  max-height: 220px;
  overflow: auto;
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 8px;
  margin: 8px 0px 0px 0px;
}

.lr_company_delete {
  appearance: none;
  cursor: pointer;
  color: #222222;
  font-size: 1rem;
  line-height: 1;
  margin: 16px 0px 0px 0px;
  padding: 8px 10px;
  width: fit-content;
}
.lr_company_delete:hover {
  color: #f04124;
}

.lr_company_head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin: 0px 0px 8px 0px;
}
.lr_company_head .lr_page_toolbar {
  margin: 0;
}
.lr_company_head .lr_company_admin_row {
  margin: 0;
  margin-left: auto;
}
.lr_company_head .lr_company_admin_row > .admin_only {
  margin: 0;
}
.lr_company_head .lr_company_admin_tools {
  margin-left: 0;
}

.lr_company_head ~ .lr_company_tabs {
  margin: 0px 0px 14px 0px;
}

.lr_company_head {
  gap: 6px 10px;
}
.lr_company_head .lr_company_admin_row {
  gap: 6px;
}
.lr_company_head .lr_company_admin_tools {
  padding: 5px 8px;
  gap: 10px;
}

.lr_pricing {
  max-width: 1200px;
}
.lr_pricing .form_large_heading {
  float: none;
  display: block;
  white-space: normal;
}

.lr_pricing_h3 {
  color: #333399;
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0px 0px 10px 0px;
}

.lr_pricing_domain_heading {
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 20px 0px 6px 0px;
}

.lr_pricing_note {
  margin: 0px 0px 20px 20px;
  font-size: 0.875rem;
  color: #333333;
}
.lr_pricing_note li {
  margin: 2px 0px;
}

.lr_pricing_cols {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
  align-items: start;
}
@media (min-width: 40em) {
  .lr_pricing_cols.has_new {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 64em) {
  .lr_pricing_cols:not(.has_new) .lr_pricing_callout {
    max-width: 640px;
  }
}

.lr_pricing_callout {
  background-color: #f2f2f2;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  padding: 16px 20px;
  margin-bottom: 20px;
}

@media (min-width: 64em) {
  .lr_pricing_half {
    max-width: 640px;
  }
}

.lr_pricing_panel {
  background-color: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0px 0px 16px 0px;
}

.lr_pricing_panel_inner {
  background-color: #f7f7f7;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 10px 12px;
  margin-top: 12px;
}

.lr_pricing_subheading {
  font-size: 1.625rem;
  font-weight: 900;
  color: #222222;
  line-height: 1.2;
  margin: 0px 0px 12px 0px;
}
.lr_pricing_subheading span {
  font-size: 1rem;
  font-weight: 700;
}

.lr_pricing_field {
  margin: 10px 0px;
}
.lr_pricing_field .textbox_label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #4d4d4d;
  margin: 0px 0px 4px 0px;
}

.lr_pricing_norates {
  font-size: 0.875rem;
  font-weight: 700;
  color: #4d4d4d;
  margin: 6px 0px;
}

.lr_price_example {
  position: relative;
  display: inline-block;
  margin: 4px 0px 10px 0px;
}

.lr_price_amount {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.125rem;
}

.lr_price_slash {
  position: absolute;
  top: 50%;
  left: -8px;
  right: -8px;
  height: 0px;
  border-top: #CC0000 4px solid;
  transform: rotate(-15deg);
  z-index: 10;
}

.lr_money_wrap.lr_pricing_money {
  max-width: 10rem;
}

.lr_social_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  border-bottom: 1px solid #dadce0;
}

.lr_social_tabs button {
  appearance: none;
  border: 1px solid transparent;
  border-bottom: none;
  background: transparent;
  color: #3c4043;
  cursor: pointer;
  font: inherit;
  padding: 0.55rem 0.85rem;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
}

.lr_social_tabs button.is_active {
  background: #ffffff;
  border-color: #dadce0;
  color: #111111;
  font-weight: 700;
}

.lr_social_panel {
  display: none;
  padding: 1rem 0 1.5rem;
}

.lr_social_panel.is_active {
  display: block;
}

.lr_social_card {
  border: 1px solid #dadce0;
  border-radius: 4px;
  padding: 0.85rem 1rem 1rem;
  margin-bottom: 1rem;
  background: #ffffff;
  min-height: 12rem;
}

.lr_social_card__head {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.65rem;
}

.lr_social_card__head h3 {
  margin: 0;
  font-size: 1.15rem;
}

.lr_social_icon {
  font-size: 1.75rem;
  color: #333399;
}

.lr_social_icon--off {
  opacity: 0.35;
  filter: grayscale(1);
}

.lr_social_label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.lr_social_toggle {
  margin-top: 0.85rem;
  padding-top: 0.75rem;
  border-top: 1px solid #eceff1;
}

.lr_social_toggle--soon {
  opacity: 0.75;
}

.lr_social_radios {
  margin: 0.35rem 0 0;
}

.lr_social_radios .form-button-radio__button {
  text-transform: none;
  min-width: 0;
}

.lr_social_test_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid #eceff1;
}

.lr_social_empty {
  color: #5f6368;
  font-style: italic;
}

.lr_holiday_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  border-bottom: 1px solid #dadce0;
}

.lr_holiday_tabs button {
  appearance: none;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  background: #f3f3f3;
  color: #333333;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0.55rem 1rem;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
}

.lr_holiday_tabs button.is_active {
  background: #333399;
  border-color: #333399;
  color: #ffffff;
  font-weight: 700;
}

.lr_holiday_toolbar {
  margin: 1rem 0 0.5rem;
  text-align: right;
}

.lr_holiday_toolbar .btn_primary {
  background-color: #007531;
  border-color: #007531;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
}
.lr_holiday_toolbar .btn_primary:hover {
  background-color: #005a25;
  border-color: #005a25;
}

.lr_holiday h2.form_large_heading {
  float: none;
  display: block;
  font-size: 1.6875rem;
  line-height: 1.2;
  margin: 12px 0 4px;
}

.overview-calendar-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin: 0.75rem 0;
  font-size: 0.85rem;
  color: #3c4043;
}

.overview-calendar-legend__swatch {
  display: inline-block;
  width: 0.85rem;
  height: 0.85rem;
  border-radius: 2px;
  margin-right: 0.3rem;
  vertical-align: middle;
}

.overview-calendar-legend__swatch--stat {
  background: #339;
}

.overview-calendar-legend__swatch--closed {
  background: #585b5d;
}

.overview-calendar-strip {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0 0 1.5rem;
}

.overview-calendar-strip__month {
  flex: 1 1 0;
  min-width: 14rem;
}

.lr_overview_cal {
  background: #efefef;
  border: 1px solid #8e8e8e;
  padding: 0.25rem;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.lr_overview_cal__header {
  background: #c9c9c9;
  border: 1px solid #aaa;
  border-radius: 0.25rem;
  color: #222;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.35rem 0.75rem;
  text-align: center;
}

.lr_overview_cal__title {
  line-height: 1.25;
}

.lr_overview_cal__table {
  background: #f9f9f9;
  border-collapse: collapse;
  font-size: 0.82rem;
  margin: 0.35rem 0 0;
  width: 100%;
}

.lr_overview_cal__table th {
  background: #fff;
  border: 0;
  color: #000;
  font-weight: 700;
  padding: 0.35rem 0.2rem;
  text-align: center;
}

.lr_overview_cal__table td {
  border: 1px solid #c8c8c8;
  padding: 0;
}

.lr_overview_cal__table td span {
  background: #f5f5f5;
  color: #555;
  cursor: default;
  display: block;
  padding: 0.25rem 0.35rem;
  text-align: right;
}

.lr_overview_cal__table td.lr_overview_cal__other span {
  background: #e8e8e8;
  color: #999;
}

.lr_overview_cal__table td span.is_today {
  background: #fffccf !important;
  color: #000;
  font-weight: 700;
}

.cal-day--stat span {
  background: #339 !important;
  color: #ff0 !important;
  font-weight: 700 !important;
}

.cal-day--closed span {
  background: #585b5d !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.lr_holiday_section_title {
  margin: 1.5rem 0 0.75rem;
  font-size: 1.6875rem;
  font-weight: 700;
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
}

.lr_holiday_year_badge {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  padding: 4px 10px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  background-color: #333399;
  border-radius: 12px;
}

.lr_holiday_label {
  display: block;
  font-weight: 600;
  margin: 0.85rem 0 0.3rem;
}

.lr_holiday_empty {
  color: #5f6368;
  margin: 0.5rem 0 1rem;
}

.lr_holiday_card {
  border: 0;
  border-left: 4px solid #f04124;
  border-radius: 10px;
  padding: 1rem 1.15rem 1.1rem;
  margin-bottom: 1rem;
  background: #f2f2f2;
  min-height: 10rem;
}

.lr_holiday_card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
}

.lr_holiday_card__head h4 {
  margin: 0;
  font-size: 1.05rem;
}

.lr_holiday_badge {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #333399;
  background: #e6e6f5;
  padding: 0.15rem 0.4rem;
  border-radius: 3px;
  white-space: nowrap;
}

.lr_holiday_dates,
.lr_holiday_status_line,
.lr_holiday_banner_flag {
  margin: 0.25rem 0;
  color: #3c4043;
}

.lr_holiday_notes {
  margin: 0.25rem 0;
  font-size: 0.875rem;
  color: #5a6475;
  line-height: 1.35;
}
.lr_holiday_notes i {
  margin-right: 4px;
}

.lr_holiday_banner_flag {
  color: #007531;
  font-size: 0.9rem;
  font-weight: 700;
}

.lr_holiday_chip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  width: 100%;
  text-align: left;
  border: 1px dashed #dadce0;
  border-radius: 4px;
  background: #fafafa;
  padding: 0.75rem 0.9rem;
  margin-bottom: 0.75rem;
  cursor: pointer;
  font: inherit;
}

.lr_holiday_chip:hover:not([disabled]) {
  border-color: #333399;
  background: #e6e6f5;
}

.lr_holiday_chip--set,
.lr_holiday_chip[disabled] {
  opacity: 0.65;
  cursor: default;
  border-style: solid;
}

.lr_holiday_chip span {
  color: #5f6368;
  font-size: 0.9rem;
}

.lr_holiday_radios {
  margin-bottom: 0.5rem;
}

.lr_holiday_notice {
  margin: 0 0 0.75rem;
  color: #333399;
  font-weight: 700;
  font-size: 0.95rem;
}

.lr_holiday_modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1rem;
  overflow: auto;
}

.lr_holiday_modal.nix_display {
  display: none;
}

.lr_holiday_modal__backdrop {
  position: fixed;
  inset: 0;
  background: rgba(32, 33, 36, 0.45);
}

.lr_holiday_modal__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 36rem;
  max-height: calc(100vh - 4rem);
  background: #ffffff;
  border-radius: 6px;
  padding: 0px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
}

.lr_holiday_modal__body {
  flex: 1 1 auto;
  min-height: 0px;
  overflow: auto;
  padding: 1.25rem 1.35rem 1.25rem;
}

.lr_holiday_modal__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
  padding: 0px 1.35rem 1.25rem;
}

.lr_event_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  border-bottom: 1px solid #d8d8d8;
}

.lr_event_tabs button {
  appearance: none;
  border: 1px solid #d8d8d8;
  border-bottom: none;
  background: #f3f3f3;
  color: #333333;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: 0.55rem 1rem;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
}

.lr_event_tabs button.is_active {
  background: #333399;
  border-color: #333399;
  color: #ffffff;
  font-weight: 700;
}

.lr_event .form_large_heading {
  float: none;
  clear: both;
  display: block;
  font-size: 27px;
  margin: 1rem 0 0.75rem;
}

.lr_event_toolbar {
  margin: 1rem 0 0.5rem;
  text-align: right;
}

.lr_event_toolbar .btn_primary {
  background-color: #007531;
  border-color: #007531;
  font-weight: 700;
  padding: 0.75rem 1.75rem;
}
.lr_event_toolbar .btn_primary:hover {
  background-color: #005a25;
  border-color: #005a25;
}

.lr_event_section_title {
  background: #f5f5f5;
  border-radius: 5px;
  font-size: 27px;
  margin: 1.25rem 0 0.65rem;
  padding: 10px;
}

.lr_event_label {
  color: #4d4d4d;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 0.85rem 0 0.3rem;
}

.lr_event_empty {
  color: #5f6368;
  margin: 0.5rem 0 1rem;
}

.lr_event_card {
  background: #f2f2f2;
  border: 1px solid #dcdcdc;
  border-left: 4px solid #f04124;
  border-radius: 10px;
  margin-bottom: 1rem;
  min-height: 10rem;
  padding: 0.85rem 1rem 1rem;
}

.lr_event_card--open {
  border-left-color: #007531;
}

.lr_event_card--closed {
  border-left-color: #f04124;
}

.lr_event_card__head {
  margin-bottom: 0.35rem;
}

.lr_event_card__head h4 {
  font-size: 1.05rem;
  margin: 0.15rem 0 0;
}

.lr_event_badge {
  color: #5f6368;
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
}

.lr_event_dates,
.lr_event_status_line,
.lr_event_banner_flag {
  color: #3c4043;
  margin: 0.25rem 0;
}

.lr_event_notes {
  margin: 0.25rem 0;
  font-size: 0.875rem;
  color: #5a6475;
  line-height: 1.35;
}
.lr_event_notes i {
  margin-right: 4px;
}

.lr_event_banner_flag {
  color: #007531;
  font-size: 0.9rem;
  font-weight: 700;
}

.lr_event_radios {
  margin-bottom: 0.5rem;
}

.lr_event_modal {
  align-items: flex-start;
  display: flex;
  inset: 0;
  justify-content: center;
  overflow: auto;
  padding: 2rem 1rem;
  position: fixed;
  z-index: 1200;
}

.lr_event_modal.nix_display {
  display: none;
}

.lr_event_modal__backdrop {
  background: rgba(32, 33, 36, 0.45);
  inset: 0;
  position: fixed;
}

.lr_event_modal__panel {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 4rem);
  max-width: 36rem;
  padding: 0px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.lr_event_modal__body {
  flex: 1 1 auto;
  min-height: 0px;
  overflow: auto;
  padding: 1.25rem 1.35rem 1.25rem;
}

.lr_event_modal__actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
  padding: 0px 1.35rem 1.25rem;
}

#btnDeleteEvent {
  background-color: #f04124;
  border-color: #f04124;
  color: #ffffff;
}

.lr_rover_page {
  max-width: 1100px;
}

.lr_rover_customer_pick {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.lr_rover_customer_pick input.uber_form_textbox {
  width: 8rem;
}

.lr_rover_message {
  min-height: 1.2rem;
  margin: 0px 0px 10px 0px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #4D4D4D;
}

.lr_rover_panel {
  background-color: #FFFFFF;
  border: 1px solid #BBBBBB;
  border-radius: 8px;
  padding: 20px;
  margin: 0px 0px 16px 0px;
}
.lr_rover_panel .large_heading {
  float: none;
  display: block;
}
.lr_rover_panel .large_heading_secondary {
  margin: 0px 0px 14px 0px;
}

.lr_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
  gap: 12px;
}
.lr_grid select.uber_form_dropdown,
.lr_grid input.uber_form_textbox {
  width: 100%;
}

.lr_rover_save_row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin: 16px 0px 0px 0px;
}

.lr_rover_meta {
  font-size: 0.875rem;
  color: #A5A5A5;
  font-weight: 700;
}

.lr_rover_panel .lr_table {
  width: 100%;
  border-collapse: collapse;
}
.lr_rover_panel .lr_table th {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  background-color: rgb(24.225, 24.225, 72.675);
  color: #FFFFFF;
  padding: 8px;
  text-align: left;
  white-space: nowrap;
}
.lr_rover_panel .lr_table td {
  font-weight: 700;
  padding: 6px 8px;
}
.lr_rover_panel .lr_table tbody tr:nth-child(odd) {
  background-color: #e7e7e7;
}
.lr_rover_panel .lr_table tbody tr:hover {
  background-color: hsl(59, 100%, 109.2352941176%);
}

@media only screen and (max-width: 40em) {
  .lr_rover_panel {
    padding: 12px;
  }
}
.lr_staff_edit {
  max-width: 1100px;
}
.lr_staff_edit label.textbox_label {
  display: block;
}
.lr_staff_edit input.uber_form_textbox,
.lr_staff_edit select.uber_form_dropdown,
.lr_staff_edit textarea.uber_form_textarea {
  width: 100%;
  max-width: 100%;
}

.lr_staff_edit_head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin: 0px 0px 10px 0px;
}
.lr_staff_edit_head .form_large_heading {
  white-space: normal;
}

.lr_staff_head_icons {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
}
.lr_staff_head_icons .lr_staff_head_icon {
  color: #333399;
  text-decoration: none;
}
.lr_staff_head_icons .lr_staff_head_icon:hover {
  color: #007531;
}
.lr_staff_head_icons .lr_staff_head_icon i + i {
  margin-left: 0.35rem;
}
.lr_staff_head_icons .lr_staff_head_icon_key {
  color: #007531;
}
.lr_staff_head_icons .lr_staff_head_icon_key:hover {
  color: #333399;
}
.lr_staff_head_icons .lr_staff_head_icon_beta {
  color: #B7B7B7;
}
.lr_staff_head_icons .lr_staff_head_icon_beta:hover {
  color: #333399;
}
.lr_staff_head_icons .lr_staff_head_icon_beta.is_on {
  color: #BF1B28;
}
.lr_staff_head_icons .lr_staff_head_icon_beta.is_on:hover {
  color: #333399;
}

.staff_tab_panel {
  margin: 0px 0px 20px 0px;
}
.staff_tab_panel hr {
  border: none;
  border-top: 1px solid #DDDDDD;
  margin: 20px 0px 20px 0px;
}

.staff_tab_panel .form_large_heading.with_radio {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 14px 0px 0px;
}

.staff_tab_panel .form_large_heading.with_radio + .radio_toolbar {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
}

.staff_tab_panel div:has(> .form_large_heading.with_radio) {
  margin: 24px 0px 10px 0px;
}

.staff_tab_panel[data-tab=messaging] .form_large_heading {
  float: none;
  display: block;
}
.staff_tab_panel[data-tab=messaging] .textbox_label.lr_note_success {
  display: block;
  margin: 0px 0px 8px 0px;
}
.staff_tab_panel[data-tab=messaging] .radio_toolbar {
  display: block;
}

.lr_staff_photo_box {
  text-align: center;
}
.lr_staff_photo_box img {
  max-width: 100%;
  border-radius: 0px;
  margin: 0px 0px 10px 0px;
}
.lr_staff_photo_box .textbox_label {
  text-align: left;
}
.lr_staff_photo_box .radio_toolbar_small {
  display: inline-block;
}

.lr_staff_photo_controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  margin: 4px 0px 0px 0px;
}

.lr_staff_photo_upload_icon,
.lr_staff_photo_delete_icon {
  color: #333399;
  text-decoration: none;
}
.lr_staff_photo_upload_icon:hover,
.lr_staff_photo_delete_icon:hover {
  color: #007531;
}

.lr_staff_photo_delete_icon.disabled {
  color: #B7B7B7;
  cursor: not-allowed;
  pointer-events: none;
}

.lr_staff_factory_panel {
  margin: 20px 0px 0px 0px;
  padding: 20px;
  background-color: #F2F2F2;
  border-radius: 8px;
}
.lr_staff_factory_panel .ultra_small_text {
  font-size: 0.75rem;
  color: #666666;
  margin: 4px 0px 0px 0px;
}

.lr_staff_factory_title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0px 0px 8px 0px;
}
.lr_staff_factory_title i {
  margin-right: 6px;
}

.lr_staff_factory_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 8px 0px 4px 0px;
}
.lr_staff_factory_row button {
  cursor: pointer;
}

.lr_note_success {
  color: #007531;
}

.lr_note_primary {
  color: #333399;
  font-weight: 700;
}

.lr_staff_connector {
  display: flex;
  align-items: stretch;
  gap: 0px;
}
.lr_staff_connector input.uber_form_textbox {
  flex: 1 1 auto;
  border-radius: 5px 0px 0px 5px;
  margin: 0px;
}
.lr_staff_connector button {
  border-radius: 0px 5px 5px 0px;
  padding: 0px 16px;
  cursor: pointer;
}

.lr_pwd_msg {
  display: inline-block;
  font-weight: 700;
  margin: 4px 0px 0px 2px;
}

.lr_pwd_reveal {
  display: block;
  position: relative;
}
.lr_pwd_reveal input.uber_form_textbox {
  padding-right: 44px;
}

.lr_pwd_eye {
  position: absolute;
  top: 12px;
  right: 14px;
  color: #333399;
}
.lr_pwd_eye:hover {
  color: #007531;
}

.lr_pwd_generate {
  padding-top: 21px;
}
.lr_pwd_generate button {
  cursor: pointer;
}

.lr_staff_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 10px 0px 0px 0px;
}
.lr_staff_footer button {
  cursor: pointer;
  padding: 16px 32px 17px 32px;
  border-radius: 6px;
  font-size: 1rem;
}

.lr_tab_nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0px 4px 0px;
}
.lr_tab_nav .lr_tab_next {
  margin-left: auto;
}

.lr_tab_prev,
.lr_tab_next {
  display: inline-block;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: none;
  padding: 14px 28px 15px 28px;
  border-radius: 6px;
}

.lr_tab_next {
  background-color: #007531;
}
.lr_tab_next:hover {
  background-color: #005b26;
}

.lr_tab_prev {
  background-color: #f04124;
}
.lr_tab_prev:hover {
  background-color: #d32a0e;
}

.lr_staff_footer_left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.lr_staff_sync_banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0px 0px 16px 0px;
  padding: 12px 16px;
  background-color: #FFF8E6;
  border: 1px solid #E0C36A;
  border-radius: 8px;
}
.lr_staff_sync_banner i {
  margin-right: 6px;
}
.lr_staff_sync_banner a {
  color: #333399;
  font-weight: 700;
}
.lr_staff_sync_banner button {
  cursor: pointer;
  flex-shrink: 0;
}

.lr_staff_inactive_badge {
  display: inline-block;
  background-color: #999999;
  color: #FFFFFF;
  font-weight: 700;
  padding: 4px 14px;
  border-radius: 5px;
}

.lr_staff_list_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0px 0px 10px 0px;
}

.lr_staff_list_intro {
  margin: 0px 0px 10px 0px;
}

.lr_staff_list_actions {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.lr_staff_list_actions .btn_success,
.lr_staff_list_actions .btn_secondary {
  cursor: pointer;
}

.lr_staff_icon_link {
  color: #007531;
  text-decoration: none;
}
.lr_staff_icon_link:hover {
  color: #333399;
}
.lr_staff_icon_link.disabled {
  opacity: 0.35;
  pointer-events: none;
  cursor: default;
  color: #A2A2A2;
}

.DealerStaff_list_table {
  margin: 0px 0px 20px 0px;
}
.DealerStaff_list_table td {
  white-space: normal;
}
.DealerStaff_list_table .fni_customer_label {
  color: #8C8C8C;
}
.DealerStaff_list_table .fni_customer_phone {
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 1px;
}
.DealerStaff_list_table .lr_staff_login_pending {
  color: #A5A5A5;
  font-weight: 700;
}
.DealerStaff_list_table .lr_staff_login_yes {
  color: #007531;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}
.DealerStaff_list_table .lr_staff_login_no {
  color: #A2A2A2;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}

.lr_staff_photo_cell {
  width: 53px;
}
.lr_staff_photo_cell .staff_photo_icon {
  display: block;
  width: 40px;
  max-width: none;
}

.lr_staff_photo_placeholder {
  padding: 4px 4px 8px 4px;
  text-align: center;
  background-color: #898991;
  height: 44px;
  min-width: 40px;
}
.lr_staff_photo_placeholder > div {
  padding: 4px 0px 0px 0px;
  background-color: #EBEBEB;
  height: 32px;
}

.lr_staff_support_note {
  color: #f04124;
  font-weight: 700;
}

.lr_access_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0px 0px 10px 0px;
}

.lr_access_uptodate {
  color: #007531;
  font-size: 1.25rem;
}

.lr_access_staff_picker {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.lr_access_staff_picker select.uber_form_dropdown {
  min-width: 240px;
  margin: 0px;
}

.lr_access_heading {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 6px 0px 16px 0px;
}
.lr_access_heading .lr_staff_icon_link i {
  font-size: 1.25rem;
}

.lr_access_grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}
@media (min-width: 25.875em) {
  .lr_access_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 40em) {
  .lr_access_grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .lr_access_grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (min-width: 40em) {
  .lr_access_panel_wide {
    grid-column: span 2;
  }
}

.staffAccessPanel {
  background-color: #F2F2F2;
  border: 4px solid #D8D8D8;
  border-radius: 8px;
  padding: 20px 5px 10px 5px;
  margin: 0px;
  min-width: 0px;
}

.lr_access_panel_title {
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 1.2;
  padding: 0px 0px 0px 5px;
}

.lr_access_panel_code {
  font-size: 0.625rem;
  font-weight: 400;
  color: #666666;
}

hr.staffAccess {
  border: none;
  border-top: 2px solid #DDDDDD;
  margin: 10px 0px 0px 0px;
}

.lr_access_row {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 5px 0px 5px;
  cursor: default;
}

.lr_access_row_code {
  font-size: 0.625rem;
  font-weight: 400;
  color: #666666;
}

.lr_access_indev {
  color: #f04124;
}

.lr_access_row.visible_menu_false {
  text-align: right;
  padding: 8px 5px 10px 5px;
}
.lr_access_row.visible_menu_false .lr_access_chips label {
  float: none;
  margin: 4px 0px 0px 4px !important;
}

.lr_access_chips {
  display: block;
  overflow: hidden;
  margin: 0px;
}
.lr_access_chips label {
  float: left;
  width: 46px !important;
  height: 22px;
  margin: 4px 4px 0px 0px !important;
  padding: 5px 0px 0px 0px !important;
  font-size: 0.6875rem !important;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  border-radius: 6px !important;
  cursor: pointer;
}
.lr_access_chips input:checked + label {
  font-weight: 700;
  border-radius: 12px !important;
}

.lr_access_heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.lr_access_heading_actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 16px;
}

.lr_access_preset_trigger {
  appearance: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: inherit;
  font-size: 1.5rem;
  font-weight: 700;
  color: #007531;
  text-decoration: none;
}
.lr_access_preset_trigger:hover {
  color: #333399;
}

.lr_preset_modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}

.lr_preset_modal[hidden] {
  display: none;
}

.lr_preset_card_holder {
  display: flex;
  flex-direction: column;
  width: 92%;
  max-width: 34rem;
  max-height: 86vh;
  overflow: hidden;
  padding: 0px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

.lr_preset_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px 0px 24px;
}

.lr_preset_row {
  border: 1px solid #DDDDDD;
  border-radius: 4px;
  background: #F7F7F7;
  padding: 10px;
  margin: 0px 0px 12px 0px;
}

.lr_preset_apply {
  appearance: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #333399;
  padding: 10px 20px 11px 20px;
  border-radius: 6px;
}
.lr_preset_apply:hover {
  background-color: #007531;
}

.lr_preset_eg {
  display: block;
  font-size: 0.75rem;
  color: #4D4D4D;
  margin: 8px 0px 0px 10px;
}

.lr_preset_actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  margin: 0px;
  padding: 8px 24px 24px 24px;
}

.lr_swiftdock_access_panel {
  align-self: start;
}

.lr_da2_panel {
  background-color: #F2F2F2;
  border: 4px solid #D8D8D8;
  border-radius: 8px;
  padding: 14px;
  margin: 0px;
  min-width: 0px;
}

.lr_da2_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.lr_da2_head h4 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
  margin: 0;
}

.lr_da2_status {
  font-size: 0.75rem;
  font-weight: 700;
}

.lr_da2_note {
  font-size: 0.75rem;
  color: #4D4D4D;
  margin: 6px 0px 10px 0px;
}

.lr_da2_rows {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0px 24px;
}

.lr_da2_tab_heading {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #4D4D4D;
  margin: 14px 0px 4px 0px;
}

.lr_da2_table {
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
}
.lr_da2_table td {
  font-size: 0.875rem;
  padding: 6px 8px;
  border-top: 1px solid #E5E5E5;
  vertical-align: middle;
}

.lr_da2_tab_row td {
  background: #FAFAFA;
}

.lr_da2_desc {
  display: block;
  font-size: 0.6875rem;
  color: #7A7A7A;
}

.lr_da2_flag {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #f04124;
  margin-left: 6px;
}

.lr_da2_level_cell {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.lr_da2_chips {
  display: inline-block;
  margin: 0px;
}
.lr_da2_chips label {
  float: none;
  margin: 2px 0px 2px 4px !important;
  padding: 5px 10px !important;
  font-size: 0.6875rem !important;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  border-radius: 6px !important;
  cursor: pointer;
}
.lr_da2_chips input:checked + label {
  font-weight: 700;
  border-radius: 12px !important;
}

.lr_staff_locations {
  max-width: 900px;
}

.lr_staff_locations_top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0px 0px 10px 0px;
}

.lr_staff_locations_heading {
  font-size: 1.5rem;
  font-weight: 700;
}

.lr_staff_locations_for {
  color: #A5A5A5;
  font-weight: 400;
}

.lr_staff_location_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lr_staff_location_row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px 14px;
  background-color: #F2F2F2;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}
.lr_staff_location_row.is_busy {
  opacity: 0.6;
}
.lr_staff_location_row.is_purged {
  opacity: 0.5;
}

.lr_staff_location_chips {
  flex-shrink: 0;
  overflow: visible;
}
.lr_staff_location_chips label {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 4px 0px 0px !important;
}

.lr_staff_location_name {
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

.lr_staff_location_home {
  color: #007531;
}

.lr_staff_location_badge {
  font-size: 0.6875rem;
  padding: 2px 10px;
}

.lr_staff_purge {
  max-width: 1200px;
}

.lr_staff_purge_warning {
  margin: 0px 0px 16px 0px;
  padding: 16px 18px;
  background-color: #FDECEA;
  border: 1px solid #f04124;
  border-radius: 8px;
}
.lr_staff_purge_warning p {
  margin: 0px 0px 8px 0px;
}
.lr_staff_purge_warning code {
  font-size: 0.75rem;
}

.lr_staff_purge_warning_title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #f04124;
  margin: 0px 0px 8px 0px;
}
.lr_staff_purge_warning_title i {
  margin-right: 6px;
}

.lr_staff_purge_note {
  font-size: 0.75rem;
  color: #4D4D4D;
}

.lr_staff_purge_actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0px 0px 16px 0px;
}
.lr_staff_purge_actions button {
  cursor: pointer;
}

.lr_staff_purge_count {
  font-weight: 700;
}

.lr_staff_purge_selectbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0px 0px 8px 0px;
  font-weight: 700;
}

.lr_staff_purge_selected {
  color: #333399;
}

.lr_staff_purge_confirm {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0px 0px 20px 0px;
  padding: 14px 16px;
  background-color: #F2F2F2;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
}
.lr_staff_purge_confirm input.uber_form_textbox {
  width: 180px;
  margin: 0px;
}
.lr_staff_purge_confirm button {
  cursor: pointer;
}

.lr_staff_purge_status {
  font-size: 0.75rem;
  font-weight: 700;
}
.lr_staff_purge_status.is_deleted {
  color: #007531;
}
.lr_staff_purge_status.is_failed {
  color: #f04124;
}

.lr_staff_print_sig_manage .lr_staff_print_sig_preview {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 64px;
  padding: 10px;
  background-color: #D1E7EE;
  margin: 0px 0px 12px 0px;
}
.lr_staff_print_sig_manage .lr_staff_print_sig_preview svg,
.lr_staff_print_sig_manage .lr_staff_print_sig_preview img {
  max-width: 100%;
  max-height: 64px;
  display: block;
}
.lr_staff_print_sig_manage .lr_staff_print_sig_actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.lr_staff_print_sig_manage #lrStaffUseDigitalToolbar {
  margin: 0px 0px 12px 0px;
}
.lr_staff_print_sig_manage.is_disabled .lr_staff_print_sig_actions {
  display: none;
}

.lr_staff_access_templates .lr_access_template_wrap {
  overflow-x: auto;
  margin-top: 12px;
}
.lr_staff_access_templates .lr_access_template_table {
  border-collapse: collapse;
  font-size: 12px;
  min-width: 100%;
}
.lr_staff_access_templates .lr_access_template_table th,
.lr_staff_access_templates .lr_access_template_table td {
  border-bottom: 1px solid #A5A5A5;
  padding: 2px 3px;
  text-align: center;
  white-space: nowrap;
}
.lr_staff_access_templates .lr_access_template_table th:not(:first-child) {
  max-width: 4.25rem;
  white-space: normal;
  font-size: 11px;
  line-height: 1.15;
  font-weight: 600;
}
.lr_staff_access_templates .lr_access_template_table th:first-child,
.lr_staff_access_templates .lr_access_template_table td:first-child {
  text-align: left;
  position: sticky;
  left: 0;
  background-color: #f5f5f5;
}
.lr_staff_access_templates .lr_access_template_cell {
  min-width: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.7rem;
  line-height: 1.1;
}
.lr_staff_access_templates .lr_access_template_cell.is_full {
  font-weight: 700;
}
.lr_staff_access_templates .lr_access_gap_scan {
  margin-top: 4px;
  min-width: 0;
  padding: 0.2rem 0.35rem;
  font-size: 0.65rem;
  line-height: 1.1;
}
.lr_staff_access_templates .lr_access_gap_box {
  max-width: 52rem;
}
.lr_staff_access_templates .lr_access_gap_person {
  margin: 0 0 10px 0;
}
.lr_staff_access_templates .lr_access_gap_who {
  font-weight: 700;
}
.lr_staff_access_templates .lr_access_gap_pages {
  font-size: 12px;
  line-height: 1.35;
}
.lr_staff_access_templates .lr_access_push {
  margin-top: 18px;
}
.lr_staff_access_templates .lr_access_push_row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  margin-top: 8px;
}

.lr_signin_card {
  margin-top: 24px;
  padding: 0 0 8px;
  border-top: 1px solid #d9deef;
}

.lr_signin_help {
  margin: 6px 0 10px;
  font-size: 0.875rem;
  color: #56607a;
}

.lr_signin_methods {
  display: grid;
  grid-template-columns: minmax(140px, 30%) 1fr;
  column-gap: 12px;
  row-gap: 4px;
  margin: 0 0 14px;
}
.lr_signin_methods dt {
  margin: 0;
  color: #56607a;
  font-size: 0.875rem;
}
.lr_signin_methods dd {
  margin: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.lr_signin_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
}
.lr_signin_actions .btn_primary,
.lr_signin_actions .btn_secondary {
  margin: 0;
}

.lr_signin_google {
  min-height: 32px;
}

.lr_signin_status {
  min-height: 1.25rem;
  margin: 10px 0 0;
  font-weight: 700;
  color: #007531;
}
.lr_signin_status--error {
  color: #f04124;
}
.lr_signin_status:empty {
  display: none;
}

@media (max-width: 639.98px) {
  .lr_signin_methods {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
  .lr_signin_methods dd {
    margin-bottom: 8px;
  }
}
.lr_email_signature_page {
  padding: 1.25rem;
  max-width: 1280px;
}

.lr_conversations_tool_body > .lr_email_signature_page {
  max-width: none;
}

.lr_account_panel .lr_email_signature {
  padding: 0;
}

.lr_email_signature_header {
  margin-bottom: 1.25rem;
}

.lr_email_signature_title {
  font-size: 1.5rem;
  margin: 0 0 0.35rem 0;
}

.lr_email_signature_intro {
  color: #6b7684;
  margin: 0;
  max-width: 62ch;
}

.lr_email_signature_modes {
  grid-column: 1;
  grid-row: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.lr_email_signature_mode_card {
  padding: 16px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
}

.lr_email_signature_mode_question {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}

.lr_email_signature_mode_field {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #d9dee5;
}

.lr_email_signature_mode_name {
  font-weight: 600;
}

.lr_email_signature_mode_hint {
  margin: 0.4rem 0 0 0;
  color: #6b7684;
  font-size: 0.875rem;
  line-height: 1.4;
}

.lr_email_signature_from_preview {
  margin-top: 0.6rem;
  font-weight: 600;
  color: #1b1f2a;
}

.lr_email_signature_from_block {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid #d9dee5;
}

.lr_email_signature_settings_status {
  color: #1f7ae0;
}
.lr_email_signature_settings_status.is_error {
  color: #c0392b;
}

.lr_email_signature_from_placeholder {
  font-style: italic;
  color: #007531;
}

.lr_email_signature_label {
  display: block;
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.35rem;
}

.lr_email_signature_input {
  width: 100%;
}

.lr_email_signature_editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto auto auto 1fr auto auto;
  column-gap: 1.5rem;
  row-gap: 0;
  align-items: start;
}

.lr_email_signature_design_label {
  grid-column: 1;
  grid-row: 2;
}

.lr_email_signature_surface {
  position: relative;
  grid-column: 1;
  grid-row: 4;
  min-width: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.lr_email_signature_surface > .lr_email_signature_design,
.lr_email_signature_surface > .lr_email_signature_textarea {
  flex: 1 1 auto;
}

.lr_email_signature_tokens {
  grid-column: 1/-1;
  grid-row: 5;
}

.lr_email_signature_side {
  grid-column: 2;
  grid-row: 1/5;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
}

.lr_email_signature_preview_col {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
}
.lr_email_signature_preview_col .lr_email_signature_label {
  margin-bottom: 0.75rem;
}

.lr_email_signature_logo_panel {
  grid-column: 1/-1;
  grid-row: 6;
}

@media (max-width: 900px) {
  .lr_email_signature_editor {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
  .lr_email_signature_modes,
  .lr_email_signature_design_label,
  .lr_email_signature_toolbar,
  .lr_email_signature_surface,
  .lr_email_signature_tokens,
  .lr_email_signature_side,
  .lr_email_signature_logo_panel {
    grid-column: 1;
    grid-row: auto;
  }
  .lr_email_signature_side {
    margin-top: 1.25rem;
  }
}
.lr_sig_field {
  background: rgba(39, 64, 139, 0.09);
  box-shadow: inset 0 0 0 1px rgba(39, 64, 139, 0.22);
  border-radius: 3px;
  padding: 0 3px;
  cursor: pointer;
}

.lr_sig_field:hover {
  background: rgba(39, 64, 139, 0.16);
}

.lr_sig_field.is_empty {
  color: #8a8f98;
  font-style: italic;
}

.lr_sig_field img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.lr_sig_field[data-lr-token=Logo] {
  display: block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
}

.lr_email_signature_toolbar {
  grid-column: 1;
  grid-row: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid #d9dee5;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #f5f7fa;
}

.lr_email_signature_tool {
  min-width: 30px;
  height: 30px;
  padding: 0 0.45rem;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #333333;
  font-size: 0.875rem;
  cursor: pointer;
}
.lr_email_signature_tool:hover {
  border-color: #d9dee5;
  background: #ffffff;
}
.lr_email_signature_tool.is_active {
  border-color: #1f7ae0;
  background: #ffffff;
  color: #1f7ae0;
}

.lr_email_signature_tool--wide {
  font-family: ui-monospace, Consolas, monospace;
  font-size: 0.75rem;
}

.lr_email_signature_style_readout {
  position: absolute;
  top: 6px;
  right: 8px;
  z-index: 2;
  padding: 0.1rem 0.4rem;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.92);
  color: #6b7684;
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  pointer-events: none;
}
.lr_email_signature_style_readout:empty {
  display: none;
}

.lr_email_signature_tool_sep {
  width: 1px;
  height: 20px;
  margin: 0 0.2rem;
  background: #d9dee5;
}

.lr_email_signature_tool_select {
  height: 30px;
  margin: 0;
  padding: 0 0.4rem;
  font-size: 0.8125rem;
  max-width: 110px;
}

select.uber_form_dropdown.lr_email_signature_tool_select {
  margin: 0;
}

.lr_email_signature_colour {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 30px;
  padding: 0 0.4rem;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
}
.lr_email_signature_colour:hover {
  border-color: #d9dee5;
  background: #ffffff;
}
.lr_email_signature_colour input[type=color] {
  width: 24px;
  height: 20px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.lr_email_signature_linkbar {
  position: absolute;
  top: 6px;
  right: 6px;
  left: 6px;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.45rem 0.5rem;
  border: 1px solid #d9dee5;
  border-radius: 6px;
  background: #fffbe6;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}
.lr_email_signature_linkbar input {
  flex: 1 1 auto;
  margin: 0;
}
.lr_email_signature_linkbar .lr_email_signature_linkbar_text {
  flex: 0 1 34%;
}

.lr_email_signature_saver {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.lr_email_signature_save.is_armed {
  background: #b45309;
  border-color: #b45309;
}

.lr_email_signature_saver_name {
  width: 0;
  min-width: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: width 0.22s ease, opacity 0.18s ease, padding 0.22s ease;
}

.lr_email_signature_saver.is_open .lr_email_signature_saver_name {
  width: 220px;
  padding-left: 0.55rem;
  padding-right: 0.55rem;
  border-width: 1px;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .lr_email_signature_saver_name {
    transition: none;
  }
}
.lr_email_signature_colour_btn {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.lr_email_signature_colour_chip {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background: #333333;
}

.lr_email_signature_modal {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lr_email_signature_modal[hidden] {
  display: none;
}

.lr_email_signature_modal_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 20, 32, 0.45);
}

.lr_email_signature_modal_box {
  position: relative;
  z-index: 1;
  width: 320px;
  max-width: calc(100vw - 2rem);
  padding: 0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 38px rgba(0, 0, 0, 0.28);
}

.lr_email_signature_modal_box--wide {
  width: 440px;
}

.lr_email_signature_modal_body {
  padding: 1rem 1.1rem 0;
}

.lr_email_signature_swatches {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.8rem;
}

.lr_email_signature_swatch {
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
}
.lr_email_signature_swatch.is_selected {
  box-shadow: 0 0 0 2px #ffffff inset, 0 0 0 2px #1f7ae0;
}

.lr_email_signature_modal_row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.9rem;
}
.lr_email_signature_modal_row input {
  flex: 1 1 auto;
  margin: 0;
}

.lr_email_signature_colour_preview {
  flex: 0 0 auto;
  width: 34px;
  height: 30px;
  border: 1px solid #d9dee5;
  border-radius: 4px;
}

.lr_email_signature_modal_actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.4rem;
  padding: 0.35rem 1.1rem 0.9rem;
}

.lr_email_signature_modal_field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 0.55rem;
}
.lr_email_signature_modal_field select {
  flex: 0 0 55%;
  margin: 0;
}

.lr_email_signature_linkbar_btn {
  border: 1px solid #1f7ae0;
  border-radius: 4px;
  background: #1f7ae0;
  color: #ffffff;
  padding: 0.25rem 0.7rem;
  font-size: 0.8125rem;
  cursor: pointer;
}
.lr_email_signature_linkbar_btn.is_muted {
  border-color: #d9dee5;
  background: #ffffff;
  color: #6b7684;
}

.lr_email_signature_design {
  min-height: 240px;
  padding: 0.85rem 1rem;
  border: 1px solid #d9dee5;
  border-radius: 0 0 6px 6px;
  background: #ffffff;
  overflow-wrap: anywhere;
}
.lr_email_signature_design:focus {
  outline: 2px solid rgba(31, 122, 224, 0.35);
  outline-offset: -2px;
}
.lr_email_signature_design p {
  margin: 0 0 0.75rem 0;
}
.lr_email_signature_design p:last-child {
  margin-bottom: 0;
}
.lr_email_signature_design img {
  max-width: 100%;
}

.lr_email_signature_logo_panel {
  margin-top: 1.25rem;
  padding: 0.9rem 1rem;
  border: 1px solid #d9dee5;
  border-radius: 8px;
  background: #f5f7fa;
  container-type: inline-size;
}

.lr_email_signature_logo_layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 1rem 1.5rem;
  align-items: start;
  margin-top: 0.75rem;
}

.lr_email_signature_logo_library {
  min-width: 0;
}
.lr_email_signature_logo_library .lr_email_signature_asset_grid {
  margin-top: 0;
}

.lr_email_signature_logo_settings {
  min-width: 0;
  padding-left: 1.5rem;
  border-left: 1px solid #d9dee5;
}
.lr_email_signature_logo_settings .lr_email_signature_logo_row {
  margin-top: 0;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.lr_email_signature_logo_settings .lr_email_signature_logo_field:not(.lr_email_signature_logo_field--narrow) {
  flex: 0 0 auto;
}
.lr_email_signature_logo_settings .lr_email_signature_hint {
  margin-top: 0.6rem;
}

.lr_email_signature_logo_subhead {
  display: block;
  margin: 0 0 0.6rem 0;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7684;
}

.lr_email_signature_logo_spacing_label {
  margin-top: 1rem;
}

.lr_email_signature_logo_spacing {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  align-items: end;
}
.lr_email_signature_logo_spacing .lr_email_signature_label {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7684;
}

@container (max-width: 560px) {
  .lr_email_signature_logo_layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_email_signature_logo_settings {
    padding-left: 0;
    padding-top: 1rem;
    border-left: 0;
    border-top: 1px solid #d9dee5;
  }
}
.lr_email_signature_asset_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
  gap: 0.5rem;
  margin: 0.6rem 0;
}

.lr_email_signature_asset {
  border: 1px solid #d9dee5;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
}
.lr_email_signature_asset.is_primary {
  border-color: #1f7ae0;
  box-shadow: 0 0 0 1px #1f7ae0;
}

.lr_email_signature_asset_thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  padding: 4px;
  background: #ffffff;
}
.lr_email_signature_asset_thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.lr_email_signature_asset_bar {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  padding: 0.2rem 0.25rem;
  border-top: 1px solid #d9dee5;
}

.lr_email_signature_asset_kind {
  flex: 1 1 auto;
  border: 0;
  border-radius: 999px;
  padding: 0.1rem 0.35rem;
  background: #e8eef7;
  color: #6b7684;
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  cursor: pointer;
}
.lr_email_signature_asset_kind.is_logo {
  background: rgba(0, 117, 49, 0.12);
  color: #0a6b34;
}

.lr_email_signature_asset_icon {
  flex: 0 0 auto;
  border: 0;
  background: none;
  color: #6b7684;
  padding: 0.1rem 0.2rem;
  font-size: 0.75rem;
  cursor: pointer;
}
.lr_email_signature_asset_icon:hover {
  color: #1f7ae0;
}
.lr_email_signature_asset_icon.is_armed {
  color: #ffffff;
  background: #c0392b;
  border-radius: 4px;
}

.lr_email_signature_pick_list {
  max-height: 260px;
  overflow-y: auto;
  margin-bottom: 0.6rem;
}

.lr_email_signature_pick_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
  gap: 0.4rem;
  margin: 0.35rem 0 0.7rem;
}

.lr_email_signature_pick {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 62px;
  padding: 4px;
  border: 1px solid #d9dee5;
  border-radius: 6px;
  background: #ffffff;
  cursor: pointer;
}
.lr_email_signature_pick img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.lr_email_signature_pick.is_selected {
  border-color: #1f7ae0;
  box-shadow: 0 0 0 2px rgba(31, 122, 224, 0.35);
}

.lr_email_signature_tag_list {
  max-height: 300px;
  overflow-y: auto;
}

.lr_email_signature_tag_row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.4rem 0;
  border-bottom: 1px solid #d9dee5;
}
.lr_email_signature_tag_row:last-child {
  border-bottom: 0;
}

.lr_email_signature_tag_thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 72px;
  height: 52px;
  padding: 3px;
  border: 1px solid #d9dee5;
  border-radius: 6px;
  background: #ffffff;
}
.lr_email_signature_tag_thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.lr_email_signature_tag_actions {
  display: flex;
  gap: 0.35rem;
  margin-left: auto;
}

.lr_email_signature_logo_actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.lr_email_signature_logo_btn {
  border: 1px solid #1f7ae0;
  border-radius: 4px;
  background: #ffffff;
  color: #1f7ae0;
  padding: 0.35rem 0.8rem;
  font-size: 0.8125rem;
  cursor: pointer;
}
.lr_email_signature_logo_btn:hover {
  background: #1f7ae0;
  color: #ffffff;
}
.lr_email_signature_logo_btn.is_muted {
  border-color: #d9dee5;
  color: #6b7684;
}
.lr_email_signature_logo_btn.is_muted:hover {
  border-color: #c0392b;
  background: #c0392b;
  color: #ffffff;
}

.lr_email_signature_logo_note {
  flex: 1 1 100%;
  color: #6b7684;
  font-size: 0.75rem;
}
.lr_email_signature_logo_note.is_error {
  color: #c0392b;
}

.lr_email_signature_logo_row {
  display: flex;
  gap: 0.75rem;
  margin-top: 1rem;
  flex-wrap: wrap;
}

.lr_email_signature_logo_field {
  flex: 1 1 220px;
  min-width: 0;
}

.lr_email_signature_logo_field--narrow {
  flex: 0 0 150px;
}

.lr_email_signature_logo_field--margin {
  flex: 0 0 88px;
}

.lr_email_signature_align {
  display: inline-flex;
  gap: 0.35rem;
}

.lr_email_signature_align_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border: 1px solid #d9dee5;
  border-radius: 6px;
  background: #ffffff;
  color: #6b7684;
  cursor: pointer;
}
.lr_email_signature_align_btn:hover {
  border-color: #1f7ae0;
  color: #1f7ae0;
}
.lr_email_signature_align_btn.is_active {
  border-color: #1f7ae0;
  background: rgba(31, 122, 224, 0.12);
  color: #1f7ae0;
}

.lr_email_signature_hint {
  margin: 0.5rem 0 0 0;
  color: #6b7684;
  font-size: 0.8125rem;
  line-height: 1.45;
}

.lr_email_signature_templates {
  padding: 16px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
}

.lr_email_signature_template_list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 0.6rem 0 0.75rem 0;
}

.lr_email_signature_template_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.lr_email_signature_template_grid .lr_email_signature_template_item {
  justify-content: center;
}

.lr_email_signature_template_subhead {
  margin: 0.5rem 0 0 0;
}

.lr_email_signature_template_custom {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  max-height: 210px;
  overflow-y: auto;
}

.lr_email_signature_template_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0.45rem 0.7rem;
  border: 1px solid #d9dee5;
  border-radius: 6px;
  background: #f5f7fa;
  text-align: left;
  font-size: 0.875rem;
  cursor: pointer;
}
.lr_email_signature_template_item:hover {
  border-color: #1f7ae0;
}
.lr_email_signature_template_item.is_active {
  border-color: #1f7ae0;
  box-shadow: 0 0 0 2px rgba(31, 122, 224, 0.15);
}

.lr_email_signature_template_name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_email_signature_template_actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.lr_email_signature_template_use {
  border: 1px solid #1f7ae0;
  border-radius: 4px;
  background: #ffffff;
  color: #1f7ae0;
  padding: 0.3rem 0.75rem;
  font-size: 0.8125rem;
  cursor: pointer;
}
.lr_email_signature_template_use:disabled {
  border-color: #d9dee5;
  color: #6b7684;
  cursor: default;
}

.lr_email_signature_template_delete {
  border: 1px solid #d9dee5;
  border-radius: 4px;
  background: #ffffff;
  color: #6b7684;
  padding: 0.3rem 0.75rem;
  font-size: 0.8125rem;
  cursor: pointer;
}
.lr_email_signature_template_delete.is_armed {
  border-color: #c0392b;
  background: #c0392b;
  color: #ffffff;
}

.lr_email_signature_textarea {
  width: 100%;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8125rem;
  line-height: 1.5;
  resize: vertical;
}

.lr_email_signature_tokens {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.65rem;
}

.lr_email_signature_tokens_actions {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin-left: auto;
}

.lr_email_signature_tokens_label {
  color: #6b7684;
  font-size: 0.8125rem;
}

.lr_email_signature_token_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.lr_email_signature_token {
  border: 1px solid #d9dee5;
  background: #f5f7fa;
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  font-size: 0.8125rem;
  cursor: pointer;
}
.lr_email_signature_token:hover {
  border-color: #1f7ae0;
  color: #1f7ae0;
}

.lr_email_signature_preview_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.lr_email_signature_preview {
  flex: 1 1 auto;
  border: 1px solid #e2e6ea;
  border-radius: 6px;
  background: #f2f4f6;
  min-height: 220px;
  overflow: hidden;
}

.lr_email_signature_preview_frame {
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
  background: transparent;
}

.lr_email_signature_placeholder {
  color: #6b7684;
  font-style: italic;
}

.lr_email_signature_status {
  color: #6b7684;
  font-size: 0.875rem;
}
.lr_email_signature_status.is_error {
  color: #c0392b;
}

.lr_vehicle_forms_intro {
  max-width: 52rem;
  margin: 0 0 0.5rem;
}

.lr_vehicle_forms_hint {
  margin: 0 0 1rem;
  color: #555555;
  font-size: 0.9rem;
}

.lr_vehicle_forms_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1rem;
  margin: 0 0 0.75rem;
}

.lr_vehicle_forms_toolbar .textbox_label {
  margin: 0;
}

.lr_vehicle_forms_sheet {
  background: #d8d8d8;
  padding: 1.25rem;
  margin: 0 0 2.5rem;
  overflow: auto;
}

.vf_page {
  width: 770px;
  min-height: 1015px;
  margin: 0 auto;
  background: #ffffff;
  color: #222222;
  padding: 20px 30px 40px 30px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}

.vf_header {
  width: 100%;
  margin: 10px 0 18px 0;
  text-align: center;
}

.vf_dealer_name {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 120%;
}

.vf_dealer_contact {
  font-family: Oswald, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
}

.vf_editable {
  cursor: pointer;
  outline: 1px dashed transparent;
  outline-offset: 3px;
}

.vf_editable:hover {
  outline-color: #9aa3c7;
  background: rgba(51, 51, 153, 0.04);
}

.vf_editable.is_editing {
  outline-color: #333399;
  background: #ffffff;
  cursor: text;
}

.vf_title,
.vf_heading {
  font-family: Oswald, sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 16px 0 10px 0;
}

.vf_terms {
  width: 100%;
  margin: 10px 0;
}

.vf_terms ul {
  margin: 0;
  padding: 0 0 0 18px;
  list-style-type: disc;
}

.vf_terms li {
  font-family: Oswald, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin: 0 0 5px 0;
}

.vf_placeholder {
  color: #888888;
  font-style: italic;
}

.vf_body {
  width: 100%;
  font-family: Arimo, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 19px;
  text-align: justify;
  margin: 10px 0;
  white-space: pre-wrap;
}

.vf_options {
  width: 100%;
  margin: 8px 0 12px 0;
}

.vf_option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0 0 6px 0;
}

.vf_chk {
  font-size: 22px;
  line-height: 22px;
}

.vf_option_text {
  flex: 1;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.vf_facts {
  width: 100%;
  margin: 8px 0 12px 0;
  font-family: "Courier Prime", Courier, monospace;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}

.vf_label {
  font-family: Arimo, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 12px;
  margin: 0 5px 0 0;
}

.vf_ack_row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin: 16px 0 0 0;
}

.vf_ack {
  flex: 1;
  font-family: Oswald, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
}

.vf_date {
  white-space: nowrap;
  color: #666666;
}

.vf_sigs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4%;
  margin: 22px 0 0 0;
}

.vf_sig_name {
  font-family: "Courier Prime", Courier, monospace;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.vf_sig_line {
  height: 34px;
  border-bottom: 1px solid #000000;
}

.vf_sig_caption {
  font-family: Arimo, Helvetica, sans-serif;
  font-size: 11px;
  margin: 2px 0 0 0;
}

.vf_editor {
  width: 100%;
  margin: 0;
}

@media (max-width: 860px) {
  .vf_page {
    width: 100%;
    min-height: 0;
  }
}
.lr_hours .form_large_heading {
  float: none;
  display: block;
  white-space: normal;
}
.lr_hours .radio_toolbar_small label {
  font-size: 0.875rem;
}

.lr_hours_tabrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 10px;
  row-gap: 4px;
  margin: 0px 0px 16px 0px;
  min-height: 37px;
}
.lr_hours_tabrow .lr_hours_tabs,
.lr_hours_tabrow .lr_holiday_tabs,
.lr_hours_tabrow .lr_event_tabs {
  margin: 0px;
  border-bottom: none;
}

.lr_hours_tabrow_aux {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
@media (min-width: 64em) {
  .lr_hours_tabrow_aux {
    margin-left: auto;
  }
}
.lr_hours_tabrow_aux a,
.lr_hours_tabrow_aux span.is_current {
  display: inline-block;
  background-color: #efefef;
  color: #333399;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 16px;
  text-decoration: none;
}
.lr_hours_tabrow_aux a:hover {
  background-color: #fffec3;
  color: #333399;
}
.lr_hours_tabrow_aux span.is_current {
  background-color: #333399;
  color: #ffffff;
}
.lr_hours_tabrow_aux a.lr_hours_tabrow_add {
  background-color: #007531;
  color: #ffffff;
  font-size: 0.875rem;
  padding: 6px 14px;
  border-radius: 6px;
  margin-left: 8px;
}
.lr_hours_tabrow_aux a.lr_hours_tabrow_add:hover {
  background-color: #005a25;
  color: #ffffff;
}

.lr_hours_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  list-style: none;
  clear: left;
  margin: 0px 0px 16px 0px;
  padding: 0px;
}
.lr_hours_tabs li {
  margin: 0px;
}
.lr_hours_tabs a {
  display: inline-block;
  background-color: #efefef;
  color: #333399;
  font-size: 1rem;
  font-weight: 700;
  padding: 8px 16px;
  text-decoration: none;
}
.lr_hours_tabs a:hover {
  background-color: #fffec3;
  color: #333399;
}
.lr_hours_tabs li.is_active a {
  background-color: #333399;
  color: #ffffff;
}

.lr_hours_grid {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 20px;
  align-items: start;
}
@media (min-width: 40em) {
  .lr_hours_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 64em) {
  .lr_hours_grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

.lr_hours_day {
  background-color: #f2f2f2;
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 6px 10px 0px 10px;
  margin-bottom: 20px;
}

.lr_hours_day_name {
  font-size: 1.5rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.5;
}

.lr_hours_openclosed {
  padding: 10px 0px 0px 0px;
}

.lr_hours_appt {
  clear: both;
  padding: 5px 0px 0px 10px;
}
.lr_hours_appt label {
  font-size: 0.875rem;
  font-weight: 700;
  color: #4d4d4d;
  margin-left: 6px;
}

.lr_hours_times {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  padding: 6px 4px 0px 10px;
}
.lr_hours_times label {
  font-size: 1rem;
  font-weight: 700;
  color: #4d4d4d;
}
.lr_hours_times select.form_control {
  height: 37px;
  font-size: 0.875rem;
  background-color: #fafafa;
  border: 1px solid #cccccc;
  border-radius: 12px;
  padding: 6px 8px;
  margin-bottom: 16px;
}

.lr_hours_times.is_closed {
  display: none;
}

.lr_hours_update {
  text-align: center;
  padding: 40px 0px 40px 0px;
}

.lr_hours_update_btn {
  background-color: #007531;
  border: none;
  color: #ffffff;
  font-size: 1rem;
  padding: 16px 32px 17px 32px;
  border-radius: 6px;
  cursor: pointer;
}
.lr_hours_update_btn:hover {
  background-color: #005a25;
}

.lr_hours_check {
  display: block;
  margin: 16px auto 0px auto;
  cursor: pointer;
  line-height: 1;
}

.lr_hours_check--success {
  color: #007531;
}

.lr_hours_check--alert {
  color: #f04124;
}

.lr_hours_check--warning {
  color: #f08a24;
}

.lr_hours_check_caption {
  margin-top: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #f04124;
}

.lr_hours_table {
  width: 100%;
  border: 1px solid #dddddd;
  border-collapse: separate;
  border-spacing: 0px;
  background-color: #ffffff;
  margin: 0px 0px 20px 0px;
}
@media (min-width: 64em) {
  .lr_hours_table {
    width: 50%;
  }
}
.lr_hours_table caption {
  font-size: 1rem;
  color: #222222;
  padding: 0px 0px 8px 0px;
  text-align: center;
}
.lr_hours_table caption span {
  font-size: 1.5rem;
  color: #007531;
  font-weight: 700;
}
.lr_hours_table td {
  padding: 9px 10px;
  font-size: 0.875rem;
  color: #222222;
}
.lr_hours_table thead td {
  font-size: 1.25rem;
  font-weight: 700;
}
.lr_hours_table tbody td:first-child {
  font-weight: 700;
}
.lr_hours_table tbody tr:nth-child(odd) {
  background-color: #e2e2e2;
}
.lr_hours_table .holiday_name {
  color: #BF1B28;
}

.lr_tasks {
  max-width: 820px;
}

.lr_tasks_usage {
  margin: 0px 0px 12px 0px;
}

.lr_tasks_legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0px 0px 24px 0px;
  font-size: 1rem;
  color: #1b1f2a;
}
.lr_tasks_legend b {
  color: #007531;
  font-size: 1.25rem;
}

.lr_task_chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  height: 32px;
  padding: 0px 10px;
  background-color: #007531;
  color: #FFFFFF;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.2;
  border-radius: 8px;
  white-space: nowrap;
}

.lr_tasks_dept {
  margin: 0px 0px 32px 0px;
}

.lr_tasks_dept_name {
  font-size: 1.625rem;
  font-weight: 700;
  color: #333399;
  margin: 0px 0px 6px 0px;
}

.lr_tasks_scroll {
  overflow-x: auto;
}

.lr_tasks_table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
}
.lr_tasks_table th {
  text-align: left;
  vertical-align: top;
  padding: 6px 8px 10px 8px;
  font-weight: 700;
}
.lr_tasks_table td {
  padding: 10px 8px 4px 8px;
  border-top: 1px solid #dddddd;
  vertical-align: middle;
}

.lr_tasks_th {
  font-size: 1.25rem;
}

.lr_tasks_th.is_green {
  color: #007531;
}

.lr_tasks_th.is_navy {
  color: #333399;
}

.lr_tasks_th_info {
  color: #333399;
  font-size: 1rem;
  cursor: help;
  margin-left: 4px;
}

.lr_tasks_col_task {
  width: 40%;
}

.lr_tasks_col_button {
  width: 20%;
}

.lr_tasks_col_toggle {
  width: 20%;
}

.lr_tasks_label {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_tasks_saved {
  font-size: 0.875rem;
  font-weight: 700;
  color: #007531;
  margin-left: 10px;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.lr_tasks_saved.is_on {
  opacity: 1;
}

.lr_tasks_table .radio_toolbar label {
  margin-bottom: 0px !important;
  font-size: 1rem;
  padding: 4px 12px 3px 12px;
}

.lr_providers {
  max-width: 1100px;
}

.lr_providers_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}
@media (min-width: 64em) {
  .lr_providers_grid {
    grid-template-columns: 340px minmax(0, 1fr);
  }
}

.lr_providers_search {
  position: relative;
  margin: 0px 0px 10px 0px;
}
.lr_providers_search input {
  width: 100%;
  height: 34px;
  padding: 0px 10px 0px 34px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #3D3D3D;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
}
.lr_providers_search i {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #9A9A9A;
}

.lr_providers_list {
  border: 1px solid #DDDDDD;
  border-radius: 6px;
  background: #FFFFFF;
  max-height: 32rem;
  overflow-y: auto;
}

.lr_providers_row {
  display: block;
  width: 100%;
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #EEEEEE;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  padding: 8px 12px;
}
.lr_providers_row:last-child {
  border-bottom: 0;
}
.lr_providers_row:hover {
  background: hsl(59, 100%, 109.2352941176%);
}

.lr_providers_row_name {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_providers_row_city {
  display: block;
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_providers_row.is_active {
  background: #333399;
}
.lr_providers_row.is_active .lr_providers_row_name,
.lr_providers_row.is_active .lr_providers_row_city {
  color: #FFFFFF;
}

.lr_providers_count {
  font-size: 0.75rem;
  color: #5a6475;
  margin: 6px 0px 0px 2px;
}

.lr_providers_editor label {
  display: block;
  margin: 0px 0px 4px 0px;
}
.lr_providers_editor .form_control {
  width: 100%;
  margin: 0px 0px 16px 0px;
}
.lr_providers_editor .form_section_heading {
  margin-top: 0;
}

.lr_providers_editing {
  font-size: 0.875rem;
  font-weight: 700;
  color: #5a6475;
  margin: 0px 0px 12px 0px;
}
.lr_providers_editing b {
  color: #333399;
}

.lr_providers_actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 8px 0px 0px 0px;
}
.lr_providers_actions .btn_primary {
  font-size: 0.8125rem;
  padding: 14px 28px 15px 28px;
  border-radius: 6px;
}

.lr_providers_pending {
  font-size: 0.75rem;
  color: #9a9a9a;
  font-style: italic;
  margin: 0px 0px 16px 0px;
}

.lr_providers_agent_block {
  margin: 24px 0px 0px 0px;
}
.lr_providers_agent_block .form_section_heading {
  margin-top: 0;
}

.lr_providers_agent_add {
  display: flex;
  align-items: flex-end;
  padding-bottom: 16px;
}

.lr_synd_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.lr_synd_search {
  position: relative;
  margin: 0px 0px 10px 0px;
}
.lr_synd_search input {
  width: 16rem;
  max-width: 70vw;
  height: 34px;
  padding: 0px 10px 0px 34px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #3D3D3D;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
}
.lr_synd_search i {
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
  color: #9A9A9A;
}

.lr_synd_list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: start;
}

.lr_synd_card {
  border-radius: 8px;
  background-color: #e7e7e7;
  padding: 10px 20px 16px 20px;
  min-width: 0;
}

.lr_synd_card.is_active_dir {
  padding: 10px 20px 20px 20px;
}

.lr_synd_card.is_import {
  background-color: #a0d3e8;
}

.lr_synd_card.is_export {
  background-color: rgb(0, 224, 94);
}

.lr_synd_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px 0px 10px 0px;
}

.lr_synd_name {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_synd_id {
  font-size: 0.75rem;
  color: #4D4D4D;
}
.lr_synd_id b {
  font-weight: 700;
}

.lr_synd_saved {
  font-size: 0.875rem;
  font-weight: 700;
  color: #007531;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.lr_synd_card.is_export .lr_synd_saved,
.lr_synd_card.is_import .lr_synd_saved {
  color: #1b1f2a;
}

.lr_synd_saved.is_on {
  opacity: 1;
}

.lr_synd_dir {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #4D4D4D;
}
.lr_synd_dir i {
  font-size: 2.25rem;
  color: #333333;
}

.lr_synd_boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}

.lr_synd_box {
  background-color: #FFFFFF;
  padding: 10px 12px;
  min-height: 110px;
  min-width: 240px;
  flex: 0 1 auto;
}

.lr_synd_card:not(.is_active_dir) .lr_synd_box {
  min-height: 0;
}

.lr_synd_box_label {
  font-weight: 700;
  font-size: 0.875rem;
  color: #1b1f2a;
  margin: 0px 0px 6px 0px;
}

.lr_synd_box .radio_toolbar label {
  font-size: 1rem;
  padding: 4px 12px 3px 12px;
}

.lr_synd_cond_note {
  font-size: 0.875rem;
  font-weight: 700;
  color: #1b1f2a;
  margin: 4px 0px 0px 0px;
}

.lr_synd_partial {
  border-top: 1px solid #DDDDDD;
  margin: 10px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
}

.lr_synd_field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.lr_synd_field label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #4D4D4D;
}
.lr_synd_field input,
.lr_synd_field select {
  height: 34px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #3D3D3D;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 0px 8px;
}
.lr_synd_field input {
  width: 6.5rem;
}

.lr_synd_partial .lr_btn_tiny {
  margin-left: auto;
}

.lr_synd_picks_link {
  font-size: 0.875rem;
  font-weight: 700;
  color: #333399;
}
.lr_synd_picks_link:hover {
  color: #22226b;
}

.lr_synd_creds_group {
  display: flex;
  align-items: stretch;
}
.lr_synd_creds_group input {
  flex: 1 1 auto;
  min-width: 0;
  height: 34px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #3D3D3D;
  border: 1px solid #CCCCCC;
  border-right: 0;
  border-radius: 6px 0px 0px 6px;
  padding: 0px 8px;
}
.lr_synd_creds_group button {
  cursor: pointer;
  border: 0;
  background-color: #333399;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0px 12px;
  border-radius: 0px 6px 6px 0px;
}
.lr_synd_creds_group button:hover {
  background-color: #22226b;
}

.lr_synd_status {
  margin: 20px 0px 0px 0px;
}
.lr_synd_status h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
  margin: 0px 0px 4px 0px;
}

.lr_synd_empty {
  color: #5a6475;
  font-size: 0.875rem;
  margin: 10px 0px 0px 0px;
}

@media (max-width: 40em) {
  .lr_synd_list {
    grid-template-columns: 1fr;
  }
  .lr_synd_dir i {
    font-size: 1.75rem;
  }
}
.lr_qf {
  max-width: 1200px;
}

.lr_qf_toolbar {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0px 14px 0px;
}
.lr_qf_toolbar label {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #4D4D4D;
  margin: 0px 0px 4px 0px;
}
.lr_qf_toolbar input {
  width: 8rem;
  height: 38px;
  margin: 0;
}
.lr_qf_toolbar .lr_qf_info_btn {
  align-self: flex-end;
  height: 38px;
  padding: 0px 6px;
}

.lr_qf_status {
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0px 0px 12px 0px;
}

.lr_qf_empty {
  background: #FCFBE3;
  border: 1px solid #E0DCA8;
  border-radius: 8px;
  text-align: center;
  padding: 36px 20px;
  max-width: 46rem;
}
.lr_qf_empty p {
  font-size: 1.25rem;
  margin: 0px 0px 18px 0px;
}

.lr_qf_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: start;
}
@media (min-width: 64em) {
  .lr_qf_grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  }
}

.lr_qf_display {
  border-left: 1px solid #999999;
  border-bottom: 1px solid #999999;
}

.lr_qf_row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}

.lr_qf_row_label,
.lr_qf_row_value {
  padding: 10px 15px;
  font-size: 1.25rem;
  font-weight: 700;
  border-color: #999999;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  min-width: 0;
}

.lr_qf_row_label {
  background-color: #333399;
  color: #FFFFFF;
}

.lr_qf_row_value {
  background-color: #FFFFFF;
  color: #1b1f2a;
  text-align: right;
  white-space: nowrap;
}

.lr_qf_unit {
  font-size: 0.625rem;
  font-weight: 400;
  color: #6a6a6a;
}

.lr_qf_row_label .lr_qf_unit {
  color: #D9D9EE;
}

.lr_qf_settings_actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin: 14px 0px 0px 0px;
}
.lr_qf_settings_actions .btn_primary {
  font-size: 0.8125rem;
  padding: 12px 24px;
  border-radius: 6px;
}

.lr_qf_meta {
  font-size: 0.75rem;
  color: #5a6475;
}

.lr_qf_listhead {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.lr_qf_listmeta {
  font-size: 0.75rem;
  color: #5a6475;
  margin: 2px 0px 10px 0px;
}

#qfList {
  overflow-x: auto;
}
#qfList table.lr_item_table td:nth-child(2) {
  white-space: normal;
}

.lr_qf_payment {
  font-weight: 700;
}

.lr_qf_permo {
  font-size: 0.75rem;
  font-weight: 400;
  color: #5a6475;
}

table.lr_item_table tbody tr.qf_rejected {
  background-color: #F4F4F4;
}
table.lr_item_table tbody tr.qf_rejected td {
  color: #8A8A8A;
  font-weight: 400;
}

.lr_qf_check_wear {
  font-weight: 700;
  color: #f04124;
}

.lr_qf_modal {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.45);
}

.lr_qf_modal[hidden] {
  display: none;
}

.lr_qf_modal_card {
  display: flex;
  flex-direction: column;
  width: 92%;
  max-width: 34rem;
  max-height: 88vh;
  overflow: hidden;
  padding: 0px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

.lr_qf_modal_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 20px 24px 0px 24px;
}

.lr_qf_modal_sub {
  font-size: 1rem;
  font-weight: 700;
  color: #4D4D4D;
  text-align: center;
  margin: 0px 0px 18px 0px;
}

.lr_qf_field {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 8px 10px;
}

#qfForm div.lr_qf_field:nth-of-type(even) {
  background-color: #F2F2F2;
}

.lr_qf_input_cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.lr_qf_req {
  font-size: 0.6875rem;
  font-weight: 700;
  color: #f04124;
  line-height: 1;
}

.lr_qf_field input:user-invalid {
  border-color: #f04124;
  background-color: #FFF5F5;
}

.lr_qf_field_label {
  font-size: 1rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_qf_hint {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  color: #6a6a6a;
  line-height: 1.3;
}

.lr_qf_field input,
.lr_qf_field select {
  width: 100%;
  height: 38px;
  font-size: 1rem;
  font-weight: 700;
  color: #3D3D3D;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 6px;
  padding: 0px 8px;
  margin: 0;
}

.lr_qf_list_head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0px 0px 8px 0px;
}
.lr_qf_list_head .large_heading_secondary {
  margin: 0;
}

.lr_qf_info_btn {
  border: 0;
  background: transparent;
  color: #333399;
  padding: 0;
  cursor: pointer;
  font-size: 1.15rem;
  line-height: 1;
}
.lr_qf_info_btn:hover, .lr_qf_info_btn:focus {
  color: #BF1B28;
}

.lr_qf_info_body {
  text-align: left;
  font-size: 1rem;
  line-height: 1.45;
}
.lr_qf_info_body ul {
  margin: 0px 0px 0px 1.25rem;
  padding: 0;
}
.lr_qf_info_body li {
  margin: 0px 0px 8px 0px;
}
.lr_qf_info_body li ul {
  margin-top: 6px;
}

.lr_qf_modal_actions {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: 8px;
  margin: 0px;
  padding: 16px 24px 24px 24px;
}
.lr_qf_modal_actions .btn_primary {
  font-size: 0.8125rem;
  padding: 12px 24px;
  border-radius: 6px;
}

.lr_oiq {
  color: #222222;
}
.lr_oiq [hidden] {
  display: none !important;
}

.lr_oiq_notice {
  margin: 0px 0px 14px 0px;
  padding: 10px 14px;
  border-radius: 8px;
  background-color: #fff6e0;
  border: 1px solid #b8860b;
  color: #555555;
  font-size: 0.875rem;
}
.lr_oiq_notice i {
  color: #b8860b;
  margin-inline-end: 6px;
}

.lr_oiq_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0px 0px 14px 0px;
}

.lr_oiq_panel {
  display: block;
}

.lr_oiq_card {
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 10px;
  padding: 16px 20px;
  margin: 0px 0px 16px 0px;
}

.lr_oiq_card_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0px 0px 10px 0px;
}
.lr_oiq_card_head .lr_oiq_card_heading {
  margin: 0px;
}
.lr_oiq_card_head .lr_oiq_toolbar {
  margin: 0px;
}

.lr_oiq_card_heading {
  margin: 0px 0px 12px 0px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #380096;
}

.lr_oiq_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 12px;
}
.lr_oiq_toolbar .btn_primary,
.lr_oiq_toolbar .btn_secondary {
  margin: 0px;
}

.lr_oiq_field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 8rem;
}
.lr_oiq_field label {
  font-size: 0.75rem;
  font-weight: 700;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.lr_oiq_field input,
.lr_oiq_field select {
  margin: 0px;
}

.lr_oiq_field_vin {
  flex: 1 1 16rem;
  max-width: 22rem;
}
.lr_oiq_field_vin input {
  font-family: Consolas, "Courier New", monospace;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.lr_oiq_field_narrow {
  min-width: 6.5rem;
  max-width: 9rem;
}

.lr_oiq_status {
  margin: 10px 0px 0px 0px;
  min-height: 1.2em;
  font-size: 0.875rem;
  color: #666666;
  white-space: pre-line;
}
.lr_oiq_status:empty {
  display: none;
}
.lr_oiq_status.is_warning {
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #fff6e0;
  color: #b8860b;
  font-weight: 700;
}

.lr_oiq_results_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 16px;
  margin: 0px 0px 16px 0px;
}
.lr_oiq_results_grid .lr_oiq_card {
  margin: 0px;
}

.lr_oiq_metrics {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 6px 16px;
  margin: 0px;
}
.lr_oiq_metrics dt {
  font-size: 0.875rem;
  color: #666666;
}
.lr_oiq_metrics dd {
  margin: 0px;
  font-weight: 700;
}

.lr_oiq_ladder {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lr_oiq_ladder_step {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  background-color: #f6f4ff;
  border-inline-start: 16px solid #380096;
  border-radius: 4px;
}
.lr_oiq_ladder_step span {
  font-size: 0.875rem;
  color: #555555;
}
.lr_oiq_ladder_step strong {
  font-size: 1rem;
}
.lr_oiq_ladder_step.is_max {
  border-inline-start-color: #1a8a3f;
}
.lr_oiq_ladder_step.is_predicted {
  border-inline-start-color: #380096;
}
.lr_oiq_ladder_step.is_quick {
  border-inline-start-color: #6c3dff;
}
.lr_oiq_ladder_step.is_own {
  border-inline-start-color: #b8860b;
}
.lr_oiq_ladder_step.is_trade {
  border-inline-start-color: #b00020;
}

.lr_oiq_action {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0px 0px 0px;
}
.lr_oiq_action:empty {
  display: none;
}

.lr_oiq_action_reason {
  font-size: 0.875rem;
  color: #555555;
}

.lr_oiq_warning {
  color: #b00020;
  font-weight: 700;
}

.lr_oiq_disclaimer {
  margin: 12px 0px 0px 0px;
  font-size: 0.75rem;
  color: #666666;
  font-style: italic;
}

.lr_oiq_badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 2px 12px;
  border-radius: 20px;
  background-color: #555555;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.lr_oiq_badge:hover {
  background-color: #222222;
  color: #f0ff20;
}
.lr_oiq_badge.is_buy, .lr_oiq_badge.is_ok {
  background-color: #1a8a3f;
}
.lr_oiq_badge.is_maybe {
  background-color: #b8860b;
}
.lr_oiq_badge.is_pass {
  background-color: #b00020;
}
.lr_oiq_badge.is_overpriced {
  background-color: #e67e00;
}
.lr_oiq_badge.is_review {
  background-color: #555555;
}
.lr_oiq_badge.is_active {
  background-color: #6c3dff;
}
.lr_oiq_badge.is_sold {
  background-color: #380096;
}

.lr_oiq_action .lr_oiq_badge {
  min-height: 36px;
  padding: 4px 18px;
  font-size: 0.875rem;
}

.lr_oiq_table_wrap {
  overflow-x: auto;
}

.lr_oiq_table td {
  font-size: 0.875rem;
  white-space: normal;
}

.lr_oiq_mono {
  font-family: Consolas, "Courier New", monospace;
  font-size: 0.75rem;
}

.lr_oiq_row_click {
  cursor: pointer;
}
.lr_oiq_row_click.is_stale td {
  color: #666666;
}

.lr_oiq_icon_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0px;
  margin: 0px;
  border: 1px solid #dddddd;
  border-radius: 50%;
  background-color: #ffffff;
  color: #b00020;
  cursor: pointer;
}
.lr_oiq_icon_btn:hover {
  background-color: #b00020;
  border-color: #b00020;
  color: #ffffff;
}

.lr_oiq_actions {
  text-align: end;
  white-space: nowrap;
}
.lr_oiq_actions .btn_secondary {
  margin: 0px;
}

.lr_oiq_pct {
  font-weight: 700;
}
.lr_oiq_pct.is_over {
  color: #e67e00;
}
.lr_oiq_pct.is_under {
  color: #1a8a3f;
}

.lr_oiq_insights {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 12px;
  margin: 12px 0px 14px 0px;
}

.lr_oiq_insight {
  padding: 10px 14px;
  border-radius: 8px;
  border-inline-start: 6px solid #555555;
  background-color: #f6f4ff;
}
.lr_oiq_insight h3 {
  margin: 0px 0px 4px 0px;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}
.lr_oiq_insight p {
  margin: 0px;
  font-size: 0.875rem;
}
.lr_oiq_insight.is_best {
  border-inline-start-color: #1a8a3f;
}
.lr_oiq_insight.is_best h3 {
  color: #1a8a3f;
}
.lr_oiq_insight.is_worst {
  border-inline-start-color: #b00020;
}
.lr_oiq_insight.is_worst h3 {
  color: #b00020;
}

.lr_admin_dealers .lr_admin_toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin: 0px 0px 8px 0px;
}
.lr_admin_dealers .lr_admin_scope {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.lr_admin_dealers .lr_admin_scope_chip {
  display: inline-block;
  background-color: #a0d3e8;
  color: #636363;
  font-size: 0.875rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 6px;
  text-decoration: none;
  cursor: pointer;
}
.lr_admin_dealers .lr_admin_scope_chip:hover {
  background-color: #8ac4dd;
  color: #333333;
}
.lr_admin_dealers .lr_admin_scope_chip.is_active {
  background-color: #007531;
  color: #FFFFFF;
}
.lr_admin_dealers .lr_admin_target {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0px 0px 10px 0px;
}
.lr_admin_dealers .lr_admin_target input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
.lr_admin_dealers .lr_admin_target .lr_admin_scope_chip {
  margin: 0;
}
.lr_admin_dealers .lr_admin_filter_row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 10px 0px 0px 0px;
}
.lr_admin_dealers .lr_admin_filter_row .form_control {
  max-width: 28rem;
  margin: 0;
}
.lr_admin_dealers .lr_admin_colour_key {
  flex: 0 0 auto;
  text-align: right;
}
.lr_admin_dealers .lr_colour_key_title {
  font-weight: 700;
  margin: 0px 0px 6px 0px;
}
.lr_admin_dealers .lr_colour_key_body {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.lr_admin_dealers .lr_colour_key_grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, auto));
  gap: 6px;
}
.lr_admin_dealers .lr_colour_key_chip {
  border: 2px solid #222222;
  border-radius: 4px;
  padding: 0px 4px;
  font-size: 0.875rem;
  text-align: left;
  white-space: nowrap;
}
.lr_admin_dealers .lr_key_trial_inactive {
  background-color: #f7c088;
}
.lr_admin_dealers .lr_key_inactive {
  background-color: #ffff6b;
}
.lr_admin_dealers .lr_key_trial_active {
  background-color: #00e05e;
}
.lr_admin_dealers .lr_key_dashboard {
  background-color: #a0d3e8;
}
.lr_admin_dealers .lr_tab_heart {
  color: #d33a52;
  margin-right: 5px;
}
.lr_admin_dealers .lr_quiet {
  color: #808080;
}

.lr_admin_table_scroll {
  overflow-x: auto;
}

.lr_admin_dealers .lr_btn_tiny_dark {
  background-color: #333333;
  white-space: nowrap;
  align-self: flex-start;
}

.lr_admin_dealer_list {
  margin: 0px 0px 20px 0px;
}
.lr_admin_dealer_list td {
  font-size: 0.875rem;
  line-height: 1.125rem;
  vertical-align: top;
  white-space: normal;
}
.lr_admin_dealer_list tbody tr.lr_row_inactive td {
  background-color: #ffff6b;
}
.lr_admin_dealer_list tbody tr.lr_row_dashboard td {
  background-color: #a0d3e8;
}
.lr_admin_dealer_list tbody tr.lr_row_trial_inactive td {
  background-color: #f7c088;
}
.lr_admin_dealer_list tbody tr.lr_row_trial_active td {
  background-color: #00e05e;
}
.lr_admin_dealer_list .lr_col_name {
  min-width: 170px;
}
.lr_admin_dealer_list .lr_col_address {
  white-space: normal;
  max-width: 220px;
}
.lr_admin_dealer_list .lr_col_phone {
  font-weight: 700;
}
.lr_admin_dealer_list .lr_dealer_name_link {
  display: inline-block;
  margin: 6px 0px 0px 0px;
  font-weight: 700;
  color: #333399;
  text-decoration: none;
  white-space: nowrap;
}
.lr_admin_dealer_list .lr_dealer_name_link:hover {
  color: #22226b;
}
.lr_admin_dealer_list .lr_dealer_status {
  display: block;
  font-size: 0.6875rem;
  padding-left: 10px;
}
.lr_admin_dealer_list .lr_item_type_link {
  font-size: 2em;
  text-decoration: none;
  color: #68B0AD;
}
.lr_admin_dealer_list .lr_item_type_link.is_upgraded {
  color: #006837;
}
.lr_admin_dealer_list .btn_favourite {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.lr_admin_dealer_list .btn_favourite i {
  font-size: 20px;
  color: #b7b7b7;
  vertical-align: middle;
}
.lr_admin_dealer_list .btn_favourite:hover i, .lr_admin_dealer_list .btn_favourite.is_favourite i {
  color: #d33a52;
}
.lr_admin_dealer_list .lr_col_centre {
  text-align: center;
}
.lr_admin_dealer_list .lr_assign_btn {
  appearance: none;
  display: inline-block;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #FFFFFF;
  background-color: #333399;
  padding: 5px;
  border-radius: 6px;
  white-space: nowrap;
}
.lr_admin_dealer_list .lr_assign_none {
  background-color: #f04124;
}
.lr_admin_dealer_list .lr_assign_none:hover {
  background-color: #C22F1B;
}
.lr_admin_dealer_list .lr_assign_mine {
  appearance: none;
  background: none;
  border: 0;
  padding: 5px;
  cursor: pointer;
  font-size: 2em;
  color: #4aabd3;
}
.lr_admin_dealer_list .lr_assign_mine:hover {
  color: #2f8db5;
}
.lr_admin_dealer_list .lr_assign_btn.staff_60 {
  background-color: #222222;
}
.lr_admin_dealer_list .lr_assign_btn.staff_10121 {
  background-color: #C71585;
}
.lr_admin_dealer_list .lr_assign_btn.staff_13033 {
  background-color: #2950f7;
}
.lr_admin_dealer_list .lr_tools_cell {
  min-width: 140px;
}
.lr_admin_dealer_list .lr_tools_row {
  display: flex;
  gap: 5px;
  margin: 0px 0px 5px 0px;
}
.lr_admin_dealer_list .lr_crm_tool_icon {
  font-size: 2em;
  color: #333399;
  text-decoration: none;
}
.lr_admin_dealer_list .lr_crm_tool_icon:hover {
  color: #22226b;
}
.lr_admin_dealer_list .lr_type_badge {
  display: inline-block;
  color: #FFFFFF;
  padding: 2px 7px;
  font-size: 0.6875rem;
  white-space: nowrap;
  border-radius: 6px;
  background-color: #00805a;
}
.lr_admin_dealer_list .lr_type_badge.lr_type_new {
  background-color: #2f6fbf;
}
.lr_admin_dealer_list .lr_type_badge.lr_type_wholesale {
  background-color: #7a4fbf;
}
.lr_admin_dealer_list .lr_type_badge.lr_type_unknown {
  background-color: #999999;
}
.lr_admin_dealer_list .lr_import_badge {
  display: inline-block;
  color: #FFFFFF;
  padding: 1px 5px;
  font-size: 0.625rem;
  border-radius: 6px;
  background-color: #00b050;
}
.lr_admin_dealer_list .lr_import_badge.lr_import_running {
  background-color: #4aabd3;
}
.lr_admin_dealer_list .lr_import_badge.lr_import_failed {
  background-color: #e04b4b;
}
.lr_admin_dealer_list .lr_import_badge.lr_import_stale {
  background-color: #f7c088;
  color: #222222;
}
.lr_admin_dealer_list .lr_meta_small {
  font-size: 0.6875rem;
}
.lr_admin_dealer_list .lr_not_linked {
  display: inline-block;
  background-color: #f04124;
  color: #FFFFFF;
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 6px;
  white-space: nowrap;
}
.lr_admin_dealer_list .lr_donor_inactive {
  color: #bb0000;
}
.lr_admin_dealer_list .lr_meta_warn {
  color: #b57200;
}
.lr_admin_dealer_list .lr_meta_fatal {
  color: #bb0000;
}
.lr_admin_dealer_list .lr_col_import {
  min-width: 165px;
  white-space: nowrap;
  line-height: 1.45;
}
.lr_admin_dealer_list .lr_col_contents {
  min-width: 215px;
  white-space: nowrap;
  line-height: 1.45;
}

.nexusiq_icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url(../images/logo/icon_NexusIQ_head_colour.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle;
}

.nexusiq_icon:hover {
  background-image: url(../images/logo/icon_NexusIQ_head_colour-HOVER.svg);
}

.nexusiq_icon_2x {
  font-size: 2em;
}

.nexusiq_icon.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.lr_assign_panel {
  margin: 20px 0px 0px 0px;
  padding: 16px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  max-width: 34rem;
}
.lr_assign_panel h3 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #333399;
  margin: 0px 0px 12px 0px;
}
.lr_assign_panel label {
  display: block;
  margin: 0px 0px 4px 0px;
}
.lr_assign_panel .form_select {
  max-width: 28rem;
}
.lr_assign_panel .lr_assign_panel_actions {
  display: flex;
  gap: 8px;
  margin: 12px 0px 0px 0px;
}

.eink_dirx .eink_block_inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 34px 18px 60px;
}

.eink_dirx_crumb {
  font-size: 13px;
  margin: 0 0 12px;
}
.eink_dirx_crumb a {
  text-decoration: none;
  font-weight: 700;
}
.eink_dirx_crumb a:hover {
  text-decoration: underline;
}

.eink_dirx_heading {
  margin: 0 0 6px;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #14181F;
}

.eink_dirx_intro {
  margin: 0 0 18px;
  font-size: 14.5px;
  color: #5B6472;
  max-width: 720px;
}

.eink_dirx_provinces {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 22px;
}
.eink_dirx_provinces .eink_dirx_pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border-radius: 999px;
  text-decoration: none;
  background: #FFFFFF;
  border: 1px solid #E4E7EC;
  color: #39414D;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.eink_dirx_provinces .eink_dirx_pill span {
  font-weight: 700;
  font-size: 11.5px;
  color: #7A8494;
  background: #F0F2F5;
  border-radius: 999px;
  padding: 3px 7px;
}
.eink_dirx_provinces .eink_dirx_pill:hover {
  border-color: #9CC1FF;
  color: #1B6DF3;
}
.eink_dirx_provinces .eink_dirx_pill_on {
  background: #1B6DF3;
  border-color: #1B6DF3;
  color: #FFFFFF;
}
.eink_dirx_provinces .eink_dirx_pill_on span {
  background: rgba(255, 255, 255, 0.18);
  color: #FFFFFF;
}
.eink_dirx_provinces .eink_dirx_pill_on:hover {
  color: #FFFFFF;
}

.eink_dirx_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}

.eink_dirx_subhead {
  margin: 0;
  font-size: 19px;
  font-weight: 800;
  color: #14181F;
}

.eink_dirx_views {
  display: flex;
  gap: 6px;
}
.eink_dirx_views .eink_dirx_view {
  padding: 7px 14px;
  border-radius: 9px;
  text-decoration: none;
  border: 1px solid #E4E7EC;
  background: #FFFFFF;
  color: #39414D;
  font-size: 13px;
  font-weight: 700;
}
.eink_dirx_views .eink_dirx_view:hover {
  border-color: #9CC1FF;
  color: #1B6DF3;
}
.eink_dirx_views .eink_dirx_view_on {
  background: #14181F;
  border-color: #14181F;
  color: #FFFFFF;
}
.eink_dirx_views .eink_dirx_view_on:hover {
  color: #FFFFFF;
}

.eink_dirx_alpha {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 16px;
}
.eink_dirx_alpha .eink_dirx_letter {
  min-width: 34px;
  text-align: center;
  padding: 7px 0;
  border-radius: 8px;
  border: 1px solid #E4E7EC;
  background: #FFFFFF;
  color: #39414D;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
.eink_dirx_alpha .eink_dirx_letter:hover {
  border-color: #9CC1FF;
  color: #1B6DF3;
}
.eink_dirx_alpha .eink_dirx_letter_on {
  background: #1B6DF3;
  border-color: #1B6DF3;
  color: #FFFFFF;
}
.eink_dirx_alpha .eink_dirx_letter_on:hover {
  color: #FFFFFF;
}
.eink_dirx_alpha .eink_dirx_letter_off {
  color: #C6CCD4;
  background: #F5F6F8;
  cursor: default;
}
.eink_dirx_alpha .eink_dirx_letter_off:hover {
  border-color: #E4E7EC;
  color: #C6CCD4;
}

.eink_dirx_rows {
  border: 1px solid #E4E7EC;
  border-radius: 14px;
  background: #FFFFFF;
  overflow: hidden;
}

.eink_dirx_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 16px;
  text-decoration: none;
  border-top: 1px solid #F0F2F5;
  scroll-margin-top: 90px;
}
.eink_dirx_row:first-child {
  border-top: 0;
}
.eink_dirx_row:hover {
  background: #F0F6FF;
}
.eink_dirx_row .eink_dirx_row_name {
  font-size: 14.5px;
  font-weight: 700;
  color: #14181F;
}
.eink_dirx_row .eink_dirx_row_name i {
  font-size: 11px;
  color: #98A1AE;
  width: 14px;
}
.eink_dirx_row .eink_dirx_row_count {
  font-size: 12.5px;
  font-weight: 700;
  color: #7A8494;
  white-space: nowrap;
}

.eink_dirx_row_on {
  background: #F0F6FF;
}
.eink_dirx_row_on .eink_dirx_row_name i {
  color: #1B6DF3;
}

.eink_dirx_expand {
  padding: 4px 16px 18px;
  border-top: 1px solid #F0F2F5;
  background: #FAFBFC;
}

.eink_dirx_cityhead {
  margin: 16px 0 4px;
  font-size: 13px;
  font-weight: 800;
  color: #5B6472;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.eink_dirx_dealer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 2px;
  border-bottom: 1px solid #F0F2F5;
  flex-wrap: wrap;
}
.eink_dirx_dealer:last-child {
  border-bottom: 0;
}
.eink_dirx_dealer .eink_dirx_dealer_name {
  font-size: 14px;
  color: #39414D;
  flex: 1 1 auto;
}
.eink_dirx_dealer .eink_dirx_dealer_name a {
  color: #1B6DF3;
  font-weight: 700;
  text-decoration: none;
}
.eink_dirx_dealer .eink_dirx_dealer_name a:hover {
  text-decoration: underline;
}
.eink_dirx_dealer .eink_dirx_dealer_city {
  font-size: 12.5px;
  color: #7A8494;
}
.eink_dirx_dealer .eink_dirx_dealer_phone {
  font-size: 13px;
  color: #39414D;
  text-decoration: none;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.eink_dirx_dealer .eink_dirx_dealer_phone i {
  font-size: 11px;
  color: #98A1AE;
  margin-right: 3px;
}
.eink_dirx_dealer .eink_dirx_dealer_phone:hover {
  color: #1B6DF3;
}

.eink_dirx_livechip {
  display: inline-block;
  margin-left: 7px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #ECFDF5;
  color: #15803D;
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  vertical-align: 1px;
}

.eink_dirx_rows_name {
  padding: 6px 16px;
}

.eink_dirx_search {
  display: flex;
  gap: 8px;
  margin: 4px 0 14px;
  max-width: 560px;
  position: relative;
  z-index: 4;
}
.eink_dirx_search .lr_pick_wrap {
  flex: 1 1 auto;
  min-width: 0;
}
.eink_dirx_search input[type=search] {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #E4E7EC;
  border-radius: 10px;
  font-size: 14px;
  font-family: inherit;
  color: #14181F;
  background: #FFFFFF;
}
.eink_dirx_search input[type=search]:focus {
  outline: 2px solid #9CC1FF;
  border-color: #1B6DF3;
}
.eink_dirx_search button {
  padding: 10px 18px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  background: #1B6DF3;
  color: #FFFFFF;
  font-size: 13.5px;
  font-weight: 800;
  font-family: inherit;
  white-space: nowrap;
}
.eink_dirx_search button:hover {
  background: #1554C0;
}
.eink_dirx_search button i {
  margin-right: 4px;
}

@media (max-width: 640px) {
  .eink_dirx_heading {
    font-size: 23px;
  }
  .eink_dirx_bar {
    flex-direction: column;
    align-items: flex-start;
  }
  .eink_dirx_dealer {
    flex-direction: column;
    gap: 2px;
  }
  .eink_dirx_dealer .eink_dirx_dealer_phone {
    align-self: flex-start;
  }
}
.eink_dprof {
  background: #F5F6F8;
}
.eink_dprof .eink_dprof_inner {
  max-width: 1080px;
  margin: 0 auto;
  padding: 26px 18px 60px;
}

.eink_dprof_crumb {
  font-size: 13px;
  color: #7A8494;
  margin-bottom: 16px;
}
.eink_dprof_crumb a {
  color: #1B6DF3;
  text-decoration: none;
  font-weight: 700;
}
.eink_dprof_crumb a:hover {
  text-decoration: underline;
}
.eink_dprof_crumb span[aria-hidden] {
  margin: 0 5px;
}

.eink_dprof_band {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
  background: #FFFFFF;
  border: 1px solid #E4E7EC;
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 18px;
}
.eink_dprof_band h1 {
  margin: 0 0 4px;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #14181F;
}
.eink_dprof_band .eink_dprof_type {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  color: #7A8494;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.eink_dprof_band .eink_dprof_contact {
  text-align: right;
}
.eink_dprof_band .eink_dprof_contact p {
  margin: 0 0 6px;
  font-size: 14px;
  color: #39414D;
  line-height: 1.5;
}
.eink_dprof_band .eink_dprof_phone {
  font-size: 17px;
  font-weight: 800;
  color: #1B6DF3;
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}
.eink_dprof_band .eink_dprof_phone:hover {
  text-decoration: underline;
}

.eink_dprof_map {
  position: relative;
  border: 1px solid #E4E7EC;
  border-radius: 14px;
  overflow: hidden;
  background: #FFFFFF;
  min-height: 460px;
}
.eink_dprof_map iframe {
  display: block;
  width: 100%;
  height: 520px;
  border: 0;
}
.eink_dprof_map .eink_dprof_dir {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 9px 14px;
  border-radius: 10px;
  background: #14181F;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(14, 18, 24, 0.28);
}
.eink_dprof_map .eink_dprof_dir:hover {
  background: #1B6DF3;
  color: #FFFFFF;
}

@media (max-width: 860px) {
  .eink_dprof_map {
    min-height: 0;
  }
  .eink_dprof_map iframe {
    height: 320px;
  }
  .eink_dprof_band .eink_dprof_contact {
    text-align: left;
  }
}
.lr_admin_billing {
  max-width: 72rem;
}
.lr_admin_billing > .text_muted {
  margin: 0 0 16px 0;
}

.lr_admin_billing.is_wide {
  max-width: none;
}

.lr_admin_billing.is_wide #adminBillingExportColumns,
.lr_admin_billing.is_wide #adminBillingExportPanel > p.text_muted {
  max-width: 72rem;
}

.lr_admin_billing_filter {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0 0 14px 0;
}
.lr_admin_billing_filter .textbox_label {
  margin: 0;
  min-width: 11rem;
}
.lr_admin_billing_filter .complex_form_dropdown,
.lr_admin_billing_filter .complex_form_textbox {
  width: 100%;
  margin: 0;
}
.lr_admin_billing_filter .btn_primary {
  margin: 0 0 2px 0;
}

.lr_admin_billing_count {
  margin-left: auto;
  font-weight: 700;
  align-self: center;
}

.lr_admin_billing_table td.lr_admin_billing_amount,
.lr_admin_billing_table th.lr_admin_billing_amount {
  text-align: right;
}

.lr_admin_billing_snap_btn {
  font-size: 0.75rem;
  padding: 4px 12px;
  white-space: nowrap;
}

.lr_admin_billing_table tbody tr:hover td {
  background-color: #FFFEC3;
}

.lr_admin_billing_table tr.is_selected td {
  background-color: #fffec3;
}

.lr_admin_billing_table tr.is_selected td:first-child {
  box-shadow: inset 4px 0 0 #333399;
}

.lr_admin_billing_snap_heading {
  display: block;
  margin: 22px 0 10px 0;
}

@media only screen and (max-width: 40em) {
  .lr_admin_billing_filter .textbox_label {
    flex-basis: 100%;
  }
  .lr_admin_billing_count {
    margin-left: 0;
  }
}
.lr_admin_billing_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 0 0 18px 0;
  border-bottom: 2px solid #dddddd;
}

.lr_admin_billing_tab {
  padding: 8px 18px;
  font-weight: 700;
  color: #666666;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
.lr_admin_billing_tab:hover {
  color: #333399;
}
.lr_admin_billing_tab.is_active {
  color: #333399;
  border-bottom-color: #333399;
}

.lr_admin_billing_status {
  padding: 10px 14px;
  margin: 0 0 14px 0;
  border-left: 4px solid #333399;
  background-color: #f4f4f8;
  font-weight: 700;
}
.lr_admin_billing_status.is_error {
  border-left-color: #BF1B28;
  background-color: #fdf0ee;
}
.lr_admin_billing_status.is_success {
  border-left-color: #007531;
  background-color: #eef7f1;
}

.lr_admin_billing_table td.lr_admin_billing_state,
.lr_admin_billing_table th.lr_admin_billing_state {
  text-align: center;
}

.lr_admin_billing_state_icon {
  font-size: 1.25rem;
}
.lr_admin_billing_state_icon.is_finalised {
  color: #007531;
}
.lr_admin_billing_state_icon.is_generated {
  color: #333399;
}
.lr_admin_billing_state_icon.is_attention {
  color: #f08a24;
}
.lr_admin_billing_state_icon.is_open {
  color: #999999;
}

.lr_admin_billing_actions {
  white-space: nowrap;
}
.lr_admin_billing_actions > * {
  vertical-align: middle;
}

.lr_admin_billing_icon_btn {
  border: 0;
  background: none;
  cursor: pointer;
  padding: 4px 6px;
  color: #333399;
  font-size: 1.05rem;
}
.lr_admin_billing_icon_btn.is_export {
  color: #007531;
}
.lr_admin_billing_icon_btn:hover {
  opacity: 0.7;
}

.lr_admin_billing_task_btn {
  font-size: 0.75rem;
  padding: 4px 12px;
  white-space: nowrap;
}

.lr_admin_billing_note {
  font-size: 0.75rem;
  font-style: italic;
}

.lr_admin_billing_preview {
  margin-top: 22px;
}

.lr_admin_billing_panel .lr_admin_billing_table .complex_form_textbox,
.lr_admin_billing_panel .lr_admin_billing_table .complex_form_dropdown {
  width: 100%;
  min-width: 6rem;
  margin: 0;
}
.lr_admin_billing_panel code {
  font-size: 0.75rem;
  background-color: #f0f0f0;
  padding: 1px 5px;
}

.lr_admin_billing_notice {
  margin: 0 0 18px 0;
  padding: 12px 14px;
  border-left: 4px solid #f08a24;
  background-color: #fffbea;
}

.lr_admin_billing_pricing_heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}
.lr_admin_billing_pricing_heading .text_muted {
  margin: 0;
}

.lr_admin_billing_pricing_editor {
  margin: 0 0 18px 0;
  padding: 18px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #f7f8fa;
}

.lr_admin_billing_pricing_fields {
  display: grid;
  grid-template-columns: 2fr 1.4fr minmax(8rem, 0.6fr);
  gap: 14px;
  margin-top: 12px;
}
.lr_admin_billing_pricing_fields .textbox_label {
  margin: 0;
}
.lr_admin_billing_pricing_fields .complex_form_textbox {
  width: 100%;
  margin: 0;
}

.lr_admin_billing_pricing_actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 14px;
}

.lr_admin_billing_renewal_toolbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.lr_admin_billing_renewal_toolbar .textbox_label {
  width: min(30rem, 100%);
  margin: 0;
}
.lr_admin_billing_renewal_toolbar .complex_form_dropdown {
  width: 100%;
  margin: 0;
}

.lr_admin_billing_renewal_editor {
  margin: 0 0 20px 0;
  padding: 18px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  background-color: #f7f8fa;
}

.lr_admin_billing_renewal_fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.lr_admin_billing_renewal_fields .textbox_label {
  margin: 0;
}
.lr_admin_billing_renewal_fields .complex_form_dropdown,
.lr_admin_billing_renewal_fields .complex_form_textbox {
  width: 100%;
  margin: 0;
}

.lr_admin_billing_renewal_notes {
  grid-column: 1/-1;
}

.lr_admin_billing_renewal_actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

@media only screen and (min-width: 40.001em) and (max-width: 70em) {
  .lr_admin_billing_renewal_fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 40em) {
  .lr_admin_billing_pricing_heading {
    align-items: stretch;
    flex-direction: column;
  }
  .lr_admin_billing_pricing_fields {
    grid-template-columns: 1fr;
  }
  .lr_admin_billing_renewal_toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .lr_admin_billing_renewal_fields {
    grid-template-columns: 1fr;
  }
}
.lr_rebuild_stub {
  max-width: 52rem;
}

.lr_rebuild_stub_note {
  padding: 10px 16px;
  margin: 10px 0 16px 0;
  background-color: #f5ead4;
  border-radius: 10px;
  color: #222222;
}

.lr_rebuild_stub_note p {
  margin: 0 0 8px 0;
}

.lr_rebuild_stub_note p:last-child {
  margin-bottom: 0;
}

.lr_rebuild_stub .form_large_heading {
  margin-top: 0;
}

.lr_sign_layout_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 1rem;
  margin: 0 0 1.25rem 0;
}

.lr_sign_layout_card {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 2px solid #dadce0;
  border-radius: 6px;
  overflow: hidden;
}

.lr_sign_layout_card.is_selected {
  border-color: #333399;
  box-shadow: 0 0 0 1px #333399;
}

.lr_sign_layout_card__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef0f6;
  min-height: 140px;
  overflow: hidden;
}

.lr_sign_layout_card__thumb img {
  display: block;
  width: 100%;
  height: 160px;
  object-fit: cover;
  object-position: top center;
}

.lr_sign_layout_card__thumb--landscape {
  min-height: 110px;
  background: linear-gradient(180deg, #333399 0%, #333399 28%, #ffffff 28%, #ffffff 100%);
}

.lr_sign_layout_card__thumb_label {
  margin-top: 1.5rem;
  color: #333399;
  font-weight: 700;
  font-size: 0.95rem;
}

.lr_sign_layout_card__thumb--landscape,
.lr_sign_layout_card__thumb--portrait {
  position: relative;
}

.lr_sign_layout_card__mini {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  visibility: hidden;
}

.lr_sign_layout_card__thumb.is_loaded .lr_sign_layout_card__mini {
  visibility: visible;
}

.lr_sign_layout_card__thumb.is_loaded .lr_sign_layout_card__thumb_label,
.lr_sign_layout_card__thumb.is_loaded > img {
  display: none;
}

.lr_sign_layout_card__thumb.is_loaded {
  background: #eef0f6;
  height: 206px;
  min-height: 206px;
}

.lr_sign_layout_card__mini_frame {
  border: 0;
  transform-origin: center center;
  pointer-events: none;
  flex: 0 0 auto;
}

.lr_sign_layout_card__mini_frame--landscape {
  width: 1056px;
  height: 830px;
  transform: scale(0.253);
  margin-top: -8px;
}

.lr_sign_layout_card__mini_frame--portrait {
  width: 816px;
  height: 1100px;
  transform: scale(0.195);
  margin-top: -12px;
}

.lr_sign_layout_card__body {
  padding: 0.85rem 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  flex: 1 1 auto;
}

.lr_sign_layout_card__name {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  color: #1b1f2a;
}

.lr_sign_layout_card__desc {
  margin: 0;
  color: #5a6475;
  font-size: 0.9rem;
  line-height: 1.35;
  flex: 1 1 auto;
}

.lr_sign_layout_card__actions {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  margin-top: 0.5rem;
}

.lr_sign_layout_card__previews {
  display: flex;
  gap: 0.55rem;
}

.lr_sign_layout_card__previews .lr_sign_layout_preview {
  flex: 1 1 0;
  font-size: 0.85rem;
  padding: 0.35rem 0.5rem;
}

.lr_sign_layout_card__actions .lr_sign_layout_choose {
  width: 100%;
}

.lr_sign_layout_current {
  margin: 0 0 1rem 0;
}

.lr_sign_layout_note {
  margin: 0 0 1rem 0;
  padding: 0.75rem 1rem;
  background: #eef0f6;
  border-left: 4px solid #333399;
  color: #1b1f2a;
}

.lr_sign_designer_small_note {
  display: none;
  margin: 0 0 1rem 0;
  padding: 0.75rem 1rem;
  background: #eef0f6;
  border-left: 4px solid #333399;
}
.lr_sign_designer_small_note h3 {
  margin: 0;
  font-size: 1rem;
}

.lr_sign_designer_stage {
  margin: 0 0 1.25rem 0;
  overflow-x: auto;
}

.itemSign_container.signDesigner {
  width: 1056px;
  height: 816px;
  position: relative;
  margin: 0;
  padding: 20px;
  background: none;
}

.itemSign_container.signDesigner .itemSign_border_outer {
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: #009933;
}

.itemSign_container.signDesigner .fa-stack.lr_sd_jump {
  color: #333399;
  cursor: pointer;
}

.itemSign_container.signDesigner .fa-stack.lr_sd_jump .fa-inverse {
  color: #ffffff;
}

.itemSign_container.signDesigner .fa-stack.lr_sd_jump:hover {
  color: #292982;
}

.sign_colour_border {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
}

.sign_colour_text {
  position: absolute;
  left: 55px;
  top: 52px;
  z-index: 2;
}

.sign_qr_dealership {
  position: absolute;
  right: 135px;
  top: 52px;
  z-index: 2;
}

.sign_qr_item {
  position: absolute;
  left: 465px;
  top: 265px;
  z-index: 2;
}

.sign_item_warranty {
  position: absolute;
  right: 50px;
  top: 190px;
  z-index: 2;
}

.sign_dealer_notes {
  position: absolute;
  right: 50px;
  top: 500px;
  z-index: 2;
}

.itemSign_panel_heading_main {
  position: relative;
  margin: 20px;
  height: 90px;
  border-radius: 10px;
  text-align: center;
  font-size: 3.75rem;
  font-weight: 800;
  line-height: 90px;
  white-space: nowrap;
  overflow: hidden;
  background-color: #ffffff !important;
}

.item_sign_dealer_qr_container {
  width: 80px;
  height: 80px;
  float: right;
  clear: both;
  margin: 6px 8px 0px 0px;
  background-color: #EBEBEB;
}

.lr_sd_qr_hint {
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 80px;
  text-align: center;
  color: #9aa0ad;
}

.item_sign_item_qr_container .lr_sd_qr_hint {
  line-height: 100px;
}

.itemSign_container.signDesigner .itemSign_container_left {
  float: left;
  width: 55%;
}

.itemSign_container.signDesigner .itemSign_container_right {
  float: right;
  width: 45%;
}

.itemSign_panel_heading_item {
  position: relative;
  margin: 0px 10px 20px 20px;
  height: 63px;
  border-radius: 10px;
  text-align: left;
  padding: 0px 10px;
  background-color: #ffffff !important;
}

.itemSign_heading_item {
  position: relative;
  font-size: 2rem;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.itemSign_panel_item_features {
  position: relative;
  margin: 0px 10px 0px 20px;
  padding: 5px 15px 0px;
  height: 200px;
  border-radius: 10px 10px 0px 0px;
  background-color: #ffffff;
}

.itemSign_specification_label_container {
  width: 100px;
  float: left;
  text-align: right;
  line-height: 1.77rem;
}

.itemSign_specification_label {
  font-size: 0.875rem;
}

.itemSign_specification_container {
  float: left;
  text-align: left;
  padding: 0px 0px 0px 10px;
  font-weight: 700;
  line-height: 1.75;
}

.itemSign_specification {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  width: 385px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item_sign_qr_phone_container {
  float: right;
  height: 140px;
  margin: -140px 0px 0px;
}

.item_sign_item_qr_container {
  width: 100px;
  height: 100px;
  float: right;
  clear: both;
  background-color: #EBEBEB;
}

.itemSign_dealer_phone {
  margin: 0px;
  font-size: 1.25rem;
  font-weight: 700;
}

.itemSign_dealer_phone a {
  color: inherit;
}

.itemSign_engine_trans {
  margin: 5px 0px;
  border-top: 2px solid #B5B5B5;
  border-bottom: 2px solid #B5B5B5;
  font-size: 1.25rem;
  font-weight: 700;
}

.itemSign_trans {
  float: right;
}

.itemSign_engine {
  float: left;
}

.itemSign_panel_item_features_lower {
  position: relative;
  margin: 0px 10px 20px 20px;
  padding: 0px 0px 0px 15px;
  height: 240px;
  border-radius: 0px 0px 10px 10px;
  background-color: #ffffff;
}

.itemSign_features_container {
  width: 100%;
}

.itemSign_features {
  float: left;
  width: 33%;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 4px 0px 0px;
}

.itemSign_panel_item_price {
  position: relative;
  margin: 0px 10px 20px 20px;
  height: 80px;
  border-radius: 10px;
  background-color: #ffffff !important;
  padding: 0 10px;
}

.itemSign_panel_row_spacer {
  height: 5px;
}

.lr_sd_price_col {
  float: left;
  width: 33.333%;
  padding: 0 8px;
}

.itemSign_panel_item_price .textbox_label {
  display: block;
  text-align: left;
  font-weight: 700;
  font-size: 0.875rem;
  margin: 0;
}

.itemSign_panel_item_price .lr_sd_dropdown {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 700;
  height: 2rem;
  padding: 0.2rem 0.4rem;
  color: #3d3d3d;
  margin: 2px 0 0 0;
}

#lrSdStrike {
  margin-left: 6px;
  color: #333399;
}

#lrSdStrike.disabled_colour,
#lrSdPhone.disabled_colour {
  color: #cacaca !important;
}

.itemSign_panel_item_warranty {
  position: relative;
  padding: 5px 10px 0px;
  margin: 0px 20px 20px 10px;
  text-align: center;
  height: 160px;
  border-radius: 10px;
  background-color: #ffffff !important;
}

.itemSign_panel_heading {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
}

.itemSign_warranty_certified {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  font-size: 2rem;
  font-weight: 900;
  padding: 0px 20px;
}

.itemSign_panel_item_notes {
  position: relative;
  padding: 5px 10px 0px;
  margin: 0px 20px 20px 10px;
  text-align: center;
  height: 443px;
  border-radius: 10px;
  background-color: #ffffff !important;
  overflow: hidden;
}

.itemSign_disclaimer {
  border-top: 8px solid #009933;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 8px;
  font-size: 0.625rem;
  line-height: 0.625rem;
  text-align: justify;
}

.lr_sd_disclaimer_text {
  width: 100%;
}

.lr_sd_disclaimer_asterisk {
  margin: 0 2px 0 0;
  float: left;
  position: relative;
  font-size: 1rem;
  height: 6px;
  color: #BF1B28;
}

.flex_box_container {
  display: flex;
  align-items: center;
}

.lr_sd_stage_hint {
  margin: 0 0 0.5rem 0;
}
.lr_sd_stage_hint i {
  color: #333399;
  margin-right: 4px;
}

.lr_sd_modal {
  border: 0;
  border-radius: 8px;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.35);
  padding: 0;
  width: min(440px, 92vw);
}

.lr_sd_modal[open] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.lr_sd_modal::backdrop {
  background: rgba(27, 31, 42, 0.45);
}

.lr_sd_modal_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.lr_sd_modal_body > p {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
}

.lr_sd_colour_row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.lr_sd_colour_row .uber_form_textbox {
  flex: 1 1 auto;
  margin: 0;
}

.lr_sd_colour_swatch {
  width: 3rem;
  height: 2.4rem;
  padding: 2px;
  border: 1px solid #dadce0;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
  flex: 0 0 auto;
}

.lr_sticker_stage {
  margin: 0 0 1.25rem 0;
}

.lr_sticker_frame {
  position: relative;
  width: 542px;
  height: 700px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18);
  outline: 1px solid #dddddd;
}

.lr_sticker_frame iframe {
  position: absolute;
  top: -30px;
  left: 0;
  width: 856px;
  height: 1180px;
  border: 0;
  transform: scale(0.633);
  transform-origin: top left;
  pointer-events: none;
}

.lr_sticker_empty {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #5a6475;
  background: #eef0f6;
}

.lr_sticker_caption {
  margin: 0.5rem 0 0 0;
  max-width: 542px;
}

.lr_sticker_icon {
  position: absolute;
  z-index: 2;
  color: #333399;
  cursor: pointer;
}

.lr_sticker_icon .fa-inverse {
  color: #ffffff;
}

.lr_sticker_icon:hover {
  color: #292982;
}

.lr_sticker_icon_qr {
  top: 8px;
  right: 8px;
}

.lr_sticker_icon_fuel {
  bottom: 175px;
  right: 8px;
}

.lr_sticker_icon_finance {
  bottom: 30px;
  right: 8px;
}

.lr_sd_pending_note {
  margin: 0.75rem 0 0 0;
  padding: 0.5rem 0.75rem;
  background: #fff6e0;
  border-left: 4px solid #f08a24;
  font-size: 0.85rem;
}
.lr_sd_pending_note i {
  color: #f08a24;
  margin-right: 4px;
}

.lr_sd_control_hint {
  margin: 0.5rem 0 0 0;
  font-size: 0.8125rem;
}

.lr_sd_toggle_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.3rem 0;
  border-bottom: 1px solid #eef0f6;
}

.lr_sd_toggle_row:last-child {
  border-bottom: 0;
}

.lr_sd_toggle_label {
  font-weight: 700;
  font-size: 0.9rem;
}

.lr_sd_toggle_buttons .btn_primary,
.lr_sd_toggle_buttons .btn_secondary {
  padding: 0.25rem 0.9rem;
  margin: 0 0 0 0.25rem;
}

@media (max-width: 1140px) {
  .lr_sign_designer_stage {
    display: none;
  }
  .lr_sign_designer_small_note {
    display: block;
  }
}
.lr_fairturn_page {
  max-width: 1120px;
}

.wholesale_nav_tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 4px 0 16px 0;
  width: 100%;
}

.lr_fairturn_head_logo {
  height: 34px;
  width: auto;
  margin-top: 3px;
}

.lr_heading_logo_only .dashboard_multi_dealer_name {
  margin-left: 0;
}

.wholesale_nav_tab {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #EFEFEF;
  font-size: 1rem;
  font-weight: bold;
  color: #333399;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.wholesale_nav_tab i {
  margin-right: 6px;
  opacity: 0.65;
}
.wholesale_nav_tab:hover {
  background: #dfdfdf;
  color: #333399;
}
.wholesale_nav_tab--active {
  background: #333399;
  color: #FFFFFF;
}
.wholesale_nav_tab--active i {
  opacity: 1;
}
.wholesale_nav_tab--active:hover {
  background: #333399;
  color: #FFFFFF;
}

.wm_hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(128deg, #0e2338 0%, #17334d 45%, #1779ba 115%);
  color: #FFFFFF;
  margin-bottom: 28px;
  box-shadow: 0 10px 26px rgba(14, 35, 56, 0.16);
}
.wm_hero::after {
  content: "";
  position: absolute;
  top: -60%;
  right: -12%;
  width: 55%;
  height: 220%;
  background: radial-gradient(closest-side, rgba(43, 145, 217, 0.35), transparent 70%);
  pointer-events: none;
}

.wm_hero_inner {
  position: relative;
  z-index: 1;
  padding: 42px 44px 30px 44px;
  max-width: 720px;
}

.wm_hero_logo {
  height: 60px;
  display: block;
  margin-bottom: 16px;
}

.wm_hero_kicker {
  display: inline-block;
  font-size: 0.688rem;
  font-weight: bold;
  letter-spacing: 0.14em;
  color: #e8a33d;
  background: rgba(232, 163, 61, 0.14);
  border: 1px solid rgba(232, 163, 61, 0.45);
  border-radius: 30px;
  padding: 4px 14px;
  margin-bottom: 14px;
}

.wm_hero_title {
  font-size: 2.1rem;
  line-height: 1.15;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 12px 0;
}

.wm_hero_sub {
  font-size: 1rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.82);
  margin-bottom: 22px;
}

.wm_hero_ctas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.wm_btn {
  display: inline-block;
  padding: 11px 24px;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
  transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}
.wm_btn i {
  margin-right: 6px;
}
.wm_btn:hover {
  transform: translateY(-1px);
}
.wm_btn--primary {
  background: #e8a33d;
  color: #0e2338;
  box-shadow: 0 4px 14px rgba(232, 163, 61, 0.35);
}
.wm_btn--primary:hover {
  background: #ebb058;
  color: #0e2338;
}
.wm_btn--ghost {
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.wm_btn--ghost:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
}

.wm_hero_stats {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(14, 35, 56, 0.35);
}

.wm_stat {
  flex: 1 1 120px;
  text-align: center;
  padding: 16px 10px;
}
.wm_stat + .wm_stat {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.wm_stat_number {
  display: block;
  font-size: 1.75rem;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1.1;
}

.wm_stat_label {
  display: block;
  font-size: 0.688rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 3px;
}

.wm_section_title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #17334d;
  margin: 30px 0 14px 0;
  padding-bottom: 8px;
  position: relative;
}
.wm_section_title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 44px;
  height: 3px;
  border-radius: 2px;
  background: #e8a33d;
}

.wm_steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.wm_step {
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  padding: 22px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
}
.wm_step h4 {
  font-size: 1rem;
  font-weight: bold;
  color: #17334d;
  margin: 12px 0 6px 0;
}
.wm_step p {
  font-size: 0.844rem;
  line-height: 1.55;
  color: #6b7684;
  margin: 0;
}

.wm_step_number {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(135deg, #1779ba, #17334d);
  color: #FFFFFF;
  font-size: 1.125rem;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(23, 121, 186, 0.3);
}

.wm_features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
}

.wm_feature {
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  padding: 18px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wm_feature:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(14, 35, 56, 0.16);
}
.wm_feature i {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border-radius: 9px;
  background: rgba(23, 121, 186, 0.1);
  color: #1779ba;
  font-size: 1rem;
  margin-bottom: 10px;
}
.wm_feature h5 {
  font-size: 0.906rem;
  font-weight: bold;
  color: #17334d;
  margin: 0 0 5px 0;
}
.wm_feature p {
  font-size: 0.813rem;
  line-height: 1.5;
  color: #6b7684;
  margin: 0;
}

.wm_teaser_head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
}
.wm_teaser_head .wm_teaser_all {
  font-size: 0.813rem;
  font-weight: bold;
}

.wm_invite_band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin: 34px 0 26px 0;
  padding: 26px 30px;
  background: linear-gradient(120deg, rgba(23, 121, 186, 0.08), rgba(232, 163, 61, 0.1));
  border: 1px solid #e3e8ee;
}
.wm_invite_band h3 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #17334d;
  margin: 0 0 4px 0;
}
.wm_invite_band p {
  font-size: 0.875rem;
  color: #6b7684;
  margin: 0;
  max-width: 560px;
}
.wm_invite_band .wm_btn--primary {
  box-shadow: 0 4px 14px rgba(232, 163, 61, 0.45);
}

.wholesale_upgrade_cta {
  margin: 4px 0 18px 0;
  font-weight: bold;
}

.wholesale_marketplace_toolbar {
  margin-bottom: 16px;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  padding: 18px 20px 14px 20px;
}
.wholesale_marketplace_toolbar h3 {
  margin: 0 0 4px 0;
  color: #17334d;
  font-weight: bold;
}
.wholesale_marketplace_toolbar .wholesale_my_listings_link,
.wholesale_marketplace_toolbar .wholesale_invite_link {
  margin: 2px 0 0 6px;
}

.wholesale_marketplace_filters {
  margin-top: 10px;
}

.wholesale_back_link {
  display: inline-block;
  margin: 4px 0 10px 0;
  font-size: 0.813rem;
  font-weight: bold;
}

.wholesale_marketplace_empty {
  padding: 46px 20px;
  text-align: center;
  color: #6b7684;
  font-size: 1rem;
  background: #f5f8fa;
  border: 1px dashed #e3e8ee;
  border-radius: 10px;
}

.wholesale_marketplace_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
  list-style: none;
  margin: 10px 0 0 0;
  padding: 0;
}

.wholesale_card {
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.wholesale_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(14, 35, 56, 0.16);
}
.wholesale_card:hover .wholesale_card_photo img {
  transform: scale(1.03);
}
.wholesale_card .wholesale_card_link {
  display: block;
  color: inherit;
}

.wholesale_card_photo {
  position: relative;
  height: 190px;
  background: linear-gradient(140deg, #e8edf2, #f4f7fa);
  overflow: hidden;
}
.wholesale_card_photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.wholesale_card_nophoto {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 190px;
  color: #c3cdd6;
}

.wholesale_card_type_badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 4px 11px;
  border-radius: 30px;
  font-size: 0.656rem;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0.06em;
  box-shadow: 0 2px 8px rgba(14, 35, 56, 0.25);
}
.wholesale_card_type_badge--auction {
  background: linear-gradient(120deg, #b9032b, #e60436);
}
.wholesale_card_type_badge--buynow {
  background: linear-gradient(120deg, #1779ba, #2b91d9);
}

.wholesale_card_body {
  padding: 13px 15px 11px 15px;
}
.wholesale_card_body .wholesale_card_title {
  font-size: 0.938rem;
  font-weight: bold;
  margin: 0 0 3px 0;
  color: #2c3440;
  letter-spacing: 0.01em;
}
.wholesale_card_body .wholesale_card_price {
  margin-top: 7px;
  font-size: 0.813rem;
  color: #6b7684;
}
.wholesale_card_body .wholesale_card_price b {
  font-size: 1.25rem;
  color: #17334d;
}

.wholesale_card_countdown {
  display: inline-block;
  margin-top: 7px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #b9032b;
  background: rgba(185, 3, 43, 0.07);
  border-radius: 4px;
  padding: 3px 9px;
}
.wholesale_card_countdown--urgent {
  animation: wm-pulse 1s infinite;
}

@keyframes wm-pulse {
  50% {
    opacity: 0.55;
  }
}
.wholesale_card_auction_soon {
  margin-top: 7px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #8a6d1a;
  background: #FFF3D6;
  border-radius: 4px;
  display: inline-block;
  padding: 3px 9px;
  margin-left: 6px;
}

.wholesale_card_seller {
  padding: 9px 15px;
  background: #f5f8fa;
  border-top: 1px solid #e3e8ee;
  font-size: 0.75rem;
  color: #6b7684;
}

.wholesale_marketplace_pager {
  margin: 20px 0;
}
.wholesale_marketplace_pager .wm_pager_label {
  margin: 0 12px;
  font-size: 0.875rem;
  color: #6b7684;
}

.wholesale_listing_detail {
  margin-top: 6px;
}
.wholesale_listing_detail .row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 1fr);
  gap: 18px;
}

.wholesale_detail_photo {
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(140deg, #e8edf2, #f4f7fa);
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
}
.wholesale_detail_photo img {
  width: 100%;
  display: block;
}

.wholesale_detail_box {
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  padding: 20px;
  background: #FFFFFF;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
}
.wholesale_detail_box .wholesale_card_type_badge {
  position: static;
  display: inline-block;
  margin-bottom: 10px;
  box-shadow: none;
}
.wholesale_detail_box .wholesale_detail_title {
  font-size: 1.313rem;
  margin: 4px 0 10px 0;
  color: #2c3440;
  font-weight: bold;
}
.wholesale_detail_box .wholesale_detail_specs {
  margin-bottom: 14px;
  color: #6b7684;
  line-height: 1.7;
  padding-bottom: 12px;
  border-bottom: 1px solid #e3e8ee;
}
.wholesale_detail_box .wholesale_detail_price {
  font-size: 0.875rem;
  color: #6b7684;
  margin: 12px 0;
}
.wholesale_detail_box .wholesale_detail_price b {
  font-size: 1.875rem;
  color: #17334d;
}
.wholesale_detail_box .wholesale_detail_countdown {
  display: inline-block;
  font-size: 0.938rem;
  font-weight: bold;
  color: #b9032b;
  background: rgba(185, 3, 43, 0.07);
  border-radius: 6px;
  padding: 7px 14px;
  margin-bottom: 10px;
}
.wholesale_detail_box .wholesale_detail_sold {
  font-size: 1.5rem;
  font-weight: bold;
  color: #b9032b;
  margin: 10px 0;
}
.wholesale_detail_box .wholesale_detail_highbidder {
  background: rgba(47, 158, 99, 0.1);
  border: 1px solid rgba(47, 158, 99, 0.45);
  border-radius: 6px;
  padding: 10px 12px;
  margin: 10px 0;
  font-size: 0.844rem;
  font-weight: bold;
  color: #267f4f;
}
.wholesale_detail_box .wholesale_detail_yourlisting {
  background: rgba(23, 121, 186, 0.07);
  border: 1px solid rgba(23, 121, 186, 0.35);
  border-radius: 6px;
  padding: 10px 12px;
  margin: 10px 0;
  font-size: 0.844rem;
  color: #17334d;
}
.wholesale_detail_box .wholesale_detail_seller {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e3e8ee;
  font-size: 0.875rem;
  line-height: 1.6;
}

.wholesale_bid_history {
  font-size: 0.875rem;
}
.wholesale_bid_history .wholesale_bid_history_list {
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0;
}
.wholesale_bid_history .wholesale_bid_history_list li {
  padding: 6px 2px;
  border-bottom: 1px solid #f5f8fa;
  font-size: 0.813rem;
  color: #6b7684;
}
.wholesale_bid_history .wholesale_bid_history_list li b {
  color: #17334d;
}

.wholesale_offer_box {
  margin: 12px 0;
  padding: 15px;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  background: #f5f8fa;
}
.wholesale_offer_box input.uber_form_textbox {
  margin-bottom: 7px;
  background: #FFFFFF;
}

.wholesale_offer_pending {
  font-size: 0.875rem;
  margin-bottom: 8px;
}

.wholesale_offer_counter {
  font-size: 0.875rem;
  margin-bottom: 8px;
  padding: 9px 11px;
  background: #FFF3D6;
  border: 1px solid #e8cf8e;
  border-radius: 6px;
}

.wholesale_rules_consent {
  font-size: 0.875rem;
  margin: 12px 0;
  padding: 12px 14px;
  background: #FFF3D6;
  border: 1px solid #e8cf8e;
  border-radius: 6px;
}

.wholesale_my_listings_container {
  margin-top: 10px;
  overflow-x: auto;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  padding: 4px 12px 10px 12px;
}

.wholesale_my_listings_table td {
  font-size: 0.875rem;
  white-space: normal;
}

.wholesale_status {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 30px;
  background: #EEF1F4;
  color: #6b7684;
  font-size: 0.719rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.wholesale_status--live {
  background: rgba(47, 158, 99, 0.13);
  color: #267f4f;
}
.wholesale_status--sold {
  background: rgba(185, 3, 43, 0.09);
  color: #b9032b;
}
.wholesale_status--counter {
  background: #FFF3D6;
  color: #8a6d1a;
}

.wholesale_publish_section .wholesale_publish_heading {
  margin: 4px 0 2px 0;
  color: #17334d;
  font-weight: bold;
}

.wholesale_publish_status {
  margin: 8px 0;
  font-size: 0.813rem;
}
.wholesale_publish_status--ok {
  color: #267f4f;
}
.wholesale_publish_status--error {
  color: #b9032b;
}

.wholesale_prefs_panel {
  max-width: 560px;
  margin-bottom: 30px;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  padding: 18px 20px;
}
.wholesale_prefs_panel h4 {
  margin-bottom: 2px;
  color: #17334d;
  font-weight: bold;
}

.wholesale_prefs_table {
  width: 100%;
  margin: 10px 0;
  border: 0;
  border-collapse: collapse;
}
.wholesale_prefs_table th {
  font-size: 0.688rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  text-align: center;
  color: #6b7684;
  border-bottom: 2px solid #e3e8ee;
  padding: 10px 6px 8px 6px;
}
.wholesale_prefs_table td {
  font-size: 0.875rem;
  vertical-align: middle;
  padding: 9px 6px;
  border-bottom: 1px solid #f5f8fa;
}
.wholesale_prefs_table td:first-child {
  text-align: left;
}
.wholesale_prefs_table td:not(:first-child) {
  text-align: center;
}

.wholesale_invite_modal[hidden],
.wholesale_invite_modal .lr_modal_dialog {
  position: relative;
}

.wholesale_invite_modal:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wholesale_invite_modal .lr_modal_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 35, 56, 0.45);
}

.wholesale_invite_modal .lr_modal_dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  padding: 0px;
  width: min(520px, 92vw);
  max-width: 640px;
  max-height: 90vh;
  border-radius: 10px;
  box-shadow: 0 18px 48px rgba(14, 35, 56, 0.35);
}

.wholesale_invite_modal .lr_modal_dialog_body {
  flex: 1 1 auto;
  min-height: 0px;
  overflow-y: auto;
  padding: 20px 26px 16px;
}

.wholesale_invite_modal .lr_modal_dialog_actions {
  flex: 0 0 auto;
  padding: 0px 26px 22px;
}

.wi_wrap {
  max-width: 520px;
  margin: 40px auto;
  padding: 0 16px;
}

.wi_card {
  background: #FFFFFF;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}
.wi_card h1 {
  font-size: 1.375rem;
  color: #17334d;
  margin: 0 0 8px 0;
}

.wi_logo {
  text-align: center;
  margin-bottom: 4px;
}
.wi_logo img {
  height: 40px;
}

.wi_sub {
  text-align: center;
  font-size: 0.813rem;
  color: #888888;
  margin-bottom: 20px;
}

.wi_row {
  display: flex;
  gap: 10px;
}
.wi_row > div {
  flex: 1;
}

.wi_btn {
  display: block;
  width: 100%;
  margin-top: 20px;
  background: #1779ba;
  color: #FFFFFF;
  border: 0;
  border-radius: 4px;
  padding: 12px;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}
.wi_btn:hover {
  background: #12629a;
  color: #FFFFFF;
}
.wi_btn[disabled] {
  background: #9db9c9;
  cursor: default;
}

.wi_req {
  color: #b9032b;
}

.wi_error {
  color: #b9032b;
  font-size: 0.813rem;
  margin-top: 10px;
}

.wi_state {
  text-align: center;
  padding: 30px 0;
  font-size: 0.938rem;
  color: #666666;
}

.wi_footer {
  text-align: center;
  font-size: 0.688rem;
  color: #aaaaaa;
  margin-top: 16px;
}

.wholesale_agreement_wrap {
  display: flow-root;
  max-width: 860px;
  background: #FFFFFF;
  padding: 28px 32px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.wholesale_agreement_wrap h1 {
  font-size: 1.5rem;
  color: #0056b3;
  margin: 0 0 4px 0;
}
.wholesale_agreement_wrap h2 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #17334d;
  margin: 22px 0 8px 0;
}
.wholesale_agreement_wrap p,
.wholesale_agreement_wrap li {
  font-size: 1rem;
  line-height: 1.6;
}
.wholesale_agreement_wrap ul {
  margin: 10px 0;
  padding-left: 20px;
  padding-bottom: 10px;
}

.wholesale_agreement_logo {
  height: 40px;
  display: block;
  margin-bottom: 10px;
}

.wholesale_agreement_alert {
  display: flow-root;
  padding: 10px 20px;
  background-color: #e7f3fe;
  color: #31708f;
  border-left: 6px solid #31708f;
  border-radius: 4px;
  margin-bottom: 20px;
}
.wholesale_agreement_alert .right_kicker {
  float: right;
  margin: 10px 0;
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 900;
}

.agree-button {
  display: inline-block;
  float: right;
  background-color: #4CAF50;
  color: #FFFFFF;
  padding: 10px 20px;
  margin: 0 0 10px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 900;
}
.agree-button:hover {
  background-color: #45a049;
  color: yellow;
}

.wholesale_upgrade_box {
  max-width: 640px;
}
.wholesale_upgrade_box h2 {
  color: #17334d;
  font-weight: bold;
  margin-top: 0;
}
.wholesale_upgrade_box ul {
  margin: 10px 0 16px 0;
  padding-left: 22px;
}
.wholesale_upgrade_box li {
  line-height: 1.6;
}

@media (max-width: 800px) {
  .wholesale_listing_detail .row {
    grid-template-columns: 1fr;
  }
  .wi_row {
    display: block;
  }
  .wm_hero_inner {
    padding: 28px 22px 22px 22px;
  }
  .wm_hero_title {
    font-size: 1.6rem;
  }
  .wholesale_agreement_wrap {
    padding: 20px 18px;
  }
}
.lr_page_bookkeeping .main_page_container {
  max-width: none;
}

.bk_nav_tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 4px 0 16px 0;
  width: 100%;
}

.bk_nav_logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0.5rem 1rem 0.5rem 0;
  font-weight: bold;
  color: #17334d;
  font-size: 1rem;
}
.bk_nav_logo i {
  color: #1779ba;
  font-size: 2em;
}

.bk_nav_tab {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  background: #EFEFEF;
  font-size: 1rem;
  font-weight: bold;
  color: #333399;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}
.bk_nav_tab:hover {
  background: rgb(223.7, 223.7, 223.7);
  color: #333399;
}

.bk_nav_tab--active {
  background: #333399;
  color: #FFFFFF;
}
.bk_nav_tab--active:hover {
  background: #333399;
  color: #FFFFFF;
}

.bk_input,
.bk_select,
.bk_textarea,
input[type=text].bk_input,
input[type=search].bk_input,
input[type=email].bk_input,
input[type=number].bk_input,
input[type=date].bk_input,
select.bk_select,
textarea.bk_textarea {
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  font-size: 0.875rem;
  color: #2c3440;
  background: #FFFFFF;
  box-sizing: border-box;
}
.bk_input:focus,
.bk_select:focus,
.bk_textarea:focus,
input[type=text].bk_input:focus,
input[type=search].bk_input:focus,
input[type=email].bk_input:focus,
input[type=number].bk_input:focus,
input[type=date].bk_input:focus,
select.bk_select:focus,
textarea.bk_textarea:focus {
  border-color: #1779ba;
  outline: none;
}

input[type=text].bk_input,
input[type=search].bk_input,
input[type=email].bk_input,
input[type=number].bk_input,
input[type=date].bk_input,
select.bk_select {
  height: 38px;
  line-height: normal;
}

.bk_input--sm,
.bk_select--sm {
  padding: 5px 8px;
  font-size: 0.813rem;
  width: auto;
}

.bk_input--money {
  text-align: right;
}

textarea.bk_textarea {
  height: auto;
  resize: vertical;
  line-height: 1.45;
}

.bk_label {
  display: block;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7684;
  margin: 0 0 4px 0;
}

.lr_page_bookkeeping .uber_form_textbox.bk_input,
.lr_page_bookkeeping select.uber_form_dropdown.bk_select,
.lr_page_bookkeeping textarea.uber_form_textarea.bk_textarea {
  font-size: 0.875rem;
  font-weight: normal;
  color: #2c3440;
  background-color: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  box-shadow: none;
  margin: 0;
  padding: 8px 10px;
}
.lr_page_bookkeeping input.uber_form_textbox.bk_input,
.lr_page_bookkeeping select.uber_form_dropdown.bk_select {
  height: 38px;
  line-height: normal;
}
.lr_page_bookkeeping select.uber_form_dropdown.bk_select {
  appearance: auto;
  background-image: none;
}
.lr_page_bookkeeping textarea.uber_form_textarea.bk_textarea {
  min-height: 0;
  height: auto;
}
.lr_page_bookkeeping .uber_form_textbox.bk_input:focus,
.lr_page_bookkeeping select.uber_form_dropdown.bk_select:focus,
.lr_page_bookkeeping textarea.uber_form_textarea.bk_textarea:focus {
  border-color: #1779ba;
  background-color: #FFFFFF;
  outline: none;
}
.lr_page_bookkeeping .uber_form_textbox.bk_input--sm,
.lr_page_bookkeeping select.uber_form_dropdown.bk_select--sm {
  padding: 5px 8px;
  font-size: 0.813rem;
  width: auto;
}

.bk_btn,
button.bk_btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 38px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 0.813rem;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}

.bk_btn--primary {
  background: #1779ba;
  color: #FFFFFF;
}
.bk_btn--primary:hover {
  background: rgb(19.071291866, 100.3315789474, 154.228708134);
  color: #FFFFFF;
}

.bk_btn--success {
  background: #2f9e63;
  color: #FFFFFF;
}
.bk_btn--success:hover {
  background: rgb(38.8151219512, 130.4848780488, 81.7595121951);
  color: #FFFFFF;
}

.bk_btn--danger {
  background: #b9032b;
  color: #FFFFFF;
}
.bk_btn--danger:hover {
  background: rgb(149.8696808511, 2.4303191489, 34.8345744681);
  color: #FFFFFF;
}

.bk_btn--ghost {
  background: #FFFFFF;
  border-color: #e3e8ee;
  color: #17334d;
}
.bk_btn--ghost:hover {
  background: #eaf3fa;
  border-color: #1779ba;
  color: #1779ba;
}

.bk_btn i {
  font-size: 2em;
}

.bk_btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.bk_card {
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  padding: 18px 20px;
  margin: 0 0 18px 0;
}

.bk_card_title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px 0;
  font-size: 1rem;
  font-weight: bold;
  color: #17334d;
}
.bk_card_title i {
  color: #1779ba;
  font-size: 2em;
}

.bk_toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  margin: 0 0 14px 0;
}

.bk_toolbar_field {
  display: flex;
  flex-direction: column;
  min-width: 140px;
}

.acct_request_dealer_search_wrap {
  position: relative;
}

.acct_request_dealer_results {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 1300;
  max-height: 320px;
  overflow-y: auto;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  box-shadow: 0 6px 20px rgba(14, 35, 56, 0.18);
}

.acct_request_dealer_option {
  display: block;
  width: 100%;
  margin: 0;
  padding: 9px 12px;
  border: 0;
  border-bottom: 1px solid #e3e8ee;
  background: #FFFFFF;
  color: #2c3440;
  text-align: left;
  cursor: pointer;
}
.acct_request_dealer_option:hover, .acct_request_dealer_option:focus {
  background: #eaf3fa;
  outline: none;
}
.acct_request_dealer_option:last-child {
  border-bottom: 0;
}

.acct_request_dealer_option_name {
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  color: #17334d;
}

.acct_request_dealer_option_meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 3px;
  font-size: 0.75rem;
  color: #6b7684;
}

.acct_request_dealer_no_results {
  padding: 10px 12px;
  font-size: 0.813rem;
  color: #6b7684;
}

.acct_request_trial_toggle {
  display: inline-flex;
  height: 38px;
  overflow: hidden;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
}
.acct_request_trial_toggle label {
  margin: 0;
  cursor: pointer;
}
.acct_request_trial_toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.acct_request_trial_toggle span {
  display: inline-flex;
  align-items: center;
  height: 100%;
  padding: 0 14px;
  background: #f5f8fa;
  color: #6b7684;
  font-size: 0.813rem;
  font-weight: bold;
}
.acct_request_trial_toggle label + label span {
  border-left: 1px solid #e3e8ee;
}
.acct_request_trial_toggle input:checked + span {
  background: #2f9e63;
  color: #FFFFFF;
}
.acct_request_trial_toggle input:focus + span {
  outline: 2px solid #1779ba;
  outline-offset: -2px;
}

.bk_note {
  background: #fff8e6;
  border: 1px solid #edd9a3;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 0.813rem;
  color: #2c3440;
  margin: 0 0 14px 0;
}

.bk_empty_note {
  color: #6b7684;
  font-size: 0.875rem;
  text-align: center;
  padding: 18px 0;
}

.bk_muted {
  color: #6b7684;
  font-size: 0.813rem;
}

.bk_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.844rem;
  margin: 0;
}
.bk_table th {
  text-align: left;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7684;
  border-bottom: 2px solid #e3e8ee;
  padding: 8px 10px;
  background: #f5f8fa;
}
.bk_table td {
  padding: 8px 10px;
  border-bottom: 1px solid #e3e8ee;
  color: #2c3440;
  vertical-align: middle;
}
.bk_table tbody tr:hover {
  background: #eaf3fa;
}

.bk_td_money {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.bk_td_actions {
  text-align: right;
  white-space: nowrap;
}
.bk_td_actions .bk_btn {
  vertical-align: top;
}

.bk_td_actions_inner {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
}

.bk_sheet_wrap {
  margin: 0 0 14px 0;
}

.bk_sheet thead th {
  position: sticky;
  top: 52px;
  z-index: 2;
  background: #17334d;
  color: #FFFFFF;
  border-bottom: none;
  box-shadow: 0 1px 0 #17334d;
}
.bk_sheet th,
.bk_sheet td {
  padding: 4px 6px;
  white-space: nowrap;
}
.bk_sheet .bk_sheet_sort {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  color: #FFFFFF;
}
.bk_sheet .bk_sheet_sort .bk_sheet_sort_icon {
  margin-left: 6px;
  font-size: 0.75em;
  opacity: 0.45;
  color: #FFFFFF;
  vertical-align: middle;
}
.bk_sheet .bk_sheet_sort:hover {
  background: rgb(15.962, 35.394, 53.438);
}
.bk_sheet .bk_sheet_sort--active .bk_sheet_sort_icon {
  opacity: 1;
  color: #FFFFFF;
}
.bk_sheet .bk_sheet_ro {
  background: #f5f8fa;
  color: #6b7684;
  font-weight: bold;
}
.bk_sheet input.bk_sheet_input,
.bk_sheet select.bk_sheet_input {
  height: 30px;
  min-width: 90px;
  padding: 3px 6px;
  font-size: 0.813rem;
  border-radius: 4px;
}
.bk_sheet input.bk_sheet_input--num {
  min-width: 80px;
  max-width: 110px;
  text-align: right;
}
.bk_sheet .bk_oi_save_btn {
  height: 30px;
  padding: 0 10px;
}
.bk_sheet .bk_oi_save_btn i {
  font-size: 1em;
}
.bk_sheet tbody tr.bk_sheet_row--dirty,
.bk_sheet tbody tr.bk_sheet_row--dirty:hover {
  background: #fff8e6;
}
.bk_sheet tbody tr.bk_sheet_row--saved,
.bk_sheet tbody tr.bk_sheet_row--saved:hover {
  background: #e8f6ee;
}

.bk_br_panes {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.bk_br_pane {
  flex: 1;
  min-width: 420px;
}

.bk_br_gl_row {
  cursor: pointer;
}
.bk_br_gl_row:hover {
  background: #eaf3fa;
}

.bk_br_gl_row--selected,
.bk_br_gl_row--selected:hover {
  background: #eaf3fa;
  outline: 2px solid #1779ba;
  outline-offset: -2px;
}

.bk_attach_list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bk_attach_row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #e3e8ee;
  border-radius: 6px;
  background: #f5f8fa;
  font-size: 0.844rem;
}
.bk_attach_row i {
  color: #1779ba;
}
.bk_attach_row a {
  color: #17334d;
  font-weight: bold;
  text-decoration: none;
}
.bk_attach_row a:hover {
  color: #1779ba;
  text-decoration: underline;
}
.bk_attach_row .bk_attach_meta {
  color: #6b7684;
  font-size: 0.75rem;
  margin-left: auto;
}
.bk_attach_row .bk_attach_del_btn {
  height: 26px;
  padding: 0 8px;
}
.bk_attach_row .bk_attach_del_btn i {
  font-size: 1em;
  color: #b9032b;
}

.bk_attach_input {
  max-width: 320px;
  font-size: 0.813rem;
  align-self: center;
  margin: 0;
}

.bk_badge {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.719rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.bk_badge--draft {
  background: #f5f8fa;
  color: #6b7684;
  border: 1px solid #e3e8ee;
}

.bk_badge--posted {
  background: #e8f6ee;
  color: #2f9e63;
}

.bk_badge--reversed,
.bk_badge--locked,
.bk_badge--danger {
  background: #fceef1;
  color: #b9032b;
}

.bk_badge--approved {
  background: #e8f6ee;
  color: #2f9e63;
}

.bk_badge--paid {
  background: #eaf3fa;
  color: #1779ba;
}

.bk_badge--open {
  background: #eaf3fa;
  color: #1779ba;
}

.bk_badge--soft_closed {
  background: #fff8e6;
  color: rgb(193.5529953917, 124.7119815668, 22.9470046083);
}

.bk_stat_row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 18px 0;
}

.bk_stat_tile {
  flex: 1 1 180px;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(14, 35, 56, 0.08);
  padding: 14px 18px;
}

.bk_stat_label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #6b7684;
  margin: 0 0 6px 0;
}

.bk_stat_value {
  font-size: 1.5rem;
  font-weight: bold;
  color: #17334d;
  font-variant-numeric: tabular-nums;
}

.bk_stat_basis {
  font-size: 0.688rem;
  color: #6b7684;
  margin-top: 4px;
}

.bk_modal_overlay {
  position: fixed;
  inset: 0;
  background: rgba(14, 35, 56, 0.5);
  z-index: 1090;
}

.bk_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(680px, 100vw - 32px);
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  background: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(14, 35, 56, 0.3);
  padding: 0;
  z-index: 1100;
}
.bk_modal > .lr_modal_head {
  position: sticky;
  top: 0;
  z-index: 2;
}

.bk_modal--wide {
  width: min(960px, 100vw - 32px);
}

.bk_modal_body {
  padding: 20px 24px 0 24px;
}

.bk_section_title {
  margin: 18px 0 8px 0;
  font-size: 0.875rem;
  font-weight: bold;
  color: #17334d;
  border-bottom: 1px solid #e3e8ee;
  padding-bottom: 4px;
}

.bk_modal_actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 18px 24px 22px 24px;
}

.bk_line_grid {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) 120px 120px minmax(160px, 1.5fr) 40px;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}

.bk_line_grid--expense {
  grid-template-columns: minmax(200px, 2fr) minmax(160px, 2fr) 110px minmax(130px, 1fr) 40px;
}

.bk_line_grid_head {
  font-size: 0.719rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #6b7684;
}

.bk_line_remove {
  background: none;
  border: none;
  color: #b9032b;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 6px;
}

.bk_line_totals {
  display: flex;
  justify-content: flex-end;
  gap: 24px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #17334d;
  padding: 10px 48px 0 0;
}
.bk_line_totals span {
  font-variant-numeric: tabular-nums;
}

.bk_line_totals--unbalanced {
  color: #b9032b;
}

.bk_item_results {
  position: absolute;
  z-index: 1200;
  min-width: 280px;
  max-height: 240px;
  overflow-y: auto;
  background: #FFFFFF;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  box-shadow: 0 6px 20px rgba(14, 35, 56, 0.18);
}

.bk_item_result_row {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 12px;
  border: none;
  border-bottom: 1px solid #e3e8ee;
  background: #FFFFFF;
  font-size: 0.813rem;
  cursor: pointer;
}
.bk_item_result_row:hover {
  background: #eaf3fa;
}
.bk_item_result_row:last-child {
  border-bottom: none;
}

.bk_setup_banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  background: #eaf3fa;
  border: 1px solid #1779ba;
  border-radius: 8px;
  padding: 16px 20px;
  margin: 0 0 18px 0;
}
.bk_setup_banner h5 {
  margin: 0 0 4px 0;
  font-weight: bold;
  color: #17334d;
}
.bk_setup_banner p {
  margin: 0;
  font-size: 0.844rem;
  color: #2c3440;
}

@media (max-width: 760px) {
  .bk_line_grid {
    grid-template-columns: 1fr 1fr;
  }
  .bk_toolbar_field {
    min-width: 100%;
  }
  .bk_card {
    overflow-x: auto;
  }
  .bk_br_pane {
    min-width: 100%;
  }
}
:root {
  --sms-widget-width: 1600px;
  --sms-widget-height: 1000px;
  --sms-widget-max-height: 1000px;
  --sms-sidebar-width: 280px;
  --sms-list-width: 400px;
  --sms-thread-width: 600px;
  --sms-info-width: 320px;
}

* {
  box-sizing: border-box;
}

.sms-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  color: #333333;
}
.sms-widget.is-hidden {
  display: none;
}
.sms-widget.is_top .sms-panel {
  bottom: auto;
  top: 6px;
}
.sms-widget.is_dragging .sms-widget__grip {
  cursor: grabbing;
  opacity: 1;
}
.sms-widget.is_left .sms-panel {
  right: auto;
  left: -56px;
}

.sms-widget__bubble {
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
}
.sms-widget__bubble .sms-widget__grip {
  position: absolute;
  top: -8px;
  left: -10px;
  width: 15px;
  height: 23px;
  color: #333399;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  z-index: 2;
  opacity: 0.85;
  transition: opacity 0.15s ease-out;
}
.sms-widget__bubble:hover .sms-widget__grip,
.sms-widget__bubble .sms-widget__grip:hover {
  opacity: 1;
}
.sms-widget__bubble {
  z-index: 1;
}
.sms-widget__bubble:hover {
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  transform: scale(1.1);
}
.sms-widget__bubble:active {
  transform: scale(0.96);
}
.sms-widget__bubble {
  /* Hide inline <i> in favor of pseudo-icon */
}
.sms-widget__bubble > i {
  display: none;
}
.sms-widget__bubble {
  /* Render FA icon via pseudo-element (fa-message-sms \e1e5) */
}
.sms-widget__bubble::before {
  content: "\f7cd";
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  font-size: 22px;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff;
  pointer-events: none;
  z-index: 1;
}
.sms-widget__bubble .badge {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #BF1B28;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  min-width: 18px;
  padding: 0 5px;
  border-radius: 999px;
  box-shadow: 0 0 0 2px #fff;
  z-index: 2;
}

.sms-panel {
  position: absolute;
  bottom: 70px;
  right: 0;
  width: var(--sms-widget-width);
  height: var(--sms-widget-height);
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 60px);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  display: none;
  grid-template-columns: 17.5% 25% 37.5% 20%;
  grid-template-rows: auto 1fr auto;
  min-height: 600px;
  min-width: 1080px;
  transition: all 0.3s ease;
  z-index: 10000;
}
.sms-panel.is-open {
  display: grid;
}
.sms-panel.is-open ~ .sms-widget__bubble {
  display: none;
}
.sms-panel[style*=left].is-open, .sms-panel[style*=top].is-open {
  display: grid !important;
}
.sms-panel.dragging {
  cursor: move;
  user-select: none;
  z-index: 10001;
  opacity: 0.95;
  transition: none !important;
  display: grid !important;
}
.sms-panel.dragging * {
  cursor: move;
  user-select: none;
}
.sms-panel.minimized {
  grid-template-columns: 1fr;
  width: 500px;
  min-width: 300px;
}
.sms-panel.minimized #smsSidebar,
.sms-panel.minimized #smsList,
.sms-panel.minimized #smsInfoPanel {
  display: none !important;
}
.sms-panel.minimized #smsThread {
  display: grid !important;
  grid-column: 1;
}
.sms-panel.minimized #smsMaximizeBtn {
  display: none !important;
}
.sms-panel.minimized.initial-minimize {
  position: fixed;
  bottom: 20px;
  right: 20px;
  left: auto;
  top: auto;
  transform: none;
}
.sms-panel.maximized {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
  transform: none !important;
  z-index: 10000;
  grid-template-columns: 17.5% 25% 37.5% 20%;
}
.sms-panel[style*="position: fixed"] {
  position: fixed !important;
}
.sms-panel.resizing {
  user-select: none;
  transition: none !important;
}
.sms-panel.resizing * {
  user-select: none;
}

/* Header Bar Styles */
.sms-header-bar {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #181849;
  color: #ffffff;
  min-height: 52px;
  position: relative;
}
.sms-header-bar .header-drag-area {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0 16px;
  cursor: move;
  user-select: none;
  height: 100%;
  min-height: 52px;
  position: relative;
  z-index: 1;
}
.sms-header-bar .header-drag-area .header-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #ffffff;
}
.sms-header-bar .header-drag-area .header-title i {
  color: #ffffff;
  font-size: 20px;
}
.sms-header-bar .header-controls {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-right: 8px;
  position: relative;
  z-index: 2;
}
.sms-header-bar .header-controls .control-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  margin: 0;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  color: #ffffff;
  opacity: 0.85;
  pointer-events: auto;
  position: relative;
  z-index: 3;
}
.sms-header-bar .header-controls .control-btn:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.14);
}
.sms-header-bar .header-controls .control-btn.close-btn:hover {
  background: #c62828;
}
.sms-header-bar .header-controls .control-btn i {
  font-size: 20px;
}

/* Sidebar Styles */
.sms-sidebar {
  background: #f8f9fa;
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.sms-sidebar .sidebar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0px 16px 16px 16px;
  flex-wrap: wrap;
}
.sms-sidebar .sidebar-user .user-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.sms-sidebar .sidebar-user .user-info .user-name {
  font-weight: 700;
  font-size: 14px;
  color: #333333;
}
.sms-sidebar .sidebar-user .user-info .user-status {
  font-size: 12px;
  color: #A5A5A5;
}
.sms-sidebar .sidebar-user .user-sms-number {
  flex: 0 0 100%;
  font-size: 1rem;
  color: #222222;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.02em;
}
.sms-sidebar .sidebar-user .user-sms-number i {
  color: #333399;
  font-size: 20px;
}
.sms-sidebar .sidebar-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sms-sidebar .sidebar-nav {
  flex: 1;
  overflow-y: auto;
  padding: 8px 0;
}
.sms-sidebar .sidebar-nav .lr_sms_nav_temp_hidden {
  display: none !important;
}
.sms-sidebar .sidebar-nav .nav-section {
  margin-bottom: 8px;
}
.sms-sidebar .sidebar-nav .nav-section .nav-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-weight: 700;
  font-size: 20px;
  color: #333333;
  cursor: pointer;
}
.sms-sidebar .sidebar-nav .nav-section .nav-header:hover {
  background: rgba(51, 51, 153, 0.05);
}
.sms-sidebar .sidebar-nav .nav-section .nav-header .nav-action, .sms-sidebar .sidebar-nav .nav-section .nav-header .nav-toggle {
  margin-left: auto;
  padding: 4px;
  border-radius: 4px;
}
.sms-sidebar .sidebar-nav .nav-section .nav-header .nav-action:hover, .sms-sidebar .sidebar-nav .nav-section .nav-header .nav-toggle:hover {
  background: rgba(51, 51, 153, 0.1);
}
.sms-sidebar .sidebar-nav .nav-section .nav-items {
  padding-left: 8px;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  max-height: 500px;
  opacity: 1;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items.collapsed {
  max-height: 0;
  opacity: 0;
  padding: 0;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  position: relative;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item:hover {
  background: rgba(51, 51, 153, 0.05);
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item.active {
  background: rgba(51, 51, 153, 0.1);
  color: #333399;
  font-weight: 700;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: #333399;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item .count {
  margin-left: auto;
  background: #A5A5A5;
  color: #fff;
  font-size: 12px;
  padding: 2px 6px;
  border-radius: 10px;
  min-width: 18px;
  text-align: center;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item .nav-filter {
  margin-left: auto;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item .nav-filter select {
  border: none;
  background: transparent;
  font-size: 12px;
  color: #A5A5A5;
  cursor: pointer;
}
.sms-sidebar .sidebar-nav .nav-section .nav-items .nav-item .nav-filter select:focus {
  outline: none;
}
.sms-sidebar .sms-lr-nav-icon {
  font-size: 20px;
  color: #333399;
}
.sms-sidebar .sms-lr-nav-icon-main {
  font-size: 24px;
  color: #333399;
}
.sms-sidebar .sidebar-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding: 8px 0;
}
.sms-sidebar .sidebar-footer .nav-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}
.sms-sidebar .sidebar-footer .nav-item:hover {
  background: rgba(51, 51, 153, 0.05);
}

.sms-list {
  border-right: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
.sms-list .list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  height: 50px;
}
.sms-list .list-header h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
  margin: 0;
}
.sms-list .list-header .list-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sms-list .conversation-header {
  padding: 12px 20px 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #f8f9fa;
}
.sms-list .conversation-header .section-title {
  font-size: 14px;
  font-weight: 700;
  color: #A5A5A5;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sms-list__search {
  padding: 12px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.sms-list__search .search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.sms-list__search .search-input-wrapper input {
  width: 100%;
  padding: 12px 16px;
  padding-right: 44px;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  background: #f8f9fa;
}
.sms-list__search .search-input-wrapper input:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.12);
  background: #fff;
}
.sms-list__search .search-input-wrapper input::placeholder {
  color: #A5A5A5;
}
.sms-list__search .search-input-wrapper .search-clear-btn {
  position: absolute;
  right: 8px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  color: #A5A5A5;
  transition: all 0.2s ease;
}
.sms-list__search .search-input-wrapper .search-clear-btn:hover {
  background: rgba(191, 27, 40, 0.1);
  color: #BF1B28;
}
.sms-list__search .search-input-wrapper .search-clear-btn i {
  font-size: 16px;
}

.sms-list__filter {
  padding: 12px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sms-list__filter .unread-toggle {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 8px;
  background: #f0f0f0;
  color: #A5A5A5;
  transition: all 0.2s ease;
  position: relative;
  z-index: 10;
}
.sms-list__filter .unread-toggle:hover {
  background: #e5e5e5;
}
.sms-list__filter .unread-toggle.active {
  background: #f0f0f0;
  color: #333399;
}
.sms-list__filter .unread-toggle.active:hover {
  background: #e8e8e8;
}
.sms-list__filter .unread-toggle i {
  font-size: 24px;
  position: relative;
  z-index: 11;
  display: inline-block;
  line-height: 1;
}
.sms-list__filter .nav-filter {
  width: 33%;
}
.sms-list__filter .nav-filter select {
  border: 1px solid #e1e5e9;
  background: #f8f9fa;
  font-size: 12px;
  color: #333333;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  width: 100%;
}
.sms-list__filter .nav-filter select:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 2px rgba(51, 51, 153, 0.12);
}

.sms-list__items {
  flex: 1;
  overflow: auto;
  background: #fff;
}
.sms-list__items .container {
  padding: 0;
}
.sms-list__items .item, .sms-list__items .conversation-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 12px;
  align-items: center;
  padding: 16px 20px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
.sms-list__items .item:hover, .sms-list__items .conversation-item:hover {
  background: #f8f9fa;
}
.sms-list__items .item.is-active, .sms-list__items .conversation-item.is-active {
  background: #e8f4fd;
  border-left: 3px solid #333399;
}
.sms-list__items .item .avatar, .sms-list__items .conversation-item .avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: grid;
  place-items: center;
  font-weight: 700;
  font-size: 18px;
}
.sms-list__items .item.closed .avatar, .sms-list__items .conversation-item.closed .avatar {
  background: #555555;
}
.sms-list__items .item .meta, .sms-list__items .conversation-item .meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.sms-list__items .item .name-row, .sms-list__items .conversation-item .name-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.sms-list__items .item .name, .sms-list__items .conversation-item .name {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  flex: 1;
  min-width: 0;
}
.sms-list__items .item .snippet, .sms-list__items .conversation-item .snippet {
  color: #A5A5A5;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.sms-list__items .item .time, .sms-list__items .conversation-item .time {
  color: #A5A5A5;
  font-size: 12px;
  white-space: nowrap;
  flex-shrink: 0;
}
.sms-list__items .item .badge, .sms-list__items .conversation-item .badge {
  background: #BF1B28;
  color: #fff;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  min-width: 20px;
  text-align: center;
}

.sms-thread {
  display: grid;
  grid-template-rows: auto 1fr auto;
  background: #fff;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.sms-thread .thread-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.sms-thread .thread-header .thread-user {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sms-thread .thread-header .thread-user .avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}
.sms-thread .thread-header .thread-user .user-details .name {
  font-weight: 700;
  font-size: 18px;
  color: #333333;
}
.sms-thread .thread-header .thread-user .user-details .status {
  font-size: 12px;
  color: #A5A5A5;
}
.sms-thread .thread-header .thread-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.sms-messages {
  padding: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #f8f9fa;
}
.sms-messages .scroll-day {
  text-align: center;
  color: #A5A5A5;
  font-size: 12px;
  margin: 14px 0;
  position: relative;
}
.sms-messages .scroll-day::before, .sms-messages .scroll-day::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40%;
  border-top: 1px dashed #ddd;
}
.sms-messages .scroll-day::before {
  left: 0;
}
.sms-messages .scroll-day::after {
  right: 0;
}

.message-wrapper {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.message-wrapper.from-me-wrapper {
  align-items: flex-end;
}
.message-wrapper.from-me-wrapper .message:not(.from-ai) {
  background: linear-gradient(135deg, #333399, rgb(44.625, 44.625, 133.875));
}
.message-wrapper.from-them-wrapper {
  align-items: flex-start;
}
.message-wrapper.from-them-wrapper .message {
  background: linear-gradient(135deg, #fff, #f8f9fa);
}

.message {
  max-width: 75%;
  padding: 12px 16px;
  border-radius: 18px;
  font-size: 15px;
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.message.from-them {
  background: #fff;
  color: #333333;
  border-bottom-left-radius: 4px;
  border: 1px solid #e9ecef;
}
.message.from-me {
  background: #333399;
  color: #fff;
  border-bottom-right-radius: 4px;
}
.message.from-ai {
  background: #e8f4fd;
  color: #333333;
  border: 1px solid #cfe4f6;
}
.message .message-content {
  margin-bottom: 4px;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.message .message-content .lr-msg-link {
  color: #1d77d5;
  text-decoration: underline;
}
.message .message-content .lr-msg-actions {
  margin-top: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.message .message-content .lr-msg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 10px;
  background: #333399;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 13px;
}
.message .message-content .lr-msg-btn:hover {
  filter: brightness(0.95);
}
.message .message-content .lr-msg-media {
  margin-top: 8px;
}
.message .message-content .lr-msg-media img {
  display: block;
  max-width: 320px;
  width: 100%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.message .message-content .lr-msg-file {
  margin-top: 8px;
}
.message .message-content .lr-msg-file-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: rgba(51, 51, 153, 0.1);
  color: #20223a;
  text-decoration: none;
  font-weight: 700;
}
.message .message-content .lr-msg-file-link i {
  color: #333399;
}
.message .message-content.from-me:not(.from-ai) .lr-msg-file-link {
  color: #FFFFAA;
}
.message .message-content.from-me:not(.from-ai) .lr-msg-file-link i {
  color: #FFFFAA;
}
.message .message-content.from-me.from-ai .lr-msg-file-link {
  color: #4B4BA5;
}
.message .message-content.from-me.from-ai .lr-msg-file-link i {
  color: #4B4BA5;
}
.message .message-content.from-them .lr-msg-file-link {
  color: #4B4BA5;
}
.message .message-content.from-them .lr-msg-file-link i {
  color: #4B4BA5;
}
.message .message-time {
  font-size: 11px;
  opacity: 0.8;
  margin-top: 4px;
}
.message .msg-source-icon {
  font-size: 11px;
  opacity: 0.55;
  margin-left: 2px;
}

.sms-composer {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.sms-composer .composer-ai-section {
  background: linear-gradient(135deg, #f0f8ff, #e6f3ff);
  padding: 12px 16px;
  border-bottom: 1px solid #e1e5e9;
  display: none;
}
.sms-composer .composer-ai-section.active {
  display: block;
}
.sms-composer .composer-ai-section .composer-ai-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.sms-composer .composer-ai-section .composer-ai-header .ai-header-left {
  display: flex;
  align-items: center;
  gap: 6px;
}
.sms-composer .composer-ai-section .composer-ai-header .ai-header-left .ai-icon {
  color: #333399;
  font-size: 14px;
  animation: sparkle 2s ease-in-out infinite;
}
.sms-composer .composer-ai-section .composer-ai-header .ai-header-left .ai-label {
  font-size: 12px;
  font-weight: 700;
  color: #333399;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.sms-composer .composer-ai-section .composer-ai-header .ai-header-right .icon-btn {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: #A5A5A5;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
}
.sms-composer .composer-ai-section .composer-ai-header .ai-header-right .icon-btn:hover {
  background: rgba(191, 27, 40, 0.1);
  color: #BF1B28;
}
.sms-composer .composer-ai-section .composer-ai-input {
  margin-bottom: 8px;
}
.sms-composer .composer-ai-section .composer-ai-input textarea {
  width: 100%;
  resize: none;
  min-height: 60px;
  max-height: 100px;
  border: 1px solid #d1e7dd;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.4;
  background: rgba(255, 255, 255, 0.8);
  color: #333333;
  cursor: default;
}
.sms-composer .composer-ai-section .composer-ai-input textarea:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 2px rgba(51, 51, 153, 0.1);
  background: #fff;
}
.sms-composer .composer-ai-section .composer-ai-input textarea[readonly] {
  background: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.sms-composer .composer-ai-section .composer-ai-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sms-composer .composer-ai-section .composer-ai-actions .action-btn.use-text-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: #333399;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.sms-composer .composer-ai-section .composer-ai-actions .action-btn.use-text-btn:hover {
  filter: brightness(0.95);
  transform: translateY(-1px);
}
.sms-composer .composer-ai-section .composer-ai-actions .action-btn.use-text-btn:active {
  transform: translateY(0);
}
.sms-composer .composer-ai-section .composer-ai-actions .action-btn.use-text-btn i {
  font-size: 11px;
}
.sms-composer .composer-ai-section .composer-ai-actions .icon-btn {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  color: #A5A5A5;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
}
.sms-composer .composer-ai-section .composer-ai-actions .icon-btn:hover {
  background: rgba(51, 51, 153, 0.1);
  color: #333399;
}
.sms-composer .composer-dealer-section {
  background: #fff;
  padding: 16px;
}
.sms-composer .composer-dealer-section .composer-dealer-input {
  margin-bottom: 8px;
}
.sms-composer .composer-dealer-section .composer-dealer-input textarea {
  width: 100%;
  resize: none;
  min-height: 50px;
  max-height: 120px;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.4;
  background: #f8f9fa;
  transition: border-color 0.2s ease;
}
.sms-composer .composer-dealer-section .composer-dealer-input textarea:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.12);
  background: #fff;
}
.sms-composer .composer-dealer-section .composer-dealer-input textarea::placeholder {
  color: #A5A5A5;
}
.sms-composer .composer-dealer-section .composer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-left .icon-btn {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  color: #A5A5A5;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-left .icon-btn:hover {
  background: #f4f5f7;
  color: #333399;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-left .icon-btn.ai-toggle-btn:hover {
  background: linear-gradient(135deg, #f0f8ff, #e6f3ff);
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-left .icon-btn.ai-toggle-btn.active {
  background: #333399;
  color: #fff;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-left .icon-btn.ai-toggle-btn.active i {
  animation: sparkle 2s ease-in-out infinite;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-status {
  font-size: 14px;
  color: #A5A5A5;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-send .send-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  border: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  gap: 1px;
  padding: 0;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-send .send-btn:hover {
  filter: brightness(0.95);
  transform: scale(1.05);
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-send .send-btn:active {
  transform: scale(0.95);
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-send .send-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-send .send-btn i {
  font-size: 20px;
  line-height: 1;
}
.sms-composer .composer-dealer-section .composer-footer .composer-footer-right .composer-send .send-btn .send-label {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 1;
}

@keyframes sparkle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  25% {
    opacity: 0.7;
    transform: scale(1.1);
  }
  50% {
    opacity: 1;
    transform: scale(0.95);
  }
  75% {
    opacity: 0.8;
    transform: scale(1.05);
  }
}
/* Wait note styling */
.sms-wait {
  padding: 10px 16px;
  margin-top: 6px;
  color: #A5A5A5;
  font-size: 14px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #fafafa;
  flex-shrink: 0;
  min-height: 0;
}

/* Empty/loading states */
.sms-empty {
  color: #A5A5A5;
  text-align: center;
  padding: 40px 20px;
  font-style: italic;
}

.sms-loading {
  padding: 20px;
  text-align: center;
  color: #A5A5A5;
  font-style: italic;
}

/* Icon button global styles */
.icon-btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #333333;
  transition: all 0.2s ease;
}
.icon-btn:hover {
  background: #f4f5f7;
  color: #333399;
}

/* Basebar */
.sms-basebar {
  grid-column: 1/-1;
  padding: 8px 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #f8f9fa;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #A5A5A5;
}
.sms-basebar img {
  height: 16px;
  display: inline-block;
}
.sms-basebar a {
  color: #A5A5A5;
  text-decoration: none;
}
.sms-basebar a:hover {
  color: #333399;
}

/* Resize handles */
.resize-handle {
  position: absolute;
  background: transparent;
  z-index: 10002;
}
.resize-handle:hover {
  background: rgba(51, 51, 153, 0.1);
}
.resize-handle.resize-handle-n {
  top: -3px;
  left: 10px;
  right: 10px;
  height: 8px;
  cursor: n-resize;
}
.resize-handle.resize-handle-s {
  bottom: -3px;
  left: 10px;
  right: 10px;
  height: 8px;
  cursor: s-resize;
}
.resize-handle.resize-handle-e {
  top: 10px;
  right: -3px;
  bottom: 10px;
  width: 8px;
  cursor: e-resize;
}
.resize-handle.resize-handle-w {
  top: 10px;
  left: -3px;
  bottom: 10px;
  width: 8px;
  cursor: w-resize;
}
.resize-handle.resize-handle-ne {
  top: -3px;
  right: -3px;
  width: 15px;
  height: 15px;
  cursor: ne-resize;
}
.resize-handle.resize-handle-nw {
  top: -3px;
  left: -3px;
  width: 15px;
  height: 15px;
  cursor: nw-resize;
}
.resize-handle.resize-handle-se {
  bottom: 0;
  right: 4px;
  width: 24px;
  height: 24px;
  cursor: se-resize;
}
.resize-handle.resize-handle-se::after {
  content: "\f58e";
  font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free", "FontAwesome";
  font-weight: 900;
  font-size: 14px;
  color: #aaa;
  position: absolute;
  bottom: 3px;
  right: 3px;
  transform: rotate(-45deg);
  pointer-events: none;
}
.resize-handle.resize-handle-sw {
  bottom: -3px;
  left: -3px;
  width: 15px;
  height: 15px;
  cursor: sw-resize;
}

/* Badge improvements */
.badge {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
/* Fourth Column - Info Panel Styles */
.sms-info-panel {
  background: #f8f9fa;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}
.sms-info-panel .info-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
}
.sms-info-panel .info-header .user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}
.sms-info-panel .info-header .user-details {
  flex: 1;
}
.sms-info-panel .info-header .user-details .name {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}
.sms-info-panel .info-header .user-details .status {
  font-size: 12px;
  color: #A5A5A5;
}
.sms-info-panel .info-header .info-actions .collapse-toggle {
  padding: 4px;
  cursor: pointer;
  color: #A5A5A5;
}
.sms-info-panel .info-header .info-actions .collapse-toggle:hover {
  color: #333399;
}
.sms-info-panel .contact-details {
  padding: 16px 20px;
  border-bottom: 1px solid #e9ecef;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.sms-info-panel .contact-details .contact-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0px 0px 6px;
  font-size: 14px;
  color: #A5A5A5;
}
.sms-info-panel .contact-details .contact-item i {
  font-size: 12px;
  width: 16px;
  text-align: center;
  margin-top: 2px;
}
.sms-info-panel .contact-details .contact-item span {
  color: #333333;
  line-height: 1.4;
}
.sms-info-panel .contact-details .contact-item.address-item span {
  line-height: 1.3;
}
.sms-info-panel .visited-pages {
  padding: 16px 20px;
  border-bottom: 1px solid #e9ecef;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  background: #e9f5ff;
}
.sms-info-panel .visited-pages:last-child {
  border-bottom: none;
}
.sms-info-panel .chat-info {
  padding: 16px 20px;
  border-bottom: 1px solid #e9ecef;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
}
.sms-info-panel .chat-info:last-child {
  border-bottom: none;
}
.sms-info-panel .forth-column-bottom {
  padding: 16px 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  background: #e9f5ff;
  height: 100%;
}
.sms-info-panel .visited-pages .section-title, .sms-info-panel .chat-info .section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #333333;
  margin-bottom: 12px;
}
.sms-info-panel .visited-pages .section-title .collapse-toggle, .sms-info-panel .chat-info .section-title .collapse-toggle {
  margin-left: auto;
  padding: 4px;
  cursor: pointer;
  color: #A5A5A5;
}
.sms-info-panel .visited-pages .section-title .collapse-toggle:hover, .sms-info-panel .chat-info .section-title .collapse-toggle:hover {
  color: #333399;
}
.sms-info-panel .visited-pages .page-list, .sms-info-panel .chat-info .page-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sms-info-panel .visited-pages .page-list .page-item, .sms-info-panel .chat-info .page-list .page-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
}
.sms-info-panel .visited-pages .page-list .page-item .page-indicator, .sms-info-panel .chat-info .page-list .page-item .page-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e9ecef;
  flex-shrink: 0;
}
.sms-info-panel .visited-pages .page-list .page-item .page-indicator.active, .sms-info-panel .chat-info .page-list .page-item .page-indicator.active {
  background: #28a745;
}
.sms-info-panel .visited-pages .page-list .page-item .page-details, .sms-info-panel .chat-info .page-list .page-item .page-details {
  flex: 1;
  min-width: 0;
}
.sms-info-panel .visited-pages .page-list .page-item .page-details .page-name, .sms-info-panel .chat-info .page-list .page-item .page-details .page-name {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 2px;
}
.sms-info-panel .visited-pages .page-list .page-item .page-details .page-time, .sms-info-panel .chat-info .page-list .page-item .page-details .page-time {
  font-size: 12px;
  color: #A5A5A5;
}
.sms-info-panel .visited-pages .chat-details, .sms-info-panel .chat-info .chat-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sms-info-panel .visited-pages .chat-details .detail-item, .sms-info-panel .chat-info .chat-details .detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sms-info-panel .visited-pages .chat-details .detail-item .label, .sms-info-panel .chat-info .chat-details .detail-item .label {
  font-size: 14px;
  color: #A5A5A5;
}
.sms-info-panel .visited-pages .chat-details .detail-item .value, .sms-info-panel .chat-info .chat-details .detail-item .value {
  font-size: 14px;
  color: #333333;
  font-weight: 400;
}

.sms-thread .thread-title-icon {
  size: 36px;
  color: #333399;
  float: left;
  margin: 10px 10px 0px 0px;
}
.sms-thread .thread-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  height: 50px;
}
.sms-thread .thread-title h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
  margin: 0;
}
.sms-thread .thread-title .brain-icon-minimized {
  color: #333399;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.sms-thread .thread-title .brain-icon-minimized:hover {
  opacity: 1;
}

.sms-messages .message-wrapper {
  margin-bottom: 16px;
}
.sms-messages .message-wrapper .message-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  padding: 0 4px;
}
.sms-messages .message-wrapper .message-header .sender-name {
  font-weight: 700;
  font-size: 13px;
  color: #333333;
}
.sms-messages .message-wrapper .message-header .message-time {
  font-size: 11px;
  color: #A5A5A5;
}
.sms-messages .message-wrapper .message-header-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  padding: 0 4px;
  justify-content: flex-end;
}
.sms-messages .message-wrapper .message-header-right .sender-label {
  font-weight: 700;
  font-size: 13px;
  color: #333333;
}
.sms-messages .message-wrapper .message-header-right .message-time {
  font-size: 11px;
  color: #A5A5A5;
}
.sms-messages .message-wrapper .message-footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 4px;
  padding: 0 4px;
}
.sms-messages .message-wrapper .message-footer .agent-label {
  font-size: 11px;
  color: #A5A5A5;
  font-style: italic;
}
.sms-messages .message-wrapper .message .message-time {
  display: none;
}

.sms-info-panel .info-panel-title {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  background: #fff;
  height: 50px;
}
.sms-info-panel .info-panel-title h2 {
  font-size: 24px;
  font-weight: 700;
  color: #333333;
  margin: 0;
}
.sms-info-panel .info-panel-title .brain-icon {
  color: #333399;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}
.sms-info-panel .info-panel-title .brain-icon:hover {
  opacity: 1;
}
.sms-info-panel .info-panel-title .delete-customer-icon {
  color: #BF1B28;
  opacity: 0.8;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.sms-info-panel .info-panel-title .delete-customer-icon:hover {
  opacity: 1;
}
.sms-info-panel .info-panel-title .delete-customer-icon.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: auto;
}
.sms-info-panel .info-panel-title .delete-customer-icon.is-disabled:hover {
  opacity: 0.35;
}
.sms-info-panel .info-user-section {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0px 0px 6px 0px;
  cursor: pointer;
  user-select: none;
}
.sms-info-panel .info-user-section .user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
}
.sms-info-panel .info-user-section .user-details {
  flex: 1;
}
.sms-info-panel .info-user-section .user-details .name {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}
.sms-info-panel .info-user-section .user-details .status {
  font-size: 12px;
  color: #A5A5A5;
}
.sms-info-panel .info-user-section .collapse-toggle {
  margin-left: auto;
  padding: 4px;
  cursor: pointer;
  color: #A5A5A5;
  transition: transform 0.3s ease;
}
.sms-info-panel .info-user-section .collapse-toggle:hover {
  color: #333399;
}
.sms-info-panel .contact-details {
  background-color: #ffffff;
}
.sms-info-panel .contact-details .section-title, .sms-info-panel .visited-pages .section-title, .sms-info-panel .chat-info .section-title {
  cursor: pointer;
  user-select: none;
}
.sms-info-panel .contact-details .section-title .collapse-toggle, .sms-info-panel .visited-pages .section-title .collapse-toggle, .sms-info-panel .chat-info .section-title .collapse-toggle {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.sms-info-panel .contact-details .collapsible-content, .sms-info-panel .visited-pages .collapsible-content, .sms-info-panel .chat-info .collapsible-content {
  overflow: hidden;
  transition: max-height 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease;
  max-height: 500px;
  opacity: 1;
  position: relative;
}
.sms-info-panel .contact-details .collapsible-content.collapsed, .sms-info-panel .visited-pages .collapsible-content.collapsed, .sms-info-panel .chat-info .collapsible-content.collapsed {
  max-height: 0;
  opacity: 0;
  padding: 0;
}
.sms-info-panel .contact-details .collapsible-content#customer-info-content, .sms-info-panel .visited-pages .collapsible-content#customer-info-content, .sms-info-panel .chat-info .collapsible-content#customer-info-content {
  min-height: 150px;
}
.sms-info-panel .contact-details .collapsible-content #customer-info-content .customer-edit-row .customer-edit-trigger, .sms-info-panel .visited-pages .collapsible-content #customer-info-content .customer-edit-row .customer-edit-trigger, .sms-info-panel .chat-info .collapsible-content #customer-info-content .customer-edit-row .customer-edit-trigger {
  position: static;
  bottom: auto;
  right: auto;
}
.sms-info-panel .contact-details .collapsible-content #customer-info-content.collapsed, .sms-info-panel .contact-details .collapsible-content#customer-info-content.collapsed, .sms-info-panel .visited-pages .collapsible-content #customer-info-content.collapsed, .sms-info-panel .visited-pages .collapsible-content#customer-info-content.collapsed, .sms-info-panel .chat-info .collapsible-content #customer-info-content.collapsed, .sms-info-panel .chat-info .collapsible-content#customer-info-content.collapsed {
  min-height: 0;
  padding-bottom: 0;
}
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger, .sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger, .sms-info-panel .chat-info .collapsible-content .customer-edit-trigger {
  position: static;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  background: rgba(51, 51, 153, 0.1);
  color: #333399;
  transition: all 0.2s ease;
  z-index: 10;
}
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger:hover, .sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger:hover, .sms-info-panel .chat-info .collapsible-content .customer-edit-trigger:hover {
  background: rgba(51, 51, 153, 0.2);
  color: rgb(38.25, 38.25, 114.75);
  transform: scale(1.05);
}
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger #customer-info-content .customer-edit-row .customer-edit-trigger, .sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger #customer-info-content .customer-edit-row .customer-edit-trigger, .sms-info-panel .chat-info .collapsible-content .customer-edit-trigger #customer-info-content .customer-edit-row .customer-edit-trigger {
  position: static !important;
  bottom: auto !important;
  right: auto !important;
}
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger #customer-info-content.collapsed .customer-edit-row,
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger #customer-info-content.collapsed .customer-assignment-wrapper, .sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger #customer-info-content.collapsed .customer-edit-row,
.sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger #customer-info-content.collapsed .customer-assignment-wrapper, .sms-info-panel .chat-info .collapsible-content .customer-edit-trigger #customer-info-content.collapsed .customer-edit-row,
.sms-info-panel .chat-info .collapsible-content .customer-edit-trigger #customer-info-content.collapsed .customer-assignment-wrapper {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger:active, .sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger:active, .sms-info-panel .chat-info .collapsible-content .customer-edit-trigger:active {
  transform: scale(0.95);
}
.sms-info-panel .contact-details .collapsible-content .customer-edit-trigger i, .sms-info-panel .visited-pages .collapsible-content .customer-edit-trigger i, .sms-info-panel .chat-info .collapsible-content .customer-edit-trigger i {
  font-size: 14px;
}

.sms-thread .thread-header {
  display: none;
}

/* Responsive */
@media (max-width: 1680px) {
  .sms-panel {
    max-width: calc(100vw - 40px);
  }
}
@media (max-width: 1200px) {
  :root {
    --sms-widget-width: calc(100vw - 40px);
    --sms-widget-height: 100vh;
    --sms-widget-max-height: 100vh;
    --sms-sidebar-width: 260px;
    --sms-list-width: 350px;
    --sms-thread-width: 500px;
    --sms-info-width: 300px;
  }
  .sms-panel {
    bottom: 0;
    right: 0;
    border-radius: 0;
    min-width: calc(100vw - 40px);
  }
  .sms-header-bar .header-title span {
    display: none;
  }
}
@media (max-width: 1024px) {
  :root {
    --sms-sidebar-width: 240px;
    --sms-list-width: 320px;
    --sms-thread-width: 1fr;
  }
  .sms-panel {
    grid-template-columns: var(--sms-sidebar-width) var(--sms-list-width) 1fr;
  }
  .sms-info-panel {
    display: none;
  }
}
@media (max-width: 768px) {
  :root {
    --sms-sidebar-width: 240px;
    --sms-list-width: 1fr;
  }
  .sms-panel {
    grid-template-columns: var(--sms-sidebar-width) 1fr;
  }
  .sms-list {
    display: none;
  }
  .sms-thread {
    display: grid;
  }
  .sms-info-panel {
    display: none;
  }
  .sms-list__filter {
    justify-content: center;
  }
  .sms-list__filter .nav-filter {
    width: 100%;
  }
  .sms-list__filter .nav-filter select {
    width: 100%;
  }
}
@media (max-width: 520px) {
  :root {
    --sms-sidebar-width: 100vw;
  }
  .sms-panel {
    grid-template-columns: 1fr;
  }
  .sms-sidebar, .sms-list, .sms-thread, .sms-info-panel {
    display: none;
  }
  .sms-sidebar.active,
  .sms-list.active,
  .sms-thread.active,
  .sms-info-panel.active {
    display: flex;
  }
}
/* Vehicle Info Section Styles */
.vehicleinfo-section .section-title {
  cursor: pointer;
  user-select: none;
}
.vehicleinfo-section .section-title .collapse-toggle {
  cursor: pointer;
  transition: transform 0.3s ease;
}
.vehicleinfo-section .collapsible-content {
  overflow: hidden;
  transition: max-height 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms ease;
  max-height: 600px;
  opacity: 1;
}
.vehicleinfo-section .collapsible-content.collapsed {
  max-height: 0;
  opacity: 0;
  padding: 0;
}

.vehicleinfo-lookup {
  padding: 8px 12px 12px;
}

.vehicleinfo-input-group {
  display: flex;
  gap: 6px;
}
.vehicleinfo-input-group input {
  flex: 1 1 auto;
  min-width: 0;
  padding: 6px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 13px;
}
.vehicleinfo-input-group input:focus {
  outline: none;
  border-color: #333399;
}
.vehicleinfo-input-group button {
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: none;
  background: #333399;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.vehicleinfo-input-group button:hover {
  opacity: 0.85;
}
.vehicleinfo-input-group button:disabled {
  opacity: 0.5;
  cursor: default;
}

.vehicleinfo-results {
  max-height: 240px;
  overflow-y: auto;
  margin-top: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fff;
}

.vehicleinfo-no-results {
  padding: 12px;
  text-align: center;
  color: #888;
  font-size: 13px;
}

.vehicleinfo-result-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s ease;
}
.vehicleinfo-result-row:last-child {
  border-bottom: none;
}
.vehicleinfo-result-row:hover {
  background: #f5f8ff;
}

.vehicleinfo-result-thumb {
  width: 48px;
  height: 36px;
  border-radius: 4px;
  object-fit: cover;
  flex: 0 0 48px;
  background: #eee;
}
.vehicleinfo-result-thumb--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #bbb;
  font-size: 16px;
}

.vehicleinfo-result-info {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.vehicleinfo-result-title {
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vehicleinfo-result-meta {
  font-size: 11px;
  color: #777;
  display: flex;
  gap: 10px;
  margin-top: 2px;
}

.vehicleinfo-selected {
  margin-top: 8px;
}

.vehicleinfo-preview-card {
  display: flex;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fafbfc;
  position: relative;
}

.vehicleinfo-preview-photo {
  width: 80px;
  height: 60px;
  border-radius: 4px;
  object-fit: cover;
  flex: 0 0 80px;
}

.vehicleinfo-preview-details {
  flex: 1 1 auto;
  min-width: 0;
}

.vehicleinfo-preview-title {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 2px;
}

.vehicleinfo-preview-stock {
  font-size: 11px;
  color: #777;
}

.vehicleinfo-preview-price {
  font-size: 13px;
  font-weight: 600;
  color: #333399;
  margin-top: 2px;
}

.vehicleinfo-preview-carfax {
  display: inline-block;
  margin-top: 4px;
  font-size: 11px;
  color: #333399;
  text-decoration: none;
}
.vehicleinfo-preview-carfax:hover {
  text-decoration: underline;
}

.vehicleinfo-send-btn {
  position: absolute;
  bottom: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  border: none;
  background: #333399;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: opacity 0.15s ease;
}
.vehicleinfo-send-btn:hover {
  opacity: 0.85;
}
.vehicleinfo-send-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.vehicleinfo-clear-btn {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: none;
  background: transparent;
  color: #999;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.vehicleinfo-clear-btn:hover {
  background: #eee;
  color: #333;
}

.vehicleinfo-error {
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #fff0f0;
  color: #c00;
  font-size: 12px;
}

.sms-lr-section-icon {
  font-size: 20px;
  color: #333399;
}

/* Customer Edit Modal Styles */
.sms-customer-edit-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10200;
  display: none;
}
.sms-customer-edit-modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sms-customer-edit-modal .sms_modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.sms-customer-edit-modal .sms_modal__dialog {
  position: relative;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 10201;
}
.sms-customer-edit-modal .sms_modal__body {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section h4 {
  margin: 0 0 16px 0;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  border-bottom: 1px solid #e1e5e9;
  padding-bottom: 8px;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section h4:not(:first-child) {
  margin-top: 24px;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 520px) {
  .sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-row {
    grid-template-columns: 1fr;
  }
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group.full-width {
  grid-column: 1/-1;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group label {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group input, .sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group select {
  padding: 12px 16px;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  background: #f8f9fa;
  transition: all 0.2s ease;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group input:focus, .sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group select:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.12);
  background: #fff;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group input::placeholder, .sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group select::placeholder {
  color: #A5A5A5;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group select {
  cursor: pointer;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group select:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.12);
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper {
  position: relative;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e1e5e9;
  border-top: none;
  border-radius: 0 0 8px 8px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results .city-result-item {
  padding: 10px 16px;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
  color: #333333;
  transition: background-color 0.2s ease;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results .city-result-item:last-child {
  border-bottom: none;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results .city-result-item:hover {
  background: #f8f9fa;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results .city-result-item.highlighted {
  background: rgba(51, 51, 153, 0.1);
  color: #333399;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results .no-cities-found {
  padding: 16px;
  text-align: center;
  color: #A5A5A5;
  font-style: italic;
}
.sms-customer-edit-modal .sms_modal__body .customer-edit-section .form-group .city-search-wrapper .city-search-results .city-loading {
  padding: 16px;
  text-align: center;
  color: #A5A5A5;
}
.sms-customer-edit-modal .sms_modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #f8f9fa;
}

/* New Chat Modal Styles */
.sms-new-chat-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10100;
  display: none;
}
.sms-new-chat-modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sms-new-chat-modal .sms_modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.sms-new-chat-modal .sms_modal__dialog {
  position: relative;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  z-index: 10101;
}
.sms-new-chat-modal .sms_modal__body {
  flex: 1;
  padding: 24px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.sms-new-chat-modal .sms_modal__body h4 {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 520px) {
  .sms-new-chat-modal .sms_modal__body .new-customer-section .form-row {
    grid-template-columns: 1fr;
  }
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-row.phone-row {
  margin-top: 24px;
  grid-template-columns: 1fr;
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-group label {
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-group input {
  padding: 12px 16px;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  background: #f8f9fa;
  transition: all 0.2s ease;
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-group input:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.12);
  background: #fff;
}
.sms-new-chat-modal .sms_modal__body .new-customer-section .form-group input::placeholder {
  color: #A5A5A5;
}
.sms-new-chat-modal .sms_modal__body .message-section textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.4;
  background: #f8f9fa;
  resize: vertical;
  min-height: 80px;
  transition: all 0.2s ease;
}
.sms-new-chat-modal .sms_modal__body .message-section textarea:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.12);
  background: #fff;
}
.sms-new-chat-modal .sms_modal__body .message-section textarea::placeholder {
  color: #A5A5A5;
}
.sms-new-chat-modal .sms_modal__body .message-section .message-counter {
  margin-top: 6px;
  text-align: right;
  font-size: 12px;
  color: #A5A5A5;
}
.sms-new-chat-modal .sms_modal__body .message-section .message-counter.over-limit {
  color: #BF1B28;
}
.sms-new-chat-modal .sms_modal__body .selected-customer h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sms-new-chat-modal .sms_modal__body .selected-customer h4 .change-customer-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  color: #333399;
  transition: all 0.2s ease;
}
.sms-new-chat-modal .sms_modal__body .selected-customer h4 .change-customer-btn:hover {
  background: rgba(51, 51, 153, 0.1);
  color: rgb(38.25, 38.25, 114.75);
  transform: scale(1.05);
}
.sms-new-chat-modal .sms_modal__body .selected-customer h4 .change-customer-btn:active {
  transform: scale(0.95);
}
.sms-new-chat-modal .sms_modal__body .selected-customer h4 .change-customer-btn i {
  color: #333399;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  border: 1px solid #e1e5e9;
  border-radius: 8px;
  background: #f8f9fa;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .customer-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  flex-shrink: 0;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .customer-details {
  flex: 1;
  min-width: 0;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .customer-details .customer-name {
  font-weight: 700;
  font-size: 16px;
  color: #333333;
  margin-bottom: 2px;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .customer-details .customer-phone {
  font-size: 14px;
  color: #A5A5A5;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .clear-selection {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 6px;
  color: #A5A5A5;
  transition: all 0.2s ease;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .clear-selection:hover {
  background: rgba(191, 27, 40, 0.1);
  color: #BF1B28;
}
.sms-new-chat-modal .sms_modal__body .selected-customer .customer-card .clear-selection i {
  font-size: 14px;
}
.sms-new-chat-modal .sms_modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  background: #f8f9fa;
}

/* ============================================
   ASSIGNMENT FEATURES STYLES
   ============================================ */
/* Assignment success icon in conversation avatars */
.assignment-success-icon {
  position: absolute;
  bottom: -2px;
  right: -2px;
  color: #006F2F;
  background: #fff;
  border-radius: 50%;
  font-size: 14px;
  padding: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Avatar needs position:relative so the absolute icon stays contained */
.sms-widget .avatar {
  position: relative;
}

/* Avatar styling for assigned customers */
.avatar.assigned {
  background-color: #006F2F !important;
  color: #fff;
}

/* Placeholder text styling for missing customer information */
.placeholder-text {
  color: #A5A5A5;
  font-style: italic;
  font-size: 13px;
}

/* Contact data styling for existing customer information */
.contact-data {
  font-weight: 600;
  color: #333333;
}

/* Customer edit row - separate row for edit button */
.customer-edit-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 0;
}

.customer-edit-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}
.customer-edit-trigger:hover {
  background: rgba(0, 0, 0, 0.2);
  transform: translateY(-1px);
}
.customer-edit-trigger i {
  font-size: 14px;
  color: #333333;
}

/* Assignment wrapper - below the edit row, centered */
.customer-assignment-section {
  display: inline-flex;
  align-items: center;
  min-height: 0; /* Allow proper collapsing */
}

.customer-assignment-section {
  display: none;
}

.customer-edit-row {
  justify-content: flex-end;
}

/* Assignment buttons - now directly styled without wrapper */
.assigned-staff-btn {
  background: #006F2F;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.assigned-staff-btn:hover {
  background: #005a26;
  transform: translateY(-1px);
}
.assigned-staff-btn:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.9);
  outline-offset: 2px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.assigned-staff-btn:active {
  transform: translateY(0);
  filter: brightness(0.97);
}
.assigned-staff-btn i {
  font-size: 14px;
}

.assign-btn {
  background: #F04124;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
.assign-btn:hover {
  background: #CF2A0E;
  transform: translateY(-1px);
}
.assign-btn i {
  font-size: 14px;
}

/* Assignment Modal Styles */
.sms-assignment-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10009;
  display: none;
}
.sms-assignment-modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sms-assignment-modal .sms_modal__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
}
.sms-assignment-modal .sms_modal__dialog {
  position: relative;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  width: 90%;
  max-width: 500px;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.sms-assignment-modal .sms_modal__body {
  padding: 20px;
  flex: 1;
  overflow-y: auto;
}
.sms-assignment-modal .sms_modal__body h4 {
  margin: 0 0 15px 0;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
}
.sms-assignment-modal .sms_modal__body .staff-filter-section {
  position: relative;
  margin-bottom: 15px;
}
.sms-assignment-modal .sms_modal__body .staff-filter-section .staff-filter-input {
  width: 100%;
  padding: 10px 40px 10px 12px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  font-size: 14px;
  outline: none;
  transition: border-color 0.2s ease;
}
.sms-assignment-modal .sms_modal__body .staff-filter-section .staff-filter-input:focus {
  border-color: #333399;
}
.sms-assignment-modal .sms_modal__body .staff-filter-section .filter-clear {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.sms-assignment-modal .sms_modal__body .staff-filter-section .filter-clear:hover {
  background: rgba(0, 0, 0, 0.2);
}
.sms-assignment-modal .sms_modal__body .staff-filter-section .filter-clear i {
  font-size: 12px;
  color: #333333;
}
.sms-assignment-modal .sms_modal__body .staff-list {
  max-height: 300px;
  overflow-y: auto;
}
.sms-assignment-modal .sms_modal__body .staff-list .loading, .sms-assignment-modal .sms_modal__body .staff-list .no-staff {
  padding: 20px;
  text-align: center;
  color: #A5A5A5;
  font-style: italic;
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: 8px;
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item:hover {
  background: rgba(0, 0, 0, 0.05);
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item.selected {
  background: rgba(51, 51, 153, 0.1);
  border: 2px solid #333399;
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item .staff-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #333399;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  margin-right: 12px;
  flex-shrink: 0;
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item .staff-details {
  flex: 1;
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item .staff-details .staff-name {
  font-weight: 500;
  color: #333333;
  margin-bottom: 2px;
}
.sms-assignment-modal .sms_modal__body .staff-list .staff-item .staff-details .staff-title {
  font-size: 12px;
  color: #A5A5A5;
}
.sms-assignment-modal .sms_modal__footer {
  padding: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sms_modal__button--compact {
  padding: 4px 12px;
  font-size: 12px;
}

.reminder-save-btn.sms_modal__button--compact {
  margin-top: 6px;
  font-size: 11px;
}

:where(.lr_modal_box) {
  position: relative;
}

.lr_modal_head.lr_modal_head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  margin: 0;
  padding: 6px 8px 6px 16px;
  border: 0;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: #181849;
  color: #ffffff;
  cursor: move;
  user-select: none;
  touch-action: none;
}

.lr_modal_head.lr_modal_head .lr_modal_head_title.lr_modal_head_title {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-transform: none;
  color: inherit;
}
.lr_modal_head.lr_modal_head .lr_modal_head_title.lr_modal_head_title span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lr_modal_head.lr_modal_head .lr_modal_head_icon.lr_modal_head_icon {
  flex: none;
  font-size: 20px;
  color: inherit;
}

.lr_modal_head.lr_modal_head .lr_modal_head_tools.lr_modal_head_tools {
  display: flex;
  flex: none;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  cursor: default;
}

.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font-size: 20px;
  line-height: 1;
  opacity: 0.85;
  cursor: pointer;
  transition: background-color 0.15s ease, opacity 0.15s ease;
}
.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool i {
  font-size: 20px;
}
.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool:hover, .lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool:focus-visible {
  opacity: 1;
  background: rgba(255, 255, 255, 0.14);
}
.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -2px;
}
.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool_close:hover, .lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool_close:focus-visible {
  background: #c62828;
}

.lr_modal_foot.lr_modal_foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.lr_modal_foot .lr_modal_foot_spacer {
  flex: 1 1 auto;
  min-width: 0;
}
.lr_modal_foot .lr_modal_foot_spacer.is_lr_idle {
  flex: 0 1 auto;
}

.lr_modal_box.is_lr_sized {
  overflow: auto;
}

.lr_modal_box.is_lr_sized > .lr_modal_head,
.lr_modal_box.is_lr_maximized > .lr_modal_head {
  position: sticky;
  top: 0;
  z-index: 2;
}

.lr_modal_box.is_lr_maximized {
  position: fixed !important;
  inset: calc(var(--lr_modal_chrome_top, 0px) + 12px) 12px 12px !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  overflow: auto;
}
.lr_modal_box.is_lr_maximized > .lr_modal_head {
  cursor: default;
}

.lr_modal_box:is(.is_lr_sized, .is_lr_maximized):not([hidden]):not(dialog:not([open])):has(> [data-lr-modal-body]) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.lr_modal_box:is(.is_lr_sized, .is_lr_maximized):not([hidden]):not(dialog:not([open])):has(> [data-lr-modal-body]) > * {
  flex: 0 0 auto;
}
.lr_modal_box:is(.is_lr_sized, .is_lr_maximized):not([hidden]):not(dialog:not([open])):has(> [data-lr-modal-body]) > [data-lr-modal-body] {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
  overflow: auto;
}

html.lr_modal_any_open .sms-widget__bubble {
  visibility: hidden;
}

html.lr_modal_is_dragging,
html.lr_modal_is_dragging * {
  cursor: move !important;
  user-select: none !important;
}

html.lr_modal_is_resizing * {
  user-select: none !important;
}

html[data-lr-modal-edge=n],
html[data-lr-modal-edge=n] *,
html[data-lr-modal-edge=s],
html[data-lr-modal-edge=s] * {
  cursor: ns-resize !important;
}

html[data-lr-modal-edge=e],
html[data-lr-modal-edge=e] *,
html[data-lr-modal-edge=w],
html[data-lr-modal-edge=w] * {
  cursor: ew-resize !important;
}

html[data-lr-modal-edge=ne],
html[data-lr-modal-edge=ne] *,
html[data-lr-modal-edge=sw],
html[data-lr-modal-edge=sw] * {
  cursor: nesw-resize !important;
}

html[data-lr-modal-edge=nw],
html[data-lr-modal-edge=nw] *,
html[data-lr-modal-edge=se],
html[data-lr-modal-edge=se] * {
  cursor: nwse-resize !important;
}

@media (max-width: 900px) {
  .lr_modal_head.lr_modal_head {
    cursor: default;
  }
  .lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool_maximize {
    display: none;
  }
  .lr_modal_box {
    max-width: calc(100vw - 16px);
  }
}
.lr_dotca_welcome__panel {
  max-width: 34rem;
}
.lr_dotca_welcome__panel > .lr_modal__body {
  max-height: calc(100dvh - 12rem);
  overflow: auto;
}

.lr_dotca_welcome__p {
  margin: 0 0 0.8rem 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #1b1f2a;
}
.lr_dotca_welcome__p strong {
  font-weight: 700;
}

.lr_dotca_welcome__built {
  font-weight: 700;
}
.lr_dotca_welcome__built i {
  margin-left: 0.2rem;
  color: #d52b1e;
}

.lr_dotca_welcome__contact {
  margin-top: 1.1rem;
}
.lr_dotca_welcome__contact .lr_dotca_welcome__p {
  margin-bottom: 0.7rem;
}

.lr_dotca_welcome__link {
  font-weight: 700;
  color: #333399;
  text-decoration: none;
}
.lr_dotca_welcome__link:hover, .lr_dotca_welcome__link:focus-visible {
  text-decoration: underline;
}

.lr_dotca_welcome__closing {
  margin: 1.1rem 0 0 0;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
  color: #333399;
}

.lr_dotca_welcome__confetti {
  position: fixed;
  inset: 0;
  z-index: 10600;
  pointer-events: none;
}

#lrSupportChatOpen {
  background: transparent;
  border: 0;
  cursor: pointer;
}

.lr_support_chat {
  padding: 70px 12px 12px;
}

.lr_support_chat .lr_support_chat_panel {
  width: min(760px, 100vw - 24px);
  max-width: 760px;
  max-height: calc(100dvh - 100px);
  display: flex;
  flex-direction: column;
  padding: 0;
}

.lr_support_chat_body {
  padding: 1rem;
  overflow-y: auto;
  min-height: 120px;
  flex: 1;
  overscroll-behavior: contain;
}

.lr_support_chat_note,
.lr_support_chat_meta {
  font-size: 0.85rem;
  color: #5a6475;
}

.lr_support_chat_question {
  margin-block: 1rem 0.5rem;
  margin-inline-start: 15%;
  padding: 0.75rem;
  background: #333399;
  color: #FFFFFF;
  border-radius: 0.375rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.lr_support_chat_source {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-block: 0.75rem;
  overflow-wrap: anywhere;
}
.lr_support_chat_source h4 {
  margin-block: 0.25rem 0.5rem;
  font-size: 1rem;
}
.lr_support_chat_source p {
  margin-block: 0.35rem;
}
.lr_support_chat_source summary {
  color: #333399;
  cursor: pointer;
  font-weight: bold;
  padding-block: 0.5rem;
}

.lr_support_chat_guide {
  border-top: 1px solid #dee2e6;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  white-space: pre-wrap;
}

.lr_support_chat_form {
  border-top: 1px solid #dee2e6;
  padding: 0.75rem 1rem;
  flex-shrink: 0;
}
.lr_support_chat_form label {
  display: block;
  margin-block-end: 0.25rem;
}
.lr_support_chat_form input.uber_form_textbox {
  width: 100%;
  max-width: none;
}

.lr_support_chat_footer {
  padding-block-start: 0.5rem;
  gap: 0.5rem;
  flex-wrap: wrap;
}

html.dark_mode .lr_support_chat .lr_support_chat_note,
html.dark_mode .lr_support_chat .lr_support_chat_meta {
  color: #dee2e6;
}
html.dark_mode .lr_support_chat summary {
  color: #A0D3E8;
}

@media (max-width: 600px) {
  .lr_support_chat .lr_support_chat_panel {
    max-height: calc(100dvh - 80px);
  }
  .lr_support_chat_body {
    padding: 0.75rem;
  }
}
.lr_cpick {
  position: relative;
}

.lr_cpick_field {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
.lr_cpick_field > .lr_cpick_input {
  grid-area: 1/1;
  width: 100%;
  margin: 0;
  padding-left: 2.3rem;
  padding-right: 2.1rem;
}
.lr_cpick_field > .capslock_warning {
  grid-row: 2;
  justify-self: start;
  margin-top: 4px;
}

.lr_cpick_icon {
  position: static;
  grid-area: 1/1;
  align-self: center;
  justify-self: start;
  margin-inline-start: 0.75rem;
  z-index: 1;
  color: #adb5bd;
  font-size: 1.05rem;
  line-height: 1;
  pointer-events: none;
}

.lr_cpick_clear {
  position: static;
  grid-area: 1/1;
  align-self: center;
  justify-self: end;
  z-index: 1;
  margin: 0;
  margin-inline-end: 0.45rem;
  padding: 0.2rem;
  border: 0;
  border-radius: 50%;
  background: none;
  color: #adb5bd;
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
}
.lr_cpick_clear:hover, .lr_cpick_clear:focus-visible {
  color: #f04124;
}

.lr_cpick_results {
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  width: max-content;
  min-width: min(24rem, 100vw - 2rem);
  max-width: min(620px, 100vw - 2rem);
  max-height: 320px;
  margin-top: 4px;
  z-index: 60;
  overflow-y: auto;
  overscroll-behavior: contain;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.25);
  text-align: left;
}
.lr_cpick_results .lr_pick_row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 10px;
  row-gap: 1px;
  width: 100%;
  margin: 0;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  border-radius: 0;
  background: none;
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: #1b1f2a;
}
.lr_cpick_results .lr_pick_row:last-child {
  border-bottom: 0;
}
.lr_cpick_results .lr_pick_row:hover, .lr_cpick_results .lr_pick_row:focus {
  background-color: hsl(59, 100%, 109.2352941176%);
  outline: none;
}
.lr_cpick_results .lr_pick_name {
  grid-column: 1;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_cpick_results .lr_pick_id {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  font-size: 0.875rem;
  color: #5a6475;
}
.lr_cpick_results .lr_pick_meta {
  grid-column: 1;
  font-size: 0.875rem;
  color: #5a6475;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lr_cpick_results .lr_pick_city {
  font-weight: 700;
}
.lr_cpick_results .lr_pick_empty {
  margin: 0;
  padding: 10px 12px;
  color: #5a6475;
}
.lr_cpick_results .lr_pick_row.has_stamp {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 1px;
}
.lr_cpick_results .lr_pick_row.has_stamp .lr_pick_line {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
.lr_cpick_results .lr_pick_row.has_stamp .lr_pick_name,
.lr_cpick_results .lr_pick_row.has_stamp .lr_pick_meta {
  flex: 1 1 auto;
  min-width: 0;
}
.lr_cpick_results .lr_pick_row.has_stamp .lr_pick_id {
  flex: 0 0 auto;
  margin-left: auto;
  align-self: baseline;
}
.lr_cpick_results .lr_pick_stamp {
  flex: 0 0 auto;
  margin-left: auto;
  white-space: nowrap;
  font-size: inherit;
  color: #1b1f2a;
}
.lr_cpick_results .lr_pick_stamp strong {
  font-weight: 700;
}
.lr_cpick_results .lr_pick_stamp_label {
  margin-right: 2px;
  font-size: 0.75rem;
  font-weight: 400;
  color: #5a6475;
}

.lr_cpick--fit .lr_cpick_results {
  left: 0;
  right: 0;
  width: auto;
  min-width: 0;
  max-width: none;
}

.lr_cpick--inline .lr_cpick_results {
  position: relative;
  top: auto;
}

.lr_money_wrap {
  position: relative;
  display: block;
  line-height: 0;
}

.lr_money_wrap input {
  margin: 0px;
  padding-left: 26px;
  appearance: textfield;
}

.lr_money_wrap input::-webkit-outer-spin-button,
.lr_money_wrap input::-webkit-inner-spin-button {
  appearance: none;
  margin: 0px;
}

.lr_money_wrap::before {
  content: "$";
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
  pointer-events: none;
}

.lr_money_wrap.lr_percent::before {
  content: "%";
}

html[lang=fr] .lr_money_wrap input {
  padding-left: 8px;
  padding-right: 26px;
}

html[lang=fr] .lr_money_wrap::before {
  content: none;
}

html[lang=fr] .lr_money_wrap::after {
  content: "$";
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  font-weight: 700;
  color: #333399;
  pointer-events: none;
}

html[lang=fr] .lr_money_wrap.lr_percent::after {
  content: "%";
}

.lr_staff_chat {
  --lr_sc_nav_w: 230px;
  --lr_sc_list_w: 300px;
  position: fixed;
  inset-inline-end: 20px;
  bottom: 90px;
  z-index: 1100;
  display: flex;
  flex-direction: column;
  width: min(1100px, 100vw - 40px);
  height: min(720px, 100dvh - 110px);
  min-width: 0;
  padding: 0;
  overflow: hidden;
  background: #ffffff;
  color: #333333;
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.lr_staff_chat[hidden],
.lr_staff_chat [hidden] {
  display: none !important;
}
.lr_staff_chat button,
.lr_staff_chat input,
.lr_staff_chat textarea,
.lr_staff_chat select,
.lr_staff_chat a.lr_sc_nav_item,
.lr_staff_chat a.lr_sc_mini_link {
  font: inherit;
}
.lr_staff_chat button {
  cursor: pointer;
}
.lr_staff_chat > .lr_modal_head {
  flex: 0 0 auto;
}
.lr_staff_chat .lr_sc_open_full {
  text-decoration: none;
}
.lr_staff_chat.lr_sc_full .lr_sc_open_full {
  display: none;
}

a.lr_sc_nav_item:hover,
a.lr_sc_nav_item:focus-visible {
  color: #333333;
  text-decoration: none;
}

.lr_sc_body {
  display: grid;
  grid-template-columns: var(--lr_sc_nav_w) 5px var(--lr_sc_list_w) 5px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.lr_sc_body > .lr_sc_nav {
  grid-column: 1;
  grid-row: 1;
}
.lr_sc_body > .lr_sc_resizer[data-sc-resize=nav] {
  grid-column: 2;
  grid-row: 1;
}
.lr_sc_body > .lr_sc_sidebar {
  grid-column: 3;
  grid-row: 1;
}
.lr_sc_body > .lr_sc_resizer[data-sc-resize=list] {
  grid-column: 4;
  grid-row: 1;
}
.lr_sc_body > .lr_sc_thread_col {
  grid-column: 5;
  grid-row: 1;
}

.lr_sc_resizer {
  z-index: 1;
}

.lr_sc_nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 0;
  padding: 8px 0;
  overflow-y: auto;
  background: #f8f9fa;
}

.lr_sc_nav_items,
.lr_sc_nav_foot {
  display: flex;
  flex-direction: column;
}

.lr_sc_nav_toggle {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 2px 14px 8px;
  border: 0;
  background: transparent;
  color: #9aa1b4;
  font-size: 0.8rem;
  line-height: 1;
}
.lr_sc_nav_toggle:hover, .lr_sc_nav_toggle:focus-visible {
  color: #333399;
}

html[dir=rtl] .lr_sc_nav_toggle i {
  transform: scaleX(-1);
}

.lr_sc_nav {
  justify-content: flex-start;
}
.lr_sc_nav .lr_sc_nav_items {
  flex: 1 1 auto;
}

.lr_sc_nav_foot {
  padding-top: 6px;
  border-top: 1px solid #e3e6f0;
}

.lr_sc_nav_item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 9px 16px 9px 13px;
  border: 0;
  border-inline-start: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #333333;
  font-size: 14px;
  line-height: 1.3;
  text-align: start;
}
.lr_sc_nav_item:hover, .lr_sc_nav_item:focus-visible {
  background: rgba(51, 51, 153, 0.05);
}
.lr_sc_nav_item[aria-pressed=true] {
  border-inline-start-color: #333399;
  background: rgba(51, 51, 153, 0.1);
  color: #333399;
  font-weight: 700;
}

.lr_sc_nav_icon {
  flex: 0 0 18px;
  text-align: center;
  color: #333399;
}

.lr_sc_nav_label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_sc_count {
  flex: 0 0 auto;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: #e5484d;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}

.lr_sc_sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: #ffffff;
}

.lr_sc_mini_bar {
  display: none;
}

.lr_sc_list_head {
  flex: 0 0 auto;
  padding: 10px 12px 6px;
  border-bottom: 1px solid #eef0f5;
}
.lr_sc_list_head:not(:has(> :not([hidden]):not(:empty))) {
  display: none;
}

.lr_sc_search {
  position: relative;
}
.lr_sc_search i {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #8a91a5;
  pointer-events: none;
}
.lr_sc_search input.uber_form_textbox {
  width: 100%;
  height: 38px;
  margin: 0;
  padding-inline-start: 34px;
  border-radius: 10px;
}

.lr_sc_scope label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}
.lr_sc_scope label input,
.lr_sc_scope label select {
  width: 100%;
  margin: 0;
}

.lr_sc_field_label {
  font-size: 12px;
  font-weight: 700;
  color: #5c6478;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.lr_sc_status {
  margin: 6px 0 0;
  font-size: 12px;
  color: #5a6475;
}
.lr_sc_status:empty {
  display: none;
}

.lr_sc_list_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

.lr_sc_row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #eef0f5;
  overflow-wrap: anywhere;
}
.lr_sc_row:has(> .lr_sc_item) {
  padding: 0;
}

.lr_sc_item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 12px 14px 12px 11px;
  border: 0;
  border-inline-start: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #333333;
  text-align: start;
}
.lr_sc_item:hover, .lr_sc_item:focus-visible {
  background: #f6f7fb;
}
.lr_sc_item.is_active {
  border-inline-start-color: #333399;
  background: #e8f4fd;
}
.lr_sc_item.has_unread .lr_sc_item_preview {
  color: #333333;
  font-weight: 600;
}

.lr_sc_item_main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
}

.lr_sc_item_preview {
  overflow: hidden;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8a91a5;
}
.lr_sc_item_preview:empty {
  display: none;
}

.lr_sc_item_side {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-end;
  align-self: flex-start;
  gap: 6px;
  padding-top: 2px;
}

.lr_sc_item_time {
  font-size: 12px;
  white-space: nowrap;
  color: #8a91a5;
}
.has_unread .lr_sc_item_time {
  color: #e5484d;
  font-weight: 700;
}

.lr_sc_avatar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #333399;
  color: #ffffff;
  font-size: 17px;
  font-weight: 700;
}
.lr_sc_avatar--group {
  background: #4a5489;
}

.lr_sc_avatar.lr_sc_tone_0 {
  background: #e3f6e5;
  color: #3f9d4a;
}

.lr_sc_avatar.lr_sc_tone_1 {
  background: #e3f0fc;
  color: #1f7fd6;
}

.lr_sc_avatar.lr_sc_tone_2 {
  background: #f9e4ec;
  color: #c25b80;
}

.lr_sc_avatar.lr_sc_tone_3 {
  background: #fdf0dc;
  color: #d88a1c;
}

.lr_sc_avatar.lr_sc_tone_4 {
  background: #ece8f7;
  color: #6d58bb;
}

.lr_sc_avatar.lr_sc_tone_5 {
  background: #e0f4f1;
  color: #1f948a;
}

.lr_sc_avatar.lr_sc_tone_6 {
  background: #fbe7e5;
  color: #d0564f;
}

.lr_sc_avatar.lr_sc_tone_7 {
  background: #e8ebf2;
  color: #56647f;
}

.lr_sc_presence {
  position: absolute;
  bottom: -1px;
  inset-inline-end: -1px;
  width: 12px;
  height: 12px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #a0a6b4;
}
.lr_sc_presence--active {
  background: #2e9e5b;
}
.lr_sc_presence--away {
  background: #f0a830;
}

.lr_sc_row_text {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
  font-size: 14px;
}

.lr_sc_row_title {
  min-width: 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.lr_sc_row_meta {
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5a6475;
}

.lr_sc_row_flag {
  flex: 0 0 auto;
  color: #8a91a5;
}

.lr_sc_row_actions {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}
.lr_sc_row_actions button {
  margin: 0;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.2;
}

.lr_sc_empty_line {
  margin: 0;
  padding: 24px 16px;
  font-size: 13px;
  text-align: center;
  color: #5a6475;
}

.lr_sc_more {
  display: block;
  margin: 10px auto;
}

.lr_sc_policy {
  margin: 0;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.45;
  color: #4a5163;
}

.lr_sc_check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 16px 8px;
  font-size: 14px;
}

.lr_sc_list > .uber_form_textbox {
  width: calc(100% - 32px);
  margin: 8px 16px;
}
.lr_sc_list > .btn_secondary {
  margin: 0 16px 8px;
}

.lr_sc_mini_foot {
  display: none;
  flex: 0 0 auto;
  align-items: stretch;
  border-top: 1px solid #eef0f5;
  background: #f6f8fc;
}

.lr_sc_mini_link {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 9px 14px;
  border: 0;
  background: transparent;
  color: #303950;
  font-size: 12px;
  text-align: start;
  text-decoration: none;
}
.lr_sc_mini_link i {
  color: #333399;
}
.lr_sc_mini_link + .lr_sc_mini_link {
  flex: 0 0 auto;
  border-inline-start: 1px solid #eef0f5;
}
.lr_sc_mini_link:hover, .lr_sc_mini_link:focus-visible {
  background: #edf1fa;
  color: #303950;
  text-decoration: none;
}

.lr_sc_fav {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #b6bccb;
  font-size: 16px;
  transition: color 0.15s ease, transform 0.15s ease;
}
.lr_sc_fav:hover, .lr_sc_fav:focus-visible {
  color: #f0a500;
  transform: scale(1.1);
}
.lr_sc_fav.is_on {
  color: #f5b301;
}

.lr_sc_hit .lr_sc_hit_snippet {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.lr_sc_hit .lr_sc_hit_snippet strong {
  font-weight: 600;
}

.lr_sc_hit mark {
  padding: 0 1px;
  border-radius: 2px;
  background: #fff1a8;
  color: inherit;
}

.lr_sc_message_wrap.is_hit .lr_sc_message {
  box-shadow: 0 0 0 3px rgba(245, 179, 1, 0.6);
}

.lr_sc_message {
  transition: box-shadow 0.4s ease;
}

.lr_sc_group {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border-top: 1px solid #e3e6f0;
}
.lr_sc_group input.uber_form_textbox {
  flex: 1 1 auto;
  min-width: 0;
  height: 38px;
  margin: 0;
}
.lr_sc_group button {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  margin: 0;
}

.lr_sc_thread_col {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: linear-gradient(160deg, #f3f5fb 0%, #eef1f8 100%);
}
.lr_sc_thread_col:has(> .lr_sc_thread:not([hidden])) > .lr_sc_empty {
  display: none;
}

.lr_sc_empty {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  color: #c3c8d6;
}
.lr_sc_empty .lr_sc_empty_astronaut {
  display: block;
  width: 72px;
  height: 72px;
  background-color: currentColor;
  -webkit-mask: url(../images/icon/icon_rangerline_astronaut.svg) center/contain no-repeat;
  mask: url(../images/icon/icon_rangerline_astronaut.svg) center/contain no-repeat;
}
.lr_sc_empty img {
  width: 160px;
  max-width: 60%;
  opacity: 0.35;
}

.lr_sc_thread {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.lr_sc_thread_head {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #ffffff;
  border-bottom: 1px solid #e3e6f0;
}

.lr_sc_back,
.lr_sc_thread_avatar {
  display: none;
}

.lr_sc_back {
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #333399;
  font-size: 18px;
}
.lr_sc_back:hover, .lr_sc_back:focus-visible {
  background: rgba(51, 51, 153, 0.08);
}

.lr_sc_heading {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-family: "Oswald", "Arial Narrow", sans-serif;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333399;
}

.lr_sc_tools {
  display: flex;
  flex: 0 0 auto;
  gap: 6px;
}

.lr_staff_chat .lr_sc_tool.btn_secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  background: #ffffff;
  color: #333399;
  font-size: 15px;
}
.lr_staff_chat .lr_sc_tool.btn_secondary:hover, .lr_staff_chat .lr_sc_tool.btn_secondary:focus-visible {
  border-color: #c3c9dd;
  color: #22226b;
}

.lr_sc_members {
  flex: 0 0 auto;
  max-height: 30%;
  overflow-y: auto;
  background: #ffffff;
  border-bottom: 1px solid #e3e6f0;
}
.lr_sc_members:empty {
  display: none;
}
.lr_sc_members .lr_sc_row {
  padding: 6px 16px;
}
.lr_sc_members .lr_sc_avatar {
  flex-basis: 28px;
  width: 28px;
  height: 28px;
  font-size: 11px;
}

.lr_sc_messages_col {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.lr_sc_older {
  align-self: center;
  margin: 10px 0 0;
  padding: 4px 12px;
  font-size: 12px;
}

.lr_sc_messages {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  padding: 14px 16px;
  overflow-y: auto;
}

.lr_sc_day {
  align-self: center;
  margin: 10px 0 4px;
  font-size: 13px;
  font-weight: 700;
  color: #7b839a;
}

.lr_sc_message_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.lr_sc_message_wrap--own {
  align-items: flex-end;
}

.lr_sc_message {
  max-width: 78%;
  padding: 8px 12px 6px;
  border-radius: 16px;
  border-end-start-radius: 4px;
  background: #ffffff;
  color: #333333;
  font-size: 15px;
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(27, 31, 42, 0.12);
  overflow-wrap: anywhere;
}
.lr_sc_message p {
  display: inline;
  margin: 0;
  white-space: pre-wrap;
}
.lr_sc_message.lr_sc_own {
  border-end-start-radius: 16px;
  border-end-end-radius: 4px;
  background: #dcefff;
  color: #1b2a3a;
}

.lr_sc_message_name {
  display: block;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 700;
  color: #333399;
}

.lr_sc_message_time {
  float: inline-end;
  margin: 6px 0 0 10px;
  font-size: 11px;
  line-height: 1;
  color: #8a91a5;
}

.lr_sc_compose {
  display: flex;
  flex: 0 0 auto;
  align-items: flex-end;
  gap: 10px;
  margin: 0;
  padding: 10px 14px;
  background: #ffffff;
  border-top: 1px solid #e3e6f0;
}

.lr_sc_compose_field {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.lr_sc_compose_field textarea {
  display: block;
  width: 100%;
  min-height: 42px;
  max-height: 140px;
  margin: 0;
  padding: 10px 14px;
  border-radius: 12px;
  resize: none;
}

.lr_sc_send {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  margin: 0;
  border-radius: 12px;
}

.lr_staff_chat.lr_sc_full {
  position: relative;
  inset: auto;
  z-index: auto;
  width: 100%;
  height: max(520px, 100vh - 140px);
  margin: 8px 0 0;
  border-color: #e3e6f0;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.06);
}
.lr_staff_chat.lr_sc_full > .lr_modal_head {
  cursor: default;
}
.lr_staff_chat.lr_sc_full .lr_modal_head.lr_modal_head .lr_modal_head_title.lr_modal_head_title {
  display: none;
}
.lr_staff_chat.lr_sc_full .lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool:not(.lr_sc_ws_tool) {
  display: none;
}
.lr_staff_chat.lr_sc_full .lr_modal_head.lr_modal_head .lr_modal_tool.lr_sc_ws_tool {
  display: inline-flex;
}

.lr_staff_chat .lr_modal_head.lr_modal_head .lr_modal_tool.lr_sc_ws_tool {
  display: none;
}

.lr_sc_privacy {
  position: fixed;
  inset: 0;
  z-index: 10300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
.lr_sc_privacy[hidden] {
  display: none;
}

.lr_sc_privacy_backdrop {
  position: absolute;
  inset: 0;
  background: rgba(17, 20, 30, 0.55);
}

.lr_sc_privacy_box {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 480px;
  overflow: hidden;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.lr_sc_privacy_body {
  padding: 20px 22px;
  color: #333333;
  font-size: 14px;
  line-height: 1.6;
}
.lr_sc_privacy_body p {
  margin: 0;
}

.lr_sc_privacy_foot {
  padding: 12px 16px;
  border-top: 1px solid #eef0f5;
}

.lr_modal_head.lr_modal_head .lr_modal_head_icon.lr_sc_head_astronaut {
  display: block;
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url(../images/icon/icon_rangerline_astronaut.svg) center/contain no-repeat;
  mask: url(../images/icon/icon_rangerline_astronaut.svg) center/contain no-repeat;
}

#lrStaffChatLink {
  position: relative;
}

.lr_staff_chat_badge {
  position: absolute;
  top: 2px;
  inset-inline-end: -2px;
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 10px;
  background: #BF1B28;
  color: #ffffff;
  font: bold 11px/1.2 "Roboto", "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

.lr_sc_segment {
  display: flex;
  flex: 1 1 auto;
  padding: 3px;
  border-radius: 9px;
  background: #eceef3;
}

.lr_sc_segment_btn {
  flex: 1 1 0;
  margin: 0;
  padding: 6px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #5c6478;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}
.lr_sc_segment_btn[aria-pressed=true] {
  background: #ffffff;
  color: #333333;
  box-shadow: 0 1px 3px rgba(27, 31, 42, 0.15);
}

.lr_sc_mini_tool {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #333399;
  font-size: 18px;
}
.lr_sc_mini_tool:hover, .lr_sc_mini_tool:focus-visible, .lr_sc_mini_tool[aria-pressed=true] {
  background: rgba(51, 51, 153, 0.08);
}
.lr_sc_mini_tool .lr_sc_count {
  position: absolute;
  top: -2px;
  inset-inline-end: -4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 16px;
}

.lr_sc_mini_invites:not(:has(.lr_sc_count:not([hidden]))) {
  display: none;
}

.lr_staff_chat.lr_sc_mini {
  width: min(390px, 100vw - 40px);
  height: min(680px, 100dvh - 110px);
}
.lr_staff_chat.lr_sc_mini .lr_sc_body {
  grid-template-columns: minmax(0, 1fr);
}
.lr_staff_chat.lr_sc_mini .lr_sc_body > .lr_sc_sidebar,
.lr_staff_chat.lr_sc_mini .lr_sc_body > .lr_sc_thread_col {
  grid-column: 1;
  grid-row: 1;
}
.lr_staff_chat.lr_sc_mini .lr_sc_nav,
.lr_staff_chat.lr_sc_mini .lr_sc_resizer,
.lr_staff_chat.lr_sc_mini .lr_sc_group,
.lr_staff_chat.lr_sc_mini .lr_sc_empty {
  display: none;
}
.lr_staff_chat.lr_sc_mini.lr_sc_show_thread .lr_sc_sidebar, .lr_staff_chat.lr_sc_mini:not(.lr_sc_show_thread) .lr_sc_thread_col {
  display: none;
}
.lr_staff_chat.lr_sc_mini .lr_sc_mini_bar {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 10px 12px 4px;
}
.lr_staff_chat.lr_sc_mini .lr_sc_list_head {
  border-bottom: 0;
}
.lr_staff_chat.lr_sc_mini .lr_sc_back,
.lr_staff_chat.lr_sc_mini .lr_sc_thread_avatar {
  display: inline-flex;
}
.lr_staff_chat.lr_sc_mini .lr_sc_thread_avatar {
  flex-basis: 38px;
  width: 38px;
  height: 38px;
  font-size: 15px;
}
.lr_staff_chat.lr_sc_mini .lr_sc_thread_head {
  gap: 8px;
  padding: 8px 10px;
}
.lr_staff_chat.lr_sc_mini .lr_sc_heading {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  color: #333333;
}
.lr_staff_chat.lr_sc_mini .lr_sc_tools {
  gap: 2px;
}
.lr_staff_chat.lr_sc_mini .lr_sc_tool.btn_secondary {
  width: 30px;
  height: 30px;
  border-color: transparent;
  background: transparent;
}
.lr_staff_chat.lr_sc_mini .lr_sc_message {
  max-width: 85%;
}
.lr_staff_chat.lr_sc_mini .lr_sc_mini_foot {
  display: flex;
}
.lr_staff_chat.lr_sc_mini .lr_modal_head.lr_modal_head .lr_modal_tool.lr_modal_tool_maximize {
  display: none;
}

@media (min-width: 901px) {
  .lr_staff_chat.lr_sc_nav_collapsed:not(.lr_sc_mini) .lr_sc_body {
    grid-template-columns: 56px 5px var(--lr_sc_list_w) 5px minmax(0, 1fr);
  }
}
.lr_staff_chat.lr_sc_nav_collapsed .lr_sc_resizer[data-sc-resize=nav] {
  pointer-events: none;
}
.lr_staff_chat.lr_sc_nav_collapsed .lr_sc_nav_toggle {
  justify-content: center;
  padding-inline: 0;
}
.lr_staff_chat.lr_sc_nav_collapsed .lr_sc_nav_item {
  justify-content: center;
  padding: 11px 0;
}
.lr_staff_chat.lr_sc_nav_collapsed .lr_sc_nav_item .lr_sc_nav_label {
  display: none;
}
.lr_staff_chat.lr_sc_nav_collapsed .lr_sc_nav_item .lr_sc_count {
  position: absolute;
  top: 3px;
  inset-inline-end: 4px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  line-height: 16px;
}
.lr_staff_chat.lr_sc_nav_collapsed .lr_sc_nav_icon {
  flex-basis: auto;
  font-size: 17px;
}

@media (max-width: 1240px) {
  .lr_sc_resizer {
    pointer-events: none;
  }
  .lr_sc_group button span {
    display: none;
  }
}
@media (max-width: 900px) {
  .lr_staff_chat,
  .lr_staff_chat.lr_sc_mini {
    inset-inline: 8px;
    bottom: 8px;
    width: auto;
    height: calc(100dvh - 80px);
  }
  .lr_staff_chat .lr_sc_body,
  .lr_staff_chat.lr_sc_mini .lr_sc_body {
    grid-template-columns: minmax(0, 1fr);
  }
  .lr_staff_chat .lr_sc_body > .lr_sc_sidebar,
  .lr_staff_chat .lr_sc_body > .lr_sc_thread_col,
  .lr_staff_chat.lr_sc_mini .lr_sc_body > .lr_sc_sidebar,
  .lr_staff_chat.lr_sc_mini .lr_sc_body > .lr_sc_thread_col {
    grid-column: 1;
    grid-row: 1;
  }
  .lr_staff_chat .lr_sc_nav,
  .lr_staff_chat .lr_sc_resizer,
  .lr_staff_chat .lr_sc_group,
  .lr_staff_chat .lr_sc_empty,
  .lr_staff_chat.lr_sc_mini .lr_sc_nav,
  .lr_staff_chat.lr_sc_mini .lr_sc_resizer,
  .lr_staff_chat.lr_sc_mini .lr_sc_group,
  .lr_staff_chat.lr_sc_mini .lr_sc_empty {
    display: none;
  }
  .lr_staff_chat.lr_sc_show_thread .lr_sc_sidebar, .lr_staff_chat:not(.lr_sc_show_thread) .lr_sc_thread_col,
  .lr_staff_chat.lr_sc_mini.lr_sc_show_thread .lr_sc_sidebar,
  .lr_staff_chat.lr_sc_mini:not(.lr_sc_show_thread) .lr_sc_thread_col {
    display: none;
  }
  .lr_staff_chat .lr_sc_mini_bar,
  .lr_staff_chat.lr_sc_mini .lr_sc_mini_bar {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 4px;
  }
  .lr_staff_chat .lr_sc_list_head,
  .lr_staff_chat.lr_sc_mini .lr_sc_list_head {
    border-bottom: 0;
  }
  .lr_staff_chat .lr_sc_back,
  .lr_staff_chat .lr_sc_thread_avatar,
  .lr_staff_chat.lr_sc_mini .lr_sc_back,
  .lr_staff_chat.lr_sc_mini .lr_sc_thread_avatar {
    display: inline-flex;
  }
  .lr_staff_chat .lr_sc_thread_avatar,
  .lr_staff_chat.lr_sc_mini .lr_sc_thread_avatar {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    font-size: 15px;
  }
  .lr_staff_chat .lr_sc_thread_head,
  .lr_staff_chat.lr_sc_mini .lr_sc_thread_head {
    gap: 8px;
    padding: 8px 10px;
  }
  .lr_staff_chat .lr_sc_heading,
  .lr_staff_chat.lr_sc_mini .lr_sc_heading {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    font-size: 17px;
    color: #333333;
  }
  .lr_staff_chat .lr_sc_tools,
  .lr_staff_chat.lr_sc_mini .lr_sc_tools {
    gap: 2px;
  }
  .lr_staff_chat .lr_sc_tool.btn_secondary,
  .lr_staff_chat.lr_sc_mini .lr_sc_tool.btn_secondary {
    width: 30px;
    height: 30px;
    border-color: transparent;
    background: transparent;
  }
  .lr_staff_chat .lr_sc_message,
  .lr_staff_chat.lr_sc_mini .lr_sc_message {
    max-width: 85%;
  }
  .lr_staff_chat .lr_sc_mini_foot,
  .lr_staff_chat.lr_sc_mini .lr_sc_mini_foot {
    display: flex;
  }
  .lr_staff_chat.lr_sc_full {
    height: calc(100dvh - 110px);
  }
  .lr_modal_head.lr_modal_head .lr_modal_tool.lr_sc_view_toggle {
    display: none;
  }
}
.lr_helpiq {
  position: fixed;
  top: 52px;
  bottom: 0;
  inset-inline-end: 0;
  z-index: 1150;
  display: flex;
  flex-direction: column;
  width: min(440px, 100vw);
  border-inline-start: 1px solid #e3e6f0;
  background: #ffffff;
  color: #1b1f2a;
  box-shadow: -8px 0 28px rgba(0, 0, 0, 0.14);
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.lr_helpiq[hidden] {
  display: none;
}
.lr_helpiq .lr_hq_head {
  flex: 0 0 auto;
  border-radius: 0;
  cursor: default;
}

.lr_helpiq.is_lr_maximized {
  border-inline-start: 0;
  box-shadow: none;
}

.lr_hq_body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 14px 14px 6px;
  background: #f6f7fb;
}

.lr_hq_transcript {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lr_hq_note {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: #6b7684;
  text-align: center;
  padding: 0 8px;
}
.lr_hq_note.lr_hq_welcome {
  font-size: 0.95rem;
  color: #1b1f2a;
}

.lr_hq_msg {
  display: flex;
}
.lr_hq_msg--user {
  justify-content: flex-end;
}
.lr_hq_msg--assistant {
  justify-content: flex-start;
}

.lr_hq_bubble {
  max-width: 88%;
  padding: 9px 12px;
  border-radius: 14px;
  font-size: 0.95rem;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
.lr_hq_msg--user .lr_hq_bubble {
  background: #333399;
  color: #ffffff;
  border-end-end-radius: 4px;
}
.lr_hq_msg--assistant .lr_hq_bubble {
  background: #eef1f8;
  color: #1b1f2a;
  border-end-start-radius: 4px;
  white-space: normal;
}
.lr_hq_msg--assistant .lr_hq_bubble p {
  margin: 0 0 0.55em;
  font-size: inherit;
  line-height: inherit;
}
.lr_hq_msg--assistant .lr_hq_bubble p:last-child {
  margin-bottom: 0;
}
.lr_hq_msg--assistant .lr_hq_bubble .lr_hq_list {
  margin: 0 0 0.55em;
  padding-inline-start: 1.3em;
}
.lr_hq_msg--assistant .lr_hq_bubble .lr_hq_list li {
  margin: 0.15em 0;
}
.lr_hq_bubble--error {
  background: #fdecec;
  color: #8a1c1c;
}

.lr_hq_thinking {
  min-width: 56px;
  min-height: 36px;
  position: relative;
}
.lr_hq_thinking::after {
  content: "";
  position: absolute;
  top: 50%;
  inset-inline-start: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #6b7684;
  box-shadow: 14px 0 0 #6b7684, 28px 0 0 #6b7684;
  transform: translateY(-50%);
  animation: lr_hq_pulse 1.1s infinite ease-in-out;
}

@keyframes lr_hq_pulse {
  0%, 100% {
    opacity: 0.35;
  }
  50% {
    opacity: 1;
  }
}
.lr_hq_retry {
  border: 0;
  background: transparent;
  color: #333399;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}

.lr_hq_compose {
  flex: 0 0 auto;
  border-top: 1px solid #e3e6f0;
  background: #ffffff;
  padding: 10px 12px 8px;
}

.lr_hq_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.lr_hq_chip {
  border: 1px solid #e3e6f0;
  border-radius: 999px;
  background: #ffffff;
  color: #1b1f2a;
  font: 700 0.78rem/1.2 "Roboto", "Helvetica Neue", Arial, sans-serif;
  padding: 5px 11px;
  cursor: pointer;
}
.lr_hq_chip:hover {
  background: #f6f7fb;
}
.lr_hq_chip[aria-pressed=true] {
  background: #333399;
  border-color: #333399;
  color: #ffffff;
}

.lr_hq_input_row {
  display: flex;
  align-items: flex-end;
  gap: 8px;
}

.lr_hq_input {
  flex: 1 1 auto;
  min-height: 40px;
  max-height: 160px;
  resize: none;
  padding: 8px 12px;
  border: 1px solid #ced4da;
  border-radius: 10px;
  background: #ffffff;
  color: #1b1f2a;
  font: 400 0.95rem/1.4 "Roboto", "Helvetica Neue", Arial, sans-serif;
}
.lr_hq_input:focus {
  outline: none;
  border-color: #333399;
  box-shadow: 0 0 0 3px rgba(51, 51, 153, 0.15);
}
.lr_hq_input[readonly] {
  background: #f6f7fb;
}

.lr_hq_send,
.lr_hq_stop {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}
.lr_hq_send[hidden],
.lr_hq_stop[hidden] {
  display: none;
}

.lr_hq_disclaimer {
  margin: 8px 0 0;
  font-size: 0.72rem;
  line-height: 1.35;
  color: #6b7684;
  text-align: center;
}

.lr_hq_confirm {
  margin: 2px 0;
  padding: 10px 12px;
  border: 1px dashed #333399;
  border-radius: 10px;
  background: #f3f4ff;
  font-size: 0.88rem;
  line-height: 1.4;
}
.lr_hq_confirm.is_allowed, .lr_hq_confirm.is_denied {
  opacity: 0.6;
}

.lr_hq_confirm_text {
  margin: 0 0 8px;
  font-size: inherit;
  line-height: inherit;
  overflow-wrap: anywhere;
}

.lr_hq_confirm_actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.lr_hq_confirm_btn {
  height: 32px;
  margin: 0;
  padding: 0 14px;
  font-size: 0.82rem;
  line-height: 32px;
}

.lr_hq_status {
  margin: 6px 0 0;
  font-size: 0.8rem;
  font-style: italic;
  color: #6b7684;
}

.lr_hq_note.lr_hq_action {
  text-align: start;
  font-size: 0.78rem;
  padding-inline-start: 4px;
}

.lr_hq_error_note {
  color: #8a1c1c;
}

.lr_hq_feedback {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: -4px 0 0 4px;
  font-size: 0.78rem;
  color: #6b7684;
}

.lr_hq_fb_btn {
  border: 0;
  background: transparent;
  color: #6b7684;
  font-size: 0.9rem;
  padding: 2px 7px;
  border-radius: 6px;
  cursor: pointer;
}
.lr_hq_fb_btn:hover {
  background: #eef1f8;
  color: #333399;
}

.lr_hq_ticket_card {
  margin: 4px 0 6px;
  padding: 6px 0 0;
  font-size: 0.84rem;
  line-height: 1.4;
}
.lr_hq_ticket_card dl {
  margin: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3px 10px;
}
.lr_hq_ticket_card dt {
  font-weight: 700;
  color: #6b7684;
}
.lr_hq_ticket_card dd {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.lr_hq_images {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}
.lr_hq_images:empty {
  display: none;
}

.lr_hq_image_chip {
  position: relative;
  width: 64px;
  height: 48px;
  border: 1px solid #e3e6f0;
  border-radius: 8px;
  overflow: hidden;
  background: #f6f7fb;
}
.lr_hq_image_chip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.lr_hq_image_remove {
  position: absolute;
  top: 2px;
  inset-inline-end: 2px;
  width: 18px;
  height: 18px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  font-size: 11px;
  line-height: 18px;
  padding: 0;
  cursor: pointer;
}

.lr_hq_msg--user .lr_hq_bubble img {
  display: block;
  max-width: 100%;
  max-height: 180px;
  border-radius: 8px;
  margin-bottom: 6px;
}

.lr_hq_note.lr_hq_ticket_note {
  text-align: start;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff6dc;
  color: #5a4a12;
  font-size: 0.82rem;
}

.lr_hq_overlay {
  position: fixed;
  inset: 0;
  z-index: 1149;
  pointer-events: none;
}

.lr_hq_ring {
  position: fixed;
  box-sizing: border-box;
  border: 3px solid #ff5a1f;
  border-radius: 10px;
  box-shadow: 0 0 0 4px rgba(255, 90, 31, 0.22), 0 6px 18px rgba(0, 0, 0, 0.18);
  animation: lr_hq_ring_pulse 1.4s ease-in-out infinite;
}
.lr_hq_ring[hidden] {
  display: none;
}

.lr_hq_ring_badge {
  position: absolute;
  top: -26px;
  inset-inline-start: -3px;
  max-width: 240px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #ff5a1f;
  color: #ffffff;
  font: 700 12px/1.4 "Roboto", "Helvetica Neue", Arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lr_hq_ring_badge[hidden] {
  display: none;
}

@keyframes lr_hq_ring_pulse {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(255, 90, 31, 0.22), 0 6px 18px rgba(0, 0, 0, 0.18);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 90, 31, 0.1), 0 6px 18px rgba(0, 0, 0, 0.18);
  }
}
.helpiq-head {
  position: relative;
}

.lr_hq_badge {
  position: absolute;
  top: 2px;
  inset-inline-end: -2px;
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 10px;
  background: #BF1B28;
  color: #ffffff;
  font: bold 11px/1.2 "Roboto", "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

@media (max-width: 900px) {
  .lr_helpiq,
  .lr_helpiq.lr_modal_box {
    top: 0;
    width: 100vw;
    max-width: none;
    border-inline-start: 0;
    box-shadow: none;
    z-index: 1300;
  }
  .lr_hq_bubble {
    max-width: 94%;
  }
}
html {
  scrollbar-gutter: stable;
}

.nix_display {
  display: none !important;
}

.lr_guest_shell {
  min-height: 100vh;
  background: #f5f7fc;
}

.lr_guest_header {
  padding: 1rem 1.25rem;
  background: #ffffff;
  box-shadow: 0 1px 0 #dadce0;
}

.lr_guest_main {
  padding: 2rem 1.25rem;
}

.lr_topbar_context {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding-left: 0.5rem;
}

.lr_topbar_dealer {
  color: #1b1f2a;
  font-size: 0.9rem;
}

.lr_page_body {
  padding-top: 0.5rem;
}

.lr_phase_badge {
  display: inline-block;
  color: #B6B6B6;
  font-size: 0.625rem;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}

.menu_not_ready {
  opacity: 0.65;
}

/*# sourceMappingURL=app--LotRanger.css.map */ overflow: hidden;
  text-overflow: ellipsis;
}
.lr_hq_ring_badge[hidden] {
  display: none;
}

@keyframes lr_hq_ring_pulse {
  0%, 100% {
    box-shadow: 0 0 0 4px rgba(255, 90, 31, 0.22), 0 6px 18px rgba(0, 0, 0, 0.18);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 90, 31, 0.1), 0 6px 18px rgba(0, 0, 0, 0.18);
  }
}
.helpiq-head {
  position: relative;
}

.lr_hq_badge {
  position: absolute;
  top: 2px;
  inset-inline-end: -2px;
  min-width: 18px;
  padding: 2px 5px;
  border-radius: 10px;
  background: #BF1B28;
  color: #ffffff;
  font: bold 11px/1.2 "Roboto", "Helvetica Neue", Arial, sans-serif;
  text-align: center;
}

@media (max-width: 900px) {
  .lr_helpiq,
  .lr_helpiq.lr_modal_box {
    top: 0;
    width: 100vw;
    max-width: none;
    border-inline-start: 0;
    box-shadow: none;
    z-index: 1300;
  }
  .lr_hq_bubble {
    max-width: 94%;
  }
}
html {
  scrollbar-gutter: stable;
}

.nix_display {
  display: none !important;
}

.lr_guest_shell {
  min-height: 100vh;
  background: #f5f7fc;
}

.lr_guest_header {
  padding: 1rem 1.25rem;
  background: #ffffff;
  box-shadow: 0 1px 0 #dadce0;
}

.lr_guest_main {
  padding: 2rem 1.25rem;
}

.lr_topbar_context {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding-left: 0.5rem;
}

.lr_topbar_dealer {
  color: #1b1f2a;
  font-size: 0.9rem;
}

.lr_page_body {
  padding-top: 0.5rem;
}

.lr_phase_badge {
  display: inline-block;
  color: #B6B6B6;
  font-size: 0.625rem;
  vertical-align: middle;
  font-variant-numeric: tabular-nums;
}

.menu_not_ready {
  opacity: 0.65;
}

/*# sourceMappingURL=app--LotRanger.css.map */