.field-asignservice {
  .wrapper-category-block {
    .title {
      background-color: #cccccc;
      padding: 10px 20px;
      h5 {
        color: #ffffff;
        margin: 0;
        font-size: 18px;
      }
    }
    .wrapper-service {
      padding: 20px 0;
      .block-service-item {
        label.service-name {
          input[type="checkbox"] {
            margin: 0 15px 0 0;
            position: relative;
            width: 20px;
            height: 20px;
            color: #363839;
            border: 1px solid #bdc1c6;
            border-radius: 4px;
            appearance: none;
            outline: 0;
            cursor: pointer;
            transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
            &::before {
              position: absolute;
              content: '';
              display: block;
              top: 2px;
              left: 9px;
              width: 6px;
              height: 15px;
              border-style: solid;
              border-color: #fff;
              border-width: 0 2px 2px 0;
              transform: rotate(45deg);
              opacity: 0;
            }
            &:checked {
              color: #fff;
              border-color: #1D72EA;
              background: #1D72EA;
              &::before {
                opacity: 1;
              }
              ~ label::before {
                clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              }
            }
          }
        }
      }
      .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%;
              }
            }
          }
          .button-action {
            display: flex;
            justify-content: flex-start;
            align-items: flex-end;
            width: calc(100% * 3 / 15 - 10px);
            button {
              width: 30px;
              height: 30px;
              display: flex;
              align-items: center;
              justify-content: center;
              &.btn-add-employee-custom {
                margin-right: 10px;
              }
            }

          }
        }
      }
    }
  }

}