.view-list-appointment {

  .toolbar {
    border-bottom: 1px solid #d5d5d5;
    margin-bottom: 27px;
    h3 {
      margin-top: 0px;
      margin-bottom: 39px;
      color: #b11111;
      font-family: inherit;
      font-weight: 600;
    }
  }
  .wrapper-table-appointment {
    overflow-x:auto;
    table {
      thead {
        tr {
          th {
            vertical-align: middle;
            &:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7) {
              width: 15%;
            }
          }
        }
      }
      tbody {
        tr {
          td {
            vertical-align: middle;
            .list-order-status {
              width: 100%;
              .select2-container--default {
                width: 100% !important;
                .selection {
                  .select2-selection--single {
                    height: 35px;
                    .select2-selection__rendered {
                      line-height: 35px;
                    }
                    .select2-selection__arrow {
                      height: 35px;
                    }
                  }
                }
              }
            }
            &:last-child {
              text-align: center;
              cursor: pointer;
            }
            &:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7) {
              width: 15%;
            }
          }
          &.list-rate-info {
            td {
              vertical-align: middle;
            }
          }
        }
      }
    }
  }
  .employee-item-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .employee-item-name {
    line-height: 40px;
    margin: 0;
    margin-left: 20px;
  }
  .btn-delete {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    span {
      display: inline-block;
      margin-left: 10px;
    }
    i {
      font-size: 15px;
    }
  }

}