/* dashboard analytics page css */
/*------------------------------*/
#donut-chart .apexcharts-canvas {
  margin: 0 auto;
}

.icon-light {
  color: #b3c0ce;
}

.show > .btn-outline-secondary.dropdown-toggle {
  color: #FFFFFF !important;
}

.activity-content {
  margin-bottom: 2.13rem;
}

.sales-info-content h1, .sales-info-content h2, .sales-info-content h3, .sales-info-content h4, .sales-info-content h5, .sales-info-content h6 {
  line-height: 0.7;
}

#bar-negative-chart .apexcharts-series[seriesName="RetainedxClients"] {
  transform: scaleY(1.08);
}

.widget-todo .dropdown .dropdown-toggle:after {
  /* widget todo-task list - dropdown arrow position */
  left: 0.1rem;
  color: #b3c0ce;
}

.widget-todo .widget-todo-list-wrapper {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.widget-todo .widget-todo-list-wrapper .widget-todo-item {
  padding: 0.5rem 1.5rem 0.1rem 0.5rem;
}

.widget-todo .widget-todo-list-wrapper .widget-todo-item .widget-todo-title-area i {
  visibility: hidden;
  color: #828D99;
}

.widget-todo .widget-todo-list-wrapper .widget-todo-item:hover {
  background-color: #f2f4f4;
}

.widget-todo .widget-todo-list-wrapper .widget-todo-item:hover .widget-todo-title-area i {
  visibility: visible;
}

.widget-todo .widget-todo-list-wrapper .widget-todo-item.completed .widget-todo-title {
  text-decoration: line-through;
}

.widget-timeline .timeline-text {
  color: #828D99;
  font-size: 13px;
}

.widget-timeline .timeline-content {
  color: #304156;
  font-size: 13px;
  font-weight: 500;
  background-color: transparent !important;
  padding-left: 0 !important;
}

.widget-timeline .timeline-time {
  font-size: 0.8rem !important;
}

@media screen and (max-width: 600px) {
  .widget-todo-list-wrapper .widget-todo-title-wrapper {
    flex-direction: column;
  }
  .widget-todo-list-wrapper .widget-todo-title-wrapper .widget-todo-title-area {
    margin-right: auto;
  }
  .widget-todo-list-wrapper .widget-todo-title-wrapper .widget-todo-item-action {
    margin-left: auto;
  }
}

@media screen and (max-width: 1280px) and (min-width: 960px) {
  .activity-card,
  .profit-report-card,
  .sales-card,
  .growth-card {
    flex: 0 0 50%;
    min-width: 50%;
  }
}

@media screen and (max-width: 1320px) and (min-width: 1200px) {
  .dashboard-referral-impression .donut-chart-wrapper ul li {
    font-size: .8rem;
  }
  #primary-line-chart,
  #warning-line-chart {
    display: none;
  }
}