.commonPanel {
    margin: 5px 0px;
}
.panelTitle {
	display: flex;
	padding: 0px 10px;
	margin-bottom: 10px;
}
.panelTitleText {
	font-weight: bold;
    font-size: 13px;
    padding-right: 20px;
    white-space: nowrap;
}
.panelTitleLine {
	width: 100%;
    margin-top: 10px;
	border-top: 1px solid #212529;
}
.stylePanel {
	display: flex;
    padding: 0px 20px;
	margin-bottom: 10px;
	justify-content: space-between;
}
.stylePanel1 {
	display: flex;
    padding: 0px 20px;
	margin-bottom: 10px;
}
.stylePanelPreLabel {
	padding-right: 20px;
    white-space: nowrap;
}
.unitInputPlus {
	height: 20px;
    width: 20px;
    border: 1px solid #dcdfe6;
	border-radius: 0 4px 4px 0;
	text-align: center;
    background-color: #909399;
    color: #fff;
}
.unitInputMinus {
	height: 20px;
    width: 20px;
    border: 1px solid #dcdfe6;
	border-radius: 4px 0 0 4px;
	text-align: center;
    background-color: #909399;
    color: #fff;
}
.unitInput {
    border-radius: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 0px;
	width: 100px;
	text-align: center;
}
.checkStyle0 {
    display: flex;
    margin-right: 15px;
}
.checkStyle0 .custom-control-label{
    padding: 4px 0px;
}
.checkStyle {
    display: flex;
    margin: 0 20px 10px 20px;
    justify-content: space-between;
}
.checkStyle .custom-control-label{
	padding: 4px 0px;
}
.fontMenu {
    white-space: nowrap;
    overflow: hidden;
    margin: 0px;
    width: 140px !important;
    height: 20px;
    text-align: center;
}
.topTabColor {
    background-color: #909399;
    color: white;
}
.sidebarPalette {
    background: #fff;
}
.contextMenu .mxPopupMenuIcon {
    width: 30px;
    background-color: #909399;
}
.contextMenu .mxPopupMenuItem {
    background-color: #ebebeb;
}
html tr.mxPopupMenuItemHover .mxPopupMenuItem {
    background-color: #c0c0c0ad;
}