html,body {
  background-color: #1A237E;
}

.modal-btn {
  color: #f1f1f1;
  background-color: #1A237E;
}
.modal-btn:hover {
  color: #f1f1f1;
  background-color: #283593;
}

.clear-btn {
  color: #1A237E;
  font-size: 100%;
}
.clear-btn:hover {
  color: #283593;
}

.title {
  padding-top: 6px;
  color: #f1f1f1;
  background-color: #1A237E;
}

.spacer {
  font-size: 6px;
  background-color: #1A237E;
  min-height: 4px;
}

.bg-f1 {
  background-color: #f1f1f1;
}

.bg-1A237E {
  background-color: #1A237E;
}

.number-input {
  width: 75px;
}

.calc-head {
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #283593;
  color: #f1f1f1;
  text-align: center;
  font-size: 10px;
}
.footer-text:link {
  color: #aaaaaa;
  text-decoration: none;
}
.footer-text:visited {
  color: #aaaaaa;
  text-decoration: none;
}
.footer-text:hover {
  color: #ffffff;
  text-decoration: none;
}
.footer-text:active {
  color: #aaaaaa;
  text-decoration: none;
}

.bottom-pad {
  padding-bottom: 5px;
}

.top-pad {
  padding-top: 5px;
}

.content-bottom {
  margin-bottom: 80px;
}

.message {
  width: 100%;
  rows: 5;
}

 .bg-red {
   background-color: #ff0000;
 }