.activity-tracking{position:fixed;bottom:0;right:0;width:450px;min-height:50px;background-color:#55a5f3;border-radius:4px 0 0;box-shadow:-4px -4px 10px 0 rgba(0,0,0,0.3)}.activity-tracking.expanded{height:80%}.activity-tracking>.header{width:calc(100% - 10px);height:40px;margin:5px;line-height:15px;padding-left:50px;color:#fff;background-image:url(../image/tracking-activity.png);background-position-x:0;background-repeat:no-repeat;background-size:contain;display:flex;flex-direction:column;justify-content:center;cursor:pointer}.activity-tracking > .header
p{margin:0}.activity-tracking > .header p.small-text{font-size:10px}.activity-tracking.expanded>.container{width:100%;background-color:#fff;height:calc(100% - 40px);overflow-y:auto}.activity-tracking.expanded>.container>.activity:nth-child(even){background-color:rgb(249 249 249)}.activity-tracking.expanded>.container>.activity{width:100%;height:70px;padding-left:65px;border-bottom:1px solid #ddd;background-image:url(../image/activity.png);background-position-x:6px;background-position-y:center;background-repeat:no-repeat;background-size:48px}.activity-tracking>.container>.activity>.content{display:none}.activity-tracking.expanded>.container>.activity>.content{width:calc(100% - 65px);height:100%;display:flex}.activity-tracking.expanded > .container > .activity > .content
.info{height:100%;width:54%;display:flex;flex-direction:column;justify-content:center}.activity-tracking.expanded > .container > .activity > .content .info
p{margin:0;line-height:17px;font-style:italic}.activity-tracking.expanded > .container > .activity > .content
.counter{height:100%;width:46%}.activity-tracking.expanded > .container > .activity > .content .counter>.timer{font-family:'Dosis',sans-serif;font-size:25px;width:100%;height:60%;display:flex;align-items:center}.activity-tracking.expanded > .container > .activity > .content .counter>.action{width:100%}