:root {
  --hisense-primary: #00aaa6;
  --hisense-primary-dark: #007f7c;
  --hisense-ink: #253746;
  --hisense-text: #53636f;
  --hisense-soft: #e8f7f6;
}

body {
  color: var(--hisense-text);
}

body.login-hisense {
  background: linear-gradient(135deg, #f8fcfc 0%, #e8f7f6 48%, #d5f0ef 100%) !important;
}

.bg-gradient-primary {
  background-color: var(--hisense-primary);
  background-image: linear-gradient(180deg, var(--hisense-primary) 0%, var(--hisense-primary-dark) 100%);
  background-size: cover;
}

.btn-primary {
  color: #fff;
  background-color: var(--hisense-primary);
  border-color: var(--hisense-primary);
}

.btn-primary:hover,
.btn-primary:focus {
  color: var(--hisense-primary-dark);
  background-color: #fff;
  border-color: var(--hisense-primary-dark);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--hisense-primary);
  border-color: var(--hisense-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--hisense-primary-dark);
  border-color: var(--hisense-primary-dark);
}

.text-primary {
  color: var(--hisense-primary) !important;
}

.border-left-primary {
  border-left-color: var(--hisense-primary) !important;
}

.page-item.active .page-link {
  background-color: var(--hisense-primary);
  border-color: var(--hisense-primary);
}

.sidebar-dark .sidebar-brand,
.sidebar-dark .nav-item .nav-link:hover,
.sidebar-dark .nav-item .nav-link:active,
.sidebar-dark .nav-item .nav-link:focus {
  color: #fff;
}

.sidebar-dark .sidebar-heading {
  color: rgba(255, 255, 255, .72);
}

.bg-login-image {
  background:
    radial-gradient(circle at 50% 43%, rgba(0, 170, 166, .18), rgba(255, 255, 255, 0) 58%),
    linear-gradient(135deg, #f8fcfc 0%, #dff4f3 100%);
  position: relative;
  min-height: 34rem;
}

.bg-login-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("../img/hisense-logo.svg") center center / 72% auto no-repeat;
  opacity: .92;
}

.gelp-login-brand {
  font-weight: 800;
  letter-spacing: .08rem;
}

.gelp-login-logo {
  width: 180px;
  max-width: 100%;
  height: auto;
}

.hisense-profile-logo {
  width: 4.2rem !important;
  height: 1.75rem !important;
  border-radius: 0 !important;
  object-fit: contain;
  background: #fff;
  padding: .1rem .25rem;
}