@import '../../styles/abstracts/variables';

.pannel-collapse {
  border-radius: 16px;

  .ant-collapse-item {
    .ant-collapse-header {
      border-radius: 16px !important;
    }

    &.ant-collapse-item-active {
      .ant-collapse-header {
        border-radius: 16px 16px 0 0 !important;
      }
    }
  }
  &.selected {
    .ant-collapse-item {
      .ant-collapse-header {
        background: rgba($blue, $alpha: 0.05) !important;
      }
      .ant-collapse-content {
        background: rgba($blue, $alpha: 0.05) !important;
      }
    }
  }
  .ant-collapse-item:last-child > .ant-collapse-content {
    border-radius: 0 0 16px 16px;
  }

  &__header {
    &--icon {
      margin-right: 5px;
    }

    flex: 1;
  }
  .ant-checkbox {
    margin-right: 2px;
    &:hover::after,
    &::after {
      visibility: hidden;
    }

    &-input {
      height: 20px;
      width: 20px;
    }
    &-inner {
      height: 20px;
      width: 20px;
      &::after {
        left: 30%;
      }
    }
  }
  .ant-checkbox-checked {
    .ant-checkbox-inner {
      border-color: $green !important;
      background: $green;
      z-index: 1000;
    }
  }
}
.show-scroll-collapse {
  .ant-collapse-item:last-child > .ant-collapse-content {
    overflow-y: auto !important;
    border-radius: 0 0 16px 16px;
    max-height: 620px !important;
  }
  .ant-collapse-item:last-child
    > .ant-collapse-content::-webkit-scrollbar-track {
    border-radius: 10px;
    margin-bottom: 10px;
  }
}

.panel-header-fix-width {
  width: 100%;
}
