body,
html {
	overflow: hidden !important;
	font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", 微软雅黑,
		"Lantinghei SC", STXihei, "WenQuanYi Micro Hei", Arial, sans-serif;
	background-color:var(--bs-body-bg);
}

body .flexrow.photopea {
	overflow: hidden !important;
	position: absolute;
    top: 0;
}

.contextpanel {
	padding: 5px 0;
	box-shadow: 4px 5px 10px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background-clip: padding-box;
	font-size: 12px;
	color: #444;
	cursor: pointer;
	overflow-y: auto;
	border-radius: 3px;
}

.contextpanel.toolbar-menu {
	border-radius: 0 0 3px 3px;
}

.contextpanel hr {
	margin: 0.2em 0;
	background: #eee;
}

.contextpanel div {
	padding: 5px 8px 5px 8px;
}

.contextpanel .right {
	margin-top: 2px;
}

.contextpanel .thumb {
	margin-left: 0;
}

.contextpanel .enab:hover,
.contextpanel .active {
	background-color: #eee;
}

.contextpanel.toolbar-menu {
	margin-top: -2px;
}

.artDialog table {
	font-size: 13px;
}

.artDialog table td,
.artDialog table th {
	width: inherit;
	border-width: inherit;
}

.block .panelhead {
	padding-top: 2px;
	padding-left: 2px;
}

body.theme-black .contextpanel {
	color: #fff;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), 5px 5px 10px rgba(0, 0, 0, 0.1);
}

body.theme-black.theme-1 .contextpanel {
	background: #333;
}

body.theme-black.theme-2 .contextpanel {
	background: #252a35;
}

body.theme-black.theme-4 .contextpanel {
	background: #382e3d;
}

body.theme-black .contextpanel hr {
	background: rgba(255, 255, 255, 0.05);
}

body.theme-black .contextpanel .disab {
	color: rgba(150, 150, 150, 0.5);
}

body.theme-black .contextpanel .enab:hover,
body.theme-black .contextpanel .active {
	color: #fff;
	background: rgba(255, 255, 255, 0.2);
	transition: all .1s;
}

body.theme-black .contextpanel .thumb {
	filter: invert(0.6);
}

body.theme-black .alertpanel {
	background: #222;
	color: #fff;
}

body.theme-black .alertpanel input {
	color: #fff !important;
}

body.theme-black .alertpanel .contextpanel {
	background: none;
	border: none;
}

body.theme-black .alertpanel .contextpanel .enab span {
	color: #fff !important;
}

body.theme-black .rightbar .layeritem .head .arfx {
	border-left: 1px solid #bbb;
	background-color: #ddd;
}

.toolbar-menu.toolbar-file>div:nth-child(4),
.toolbar-menu.toolbar-file>hr:nth-child(5),
.toolbar-menu.toolbar-file>div:nth-child(6),
.toolbar-menu.toolbar-file>div:nth-child(7),
.toolbar-menu.toolbar-file>hr:nth-child(10),
.toolbar-menu.toolbar-file>div:nth-child(12),
.toolbar-menu.toolbar-file>div:nth-child(15),
.toolbar-menu.toolbar-file>div:nth-child(16),
.toolbar-menu.toolbar-file>hr:nth-child(17),
.toolbar-menu.toolbar-file>hr:nth-child(19),
.toolbar-menu.toolbar-more>div:nth-child(3) {
	display: none;
}

.head .lrfx {
	background: none;
	line-height: 45px;
	text-align: center;
	color: #000;
	font-size: 18px;
}

.head .lrfx:before {
	content: "\efc1";
	font-family: 'dzz' !important;
}


.alertpanel input {
	background: rgba(150, 150, 150, 0.15) !important;
	padding: 8px 10px;
}

.window {
	border-radius: 3px;
}

.window .whead {
	border-radius: 3px 3px 0 0;
	font-size: 14px;
	height: 35px;
	line-height: 25px;
	padding-left: 5px;
	cursor: move;
}

button:focus,
a:focus,
input:focus {
	outline: none;
}

input,
.labelitem {
	padding: 1px 3px;
}

.topbar button {
	margin: 0;
	padding: 6px 10px 7px 10px;
}

.listitem .fitem.cbox input[type='checkbox'],
.confbar .toolconf .fitem.cbox input[type='checkbox'] {
	position: relative;
	top: -1px;
}

.sbar>.top {
	text-indent: -9999px;
}

.sbar>.top:hover {
	opacity: 0.7;
}

.sbar>.top:before {
	content: "\F0174";
	text-align: center;
	margin-left: 1em;
	position: absolute;
	top: 0;
	left: 50%;
	font: normal normal normal 11px/1 "Material Design Icons";
	text-indent: 0;
	opacity: 0.6;
	width: 14px;
	height: 14px;
	margin-left: -7px;
}

.toolbar .scont .switch:nth-child(2) {
	position: relative;
	top: -3px;
}

.confbar .fitem button.fitem.bbtn {
	padding: 2px 8px !important;
	border-radius: 2px;
	cursor: pointer;
}

.confbar .fitem button.fitem.bbtn:hover {
	opacity: 0.7;
}

.sbar.toolbar {
	overflow: hidden !important;
	border-left: none;
}

.cmanager+div>div {
	position: absolute;
	left: 0px;
	right: 0px;
}

.block .panelhead>div {
	cursor: pointer;
}

.block .panelhead>div:hover {
	opacity: 0.7;
}

html {
	--bg-color: #e0e0e0;
	--bg-panel: #969696;
	--bg-canvas: #e0e0e0;
	--bg-input: #ffffff;
	--bg-bbtn: #eeeeee;
	--bg-bbtnOver: #e6e6e6;
	--brdr: #6e6e6e;
	--text-color: #393837;
	--brdrLgt: rgba(255, 255, 255, 0.5);
	--brdrDrk: rgba(0, 0, 0, 0.4);
	--alphaDark: 0.12;
	--gs-invert: 0.22;
	--sh-clr: rgba(255, 255, 255, 0.45);
	--sh-dy: 1px;
	--img20: 15px;
}

.rightbar .collapsed button {
	margin: 1px 0;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}

button {
	border-radius: 0px;
	overflow: hidden;
}

div.btn-group-sm>.btn {
	padding: 6px 10px;
}

.label {
	color: inherit;
	font-weight: inherit;
	text-align: inherit;
	font-size: inherit;
	line-height: inherit;
	vertical-align: inherit;
	border-radius: 0;
	white-space: inherit;
	padding: initial;
	margin: initial;
}

input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: initial;
}

.file-title {
	position: absolute;
	right: 10px;
	display: inline-block;
}

@media (max-width:800px) {
	.file-title {
		display: none;
	}
}