:root{
	--tui-disable-bg:#f3f3f3;
	--tui-disable-bg-rgb:226,228,233;
	--tui-content-color:#F1F1F2;
	--tui-bg-color:#fff;
	--tui-heading-color:#fafafa;
	--tui-pagination-color:#fbfbfb;
	/* --tui-border-color:#e7e8ed; */
	--tui-border-color:#eee; 
	--tui-focus-color:#00A9FF;
	--tui-scroll-width:12px;
	
	 --tui-heading-dark:#3D4F67;
	 --tui-bg-dark:#2B2F34;
	 --tui-disable-dark:#383D43;
	 --tui-border-dark:#000;
	 
	--tui-grid-primary:#2B1BB0;
	--tui-grid-primary-rgb:94,163,203;
	--tui-grid-secondary:#3860e3;
	--tui-grid-muted:var(--vz-gray-200);
	--tui-grid-danger:#ee6262;
	--tui-grid-dark:#585671;
	--tui-grid-success:#0fac9d;
	--tui-grid-soft-blue:#C8EAFF;
	--tui-grid-soft-blue-rgb:153,194,255;	
	--tui-grid-blue:#4877D4;
	--tui-grid-orange:#DE9556;


	--tui-card-bg:#7660E0;
	--tui-card-bg-rgb:108,125,220;
	--tui-card-title-bg:#5755CC;
	/* figure */
	--over-all-height:calc(100vh - 8.5rem);
	--half-height:calc(50vh - 3rem);	
	
	--modal-sm-height:40vh;
	--modal-md-height:50vh;
    --modal-lg-height:55vh;
    --modal-xl-height:60vh;	
    --modal-xxl-height:80vh;	
    --modal-xxl-width:160vh;	
}
input[type=checkbox], input[type=radio], progress {cursor: pointer;}

/* card */
.h-vh-5 .card{padding:0;}
.h-vh-5 .card .card-body{padding:0;}
/* .card-body{min-height:300px;} */
.grid-wrap{display:flex; flex-direction:column; min-height:200px;}
.grid-top ~ div{padding:0 1rem;}
/* card grid-title  */
.grid-title {border-bottom:1px solid var(--vz-border-color); padding: 0.6rem 1rem; }
div[id*="modal"] .grid-title{padding:0 0 0.5em 0; margin:0 ;}

.grid-wrap.custom-card-body{overflow:hidden; max-height:initial;}
.grid-wrap.custom-card-body .grid-top{ background-color:var(--tui-card-title-bg);}
.grid-wrap.custom-card-body .grid-top ~ div{background:rgba(var(--tui-card-bg-rgb),0.06);}
.grid-wrap.custom-card-body .grid-title{border-bottom:none;}
.grid-wrap.custom-card-body .grid-title h4{color:var(--vz-white);}

.grid-wrap.custom-card-body350{overflow:hidden; max-height:initial;}
.grid-wrap.custom-card-body350 .grid-top{ }
.grid-wrap.custom-card-body350 .grid-top ~ div{}
.grid-wrap.custom-card-body350 .grid-title{border-bottom:none;}
.grid-wrap.custom-card-body350 .grid-title h4{}

/* grid-top 한번에 띄워주기 view-all */
.grid-top.view-all .grid-title{border:none;}
.grid-top.view-all .grid-form{border-bottom:1px solid var(--vz-border-color); padding:0 1rem;} 
.grid-top.view-all .grid-form .panel{margin-top:0;}
/* .grid-top.view-all .srch-area{
	 display:grid; grid-template-columns:repeat(5,1fr); 
	gap:0.8rem; 
} */
.grid-top.view-all .srch-item{display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5em;}
.grid-top.view-all .srch-item.mr-2{display:flex; justify-content:space-between; align-items:center; margin-bottom:0.5em; margin-right:2rem;}
@media screen and (min-width:1200px) and (max-width:1599px) {
  .grid-top.view-all .srch-item{width:33.3333% !important;  margin-right:2rem;}
}
.grid-top.view-all .srch-item .form-label{display:inline-block; margin-bottom:0; min-width:24%; width:auto;}
.grid-top.view-all .srch-item .form-label.w-auto{min-width:4rem !important; max-width:60%;}
 
 @media screen and (min-width:1930px){
  .grid-top.view-all .srch-item .form-label{min-width:20% !important;}
  .grid-top.view-all .srch-item .form-label.w-auto{min-width:42% !important;}
}

