@com-prefix-cls: if(isdefined(@ant-prefix), @ant-prefix, ant);

.@{com-prefix-cls}-layout-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #f0f0f0;
  background-color: #fff;

  &.@{com-prefix-cls}-layout-container-transparent {
    background-color: transparent;
  }

  &.@{com-prefix-cls}-layout-container-no-style {
    .@{com-prefix-cls}-layout-container-content {
      padding: 0;
    }
  }

  .@{com-prefix-cls}-layout-container-tools {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px 16px 20px;
  }

  .@{com-prefix-cls}-layout-container-content {
    flex: 1;
    margin: 0 20px 20px 20px;
    position: relative;
    &-abs {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      overflow-y: auto;
      overflow-x: hidden;
    }
  }

  .@{com-prefix-cls}-lay-container-bottom {
    padding: 20px;
    border-top: 1px #f0f0f0 solid;
  }
}