html,
body,
#app {
    height: 100%;
    margin: 0;
    padding: 0;
}

iframe {
    display: block;
}

#app {
    font-family: PingFang SC, Microsoft YaHei, SimSun, sans-serif, Helvetica Neue;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-align: left;
    color: #2c3e50;
    background-color: var(--customBlackColor, #FFFFFF);
    padding: 0 10px 0 10px;
    box-sizing: border-box;
}

.form-template {
    display: flex;
    flex-flow: column;
    box-sizing: border-box;
}

.form-template.el-form--label-top .form-list {
    padding-top: 5px;
}

.form-template.el-form--label-left .form-list, .form-template.el-form--label-right .form-list {
    padding-top: 10px;
}

.form-template .form-toolbar {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    flex-shrink: 0;
}

.form-template .form-toolbar:has(> .btn-group-left > *), .form-template .form-toolbar:has(> .btn-group-right > *) {
    border-bottom: 1px solid #EBEEF5;
    padding: 5px;
}

.form-toolbar .btn-group-left {
    flex: 1;
    display: flex;
    align-items: center;
}

.form-toolbar .btn-group-right {
    display: flex;
    align-items: center;
}

.btn-group-left .sciyon-flowchartbtn {
    margin: 0 10px;
}

.btn-group-left .template-dropdown {
    margin-left: 10px;
    line-height: 28px;
}

.form-template .form-list {
    flex: 1;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    place-content: flex-start;
}

.form-template.el-form--label-top .form-list .form-item-col .el-form-item .el-form-item__content > .syncplant-button.el-button--mini {
    margin-top: 32px;
}

.form-template.el-form--label-top .form-list .form-item-col .el-form-item .el-form-item__content > .syncplant-button.el-button--small {
    margin-top: 30px;
}

.form-template.el-form--label-top .form-list .form-item-col .el-form-item .el-form-item__content > .syncplant-button.el-button--medium {
    margin-top: 28px;
}

.form-template.el-form--label-top .form-list .form-item-col .el-form-item .el-form-item__content > .sciyon-flowchartbtn .syncplant-button.el-button--small {
    margin-top: 30px;
}

.form-template.el-form--label-top .form-list .form-item-col .el-form-item .el-form-item__content > .import-excel .syncplant-button.el-button--small {
    margin-top: 30px;
}

.search-form .el-form-item {
    margin-bottom: 10px;
}

.form-template.el-form--label-top.has-custom-label-pos-child .form-item-col:has(> .el-form-item-label-left), .form-template.el-form--label-top.has-custom-label-pos-child .form-item-col:has(> .el-form-item-label-right) {
    display: flex;
    align-items: center;
}

.form-template.el-form--label-top.has-custom-label-pos-child .form-item-col .el-form-item-label-left, .form-template.el-form--label-top.has-custom-label-pos-child .form-item-col .el-form-item-label-right {
    width: 100%;
}

.form-template.el-form--label-left.has-custom-label-pos-child .form-item-col {
    margin: auto 0;
}

.form-template.el-form--label-right.has-custom-label-pos-child .form-item-col {
    margin: auto 0;
}

.template-tabs .el-tabs__content {
    height: calc(100% - 48px);
    overflow: auto;
}

.template-tabs .el-tabs__content .el-tab-pane {
    height: 100%;
}

/*.template-tabs .el-tabs__header > .is-left {*/
/*    padding: 0 0 0 20px !important;*/
/*}*/

.el-tabs--left .el-tabs__header.is-left {
    margin-right: 0px;
}

.template-tabs .el-tabs__header > .is-left .el-tabs__nav-scroll {
    padding: 0 0 0 10px;
}

/*.template-tabs .el-tabs__header > .is-right {*/
/*    padding: 0 20px 0 0 !important;*/
/*}*/

.el-tabs--right .el-tabs__header.is-right {
    margin-left: 0px;
}

.template-tabs .el-tabs__header .is-right .el-tabs__nav-scroll {
    padding: 0 10px 0 0;
}

