.workbook {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	border: 1px solid #ccc;
}

.workbook-header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 28px;
	border-bottom: 1px solid #cccccc;
}

.workbook-body {
	position: absolute;
	top: 29px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.sheet-header {
	position: absolute;
	font-size: 13px;
	height: 22px;
	line-height: 20px;
	width: 100px;
	top: 5px;
	left: 6px;
	padding-left: 15px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #3c3c3c;
	background-color: #eae9e7;
	z-index: 50;
}

.sheet {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 12px;
	line-height: 26px;
}

.sheet-body {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.sheet-body-inner {
	position: absolute;
	left: 59px;
	top: 0px;
	bottom: 0px;
	width: max-content;
	min-width: 2000px;
}

.sheet-filter {
	position: absolute;
	top: 1px;
	left: 300px;
	width: 300px;
	font-size: 13px;
	line-height: 26px;
}

.sheet-filter-select {
	height: 22px;
    line-height: 23px;
    width: 80px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    color: #606266;
    outline: 0;
    margin-right: 10px;
}

.sheet-btn {
	float: right;
	width: 70px;
	right: 0px;
	text-align: center;
	height: 22px;
    line-height: 22px;
    margin-right: 30px;
    margin-top: 3px;
    background-color: #eaeaea;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.sheet-btn:hover {
	background-color: #dadada;
}

.column-indicator {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 17px;
	width: 18px;
	text-align: center;
	border-right: 1px solid #cccccc;
	background-color: #f7f7f7;
	z-index: 10;
}

.column-index {
	position: absolute;
	top: 0px;
	bottom: 17px;
	left: 19px;
	width: 40px;
	text-align: center;
	background-color: white;
	border-right: 1px solid #cccccc;
	z-index: 10;
}

.column-data {
	position: relative;
	float: left;
	height: 100%;
	line-height: 28px;
	border-right: 1px solid #cccccc;
	font-size: 12px;
	z-index: 5;
}

.column-addOne {
	position: relative;
	float: left;
	width: 80px;
	height: 100%;
	line-height: 28px;
	background-color: #f7f7f7;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	font-size: 12px;
}

.column-holder {
	position: relative;
	float: left;
	width: 80px;
	height: 100%;
	line-height: 28px;
	background-color: #f7f7f7;
	border-left: 1px solid #cccccc;
	border-right: 2px solid #cccccc;
	font-size: 12px;
}

.column-width-06 {
	width: 60px;
}

.column-width-08 {
	width: 80px;
}

.column-width-10 {
	width: 100px;
}

.column-width-15 {
	width: 150px;
}

.column-width-25 {
	width: 250px;
}

.cell-indicator {
	height: 28px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}

.cell-top {
	height: 23px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
}

.cell-title {
	height: 28px;
	box-sizing: border-box;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	color: #807d7d;
}

.title-unselected {
	background-color: #f0f0f0;
	border-bottom: 1px solid #cccccc;
}

.title-selected {
	background-color: #e8e4e4;
	border: 1px solid #ccc2c2;
	color: #333333;
}

.title-dirty {
	color: #49429b;
	text-decoration: underline;
}

.cell-title:hover {
	background-color: #e8e4e4;
}

.cell-data {
	height: 28px;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
	padding: 0 5px;
	overflow: hidden;
}

.column-left {
	text-align: left;
}

.column-center {
	text-align: center;
}

.column-right {
	text-align: right;
}

.placeholder {
	position: absolute;
	top: 50px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #fafafa;
}

.root-indicator {
	height: 22px;
	box-sizing: border-box;
}

.format-center {
	text-align: center;
}

.band-tree {
	font-size: 13px;
}

.band-tree #rootUL {
	margin-top: 0px;
	padding-left: 10px;
}

.band-tree .tree_node {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-weight: 100;
	border-radius: 11px !important;
	background-color: #f4f4f5 !important;
	border: 1px solid #b9b9ba;
	width: 140px;
}

.band-tree .tree_root {
	background-color: #dededf !important;
}


.tree_txt {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 180px;
}

.tree_txt_val {
	margin-left: 10px;
}

.page_excel {

}

.page_excel .selected_header, .page_excel .selected_header th {
	background-color: #a8d5a8;
}

.page_excel .selected_header {
	border-left: 2px solid #23872b;
	border-right: 2px solid #23872b;
	box-sizing: border-box;
}

.page_excel .selected_row {
	background-color: #4ad54a;
}

.page_excel .selected_cell {
	background-color: #4ad54a;
}

.page_excel .excel_header {
	display: inline-block;
}

.excel_row_watchpoint th {

}

.excel_row_watchpoint .row_watchpoint {
	padding: 0px;
	width: 20px;
	text-align: center;
	background-color: #f7f7f7;
}

.excel_button th {
	background-color: #dfead6 !important;
	color: #83ad65;
	font-size: 20px;
	border-left: 1px solid #ccc;
}

/* .excel_button td {
				//border-right: 1px solid #ccc0 !important;
				//border-bottom: 1px solid #ccc0 !important;
			} */
.excel_button th:hover {
	cursor: pointer;
	color: #719557;
	background-color: #b8d09f !important;
}

.page_excel tr {
	height: 24px;
}

.page_excel th {
	height: 34px;
	line-height: 34px;
	padding: 0px 10px;
	background-color: #eaeaea;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.page_excel .header_watchpoint {
	height: 20px;
}

.page_excel .header_watchpoint td {
	height: 20px;
	text-align: center;
	cursor: pointer;
	background-color: #f7f7f7;
	padding: 0px;
}

.page_excel .add_field {

}

.page_excel .add_field input {
	margin-bottom: 0px !important;
}

.page_excel th:hover {
	cursor: pointer;
}

.page_excel td {
	height: 28px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 2px 8px;
	box-sizing: border-box;
	font-size: 12px;
}

.card_excelmenu {
	z-index: 999;
	position: absolute;
	background: white;
}

.card_excelmenu .el-card__body {
	padding: 0px;
}

.card_excelmenu .card_button {
	padding: 5px;
}

.ghost {
	border-left: 3px solid #0090FF;
	border-right: 3px solid #0090FF;
}

.header_item {
	cursor: move;
}

#formula_edit:focus {
	outline: 0;
	border-color: #409EFF !important;
	box-shadow: inset 0 1px 1px rgb(0 0 0/ 8%), 0 0 8px rgb(82 168 236/ 60%);
}

