:root {
  --vm-primary: #2f85bf;
  --vm-primary-strong: #226e9f;
  --vm-primary-soft: #eaf5ff;
  --vm-bg-top: #edf6ff;
  --vm-bg-bottom: #f8fbff;
  --vm-border: #cbdff0;
  --vm-card: #ffffff;
  --vm-text: #16344d;
  --vm-text-soft: #4a6479;
  --vm-shadow-soft: 0 14px 30px rgba(20, 67, 103, 0.12);
  --vm-shadow-strong: 0 18px 34px rgba(20, 67, 103, 0.18);
  --vm-shell-width: 1120px;
}

.vm-modern-dashboard {
  background: linear-gradient(180deg, var(--vm-bg-top) 0, #f3f8ff 190px, var(--vm-bg-bottom) 520px) !important;
  color: var(--vm-text-soft);
}

.vm-modern-dashboard #wrapper {
  max-width: 1240px;
}

.vm-modern-dashboard #page {
  padding: 8px 0 56px !important;
}

.vm-modern-dashboard .menu {
  margin: 0 auto 14px;
  width: min(var(--vm-shell-width), calc(100% - 24px));
}

.vm-modern-dashboard #custom-bootstrap-menu {
  border: 1px solid var(--vm-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  box-shadow: var(--vm-shadow-soft);
  margin: 0;
  min-height: 58px;
}

.vm-modern-dashboard #custom-bootstrap-menu .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}

.vm-modern-dashboard .vm-auth-brand {
  display: inline-flex;
  align-items: center;
  height: 58px;
  padding: 0 14px 0 12px;
}

.vm-modern-dashboard .vm-auth-brand img {
  width: 220px;
  max-width: 58vw;
  height: auto;
  display: block;
}

.vm-modern-dashboard .vm-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 9px 4px 10px;
}

.vm-modern-dashboard .vm-nav-item {
  float: none;
}

.vm-modern-dashboard .vm-nav-link {
  border-radius: 999px;
  border: 1px solid #d6e6f4;
  background: linear-gradient(180deg, #ffffff 0%, #eff7ff 100%);
  color: #24567d !important;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.1;
  padding: 10px 14px !important;
  transition: transform 130ms ease, box-shadow 130ms ease, border-color 130ms ease;
}

.vm-modern-dashboard .vm-nav-link i {
  color: #2d7fb8;
}

.vm-modern-dashboard .vm-nav-link:hover,
.vm-modern-dashboard .vm-nav-link:focus {
  border-color: #98bfdc;
  box-shadow: 0 10px 20px rgba(30, 97, 145, 0.16);
  transform: translateY(-1px);
  background: linear-gradient(180deg, #ffffff 0%, #e9f3ff 100%);
}

.vm-modern-dashboard .vm-nav-link.is-active {
  border-color: #4f97c9;
  background: linear-gradient(180deg, #50a0d7 0%, #357fb5 100%);
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(26, 90, 136, 0.28);
}

.vm-modern-dashboard .vm-nav-link.is-active i {
  color: #fff;
}

.vm-modern-dashboard .pageHeader {
  float: none !important;
  width: min(var(--vm-shell-width), calc(100% - 24px)) !important;
  max-width: 100%;
  margin: 6px auto 6px !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 18px 22px !important;
  border: 1px solid var(--vm-border);
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #eff7ff 100%) !important;
  box-shadow: var(--vm-shadow-soft);
  color: var(--vm-text) !important;
  text-align: left;
  line-height: 1.15 !important;
  font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.95rem) !important;
  font-weight: 700;
}

.vm-modern-dashboard .vm-page-lead {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 14px;
  padding: 0 4px;
  color: var(--vm-text-soft);
  font-size: 0.99em;
  line-height: 1.5;
  text-align: left;
}

.vm-modern-dashboard .breakHeader {
  display: none !important;
}

.vm-modern-dashboard #divJobs,
.vm-modern-dashboard #divMyJobs,
.vm-modern-dashboard #divMyJobsPayouts {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto;
  padding: 0 !important;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 16px;
}

.vm-modern-dashboard #divJobs > .fa-spin,
.vm-modern-dashboard #divMyJobs > .fa-spin,
.vm-modern-dashboard #divMyJobsPayouts > .fa-spin {
  margin: 36px auto;
  color: #6c96b7;
}

.vm-modern-dashboard .divJob {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  border: 1px solid #cfe2f2 !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
  box-shadow: var(--vm-shadow-soft);
  padding: 0 0 14px !important;
}

.vm-modern-dashboard .divJob.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vm-modern-dashboard .divJob .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-bottom: 0 !important;
}

.vm-modern-dashboard .divJob [class*="col-"] {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.vm-modern-dashboard #pJobDate,
.vm-modern-dashboard #pJobTimeFrom,
.vm-modern-dashboard #pJobTimeTo,
.vm-modern-dashboard #pJobLocationFrom,
.vm-modern-dashboard #pJobLocationTo,
.vm-modern-dashboard #pJobInventory,
.vm-modern-dashboard #pPrice,
.vm-modern-dashboard #spanDaysUntilJob {
  letter-spacing: 0;
}

.vm-modern-dashboard #pJobDate,
.vm-modern-dashboard #pJobTimeFrom,
.vm-modern-dashboard #pJobTimeTo,
.vm-modern-dashboard #pJobLocationFrom,
.vm-modern-dashboard #pJobLocationTo {
  color: #20374c !important;
}

.vm-modern-dashboard #pJobLocationFrom {
  color: #2f8759 !important;
}

.vm-modern-dashboard #pJobLocationTo {
  color: #9d4141 !important;
}

.vm-modern-dashboard #pJobInventory {
  border: 1px solid #d6e4f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.vm-modern-dashboard #pPrice {
  border: 1px solid #9bc1de !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
  color: #23618a !important;
  font-weight: 700;
  text-align: center;
  box-shadow: 0 8px 16px rgba(28, 86, 129, 0.14);
}

.vm-modern-dashboard span[onclick="copyText(event);"] {
  border: 1px solid #5f9fcf !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 18px rgba(27, 88, 132, 0.18);
}

.vm-modern-dashboard #spanDaysUntilJob {
  border: 1px solid #85b7d9;
  box-shadow: 0 10px 18px rgba(27, 88, 132, 0.18);
}

.vm-modern-dashboard .btn {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.vm-modern-dashboard .btn:hover,
.vm-modern-dashboard .btn:focus {
  transform: translateY(-1px);
}

.vm-modern-dashboard .btnAcceptJob,
.vm-modern-dashboard .btnUpdatePayoutDetails,
.vm-modern-dashboard .openPayment,
.vm-modern-dashboard .openCheckIn,
.vm-modern-dashboard .openCustomerDetails {
  min-width: 11.5em;
}

.vm-modern-dashboard .dropdown-menu {
  border: 1px solid #bfd8ec;
  border-radius: 14px;
  box-shadow: 0 16px 28px rgba(20, 67, 103, 0.2);
  padding: 6px 6px;
}

.vm-modern-dashboard .dropdown-menu hr {
  margin: 6px 0 !important;
}

.vm-modern-dashboard .dropdown-menu .btn {
  border-radius: 10px;
}

.vm-modern-dashboard #divNoJobs,
.vm-modern-dashboard #divNotVerified {
  display: block;
  float: none !important;
  clear: both;
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 4px auto 0 !important;
  border: 1px solid #d5e7f4;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
  color: #34556f;
  box-shadow: var(--vm-shadow-soft);
  text-align: left !important;
  padding: 18px 20px;
}

.vm-modern-dashboard .vm-empty-state {
  font-size: 1.02em;
  line-height: 1.55;
}

.vm-modern-dashboard #divNoJobs a,
.vm-modern-dashboard #divNotVerified a {
  font-weight: 600;
}

body.vm-route-myjobs #divMyJobs,
body.vm-route-myjobs-payouts #divMyJobsPayouts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: flex-start;
  gap: 18px;
  align-items: start;
}

body.vm-route-jobs #divJobs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: flex-start;
  gap: 18px;
  align-items: start;
}

body.vm-route-myjobs #divMyJobs::before,
body.vm-route-myjobs #divMyJobs::after,
body.vm-route-myjobs-payouts #divMyJobsPayouts::before,
body.vm-route-myjobs-payouts #divMyJobsPayouts::after,
body.vm-route-jobs #divJobs::before,
body.vm-route-jobs #divJobs::after {
  content: none !important;
  display: none !important;
}

body.vm-route-myjobs #divMyJobs > .fa-spin,
body.vm-route-myjobs-payouts #divMyJobsPayouts > .fa-spin {
  grid-column: 1 / -1;
  text-align: center;
}

body.vm-route-jobs #divJobs > .fa-spin {
  grid-column: 1 / -1;
  text-align: center;
}

body.vm-route-myjobs .vm-job-card,
body.vm-route-myjobs-payouts .vm-job-card,
body.vm-route-jobs .vm-job-card {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 1px solid #a8cbe2 !important;
  border-radius: 22px !important;
  background:
    linear-gradient(90deg, #50a0d7 0%, #2f85bf 52%, #6fb5e5 100%) top / 100% 8px no-repeat,
    linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
  box-shadow: 0 18px 34px rgba(21, 70, 106, 0.15), inset 0 0 0 1px rgba(212, 230, 243, 0.92) !important;
  position: relative;
  overflow: visible;
  background-clip: padding-box;
}

body.vm-route-myjobs .vm-job-card::before,
body.vm-route-myjobs-payouts .vm-job-card::before,
body.vm-route-jobs .vm-job-card::before {
  content: none;
}

body.vm-route-myjobs .vm-job-card .col-lg-12,
body.vm-route-jobs .vm-job-card .col-lg-12 {
  margin-top: 0.6em !important;
}

body.vm-route-myjobs .vm-job-card > .col-lg-12.col-xs-12:first-child {
  margin-top: 1.05em !important;
}

body.vm-route-myjobs-payouts .vm-job-card > .col-lg-12.col-xs-12:first-child {
  margin-top: 1.05em !important;
}

body.vm-route-myjobs .vm-job-card [style*="font-size: 1.2em; color: #818181"],
body.vm-route-myjobs-payouts .vm-job-card [style*="font-size: 1.2em; color: #818181"],
body.vm-route-jobs .vm-job-card [style*="font-size: 1.2em; color: #818181"] {
  color: #567088 !important;
  font-size: 1.12em !important;
  font-weight: 600;
}

body.vm-route-myjobs .vm-job-card #pJobDate,
body.vm-route-myjobs .vm-job-card #pJobTimeFrom,
body.vm-route-myjobs .vm-job-card #pJobTimeTo,
body.vm-route-myjobs-payouts .vm-job-card #pJobDate,
body.vm-route-myjobs-payouts .vm-job-card #pJobTimeFrom,
body.vm-route-myjobs-payouts .vm-job-card #pJobTimeTo,
body.vm-route-jobs .vm-job-card #pJobDate,
body.vm-route-jobs .vm-job-card #pJobTimeFrom,
body.vm-route-jobs .vm-job-card #pJobTimeTo {
  font-size: 1.2em !important;
  font-weight: 700;
}

body.vm-route-myjobs .vm-job-card #pJobInventory,
body.vm-route-myjobs-payouts .vm-job-card #pJobInventory,
body.vm-route-jobs .vm-job-card #pJobInventory {
  min-height: 9.2em;
  max-height: 11em;
  border-radius: 16px !important;
  border: 1px solid #c7dded !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
  padding: 8px 10px !important;
  line-height: normal !important;
  overflow-y: auto !important;
  overflow-x: hidden;
}

body.vm-route-myjobs .vm-job-card #pPrice,
body.vm-route-myjobs-payouts .vm-job-card #pPrice,
body.vm-route-jobs .vm-job-card #pPrice {
  min-width: 4.7em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1.65em !important;
}

body.vm-route-myjobs .vm-job-card #spanDaysUntilJob,
body.vm-route-myjobs .vm-job-card span[onclick="copyText(event);"],
body.vm-route-myjobs-payouts .vm-job-card span[onclick="copyText(event);"],
body.vm-route-jobs .vm-job-card span[onclick="copyText(event);"] {
  border-radius: 14px !important;
}

