/*Fix for table scrolling in Safari. See https://ask.xiaolee.net/questions/2154193 */

.table-responsive .table {
    max-width: none;
    -webkit-overflow-scrolling: touch;
}

.btn-default {
  color:#FFF; /* White font */
  background-color: #212529;  /* Black that matches Bootstrap dark table */
  border: none;
}

.btn-cancel {
  color:#FFF; /* White font */
  background-color: #212529;  /* Black that matches Bootstrap dark table */
  border: none;
}

.file-default {
  color:#FFF; /* White font */
  background-color: #212529;  /* Black that matches Bootstrap dark table */
  border: none;
  height: 40px;
}

/* Only applies if window width is 575 or less */
@media (max-width: 575px) {
    .form-control {
        width: auto;
    }
}

.numberinput {
    width: 10ch;
}

.navbar-brand {
    flex-wrap: wrap;
}

/* Override all form-control classes in elements contained in a parent element whose classes include crispy-small */
.crispy-small .form-control {
    font-size: 10px;
    height: calc(1.25rem + 2px);
}

/* Override all label types */
.crispy-small label {
    font-size: 10px;
}