.tg {
    border-collapse: collapse;
    border-color: #9ABAD9;
    border-spacing: 0;
}

.tg td {
    background-color: #EBF5FF;
    border-color: #9ABAD9;
    border-style: solid;
    border-width: 1px;
    color: #444;
    font-family: Courier, sans-serif;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    padding: 5px 5px;
    word-break: normal;
}

.tg th {
    background-color: #409cff;
    border-color: #9ABAD9;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding: 10px 5px;
    word-break: normal;
}

.tg .tg-hmp3 {
    background-color: #D2E4FC;
    text-align: left;
    vertical-align: top
}

.tg .tg-951c {
    border-color: #3531ff;
    font-family: "Courier New", Courier, monospace !important;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
    vertical-align: top
}

.tg .tg-0lax {
    text-align: right;
    vertical-align: top;
    padding: 5px 14px;
}

.tg-wrap {
    border: 0px solid red;
}
.tg-wrap2 {
    border: 0px dotted green;
}

@media screen and (max-width: 767px) {
    .tg {
        width: auto !important;
    }

    .tg col {
        width: auto !important;
    }

    .tg-wrap {
        border: 0px solid red;
        Xoverflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}