@mainColor: var(--COLOR-NORMAL, #2d5afa);
@secondaryColor: var(--COLOR-HOVER, #5175f4);
@Success: #00ab44;
@Danger: #ec0000;

.search_body {
  .w-input {
    width: 200px;
    .w-input {
      width: auto;
    }
  }
  .w-input-number {
    width: 200px;
  }
}

.w-pagination {
  justify-content: end;
}
.w-title__content {
  &::before {
    border-radius: 4px;
  }
}

.w-popper {
  transform: translateY(30px);
}
.w-dropdown {
  position: relative;
  .w-dropdown-menu-item {
    text-align: left;
  }
}

.ant-card {
  &.ant-card-small {
    .ant-card-head {
      padding-left: 28px;
      &::before {
        content: "";
        position: absolute;
        width: 4px;
        height: 16px;
        background: linear-gradient(
          90deg,
          @mainColor 0%,
          @secondaryColor 100%
        );
        border-radius: 2px;
        left: 16px;
        top: 50%;
        margin-top: -8px;
      }
    }
    .ant-card-body {
      padding: 0 12px;
    }
  }
}

.ant-empty-image {
  svg {
    width: 100%;
  }
}