body.vm-route-jobs .vm-job-card .vm-inventory-row,
body.vm-route-myjobs .vm-job-card .vm-inventory-row,
body.vm-route-myjobs-payouts .vm-job-card .vm-inventory-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  border-bottom: 1px solid #edf3f9;
  color: #274a65;
  font-size: 0.9em;
  line-height: 1.22;
}

body.vm-route-jobs .vm-job-card .vm-inventory-row:last-child,
body.vm-route-myjobs .vm-job-card .vm-inventory-row:last-child,
body.vm-route-myjobs-payouts .vm-job-card .vm-inventory-row:last-child {
  border-bottom: 0;
}

body.vm-route-jobs .vm-job-card .vm-inventory-name,
body.vm-route-myjobs .vm-job-card .vm-inventory-name,
body.vm-route-myjobs-payouts .vm-job-card .vm-inventory-name {
  font-weight: 600;
  line-height: 1.24;
  font-size: 0.98em;
}

body.vm-route-jobs .vm-job-card .vm-inventory-count,
body.vm-route-myjobs .vm-job-card .vm-inventory-count,
body.vm-route-myjobs-payouts .vm-job-card .vm-inventory-count {
  min-width: 1.75em;
  text-align: center;
  border: 1px solid #cae0ef;
  border-radius: 999px;
  padding: 1px 6px;
  background: #f2f9ff;
  color: #205a81;
  font-weight: 700;
  font-size: 0.95em;
}

body.vm-route-jobs .vm-job-card .vm-inventory-row.is-empty,
body.vm-route-myjobs .vm-job-card .vm-inventory-row.is-empty,
body.vm-route-myjobs-payouts .vm-job-card .vm-inventory-row.is-empty {
  justify-content: flex-start;
  color: #5f7b91;
}

body.vm-route-jobs .vm-journey-route,
body.vm-route-myjobs .vm-journey-route,
body.vm-route-myjobs-payouts .vm-journey-route {
  display: grid;
  gap: 6px;
}

body.vm-route-jobs .vm-journey-pill,
body.vm-route-myjobs .vm-journey-pill,
body.vm-route-myjobs-payouts .vm-journey-pill {
  display: flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #d2e2ef;
  border-radius: 10px;
  padding: 6px 8px;
  font-weight: 600;
  text-align: left;
  line-height: 1.22;
  color: #2c536f;
}

body.vm-route-jobs .vm-journey-pill i,
body.vm-route-myjobs .vm-journey-pill i,
body.vm-route-myjobs-payouts .vm-journey-pill i {
  width: 1em;
  text-align: center;
  margin-top: 0;
}

body.vm-route-jobs .vm-journey-pill-content,
body.vm-route-myjobs .vm-journey-pill-content,
body.vm-route-myjobs-payouts .vm-journey-pill-content {
  display: block;
  min-width: 0;
}

body.vm-route-jobs .vm-journey-pill-label,
body.vm-route-myjobs .vm-journey-pill-label,
body.vm-route-myjobs-payouts .vm-journey-pill-label {
  display: none !important;
}

body.vm-route-jobs .vm-journey-pill-text,
body.vm-route-myjobs .vm-journey-pill-text,
body.vm-route-myjobs-payouts .vm-journey-pill-text {
  display: block;
  line-height: 1.25;
  font-size: 0.93em;
  word-break: break-word;
}

body.vm-route-jobs .vm-journey-pill--from,
body.vm-route-myjobs .vm-journey-pill--from,
body.vm-route-myjobs-payouts .vm-journey-pill--from {
  border-color: #c9e7d6;
  background: linear-gradient(135deg, #f5fff9 0%, #e9f8ef 58%, #dff1e6 100%);
  color: #2e7e56;
}

body.vm-route-jobs .vm-journey-pill--from i,
body.vm-route-myjobs .vm-journey-pill--from i,
body.vm-route-myjobs-payouts .vm-journey-pill--from i {
  color: #2f9363;
}

body.vm-route-jobs .vm-journey-pill--stop,
body.vm-route-myjobs .vm-journey-pill--stop,
body.vm-route-myjobs-payouts .vm-journey-pill--stop {
  border-color: #d8e5f1;
  background: linear-gradient(135deg, #f9fcff 0%, #eef6fd 58%, #e6f1fb 100%);
  color: #48647b;
}

body.vm-route-jobs .vm-journey-pill--stop i,
body.vm-route-myjobs .vm-journey-pill--stop i,
body.vm-route-myjobs-payouts .vm-journey-pill--stop i {
  color: #5d7f98;
}

body.vm-route-jobs .vm-journey-pill--to,
body.vm-route-myjobs .vm-journey-pill--to,
body.vm-route-myjobs-payouts .vm-journey-pill--to {
  border-color: #efcdcd;
  background: linear-gradient(135deg, #fffafa 0%, #fff2f2 58%, #ffe8e8 100%);
  color: #9b4a4a;
}

body.vm-route-jobs .vm-journey-pill--to i,
body.vm-route-myjobs .vm-journey-pill--to i,
body.vm-route-myjobs-payouts .vm-journey-pill--to i {
  color: #c45d5d;
}

body.vm-route-myjobs .vm-pill-label,
body.vm-route-myjobs-payouts .vm-pill-label,
body.vm-route-jobs .vm-pill-label {
  font-size: 0.58em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0.28em;
}

body.vm-route-myjobs .vm-job-card #spanDaysUntilJob {
  min-width: 5.6em;
  border: 0 !important;
  box-shadow: 0 12px 24px rgba(25, 81, 123, 0.22);
  line-height: 0.82em !important;
  padding: 0.5em 0.55em 0.36em !important;
}

body.vm-route-myjobs .vm-status-pill.vm-status-pill--countdown {
  background: linear-gradient(180deg, #f17777 0%, #dc4f4f 100%) !important;
}

body.vm-route-myjobs .vm-status-pill.vm-status-pill--confirm {
  background: linear-gradient(180deg, #58c26a 0%, #3ea85a 100%) !important;
}

body.vm-route-myjobs .vm-status-pill,
body.vm-route-myjobs .vm-reference-pill {
  margin-top: 0.24em !important;
}

body.vm-route-myjobs .vm-reference-pill,
body.vm-route-jobs .vm-reference-pill {
  border: 0 !important;
  background: linear-gradient(180deg, #5f89f0 0%, #4369d4 100%) !important;
  box-shadow: 0 12px 24px rgba(36, 72, 154, 0.24);
  line-height: 0.82em !important;
  padding: 0.5em 0.55em 0.36em !important;
}

body.vm-route-myjobs .vm-reference-pill .spanReference,
body.vm-route-jobs .vm-reference-pill .spanReference,
body.vm-route-myjobs-payouts .spanReference {
  letter-spacing: 0.01em;
}

body.vm-route-myjobs .vm-job-menu-wrap {
  display: flex;
  justify-content: flex-end;
  overflow: visible !important;
}

body.vm-route-myjobs .vm-job-menu-dropdown {
  position: relative;
  z-index: 6;
}

body.vm-route-myjobs .vm-job-menu-dropdown.open {
  z-index: 1050;
}

body.vm-route-myjobs .vm-job-menu-toggle {
  border: 1px solid #2c79af !important;
  background: linear-gradient(180deg, #3e91ca 0%, #2f80b9 100%) !important;
  color: #fff !important;
  font-size: 1em !important;
  padding: 10px 16px !important;
  min-width: 9.3em;
  box-shadow: 0 10px 20px rgba(28, 93, 140, 0.24);
}

body.vm-route-myjobs .vm-job-menu {
  min-width: 236px;
  padding: 8px !important;
  border-radius: 14px !important;
  border: 1px solid #b8d4e8 !important;
  box-shadow: 0 18px 32px rgba(20, 67, 103, 0.2) !important;
  right: 0 !important;
  left: auto !important;
  margin-top: 8px !important;
}

body.vm-route-myjobs .vm-job-menu-li {
  margin: 0 0 6px;
}

body.vm-route-myjobs .vm-job-menu-li:last-child {
  margin-bottom: 0;
}

body.vm-route-myjobs .vm-job-menu-divider {
  margin: 8px 2px 9px;
  border-top: 1px solid #d7e6f3;
  list-style: none;
}

body.vm-route-myjobs .vm-job-menu-item {
  display: block;
  width: 100%;
  border: 1px solid #cadeef;
  border-radius: 11px;
  padding: 9px 11px;
  color: #2e5978 !important;
  font-weight: 600;
  background: linear-gradient(180deg, #ffffff 0%, #eff6fd 100%);
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

body.vm-route-myjobs .vm-job-menu-item i {
  width: 1.1em;
  text-align: center;
  color: #2f80b9;
}

body.vm-route-myjobs .vm-job-menu-item:hover,
body.vm-route-myjobs .vm-job-menu-item:focus {
  border-color: #97bedb;
  box-shadow: 0 8px 15px rgba(22, 81, 123, 0.16);
  transform: translateY(-1px);
  text-decoration: none;
}

body.vm-route-myjobs .vm-job-menu-item--collection {
  border-color: #b9dfca;
  background: linear-gradient(180deg, #f5fcf7 0%, #ebf7f0 100%);
}

body.vm-route-myjobs .vm-job-menu-item--collection i {
  color: #2d8a61;
}

body.vm-route-myjobs .vm-job-menu-item--delivery {
  border-color: #ebc7c7;
  background: linear-gradient(180deg, #fff8f8 0%, #fff0f0 100%);
}

body.vm-route-myjobs .vm-job-menu-item--delivery i {
  color: #b35d5d;
}

body.vm-route-myjobs-payouts .vm-meta-pill {
  border-radius: 14px !important;
  margin-top: 0.24em !important;
  box-shadow: 0 10px 18px rgba(27, 88, 132, 0.2);
}

body.vm-route-myjobs-payouts .vm-meta-pill--date {
  border: 1px solid #7f9fbb !important;
  background: linear-gradient(180deg, #7b8d9f 0%, #5f7488 100%) !important;
}

body.vm-route-myjobs-payouts .vm-meta-pill--reference {
  border: 1px solid #5f9fcf !important;
}

body.vm-route-myjobs-payouts .vm-payout-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9.2em;
  min-height: 2.15em;
  padding: 0.42em 1.08em;
  border-radius: 999px !important;
  border: 1px solid transparent;
  font-weight: 700;
  font-size: 1.15em;
  letter-spacing: 0.015em;
  line-height: 1;
  box-shadow: 0 10px 20px rgba(19, 70, 107, 0.22);
}

body.vm-route-myjobs-payouts .vm-payout-status-pill--paid {
  color: #effff3;
  border-color: #4ea963;
  background: linear-gradient(180deg, #64c36c 0%, #41a84f 100%);
  text-shadow: 0 1px 0 rgba(31, 89, 43, 0.3);
}

body.vm-route-myjobs-payouts .vm-payout-status-pill--pending {
  color: #503009;
  border-color: #e2b169;
  background: linear-gradient(180deg, #ffe2ae 0%, #f5bf6f 100%);
  text-shadow: 0 1px 0 rgba(255, 244, 214, 0.35);
}

body.vm-route-myjobs .vm-job-facts {
  display: grid;
  gap: 8px;
}

body.vm-route-myjobs .vm-job-fact {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 0;
  padding: 10px 11px;
  border: 1px solid #cfe0ee;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
  color: #24455f;
  line-height: 1.4;
}

body.vm-route-myjobs .vm-job-fact i {
  width: 1.1em;
  color: #2f83bd;
  margin-top: 1px;
}

body.vm-route-myjobs .vm-job-fact--notes {
  background: linear-gradient(180deg, #fbfdff 0%, #f3f9ff 100%);
}

body.vm-route-myjobs .vm-job-fact--notes b {
  display: block;
  color: #215273;
}

body.vm-route-myjobs .vm-job-fact--notes span {
  white-space: normal;
}

body.vm-route-myjobs .vm-job-card div[style*="background-color: #4e4e4e"] {
  background: linear-gradient(180deg, #2f85bf 0%, #2a739f 100%) !important;
  border-color: #2a739f !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 20px rgba(24, 74, 109, 0.22);
}

body.vm-route-myjobs .vm-job-card .openTimeWindowInfoModal {
  margin-left: 4px;
  color: #c85555 !important;
}

body.vm-route-myjobs .openPayment,
body.vm-route-myjobs .openCheckIn,
body.vm-route-myjobs .openCustomerDetails {
  border-radius: 11px !important;
}

.vm-modern-dashboard .modal-content {
  border: 1px solid #c8dced;
  border-radius: 16px;
  box-shadow: var(--vm-shadow-strong);
}

.vm-modern-dashboard .modal-header {
  border-bottom: 1px solid #e1edf7;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
  border-radius: 16px 16px 0 0;
}

.vm-modern-dashboard .modal-footer {
  border-top: 1px solid #e1edf7;
  background: #fbfdff;
  border-radius: 0 0 16px 16px;
}

body.vm-route-jobs .modal-content,
body.vm-route-myjobs .modal-content,
body.vm-route-myjobs-payouts .modal-content {
  border-radius: 18px;
}

body.vm-route-jobs .modal-title,
body.vm-route-myjobs .modal-title,
body.vm-route-myjobs-payouts .modal-title {
  color: #1f4f72;
  font-weight: 700;
}

body.vm-route-jobs .modal-body h1,
body.vm-route-jobs .modal-body h3,
body.vm-route-myjobs .modal-body h3,
body.vm-route-myjobs-payouts .modal-body h3 {
  color: #1f4f72 !important;
  font-weight: 700;
}

body.vm-route-jobs .modal-footer .btn,
body.vm-route-myjobs .modal-footer .btn,
body.vm-route-myjobs-payouts .modal-footer .btn {
  min-width: 8.6em;
  padding-left: 16px;
  padding-right: 16px;
}

body.vm-route-myjobs .modal-body .alert,
body.vm-route-myjobs-payouts .modal-body .alert {
  border-radius: 12px;
  border: 1px solid #cfe2f2;
}

body.vm-route-myjobs .vm-modal-stack {
  display: grid;
  gap: 12px;
}

body.vm-route-myjobs .vm-modal-panel {
  border: 1px solid #d4e5f3;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
  padding: 13px 14px;
}

body.vm-route-myjobs .vm-modal-panel--compact {
  padding-bottom: 12px;
}

body.vm-route-myjobs .vm-modal-panel h3 {
  margin: 0 0 6px;
}

body.vm-route-myjobs .vm-modal-panel p {
  margin: 0;
  color: #3b5c73;
  line-height: 1.54;
}

body.vm-route-myjobs .vm-modal-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #cfe1f0;
  border-radius: 13px;
  padding: 10px 12px;
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
  color: #2d5777;
  line-height: 1.48;
}

body.vm-route-myjobs .vm-modal-alert i {
  margin-top: 2px;
}

body.vm-route-myjobs .vm-modal-alert--danger {
  border-color: #e9c4c4;
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%);
  color: #8a4040;
}

body.vm-route-myjobs .vm-modal-alert--warning {
  border-color: #eedfb9;
  background: linear-gradient(180deg, #fffdf7 0%, #fff8ea 100%);
  color: #7b5e21;
}

body.vm-route-myjobs .vm-modal-alert--info {
  border-color: #cfe1f0;
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%);
  color: #2d5777;
}

body.vm-route-myjobs .vm-contact-layout {
  display: grid;
  gap: 10px;
}

body.vm-route-myjobs .vm-contact-block {
  border: 1px solid #d5e5f3;
  border-radius: 13px;
  background: #fff;
  padding: 10px 12px;
}

body.vm-route-myjobs .vm-contact-block h5 {
  margin: 0 0 8px;
  color: #1f4f72;
  font-size: 0.98em;
  font-weight: 700;
}

body.vm-route-myjobs .vm-contact-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 8px 0;
  border-top: 1px dashed #e0ebf5;
}

body.vm-route-myjobs .vm-contact-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

body.vm-route-myjobs .vm-contact-row span:first-child {
  color: #5c768a;
  font-weight: 600;
}

body.vm-route-myjobs .vm-contact-row strong,
body.vm-route-myjobs .vm-contact-row span:last-child {
  color: #183850;
  text-align: right;
}

body.vm-route-myjobs .vm-contact-row a {
  color: #236691;
  font-weight: 700;
}

body.vm-route-myjobs .vm-btn-checkin {
  margin-top: 2px !important;
}

body.vm-route-myjobs #modalCheckIn .modal-body {
  padding: 18px 20px 16px;
}

body.vm-route-myjobs #modalCheckIn .vm-modal-stack {
  gap: 14px;
}

body.vm-route-myjobs .vm-checkin-map {
  height: 250px;
  border: 1px solid #c8dcec;
  border-radius: 12px;
  overflow: hidden;
  margin: 12px 0 10px;
}

body.vm-route-myjobs .vm-modal-footnote {
  margin: 0;
  color: #42627a;
  line-height: 1.5;
}

body.vm-route-myjobs .vm-checkin-hero {
  border: 1px solid #cfe1f0;
  border-radius: 14px;
  padding: 14px 14px 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f3f9ff 100%);
}

body.vm-route-myjobs #modalCheckIn .vm-checkin-hero {
  padding: 16px 16px 14px;
  margin-bottom: 2px;
}

body.vm-route-myjobs .vm-checkin-hero h3 {
  margin: 0 0 6px;
}

body.vm-route-myjobs .vm-checkin-hero p {
  margin: 0;
  color: #3e6179;
  line-height: 1.52;
}

body.vm-route-myjobs #divCheckInInfo.vm-checkin-steps {
  display: grid;
  gap: 9px;
}

body.vm-route-myjobs #modalCheckIn #divCheckInInfo.vm-checkin-steps {
  gap: 10px;
  margin-bottom: 4px;
}

body.vm-route-myjobs .vm-checkin-step {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #d5e5f3;
  border-radius: 12px;
  padding: 10px 11px;
  background: #fff;
  color: #25485f;
  line-height: 1.46;
}

body.vm-route-myjobs #modalCheckIn .vm-checkin-step {
  padding: 11px 13px;
}

body.vm-route-myjobs .vm-checkin-step-index {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid #a9c8df;
  background: linear-gradient(180deg, #e8f4ff 0%, #d9ebfa 100%);
  color: #255f86;
  font-weight: 700;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 22px;
  margin-top: 1px;
}

body.vm-route-myjobs .vm-checkin-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  border: 1px solid #ebcccc;
  border-radius: 12px;
  padding: 10px 11px;
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%);
  color: #8f3f3f;
  line-height: 1.46;
}

body.vm-route-myjobs #modalCheckIn .vm-checkin-note {
  margin-top: 1px;
  padding: 11px 13px;
}

body.vm-route-myjobs .vm-checkin-error {
  border: 1px solid #e6c2c2;
  border-radius: 12px;
  padding: 10px 12px;
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%);
  color: #8f3f3f;
  line-height: 1.46;
}

body.vm-route-myjobs #modalCheckIn .vm-checkin-error {
  margin-top: 2px;
  margin-bottom: 6px;
}

