body {
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        text-align:center;
        color: darkblue;
    }
    .table_content {
        padding-left: 4px;
        padding-right: 4px;
        border: 4px solid white;
    }
    .td_main_category {
        background-color: #E0E0E0;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 4px;
        padding-right: 4px;
        border-top: 4px solid white;
        border-bottom: 4px solid white;
        cursor: pointer;
    }
    .td_main_category:hover {
        background-color: #EFEFEF;
    }
    .td_category {
        background-color: #E0C0C0;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 4px;
        padding-right: 4px;
        border-top: 4px solid white;
        border-bottom: 4px solid white;
        cursor: pointer;
    }
    .td_category:hover {
        background-color: #EFCFCF;
    }
    .td_issue {
        background-color: #C0C0E0;
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 4px;
        padding-right: 4px;
        border-top: 4px solid white;
        border-bottom: 4px solid white;
        cursor: pointer;
    }
    .td_issue:hover {
        background-color: #CFCFEF;
    }
    .td_resolution {
        background-color: #A0C0A0;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        padding-right: 4px;
        border-top: 4px solid white;
        border-bottom: 4px solid white;
        text-align: left;
    }
    td {
        vertical-align: top;
    }
    div {
        max-width: 500px;
    }


    /*.heading {
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
        border-right: 1px solid #FFFFFF;
        margin: 2.5%;
        cursor: default;
        text-align: center;
        color: darkblue;
        background-color: #FFFFFF;
        font-size: 20px;
    }
    .resolution {
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #608060;
        border-right: 1px solid #608060;
        margin: 2.5%;
        text-align: left;
        color: darkblue;
        background-color: #A0C0A0;
    }
    .issue {
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #8080A0;
        border-right: 1px solid #8080A0;
        margin: 2.5%;
        cursor: pointer;
        text-align: center;
        color: darkblue;
        background-color: #C0C0E0;
    }
    .issue:hover {
        background-color: #CFCFEF;
    }
    .category {
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #A08080;
        border-right: 1px solid #A08080;
        margin: 2.5%;
        cursor: pointer;
        text-align: center;
        color: darkblue;
        background-color: #E0C0C0;
    }
    .category:hover {
        background-color: #EFCFCF;
    }
    .maincategory {
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        border-bottom: 1px solid #A0A0A0;
        border-right: 1px solid #A0A0A0;
        padding-top: 4px;
        margin-left: 2.5%;
        margin-right: 2.5%;
        cursor: pointer;
        text-align: center;
        color: darkblue;
        background-color: #E0E0E0;
    }
    .maincategory:hover {
        background-color: #EFEFEF;
    }*/

@media screen and (max-width: 1920px) 
{
    body {
        color: black;
    }
    .resolution {
        color: black;
    }
    .issue {
        color: black;
    }
    .category {
        color: black;
    }
    .maincategory {
        color: black;
    }
}