/*top_btn*/
.data-grid-table-btn {margin-bottom: 1rem; height: 2rem;}
.data-grid-table-btn ul li {display: inline-block; white-space: nowrap;}

.data-grid-table-top {display: flex; align-items: center; white-space: nowrap;}
.data-grid-head {display: flex; align-items: center; white-space: nowrap; margin-top: 1.3rem;}
.table-title, .data-grid-sub-title {color: #4766FF; font-weight: bold; font-size: 1.3rem;}
.data-total-count-container {margin-left: auto; margin-right: 1rem;}
.fc_red {color: #ed1c2a; font-weight: bold;}
.data-grid-table-top-r {margin-left: auto;}
.data-grid-table-top-l > ul > li, .data-grid-table-top_r > ul > li {display: inline-block; white-space: nowrap; vertical-align: middle;}

/*data-grid-table*/
.data-grid-body {min-height: 67.4rem; margin-top: 1rem; overflow: hidden; overflow-x: auto;}
.data-grid-table {width: 100%; white-space: nowrap; border-collapse: collapse; line-height: 2rem;}
.table_row {min-width: 80rem;}
.data-grid-table thead {color: #fff;}
.data-grid-table tbody tr {background-color: #f3f6f8;}
.data-grid-table tbody tr:nth-child(2n) {background-color: #fff;}
.data-grid-table tbody tr:hover {background-color: #d8ecff;}
.data-grid-table tbody tr.selected {background-color: #d4f1ed !important;}
.data-grid-table thead tr th:first-child {width: 4rem;}
.data-grid-table th, .data-grid-table td {padding: 0.2rem; text-align: center;}
.data-grid-table th {height: 3.35rem; background-color: #fff; border: 0.1rem solid #899dff; background-color: #4766FF; color: #fff;}
.data-grid-table td {border: 0.1rem solid #d7d8d9; height: 3.2rem;}
.data-grid-table td > img {width: 2.5rem;}
.data-grid-table th:first-child, .data-grid-table td:first-child {border-left: 0 none;}
.data-grid-table th:last-child, .data-grid-table td:last-child {border-right: 0 none;}
.no-data {height: 3.2rem;}
.data-grid-table.hover_none tbody tr {pointer-events: none;}
.data-grid-table thead tr th:first-child.th_w1, .th_w1 {width: 180px;}

.checkBox {cursor: pointer;}
.table_btn {margin: inherit;}
.table_btn:hover {background-color: #0b3f39; border: 0.1rem solid #0b3f39; transition: 0.5s;}
.table_input {margin: inherit; width: 100%;}

.btn-span {padding: 0.4rem 1.5rem; background-color: #1e232e; color: #fff; vertical-align: middle; font-weight: bold; cursor: pointer;}
.btn-span:hover {border: 0.1rem solid #1e232e; transition: all .3s cubic-bezier(.215,.61,.355,1)}

/*data_grid_table_footer*/
.pagination {color: #424242; margin: 1.5rem 0 0 0; text-align: center;}
.pagination ul > li {display: inline-block; margin: 0 0.1rem; cursor: pointer;}
.pagination ul > li > span {display: block; border: 0.1rem solid #c3c3c5; background-color: #fff; padding: 0.4rem 0.9rem;}
.pagination ul > li > span:hover {background-color: #4766FF; color: #fff; border: 0.1rem solid #4766FF;}
.pagination ul > .active > span {background-color: #4766FF; color: #fff; border: 0.1rem solid #4766FF; cursor: default;}
.pagination ul {display: flex; justify-content: center;}
.pagination ul .direction {display: flex;}
.pagination ul .direction span:first-child {margin-right: 0.2rem;}