.field-asignservice {
  .wrapper-category-block {
    .title {
      background-color: #cccccc;
      padding: 10px 20px;
      h5 {
        color: #ffffff;
        margin: 0;
        font-size: 18px;
        font-weight: normal;
      }
    }
    .wrapper-service {
      padding: 20px 0;
      .block-service-item {
        label.service-name {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          .icheckbox_square-blue {
            margin-right: 10px;
          }
        }
      }
      .wrapper-custom {
        .wrapper-item-employee-custom {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          width: 100%;
          padding: 10px 0;
          .block-start-time, .block-end-time, .block-price {
            width: calc(100% * 4 / 15 - 10px);
            label {
              margin-bottom: 0;
              input[type="text"] {
                margin-top: 10px;
                width: 100%;
                @media (min-width: 992px) and (max-width: 1199.98px) {
                  height: 30px;
                }
                @media (max-width: 575.98px) {
                  height: 30px;
                }
              }
            }
          }
          .button-action {
            width: calc(100% * 3 / 15 - 10px);
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            button {
              width: 40px;
              height: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              @media (min-width: 992px) and (max-width: 1199.98px) {
                width: 30px;
                height: 30px;
              }
              @media (max-width: 575.98px) {
                width: 30px;
                height: 30px;
              }
              &.btn-add-employee-custom {
                margin-right: 10px;
              }
            }

          }
        }
      }
    }
  }

}