body {
background-color: #f7f7f7;
  font-family: "Clarkson", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

@font-face {
    font-family: Clarkson;
    font-weight: 400;
    src: url('https://cdn-marketing.acuityscheduling.com/font/Clarkson-Light.woff2') format('woff2'), url('https://cdn-marketing.acuityscheduling.com/font/Clarkson-Light.woff') format('woff')
}

@font-face {
    font-family: Clarkson;
    font-weight: 500;
    src: url('https://cdn-marketing.acuityscheduling.com/font/Clarkson-Medium.woff2') format('woff2'), url('https://cdn-marketing.acuityscheduling.com/font/Clarkson-Medium.woff') format('woff')
}

.layout-content.status .masthead-container.basic .masthead {
  padding-top: 10px;
}

.layout-content.status .masthead-container .masthead {
margin-bottom: 15px;
}

.component-container {
background-color: #fff;
}

.metric {
background-color: #fff;
}