.el-tabs--left .el-tabs__content, .el-tabs--right .el-tabs__content {
    height: 100%;
}

.header-toolbar .sciyon-flowchartbtn + .el-button {
    margin-left: 10px;
}

.header-toolbar .sciyon-dropdown + .el-button {
    margin-left: 10px;
}


.header-toolbar .el-button + .sciyon-flowchartbtn {
    margin-left: 10px;
}

/*.template-tabs .el-tabs__content, .template-tabs .el-tabs__nav-wrap {*/
/*    padding: 0 !important;*/
/*}*/

.el-dialog__body {
    display: flow-root;
}

.container-template > .el-loading-mask {
    background-color: #ffffff;
}

/*.el-form .el-form-item > .el-form-item__content {*/
/*    height: 100%;*/
/*}*/

.el-message .el-message__content {
    word-break: break-all;
}

.el-message-box__wrapper .el-message-box .el-message-box__message {
    word-break: break-all;
    max-height: 300px;
    overflow-y: auto;
}

.el-collapse-item__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

/*!*滚动条样式*!*/
/*::-webkit-scrollbar-track {*/
/*    background: #ECEDF2;*/
/*}*/

/*::-webkit-scrollbar {*/
/*    height: 10px !important;*/
/*    width: 10px !important;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    border-radius: 0;*/
/*    border-style: dashed;*/
/*    background-color: #C5CBDC;*/
/*    border-color: transparent;*/
/*    border-width: 2px;*/
/*    background-clip: padding-box;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*    background: #C5CBDC;*/
/*    border-width: 0;*/
/*}*/

/*组件不在表单和栅格布局中*/
.not-in-form-col {
    padding: 6px 5px;
}

/*按钮和标签组件在表单外处理一下*/
.special-wrap {
    display: inline-block;
    float: left;
    padding: 6px 5px;
}

/*折叠面板嵌套标签页*/
.el-collapse-item__content:has(> :first-child.el-col):has(:first-child .el-tabs) {
    padding-top: 0 !important;
}

/*折叠面板嵌套表格*/
.el-collapse-item__content:has(> :first-child.el-col):has(:first-child .search-table-wrap) {
    padding-top: 0 !important;
}
/*折叠面板嵌套查询条件*/
.el-collapse-item__content:has(> :first-child.el-col):has(:first-child .search-wrapper) {
    padding-top: 0 !important;
}

/*表单左、右布局中表格下方表单项紧贴表格*/
.el-form.el-form--label-right .el-col:has(> .search-table-wrap), .el-form.el-form--label-left .el-col:has(> .search-table-wrap) {
    margin-bottom: 10px;
}

/*查询组件和表格组件组合间距处理*/
.el-col:has(> .search-wrapper) + .el-col .search-table-wrap .sciyon-table-header {
    padding-top: 0;
}

.north-wrap:has(> .el-col):has(.search-wrapper) + .center-wrap .el-col .search-table-wrap .sciyon-table-header {
    padding-top: 0;
}

/*标签页下直接放置表格或者查询边距处理*/
.el-tabs--top .el-tab-pane:has(> :first-child.el-col>.search-table-wrap) {
    padding: 0;
}

.el-tabs--top .el-tab-pane:has(> :first-child.el-col>.search-wrapper) {
    padding: 0;
}

.el-tabs--left .el-tab-pane:has(> :first-child.el-col>.search-table-wrap) {
    padding-top: 0;
}

.el-tabs--left .el-tab-pane:has(> :first-child.el-col>.search-wrapper) {
    padding-top: 0;
}
/*标签页下再嵌入标签页*/
.el-tab-pane:has(.el-tabs--top){
    padding-top: 0!important;
}
/*弹窗中直接嵌入iframe页面边距处理*/
.el-dialog__body:has(> :first-child.el-col>iframe) {
    padding: 0;
}
.el-dialog__body:has(> :first-child.iframe-wrap iframe) {
    padding: 0;
}
/*弹窗中嵌入标签页*/
.el-dialog__body:has(> .template-tabs){
    padding: 0px 8px 16px!important;
}