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

    }
  }
  .list-hotel{
    margin: 20px 0px;
    h3{
      padding: 15px 22px 15px 22px;
      color: #ffffff;
      font-weight: 500;
      border: 1px solid #884392;
      background-color: #884392;
    }

    table{
      color: #53505f;
      margin-bottom: 0px;
      background: lightgrey;
      thead{
        tr{
          th{
            color: #f38638;
            border-bottom: none;
          }
        }
      }
      tbody{
        tr{
          td{
            .img-box {
              width: 100px;
              height: 50px;
              div {
                width: 100%;
                height: 100%;
                padding-bottom: calc(100% * 0.5 / 1);
                position: relative;
                img {
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  object-fit: cover;
                  object-position: center;
                }
              }
            }
          }
        }
      }

    }
  }
  .order-this-week, .employee-chart, .finance-chart, .finance-chart-pie {
    width: 100% !important;
    height: 800px !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;
  }
}