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;
}

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

/* 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 {
	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 {
	overflow: auto;
	grid-area: rightcol;
}
#rightcolT {
	overflow: auto;
	grid-area: rightcolT;
}
#rightcolM {
	overflow: auto;
	grid-area: rightcolM;
}
#rightcolB {
	overflow: auto;
	grid-area: rightcolB;
}

/* 신규 resizable panel */
.page {
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
	display: flex;
}
.dragBar[data-type="width"] {
	background-color: #cccccc;
	grid-area: dragbar;
	cursor: ew-resize;
	width: 5px;
	height: 100%;
}
.dragBar[data-type="height"] {
	background-color: #cccccc;
	grid-area: dragbar;
	cursor: ns-resize;
	width: 100%;
	height: 5px;
}
.left{
	/* 중앙 정렬 */
	overflow: auto;
	align-items: center;
	display: flex;
	justify-content: center;
}
.right{
	/* left가 차지하고 남은 공간에 따라 유동적으로 변화 */
	flex: 1;
	/* 중앙 정렬 및 하위 요소 배치를 column 식으로 내려가듯이 배치*/
	overflow: auto;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.top {
	width: 100%;
	/* 중앙 정렬 */
	overflow: auto;
	align-items: center;
	display: flex;
	justify-content: center;
}
.bottom {
	width: 100%;
	/* top이 차지하고 남은 공간에 따라 유동적으로 변화 */
	flex: 1;
	/* 중앙 정렬 */
	overflow: auto;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}



/*
*	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');
	/*content: url('static/resources/vendor/fontawesome/svgs/regular/star-yellow.svg');*/
}
 	
.custom-toggle-star ~ label {
	height: 15px;
	cursor: pointer;
	content: url('/resources/vendor/fontawesome/svgs/regular/star-yellow-21ba153f7efbece4f9d19e0a429393f6.svg');
	/*content: url('static/resources/vendor/fontawesome/svgs/regular/star-yellow.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;
}

select.w-100 + .select2-container {
  width: 100% !important;
}


/* .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;
}

/* 볼드체와 패딩이 없으며 일반td보단 진한 텍스트 */
.plainTextBgGray{
	background-color: #BBBBBB !important;
	font-weight: 400!important;
	padding: 0px!important;
}
.plainText{
	font-weight: 400!important;
	padding: 0px!important;
}

/* agGrid 헤더 정렬때매 클래스 추가함(pjh) */
.centered {
	.ag-header-cell-label {
		justify-content: center !important;
	}
}

/*컨펌대기, 수주중지, 작업지시전*/
.waitConfirmRow{
	background-color : #fadcdc!important;
	font-weight:bolder!important;
}
/* 금일 필수 작업*/
.todayRequired{
	background-color : #f8c80a !important;
	font-weight:bolder!important;
}
/* 금일 작업*/
.todayWorkRow{
	background-color : #87CEEB!important;
	font-weight:bolder!important;
}
/*긴급 수주*/
.ungencyBizOrderRow{
	background-color : #FFF2CC!important;
	font-weight:bolder!important;
}
/*수량부족*/
.notEnoughQtyRow{
	background-color : #FFB4B4!important;
	font-weight:bolder!important;
}
/* agGrid 수정 중인 행*/
.agGridEditRow{
	background-color : #bdbaba !important;
	font-weight:bolder!important;
}

/* toastr 위치, 크기 custom */
.toast-center {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#toast-container>div{
	height:150px;
	position:relative;
	pointer-events:auto;
	overflow:hidden;
	margin:0 0 6px;
	padding:15px 15px 15px 50px;
	width:300px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-position:15px center;
	background-repeat:no-repeat;
	-moz-box-shadow:0 0 12px #999;
	-webkit-box-shadow:0 0 12px #999;
	box-shadow:0 0 12px #999;
	color:#FFF;
	/*opacity:.8;*/
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	filter:alpha(opacity=80)
}


.split-wrapper{height: 100vh;}
.split-horizontal{ display: flex; flex-direction: row; height: 100vh;    }
.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;
}
.gutter.gutter-vertical {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: row-resize;
}

.vh-50{
	height: 50vh;
}