div#boxComment{margin-top: 30px;}

div.boxEditor{float: left; width: calc(100% - 22px); padding: 10px 10px 20px 10px; border: #e4e4e4 1px solid;background-color: #f7f7f7;}
div.boxEditor img.avatar,
div.boxEditor a.avatar{float: left; width: 40px;border-radius: 5px;border: #dadada 1px solid; padding: 1px; margin-right: 10px;}
div.boxEditor a.avatar:hover{border-color: #db0d12;}
div.boxEditor a.avatar img{width: 100%;float: left;}

div.boxEditor div.box{float: right; width: calc(100% - 60px);}

div.boxEditor div.editor{float: left; width: calc(100% - 22px); min-height: 40px; padding: 10px; font-size:15px; line-height: 150%;border: #dadada 1px solid; background-color: white;}
div.boxEditor div.editor:hover{border-color: black;}
div.boxEditor div.error{border-color: red;}


div.boxEditor div.btn{ float: left; width: 100%;margin-top: 5px;	border-radius: 0px 0 6px 6px;}
div.boxEditor div.btn span{float: left; color: black;}
div.boxEditor div button{	font-size: 16px; color: #5c5c5c; margin-right: 5px;	border-radius: 3px; border: #969696 1px solid; padding: 5px 10px 5px 10px;	cursor: pointer; float:left;}
div.boxEditor div button[name='cancel'],
div.boxEditor div button[name='reset']{display: none;}
div.boxEditor div button:hover{	background-color: #d52832; color: white; border-color: #8c1a20;}


ul.comments,
ul.comments li{float: left;list-style: none;margin:0px;}
ul.comments{width: 100%; padding:0px; margin-top: 10px;}
ul.comments li{width: 100%; padding:15px 0 15px 0; border-bottom:#dadada 1px solid;}
ul.comments li a.avatar{float: left; width: 40px;border-radius: 5px;border: #dadada 1px solid; padding: 1px;}
ul.comments li a.avatar:hover{border-color: #db0d12;}
ul.comments li a.avatar img{width: 40px;height:40px;float: left;}

ul.comments li ul{ margin-top:0px;  border-left: #d2d2d2 1px solid;  width: calc(100% - 11px); padding-left: 10px; border-bottom: #d2d2d2 5px solid;}
ul.comments li ul li{padding-bottom: 5px;  padding-left: 10px; width: calc(100% - 10px)}
ul.comments li ul li div.star{display: none;}
ul.comments li ul li:last-child{border: 0px;}

ul.comments li div.comment{float: left; width: calc(100% - 54px); margin-left: 10px;}
ul.comments li div.comment span.time{ color: #777777; display: inline-block; margin-left: 5px; font-style: italic;}
ul.comments li div.comment div.star{float: left; width: 100%; margin: 5px 0 5px 0;}

ul.comments li div.comment p{margin: 6px 0 6px 0;}
ul.comments li div.c-reply{float: left; width: 100%; margin-top:4px; }
ul.comments li div.c-reply span{float: left; margin-right:10px; color: #757575;}
ul.comments li div.c-reply span:first-child{cursor: pointer;color: #4267b2;}
ul.comments li div.c-reply span:first-child:hover{text-decoration: underline;}
ul.comments li div.more-reply{float: left; width: calc(100% - 20px); margin-top: 15px; margin-bottom:5px; padding: 0 10px 0 10px; background-color: #f5f5f5; }
ul.comments li div.more-reply a.avatar{width: 30px;}
ul.comments li div.more-reply a.avatar img{width: 30px; height:30px;}


div.ratingValue {position: relative; width: 100%;float: left; margin-bottom: 10px;}
div.ratingValue div{float: left; margin: 5px;}
div.ratingValue .star {font-size: 30px;color: #ffd700; position: relative;} /* animation: stretch-bounce .5s ease-in-out;*/
div.ratingValue div:last-child{font-size: 16px;  margin: 7px 0px 0px 20px;}
div.ratingValue .full:before { font-family: fontAwesome; content: "\f005"; float: left; z-index: 2; position: relative; animation: heartbeat 2s linear infinite;}
div.ratingValue .star-colour { color: red;}

div.ratingValue .selected:before { font-family: fontAwesome; content: "\f005";  position: absolute; top: 0; left: 0; transform: scale(1); opacity: 1;  z-index: 1; }
div.ratingValue .pulse:before {transform: scale(3); opacity: 0;}  
div.ratingValue .is-animated:before{transition: 1s ease-out;}