﻿.timeline-item{background:#FFF;border:1px solid #b8b8b8;border-radius:1px;padding:12px 7px;max-width:100%;min-height:135px;clear:both;margin-bottom:5px}
@keyframes placeHolderShimmer
{
    0%{
        background-position:-840px 0;
   }
    100%
    {
        background-position:840px 0;  
   }
}
.animated-backgroud{animation-duration:1.5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:100% 104px;height:94px;position:relative}
.background-masker{background:#fff;position:absolute}
/* Live Sales Feed */
#divLiveSales .timeline-item{padding:20px 26px;min-height:200px}
#divLiveSales .animated-backgroud{height:150px}
#divLiveSales .header-col{top:0;left:155px;right:0;height:22px}
#divLiveSales .header-end{top:22px;left:0;right:0;height:15px}
#divLiveSales .content-second-col1,
#divLiveSales .content-second-col2,
#divLiveSales .content-second-col3{top:37px;width:20px;height:12px}
#divLiveSales .content-second-col1{left:180px}
#divLiveSales .content-second-col2{left:380px}
#divLiveSales .content-second-col3{left:580px}
#divLiveSales .content-second-line,
#divLiveSales .subcontent-first-line,
#divLiveSales .subcontent-second-line{top:48px;left:0;right:0 ;height:7px}
#divLiveSales .content-third-col1,
#divLiveSales .content-third-col2,
#divLiveSales .content-third-col3,
#divLiveSales .content-third-col4{top:55px;width:70px;height:12px}
#divLiveSales .content-third-col1{left:130px}
#divLiveSales .content-third-col2{left:330px}
#divLiveSales .content-third-col3{left:530px}
#divLiveSales .content-third-col4{left:731px}
#divLiveSales .content-third-line{top:66px;left:0;right:0 ;height:40px}
#divLiveSales .subcontent-first-col1,
#divLiveSales .subcontent-third-col1{top:106px;width:90px;height:11px}
#divLiveSales .subcontent-first-col2,
#divLiveSales .subcontent-first-col3,
#divLiveSales .subcontent-first-col4,
#divLiveSales .subcontent-third-col2,
#divLiveSales .subcontent-third-col3,
#divLiveSales .subcontent-third-col4 {top:106px;width:110px;height:11px}
#divLiveSales .subcontent-first-col1{left:0}
#divLiveSales .subcontent-first-col2{left:180px}
#divLiveSales .subcontent-first-col3{left:380px}
#divLiveSales .subcontent-first-col4{left:580px}
#divLiveSales .subcontent-first-line{top:117px}
#divLiveSales .subcontent-second-col1{top:124px;width:50px;height:11px}
#divLiveSales .subcontent-second-col2,
#divLiveSales .subcontent-second-col3,
#divLiveSales .subcontent-second-col4{top:124px;width:80px;height:11px}
#divLiveSales .subcontent-second-col1{left:0}
#divLiveSales .subcontent-second-col2{left:180px}
#divLiveSales .subcontent-second-col3{left:380px}
#divLiveSales .subcontent-second-col4{left:580px}
#divLiveSales .subcontent-second-line{top:135px}
#divLiveSales .subcontent-third-col1,
#divLiveSales .subcontent-third-col2,
#divLiveSales .subcontent-third-col3,
#divLiveSales .subcontent-third-col4{top:141px}
#divLiveSales .subcontent-third-col1{left:0}
#divLiveSales .subcontent-third-col2{left:180px}
#divLiveSales .subcontent-third-col3{left:380px}
#divLiveSales .subcontent-third-col4{left:580px}
#divLiveSales .subcontent-third-col2,
#divLiveSales .subcontent-third-col3,
#divLiveSales .subcontent-third-col4{width:120px}

/* Brand Content */
#divBrandContent .timeline-item{padding:10px;min-height:300px}
#divBrandContent .animated-backgroud{height:300px}
#divBrandContent .content-first-0,
#divBrandContent .content-first-1,
#divBrandContent .content-first-2,
#divBrandContent .content-first-3,
#divBrandContent .content-first-4{top:0;height:50px}
#divBrandContent .content-first-0{left:0;width:200px}
#divBrandContent .content-first-1,
#divBrandContent .content-first-2,
#divBrandContent .content-first-3{width:100px}
#divBrandContent .content-first-1{left:270px}
#divBrandContent .content-first-2{left:440px}
#divBrandContent .content-first-3{left:610px}
#divBrandContent .content-first-4{right:0;width:50px}

#divBrandContent .content-second-0,
#divBrandContent .content-second-00,
#divBrandContent .content-second-1,
#divBrandContent .content-second-2,
#divBrandContent .content-second-3,
#divBrandContent .content-second-4{top:50px;height:50px}

#divBrandContent .content-second-0,
#divBrandContent .content-third-0,
#divBrandContent .content-fourth-0,
#divBrandContent .content-fifth-0,
#divBrandContent .content-sixth-0,
#divBrandContent .content-seventh-0,
#divBrandContent .content-eighth-0{left:0;width:30px}

#divBrandContent .content-second-00{left:160px;width:40px}
#divBrandContent .content-second-1,
#divBrandContent .content-second-2,
#divBrandContent .content-second-3{width:100px}
#divBrandContent .content-second-1{left:270px}
#divBrandContent .content-second-2{left:440px}
#divBrandContent .content-second-3{left:610px}
#divBrandContent .content-second-4{right:0;width:50px}

#divBrandContent .content-third-0,
#divBrandContent .content-third-1{top:100px;height:15px}
#divBrandContent .content-third-1{left:160px;right:0}

#divBrandContent .content-fourth-0,
#divBrandContent .content-fourth-00,
#divBrandContent .content-fourth-1,
#divBrandContent .content-fourth-2,
#divBrandContent .content-fourth-3,
#divBrandContent .content-fourth-4{top:115px;height:12px}
#divBrandContent .content-fourth-00{left:160px;width:15px}
#divBrandContent .content-fourth-1,
#divBrandContent .content-fourth-2,
#divBrandContent .content-fourth-3,
#divBrandContent .content-fourth-4{width:50px}
#divBrandContent .content-fourth-1{left:295px}
#divBrandContent .content-fourth-2{left:465px}
#divBrandContent .content-fourth-3{left:635px}
#divBrandContent .content-fourth-4{right:0;width:30px}

#divBrandContent .content-fifth-0,
#divBrandContent .content-fifth-1{top:127px;height:7px}
#divBrandContent .content-fifth-1{left:160px;right:0}

#divBrandContent .content-sixth-0,
#divBrandContent .content-sixth-00,
#divBrandContent .content-sixth-1,
#divBrandContent .content-sixth-2,
#divBrandContent .content-sixth-3,
#divBrandContent .content-sixth-4{top:134px;height:12px}
#divBrandContent .content-sixth-00{left:160px;width:30px}
#divBrandContent .content-sixth-1,
#divBrandContent .content-sixth-2,
#divBrandContent .content-sixth-3,
#divBrandContent .content-sixth-4{width:80px}
#divBrandContent .content-sixth-1{left:280px}
#divBrandContent .content-sixth-2{left:450px}
#divBrandContent .content-sixth-3{left:620px}
#divBrandContent .content-sixth-4{right:0;width:45px}

#divBrandContent .content-seventh-0,
#divBrandContent .content-seventh-1{top:146px;height:20px}
#divBrandContent .content-seventh-1{left:160px;right:0}

#divBrandContent .content-eighth-0,
#divBrandContent .content-eighth-00,
#divBrandContent .content-eighth-1,
#divBrandContent .content-eighth-2,
#divBrandContent .content-eighth-3,
#divBrandContent .content-eighth-4{top:165px;height:25px}
#divBrandContent .content-eighth-00{left:160px;width:40px}
#divBrandContent .content-eighth-1,
#divBrandContent .content-eighth-2,
#divBrandContent .content-eighth-3{width:100px}
#divBrandContent .content-eighth-1{left:270px}
#divBrandContent .content-eighth-2{left:440px}
#divBrandContent .content-eighth-3{left:610px}
#divBrandContent .content-eighth-4{right:0;width:50px}

#divBrandContent .content-ninth-0,
#divBrandContent .content-ninth-1,
#divBrandContent .content-ninth-2,
#divBrandContent .content-ninth-3,
#divBrandContent .content-ninth-4{top:190px;height:20px}
#divBrandContent .content-ninth-0{left:0;width:200px}
#divBrandContent .content-ninth-1,
#divBrandContent .content-ninth-2,
#divBrandContent .content-ninth-3{width:100px}
#divBrandContent .content-ninth-1{left:270px}
#divBrandContent .content-ninth-2{left:440px}
#divBrandContent .content-ninth-3{left:610px}
#divBrandContent .content-ninth-4{right:0;width:50px}

#divBrandContent .content-tenth-0,
#divBrandContent .content-tenth-00,
#divBrandContent .content-tenth-1,
#divBrandContent .content-tenth-2,
#divBrandContent .content-tenth-3,
#divBrandContent .content-tenth-4{top:210px;height:12px}
#divBrandContent .content-tenth-0{left:0;width:15px}
#divBrandContent .content-tenth-00{left:175px;width:25px}
#divBrandContent .content-tenth-1,
#divBrandContent .content-tenth-2,
#divBrandContent .content-tenth-3,
#divBrandContent .content-tenth-4{width:100px}
#divBrandContent .content-tenth-1{left:270px}
#divBrandContent .content-tenth-2{left:440px}
#divBrandContent .content-tenth-3{left:610px}
#divBrandContent .content-tenth-4{right:0;width:50px}

#divBrandContent .content-eleventh-0,
#divBrandContent .content-eleventh-1,
#divBrandContent .content-eleventh-2,
#divBrandContent .content-eleventh-3,
#divBrandContent .content-eleventh-4{top:222px;height:7px}
#divBrandContent .content-eleventh-0{left:0;width:200px}
#divBrandContent .content-eleventh-1,
#divBrandContent .content-eleventh-2,
#divBrandContent .content-eleventh-3{width:100px}
#divBrandContent .content-eleventh-1{left:270px}
#divBrandContent .content-eleventh-2{left:440px}
#divBrandContent .content-eleventh-3{left:610px}
#divBrandContent .content-eleventh-4{right:0;width:50px}

#divBrandContent .content-twelveth-0,
#divBrandContent .content-twelveth-00,
#divBrandContent .content-twelveth-1,
#divBrandContent .content-twelveth-2,
#divBrandContent .content-twelveth-3,
#divBrandContent .content-twelveth-4{top:229px;height:25px}
#divBrandContent .content-twelveth-0{left:0;width:55px}
#divBrandContent .content-twelveth-00{left:125px;width:75px}
#divBrandContent .content-twelveth-1,
#divBrandContent .content-twelveth-2,
#divBrandContent .content-twelveth-3,
#divBrandContent .content-twelveth-4{width:100px}
#divBrandContent .content-twelveth-1{left:270px}
#divBrandContent .content-twelveth-2{left:440px}
#divBrandContent .content-twelveth-3{left:610px}
#divBrandContent .content-twelveth-4{right:0;width:50px}

#divBrandContent .content-thirteenth-0,
#divBrandContent .content-thirteenth-1,
#divBrandContent .content-thirteenth-2,
#divBrandContent .content-thirteenth-3,
#divBrandContent .content-thirteenth-4{top:222px;height:7px}
#divBrandContent .content-thirteenth-0{left:0;width:200px}
#divBrandContent .content-thirteenth-1,
#divBrandContent .content-thirteenth-2,
#divBrandContent .content-thirteenth-3{width:100px}
#divBrandContent .content-thirteenth-1{left:270px}
#divBrandContent .content-thirteenth-2{left:440px}
#divBrandContent .content-thirteenth-3{left:610px}
#divBrandContent .content-thirteenth-4{right:0;width:50px}

#divBrandContent .content-line{left:0;right:0px;top:254px;height:15px}

#divBrandContent .content-fourteenth-0,
#divBrandContent .content-fourteenth-1,
#divBrandContent .content-fourteenth-2,
#divBrandContent .content-fourteenth-3,
#divBrandContent .content-fourteenth-4{top:269px;height:12px}
#divBrandContent .content-fourteenth-0{left:0;width:175px}
#divBrandContent .content-fourteenth-1,
#divBrandContent .content-fourteenth-2,
#divBrandContent .content-fourteenth-3,
#divBrandContent .content-fourteenth-4{width:50px}
#divBrandContent .content-fourteenth-1{left:295px}
#divBrandContent .content-fourteenth-2{left:465px}
#divBrandContent .content-fourteenth-3{left:635px}
#divBrandContent .content-fourteenth-4{right:0;width:30px}
#divBrandContent .content-fourteenth-line{left:0;right:0px;top:281px;height:7px}

#divBrandContent .content-fifteenth-0,
#divBrandContent .content-fifteenth-1,
#divBrandContent .content-fifteenth-2,
#divBrandContent .content-fifteenth-3,
#divBrandContent .content-fifteenth-4{top:288px;height:12px}
#divBrandContent .content-fifteenth-0{left:0;width:185px}
#divBrandContent .content-fifteenth-1,
#divBrandContent .content-fifteenth-2,
#divBrandContent .content-fifteenth-3,
#divBrandContent .content-fifteenth-4{width:80px}
#divBrandContent .content-fifteenth-1{left:280px}
#divBrandContent .content-fifteenth-2{left:450px}
#divBrandContent .content-fifteenth-3{left:620px}
#divBrandContent .content-fifteenth-4{right:0;width:45px}

/* List Group */
@keyframes mymove
{
    0%{
        background-position:-270px 0;
   }
    100%
    {
        background-position:270px 0;  
   }
}
#divGroupList .animated-backgroud{animation-name:mymove}
#divGroupList .timeline-item{padding:5px;height:135px}
#divGroupList .animated-backgroud{height:83px}
#divGroupList .header-first-left{left:0;width:50px;height:14px}
#divGroupList .header-first-right{right:0;width:50px;height:14px}
#divGroupList .header-line{left:0;right:0;top:14px;height:20px}
#divGroupList .content-first-right{right:0;top:34px;width:120px;height:12px}
#divGroupList .content-first-line,
#divGroupList .content-second-line{left:0;right:0;top:46px;height:7px}
#divGroupList .content-second-right{right:0;top:52px;width:50px;height:12px}
#divGroupList .content-second-line{top:64px}
#divGroupList .content-third-right{right:0;top:71px;width:70px;height:12px}