/*  imported from index.less  */

@import '~antd/lib/style/themes/default.less';

.ant-form-inline.abeta-ui-item-container-container {
  position: relative;
}

.abeta-ui-item-container-container .ant-form-inline .ant-form-item {
  margin-bottom: 10px;
}

.abeta-ui-item-container-container.abeta-ui-item-container-compact .ant-form-item {
  margin-bottom: 8px;
}

.abeta-ui-item-container-header {
  margin-bottom: 10px;
  line-height: 24px;
  padding: 0 0 5px;
  border-bottom: 1px solid #e9e9e9;
  width: 100%;
}

.abeta-ui-item-container-withHeader .abeta-ui-item-container-withHeader {
  margin-left: 20px !important;
}

.abeta-ui-item-container-title {
  font-size: 15px;
  font-weight: bold;
  color: @heading-color;
  float: left;
}

.abeta-ui-item-container-extra {
  float: right;

  button,
  a {
    margin-left: 8px;
  }

  .ant-form-inline .ant-form-item {
    margin-right: 0;
    margin-left: 8px;
    margin-bottom: 0;
  }

  .ant-form-item-label > label {
    height: 24px;
  }

  .ant-form-item-control-input {
    min-height: 24px;
  }
}

.abeta-ui-item-container-arrow {
  cursor: pointer;
}

.abeta-ui-item-container-arrow .anticon {
  margin-right: 5px;
}

.abeta-ui-item-container-arrow svg {
  transition: transform 0.24s;
  transform: rotate(90deg);
}

.abeta-ui-item-container-collapsed .abeta-ui-item-container-arrow svg {
  transform: rotate(0deg);
}

.abeta-ui-item-container-collapsed .abeta-ui-item-container-body {
  display: none;
}

@media print {
  .abeta-ui-item-container-collapsable .abeta-ui-item-container-arrow .anticon {
    display: none;
  }
  .abeta-ui-item-container-collapsed .abeta-ui-item-container-body {
    display: block;
  }
}