@charset "UTF-8";


.dx-datagrid{
	font-size: 13px;
} 

/* 헤더 가운데 정렬 */
.gridHeaderCenter[role=columnheader]  {
	color: var(--color-black);
    font-size: 14px;
	text-align: center!important;
	background-color: #f5f5f5;
}

.gridHeaderCenterGray[role=columnheader]  {
	color: var(--color-black);
    font-size: 14px;
	text-align: center!important;
}

.gridHeaderCenterEtc1[role=columnheader]  {
	color: var(--color-black);
    font-size: 14px;
	text-align: center!important;
	background-color: rgb(197,229,198)!important;
}

.gridHeaderCenterMerge[role=columnheader]  {
	color: var(--color-black);
    font-size: 14px;
	text-align: center!important;
	background-color: #f5f5f5;
}

.gridHeaderCenterMerge[role=columnheader]  .dx-datagrid-text-content {
	color: var(--color-black);
    font-size: 14px;
	margin-top: 15px;
	background-color: #f5f5f5;
}

.gridHeaderCenterThreeMerge[role=columnheader] {
	color: var(--color-black);
    font-size: 14px;
	text-align: center!important;
	background-color: #f5f5f5;
}

.gridHeaderCenterThreeMerge[role=columnheader] .dx-datagrid-text-content {
	color: var(--color-black);
    font-size: 14px;
	margin-top: 30px;
	background-color: #f5f5f5;
}


/* 헤더 왼쪽 정렬 */
.gridHeaderLeft[role=columnheader]  {
	color: var(--color-black);
    font-size: 14px;
	text-align: left!important;
	background-color: #f5f5f5;
}

/* 헤더 오른쪽 정렬 */
.gridHeaderRight[role=columnheader]  {
	color: var(--color-black);
    font-size: 14px;
	text-align: right!important;
	background-color: #f5f5f5;
}


.dx-datagrid .dx-header-filter-empty {
	color: #c4c4c4;
}
		
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	background-color: #f5f5f5;
}

.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td {
	padding: 0px!important;
}

	
/* 마우스 호버 시 손가락 모양 보이기 */
.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {							
    cursor: pointer;				
}					

/* datagrid 헤더와 그룹 헤더 색 바꾸기 */
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    background-color: white;
}

/* 그리드 안에 체크박스 높이 넓이 조정 */
.dx-datagrid-content .dx-checkbox-icon {
	width: 16px;
    height: 16px;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
	padding: 7px 0px!important;
	padding-left: 3px!important;
}

/* grid 수정 css 조절*/
.dx-datagrid .gridBtnCell[role=gridcell]{
   padding:0px!important;
   padding-left:3px!important;
   padding-top: 3px!important;
}
.btn_grid .dx-button-content{
	padding: 0px!important;
}



/* dataGrid row 높이 조절 공통 */
.dx-datagrid tr.dx-row > td {
    padding: 5px ;
}


/* 특정 로우 배경색 css */
.RowSelectie > td {
	/* background-color: #E6E6E6!important; */
	background-color: yellow!important;  
	
}

/* 특정 컬럼 배경색 css */

/* 토요일 */
tr.dx-row > td.gridColumnCenterSaturday[role=columnheader] {
	color: var(--color-black);
	font-size: 13px;
	text-align: center!important;
	background-color: rgb(221 235 247); 
}
 
tr.dx-row > td.gridColumnCenterSaturday {
	color: var(--color-black)!important;
	font-size: 13px;
	background-color: rgb(221 235 247 / 38%);  
}

 /* 일요일 */
tr.dx-row > td.gridColumnCenterSunday[role=columnheader] {
	color: var(--color-black);
	font-size: 13px;
	text-align: center!important;
	background-color: rgb(251 228 214);  
 }
 
tr.dx-row > td.gridColumnCenterSunday {
	color: var(--color-black)!important;
	font-size: 13px;
	background-color: rgb(251 228 214 / 45%);  	 
 }
 
 /* 오늘 */
tr.dx-row > td.gridColumnCenterToday[role=columnheader] {
	color: var(--color-black);
	font-size: 13px;
	text-align: center!important;
	background-color: rgb(226 239 218);  
}

tr.dx-row > td.gridColumnCenterToday {
	color: var(--color-black)!important;
	font-size: 13px;
	background-color: rgb(226 239 218 / 50%);  
}

 /* 선이 있는 오늘 */
 .gridColumnCenterTodayLine[role=columnheader] {
	color: var(--color-black);
	background-color: #f5f5f5!important; 
	font-size: 14px; 
}

.gridColumnCenterTodayLine {
	background-color: rgb(226 239 218 / 50%);  
}


 /* 최상단 행. 선이 있는 오늘 좀더 진한 초록 */
.gridColumnCenterTodayLine2[role=columnheader] {
	color: var(--color-black);
	background-color: #f5f5f5!important; 
	font-size: 14px;
}

