body {
    /* --primary-color: #1890ff;
    --primary-color-deep: #1171ee;
    --primary-color-hover: #1171ee; */
    --mainColor: #333;
    --bgWhite: #fff;
    --bgGray: #f0f2f5;
    --mainBg: #eeeff1;
    /* --mainbg:#eeeff1; */
    --navbarH: 50px;
}

.layout-row-main {
    /* top: var(--navbarH);
    left: 0;
    width: 100vw; */
}


.layout-col-menu,
.layout-col-tree,
.layout-col-list {
    height: calc(100vh - var(--navbarH));
}

.layout-col-menu {
    /* background: #e3e6ea none; */
    /* background: var(--bgWhite); */
    border-top: 1px solid var(--bgGray);
    border-left: 1px solid var(--bgGray);
}

.layout-no-cols {
    /* background: var(--bgWhite); */
}

.layout-col-main {
    flex: 1;
    height: 100%;
    position: relative;
    overflow: auto;
    background: var(--bgGray);
    /* padding: 15px; */
}


.navbar-color-bg {
    /* background-color: #426299;
    background-color: var(--primary-color-deep);
    color: #dddddd; */
}

.navbar-color-bg .el-dropdown {
    /* color: #333; */
}

.navbar-color-bg a {
    /* color: #333; */
    text-decoration: none;
    border: 0;
    border-radius: 4px;
}

.navbar-color-bg a:hover {
    /* color: var(--primary-color); */
}

.el-input__inner {
    /* height: 40px !important; */
    min-height: 40px;
}

.el-input-number .el-input__inner {
    /* height: 40px !important; */
    min-height: 100%;
}

.el-select:not(.select-container .el-select) .el-input__inner[readonly=readonly] {
    height: 40px;
}

.el-toolbar-body .el-button,
.tar .el-button {
    padding: 12px 15px;
}

.el-toolbar .el-button,
.el-toolbar .el-button.is-disabled.is-plain {
    /* border-color: transparent; */
    /* border: 1px solid #d9d9d9; */
}

.el-toolbar .el-button--text,
.el-toolbar .el-button--text.is-disabled.is-plain {
    /* border-color: transparent; */
}

/* 子菜单active样式 */
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,
.el-tree-node:focus>.el-tree-node__content,
.el-tree-node__content:hover {
    color: #fff;
}

/* //===// */

.menu-wrap {
    /* background: #fff; */
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    overflow: auto;
}

.layout-no-cols {
    margin: 0;
    /* padding: 0 15px; */
}

.el-toolbar,
.el-toolbar-body {
    /* background-color: #fff; */
}

.el-toolbar .toolbar-form {
    flex: 1;
}

.el-toolbar .toolbar-form .el-form {
    float: right;
}

.el-toolbar .toolbar-form .el-form .el-form-item {
    margin-right: 0;
}

.el-toolbar .toolbar-form .el-form .el-form-item,
.el-toolbar .toolbar-form .el-form .el-form-item__label {
    margin-bottom: 0;
}

.tar .el-form .el-form-item,
.tar .el-form .el-form-item__label {
    margin-bottom: 0;
}

.search-box {}

.el-table {
    margin-top: 0;
}

.el-table__header {
    height: 48px;
    /* background-color: #f9f9f9; */
}

.el-table__header th {
    /* background-color: #f9f9f9; */
}

.el-table .el-checkbox {
    margin-bottom: 0;
}

:root {
    --el-pagination-height: 35px;
}

.el-pagination__editor.el-input .el-input__inner {
    height: var(--el-pagination-height) !important;
}

.el-input--mini .el-input__inner {
    height: var(--el-pagination-height) !important;
}

.el-pagination .el-select .el-input__inner[readonly=readonly] {
    height: var(--el-pagination-height) !important;
}

.el-pagination {
    padding: 8px 5px;
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    /* background-color: #fff;
    border: 1px solid #ddd;
    color: #333; */
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding-left: 10px;
    padding-right: 10px;
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    height: var(--el-pagination-height);
    line-height: 35px;
}

.el-pager li {
    height: var(--el-pagination-height);
    line-height: var(--el-pagination-height);

}

.el-pagination.is-background .el-pager li {
    min-width: var(--el-pagination-height);
}

.el-tag+.el-tag {
    margin-left: 10px;
}

.tag-con .el-tag {
    margin-right: 10px;
    margin-left: 0;
}

.tag-con .el-tag+.el-button {
    margin-right: 10px;
    margin-right: 10px;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
}

/* tabs+input */
.layout-tab-input {
    position: relative;
}

.layout-tab-input .layout-input {
    width: 550px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.el-table .sort-caret {
    padding: 0;
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,
.el-tree-node:focus>.el-tree-node__content,
.el-tree-node__content:hover {
    background-color: var(--color-primary);
}


.layout-info-tab .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__item.is-active {
    color: var(--color-primary) !important;
}

.el-image-viewer__wrapper {
    z-index: 10000 !important;
}

.picresDialog .el-dialog {
    width: 800px;
}

.yd-card__tooltip {
    background-color: var(--color-primary-deprecated-bg) !important;
    color: #333 !important;
}

.yd-card__tooltip .popper__arrow {
    border-right-color: var(--color-primary-deprecated-bg) !important;
    border-left-color: var(--color-primary-deprecated-bg) !important;
}

.yd-card__tooltip .popper__arrow::after {
    border-right-color: var(--color-primary-deprecated-bg) !important;
}

.yd-card__tooltip .popper__arrow::after {
    border-left-color: var(--color-primary-deprecated-bg) !important;
}

.w-e-text-container .w-e-scroll {
    min-height: 85px;
}

.inline-formula-container {
  cursor: initial;
  border: 0 none;
  margin: 0;
  display: inline-block;
}

.inline-formula-container .katex-display {
  margin: 0;
}