#delbtn {
	display: none;
	width: 10px;
	right: 0;
	top: 0;
	margin-left: 2px;
	padding-left: 1px;
}

#delbtn:after {
	/* content: "-"; */
	color: red;
	/* font: bold 40px 'Microsoft Yahei'; */
}

.tree_txt:hover #delbtn {
	display: inline-block;
}

.tree_txt:hover {
	cursor: pointer;
}

.el-cascader-node:focus {
	color: #409EFF;
	background-color: #00FFFF;
}

.formula_tool {
	box-shadow: 0px 1px 3px rgba(34, 25, 25, 0.2);
	text-align: right;
	width: 100%;
	background-color: #ea8d110a;
	font-family: Microsoft Yahei;
	font-weight: bold;
	margin: 0px;
	height: 40px;
	box-sizing: border-box;
}

.formula_tool .el-button--primary {
	color: #FFF;
	background-color: #6ab5e3;
	border-color: #3c8dbc;
}

.formula_tool .el-button--primary:hover {
	background-color: #92c4e3;
	border-color: #3c8dbc;
}

.formula_notedit {
	color: #d5d5d4;
	background-color: #f1f1f1;
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	padding: 0px 5px;
	box-sizing: border-box;
}

.formula_edit {
	word-break: break-all;
	width: 100%;
	height: 30px;
	line-height: 28px;
	margin-top: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0px 5px;
	overflow: auto;
	box-sizing: border-box;
}

.formula_tree {
	width: 100%;
	overflow: auto;
	margin-top: 5px;
	padding: 5px;
	box-sizing: border-box;
}


.tree_txt_val_fh {
	background-color: #e8b966;
}


.tree .selected_node {
	background-color: #aad8f4 !important;
}

.tree .tree_dragnode {
	float: right;
	text-align: center;
	display: inline-block;
}

.tree .tree_dragnode:hover {
	cursor: move;
	color: #00B0F0;
}

.el-tabs__header {
	margin: 0;
}