body.vm-route-myjobs #modalCheckIn .vm-btn-checkin {
  margin-top: 8px !important;
  margin-bottom: 8px;
  min-height: 40px;
  padding: 8px 20px;
}

body.vm-route-myjobs #modalCheckIn .vm-modal-footnote {
  margin-top: 2px;
  line-height: 1.58;
}

body.vm-route-myjobs .vm-checkin-note i {
  margin-top: 2px;
}

body.vm-route-myjobs .vm-checkin-unavailable {
  border: 1px solid #d6e4ef;
  border-radius: 13px;
  padding: 13px 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);
  color: #3a607a;
  line-height: 1.5;
}

body.vm-route-myaccount table.listingTable {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #d0e2f1;
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  margin-bottom: 18px;
}

body.vm-route-myaccount table.listingTable th {
  background: linear-gradient(180deg, #e8f3fd 0%, #dcecfb 100%);
  color: #204a67;
  font-size: 13px;
  letter-spacing: 0.01em;
  font-weight: 700;
  border-bottom: 1px solid #c7dced;
}

body.vm-route-myaccount table.listingTable tr {
  border: 0;
}

body.vm-route-myaccount table.listingTable td {
  color: #365267;
  border-top: 1px solid #edf3f8;
}

body.vm-route-myaccount table.listingTable tr:first-child td {
  border-top: 0;
}

body.vm-route-myaccount .vm-account-layout {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 14px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

body.vm-route-myaccount .vm-account-layout > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.vm-route-myaccount #successAlert,
body.vm-route-myaccount #failureAlert {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 10px;
  padding: 10px 14px;
  border: 1px solid #cddff0;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-soft);
}

body.vm-route-myaccount #successAlert .fa,
body.vm-route-myaccount #failureAlert .fa {
  font-size: 34px !important;
  margin: 0;
}

body.vm-route-myaccount table.listingTable td a {
  color: #24618a;
  font-weight: 600;
}

body.vm-route-myaccount table.listingTable td a:hover,
body.vm-route-myaccount table.listingTable td a:focus {
  color: #1a4d70;
  text-decoration: none;
}

body.vm-route-myaccount .rateit {
  transform: scale(0.95);
  transform-origin: right center;
}

