@charset "UTF-8";

/*
* File    : table.css
* Author  : MYLINK HOME
* Date    : 2025.05.16
*/


.ml-grid .jqx-widget-header{background: #fff; font-size: 1.7rem; font-weight: 600; border-top: 1px solid;}
.ml-grid .jqx-widget-content{border:0;}

.ml-grid .jqx-widget .jqx-grid-cell{font-size: 1.6rem;}
.ml-grid .jqx-fill-state-pressed{background: #f5f5f5}
.ml-grid .jqx-fill-state-hover{background: #f1f1f1}

/* MARGIN */
.ml-grid .cell-label-mgt{margin-top: 33px}
.ml-grid .cell-text-mgt{margin-top: 33px}

.ml-grid .jqx-widget .jqx-grid-cell, 
.ml-grid .jqx-widget .jqx-grid-column-header,
.ml-grid .jqx-widget .jqx-grid-group-cell{border:0}
.ml-grid .jqx-grid-cell-left-align{margin-right:20px; margin-left: 20px}


/* **************************************** *
*  PAGING
* **************************************** */
/* paging-ty1 */

.paging-ty1{position:relative; width:100%; margin-top:20px}
.paging-ty1 .pager-center{display:flex; justify-content:center; align-items:center; box-sizing:border-box}
.paging-ty1 .pager-left,
.paging-ty1 .pager-right{display:none}

.paging-ty1 .page-button,
.paging-ty1 .page-list button,
.paging-ty1 .page-button.first-page button,
.paging-ty1 .page-button.prev-page button,
.paging-ty1 .page-button.next-page button,
.paging-ty1 .page-button.last-page button{border:0px;}
.paging-ty1 .page-button.first-page button,
.paging-ty1 .page-button.prev-page button,
.paging-ty1 .page-button.next-page button,
.paging-ty1 .page-button.last-page button{background:none; font-size: 24px;}

.paging-ty1 .page-button.first-page button::before{content:"\F013D"; display:inline-block; font-family: "Material Design Icons"; text-rendering:auto; line-height:inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale}
.paging-ty1 .page-button.prev-page button:before{content:"\F0141";  display:inline-block; font-family: "Material Design Icons";  text-rendering:auto; line-height:inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale}
.paging-ty1 .page-button.next-page button:before{content:"\F0142"; display:inline-block; font-family: "Material Design Icons";  text-rendering:auto; line-height:inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale}
.paging-ty1 .page-button.last-page button:before{content:"\F013E"; display:inline-block; font-family: "Material Design Icons";  text-rendering:auto; line-height:inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale}

.paging-ty1 .page-button {display:block; color:#555}
.paging-ty1 .page-button button{display:block; background:none; border:none; padding:0; min-width:30px; height:30px; margin:0 5px; color:#555; font-size:15px; font-weight: normal; letter-spacing:-0.5px; text-align:center;  border-radius:200px; cursor:pointer; transition:all .20s ease;}
.paging-ty1 .page-button.current button{background:#01042f; color:#fff}
.paging-ty1 .page-button.current button:hover{background:#01042f; color:#fff}
.paging-ty1 .page-list button:hover{background:#f4f4f4;}

.paging-ty1 .pager-left{position:absolute; left:0; top:0}
.paging-ty1 .pager-left .total{display:flex; align-items:center; height:31px; line-height:135%; font-size:13px; font-weight:normal; letter-spacing:-0.8px; color:#505050}
.paging-ty1 .pager-center{font-size:0; text-align:center}
.paging-ty1 .page-list{display:flex; margin-top:0; padding:0; list-style:none; font-size:0}


.paging-ty1 .pager-right{position:absolute; right:0; top:10px}

.paging-jqx{display:flex; align-items:center; justify-content:center; position:relative; width:100%; margin-top:10px; box-sizing:border-box}
.paging-jqx .paging-num{display:flex; align-items:center}
.paging-jqx .paging-num .num,
.paging-jqx .paging-num button{
 display:block;
 background:none; border:none; padding:0;
 min-width:24px; height:24px; margin:0 5px; color:#555; font-size:1.4rem; font-weight:normal; letter-spacing:-0.5px; text-align:center; border-radius:200px;
 cursor:pointer; transition:all .20s ease
}
.paging-jqx .paging-num .num:hover{background:#eaeaea}
.paging-jqx .paging-num .num.active,
.paging-jqx .paging-num button.active{background:#eaeaea; font-weight:300}
.paging-jqx .paging-btn
{
 display:block;
 background:none; border:none; padding:0;
 min-width:22px; height:24px; line-height:24px; margin:0 2px; color:#555; font-size:1.2rem; font-weight:normal; letter-spacing:-0.5px; text-align:center; border-radius:200px;
 cursor:pointer;
}
.paging-jqx .paging-btn i{display:inline-block; font-size:18px; color:#888}
.paging-jqx .paging-total{position:absolute; left:0; top:-2px; color:#999; font-size:1.4rem; letter-spacing:-0.5px}
.paging-jqx .paging-perpage{position:absolute; right:0; top:-1px; width:75px; height:26px; color:#555; font-size:1.4rem; border:1px solid #ddd; border-radius:5px}