html, body {padding: 0px; margin: 0px;}
header{
    position: sticky;
    top: 0px;
    left: 0px;
    background-color: rgb(0, 138, 138);
    color: white;
    font-size: 1.05rem;
    padding: 6px;
}
header>p:first-child{
    display: inline;
    padding: 6px;
    padding-left: 0px;
}
header>div{display: inline;}
a{color: inherit;}
a:hover{text-decoration: none;}
header>div>a.item, header>div>a.item-actived{text-decoration: none; padding: 6px;}
header>div>a.item-actived{background-color: rgb(1, 119, 119);}
header>div>a.item:hover{background-color: rgb(1, 119, 119);}
#pr_main{margin: 5px;}
@media screen and (min-width: 778px) {
    #pr_main{width: 768px; margin: auto; margin-top: 5px; margin-bottom: 5px;}
}
.cvblock{
    padding: 3px;
    border: 1px solid light-dark(black, white);
    border-radius: 3px;
    margin-top: 4px;
}
.social_post{
    h1, h2, h3, h4, h5, h6, p {margin-top: 2px; margin-bottom: 2px;}
    h1:first, h2, h3, h4, h5, h6, p {margin-top: 2px; margin-bottom: 2px;}
}
#bm_main_root tr td:first-child{text-align: right; user-select: none;}
.info-logo{
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #00A2E8;
    user-select: none;
    position: relative;
    top: 1px;
}
.warning-logo{
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background-color: #ED1C24;
    user-select: none;
    position: relative;
    top: 1px;
}