body {
    font-size: 13px;
}

th {
    background-color: #eeeeee !important;
    font-weight: 900;
    padding: 5px 5px;
}

td {
    padding: 5px 5px;
}

.header-label {
    background-color: #eeeeee;
    padding: 1px 6px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    font-weight: 900;
}

::placeholder {
    opacity: 0.4 !important;
}


/* page ============================================*/
#page {
    height: 100vh;
    background-color: #ffffff;
    display: grid;
}

.page {
    height: 100vh;
    width: 100vw;
    background-color: #cccccc;
    display: grid;
    gap: 5px 5px;
}

.page > * {
    background-color: #ffffff;
    overflow: auto;
}

/* middlecol ============================================*/
#middlecolT {
    overflow: auto;
    grid-area: middlecolT;
}

#middlecolM {
    overflow: auto;
    grid-area: middlecolM;
}

#middlecolB {
    overflow: auto;
    grid-area: middlecolB;
}

/* leftcol ============================================*/
#leftcol, .leftcol {
    overflow: auto;
    grid-area: leftcol;
}

#leftcolT {
    overflow: auto;
    grid-area: leftcolT;
}

#leftcolM {
    overflow: auto;
    grid-area: leftcolM;
}

#leftcolB {
    overflow: auto;
    grid-area: leftcolB;
}

/* dragbar ============================================*/
#dragbar, .dragbar {
    background-color: #cccccc;
    grid-area: dragbar;
    cursor: ew-resize;
}


#dragbarH {
    background-color: #cccccc;
    grid-area: dragbarH;
    cursor: ew-resize;
}

#dragbarV {
    background-color: #cccccc;
    grid-area: dragbarV;
    cursor: n-resize;
}

#dragbarVT {
    background-color: #cccccc;
    grid-area: dragbarVT;
    cursor: n-resize;
}

#dragbarVB {
    background-color: #cccccc;
    grid-area: dragbarVB;
    cursor: n-resize;
}

/* rightcol ============================================*/
#rightcol, .rightcol {
    overflow: auto;
    grid-area: rightcol;
}

#rightcolT {
    overflow: auto;
    grid-area: rightcolT;
}

#rightcolM {
    overflow: auto;
    grid-area: rightcolM;
}

#rightcolB {
    overflow: auto;
    grid-area: rightcolB;
}


/*
*	sideBar 관련 css
*/
.btn-toggle:hover,
.btn-toggle:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #d2f4ea;
}

.btn-toggle2:hover,
.btn-toggle2:focus {
    color: rgba(0, 0, 0, .85);
    background-color: #d2f4ea;
}

.btn-toggle::before {
    width: 0.5em;
    line-height: 0;
    content: url("/resources/vendor/fontawesome/svgs/solid/angle-right-67c1af47929d3f79815de6cd0f40e5d4.svg");
    transition: transform .35s ease;
    margin-right: 5px;
}

.btn-toggle[aria-expanded="true"] {
    color: rgba(0, 0, 0, .85);
}

.btn-toggle[aria-expanded="true"]::before {
    transform: rotate(90deg);
}

.btn-toggle-nav a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
}

.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
    background-color: #d2f4ea;
}


/* 별 toggle */
.custom-toggle-star {
    display: none;
}

.custom-toggle-star:checked ~ label {
    height: 15px;
    cursor: pointer;
    content: url('/resources/vendor/fontawesome/svgs/solid/star-yellow-29b23bcec8c4c75de3988574f940e549.svg');
}

.custom-toggle-star ~ label {
    height: 15px;
    cursor: pointer;
    content: url('/resources/vendor/fontawesome/svgs/regular/star-yellow-21ba153f7efbece4f9d19e0a429393f6.svg');
}


/* 스크롤바 css */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 5px;
}

*::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.1);
}


/*
	datatable
*/
.dataTable th,
.dataTable td {
    padding: 5px 5px;
}

div.dt-button-collection {
    max-height: 30vh;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}


/*
	bootstrap
*/
.btn {
    font-size: 13px !important;
}

input {
    font-size: 13px !important;
    padding: 1px 6px !important;
}

select {
    font-size: 13px !important;
    padding: 1px 21px 1px 6px !important;
}

textarea {
    font-size: 13px !important;
}

.btn-group .btn-outline-light {
    padding: 0 0.9rem !important;
    border: 1px solid #bbbbbb;
    height: 32px;
}

.btn-group .btn-outline-light:disabled {
    border: 1px solid #bbbbbb;
    opacity: 1;
    height: 32px;
}

.btn-group .btn-outline-danger {
    padding: 0 0.9rem !important;
    border: 1px solid #bbbbbb;
    height: 32px;
}

.btn-group .btn-outline-danger:disabled {
    border: 1px solid #bbbbbb;
    opacity: 1;
    height: 32px;
}

.btn-group .btn-outline-warning {
    padding: 0 0.9rem !important;
    border: 1px solid #bbbbbb;
    height: 32px;
}

.btn-group .btn-outline-warning:disabled {
    border: 1px solid #bbbbbb;
    opacity: 1;
    height: 32px;
}

/* input number 화살표 제거 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    text-align: end;
}

/* .table-bordered .datatable {
  border: 1px solid #dee2e6;
} */
.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
    border-bottom-width: 0px;

}

div .div-align-center {
    display: flex;
    justify-content: center;
}

/*
	돋보기 버튼 눌러서 모달 창 여는 것
	Ex ) 수주처, 품명 고르는 모달창 여는 돋보기
 */
.modalPickerButton {
    background-color: transparent;
    border-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    margin: 1px 23px 1px 0px;
    border: none;
}

.logo {
	width: 152px;
	height: 48px;
	background: url('/assets/images/login_background2-cf647c796040e25b4f5e3230eb21afbc.png') center/cover;
}

/* bootstrap css customize
    modal-dialog    : modal-dialog에서 max-width가 계산됨에 따라 제한적인 크기로 none으로 변경 (PJH)
    container-fluid : bootStrap 자체적으로 padding auto가 들어감에 따라 0px으로 변경 (PJH)
 */
.modal-dialog { max-width: none; }

/* 툴팁 스타일 */
.tooltip-inner {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.container-fluid{ padding: 0px }

/* 문서보기, 조회이력 넓이 고정 클래스 */
.sca-document-th{ width: 85px!important; min-width: 85px!important; max-width: 85px!important;}
.sca-document-th.sorting{ width: 75px!important; min-width: 75px!important; max-width: 75px!important;}

.fs-15{ font-size: 15px!important; }

/* split.js css 적용*/
.split-wrapper{height: 100vh;}
.split-horizontal{ display: flex; flex-direction: row; height: 100%;    }
.split-vertical {  display: flex; flex-direction: column;  }
.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
}
.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
    min-width: 10px;
}
.gutter.gutter-vertical {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: row-resize;
}