.main-page {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.alert {
    position: fixed;
    bottom: 5px;
    left:2%;
    width: 96%;
}

.table td {
    padding: 0.4rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

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

.form-control:disabled, .form-control[readonly] {
    background-color: #f7f9fb;
}

.border-left {
    border-left: 3px solid #dee2e6 !important;
    padding-left: 5px !important;
}

ul.ui-autocomplete {
    z-index: 1100;
}

.ui-front {
    z-index: 9999999 !important;
}

.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

.message-dj {
    z-index: 9999999 !important;
}