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: 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;
}