:root {
  --primary: #18453b;
  --secondary: #c0c0c0;
  --text-dark: #1e1e1e;
  --text-light: #f7f7f7;
  --panel: #ffffff;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  background-color: #f5f5f5;
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

/* Navigation */

.navbar-header a {
  color: var(--panel) !important;
}

.navbar {
  background-color: var(--primary);
}

.navbar li a {
  color: var(--text-light) !important;
}

.navbar .active a {
  color: var(--primary) !important;
}

.navbar .navbar-header a:hover {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
}

.navbar li a:hover {
  background-color: var(--secondary) !important;
  color: var(--primary) !important;
}

/* General */
h1, h2, h3 {
  color: var(--primary);
}

p strong {
  color: var(--primary);
}

/* Form */

form {
display: flex;
flex-direction: column;
}

input {
  background-color: var(--panel);
  color: var(--primary);
  border-radius: 10px;
  border: 1px solid var(--secondary);
  padding: 10px;
  margin-bottom: 10px;
}

input:focus {
  outline: 2px ridge var(--secondary);
  border-color: var(--primary);
  box-shadow: 0 0 5px var(--primary);
}

form select {
  background-color: var(--panel);
  color: var(--primary);
  border-radius: 10px;
  border: 1px solid var(--secondary);
  padding: 10px;
  margin-bottom: 10px;
}

form select:focus {
  outline: 2px ridge var(--secondary);
  border-color: var(--primary);
  box-shadow: 0 0 5px var(--primary);
}

form .button {
  background-color: var(--primary) !important;
  color: var(--text-light);
  border: none;
  border-radius: 10px;
  padding: 10px;
  cursor: pointer;
}