.grid-top.view-all .srch-item .form-control{padding: 0.15rem 0.4rem;}
.grid-top.view-all .srch-item .form-calendar{display: grid;  grid-template-columns:2fr 0.3fr 2fr;}

/* default scroll-bar style */
div::-webkit-scrollbar{width:10px; height:10px; background-color:var(--vz-border-color);}
div::-webkit-scrollbar-thumb{
	border:3px solid transparent; border-radius:10px;
	background-clip: padding-box; background-color:var(--vz-gray-400);
}

/* height */
.h-all{height:var(--over-all-height);}
.h-half{height:var(--half-height);}

/* modal */
.kps-modal .modal-dialog{top:10%;}
.kps-modal .modal-body{padding:0.3rem 1.3rem; overflow: auto}
.kps-modal .modal-sm .modal-body{max-height:var(--modal-sm-height);}
.kps-modal .modal-md .modal-body{max-height:var(--modal-md-height);}
.kps-modal .modal-lg .modal-body{max-height:var(--modal-lg-height);}
.kps-modal .modal-xl .modal-body{max-height:var(--modal-xl-height);}
.kps-modal .modal-xxl .modal-body{max-height:var(--modal-xxl-height); }
.kps-modal .modal-dialog-scrollable .modal-body{overflow:hidden;}
.kps-modal .modal-xxl .modal-content{max-height:var(--modal-xxl-height); width:var(--modal-xxl-width);}
.kps-modal .tui-grid-container .tui-grid-pagination{margin:8px 0 3px;}
.kps-modal .modal-header{border-bottom-width:1px !important;}
.kps-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-header{padding:0.5rem 1.3rem 0.3rem !important;}
.kps-modal .modal-footer{border-top-width:1px !important;}
.kps-modal .modal-dialog:not(.modal-dialog-scrollable) .modal-footer{padding: 0.3rem 1.3rem !important;}
/*사용자 수정 전용 모달*/
#user_modal {overflow:hidden;}
.kps-modal .modal-dialog.modal-dialog-centered.modal-dialog-scrollable {top: -5%; width: 100%; height: 100%; overflow: hidden;}
.kps-modal .modal-dialog-scrollable .modal-content {height: 50%;}
.kps-modal .modal-dialog-scrollable .input-box {height: 100%;}
.input-group-text {background-color: #f5f5f5;	border: none;border-radius: 0.25rem 0 0 0.25rem; color: #495057; height: 100%;}
.form-control:focus {box-shadow: none;border-color: #80bdff;}

/* button */
button[class*="tui-btn"]{font-size:400;}
button[class*="tui-btn"]:hover{color:var(--vz-white) !important; filter:brightness(110%);}
.form-area-btn{border-bottom:1px solid var(--vz-border-color); padding-bottom: 0.5rem;}

.kps-grid .btn-group-sm>.btn, .btn-sm {padding: 0.28rem 0.5rem;}
.btn-grp .btn[name="excel_download"]{margin-left:16px;}
.btn.btn-sm.tui-btn-primary,.tui-btn-primary{color:var(--vz-white); background-color:var(--tui-grid-primary);}
.btn.btn-sm.tui-btn-secondary,.tui-btn-secondary{color:var(--vz-white); background-color:var(--tui-grid-secondary);}
.btn.btn-sm.tui-btn-save{color:var(--vz-white); background-color:var(--vz-success);}
.btn.btn-sm.tui-btn-danger,.tui-btn-danger{color:var(--vz-white); background-color:var(--tui-grid-danger);}
.btn.btn-sm.tui-btn-soft,.tui-btn-soft{color:var(--tui-grid-primary);  background-color:rgba(var(--tui-grid-primary-rgb),0.1);}
.btn.btn-sm.tui-btn-soft:hover,.tui-btn-soft:hover{background-color:var(--tui-grid-primary);}
.btn.btn-sm.tui-btn-muted,.tui-btn-muted{border:1px solid #e9e9e9; background-color:var(--tui-grid-muted);}
.btn.btn-sm.btn.waves-effect.waves-light.tui-btn-muted:hover, 
.btn.btn-sm.btn.tui-btn-muted:hover{
	border:1px solid #e9e9e9 !important; background-color:var(--tui-grid-muted) !important; 
	color:var(--vz-gray-700)  !important; filter: brightness(0.95); transition:filter 0.3s;
}
.btn.btn-sm.tui-btn-blue,.tui-btn-blue{color:var(--vz-white); background-color:var(--tui-grid-blue);}
.btn.btn-sm.tui-btn-orange,.tui-btn-orange{color:var(--vz-white); background-color:var(--tui-grid-orange);}
.btn.btn-sm.tui-btn-success,.tui-btn-success{color:var(--vz-white); background-color:var(--tui-grid-success);}
.btn.btn-sm.tui-btn-dark,.tui-btn-dark{color:var(--vz-white); background-color:var(--tui-grid-dark);}
.btn.btn-sm.tui-grid-btn-tree,.tui-grid-btn-tree{top:calc(50% + 4px);}
.btn.btn-sm.tui-grid-btn-sorting,.tui-grid-btn-sorting{filter:brightness(10);}


/* btn-grid-* */
.btn-grid-sm{
	border-radius: 0.2rem; padding: 0.1rem 0.4rem;
	font-weight: 400; font-size: 0.4rem; line-height: 1;
}

/* search */
.search-box{position:relative; margin-left:0.9rem; font-size:13px !important;}
.search-box .form-control.form-control-sm{padding-left:30px;}
.search-box i{position:absolute; top:9px; left:10px;}

/* grid radio rendering */
.tui-grid-row-header-radio{
	margin:0px;
}

/* tui time-picker css */
.tui-datepicker-body .tui-timepicker, .tui-datepicker-footer .tui-timepicker {
    padding: 20px 26px 20px 27px !important;
}
.tui-grid-rside-area{position:relative;}

/* kopens-grid */
.kps-grid div[class*="tui-grid-border-line-"]{border-color:transparent;}

/* grid header  */

/* grid-data-background */
.kps-grid .tui-grid-body-area, .kps-grid .tui-grid-layer-state{
	background-color : var(--tui-border-color);
}

/* cell */
/* .tui-grid-content-area{display:flex; align-items:flex-start;} */
/* .kps-grid  .tui-grid-table-container{margin-top:-1px;}  */
/* grid cell focus border 셀 클릭시 활성화되는 박스 */
/* .kps-grid  .tui-grid-layer-focus-border{margin-top:-1px;}  */
/* cell 안  내용값 상관없이 높이 27px 고정 */
/*  .kps-grid  .tui-grid-lside-area .tui-grid-body-area .tui-grid-cell-content,
.kps-grid  .tui-grid-rside-area .tui-grid-body-area .tui-grid-cell-content{height:27px;}   */


/* 모달창 띄울시, 셀렉트 박스 막는 disable - 임의 클래스 .editorInput */
.kps-grid .tui-grid-cell,
.kps-grid .tui-grid-cell-disabled.tui-grid-cell.editorInput{
	border:1px solid var(--tui-border-color); background-color:var(--tui-bg-color);
}
.kps-grid .tui-grid-cell.tui-grid-cell-header{
	font-weight:500; color:var(--vz-gray-700); background-color:var(--tui-heading-color); 
}
.kps-grid .tui-grid-cell.cell-red{background-color: var(--tui-grid-danger) !important;}

/* cell margin */
.kps-grid .tui-grid-cell-has-tree .tui-grid-cell-content{padding-left:8px;}

/* cell-validation */
.kps-grid .tui-grid-cell-invalid.tui-grid-cell{	
	color:var(--vz-danger);	font-weight:600;		
}

.kps-grid .tui-grid-cell-disabled.tui-grid-cell{color:#686b7a; background:var(--tui-disable-bg);}


/* cell click event */
/* .active{filter:saturate(3);}*/

/* input  */
.kps-grid input[type='text'], .kps-grid input[type='password'] {
	margin:2px 7px; width:190px;
}
.kps-grid input:focus{outline:none !important; border-color:var(--tui-focus-color);}
.kps-grid .tui-grid-datepicker-input-container{overflow:hidden;}

/* velzon  */
.kps-grid .tui-grid-layer-editing{position:inherit; border-color:transparent;}

.kps-grid input[type="radio"]{cursor:pointer;}
.kps-grid input[type="date"] {
  background:var(--vz-white) url(https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png)  97% 50% no-repeat ;
}
.kps-grid input[type="date"]::-webkit-inner-spin-button {
  display: none;
}
.kps-grid input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.kps-grid .tui-select-box-input.tui-select-box-open, .tui-select-box-dropdown{border-color:var(--vz-blue);}
.kps-grid .tui-calendar .tui-calendar-today{font-weight:600;}


/* pagination */
.tui-grid-container .tui-grid-pagination{
	display:inline-block; position:relative; left:50%; transform:translateX(-50%);
	background-color:var(--vz-white);
}

.kps-grid .tui-pagination .tui-first, 
.kps-grid .tui-pagination .tui-prev, 
.kps-grid .tui-pagination .tui-next, 
.kps-grid .tui-pagination .tui-last, 
.kps-grid .tui-pagination .tui-prev-is-ellip, 
.kps-grid .tui-pagination .tui-next-is-ellip{
	border-width:0; box-shadow: 0 5px 25px 0 rgb(0 0 0 / 2%); 
}
.kps-grid .tui-pagination .tui-page-btn,
.kps-grid .tui-pagination .tui-last-child,
.kps-grid .tui-pagination .tui-next-is-ellip{
	border-color:transparent; 
}

.kps-grid .tui-pagination .tui-page-btn:hover {
	border-color:var(--vz-gray-200); font-weight:600; 
	background-color:var(--vz-gray-200);
}
.kps-grid  .tui-pagination .tui-page-btn.tui-is-selected:hover{
	 color:var(--vz-primary);
	cursor:pointer;
}
.kps-grid  .tui-pagination .tui-is-selected, .tui-pagination strong{
	border-color:var(--tui-pagination-color); color:var(--vz-gray-700); background-color:var(--tui-pagination-color);
} 

.kps-grid .tui-pagination .tui-first, 
.kps-grid .tui-pagination .tui-prev, 
.kps-grid .tui-pagination .tui-next, 
.kps-grid .tui-pagination .tui-last{background-color:var(--vz-gray-300);}

.kps-grid .tui-pagination .tui-page-btn .tui-ico-first,
.kps-grid .tui-pagination .tui-page-btn .tui-ico-prev,
.kps-grid .tui-pagination .tui-page-btn .tui-ico-next,
.kps-grid .tui-pagination .tui-page-btn .tui-ico-last{filter: brightness(-2)}


/* pagination  */
.kps-grid .tui-pagination .tui-is-disabled.tui-first, 
.kps-grid .tui-pagination .tui-is-disabled.tui-prev, 
.kps-grid .tui-pagination .tui-is-disabled.tui-next, 
.kps-grid .tui-pagination .tui-is-disabled.tui-last{cursor:initial; background-color:var(--vz-gray-200);}


.kps-grid .tui-pagination .tui-page-btn.tui-is-disabled .tui-ico-first,
.kps-grid .tui-pagination .tui-page-btn.tui-is-disabled .tui-ico-prev,
.kps-grid .tui-pagination .tui-page-btn.tui-is-disabled .tui-ico-next,
.kps-grid .tui-pagination .tui-page-btn.tui-is-disabled .tui-ico-last{filter: brightness(0.8);}


/* drop-down */
.kps-grid .tui-select-box-dropdown{background-color:var(--vz-white);}

/* select*/
.tui-select-single{border-color:var(--vz-input-border); cursor:pointer;}
.tui-select-single:focus{
	outline:0;  border-color:var(--vz-input-focus-border); 
	box-shadow: 0 0 0 0 rgb(94 163 203 / 25%);  -webkit-box-shadow: 0 0 0 0 rgb(94 163 203 / 25%);
    background-color: var(--vz-input-bg);       
}

.tui-select-single::-webkit-scrollbar {width:0.8em;}
.tui-select-single::-webkit-scrollbar-track { 
 	background-color:var(--vz-border-color);
}

.tui-select-single::-webkit-scrollbar-thumb {
	border:2px solid var(---vz-border-color);
 	background-color:var(--vz-gray-400);  
}


/* scroll-bar */
.kps-grid .tui-grid-scrollbar-left-bottom{ 
	border-color:var(--vz-border-color); border-right-width:0; height:var(--tui-scroll-width);
	background-color:var(--tui-content-color);
}
.kps-grid .tui-grid-scrollbar-frozen-border{border-width:0; height:var(--tui-scroll-width);}
.kps-grid .tui-grid-scrollbar-right-top,.kps-grid .tui-grid-scrollbar-right-bottom{
	border-color:var(--tui-content-color); width:var(--tui-scroll-width); 
	border-right: 1px solid var(--tui-border-color);
}
.kps-grid .tui-grid-scrollbar-right-top{border-top-width:1px; border-bottom-width:1px;}
.kps-grid .tui-grid-scrollbar-right-bottom{border-top-width:1; border-left-width:1; height:13px!important;}

.kps-grid .tui-grid-scrollbar-y-inner-border{
	right:var(--tui-scroll-width); background-color:var(--tui-content-color);
}
.kps-grid .tui-grid-body-area::-webkit-scrollbar{
	width:var(--tui-scroll-width); height:var(--tui-scroll-width);
	background-color: var(--tui-content-color);
}

.tui-grid-rside-area .tui-grid-header-area,
.tui-grid-rside-area .tui-grid-summary-area {
  margin-right: 12px; background-color:var(--tui-heading-color); 
}
.tui-grid-header-area, .tui-grid-table{border:none !important; height:inherit !important; }
.tui-grid-scrollbar-right-top{border:none; box-sizing:border-box; background-color:var(--tui-heading-color)!important;}
.tui-grid-table tr:first-of-type .tui-grid-cell{border-top-width:0 !important;}
.tui-grid-table tr:last-of-type{border-bottom:1px solid var(--vz-border-color);}
.tui-grid-table th[rowspan="2"]{border-bottom-width:0;}

[data-layout-mode="dark"] .tui-grid-rside-area .tui-grid-header-area,
[data-layout-mode="dark"] .tui-grid-rside-area .tui-grid-summary-area {margin-right:17px; background-color:#3d4f67;}

/* theme > dark */
[data-layout-mode="dark"] .grid-top h4{color:var(--vz-white);}
[data-layout-mode="dark"] input[type=checkbox], [data-layout-mode="dark"]  input[type=radio], [data-layout-mode="dark"] progress {accent-color: var(--tui-focus-color) ; }
/* form style */
[data-layout-mode="dark"] .tui-select-single, 
.form-control {
    padding: 0.08rem 0.4rem !important; font-size:13px;
}
[data-layout-mode="dark"] .search-box .form-control{color:var(--vz-gray-500); background:rgba(var(--vz-white-rgb),.12);}
[data-layout-mode="dark"] .tui-select-single option{color:var(--vz-gray-500); background-color:var(--vz-gray-300); }

/* button */
[data-layout-mode="dark"] .btn-grp button,[data-layout-mode="dark"] button[class*="tui-btn"]:hover{color:var(--vz-gray-100) !important;}

/* tui-grid cell */
[data-layout-mode="dark"] .kps-grid .tui-grid-content-area{border-width:0;}
[data-layout-mode="dark"] .kps-grid .tui-grid-body-area{background-color:var(--tui-bg-dark);}

[data-layout-mode="dark"] .kps-grid .tui-grid-cell, 
[data-layout-mode="dark"] .kps-grid .tui-grid-cell-disabled.tui-grid-cell.editorInput{
	border-color:var(--tui-border-dark); border-left-width:1px;
	background-color:var(--tui-bg-dark); color:var(--vz-white); 
}
[data-layout-mode="dark"] .kps-grid .tui-grid-cell.tui-grid-cell-header{
	border-top-width:0; background-color:var(--tui-heading-dark);  color:var(--vz-gray-900);
}
[data-layout-mode="dark"] .kps-grid .tui-grid-cell-row-header{color: var(--vz-table-striped-color);background-color:var(--vz-table-striped-bg);}

[data-layout-mode="dark"] .kps-grid .tui-grid-cell-invalid.tui-grid-cell {	
	border-color:var(--vz-gray-100); color:var(--vz-danger); font-weight:600;		
	background-color:rgba(var(--tui-grid-danger-rgb),0.4);
}
[data-layout-mode="dark"] .kps-grid .tui-grid-cell-disabled.tui-grid-cell{color:#D3D7EB; background-color:#383D43;}
/* [data-layout-mode="dark"] .kps-grid .tui-grid-btn-sorting{filter:brightness(10);} */

/* input */
[data-layout-mode="dark"] .kps-grid input:focus{color:var(--vz-white); background-color:var(--vz-gray-200);}
[data-layout-mode="dark"] .kps-grid .tui-datepicker{background-color:transparent;}
[data-layout-mode="dark"] .kps-grid .tui-calendar{background-color:var(--vz-gray-100); color:#ddd;}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-header{border-width:0;}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-title-today{background-color:var(--vz-gray-300);}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-title{color:var(--vz-gray-700);}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-title-today:hover{color:var(--vz-blue);}
[data-layout-mode="dark"] .tui-calendar-btn{
	margin:12px; border-radius:3px;
	width:30px; height:30px; 
	background-color:var(--vz-gray-300); 
}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-btn-prev-month:after, [data-layout-mode="dark"] .tui-calendar .tui-calendar-btn-next-month:after{filter:brightness(10);}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-today{color:var(--vz-white); background-color:var(--tui-grid-blue);}
[data-layout-mode="dark"] .tui-calendar .tui-calendar-date:hover{color:var(--vz-white); background-color:var(--vz-gray-400);}

[data-layout-mode="dark"] .kps-grid .tui-select-box-input.tui-select-box-open, .tui-select-box-dropdown{border-color:#aaa; background-color:var(--vz-border-color);}
[data-layout-mode="dark"] .kps-grid .tui-select-box-dropdown li{color:var(--vz-gray-800); background-color:var(--vz-gray-300);}
[data-layout-mode="dark"] .kps-grid .tui-select-box-dropdown li.tui-select-box-highlight{color:var(--vz-gray-300); background:rgba(var(--vz-primary-rgb),0.3);} 

[data-layout-mode="dark"] .tui-select-box-open > .tui-select-box-icon{filter:brightness(10);}

.tui-grid-cell .tui-grid-cell-content i[class*="fa-exclamation-triangle"]{color:#ffa500 !important;}
.tui-grid-cell .tui-grid-cell-content i[class*="fa-exclamation-circle"]{color:#f33d30 !important;}

/* pagination */
[data-layout-mode="dark"] .tui-grid-container .tui-grid-pagination{background-color:transparent;}
[data-layout-mode="dark"] .tui-pagination .tui-first, 
[data-layout-mode="dark"] .tui-pagination .tui-prev, 
[data-layout-mode="dark"] .tui-pagination .tui-next, 
[data-layout-mode="dark"] .tui-pagination .tui-last, 
[data-layout-mode="dark"] .tui-pagination .tui-prev-is-ellip, 
[data-layout-mode="dark"] .tui-pagination .tui-next-is-ellip{
	border-width:0; box-shadow: 0 5px 25px 0 rgb(0 0 0 / 10%); 
	background-color:var(--vz-gray-300); 
}
[data-layout-mode="dark"] .tui-pagination .tui-page-btn,
[data-layout-mode="dark"] .tui-pagination .tui-last-child,
[data-layout-mode="dark"] .tui-pagination .tui-next-is-ellip{
	border-color:transparent; color:var(--vz-gray-600);
}
[data-layout-mode="dark"] .tui-pagination .tui-page-btn:hover {background-color:var(--vz-gray-500); font-weight:600;}
[data-layout-mode="dark"] .kps-grid .tui-pagination .tui-page-btn.tui-is-disabled{
    background-color: transparent; box-shadow: none; opacity: 0.3;
}
[data-layout-mode="dark"] .tui-pagination .tui-page-btn .tui-ico-first,
[data-layout-mode="dark"] .tui-pagination .tui-page-btn .tui-ico-prev,
[data-layout-mode="dark"] .tui-pagination .tui-page-btn .tui-ico-next,
[data-layout-mode="dark"] .tui-pagination .tui-page-btn .tui-ico-last{filter: brightness(10);}
[data-layout-mode="dark"]  .kps-grid .tui-pagination .tui-is-selected, .tui-pagination strong{color:var(--vz-white); background-color:var(--tui-heading-dark);}

/* scroll-bar */
[data-layout-mode="dark"] .kps-grid div[class*="tui-grid-scrollbar-y-"],[data-layout-mode="dark"] .kps-grid div[class*="tui-grid-scrollbar-x-"]{
	background-color:transparent;
} 
[data-layout-mode="dark"] .kps-grid .tui-grid-body-area::-webkit-scrollbar{
	width:var(--tui-scroll-width); height:var(--tui-scroll-width); 
	background-color:transparent;
}
[data-layout-mode="dark"] .kps-grid  .tui-grid-container ::-webkit-scrollbasr-thumb {
    background-color:rgba(var(--vz-white-rgb),.2);
}
[data-layout-mode="dark"] .kps-grid .tui-grid-scrollbar-left-bottom,
[data-layout-mode="dark"] .kps-grid .tui-grid-scrollbar-right-bottom{
	border-color:var(--vz-gray-300);  background-color:var(--vz-gray-300);
}
[data-layout-mode="dark"] .kps-grid .tui-grid-scrollbar-right-top{background-color:var(--tui-bg-dark) !important;}
/* .kps-grid .tui-grid-scrollbar-right-bottom{display:none;} */

/* tui-select-box */
.kps-grid .tui-select-box{top:-6px; margin:0 -0.3rem;}
.kps-grid .tui-select-box-input.tui-select-box-open{position:absolute; top:0; left:0; width:100%;}
.kps-grid .tui-select-box-dropdown{top:28px;}