html, body {
  background-color: #fff;
  color: var(--sonic-blue);
  font-family: 'Aileron Thin';
}

h2 {
    font-family: 'Aileron Regular';
}

.nopadmarg {
  padding:0px;
  margin:0px;
}
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.sonic-bold {
        font-family: 'Aileron Regular';
}

.bg-sonic-blue {
    background-color: var(--sonic-blue);
}

.dl-dark {
    background-color: var(--sonic-blue);
    color: white;
    transition:
        background-color 1000ms linear,
        color 1000ms linear;
}

.dl-light {
    background-color: #fff;
    color: var(--sonic-blue);
    transition:
        background-color 1000ms linear,
        color 1000ms linear;
}

.dl-light > div > a {
    color: var(--sonic-blue);
    transition: color 1000ms linear;
}

.dl-dark > div > a {
    color: white;
    transition: color 1000ms linear;
}

.btn-sonic-blue {
    background-color: var(--sonic-blue);
    border-color: var(--sonic-blue);
    font-family: 'Aileron Bold';
}

.btn-sonic-blue:hover,
.btn-sonic-blue:focus {
    font-family: 'Aileron Bold';
    background-color: var(--sonic-pale-blue);
    border-color: var(--sonic-pale-blue);
}

.btn-sonic-blue:active {
    background-color: var(--sonic-bright-blue);
    border-color: var(--sonic-bright-blue);
}

.dl-dark button.btn-sonic-blue {
    background-color: #fff;
    border-color: #fff;
    color: var(--sonic-blue);
}

.dl-dark button.btn-sonic-blue:active {
    background-color: var(--sonic-bright-blue);
    border-color: var(--sonic-bright-blue);
}

.dl-dark .btn-sonic-blue:hover,
.dl-dark .btn-sonic-blue:focus {
    font-family: 'Aileron Bold';
    background-color: var(--sonic-pale-blue);
    border-color: var(--sonic-pale-blue);
}

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-middle { vertical-align: middle; }
.text-bold { font-weight: bold; }
.text-very-small {
    font-size: 0.25em;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.row-dotted {
  border-bottom: 1px dotted var(--sonic-blue);
}

.bordered {
  border: 1px solid black;
}

input[type=time]:disabled {
  width: 73.4167px;
}

.justify-content-center {
  display: flex;
  justify-content: center;
}

#sum_5 {
  font-weight: bold;
}

.text-sonic-red {
  color: var(--sonic-red);
}

.fw-bold {
  font-family: "Aileron Bold"
}

.text-sm {
  font-size: 0.6em;
}

.form-control {
  padding-top:2px;
  padding-bottom:2px;
}

b, a, .btn {
  font-family: "Aileron Bold";
}