@import url('https://fonts.googleapis.com/css2?family=Coiny&display=swap');
.OnlineCounter {
        border-radius: 15px;
        line-height: 17px;
        position: relative;
        z-index: 0;
        background-color: #fff;
        border-color: #dbeece #c2e3ab #c2e3ab;
        border-image: none;
        border-radius: 15px;
        border-style: dashed;
        border-width: 2px;
        margin-bottom: 10px;
}
.OnlineCounter ul {
        list-style: outside none none;
        margin: 0;
        padding: 10px;
}
.OnlineCounter .Header {
        background: rgba(0, 0, 0, 0) url('https://storage-vnportal.vnpt.vn/cmu-khdn/5882/HinhAnh/thbar.png') no-repeat scroll left 10px center;
        padding: 0 8px;
        position: relative;
        z-index: 2;
}
.OnlineCounter .Header span {
        border-bottom: 2px dashed #c2e3ab;
        display: inline-block;
        padding: 0 0 0 66px;
        color: #bd251e;
        text-shadow: 1px 1px #fff;
        font-size: 16px;
        line-height: 40px;
        font-family: 'Coiny',cursive;
        text-align: left;
        width:100%;
}
.OnlineContainer li span{
        font: 16px/32px 'Coiny', cursive;
}
.OnlineCounter .OnlineContainer > li {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
@media only screen and (max-width: 768px){
        div.OnlineCounter {
                padding: 0 15px;
                width: 100vw;
        }
}