/* Make spinner image visible when body element has the loading class */
body.loading .overlay{
    display: block;
}
.overlay{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgb(255,255,255) url("images/ajax-loading.gif") center no-repeat;
}

table.dataTable thead th {
    border-bottom: 1px solid #111;
}

table.dataTable tfoot th {
    border-top: 1px solid  #111;
}

.form-control.is-invalid,
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid{
    background-position: right 1.5rem center;
}