/* Grid */
.ui-jqgrid {box-sizing: content-box;}
.ui-jqgrid td, .ui-jqgrid th {font-size: 1rem; line-height: 1.45rem;}
.ui-state-default.ui-jqgrid-hdiv th {font-weight:bold; color:#333; background-color:#f9f9f9; border:1px solid #e9e9e9; height:33px !important;} /* th */
/* .ui-jqgrid > .ui-jqgrid-view input, .ui-jqgrid > .ui-jqgrid-view select, .ui-jqgrid > .ui-jqgrid-view textarea, .ui-jqgrid > .ui-jqgrid-view button {font-size: 1rem;}  */
.ui-state-default.jqgrid-rownum {border-left:1px solid #fff !important; border-bottom: 1px solid #e9e9e9 !important; background:#fafafa;} /* 번호 */

/* Grid : draggable */
.ui-jqgrid tr.jqgrow td.draggable {cursor: ns-resize;}
.jqgrow.ui-draggable-dragging {display:block; overflow:hidden;}
.jqgrow.ui-draggable-dragging * {padding:4px 0 4px; background:#fefaeb;}
/* Grid : sortable */

.ui-state-default.ui-jqgrid-hdiv .jqg-first-row-header th, .ui-state-default.ui-jqgrid-hdiv .jqg-row-header-0 th {height:0 !important; border:none; border-right:1px solid #e9e9e9;} /* 셀병합시 첫 tr 공백 처리됨, 강제삭제시 셀간격유지 */
.ui-state-default.ui-jqgrid-hdiv .jqg-second-row-header th, .ui-state-default.ui-jqgrid-hdiv .jqg-row-header-1 th
, .ui-state-default.ui-jqgrid-hdiv .jqg-third-row-header th, .ui-state-default.ui-jqgrid-hdiv .jqg-row-header-2 th {height:27px !important;} /* 병합이 있는 th(th가 2줄이상일 경우) */
.ui-jqgrid tr.jqgrow td {height: 40px; padding:4px 5px;} /* td */
.ui-jqgrid .cell-editable {background:url(../images/common/icon/cell_mark_blue.gif) no-repeat 0 0 !important;}
.ui-jqgrid .cell-required {background:url(../images/common/icon/cell_mark_red.gif) no-repeat 0 0 !important;}
.ui-jqgrid .cell-dirty {background:url(../images/common/icon/cell_mark_green.gif) no-repeat 0 0 !important;}
.ui-jqgrid table {border-collapse:separate;}
.ui-jqgrid img {vertical-align:middle; margin-top:-1px;}
.ui-jqgrid .ui-pager-control {background:#fafafa;}
.ui-jqgrid .input-append .add-on, .ui-jqgrid .input-prepend .add-on {min-height:21px;}
.ui-jqgrid .add-on>i, .ui-jqgrid .timepicker-picker .btn i, .ui-jqgrid .picker-switch.accordion-toggle i {margin:3px 0;}
/* Grid : selected */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
	.ui-state-focus, .ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {border:1px solid #dbdbdb;}
.ui-state-hover, .ui-widget-content .ui-state-hover {background: #f1f3fc;}
.ui-jqgrid .ui-state-highlight { border: 1px solid #eee; background: #e6eaff;}
.gbox-grid {border-color: #e9e9e9;}
.ui-jqgrid-htable {border-color: #e9e9e9;}
.ui-jqgrid-hdiv {border-color: #e9e9e9 !important;}
.ui-jqgrid.ui-widget.ui-widget-content {border-color: #ccc;}

.jqgrow.ui-draggable.ui-sortable-placeholder {padding:0; border:3px solid red; visibility:visible !important; height:38px !important;}
.jqgrow.ui-draggable.ui-sortable-placeholder * {visibility:hidden; border:none !important;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover.ui-sortable-placeholder,
	.ui-widget-content.jqgrow.ui-row-ltr.ui-state-highlight.ui-state-hover.ui-sortable-placeholder {padding:0; border:3px solid red; visibility:visible !important; height:38px !important; background:#fff;}
/* Grid : loading */
.ui-jqgrid .loading {display: none;} /* 미지정시 tab안의 그리드에서 size 달라짐 */

.ui-jqgrid .ui-jqgrid-bdiv {
	min-height: 100px;
}

/************************************
	폰트 아이콘
*************************************/
.ui-jqgrid .fonticon-wrap .fa, .jqgrow .ui-pg-div > span.fa {
    border: none;
    margin: 0 0 0 5px;
    box-sizing: border-box;
    font-size: 1.2rem;
    cursor: pointer;
}

.ui-jqgrid .fonticon-wrap .fa.fa-pencil, .jqgrow .ui-pg-div > span.fa.fa-pencil, .jqgrow .ui-pg-div > span.fa.fa-floppy-o {
	color: #1ba2de;
}
.ui-jqgrid .fonticon-wrap .fa.fa-bars {
	color: #1ba2de;
    cursor: ns-resize;
}
.ui-jqgrid .fonticon-wrap .fa.fa-search {
	color: #1ba2de;
}
.ui-jqgrid .fonticon-wrap .fa.fa-trash-o, .jqgrow .ui-pg-div > span.fa.fa-trash-o, .jqgrow .ui-pg-div > span.fa.fa-ban{
	color: #e75a76;
}

.grid-container {
	/* border: 1px solid red; */
}


/************************************
	삭제 Dialog
*************************************/
#delmodgrid {
	font-size: 1rem;
}

#delmodgrid .ui-dialog-titlebar {
	padding: 10px;
}

#delmodgrid .ui-jqdialog-title {
	font-size: 1rem;
	padding: 5px;
}

.DelTable {
	height: 60px;
}
.DelTable td.delmsg {
	padding: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: white;
	width: 100%;
}

.DelTable tr.DelError {
	display: none;
	height: 0 !important;
	overflow: hidden;
}