.sk-app-card.is-flex{
  display: flex;
  flex-direction: column;
}

.sk-app-card.is-flex .el-card__body{
  flex: 1;
  overflow: hidden;
}

.sk-app-card.has-not-body-padding .el-card__body{
  padding: 0;
}

.sk-app-card .el-card__header{
  font-weight: bold;
  font-size: var(--f-card-title, 18px);
  display: flex;
  justify-content: space-between;
}


.sk-app-form.is-layout{
  overflow-x: hidden;
}


.is-t1.vkf-designer .vkf-designer-option {
  padding-bottom: 1em;
  height: initial;
}

.is-t1.vkf-designer .vkf-designer-option .el-button-group {
  display: none;
}

.is-t1.vkf-designer .vkf-designer-main {
  background: white;
  padding: 2em;
}

.is-t1.vkf-designer .vkf-layout-main-x {
  background: var(--el-bg-color-page);
  padding: 1em 5em 3em;
}

.is-t1.vkf-designer .vkf-layout-widget-x,
.is-t1.vkf-designer .vkf-layout-config-x {
  min-width: 15em;

  padding: 1em 1.5em;
}

/* [TODO] 无prop template */
.vkf-layout-widget-x .el-tab-pane .el-collapse .el-collapse-item:nth-child(2) {
  display: none;
}
.vkf-layout-main-card .el-scrollbar__view, .vkf-designer .el-scrollbar__view {
  height: auto;
}


.sk-app-icon-svg__inner{
  display: flex;
  justify-content: center;
  align-items: center;
}


.sk-app-module__header{
  /* color: var(--el-color-primary); */
  font-weight: bold;
}
.sk-app-module__header.is-form {
  font-size: var(--f-module-title, 18px);
  padding: var(--gap-tab-pt, 24px) var(--gap-form-pl, 70px);
}

.sk-app-module__body.is-form {
  padding: var(--gap-form-pt, 14px) var(--gap-form-pl, 70px);
}


.sk-app-operations{
  white-space: nowrap;
}


.sk-app-query-form {
  position: relative;
}
.sk-app-query-form.has-more {
  padding-bottom: 1em;
}

.sk-app-query-form__fixed {
  display: flex;
  justify-content: space-between;
}

.sk-app-query-form__more {
  font-size: var(--f-xxs, 12px);
  color: var(--el-text-color-secondary);
  position: absolute;
  cursor: pointer;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  padding: 2px;

  display: flex;
  align-items: center;
}

.sk-app-query-form__more:hover {
  background: var(--el-fill-color);
  color: var(--el-color-primary);
}

.sk-app-query-form__more>*+* {
  margin-left: var(--gap-xxs, 4px);
}

.sk-app-query-form__arrow {
  transition: transform .5s;
}

.sk-app-query-form__arrow.is-reverse {
  transform: rotate(-180deg);
}


.sk-app-tables__table .el-table-v2__table{
  border: var(--el-border);
}
/* .sk-app-tables__table .el-table-v2__table {
   border-right: var(--el-border);
 }
 .el-table-v2__header-cell{
  border-top: var(--el-border);
} */
.sk-app-tables__table .el-table-v2__header-cell:not(:first-child){
  border-left: var(--el-border);
}
.sk-app-tables__table .el-table-v2__row-cell:not(:first-child){
  border-left: var(--el-border);
}

.sk-app-tables-pagination-x {
  display: flex;
  justify-content: center;
}


.sk-app-tables-v1-table{
  height: 100%;
}
.sk-app-tables-v1-pagination-x {
  display: flex;
  justify-content: center;
}


.sk-check-tag{
  display: flex;
  align-items: center;

  --el-tag-bg-color: var(--el-color-info-light-9);
    --el-tag-border-color: var(--el-color-info-light-8);
    --el-tag-hover-color: var(--el-color-info);
    --el-icon-size: 14px;
}
.sk-check-tag__close{
  margin-left: 6px;
  border-radius: 50%;
  cursor: pointer;
  font-size: calc(var(--el-icon-size) - 2px);
  height: var(--el-icon-size);
  width: var(--el-icon-size);
}
.sk-check-tag__close:hover{

    color: var(--el-color-white);
    background-color: var(--el-tag-hover-color);
}


.sk-check-tags{
  display: flex;
}
.sk-check-tag + .sk-check-tag{
  margin-left: var(--gap-widget-space, 14px);
}


.el-form-item.is-sub-form-item{
  margin-top: -10px;
}
.el-form-item.is-sub-form-item label{
  visibility: hidden;
}
.el-form--label-top .el-form-item.is-sub-form-item label{
  display: none;
}


.menu-select-buttons-col .el-checkbox.is-disabled{
  display: none;
}


.sk-multipage-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sk-multipage-tab-x{
  display: flex;
}
.sk-multipage-tab{
  font-size: var(--f-multipage-tab, var(--f-module-title, 18px));
  padding-top: var(--gap-tab-pt, 24px);
  padding-bottom: var(--gap-tab-pt, 24px);
  color: var(--el-text-color-secondary);
  cursor: pointer;
}
.sk-multipage-tab.is-active  {
  color: var(--el-color-primary);
  font-weight: bold;
}
.sk-multipage-tab + .sk-multipage-tab{
  margin-left: var(--gap-tab-space, 70px);
}



.fack-input-x {
  --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
  display: inline-flex;
  flex-grow: 1;
  padding: 1px 11px;
  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
  transition: var(--el-transition-box-shadow);
  transform: translateZ(0);
  cursor: pointer;
  min-height: var(--el-input-inner-height);
}

.fack-input-x:hover:not(.is-disabled) {
  box-shadow: 0 0 0 1px var(--el-text-color-secondary) inset;
}

.fack-input-x.is-disabled {
  background-color: var(--el-disabled-bg-color);
  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
  cursor: not-allowed;
}

.fack-input .el-tag {
  margin-right: 5px;
}

.fack-input .placeholder{
  color: var(--el-text-color-placeholder);
}