.view-db-appointments-dashboard {
  .title {
    margin-top: -15px;
    margin-bottom: 45px;
    color: #b11111;
    i {
      font-size: 40px;
      padding-right: 10px;
      color: seagreen;
    }
  }
  .total-order{
    background-color: #fff8dcb0;
    h3{
      padding: 20px 22px 20px 22px;
      color: #53505f;
      font-weight: 500;
      border-bottom: 1px solid #e5e9ec;
    }
    canvas{
      padding: 0px 20px;
    }
  }
  .new-customer,.list-category {
    overflow-x:auto;
  }
  .monthly-profits{
    background-color: #ffe4dc52;
    h3{
      padding: 20px 22px 20px 22px;
      color: #53505f;
      font-weight: 500;
      border-bottom: 1px solid #e5e9ec;
    }
    canvas{
      padding: 0px 20px;
    }
  }
  .new-customer{
    background-color: #00a0d214;
    margin: 20px 0px;
    h3{
      padding: 7px 22px 20px 22px;
      color: #53505f;
      font-weight: 500;
      border-bottom: 1px solid #e5e9ec;
    }
    table{
      color: #53505f;
      margin-bottom: 0px;

    }
  }
  .list-category{
    background-color: #00a0d214;
    margin: 20px 0px;
    h3{
      padding: 7px 22px 20px 22px;
      color: #53505f;
      font-weight: 500;
      border-bottom: 1px solid #e5e9ec;
    }
    .category-image{
      width: 70px;
    }
    table{
      color: #53505f;
      margin-bottom: 0px;

    }
  }
  .order-this-week, .employee-chart, .finance-chart, .finance-chart-pie {
    width: 100% !important;
    height: 400px !important;
  }
  .block-item-widget {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 30px;
    &:nth-child(2) {
      background-color: #36a2f5;
    }
    &:nth-child(3) {
      background-color: #eac459;
    }
    &:nth-child(4) {
      background-color: #ff518a;
    }
    .icon-block {
      margin-right: 20px;
      color: #ffffff;
      font-size: 30px;
    }
    .content-block {
      color: #ffffff;
    }
  }
  .user{
    background-color: #a768f3;
  }
  .order{
    background-color: #36a2f5;
  }
  .delivery{
    background-color: #eac459 ;
  }
  .monthly{
    background-color: #ff518a;
  }
}