/**  Import Compass */
/* ========================================================================== Comments <li class="a-Comments-item"> <div class="a-Comments-icon a-MediaBlock-graphic"> <div class="a-Comments-userIcon">SR</div> </div> <div class="a-Comments-body a-MediaBlock-content"> <div class="a-Comments-info"> <a href="#">Shakeeb Rahman</a> &middot; <span clas="a-Comments-date">3 days ago</span> </div> <div class="a-Comments-comment"> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis repellendus, quibusdam magni fugiat! Temporibus fuga fugit officia, excepturi iure assumenda architecto impedit sed enim reprehenderit minima nulla harum! Dolorum, animi! </div> </div> </li> ========================================================================== */
.a-Comments { list-style: none; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; }

.a-Comments-item { margin-bottom: 16px; }

.a-Comments .a-Comments-item:last-child { margin-bottom: 0; }

.a-Comments-icon { margin-right: 12px; }

.a-Comments-userIcon, .a-Comments-userImg { display: block; border-radius: 100%; width: 32px; height: 32px; display: block; }

.a-Comments-userIcon { font-size: 14px; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; border: 1px solid; -webkit-font-smoothing: antialiased; font-weight: 400; background-color: #FFFFFF; }

.a-Comments-info { font-size: 12px; line-height: 16px; color: #707070; }

.a-Comments-user { margin-right: 8px; }

.a-Comments-actions { float: right; }

.a-Comments-comment { font-size: 14px; line-height: 20px; color: #404040; white-space: pre-line; }

/* Chat Message Style ========================================================================== */
.a-Comments--chat .a-Comments-info { position: relative; background-color: #F8F8F8; border: 1px solid #F0F0F0; padding: 8px 12px; border-radius: 2px 2px 0 0; }

.a-Comments--chat .a-Comments-info:after, .a-Comments--chat .a-Comments-info:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.a-Comments--chat .a-Comments-info:after { border-color: rgba(248, 248, 248, 0); border-right-color: #F8F8F8; border-width: 6px; margin-top: -6px; }

.a-Comments--chat .a-Comments-info:before { border-color: rgba(232, 232, 232, 0); border-right-color: #E8E8E8; border-width: 7px; margin-top: -7px; }

.a-Comments--chat .a-Comments-comment { border: 1px solid #F0F0F0; border-top-width: 0; border-radius: 0 0 2px 2px; background-color: #FFF; padding: 8px 12px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.a-Comments--chat .a-Comments-icon { margin-right: 0; }

.a-Comments--chat .a-Comments-body { padding-left: 12px; }

/* No User Icon ========================================================================== */
.a-Comments--noUserIcon .a-Comments-icon, .a-Comments-item--noUserIcon .a-Comments-icon { display: none; }

.a-Comments--noUserIcon .a-Comments-body, .a-Comments-item--noUserIcon .a-Comments-body { padding-left: 0; }

.a-Comments--noUserIcon .a-Comments-info:before, .a-Comments--noUserIcon .a-Comments-info:after, .a-Comments-item--noUserIcon .a-Comments-info:before, .a-Comments-item--noUserIcon .a-Comments-info:after { display: none; }