/*Write your custom css in this file.*/

/* Custom styling for Reimburse Items table and inputs in Dark Mode */
body[data-color="1E202D"] #items-table,
body.color-1E202D #items-table {
    border-color: #2f3541;
}

body[data-color="1E202D"] #items-table th,
body.color-1E202D #items-table th {
    background-color: #20242C !important;
    color: #898fa9 !important;
    border-color: #2f3541 !important;
}

body[data-color="1E202D"] #items-table td,
body.color-1E202D #items-table td {
    background-color: #252932 !important;
    color: #898fa9 !important;
    border-color: #2f3541 !important;
}

body[data-color="1E202D"] #items-table .form-control,
body.color-1E202D #items-table .form-control {
    background-color: #20242C !important;
    border-color: #2f3541 !important;
    color: #ccc !important;
}

body[data-color="1E202D"] #items-table .form-control:focus,
body.color-1E202D #items-table .form-control:focus {
    background-color: #1E2028 !important;
    border-color: #5b73e8 !important;
}

body[data-color="1E202D"] #items-table .form-control[readonly],
body.color-1E202D #items-table .form-control[readonly] {
    background-color: #1a1d24 !important;
}

/* Also style the grand-total field in footer */
body[data-color="1E202D"] #grand-total,
body.color-1E202D #grand-total {
    background-color: #1a1d24 !important;
    border-color: #2f3541 !important;
    color: #ccc !important;
}