/*version=1.00*/
/* Log here
//2020/09/09   
// 複合グラフ設定画面のスタイル */

.table-container {
    position: relative;
    table-layout: fixed;
    height: calc(100vh - 360px);
    min-height: 236px;
    width: 100%;
}

.scroll-table {
    /* width: 300px; */
    overflow-x: auto;
    display: block;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex; /* Prevent tbody overflow table-container */
    flex-direction: column; /* Prevent tbody overflow table-container */
}

.scroll-table>thead,
.scroll-table>tbody {
    display: block;
    width: 100%;
}

.scroll-table>tbody {
    overflow-y: auto;
    overflow-x: hidden;
    /* height: calc(100vh - 354px);
    min-height: 200px; */
    flex: 1; /* Prevent tbody overflow table-container */
}

.scroll-table>tbody>tr>td {
    padding: 5px;
    width: 100%;
    /* text-align: center; */
}


.scroll-table>tbody>tr {
    display: table !important;
    width: 100%;
}

.scroll-table>thead>tr {
    display: table !important;
    width: 100%;
}

.scroll-table>tbody>tr>td:nth-child(1),
.scroll-table>thead>tr>th:nth-child(1) {
    width: 25%;
    text-align: center;
}

.scroll-table>tbody>tr>td:nth-child(2),
.scroll-table>thead>tr>th:nth-child(2) {
    width: 75%;
}

/* .scroll-table>tbody>tr>td:nth-child(3),
.scroll-table>thead>tr>th:nth-child(3) {
    width: 20%;
    text-align: center;
} */


.scroll-table>thead>tr>th {
    text-align: center;
    background: #399cb4;
    color: white;
    height: 2em;
    font-size: 16px;

}

.scroll-table>tbody>tr:nth-child(even) {
    background: gainsboro;
}

.lastcol {
    padding-right: 15px;
}

select {
    width: 100%;
}