body.vm-route-myaccount .col-xs-12.col-md-12.col-md-offset-0.col-lg-12.col-lg-offset-0 {
  float: none !important;
  width: min(var(--vm-shell-width), calc(100% - 24px)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.vm-route-myaccount table.listingTable thead .info {
  background: linear-gradient(180deg, #61a6d6 0%, #3d87bd 100%) !important;
  color: #fff;
}

body.vm-route-myaccount table.listingTable td[style*="width: 85%"] {
  font-size: 14px !important;
  line-height: 1.45;
}

body.vm-route-myaccount .vm-account-layout {
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) minmax(260px, 1fr);
  gap: 16px;
  align-items: start;
}

body.vm-route-myaccount .vm-account-card {
  height: auto;
  border: 1px solid #cfe1f0;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  overflow: hidden;
}

body.vm-route-myaccount .vm-account-card--menu {
  grid-column: 1;
}

body.vm-route-myaccount .vm-account-status-stack {
  grid-column: 2;
  display: grid;
  gap: 16px;
  align-content: start;
}

body.vm-route-myaccount .vm-account-card--status {
  grid-column: auto;
}

body.vm-route-myaccount .vm-account-card--info {
  grid-column: 3;
}

body.vm-route-myaccount .vm-account-card--documents {
  grid-column: auto;
}

body.vm-route-myaccount .vm-account-card-head {
  padding: 11px 14px;
  border-bottom: 1px solid #d7e6f2;
  background: linear-gradient(180deg, #eef6fd 0%, #e3f0fb 100%);
  color: #204f71;
  font-size: 1.04em;
  font-weight: 700;
}

body.vm-route-myaccount .vm-account-menu {
  display: grid;
}

body.vm-route-myaccount .vm-account-menu-item {
  display: grid;
  grid-template-columns: 30px 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  border-top: 1px solid #ebf2f8;
  color: #245a7f;
  text-decoration: none;
  transition: background-color 130ms ease, color 130ms ease;
}

body.vm-route-myaccount .vm-account-menu-item:first-child {
  border-top: 0;
}

body.vm-route-myaccount .vm-account-menu-item:hover,
body.vm-route-myaccount .vm-account-menu-item:focus {
  background: #eef6fd;
  color: #1f4f72;
  text-decoration: none;
}

body.vm-route-myaccount .vm-account-menu-icon {
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid #c7ddec;
  background: linear-gradient(180deg, #f9fcff 0%, #edf6ff 100%);
  color: #2a78ae;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.vm-route-myaccount .vm-account-menu-text {
  min-width: 0;
}

body.vm-route-myaccount .vm-account-menu-text strong {
  display: block;
  font-size: 0.99em;
  line-height: 1.28;
}

body.vm-route-myaccount .vm-account-menu-text small {
  display: block;
  color: #5d798f;
  line-height: 1.25;
  font-size: 0.83em;
}

body.vm-route-myaccount .vm-account-menu-item > .fa-angle-right {
  color: #81a6c3;
}

body.vm-route-myaccount .vm-account-menu-item--signout {
  color: #8b4646;
}

body.vm-route-myaccount .vm-account-menu-item--signout .vm-account-menu-icon {
  border-color: #ebd2d2;
  background: linear-gradient(180deg, #fff7f7 0%, #fff1f1 100%);
  color: #b25a5a;
}

body.vm-route-myaccount .vm-account-state {
  margin: 10px;
  border: 1px solid #d4e4f1;
  border-radius: 14px;
  padding: 10px 12px;
  background: #fff;
}

body.vm-route-myaccount .vm-account-state-headline {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #1f4f72;
}

body.vm-route-myaccount .vm-account-card--status .vm-account-state-headline,
body.vm-route-myaccount .vm-account-card--documents .vm-account-state-headline {
  justify-content: center;
}

body.vm-route-myaccount .vm-account-state-headline i {
  font-size: 1.05em;
}

body.vm-route-myaccount .vm-account-state p {
  margin: 0;
  color: #3e6078;
  line-height: 1.48;
}

body.vm-route-myaccount .vm-account-state--success {
  border-color: #cde5d5;
  background: linear-gradient(180deg, #f7fcf9 0%, #f1f9f4 100%);
}

body.vm-route-myaccount .vm-account-state--success .vm-account-state-headline {
  color: #2d6b45;
}

body.vm-route-myaccount .vm-account-state--danger {
  border-color: #ebcfcf;
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%);
}

body.vm-route-myaccount .vm-account-state--danger .vm-account-state-headline {
  color: #8e3f3f;
}

body.vm-route-myaccount .vm-account-state--warning {
  border-color: #eedfbf;
  background: linear-gradient(180deg, #fffdf7 0%, #fff7e8 100%);
}

body.vm-route-myaccount .vm-account-state--warning .vm-account-state-headline {
  color: #7c5f1f;
}

body.vm-route-myaccount .vm-account-state--info {
  border-color: #cfe0ef;
  background: linear-gradient(180deg, #f8fbff 0%, #eef5fd 100%);
}

body.vm-route-myaccount .vm-account-state--info .vm-account-state-headline {
  color: #2f5f82;
}

body.vm-route-myaccount .vm-account-btn {
  margin-top: 10px;
  border: 1px solid #b7d1e4;
  border-radius: 999px;
  padding: 6px 14px;
  background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%);
  color: #255f86;
  font-weight: 700;
}

body.vm-route-myaccount .vm-account-reason-list {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #7a4343;
}

body.vm-route-myaccount .vm-account-reason-list li {
  margin-bottom: 5px;
}

body.vm-route-myaccount .vm-account-metric {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 11px 13px;
  border-top: 1px solid #ebf2f8;
  color: #355772;
}

body.vm-route-myaccount .vm-account-metric:first-of-type {
  border-top: 0;
}

body.vm-route-myaccount .vm-account-metric strong {
  color: #1f4f72;
}

body.vm-route-myaccount .vm-account-muted {
  color: #668299;
  font-size: 0.92em;
}

body.vm-route-myaccount .vm-history-shell {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 16px auto 0;
  border: 1px solid #c8deef;
  border-radius: 22px;
  background:
    radial-gradient(circle at top right, rgba(111, 181, 229, 0.16) 0%, rgba(111, 181, 229, 0) 46%),
    linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
  box-shadow: 0 16px 30px rgba(22, 73, 110, 0.12);
  overflow: hidden;
}

body.vm-route-myaccount .vm-history-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(180deg, #4b9fd6 0%, #367fb5 100%);
  color: #fff;
}

body.vm-route-myaccount .vm-history-title-wrap {
  display: grid;
  gap: 2px;
}

body.vm-route-myaccount .vm-history-header strong {
  font-size: 1.08em;
  line-height: 1.2;
}

body.vm-route-myaccount .vm-history-title-wrap small {
  color: rgba(238, 247, 255, 0.92);
  font-size: 0.88em;
  font-weight: 500;
  line-height: 1.25;
}

body.vm-route-myaccount .vm-history-total {
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.86em;
  font-weight: 700;
  color: #fff;
  background: rgba(18, 90, 138, 0.22);
  white-space: nowrap;
}

body.vm-route-myaccount .vm-history-list {
  padding: 14px;
  display: grid;
  gap: 12px;
  background: linear-gradient(180deg, rgba(246, 251, 255, 0.68) 0%, rgba(255, 255, 255, 0.95) 100%);
}

body.vm-route-myaccount .vm-history-empty {
  border: 1px dashed #bdd6e9;
  border-radius: 14px;
  padding: 18px;
  color: #4f6d85;
  text-align: center;
  background: #fff;
  font-weight: 600;
}

body.vm-route-myaccount .vm-history-item {
  border: 1px solid #cfe2f1;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  padding: 13px 14px;
  box-shadow: 0 8px 15px rgba(20, 74, 110, 0.08);
}

body.vm-route-myaccount .vm-history-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

body.vm-route-myaccount .vm-history-date-wrap {
  display: grid;
  gap: 3px;
}

body.vm-route-myaccount .vm-history-date-label {
  font-size: 11px;
  color: #6b8aa1;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
}

body.vm-route-myaccount .vm-history-date {
  color: #204f71;
  font-weight: 700;
  font-size: 1.32em;
  letter-spacing: 0.01em;
}

body.vm-route-myaccount .vm-history-rating {
  text-align: right;
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: 8.8em;
}

body.vm-route-myaccount .vm-history-rating-label {
  font-size: 11px;
  color: #6b879d;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
}

body.vm-route-myaccount .vm-history-unrated {
  color: #58788f;
  border: 1px solid #cfe1ee;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f0f7fd 100%);
  font-size: 0.84em;
  font-weight: 600;
  padding: 6px 10px;
}

body.vm-route-myaccount .vm-history-inventory-block {
  border: 1px solid #d5e6f2;
  border-radius: 14px;
  background: linear-gradient(180deg, #fcfeff 0%, #f3f9ff 100%);
  padding: 10px 11px;
}

body.vm-route-myaccount .vm-history-inventory-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

body.vm-route-myaccount .vm-history-inventory-head > span:first-child {
  color: #325a78;
  font-size: 0.93em;
  font-weight: 700;
  letter-spacing: 0.02em;
}

body.vm-route-myaccount .vm-history-item-count {
  border: 1px solid #c6dbeb;
  border-radius: 999px;
  padding: 4px 9px;
  background: #ebf5fe;
  color: #2f607f;
  font-size: 0.79em;
  font-weight: 700;
}

body.vm-route-myaccount .vm-history-inventory {
  list-style: none;
  margin: 8px 0 0;
  padding: 0 2px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 7px;
  max-height: 10.6em;
  overflow-y: auto;
  overflow-x: hidden;
}

body.vm-route-myaccount .vm-history-inventory::-webkit-scrollbar {
  width: 8px;
}

body.vm-route-myaccount .vm-history-inventory::-webkit-scrollbar-track {
  background: #ecf5fc;
  border-radius: 999px;
}

body.vm-route-myaccount .vm-history-inventory::-webkit-scrollbar-thumb {
  background: #b8d3e7;
  border-radius: 999px;
}

body.vm-route-myaccount .vm-history-inventory li {
  position: relative;
  border: 1px solid #d4e5f2;
  border-radius: 11px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%);
  padding: 7px 10px 7px 24px;
  display: flex;
  align-items: center;
  color: #244e6d;
  min-height: 36px;
}

body.vm-route-myaccount .vm-history-inventory-item::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: linear-gradient(180deg, #5ea8d9 0%, #3d84b8 100%);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

body.vm-route-myaccount .vm-history-item-name {
  color: #234c6a;
  font-weight: 600;
  line-height: 1.35;
  font-size: 0.95em;
}

body.vm-route-myaccount .vm-history-inventory li.is-empty {
  grid-column: 1 / -1;
  color: #627f95;
  justify-content: flex-start;
  padding-left: 10px;
}

body.vm-route-myaccount .vm-history-inventory li.is-empty::before {
  content: none;
}

body.vm-route-myaccount .vm-history-comment {
  margin: 10px 0 0;
  border: 1px solid #d8e8f4;
  border-left: 3px solid #6ea9d4;
  border-radius: 12px;
  background: linear-gradient(180deg, #f7fbff 0%, #edf6ff 100%);
  color: #42627a;
  font-size: 0.93em;
  line-height: 1.46;
  font-style: normal;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 9px 10px;
}

body.vm-route-myaccount .vm-history-comment i {
  color: #5a8fb5;
  margin-top: 2px;
}

body.vm-route-updateaccount #page,
body.vm-route-editpage #page,
body.vm-route-updatefleet #page,
body.vm-route-updatephone #page,
body.vm-route-updateemail #page,
body.vm-route-updatepassword #page,
body.vm-route-updatebankdetails #page,
body.vm-route-locationpreferences #page,
body.vm-route-mydocuments #page {
  text-align: left;
}

body.vm-route-updateaccount .vm-settings-shell,
body.vm-route-editpage .vm-settings-shell,
body.vm-route-updatefleet .vm-settings-shell,
body.vm-route-updatephone .vm-settings-shell,
body.vm-route-updateemail .vm-settings-shell,
body.vm-route-updatepassword .vm-settings-shell,
body.vm-route-updatebankdetails .vm-settings-shell,
body.vm-route-locationpreferences .vm-settings-shell {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 14px;
}

body.vm-route-updateaccount .vm-settings-card,
body.vm-route-editpage .vm-settings-card,
body.vm-route-updatephone .vm-settings-card,
body.vm-route-updateemail .vm-settings-card,
body.vm-route-updatepassword .vm-settings-card,
body.vm-route-updatebankdetails .vm-settings-card {
  border: 1px solid #cfe1f0;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  padding: 16px;
}

body.vm-route-updateaccount .vm-settings-note,
body.vm-route-editpage .vm-settings-note,
body.vm-route-updatephone .vm-settings-note,
body.vm-route-updateemail .vm-settings-note,
body.vm-route-updatepassword .vm-settings-note,
body.vm-route-updatebankdetails .vm-settings-note,
body.vm-route-locationpreferences .vm-settings-note {
  border: 1px solid #d3e5f2;
  border-radius: 13px;
  background: linear-gradient(180deg, #f8fcff 0%, #eef6ff 100%);
  color: #355c79;
  padding: 11px 13px;
  line-height: 1.52;
  margin-bottom: 12px;
}

body.vm-route-updateaccount .vm-settings-note--warning,
body.vm-route-editpage .vm-settings-note--warning,
body.vm-route-locationpreferences .vm-settings-note--warning {
  border-color: #ebdcb7;
  background: linear-gradient(180deg, #fffdf7 0%, #fff7e8 100%);
  color: #735a20;
}

body.vm-route-updateaccount .vm-settings-alerts .alert,
body.vm-route-editpage .vm-settings-alerts .alert,
body.vm-route-updatephone .vm-settings-alerts .alert,
body.vm-route-updateemail .vm-settings-alerts .alert,
body.vm-route-updatepassword .vm-settings-alerts .alert,
body.vm-route-updatebankdetails .vm-settings-alerts .alert {
  border-radius: 12px;
  margin-bottom: 10px;
}

body.vm-route-updateaccount .vm-settings-form,
body.vm-route-editpage .vm-settings-form,
body.vm-route-updatephone .vm-settings-form,
body.vm-route-updateemail .vm-settings-form,
body.vm-route-updatepassword .vm-settings-form,
body.vm-route-updatebankdetails .vm-settings-form,
body.vm-route-locationpreferences .vm-settings-form {
  display: grid;
  gap: 11px;
  max-width: 640px;
}

body.vm-route-updateaccount .vm-settings-form--compact,
body.vm-route-updatephone .vm-settings-form--compact,
body.vm-route-updateemail .vm-settings-form--compact,
body.vm-route-updatepassword .vm-settings-form--compact,
body.vm-route-locationpreferences .vm-settings-form--compact {
  max-width: 420px;
}

body.vm-route-updateaccount .vm-settings-grid,
body.vm-route-editpage .vm-settings-grid,
body.vm-route-updatephone .vm-settings-grid,
body.vm-route-updateemail .vm-settings-grid,
body.vm-route-updatepassword .vm-settings-grid {
  display: grid;
  gap: 11px;
}

body.vm-route-updateaccount .vm-settings-grid--two,
body.vm-route-editpage .vm-settings-grid--two,
body.vm-route-updatephone .vm-settings-grid--two,
body.vm-route-updateemail .vm-settings-grid--two,
body.vm-route-updatepassword .vm-settings-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.vm-route-updateaccount .vm-settings-field label,
body.vm-route-editpage .vm-settings-field label,
body.vm-route-updatephone .vm-settings-field label,
body.vm-route-updateemail .vm-settings-field label,
body.vm-route-updatepassword .vm-settings-field label,
body.vm-route-updatebankdetails .vm-settings-field label,
body.vm-route-locationpreferences .vm-settings-field label {
  display: block;
  margin: 0 0 5px;
  color: #214d6e;
  font-weight: 700;
  font-size: 0.94em;
}

body.vm-route-editpage .vm-settings-helper {
  margin: 0 0 8px;
  color: #5b788f;
  line-height: 1.48;
}

body.vm-route-updateaccount .vm-settings-form .form-control,
body.vm-route-editpage .vm-settings-form .form-control,
body.vm-route-updatephone .vm-settings-form .form-control,
body.vm-route-updateemail .vm-settings-form .form-control,
body.vm-route-updatepassword .vm-settings-form .form-control,
body.vm-route-updatebankdetails .vm-settings-form .form-control,
body.vm-route-locationpreferences .vm-settings-form .form-control {
  border: 1px solid #c5dbea !important;
  border-radius: 12px !important;
  background: #fff;
  min-height: 42px;
  color: #173c58;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.vm-route-editpage textarea#businessPage,
body.vm-route-editpage .tox-tinymce {
  border-radius: 14px !important;
  border-color: #c5dbea !important;
}

body.vm-route-updateaccount .vm-settings-actions,
body.vm-route-editpage .vm-settings-actions,
body.vm-route-updatephone .vm-settings-actions,
body.vm-route-updateemail .vm-settings-actions,
body.vm-route-updatepassword .vm-settings-actions,
body.vm-route-updatebankdetails .vm-settings-actions,
body.vm-route-locationpreferences .vm-settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding-top: 2px;
}

body.vm-route-updateaccount .vm-settings-actions .btn,
body.vm-route-editpage .vm-settings-actions .btn,
body.vm-route-updatephone .vm-settings-actions .btn,
body.vm-route-updateemail .vm-settings-actions .btn,
body.vm-route-updatepassword .vm-settings-actions .btn,
body.vm-route-locationpreferences .vm-settings-actions .btn,
body.vm-route-updatefleet .formBtn {
  border: 1px solid #2f80b9;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #4ca0d8 0%, #357eb4 100%) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 10px 18px rgba(24, 81, 121, 0.2);
  padding: 10px 18px;
}

body.vm-route-updatebankdetails #btnConfirmVAT,
body.vm-route-updatebankdetails #btnSaveBankDetails,
body.vm-route-updatebankdetails #btnVATCorrect {
  border: 1px solid #2f80b9;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #4ca0d8 0%, #357eb4 100%) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 10px 18px rgba(24, 81, 121, 0.2);
  padding: 10px 18px;
}

body.vm-route-updatebankdetails #btnCancelPayoutDetails,
body.vm-route-updatebankdetails #btnVATNotCorrect,
body.vm-route-updatebankdetails #btnGoBack {
  border: 1px solid #e3bebe;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fffafa 0%, #fff0f0 100%) !important;
  color: #8b3f3f !important;
  font-weight: 700;
}

body.vm-route-updateaccount .vm-settings-status-grid,
body.vm-route-updateemail .vm-settings-status-grid {
  display: grid;
  gap: 10px;
  margin-bottom: 12px;
}

body.vm-route-updateaccount .vm-settings-status,
body.vm-route-updateemail .vm-settings-status {
  border: 1px solid #d3e4f2;
  border-radius: 13px;
  background: #fff;
  padding: 10px 12px;
}

body.vm-route-updateaccount .vm-settings-status span,
body.vm-route-updateemail .vm-settings-status span {
  display: block;
  color: #5c7a90;
  font-size: 0.82em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 3px;
}

body.vm-route-updateaccount .vm-settings-status strong,
body.vm-route-updateemail .vm-settings-status strong {
  color: #1f4f72;
}

body.vm-route-updateemail .vm-settings-status small {
  display: block;
  margin-top: 3px;
  color: #6a8599;
}

body.vm-route-updateemail .vm-settings-status--pending {
  border-color: #e7d6b6;
  background: linear-gradient(180deg, #fffdf7 0%, #fff7ea 100%);
}

body.vm-route-updateemail .vm-security-grid,
body.vm-route-updatepassword .vm-security-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

body.vm-route-updateemail .vm-security-panel,
body.vm-route-updatepassword .vm-security-panel {
  border: 1px solid #d2e3f0;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  padding: 13px;
}

body.vm-route-updateemail .vm-security-panel h3,
body.vm-route-updatepassword .vm-security-panel h3 {
  margin: 0 0 6px;
  color: #1f4f72;
  font-size: 1.02em;
  font-weight: 700;
}

body.vm-route-updateemail .vm-security-helper,
body.vm-route-updatepassword .vm-security-helper {
  margin: 0 0 10px;
  color: #5b788f;
  line-height: 1.48;
}

body.vm-route-updateemail .vm-security-panel .vm-settings-form,
body.vm-route-updatepassword .vm-security-panel .vm-settings-form {
  max-width: none;
}

body.vm-route-updatebankdetails .vm-bank-card {
  display: grid;
  gap: 12px;
}

body.vm-route-updatebankdetails .vm-bank-summary {
  border: 1px solid #d2e3f0;
  border-radius: 16px;
  background:
    radial-gradient(circle at top right, rgba(111, 181, 229, 0.16) 0%, rgba(111, 181, 229, 0) 46%),
    linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  padding: 13px;
}

body.vm-route-updatebankdetails .vm-bank-summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
  color: #1f4f72;
  font-size: 1.02em;
  font-weight: 700;
}

body.vm-route-updatebankdetails .vm-bank-tag {
  border-radius: 999px;
  border: 1px solid #d0e2ef;
  padding: 4px 10px;
  font-size: 0.79em;
  font-weight: 700;
  white-space: nowrap;
}

body.vm-route-updatebankdetails .vm-bank-tag--yes {
  border-color: #b8dfc8;
  background: #f3fbf6;
  color: #2c7548;
}

body.vm-route-updatebankdetails .vm-bank-tag--no {
  border-color: #e7d8b3;
  background: #fff9ea;
  color: #7a6125;
}

body.vm-route-updatebankdetails .vm-bank-summary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

body.vm-route-updatebankdetails .vm-bank-summary-item {
  border: 1px solid #d8e7f3;
  border-radius: 12px;
  background: #fff;
  padding: 9px 10px;
}

body.vm-route-updatebankdetails .vm-bank-summary-item span {
  display: block;
  color: #5c7a90;
  font-size: 0.78em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 3px;
}

body.vm-route-updatebankdetails .vm-bank-summary-item strong {
  color: #1f4f72;
  font-size: 0.98em;
  line-height: 1.35;
}

body.vm-route-updatebankdetails .vm-bank-summary-item--full {
  grid-column: 1 / -1;
}

body.vm-route-updatebankdetails .vm-bank-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

body.vm-route-updatebankdetails .vm-bank-actions-note {
  color: #5f7d93;
  font-weight: 600;
  font-size: 0.9em;
}

body.vm-route-updatebankdetails .vm-bank-actions .btn[disabled] {
  opacity: 0.75;
  cursor: not-allowed;
}

body.vm-route-updatebankdetails #divVATPage {
  display: grid;
  gap: 12px;
}

body.vm-route-updatebankdetails .vm-bank-step {
  border: 1px solid #d2e3f0;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
  padding: 13px;
}

body.vm-route-updatebankdetails .vm-bank-step-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}

body.vm-route-updatebankdetails .vm-bank-step-number {
  width: 34px;
  height: 34px;
  border: 1px solid #9cc1dd;
  border-radius: 11px;
  background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%);
  color: #24628b;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.vm-route-updatebankdetails .vm-bank-step-head h3 {
  margin: 0 0 3px;
  color: #1f4f72;
  font-size: 1.01em;
  font-weight: 700;
}

body.vm-route-updatebankdetails .vm-bank-step-head p {
  margin: 0;
  color: #5b788f;
  line-height: 1.45;
}

body.vm-route-updatebankdetails .vm-bank-inline-note {
  margin-top: 6px;
  color: #5c7b91;
  font-size: 0.9em;
  line-height: 1.45;
}

body.vm-route-updatebankdetails .vm-bank-inline-error {
  margin-top: 7px;
  border: 1px solid #ebcfcf;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff9f9 0%, #fff1f1 100%);
  color: #8c4444 !important;
  padding: 9px 10px;
  line-height: 1.45;
}

body.vm-route-updatebankdetails .vm-bank-vat-preview {
  margin-top: 10px;
  border: 1px solid #e0ebf4;
  border-radius: 12px;
  background: #fff;
  padding: 9px 10px;
}

body.vm-route-updatebankdetails #vatInfoName,
body.vm-route-updatebankdetails #vatInfoAddress1,
body.vm-route-updatebankdetails #vatInfoAddress2,
body.vm-route-updatebankdetails #vatInfoAddress3,
body.vm-route-updatebankdetails #vatInfoPostcode,
body.vm-route-updatebankdetails #vatInfoCountryCode {
  color: #8f3f3f;
  line-height: 1.4;
}

body.vm-route-updatebankdetails #divAccountDetailsError,
body.vm-route-updatebankdetails #vatError {
  border: 1px solid #ebcfcf;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff9f9 0%, #fff1f1 100%);
  color: #8c4444 !important;
  padding: 9px 10px;
}

body.vm-route-updatebankdetails #isVATCorrect {
  margin-top: 10px;
}

body.vm-route-updatebankdetails #isVATCorrect h4 {
  margin: 0 0 8px;
  color: #214f70;
}

