@import "./app/theme.scss";
html,
body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
ul,
ol,
dl,
li,
dt,
dd,
p,
form,
input,
h1,
h2,
h3,
h4,
h5,
h6,
section,
article,
aside,
header,
footer,
nav,
figure,
time,
mark,
main,
canvas {
	margin: 0;
	padding: 0;
}
b,
strong,
i,
em,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-style: normal;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #000;
}
ul,
ol,
li {
	list-style: none;
	overflow-x: hidden;
}
.clearfn:after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
	visibility: hidden;
}
//root标签
app-root {
	height: 100%;
}

h1 {
	font-size: 16px;
}
.mat-expansion-panel-body {
	padding: 0px !important;
}
.mat-expansion-indicator::after {
	color: black;
}
.example-sidenav .mat-drawer-inner-container {
	overflow: hidden;
}
table th.mat-header-cell:last-of-type,
table td.mat-cell:last-of-type,
table td.mat-footer-cell:last-of-type {
	padding-right: 0px;
}
.mat-tab-body {
	height: 100%;
	overflow-y: auto;
}
.mat-drawer-backdrop.mat-drawer-shown {
	background-color: #fff;
}
.mat-content {
	//可展开面板垂直居中
	align-items: center;
}

//x轴滚动条隐藏
.example-sidenav-content {
	overflow-x: hidden;
	overflow-y: auto;
}
.mat-tab-body-wrapper {
	overflow: auto !important;
}
//滚动条样式
::-webkit-scrollbar {
	width: 5px;
	background-color: white;
}
::-webkit-scrollbar-thumb {
	background-color: #999;
}

#setPosition {
	.custom-content-marker {
		position: relative;
		// border: 1px solid red;
		width: 68px;
		height: 68px;
		overflow: hidden;
		display: flex;
		justify-content: center;
		.positionimg {
			width: 30px;
			height: 36px;
		}
	}

	.custom-content-marker .btnbox {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 68px;
		height: 30px;
		background: #ffffff;
		border-radius: 60px;
		color: #ebebeb;
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
		padding: 0 5px;
		align-items: center;
		img {
			width: 20px;
			height: 20px;
			cursor: pointer;
		}
	}
	.custom-content-marker .btnbox2 {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 68px;
		height: 30px;
		opacity: 0;
		border-radius: 60px;
		color: #ebebeb;
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
		padding: 0 5px;
		align-items: center;
	}

	.custom-content-marker .close-btn:hover {
		background: #666;
	}
}