.tables{
    display:table;
    border-top: 1px solid #5e667d;
    border-left: 1px solid #5e667d;
    margin-bottom:20px;
    width:100%;
}

.tables .table-row{
    display:table-row;
    border: 1px solid #5e667d;
}
.tables .table-row > div{
    display:table-cell;
    font-weight: normal;
    color: #5e667d;
    padding: 10px;
    border-right: 1px solid #5e667d;
    border-bottom: 1px solid #5e667d;
}

.tab30{
    width:30%;
}

.tab_th{
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top:0px;
    border-top: 1px solid #5e667d;
}

.tab_th div{
    background-color:rgba(253, 215, 96, 1);
    font-weight:bolder !important;
}

.head-tab {
    background-color:rgba(253, 215, 96, 1);
    font-weight:bolder !important;
    padding: 10px;
    text-align:center;
    border: 1px solid #5e667d;
    border-bottom:0px;
}

.sh_table{
    width:100%;
    border-top:1px solid #5e667d;
    border-left:1px solid #5e667d;
    border-collapse: collapse;
    border-spacing: 0;
}
.sh_table th{
    background-color:rgba(253, 215, 96, 1);
    font-weight:bolder !important;
    padding: 10px;
    border-right: 1px solid #5e667d;
    border-bottom: 1px solid #5e667d;
}
.sh_table td{
    padding: 10px;
    border-right: 1px solid #5e667d;
    border-bottom: 1px solid #5e667d;
}


@media (max-width: 576px){
    .tables .table-row > div{
        padding:7px 5px;
    }

    .sh_table th, .sh_table td{
        padding:7px 5px;
    }

    .tables .table-row div:nth-child(4), .tables .table-row div:nth-child(5){
        max-width:60px;
        overflow:hidden;
        text-overflow:ellipsis;

    }

    .sh_table{
        font-size:14px;
    }

    .sh_table th:nth-child(4),.sh_table th:nth-child(5){
        max-width:60px;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .tab30{
        width:40%;
    }
}