:root {
  --fmc-app-navy: #102a43;
  --fmc-app-teal: #087c72;
  --fmc-app-teal-dark: #05645d;
  --fmc-app-mint: #edf8f6;
  --fmc-app-line: #dbe9e6;
  --fmc-app-muted: #627d98;
}

body {
  background: #f7fbfa;
  color: #334e68;
}

body > nav {
  background: rgba(255, 255, 255, 0.96);
  border-color: var(--fmc-app-line) !important;
  box-shadow: 0 4px 16px rgba(16, 42, 67, 0.05);
}

body > nav a:hover,
body > nav a:focus-visible {
  color: var(--fmc-app-teal) !important;
}

.main_content {
  min-height: calc(100vh - 260px);
}

.main_content .border-white-light {
  border-color: var(--fmc-app-line) !important;
}

.main_content .bg-white,
.main_content .bg-white-50 {
  background-color: #fff;
}

.main_content input:not([type='checkbox']):not([type='radio']),
.main_content select,
.main_content textarea {
  border-color: #cfdfdc !important;
}

.main_content input:focus,
.main_content select:focus,
.main_content textarea:focus {
  border-color: var(--fmc-app-teal) !important;
  box-shadow: 0 0 0 3px rgba(8, 124, 114, 0.13) !important;
}

.main_content .bg-primary,
.main_content .\!bg-primary {
  background-color: var(--fmc-app-teal) !important;
}

.main_content .text-primary,
.main_content .\!text-primary {
  color: var(--fmc-app-teal) !important;
}

.main_content .rounded-lg,
.main_content .rounded-md {
  border-radius: 0.85rem;
}

@media (max-width: 767px) {
  body > nav {
    position: relative;
  }
}