/*
 * Copyright 2018 datagear.tech. All Rights Reserved.
 */

@CHARSET "UTF-8";

/*表格图表*/
.dg-chart-table{
	position: relative;
}
.dg-chart-table .dg-chart-table-title{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.dg-chart-table .dg-chart-table-content{
	position: absolute;
	left: 1px;
	top: 1.6em;
	right: 1px;
	bottom: 1px;
}
.dg-chart-table.dg-hide-title .dg-chart-table-title{
	display: none;
}
.dg-chart-table.dg-hide-title .dg-chart-table-content{
	top: 0.1em;
}
.dg-chart-table .dg-chart-table-content table.dataTable thead th,
.dg-chart-table .dg-chart-table-content table.dataTable thead td,
.dg-chart-table .dg-chart-table-content table.dataTable tbody th,
.dg-chart-table .dg-chart-table-content table.dataTable tbody td{
	padding: 0.5em 0.8em;
	text-align: left;
	white-space: nowrap;
}
.dg-chart-table .dg-chart-table-content table.dataTable td.dataTables_empty{
	display: none;/*隐藏初始未加载数据时的空行，避免影响样式*/
}
.dg-chart-table .dg-chart-table-content .dataTables_wrapper .dataTables_info{
	padding-top: 0.5em;
}
.dg-chart-table .dg-chart-table-content .dataTables_wrapper .dataTables_length{
	float: none;
	margin-left: 1em;
	display: inline-block;
	padding-top: 0.5em;
}
.dg-chart-table .dg-chart-table-content .dataTables_wrapper .dataTables_paginate .fg-button{
	padding: 0.2em 0.41em;
}
.dg-chart-table .dg-chart-table-content .dataTables_wrapper .dataTables_length select{
	margin-left: 0.2em;
	margin-right: 0.2em;
}
/*轮播表格隐藏竖向滚动条*/
.dg-chart-table.dg-chart-table-carousel .dataTables_scrollBody{
	overflow-y: hidden !important;
}
/*经测试，设置固定列后，在Chrome-87.0.4280.88版本左侧固定列会出现横向滚动条，所以这里通过此样式将滚动条隐藏*/
.dg-chart-table .dg-chart-table-content .DTFC_LeftBodyLiner,
.dg-chart-table .dg-chart-table-content .DTFC_RightBodyLiner{
	overflow-x: hidden;
}

/*标签图表*/
.dg-chart-label{
	position: relative;
}
.dg-chart-label .dg-chart-label-item .label-name{
	text-align: center;
}
.dg-chart-label .dg-chart-label-item .label-value{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

/*数据集参数值表单*/
.dg-dspv-form{}
.dg-dspv-form .dg-dspv-form-content{
	padding: 0.41em 0.41em;
}
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item{
	padding-top: 0.35em;
	padding-bottom: 0.35em;
}
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-item-label{
	padding-bottom: 0.2em;
}
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-radio-wrapper,
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-checkbox-wrapper{
	white-space: nowrap;
	display: inline-block;
	padding-right: 0.41em;
}
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-item-value input[type=text],
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-item-value textarea,
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-item-value select,
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-inputs-wrapper{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0.3em 0.3em;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
}
.dg-dspv-form .dg-dspv-form-content .dg-dspv-form-item .dg-dspv-form-inputs-wrapper{
	border: 1px solid transparent;
}
.dg-dspv-form .dg-dspv-form-content .dg-validation-required,
.dg-dspv-form .dg-dspv-form-content .dg-validation-number{
	border-color: red!important;
}
.dg-dspv-form .dg-dspv-form-foot{
	padding-top: 0.3em;
	text-align: center;
}
.dg-dspv-form button,
.dg-dspv-form input[type=button],
.dg-dspv-form input[type=submit],
.dg-dspv-form .button{
	padding: 0.41em 2em;
	border-radius: 3px;
	border-width: 1px;
	border-style: solid;
}
.dg-dspv-form .dg-form-invalid{
	border-color: red!important;
	color: red!important;
}

/*图表展示页面设置框*/
.dg-chart-setting-box{
	position: absolute;
	right: 0.1em;
	top: 0.1em;
}
.dg-chart-setting-box .dg-chart-setting-panel,
.dg-chart-setting-box button{
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.dg-chart-setting-box .dg-chart-setting-button{
	opacity: 0.8;
	filter: Alpha(Opacity=80);
	font-size: 0.8em!important;
	padding: 0.1em 0.2em!important;
	margin: 0 0!important;
	border-width: 1px;
	border-style: solid;
}
.dg-chart-setting-box .dg-chart-setting-panel{
	position: absolute;
	right: 0;
	border-width: 1px;
	border-style: solid;
	padding: 0.41em 0.8em;
	user-select: text;
	-webkit-user-select: text;
	z-index: 100;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-chart-setting-panel-head{
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 0.41em;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-chart-setting-panel-content{
	overflow: auto;
	font-size: 0.9em;
	max-width: 41em;
	min-height: 4.1em;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-chart-setting-panel-foot{
	padding-top: 0.41em;
	text-align: center;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-chart-setting-panel-foot button,
.dg-chart-setting-box .dg-chart-setting-panel .dg-chart-setting-panel-foot input[type=button],
.dg-chart-setting-box .dg-chart-setting-panel .dg-chart-setting-panel-foot input[type=submit]{
	padding-left: 2em;
	padding-right: 2em;
	border-width: 1px;
	border-style: solid;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-param-value-form-wrapper{
	border-width: 1px;
	border-style: solid;
	padding: 0.5em 0.5em;
	margin: 0.5em 0;
	border-radius: 3px;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-param-value-form-head{
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
	padding: 0.2em 0em;
}
.dg-chart-setting-box .dg-chart-setting-panel .dg-dspv-form input,
.dg-chart-setting-box .dg-chart-setting-panel .dg-dspv-form select,
.dg-chart-setting-box .dg-chart-setting-panel .dg-dspv-form textarea
.dg-chart-setting-box .dg-chart-setting-panel .dg-dspv-form button{
	font-size: 1em;
	border-width: 1px;
	border-style: solid;
	padding: 0.3em 0;
}
.dg-chart-setting-box .dg-chart-setting-panel button,
.dg-chart-setting-box .dg-chart-setting-panel input[type=submit],
.dg-chart-setting-box .dg-chart-setting-panel input[type=button]{
	padding: 0.4em 0.8em;
	white-space: nowrap;
	font-size: 1em;
}
.dg-chart-setting-box .dg-chart-setting-panel button.dg-param-value-form-invalid,
.dg-chart-setting-box .dg-chart-setting-panel input[type=submit].dg-param-value-form-invalid,
.dg-chart-setting-box .dg-chart-setting-panel input[type=button].dg-param-value-form-invalid{
	border-color: red!important;
	color: red!important;
}

/*datetimepicker组件扩展样式*/
.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th{
	background: none;
    border-width: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{
	background: none;
}
.xdsoft_datetimepicker .xdsoft_month{
	width: 60px;
    margin-left: 20px;
    text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_year{
	text-decoration: underline;
}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button{
	background: none;
	position: relative;
}
.xdsoft_datetimepicker .xdsoft_prev:before,
.xdsoft_datetimepicker .xdsoft_next:before,
.xdsoft_datetimepicker .xdsoft_today_button:before{
    left: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    font-weight: bold;
}
.xdsoft_datetimepicker .xdsoft_prev:before{
	content: "<";
}
.xdsoft_datetimepicker .xdsoft_next:before{
	content: ">";
}
.xdsoft_datetimepicker .xdsoft_today_button:before{
	content: "#";
}
.xdsoft_timepicker .xdsoft_prev:before{
	content: "<";
	left: 50%;
    top: 0;
    margin-left: -0.4em;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.xdsoft_timepicker .xdsoft_next:before{
	content: ">";
	left: 50%;
    top: 0;
    margin-left: -0.4em;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.xdsoft_datetimepicker .xdsoft_save_selected.xdsoft_save_selected_year{
width: auto;
padding: 0.3em 1em;
margin-top: 3px;
margin-right: 0.6em;
float: right;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}

/*看板表单*/
.dg-dashboard-form.dg-dspv-form,
.dg-dashboard-form.dg-dspv-form .dg-dspv-form-input,
.dg-dashboard-form.dg-dspv-form .dg-dspv-form-item-value select[multiple] option{
    background: transparent !important;
}
.dg-dashboard-form.dg-dspv-form .dg-dspv-form-content{
	padding: 0 0;
}
/*单行表单：dg-inline*/
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-head,
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-content,
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-foot,
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-item{
	display: inline;
}
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-item{
	padding-right: 0.8em;
}
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-foot{
	padding-left: 0.41em;
}
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-item .dg-dspv-form-item-label,
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-item .dg-dspv-form-item-value{
	display: inline-block;
}
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-item .dg-dspv-form-item-label,
.dg-dashboard-form.dg-dspv-form.dg-inline .dg-dspv-form-item .dg-dspv-form-item-value{
	display: inline-block;
}
/*两列表单：dg-col-2*/
.dg-dashboard-form.dg-dspv-form.dg-col-2 .dg-dspv-form-item{
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 0.41em;
	padding-right: 0.41em;
}
/*三列表单：dg-col-3*/
.dg-dashboard-form.dg-dspv-form.dg-col-3 .dg-dspv-form-item{
	display: inline-block;
	width: 33.3%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 0.41em;
	padding-right: 0.41em;
}
/*四列表单：dg-col-4*/
.dg-dashboard-form.dg-dspv-form.dg-col-4 .dg-dspv-form-item{
	display: inline-block;
	width: 25%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 0.41em;
	padding-right: 0.41em;
}
/*五列表单：dg-col-5*/
.dg-dashboard-form.dg-dspv-form.dg-col-5 .dg-dspv-form-item{
	display: inline-block;
	width: 20%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-left: 0.41em;
	padding-right: 0.41em;
}
/*条目单行：dg-item-inline*/
.dg-dashboard-form.dg-dspv-form.dg-item-inline .dg-dspv-form-item .dg-dspv-form-item-label,
.dg-dashboard-form.dg-dspv-form.dg-item-inline .dg-dspv-form-item .dg-dspv-form-item-value{
	display: inline-block;
}