
body.status-page { font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; }

body.status-page .ion[data-toggle="tooltip"] { display: inline-block; margin-top: 5px; vertical-align: top; }
body.status-page .tooltip .tooltip-inner { max-width: 250px; font-family: 'Lato', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; font-size: 12px; font-weight: bold; }

body.status-page .app-banner { margin-bottom: 0; }
body.status-page .app-banner-padding .subscribe-btn { margin-top: 15px; }
body.status-page .app-banner-padding .subscribe-btn .btn { font-weight: bold; }
body.status-page .banner-image { max-width: 350px; }
body.status-page .alert { border: none !important; }

body.status-page h1 { margin-bottom: 30px; font-size: 28px; font-weight: 600; }
body.status-page .section-metrics .list-group-item.metric { min-height: 313px; }
body.status-page .section-metrics .list-group-item.metric strong { display: block; margin-bottom: 20px; font-size: 19px; }

body.status-page .section-components .list-group.components { box-shadow: none; -webkit-box-shadow: none; border: 0; }
body.status-page .section-components .list-group .list-group-item { padding: 15px 20px; font-weight: bold; }
body.status-page .section-components .list-group .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; }
body.status-page .section-components .list-group .list-group-item:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

body.status-page .metric-summary { margin: 0 5px 0; font-size: 19px; color: #aaa; font-weight: bold; }

body.status-page .metric-chart-filter { margin: 29px 0; font-size: 16px; color: #e0e0e0; }
body.status-page .metric-chart-filter a { margin: 0 8px; color: #aaa; cursor: pointer; }
body.status-page .metric-chart-filter a.active { color: #333; }
body.status-page .metric-chart-filter a:hover { text-decoration: none; color: #3498db; }

body.status-page .timeline .moment .panel .panel-heading { margin-bottom: 10px; }
body.status-page .timeline .moment .panel .panel-heading strong { font-size: 1.4em; }
body.status-page .timeline .moment .panel .panel-heading .label { display: inline-block; margin-top: 7px; margin-left: 4px; vertical-align: top; text-transform: uppercase; }

body.status-page .incident-update-item>p { display: block; }
body.status-page .incident-update-item-status { float: left; }
body.status-page .incident-update-item-time { display: block; margin-top: -7px; color: #aaa; }

body.status-page .incident .list-group .list-group-item { padding-top: 0; border-top-width: 0; }

body.status-page .no-incidents { margin-bottom: 30px; }
body.status-page .no-incidents h4 { margin-bottom: 10px; }
body.status-page .no-incidents p { color: #aaa !important; }

body.status-page .timeline .moment:before { background: #d8d8d8; }

body.status-page .pager li { float: left; margin-right: 8px; }
body.status-page .pager .next > a, body.status-page .pager .next > span { float: none; }
