/* 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; } }