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;
}

th.group-label{
    word-break: keep-all;
    word-wrap: initial;
    margin: 0 auto;
    white-space: nowrap;
}

th.group-label div{
    min-width:1.5rem;
    display:inline-block;
    writing-mode: vertical-rl;
    word-break: keep-all;
    word-wrap: initial;
    white-space: nowrap;
}

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 th, .table td{
    padding: 0.4rem;
}

button.nav-link{
  display: inline;
  border: none;
  background: none;
}

button.nav-link[type="submit"]{
    -webkit-appearance: button;
}


@media screen and (min-width:576px){
    .container-md, .container-sm, .container {
        max-width: 90%;
    }
}

@media screen and (min-width:768px){
    .container-md, .container-sm, .container {
        max-width: 90%;
    }
    .table th, .table td {
        padding: 0.75rem;
    }
    
}

@media screen and (min-width:992px){
    .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media screen and (min-width:1200px){
    .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}