table, th, td{
    margin-top:5px; 
    border: 1px solid; 
    color:#fff;
    text-align:center;
    border-collapse:collapse;
    font-weight:bold;
}

table{
    width: 100%;
}

th, td{
    padding:5px;
}

td{
    word-wrap:break-word
}

#tableDate{
    width:5%;
}

#tableUser{
    width:13%;
}

#tableIssue{
    width:20%;
}

#tableD{
    width:55%;
}

#tableStatus{
    width:7%;
}

.tableDtd{
    
}

@media screen and (max-width: 500px) {
    table{
        width: 100%;
    }
    
    .tableMobile{
        font-size:8px;
    }
    
    .tableVMobile{
        left: calc(50% - 0.37rem);
        line-height: 1;
        padding-top: 0.5rem;
        position: relative;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        white-space: nowrap;
        -webkit-writing-mode: vertical-rl;
        writing-mode: vertical-rl;
        text-align:center;
    }
    
    #tableDate{
        width:10%;
    }
    
    #tableUser{
        width:8%;
    }
    
    #tableIssue{
        width:18%;
    }
    
    #tableD{
        width:60%;
    }
    
    #tableStatus{
        width:4%;
    }
}