@mixin human-resourcce-theme() {
  app-human-resource {
    .human-list {
      background-color: $off-white;
      border-radius: 25px;
      padding: 20px;
      margin: 20px 0;
      box-shadow: -2px 6px 9px #2f2c8333;
      main {
        h1 {
          span {
            color: $main-color;
            font-size: 20px;
          }
        }
      }

      header {
        button {
          border-radius: 10px;
          background-color: $main-color;
          color: $white-color;
          border: 1px solid $main-color;
          padding: 10px 40px;
          font-size: 16px;
          cursor: pointer;
          transition: all 0.5s;
          &:hover {
            background-color: $main-blue;
            border: 1px solid $main-blue;
          }
        }
      }

      &__search {
        width: 40%;
        margin: 40px 0;
        position: relative;
        img {
          position: absolute;
          top: 10px;
        }
        input {
          width: 100%;
          padding: 10px 15px;
          border: 1px solid $white-color;
          background-color: $white-color;
          box-shadow: 0px 4px 12px #0000001a;
          border-radius: 19px;
          background-color: $white-color;
          outline: none;
          font-size: 15px;
        }
      }
    }
  }
}
