.text-left-not-xs,
.text-left-not-sm,
.text-left-not-md,
.text-left-not-lg {
    text-align: left;
}

.text-center-not-xs,
.text-center-not-sm,
.text-center-not-md,
.text-center-not-lg {
    text-align: center;
}

.text-right-not-xs,
.text-right-not-sm,
.text-right-not-md,
.text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs,
.text-justify-not-sm,
.text-justify-not-md,
.text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs,
    .text-center-not-xs,
    .text-right-not-xs,
    .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm,
    .text-center-not-sm,
    .text-right-not-sm,
    .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md,
    .text-center-not-md,
    .text-right-not-md,
    .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg,
    .text-center-not-lg,
    .text-right-not-lg,
    .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

img#system-logo {
    width: 3em;
    height: 3em;
    object-fit: cover;
    object-position: center center;
    border-width: 2px;
}

.topbar {
    height: 3.5rem;
}

#wrapper #content-wrapper {
    background-color: #e9e9e9;
}

img.img-profile.rounded-circle {
    object-fit: cover;
    object-position: center center;
    border-width: 3px !important;
}

.bg-gradient-light {
    background-image: linear-gradient(180deg, #f8f9fc 10%, #dddddd 100%) !important;
}

h1, h2, h3, h4, h5, h6, label, p {
    font-size: 0.86em !important;
}

/* label {
    font-size: 3pt !important;
} */
table {
    font-size: .80rem;
    color: #000 !important;
}

.table td,th {
    text-align: left !important;
}

/* Base table font */
table.dataTable {
    font-size: 0.85rem;
}

/* Header + footer */
table.dataTable thead th,
table.dataTable tfoot th {
    font-size: 0.8rem;
}

/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Length + search inputs */
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    font-size: 0.75rem;
    height: 28px;
}

/* Info text */
.dataTables_wrapper .dataTables_info {
    font-size: 0.75rem;
}

input, select, textarea, label, span, a {
    font-size: .86em !important;
}

.btn-primary {
    background-color: #DA1212;
    border-color: #DA1212;
}

.btn-primary:hover {
    background-color: #9f0f0f;
    border-color: #9f0f0f;
}

.btn-default {
    color: #fff ;
    background-color: #292C6D;
    border-color: #292C6D;
}