.OnlineCounter{
        background-color: #fff;
        /* border: 1px solid #b7b7b7; */
        /* box-shadow: 0px 1px 7px #b7b7b7; */
}
.OnlineCounter .MultiRow {
        overflow: hidden;
        /* border: 1px solid #ddd; */
        margin-top: 10px;
}
.OnlineCounter .MultiRow .OnlineWrap {
        overflow: hidden;
        background: #ecf5fa url(https://storage-vnportal.vnpt.vn/cmu-chinhquyen/themes/truongchinhtri/uiweblink/images/bgfull.jpg) repeat-x top left;
        border: 1px solid #cacaca;
}
.OnlineCounter .MultiRow .OnlineWrap .Header {
        color: #CC6C34;
        font-size: 14px;
        font-weight: bold;
        /* text-align: center; */
        /* padding: 7px 0; */
        text-transform: uppercase;
        background-color: #ededed;
        position:relative;
        background: url(https://storage-vnportal.vnpt.vn/cmu-chinhquyen/themes/truongchinhtri/uiweblink/images/bgimages.jpg) no-repeat;
        padding-left: 35px;
}
.OnlineCounter .MultiRow .OnlineWrap .Header span{
        display: block;
        line-height: 30px;
}
.OnlineCounter .MultiRow .OnlineWrap .Header:before {
    /*content: '';
    position: absolute;
    top: 10px;
    left: 10px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #033079;*/
}
.OnlineCounter .MultiRow li {
        margin-bottom:6px;
}
.OnlineCounter .MultiRow .OnlineContainer {
        /* border: 1px solid #ddd; */
}
.OnlineCounter .CurrentOnline {
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .OneDayOnline{
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .OneWeekOnline{
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .TotalOnline{
        float:right;
        padding-right:20px;
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label1 {
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label2{
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label3{
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
.OnlineCounter .MultiRow .label4{
        font-family: myriad-pro,"Myriad Pro",Tahoma,serif;
        font-size: 14px;
}
/*-------------------------------------------*/
.OnlineCounter .OneRow {
        position: relative;
        width: 100%;
}
.OnlineCounter .OneRow .OnlineWrap {
        margin: 0 auto;
        position: relative;
        width: 960px;
}
.OnlineCounter .OneRow .OnlineContainer {
        bottom: 5px;
        display: inline-block;
        list-style: none outside none;
        position: absolute;
        right: 0;
        text-align: left;
}
.OnlineCounter .OneRow .OnlineContainer > li {
        border-right: 1px solid #C0C0C0;
        display: inline-block;
        padding: 0 10px;
}
.OnlineCounter .OneRow .OnlineContainer > li > span {
        color: #FFFFFF;
}
@media only screen and (max-width: 768px){
        .OnlineCounter {
                padding: 0 10px !important;
                width: 100vw;
        }
}