@charset "utf-8";

/* jdwork栅格布局相关样式 */
.jdw-container {
  flex: auto;
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

/* 行级布局容器 */
.jdw-container > .jdw-row {
  flex: auto;
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
}

/* 单元布局容器 */
.jdw-row > .jdw-column {
  flex: 1 1 160px;
  position: relative;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

/* 实体组件容器: 一个组件容器只放一个实体组件 */
.jdw-column > .jdw-widget {
  flex: 1 1 auto;
  position: relative;
  margin: 0 auto;
  width: 100%;
}

/* 实体组件内容盒子 */
.jdw-widget > .widget-container,
.widget-container > .widgetContBox {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

/* 实体组件内部超出区域进行隐藏 */
.widget-container > .widgetContBox {
  overflow: visible;
}

/* 插槽，组件占位 */
.jdw-column > .widget-slot {
  flex: 1 1 160px;
  position: relative;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

.jdw-column > .widget-slot:after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 30px);
  width: 60px;
  text-align: center;
}

/* 不可见的元素将其隐藏 */
.jdw-container.elem-hidden,
.jdw-container > .jdw-row.elem-hidden,
.jdw-row > .jdw-column.elem-hidden,
.jdw-column > .jdw-widget.elem-hidden {
  display: none;
}