:root {
    --header: #066C9C;
    --header-text: #FFFFFF;
    --footer: #2e2e2e;
    --footer-text: #FFFFFF;
    --background: #FFFFFF;
    --primary: #066C9C;
    --primary-dark: #044E70;
    --primary-light: #8dc2e9;
    --text-primary: #333333;
    --text-light: #FFFFFF;
    --success: #339900;
    --warning: #ff9a00;
    --error: #d90202;
}

.warning {
    color: var(--warning);
}

.error {
    color: var(--error);
}

#dashboardTable tr td {
    color: #000000;
}


@media (max-width: 767px) {
    tr.warning {
        background-color: var(--warning);
    }

    tr.error {
        background-color: var(--error);
    }

    #dashboardTable tr.error td{
        color:#ffffff;
    }
}