.scrollbar, .scrollbar .track{position: relative; width:10px}
.scrollbar .thumb .end, .scrollbar .thumb{background-color: #ccc}
.scrollbar .thumb{border-radius:10px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; border:2px solid #888; box-sizing:border-box}
.scrollbar .thumb .end{overflow: hidden; height: 5px; width: 10px}
.disable .track{display: none}

.alerts-scroll-area{width:352px; clear: both}
.alerts-scroll-area .viewport{width:340px; height: 393px; overflow: hidden; position: relative; float:left; margin-left:9px; padding-top:8px}
.alerts-scroll-area .overview{list-style: none; position: relative; left: 0; top: 0}
.alerts-scroll-area .scrollbar{float: right}
.alerts-scroll-area .track{border:none; background:#96B3D7; padding:0; margin-top:10px; margin-right:3px}

.checkins-scroll-area{width: 594px; clear: both}
.checkins-scroll-area .viewport{width: 580px; height: 319px; overflow: hidden; position: relative; float:left; color:White; left:8px}
.checkins-scroll-area .overview{list-style: none; position: relative; left: 0; top: 6px; left:2px}
.checkins-scroll-area .scrollbar{float: right}
.checkins-scroll-area .track{border:none; background:#96B3D7; padding:0; margin-top:2px; margin-left:3px}

.customhoa{clear: both} 
.customhoa .viewport{width: 111px; height:55px; overflow: hidden; position: relative}
.customhoa .overview{list-style: none; position: absolute; left: 0; top: 0; margin-left:3px}
.customhoa .scrollbar{position: relative; float: right; width: 10px}
.customhoa .track{border:none; background:transparent; padding:0; margin-top:2px; margin-right:3px}
 
.duplicate-vital-scroll-area .viewport{height:250px}

.recent-activity-scroll-area{width: 594px; clear: both}
.recent-activity-scroll-area .viewport{width: 580px; height: 167px; overflow: hidden; position: relative; float:left; color:White; left:8px}
.recent-activity-scroll-area .overview{list-style: none; position: relative; left: 0; top: 6px; left:2px}
.recent-activity-scroll-area .scrollbar{position: relative; float: right}
.recent-activity-scroll-area .track{border:none; background:#96B3D7; padding:0; margin-top:2px; margin-left:5px}

.qlinks-scroll-area{width:352px; clear: both; padding-top:8px}
.qlinks-scroll-area .viewport{width:333px; height: 146px; overflow: hidden; position: relative; float:left; margin-left:9px; padding-top:5px}
.qlinks-scroll-area .overview{list-style: none; position: relative; left: 0; top: 0}
.qlinks-scroll-area .scrollbar{float: right}
.qlinks-scroll-area .track{border:none; background:#96B3D7; width:6px; position: relative; padding:0; margin-top:10px; margin-right:3px}

.medpass-details .viewport{width:390px; height: 190px; overflow: hidden; position: relative; float:left; margin-left:9px}
.medpass-details .overview{list-style: none; position: relative; left: 0; top: 0}
.medpass-details .scrollbar{float: left}
.medpass-details .track{border:2px solid #333; border-radius:10px; padding:0}

#dashboardQuickLinksContent .viewport{width:95%; height: 205px; overflow: hidden; position: relative; float:left; margin:5px 0 0 2%}
#dashboardQuickLinksContent .overview{list-style: none; position: relative; left: 0; top: 0}
#dashboardQuickLinksContent .scrollbar{position: relative; float: right; width: 3%; margin-top:5px}
#dashboardQuickLinksContent .track{border:2px solid #333; border-radius:10px; padding:0}