:root {
    --brand-red: #FC0000;
    --brand-gray: #434446;
    --secondary: #6B7280;
    --dark: #374151;;
    --light-gray: #F9FAFB;
    --border-gray: #E5E7EB;
}

html[data-bs-theme="dark"] .note-frame {
    color: var(--bs-modal-color);
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    transform: translateZ(0px);
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}

@media (max-width: 575px) {
    .text-justify {
        text-align: left !important;
    }
}

.text-brand-gray {
    color: var(--brand-gray);
}

.bg-brand-red {
    background-color: var(--brand-red) !important;
}

.bg-brand-gray {
    background-color: var(--brand-gray) !important;
}

.border-brand {
    border-color: var(--border-gray) !important;
}

.logo-home {
    max-height: 80px;
    max-width: 200px;
    filter: brightness(0) invert(1);
}

.datagrid .form-control-sm {
    border-radius: 0.2rem;
}

.datagrid .table-without-header.table>:not(:first-child) {
    border-top-width: 1px;
    border-color: #dee6ed;
}

.datagrid .table-without-header.table>:not(:last-child) {
    border-bottom-width: 1px;
    border-color: #dee6ed;
}

tr.table-success td {
    color: #6c757d !important;
}

.input-group-navbar {
    min-width: 400px;
}

.card .table-responsive .datagrid tr td:first-child
, .card .table-responsive .datagrid tr th:first-child {
    padding-left: 20px !important;
}

.card .table-responsive .datagrid tr td:last-child
, .card .table-responsive .datagrid tr th:last-child {
    padding-right: 20px !important;
}

.datagrid table {
    empty-cells: show;
}

.datagrid table tr td a, .datagrid table tr th a {
    width: 100%;
    height: auto;
}
.datagrid table tr td .col-pagination a, .datagrid table tr th .col-pagination a {
    width: auto;
    height: auto;
}
.datagrid table tr td a:after, .datagrid table tr th a:after {
    display: inline-block;
    content: ' ';
}
.datagrid table tr td a:hover, .datagrid table tr th a:hover {
    text-decoration: none;
}

.datagrid tfoot {
    border-top: 0 !important;
}

.datagrid tbody tr td {
    padding: 0.5rem !important;
}
.datagrid thead tr th {
    padding: 0.5rem !important;
}


label.required:after, label[data-required]:after {
    content: " *";
    color: red;
}

label.cond-required:after, label[data-cond-required]:after {
    content: " *";
    color: black;
}