/* @import url('../slick-default-theme.css'); */

/* * { */
/*   font-family: arial; */
/*   font-size: 8pt; */
/* } */


/* h2 { */
/*   font-size: 10pt; */
/*   border-bottom: 1px dotted gray; */
/* } */

/* ul { */
/*   margin-left: 0; */
/*   padding: 0; */
/*   cursor: default; */
/* } */

/* .options-panel li { */
/*   background: url("../images/arrow_right_spearmint.png") no-repeat center left; */
/*   padding: 0 0 0 14px; */

/*   list-style: none; */
/*   margin: 0; */
/* } */

.grid-header {
  border: 1px solid gray;
  border-bottom: 0;
  border-top: 0;
  background: url('../images/header-bg.gif') repeat-x center top;
  color: black;
  height: 24px;
  line-height: 24px;
}

.grid-header label {
  display: inline-block;
  font-weight: bold;
  margin: auto auto auto 6px;
}

.grid-header .ui-icon {
  margin: 4px 4px auto 6px;
  background-color: transparent;
  border-color: transparent;
}

.grid-header .ui-icon.ui-state-hover {
  background-color: white;
}

.grid-header #txtSearch {
  margin: 0 4px 0 4px;
  padding: 2px 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid silver;
}

.options-panel {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid silver;
  background: #f0f0f0;
  padding: 4px;
  margin-bottom: 20px;
  width: 320px;
  position: absolute;
  top: 0px;
  left: 650px;
}

/* Individual cell styles */
.slick-cell.task-name {
  font-weight: bold;
  text-align: right;
}

.slick-cell.task-percent {
  text-align: right;
}

.slick-cell.cell-move-handle {
  font-weight: bold;
  text-align: right;
  border-right: solid gray;

  background: #efefef;
  cursor: move;
}

/* 2022.05.27 셀 색상 변경  */
.slick-cell.font_red {
 color:red;
}

/* 2022.05.27 셀 색상 변경  */
.slick-cell.font_orange {
 color:orange;
}

.cell-move-handle:hover {
  background: #b6b9bd;
}

.slick-row.selected .cell-move-handle {
  background: #D5DC8D;
}

.slick-row .cell-actions {
  text-align: left;
}

.slick-row.complete {
  background-color: #DFD;
  color: #555;
}

