.view-db-appointments-dashboard {
  .title {
    margin-top: -15px;
    margin-bottom: 45px;
    color: #b11111;
    i {
      font-size: 50px;
      color: #04A2DC;
      float: left;
      line-height: 40px;

    }
    p{
      font-family: Roboto Slab;
      font-size: 40px;
      line-height: 1;
      margin: 0;
      color: #66686c;
      float: left;
      font-style: normal;
      letter-spacing: 0.03em;
    }
    h2{
      font-family: Roboto Slab;
      font-size: 40px;
      line-height: 1;
      color: #584e4e;
      font-weight: bold;
    }
  }
  .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;
          }
        }
      }
      tbody{
        tr{
          td{
            border-top: none;
          }
          .name{
            transform: translateY(-5px);
          }
        }
      }

    }
  }
  .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: 100px;
      height: 100px;
      border-radius: 50%;
    }
    table{
      color: #53505f;
      margin-bottom: 0px;
      background: lightgrey;
      thead{
        tr{
          th{
            color: #f38638;
            border-bottom: none;
          }
        }
      }
      tbody{
        tr{
          td{

          }
        }
      }

    }
  }
  .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;
  }
}