/*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;
}

.btn-xxs {
    padding: 1px 3px 1px 3px;
    font-size: 10px !important;
    border-radius: 5px;
    background-color: white;
    width: 70px !important; /* Keep all xs buttons the same size */
}

.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;
}

.no-resize {
    resize: none;
}

/* Useful fonts sizes */
.font-8 {
    font-size: 8px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-14 {
    font-size: 14px !important;
}

/* Set Django incremental search box and search clear button border colors to be the same shade of gray */
#djangoSearchInput, #clearSearchBtn {
    border-color: #ced4da;  /* Gray border color, similar to Bootstrap's default gray border */
}

.hidden {
    display: none;
}

input.percentage {
    background-image: url("../img/percent-sign.svg"); /* Django template variables don't work with linked css files: url("{% static 'img/percent-sign.svg' %}");*/
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 16px;
    width: 10;
    height: 10;
    text-align: right;
}

.select-no-arrows {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}

.input-number-no-arrows::-webkit-outer-spin-button, .input-number-no-arrows::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-number-no-arrows {
    -moz-appearance: textfield;
}

.unselectable {
   -webkit-user-select: none;
}