@charset "UTF-8";

/*
 		.chart_box iframe {
	border: 1px solid #bdcbf2;
}  */
.chart_box {
	display: flex;
	flex-direction: column;
	border: 1px solid #bdcbf2;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 6px 6px 20px rgba(0,0,0,0.1);
	height: auto;
}

.chart_box > .c_header {
	background: #2564e7;
}

.chart_box > .c_header > div {
	padding: 10px 20px;
}

.chart_box > .c_header > div, .chart_box .c_content {
	max-width: 1180px;
	margin: 0 auto;
}

.chart_box > .c_header{
	background: #2564e7;
}

.chart_box > .c_header h3 {
	display: inline-block;
	font-size: 15px;
	line-height: 28px;
	font-weight: 700;
	color: #fff;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.chart_box > .c_header .btn_list {
	float: right;
}

.chart_box > .c_header .btn_list button {
	display: inline-block;
	background: none;
	border: none;
	padding-top: 5px;
	margin-left: 10px;
}

.chart_box .c_content {
	width: 100%;
	height: 305px;
}

.chart_box .c_content:focus,
.chart_box .c_content:focus-visible {
	outline-offset: -2px;
	border-radius: 0 0 15px 15px;
}

.chart_box .c_content > iframe {
	width: 100%;
	height: 100%;
}


.lab_view .lv_t .lvt_title {
	margin-top: 0;
}

.api_box {
	border : gray 1px solid;
	background-color: #eee;
	border-radius : 5px;
	padding: 10px !important;
	white-space: nowrap;
	overflow-x: auto;
	color : gray;
}

.api_box a {
	color : gray;
}

.api_box a:hover {
	color : #0000ee;
	text-decoration: underline;
}