body.vm-route-updatefleet .vm-fleet-shell {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 14px;
  display: grid;
  gap: 11px;
}

body.vm-route-updatefleet .vm-fleet-intro {
  border: 1px solid #d2e4f2;
  border-radius: 14px;
  background: linear-gradient(180deg, #f8fcff 0%, #eef6ff 100%);
  color: #2f5a79;
  padding: 12px 14px;
  line-height: 1.46;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body.vm-route-updatefleet .vm-fleet-intro-heading {
  margin: 0;
  color: #214f71;
  font-weight: 700;
}

body.vm-route-updatefleet .vm-fleet-intro-subtext {
  margin: 4px 0 0;
  color: #57778e;
  font-size: 0.92em;
}

body.vm-route-updatefleet .vm-fleet-summary {
  border: 1px solid #cde0ef;
  border-radius: 12px;
  background: #fff;
  min-width: 116px;
  padding: 7px 10px;
  text-align: right;
  display: grid;
  gap: 1px;
}

body.vm-route-updatefleet .vm-fleet-summary span {
  font-size: 0.78em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6d8aa0;
}

body.vm-route-updatefleet .vm-fleet-summary strong {
  font-size: 1.32em;
  line-height: 1.05;
  color: #1f4f72;
}

body.vm-route-updatefleet .vm-fleet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.vm-route-updatefleet .vm-fleet-card {
  border: 1px solid #cfe1f0;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  padding: 9px;
  display: grid;
  gap: 7px;
}

body.vm-route-updatefleet .vm-fleet-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.vm-route-updatefleet .vm-fleet-card h3 {
  margin: 0;
  color: #1f4f72;
  font-size: 0.97em;
  font-weight: 700;
  line-height: 1.25;
}

body.vm-route-updatefleet .vm-fleet-card-body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  align-items: stretch;
}

body.vm-route-updatefleet .vm-fleet-media {
  border: 1px solid #d4e4f1;
  border-radius: 10px;
  background: #fff;
  padding: 6px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.vm-route-updatefleet .vm-fleet-media img {
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
  border-radius: 8px;
}

body.vm-route-updatefleet .vm-fleet-controls {
  display: grid;
  gap: 6px;
}

body.vm-route-updatefleet .vm-fleet-qty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 300px);
  margin: 0 auto;
  gap: 6px;
}

