/* LX brand theme override */
:root {
  --lx-red: #7f1016;
  --lx-red-dark: #52080c;
  --lx-red-soft: #fff1f2;
  --lx-red-line: #f0c6ca;
}

a,
.text-primary,
.card-title,
.logo span,
.pagetitle h1 {
  color: var(--lx-red) !important;
}

.btn-primary,
.section.register .btn-primary,
.section.register .auth-submit {
  border-color: var(--lx-red) !important;
  background: var(--lx-red) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(127, 16, 22, .2) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.section.register .btn-primary:hover,
.section.register .auth-submit:hover {
  border-color: var(--lx-red-dark) !important;
  background: var(--lx-red-dark) !important;
  color: #fff !important;
}

.btn-outline-primary {
  border-color: var(--lx-red) !important;
  color: var(--lx-red) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  border-color: var(--lx-red) !important;
  background: var(--lx-red) !important;
  color: #fff !important;
}

.bg-primary,
.badge.text-bg-primary,
.sidebar-nav .nav-content a.active i {
  background-color: var(--lx-red) !important;
}

.sidebar-nav .nav-link,
.sidebar-nav .nav-link i,
.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link:hover i,
.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: var(--lx-red) !important;
}

.sidebar-nav .nav-link {
  background: var(--lx-red-soft) !important;
}

.sidebar-nav .nav-link.collapsed {
  color: var(--lx-red-dark) !important;
  background: #fff !important;
}

.sidebar-nav .nav-link.collapsed i {
  color: #a66a70 !important;
}

.section.register,
.profile-editor {
  background: linear-gradient(180deg, #fff8f8 0%, #fdf0f1 100%) !important;
}

.auth-card-heading .card-title,
.section.register .logo span,
.profile-editor-header h1,
.profile-section h2,
.technical-register-heading h4,
.technical-section-title {
  color: var(--lx-red-dark) !important;
}

.section.register .form-control:focus,
.section.register .form-select:focus,
.profile-section .form-control:focus,
.profile-section .form-select:focus {
  border-color: var(--lx-red) !important;
  box-shadow: 0 0 0 .2rem rgba(127, 16, 22, .12) !important;
}

.profile-section h2 span,
.technical-register-heading .badge,
.technical-step.active span,
.technical-section-title span {
  background: var(--lx-red) !important;
}

.technical-step.active {
  color: var(--lx-red) !important;
}

.heading,
.view-heading,
.fork-form-heading,
.mounted-form-heading {
  border-bottom-color: var(--lx-red) !important;
}

.heading h4,
.view-heading h4,
.title,
.section-title,
.checklist-title,
.web-success h1,
.fork-success h1 {
  color: var(--lx-red) !important;
}

.checklist-table thead th,
.inspection-table thead th,
.inspection thead th,
.table thead th,
.entries-table thead th {
  background: var(--lx-red) !important;
  color: #fff !important;
}

.checklist-table .check-section td {
  background: var(--lx-red-soft) !important;
  color: var(--lx-red) !important;
}

.field,
.field-box,
.detail-card {
  border-color: var(--lx-red-line) !important;
  background: #fffafa !important;
}

.document-header {
  background: linear-gradient(125deg, var(--lx-red-dark) 0%, var(--lx-red) 100%) !important;
}

.document-icon {
  border-color: rgba(255, 255, 255, .35) !important;
}