@charset "utf-8";

/*
 * Project		:	헬로컴퍼니
 * File			:	treegrid_custom.css
 * Author		:	YoungJae Lee
 * Date			:	April. 2020
 * Description	:	트리그리드 version 14 커스텀
 */
 
 
 /* 트리그리드 폰트 변경 */
.GridMain1.GridMain2.TSMain,
.GridMain1.GridMain2.TSMain * {font-family:'Pretendard', sans-serif !important; font-size:13px; font-weight:500;}
.GridMain1.GridMain2 .TSPagesLinkActive {color: #000; font-size: 14px; font-weight: bold;}
.GridMain1.GridMain2.TSMain {color: #000 !important;}
.GridMain1.GridMain2 .TSClassReadOnly {color: #000 !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,
.GridMain1.GridMain2 .TSCellSpace,
.GridMain1.GridMain2 .TSCellSpaceIcon {padding-left:5px; padding-right:5px;}
.GridMain1.GridMain2 .TSRowSpace0 .TSCellSpace,
.GridMain1.GridMain2 .TSRowSpace0 .TSSpaceIconInner,
.GridMain1.GridMain2 .TSCellSpace,
.GridMain1.GridMain2 .TSSpaceIconInner {padding-top:0; padding-bottom:0;}

/* 중간 툴바 스타일 변경 */
.GridMain1.GridMain2 .TSRowSpace2 .TSSolidRow {border-top:1px solid #ffffff !important; background:#f8f9fa;}

/* 하단 툴바 스타일 변경 */
.GridMain1.GridMain2 .TSRowSpace4 .TSSolidRow {background:#f8f9fa; border:1px solid #cdd8e4; border-top:2px solid var(--mainColor) !important;}
.GridMain1.GridMain2.TSMain .TSTabSepRight,
.GridMain1.GridMain2.TSMain .TSTabSepLeft {cursor: default;}

/* 색상 스타일 변경 */
.GridMain1.GridMain2 .TSColorChanged {background-color:#fff;} /* 내용 변경된 cell 색상 */
.GridMain1.GridMain2 .TSColorAlternate {background-color:#f6f8fc;} /* Color for <Cfg Alternate/>, can be changed by <I AlternateColor /> */
.GridMain1.GridMain2 .TSColorAdded {background-color:#f2f9ff;}


/* header */
.job-pos-coler .TSCellHeader {color: #fff; background: #5060b3; background: #093541 !important; border-right: 1px solid #cad7e2; border-bottom: 1px solid #cad7e2;}
.GridMain1.GridMain2 .TSCellHeader {color: #fff; background: #383f58; background: var(--barColor); border-right: 1px solid #cad7e2; border-bottom: 1px solid #cad7e2;}

.GridMain1.GridMain2 .TSColorFocusedCellSpace{background-color:transparent;}
.GridMain1.GridMain2 .TSColorFocusedCellSpaceBool{background-color:transparent}

.PhotoSizeCover {background-size: cover !important;}

/* 트리 그리드 글씨 css */
.gridStatus1, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus1 {color:var(--pointtxtColor) !important; font-weight:bold !important}
.gridStatus2, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus2 {color:var(--baseColor) !important; font-weight:bold !important}
.gridStatus3, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus3 {color:var(--blueColor) !important;font-weight:bold !important}
.gridStatus4, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus4 {color:#FF0000 !important; font-weight:bold !important}
.gridStatus5, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus5 {color:#d91a00 !important; font-weight:bold !important}
.gridStatus7, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus7 {color:#0100FF !important; font-weight:bold !important}
.gridStatus8, .GridMain1.GridMain2 .TSClassReadOnly.gridStatus8 {color:var(--grayColor-10) !important; font-weight:bold !important}

/* 트리 그리드 이미지 커스텀 */
.gridStatus9 {background-size : cover !important;}

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

.GridMain1.GridMain2 .TSCellBase {border-bottom: 0;}

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


/* 트리그리드 이미지 아이콘 스타일 */
.GridMain1.GridMain2 .treeBtnBgSize {background-size: auto 20px !important; cursor: pointer;}