.percent-complete-bar {
  display: inline-block;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Slick.Editors.Text, Slick.Editors.Date */
input.editor-text {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;

  height: 25px;
  margin-top : -10px;

}

.ui-datepicker-trigger {
  background:url("../images/calendar.gif") top left no-repeat;
  width: 16px;
  height: 16px;

  margin-top: 2px;
  padding: 0;
  vertical-align: top;
}

/* Slick.Editors.PercentComplete */
input.editor-percentcomplete {
  width: 100%;
  height: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  outline: 0;
  padding: 0;

  float: left;
}

.editor-percentcomplete-picker {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 100%;
  background: url("../images/pencil.gif") no-repeat center center;
  overflow: visible;
  z-index: 1000;
  float: right;
}

.editor-percentcomplete-helper {
  border: 0 solid gray;
  position: absolute;
  top: -2px;
  left: -9px;
  background: url("../images/editor-helper-bg.gif") no-repeat top left;
  padding-left: 9px;

  width: 120px;
  height: 140px;
  display: none;
  overflow: visible;
}

.editor-percentcomplete-wrapper {
  background: beige;
  padding: 20px 8px;

  width: 100%;
  height: 98px;
  border: 1px solid gray;
  border-left: 0;
}

.editor-percentcomplete-buttons {
  float: right;
}

.editor-percentcomplete-buttons button {
  width: 80px;
}

.editor-percentcomplete-slider {
  float: left;
}

.editor-percentcomplete-picker:hover .editor-percentcomplete-helper {
  display: block;
}

.editor-percentcomplete-helper:hover {
  display: block;
}

/* Slick.Editors.YesNoSelect */
select.editor-yesno {
  width: 100%;
  margin: 0;
  vertical-align: middle;
}

/* TODO ��뿬 */
img.slick-edit-preclick {
  position:relative;
  top:-6.5px;
}

/* Slick.Editors.Checkbox */
input.editor-checkbox {
  margin: 0;
  /* TODO ��뿬 */
  position:relative;
  top:-6px;
/*   height: 100%; */
  padding: 0;
  border: 0;
}

.select2-container {
	top: -12px;
	left: -12px;
}
.select2-container .select2-selection--single {
	height: 26px;
}

/* TODO ��뿬 */
.select2-container .select2-selection__text{
    position:relative;
    top:-3px;
}

.cell-title {
	font-weight: bold;
}

.cell-effort-driven {
	text-align: center;
}

.toggle {
	height: 9px;
	width: 20px;
	display: inline-block;
}

.toggle.expand {
	background: url(/resources/images/encoimg/12px_olus.png) no-repeat center center;
	height : 60%;
}

.toggle.collapse {
	background: url(/resources/images/encoimg/12px_minus.png) no-repeat center center;
	height : 60%;
}

/*
.slick-cell>input[type='checkbox'] {
	margin : 0 0 0 3px;
	margin-top : 1px \9;
	line-height: normal;
}
*/

.slick-column-name>input[type='checkbox'] {
/* 	TODO ��뿬 */
/* 	margin : 7px 1px 0 0; */
	margin : 10px 0 0 0;
/* 	margin-top : 1px \9; */
/* 	line-height: normal; */
}

.slick-cell.selected {
/* 	background-color : #e3f1ff; */
/* 	background-color : #00af8c; */
/*  background-color: rgba(0, 230, 120, .10) !important; */
    background-color: #e5fcf1 !important;
}

.slick-cell.rowselected {
/* 	background-color : #e3f1ff; */
/* 	background-color : #00af8c; */
/* 	background-color: rgba(0, 175, 140, .05) !important; */
/*	background-color: #ededed50 !important; */
/*    background-color: #f9f9f9 !important; */
    background-color: #f2fbf9 !important;
}

.slick-preheader-panel.ui-state-default  {
  width: 100%;
  overflow: hidden;
  border-left: 0px !important;
  border-bottom: 0px !important;
}

.slick-preheader-panel .slick-header-columns {
  border-bottom: 0px !important;
}

.slick-linenumber {
/* 	background: url(/components/SlickGrid/images/header-columns-bg.gif) repeat-x center bottom; */
}

.slickGridCheckBox {
	padding-left: 5.5px !important;
	text-overflow : ellipsis;
	overflow:unset;
}

.slick-header {
	border : 0px;
}
.slick-header-columns {
/*   background: url('images/header-columns-bg.gif') repeat-x center bottom; */
  background-color : #fff;
  border-bottom: 1px solid #ededed;
}

.slick-header-column {
  /* background: url('images/header-columns-bg.gif') repeat-x center bottom; */
  background-color : #fff;
  border-bottom: 1px solid #ededed;
}

.slick-header-column:hover, .slick-header-column-active {
/*   background: white url('images/header-columns-over-bg.gif') repeat-x center bottom; */
  background-color : #fff;
}


/* 그리드 헤더 색상 지정 */
.slick-header-column.edit{
	background-color: gainsboro;
}

.slick-row.even {
  background: #fff;
  border: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #B2BDCA;
}

.slick-row.odd {
  background: #fff;
  border: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #B2BDCA;
}

.slick-cell, .slick-headerrow-column{
/*   display : inline-grid; */
  align-content: center;

  /* todo fontsize  */
  font-size: 14px;


/*20201118 ���� �߰�*/
/*   border-right: 1px dotted #ededed; */
}

.slick-cell button {
  justify-self: center;
}

/*20201116 �������*/
div.slick-headerCell-bord{
  border: #B2BDCA 1px solid;
  position: absolute;
  right: -1px;
  height: 16px;
  margin-bottom: 12px;
  bottom: 0px;
}

/*20201126 �Ұ� */
.slick-group-totals > .slick-cell {
  background-color : #eeeeee;
  font-weight : bold;
}

/* TODO ���ȯ ��� ������ */
.slick-header-columns.slick-header-columns-groups {
	border-bottom:0px;
}

/* TODO ��뿬 �з� �� �Ұ� CSS ���� */
.slick-cell-head {
    font-weight : bold;
}
.slick-sum-cell-head {
    background-color: #e2efda;
    font-weight : bold;
}
.slick-sum-cell-val {
	background-color: #e2efda;
}

/* 자산건전성 수기조정컬럼 색상 지정 */
.mnip-adj-color { background-color: #e5e6ed; }

/* 주석공시 그리드 헤더 색상 지정 */
.grid-cmt_headCol { background-color: DimGrey;  }
.grid-cmt_headRow { background-color: DarkGray; text-align: left !important;  }
.grid-cmt_headRow_center { background-color: DarkGray; text-align: center !important;  }
.grid-cmt_headRow_right { background-color: DarkGray; text-align: right !important;  }

.grid-cmt_headRow_white { background-color: white; text-align: left !important;  }
.grid-cmt_headRow_white_center { background-color: white; text-align: center !important;  }
.grid-cmt_headRow_white_right { background-color: white; text-align: right !important;  }

.grid-cmt_valdtn_y { background-color: #BFDBFE;  }
.grid-cmt_valdtn_n { background-color: #ff4040;  }
.grid-cmt_valdtn_init { background-color: white;  }

.grid-cmt_euc { background-color: #faf4c0;  }
.grid-cmt_euc_right { background-color: #faf4c0; text-align: right !important; }
.grid-cmt_sum { background-color: #ccccff; text-align: right !important;  }

.grid-cmt_sum1 { background-color: #ccccff;  }
.grid-cmt_sum2 { background-color: #faf4c0;  }

.grid-cmt_valdtn_scs { background-color: #86c5e5;  }
.grid-cmt_valdtn_err { background-color: #f29886;  }

/* 그리드 색상 지정 */
.grid-cell-white { background-color: #ffffff !important}
.grid-cell-pink { background-color: #f9e6e6 }
.grid-cell-warn { background-color: #ffcad6 }
.grid-cell-blue { background-color: #abcaff }
.grid-cell-red { background-color: #FF0000 }
.grid-cell-palered { background-color: #fff6f6 }
.grid-cell-green { background-color: #2F9D27 }
.grid-cell-palegreen { background-color: #fcfff5 }
.grid-cell-melon { background-color: #D8E4BC }
.grid-cell-gainsboro { background-color: gainsboro }
.grid-cell-gainsboro-center { background-color: gainsboro; text-align: center !important;}
.grid-cell-deepblue { background-color: #82d7ff }
.grid-cell-skyblue { background-color: #bfe2ff }
.grid-cell-antiquewhite { background-color: antiquewhite }
.grid-cell-aliceblue { background-color: aliceblue }


/*# Grid Tooltip */
.grid-tooltip:before,
.grid-tooltip .tooltiptext:before,
.uw-btn-side, .uw-btn-side:before,
footer.footer .uw-util i.far,
div.aside .uw-btn-fold i:before,
div.aside .ux-primary-menu-item i:before,
div.aside .portlets-modal-area .sidemenu .portlet-main .portlet-title .portlet-close-div button i,
.modal-dialog .modal-header .ux-btn-close .i-close,
.ui-datepicker.ui-widget .ui-datepicker-header a .ui-icon,
.-enco-ui-dialog .dialog-wrap .ux-btn-close .uw-icon,
.-enco-ui-lnb .infinite-tab-container .infinite-tab-nav .uw-btn .uw-enco-icon,
body.ux-body .search-wrap .input-wrap .fix-r i.fa-search,
body.ux-body .search-wrap .input-wrap .fix-r i.uw-icon.i-20.i-search,
body.ux-body .search-wrap .input-wrap.fix-text span:before,
section.header-main h1.logo a:before,
section.header-main .search-area .uw-btn .fas,
section .uw-tool .btn-wrap.fix-r button.uw-btn i.uw-icon,
section .uw-tool .btn-wrap.fix-r button.uw-btn.b-ctr i,
section #encoLnb .infinite-tab-container .infinite-tab-list li .uw-btn i,
section #encoLnb .infinite-tab-container .infinite-tab-list li .uw-btn i:before,
section #encoLnb .infinite-tab-container .infinite-tab-nav .uw-btn .uw-enco-icon,
section .main-contents .layout-wrap .col1 .input-wrap button.uw-btn i,
section.header-main .search-area .uw-btn .fas,
nav.side-nav .main-menu .-enco-ui-accordion .ux-accordion-wrap .ux-accordion .has-children a:before,
body.ux-body input[type="checkbox"] + label.btn-bookmark {
  background-image: url(../images/icons.png) !important;
  background-size: 500px 300px !important; }

.grid-tooltip {
  position: relative;
  display: inline-block;
  margin-left: 2px; }

.grid-tooltip:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 9px;
  background-position: -80px 0;
  vertical-align: -6px; }

.grid-tooltip:hover {
  cursor: pointer; }

.grid-tooltip:hover:before {
  background-position: -80px -20px; }

.grid-tooltip .tooltiptext {
  position: absolute;
  top: -1px;
  left: 21px;
  display: none;
  visibility: hidden;
  min-width: 0px;
  background-color: #858889;
  color: #fff;
  text-align: left;
  line-height: 17px;
  padding: 15px 10px 7px;
  z-index: 99999; }

.grid-tooltip .tooltiptext:before {
  content: "";
  display: block;
  width: 7px;
  height: 4px;
  margin: -14px 0 0 6px;
  background-position: 0 -40px; }

.grid-tooltip:hover .tooltiptext {
  display: block;
  visibility: visible;
  min-width: 200px;
  border-radius: 6px; }


.grid-row-status-insert {
	background-color: #BFDDFF;
	text-decoration : none;
}

.grid-row-status-update {
	background-color: #defee1;
	text-decoration : none;
}

.grid-row-status-delete {
	background-color: #D0D0D0;
	text-decoration : line-through;
	color : red;
}

.grid-row-status-error {
	background-color: #ff5b5b;
	text-decoration : none;
	border : 1px;
	border-color: red !important;
}

.grid-row-status-underline {
	text-decoration : line-through;
	color : #ABABAB;
}

.slick-viewport::-webkit-scrollbar {
		background :	transparent;
		width  : 16px;
}

.slick-viewport::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 8px;
    border: 4px solid transparent;
    background-clip: content-box;
    background-color: #909090;
}