body.vm-route-updatefleet .vm-fleet-qty-btn {
  border-radius: 9px !important;
  border: 1px solid #c2d8e9;
  background: linear-gradient(180deg, #ffffff 0%, #eef6fd 100%);
  color: #245c84;
  font-weight: 700;
  min-height: 34px;
  height: 34px;
  line-height: 1;
  font-size: 1.1em;
  padding: 0;
  box-shadow: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
}

body.vm-route-updatefleet .vm-fleet-presets {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

body.vm-route-updatefleet .vm-fleet-preset-btn {
  border: 1px solid #c2d8e9;
  border-radius: 9px !important;
  background: #fff !important;
  color: #2a5f84 !important;
  min-height: 28px;
  height: 28px;
  min-width: 30px;
  padding: 0 8px;
  font-weight: 700;
  line-height: 1;
  box-shadow: none !important;
}

body.vm-route-updatefleet .vm-fleet-preset-btn:hover,
body.vm-route-updatefleet .vm-fleet-preset-btn:focus {
  border-color: #90b7d2;
  background: #f4f9fd !important;
  transform: none;
}

body.vm-route-updatefleet .vm-fleet-qty-input {
  flex: 1 1 auto;
  min-width: 0;
  text-align: center;
  font-weight: 700;
  border-radius: 9px !important;
  border: 1px solid #c2d8e9 !important;
  min-height: 34px;
  height: 34px;
  line-height: 1.1;
  padding: 5px 8px;
  margin: 0 !important;
  box-shadow: none;
}

body.vm-route-updatefleet .vm-fleet-warning .alert {
  margin-bottom: 0;
}

body.vm-route-updatefleet .vm-fleet-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

body.vm-route-updatefleet .vm-fleet-actions .formBtn {
  min-height: 36px;
  padding: 8px 16px;
  line-height: 1.12;
}

body.vm-route-locationpreferences .vm-location-layout {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 14px;
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  gap: 14px;
}

body.vm-route-locationpreferences .vm-location-card {
  border: 1px solid #cfe1f0;
  border-radius: 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  overflow: hidden;
}

body.vm-route-locationpreferences .vm-location-card-head {
  padding: 11px 14px;
  border-bottom: 1px solid #d7e6f2;
  background: linear-gradient(180deg, #eef6fd 0%, #e3f0fb 100%);
  color: #204f71;
  font-weight: 700;
}

body.vm-route-locationpreferences .vm-location-card--settings .vm-settings-form {
  padding: 13px;
}

body.vm-route-locationpreferences #map {
  height: 430px;
}

body.vm-route-mydocuments .row.g-3 {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto;
}

body.vm-route-mydocuments .document-section {
  margin-bottom: 12px;
}

body.vm-route-mydocuments .document-section table.listingTable {
  border: 1px solid #cfe1f0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: var(--vm-shadow-soft);
}

body.vm-route-mydocuments .document-section table.listingTable thead th {
  background: linear-gradient(180deg, #eef6fd 0%, #e3f0fb 100%);
  color: #204f71;
  border-bottom: 1px solid #d7e6f2;
}

body.vm-route-mydocuments .document-section table.listingTable td {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

body.vm-route-mydocuments .document-section .alert {
  border-radius: 11px;
}

body.vm-route-mydocuments .vm-doc-form {
  display: grid;
  gap: 10px;
}

body.vm-route-mydocuments .vm-doc-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

body.vm-route-mydocuments .vm-doc-file-picker {
  border: 1px dashed #9fc2dd;
  border-radius: 13px;
  background: linear-gradient(180deg, #ffffff 0%, #f2f9ff 100%);
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  cursor: pointer;
  text-align: left;
  transition: border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

body.vm-route-mydocuments .vm-doc-file-picker:hover,
body.vm-route-mydocuments .vm-doc-file-picker:focus {
  border-color: #80afd1;
  box-shadow: 0 10px 18px rgba(24, 81, 121, 0.14);
  transform: translateY(-1px);
}

body.vm-route-mydocuments .vm-doc-file-input:focus + .vm-doc-file-picker {
  border-color: #4f93c1;
  box-shadow: 0 0 0 2px rgba(79, 147, 193, 0.2);
}

body.vm-route-mydocuments .vm-doc-file-icon {
  width: 34px;
  height: 34px;
  border-radius: 11px;
  border: 1px solid #bdd8eb;
  background: linear-gradient(180deg, #ffffff 0%, #e9f3fc 100%);
  color: #2d80ba;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1em;
}

body.vm-route-mydocuments .vm-doc-file-copy strong {
  display: block;
  color: #1f4f72;
  font-size: 0.95em;
  line-height: 1.3;
}

body.vm-route-mydocuments .vm-doc-file-copy small {
  display: block;
  color: #5f7d92;
  line-height: 1.32;
}

body.vm-route-mydocuments .vm-doc-file-name {
  display: block;
  color: #2f678f;
  font-weight: 600;
  margin-top: 2px;
  word-break: break-word;
}

body.vm-route-mydocuments .vm-doc-actions {
  display: flex;
  justify-content: flex-start;
}

body.vm-route-mydocuments .vm-doc-upload-btn {
  border: 1px solid #2f80b9;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #4ca0d8 0%, #357eb4 100%) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: 0 10px 18px rgba(24, 81, 121, 0.2);
  padding: 10px 18px;
}

body.vm-route-help .vm-support-grid {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

body.vm-route-help .vm-support-card {
  border: 1px solid #cfe2f2;
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  padding: 18px 16px;
  text-align: left;
  color: #3b5a71;
}

body.vm-route-help .vm-support-card h3 {
  margin: 0 0 8px;
  color: #1f4b68;
  font-size: 1.25em;
  line-height: 1.2;
}

body.vm-route-help .vm-support-card p {
  margin: 0 0 12px;
  font-size: 0.97em;
  line-height: 1.55;
}

body.vm-route-help .vm-support-card .btn {
  margin-top: 6px;
}

body.vm-route-help .vm-support-note {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 12px auto 0;
  padding: 14px 16px;
  border: 1px solid #d6e7f5;
  border-radius: 14px;
  background: #fff;
  color: #506c82;
  text-align: left;
}

body.vm-route-home #page {
  text-align: left;
  padding-bottom: 30px !important;
}

body.vm-route-home .vm-home-shell {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 18px;
  display: grid;
  gap: 16px;
}

body.vm-route-home .vm-home-hero,
body.vm-route-home .vm-home-section,
body.vm-route-home .vm-home-press,
body.vm-route-home .vm-home-trust,
body.vm-route-home .vm-home-callout {
  border: 1px solid #cfe2f2;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-soft);
}

body.vm-route-home .vm-home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(190px, 0.65fr);
  align-items: center;
  gap: 16px;
  padding: 22px 22px;
  overflow: hidden;
}

body.vm-route-home .vm-home-hero-copy h2 {
  margin: 0 0 8px;
  color: #183b56;
  font-size: clamp(1.45rem, 1.1rem + 1vw, 2.05rem);
  line-height: 1.15;
}

body.vm-route-home .vm-home-hero-copy p {
  margin: 0 0 12px;
  color: #4c677d;
  line-height: 1.55;
}

body.vm-route-home .vm-home-eyebrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(56, 134, 190, 0.12);
  color: #2b6a96;
  font-size: 0.74em;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

body.vm-route-home .vm-home-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 2px 0 12px;
}

body.vm-route-home .vm-home-btn {
  border-radius: 999px !important;
  font-weight: 700;
  letter-spacing: 0.01em;
  padding: 10px 18px;
}

body.vm-route-home .vm-home-btn--primary {
  border: 1px solid #3b8fc4 !important;
  background: linear-gradient(180deg, #5aa9dd 0%, #347eb4 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(28, 96, 147, 0.23);
}

body.vm-route-home .vm-home-btn--primary:hover,
body.vm-route-home .vm-home-btn--primary:focus {
  color: #fff !important;
}

body.vm-route-home .vm-home-btn--secondary {
  border: 1px solid #95bdd9 !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
  color: #2c6b97 !important;
}

body.vm-route-home .vm-home-hero-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

body.vm-route-home .vm-home-hero-points li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  color: #2f5571;
  line-height: 1.45;
}

body.vm-route-home .vm-home-hero-points i {
  color: #2d82bb;
  width: 1.05em;
  margin-top: 2px;
}

body.vm-route-home .vm-home-hero-media {
  justify-self: center;
  align-self: end;
}

body.vm-route-home .vm-home-hero-media img {
  width: 170px;
  height: auto;
  max-width: 100%;
  filter: drop-shadow(0 12px 22px rgba(18, 70, 108, 0.22));
}

body.vm-route-home .vm-home-press {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 16px;
  padding: 14px 12px;
}

body.vm-route-home .vm-home-press-item {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

body.vm-route-home .vm-home-press-item img {
  max-height: 34px;
  width: auto;
  opacity: 0.95;
}

body.vm-route-home .vm-home-trust {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 12px;
}

body.vm-route-home .vm-home-trust img {
  max-width: min(560px, 100%);
  height: auto;
}

body.vm-route-home .vm-home-section {
  padding: 20px 20px;
}

body.vm-route-home .vm-home-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.vm-route-home .vm-home-card {
  border: 1px solid #d7e7f4;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #f1f8ff 100%);
  padding: 14px;
  text-align: center;
}

body.vm-route-home .vm-home-card img {
  max-height: 42px;
  width: auto;
  margin-bottom: 6px;
}

body.vm-route-home .vm-home-card h4 {
  margin: 0 0 6px;
  color: #245374;
  font-size: 1.06em;
  font-weight: 700;
}

body.vm-route-home .vm-home-card p {
  margin: 0;
  color: #4c677d;
  line-height: 1.5;
}

body.vm-route-home .vm-home-section-head {
  margin-bottom: 14px;
}

body.vm-route-home .vm-home-section-head h3,
body.vm-route-home .vm-home-story h3,
body.vm-route-home .vm-home-callout h3 {
  margin: 0 0 7px;
  color: #1c4b6b;
  font-size: clamp(1.28rem, 1.05rem + 0.7vw, 1.7rem);
  line-height: 1.2;
}

body.vm-route-home .vm-home-section-head p {
  margin: 0;
  color: #5a7489;
}

body.vm-route-home .vm-home-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.vm-route-home .vm-home-step {
  border: 1px solid #d7e7f4;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #f1f8ff 100%);
  padding: 13px 13px;
}

body.vm-route-home .vm-home-step-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

body.vm-route-home .vm-home-step-head img {
  width: 24px;
  height: 24px;
}

body.vm-route-home .vm-home-step h4 {
  margin: 0;
  color: #245374;
  font-size: 1.06em;
  font-weight: 700;
}

body.vm-route-home .vm-home-step p {
  margin: 0;
  color: #4c677d;
  line-height: 1.5;
}

body.vm-route-home .vm-home-section--split {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 14px;
}

body.vm-route-home .vm-home-story p {
  margin: 0 0 10px;
  color: #325773;
  line-height: 1.58;
}

body.vm-route-home .vm-home-story p:last-child {
  margin-bottom: 0;
}

body.vm-route-home .vm-home-benefits {
  border: 1px solid #d7e7f4;
  border-radius: 14px;
  background: linear-gradient(180deg, #fbfdff 0%, #f1f8ff 100%);
  padding: 13px;
}

body.vm-route-home .vm-home-benefits h4 {
  margin: 0 0 10px;
  color: #245374;
  font-size: 1.06em;
  font-weight: 700;
}

body.vm-route-home .vm-home-benefits ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
}

body.vm-route-home .vm-home-benefits li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #355c78;
  line-height: 1.45;
}

body.vm-route-home .vm-home-benefits i {
  color: #2d82bb;
  width: 1.05em;
  margin-top: 2px;
}

body.vm-route-home .vm-home-callout {
  text-align: center;
  padding: 20px 20px 22px;
}

body.vm-route-home .vm-home-callout p {
  margin: 0 auto 14px;
  max-width: 740px;
  color: #4d697f;
  line-height: 1.55;
}

body.vm-auth-guest #wrapper {
  max-width: 1320px;
}

body.vm-auth-guest #page {
  width: min(1200px, calc(100% - 24px));
  margin: 0 auto;
  padding: 10px 0 40px !important;
  text-align: left;
}

body.vm-auth-guest .menu {
  margin-bottom: 16px;
}

body.vm-auth-guest #custom-bootstrap-menu .container-fluid {
  padding-left: 12px;
  padding-right: 12px;
}

body.vm-auth-guest .vm-auth-brand {
  display: inline-flex;
  align-items: center;
  height: 58px;
  padding: 0 14px 0 12px;
}

body.vm-auth-guest .vm-auth-brand img {
  width: 220px;
  max-width: 58vw;
  height: auto;
}

body.vm-auth-guest .vm-nav--guest {
  margin-left: auto;
}

body.vm-auth-guest .vm-auth-shell {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto;
}

body.vm-auth-guest .vm-auth-subtitle {
  margin: 0 0 18px;
  color: #5a758a;
  font-size: 0.98em;
  line-height: 1.55;
}

body.vm-auth-guest .vm-auth-alerts .alert {
  border-radius: 13px;
  border-width: 1px;
  margin-bottom: 10px;
}

body.vm-auth-guest .vm-auth-alerts .alert:last-child {
  margin-bottom: 0;
}

body.vm-route-signin .vm-auth-alerts .alert {
  padding: 14px 16px;
  line-height: 1.45;
}

body.vm-auth-guest .vm-auth-form {
  display: grid;
  gap: 12px;
}

body.vm-auth-guest .vm-auth-field {
  margin-bottom: 0;
}

body.vm-auth-guest .vm-auth-field label {
  margin-bottom: 6px;
  color: #2b5576;
  font-size: 0.9em;
  letter-spacing: 0.01em;
  font-weight: 600;
}

body.vm-auth-guest .vm-auth-form .form-control {
  height: 44px;
  border: 1px solid #bfd8eb;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
  color: #183d59;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.vm-auth-guest .vm-auth-form .form-control:focus {
  border-color: #6da8ce;
  box-shadow: 0 0 0 3px rgba(57, 134, 188, 0.15);
}

body.vm-auth-guest .vm-auth-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

body.vm-auth-guest .vm-auth-submit {
  min-width: 11.75em;
  border: 1px solid #3b8fc4 !important;
  background: linear-gradient(180deg, #5aa9dd 0%, #347eb4 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(28, 96, 147, 0.23);
}

body.vm-auth-guest .vm-auth-submit:hover,
body.vm-auth-guest .vm-auth-submit:focus {
  color: #fff !important;
}

body.vm-auth-guest .vm-auth-link {
  color: #2c6f9d;
  font-weight: 600;
  text-decoration: none !important;
  padding: 0;
}

body.vm-auth-guest .vm-auth-link:hover,
body.vm-auth-guest .vm-auth-link:focus {
  color: #174e73;
}

body.vm-route-signin .vm-auth-shell {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 16px;
}

body.vm-route-signin .vm-auth-hero-card,
body.vm-route-signin .vm-auth-card {
  border: 1px solid #cde2f1;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-soft);
}

body.vm-route-signin .vm-auth-hero-card {
  padding: 10px 24px 22px;
  display: grid;
  grid-template-columns: 1fr;
  align-items: start;
  gap: 10px;
  overflow: hidden;
}

body.vm-route-signin .vm-auth-hero-copy {
  width: min(600px, 100%);
  display: grid;
  align-content: start;
}

body.vm-route-signin .vm-auth-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  justify-self: start;
  width: auto;
  min-height: 28px;
  line-height: 1;
  margin-bottom: 7px;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(56, 134, 190, 0.12);
  color: #2b6a96;
  font-size: 0.74em;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.vm-route-signin .vm-auth-kicker-text {
  display: block;
  position: relative;
  top: 1px;
}

body.vm-route-signin .vm-auth-hero-copy h2 {
  margin: 0 0 8px;
  color: #183b56;
  font-size: 1.8em;
  line-height: 1.15;
}

body.vm-route-signin .vm-auth-hero-copy p {
  margin: 0 0 12px;
  color: #4f6a80;
  line-height: 1.6;
  font-size: 0.99em;
}

body.vm-route-signin .vm-auth-hero-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

body.vm-route-signin .vm-auth-hero-list li {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #315a78;
  font-size: 0.9em;
  font-weight: 500;
}

body.vm-route-signin .vm-auth-hero-list i {
  width: 20px;
  color: #2b80b8;
}

body.vm-route-signin .vm-auth-hero-image {
  align-self: center;
}

body.vm-route-signin .vm-auth-hero-image img {
  width: 100%;
  max-width: 236px;
  height: auto;
  filter: drop-shadow(0 14px 24px rgba(21, 66, 101, 0.24));
  display: block;
  margin: 0 auto;
  transform: none;
}

body.vm-route-signin .vm-auth-hero-image--top {
  text-align: center;
  margin: 0 auto 8px;
}

body.vm-route-signin .vm-auth-card {
  padding: 22px 20px;
}

body.vm-route-signin .vm-auth-card h3 {
  margin: 0 0 6px;
  color: #1d4868;
  font-size: 1.35em;
}

body.vm-route-signin .vm-auth-secondary-links {
  margin-top: 14px;
}

body.vm-route-signin .vm-auth-secondary-card {
  border: 1px solid #d7e9f7;
  border-radius: 14px;
  background: #fff;
  padding: 13px 14px;
}

body.vm-route-signin .vm-auth-secondary-title {
  display: block;
  margin-bottom: 6px;
  color: #2a5c81;
  font-size: 0.9em;
  font-weight: 700;
}

body.vm-route-signin .vm-auth-secondary-card p {
  margin: 0 0 10px;
  color: #567288;
  font-size: 0.9em;
  line-height: 1.5;
}

body.vm-route-signin .vm-auth-secondary-btn {
  min-width: 11.25em;
  border: 1px solid #8fb8d7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf7ff 100%) !important;
  color: #2b6b96 !important;
}

body.vm-route-signin .vm-auth-modal-content {
  border-radius: 18px;
  border: 1px solid #c9deef;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-strong);
}

body.vm-route-signin .vm-auth-modal-dialog {
  width: calc(100% - 28px);
  max-width: 560px;
  margin: 38px auto;
}

body.vm-route-signin .vm-auth-modal-content .modal-header {
  border-bottom: 1px solid #d6e7f4;
}

body.vm-route-signin .vm-auth-modal-content .modal-title {
  color: #24567d;
  font-weight: 700;
}

body.vm-route-signin .vm-auth-modal-content .modal-body p {
  margin: 0;
  color: #4f6e84;
}

body.vm-route-signin .vm-auth-modal-stack {
  display: grid;
  gap: 12px;
}

body.vm-route-signin .vm-auth-modal-intro {
  border: 1px solid #d8e8f4;
  border-radius: 12px;
  background: #fff;
  padding: 12px 12px;
}

body.vm-route-signin .vm-auth-modal-intro h5 {
  margin: 0 0 5px;
  color: #235275;
  font-size: 1.05em;
  font-weight: 700;
}

body.vm-route-signin .vm-auth-modal-intro p {
  margin: 0;
  color: #547186;
  font-size: 0.9em;
  line-height: 1.5;
}

body.vm-route-signin .vm-auth-form--forgot-modal {
  gap: 10px;
}

body.vm-route-signin .vm-auth-form--forgot-modal .form-control {
  text-align: left;
}

body.vm-route-signin .vm-auth-modal-alerts .alert {
  margin-bottom: 0;
  border-radius: 11px;
}

body.vm-route-signin .vm-auth-modal-submit {
  width: 100%;
  margin-top: 2px;
}

body.vm-route-signin .vm-auth-modal-submit.is-loading {
  opacity: 0.86;
  pointer-events: none;
}

body.vm-route-signin .vm-auth-modal-content .modal-footer {
  border-top: 1px solid #d6e7f4;
  text-align: right;
}

body.vm-route-signin .vm-auth-modal-close {
  border-radius: 999px;
  border: 1px solid #c7dced;
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%);
  color: #3e6987;
}

body.vm-route-forgotpassword .vm-auth-shell {
  max-width: 680px;
}

body.vm-route-forgotpassword .vm-auth-card {
  border: 1px solid #cde2f1;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);
  box-shadow: var(--vm-shadow-soft);
  padding: 22px 20px;
}

body.vm-route-forgotpassword .vm-auth-card h3 {
  margin: 0 0 6px;
  color: #1d4868;
  font-size: 1.35em;
}

body.vm-route-forgotpassword .vm-reset-intro {
  border: 1px solid #d8e8f4;
  border-radius: 13px;
  background: linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
  padding: 13px 13px;
  margin-bottom: 12px;
}

body.vm-route-forgotpassword .vm-reset-intro h3 {
  margin: 0 0 6px;
  color: #225277;
  font-size: 1.24em;
  font-weight: 700;
}

body.vm-route-forgotpassword .vm-reset-intro p {
  margin: 0;
  color: #516f85;
  line-height: 1.52;
}

body.vm-route-forgotpassword .vm-auth-form--forgot {
  gap: 11px;
}

body.vm-route-forgotpassword .vm-reset-rules {
  border: 1px solid #d4e6f4;
  border-radius: 12px;
  background: linear-gradient(180deg, #f9fcff 0%, #eef6ff 100%);
  color: #355a78;
  padding: 10px 12px;
  display: grid;
  gap: 7px;
  line-height: 1.42;
}

body.vm-route-forgotpassword .vm-reset-rules i {
  color: #2c83bd;
  margin-right: 7px;
}

body.vm-route-signup #page {
  overflow: visible;
}

body.vm-route-signup .vm-auth-signup-flow {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 30px;
  position: relative;
  min-height: 1160px;
}

body.vm-route-signup .vm-signup-step {
  text-align: center;
}

body.vm-route-signup .vm-signup-step .listingCenter {
  border: 1px solid #cae1f1;
  border-radius: 18px;
  background: linear-gradient(180deg, #fafdff 0%, #edf7ff 100%) !important;
  color: #235070 !important;
  font-size: 1.15em;
  line-height: 1.2;
  height: auto;
  min-height: 56px;
  padding: 16px 14px;
  box-shadow: var(--vm-shadow-soft);
}

body.vm-route-signup .vm-signup-step div[style*="background-color: lightgrey"] {
  background: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%) !important;
  border: 1px solid #d3e5f3 !important;
  color: #355d7a !important;
}

body.vm-route-signup .vm-signup-step input.form-control,
body.vm-route-signup .vm-signup-step .input-group-addon {
  border-color: #bfd8eb !important;
  color: #183d59 !important;
}

body.vm-route-signup .vm-signup-step input.form-control {
  min-height: 42px;
  background: #fff !important;
  border-radius: 0 0 11px 11px;
}

body.vm-route-signup .vm-signup-step .form-control:focus {
  border-color: #6da8ce !important;
  box-shadow: 0 0 0 3px rgba(57, 134, 188, 0.15);
}

body.vm-route-signup .vm-signup-step span[style*="background-color: lightgrey"] {
  border: 1px solid #d3e5f3 !important;
  color: #46667f !important;
}

body.vm-route-signup .vm-signup-step .formBtn,
body.vm-route-signup .vm-signup-step .btn.btn-default {
  border: 1px solid #3b8fc4 !important;
  border-radius: 999px;
  background: linear-gradient(180deg, #5aa9dd 0%, #347eb4 100%) !important;
  color: #fff !important;
  box-shadow: 0 12px 22px rgba(28, 96, 147, 0.23);
  min-width: 10.5em;
}

body.vm-route-signup .vm-signup-step .btn.btn-default.qtyminus,
body.vm-route-signup .vm-signup-step .btn.btn-default.qtyplus {
  min-width: 0;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  padding: 0;
  line-height: 36px;
}

body.vm-route-signup .vm-signup-step .qty {
  text-align: center;
  border-radius: 10px;
  min-height: 38px;
}

body.vm-route-signup .vm-signup-step img[alt="Small Van"],
body.vm-route-signup .vm-signup-step img[alt="Transit Van"],
body.vm-route-signup .vm-signup-step img[alt="XLWB Van"],
body.vm-route-signup .vm-signup-step img[alt="Luton Van"] {
  border-radius: 12px;
  border: 1px solid #d3e6f4;
  box-shadow: 0 10px 20px rgba(21, 74, 112, 0.14);
}

body.vm-route-signup #emailInfo,
body.vm-route-signup #vanmanUsernameInfo,
body.vm-route-signup #vanmanPasswordInfo,
body.vm-route-signup #businessInsuranceInfo {
  border-color: #d3e5f3 !important;
  color: #4c6e86 !important;
  border-radius: 0 0 11px 11px;
}

body.vm-route-signup #usernameInfo,
body.vm-route-signup #passwordInfo,
body.vm-route-signup #emailInfo {
  border-radius: 11px 11px 0 0 !important;
}

body.vm-route-signup .vm-auth-account-created-note {
  margin-top: 8px;
  border: 1px solid #c8e2f4;
  border-radius: 14px;
  background: linear-gradient(180deg, #ffffff 0%, #f5fbff 100%);
  color: #2f5f80;
  padding: 12px 14px;
  font-size: 0.94em;
  line-height: 1.5;
  text-align: center;
}

body.vm-route-signup .vm-auth-account-created-note i {
  color: #2a82ba;
  margin-right: 6px;
}

.vm-auth-footer {
  width: min(var(--vm-shell-width), calc(100% - 24px));
  margin: 0 auto 28px;
  border: 1px solid #cde2f1;
  border-radius: 20px;
  background: linear-gradient(180deg, #ffffff 0%, #f4faff 100%);
  box-shadow: var(--vm-shadow-soft);
  padding: 18px 20px;
}

.vm-auth-footer-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

.vm-auth-footer-brand img {
  width: 210px;
  max-width: 100%;
  height: auto;
}

.vm-auth-footer-brand p {
  margin: 0;
  color: #58748a;
  font-size: 0.91em;
  line-height: 1.5;
  max-width: 560px;
}

.vm-auth-footer-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, auto));
  gap: 8px 20px;
  min-width: 230px;
}

