@mixin search-employee-theme() {
  app-search-employee {
    .search-employee {
      background-color: $off-white;
      box-shadow: -2px 6px 9px #2f2c8333;
      padding: 20px;
      margin: 20px 0;
      border-radius: 18px;
      main {
        h1 {
          color: $main-color;
          font-size: 18px;
          span {
            margin: 0 10px;
          }
        }
        .search {
          width: 40%;
          @media (max-width: 767px) {
            width: 100%;
          }

          .input-search {
            width: 100%;
            padding: 10px 15px;
            border-radius: 10px;
            box-shadow: 0px 5px 6px #2f2c8324;
            border: 0.5px solid #2e368f;
            border-radius: 10px;
            outline: none;
          }
          .filter {
            background-color: $light-blue;
            color: $white-color;
            border: 1px solid $light-blue;
            padding: 8px 15px;
            border-radius: 10px;
            font-size: 16px;
            cursor: pointer;
          }
        }
      }
    }
  }
}
