html, body {
    min-width: 768px;
}

.container {
    min-width: 720px;
}

.w-40 {
    width: 40% !important;
}

.w-35 {
    width: 35% !important;
}

.max-w-45 {
    max-width: 45% !important;
}

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

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

.small-text {
    font-size: 0.9em !important;
}

.small-text input.form-control {
    font-size: 0.9em !important;
}

.small-text span.input-group-text {
    font-size: 0.9em !important;
}

.small-text .btn {
    font-size: 0.9em !important;
}
.small-text .input-group-text {
    padding: .375rem .3rem;
}

.table-input input {
    border: none;
}

.table-input td {
    padding: 0;
    white-space: nowrap;
    width: 1%;
}

.very-small-text {
    font-size: 0.7em !important;
}

.very-small-text input.form-control {
    font-size: 1em !important;
    padding: .375rem .2rem;
}

.modal-dialog {
    max-width: 600px !important;
}

.alternate-col-1 {
    background-color: #EEE;
}

.alternate-col-1 input {
    background-color: #EEE;
}

.alternate-col-2 {
}

.alternate-col-2 input {
}

.bg-light {
    background-color: #3D9B2C47 !important;
}

.h2 {
    color: #58585A;
}

.table-striped thead {
    color: #fff;
    background-color: #0D86C4;
    text-align: center;
}

.table-bordered th {
    border: none !important;
}

.card-header {
    color: #fff;
    background-color: #0D86C4;
}