@charset "utf-8";

/*
 * Project		:	헬로컴퍼니
 * File			:	cnc_treegrid.css
 * Author		:	YoungJae Lee
 * Date			:	April. 2020
 * Description	:	트리그리드 version 14 커스텀
 */
 
 
 /* 트리그리드 폰트 변경 */
.GridMain1.GridMain2.TSMain,
.GridMain1.GridMain2.TSMain * {font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; font-feature-settings: "tnum","cv13"; font-size:13px; color:#414141; font-weight: 500;}

.gridDash {text-decoration: line-through !important;}
.gridTextColorRed {color: #ff4b4b !important;}
.gridTextColorGreen {color: #3dd23d !important;}

/* 상단 툴바 스타일 변경 */
/*  --- html 구조
	<td class="TSRowSpace TSRowSpace0 TSRowSpaceFirst TSRowSpaceLast">
		<div class="TSToolbarRow TSSolidRow">
---------------------------------------------------------------------------------------- */
  
.GridMain1.GridMain2 .TSRowSpace0 .TSSolidRow {background:none; padding-top:0; padding-bottom:5px; border-top:none !important; border-left:none; border-right:none;}

.GridMain1.GridMain2 .TSRowSpace0 .TSCellSpace,
.GridMain1.GridMain2 .TSRowSpace0 .TSCellSpaceIcon {padding-left:5px; padding-right:5px;}
.GridMain1.GridMain2 .TSRowSpace0 .TSCellSpace,
.GridMain1.GridMain2 .TSRowSpace0 .TSSpaceIconInner {padding-top:0; padding-bottom:0;}


/* 중간 툴바 스타일 변경 */
.GridMain1.GridMain2 .TSRowSpace2 .TSSolidRow {border-top:1px solid var(--he-base) !important; background:var(--he-gray-100);}


/* 하단 툴바 스타일 변경 */
/*  --- html 구조
	<td class="TSRowSpace TSRowSpace4 TSRowSpaceFirst TSRowSpaceLast">
		<div class="TSSpaceRow TSSolidRow">
---------------------------------------------------------------------------------------- */
 
.GridMain1.GridMain2 .TSRowSpace4 .TSSolidRow {background:var(--he-gray-100); border:1px solid rgba(var(--he-gray-400-rgb),.6) !important;}


/* 색상 스타일 변경 */
.GridMain1.GridMain2 .TSColorChanged {background-color:var(--he-base);} /* 내용 변경된 cell 색상 */
.GridMain1.GridMain2 .TSColorAlternate {background-color:var(--he-gray-100);} /* Color for <Cfg Alternate/>, can be changed by <I AlternateColor /> */
.GridMain1.GridMain2 .TSColorAdded{background-color:var(--he-gray-200);}


/* header */
.GridMain1.GridMain2 .TSHeadLeft,
.GridMain1.GridMain2 .TSHeadMid,
.GridMain1.GridMain2 .TSHeadRight{border-top: none;}
.GridMain1.GridMain2 .TSCellHeader {color:var(--he-base); background: var(--he-tree-header); border-right: 1px solid rgba(var(--he-gray-400-rgb),.6); border-bottom: 1px solid rgba(var(--he-gray-400-rgb),.6);}
.GridMain1.GridMain2 .TSCellHeader:hover {background: #6e728d !important;}



/* 모달 트리그리드 잔상 */
div[id^=TGHoverCursors] {z-index: -1 !important;}
.treeAtImg .modal-content * {display: none !important;}




/* 트리 그리드 글씨 css */
.gridStatus2 {font-weight:bold !important}
.gridStatus5 {color:var(--he-base) !important;font-weight:bold !important;}



/* 트리 그리드 hover 시 ellipsis 기능 해제 */
.TSHintMain * {text-overflow: unset !important;}


.GridMain1.GridMain2 .TSMenuHeadText {color: var(--he-base);}
.GridMain1.GridMain2 .GridDisabled{position: absolute; z-index: 256; background: var(--he-base); opacity: 0.5;}


.GridMain1.GridMain2 .TSFilterAllMenu {height: auto;}

.afterBg .GridMain1.GridMain2 .TSRowSpaceFirst.TSRowSpace0 {background: var(--he-gray-100);}





/* 캘린더 스타일 변경 */
.GridMain1.GridMain2 .TSPickMain {margin-left: -1px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.GridMain1.GridMain2 .TSPickMY {color: white; background: #ffffff; border: none;}
.GridMain1.GridMain2 .TSPickBL,
.GridMain1.GridMain2 .TSPickBR {width: 32px; height: 32px; background: none;}
.GridMain1.GridMain2 .TSPickBL:before,
.GridMain1.GridMain2 .TSPickBR:before {content: "\F0536"; font-family: 'Material Design Icons'; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 10px;}
.GridMain1.GridMain2 .TSPickBL {transform: rotate(-90deg);}
.GridMain1.GridMain2 .TSPickBR {transform: rotate(90deg);}
.GridMain1.GridMain2 .TSPickMYDown,
.GridMain1.GridMain2 .TSPickMYUp {padding-right: 0;}

.GridMain1.GridMain2 .TSPickTableParent,
.GridMain1.GridMain2 .TSPick2TableParent {border: none;}
.GridMain1.GridMain2 .TSPickFooter,
.GridMain1.GridMain2 .TSPick2Footer,
.GridMain1.GridMain2 .TSPickTimeCell {border: none; border-top: 1px solid var(--he-gray-400);}
.GridMain1.GridMain2 .TSPickTable tbody tr td:first-of-type {display: none;}
.GridMain1.GridMain2 .TSPickRowW {background: var(--he-gray-100);}
.GridMain1.GridMain2 .TSPickRowW .TSPickCell {border-bottom: none;}
.GridMain1.GridMain2 .TSPickEmpty {height: 28px;}
.GridMain1.GridMain2 .TSPickCell {width: 33px;}
.GridMain1.GridMain2 .TSPickWDN {margin: 3px 3px 2px 3px; font-weight: bold !important; font-size: 12px;}
.GridMain1.GridMain2 .TSPickSu {color: var(--he-red);}
.GridMain1.GridMain2 .TSPickSa {color: var(--he-blue);}

.GridMain1.GridMain2 .TSPickHover,
.GridMain1.GridMain2 .TSPickSelHover,
.GridMain1.GridMain2 .TSPickWD,
.GridMain1.GridMain2 .TSPickSa,
.GridMain1.GridMain2 .TSPickSu,
.GridMain1.GridMain2 .TSPickSel,
.GridMain1.GridMain2 .TSPickNow,
.GridMain1.GridMain2 .TSPickWDNE,
.GridMain1.GridMain2 .TSPickSaNE,
.GridMain1.GridMain2 .TSPickSuNE,
.GridMain1.GridMain2 .TSPickSelNE,
.GridMain1.GridMain2 .TSPickNowNE,
.GridMain1.GridMain2 .TSPickOM,
.GridMain1.GridMain2 .TSPickOMNE {padding: 3px; font-size: 12px; font-weight: 500;}


.GridMain1.GridMain2 .TSPickSelHover,
.GridMain1.GridMain2 .TSPick2MSelHover,
.GridMain1.GridMain2 .TSPick2YSelHover{background-color:var(--he-main1); color: #fff;}

.GridMain1.GridMain2 .TSPickOM,
.GridMain1.GridMain2 .TSPickOMNE {color: var(--he-gray-400)}

.GridMain1.GridMain2 .TSPickSel,
.GridMain1.GridMain2 .TSPick2MSel,
.GridMain1.GridMain2 .TSPick2YSel {background: var(--he-main1); color: #fff;}
.GridMain1.GridMain2 .TSPickNow{box-shadow: inset 0 -2px 0px var(--he-main1); color: var(--he-main1); font-weight: bold; background: none;}

.GridMain1.GridMain2 .TSPickHover,
.GridMain1.GridMain2 .TSPick2MHover,
.GridMain1.GridMain2 .TSPick2YHover {background-color:var(--he-gray-200);}

.GridMain1.GridMain2 .TSPickTimeCell {border: none;}

/* 상단 버튼 포커스 스타일 해지 */
.GridMain1.GridMain2 .TSClassFocusedCellSpace {background: #fff !important;}

/* 리로드 이미지 변경 */
.GridMain1.GridMain2 .TSToolReload {background:url('/static/images/icon/icon_re.png') no-repeat center center;background-size:20px auto !important; opacity: 1 !important;}

/* --- grid.SetAttribute 이미지 사이즈 클래스 */
/* ---	grid.SetAttribute(row, "", "Icon", "/images/treeIcon/tree_download_icon.png",1);
 	---	grid.SetAttribute(row, "", "Class", "treeBtnBgSize",1); */
.GridMain1.GridMain2 .treeBtnBgSize {background-size: 20px auto !important; cursor: pointer;}
.GridMain1.GridMain2 .treeBtnBgSize1 {background-size: 12px auto !important; cursor: pointer;}
.GridMain1.GridMain2 .treeBtnBgSize2 {background-size: 100% 100% !important; cursor:pointer;}
.treeProductImage { background-size: cover !important; background-position: center center; background-repeat: no-repeat; cursor: pointer;}




.GridMain1.GridMain2 .treeBtnCenter {background-position: center center !important; background-size: 20px auto !important; cursor: pointer; padding-left: 0 !important;}

.GridMain1.GridMain2 .TSPick2CellM {width: 58px;}
.GridMain1.GridMain2 .TSPick2Footer > button:nth-child(1),
.GridMain1.GridMain2 .TSPick2Footer > button:nth-child(2) {display: none !important;}




/* alert */
.GridMessage,
.GridErrorMessage,
.GridMain1.GridMain2 .TSMessage,
.GridMain1.GridMain2 .TSPageMessage {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;
    font-size: 13px; color: #414141; font-weight: 500; line-height: 1.4 !important; border-radius: 10px;
    background: #fff; border: 1px solid var(--he-gray-500); padding: 13px 20px; min-width: auto; overflow: hidden;}

.GridMain1.GridMain2 .TSMessageButtons,
.GridMain1.GridMain2 .TSProgressButtons {margin: -5px -20px -15px -20px;}
.GridMain1.GridMain2 .TSDialogButton {background: var(--he-main1); border: none; color: #fff; padding: 4px 5px !important;}



.treeTitAreaGray .GridMain1.GridMain2 .TSRowSpaceFirst.TSRowSpace0 {background: var(--he-gray-100);}




/* 툴바 버튼 옵션창 -  항목선택 및 인쇄 등 */
/* .GridMain1.GridMain2 .TSMenuOuter {min-width: 400px; border: 1px solid var(--he-gray-600);}
.GridMain1.GridMain2 .TSMenuHead {background:  var(--he-gray-600);}
.GridMain1.GridMain2 .TSMenuBody {width: 100%; margin: 0;}
.GridMain1.GridMain2 .TSMenuCaption {padding: 5px; background: var(--he-gray-100); text-align: center; border-top: none; border-bottom: 1px solid var(--he-gray-400);}
.GridMain1.GridMain2 .TSMenuCaption + table {padding: 5px; width: calc(100% - 10px) !important;}
.GridMain1.GridMain2 .TSMenuCaption,
.GridMain1.GridMain2 .TSMenuCaption + table,
.GridMain1.GridMain2 div[id$="printrows"],
.GridMain1.GridMain2 div[id$="printpageroot"] {display: none;}

.GridMain1.GridMain2 .TSMenuItem {margin: 0; padding: 3px;}
.GridMain1.GridMain2 .TSMenuItem * {line-height: 22px;}

.GridMain1.GridMain2 .TSMenuVSeparator {display: none;}

.GridMain1.GridMain2 .TSMenuFoot { background: var(--he-gray-100); border-top: none;}
.GridMain1.GridMain2 .TSMenuFoot .TSDialogButtonClear {display: none;}


.GridMain1.GridMain2 div[id$="sizecaption"],
.GridMain1.GridMain2 div[id$="sizecaption"] + table,
.GridMain1.GridMain2 div[id$="printresults"],
.GridMain1.GridMain2 div[id$="printresults"] + table {display: block !important;}


.GridMain1.GridMain2 div[id$="printresults"] {border-top: 1px solid var(--he-gray-400);} */