@CHARSET "UTF-8";

.aui-grid-row-depth-red-style {
	background:#EAEAEA;
	color:#CC3D3D;
	font-weight:bold;
	font-size: 13px
}

.g-col-right {
	text-align:right;
}

.g-col-left {
	text-align:left;
}

.g-cell-stts-0002 {
	background: #e9d148;
	font-weight:bold;
}

.g-cell-stts-0003 {
	background: #f46144;
	font-weight:bold;
}

.g-cell-stts-0004 {
	background: #4fde62;
	font-weight:bold;
}

.g-cell-stts-0005 {
	background: #e744cc;
	font-weight:bold;
}

.g-row-stts {
	font-weight: bold;
	background: #eef5ef;
}

.g-edit-right {
	background: rgb(247, 244, 227);
	text-align:right;
}

.g-edit-left {
	background: rgb(247, 244, 227);
	text-align:left;
}

.g-f-col-center {
	font-weight: bold;
	color: #EAEAEA;
	background: #5D5D5D;
}

.g-f-col-left {
	text-align:left;
	font-weight: bold;
	color: #EAEAEA;
	background: #5D5D5D;
}

.g-f-col-right {
	text-align:right;
	font-weight: bold;
	color: #EAEAEA;
	background: #5D5D5D;
}

.g-f-col-border-none {
	border-top: thick solid #ff0000;
	border-right: thick solid #ff0000;
	border-bottom: thick solid #ff0000;
	border-left: thick solid #ff0000;
}

.g-f-col-font-red {
	color:#CC3D3D;
	font-weight:bold;
}

/* 선택 파일 강조 스타일*/
.g-file-selected {
	color:#900;
}

.g-col-rgst-style {
	background: #FF007F;
	font-weight: bold;
	color: #fff;
}

/* 바디 메뉴 스타일 정의 */
#mstBodyMenu {
	position:absolute;
	display:none;
	z-index:100;
}

#dtlBodyMenu {
	position:absolute;
	display:none;
	z-index:100;
}

/* jQuery UI Menu 스타일 재정의 */
.ui-menu {
	width: 200px;
	font-size:12px;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
}
.ui-widget-header {
	padding: 0.2em;
}

/* 링크 스타일 정의*/
.my-linkStyle {
	text-align:right;
    text-decoration: underline;
    color:#4374D9;
}
.my-linkStyle :hover{
	color:#FF0000;
}

/* 리스트 템플릿에서 사용할 클래스*/
.myList-style {
	text-align :left;
	white-space:nowrap;
	width: 500px;
}
.myList-style .myList-col {
	overflow: hidden;
	text-overflow: ellipsis;
	display:inline-block;
}

/* HTML 템플릿에서 사용할 스타일 정의*/
.my_div {
	display:inline-block;
	margin-top:4px;
	line-height:12px;
}

.my_div img {
	width:auto;
	height:12px;
	vertical-align:top;
	padding-right:4px;
}


/*@import url('https://fonts.googleapis.com/css?family=Inconsolata:700');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  background: #252525;
}*/

/* 계층형인 경우 Depth 에 따른 ROW 간 스타일*/
.aui-grid-row-lvl1-style {
	font-weight: bold;
	color: #e9eaec;
	background: #33517d;
}

.aui-grid-row-lvl2-style {
	font-weight: bold;
	color: #3e444d;
	background: #d5d4e4;
}

.aui-grid-row-lvl3-style {
	font-weight: bold;
	color: #3e444d;
	background: #c4da91;
}

.aui-grid-row-lvl4-style {
	font-weight: bold;
	color: #3e444d;
	background: #fadee1;
}

.aui-grid-row-lvl5-style {
	font-weight: bold;
	color: #3e444d;
	background: #fff3c9;
}

.aui-grid-row-lvl6-style {
	font-weight: bold;
	color: #3e444d;
	background: #b7c5c8;
}

.aui-grid-row-lvl7-style {
	font-weight: bold;
	color: #3e444d;
	background: #E6F7FF;
}

