/*Notice*/
body.show-system-notice {
    margin-top: 40px !important;
    display: fixed;
}

@media (max-width: 768px) {
    body.show-system-notice {
        margin-top: 135px !important;
    }

    .logpage.show-system-notice {
        margin-top: 0px !important;
    }
}

body:not(.show-system-notice) .system-notice {
    display: none;
}

/*body.show-system-notice .topnav.navbar {
    margin-top: 45px;
}*/

body.show-system-notice .system-notice {
    height: 50px;
    background-color: #CEDEBD;
    border-top: 5px solid green;
    padding-top: 5px;
    vertical-align: middle;
}

    body.show-system-notice .system-notice marquee {

        color: #b5555e;
        font-size: 1rem;
        font-weight: 600;
    }

.marquee {
    width: 100%;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 10px;
    display: fixed;
}

    .marquee p {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 27s linear infinite;
        color: #b5555e;
        font-size: 1rem;
        font-weight: 600;
       
    }