:root { /*QuApp custom per client*/
    --qutext-color: #000 !important;
    --qubg-color: #00aacc6d !important;
    --qua-hover: var(--bs-orange) !important;
}
#navbar-brand-logo img {
}
.title-color-main {
    color: #043354!important;
}
.bg-whitesmoke {
    background-color: whitesmoke;
}

.bg-gainsboro {
    background-color: gainsboro;
}
/*#region DataTable*/
/* Vertically center table cell content so multi-line rows are middle-aligned */
#dynamic-table tbody td {
    vertical-align: middle !important;
}
/* Ensure footer cells also align consistently */
#dynamic-table tfoot td {
    vertical-align: middle !important;
}
/*#endregion DataTable*/

/*#region FORM*/
.table-body {
    margin: 10px;
}

.table thead {
    background-color: whitesmoke;
}

.table .table-condensed {
    padding: 5px 5px !important;
}

.form-body {
}

    .form-body h5 {
        color: #00AACC !important;
    }

    .form-body div.row {
        margin-top: 4px;
    }

    .form-body label {
        font-weight: 500;
    }

.form-check {
    width: 22px;
    height: 22px;
}

form label {
    font-size: 0.875rem !important;
}

::-webkit-input-placeholder { /* Edge */
    color: LightGrey !important;
}

:-ms-input-placeholder { /* Internet Explorer */
    color: LightGrey !important;
}

::placeholder {
    color: LightGrey !important;
}

.label-required {
}

    .label-required::after {
        content: '*';
    }

#dtTemplate {
    display: none;
}

.datepicker {
    z-index: 11 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
/*#endregion */

/*#region DASHBOARD*/
/* KPI ICON */
.icon-soft {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    font-size: 1.8rem;
}

/* PROGRESS */
.progress {
    height: 8px !important;
    opacity: 0.8;
    border-radius: 10px;
    background-color: #e9ecef;
}
/*#endregion DASHBOARD*/