/* 汎用コンポーネント テーブル set_table_data スタイル */

.set_table_detail{
    margin:10px 0;
}

.set_table_data{
    margin:20px 0;
}

.set_table_data,
.set_table_data th,
.set_table_data td{
    border-collapse:collapse;
    border:solid 1px #ccc;
    padding:10px 20px;
}

.set_table_data th,
.set_table_data td{
    text-align:left;
}

.set_table_data th{
    background:#ddd;
    cursor:pointer;
}
.set_table_data th i{
    margin-left:1em;
}

.set_table_data a{
    /* color: rgb(60, 118, 206) !important; */
    cursor:pointer;
}

.set_table_pager{
    margin-bottom:20px;
}

.set_table_pager a{
    color: rgb(60, 118, 206) !important;
    display:inline-block;
    width:2.5em;
    padding:0.5em 0;
    text-align:center;
    margin:5px;
    border:solid 1px;
    cursor: pointer;
}
.set_table_pager a:hover{
    background:rgb(219, 241, 239) ;
}

#set_table_current_page{
    color: #666 !important;
    background:#ddd;
    border:none;
    cursor:auto;
}

.set_table_detail_wrapper{
    position:relative;
    margin:10px 0;
}
.set_table_detail_toTop{
    display: none;
    padding: 5px 20px;
    border-radius:50px;
    background:rgba(192, 57, 57, 0.5);
    cursor: pointer;
}

#headers{
    display: flex;
}

#headers input{
    margin-right:1em;
}
#headers label{
    margin-right:.4em;
}

#set_table_header_option{
    display: flex;
}

/* set_table_detail_style_fit */
.set_table_detail_style_fit .set_table_data{
    margin:0;padding:0;
}

.set_table_detail_style_fit .set_table_detail_wrapper{
    width:100%;
    overflow-y: scroll;
}
.set_table_detail_style_fit table{
    width:100%;
}
.set_table_detail_style_fit th{
    position:sticky;
    top:0;
}