body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

code {
	font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

.site-layout-content {
	min-height: calc(100vh - 182px);
	padding: 24px;
}

#components-layout-demo-top .logo {
	float: left;
	width: 120px;
	height: 31px;
	margin: 16px 24px 16px 0;
	background: rgba(255, 255, 255, 0.3);
}

.ant-row-rtl #components-layout-demo-top .logo {
	float: right;
	margin: 16px 0 16px 24px;
}

.page-loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.3);
}

.main-content {
	height: calc(100vh - 70px);
	background-color: #fff;
}

.page-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 16px;
	border-bottom: 1px solid #f0f0f0;
	height: 48px
}

.page-title {
	font-size: 15px;
	color: #444;
	font-weight: bold;
}

.page-title-more {
	display: flex;
	gap: 8px;
}

.form-content {
	padding: 10px 16px;
	overflow-x: auto;
	height: calc(100vh - 117px);
}

.grid-content {
	padding: 10px 10px;
	overflow-x: auto;
	height: calc(100vh - 117px);
}
#editor-container {
	height: 100%;
	min-height: 100%;
	overflow-y: auto;
}

.ql-container {
	min-height: 90px;
}