.keen-dashboard { background: #f2f2f2; font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .keen-dataviz { background: #fff; border: 1px solid #e7e7e7; border-radius: 2px; box-sizing: border-box; } .keen-dataviz-title { border-bottom: 1px solid #e7e7e7; border-radius: 2px 2px 0 0; font-size: 13px; padding: 2px 10px 0; text-transform: uppercase; } .keen-dataviz-stage { padding: 10px; } .keen-dataviz-notes { background: #fbfbfb; border-radius: 0 0 2px 2px; border-top: 1px solid #e7e7e7; font-family: 'Helvetica Neue', Helvetica, sans-serif; font-size: 11px; padding: 0 10px; } .keen-dataviz .keen-dataviz-metric { border-radius: 2px; } .keen-dataviz .keen-spinner-indicator { border-top-color: rgba(0, 187, 222, .4); } .keen-dashboard .chart-wrapper { background: #fff; border: 1px solid #e2e2e2; border-radius: 3px; margin-bottom: 10px; } .keen-dashboard .chart-wrapper .chart-title { border-bottom: 1px solid #d7d7d7; color: #666; font-size: 14px; font-weight: 200; padding: 7px 10px 4px; } .keen-dashboard .chart-wrapper .chart-stage { overflow: hidden; padding: 5px 10px; position: relative; } .keen-dashboard .chart-wrapper .chart-notes { background: #fbfbfb; border-top: 1px solid #e2e2e2; color: #808080; font-size: 12px; padding: 8px 10px 5px; } .keen-dashboard .chart-wrapper .keen-dataviz, .keen-dashboard .chart-wrapper .keen-dataviz-title, .keen-dashboard .chart-stage .chart-title { border: medium none; }