.aui-grid-row-lvl8-style {
	font-weight: bold;
	color: #3e444d;
	background: #DAC7B9;
}

.aui-grid-row-def-style {
	font-weight: bold;
	color: #cc3d3d;
	background: #f3f0f5;
}

/*AUI grid */
.aui-grid {width:calc(100% - 1px)!important;height:100%;border-top:1px solid #141522;flex:1;}
.aui-grid .aui-grid-table,
.aui-grid .aui-grid-table tr,
.aui-grid .aui-grid-table td { border-collapse: collapse !important;}
.aui-grid .aui-grid-table .aui-grid-row-depth-red-style {background:#f6f6f6}
.aui-grid-header-panel .aui-grid-table tr td {background:#f8f9fa !important;}
.aui-grid-header-filter-icon{position:relative;background:none!important;border:none!important;opacity: .4;}
.aui-grid-header-filter-icon:hover {opacity: 1;}
.aui-grid-header-filter-icon:before{content:"";display:block;width:18px;height:20px;margin-top:-10px;position:absolute;top:50%;left:0;background:url(../AUIGrid/images/icon.png) no-repeat -402px -408px !important;}
.aui-grid-header-help-tooltip-icon {background:none!important;position:relative!important;left:0;top:0;display:inline-block!important;margin-left:5px;}
.aui-grid-header-help-tooltip-icon:before {content:"?";font-size:8px;background:#6c6e75;display:block;width:15px;height:15px;border-radius:50%;color:#fff;}
.aui-grid-filter-popup-layer>span:first-child {background:none!important;padding-left:28px!important;}
.aui-grid-filter-popup-layer>span:first-child:before {content:"";position:absolute;left:5px;top:10px;display:inline-block;width:25px;height:25px;background:url(../AUIGrid/images/icon.png) no-repeat -400px -406px !important;opacity: .4;}

.aui-grid-filter-popup-layer .aui-autocomplete-input {height:2rem!important;margin:.4rem!important;border-color:#e9ebef;}
.aui-grid-filter-popup-layer .aui-grid-filter-exmenu-span {display:block;background:url(../AUIGrid/images/icon.png) no-repeat -900px -200px;border:1px solid #c9c9c9;margin:5px !important;padding:5px !important}
.aui-grid-filter-popup-layer .aui-autocomplete-input .aui-input-text {height:2rem!important;}
.aui-grid-filter-popup-layer .aui-autocomplete-input .aui-input-text:focus {border:none!important;background:transparent!important;}
table .aui-grid-selection-row-num-column ,
table .aui-grid-selection-row-others-bg{background:#ffeeee !important;color:#082a32!important;}
table .aui-grid-selection-row-bg {background:#fff !important;color:#000!important;}
.aui-grid-tree-branch-icon {display: inline-block;width:20px;height: 16px;background: url(../AUIGrid/images/icon.png) no-repeat -202px -460px!important;vertical-align: bottom;margin: 0 2px!important;}
.aui-grid-tree-branch-open-icon {background: url(../AUIGrid/images/icon.png) no-repeat -202px -412px!important;}
.aui-grid-tree-leaf-icon {display: inline-block;width: 16px;height:16px;background: url(../AUIGrid/images/icon.png) no-repeat -300px -415px!important;vertical-align: bottom;margin: 0 2px!important;}
.aui-grid-renderer-base > .aui-grid-tree-minus-icon,
.aui-grid-renderer-base > .aui-grid-tree-plus-icon { background-size: 14px;vertical-align: middle;margin: 0!important;opacity:.5;}
.aui-grid-renderer-base > .aui-grid-tree-branch-icon {opacity:.6;margin-left:-1px!important;}
.aui-grid-renderer-base > .aui-grid-tree-branch-icon.aui-grid-tree-branch-open-icon {opacity:1;margin-left:0!important;}
.aui-grid-cell-editor-button-inputer {	background: url(../static/css/images/search2.png) 50% 50% no-repeat;}
/*calendar*/
.aui-grid-cell-editor-button-calendar { background: url(../AUIGrid/images/icon.png) no-repeat -200px -605px!important;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-header {background:#f8f8f8!important;border-bottom:1px solid #ddd!important;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-title {font-weight:600!important;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-table th,
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-table td{font-size:.95em;padding:0;text-align:center;line-height:24px;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-table thead th {font-weight:500;border-bottom:1px solid #ddd;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-table .weekday {border:1px solid #fff;background:transparent;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-table .extraday {border:1px solid #fff;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-table .selected-day {background:#df3b42;border-radius:50%;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-footer {border-top:1px solid #ddd!important;background:transparent!important;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-footer .aui-calendar-today-btn {border: 1px solid #df3b42!important; color: #df3b42!important; background: #fff!important; font-size: 12px; font-weight: 400;}
.aui-grid-calendar-wrapper .aui-calendar .aui-calendar-footer .aui-calendar-delete-btn {border: 1px solid #6c6e75!important; color: #6c6e75!important; background: #fff!important; font-size: 12px; font-weight: 400;width:50%;}

.aui-grid-row-depth1-style {background:#a1a2aa!important;}
.my_div {margin:0!important;line-height:20px!important;}
.my_div_text_box {display:inline-block!important;border:1px solid #ddd!important;text-align:left;width:170px!important;padding:2px!important;height:22px!important; vertical-align:top;}
.my_div_btn2 { display:inline-block!important;color: #fff !important; background-color: #6c6e75!important; font-weight: 400!important;margin:0!important;padding:0 4px!important; line-height: 22px!important; height:22px!important;cursor: pointer;}
.my_div img {vertical-align:middle!important;}

.aui-grid-filter-modal-close-btn {background:url(../AUIGrid/images/icon.png) no-repeat -895px -406px!important;width:24px!important;height:24px!important;border:1px solid #fff!important;}
.aui-grid-filter-modal-close-btn:hover{background:url(../AUIGrid/images/icon.png) no-repeat -895px -446px!important;border-color:#333!important}
.aui-grid-cell-editor-button-remote-search { background: url(../AUIGrid/images/icon.png) no-repeat -503px -408px!important;}
.aui-grid-nodata-msg-layer {background:none;padding: 45px 0 45px 65px;height: auto;line-height: 1;color:#6c6e7580;font-size:16px;}
.aui-grid-nodata-msg-layer:before {content:"\F333";font-family: bootstrap-icons!important; font-size:3rem;font-weight:5;position:absolute;left:0;top:50%;transform:translateY(-50%);color:#6c6e7550;}
.aui-grid-drop-list-item {border-bottom:1px solid #ddd;}
.myList-style {height:24px;overflow:hidden;}
.myList-style .myList-col {border-right:1px solid #ddd;padding:0 10px;}
.myList-style .myList-col:last-child {border-right:none;}
.aui-grid-row-state-added,
.aui-grid-row-state-edited,
.aui-grid-row-state-current,
.aui-grid-row-state-added-edited {position:relative;background:transparent!important;}
.aui-grid-row-state-added:before,
.aui-grid-row-state-edited:before,
.aui-grid-row-state-current:before,
.aui-grid-row-state-added-edited:before {content:"\F138";font-family: "bootstrap-icons";display: block;color:#f44336;text-align:center;font-size:1rem;}
.aui-grid-row-state-added:before {content:"\F4CB";}
.aui-grid-row-state-edited:before {content:"\F4CA";}
.aui-grid-row-state-current:before {content:"\F138";}
.aui-grid-row-state-added-edited:before {content:"\F4CB";}
/* 체크박스, 라디오  */
.aui-checkbox,
.aui-radio {
	appearance: auto !important;
}

.grid_se_color { background-color: #ef806714; }
.grid_font_blue { color:#1d1dc1; }
.grid_required { color: red; }