.base-popup {
	position: absolute;
	width: 100px;
	height: 100px;
	top: 50px;
	left: 50px;
	border-radius: 5px 5px 0 0;
	border: 1px solid #bdbdbd;
	background-color: #eceff1;
	z-index: 99999993;
    padding: 10px;       
}

.base-popup.hidden {
	display: none;
}

.base-popup.info {
	width: 300px;
	height: auto;
}

.base-popup.info .title {
	width: 100%;
	height: 32px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	word-break: normal;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: underline;
}

.base-popup.info .info {
	width: 100%;
	height: auto;
	line-height: 32px;
}

.base-popup.info .button-group {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	justify-content: center;
	padding: 10px 0;
}

.base-popup.info .button-group .button {
	margin: 2px 20px;
}

.base-popup.info .button:hover {
	color: beige;
}

.select-window .title {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.select-window .select-area {
	display: flex;
	flex-direction: row;
	height: 32px;
}

.select-window .selector {
	flex-grow: 1;
	height: 100%;
}

.select-window .button {
	width: auto;
	margin: 0 10px;
}

.file-node-item {
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 20px;
}

.file-node-item .file-open-flag {
	width: 14px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	margin: 0 10px;
}

.file-node-item .node-item {
	flex-grow: 1;
	height: 100%;
}

.file-node-item .sub-layer {
	width: 100%;
	height: 100%;
	z-index: 1;
}

.file-node-item .upper-layer {
	width: 100%;
	height: 100%;
	position: relative;
	top: -100%;
	left: 0;
}

.file-node-item .node-item.current .upper-layer {
	background-color: rgba(52, 152, 219, 0.3);
}

.file-node-item .icon-label {
	height: 20px;
}

.file-node-item .icon-label .pixbuf {
	width: 20px;
	height: 20px;
}

.file-node-dom {
	width: 100%;
	height: auto;
	padding: 5px 0px;
}

.file-node-dom .sub-nodes {
	width: calc(100% - 14px);
	height: auto;
	padding-left: 14px;
}

.file-node-dom .sub-nodes.hidden {
	display: none;
}

.open-file-diag {
	display: flex;
	flex-direction: column;
}

.open-file-diag .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 32px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	border-bottom: 1px solid #bdc3c7;
}

.open-file-diag .tree-area {
	flex-grow: 1;
	overflow: auto;
}

.open-file-diag .button-group {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	height: 32px;
	margin: 5px;
}

.open-file-diag .button-group .button {
	margin: 2px 20px;
}

.open-file-diag .line-edit {
	width: 90%;
	margin: 10px auto;
}

.base-popup.sys-authen {
	color: beige;
	background-color: #3d3f3f;
	border-radius: 5px;
}

.sys-authen .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 32px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.sys-authen .user-info {
	display: flex;
	flex-direction: row;
	height: 64px;
	margin: 5px 0;
}

.sys-authen .user-info .pixbuf {
	width: 64px;
	height: 64px;
}

.sys-authen .user-info .user-name {
	
}