// 全局字体大小调整 - 增加 10%
html {
	font-size: 16px !important;
}

body {
	font-size: 16px !important;
}

// labels
.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
	background-color: #21ba45 !important;
}

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
	background-color: #21ba45 !important;
}

.ui.label.basic {
	background-color: white !important;
}

.ui.basic.grey.label.border-grey {
	border-color: #ddd!important;
}

// fields
form {
	.fields {
		margin-bottom: 0 !important;
	}

	.warning, .success, .error {
		display: block !important;
	}
}

// links
.link.grey {
	color: grey !important;
}

.link.grey:hover {
	color: #4183c4 !important;
}

// table
table {
	th.center, td.center {
		text-align: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	th.width10 {
		width: 10em;
	}

	th.width5 {
		width: 5em;
	}

	th.width6 {
		width: 6em;
	}
}

.ui.table tbody[style*="display: none;"], .ui.table tr[style*="display: none;"], .ui.table tr>td[style*="display: none;"], .ui.table tr>th[style*="display: none;"] {
	display: none!important;
}

// textarea
textarea::-webkit-scrollbar {
	width: 6px !important;
}

// dropdown
select.dropdown {
	height: auto !important;
}

// Menu background colors and separator cleanup
:root {
	--admin-top-nav-bg: #0a1f3f;
	--admin-side-menu-bg: #1a4674;
}

.top-nav,
.top-nav.theme1,
.top-nav.theme2,
.top-nav.theme3,
.top-nav.theme4,
.top-nav.theme5,
.top-nav.theme6,
.top-nav.theme7 {
	background: var(--admin-top-nav-bg) !important;
}

.main-menu,
.main-menu.theme1,
.main-menu.theme2,
.main-menu.theme3,
.main-menu.theme4,
.main-menu.theme5,
.main-menu.theme6,
.main-menu.theme7,
.main-menu .menu,
.main-menu.theme1 .menu,
.main-menu.theme2 .menu,
.main-menu.theme3 .menu,
.main-menu.theme4 .menu,
.main-menu.theme5 .menu,
.main-menu.theme6 .menu,
.main-menu.theme7 .menu {
	background: var(--admin-side-menu-bg) !important;
}

.main-menu .ui.menu .item.separator,
.main-menu .ui.menu .sub-items .item.separator {
	display: none !important;
	border: 0 !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

// Align left menu with top nav and remove leading spacer item
.main-menu {
	top: 2.6em !important;
}

.main-menu > .ui.menu > .item:first-child:empty {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}