.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;
}
.OnlineCounter .MultiRow .OnlineWrap .Header {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 7px 0;
        text-transform: uppercase;
        background-color: #0072bb;
        position:relative;
}
.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 #fff;
}
.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;
}
#FooterBar .UIOnlineCounter_Default {
        position: absolute;
    	right: 10%;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter {
        background: transparent !important;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter .MultiRow {
        border: unset;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter .MultiRow .OnlineWrap .Header {
        display: none;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter .MultiRow .OnlineWrap .OnlineContainer li {
        display: flex;
        padding-right: 10%;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter .MultiRow  .OnlineWrap .OnlineContainer .label4::before {
    	content: "Lượt truy cập:";
    	color: #fff;
    	font-weight: bold;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter .MultiRow  .OnlineWrap .OnlineContainer .label4 {
    	color: transparent !important;
}
#FooterBar .UIOnlineCounter_Default .OnlineCounter .MultiRow  .OnlineWrap .OnlineContainer .TotalOnline {
        background: #ddd;
    	color: #333;
        border-radius: 6px;
        list-style: none;
        float: left;
        width: auto;
        height: 19px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        padding-right: 5px;
    	padding-left: 5px;
}

@media only screen and (max-width: 768px){
        .OnlineCounter {
                padding: 0 10px !important;
                width: 100vw;
        }
        .OnlineCounter .MultiRow{
                position:relative;
                width: 100%;
        }
        .OnlineCounter .MultiRow .OnlineWrap{
                justify-content:center;
        }
}
