@font-face {
    font-family: "Open Sans";
    src: url("../font/Open_Sans/OpenSans-Regular.ttf");
}
@font-face {
    font-family: "PPTelegraf";
    src: url("../font/PPTelegraf/PPTelegraf-Medium.woff2");
    font-weight: 600;
}
@font-face {
    font-family: "PPTelegraf";
    src: url("../font/PPTelegraf/PPTelegraf-Regular.woff2");
}

/*------------------ Header ---------------------*/

.hxgui2-brand{
    width: 850px;
    max-width: 850px;
    background-image: url("../../images/bemo_header_bg.jpg");
    background-position-x: 150px;
    background-size: cover;
    background-repeat: no-repeat;

    @media (max-width: 800px) {
        background-position-x: 88px;
    }
}

.metanav_news_icon_bullet:after {
    content: "";
    position: absolute;
    top: -4px;
    right: -8px;
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    background-color: red;

    @media (max-width: 800px) {
        width: 0.9rem;
        height: 0.9rem;
        border-radius: 0.9rem;
        right: -4px;
    }
}

.hxgui2-is-testmode .hxgui2-header {
    background:var(--hxgui2-header-bg);
}

.hxgui2-is-testmode .hxgui2-header .hxgui2-brand .hxgui2-brand-logo {
    background:var(--hxgui2-testmode-bg);
}

/*------------------ HXList ------------------*/
.listinput:focus{
    background-color: var(--bemo_yellow-85percent) !important;
}

table.hxliststatusbar ul.paginator li a.currentpage:hover,
table.hxliststatusbar ul.paginator li a.currentpage {
    color: var(--bemo_black);
    background-color: var(--bemo_yellow);
}