.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}
@media (min-width:576px) {
  .container {
    max-width: 540px
  }
}
@media (min-width:768px) {
  .container {
    max-width: 720px
  }
}
@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container {
    max-width: 1250px
  }
}

i.fas, i.fa {
    color: #003b7a;
    margin-right: 7px;
}

a {
    color: #003b7a;
}

h2, h3, h4 {
    color: #003b7a;
}
h2 {
  margin-top: 25px;
  padding: 2px;
  padding-left: 50px;
  font-family: "Cabin Sketch", cursive;
  font-weight: bold;
  /* border-top: 3px solid yellow; */
  border-bottom: 1px solid gray;
}

h3 {
  margin-top: 15px;
  padding: 3px;
  padding-left: 50px;
  font-family: "Cabin Sketch", cursive;
  /* border-top: 3px solid yellow;
  border-bottom: 1px solid gray; */
}

.note {
  border-bottom: 1px solid gray;
  margin-bottom: 10px;
}

.notetitle {
  margin-top: 10px;
  padding: 5px;
  color: #003b7a;
  font-weight: 600;
}

p.helppar {
  background-color:#eeeeee;
  padding-left:5px;
  border-left:10px solid yellow;
}

.messages {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px;
  background-color: lightblue;
}

.messages.info {
  background-color: lightyellow;
}

.messages.success {
  background-color: lightgreen;
}

.messages.warning {
  background-color: orange;
}

.messages.danger {
  background-color: orange;
}

.messages.error {
  background-color: orange;
}
footer {
    background-color: black;
    color: white;
    font-size: 110%;
}
footer a {
    color: white;
}
footer i.fas {
    color: white;
}
a.nav-link {
    padding: .5rem 0rem;
}

input[type="checkbox"]+label {
    cursor: pointer;
}
input[type="checkbox"]:disabled+label {
    cursor: not-allowed;
}