.gridColumnCenterTodayLine2 {
	color: var(--color-black);
	font-size: 13px;
	background-color: rgb(226 239 218)!important;  
	border-bottom: 1px solid #ddd;
}

 /* 평일 */
 .gridHeaderCenterStandard[role=columnheader] {
	 color: var(--color-black)!important;
	 font-size: 13px;
	 text-align: center!important;
	 background-color: #f5f5f5;
	 font-weight: normal!important;
 }
 
 .gridHeaderCenterStandard {
	 color: var(--color-red)!important;
	 font-size: 13px;
	 font-weight: 500;
	 font-family: 'DXIcons'
 }

 /* 그리드 cellTemplate 적용 시 그리드 로우 패딩0 */
 .dx-datagrid .dx-row > .gridTemplate {
	padding: 0px!important;
}

/* 특정 로우 색상 css  */
.RowBackColor_1 > td {
	background-color: rgb(217 225 242 / 46%);
}
.RowBackColor_2 > td {
	background-color: rgb(255 242 204 / 37%);
}
.RowFontColor_1 > td {
	color: var(--color-red);
}

.RowborderColor_1 {
	border-top: 1px solid var(--color-black)!important;
}

/* 편집모드 시 텍스트 박스 높이 조절 */
.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
	height: 15px!important;/* 15 */
}

/* 편집모드 시 textbox 조절*/
.dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input {
	padding: 0px!important;
	min-height: 3px!important;
}

/* 선 넘어갈 시 선 보이지 않기 생산계획 등.. */
/* .dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td {
	overflow: unset!important; 
} */


/* 높이 늘리면 맨및 데이터 선이 안그어지는 현상 수정 */
.dx-datagrid-rowsview .dx-row {
	border-bottom: 1px solid #ddd!important;
}

/* 그리드의 수정가능한 컬럼과 이하 셀 표시 색칠*/
.dx-datagrid-headers .dx-datagrid-table td.editColColor{
	background-color: rgba(255, 242, 204, 0.85);

}
.dx-datagrid-rowsview  .dx-datagrid-table td.editColColor{
	background-color: rgba(255, 242, 204, 0.37);
}

div.dx-datagrid-headers .dx-datagrid-table td.green{
	background-color: rgb(226 239 218);
	text-align: center !important;
	color: var(--color-black);
	font-size: 14px;
}
div.dx-datagrid-rowsview  .dx-datagrid-table td.green{
    background-color: rgb(226 239 218 / 50%);

}

/* 그리드안에 있는 달력(날짜)입력칸 */
.dx-datagrid .dx-editor-cell .dx-datebox{
	top: -4px;
    height: 22px !important;
}
.dx-datagrid .dx-editor-cell .dx-datebox .dx-texteditor-input{
     padding:0px !important;
}
.dx-datagrid .dx-editor-cell .dx-datebox .dx-dropdowneditor-button{
     margin-top:7px !important;
}

/* 2022-01-20 박수진 작성 */
.emphasize-row-yellow {
	text-align: right;
	background-color: rgba(255, 242, 204, 0.37);
	max-width: 80px;
	width: 80px;
	min-width: 80px;
}

/* 2022-11-28 그리드 병합 관련 정수연작성 */

/* root 변수  */
:root {
  --white: white;
  --primary-color: #fc0;
  --primary-color-2: #ffe100;
  --primary-color-3: #fff899;
  --primary-color-3-light: #f8f29f;
  --color-4: #fffeee;
  --secondary-color: #0d3191;
  --secondary-color-2: #3d5aa7;
  --secondary-color-3: #9eacd3;
  --gray-bg: #f8f9fa;
  --gray-body: #545452;
  // --gray-bg: #d3d1cb;
  --stroke-light: #dee2e6;
  --stroke-input: #ced4da;
  --gray-light: #f7f6f3;
  --status-color-success: #78b058;
  --status-color-danger: #eb5757;
  --status-color-warning: #ffce3b;
  --status-color-info: #2eaadc;
  --heading-title-color: #37352f;
  --body-text-base-color-1: #899095;
  --body-text-base-color-2: #68717a;
  --gray-white: #fff;
  --gray-black: #000;
  --gray-700: #495057;
  --gray-300: #e7e9eb;
  --selected-item: #e7e9eb9e;
  // --main-font: -apple-system, 'Spoqa Han Sans Neo', 'sans-serif';
  --main-font: 'Pretendard';
}


.hide,
.display-none {
  display: none !important;
}


.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-table .dx-row-lines td.thr-merge {
  display: table-cell;
  vertical-align: middle;
  background: var(--white);
  color: var(--heading-title-color);
  text-align: center;
}

.dx-datagrid td.thr-merge {
  border-bottom: 1px solid black !important;
}
.dx-datagrid td.thr-merge.no-bottom-line {
  border-bottom: 1px solid #ddd !important;
}
.dx-datagrid td.thr-merge.bt-bottom-line {
  border-bottom: 1px solid #00000069 !important;
}
.dx-datagrid td.thr-merge.bc_blue {
  background-color: rgb(217 225 242 / 46%) !important;
}

#dg .RowBackColor_1 > td.thr-merge {
	background-color: rgb(217 225 242 / 46%) !important;
}