/* /Features/Layout/MainLayout.razor.rz.scp.css */

.navbar[b-8iis1qan6d] {
    background-color: #e3f2fd !important;
    border-bottom: solid 1px #CCCCCC;
}

.main-content[b-8iis1qan6d] {
    margin: 1.5em;
}


#blazor-error-ui[b-8iis1qan6d] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-8iis1qan6d] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Features/Pages/Uptime/Uptime.razor.rz.scp.css */

.graph[b-f1gpvnmg1m] {
    margin: 4em;
}

.graph-month[b-f1gpvnmg1m] {
    padding-left: 2em;
}

.graph-day[b-f1gpvnmg1m] {
    /*border: solid black 1px;*/
    margin: 0;
    padding: 0;
    margin-right: 4px;
    display: inline-block;
}

    .graph-day img[b-f1gpvnmg1m] {
        margin: 0;
        display: block;
        width: 20px;
        height: 1px;
    }

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}