/*
 * The blue breadcrumb bar (div.app-header) for pages that do not load the LESS stylesheets.
 * Values are the ones Site.less, style-public.less and bootstrap.css compile to for _MainLayout, so
 * these pages match the Ember pages. Keep the two in step.
 */

html {
    overflow-y: scroll;
}

:where(.app-header),
:where(.app-header) * {
    box-sizing: content-box;
}

:where(.app-header) * {
    margin: 0;
    padding: 0;
    font: inherit;
}

.app-header {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: normal;
    color: #333333;
}

div.app-header {
    background-color: #0089cf;
    display: table;
    width: 100%;
}

div.app-header div {
    height: 43px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
}

div.app-header div.breadcrumb {
    padding-left: 15px;
    text-transform: uppercase;
}

div.app-header div a {
    color: #ffffff;
    text-decoration: none;
}

div.app-header div a:hover {
    text-decoration: underline;
}