.view-db-appointments-dashboard {
  .logo-appointment {
    width: 340px;
    height: 70px;
    margin: 30px 0;
    @media (max-width: 575.98px) {
      width: 100%;
    }
      img {
        width: 100%;
        height: 100%;
      }
  }
  .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: #00a0d22b;
    margin-top: 20px;
    h3{
      padding: 20px 22px 20px 22px;
      color: #53505f;
      font-weight: 500;
      border-bottom: 1px solid #e5e9ec;
    }
    canvas{
      padding: 0px 20px;
    }
  }
  .new-customer{
    margin: 20px 0px;
    h3{
      padding: 15px 22px 15px 22px;
      color: #ffffff;
      font-weight: 500;
      border: 1px solid orange;
      background-color: orange;
    }
    table{
      color: #53505f;
      margin-bottom: 0px;
      background: beige;
      thead{
        tr{
          th{
            color: #f38638;
            border-bottom: none;
            vertical-align: middle;
          }
        }
      }
      tbody{
        tr{
          td{
            border-top: none;
            vertical-align: middle;
          }
        }
      }

    }
  }
  .list-category{
    margin: 20px 0px;
    h3{
      padding: 15px 22px 15px 22px;
      color: #ffffff;
      font-weight: 500;
      border: 1px solid #884392;
      background-color: #884392;
    }
    img{
      width: 50px;
      height: 50px;
      border-radius: 50%;
    }
    table{
      color: #53505f;
      margin-bottom: 0px;
      background: lightgrey;
      thead{
        tr{
          th{
            color: #f38638;
            border-bottom: none;
            vertical-align: middle;
          }
        }
      }
      tbody{
        tr{
          td{
            vertical-align: middle;
          }
        }
      }

    }
  }
  .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 {
      h4{
        color: #ffffff;
        padding-bottom: 10px;
      }
      p{
        color: #ffffff;
      }
    }
  }
  .user{
    background-color: #a768f3;
  }
  .order{
    background-color: #36a2f5;
  }
  .delivery{
    background-color: #eac459 ;
  }
  .monthly{
    background-color: #ff518a;
  }
}