/*========================================================
DARK LAYOUT
=========================================================*/
#dashboard-analytics .img-left {
  width: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

#dashboard-analytics .img-right {
  width: 175px;
  position: absolute;
  top: 0;
  right: 0;
}

#dashboard-analytics .bg-analytics {
  background: linear-gradient(140deg, #7367f0, rgba(115, 103, 240, 0.7));
}
#dashboard-analytics .bg-analytics .avatar {
  margin-bottom: 2rem;
}

#dashboard-analytics .bg-analytics2 {
  background: linear-gradient(140deg, #fb3636, rgba(194, 240, 103, 0.9));
}
#dashboard-analytics .bg-analytics2 .avatar {
  margin-bottom: 2rem;
}

#dashboard-analytics .bg-analytics3 {
  background: linear-gradient(140deg, #67e3f0, rgba(203, 52, 160, 0.8));
}
#dashboard-analytics .bg-analytics3 .avatar {
  margin-bottom: 2rem;
}

#dashboard-analytics .bg-analytics4 {
  background: linear-gradient(140deg, #56f539, rgba(237, 37, 37, 0.7));
}
#dashboard-analytics .bg-analytics4 .avatar {
  margin-bottom: 2rem;
}

#dashboard-analytics table tr th:first-child, #dashboard-analytics table tr td:first-child {
  padding-left: 2rem;
}

#dashboard-analytics table tr th:last-child, #dashboard-analytics table tr td:last-child {
  padding-right: 2rem;
}

#dashboard-analytics table td {
  padding: .75rem;
}

@media only screen and (max-width: 576px) {
  #dashboard-analytics .img-left, #dashboard-analytics .img-right {
    width: 140px;
  }
}