/* _content/HealthDesignOendan.Web/Views/Shared/_Layout.cshtml.rz.scp.css */
/*------------------------------------------------------------------------------
    _Layout.cshtml.css
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    layout
------------------------------------------------------------------------------*/
header[b-hwixebd7ft] {
    width: 100%;
    background: #fff;
}

footer[b-hwixebd7ft] {
    position: sticky;
    top: 100vh;
    width: 100%;
    background: #fff;
}

/*------------------------------------------------------------------------------
    loading
------------------------------------------------------------------------------*/
.hdo-loading[b-hwixebd7ft] {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .75);
    z-index: 9999999999;
}
    .hdo-loading [class^="s"][b-hwixebd7ft] {
        padding: 2px;
        opacity: 0;
        animation-name: loading-flash-b-hwixebd7ft;
        animation-duration: 1.50s;
        animation-iteration-count: infinite;
    }
    .hdo-loading .s1[b-hwixebd7ft] {
        color: #c1e6ef;
        animation-delay: 0.00s;
    }
    .hdo-loading .s2[b-hwixebd7ft] {
        color: #97d8e4;
        animation-delay: 0.50s;
    }
    .hdo-loading .s3[b-hwixebd7ft] {
        color: #00aecb;
        animation-delay: 1.00s;
    }
@keyframes loading-flash-b-hwixebd7ft {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@media (min-width: 768px) {
    .hdo-loading [class^="s"][b-hwixebd7ft] {
        font-size: 140%;
    }
}