@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@import url('BlazorCalendar.css');

html, body, table {
	font-family: 微软雅黑,'Microsoft YaHei',新宋体,'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 14px;
}

	body:fullscreen .aside, body.for-fullpage-dialog .aside {
		display: none !important;
	}
	body:fullscreen #kt_header, body.for-fullpage-dialog #kt_header {
		display: none !important;
	}
	body:fullscreen #kt_wrapper, body.for-fullpage-dialog #kt_wrapper {
		padding-top: 2px !important;
		padding-left: 2px !important;
	}
	body:not(.for-fullpage-dialog):fullscreen #fsbackbtn {
		display: block !important;
	}
	body.for-fullpage-dialog:fullscreen #fsbackbtn{
		display:none!important;
	}
	#fsbackbtn {
		display: none;
		position: absolute;
		z-index: 7777777;
		top: 3px;
		right: 3px;
		text-decoration: underline;
		background-color: #eee;
		color: navy;
		box-shadow: 2px 2px 6px rgba(128,128,128,0.5);
	}

.subheader-enabled:not(.subheader-fixed) .content {
	padding-bottom: 20px;
}

	body .aside-menu .menu-nav > .menu-section {
		margin: 10px 0 0 0;
		height: 32px;
	}

	body .aside-menu .menu-nav .menu-section {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 25px;
	}

	body #kt_brand.brand {
		height: 55px;
	}

	body .aside-menu .menu-nav {
		padding: 0 0 47px 0 !important;
	}

.aside-minimize:not(.aside-minimize-hover) .brand-logo .menu-text {
	display: none;
}

@media (min-width: 992px) {
	body .aside {
		width: 188px;
	}
	body.aside-minimize.aside-minimize-hover .aside {
		width: 218px!important;
	}

	.aside-enabled:not(.aside-minimize) #kt_aside_toggle {
		margin-right: -25px;
	}

	.aside-enabled:not(.aside-minimize) .subheader {
		left: 188px !important;
	}

	body.aside-fixed:not(.aside-minimize) .wrapper {
		padding-left: 188px !important;
	}


	body.modevertical.aside-enabled:not(.aside-minimize) .header.header-fixed {
		left: 188px !important;
	}

	body.modehorizental .header.header-fixed {
		left: 0px !important;
	}

	body.modehorizental .aside {
		top: 80px;
		left: 10px;
		bottom: 20px;
	}

	body.modehorizental.aside-fixed:not(.aside-minimize) .wrapper {
		padding-left: 194px !important;
	}

	body.modehorizental .subheader {
		margin: 15px 25px !important;
		border-radius: 0.42rem;
	}
}

.aside-menu .menu-section {
	rem-display: none !important;
}

.brand-logo .menu-text {
	color: #666;
}

.aside-menu .menu-nav > .menu-section h4.menu-text{
	font-size:1em;
}


@media (min-width: 992px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
		max-width: 100% !important;
	}
}

.aside {
	overflow-y: scroll;
}

	.aside::-webkit-scrollbar {
		width: 5px;
		height: 5px;
		/*background-color: #1e1e2d;*/
		background-color: #fff;
	}

	.aside::-webkit-scrollbar-thumb {
		/*background-color: #1e1e2d;*/
		background-color: #fff;
		border-radius: 5px;
	}

	.aside:hover::-webkit-scrollbar-thumb {
		background-color: #666;
	}


body .modal-header {
	padding-top: 0px;
	padding-bottom: 0px;
}


a, .btn-link {
	color: #0366d6;
}

/*.btn-primary {
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
}*/

/*button:not([class~=btn-]):focus {
	color: wheat;
	background-color: #117a8b;
	border-color: #10707f;
	box-shadow: 0 0 0 0.2rem rgba(58,176,195,.5);
}*/

app {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}

body :focus {
	outline: none;
}

/*.valid.modified:not([type=checkbox]) {
	outline: 1px solid #26b050;
}

.invalid {
	outline: 1px solid red;
}*/

.validation-message {
	color: red;
}

#blazor-error-ui {
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

	#blazor-error-ui .dismiss {
		cursor: pointer;
		position: absolute;
		right: 0.75rem;
		top: 0.5rem;
	}







body {
	cursor: default;
}


button, button * {
	cursor: pointer;
}

a {
	cursor: pointer;
}

input[readonly] {
	background-color: #f3f3f3;
}

input::-webkit-input-placeholder {
	color: #aaa !important;
}

table {
	border-collapse: collapse;
}

.focushighlight:focus {
	background-color: wheat;
}

