/* AR light blue theme override */
:root {
  --ar-blue: #38bdf8;
  --ar-blue-mid: #0ea5e9;
  --ar-blue-dark: #0369a1;
  --ar-blue-soft: #e0f2fe;
  --ar-blue-panel: #f0f9ff;
  --ar-blue-line: #bae6fd;
}

body {
  background: #eef9ff;
}

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

.btn-primary,
.section.register .btn-primary,
.section.register .auth-submit {
  border-color: var(--ar-blue-mid) !important;
  background: var(--ar-blue-mid) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(14, 165, 233, .24) !important;
}

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

.btn-outline-primary {
  border-color: var(--ar-blue-dark) !important;
  color: var(--ar-blue-dark) !important;
}

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

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

.sidebar-nav .nav-link,
.sidebar-nav .nav-link i {
  color: var(--ar-blue-dark) !important;
}

.sidebar-nav .nav-link:hover,
.sidebar-nav .nav-link:hover i,
.sidebar-nav .nav-link:not(.collapsed),
.sidebar-nav .nav-link:not(.collapsed) i,
.sidebar-nav .nav-content a:hover,
.sidebar-nav .nav-content a.active {
  color: var(--ar-blue-dark) !important;
}

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

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

.sidebar-nav .nav-link:not(.collapsed) i {
  color: #fff !important;
}

.sidebar-nav .nav-content a.active {
  background: var(--ar-blue-dark) !important;
  border-radius: 4px;
  color: #fff !important;
}

.sidebar-nav .nav-content a.active i {
  background-color: #fff !important;
}

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

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

.section.register,
.profile-editor {
  background: linear-gradient(180deg, #f8fdff 0%, #dff4ff 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(--ar-blue-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(--ar-blue) !important;
  box-shadow: 0 0 0 .2rem rgba(56, 189, 248, .22) !important;
}

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

.technical-step.active {
  color: var(--ar-blue-dark) !important;
}

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

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

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

.checklist-table .check-section td {
  background: var(--ar-blue-soft) !important;
  color: var(--ar-blue-dark) !important;
}

.card,
.field,
.field-box,
.detail-card {
  border-color: var(--ar-blue-line) !important;
}

.field,
.field-box,
.detail-card {
  background: var(--ar-blue-panel) !important;
}

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