.dashboard-report-ul, .dashboard-report-ul:after { clear: both; } .dashboard-report-ul:after, .dashboard-report-ul:before { content: ""; display: table; } .dashboard-report-ul { padding: 0; list-style: none; } .dashboard-report-ul li { width: 25%; float: left; padding-left: 10px; } .dashboard-report-ul li:first-child { padding-left: 0; } .dashboard-report-div { padding: 20px 30px; border-radius: 4px; background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .dashboard-report-div, .dashboard-report-div:after { clear: both; } .dashboard-report-div:after, .dashboard-report-div:before { content: ""; display: table; } .dashboard-report-icon { width: 25%; float: left; } .dashboard-report-icon i { font-size: 48px; } .dashboard-report-details { width: 75%; float: left; padding-left: 20px; } .dashboard-report-text { font-size: 20px; } .dashboard-report-heading { color: #99abb4; font-size: 14px; } .dashboard-report-div { padding: 20px 30px; border-radius: 4px; background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .dashboard-report-div, .dashboard-report-div:after { clear: both; } .dashboard-report-div:after, .dashboard-report-div:before { content: ""; display: table; } .dashboard-report-icon { width: 25%; float: left; } .dashboard-report-icon i { font-size: 48px; } .dashboard-report-details { width: 75%; float: left; padding-left: 20px; } .dashboard-report-text { font-size: 20px; } .dashboard-report-heading { color: #99abb4; font-size: 14px; }