.suiwindowheader {
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

input.sbox {
	width: 90px;
	height: 30px;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

input.ibox {
	height: 30px;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

textarea.ibox {
	height: 60px;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

select.ibox {
	height: 30px;
	font-family: 'Microsoft YaHei';
	font-size: 14px;
}

.btn.btn-cancel {
	color: #FFFFFF;
	background-color: #369999;
	border-color: #369999;
}

div.btns {
	margin: 5px;
	border: dotted 1px gray;
	border-radius: 5px;
	padding: 5px 5px 5px 32px;
}


.suiwindow {
	border: solid 1px gray;
	background-color: white;
	box-shadow: gray 3px 3px 3px;
}

.suiwindowheader {
	background-color: #5290c3;
	color: white;
	text-align: center;
}

.bpcgridheader {
	background-color: #5290c3;
	color: white;
}

.bpcgridview {
	border-collapse: collapse;
}

.bpcgridcolumn, .bpcgridcell, .bpcgridemptycell, .bpcgriddetailcell {
	border: 1px solid gray;
	padding: 5px 6px;
}

	.bpcgridcolumn input[type=checkbox] {
		margin-top: 4px;
		margin-left: 4px;
	}

	.bpcgridcell input[type=checkbox] {
		margin-top: 4px;
		margin-left: 4px;
	}

.bpcgriditem {
	color: maroon;
}

.bpcgridview tbody tr:hover {
	background-color: #fed;
}

.suipopupmenu {
	padding: 3px 0;
}

.suimenuitem {
	cursor: pointer;
}

	.suimenuitem[disabled] {
		color: gray;
	}

	.suimenuitem:hover {
		background-color: #cccccc;
	}

	.suimenuitem[disabled]:hover {
		background-color: initial;
		cursor: pointer;
	}

.suimenuitem-icon {
	display: inline-block;
	width: 20px;
}

.suimenuitem-text {
	display: inline-block;
	font-size: 12px;
	padding: 5px;
}

@media (min-width: 992px) {
	body .modal-dialog {
		max-width: 900px;
		margin: 1.75rem auto;
	}
}

.sppgridviewadvancedtable td {
	white-space: nowrap;
}

.sppgridviewadvancedtable select, .sppgridviewadvancedtable input {
	height: 30px;
	border: solid 1px #ccc;
	padding: 0 3px;
}

.sppgridviewadvancedtable input {
	width: 130px;
}

.sppgridview-toolbar {
	display: flex;
	flex-direction: row;
	margin-bottom: 5px;
}

	.sppgridview-toolbar button {
		margin: 0 2px;
	}

	.sppgridview-toolbar select, .sppgridview-toolbar input {
		height: 30px;
		border: solid 1px #ccc;
		padding: 0 3px;
	}


	.sppgridview-toolbar input {
		width: 130px;
	}

	.sppgridview-toolbar input {
		height: 30px;
		border: solid 1px #ccc;
	}

	.sppgridview-toolbar button i {
		font-size: 0.8em;
		margin: 1px 3px 1px 0;
		color: white;
	}

.sppgridview-toolbarleft {
	flex: 55555;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sppgridview-pager {
	display: flex;
	flex-direction: row;
	align-items: center;
}

	.sppgridview-pager > * {
		margin: 3px;
	}



.sppgridview-actions button, .sppgridview-actions .btn {
	padding: 2px 4px;
	margin-left: 4px;
}

	.sppgridview-actions button i {
		font-size: 0.9em;
		margin-bottom: 2px;
	}

.sppgridview-table {
	table-layout: auto;
}

	.sppgridview-table, .sppgridview-table td, .sppgridview-table th {
		border: solid 0px #dddddd;
	}

		.sppgridview-table td {
			padding: 8px 5px;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}


.sppgridview-table {
	width: 100%;
	/*xxx-table-layout: fixed;*/
}

	.sppgridview-table tr.sppgridview-item:hover {
		background-color: wheat;
	}


.bpcgridview, .bpcgridview td, .bpcgridview th {
	border: solid 0px #dddddd;
}

	.bpcgridview td {
		padding: 8px 5px;
	}

	.bpcgridview tr:nth-of-type(2n+2) {
		background-color: #f5f5f5;
	}

.bpcgridview {
	width: 100%;
	/*xxx-table-layout: fixed;*/
}



button.modal-close {
	font-size: 42px;
	line-height: 42px;
	padding: 0 12px;
}

	button.modal-close:hover {
		color: blue;
	}

.kt-portlet__head {
	height: 35px;
	border-bottom: solid 1px #ddd;
	margin: 8px 0 16px;
	display: flex;
}

.kt-portlet__head-toolbar {
	margin-top: -2px;
}

.spp-ToolbarPanel {
	padding: 5px 0;
}

body .spp-toolbar-btn {
	padding: 5px 18px;
}

	body .spp-toolbar-btn .fa {
		margin-right: 6px;
	}

.spp-btn-search {
	margin-left: 12px;
	padding: 5px 12px;
}

#inp_keyword {
	height: 34px;
}

.spp-pagerpanel {
	height: 42px;
}

	.spp-pagerpanel button {
		border: 1px solid #ccc;
		background-color: #fff;
		color: #555;
		padding: 4px 16px;
		text-align: center;
		cursor: pointer;
		margin: 5px 5px;
	}

		.spp-pagerpanel button:hover {
			border: 1px solid #4abdff;
			color: #4abdff;
		}

		.spp-pagerpanel button[disabled] {
			border: 1px solid #ddd !important;
			color: #999 !important;
		}


.suicontainer, .suipage {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	flex: 1;
}

.bpcgridcolumn {
	white-space: nowrap
}

/*#detailcontainer{
	background-color:#eee;
}*/
.kt-portlet {
	background-color: #fff;
	margin: 8px;
	padding: 8px;
	border-radius: 8px;
}

.kt-portlet__head-label {
	flex: 1;
}

.kt-portlet__head-toolbar {
	padding-right: 32px;
}

.kt-portlet__head-title {
	height: 25px;
	overflow-y: hidden;
}

	.kt-portlet__head-title i {
		font-size: 1.5em;
		margin: 0 5px;
		color: gray;
	}

text {
	display: inline !important;
}

@keyframes kfopacityshow2s {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.opacityshow2s {
	animation: kfopacityshow2s 2s ease;
}




.kt-widget12 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

	.kt-widget12 .kt-widget12__content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		/*padding-bottom: 1rem;*/
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

		.kt-widget12 .kt-widget12__content .kt-widget12__item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			margin-bottom: 2.5rem;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}

			.kt-widget12 .kt-widget12__content .kt-widget12__item .kt-widget12__info {
				-webkit-box-flex: 1;
				-ms-flex: 1;
				flex: 1;
			}

				.kt-widget12 .kt-widget12__content .kt-widget12__item .kt-widget12__info .kt-widget12__desc {
					font-size: 1rem;
					color: #74788d;
					padding-bottom: 0.5rem;
					font-weight: 500;
					display: block;
				}

				.kt-widget12 .kt-widget12__content .kt-widget12__item .kt-widget12__info .kt-widget12__value {
					font-size: 1.4rem;
					font-weight: 600;
					color: #595d6e;
					display: block;
				}

				.kt-widget12 .kt-widget12__content .kt-widget12__item .kt-widget12__info .kt-widget12__progress {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-pack: justify;
					-ms-flex-pack: justify;
					justify-content: space-between;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					line-height: 0;
					padding-top: 1rem;
				}

					.kt-widget12 .kt-widget12__content .kt-widget12__item .kt-widget12__info .kt-widget12__progress .progress {
						width: 100%;
						height: 0.6rem;
					}

					.kt-widget12 .kt-widget12__content .kt-widget12__item .kt-widget12__info .kt-widget12__progress .kt-widget12__stat {
						font-size: 1.3rem;
						font-weight: 700;
						color: #74788d;
						padding-left: 1rem;
					}

	.kt-widget12 .kt-widget12__chart {
		position: relative;
	}

		.kt-widget12 .kt-widget12__chart canvas {
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
		}


#modalcontainer {
	min-width: 500px;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.card-body {
	overflow-x: auto;
}

.chart-line-div {
	height: 270px;
}


body.theme-light .subheader.subheader-solid {
	border-top-style: none;
}
body.theme-dark .subheader.subheader-solid {
	border-top-style:solid;
	margin-top:5px;
}
body.theme-dark #kt_header{
	height:70px;
}



.hoverunderline:hover {
	text-decoration: underline !important;
}

.statdual-table th {
	text-align: center;
}

.statdual-table th, .statdual-table td {
	border-color: #ccc;
}

.statdual-table {
	border-width: 0px;
}

.apexcharts-menu-item.exportCSV {
	display: none !important;
}


.switch.switch-icon label {
	display: flex;
	flex-direction: row;
	align-items: center;
}



.header.header-fixed {
	background: linear-gradient(90.04deg, #2555C1 14.44%, #3D69DA 76.02%);
}

body .header.header-fixed * {
	color: #fff !important;
}

body .nav-tabs {
	border-bottom: none;
}

	body .nav-tabs .nav-link {
		padding-bottom:5px!important;
		margin-right:2px!important;
	}

		body .nav-tabs .nav-link.active {
			border-bottom-width: 2px !important;
		}

		body .nav-tabs .nav-link .nav-text {
			padding-left: 3px !important;
			padding-right: 2px !important;
		}


.sppgridview-header {
	background-color: rgb(235,243,254);
	rem-color: white;
}

.sppgridview-table tr:nth-of-type(2n+2) {
	rem-background-color: #f5f5f5;
}

.sppgridview-toolbar select, .sppgridview-toolbar input{
	border-color:#ddd;
	border-radius:5px;
}
.sppgridview-toolbar button {
	background-color: #2555C1;
	border-color: #2555C1;
}

body .btn.btn-primary {
	background-color: #2555C1;
	border-color: #2555C1;
}

body .btn.btn-primary {
	background-color: #2555C1;
	border-color: #2555C1;
}


body button:not([class~=btn]) {
	color: #fff;
	background-color: #2555C1;
	border: solid 1px #2555C1;
}