/* 상단메뉴 바 */
.app-header {
    border-bottom: 1px solid #ccc;
}
/* 상단로고 */
.app-header__logo .logo-src{
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}
.app-header__logo .logo-src{
	height:30px;width:180px;background-image:url(../assets/images/logo_denobiz.png);

	height:40px;
	background-image:url(https://www.gtdc.or.kr/v2.1/img/common/logo.gif);
	background-image:url(https://www.gtdc.or.kr/images/global/logo.png);
	
}


/* 좌측메뉴 바 */
.app-sidebar {
	border-right:1px solid #ccc;
}
/* 좌측메뉴 주요타이틀 */
.app-sidebar__heading {
	color:#a5d640  !important;
	font-size:.9rem;
}
.app-sidebar.sidebar-text-light .app-sidebar__heading {
	color:rgba(255,255,255,0.75);
}
/* 메뉴링크 */
.vertical-nav-menu li a {
	overflow:hidden;
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
}


/* 타이틀 바 */
.app-page-title {
    border-bottom: 1px solid #ddd;
}
.app-page-title .page-title-heading {
    font-size: 1.5rem;
    font-weight: 600;
}


/* 본문 */
.card {
	border: 1px solid #ddd;
	border-radius: .65rem;
	overflow: hidden;
}


/* 푸터 */
.app-footer {
    border-top: 1px solid #ddd;
	/*
    background-color: #444;
    border-top: 1px solid #000;
	*/
}

.table {
	min-width: 800px;
}
.table col {
	min-width:40px;
}
.table > thead > tr > th {
    vertical-align: middle;
}
.checkbox {
	width:18px;
	height:18px;
	transition: all .2s;
}
.checkbox:focus {
	color: #495057;
	background-color: #fff;
	border-color: #a9bcee;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}







/* 지수 상태 */
.FruitHarmbox {
	display:inline-block;
	padding:5px 10px;
	vertical-align: middle;
	font-size:9pt;
	letter-spacing:-2px;

}
.FruitHarmbox.on0  {
	background:#eaeaea;
	color:#555;
	text-shadow:-1px -1px 0 rgba(255,255,255,.8);
	box-shadow:inset 0 0 0 1px #aaa;
}
.FruitHarmbox.on1  {
	background:#F5B025;
	color:#715a37;
	text-shadow:-1px -1px 0 rgba(255,255,255,.5);
	box-shadow:inset 0 0 0 1px #F4A911;
	font-weight:bold;
}
.FruitHarmbox.on2  {
	background:#3078D7;
	color:#eee;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 0 0 1px #276ECC;
	font-weight:bold;
}
.FruitHarmbox.on3  {
	background:#8362D6;
	color:#eee;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 0 0 1px #7652D1;
	font-weight:bold;
}
.FruitHarmbox.on4  {
	background:#E63F24;
	color:#eee;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 0 0 1px #DC3519;
	font-weight:bold;
}


	.AreaPosition_Search {
		position: relative;
	}

	.AreaPosition_Search::after {
		clear:both;
		display:block;
		content:'';
	}
	.AreaPosition_Search SELECT {
		float:left;
		width:25%;
		height:40px;
		padding:5px;
		margin-right:5px;
		border:1px solid #aaa;
		vertical-align:middle;

		border: 1px solid #ced4da;
		border-radius: .25rem;
	}
	.AreaPosition_Search SELECT + BUTTON {
		float:left;
		width:20%;
		height:40px;
		margin-right:0;
		border-radius: 5px;

	}





/* 날짜검색 */
.area_search_date::after {
	content:'';
	display:block;
	clear:both;
}
.area_search_date BUTTON.btn-gray {
	float:left;
	width:40px;
	height:40px;
	padding:0;
	border-right:0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.area_search_date INPUT.form-control {
	float:left;
	position: relative;
	display:inline-block;
	width:calc(35% - 40px);
	height:40px;
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

}

.area_search_date SPAN {
	float:left;
	display:inline-block;
	width:20px;
	padding:7px 0;
	text-align:center;
	vertical-align: middle;
}
.area_search_date BUTTON.btn-dark {
	float:left;
	width:calc(30% - 30px);
	height:40px;
	margin-left:10px;
	padding:0 20px;
}


/* 날짜검색 - 패널내부 */
.area_panel_date::after {
	content:'';
	display:block;
	clear:both;
}
.area_panel_date BUTTON.btn-gray {
	float:left;
	width:35px;
	height:35px;
	padding:0;
	border-right:0;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.area_panel_date INPUT.form-control {
	float:left;
	position: relative;
	display:inline-block;
	width:calc(38% - 35px);
	height:35px;
	vertical-align: middle;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;

}

.area_panel_date SPAN {
	float:left;
	display:inline-block;
	width:20px;
	padding:7px 0;
	text-align:center;
	vertical-align: middle;
}
.area_panel_date BUTTON.btn-dark {
	float:left;
	width:calc(24% - 30px);
	height:35px;
	margin-left:10px;
	padding:0;
}





/* Async_Paginate */
.Async_Paginate ,
.Mobile_Paginate {
	text-align:center;
	display:table;
	width:auto;
	margin:auto;

	border-spacing:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	table-layout:fixed;
}
.Async_Paginate:empty ,
.Mobile_Paginate:empty {
	display:none;
}
.Async_Paginate > li ,
.Mobile_Paginate > li {
	display:table-cell;
	font-size:1em;
	min-width:50px;
	min-height:50px;
}
.Async_Paginate > li  button  ,
.Mobile_Paginate > li  button  {
	display:block;
	overflow:hidden;
	position:relative;

	width:100%;
	height:100%;
	min-width:40px;
	min-height:40px;
	padding:5px;
	vertical-align:top;
	text-decoration:none;

	border:1px solid #bbb;
	background:#fff;
	color:#555;

}
.Async_Paginate > li.on button ,
.Mobile_Paginate > li.on button {
	margin:0;
	z-index:1;
	cursor:default;
	color:#000;
	box-shadow: 0 0 0 1px rgba(0,0,0,1);
	border:1px solid #000 !important;
	background:#fafafa;

}
.Async_Paginate > li button:hover ,
.Mobile_Paginate > li button:hover{
	text-decoration:none;
	background:#f1f2f3;
	color:#000;
}

.Async_Paginate > li:not(:empty) + li button ,
.Mobile_Paginate > li:not(:empty) + li button {
	border-left-width:0;
}
.Async_Paginate > li.prevpage:not(:empty) + li button ,
.Mobile_Paginate > li.prevpage:not(:empty) + li button {
	border-left-width:1px;
}
.Async_Paginate > .disabled ,
.Async_Paginate > .paging-side ,
.Mobile_Paginate > .disabled ,
.Mobile_Paginate > .paging-side { display:none; }

.Async_Paginate > .prevpage BUTTON ,
.Async_Paginate > .nextpage BUTTON ,
.Mobile_Paginate > .prevpage BUTTON ,
.Mobile_Paginate > .nextpage BUTTON { border-width:0;  background:transparent; }
.Async_Paginate > .prevpage BUTTON:hover ,
.Async_Paginate > .nextpage BUTTON:hover ,
.Mobile_Paginate > .prevpage BUTTON:hover ,
.Mobile_Paginate > .nextpage BUTTON:hover { background:transparent; }

.Async_Paginate > .prevpage strong ,
.Async_Paginate > .nextpage strong ,
.Mobile_Paginate > .prevpage strong ,
.Mobile_Paginate > .nextpage strong { }
.Async_Paginate > .prevpage strong { padding-left:10px; }
.Mobile_Paginate > .prevpage strong { padding-left:10px; }
.Async_Paginate > .nextpage strong { padding-right:10px; }
.Mobile_Paginate > .nextpage strong { padding-right:10px; }
.Async_Paginate > .prevpage strong:before ,
.Async_Paginate > .nextpage strong:after ,
.Mobile_Paginate > .prevpage strong:before ,
.Mobile_Paginate > .nextpage strong:after { content:''; position:relative; display:inline-block; border-color:#393d4a; border-style:solid; border-width:1px 1px 0 0; width: 10px;   height: 10px; }
.Async_Paginate > .prevpage strong:before ,
.Mobile_Paginate > .prevpage strong:before { -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); transform:rotate(-135deg); }
.Async_Paginate > .prevpage strong:before ,
.Mobile_Paginate > .prevpage strong:before { top: -1px; left:-3px; }
.Async_Paginate > .nextpage strong:after ,
.Mobile_Paginate > .nextpage strong:after { -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.Async_Paginate > .nextpage strong:after ,
.Mobile_Paginate > .nextpage strong:after { top: -2px; left:3px; }


/********************* Mobile *********************/
@media all and (max-width:767px) {

	.dpMo_line, .dpMo_inline { display:inline; }
	.dpMo_block { display:block; }
	.dpMo_inblock { display:inline-block; }
	.dpTa_line, .dpTa_inline, .dpTa_block, .dpTa_inblock, .dpTa, .dpTaPc, .dpPcTa, .dpPc { display:none; }

}

/********************* Tablet *********************/
@media all and (min-width:768px) and (max-width:1023px) {
	.dpMo, .dpMo_line, .dpMo_inline, .dpMo_block, .dpMo_inblock, .dpPc { display:none; }
}
/********************* Mobile / Tablet *********************/
@media all and (max-width:1023px) {

	.dpTa_line, .dpTa_inline { display:inline; }
	.dpTa_block { display:block; }
	.dpTa_inblock { display:inline-block; }
	.dpPc { display:none; }

	.DZSMART_Paginate > .prevpage,
	.DZSMART_Paginate > .nextpage { display:inline-block; }
	.DZSMART_Paginate > .prevblock,
	.DZSMART_Paginate > .nextblock,
	.DZSMART_Paginate > .numbering  { display:none; }
	.Async_Paginate { display:none; }
	.Mobile_Paginate { display:table; }

}
/********************* PC *********************/
@media all and (min-width:1024px) {
	.dpMo, .dpMo_line, .dpMo_inline, .dpMo_block, .dpMo_inblock, .dpTa, .dpTa_line, .dpTa_inline, .dpTa_block, .dpTa_inblock { display:none; }
	.Async_Paginate { display:table; }
	.Mobile_Paginate { display:none; }

}










/* 대시보드에서 사용 */
.AreaPosition_Search > SELECT {
	width:25%;
	margin-right:1%;
}
.AreaPosition_Search > SELECT + BUTTON {
	width:22%;
}



/* 로그 차트에서 사용 */
#LogDailyChart {
	max-width:1400px;
	max-height:800px;
	margin:auto;


}





.app-header .widget-heading {
    font-size: 11pt;
}
.app-header .widget-heading + .widget-subheading {
	margin-top: -5px;
    font-size: 10pt;
}