html, body {
    font-family: "Clarity City", 'Monospaced', "Times New Roman", serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    color: #000;
}

.login-page {
    background-image: url('/assets/images/bg.jpg');
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

/* DT customization */
.pagination, .dt-info, .dt-length, .dt-search {
    font-size: 0.8em;
    padding: 0.25em;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before,
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after {
    font-family: 'Font Awesome 7 Sharp', sans-serif;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before {
    content: '\f163';
    color: rgba(0, 31, 63, 0.9);
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after {
    content: '\f886';
    color: rgba(0, 31, 63, 0.9);
}


table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    top: 40%;
    left: 8px;
    position: relative;
    height: 0.2em;
    width: 1em;
    display: block;
    border: none;
    text-indent: 0 !important;
    font-family: 'Font Awesome 7 Sharp', sans-serif;
    content: '\f0fe';
    color: #dc3545;
}

.dt-column-title{
    margin-left:-0.6em;
    margin-right:-2em;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
    border: none;
    color: #28a745;
}

.dt-processing.card {
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.9);
    z-index: 1050 !important;
}

select {
    border-radius: 0 !important;
}

input {
    border-radius: 0 !important;
}

textarea {
    border-radius: 0 !important;
}

.pagination li a {
    border-radius: 0 !important;
}


.page-item.active .page-link {
    background: rgba(0, 33, 71, 0.8) !important;
    color: white !important;
}

.page-item.disabled .page-link {
    color: lightgray !important;
}

.page-link {
    color: rgba(0, 33, 71, 0.9) !important;
    padding: 0 1px 1px 0;
    border: none;
}
/* DT customization */


.selectize-input {
    padding: .5625rem 1rem;
    line-height: 1.25rem;
    color: var(--tblr-body-color);
    background-color: var(--tblr-bg-forms);
    background-clip: padding-box;
    border: var(--tblr-border-width) solid var(--tblr-border-color);
    box-shadow: var(--tblr-shadow-input);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}