body.customers,
body.customer-profile,
body {
  background:
    radial-gradient(circle at 18% 8%, rgba(22, 118, 168, 0.10), transparent 30%),
    linear-gradient(135deg, #eef8ff 0%, #fffdf7 58%, #f8f4eb 100%);
}

.customers .navbar-default,
.customers .navbar,
.customers .customers-nav,
body.customer-profile .navbar-default,
body.customer-profile .navbar {
  background: rgba(255, 255, 255, 0.70) !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.26) !important;
  box-shadow:
    0 18px 44px rgba(15, 31, 61, 0.10),
    0 1px 0 rgba(255, 255, 255, 0.86) inset !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.customers .navbar-default .navbar-nav > li > a,
.customers .navbar .navbar-nav > li > a,
body.customer-profile .navbar-default .navbar-nav > li > a {
  color: #142845 !important;
  font-weight: 700;
  letter-spacing: 0;
}

.customers .navbar-default .navbar-nav > li > a:hover,
.customers .navbar-default .navbar-nav > li.active > a,
.customers .navbar .navbar-nav > li > a:hover,
body.customer-profile .navbar-default .navbar-nav > li > a:hover {
  color: #0e6f9f !important;
  background: rgba(234, 247, 255, 0.74) !important;
}

.customers a:not(.btn),
body.customer-profile a:not(.btn) {
  color: #116f9e;
}

.customers a:not(.btn):hover,
body.customer-profile a:not(.btn):hover {
  color: #0a5278;
}

.customers .panel_s,
.customers .panel,
.customers .content .panel_s,
body.customer-profile .panel_s,
body.customer-profile .panel {
  border: 1px solid rgba(201, 168, 76, 0.22);
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(15, 31, 61, 0.09);
}

.customers .panel_s .panel-body,
.customers .panel .panel-body,
body.customer-profile .panel_s .panel-body,
body.customer-profile .panel .panel-body {
  border-radius: 18px;
}

.customers .btn-primary,
.customers button.btn-primary,
body.customer-profile .btn-primary {
  border: 1px solid rgba(126, 93, 23, 0.48) !important;
  background: linear-gradient(180deg, #fffdf8 0%, #f7e8bd 52%, #d9bb65 100%) !important;
  color: #142845 !important;
  font-weight: 700;
  box-shadow:
    0 13px 24px rgba(15, 31, 61, 0.14),
    0 5px 0 rgba(128, 95, 24, 0.16),
    0 1px 0 rgba(255, 255, 255, 0.88) inset,
    0 -10px 18px rgba(126, 93, 23, 0.12) inset;
}

.customers .btn-primary:hover,
.customers button.btn-primary:hover,
body.customer-profile .btn-primary:hover {
  border-color: rgba(126, 93, 23, 0.68) !important;
  box-shadow:
    0 16px 30px rgba(15, 31, 61, 0.18),
    0 5px 0 rgba(128, 95, 24, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.92) inset,
    0 -10px 18px rgba(126, 93, 23, 0.12) inset;
}

.customers input.form-control,
.customers textarea.form-control,
.customers select.form-control,
body.customer-profile input.form-control,
body.customer-profile textarea.form-control,
body.customer-profile select.form-control {
  border-color: rgba(22, 118, 168, 0.20);
  border-radius: 14px;
  color: #1a2b42;
  font-size: 16px;
  min-height: 44px;
}