.vm-auth-footer-links a {
  color: #2b638b;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.vm-auth-footer-links a:hover,
.vm-auth-footer-links a:focus {
  color: #184b70;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .vm-modern-dashboard .menu {
    width: calc(100% - 20px);
  }

  .vm-modern-dashboard .vm-nav {
    gap: 6px;
    padding: 8px 2px 9px;
  }

  .vm-modern-dashboard .vm-nav-link {
    font-size: 12px;
    padding: 9px 12px !important;
  }

  .vm-modern-dashboard .pageHeader {
    width: calc(100% - 20px) !important;
    border-radius: 16px;
    padding: 16px 16px !important;
  }

  .vm-modern-dashboard .vm-page-lead,
  .vm-modern-dashboard #divJobs,
  .vm-modern-dashboard #divMyJobs,
  .vm-modern-dashboard #divMyJobsPayouts,
  body.vm-route-help .vm-support-grid,
  body.vm-route-help .vm-support-note,
  body.vm-route-myaccount .vm-account-layout,
  body.vm-route-myaccount .col-xs-12.col-md-12.col-md-offset-0.col-lg-12.col-lg-offset-0 {
    width: calc(100% - 20px);
  }

  body.vm-route-myjobs .vm-job-card,
  body.vm-route-myjobs-payouts .vm-job-card,
  body.vm-route-jobs .vm-job-card {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.vm-route-myjobs #divMyJobs,
  body.vm-route-myjobs-payouts #divMyJobsPayouts,
  body.vm-route-jobs #divJobs {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.vm-route-myaccount .vm-account-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.vm-route-myaccount .vm-account-card--menu {
    grid-column: 1;
  }

  body.vm-route-myaccount .vm-account-status-stack {
    grid-column: 2;
  }

  body.vm-route-myaccount .vm-account-card--info {
    grid-column: 1 / -1;
  }

  body.vm-route-myaccount .vm-history-top {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
  }

  body.vm-route-myaccount .vm-history-rating {
    text-align: left;
    justify-items: start;
    min-width: 0;
  }

  body.vm-route-myaccount .vm-history-inventory {
    grid-template-columns: 1fr;
    max-height: none;
  }

  body.vm-route-updateaccount .vm-settings-grid--two,
  body.vm-route-editpage .vm-settings-grid--two,
  body.vm-route-updatephone .vm-settings-grid--two,
  body.vm-route-updateemail .vm-settings-grid--two,
  body.vm-route-updatepassword .vm-settings-grid--two {
    grid-template-columns: 1fr;
  }

  body.vm-route-updateemail .vm-security-grid,
  body.vm-route-updatepassword .vm-security-grid {
    grid-template-columns: 1fr;
  }

  body.vm-route-updatefleet .vm-fleet-grid {
    grid-template-columns: 1fr;
  }

  body.vm-route-updatefleet .vm-fleet-intro {
    flex-direction: column;
    align-items: flex-start;
  }

  body.vm-route-updatefleet .vm-fleet-summary {
    text-align: left;
  }

  body.vm-route-locationpreferences .vm-location-layout {
    grid-template-columns: 1fr;
  }

  body.vm-route-updatebankdetails .vm-bank-summary-head {
    flex-direction: column;
    align-items: flex-start;
  }

  body.vm-route-updatebankdetails .vm-bank-summary-grid {
    grid-template-columns: 1fr;
  }

  body.vm-route-home .vm-home-hero,
  body.vm-route-home .vm-home-section--split {
    grid-template-columns: 1fr;
  }

  body.vm-route-home .vm-home-steps {
    grid-template-columns: 1fr;
  }

  body.vm-route-home .vm-home-cards {
    grid-template-columns: 1fr;
  }

  body.vm-auth-guest #page {
    width: calc(100% - 20px);
  }

  body.vm-route-signin .vm-auth-shell {
    grid-template-columns: 1fr;
  }

  body.vm-route-signin .vm-auth-hero-card {
    grid-template-columns: 1fr;
    padding: 12px 18px 18px;
  }

  body.vm-route-signin .vm-auth-hero-image--top {
    margin: 0 auto 8px;
  }

  body.vm-route-signup .vm-auth-signup-flow {
    width: calc(100% - 20px);
    min-height: 1240px;
  }

  .vm-auth-footer {
    width: calc(100% - 20px);
  }

  .vm-auth-footer-inner {
    flex-direction: column;
  }

  .vm-auth-footer-links {
    grid-template-columns: repeat(3, minmax(0, auto));
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .vm-modern-dashboard #custom-bootstrap-menu {
    border-radius: 14px;
  }

  .vm-modern-dashboard .navbar-header {
    padding-top: 4px;
  }

  .vm-modern-dashboard .vm-auth-brand {
    height: 52px;
    padding: 0 8px 0 12px;
  }

  .vm-modern-dashboard .vm-auth-brand img {
    width: 172px;
    max-width: 58vw;
  }

  .vm-modern-dashboard .navbar-toggle {
    border: 1px solid #9cc3df;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
  }

  .vm-modern-dashboard .navbar-default .navbar-toggle .icon-bar {
    background: #3a7eae;
  }

  .vm-modern-dashboard .navbar-menubuilder {
    border-top: 1px solid #e0edf7;
    margin-top: 8px;
    padding-left: 6px !important;
    padding-right: 6px;
    overflow-x: hidden;
  }

  .vm-modern-dashboard .navbar-collapse,
  .vm-modern-dashboard .navbar-collapse.in {
    overflow-x: hidden !important;
  }

  .vm-modern-dashboard .navbar-menubuilder .navbar-nav {
    float: none !important;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
  }

  .vm-modern-dashboard .vm-nav {
    display: block;
    padding: 6px 0 8px;
    width: 100%;
    max-width: 100%;
  }

  .vm-modern-dashboard .vm-nav-item {
    margin-bottom: 7px;
    float: none !important;
    width: 100%;
  }

  .vm-modern-dashboard .vm-nav-item:last-child {
    margin-bottom: 0;
  }

  .vm-modern-dashboard .vm-nav-link {
    display: block;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
  }

  .vm-modern-dashboard #divJobs,
  .vm-modern-dashboard #divMyJobs,
  .vm-modern-dashboard #divMyJobsPayouts {
    gap: 14px;
  }

  .vm-modern-dashboard #divNoJobs,
  .vm-modern-dashboard #divNotVerified {
    padding: 14px 14px;
  }

  body.vm-route-myaccount .vm-account-layout {
    grid-template-columns: 1fr;
  }

  body.vm-route-myaccount .vm-account-card--menu,
  body.vm-route-myaccount .vm-account-status-stack,
  body.vm-route-myaccount .vm-account-card--info {
    grid-column: 1;
  }

  body.vm-route-myaccount .vm-account-status-stack {
    gap: 14px;
  }

  body.vm-route-myaccount .vm-history-header {
    flex-direction: column;
    align-items: flex-start;
    padding: 13px 14px;
  }

  body.vm-route-myaccount .vm-history-total {
    align-self: flex-start;
  }

  body.vm-route-myaccount .vm-history-inventory {
    grid-template-columns: 1fr;
  }

  body.vm-route-updateaccount .vm-settings-shell,
  body.vm-route-editpage .vm-settings-shell,
  body.vm-route-updatefleet .vm-fleet-shell,
  body.vm-route-updatephone .vm-settings-shell,
  body.vm-route-updateemail .vm-settings-shell,
  body.vm-route-updatepassword .vm-settings-shell,
  body.vm-route-updatebankdetails .vm-settings-shell,
  body.vm-route-locationpreferences .vm-settings-shell,
  body.vm-route-locationpreferences .vm-location-layout {
    width: calc(100% - 20px);
  }

  body.vm-route-updateaccount .vm-settings-card,
  body.vm-route-editpage .vm-settings-card,
  body.vm-route-updatephone .vm-settings-card,
  body.vm-route-updateemail .vm-settings-card,
  body.vm-route-updatepassword .vm-settings-card,
  body.vm-route-updatebankdetails .vm-settings-card {
    padding: 13px;
  }

  body.vm-route-locationpreferences #map {
    height: 300px;
  }

  body.vm-route-updatefleet .vm-fleet-card-body {
    grid-template-columns: 1fr;
  }

  body.vm-route-updatefleet .vm-fleet-media {
    min-height: 84px;
  }

  body.vm-route-updatefleet .vm-fleet-media img {
    max-height: 62px;
  }

  body.vm-route-updatefleet .vm-fleet-qty {
    width: 100%;
  }

  body.vm-route-updatefleet .vm-fleet-actions .formBtn {
    width: 100%;
  }

  body.vm-route-home .vm-home-shell {
    width: calc(100% - 20px);
  }

  body.vm-route-home .vm-home-hero,
  body.vm-route-home .vm-home-section,
  body.vm-route-home .vm-home-callout {
    padding: 14px 14px;
  }

  body.vm-route-home .vm-home-press {
    gap: 8px 12px;
    padding: 12px 10px;
  }

  body.vm-route-home .vm-home-press-item img {
    max-height: 26px;
  }

  body.vm-auth-guest .vm-auth-brand {
    height: 52px;
    padding: 0 8px 0 12px;
  }

  body.vm-auth-guest .vm-auth-brand img {
    width: 172px;
    max-width: 58vw;
  }

  body.vm-route-signin .vm-auth-hero-card {
    grid-template-columns: 1fr;
    text-align: left;
  }

  body.vm-route-signin .vm-auth-modal-dialog {
    width: calc(100% - 20px);
    margin: 16px auto;
  }

  body.vm-route-signin .vm-auth-hero-image {
    justify-self: center;
  }

  body.vm-route-signup .vm-auth-signup-flow {
    min-height: 1380px;
  }

  body.vm-auth-guest .vm-auth-actions {
    flex-direction: column;
    align-items: stretch;
  }

  body.vm-auth-guest .vm-auth-submit {
    width: 100%;
  }

  body.vm-auth-guest .vm-auth-link {
    text-align: center;
    width: 100%;
  }

  .vm-auth-footer {
    padding: 16px;
    border-radius: 16px;
  }

  .vm-auth-footer-links {
    grid-template-columns: repeat(2, minmax(0, auto));
    gap: 9px 14px;
  }
}

@media (min-width: 992px) {
  body.vm-route-signin .vm-auth-hero-card {
    align-items: center;
  }

  body.vm-route-signin .vm-auth-hero-copy {
    align-content: center;
  }
}