@charset "UTF-8";
/**
THEME : Realgrid light(Default)
**/

.no_disable {
    background : #F8F8F8;
}
.disable{
	background : #ffffff;
}
.groupHeaderColor {
    background: #F7F7F7;
}
.approve_code {
    background: #ffe6e6;
}
.need_yn{
/*	color:#43B8A1;*/
	color: var(--required-label);
}
.align_left{
    text-align: left;
}
.align_center{
    text-align: center;
}
.align_right{
    text-align: right;
}
.weekend{
    background:#FFE2E5; !important;
}
.off_work{
    background: #dfebdb;
}
.tardy{
    background: #dfebdb;
}
/* 전표등록 -> 보조화면 */
.inv_assist_yn {
    background : #43b8a1;
}
.blue {
    color : blue;
    font-weight : bold;
}
.red {
    color : red;
    font-weight : bold;
}

/* 링크 텍스트 */
.link_column {
    color : var(--required-label);
    font-weight: var(--label-font-weight);
    text-decoration: underline;
}
/**/
.depth_bg_1 {
    background : #f6e8ff;
    font-weight : bold;
}
.depth_bg_2 {
    background : #eae8ff;
    font-weight : bold;
}
.depth_bg_3 {
    background : #def3ff;
    font-weight : bold;
}
.depth_bg_4 {
    background : #fffff3;
    font-weight : bold;
}

.rg-dropdownlist {
/*   color: #656d7b;
  background: #FFFFFF;
  border: 1px solid #9aa1ac;
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
  font-size: 10pt;
  padding: 0px;
  margin: 0px; */

}

/* 공백표시 */
.white-space {
    white-space: pre;
}

/*행 선택 배경색*/
.rg-focused-row{
/*   background: rgba(1, 112, 250, 0.18); */
	background-color: #F5FFF1;
}

/*그리드 헤더 컬럼*/
.grid-header-col{
    background-color: #f8f8f8;
    font-size: 13px;
    font-weight: bold;
}

/* 승인 */
.background_green {
background : #7BD7C3;
}
/* 미승인 */
.background_blue {
	background: #DADAE1;
}
/* 반려,취소 */
.background_red {
	background: #F6909E;
}

/*근무타임별 색상*/
.background_am {
    background: #ccffcc;
}
/*근무타임별 색상*/
.background_pm {
    background: #ccecff;
}
/*근무타임별 색상*/
.background_night {
    background: #c0c0c0;
}
/*근무타임별 색상*/
.background_common {
    background: #ffffcc;
}


/* multiline 자동 줄바꿈 */
.multiline-editor-pre-line,
.multiline_cell {
    white-space: pre-line !important;
    word-break: keep-all;
}

/* 그리드 스타일 */
.multiline-editor-pre-line > .rg-renderer,
.multiline_cell > .rg-renderer {
    padding: 5px;
}
.multiline-editor {
    white-space: pre-line !important;
}

/* 회색버튼 */
.no_file .rg-button-renderer-button,
.gray_btn .rg-button-renderer-button {
    background : #7f7f7f !important;
    border-color: #cfcfcf !important;
}
.no_file .rg-button-renderer-button:hover,
.gray_btn .rg-button-renderer-button:hover {
    background : #fff !important;
    border-color: #cfcfcf !important;
    color: #7f7f7f !important;
}

/* 그리드 필터 선택박스 */
.rg-filter-selector {
    z-index : 1;
}

/* 첨부파일 그리드. class에 attachment_grid 추가 */
.attachment_grid .rg-head,
.attachment_grid .rg-head .rg-table tr td,
.attachment_grid .rg-header,
.attachment_grid .rg-header-cell,
.attachment_grid .rg-header-group-cell,
.attachment_grid .rg-head-cell {
    background: #D7F1FA !important;
}

.rg-renderer .file_delete {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url(/resources/images/sign_step_delete.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px;
    margin-left: 3px;
}

/* 일반 그리드 첨부파일 필드(드래그 앤 드롭 관련) */
.drag_file_container.dragOver {
    border: 1px solid #82D18B !important;
    border-style: dashed !important;
}

.dragNdrop {
    font-size : 12px;
    color : var(--form-label);
}
.need_yn .dragNdrop {
    color : var(--required-label);
}

.doc_btn button {
    display: block;
    width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: #555;
    background: unset !important;
    border : none !important;
}
.doc_btn button:hover {
    text-decoration: underline;
    background: unset !important;
    border : none !important;
}

.rg-header {
    color:#828B97;
}
.rg-header .rg-table tr td,
.rg-rowbarcontainer .rg-table tr td,
.rg-body .rg-table tr td, .rg-fixed-body .rg-table tr td {
    border-right: 1px solid #E7E7E9;
    border-bottom: 1px solid #E7E7E9;
}

/* 다중셀렉트 */
.rg-multicheck-button {
    padding: 6px 0;
}
.rg-multicheck-button > label {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
}
.rg-multicheck-button .rg-multicheck-accept {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff;
}
.rg-multicheck-button .rg-multicheck-cancel {
    background-color: #fff;
    border-color: var(--main-color);
    color: var(--main-color);
    margin-left: 7px !important;
}
.rg-multicheck-allcheck {
    line-height: 30px;
    padding-left: 8px !important;
}
.rg-multicheck-item {
    line-height: 26px;
    padding-left: 8px !important;;
}
.rg-multicheck-allcheck > input[type=checkbox]+label,
.rg-multicheck-item > input[type=checkbox]+label {
    line-height: 20px;
    padding-left: 5px;
    vertical-align: middle;
    font-weight: var(--label-font-weight);
    color: #555;
    font-size : 13px;
}
.rg-multicheck-allcheck > input[type="checkbox"],
.rg-multicheck-item > input[type="checkbox"] {
    width: 16px;
    height: 16px;
}
.rg-multicheck-item:hover,
.rg-multicheck-selectitem {
    background-color : #ebebeb;
}
.rg-multicheck-select {
    background-color: unset;
}