/* colours */
:root {
  --primary: #337ab7;
  --secondary: #E6FFFF;
  --title: white;
}

h5 {
  padding-top: 20px;
}

.progress {
  margin-top: 2rem;
}

.google-button {
  margin: 0 auto;
  margin-top: 2rem;
}

.hidden {
  display: none !important;
}

.record-delete {
  padding-top: 2rem;
}

.nav-wrapper i {
  color: var(--secondary);
}

/* layout styles */
nav {
  background: var(--primary);
  border-bottom: 10px solid var(--secondary);
}

nav a {
  text-transform: uppercase;
  color: var(--title);
}

nav a span {
  font-weight: bold;
}

nav .sidenav-trigger, nav .add-button {
  margin: 0;
}

.sidenav-trigger, nav .add-button {
  padding-right: 10px;
  cursor: pointer;
}

/* form-styles */
input {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.switch-label {
  font-size: 1rem;
}

.about {
  padding: 1rem 2rem;
}

.about-divider {
  clear: both;
}

.about-title {
  float: left;
}