html {
    scrollbar-width: thin;

}

body {
/*    font-size: 20px;*/
}
th.cell-value, td.cell-value {
    background-color: transparent;
}
th.cell-standerd, td.cell-standerd {
    background-color: aliceblue;
}

th.cell-standerd, td.cell-standerd {
    background-color: aliceblue;
    word-break: break-all;
    white-space: break-spaces;
    word-wrap: anywhere;
    width: 180px;
}

td.has-caution {
    background-color: hotpink;
}

.font-small {
    font-size: 1rem;
}

tr.selected {
    background-color: hotpink;
}


/*table-responsive fix header*/

.table-responsive {
    scrollbar-width: thin;
}

.table-responsive.table-questionaire,
.table-responsive.table-checkup {
    height:97vh;
    position:relative;
}

.table-responsive.table-questionaire table thead th::before,
.table-responsive.table-checkup table thead th::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #dee2e6;
    z-index: -1;
}


.table-responsive.table-questionaire table thead th,
.table-responsive.table-checkup table thead th{
    position:sticky;
    top:0;
    background-color:white;
    z-index:10;
}

.table-responsive.table-questionaire table thead th:first-child{
    width:12.5%;
}

.table-responsive.table-questionaire table thead th:first-child{
    width:50%;
}

.table-responsive.table-questionaire table tbody tr th.cell-label::before,
.table-responsive.table-checkup table tbody tr th.cell-label::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-right:1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    z-index: -1;
}


.table-responsive.table-questionaire table tbody tr th.cell-label,
.table-responsive.table-checkup table tbody tr th.cell-label{
    position:sticky;
    left:0;
    background-color:white;
    z-index: 1;
}

@media screen and (max-width:767px){
    .table-responsive.table-questionaire table thead th{
        width:15%;
    }

    .table-responsive.table-questionaire table thead th:first-child{
        width:20%;
    }
}